@linzjs/step-ag-grid 28.1.0 → 28.1.2

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

@@ -2754,6 +2754,30 @@ const usePostSortRowsHook = ({ setStaleGrid }) => {
 };
 
 ModuleRegistry.registerModules([AllCommunityModule]);
+let timeOfLastSingleClick = 0;
+let lastClickColId;
+let lastClickRowIndex;
+const resetClickDebounce = () => {
+    timeOfLastSingleClick = 0;
+    lastClickColId = '';
+    lastClickRowIndex = -1;
+};
+/**
+ * If click is more than 200ms since last click return true.
+ */
+const clickDebounceSkipClick = (colId, rowIndex) => {
+    const doubleClickMs = 200;
+    if (Date.now() - timeOfLastSingleClick < doubleClickMs &&
+        lastClickColId === colId &&
+        lastClickRowIndex === rowIndex) {
+        // Skipping double click due to single click edit
+        return true;
+    }
+    timeOfLastSingleClick = Date.now();
+    lastClickColId = colId;
+    lastClickRowIndex = rowIndex;
+    return false;
+};
 /**
  * Wrapper for AgGrid to add commonly used functionality.
  */
@@ -2992,6 +3016,11 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
      * Handle double click edit
      */
     const onCellDoubleClick = useCallback((event) => {
+        if (clickDebounceSkipClick(event.colDef.colId, event.rowIndex)) {
+            // the next click will be a single click, we want it to pass
+            resetClickDebounce();
+            return;
+        }
         const editable = fnOrVar(event.colDef?.editable, event);
         if (editable && !invokeEditAction(event)) {
             void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
@@ -3003,6 +3032,9 @@ const Grid = ({ 'data-testid': dataTestId, defaultPostSort = true, rowSelection
     const onCellClicked = useCallback((event) => {
         const editable = fnOrVar(event.colDef?.editable, event);
         if ((editable && event.colDef.singleClickEdit) ?? singleClickEdit) {
+            if (clickDebounceSkipClick(event.colDef.colId, event.rowIndex)) {
+                return;
+            }
             void startCellEditing({ rowId: event.data.id, colId: event.column.getColId() });
         }
     }, [singleClickEdit, startCellEditing]);