@linzjs/step-ag-grid 21.1.4 → 21.2.1

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

@@ -3126,9 +3126,9 @@ const GridFilterQuick = ({ quickFilterPlaceholder, defaultValue }) => {
     useEffect(() => {
         setQuickFilter(quickFilterValue);
     }, [quickFilterValue, setQuickFilter]);
-    return (jsx("div", { className: "GridFilterQuick-container", children: jsx("input", { "aria-label": "Search", className: "GridFilterQuick-input", type: "text", placeholder: quickFilterPlaceholder ?? "Search...", value: quickFilterValue, onChange: (event) => {
-                setQuickFilterValue(event.target.value);
-            } }) }));
+    return (jsxs("div", { className: "GridFilterQuick-container", children: [jsx("div", { className: "GridFilterQuick-icon", children: jsx(LuiIcon, { name: "ic_search", alt: "Search", size: "md" }) }), jsx("input", { "aria-label": "Search", className: "GridFilterQuick-input", type: "text", placeholder: quickFilterPlaceholder ?? "Search", value: quickFilterValue, onChange: (event) => {
+                    setQuickFilterValue(event.target.value);
+                } })] }));
 };
 
 const GridFilters = ({ children }) => (jsx("div", { className: "Grid-container-filters", children: children }));
@@ -4248,43 +4248,42 @@ const GridFormPopoverMenu = (props) => {
                             }, children: jsx("div", { className: "subComponent", children: item.subComponent && jsx(item.subComponent, {}) }) })) }, `${item.label}_subcomponent`))] }, `${item.label}`))))) }) }));
 };
 
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  //
+  // Note to future-self: No, you can't remove the `toLowerCase()` call.
+  // REF: https://github.com/uuidjs/uuid/pull/677#issuecomment-1757351351
+  return (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase();
+}
+
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
 // generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
+
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
 function rng() {
   // lazy load so that environments that need to polyfill have a chance to do so
   if (!getRandomValues) {
     // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
     getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
     if (!getRandomValues) {
       throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
     }
   }
-
   return getRandomValues(rnds8);
 }
 
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+var randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 var native = {
   randomUUID
 };
@@ -4293,13 +4292,12 @@ function v4(options, buf, offset) {
   if (native.randomUUID && !buf && !options) {
     return native.randomUUID();
   }
-
   options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+  var rnds = options.random || (options.rng || rng)();
 
+  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
   rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
+  rnds[8] = rnds[8] & 0x3f | 0x80;
   return unsafeStringify(rnds);
 }
 
@@ -4578,13 +4576,18 @@ const GridContextProvider = (props) => {
     const { modifyUpdating, checkUpdating } = useContext(GridUpdatingContext);
     const [gridApi, setGridApi] = useState();
     const [gridReady, setGridReady] = useState(false);
-    const [quickFilter, setQuickFilter] = useState("");
+    const [quickFilter, _setQuickFilter] = useState("");
     const [invisibleColumnIds, _setInvisibleColumnIds] = useState();
     const testId = useRef();
     const idsBeforeUpdate = useRef([]);
     const prePopupFocusedCell = useRef();
     const [externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync] = useState(false);
     const externalFilters = useRef([]);
+    const setQuickFilter = useCallback((filter) => {
+        // If we don't clear the focused cell focus switches back to grid when typing in the quick filter input
+        gridApi?.clearFocusedCell();
+        _setQuickFilter(filter);
+    }, [gridApi]);
     /**
      * Make extra sure the GridCellFillerColId never gets added to invisibleColumnIds as it's dynamically determined
      */
@@ -5020,7 +5023,23 @@ const GridContextProvider = (props) => {
         }
     }, []);
     const onFilterChanged = 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);