@toolbox-web/grid-react 0.16.0 → 0.17.0

package/chunks/{data-grid-oxWjOqoA.js → data-grid-Cpa5kukM.js}

@@ -1,14 +1,14 @@
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as E } from "react/jsx-runtime";
 import { DataGridElement as me } from "@toolbox-web/grid";
-import { createContext as Z, useContext as V, useRef as x, useCallback as Q, useEffect as p, forwardRef as he, useMemo as C, useImperativeHandle as ye, Children as we, isValidElement as Ce } from "react";
-import { flushSync as m } from "react-dom";
-import { createRoot as y } from "react-dom/client";
-import { createPluginsFromFeatures as Re } from "@toolbox-web/grid/features/registry";
-function ve(n) {
+import { createContext as Z, useContext as V, useRef as A, useCallback as Q, useEffect as m, forwardRef as he, useMemo as w, useImperativeHandle as ye, Children as Re, isValidElement as we } from "react";
+import { flushSync as g } from "react-dom";
+import { createRoot as h } from "react-dom/client";
+import { createPluginsFromFeatures as ve } from "@toolbox-web/grid/features/registry";
+function Ce(n) {
   return n.charAt(0).toUpperCase() + n.slice(1);
 }
 function ae(n) {
-  return n.toLowerCase() === "id" ? "ID" : n.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(ve).join(" ");
+  return n.toLowerCase() === "id" ? "ID" : n.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Ce).join(" ");
 }
 const be = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
 function Ee(n) {
@@ -57,8 +57,8 @@ const z = {
   onExportComplete: "export-complete",
   onPrintStart: "print-start",
   onPrintComplete: "print-complete"
-}, X = Z(null), Ye = ({ icons: n, children: t }) => /* @__PURE__ */ b(X.Provider, { value: n, children: t });
-function Ze() {
+}, X = Z(null), Xe = ({ icons: n, children: t }) => /* @__PURE__ */ E(X.Provider, { value: n, children: t });
+function et() {
   return V(X);
 }
 const De = X, W = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new Map();
@@ -73,50 +73,50 @@ function le(n) {
     return q.get(e);
 }
 function xe(n) {
-  const { children: t, cardRowHeight: e = "auto" } = n, r = x(null), o = Q(
-    (s) => {
-      if (r.current = s, !s) return;
-      W.set(s, t);
-      const d = s.closest("tbw-grid");
+  const { children: t, cardRowHeight: e = "auto" } = n, r = A(null), o = Q(
+    (c) => {
+      if (r.current = c, !c) return;
+      W.set(c, t);
+      const d = c.closest("tbw-grid");
       if (d) {
-        const u = d.id || d.getAttribute("data-grid-id");
-        u && q.set(u, t);
+        const l = d.id || d.getAttribute("data-grid-id");
+        l && q.set(l, t);
       }
     },
     [t]
   );
-  p(() => () => {
-    const s = r.current;
-    if (s) {
-      W.delete(s);
-      const d = s.closest("tbw-grid");
+  m(() => () => {
+    const c = r.current;
+    if (c) {
+      W.delete(c);
+      const d = c.closest("tbw-grid");
       if (d) {
-        const u = d.id || d.getAttribute("data-grid-id");
-        u && q.delete(u);
+        const l = d.id || d.getAttribute("data-grid-id");
+        l && q.delete(l);
       }
     }
   }, []);
-  const c = e === "auto" ? "auto" : String(e);
-  return /* @__PURE__ */ b("tbw-grid-responsive-card", { ref: o, cardRowHeight: c });
+  const s = e === "auto" ? "auto" : String(e);
+  return /* @__PURE__ */ E("tbw-grid-responsive-card", { ref: o, cardRowHeight: s });
 }
 xe.displayName = "GridResponsiveCard";
-const T = Z(null), Qe = ({ defaults: n, children: t }) => /* @__PURE__ */ b(T.Provider, { value: n, children: t });
-function Xe() {
+const T = Z(null), tt = ({ defaults: n, children: t }) => /* @__PURE__ */ E(T.Provider, { value: n, children: t });
+function rt() {
   return V(T);
 }
-function et(n) {
+function nt(n) {
   return V(T)?.[n];
 }
-const Ae = T, I = [];
+const Ae = T, C = [];
 function Se(n) {
-  for (let t = I.length - 1; t >= 0; t--) {
-    const e = I[t];
+  for (let t = C.length - 1; t >= 0; t--) {
+    const e = C[t];
     if (n.contains(e.container) && e.container.classList.contains("react-cell-editor")) {
       try {
         e.root.unmount();
       } catch {
       }
-      I.splice(t, 1);
+      C.splice(t, 1);
     }
   }
 }
@@ -125,36 +125,76 @@ function Ge(n) {
   return (e) => {
     const r = e.cellEl;
     if (r) {
-      const s = t.get(r);
-      if (s)
-        return m(() => {
-          s.root.render(n(e));
-        }), s.container;
+      const c = t.get(r);
+      if (c)
+        return g(() => {
+          c.root.render(n(e));
+        }), c.container;
     }
     const o = document.createElement("div");
     o.className = "react-cell-renderer", o.style.display = "contents";
-    const c = y(o);
-    return m(() => {
-      c.render(n(e));
-    }), r && t.set(r, { root: c, container: o }), I.push({ root: c, container: o }), o;
+    const s = h(o);
+    return g(() => {
+      s.render(n(e));
+    }), r && t.set(r, { root: s, container: o }), C.push({ root: s, container: o }), o;
   };
 }
 function Ie(n) {
   return (t) => {
     const e = document.createElement("div");
     e.className = "react-cell-editor", e.style.display = "contents";
-    const r = y(e);
-    return m(() => {
+    const r = h(e);
+    return g(() => {
       r.render(n(t));
-    }), I.push({ root: r, container: e }), e;
+    }), C.push({ root: r, container: e }), e;
   };
 }
 function Ve(n) {
+  return (t) => {
+    const e = document.createElement("div");
+    e.className = "react-header-renderer", e.style.display = "contents";
+    const r = h(e);
+    return g(() => {
+      r.render(n(t));
+    }), C.push({ root: r, container: e }), e;
+  };
+}
+function Ne(n) {
+  return (t) => {
+    const e = document.createElement("div");
+    e.className = "react-header-label-renderer", e.style.display = "contents";
+    const r = h(e);
+    return g(() => {
+      r.render(n(t));
+    }), C.push({ root: r, container: e }), e;
+  };
+}
+function Le(n) {
+  return (t) => {
+    const e = n(t);
+    if (e instanceof HTMLElement || typeof e == "string")
+      return e;
+    const r = document.createElement("div");
+    r.className = "react-loading-renderer", r.style.display = "contents";
+    const o = h(r);
+    return g(() => {
+      o.render(e);
+    }), C.push({ root: o, container: r }), r;
+  };
+}
+function Fe(n) {
   if (!n) return;
+  if (n.loadingRenderer && typeof n.loadingRenderer == "function") {
+    const e = n.loadingRenderer;
+    n = {
+      ...n,
+      loadingRenderer: Le(e)
+    };
+  }
   if (!n.columns) return n;
   const t = n.columns.map((e) => {
-    const { renderer: r, editor: o, ...c } = e, s = { ...c };
-    return r && (s.renderer = Ge(r)), o && (s.editor = Ie(o)), s;
+    const { renderer: r, editor: o, headerRenderer: s, headerLabelRenderer: c, ...d } = e, l = { ...d };
+    return r && (l.renderer = Ge(r)), o && (l.editor = Ie(o)), s && (l.headerRenderer = Ve(s)), c && (l.headerLabelRenderer = Ne(c)), l;
   });
   return {
     ...n,
@@ -162,7 +202,7 @@ function Ve(n) {
   };
 }
 const B = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new Map();
-function Ne(n) {
+function Te(n) {
   const t = n.querySelector("tbw-grid-detail");
   if (t) {
     const r = B.get(t);
@@ -172,99 +212,99 @@ function Ne(n) {
   if (e)
     return K.get(e);
 }
-function Fe(n) {
-  const { children: t, showExpandColumn: e = !0, animation: r = "slide" } = n, o = x(null), c = Q(
+function ke(n) {
+  const { children: t, showExpandColumn: e = !0, animation: r = "slide" } = n, o = A(null), s = Q(
     (d) => {
       if (o.current = d, !d) return;
       B.set(d, t);
-      const u = d.closest("tbw-grid");
-      if (u) {
-        const g = u.id || u.getAttribute("data-grid-id");
-        g && K.set(g, t);
+      const l = d.closest("tbw-grid");
+      if (l) {
+        const p = l.id || l.getAttribute("data-grid-id");
+        p && K.set(p, t);
       }
     },
     [t]
   );
-  return p(() => () => {
+  return m(() => () => {
     const d = o.current;
     if (d) {
       B.delete(d);
-      const u = d.closest("tbw-grid");
-      if (u) {
-        const w = u.id || u.getAttribute("data-grid-id");
-        w && K.delete(w);
+      const l = d.closest("tbw-grid");
+      if (l) {
+        const R = l.id || l.getAttribute("data-grid-id");
+        R && K.delete(R);
       }
-      const g = d.parentNode;
-      g && g.contains(d);
+      const p = d.parentNode;
+      p && p.contains(d);
     }
-  }, []), /* @__PURE__ */ b(
+  }, []), /* @__PURE__ */ E(
     "tbw-grid-detail",
     {
-      ref: c,
+      ref: s,
       showExpandColumn: e ? void 0 : "false",
       animation: r === !1 ? "false" : r
     }
   );
 }
-Fe.displayName = "GridDetailPanel";
+ke.displayName = "GridDetailPanel";
 const U = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new Map();
-function Le(n) {
+function Me(n) {
   const t = U.get(n);
   if (t) return t;
   const e = n.id;
   if (e)
     return J.get(e);
 }
-function tt(n) {
-  const { id: t, title: e, icon: r, tooltip: o, order: c = 100, children: s } = n, d = x(null), u = Q(
-    (g) => {
-      d.current = g, g && (U.set(g, s), t && J.set(t, s));
+function ot(n) {
+  const { id: t, title: e, icon: r, tooltip: o, order: s = 100, children: c } = n, d = A(null), l = Q(
+    (p) => {
+      d.current = p, p && (U.set(p, c), t && J.set(t, c));
     },
-    [s, t]
+    [c, t]
   );
-  return p(() => () => {
-    const g = d.current;
-    g && (U.delete(g), t && J.delete(t));
-  }, [t]), /* @__PURE__ */ b(
+  return m(() => () => {
+    const p = d.current;
+    p && (U.delete(p), t && J.delete(t));
+  }, [t]), /* @__PURE__ */ E(
     "tbw-grid-tool-panel",
     {
-      ref: u,
+      ref: l,
       id: t,
       title: e,
       icon: r,
       tooltip: o,
-      order: c?.toString()
+      order: s?.toString()
     }
   );
 }
-const v = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new Map();
-function rt(n, t) {
-  const e = n.getAttribute("field"), r = v.get(n) ?? {};
-  if (r.renderer = t, v.set(n, r), e) {
-    const o = E.get(e) ?? {};
-    o.renderer = t, E.set(e, o);
+const b = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new Map();
+function it(n, t) {
+  const e = n.getAttribute("field"), r = b.get(n) ?? {};
+  if (r.renderer = t, b.set(n, r), e) {
+    const o = P.get(e) ?? {};
+    o.renderer = t, P.set(e, o);
   }
 }
-function nt(n, t) {
-  const e = n.getAttribute("field"), r = v.get(n) ?? {};
-  if (r.editor = t, v.set(n, r), e) {
-    const o = E.get(e) ?? {};
-    o.editor = t, E.set(e, o);
+function st(n, t) {
+  const e = n.getAttribute("field"), r = b.get(n) ?? {};
+  if (r.editor = t, b.set(n, r), e) {
+    const o = P.get(e) ?? {};
+    o.editor = t, P.set(e, o);
   }
 }
-function Te(n) {
-  let t = v.get(n)?.renderer;
+function He(n) {
+  let t = b.get(n)?.renderer;
   if (!t) {
     const e = n.getAttribute("field");
-    e && (t = E.get(e)?.renderer);
+    e && (t = P.get(e)?.renderer);
   }
   return t;
 }
-function ke(n) {
-  let t = v.get(n)?.editor;
+function Oe(n) {
+  let t = b.get(n)?.editor;
   if (!t) {
     const e = n.getAttribute("field");
-    e && (t = E.get(e)?.editor);
+    e && (t = P.get(e)?.editor);
   }
   return t;
 }
@@ -288,13 +328,13 @@ class ue {
    */
   canHandle(t) {
     const e = t.getAttribute("field");
-    let r = v.get(t);
+    let r = b.get(t);
     if (!r && e) {
-      const s = E.get(e);
-      s && (s.renderer || s.editor) && (r = s, v.set(t, r));
+      const c = P.get(e);
+      c && (c.renderer || c.editor) && (r = c, b.set(t, r));
     }
-    const o = r?.renderer !== void 0, c = r?.editor !== void 0;
-    return r !== void 0 && (o || c);
+    const o = r?.renderer !== void 0, s = r?.editor !== void 0;
+    return r !== void 0 && (o || s);
   }
   /**
    * Creates a view renderer function that renders a React component
@@ -308,31 +348,31 @@ class ue {
    * allowing the grid to use its default rendering.
    */
   createRenderer(t) {
-    const e = Te(t);
+    const e = He(t);
     if (!e)
       return;
     const r = /* @__PURE__ */ new WeakMap();
     return (o) => {
-      const c = o.cellEl;
-      if (c) {
-        const u = r.get(c);
-        if (u)
-          return m(() => {
-            u.root.render(e(o));
-          }), u.container;
-        const g = document.createElement("div");
-        g.className = "react-cell-renderer", g.style.display = "contents";
-        const w = y(g);
-        return m(() => {
-          w.render(e(o));
-        }), r.set(c, { root: w, container: g, lastRowIndex: o.rowIndex ?? -1 }), this.mountedViews.push({ root: w, container: g }), g;
+      const s = o.cellEl;
+      if (s) {
+        const l = r.get(s);
+        if (l)
+          return g(() => {
+            l.root.render(e(o));
+          }), l.container;
+        const p = document.createElement("div");
+        p.className = "react-cell-renderer", p.style.display = "contents";
+        const R = h(p);
+        return g(() => {
+          R.render(e(o));
+        }), r.set(s, { root: R, container: p, lastRowIndex: o.rowIndex ?? -1 }), this.mountedViews.push({ root: R, container: p }), p;
       }
-      const s = document.createElement("div");
-      s.className = "react-cell-renderer", s.style.display = "contents";
-      const d = y(s);
-      return m(() => {
+      const c = document.createElement("div");
+      c.className = "react-cell-renderer", c.style.display = "contents";
+      const d = h(c);
+      return g(() => {
         d.render(e(o));
-      }), this.mountedViews.push({ root: d, container: s }), s;
+      }), this.mountedViews.push({ root: d, container: c }), c;
     };
   }
   /**
@@ -340,14 +380,14 @@ class ue {
    * with commit/cancel callbacks passed as props.
    */
   createEditor(t) {
-    const e = ke(t);
+    const e = Oe(t);
     return e ? (r) => {
       const o = document.createElement("div");
       o.className = "react-cell-editor", o.style.display = "contents";
-      const c = y(o);
-      return m(() => {
-        c.render(e(r));
-      }), this.editorViews.push({ root: c, container: o }), o;
+      const s = h(o);
+      return g(() => {
+        s.render(e(r));
+      }), this.editorViews.push({ root: s, container: o }), o;
     } : () => document.createElement("div");
   }
   /**
@@ -355,15 +395,15 @@ class ue {
    * Renders React components for expandable detail rows.
    */
   createDetailRenderer(t) {
-    const e = Ne(t);
+    const e = Te(t);
     if (e)
       return (r, o) => {
-        const c = document.createElement("div");
-        c.className = "react-detail-panel";
-        const s = { row: r, rowIndex: o }, d = y(c);
-        return m(() => {
-          d.render(e(s));
-        }), this.mountedViews.push({ root: d, container: c }), c;
+        const s = document.createElement("div");
+        s.className = "react-detail-panel";
+        const c = { row: r, rowIndex: o }, d = h(s);
+        return g(() => {
+          d.render(e(c));
+        }), this.mountedViews.push({ root: d, container: s }), s;
       };
   }
   /**
@@ -383,12 +423,12 @@ class ue {
     const e = le(t);
     if (e)
       return (r, o) => {
-        const c = document.createElement("div");
-        c.className = "react-responsive-card";
-        const s = { row: r, index: o }, d = y(c);
-        return m(() => {
-          d.render(e(s));
-        }), this.mountedViews.push({ root: d, container: c }), c;
+        const s = document.createElement("div");
+        s.className = "react-responsive-card";
+        const c = { row: r, index: o }, d = h(s);
+        return g(() => {
+          d.render(e(c));
+        }), this.mountedViews.push({ root: d, container: s }), s;
       };
   }
   /**
@@ -396,22 +436,22 @@ class ue {
    * Renders React components into tool panel containers.
    */
   createToolPanelRenderer(t) {
-    const e = Le(t);
+    const e = Me(t);
     if (!e)
       return;
     const r = t.closest("tbw-grid");
     return (o) => {
-      const c = {
+      const s = {
         grid: r ?? o
-      }, s = y(o);
-      return m(() => {
-        s.render(e(c));
-      }), this.mountedViews.push({ root: s, container: o }), () => {
-        const d = this.mountedViews.findIndex((u) => u.container === o);
+      }, c = h(o);
+      return g(() => {
+        c.render(e(s));
+      }), this.mountedViews.push({ root: c, container: o }), () => {
+        const d = this.mountedViews.findIndex((l) => l.container === o);
         if (d !== -1) {
-          const { root: u } = this.mountedViews[d];
+          const { root: l } = this.mountedViews[d];
           try {
-            u.unmount();
+            l.unmount();
           } catch {
           }
           this.mountedViews.splice(d, 1);
@@ -462,8 +502,8 @@ class ue {
     return (e) => {
       const r = document.createElement("span");
       r.style.display = "contents";
-      const o = y(r);
-      return this.mountedViews.push({ root: o, container: r }), m(() => {
+      const o = h(r);
+      return this.mountedViews.push({ root: o, container: r }), g(() => {
         o.render(t(e));
       }), r;
     };
@@ -476,8 +516,8 @@ class ue {
     return (e) => {
       const r = document.createElement("span");
       r.style.display = "contents";
-      const o = y(r);
-      return this.editorViews.push({ root: o, container: r }), m(() => {
+      const o = h(r);
+      return this.editorViews.push({ root: o, container: r }), g(() => {
         o.render(t(e));
       }), r;
     };
@@ -490,9 +530,9 @@ class ue {
     return (e, r) => {
       const o = document.createElement("div");
       o.style.display = "contents";
-      const c = y(o);
-      this.mountedViews.push({ root: c, container: o }), m(() => {
-        c.render(t(r));
+      const s = h(o);
+      this.mountedViews.push({ root: s, container: o }), g(() => {
+        s.render(t(r));
       }), e.appendChild(o);
     };
   }
@@ -547,14 +587,14 @@ class ue {
     }
   }
 }
-const ot = ue, Me = {
+const ct = ue, je = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
-function Oe(n) {
+function $e(n) {
   const t = new Set(n);
   for (const e of n) {
-    const r = Me[e];
+    const r = je[e];
     if (r)
       for (const o of r)
         t.has(o) || console.warn(
@@ -562,35 +602,35 @@ function Oe(n) {
         );
   }
 }
-function je(n) {
+function ze(n) {
   const t = [];
   for (const [e, r] of Object.entries(n))
     r === void 0 || r === !1 || t.push(e);
-  return Oe(t), Re(n);
+  return $e(t), ve(n);
 }
 let de = !1, _ = null;
 function Y() {
   return de || (_ = new ue(), me.registerAdapter(_), de = !0), _;
 }
 Y();
-const He = Z(null);
-function $e(n) {
+const _e = Z(null);
+function We(n) {
   const e = n.getPluginByName?.("masterDetail");
   e && typeof e.refreshDetailRenderer == "function" && e.refreshDetailRenderer();
 }
-function ze(n, t) {
+function qe(n, t) {
   const e = n;
   if (!n.querySelector("tbw-grid-responsive-card") || !le(n)) return;
-  const c = e.getPluginByName?.("responsive");
-  if (c && typeof c.setCardRenderer == "function") {
-    const s = t.createResponsiveCardRenderer(n);
-    s && c.setCardRenderer(s);
+  const s = e.getPluginByName?.("responsive");
+  if (s && typeof s.setCardRenderer == "function") {
+    const c = t.createResponsiveCardRenderer(n);
+    c && s.setCardRenderer(c);
   }
 }
-function _e(n) {
+function Be(n) {
   const t = {};
-  return we.forEach(n, (e) => {
-    if (Ce(e)) {
+  return Re.forEach(n, (e) => {
+    if (we(e)) {
       if (e.type && e.type.displayName === "GridDetailPanel") {
         const r = e.props;
         t.masterDetail = {
@@ -604,32 +644,32 @@ function _e(n) {
     }
   }), t;
 }
-const it = he(function(t, e) {
+const at = he(function(t, e) {
   const {
     // Core props
     rows: r,
     gridConfig: o,
-    columns: c,
-    columnDefaults: s,
+    columns: s,
+    columnDefaults: c,
     fitMode: d,
-    sortable: u,
-    filterable: g,
-    selectable: w,
+    sortable: l,
+    filterable: p,
+    selectable: R,
     loading: k,
     editOn: M,
     customStyles: N,
     className: fe,
-    style: ge,
-    children: O,
+    style: pe,
+    children: H,
     // Plugin props
-    plugins: P,
+    plugins: D,
     // SSR mode
     ssr: ee,
     // Legacy event handlers
-    onRowsChange: j,
+    onRowsChange: O,
     // Feature props and event props are in ...rest
-    ...R
-  } = t, l = x(null), F = x(null), te = V(Ae), H = V(De), re = [
+    ...v
+  } = t, u = A(null), L = A(null), te = V(Ae), j = V(De), re = [
     "selection",
     "editing",
     "filtering",
@@ -658,181 +698,181 @@ const it = he(function(t, e) {
     "print",
     "pivot",
     "serverSide"
-  ], pe = C(() => re.map((i) => {
-    const a = R[i];
+  ], ge = w(() => re.map((i) => {
+    const a = v[i];
     return a !== void 0 ? `${i}:${JSON.stringify(a)}` : "";
-  }).filter(Boolean).join("|"), [R]), ne = C(() => {
+  }).filter(Boolean).join("|"), [v]), ne = w(() => {
     const i = {};
     for (const a of re)
-      a in R && R[a] !== void 0 && (i[a] = R[a]);
+      a in v && v[a] !== void 0 && (i[a] = v[a]);
     return i;
-  }, [pe]), oe = C(() => _e(O), [O]), ie = C(() => ({ ...oe, ...ne }), [ne, oe]), $ = C(() => P || ee ? [] : je(ie), [ie, P, ee]), A = C(() => {
-    if (P) {
-      const i = new Set(P.map((f) => f.name)), a = $.filter((f) => !i.has(f.name));
-      return [...P, ...a];
+  }, [ge]), oe = w(() => Be(H), [H]), ie = w(() => ({ ...oe, ...ne }), [ne, oe]), $ = w(() => D || ee ? [] : ze(ie), [ie, D, ee]), S = w(() => {
+    if (D) {
+      const i = new Set(D.map((f) => f.name)), a = $.filter((f) => !i.has(f.name));
+      return [...D, ...a];
     }
     return $;
-  }, [P, $]), S = C(() => {
-    if (!c) return c;
-    const i = Pe(c);
-    return s ? i.map((a) => ({
-      ...s,
+  }, [D, $]), G = w(() => {
+    if (!s) return s;
+    const i = Pe(s);
+    return c ? i.map((a) => ({
+      ...c,
       ...a
       // Individual column props override defaults
     })) : i;
-  }, [c, s]), G = C(() => {
-    const i = Ve(o), a = {};
-    if (u !== void 0 && (a.sortable = u), g !== void 0 && (a.filterable = g), w !== void 0 && (a.selectable = w), H) {
+  }, [s, c]), I = w(() => {
+    const i = Fe(o), a = {};
+    if (l !== void 0 && (a.sortable = l), p !== void 0 && (a.filterable = p), R !== void 0 && (a.selectable = R), j) {
       const f = i?.icons || o?.icons || {};
-      a.icons = { ...H, ...f };
+      a.icons = { ...j, ...f };
     }
-    if (A.length > 0 && i) {
-      const f = i.plugins || [], h = new Set(f.map((D) => D.name)), L = A.filter((D) => !h.has(D.name));
+    if (S.length > 0 && i) {
+      const f = i.plugins || [], y = new Set(f.map((x) => x.name)), F = S.filter((x) => !y.has(x.name));
       return {
         ...i,
         ...a,
-        plugins: [...f, ...L]
+        plugins: [...f, ...F]
       };
     }
-    return A.length > 0 && !i ? { ...a, plugins: A } : Object.keys(a).length > 0 ? { ...i, ...a } : i;
-  }, [o, A, u, g, w, H]);
-  p(() => {
+    return S.length > 0 && !i ? { ...a, plugins: S } : Object.keys(a).length > 0 ? { ...i, ...a } : i;
+  }, [o, S, l, p, R, j]);
+  m(() => {
     Y().setTypeDefaults(te);
-  }, [te]), p(() => {
-    l.current && (l.current.rows = r);
-  }, [r]), p(() => {
-    l.current && G && (l.current.gridConfig = G);
-  }, [G]), p(() => {
-    l.current && S && (l.current.columns = S);
-  }, [S]), p(() => {
-    l.current && d !== void 0 && (l.current.fitMode = d);
-  }, [d]), p(() => {
-    l.current && M !== void 0 && (l.current.editOn = M);
-  }, [M]), p(() => {
-    l.current && k !== void 0 && (l.current.loading = k);
-  }, [k]), p(() => {
-    const i = l.current;
+  }, [te]), m(() => {
+    u.current && (u.current.rows = r);
+  }, [r]), m(() => {
+    u.current && I && (u.current.gridConfig = I);
+  }, [I]), m(() => {
+    u.current && G && (u.current.columns = G);
+  }, [G]), m(() => {
+    u.current && d !== void 0 && (u.current.fitMode = d);
+  }, [d]), m(() => {
+    u.current && M !== void 0 && (u.current.editOn = M);
+  }, [M]), m(() => {
+    u.current && k !== void 0 && (u.current.loading = k);
+  }, [k]), m(() => {
+    const i = u.current;
     if (!i) return;
     const a = Y();
-    i.__frameworkAdapter = a, $e(i), ze(i, a);
+    i.__frameworkAdapter = a, We(i), qe(i, a);
     let f = !1;
-    const h = requestAnimationFrame(() => {
+    const y = requestAnimationFrame(() => {
       f || (typeof i.refreshColumns == "function" && i.refreshColumns(), typeof i.refreshShellHeader == "function" && i.refreshShellHeader());
     });
     return () => {
-      f = !0, cancelAnimationFrame(h);
+      f = !0, cancelAnimationFrame(y);
     };
-  }, []), p(() => {
-    if (!l.current || !N) return;
-    const i = l.current, a = "react-custom-styles";
+  }, []), m(() => {
+    if (!u.current || !N) return;
+    const i = u.current, a = "react-custom-styles";
     let f = !0;
     return i.ready?.().then(() => {
-      f && N && (i.registerStyles?.(a, N), F.current = a);
+      f && N && (i.registerStyles?.(a, N), L.current = a);
     }), () => {
-      f = !1, F.current && (i.unregisterStyles?.(F.current), F.current = null);
+      f = !1, L.current && (i.unregisterStyles?.(L.current), L.current = null);
     };
-  }, [N]), p(() => {
-    const i = l.current;
+  }, [N]), m(() => {
+    const i = u.current;
     if (!i) return;
     const a = [];
-    if (j) {
-      const f = ((h) => j(h.detail.rows));
+    if (O) {
+      const f = ((y) => O(y.detail.rows));
       i.addEventListener("rows-change", f), a.push(["rows-change", f]);
     }
     return () => {
-      a.forEach(([f, h]) => {
-        i.removeEventListener(f, h);
+      a.forEach(([f, y]) => {
+        i.removeEventListener(f, y);
       });
     };
-  }, [j]);
-  const se = C(() => Object.keys(z).filter((i) => typeof R[i] == "function").sort().join("|"), [R]), ce = x({});
+  }, [O]);
+  const se = w(() => Object.keys(z).filter((i) => typeof v[i] == "function").sort().join("|"), [v]), ce = A({});
   for (const i of Object.keys(z))
-    ce.current[i] = R[i];
-  return p(() => {
-    const i = l.current;
+    ce.current[i] = v[i];
+  return m(() => {
+    const i = u.current;
     if (!i) return;
     const a = [];
-    for (const [f, h] of Object.entries(z))
+    for (const [f, y] of Object.entries(z))
       if (se.includes(f)) {
-        const L = ((D) => {
-          ce.current[f]?.(D.detail, D);
+        const F = ((x) => {
+          ce.current[f]?.(x.detail, x);
         });
-        i.addEventListener(h, L), a.push([h, L]);
+        i.addEventListener(y, F), a.push([y, F]);
       }
     return () => {
-      a.forEach(([f, h]) => {
-        i.removeEventListener(f, h);
+      a.forEach(([f, y]) => {
+        i.removeEventListener(f, y);
       });
     };
   }, [se]), 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(i) {
-        return l.current?.toggleGroup?.(i);
+        return u.current?.toggleGroup?.(i);
       },
       registerStyles(i, a) {
-        l.current?.registerStyles?.(i, a);
+        u.current?.registerStyles?.(i, a);
       },
       unregisterStyles(i) {
-        l.current?.unregisterStyles?.(i);
+        u.current?.unregisterStyles?.(i);
       },
       setRowLoading(i, a) {
-        l.current?.setRowLoading?.(i, a);
+        u.current?.setRowLoading?.(i, a);
       },
       setCellLoading(i, a, f) {
-        l.current?.setCellLoading?.(i, a, f);
+        u.current?.setCellLoading?.(i, a, f);
       },
       isRowLoading(i) {
-        return l.current?.isRowLoading?.(i) ?? !1;
+        return u.current?.isRowLoading?.(i) ?? !1;
       },
       isCellLoading(i, a) {
-        return l.current?.isCellLoading?.(i, a) ?? !1;
+        return u.current?.isCellLoading?.(i, a) ?? !1;
       },
       clearAllLoading() {
-        l.current?.clearAllLoading?.();
+        u.current?.clearAllLoading?.();
       }
     }),
     []
-  ), /* @__PURE__ */ b(
+  ), /* @__PURE__ */ E(
     "tbw-grid",
     {
       ref: (i) => {
-        if (l.current = i, i) {
+        if (u.current = i, i) {
           const a = i;
-          G && (a.gridConfig = G), r && (a.rows = r), S && (a.columns = S);
+          I && (a.gridConfig = I), r && (a.rows = r), G && (a.columns = G);
         }
       },
       class: fe,
-      style: ge,
-      children: /* @__PURE__ */ b(He.Provider, { value: l, children: O })
+      style: pe,
+      children: /* @__PURE__ */ E(_e.Provider, { value: u, children: H })
     }
   );
 });
 export {
-  it as D,
-  He as G,
-  ot as R,
-  nt as a,
-  Qe as b,
-  Ye as c,
-  Fe as d,
+  at as D,
+  _e as G,
+  ct as R,
+  st as a,
+  tt as b,
+  Xe as c,
+  ke as d,
   xe as e,
-  tt as f,
-  et as g,
-  Ze as h,
+  ot as f,
+  nt as g,
+  et as h,
   ue as i,
-  rt as r,
-  Xe as u
+  it as r,
+  rt as u
 };

package/features/export.js

@@ -1,5 +1,5 @@
 import { useContext as g, useCallback as n } from "react";
-import { G as c } from "../chunks/data-grid-oxWjOqoA.js";
+import { G as c } from "../chunks/data-grid-Cpa5kukM.js";
 import "@toolbox-web/grid/features/export";
 function E() {
   const i = g(c), t = n(() => i?.current?.getPluginByName("export"), [i]), x = n(

package/features/filtering.js

@@ -2,7 +2,7 @@ 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/data-grid-oxWjOqoA.js";
+import { G as b } from "../chunks/data-grid-Cpa5kukM.js";
 import { registerFeature as R } from "@toolbox-web/grid/features/registry";
 R("filtering", (r) => {
   if (typeof r == "boolean") return new c();

package/features/grouping-columns.d.ts

@@ -1 +1,25 @@
+/**
+ * Column Grouping feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `groupingColumns` prop on DataGrid.
+ * Automatically bridges React JSX `groupHeaderRenderer` to vanilla DOM.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/grouping-columns';
+ *
+ * <DataGrid groupingColumns />
+ * ```
+ *
+ * @example Custom group header renderer
+ * ```tsx
+ * <DataGrid groupingColumns={{
+ *   columnGroups: [...],
+ *   groupHeaderRenderer: (params) => <strong>{params.label} ({params.columns.length})</strong>,
+ * }} />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
 //# sourceMappingURL=grouping-columns.d.ts.map

package/features/grouping-columns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-columns.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/grouping-columns.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,6CAA6C,CAAC"}
+{"version":3,"file":"grouping-columns.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/grouping-columns.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG"}

package/features/grouping-columns.js

@@ -1 +1,21 @@
-import "@toolbox-web/grid/features/grouping-columns";
+import { GroupingColumnsPlugin as n } from "@toolbox-web/grid/plugins/grouping-columns";
+import { flushSync as c } from "react-dom";
+import { createRoot as s } from "react-dom/client";
+import { registerFeature as m } from "@toolbox-web/grid/features/registry";
+m("groupingColumns", (e) => {
+  if (typeof e == "boolean") return new n();
+  if (!e) return new n();
+  const r = e, t = { ...r };
+  if (typeof r.groupHeaderRenderer == "function") {
+    const u = r.groupHeaderRenderer;
+    t.groupHeaderRenderer = (p) => {
+      const o = document.createElement("div");
+      o.style.display = "contents";
+      const i = s(o);
+      return c(() => {
+        i.render(u(p));
+      }), o;
+    };
+  }
+  return new n(t);
+});

package/features/grouping-rows.d.ts

@@ -1 +1,25 @@
+/**
+ * Row Grouping feature for @toolbox-web/grid-react
+ *
+ * Import this module to enable the `groupingRows` prop on DataGrid.
+ * Automatically bridges React JSX `groupRowRenderer` to vanilla DOM.
+ *
+ * @example
+ * ```tsx
+ * import '@toolbox-web/grid-react/features/grouping-rows';
+ *
+ * <DataGrid groupingRows={{ groupBy: ['department'] }} />
+ * ```
+ *
+ * @example Custom group row renderer
+ * ```tsx
+ * <DataGrid groupingRows={{
+ *   groupBy: ['department'],
+ *   groupRowRenderer: (params) => <strong>{params.key}: {params.value} ({params.rows.length})</strong>,
+ * }} />
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
 //# sourceMappingURL=grouping-rows.d.ts.map

package/features/grouping-rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grouping-rows.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/grouping-rows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,0CAA0C,CAAC"}
+{"version":3,"file":"grouping-rows.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/grouping-rows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG"}

package/features/grouping-rows.js

@@ -1 +1,21 @@
-import "@toolbox-web/grid/features/grouping-rows";
+import { GroupingRowsPlugin as t } from "@toolbox-web/grid/plugins/grouping-rows";
+import { flushSync as c } from "react-dom";
+import { createRoot as s } from "react-dom/client";
+import { registerFeature as f } from "@toolbox-web/grid/features/registry";
+f("groupingRows", (e) => {
+  if (typeof e == "boolean") return new t();
+  if (!e) return new t();
+  const r = e, n = { ...r };
+  if (typeof r.groupRowRenderer == "function") {
+    const p = r.groupRowRenderer;
+    n.groupRowRenderer = (i) => {
+      const o = document.createElement("div");
+      o.style.display = "contents";
+      const u = s(o);
+      return c(() => {
+        u.render(p(i));
+      }), o;
+    };
+  }
+  return new t(n);
+});

package/features/index.js

@@ -3,15 +3,15 @@ import "@toolbox-web/grid/features/column-virtualization";
 import "@toolbox-web/grid/features/context-menu";
 import "@toolbox-web/grid/features/editing";
 import "react";
-import "../chunks/data-grid-oxWjOqoA.js";
+import "../chunks/data-grid-Cpa5kukM.js";
 import "@toolbox-web/grid/features/export";
 import "./filtering.js";
-import "@toolbox-web/grid/features/grouping-columns";
-import "@toolbox-web/grid/features/grouping-rows";
+import "./grouping-columns.js";
+import "./grouping-rows.js";
 import "@toolbox-web/grid/features/master-detail";
 import "@toolbox-web/grid/features/multi-sort";
 import "@toolbox-web/grid/features/pinned-columns";
-import "@toolbox-web/grid/features/pinned-rows";
+import "./pinned-rows.js";
 import "@toolbox-web/grid/features/pivot";
 import "@toolbox-web/grid/features/print";
 import "@toolbox-web/grid/features/responsive";

package/features/pinned-rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pinned-rows.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/pinned-rows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,wCAAwC,CAAC"}
+{"version":3,"file":"pinned-rows.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/pinned-rows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,wCAAwC,CAAC"}

package/features/pinned-rows.js

@@ -1 +1,25 @@
 import "@toolbox-web/grid/features/pinned-rows";
+import { PinnedRowsPlugin as o } from "@toolbox-web/grid/plugins/pinned-rows";
+import { flushSync as u } from "react-dom";
+import { createRoot as f } from "react-dom/client";
+import { registerFeature as p } from "@toolbox-web/grid/features/registry";
+p("pinnedRows", (e) => {
+  if (typeof e == "boolean") return new o();
+  if (!e) return new o();
+  const t = e, s = { ...t };
+  return Array.isArray(t.customPanels) && (s.customPanels = t.customPanels.map((r) => {
+    if (typeof r.render != "function") return r;
+    const i = r.render;
+    return {
+      ...r,
+      render: (c) => {
+        const n = document.createElement("div");
+        n.style.display = "contents";
+        const m = f(n);
+        return u(() => {
+          m.render(i(c));
+        }), n;
+      }
+    };
+  })), new o(s);
+});

package/features/print.js

@@ -1,5 +1,5 @@
 import { useContext as g, useCallback as t } from "react";
-import { G as u } from "../chunks/data-grid-oxWjOqoA.js";
+import { G as u } from "../chunks/data-grid-Cpa5kukM.js";
 import "@toolbox-web/grid/features/print";
 function l() {
   const r = g(u), n = t(() => r?.current?.getPluginByName("print"), [r]), o = t(

package/features/selection.js

@@ -1,5 +1,5 @@
 import { useContext as m, useCallback as n } from "react";
-import { G as S } from "../chunks/data-grid-oxWjOqoA.js";
+import { G as S } from "../chunks/data-grid-Cpa5kukM.js";
 import "@toolbox-web/grid/features/selection";
 function h() {
   const l = m(S), e = n(() => l?.current?.getPluginByName("selection"), [l]), g = n(() => {

package/features/undo-redo.js

@@ -1,5 +1,5 @@
 import { useContext as U, useCallback as d } from "react";
-import { G as p } from "../chunks/data-grid-oxWjOqoA.js";
+import { G as p } from "../chunks/data-grid-Cpa5kukM.js";
 import "@toolbox-web/grid/features/undo-redo";
 function m() {
   const e = U(p), n = d(() => e?.current?.getPluginByName("undoRedo"), [e]), r = 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-oxWjOqoA.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-oxWjOqoA.js";
+import { r as T, a as B, b as k, c as A } from "./chunks/data-grid-Cpa5kukM.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-Cpa5kukM.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/react-column-config.d.ts

@@ -1,4 +1,4 @@
-import { ColumnConfig as BaseColumnConfig, GridConfig as BaseGridConfig, CellRenderContext, ColumnEditorContext } from '@toolbox-web/grid';
+import { ColumnConfig as BaseColumnConfig, GridConfig as BaseGridConfig, CellRenderContext, ColumnEditorContext, HeaderCellContext, HeaderLabelContext, LoadingContext } from '@toolbox-web/grid';
 import { ReactNode } from 'react';
 /**
  * Column configuration for React applications.
@@ -27,7 +27,7 @@ import { ReactNode } from 'react';
  * ];
  * ```
  */
-export interface ColumnConfig<TRow = unknown> extends Omit<BaseColumnConfig<TRow>, 'renderer' | 'viewRenderer' | 'editor'> {
+export interface ColumnConfig<TRow = unknown> extends Omit<BaseColumnConfig<TRow>, 'renderer' | 'viewRenderer' | 'editor' | 'headerRenderer' | 'headerLabelRenderer'> {
     /**
      * React component renderer for cell display.
      * Receives cell context and returns a React node (JSX).
@@ -42,6 +42,16 @@ export interface ColumnConfig<TRow = unknown> extends Omit<BaseColumnConfig<TRow
      * Same property name as vanilla JS, but accepts React components.
      */
     editor?: (ctx: ColumnEditorContext<TRow>) => ReactNode;
+    /**
+     * React component header renderer for full header cell control.
+     * Receives header cell context and returns a React node (JSX).
+     */
+    headerRenderer?: (ctx: HeaderCellContext<TRow>) => ReactNode;
+    /**
+     * React component header label renderer for customizing just the label portion.
+     * Receives header label context and returns a React node (JSX).
+     */
+    headerLabelRenderer?: (ctx: HeaderLabelContext<TRow>) => ReactNode;
 }
 /**
  * @deprecated Use `ColumnConfig` instead.
@@ -68,8 +78,12 @@ export type ReactColumnConfig<TRow = unknown> = ColumnConfig<TRow>;
  * };
  * ```
  */
-export type GridConfig<TRow = unknown> = Omit<BaseGridConfig<TRow>, 'columns'> & {
+export type GridConfig<TRow = unknown> = Omit<BaseGridConfig<TRow>, 'columns' | 'loadingRenderer'> & {
     columns?: ColumnConfig<TRow>[];
+    /**
+     * Custom loading renderer - can be a vanilla DOM function or a React render function returning JSX.
+     */
+    loadingRenderer?: BaseGridConfig<TRow>['loadingRenderer'] | ((ctx: LoadingContext) => ReactNode);
 };
 /**
  * @deprecated Use `GridConfig` instead.
@@ -97,6 +111,22 @@ export declare function wrapReactRenderer<TRow>(renderFn: (ctx: CellRenderContex
  * Used internally by DataGrid to process reactEditor properties.
  */
 export declare function wrapReactEditor<TRow>(editorFn: (ctx: ColumnEditorContext<TRow>) => ReactNode): (ctx: ColumnEditorContext<TRow>) => HTMLElement;
+/**
+ * Wraps a React header renderer function into a DOM-returning function.
+ * Used internally by DataGrid to process headerRenderer properties.
+ */
+export declare function wrapReactHeaderRenderer<TRow>(renderFn: (ctx: HeaderCellContext<TRow>) => ReactNode): (ctx: HeaderCellContext<TRow>) => HTMLElement;
+/**
+ * Wraps a React header label renderer function into a DOM-returning function.
+ * Used internally by DataGrid to process headerLabelRenderer properties.
+ */
+export declare function wrapReactHeaderLabelRenderer<TRow>(renderFn: (ctx: HeaderLabelContext<TRow>) => ReactNode): (ctx: HeaderLabelContext<TRow>) => HTMLElement;
+/**
+ * Wraps a React loading renderer function into a DOM-returning function.
+ * Used internally by processGridConfig to process loadingRenderer properties.
+ * Skips wrapping if the function already returns an HTMLElement or string (vanilla DOM renderer).
+ */
+export declare function wrapReactLoadingRenderer(renderFn: (ctx: LoadingContext) => ReactNode): (ctx: LoadingContext) => HTMLElement | string;
 /**
  * Processes a GridConfig, converting React renderer/editor functions
  * to DOM-returning functions that the grid core understands.

package/lib/react-column-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-column-config.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/react-column-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,IAAI,gBAAgB,EAChC,UAAU,IAAI,cAAc,EAC5B,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,YAAY,CAAC,IAAI,GAAG,OAAO,CAAE,SAAQ,IAAI,CACxD,gBAAgB,CAAC,IAAI,CAAC,EACtB,UAAU,GAAG,cAAc,GAAG,QAAQ,CACvC;IACC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;IAEvD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,SAAS,CAAC;CACxD;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,IAAI,GAAG,OAAO,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;AAInE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,UAAU,CAAC,IAAI,GAAG,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,GAAG;IAC/E,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;CAChC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,IAAI,GAAG,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;AAM/D;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAYhE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EACpC,QAAQ,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,SAAS,GACpD,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,WAAW,CAiC/C;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,SAAS,GACtD,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,CAAC,KAAK,WAAW,CAcjD;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,GAAG,SAAS,CAyB9G;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,0BAAoB,CAAC"}
+{"version":3,"file":"react-column-config.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/react-column-config.ts"],"names":[],"mappings":"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"}

package/package.json

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