Cleanup

package.json

@@ -21,7 +21,7 @@
     "lib"
   ],
   "engines": {
-    "node": ">=18"
+    "node": ">=20.9"
   },
   "prettier": {
     "semi": false,
@@ -97,7 +97,6 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@nosferatu500/react-dnd-scrollzone": "2.0.10",
     "lodash.isequal": "^4.5.0",
     "react-dnd": "14.0.4",
     "react-dnd-html5-backend": "^14.1.0",

src/react-sortable-tree.tsx

@@ -1,18 +1,12 @@
 // @ts-nocheck
 
 import React, { Component } from 'react'
-import withScrolling, {
-  createHorizontalStrength,
-  createScrollingComponent,
-  createVerticalStrength,
-} from '@nosferatu500/react-dnd-scrollzone'
 import isEqual from 'lodash.isequal'
 import { DndContext, DndProvider } from 'react-dnd'
 import { HTML5Backend } from 'react-dnd-html5-backend'
 import { VList, VListHandle } from 'virtua'
 import NodeRendererDefault from './node-renderer-default'
 import PlaceholderRendererDefault from './placeholder-renderer-default'
-import './react-sortable-tree.css'
 import TreeNode from './tree-node'
 import TreePlaceholder from './tree-placeholder'
 import { classnames } from './utils/classnames'
@@ -207,16 +201,6 @@ class ReactSortableTree extends Component {
       this.dndType
     )
 
-    // Prepare scroll-on-drag options for this list
-    this.scrollZoneVirtualList = (createScrollingComponent || withScrolling)(
-      React.forwardRef((props, ref) => {
-        const { dragDropManager, rowHeight, ...otherProps } = props
-        return <VList ref={this.listRef} {...otherProps} />
-      })
-    )
-    this.vStrength = createVerticalStrength(slideRegionSize)
-    this.hStrength = createHorizontalStrength(slideRegionSize)
-
     this.state = {
       draggingTreeData: undefined,
       draggedNode: undefined,
@@ -694,14 +678,11 @@ class ReactSortableTree extends Component {
     } else {
       containerStyle = { height: '100%', ...containerStyle }
 
-      const ScrollZoneVirtualList = this.scrollZoneVirtualList
       list = (
-        <ScrollZoneVirtualList
-          data={rows}
+        <VList
+          id="vlist"
+          ref={this.listRef}
           dragDropManager={dragDropManager}
-          verticalStrength={this.vStrength}
-          horizontalStrength={this.hStrength}
-          className="rst__virtualScrollOverride"
           style={innerStyle}>
           {rows.map((item, index) => {
             return this.renderRow(item, {
@@ -713,7 +694,7 @@ class ReactSortableTree extends Component {
               swapLength,
             })
           })}
-        </ScrollZoneVirtualList>
+        </VList>
       )
     }