fix: correct positioning of full-width draggable rows

Author: fritz-c

Diff for: examples/storybooks/__snapshots__/storyshots.test.js.snap

@@ -3376,13 +3376,15 @@ exports[`Storyshots Basics Themes 1`] = `
                   "width": "100%",
                 }
               }
+              treeId="rst__7"
             >
               <div
                 style={
                   Object {
                     "height": "100%",
                   }
                 }
+                treeId="rst__7"
               >
                 <button
                   aria-label="Collapse"
@@ -3456,13 +3458,15 @@ exports[`Storyshots Basics Themes 1`] = `
                   "width": "100%",
                 }
               }
+              treeId="rst__7"
             >
               <div
                 style={
                   Object {
                     "height": "100%",
                   }
                 }
+                treeId="rst__7"
               >
                 <button
                   aria-label="Collapse"
@@ -3544,13 +3548,15 @@ exports[`Storyshots Basics Themes 1`] = `
                   "width": "100%",
                 }
               }
+              treeId="rst__7"
             >
               <div
                 style={
                   Object {
                     "height": "100%",
                   }
                 }
+                treeId="rst__7"
               >
                 <div
                   className="rstcustom__rowWrapper"
@@ -3637,13 +3643,15 @@ exports[`Storyshots Basics Themes 1`] = `
                   "width": "100%",
                 }
               }
+              treeId="rst__7"
             >
               <div
                 style={
                   Object {
                     "height": "100%",
                   }
                 }
+                treeId="rst__7"
               >
                 <div
                   className="rstcustom__rowWrapper"
@@ -3706,13 +3714,15 @@ exports[`Storyshots Basics Themes 1`] = `
                   "width": "100%",
                 }
               }
+              treeId="rst__7"
             >
               <div
                 style={
                   Object {
                     "height": "100%",
                   }
                 }
+                treeId="rst__7"
               >
                 <div
                   className="rstcustom__rowWrapper"

Diff for: src/node-renderer-default.js

@@ -38,6 +38,7 @@ class NodeRendererDefault extends Component {
       className,
       style,
       didDrop,
+      treeId,
       isOver, // Not needed, but preserved for other renderers
       parentNode, // Needed for dndManager
       ...otherProps
@@ -209,6 +210,7 @@ NodeRendererDefault.propTypes = {
     PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   ).isRequired,
   treeIndex: PropTypes.number.isRequired,
+  treeId: PropTypes.string.isRequired,
   isSearchMatch: PropTypes.bool,
   isSearchFocus: PropTypes.bool,
   canDrag: PropTypes.bool,

Diff for: src/react-sortable-tree.js

@@ -480,6 +480,7 @@ class ReactSortableTree extends Component {
       scaffoldBlockPxWidth,
       node,
       path,
+      treeId: this.treeId,
     };
 
     return (

Diff for: src/tree-node.js

@@ -17,6 +17,7 @@ class TreeNode extends Component {
       draggedNode,
       canDrop,
       treeIndex,
+      treeId, // Delete from otherProps
       getPrevRow, // Delete from otherProps
       node, // Delete from otherProps
       path, // Delete from otherProps
@@ -150,6 +151,7 @@ TreeNode.defaultProps = {
 
 TreeNode.propTypes = {
   treeIndex: PropTypes.number.isRequired,
+  treeId: PropTypes.string.isRequired,
   swapFrom: PropTypes.number,
   swapDepth: PropTypes.number,
   swapLength: PropTypes.number,