From f98e5685fe27ceed626bb85065edde839d0bad09 Mon Sep 17 00:00:00 2001
From: Kuzya <alexkuz@gmail.com>
Date: Mon, 22 Feb 2016 23:31:10 +0300
Subject: [PATCH] Provide full JSON key path in labelRenderer (in reverse
 order)

---
 src/JSONArrayNode.js    |  5 +++--
 src/JSONIterableNode.js |  5 +++--
 src/JSONNestedNode.js   |  2 +-
 src/JSONObjectNode.js   |  5 +++--
 src/JSONValueNode.js    |  2 +-
 src/grab-node.js        |  8 ++++----
 src/index.js            | 15 ++++++++-------
 7 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/JSONArrayNode.js b/src/JSONArrayNode.js
index 0f85f0c..24e0c29 100644
--- a/src/JSONArrayNode.js
+++ b/src/JSONArrayNode.js
@@ -25,7 +25,8 @@ function getChildNodes({
   styles,
   theme,
   valueRenderer,
-  allExpanded
+  allExpanded,
+  keyPath
 }) {
   const childNodes = [];
   data.forEach((value, key) => {
@@ -36,7 +37,7 @@ function getChildNodes({
 
     const node = grabNode({
       getItemString,
-      key,
+      keyPath: [key, ...keyPath],
       labelRenderer,
       previousData: previousDataValue,
       renderItemString,
diff --git a/src/JSONIterableNode.js b/src/JSONIterableNode.js
index 31611b8..d670b8b 100644
--- a/src/JSONIterableNode.js
+++ b/src/JSONIterableNode.js
@@ -33,7 +33,8 @@ function getChildNodes({
   styles,
   theme,
   valueRenderer,
-  allExpanded
+  allExpanded,
+  keyPath
 }) {
   const childNodes = [];
   for (const entry of data) {
@@ -53,7 +54,7 @@ function getChildNodes({
 
     const node = grabNode({
       getItemString,
-      key,
+      keyPath: [key, ...keyPath],
       labelRenderer,
       previousData: previousDataValue,
       styles,
diff --git a/src/JSONNestedNode.js b/src/JSONNestedNode.js
index c8fb836..479550e 100644
--- a/src/JSONNestedNode.js
+++ b/src/JSONNestedNode.js
@@ -98,7 +98,7 @@ export default class JSONNestedNode extends React.Component {
           color: this.props.theme.base0D,
           ...this.props.styles.getLabelStyle(this.props.nodeType, this.state.expanded)
         }} onClick={::this.handleClick}>
-          {this.props.labelRenderer(this.props.keyName)}:
+          {this.props.labelRenderer(...this.props.keyPath)}:
         </label>
         <span style={{
           ...spanStyle,
diff --git a/src/JSONObjectNode.js b/src/JSONObjectNode.js
index 5feb088..e733a99 100644
--- a/src/JSONObjectNode.js
+++ b/src/JSONObjectNode.js
@@ -26,7 +26,8 @@ export function getChildNodes({
   styles,
   theme,
   valueRenderer,
-  allExpanded
+  allExpanded,
+  keyPath
 }) {
   const childNodes = [];
   for (let key in data) {
@@ -38,7 +39,7 @@ export function getChildNodes({
 
       const node = grabNode({
         getItemString,
-        key,
+        keyPath: [key, ...keyPath],
         labelRenderer,
         previousData: previousDataValue,
         renderItemString,
diff --git a/src/JSONValueNode.js b/src/JSONValueNode.js
index 3c3f337..651568c 100644
--- a/src/JSONValueNode.js
+++ b/src/JSONValueNode.js
@@ -42,7 +42,7 @@ export default class JSONValueNode extends React.Component {
           color: this.props.theme.base0D,
           ...this.props.styles.getLabelStyle(this.props.nodeType, true)
         }}>
-          {this.props.labelRenderer(this.props.keyName)}:
+          {this.props.labelRenderer(...this.props.keyPath)}:
         </label>
         <span style={{
           color: this.props.valueColor,
diff --git a/src/grab-node.js b/src/grab-node.js
index ea42679..0672d97 100644
--- a/src/grab-node.js
+++ b/src/grab-node.js
@@ -9,7 +9,7 @@ export default function({
   getItemString,
   initialExpanded = false,
   allExpanded,
-  key,
+  keyPath,
   labelRenderer,
   previousData,
   styles,
@@ -22,8 +22,8 @@ export default function({
   const simpleNodeProps = {
     getItemString,
     initialExpanded,
-    key,
-    keyName: key,
+    key: keyPath[0],
+    keyPath,
     labelRenderer,
     nodeType,
     previousData,
@@ -38,7 +38,7 @@ export default function({
     data: value,
     initialExpanded,
     allExpanded,
-    keyName: key
+    keyPath
   };
 
   switch (nodeType) {
diff --git a/src/index.js b/src/index.js
index 3fec179..e8b567e 100644
--- a/src/index.js
+++ b/src/index.js
@@ -39,7 +39,7 @@ export default class JSONTree extends React.Component {
     expandRoot: true,
     expandAll: false,
     hideRoot: false,
-    keyName: 'root',
+    keyPath: ['root'],
     theme: solarized,
     getArrowStyle: getEmptyStyle,
     getListStyle: getEmptyStyle,
@@ -71,19 +71,19 @@ export default class JSONTree extends React.Component {
       getItemString,
       labelRenderer,
       valueRenderer,
-      keyName: key,
+      keyPath,
       previousData,
       theme
     } = this.props;
 
-    var nodeToRender;
+    let nodeToRender;
 
-    if (!this.props.hideRoot) {       
+    if (!this.props.hideRoot) {
       nodeToRender = grabNode({
         getItemString,
         initialExpanded,
         allExpanded,
-        key,
+        keyPath,
         previousData,
         styles: getStyles,
         theme,
@@ -97,10 +97,11 @@ export default class JSONTree extends React.Component {
         getItemString,
         labelRenderer,
         previousData,
-        styles:getStyles,
+        styles: getStyles,
         theme,
         valueRenderer,
-        allExpanded
+        allExpanded,
+        keyPath: []
       });
     }