Apply extra properties inside the default node renderer

Author: fritz-c

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-sortable-tree",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Drag-and-drop sortable representation of hierarchical data",
   "scripts": {
     "build": "npm run lint && npm run test && npm run build:demo && npm run build:umd",

src/node-renderer-default.js

@@ -32,6 +32,9 @@ const NodeRendererDefault = ({
     buttons,
     className,
     style = {},
+    startDrag: _startDrag,
+    endDrag: _endDrag,
+    ...otherProps,
 }) => {
     let handle;
     if (typeof node.children === 'function' && node.expanded) {
@@ -65,7 +68,10 @@ const NodeRendererDefault = ({
     const isDraggedDescendant = draggedNode && isDescendant(draggedNode, node);
 
     return (
-        <div style={{ height: '100%' }}>
+        <div
+            style={{ height: '100%' }}
+            {...otherProps}
+        >
             {toggleChildrenVisibility && node.children && node.children.length > 0 && (
                 <div>
                     <button
@@ -157,6 +163,8 @@ NodeRendererDefault.propTypes = {
     // Drag source
     connectDragPreview: PropTypes.func.isRequired,
     connectDragSource:  PropTypes.func.isRequired,
+    startDrag:          PropTypes.func.isRequired, // Needed for drag-and-drop utils
+    endDrag:            PropTypes.func.isRequired, // Needed for drag-and-drop utils
     isDragging:         PropTypes.bool.isRequired,
     draggedNode:        PropTypes.object,
     // Drop target