@linzjs/step-ag-grid 29.3.3 → 29.3.5

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

@@ -2761,7 +2761,13 @@ ModuleRegistry.registerModules([AllCommunityModule]);
  * Wrapper for AgGrid to add commonly used functionality.
  */
 const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection = 'multiple', suppressColumnVirtualization = true, theme = 'ag-theme-step-default', sizeColumns = 'auto', selectColumnPinned = 'left', contextMenuSelectRow = false, singleClickEdit = false, rowData, rowHeight = theme === 'ag-theme-step-default' ? 40 : theme === 'ag-theme-step-compact' ? 36 : 40, selectable, onCellFocused: paramsOnCellFocused, maxInitialWidth, ...params }) => {
-    const { gridReady, gridRenderState, setApis, ensureRowVisible, getFirstRowId, selectRowsById, focusByRowById, ensureSelectedRowIsVisible, autoSizeColumns, sizeColumnsToFit, externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync, isExternalFilterPresent, doesExternalFilterPass, setOnBulkEditingComplete, getColDef, showNoRowsOverlay, prePopupOps, startCellEditing, } = useGridContext();
+    const { gridReady, gridRenderState, setApis, ensureRowVisible, getFirstRowId, selectRowsById, focusByRowById, ensureSelectedRowIsVisible, autoSizeColumns, sizeColumnsToFit, externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync, isExternalFilterPresent, doesExternalFilterPass, setOnBulkEditingComplete, getColDef, showNoRowsOverlay, prePopupOps, startCellEditing: propStartCellEditing, } = useGridContext();
+    // CellEditingStop event happens too much for one edit
+    const startedEditRef = useRef(false);
+    const startCellEditing = useCallback((props) => {
+        startedEditRef.current = true;
+        return propStartCellEditing(props);
+    }, [propStartCellEditing]);
     const { updatedDep, anyUpdating, updatingCols } = useContext(GridUpdatingContext);
     const gridDivRef = useRef(null);
     const lastSelectedIds = useRef([]);
@@ -3041,6 +3047,10 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
         }
     }, [singleClickEdit, startCellEditing]);
     const onCellEditingStopped = useCallback((event) => {
+        if (!startedEditRef.current) {
+            return;
+        }
+        startedEditRef.current = false;
         const api = event.api;
         // We need to redraw on fit as the updated row heights aren't visible
         if (sizeColumns === 'fit') {