add in sort arg

Author: MandarinConLaBarba

README.md

@@ -123,6 +123,16 @@ See the [example CSS](example/tree-view.css) for how this works.
 
 ## `<TreeMenu/>` Props
 
+### `sort={<Boolean> || <Function>}`
+
+* If sort is a `Boolean` and true (i.e. `<TreeMenu sort ... />`), the node label will be used for sorting.
+* If sort is a `Function`, it will be used as the sort function, with the argument the `React` element (props are available for sorting). Example:
+
+```
+<TreeMenu sort={(node) => node.props.value} ... />
+```
+
+
 ### `stateful={<Boolean>}`
 
 If you need it, you can make `<TreeMenu/`> keep track of its own state. That being said, `react-tree-menu` was designed to

example/App.jsx

@@ -349,6 +349,7 @@ var App = React.createClass({
 
     return (
       <TreeMenu
+        sort
         identifier="id"
         onTreeNodeClick={this._setLastActionState.bind(this, "clicked", "2")}
         onTreeNodeCollapseChange={this._handleDeclarativeTreeNodePropChange.bind(this, "collapsed")}
@@ -358,8 +359,8 @@ var App = React.createClass({
         collapseIconClass="fa fa-chevron-down">
         <TreeNode label="Option 1" id="option_1"/>
         <TreeNode label="Option 2" id="option_2">
-          <TreeNode label="Option A" checkbox={true} checked={this.state.staticTreeData["option_2.a"].checked} id="option_2.a"/>
           <TreeNode label="Option B" checkbox={true} checked={this.state.staticTreeData["option_2.b"].checked} id="option_2.b"/>
+          <TreeNode label="Option A" checkbox={true} checked={this.state.staticTreeData["option_2.a"].checked} id="option_2.a"/>
         </TreeNode>
         <TreeNode label="Option 3" id="option_3"/>
         <TreeNode label="Option 4" id="option_4"/>