@linzjs/step-ag-grid 29.16.0 → 29.19.0

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

@@ -2632,8 +2632,9 @@ const useGridContextMenu = ({ contextMenuSelectRow, contextMenu: ContextMenu, co
     const clickedRowRef = useRef(null);
     const eventRef = useRef(undefined);
     const openMenu = useCallback((e) => {
-        if (!e)
+        if (!e) {
             return;
+        }
         prePopupOps();
         setAnchorPoint({ x: e.clientX, y: e.clientY });
         setOpen(true);
@@ -2903,7 +2904,11 @@ const useGridCopy = ({ ranges, rangeStartRef, rangeEndRef, hasSelectedMoreThanOn
         contextMenu: (GridRangeSelectContextMenu),
         context: { onCopy, copyType, setCopyType },
     });
-    const rangeSelectInterceptContextMenu = useCallback((event) => rangeStartRef.current == null ? cellContextMenu(event) : rangeSelectContextMenu(event), [cellContextMenu, rangeSelectContextMenu]);
+    const rangeSelectInterceptContextMenu = useCallback((event) => {
+        return hasSelectedMoreThanOneCellRef.current && rangeStartRef.current !== null
+            ? rangeSelectContextMenu(event)
+            : cellContextMenu(event);
+    }, [cellContextMenu, rangeSelectContextMenu]);
     return {
         onCopyEvent,
         rangeSelectInterceptContextMenu,
@@ -3027,6 +3032,23 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
         rangeEndRef.current = null;
         updateRangeSelectionCellClasses();
     }, [updateRangeSelectionCellClasses]);
+    const mouseDownRef = useRef([0, 0]);
+    const trackMouseDown = useCallback((e) => {
+        mouseDownRef.current = [e.screenX, e.screenY];
+    }, []);
+    const trackMouseUp = useCallback((e) => {
+        if (rangeEndRef.current) {
+            rangeEndRef.current.clickLocation = [e.screenX, e.screenY];
+        }
+    }, []);
+    useEffect(() => {
+        document.addEventListener('mousedown', trackMouseDown, { capture: true });
+        document.addEventListener('mouseup', trackMouseUp, { capture: true });
+        return () => {
+            document.removeEventListener('mousemove', trackMouseDown, { capture: true });
+            document.removeEventListener('mouseup', trackMouseUp, { capture: true });
+        };
+    }, []);
     const onCellMouseOver = useCallback((e, mouseDown) => {
         if (!enableRangeSelection) {
             return;
@@ -3040,19 +3062,20 @@ const useGridRangeSelection = ({ enableRangeSelection, gridDivRef, rangeStartRef
         rangeEndRef.current = {
             rowId: e.node.data.id,
             colId: e.column.getColId(),
-            timestamp: Date.now(),
+            clickLocation: [0, 0],
         };
         if (mouseDown) {
             const sortedNodes = [];
             e.api.forEachNodeAfterFilterAndSort((node) => sortedNodes.push(node));
             rangeSortedNodesRef.current = sortedNodes;
             setRefreshIntervalEnabled(true);
-            rangeStartRef.current = { ...rangeEndRef.current };
+            rangeStartRef.current = { ...rangeEndRef.current, clickLocation: mouseDownRef.current };
         }
         if (rangeStartRef.current &&
             rangeEndRef.current &&
             (rangeStartRef.current.rowId !== rangeEndRef.current.rowId ||
                 rangeStartRef.current.colId !== rangeEndRef.current.colId)) {
+            e.api.stopEditing();
             hasSelectedMoreThanOneCellRef.current = true;
             window.getSelection()?.removeAllRanges();
         }
@@ -3257,7 +3280,7 @@ defaultPostSort = true, rowData, rowHeight = theme === 'ag-theme-step-default' ?
 // ─── Selection ────────────────────────────────
 autoSelectFirstRow, enableRangeSelection = false, externalSelectedIds, externalSelectedItems, selectColumnPinned = 'left', selectable, setExternalSelectedIds, setExternalSelectedItems, 
 // ─── Editing ──────────────────────────────────
-singleClickEdit = false, stopEditingWhenCellsLoseFocus = false, 
+singleClickEdit = false, enableMultilineBulkEdit = false, 
 // ─── Context Menu ─────────────────────────────
 contextMenuSelectRow = false, contextMenu, 
 // ─── Callbacks / Events ───────────────────────
@@ -3539,10 +3562,16 @@ maxInitialWidth,
      * When grid is ready set the apis to the grid context and sync selected items to grid.
      */
     const onGridReady = useCallback((event) => {
-        setApis(event.api, hasExternallySelectedItems, dataTestId);
+        setApis(event.api, hasExternallySelectedItems, enableMultilineBulkEdit, dataTestId);
         event.api.showNoRowsOverlay();
         synchroniseExternallySelectedItemsToGrid();
-    }, [dataTestId, hasExternallySelectedItems, setApis, synchroniseExternallySelectedItemsToGrid]);
+    }, [
+        dataTestId,
+        enableMultilineBulkEdit,
+        hasExternallySelectedItems,
+        setApis,
+        synchroniseExternallySelectedItemsToGrid,
+    ]);
     /**
      * When the grid is being initialized the data may be empty.
      * This will resize columns when we have at least one row.
@@ -3585,6 +3614,11 @@ maxInitialWidth,
      * Handle double click edit
      */
     const onCellDoubleClick = useCallback((event) => {
+        const cellEditing = event.api.getEditingCells()?.[0];
+        if (cellEditing && cellEditing.colId === event.column.getColId() && cellEditing.rowIndex === event.rowIndex) {
+            // Ignore double click in already editing cell
+            return;
+        }
         const editable = fnOrVar(event.colDef?.editable, event);
         if (editable && !invokeEditAction(event)) {
             void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
@@ -3669,18 +3703,25 @@ maxInitialWidth,
      * Handle single click edits
      */
     const onCellClicked = useCallback((event) => {
-        if (rangeStartRef.current && rangeEndRef.current) {
+        if (enableRangeSelection && rangeStartRef.current && rangeEndRef.current) {
             // This is to detect difference between a single click and a click drag return to cell.
-            if (rangeEndRef.current.timestamp - rangeStartRef.current.timestamp < 100) {
-                clearRangeSelection();
+            const maxDistanceBetweenC = Math.max(Math.abs(rangeEndRef.current.clickLocation[0] - rangeStartRef.current.clickLocation[0]), Math.abs(rangeEndRef.current.clickLocation[1] - rangeStartRef.current.clickLocation[1]));
+            if (maxDistanceBetweenC > 8) {
+                return;
             }
-            return;
+            clearRangeSelection();
         }
         const editable = fnOrVar(event.colDef?.editable, event);
         if ((editable && event.colDef.singleClickEdit) ?? singleClickEdit) {
+            const editingCell = event.api.getEditingCells()[0];
+            // If we are editing and single click we don't want the editing  to stop
+            if (editingCell && editingCell.colId === event.column.getColId() && editingCell.rowIndex === event.rowIndex) {
+                return;
+            }
+            event.api.setFocusedCell(event.rowIndex ?? 0, event.column.getColId(), event.rowPinned);
             void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
         }
-    }, [clearRangeSelection, singleClickEdit, startCellEditing]);
+    }, [clearRangeSelection, enableRangeSelection, singleClickEdit, startCellEditing]);
     /**
      * Set of column I'd's that are prevented from auto-sizing as they are user set
      */
@@ -3961,7 +4002,7 @@ maxInitialWidth,
             event.api.sizeColumnsToFit();
         }
     }, [sizeColumns]);
-    return (jsxs("div", { "data-testid": dataTestId, className: clsx('Grid-container', theme, 'theme-specific', staleGrid && 'Grid-sortIsStale', gridReady && rowData && autoSized && 'Grid-ready'), children: [contextMenuComponent, rangeSelectContextMenuComponent, jsx("div", { style: { flex: 1 }, ref: gridDivRef, onCopy: onCopyEvent, children: jsx(AgGridReact, { theme: 'legacy', domLayout: params.domLayout, defaultColDef: defaultColDef, columnDefs: columnDefsAdjusted, getRowId: getRowId, rowData: rowData, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, animateRows: params.animateRows ?? false, doesExternalFilterPass: doesExternalFilterPass, isExternalFilterPresent: isExternalFilterPresent, maintainColumnOrder: true, noRowsOverlayComponent: noRowsOverlayComponent, onCellClicked: onCellClicked, onCellContextMenu: rangeSelectInterceptContextMenu, onCellDoubleClicked: onCellDoubleClick, onCellEditingStopped: onCellEditingStopped, onCellFocused: onCellFocused, onCellKeyDown: onCellKeyPress, onCellMouseDown: onCellMouseDown, onCellMouseOver: onCellMouseOver, onColumnMoved: columnMoved, onColumnResized: onColumnResized, onColumnVisible: () => void setInitialContentSize(), onGridReady: onGridReady, onGridSizeChanged: onGridSizeChanged, onModelUpdated: onModelUpdated, onRowClicked: params.onRowClicked, onRowDataUpdated: onRowDataUpdated, onRowDoubleClicked: params.onRowDoubleClicked, onRowDragCancel: clearHighlightRowClasses, onRowDragEnd: onRowDragEnd, onRowDragMove: onRowDragMove, onSelectionChanged: synchroniseExternalStateToGridSelection, onSortChanged: onSortChanged, pinnedBottomRowData: params.pinnedBottomRowData, pinnedTopRowData: params.pinnedTopRowData, postSortRows: params.onRowDragEnd || !defaultPostSort ? undefined : postSortRows, preventDefaultOnContextMenu: true, quickFilterParser: quickFilterParser, rowClassRules: params.rowClassRules, rowDragText: params.rowDragText, rowHeight: rowHeight, rowSelection: selectable
+    return (jsxs("div", { "data-testid": dataTestId, className: clsx('Grid-container', theme, 'theme-specific', staleGrid && 'Grid-sortIsStale', gridReady && rowData && autoSized && 'Grid-ready', params.hideSelectedRow && 'Grid-hideSelectedRow'), children: [contextMenuComponent, rangeSelectContextMenuComponent, jsx("div", { style: { flex: 1 }, ref: gridDivRef, onCopy: onCopyEvent, children: jsx(AgGridReact, { theme: 'legacy', domLayout: params.domLayout, defaultColDef: defaultColDef, columnDefs: columnDefsAdjusted, getRowId: getRowId, rowData: rowData, alwaysShowVerticalScroll: params.alwaysShowVerticalScroll, animateRows: params.animateRows ?? false, doesExternalFilterPass: doesExternalFilterPass, isExternalFilterPresent: isExternalFilterPresent, maintainColumnOrder: true, noRowsOverlayComponent: noRowsOverlayComponent, onCellClicked: onCellClicked, onCellContextMenu: rangeSelectInterceptContextMenu, onCellDoubleClicked: onCellDoubleClick, onCellEditingStopped: onCellEditingStopped, onCellFocused: onCellFocused, onCellKeyDown: onCellKeyPress, onCellMouseDown: onCellMouseDown, onCellMouseOver: onCellMouseOver, onColumnMoved: columnMoved, onColumnResized: onColumnResized, onColumnVisible: () => void setInitialContentSize(), onGridReady: onGridReady, onGridSizeChanged: onGridSizeChanged, onModelUpdated: onModelUpdated, onRowClicked: params.onRowClicked, onRowDataUpdated: onRowDataUpdated, onRowDoubleClicked: params.onRowDoubleClicked, onRowDragCancel: clearHighlightRowClasses, onRowDragEnd: onRowDragEnd, onRowDragMove: onRowDragMove, onSelectionChanged: synchroniseExternalStateToGridSelection, onSortChanged: onSortChanged, pinnedBottomRowData: params.pinnedBottomRowData, pinnedTopRowData: params.pinnedTopRowData, postSortRows: params.onRowDragEnd || !defaultPostSort ? undefined : postSortRows, preventDefaultOnContextMenu: true, quickFilterParser: quickFilterParser, rowClassRules: params.rowClassRules, rowDragText: params.rowDragText, rowHeight: rowHeight, rowSelection: selectable
                         ? {
                             enableSelectionWithoutKeys: params.enableSelectionWithoutKeys ?? false,
                             enableClickSelection: params.enableClickSelection ?? false,
@@ -3971,7 +4012,7 @@ maxInitialWidth,
                                 headerCheckbox: false,
                             }),
                         }
-                        : undefined, stopEditingWhenCellsLoseFocus: stopEditingWhenCellsLoseFocus, selectionColumnDef: selectionColumnDef, suppressCellFocus: params.suppressCellFocus, suppressClickEdit: true, suppressColumnVirtualisation: suppressColumnVirtualization, suppressStartEditOnTab: true }) })] }));
+                        : undefined, selectionColumnDef: selectionColumnDef, suppressCellFocus: params.suppressCellFocus, suppressClickEdit: true, suppressColumnVirtualisation: suppressColumnVirtualization, suppressStartEditOnTab: true }) })] }));
 };
 const quickFilterParser = (filterStr) => {
     // filter is exact matches exactly groups separated by commas
@@ -4786,6 +4827,7 @@ const textMatch = (text, filter) => {
 
 const CancelPromise = () => Promise.resolve(true);
 const useGridPopoverHook = ({ className, save, invalid, dontSaveOnExternalClick, }) => {
+    const { resetFocusedCellAfterCellEditing } = useGridContext();
     const { anchorRef, saving, updateValue, stopEditing } = useGridPopoverContext();
     const saveButtonRef = useRef(null);
     const [isOpen, setOpen] = useState(false);
@@ -4796,6 +4838,7 @@ const useGridPopoverHook = ({ className, save, invalid, dontSaveOnExternalClick,
         if (reason == CloseReason.CANCEL) {
             await updateValue(CancelPromise, 0);
             stopEditing();
+            resetFocusedCellAfterCellEditing();
             return;
         }
         if (invalid?.()) {
@@ -4804,8 +4847,9 @@ const useGridPopoverHook = ({ className, save, invalid, dontSaveOnExternalClick,
         }
         if (await updateValue(save ?? (() => Promise.resolve(true)), reason === CloseReason.TAB_FORWARD ? 1 : reason === CloseReason.TAB_BACKWARD ? -1 : 0)) {
             stopEditing();
+            resetFocusedCellAfterCellEditing();
         }
-    }, [invalid, save, stopEditing, updateValue]);
+    }, [invalid, resetFocusedCellAfterCellEditing, save, stopEditing, updateValue]);
     const popoverWrapper = useCallback((children) => {
         return (jsx(Fragment, { children: anchorRef.current && (jsxs(ControlledMenu, { state: isOpen ? 'open' : 'closed', portal: true, unmountOnClose: true, anchorRef: anchorRef, saveButtonRef: saveButtonRef, menuClassName: 'step-ag-grid-react-menu', onClose: (event) => {
                     // Prevent menu from closing when modals are invoked
@@ -5174,6 +5218,128 @@ const GridFormEditBearing = (props) => {
                 : props.formatValue(bearingNumberParser(value)), error: bearingStringValidator(value, props.range), helpText: 'Press enter or tab to save' }) }));
 };
 
+const TextInputValidator = (props, value, data, context) => {
+    if (value == null)
+        return null;
+    // This can happen because subcomponent is invoked without type safety
+    if (typeof value !== 'string') {
+        return 'Value is not a string';
+    }
+    if (props.required && value.trim() == '') {
+        return 'Must not be empty';
+    }
+    if (props.maxLength && value.length > props.maxLength) {
+        return `Must be no longer than ${props.maxLength} characters`;
+    }
+    if (props.maxBytes && stringByteLengthIsInvalid(value, props.maxBytes)) {
+        return `Must be no longer than ${props.maxBytes} bytes`;
+    }
+    const nf = props.numberFormat;
+    if (nf) {
+        if (value != '' && !isFloat(value)) {
+            return `Must be a valid number`;
+        }
+        if (value != '') {
+            const number = parseFloat(value);
+            if (nf.notZero && number === 0) {
+                return `Must not be 0`;
+            }
+            if (nf.gtMin != null && number <= nf.gtMin) {
+                return `Must be greater than ${nf.gtMin.toLocaleString()}`;
+            }
+            if (nf.geMin != null && number < nf.geMin) {
+                return `Must not be less than ${nf.geMin.toLocaleString()}`;
+            }
+            if (nf.ltMax != null && number >= nf.ltMax) {
+                return `Must be less than ${nf.ltMax.toLocaleString()}`;
+            }
+            if (nf.leMax != null && number > nf.leMax) {
+                return `Must not be greater than ${nf.leMax.toLocaleString()}`;
+            }
+            if (nf.precision != null && value != '') {
+                if (parseFloat(number.toPrecision(nf.precision)) != number) {
+                    return `Must have no more than ${nf.precision} digits precision`;
+                }
+            }
+            if (nf.scale != null && value != '') {
+                if (parseFloat(number.toFixed(nf.scale)) != number) {
+                    return nf.scale == 0 ? `Must be a whole number` : `Must have no more than ${nf.scale} decimal places`;
+                }
+            }
+        }
+    }
+    if (props.invalid) {
+        return props.invalid(value, data, context);
+    }
+    return null;
+};
+
+const GridFormInlineTextInput = (props) => {
+    const { onSave } = props;
+    const { getSelectedRows, prePopupOps } = useGridContext();
+    const { field, value: initialVale, data } = useGridPopoverContext();
+    const initValue = useMemo(() => (initialVale == null ? '' : `${initialVale}`), [initialVale]);
+    const [value, setValue] = useState(initValue);
+    const invalid = useCallback(() => TextInputValidator(props, value, data, {}), [data, props, value]);
+    useEffect(() => {
+        prePopupOps();
+    }, [prePopupOps]);
+    const save = useCallback(async () => {
+        if (invalid()) {
+            return false;
+        }
+        const trimmedValue = value.trim();
+        // No change, so don't save
+        if (initValue === trimmedValue) {
+            return true;
+        }
+        if (!onSave) {
+            console.error(`No onSave handler for GridFormInlineTextInput "${String(field)}`);
+            return false;
+        }
+        const selectedRows = getSelectedRows();
+        const selectedRowIds = selectedRows.map((data) => data.id);
+        return onSave({
+            selectedRowIds,
+            selectedRows,
+            value: trimmedValue,
+        });
+    }, [invalid, value, initValue, onSave, getSelectedRows, field]);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+    }, []);
+    const { triggerSave } = useGridPopoverHook({
+        className: props.className,
+        invalid,
+        save,
+    });
+    const tabDirectionRef = useRef(CloseReason.BLUR);
+    const tabRecorder = useCallback((e) => {
+        if (e.key === 'Tab') {
+            tabDirectionRef.current = e.shiftKey ? CloseReason.TAB_BACKWARD : CloseReason.TAB_FORWARD;
+            e.preventDefault();
+            e.stopPropagation();
+            void triggerSave(tabDirectionRef.current);
+        }
+    }, [triggerSave]);
+    useEffect(() => {
+        const input = inputRef.current;
+        input?.addEventListener('keydown', tabRecorder, { capture: true });
+        return () => {
+            input?.removeEventListener('keydown', tabRecorder, { capture: true });
+        };
+    }, [tabRecorder]);
+    return (jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsx("input", { ref: inputRef, type: 'text', value: value, onChange: (e) => setValue(e.target.value), placeholder: props.placeholder ?? 'Type here', onBlur: () => {
+                void triggerSave(CloseReason.BLUR);
+            }, onKeyUp: (e) => {
+                if (e.key === 'Enter') {
+                    void triggerSave(CloseReason.BLUR);
+                }
+            } }) }));
+};
+
 const GridFormMessage = (props) => {
     const { selectedRows } = useGridPopoverContext();
     const [message, setMessage] = useState(null);
@@ -5585,62 +5751,6 @@ const TextAreaInput = (props) => {
                             }, "data-allowtabtosave": props.allowTabToSave, children: props.value }) })] }), jsx(FormError, { error: props.error, helpText: props.helpText })] }));
 };
 
-const TextInputValidator = (props, value, data, context) => {
-    if (value == null)
-        return null;
-    // This can happen because subcomponent is invoked without type safety
-    if (typeof value !== 'string') {
-        return 'Value is not a string';
-    }
-    if (props.required && value.trim() == '') {
-        return 'Must not be empty';
-    }
-    if (props.maxLength && value.length > props.maxLength) {
-        return `Must be no longer than ${props.maxLength} characters`;
-    }
-    if (props.maxBytes && stringByteLengthIsInvalid(value, props.maxBytes)) {
-        return `Must be no longer than ${props.maxBytes} bytes`;
-    }
-    const nf = props.numberFormat;
-    if (nf) {
-        if (value != '' && !isFloat(value)) {
-            return `Must be a valid number`;
-        }
-        if (value != '') {
-            const number = parseFloat(value);
-            if (nf.notZero && number === 0) {
-                return `Must not be 0`;
-            }
-            if (nf.gtMin != null && number <= nf.gtMin) {
-                return `Must be greater than ${nf.gtMin.toLocaleString()}`;
-            }
-            if (nf.geMin != null && number < nf.geMin) {
-                return `Must not be less than ${nf.geMin.toLocaleString()}`;
-            }
-            if (nf.ltMax != null && number >= nf.ltMax) {
-                return `Must be less than ${nf.ltMax.toLocaleString()}`;
-            }
-            if (nf.leMax != null && number > nf.leMax) {
-                return `Must not be greater than ${nf.leMax.toLocaleString()}`;
-            }
-            if (nf.precision != null && value != '') {
-                if (parseFloat(number.toPrecision(nf.precision)) != number) {
-                    return `Must have no more than ${nf.precision} digits precision`;
-                }
-            }
-            if (nf.scale != null && value != '') {
-                if (parseFloat(number.toFixed(nf.scale)) != number) {
-                    return nf.scale == 0 ? `Must be a whole number` : `Must have no more than ${nf.scale} decimal places`;
-                }
-            }
-        }
-    }
-    if (props.invalid) {
-        return props.invalid(value, data, context);
-    }
-    return null;
-};
-
 const GridFormSubComponentTextArea = (props) => {
     const { value, data, setValue, setValid, context } = useContext(GridSubComponentContext);
     const helpText = props.helpText ?? 'Press tab to save';
@@ -5819,6 +5929,11 @@ const GridEditBoolean = (colDef, editorProps) => {
     });
 };
 
+const GridInlineTextInput = (colDef, params) => GridCell(colDef, {
+    editor: GridFormInlineTextInput,
+    ...params,
+});
+
 const GridPopoutEditMultiSelect = (colDef, props) => GridCell(colDef, {
     editor: GridFormMultiSelect,
     ...props,
@@ -5959,6 +6074,7 @@ const GridContextProvider = (props) => {
     const [invisibleColumnIds, _setInvisibleColumnIds] = useState();
     const testId = useRef();
     const hasExternallySelectedItemsRef = useRef(false);
+    const enableMultilineBulkEditRef = useRef(false);
     const idsBeforeUpdate = useRef([]);
     const prePopupFocusedCell = useRef();
     const [externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync] = useState(false);
@@ -6023,8 +6139,9 @@ const GridContextProvider = (props) => {
     /**
      * Set the grid api when the grid is ready.
      */
-    const setApis = useCallback((gridApi, hasExternallySelectedItems, dataTestId) => {
+    const setApis = useCallback((gridApi, hasExternallySelectedItems, enableMultilineBulkEdit, dataTestId) => {
         hasExternallySelectedItemsRef.current = hasExternallySelectedItems;
+        enableMultilineBulkEditRef.current = enableMultilineBulkEdit;
         testId.current = dataTestId;
         setGridApi(gridApi);
         gridApi?.setGridOption('quickFilterText', quickFilter);
@@ -6169,7 +6286,7 @@ const GridContextProvider = (props) => {
             if (flash) {
                 delay(() => {
                     try {
-                        !gridApi.isDestroyed && gridApi.flashCells({ rowNodes });
+                        !gridApi.isDestroyed() && gridApi.flashCells({ rowNodes });
                     }
                     catch {
                         // ignore, flash cells sometimes throws errors as nodes have gone out of scope
@@ -6235,13 +6352,13 @@ const GridContextProvider = (props) => {
      * Then we size the flexed columns.
      */
     const autoSizeColumns = useCallback(async ({ skipHeader, colIds, userSizedColIds } = {}) => {
-        if (!gridApi || !gridApi.getColumnState()) {
+        if (!gridApi || gridApi.isDestroyed() || !gridApi.getColumnState()) {
             return null;
         }
         try {
             const colIdsSet = colIds instanceof Set ? colIds : new Set(colIds);
             const getVisibleColStates = () => {
-                const colStates = gridApi.getColumnState();
+                const colStates = gridApi.getColumnState() ?? [];
                 return colStates.filter((colState) => {
                     const colId = colState.colId;
                     return (isEmpty(colIdsSet) || colIdsSet.has(colId)) && !userSizedColIds?.has(colId);
@@ -6301,9 +6418,11 @@ const GridContextProvider = (props) => {
         if (!gridApi || gridApi.isDestroyed() || startCellEditingInProgressRef.current) {
             return;
         }
-        if (prePopupFocusedCell.current) {
-            gridApi.setFocusedCell(prePopupFocusedCell.current.rowIndex, prePopupFocusedCell.current.column);
-            prePopupFocusedCell.current = undefined;
+        const cellToFocus = prePopupFocusedCell.current;
+        if (cellToFocus) {
+            defer(() => {
+                gridApi.setFocusedCell(cellToFocus.rowIndex, cellToFocus.column);
+            });
         }
     }, [gridApi]);
     // waitForExternallySelectedItemsToBeInSync can't use the state as it won't be updated during function execution
@@ -6369,9 +6488,8 @@ const GridContextProvider = (props) => {
     }, [anyUpdating, gridApi, prePopupOps, waitForExternallySelectedItemsToBeInSync]);
     const bulkEditingCompleteCallbackRef = useRef();
     const onBulkEditingComplete = useCallback(async () => {
-        resetFocusedCellAfterCellEditing();
         await bulkEditingCompleteCallbackRef.current?.();
-    }, [resetFocusedCellAfterCellEditing]);
+    }, []);
     const setOnBulkEditingComplete = useCallback((cellEditingCompleteCallback) => {
         bulkEditingCompleteCallbackRef.current = cellEditingCompleteCallback;
     }, []);
@@ -6411,10 +6529,18 @@ const GridContextProvider = (props) => {
                 return true;
             }
             const postRow = gridApi.getFocusedCell();
-            if (preRow?.rowIndex !== postRow?.rowIndex || preRow?.column === postRow?.column) {
-                // We didn't find an editable cell in the same row, or the cell column didn't change
-                // implying it was start/end of grid
-                break;
+            if (enableMultilineBulkEditRef.current) {
+                // Last cell in grid, nowhere to tab
+                if (preRow?.rowIndex === postRow?.rowIndex && preRow?.column === postRow?.column) {
+                    break;
+                }
+            }
+            else {
+                if (preRow?.rowIndex !== postRow?.rowIndex || preRow?.column === postRow?.column) {
+                    // We didn't find an editable cell in the same row, or the cell column didn't change
+                    // implying it was start/end of grid
+                    break;
+                }
             }
             if (focusedCellIsEditable()) {
                 const focusedCell = gridApi.getFocusedCell();
@@ -6769,5 +6895,5 @@ const useDeferredPromise = () => {
     };
 };
 
-export { ActionButton, CancelPromise, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, FormError, GenericCellEditorComponentWrapper, Grid, GridButton, GridCell, GridCellBearingValueFormatter, GridCellFiller, GridCellFillerColId, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridEditBoolean, GridFilterButtons, GridFilterColumnsMultiSelect, GridFilterColumnsToggle, GridFilterDownloadCsvButton, GridFilterHeaderIconButton, GridFilterQuick, GridFilters, GridFormDropDown, GridFormEditBearing, GridFormMessage, GridFormMultiSelect, GridFormMultiSelectGrid, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridIcon, GridLoadableCell, GridNoRowsOverlay, GridNoRowsOverlayFr, GridPopoutEditMultiSelect, GridPopoutEditMultiSelectGrid, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditBearingCorrectionEditorParams, GridPopoverEditBearingEditorParams, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, GridWrapper, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, TextInputValidator, agGridSelectRowColId, bearingCorrectionRangeValidator, bearingCorrectionValueFormatter, bearingNumberParser, bearingRangeValidator, bearingStringValidator, bearingValueFormatter, colStateFlexed, colStateId, colStateNotFlexed, compareNaturalInsensitive, convertDDToDMS, createCheckboxMultiFilterParams, defaultValueFormatter, downloadCsvUseValueFormattersProcessCellCallback, findParentWithClass, fnOrVar, generateFilterGetter, hasParentClass, isFloat, isGridCellFiller, isNotEmpty, primitiveToSelectOption, sanitiseFileName, stringByteLengthIsInvalid, suppressCellKeyboardEvents, textMatch, useDeferredPromise, useGridContext, useGridContextMenu, useGridFilter, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait, waitForCondition };
+export { ActionButton, CancelPromise, ComponentLoadingWrapper, ControlledMenu, Editor, FocusableItem, FormError, GenericCellEditorComponentWrapper, Grid, GridButton, GridCell, GridCellBearingValueFormatter, GridCellFiller, GridCellFillerColId, GridCellMultiEditor, GridCellMultiSelectClassRules, GridCellRenderer, GridContext, GridContextProvider, GridEditBoolean, GridFilterButtons, GridFilterColumnsMultiSelect, GridFilterColumnsToggle, GridFilterDownloadCsvButton, GridFilterHeaderIconButton, GridFilterQuick, GridFilters, GridFormDropDown, GridFormEditBearing, GridFormInlineTextInput, GridFormMessage, GridFormMultiSelect, GridFormMultiSelectGrid, GridFormPopoverMenu, GridFormSubComponentTextArea, GridFormSubComponentTextInput, GridFormTextArea, GridFormTextInput, GridIcon, GridInlineTextInput, GridLoadableCell, GridNoRowsOverlay, GridNoRowsOverlayFr, GridPopoutEditMultiSelect, GridPopoutEditMultiSelectGrid, GridPopoverContext, GridPopoverContextProvider, GridPopoverEditBearing, GridPopoverEditBearingCorrection, GridPopoverEditBearingCorrectionEditorParams, GridPopoverEditBearingEditorParams, GridPopoverEditDropDown, GridPopoverMenu, GridPopoverMessage, GridPopoverTextArea, GridPopoverTextInput, GridRenderPopoutMenuCell, GridSubComponentContext, GridUpdatingContext, GridUpdatingContextProvider, GridWrapper, Menu, MenuButton, MenuDivider, MenuGroup, MenuHeader, MenuHeaderItem, MenuHeaderString, MenuItem, MenuRadioGroup, MenuSeparator, MenuSeparatorString, PopoutMenuSeparator, SubMenu, TextAreaInput, TextInputFormatted, TextInputValidator, agGridSelectRowColId, bearingCorrectionRangeValidator, bearingCorrectionValueFormatter, bearingNumberParser, bearingRangeValidator, bearingStringValidator, bearingValueFormatter, colStateFlexed, colStateId, colStateNotFlexed, compareNaturalInsensitive, convertDDToDMS, createCheckboxMultiFilterParams, defaultValueFormatter, downloadCsvUseValueFormattersProcessCellCallback, findParentWithClass, fnOrVar, generateFilterGetter, hasParentClass, isFloat, isGridCellFiller, isNotEmpty, primitiveToSelectOption, sanitiseFileName, stringByteLengthIsInvalid, suppressCellKeyboardEvents, textMatch, useDeferredPromise, useGridContext, useGridContextMenu, useGridFilter, useGridPopoverContext, useGridPopoverHook, useMenuState, usePostSortRowsHook, wait, waitForCondition };
 //# sourceMappingURL=step-ag-grid.esm.js.map