@linzjs/step-ag-grid 14.4.0 → 14.5.1

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

@@ -719,14 +719,14 @@ var GridHeaderSelect = function (_a) {
  * Wrapper for AgGrid to add commonly used functionality.
  */
 var Grid = function (_a) {
-    var _b, _c, _d;
-    var dataTestId = _a["data-testid"], _e = _a.rowSelection, rowSelection = _e === void 0 ? "multiple" : _e, _f = _a.suppressColumnVirtualization, suppressColumnVirtualization = _f === void 0 ? true : _f, _g = _a.theme, theme = _g === void 0 ? "ag-theme-alpine" : _g, _h = _a.sizeColumns, sizeColumns = _h === void 0 ? "auto" : _h, _j = _a.selectColumnPinned, selectColumnPinned = _j === void 0 ? null : _j, params = __rest(_a, ["data-testid", "rowSelection", "suppressColumnVirtualization", "theme", "sizeColumns", "selectColumnPinned"]);
-    var _k = useContext(GridContext), gridReady = _k.gridReady, setApis = _k.setApis, ensureRowVisible = _k.ensureRowVisible, getFirstRowId = _k.getFirstRowId, selectRowsById = _k.selectRowsById, focusByRowById = _k.focusByRowById, ensureSelectedRowIsVisible = _k.ensureSelectedRowIsVisible, autoSizeColumns = _k.autoSizeColumns, sizeColumnsToFit = _k.sizeColumnsToFit, externallySelectedItemsAreInSync = _k.externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync = _k.setExternallySelectedItemsAreInSync, isExternalFilterPresent = _k.isExternalFilterPresent, doesExternalFilterPass = _k.doesExternalFilterPass, setOnCellEditingComplete = _k.setOnCellEditingComplete, getColDef = _k.getColDef;
-    var _l = useContext(GridUpdatingContext), updatedDep = _l.updatedDep, updatingCols = _l.updatingCols;
-    var gridContext = useContext(GridContext);
+    var _b, _c, _d, _e;
+    var dataTestId = _a["data-testid"], _f = _a.rowSelection, rowSelection = _f === void 0 ? "multiple" : _f, _g = _a.suppressColumnVirtualization, suppressColumnVirtualization = _g === void 0 ? true : _g, _h = _a.theme, theme = _h === void 0 ? "ag-theme-alpine" : _h, _j = _a.sizeColumns, sizeColumns = _j === void 0 ? "auto" : _j, _k = _a.selectColumnPinned, selectColumnPinned = _k === void 0 ? null : _k, params = __rest(_a, ["data-testid", "rowSelection", "suppressColumnVirtualization", "theme", "sizeColumns", "selectColumnPinned"]);
+    var _l = useContext(GridContext), gridReady = _l.gridReady, setApis = _l.setApis, ensureRowVisible = _l.ensureRowVisible, getFirstRowId = _l.getFirstRowId, selectRowsById = _l.selectRowsById, focusByRowById = _l.focusByRowById, ensureSelectedRowIsVisible = _l.ensureSelectedRowIsVisible, autoSizeColumns = _l.autoSizeColumns, sizeColumnsToFit = _l.sizeColumnsToFit, externallySelectedItemsAreInSync = _l.externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync = _l.setExternallySelectedItemsAreInSync, isExternalFilterPresent = _l.isExternalFilterPresent, doesExternalFilterPass = _l.doesExternalFilterPass, setOnCellEditingComplete = _l.setOnCellEditingComplete, getColDef = _l.getColDef;
+    var _m = useContext(GridUpdatingContext), checkUpdating = _m.checkUpdating, updatedDep = _m.updatedDep, updatingCols = _m.updatingCols;
+    var prePopupOps = useContext(GridContext).prePopupOps;
     var gridDivRef = useRef(null);
     var lastSelectedIds = useRef([]);
-    var _m = useState(false), staleGrid = _m[0], setStaleGrid = _m[1];
+    var _o = useState(false), staleGrid = _o[0], setStaleGrid = _o[1];
     var postSortRows = usePostSortRowsHook({ setStaleGrid: setStaleGrid });
     /**
      * onContentSize should only be called at maximum twice.
@@ -989,12 +989,22 @@ var Grid = function (_a) {
      * Make sure node is selected for editing and start edit
      */
     var startCellEditing = useCallback(function (event) {
-        event.data.id &&
-            gridContext.startCellEditing({
-                rowId: event.data.id,
-                colId: event.column.getColId()
+        var _a;
+        prePopupOps();
+        if (!event.node.isSelected()) {
+            event.node.setSelected(true, true);
+        }
+        // Cell already being edited, so don't re-edit until finished
+        if (checkUpdating([(_a = event.colDef.field) !== null && _a !== void 0 ? _a : ""], event.data.id)) {
+            return;
+        }
+        if (event.rowIndex !== null) {
+            event.api.startEditingCell({
+                rowIndex: event.rowIndex,
+                colKey: event.column.getColId()
             });
-    }, [gridContext]);
+        }
+    }, [checkUpdating, prePopupOps]);
     /**
      * Handle double click edit
      */
@@ -1042,8 +1052,11 @@ var Grid = function (_a) {
      * but we don't want the non-flex auto-sized columns to "fit" size, so suppressSizeToFit is set to true.
      */
     var columnDefsAdjusted = useMemo(function () {
-        return columnDefs.map(function (colDef) { return (__assign(__assign({}, colDef), { suppressSizeToFit: (sizeColumns === "auto" || sizeColumns === "auto-skip-headers") && !colDef.flex })); });
-    }, [columnDefs, sizeColumns]);
+        return columnDefs.map(function (colDef) {
+            var _a;
+            return (__assign(__assign({}, colDef), { suppressSizeToFit: (sizeColumns === "auto" || sizeColumns === "auto-skip-headers") && !colDef.flex, sortable: colDef.sortable && ((_a = params.defaultColDef) === null || _a === void 0 ? void 0 : _a.sortable) !== false }));
+        });
+    }, [columnDefs, (_d = params.defaultColDef) === null || _d === void 0 ? void 0 : _d.sortable, sizeColumns]);
     /**
      * Set of colIds that need auto-sizing.
      */
@@ -1117,7 +1130,7 @@ var Grid = function (_a) {
                 }, onRowDataChanged: onRowDataChanged, onCellKeyPress: onCellKeyPress, onCellClicked: onCellClicked, onCellDoubleClicked: onCellDoubleClick, onCellEditingStarted: refreshSelectedRows, domLayout: params.domLayout, onColumnResized: onColumnResized, defaultColDef: __assign({ minWidth: 48 }, omit(params.defaultColDef, ["editable"])), columnDefs: columnDefsAdjusted, rowData: params.rowData, noRowsOverlayComponent: GridNoRowsOverlay, noRowsOverlayComponentParams: {
                     rowData: params.rowData,
                     noRowsOverlayText: params.noRowsOverlayText
-                }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_d = params.postSortRows) !== null && _d !== void 0 ? _d : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true }) })) })));
+                }, onModelUpdated: onModelUpdated, onGridReady: onGridReady, onSortChanged: ensureSelectedRowIsVisible, postSortRows: (_e = params.postSortRows) !== null && _e !== void 0 ? _e : postSortRows, onSelectionChanged: synchroniseExternalStateToGridSelection, onColumnMoved: params.onColumnMoved, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, isExternalFilterPresent: isExternalFilterPresent, doesExternalFilterPass: doesExternalFilterPass, maintainColumnOrder: true }) })) })));
 };
 
 var GridPopoverContext = createContext({
@@ -4946,18 +4959,18 @@ var GridContextProvider = function (props) {
                 colDef = gridApi.getColumnDef(colId);
                 if (!colDef)
                     return [2 /*return*/];
-                // Cell already being edited, so don't re-edit until finished
-                if (checkUpdating([(_b = colDef.field) !== null && _b !== void 0 ? _b : ""], rowId)) {
-                    return [2 /*return*/];
-                }
+                prePopupOps();
                 rowNode = gridApi.getRowNode("".concat(rowId));
                 if (!rowNode) {
                     return [2 /*return*/];
                 }
                 if (!rowNode.isSelected()) {
-                    rowNode.setSelected(true, true);
+                    rowNode.setSelected(true, false);
+                }
+                // Cell already being edited, so don't re-edit until finished
+                if (checkUpdating([(_b = colDef.field) !== null && _b !== void 0 ? _b : ""], rowId)) {
+                    return [2 /*return*/];
                 }
-                prePopupOps();
                 rowIndex = rowNode.rowIndex;
                 if (rowIndex != null) {
                     focusAndEdit = function () {