@toolbox-web/grid-react 0.11.0 → 0.12.1

package/chunks/{data-grid-GKyKxE6c.js → data-grid-B0FOIoOo.js}

@@ -1,8 +1,8 @@
 import { jsx as b } from "react/jsx-runtime";
 import { DataGridElement as pe } from "@toolbox-web/grid";
 import { createContext as Y, useContext as I, useRef as S, useCallback as Z, useEffect as p, forwardRef as me, useMemo as w, useImperativeHandle as ye, Children as he, isValidElement as ve } from "react";
-import { flushSync as y } from "react-dom";
-import { createRoot as v } from "react-dom/client";
+import { flushSync as m } from "react-dom";
+import { createRoot as h } from "react-dom/client";
 import { c as we } from "./feature-registry-Y3KvnN54.js";
 function Ce(n) {
   return n.charAt(0).toUpperCase() + n.slice(1);
@@ -61,7 +61,7 @@ const z = {
 function Je() {
   return I(Q);
 }
-const De = Q, $ = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new Map();
+const Pe = Q, $ = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new Map();
 function de(n) {
   const t = n.querySelector("tbw-grid-responsive-card");
   if (t) {
@@ -72,15 +72,15 @@ function de(n) {
   if (e)
     return W.get(e);
 }
-function Pe(n) {
-  const { children: t, cardRowHeight: e = "auto" } = n, r = S(null), i = Z(
+function De(n) {
+  const { children: t, cardRowHeight: e = "auto" } = n, r = S(null), o = Z(
     (s) => {
       if (r.current = s, !s) return;
       $.set(s, t);
-      const c = s.closest("tbw-grid");
-      if (c) {
-        const u = c.id || c.getAttribute("data-grid-id");
-        u && W.set(u, t);
+      const a = s.closest("tbw-grid");
+      if (a) {
+        const l = a.id || a.getAttribute("data-grid-id");
+        l && W.set(l, t);
       }
     },
     [t]
@@ -89,25 +89,25 @@ function Pe(n) {
     const s = r.current;
     if (s) {
       $.delete(s);
-      const c = s.closest("tbw-grid");
-      if (c) {
-        const u = c.id || c.getAttribute("data-grid-id");
-        u && W.delete(u);
+      const a = s.closest("tbw-grid");
+      if (a) {
+        const l = a.id || a.getAttribute("data-grid-id");
+        l && W.delete(l);
       }
     }
   }, []);
-  const d = e === "auto" ? "auto" : String(e);
-  return /* @__PURE__ */ b("tbw-grid-responsive-card", { ref: i, cardRowHeight: d });
+  const c = e === "auto" ? "auto" : String(e);
+  return /* @__PURE__ */ b("tbw-grid-responsive-card", { ref: o, cardRowHeight: c });
 }
-Pe.displayName = "GridResponsiveCard";
-const T = Y(null), Ye = ({ defaults: n, children: t }) => /* @__PURE__ */ b(T.Provider, { value: n, children: t });
+De.displayName = "GridResponsiveCard";
+const L = Y(null), Ye = ({ defaults: n, children: t }) => /* @__PURE__ */ b(L.Provider, { value: n, children: t });
 function Ze() {
-  return I(T);
+  return I(L);
 }
 function Qe(n) {
-  return I(T)?.[n];
+  return I(L)?.[n];
 }
-const Se = T;
+const Se = L;
 function xe(n) {
   const t = /* @__PURE__ */ new WeakMap();
   return (e) => {
@@ -115,24 +115,24 @@ function xe(n) {
     if (r) {
       const s = t.get(r);
       if (s)
-        return y(() => {
+        return m(() => {
           s.root.render(n(e));
         }), s.container;
     }
-    const i = document.createElement("div");
-    i.className = "react-cell-renderer", i.style.display = "contents";
-    const d = v(i);
-    return y(() => {
-      d.render(n(e));
-    }), r && t.set(r, { root: d, container: i }), i;
+    const o = document.createElement("div");
+    o.className = "react-cell-renderer", o.style.display = "contents";
+    const c = h(o);
+    return m(() => {
+      c.render(n(e));
+    }), r && t.set(r, { root: c, container: o }), o;
   };
 }
 function Ae(n) {
   return (t) => {
     const e = document.createElement("div");
     e.className = "react-cell-editor", e.style.display = "contents";
-    const r = v(e);
-    return y(() => {
+    const r = h(e);
+    return m(() => {
       r.render(n(t));
     }), e;
   };
@@ -141,8 +141,8 @@ function Ge(n) {
   if (!n) return;
   if (!n.columns) return n;
   const t = n.columns.map((e) => {
-    const { renderer: r, editor: i, ...d } = e, s = { ...d };
-    return r && (s.renderer = xe(r)), i && (s.editor = Ae(i)), s;
+    const { renderer: r, editor: o, ...c } = e, s = { ...c };
+    return r && (s.renderer = xe(r)), o && (s.editor = Ae(o)), s;
   });
   return {
     ...n,
@@ -161,34 +161,34 @@ function Ie(n) {
     return B.get(e);
 }
 function Ne(n) {
-  const { children: t, showExpandColumn: e = !0, animation: r = "slide" } = n, i = S(null), d = Z(
-    (c) => {
-      if (i.current = c, !c) return;
-      q.set(c, t);
-      const u = c.closest("tbw-grid");
-      if (u) {
-        const g = u.id || u.getAttribute("data-grid-id");
+  const { children: t, showExpandColumn: e = !0, animation: r = "slide" } = n, o = S(null), c = Z(
+    (a) => {
+      if (o.current = a, !a) return;
+      q.set(a, t);
+      const l = a.closest("tbw-grid");
+      if (l) {
+        const g = l.id || l.getAttribute("data-grid-id");
         g && B.set(g, t);
       }
     },
     [t]
   );
   return p(() => () => {
-    const c = i.current;
-    if (c) {
-      q.delete(c);
-      const u = c.closest("tbw-grid");
-      if (u) {
-        const h = u.id || u.getAttribute("data-grid-id");
-        h && B.delete(h);
+    const a = o.current;
+    if (a) {
+      q.delete(a);
+      const l = a.closest("tbw-grid");
+      if (l) {
+        const v = l.id || l.getAttribute("data-grid-id");
+        v && B.delete(v);
       }
-      const g = c.parentNode;
-      g && g.contains(c);
+      const g = a.parentNode;
+      g && g.contains(a);
     }
   }, []), /* @__PURE__ */ b(
     "tbw-grid-detail",
     {
-      ref: d,
+      ref: c,
       showExpandColumn: e ? void 0 : "false",
       animation: r === !1 ? "false" : r
     }
@@ -204,24 +204,24 @@ function Ve(n) {
     return U.get(e);
 }
 function Xe(n) {
-  const { id: t, title: e, icon: r, tooltip: i, order: d = 100, children: s } = n, c = S(null), u = Z(
+  const { id: t, title: e, icon: r, tooltip: o, order: c = 100, children: s } = n, a = S(null), l = Z(
     (g) => {
-      c.current = g, g && (K.set(g, s), t && U.set(t, s));
+      a.current = g, g && (K.set(g, s), t && U.set(t, s));
     },
     [s, t]
   );
   return p(() => () => {
-    const g = c.current;
+    const g = a.current;
     g && (K.delete(g), t && U.delete(t));
   }, [t]), /* @__PURE__ */ b(
     "tbw-grid-tool-panel",
     {
-      ref: u,
+      ref: l,
       id: t,
       title: e,
       icon: r,
-      tooltip: i,
-      order: d?.toString()
+      tooltip: o,
+      order: c?.toString()
     }
   );
 }
@@ -229,18 +229,18 @@ const R = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new Map();
 function et(n, t) {
   const e = n.getAttribute("field"), r = R.get(n) ?? {};
   if (r.renderer = t, R.set(n, r), e) {
-    const i = E.get(e) ?? {};
-    i.renderer = t, E.set(e, i);
+    const o = E.get(e) ?? {};
+    o.renderer = t, E.set(e, o);
   }
 }
 function tt(n, t) {
   const e = n.getAttribute("field"), r = R.get(n) ?? {};
   if (r.editor = t, R.set(n, r), e) {
-    const i = E.get(e) ?? {};
-    i.editor = t, E.set(e, i);
+    const o = E.get(e) ?? {};
+    o.editor = t, E.set(e, o);
   }
 }
-function Le(n) {
+function Fe(n) {
   let t = R.get(n)?.renderer;
   if (!t) {
     const e = n.getAttribute("field");
@@ -248,7 +248,7 @@ function Le(n) {
   }
   return t;
 }
-function Te(n) {
+function Le(n) {
   let t = R.get(n)?.editor;
   if (!t) {
     const e = n.getAttribute("field");
@@ -256,7 +256,7 @@ function Te(n) {
   }
   return t;
 }
-class ue {
+class le {
   mountedViews = [];
   typeDefaults = null;
   /**
@@ -279,8 +279,8 @@ class ue {
       const s = E.get(e);
       s && (s.renderer || s.editor) && (r = s, R.set(t, r));
     }
-    const i = r?.renderer !== void 0, d = r?.editor !== void 0;
-    return r !== void 0 && (i || d);
+    const o = r?.renderer !== void 0, c = r?.editor !== void 0;
+    return r !== void 0 && (o || c);
   }
   /**
    * Creates a view renderer function that renders a React component
@@ -294,31 +294,31 @@ class ue {
    * allowing the grid to use its default rendering.
    */
   createRenderer(t) {
-    const e = Le(t);
+    const e = Fe(t);
     if (!e)
       return;
     const r = /* @__PURE__ */ new WeakMap();
-    return (i) => {
-      const d = i.cellEl;
-      if (d) {
-        const u = r.get(d);
-        if (u)
-          return y(() => {
-            u.root.render(e(i));
-          }), u.container;
+    return (o) => {
+      const c = o.cellEl;
+      if (c) {
+        const l = r.get(c);
+        if (l)
+          return m(() => {
+            l.root.render(e(o));
+          }), l.container;
         const g = document.createElement("div");
         g.className = "react-cell-renderer", g.style.display = "contents";
-        const h = v(g);
-        return y(() => {
-          h.render(e(i));
-        }), r.set(d, { root: h, container: g, lastRowIndex: i.rowIndex ?? -1 }), this.mountedViews.push({ root: h, container: g }), g;
+        const v = h(g);
+        return m(() => {
+          v.render(e(o));
+        }), r.set(c, { root: v, container: g, lastRowIndex: o.rowIndex ?? -1 }), this.mountedViews.push({ root: v, container: g }), g;
       }
       const s = document.createElement("div");
       s.className = "react-cell-renderer", s.style.display = "contents";
-      const c = v(s);
-      return y(() => {
-        c.render(e(i));
-      }), this.mountedViews.push({ root: c, container: s }), s;
+      const a = h(s);
+      return m(() => {
+        a.render(e(o));
+      }), this.mountedViews.push({ root: a, container: s }), s;
     };
   }
   /**
@@ -326,14 +326,14 @@ class ue {
    * with commit/cancel callbacks passed as props.
    */
   createEditor(t) {
-    const e = Te(t);
+    const e = Le(t);
     return e ? (r) => {
-      const i = document.createElement("div");
-      i.className = "react-cell-editor", i.style.display = "contents";
-      const d = v(i);
-      return y(() => {
-        d.render(e(r));
-      }), this.mountedViews.push({ root: d, container: i }), i;
+      const o = document.createElement("div");
+      o.className = "react-cell-editor", o.style.display = "contents";
+      const c = h(o);
+      return m(() => {
+        c.render(e(r));
+      }), this.mountedViews.push({ root: c, container: o }), o;
     } : () => document.createElement("div");
   }
   /**
@@ -343,13 +343,13 @@ class ue {
   createDetailRenderer(t) {
     const e = Ie(t);
     if (e)
-      return (r, i) => {
-        const d = document.createElement("div");
-        d.className = "react-detail-panel";
-        const s = { row: r, rowIndex: i }, c = v(d);
-        return y(() => {
-          c.render(e(s));
-        }), this.mountedViews.push({ root: c, container: d }), d;
+      return (r, o) => {
+        const c = document.createElement("div");
+        c.className = "react-detail-panel";
+        const s = { row: r, rowIndex: o }, a = h(c);
+        return m(() => {
+          a.render(e(s));
+        }), this.mountedViews.push({ root: a, container: c }), c;
       };
   }
   /**
@@ -368,13 +368,13 @@ class ue {
   createResponsiveCardRenderer(t) {
     const e = de(t);
     if (e)
-      return (r, i) => {
-        const d = document.createElement("div");
-        d.className = "react-responsive-card";
-        const s = { row: r, index: i }, c = v(d);
-        return y(() => {
-          c.render(e(s));
-        }), this.mountedViews.push({ root: c, container: d }), d;
+      return (r, o) => {
+        const c = document.createElement("div");
+        c.className = "react-responsive-card";
+        const s = { row: r, index: o }, a = h(c);
+        return m(() => {
+          a.render(e(s));
+        }), this.mountedViews.push({ root: a, container: c }), c;
       };
   }
   /**
@@ -386,21 +386,21 @@ class ue {
     if (!e)
       return;
     const r = t.closest("tbw-grid");
-    return (i) => {
-      const d = {
-        grid: r ?? i
-      }, s = v(i);
-      return y(() => {
-        s.render(e(d));
-      }), this.mountedViews.push({ root: s, container: i }), () => {
-        const c = this.mountedViews.findIndex((u) => u.container === i);
-        if (c !== -1) {
-          const { root: u } = this.mountedViews[c];
+    return (o) => {
+      const c = {
+        grid: r ?? o
+      }, s = h(o);
+      return m(() => {
+        s.render(e(c));
+      }), this.mountedViews.push({ root: s, container: o }), () => {
+        const a = this.mountedViews.findIndex((l) => l.container === o);
+        if (a !== -1) {
+          const { root: l } = this.mountedViews[a];
           try {
-            u.unmount();
+            l.unmount();
           } catch {
           }
-          this.mountedViews.splice(c, 1);
+          this.mountedViews.splice(a, 1);
         }
       };
     };
@@ -438,7 +438,7 @@ class ue {
     const r = {
       editorParams: e.editorParams
     };
-    return e.renderer && (r.renderer = this.createTypeRenderer(e.renderer)), e.editor && (r.editor = this.createTypeEditor(e.editor)), r;
+    return e.renderer && (r.renderer = this.createTypeRenderer(e.renderer)), e.editor && (r.editor = this.createTypeEditor(e.editor)), e.filterPanelRenderer && (r.filterPanelRenderer = this.createFilterPanelRenderer(e.filterPanelRenderer)), r;
   }
   /**
    * Creates a renderer function from a React render function for type defaults.
@@ -448,9 +448,9 @@ class ue {
     return (e) => {
       const r = document.createElement("span");
       r.style.display = "contents";
-      const i = v(r);
-      return this.mountedViews.push({ root: i, container: r }), y(() => {
-        i.render(t(e));
+      const o = h(r);
+      return this.mountedViews.push({ root: o, container: r }), m(() => {
+        o.render(t(e));
       }), r;
     };
   }
@@ -462,12 +462,26 @@ class ue {
     return (e) => {
       const r = document.createElement("span");
       r.style.display = "contents";
-      const i = v(r);
-      return this.mountedViews.push({ root: i, container: r }), y(() => {
-        i.render(t(e));
+      const o = h(r);
+      return this.mountedViews.push({ root: o, container: r }), m(() => {
+        o.render(t(e));
       }), r;
     };
   }
+  /**
+   * Creates a filter panel renderer that mounts React content into the filter panel container.
+   * @internal
+   */
+  createFilterPanelRenderer(t) {
+    return (e, r) => {
+      const o = document.createElement("div");
+      o.style.display = "contents";
+      const c = h(o);
+      this.mountedViews.push({ root: c, container: o }), m(() => {
+        c.render(t(r));
+      }), e.appendChild(o);
+    };
+  }
   /**
    * Clean up all mounted React roots.
    * Call this when the grid is unmounted.
@@ -495,47 +509,47 @@ class ue {
     }
   }
 }
-const rt = ue, ke = {
+const rt = le, Te = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
-function Fe(n) {
+function ke(n) {
   const t = new Set(n);
   for (const e of n) {
-    const r = ke[e];
+    const r = Te[e];
     if (r)
-      for (const i of r)
-        t.has(i) || console.warn(
-          `[DataGrid] Feature "${e}" requires "${i}" to be enabled. Add the "${i}" prop to your DataGrid.`
+      for (const o of r)
+        t.has(o) || console.warn(
+          `[DataGrid] Feature "${e}" requires "${o}" to be enabled. Add the "${o}" prop to your DataGrid.`
         );
   }
 }
 function Me(n) {
   const t = [], e = [], r = { ...n };
   r.multiSort !== void 0 ? delete r.sorting : r.sorting !== void 0 && (r.multiSort = r.sorting, delete r.sorting);
-  for (const [s, c] of Object.entries(r)) {
-    if (c === void 0 || c === !1) continue;
-    const u = s;
-    e.push(u);
+  for (const [s, a] of Object.entries(r)) {
+    if (a === void 0 || a === !1) continue;
+    const l = s;
+    e.push(l);
   }
-  Fe(e);
-  const i = [
+  ke(e);
+  const o = [
     "selection",
     "editing",
     // Then everything else in the order they were specified
     ...e.filter((s) => s !== "selection" && s !== "editing")
-  ], d = [...new Set(i)].filter((s) => e.includes(s));
-  for (const s of d) {
-    const c = n[s];
-    if (c === void 0 || c === !1) continue;
-    const u = we(s, c);
-    u && t.push(u);
+  ], c = [...new Set(o)].filter((s) => e.includes(s));
+  for (const s of c) {
+    const a = n[s];
+    if (a === void 0 || a === !1) continue;
+    const l = we(s, a);
+    l && t.push(l);
   }
   return t;
 }
 let ae = !1, _ = null;
 function J() {
-  return ae || (_ = new ue(), pe.registerAdapter(_), ae = !0), _;
+  return ae || (_ = new le(), pe.registerAdapter(_), ae = !0), _;
 }
 J();
 const Oe = Y(null);
@@ -546,10 +560,10 @@ function je(n) {
 function He(n, t) {
   const e = n;
   if (!n.querySelector("tbw-grid-responsive-card") || !de(n)) return;
-  const d = e.getPluginByName?.("responsive");
-  if (d && typeof d.setCardRenderer == "function") {
+  const c = e.getPluginByName?.("responsive");
+  if (c && typeof c.setCardRenderer == "function") {
     const s = t.createResponsiveCardRenderer(n);
-    s && d.setCardRenderer(s);
+    s && c.setCardRenderer(s);
   }
 }
 function ze(n) {
@@ -573,28 +587,28 @@ const nt = me(function(t, e) {
   const {
     // Core props
     rows: r,
-    gridConfig: i,
-    columns: d,
+    gridConfig: o,
+    columns: c,
     columnDefaults: s,
-    fitMode: c,
-    sortable: u,
+    fitMode: a,
+    sortable: l,
     filterable: g,
-    selectable: h,
-    loading: k,
-    editOn: F,
+    selectable: v,
+    loading: T,
+    editOn: k,
     customStyles: N,
-    className: le,
+    className: ue,
     style: fe,
     children: M,
     // Plugin props
-    plugins: D,
+    plugins: P,
     // SSR mode
     ssr: X,
     // Legacy event handlers
     onRowsChange: O,
     // Feature props and event props are in ...rest
     ...C
-  } = t, l = S(null), V = S(null), ee = I(Se), j = I(De), te = [
+  } = t, u = S(null), V = S(null), ee = I(Se), j = I(Pe), te = [
     "selection",
     "editing",
     "filtering",
@@ -619,165 +633,165 @@ const nt = me(function(t, e) {
     "print",
     "pivot",
     "serverSide"
-  ], ge = w(() => te.map((o) => {
-    const a = C[o];
-    return a !== void 0 ? `${o}:${JSON.stringify(a)}` : "";
+  ], ge = w(() => te.map((i) => {
+    const d = C[i];
+    return d !== void 0 ? `${i}:${JSON.stringify(d)}` : "";
   }).filter(Boolean).join("|"), [C]), re = w(() => {
-    const o = {};
-    for (const a of te)
-      a in C && C[a] !== void 0 && (o[a] = C[a]);
-    return o;
-  }, [ge]), ne = w(() => ze(M), [M]), oe = w(() => ({ ...ne, ...re }), [re, ne]), H = w(() => D || X ? [] : Me(oe), [oe, D, X]), x = w(() => {
-    if (D) {
-      const o = new Set(D.map((f) => f.name)), a = H.filter((f) => !o.has(f.name));
-      return [...D, ...a];
+    const i = {};
+    for (const d of te)
+      d in C && C[d] !== void 0 && (i[d] = C[d]);
+    return i;
+  }, [ge]), ne = w(() => ze(M), [M]), oe = w(() => ({ ...ne, ...re }), [re, ne]), H = w(() => P || X ? [] : Me(oe), [oe, P, X]), x = w(() => {
+    if (P) {
+      const i = new Set(P.map((f) => f.name)), d = H.filter((f) => !i.has(f.name));
+      return [...P, ...d];
     }
     return H;
-  }, [D, H]), A = w(() => {
-    if (!d) return d;
-    const o = Ee(d);
-    return s ? o.map((a) => ({
+  }, [P, H]), A = w(() => {
+    if (!c) return c;
+    const i = Ee(c);
+    return s ? i.map((d) => ({
       ...s,
-      ...a
+      ...d
       // Individual column props override defaults
-    })) : o;
-  }, [d, s]), G = w(() => {
-    const o = Ge(i), a = {};
-    if (u !== void 0 && (a.sortable = u), g !== void 0 && (a.filterable = g), h !== void 0 && (a.selectable = h), j) {
-      const f = o?.icons || i?.icons || {};
-      a.icons = { ...j, ...f };
+    })) : i;
+  }, [c, s]), G = w(() => {
+    const i = Ge(o), d = {};
+    if (l !== void 0 && (d.sortable = l), g !== void 0 && (d.filterable = g), v !== void 0 && (d.selectable = v), j) {
+      const f = i?.icons || o?.icons || {};
+      d.icons = { ...j, ...f };
     }
-    if (x.length > 0 && o) {
-      const f = o.plugins || [], m = new Set(f.map((P) => P.name)), L = x.filter((P) => !m.has(P.name));
+    if (x.length > 0 && i) {
+      const f = i.plugins || [], y = new Set(f.map((D) => D.name)), F = x.filter((D) => !y.has(D.name));
       return {
-        ...o,
-        ...a,
-        plugins: [...f, ...L]
+        ...i,
+        ...d,
+        plugins: [...f, ...F]
       };
     }
-    return x.length > 0 && !o ? { ...a, plugins: x } : Object.keys(a).length > 0 ? { ...o, ...a } : o;
-  }, [i, x, u, g, h, j]);
+    return x.length > 0 && !i ? { ...d, plugins: x } : Object.keys(d).length > 0 ? { ...i, ...d } : i;
+  }, [o, x, l, g, v, j]);
   p(() => {
     J().setTypeDefaults(ee);
   }, [ee]), p(() => {
-    l.current && (l.current.rows = r);
+    u.current && (u.current.rows = r);
   }, [r]), p(() => {
-    l.current && G && (l.current.gridConfig = G);
+    u.current && G && (u.current.gridConfig = G);
   }, [G]), p(() => {
-    l.current && A && (l.current.columns = A);
+    u.current && A && (u.current.columns = A);
   }, [A]), p(() => {
-    l.current && c !== void 0 && (l.current.fitMode = c);
-  }, [c]), p(() => {
-    l.current && F !== void 0 && (l.current.editOn = F);
-  }, [F]), p(() => {
-    l.current && k !== void 0 && (l.current.loading = k);
+    u.current && a !== void 0 && (u.current.fitMode = a);
+  }, [a]), p(() => {
+    u.current && k !== void 0 && (u.current.editOn = k);
   }, [k]), p(() => {
-    const o = l.current;
-    if (!o) return;
-    const a = J();
-    o.__frameworkAdapter = a, je(o), He(o, a);
+    u.current && T !== void 0 && (u.current.loading = T);
+  }, [T]), p(() => {
+    const i = u.current;
+    if (!i) return;
+    const d = J();
+    i.__frameworkAdapter = d, je(i), He(i, d);
     let f = !1;
-    const m = requestAnimationFrame(() => {
-      f || (typeof o.refreshColumns == "function" && o.refreshColumns(), typeof o.refreshShellHeader == "function" && o.refreshShellHeader());
+    const y = requestAnimationFrame(() => {
+      f || (typeof i.refreshColumns == "function" && i.refreshColumns(), typeof i.refreshShellHeader == "function" && i.refreshShellHeader());
     });
     return () => {
-      f = !0, cancelAnimationFrame(m);
+      f = !0, cancelAnimationFrame(y);
     };
   }, []), p(() => {
-    if (!l.current || !N) return;
-    const o = l.current, a = "react-custom-styles";
+    if (!u.current || !N) return;
+    const i = u.current, d = "react-custom-styles";
     let f = !0;
-    return o.ready?.().then(() => {
-      f && N && (o.registerStyles?.(a, N), V.current = a);
+    return i.ready?.().then(() => {
+      f && N && (i.registerStyles?.(d, N), V.current = d);
     }), () => {
-      f = !1, V.current && (o.unregisterStyles?.(V.current), V.current = null);
+      f = !1, V.current && (i.unregisterStyles?.(V.current), V.current = null);
     };
   }, [N]), p(() => {
-    const o = l.current;
-    if (!o) return;
-    const a = [];
+    const i = u.current;
+    if (!i) return;
+    const d = [];
     if (O) {
-      const f = ((m) => O(m.detail.rows));
-      o.addEventListener("rows-change", f), a.push(["rows-change", f]);
+      const f = ((y) => O(y.detail.rows));
+      i.addEventListener("rows-change", f), d.push(["rows-change", f]);
     }
     return () => {
-      a.forEach(([f, m]) => {
-        o.removeEventListener(f, m);
+      d.forEach(([f, y]) => {
+        i.removeEventListener(f, y);
       });
     };
   }, [O]);
-  const ie = w(() => Object.keys(z).filter((o) => typeof C[o] == "function").sort().join("|"), [C]), se = S({});
-  for (const o of Object.keys(z))
-    se.current[o] = C[o];
+  const ie = w(() => Object.keys(z).filter((i) => typeof C[i] == "function").sort().join("|"), [C]), se = S({});
+  for (const i of Object.keys(z))
+    se.current[i] = C[i];
   return p(() => {
-    const o = l.current;
-    if (!o) return;
-    const a = [];
-    for (const [f, m] of Object.entries(z))
+    const i = u.current;
+    if (!i) return;
+    const d = [];
+    for (const [f, y] of Object.entries(z))
       if (ie.includes(f)) {
-        const L = ((P) => {
-          se.current[f]?.(P.detail, P);
+        const F = ((D) => {
+          se.current[f]?.(D.detail, D);
         });
-        o.addEventListener(m, L), a.push([m, L]);
+        i.addEventListener(y, F), d.push([y, F]);
       }
     return () => {
-      a.forEach(([f, m]) => {
-        o.removeEventListener(f, m);
+      d.forEach(([f, y]) => {
+        i.removeEventListener(f, y);
       });
     };
   }, [ie]), ye(
     e,
     () => ({
       get element() {
-        return l.current;
+        return u.current;
       },
       async getConfig() {
-        return l.current?.getConfig?.() ?? {};
+        return u.current?.getConfig?.() ?? {};
       },
       async ready() {
-        return l.current?.ready?.();
+        return u.current?.ready?.();
       },
       async forceLayout() {
-        return l.current?.forceLayout?.();
+        return u.current?.forceLayout?.();
       },
-      async toggleGroup(o) {
-        return l.current?.toggleGroup?.(o);
+      async toggleGroup(i) {
+        return u.current?.toggleGroup?.(i);
       },
-      registerStyles(o, a) {
-        l.current?.registerStyles?.(o, a);
+      registerStyles(i, d) {
+        u.current?.registerStyles?.(i, d);
       },
-      unregisterStyles(o) {
-        l.current?.unregisterStyles?.(o);
+      unregisterStyles(i) {
+        u.current?.unregisterStyles?.(i);
       },
-      setRowLoading(o, a) {
-        l.current?.setRowLoading?.(o, a);
+      setRowLoading(i, d) {
+        u.current?.setRowLoading?.(i, d);
       },
-      setCellLoading(o, a, f) {
-        l.current?.setCellLoading?.(o, a, f);
+      setCellLoading(i, d, f) {
+        u.current?.setCellLoading?.(i, d, f);
       },
-      isRowLoading(o) {
-        return l.current?.isRowLoading?.(o) ?? !1;
+      isRowLoading(i) {
+        return u.current?.isRowLoading?.(i) ?? !1;
       },
-      isCellLoading(o, a) {
-        return l.current?.isCellLoading?.(o, a) ?? !1;
+      isCellLoading(i, d) {
+        return u.current?.isCellLoading?.(i, d) ?? !1;
       },
       clearAllLoading() {
-        l.current?.clearAllLoading?.();
+        u.current?.clearAllLoading?.();
       }
     }),
     []
   ), /* @__PURE__ */ b(
     "tbw-grid",
     {
-      ref: (o) => {
-        if (l.current = o, o) {
-          const a = o;
-          G && (a.gridConfig = G), r && (a.rows = r), A && (a.columns = A);
+      ref: (i) => {
+        if (u.current = i, i) {
+          const d = i;
+          G && (d.gridConfig = G), r && (d.rows = r), A && (d.columns = A);
         }
       },
-      class: le,
+      class: ue,
       style: fe,
-      children: /* @__PURE__ */ b(Oe.Provider, { value: l, children: M })
+      children: /* @__PURE__ */ b(Oe.Provider, { value: u, children: M })
     }
   );
 });
@@ -789,11 +803,11 @@ export {
   Ye as b,
   Ue as c,
   Ne as d,
-  Pe as e,
+  De as e,
   Xe as f,
   Qe as g,
   Je as h,
-  ue as i,
+  le as i,
   et as r,
   Ze as u
 };

package/features/export.js

@@ -1,6 +1,6 @@
 import { ExportPlugin as p } from "@toolbox-web/grid/plugins/export";
 import { useContext as a, useCallback as n } from "react";
-import { G as c } from "../chunks/data-grid-GKyKxE6c.js";
+import { G as c } from "../chunks/data-grid-B0FOIoOo.js";
 import { r as f } from "../chunks/feature-registry-Y3KvnN54.js";
 f("export", (i) => {
   const t = typeof i == "boolean" ? {} : i ?? {};

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,EAAmB,KAAK,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAUxF;;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,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"}

package/features/filtering.js

@@ -1,16 +1,31 @@
-import { FilteringPlugin as o } from "@toolbox-web/grid/plugins/filtering";
-import { useContext as w, useCallback as i } from "react";
-import { G as b } from "../chunks/data-grid-GKyKxE6c.js";
-import { r as m } from "../chunks/feature-registry-Y3KvnN54.js";
-m("filtering", (r) => {
-  const t = typeof r == "boolean" ? {} : r ?? {};
-  return new o(t);
+import { FilteringPlugin as g } 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/data-grid-B0FOIoOo.js";
+import { r as R } from "../chunks/feature-registry-Y3KvnN54.js";
+R("filtering", (i) => {
+  if (typeof i == "boolean") return new g();
+  if (!i) return new g();
+  const e = i, o = { ...e };
+  if (typeof e.filterPanelRenderer == "function" && e.filterPanelRenderer.length <= 1) {
+    const s = e.filterPanelRenderer;
+    o.filterPanelRenderer = (d, c) => {
+      const l = document.createElement("div");
+      l.style.display = "contents";
+      const f = P(l);
+      w(() => {
+        f.render(s(c));
+      }), d.appendChild(l);
+    };
+  }
+  return new g(o);
 });
-function h() {
-  const r = w(b), t = i(() => r?.current?.getPlugin(o), [r]), g = i(
-    (e, n) => {
-      const l = t();
-      if (!l) {
+function x() {
+  const i = m(b), e = n(() => i?.current?.getPlugin(g), [i]), o = n(
+    (t, r) => {
+      const u = e();
+      if (!u) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -19,13 +34,13 @@ function h() {
         );
         return;
       }
-      l.setFilter(e, n);
+      u.setFilter(t, r);
     },
-    [t]
-  ), s = i((e) => t()?.getFilter(e), [t]), u = i(() => t()?.getFilters() ?? [], [t]), d = i(
-    (e) => {
-      const n = t();
-      if (!n) {
+    [e]
+  ), s = n((t) => e()?.getFilter(t), [e]), d = n(() => e()?.getFilters() ?? [], [e]), c = n(
+    (t) => {
+      const r = e();
+      if (!r) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -34,12 +49,12 @@ function h() {
         );
         return;
       }
-      n.setFilterModel(e);
+      r.setFilterModel(t);
     },
-    [t]
-  ), a = i(() => {
-    const e = t();
-    if (!e) {
+    [e]
+  ), l = n(() => {
+    const t = e();
+    if (!t) {
       console.warn(
         `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -48,11 +63,11 @@ function h() {
       );
       return;
     }
-    e.clearAllFilters();
-  }, [t]), f = i(
-    (e) => {
-      const n = t();
-      if (!n) {
+    t.clearAllFilters();
+  }, [e]), f = n(
+    (t) => {
+      const r = e();
+      if (!r) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -61,22 +76,22 @@ function h() {
         );
         return;
       }
-      n.clearFieldFilter(e);
+      r.clearFieldFilter(t);
     },
-    [t]
-  ), c = i((e) => t()?.isFieldFiltered(e) ?? !1, [t]), F = i(() => t()?.getFilteredRowCount() ?? 0, [t]), p = i((e) => t()?.getUniqueValues(e) ?? [], [t]);
+    [e]
+  ), a = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), F = n(() => e()?.getFilteredRowCount() ?? 0, [e]), p = n((t) => e()?.getUniqueValues(t) ?? [], [e]);
   return {
-    setFilter: g,
+    setFilter: o,
     getFilter: s,
-    getFilters: u,
-    setFilterModel: d,
-    clearAllFilters: a,
+    getFilters: d,
+    setFilterModel: c,
+    clearAllFilters: l,
     clearFieldFilter: f,
-    isFieldFiltered: c,
+    isFieldFiltered: a,
     getFilteredRowCount: F,
     getUniqueValues: p
   };
 }
 export {
-  h as useGridFiltering
+  x as useGridFiltering
 };

package/features/print.js

@@ -1,6 +1,6 @@
 import { PrintPlugin as i } from "@toolbox-web/grid/plugins/print";
 import { useContext as g, useCallback as n } from "react";
-import { G as a } from "../chunks/data-grid-GKyKxE6c.js";
+import { G as a } from "../chunks/data-grid-B0FOIoOo.js";
 import { r as p } from "../chunks/feature-registry-Y3KvnN54.js";
 p("print", (r) => r === !0 ? new i() : new i(r ?? void 0));
 function m() {

package/features/selection.js

@@ -1,6 +1,6 @@
 import { SelectionPlugin as i } from "@toolbox-web/grid/plugins/selection";
 import { useContext as w, useCallback as o } from "react";
-import { G as S } from "../chunks/data-grid-GKyKxE6c.js";
+import { G as S } from "../chunks/data-grid-B0FOIoOo.js";
 import { r as C } from "../chunks/feature-registry-Y3KvnN54.js";
 C("selection", (e) => e === "cell" || e === "row" || e === "range" ? new i({ mode: e }) : new i(e ?? void 0));
 function P() {

package/features/undo-redo.js

@@ -1,6 +1,6 @@
 import { UndoRedoPlugin as t } from "@toolbox-web/grid/plugins/undo-redo";
 import { useContext as g, useCallback as e } from "react";
-import { G as R } from "../chunks/data-grid-GKyKxE6c.js";
+import { G as R } from "../chunks/data-grid-B0FOIoOo.js";
 import { r as f } from "../chunks/feature-registry-Y3KvnN54.js";
 f("undoRedo", (d) => {
   const o = typeof d == "boolean" ? {} : d ?? {};

package/index.js

@@ -1,5 +1,5 @@
-import { r as T, a as B, b as k, c as A } from "./chunks/data-grid-GKyKxE6c.js";
-import { D as H, i as U, d as $, e as K, f as M, R as O, h as Q, u as X, g as Y } from "./chunks/data-grid-GKyKxE6c.js";
+import { r as T, a as B, b as k, c as A } from "./chunks/data-grid-B0FOIoOo.js";
+import { D as H, i as U, d as $, e as K, f as M, R as O, h as Q, u as X, g as Y } from "./chunks/data-grid-B0FOIoOo.js";
 import { jsx as w, Fragment as I } from "react/jsx-runtime";
 import { useRef as R, useCallback as i, useState as P, useEffect as S } from "react";
 function J(n) {

package/lib/context-types.d.ts

@@ -24,10 +24,25 @@ export interface GridEditorContext<TValue = unknown, TRow = unknown> {
     column: ColumnConfig<TRow>;
     /** Field key */
     field: keyof TRow & string;
+    /** Stable row identifier (from `getRowId`). Empty string if no `getRowId` is configured. */
+    rowId: string;
     /** Commit the new value and close editor */
     commit: (newValue: TValue) => void;
     /** Cancel editing without saving */
     cancel: () => void;
+    /**
+     * Update other fields in this row while the editor is open.
+     * Changes trigger `cell-change` events with source `'cascade'`.
+     */
+    updateRow: (changes: Partial<TRow>) => void;
+    /**
+     * Register a callback to receive value updates when the cell is modified
+     * externally (e.g., via `updateRow()` from another cell's commit).
+     *
+     * React editors receive the full context at render time; use this to
+     * update local state when another cell cascades a change.
+     */
+    onValueChange?: (callback: (newValue: TValue) => void) => void;
 }
 /**
  * Context object passed to detail panel components.

package/lib/context-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-types.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/context-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,MAAM,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO;IAC/D,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAC/B,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,gBAAgB;IAChB,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO;IACjE,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAC/B,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,gBAAgB;IAChB,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oCAAoC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,IAAI,GAAG,OAAO;IAC/C,0BAA0B;IAC1B,GAAG,EAAE,IAAI,CAAC;IACV,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,IAAI,EAAE,WAAW,CAAC;CACnB"}
+{"version":3,"file":"context-types.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/context-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,MAAM,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO;IAC/D,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAC/B,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,gBAAgB;IAChB,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,OAAO,EAAE,IAAI,GAAG,OAAO;IACjE,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAC/B,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,gBAAgB;IAChB,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,CAAC;IAC3B,4FAA4F;IAC5F,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oCAAoC;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC5C;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,KAAK,IAAI,CAAC;CAChE;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,IAAI,GAAG,OAAO;IAC/C,0BAA0B;IAC1B,GAAG,EAAE,IAAI,CAAC;IACV,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oCAAoC;IACpC,IAAI,EAAE,WAAW,CAAC;CACnB"}

package/lib/feature-props.d.ts

@@ -1,5 +1,17 @@
 import { ClipboardConfig, ColumnVirtualizationConfig, ContextMenuConfig, ExportConfig, FilterConfig, GroupingColumnsConfig, GroupingRowsConfig, MasterDetailConfig, MultiSortConfig, PinnedRowsConfig, PivotConfig, PrintConfig, ReorderConfig, ResponsivePluginConfig, RowReorderConfig, SelectionConfig, ServerSideConfig, TreeConfig, UndoRedoConfig, VisibilityConfig } from '@toolbox-web/grid/all';
 import { EditingConfig } from '@toolbox-web/grid/plugins/editing';
+import { FilterPanelParams } from '@toolbox-web/grid/plugins/filtering';
+import { ReactNode } from 'react';
+/**
+ * React-specific filter config that allows React components as `filterPanelRenderer`.
+ *
+ * Extends the base FilterConfig to accept a React render function
+ * `(params: FilterPanelParams) => ReactNode` in addition to the vanilla
+ * `(container: HTMLElement, params: FilterPanelParams) => void` signature.
+ */
+type ReactFilterConfig<TRow = unknown> = Omit<FilterConfig<TRow>, 'filterPanelRenderer'> & {
+    filterPanelRenderer?: FilterConfig<TRow>['filterPanelRenderer'] | ((params: FilterPanelParams) => ReactNode);
+};
 /**
  * Feature props for declarative plugin configuration.
  * Each prop lazily loads its corresponding plugin when used.
@@ -107,7 +119,7 @@ export interface FeatureProps<TRow = unknown> {
      * <DataGrid filtering={{ debounceMs: 200 }} />
      * ```
      */
-    filtering?: boolean | FilterConfig<TRow>;
+    filtering?: boolean | ReactFilterConfig<TRow>;
     /**
      * Enable column drag-to-reorder.
      *
@@ -139,9 +151,9 @@ export interface FeatureProps<TRow = unknown> {
      * @example
      * ```tsx
      * <DataGrid pinnedColumns columns={[
-     *   { field: 'id', sticky: 'left' },
+     *   { field: 'id', pinned: 'left' },
      *   { field: 'name' },
-     *   { field: 'actions', sticky: 'right' },
+     *   { field: 'actions', pinned: 'right' },
      * ]} />
      * ```
      */
@@ -330,4 +342,5 @@ export interface SSRProps {
  * All feature-related props combined.
  */
 export type AllFeatureProps<TRow = unknown> = FeatureProps<TRow> & SSRProps;
+export {};
 //# sourceMappingURL=feature-props.d.ts.map

package/lib/feature-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-props.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/feature-props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"feature-props.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/feature-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,KAAK,EACV,eAAe,EACf,0BAA0B,EAC1B,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;;GAMG;AACH,KAAK,iBAAiB,CAAC,IAAI,GAAG,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,qBAAqB,CAAC,GAAG;IACzF,mBAAmB,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAC;CAC9G,CAAC;AAGF;;;;;GAKG;AACH,MAAM,WAAW,YAAY,CAAC,IAAI,GAAG,OAAO;IAK1C;;;;;;;;;;;;;OAaG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAE7D;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAC;IAEpE;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAEtC;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC;IAM1C;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;IAE3D;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,eAAe,CAAC;IAEzD;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAM9C;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IAElC;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IAExC;;;;;;;;;;;;;;OAcG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;;;;;;;OAaG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IAElD;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,0BAA0B,CAAC;IAM5D;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IAExC;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAElC;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,gBAAgB,CAAC;IAMxC;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAE5B;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAMlC;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAC;IAM9C;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAMpC;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IAEhC;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAM9B;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;;;;;;;;;;OAWG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,IAAI,GAAG,OAAO,IAAI,YAAY,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC"}

package/lib/grid-type-registry.d.ts

@@ -1,4 +1,5 @@
 import { TypeDefault as BaseTypeDefault, CellRenderContext, ColumnEditorContext } from '@toolbox-web/grid';
+import { FilterPanelParams } from '@toolbox-web/grid/plugins/filtering';
 import { FC, ReactNode } from 'react';
 /**
  * Type default configuration for React applications.
@@ -25,6 +26,25 @@ export interface TypeDefault<TRow = unknown, TValue = unknown> {
     editor?: (ctx: ColumnEditorContext<TRow, TValue>) => ReactNode;
     /** Default editorParams for this type */
     editorParams?: Record<string, unknown>;
+    /**
+     * Custom filter panel renderer for this type. Requires FilteringPlugin.
+     *
+     * Returns JSX to render as the custom filter panel content.
+     * The rendered content is mounted into the filter panel container.
+     *
+     * @example
+     * ```tsx
+     * filterPanelRenderer: (params) => (
+     *   <MyFilterPanel
+     *     field={params.field}
+     *     uniqueValues={params.uniqueValues}
+     *     onApply={(values) => params.applySetFilter(values)}
+     *     onClear={params.clearFilter}
+     *   />
+     * )
+     * ```
+     */
+    filterPanelRenderer?: (params: FilterPanelParams) => ReactNode;
 }
 /**
  * @deprecated Use `TypeDefault` instead.
@@ -132,6 +152,15 @@ export declare function useTypeDefault<TRow = unknown, TValue = unknown>(type: s
  * @internal
  */
 export declare function typeDefaultToBaseTypeDefault<TRow = unknown>(typeDefault: TypeDefault<TRow>, renderReactNode: (node: ReactNode) => HTMLElement): BaseTypeDefault<TRow>;
+/**
+ * Wraps a React filter panel renderer into a vanilla FilterPanelRenderer.
+ *
+ * Mounts react content into the filter panel container element.
+ * Automatically unmounts the previous root when a new panel opens.
+ *
+ * @internal
+ */
+export declare function wrapReactFilterPanelRenderer(reactFn: (params: FilterPanelParams) => ReactNode, renderReactNode: (node: ReactNode) => HTMLElement): (container: HTMLElement, params: FilterPanelParams) => void;
 /**
  * @deprecated Use `typeDefaultToBaseTypeDefault` instead.
  * @see {@link typeDefaultToBaseTypeDefault}

package/lib/grid-type-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-type-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-type-registry.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChH,OAAO,EAA6B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC3D,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,8DAA8D;IAC9D,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAG3F;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAO1D;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAEtD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,eAAe,GAAG,IAAI,CAE5D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,CAGpH;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,GAAG,OAAO,EACzD,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,WAAW,GAChD,eAAe,CAAC,IAAI,CAAC,CAuBvB;AAED;;;GAGG;AACH,eAAO,MAAM,iCAAiC,qCAA+B,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iDAAkB,CAAC"}
+{"version":3,"file":"grid-type-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/grid-type-registry.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAA6B,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3E;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC3D,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,8DAA8D;IAC9D,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,SAAS,CAAC;IAC/D,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC;;;;;;;;;;;;;;;;;OAiBG;IACH,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,SAAS,CAAC;CAChE;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,IAAI,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAG3F;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAO1D;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAEtD,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,eAAe,GAAG,IAAI,CAE5D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,CAGpH;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAAC,IAAI,GAAG,OAAO,EACzD,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,WAAW,GAChD,eAAe,CAAC,IAAI,CAAC,CA4BvB;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,SAAS,EACjD,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,WAAW,GAChD,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAK7D;AAED;;;GAGG;AACH,eAAO,MAAM,iCAAiC,qCAA+B,CAAC;AAE9E;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,iDAAkB,CAAC"}

package/lib/react-grid-adapter.d.ts

@@ -143,6 +143,11 @@ export declare class GridAdapter implements FrameworkAdapter {
      * @internal
      */
     private createTypeEditor;
+    /**
+     * Creates a filter panel renderer that mounts React content into the filter panel container.
+     * @internal
+     */
+    private createFilterPanelRenderer;
     /**
      * Clean up all mounted React roots.
      * Call this when the grid is unmounted.

package/lib/react-grid-adapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-grid-adapter.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/react-grid-adapter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"react-grid-adapter.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/react-grid-adapter.ts"],"names":[],"mappings":"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"}

package/package.json

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