From 3e1a4a9e95079e08942f4404c498b75f98f61848 Mon Sep 17 00:00:00 2001
From: Dan Sumption <dan@sumption.org>
Date: Mon, 2 Oct 2017 08:05:36 +0100
Subject: [PATCH 1/2] Add draggable property

---
 example/app.js       | 1 +
 lib/react-ui-tree.js | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/example/app.js b/example/app.js
index 121b8e6d..1d7a2b66 100644
--- a/example/app.js
+++ b/example/app.js
@@ -39,6 +39,7 @@ class App extends Component {
         <div className="tree">
           <Tree
             paddingLeft={20}
+            draggable={false}
             tree={this.state.tree}
             onChange={this.handleChange}
             isNodeCollapsed={this.isNodeCollapsed}
diff --git a/lib/react-ui-tree.js b/lib/react-ui-tree.js
index 1c3c4154..9d7e027d 100644
--- a/lib/react-ui-tree.js
+++ b/lib/react-ui-tree.js
@@ -7,11 +7,13 @@ class UITree extends Component {
   static propTypes = {
     tree: PropTypes.object.isRequired,
     paddingLeft: PropTypes.number,
-    renderNode: PropTypes.func.isRequired
+    renderNode: PropTypes.func.isRequired,
+    draggable: PropTypes.bool
   };
 
   static defaultProps = {
-    paddingLeft: 20
+    paddingLeft: 20,
+    draggable: true
   };
 
   constructor(props) {
@@ -85,7 +87,7 @@ class UITree extends Component {
           index={tree.getIndex(1)}
           key={1}
           paddingLeft={this.props.paddingLeft}
-          onDragStart={this.dragStart}
+          onDragStart={this.props.draggable && this.dragStart}
           onCollapse={this.toggleCollapse}
           dragging={dragging && dragging.id}
         />

From c3dfb11355ca3c4bb8f15c5fb69f02d273988636 Mon Sep 17 00:00:00 2001
From: Dan Sumption <dan.sumption@autodesk.com>
Date: Mon, 2 Oct 2017 09:54:25 +0100
Subject: [PATCH 2/2] reset draggable to true in example app

---
 example/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/example/app.js b/example/app.js
index 1d7a2b66..19bac4fc 100644
--- a/example/app.js
+++ b/example/app.js
@@ -39,7 +39,7 @@ class App extends Component {
         <div className="tree">
           <Tree
             paddingLeft={20}
-            draggable={false}
+            draggable={true}
             tree={this.state.tree}
             onChange={this.handleChange}
             isNodeCollapsed={this.isNodeCollapsed}