Merge pull request #29 from goloveychuk/master

added hideRoot prop

README.md

@@ -133,7 +133,7 @@ In this example the label and value will be rendered with `<strong>` and `<em>`
 #### More Options
 
 - Add `expandAll` property to expand all nodes.
-
+- Add `hideRoot={true}` to hide a root node.
 ### Credits
 
 - All credits to [Dave Vedder](http://www.eskimospy.com/) ([[email protected]](mailto:[email protected])), who wrote the original code as [JSONViewer](https://bitbucket.org/davevedder/react-json-viewer/).

src/JSONObjectNode.js

@@ -18,7 +18,7 @@ function renderItemString({
 
 // Returns the child nodes for each entry in iterable.
 // If we have generated them previously we return from cache; otherwise we create them.
-function getChildNodes({
+export function getChildNodes({
   data,
   getItemString,
   labelRenderer,

src/index.js

@@ -6,6 +6,7 @@
 import React from 'react';
 import grabNode from './grab-node';
 import solarized from './themes/solarized';
+import {getChildNodes} from './JSONObjectNode';
 
 const styles = {
   tree: {
@@ -30,12 +31,14 @@ export default class JSONTree extends React.Component {
     data: React.PropTypes.oneOfType([
       React.PropTypes.array,
       React.PropTypes.object
-    ]).isRequired
+    ]).isRequired,
+    hideRoot: React.PropTypes.bool
   };
 
   static defaultProps = {
     expandRoot: true,
     expandAll: false,
+    hideRoot: false,
     keyName: 'root',
     theme: solarized,
     getArrowStyle: getEmptyStyle,
@@ -73,25 +76,40 @@ export default class JSONTree extends React.Component {
       theme
     } = this.props;
 
-    const rootNode = grabNode({
-      getItemString,
-      initialExpanded,
-      allExpanded,
-      key,
-      previousData,
-      styles: getStyles,
-      theme,
-      labelRenderer,
-      value,
-      valueRenderer
-    });
+    var nodeToRender;
+
+    if (!this.props.hideRoot) {       
+      nodeToRender = grabNode({
+        getItemString,
+        initialExpanded,
+        allExpanded,
+        key,
+        previousData,
+        styles: getStyles,
+        theme,
+        labelRenderer,
+        value,
+        valueRenderer
+      });
+    } else {
+      nodeToRender = getChildNodes({
+        data: value,
+        getItemString,
+        labelRenderer,
+        previousData,
+        styles:getStyles,
+        theme,
+        valueRenderer,
+        allExpanded
+      });
+    }
 
     return (
       <ul style={{
         ...styles.tree,
         ...this.props.style
       }}>
-        {rootNode}
+        {nodeToRender}
       </ul>
     );
   }