@linzjs/step-ag-grid 21.2.0 → 21.2.1

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

@@ -5025,7 +5025,23 @@ const GridContextProvider = (props) => {
         }
     }, []);
     const onFilterChanged = React.useMemo(() => debounce(() => {
-        gridApi && gridApi.onFilterChanged();
+        // This is terrible, but there's no other way for me to check whether a filter has changed the grid
+        const getDisplayedRowsHash = () => {
+            const arr = [];
+            gridApi?.forEachNodeAfterFilter((rowNode) => {
+                arr.push(rowNode.id);
+            });
+            return arr.join("|");
+        };
+        if (gridApi) {
+            const hasFocusedCell = gridApi.getFocusedCell();
+            const preHash = hasFocusedCell && getDisplayedRowsHash();
+            gridApi.onFilterChanged();
+            const postHash = hasFocusedCell && getDisplayedRowsHash();
+            // Ag-grid has a bug where if a focused cell comes into view after a filter the filter loses focus
+            // So the focus is cleared to prevent this
+            preHash !== postHash && gridApi.clearFocusedCell();
+        }
     }, 200), [gridApi]);
     const addExternalFilter = (filter) => {
         externalFilters.current.push(filter);