fix: enable autoscroll during row reordering (glideapps#1144)

Co-authored-by: Martin Ayvazyan <ayvazyan@adobe.com>
(cherry picked from commit ab70423)

Author: 2 people

packages/core/src/data-editor/data-editor.tsx

@@ -4325,6 +4325,7 @@ const DataEditorImpl: React.ForwardRefRenderFunction<DataEditorRef, DataEditorPr
                     gridRef={gridRef}
                     getCellRenderer={getCellRenderer}
                     resizeIndicator={resizeIndicator}
+                    setScrollDir={setScrollDir}
                 />
                 {renameGroupNode}
                 {overlay !== undefined && (

packages/core/src/internal/data-grid-dnd/data-grid-dnd.tsx

@@ -76,6 +76,7 @@ export interface DataGridDndProps extends Props {
     readonly maxColumnWidth: number;
     readonly minColumnWidth: number;
     readonly lockColumns: number;
+    readonly setScrollDir: (dir: GridMouseEventArgs["scrollEdge"] | undefined) => void;
 }
 
 // Dear Past Jason,
@@ -118,6 +119,7 @@ const DataGridDnd: React.FunctionComponent<DataGridDndProps> = p => {
         onItemHovered,
         onDragStart,
         canvasRef,
+        setScrollDir
     } = p;
 
     const canResize = (onColumnResize ?? onColumnResizeEnd ?? onColumnResizeStart) !== undefined;
@@ -134,12 +136,13 @@ const DataGridDnd: React.FunctionComponent<DataGridDndProps> = p => {
             } else if (dragRow !== undefined && row !== undefined) {
                 setDragRowActive(true);
                 setDropRow(Math.max(0, row));
+                setScrollDir(args.scrollEdge);
                 // Don't emit onItemHovered if resizing or reordering a column or row.
             } else if (resizeCol === undefined && !dragColActive && !dragRowActive) {
                 onItemHovered?.(args);
             }
         },
-        [dragCol, dragRow, dropCol, onItemHovered, lockColumns, resizeCol, dragColActive, dragRowActive]
+        [dragCol, dragRow, dropCol, onItemHovered, lockColumns, resizeCol, dragColActive, dragRowActive, setScrollDir]
     );
 
     const canDragCol = onColumnMoved !== undefined;

packages/core/src/internal/data-grid-search/data-grid-search.tsx

@@ -567,6 +567,7 @@ const DataGridSearch: React.FunctionComponent<DataGridSearchProps> = p => {
                 smoothScrollX={p.smoothScrollX}
                 smoothScrollY={p.smoothScrollY}
                 resizeIndicator={p.resizeIndicator}
+                setScrollDir={p.setScrollDir}
             />
             {searchbox}
         </>

packages/core/src/internal/scrolling-data-grid/scrolling-data-grid.tsx

@@ -330,6 +330,7 @@ const GridScroller: React.FunctionComponent<ScrollingDataGridProps> = p => {
                 smoothScrollX={p.smoothScrollX}
                 smoothScrollY={p.smoothScrollY}
                 resizeIndicator={p.resizeIndicator}
+                setScrollDir={p.setScrollDir}
             />
         </InfiniteScroller>
     );