implement node id

Author: Fabian Nickel

src/components/MuiTreeView/README.md

@@ -13,11 +13,7 @@ const tree = [
       {
         value: 'Parent C',
         nodes: [
-<<<<<<< 38b10b1adb4f781cd5e42ff44669bec17f97d819
           { value: 'Child D', id: 'example-id' },
-=======
-          { value: 'Child D', id: 'test' },
->>>>>>> highlight
           { value: 'Child E' },
           { value: 'Child F' },
         ],

src/components/MuiTreeView/index.jsx

@@ -63,9 +63,6 @@ const styles = theme => ({
     maxWidth: '75vw',
   },
   expandIcon: {},
-  highlightItem: {
-    backgroundColor: 'rgb(138, 138, 138)',
-  },
 });
 
 /**
@@ -85,8 +82,6 @@ class MuiTreeView extends Component {
     expansionPanelDetailsProps: object,
     /** Properties applied to the ListItem element. */
     listItemProps: object,
-    /** Id of a leaf which will be highlighted by adding the class  */
-    highlightId: oneOfType[(string, number)],
   };
 
   static defaultProps = {
@@ -95,7 +90,6 @@ class MuiTreeView extends Component {
     expansionPanelSummaryProps: null,
     expansionPanelDetailsProps: null,
     listItemProps: null,
-    highlightId: null,
   };
 
   createFilteredTree = memoize(
@@ -123,7 +117,6 @@ class MuiTreeView extends Component {
       expansionPanelSummaryProps,
       expansionPanelDetailsProps,
       listItemProps,
-      highlightId,
       ...props
     } = this.props;
     const value = this.getNodeValue(node);
@@ -147,7 +140,6 @@ class MuiTreeView extends Component {
           value={value}
           onClick={() => this.handleLeafClick({ value, parent, id })}
           button
-          classes={highlightId === id ? { root: classes.highlightItem } : {}}
           {...listItemProps}>
           <div className={classes.text}>{value}</div>
         </ListItem>