@toolbox-web/grid-react 0.15.1 → 0.17.0

package/chunks/{data-grid-O97pdLCY.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 S, useCallback as Q, useEffect as p, forwardRef as he, useMemo as v, useImperativeHandle as ye, Children as we, isValidElement as ve } from "react";
-import { flushSync as m } from "react-dom";
-import { createRoot as y } from "react-dom/client";
-import { c as Ce } from "./feature-registry-Y3KvnN54.js";
-function Re(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(Re).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) {
@@ -32,7 +32,7 @@ function Ee(n) {
 function Pe(n) {
   return n.map((t) => typeof t == "string" ? Ee(t) : t);
 }
-const _ = {
+const z = {
   onCellClick: "cell-click",
   onRowClick: "row-click",
   onCellActivate: "cell-activate",
@@ -57,8 +57,8 @@ const _ = {
   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();
@@ -72,51 +72,51 @@ function le(n) {
   if (e)
     return q.get(e);
 }
-function Se(n) {
-  const { children: t, cardRowHeight: e = "auto" } = n, r = S(null), o = Q(
-    (s) => {
-      if (r.current = s, !s) return;
-      W.set(s, t);
-      const a = s.closest("tbw-grid");
-      if (a) {
-        const l = a.id || a.getAttribute("data-grid-id");
+function xe(n) {
+  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 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 a = s.closest("tbw-grid");
-      if (a) {
-        const l = a.id || a.getAttribute("data-grid-id");
+  m(() => () => {
+    const c = r.current;
+    if (c) {
+      W.delete(c);
+      const d = c.closest("tbw-grid");
+      if (d) {
+        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 });
 }
-Se.displayName = "GridResponsiveCard";
-const T = Z(null), Qe = ({ defaults: n, children: t }) => /* @__PURE__ */ b(T.Provider, { value: n, children: t });
-function Xe() {
+xe.displayName = "GridResponsiveCard";
+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 xe = T, I = [];
-function Ae(n) {
-  for (let t = I.length - 1; t >= 0; t--) {
-    const e = I[t];
+const Ae = T, C = [];
+function Se(n) {
+  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,60 +212,60 @@ function Ne(n) {
   if (e)
     return K.get(e);
 }
-function Le(n) {
-  const { children: t, showExpandColumn: e = !0, animation: r = "slide" } = n, o = S(null), c = Q(
-    (a) => {
-      if (o.current = a, !a) return;
-      B.set(a, t);
-      const l = a.closest("tbw-grid");
+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 l = d.closest("tbw-grid");
       if (l) {
-        const g = l.id || l.getAttribute("data-grid-id");
-        g && K.set(g, t);
+        const p = l.id || l.getAttribute("data-grid-id");
+        p && K.set(p, t);
       }
     },
     [t]
   );
-  return p(() => () => {
-    const a = o.current;
-    if (a) {
-      B.delete(a);
-      const l = a.closest("tbw-grid");
+  return m(() => () => {
+    const d = o.current;
+    if (d) {
+      B.delete(d);
+      const l = d.closest("tbw-grid");
       if (l) {
-        const w = l.id || l.getAttribute("data-grid-id");
-        w && K.delete(w);
+        const R = l.id || l.getAttribute("data-grid-id");
+        R && K.delete(R);
       }
-      const g = a.parentNode;
-      g && g.contains(a);
+      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
     }
   );
 }
-Le.displayName = "GridDetailPanel";
+ke.displayName = "GridDetailPanel";
 const U = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new Map();
-function Fe(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, a = S(null), l = Q(
-    (g) => {
-      a.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 = a.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: l,
@@ -233,38 +273,38 @@ function tt(n) {
       title: e,
       icon: r,
       tooltip: o,
-      order: c?.toString()
+      order: s?.toString()
     }
   );
 }
-const R = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new Map();
-function rt(n, t) {
-  const e = n.getAttribute("field"), r = R.get(n) ?? {};
-  if (r.renderer = t, R.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 = R.get(n) ?? {};
-  if (r.editor = t, R.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 = R.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 = R.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 = R.get(t);
+    let r = b.get(t);
     if (!r && e) {
-      const s = E.get(e);
-      s && (s.renderer || s.editor) && (r = s, R.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 l = r.get(c);
+      const s = o.cellEl;
+      if (s) {
+        const l = r.get(s);
         if (l)
-          return m(() => {
+          return g(() => {
             l.root.render(e(o));
           }), l.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 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 a = y(s);
-      return m(() => {
-        a.render(e(o));
-      }), this.mountedViews.push({ root: a, container: s }), s;
+      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: 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 }, a = y(c);
-        return m(() => {
-          a.render(e(s));
-        }), this.mountedViews.push({ root: a, 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 }, a = y(c);
-        return m(() => {
-          a.render(e(s));
-        }), this.mountedViews.push({ root: a, 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,25 +436,25 @@ class ue {
    * Renders React components into tool panel containers.
    */
   createToolPanelRenderer(t) {
-    const e = Fe(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 a = this.mountedViews.findIndex((l) => l.container === o);
-        if (a !== -1) {
-          const { root: l } = this.mountedViews[a];
+      }, 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: l } = this.mountedViews[d];
           try {
             l.unmount();
           } catch {
           }
-          this.mountedViews.splice(a, 1);
+          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);
     };
   }
@@ -530,7 +570,7 @@ class ue {
         this.editorViews.splice(e, 1);
       }
     }
-    Ae(t);
+    Se(t);
   }
   /**
    * Unmount a specific container (called when cell is recycled).
@@ -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,52 +602,35 @@ function Oe(n) {
         );
   }
 }
-function je(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, a] of Object.entries(r)) {
-    if (a === void 0 || a === !1) continue;
-    const l = s;
-    e.push(l);
-  }
-  Oe(e);
-  const o = [
-    "selection",
-    "editing",
-    // Then everything else in the order they were specified
-    ...e.filter((s) => s !== "selection" && s !== "editing")
-  ], 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 = Ce(s, a);
-    l && t.push(l);
-  }
-  return t;
+function ze(n) {
+  const t = [];
+  for (const [e, r] of Object.entries(n))
+    r === void 0 || r === !1 || t.push(e);
+  return $e(t), ve(n);
 }
-let de = !1, $ = null;
+let de = !1, _ = null;
 function Y() {
-  return de || ($ = new ue(), me.registerAdapter($), de = !0), $;
+  return de || (_ = new ue(), me.registerAdapter(_), de = !0), _;
 }
 Y();
-const He = Z(null);
-function ze(n) {
+const _e = Z(null);
+function We(n) {
   const e = n.getPluginByName?.("masterDetail");
   e && typeof e.refreshDetailRenderer == "function" && e.refreshDetailRenderer();
 }
-function _e(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 (ve(e)) {
+  return Re.forEach(n, (e) => {
+    if (we(e)) {
       if (e.type && e.type.displayName === "GridDetailPanel") {
         const r = e.props;
         t.masterDetail = {
@@ -621,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,
-    fitMode: a,
+    columns: s,
+    columnDefaults: c,
+    fitMode: d,
     sortable: l,
-    filterable: g,
-    selectable: w,
+    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
-    ...C
-  } = t, u = S(null), L = S(null), te = V(xe), H = V(De), re = [
+    ...v
+  } = t, u = A(null), L = A(null), te = V(Ae), j = V(De), re = [
     "selection",
     "editing",
     "filtering",
@@ -655,8 +678,12 @@ const it = he(function(t, e) {
     // deprecated alias for multiSort
     "clipboard",
     "contextMenu",
+    "reorderColumns",
     "reorder",
+    // deprecated alias for reorderColumns
     "rowReorder",
+    // deprecated alias for reorderRows
+    "reorderRows",
     "visibility",
     "undoRedo",
     "tree",
@@ -671,110 +698,110 @@ const it = he(function(t, e) {
     "print",
     "pivot",
     "serverSide"
-  ], pe = v(() => re.map((i) => {
-    const d = C[i];
-    return d !== void 0 ? `${i}:${JSON.stringify(d)}` : "";
-  }).filter(Boolean).join("|"), [C]), ne = v(() => {
+  ], ge = w(() => re.map((i) => {
+    const a = v[i];
+    return a !== void 0 ? `${i}:${JSON.stringify(a)}` : "";
+  }).filter(Boolean).join("|"), [v]), ne = w(() => {
     const i = {};
-    for (const d of re)
-      d in C && C[d] !== void 0 && (i[d] = C[d]);
+    for (const a of re)
+      a in v && v[a] !== void 0 && (i[a] = v[a]);
     return i;
-  }, [pe]), oe = v(() => $e(O), [O]), ie = v(() => ({ ...oe, ...ne }), [ne, oe]), z = v(() => P || ee ? [] : je(ie), [ie, P, ee]), x = v(() => {
-    if (P) {
-      const i = new Set(P.map((f) => f.name)), d = z.filter((f) => !i.has(f.name));
-      return [...P, ...d];
+  }, [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 z;
-  }, [P, z]), A = v(() => {
-    if (!c) return c;
-    const i = Pe(c);
-    return s ? i.map((d) => ({
-      ...s,
-      ...d
+    return $;
+  }, [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 = v(() => {
-    const i = Ve(o), d = {};
-    if (l !== void 0 && (d.sortable = l), g !== void 0 && (d.filterable = g), w !== void 0 && (d.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 || {};
-      d.icons = { ...H, ...f };
+      a.icons = { ...j, ...f };
     }
-    if (x.length > 0 && i) {
-      const f = i.plugins || [], h = new Set(f.map((D) => D.name)), F = x.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,
-        ...d,
+        ...a,
         plugins: [...f, ...F]
       };
     }
-    return x.length > 0 && !i ? { ...d, plugins: x } : Object.keys(d).length > 0 ? { ...i, ...d } : i;
-  }, [o, x, l, 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(() => {
+  }, [te]), m(() => {
     u.current && (u.current.rows = r);
-  }, [r]), p(() => {
-    u.current && G && (u.current.gridConfig = G);
-  }, [G]), p(() => {
-    u.current && A && (u.current.columns = A);
-  }, [A]), p(() => {
-    u.current && a !== void 0 && (u.current.fitMode = a);
-  }, [a]), p(() => {
+  }, [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]), p(() => {
+  }, [M]), m(() => {
     u.current && k !== void 0 && (u.current.loading = k);
-  }, [k]), p(() => {
+  }, [k]), m(() => {
     const i = u.current;
     if (!i) return;
-    const d = Y();
-    i.__frameworkAdapter = d, ze(i), _e(i, d);
+    const a = Y();
+    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(() => {
+  }, []), m(() => {
     if (!u.current || !N) return;
-    const i = u.current, d = "react-custom-styles";
+    const i = u.current, a = "react-custom-styles";
     let f = !0;
     return i.ready?.().then(() => {
-      f && N && (i.registerStyles?.(d, N), L.current = d);
+      f && N && (i.registerStyles?.(a, N), L.current = a);
     }), () => {
       f = !1, L.current && (i.unregisterStyles?.(L.current), L.current = null);
     };
-  }, [N]), p(() => {
+  }, [N]), m(() => {
     const i = u.current;
     if (!i) return;
-    const d = [];
-    if (j) {
-      const f = ((h) => j(h.detail.rows));
-      i.addEventListener("rows-change", f), d.push(["rows-change", f]);
+    const a = [];
+    if (O) {
+      const f = ((y) => O(y.detail.rows));
+      i.addEventListener("rows-change", f), a.push(["rows-change", f]);
     }
     return () => {
-      d.forEach(([f, h]) => {
-        i.removeEventListener(f, h);
+      a.forEach(([f, y]) => {
+        i.removeEventListener(f, y);
       });
     };
-  }, [j]);
-  const se = v(() => Object.keys(_).filter((i) => typeof C[i] == "function").sort().join("|"), [C]), ce = S({});
-  for (const i of Object.keys(_))
-    ce.current[i] = C[i];
-  return p(() => {
+  }, [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] = v[i];
+  return m(() => {
     const i = u.current;
     if (!i) return;
-    const d = [];
-    for (const [f, h] of Object.entries(_))
+    const a = [];
+    for (const [f, y] of Object.entries(z))
       if (se.includes(f)) {
-        const F = ((D) => {
-          ce.current[f]?.(D.detail, D);
+        const F = ((x) => {
+          ce.current[f]?.(x.detail, x);
         });
-        i.addEventListener(h, F), d.push([h, F]);
+        i.addEventListener(y, F), a.push([y, F]);
       }
     return () => {
-      d.forEach(([f, h]) => {
-        i.removeEventListener(f, h);
+      a.forEach(([f, y]) => {
+        i.removeEventListener(f, y);
       });
     };
   }, [se]), ye(
@@ -795,57 +822,57 @@ const it = he(function(t, e) {
       async toggleGroup(i) {
         return u.current?.toggleGroup?.(i);
       },
-      registerStyles(i, d) {
-        u.current?.registerStyles?.(i, d);
+      registerStyles(i, a) {
+        u.current?.registerStyles?.(i, a);
       },
       unregisterStyles(i) {
         u.current?.unregisterStyles?.(i);
       },
-      setRowLoading(i, d) {
-        u.current?.setRowLoading?.(i, d);
+      setRowLoading(i, a) {
+        u.current?.setRowLoading?.(i, a);
       },
-      setCellLoading(i, d, f) {
-        u.current?.setCellLoading?.(i, d, f);
+      setCellLoading(i, a, f) {
+        u.current?.setCellLoading?.(i, a, f);
       },
       isRowLoading(i) {
         return u.current?.isRowLoading?.(i) ?? !1;
       },
-      isCellLoading(i, d) {
-        return u.current?.isCellLoading?.(i, d) ?? !1;
+      isCellLoading(i, a) {
+        return u.current?.isCellLoading?.(i, a) ?? !1;
       },
       clearAllLoading() {
         u.current?.clearAllLoading?.();
       }
     }),
     []
-  ), /* @__PURE__ */ b(
+  ), /* @__PURE__ */ E(
     "tbw-grid",
     {
       ref: (i) => {
         if (u.current = i, i) {
-          const d = i;
-          G && (d.gridConfig = G), r && (d.rows = r), A && (d.columns = A);
+          const a = i;
+          I && (a.gridConfig = I), r && (a.rows = r), G && (a.columns = G);
         }
       },
       class: fe,
-      style: ge,
-      children: /* @__PURE__ */ b(He.Provider, { value: u, 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,
-  Le as d,
-  Se as e,
-  tt as f,
-  et as g,
-  Ze as h,
+  at as D,
+  _e as G,
+  ct as R,
+  st as a,
+  tt as b,
+  Xe as c,
+  ke as d,
+  xe as e,
+  ot as f,
+  nt as g,
+  et as h,
   ue as i,
-  rt as r,
-  Xe as u
+  it as r,
+  rt as u
 };