@linzjs/step-ag-grid 17.3.0 → 17.4.0

package/dist/step-ag-grid.esm.js

@@ -2506,20 +2506,24 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
                 },
             };
         });
-        return params.selectable
+        return params.selectable || params.onRowDragEnd
             ? [
                 {
                     colId: "selection",
                     editable: false,
-                    minWidth: 48,
-                    maxWidth: 48,
+                    rowDrag: !!params.onRowDragEnd,
+                    minWidth: params.selectable && params.onRowDragEnd ? 76 : 48,
+                    maxWidth: params.selectable && params.onRowDragEnd ? 76 : 48,
                     pinned: selectColumnPinned,
                     headerComponentParams: {
                         exportable: false,
                     },
-                    checkboxSelection: true,
+                    checkboxSelection: params.selectable,
                     headerComponent: rowSelection === "multiple" ? GridHeaderSelect : null,
+                    //headerCheckboxSelection:true,
                     suppressHeaderKeyboardEvent: (e) => {
+                        if (!params.selectable)
+                            return false;
                         if ((e.event.key === "Enter" || e.event.key === " ") && !e.event.repeat) {
                             if (isEmpty(e.api.getSelectedRows())) {
                                 e.api.selectAllFiltered();
@@ -2539,6 +2543,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
     }, [
         params.columnDefs,
         params.selectable,
+        params.onRowDragEnd,
         params.readOnly,
         params.defaultColDef?.editable,
         selectColumnPinned,
@@ -2731,6 +2736,14 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
         }
     }, []);
     const gridContextMenu = useGridContextMenu({ contextMenu: params.contextMenu, contextMenuSelectRow });
+    const onRowDragEnd = useCallback((event) => {
+        const moved = event.node.data;
+        const target = event.overNode?.data;
+        moved.id != target.id &&
+            event.node.rowIndex != null &&
+            params.onRowDragEnd &&
+            params.onRowDragEnd(moved, target, event.node.rowIndex);
+    }, [params]);
     // This is setting a ref in the GridContext so won't be triggering an update loop
     setOnCellEditingComplete(params.onCellEditingComplete);
     return (jsxs("div", { "data-testid": dataTestId, className: clsx("Grid-container", theme, staleGrid && "Grid-sortIsStale", gridReady && params.rowData && autoSized && "Grid-ready"), children: [gridContextMenu.component, jsx("div", { style: { flex: 1 }, ref: gridDivRef, children: jsx(AgGridReact, { rowHeight: rowHeight, animateRows: params.animateRows, rowClassRules: params.rowClassRules, getRowId: (params) => `${params.data.id}`, suppressRowClickSelection: true, rowSelection: rowSelection, suppressBrowserResizeObserver: true, onGridSizeChanged: onGridSizeChanged, suppressColumnVirtualisation: suppressColumnVirtualization, suppressClickEdit: true, onColumnVisible: () => {
@@ -2739,7 +2752,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
                         let rowCount = 0;
                         event.api.forEachNode(() => rowCount++);
                         return (jsx(GridNoRowsOverlay, { rowCount: rowCount, filteredRowCount: event.api.getDisplayedRowCount(), noRowsOverlayText: params.noRowsOverlayText }));
-                    }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: params.postSortRows ?? postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true, preventDefaultOnContextMenu: true, onCellContextMenu: gridContextMenu.cellContextMenu }) })] }));
+                    }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: params.onRowDragEnd ? undefined : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true, preventDefaultOnContextMenu: true, onCellContextMenu: gridContextMenu.cellContextMenu, rowDragText: params.rowDragText, rowDragManaged: !!params.onRowDragEnd, suppressMoveWhenRowDragging: true, onRowDragEnd: onRowDragEnd }) })] }));
 };
 
 const GridPopoverContext = createContext({