@toolbox-web/grid-react 0.17.4 → 0.17.5

package/features/filtering.d.ts

@@ -1,4 +1,4 @@
-import { FilterModel } from '@toolbox-web/grid/plugins/filtering';
+import { BlankMode, FilterModel } from '@toolbox-web/grid/plugins/filtering';
 /**
  * Filtering methods returned from useGridFiltering.
  */
@@ -41,6 +41,18 @@ export interface FilteringMethods {
      * Get unique values for a field (for building filter dropdowns).
      */
     getUniqueValues: (field: string) => unknown[];
+    /**
+     * Get set filters whose values no longer match any rows in the current data.
+     */
+    getStaleFilters: () => FilterModel[];
+    /**
+     * Get the current blank mode for a field.
+     */
+    getBlankMode: (field: string) => BlankMode;
+    /**
+     * Toggle blank filter mode for a field.
+     */
+    toggleBlankFilter: (field: string, mode: BlankMode) => void;
 }
 /**
  * Hook for programmatic filter control.

package/features/filtering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAgC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAE9E;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;OAEG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,gBAAgB,IAAI,gBAAgB,CA0FnD"}
+{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAgC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAE9E;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;OAEG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAE9C;;OAEG;IACH,eAAe,EAAE,MAAM,WAAW,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,gBAAgB,IAAI,gBAAgB,CAoHnD"}

package/features/filtering.js

@@ -1,31 +1,31 @@
 import { FilteringPlugin as c } from "@toolbox-web/grid/plugins/filtering";
-import { useContext as m, useCallback as n } from "react";
-import { flushSync as w } from "react-dom";
-import { createRoot as P } from "react-dom/client";
-import { G as b } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { useContext as P, useCallback as n } from "react";
+import { flushSync as h } from "react-dom";
+import { createRoot as G } from "react-dom/client";
 import { registerFeature as R } from "@toolbox-web/grid/features/registry";
+import { G as E } from "../chunks/grid-element-context-BU3WvNtM.js";
 R("filtering", (r) => {
   if (typeof r == "boolean") return new c();
   if (!r) return new c();
-  const e = r, o = { ...e };
+  const e = r, g = { ...e };
   if (typeof e.filterPanelRenderer == "function" && e.filterPanelRenderer.length <= 1) {
-    const g = e.filterPanelRenderer;
-    o.filterPanelRenderer = (s, d) => {
+    const s = e.filterPanelRenderer;
+    g.filterPanelRenderer = (a, d) => {
       const l = document.createElement("div");
       l.style.display = "contents";
-      const f = P(l);
-      w(() => {
-        f.render(g(d));
-      }), s.appendChild(l);
+      const f = G(l);
+      h(() => {
+        f.render(s(d));
+      }), a.appendChild(l);
     };
   }
-  return new c(o);
+  return new c(g);
 });
 function x() {
-  const r = m(b), e = n(() => r?.current?.getPluginByName("filtering"), [r]), o = n(
+  const r = P(E), e = n(() => r?.current?.getPluginByName("filtering"), [r]), g = n(
     (t, i) => {
-      const u = e();
-      if (!u) {
+      const o = e();
+      if (!o) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -34,10 +34,10 @@ function x() {
         );
         return;
       }
-      u.setFilter(t, i);
+      o.setFilter(t, i);
     },
     [e]
-  ), g = n((t) => e()?.getFilter(t), [e]), s = n(() => e()?.getFilters() ?? [], [e]), d = n(
+  ), s = n((t) => e()?.getFilter(t), [e]), a = n(() => e()?.getFilters() ?? [], [e]), d = n(
     (t) => {
       const i = e();
       if (!i) {
@@ -79,17 +79,38 @@ function x() {
       i.clearFieldFilter(t);
     },
     [e]
-  ), a = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), F = n(() => e()?.getFilteredRowCount() ?? 0, [e]), p = n((t) => e()?.getUniqueValues(t) ?? [], [e]);
+  ), u = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), F = n(() => e()?.getFilteredRowCount() ?? 0, [e]), p = n((t) => e()?.getUniqueValues(t) ?? [], [e]), m = n(() => e()?.getStaleFilters() ?? [], [e]), w = n(
+    (t) => e()?.getBlankMode(t) ?? "all",
+    [e]
+  ), b = n(
+    (t, i) => {
+      const o = e();
+      if (!o) {
+        console.warn(
+          `[tbw-grid:filtering] FilteringPlugin not found.
+
+  → Enable filtering on the grid:
+    <DataGrid filtering />`
+        );
+        return;
+      }
+      o.toggleBlankFilter(t, i);
+    },
+    [e]
+  );
   return {
-    setFilter: o,
-    getFilter: g,
-    getFilters: s,
+    setFilter: g,
+    getFilter: s,
+    getFilters: a,
     setFilterModel: d,
     clearAllFilters: l,
     clearFieldFilter: f,
-    isFieldFiltered: a,
+    isFieldFiltered: u,
     getFilteredRowCount: F,
-    getUniqueValues: p
+    getUniqueValues: p,
+    getStaleFilters: m,
+    getBlankMode: w,
+    toggleBlankFilter: b
   };
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolbox-web/grid-react",
-  "version": "0.17.4",
+  "version": "0.17.5",
   "description": "React adapter for @toolbox-web/grid data grid component",
   "type": "module",
   "main": "./index.js",