@toolbox-web/grid-react 1.9.0 → 2.0.0-beta

package/index.js

@@ -1,8 +1,8 @@
-import { jsx as x, Fragment as U, jsxs as he } from "react/jsx-runtime";
+import { jsx as S, Fragment as U, jsxs as he } from "react/jsx-runtime";
 import { DataGridElement as ue } from "@toolbox-web/grid";
-import { Children as ve, isValidElement as we, createContext as ae, useContext as T, forwardRef as le, useRef as P, useReducer as Re, useImperativeHandle as fe, useLayoutEffect as de, Component as be, useMemo as F, useEffect as b, createElement as Pe, useCallback as D, useId as ge, useState as N } from "react";
-import { g as te, G as Ge, c as Se, d as xe } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
-import { e as hr, f as vr } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
+import { Children as ve, isValidElement as we, createContext as ae, useContext as k, forwardRef as le, useRef as P, useReducer as Re, useImperativeHandle as fe, useLayoutEffect as de, Component as be, useMemo as T, useEffect as R, createElement as Pe, useCallback as E, useId as ge, useState as N } from "react";
+import { g as te, G as Ge, c as Se, d as xe } from "./chunks/react-grid-adapter-C9gIJ33-.js";
+import { e as hr, f as vr } from "./chunks/react-grid-adapter-C9gIJ33-.js";
 import { s as ne, r as pe, a as me } from "./chunks/portal-bridge-CvxNt40O.js";
 import { flushSync as oe, createPortal as Ee } from "react-dom";
 import { n as De } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
@@ -14,18 +14,18 @@ import { G as O } from "./chunks/grid-element-context-BU3WvNtM.js";
 import { G as Sr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
 import { G as Er } from "./chunks/grid-responsive-card-CSZhDCoN.js";
 const q = /* @__PURE__ */ new Map();
-function Ce(t, r) {
+function ye(t, r) {
   q.set(t, r);
 }
 function ke(t) {
   const r = {};
-  return q.size === 0 || ve.forEach(t, (d) => {
-    if (!we(d)) return;
-    const n = d.type, s = typeof n == "string" ? void 0 : n?.displayName;
-    if (typeof s != "string") return;
-    const g = q.get(s);
-    if (!g) return;
-    const l = g(d);
+  return q.size === 0 || ve.forEach(t, (f) => {
+    if (!we(f)) return;
+    const o = f.type, u = typeof o == "string" ? void 0 : o?.displayName;
+    if (typeof u != "string") return;
+    const d = q.get(u);
+    if (!d) return;
+    const l = d(f);
     l && Object.assign(r, l);
   }), r;
 }
@@ -39,13 +39,13 @@ const Le = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "date
 function Ae(t) {
   const r = t.lastIndexOf(":");
   if (r > 0) {
-    const d = t.slice(r + 1).toLowerCase();
-    if (Le.has(d)) {
-      const n = t.slice(0, r);
+    const f = t.slice(r + 1).toLowerCase();
+    if (Le.has(f)) {
+      const o = t.slice(0, r);
       return {
-        field: n,
-        header: ie(n),
-        type: d
+        field: o,
+        header: ie(o),
+        type: f
       };
     }
   }
@@ -58,7 +58,7 @@ function Me(t) {
   return t.map((r) => typeof r == "string" ? Ae(r) : r);
 }
 function Ne(t, r) {
-  return r ? t.map((d) => ({ ...r, ...d })) : t;
+  return r ? t.map((f) => ({ ...r, ...f })) : t;
 }
 function or(t) {
   return t.some((r) => typeof r == "string");
@@ -106,19 +106,19 @@ const K = {
   onPrintComplete: "print-complete",
   onTbwScroll: "tbw-scroll",
   onRender: "render"
-}, W = ae(null), Oe = ({ icons: t, children: r }) => /* @__PURE__ */ x(W.Provider, { value: t, children: r });
+}, W = ae(null), Oe = ({ icons: t, children: r }) => /* @__PURE__ */ S(W.Provider, { value: t, children: r });
 function ir() {
-  return T(W);
+  return k(W);
 }
-const He = W, H = ae(null), $e = ({ defaults: t, children: r }) => /* @__PURE__ */ x(H.Provider, { value: t, children: r });
+const $e = W, $ = ae(null), je = ({ defaults: t, children: r }) => /* @__PURE__ */ S($.Provider, { value: t, children: r });
 function sr() {
-  return T(H);
+  return k($);
 }
 function cr(t) {
-  return T(H)?.[t];
+  return k($)?.[t];
 }
-const je = H;
-class Be extends be {
+const Be = $;
+class ze extends be {
   state = { failed: !1 };
   static getDerivedStateFromError() {
     return { failed: !0 };
@@ -130,96 +130,96 @@ class Be extends be {
     return this.state.failed ? null : this.props.children;
   }
 }
-const ze = le(function(r, d) {
-  const n = P(/* @__PURE__ */ new Map()), [, s] = Re((C) => C + 1, 0), g = P(!1), l = P(0), u = P(0), v = P(!1), f = P(!1), w = () => {
-    g.current || (g.current = !0, queueMicrotask(() => {
-      g.current = !1, !f.current && (oe(s), R());
+const He = le(function(r, f) {
+  const o = P(/* @__PURE__ */ new Map()), [, u] = Re((m) => m + 1, 0), d = P(!1), l = P(0), a = P(0), h = P(!1), g = P(!1), C = () => {
+    d.current || (d.current = !0, queueMicrotask(() => {
+      d.current = !1, !g.current && (oe(u), v());
     }));
-  }, R = () => {
+  }, v = () => {
     l.current || (l.current = requestAnimationFrame(() => {
-      l.current = 0, !f.current && s();
+      l.current = 0, !g.current && u();
     }));
-  }, y = (C, o) => {
-    console.error(`[grid-react] Portal "${C}" crashed; dropping.`, o), n.current.delete(C), R();
+  }, G = (m, s) => {
+    console.error(`[grid-react] Portal "${m}" crashed; dropping.`, s), o.current.delete(m), v();
   };
   fe(
-    d,
+    f,
     () => ({
-      renderPortal(C, o, m) {
-        f.current || (n.current.set(C, { container: o, element: m }), w());
+      renderPortal(m, s, p) {
+        g.current || (o.current.set(m, { container: s, element: p }), C());
       },
-      removePortal(C, o) {
-        if (f.current) {
-          n.current.delete(C);
+      removePortal(m, s) {
+        if (g.current) {
+          o.current.delete(m);
           return;
         }
-        n.current.delete(C) && (u.current > 0 ? v.current = !0 : o ? oe(s) : w());
+        o.current.delete(m) && (a.current > 0 ? h.current = !0 : s ? oe(u) : C());
       },
       beginBatch() {
-        u.current++;
+        a.current++;
       },
       endBatch() {
-        u.current !== 0 && (u.current--, u.current === 0 && v.current && (v.current = !1, s()));
+        a.current !== 0 && (a.current--, a.current === 0 && h.current && (h.current = !1, u()));
       },
       clear() {
-        if (f.current) {
-          n.current.clear();
+        if (g.current) {
+          o.current.clear();
           return;
         }
-        n.current.size > 0 && (n.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), w());
+        o.current.size > 0 && (o.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), C());
       }
     }),
     // forceRender is stable (useReducer dispatch), refs are stable
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   ), de(() => {
-    f.current = !1;
-    const C = n.current;
+    g.current = !1;
+    const m = o.current;
     return () => {
-      f.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), C.clear();
+      g.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), m.clear();
     };
   }, []);
-  const G = [];
-  let S = null;
-  for (const [C, { container: o, element: m }] of n.current) {
-    if (!o.isConnected) {
-      (S ??= []).push(C);
+  const w = [];
+  let D = null;
+  for (const [m, { container: s, element: p }] of o.current) {
+    if (!s.isConnected) {
+      (D ??= []).push(m);
       continue;
     }
-    G.push(
+    w.push(
       Ee(
-        /* @__PURE__ */ x(Be, { portalKey: C, onError: y, children: m }),
-        o,
-        C
+        /* @__PURE__ */ S(ze, { portalKey: m, onError: G, children: p }),
+        s,
+        m
       )
     );
   }
-  if (S) {
-    const C = S;
+  if (D) {
+    const m = D;
     queueMicrotask(() => {
-      for (const o of C) n.current.delete(o);
+      for (const s of m) o.current.delete(s);
     });
   }
-  return /* @__PURE__ */ x(U, { children: G });
+  return /* @__PURE__ */ S(U, { children: w });
 }), Ke = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
 function _e(t) {
   const r = new Set(t);
-  for (const d of t) {
-    const n = Ke[d];
-    if (n)
-      for (const s of n)
-        r.has(s) || console.warn(
-          `[DataGrid] Feature "${d}" requires "${s}" to be enabled. Add the "${s}" prop to your DataGrid.`
+  for (const f of t) {
+    const o = Ke[f];
+    if (o)
+      for (const u of o)
+        r.has(u) || console.warn(
+          `[DataGrid] Feature "${f}" requires "${u}" to be enabled. Add the "${u}" prop to your DataGrid.`
         );
   }
 }
 function qe(t) {
   const r = [];
-  for (const [d, n] of Object.entries(t))
-    n === void 0 || n === !1 || r.push(d);
+  for (const [f, o] of Object.entries(t))
+    o === void 0 || o === !1 || r.push(f);
   return _e(r), Te(t);
 }
 let se = !1, _ = null;
@@ -233,7 +233,7 @@ function Ue(t) {
   let r = ce.get(t);
   return r === void 0 && (r = ++Ve, ce.set(t, r)), r;
 }
-Ce("GridDetailPanel", (t) => {
+ye("GridDetailPanel", (t) => {
   const r = t.props;
   return {
     masterDetail: {
@@ -243,37 +243,36 @@ Ce("GridDetailPanel", (t) => {
     }
   };
 });
-Ce("GridResponsiveCard", () => ({
+ye("GridResponsiveCard", () => ({
   // GridResponsiveCard only carries cardRowHeight; breakpoint is set via the
   // responsive prop. Enable the plugin with defaults — user can override.
   responsive: !0
 }));
-const ur = le(function(r, d) {
+const ur = le(function(r, f) {
   const {
     // Core props
-    rows: n,
-    gridConfig: s,
-    columns: g,
+    rows: o,
+    gridConfig: u,
+    columns: d,
     columnDefaults: l,
-    fitMode: u,
-    sortable: v,
-    filterable: f,
-    selectable: w,
-    loading: R,
-    customStyles: y,
-    className: G,
-    style: S,
-    children: C,
+    fitMode: a,
+    columnInference: h,
+    sortable: g,
+    filterable: C,
+    selectable: v,
+    loading: G,
+    customStyles: w,
+    className: D,
+    style: m,
+    children: s,
     // Plugin props
-    plugins: o,
-    // SSR mode (deprecated - see SSRProps)
-    ssr: m,
+    plugins: p,
     // Legacy event handlers
-    onRowsChange: h,
+    onRowsChange: y,
     // Feature props and event props are in ...rest
-    ...p
-  } = r, a = P(null), M = P(null), J = P(!1), Y = T(je), $ = T(He), ye = F(() => te().map((e) => {
-    const i = p[e];
+    ...b
+  } = r, n = P(null), F = P(null), J = P(!1), Y = k(Be), j = k($e), Ce = T(() => te().map((e) => {
+    const i = b[e];
     if (i === void 0) return "";
     let c;
     try {
@@ -282,371 +281,370 @@ const ur = le(function(r, d) {
       c = typeof i == "object" && i !== null ? `ref#${Ue(i)}` : `prim:${String(i)}`;
     }
     return `${e}:${c}`;
-  }).filter(Boolean).join("|"), [p]), Z = F(() => {
-    const e = {}, i = p;
+  }).filter(Boolean).join("|"), [b]), Z = T(() => {
+    const e = {}, i = b;
     for (const c of te()) {
-      const E = i[c];
-      E !== void 0 && (e[c] = E);
+      const x = i[c];
+      x !== void 0 && (e[c] = x);
     }
     return e;
-  }, [ye]), Q = F(() => ke(C), [C]), X = F(() => {
-    const e = s?.features, i = {};
-    for (const [c, E] of Object.entries(Q))
-      e && c in e && e[c] !== void 0 && e[c] !== !1 || (i[c] = E);
+  }, [Ce]), Q = T(() => ke(s), [s]), X = T(() => {
+    const e = u?.features, i = {};
+    for (const [c, x] of Object.entries(Q))
+      e && c in e && e[c] !== void 0 && e[c] !== !1 || (i[c] = x);
     return { ...i, ...Z };
-  }, [Z, Q, s]), j = F(() => o || m ? [] : qe(X), [X, o, m]), k = F(() => {
-    if (o) {
-      const e = new Set(o.map((c) => c.name)), i = j.filter((c) => !e.has(c.name));
-      return [...o, ...i];
+  }, [Z, Q, u]), B = T(() => p ? [] : qe(X), [X, p]), I = T(() => {
+    if (p) {
+      const e = new Set(p.map((c) => c.name)), i = B.filter((c) => !e.has(c.name));
+      return [...p, ...i];
     }
-    return j;
-  }, [o, j]), I = F(() => g && Ne(Me(g), l), [g, l]), L = F(() => {
-    const e = Fe(s), i = {};
-    if (v !== void 0 && (i.sortable = v), f !== void 0 && (i.filterable = f), w !== void 0 && (i.selectable = w), $) {
-      const c = e?.icons || s?.icons || {};
-      i.icons = { ...$, ...c };
+    return B;
+  }, [p, B]), L = T(() => d && Ne(Me(d), l), [d, l]), A = T(() => {
+    const e = Fe(u), i = {};
+    if (g !== void 0 && (i.sortable = g), C !== void 0 && (i.filterable = C), v !== void 0 && (i.selectable = v), j) {
+      const c = e?.icons || u?.icons || {};
+      i.icons = { ...j, ...c };
     }
-    if (k.length > 0 && e) {
-      const c = e.plugins || [], E = new Set(c.map((A) => A.name)), z = k.filter((A) => !E.has(A.name));
+    if (I.length > 0 && e) {
+      const c = e.plugins || [], x = new Set(c.map((M) => M.name)), H = I.filter((M) => !x.has(M.name));
       return {
         ...e,
         ...i,
-        plugins: [...c, ...z]
+        plugins: [...c, ...H]
       };
     }
-    return k.length > 0 && !e ? { ...i, plugins: k } : Object.keys(i).length > 0 ? { ...e, ...i } : e;
-  }, [s, k, v, f, w, $]);
-  b(() => {
+    return I.length > 0 && !e ? { ...i, plugins: I } : Object.keys(i).length > 0 ? { ...e, ...i } : e;
+  }, [u, I, g, C, v, j]);
+  R(() => {
     V().setTypeDefaults(Y);
-  }, [Y]), b(() => {
-    a.current && (a.current.rows = n);
-  }, [n]), b(() => {
-    a.current && L && (a.current.gridConfig = L);
-  }, [L]), b(() => {
-    a.current && I && (a.current.columns = I);
-  }, [I]), b(() => {
-    a.current && u !== void 0 && (a.current.fitMode = u);
-  }, [u]), b(() => {
-    a.current && R !== void 0 && (a.current.loading = R);
-  }, [R]), b(() => {
-    const e = a.current;
+  }, [Y]), R(() => {
+    n.current && (n.current.rows = o);
+  }, [o]), R(() => {
+    n.current && A && (n.current.gridConfig = A);
+  }, [A]), R(() => {
+    n.current && L && (n.current.columns = L);
+  }, [L]), R(() => {
+    n.current && a !== void 0 && (n.current.fitMode = a);
+  }, [a]), R(() => {
+    n.current && (n.current.columnInference = h);
+  }, [h]), R(() => {
+    n.current && G !== void 0 && (n.current.loading = G);
+  }, [G]), R(() => {
+    const e = n.current;
     if (!e) return;
     const i = V();
     e.__frameworkAdapter = i, De(e);
     let c = !1;
-    const E = requestAnimationFrame(() => {
+    const x = requestAnimationFrame(() => {
       c || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
     });
     return () => {
-      c = !0, cancelAnimationFrame(E);
+      c = !0, cancelAnimationFrame(x);
     };
-  }, []), b(() => {
-    if (!a.current || !y) return;
-    const e = a.current, i = "react-custom-styles";
+  }, []), R(() => {
+    if (!n.current || !w) return;
+    const e = n.current, i = "react-custom-styles";
     let c = !0;
     return e.ready?.().then(() => {
-      c && y && (e.registerStyles?.(i, y), M.current = i);
+      c && w && (e.registerStyles?.(i, w), F.current = i);
     }), () => {
-      c = !1, M.current && (e.unregisterStyles?.(M.current), M.current = null);
+      c = !1, F.current && (e.unregisterStyles?.(F.current), F.current = null);
     };
-  }, [y]), b(() => {
-    const e = a.current;
+  }, [w]), R(() => {
+    const e = n.current;
     if (!e) return;
     const i = [];
-    return h && i.push(e.on("rows-change", (c) => h(c.rows))), () => {
+    return y && i.push(e.on("rows-change", (c) => y(c.rows))), () => {
       i.forEach((c) => c());
     };
-  }, [h]);
-  const ee = F(() => Object.keys(K).filter((e) => typeof p[e] == "function").sort().join("|"), [p]), re = P({});
+  }, [y]);
+  const ee = T(() => Object.keys(K).filter((e) => typeof b[e] == "function").sort().join("|"), [b]), re = P({});
   for (const e of Object.keys(K))
-    re.current[e] = p[e];
-  b(() => {
-    const e = a.current;
+    re.current[e] = b[e];
+  R(() => {
+    const e = n.current;
     if (!e) return;
     const i = [];
-    for (const [c, E] of Object.entries(K))
+    for (const [c, x] of Object.entries(K))
       ee.includes(c) && i.push(
-        e.on(E, (z, A) => {
-          re.current[c]?.(z, A);
+        e.on(x, (H, M) => {
+          re.current[c]?.(H, M);
         })
       );
     return () => {
       i.forEach((c) => c());
     };
   }, [ee]), fe(
-    d,
+    f,
     () => ({
       get element() {
-        return a.current;
+        return n.current;
       },
       async getConfig() {
-        return a.current?.getConfig?.() ?? {};
+        return n.current?.getConfig?.() ?? {};
       },
       async ready() {
-        return a.current?.ready?.();
+        return n.current?.ready?.();
       },
       async forceLayout() {
-        return a.current?.forceLayout?.();
+        return n.current?.forceLayout?.();
       },
       async toggleGroup(e) {
-        return a.current?.toggleGroup?.(e);
+        return n.current?.toggleGroup?.(e);
       },
       registerStyles(e, i) {
-        a.current?.registerStyles?.(e, i);
+        n.current?.registerStyles?.(e, i);
       },
       unregisterStyles(e) {
-        a.current?.unregisterStyles?.(e);
+        n.current?.unregisterStyles?.(e);
       },
       setRowLoading(e, i) {
-        a.current?.setRowLoading?.(e, i);
+        n.current?.setRowLoading?.(e, i);
       },
       setCellLoading(e, i, c) {
-        a.current?.setCellLoading?.(e, i, c);
+        n.current?.setCellLoading?.(e, i, c);
       },
       isRowLoading(e) {
-        return a.current?.isRowLoading?.(e) ?? !1;
+        return n.current?.isRowLoading?.(e) ?? !1;
       },
       isCellLoading(e, i) {
-        return a.current?.isCellLoading?.(e, i) ?? !1;
+        return n.current?.isCellLoading?.(e, i) ?? !1;
       },
       clearAllLoading() {
-        a.current?.clearAllLoading?.();
+        n.current?.clearAllLoading?.();
       }
     }),
     []
   );
-  const B = P(null);
+  const z = P(null);
   return de(() => {
-    const e = a.current;
-    return e && B.current && ne(e, B.current), () => {
+    const e = n.current;
+    return e && z.current && ne(e, z.current), () => {
       e && ne(e, null);
     };
   }, []), /* @__PURE__ */ he(U, { children: [
-    /* @__PURE__ */ x(ze, { ref: B }),
+    /* @__PURE__ */ S(He, { ref: z }),
     Pe(
       ue.activeTag,
       {
         ref: (e) => {
-          if (a.current = e, e && !J.current) {
+          if (n.current = e, e && !J.current) {
             J.current = !0;
             const i = e;
-            L && (i.gridConfig = L), n && (i.rows = n), I && (i.columns = I);
+            A && (i.gridConfig = A), o && (i.rows = o), L && (i.columns = L);
           }
         },
-        class: G,
-        style: S
+        class: D,
+        style: m
       },
-      /* @__PURE__ */ x(O.Provider, { value: a, children: C })
+      /* @__PURE__ */ S(O.Provider, { value: n, children: s })
     )
   ] });
 });
 function ar(t) {
   const {
     field: r,
-    header: d,
-    type: n,
-    editable: s,
-    sortable: g,
+    header: f,
+    type: o,
+    editable: u,
+    sortable: d,
     resizable: l,
-    width: u,
-    minWidth: v,
-    hidden: f,
-    lockVisible: w,
-    children: R,
-    editor: y,
-    options: G,
-    multi: S,
-    format: C
-  } = t, o = P(null), m = D(
-    (a) => {
-      o.current = a, a && (R && Se(a, R), y && xe(a, y));
+    width: a,
+    minWidth: h,
+    order: g,
+    hidden: C,
+    lockVisible: v,
+    children: G,
+    editor: w,
+    options: D,
+    multi: m,
+    format: s
+  } = t, p = P(null), y = E(
+    (F) => {
+      p.current = F, F && (G && Se(F, G), w && xe(F, w));
     },
-    [R, y]
-  ), h = typeof u == "number" ? `${u}px` : u, p = {
+    [G, w]
+  ), b = typeof a == "number" ? `${a}px` : a, n = {
     field: r,
-    ref: m
+    ref: y
   };
-  return d !== void 0 && (p.header = d), n !== void 0 && (p.type = n), s !== void 0 && (p.editable = s), g !== void 0 && (p.sortable = g), l !== void 0 && (p.resizable = l), h !== void 0 && (p.width = h), v !== void 0 && (p["min-width"] = v), f !== void 0 && (p.hidden = f), w !== void 0 && (p["lock-visible"] = w), S !== void 0 && (p.multi = S), C && (p["data-has-format"] = "true"), G && (p["data-has-options"] = "true"), /* @__PURE__ */ x("tbw-grid-column", { ...p });
+  return f !== void 0 && (n.header = f), o !== void 0 && (n.type = o), u !== void 0 && (n.editable = u), d !== void 0 && (n.sortable = d), l !== void 0 && (n.resizable = l), b !== void 0 && (n.width = b), h !== void 0 && (n["min-width"] = h), g !== void 0 && (n.order = g), C !== void 0 && (n.hidden = C), v !== void 0 && (n["lock-visible"] = v), m !== void 0 && (n.multi = m), s && (n["data-has-format"] = "true"), D && (n["data-has-options"] = "true"), /* @__PURE__ */ S("tbw-grid-column", { ...n });
 }
-function lr({ id: t, order: r = 100, children: d }) {
-  const n = ge(), s = t ?? `tbw-header-content-${n}`, g = T(O), [l, u] = N(null), v = P(null);
-  return b(() => {
-    const f = g?.current;
-    if (!f) return;
-    const w = v;
-    let R = !1;
+function lr({ id: t, order: r = 100, children: f }) {
+  const o = ge(), u = t ?? `tbw-header-content-${o}`, d = k(O), [l, a] = N(null), h = P(null);
+  return R(() => {
+    const g = d?.current;
+    if (!g) return;
+    const C = h;
+    let v = !1;
     return (async () => {
       try {
-        await f.ready?.();
+        await g.ready?.();
       } catch {
         return;
       }
-      if (R) return;
-      const y = {
-        id: s,
+      if (v) return;
+      const G = {
+        id: u,
         order: r,
-        render: (S) => (u(S), () => {
+        render: (w) => (a(w), () => {
         })
-      }, G = f.getPluginByName?.("shell");
-      G?.registerHeaderContent ? G.registerHeaderContent(y) : f.registerHeaderContent?.(y);
+      };
+      g.getPluginByName?.("shell")?.registerHeaderContent(G);
     })(), () => {
-      R = !0;
-      const y = f.getPluginByName?.("shell");
-      y?.unregisterHeaderContent ? y.unregisterHeaderContent(s) : f.unregisterHeaderContent?.(s), w.current && (pe(w.current, { sync: !0 }), w.current = null), u(null);
+      v = !0, g.getPluginByName?.("shell")?.unregisterHeaderContent(u), C.current && (pe(C.current, { sync: !0 }), C.current = null), a(null);
     };
-  }, [g, s, r]), b(() => {
+  }, [d, u, r]), R(() => {
     if (!l) return;
-    const f = g?.current ?? void 0;
-    v.current = me(l, d, v.current ?? void 0, f);
-  }, [d, l, g]), null;
+    const g = d?.current ?? void 0;
+    h.current = me(l, f, h.current ?? void 0, g);
+  }, [f, l, d]), null;
 }
 function fr({ children: t }) {
-  return /* @__PURE__ */ x("tbw-grid-tool-buttons", { children: t });
+  return /* @__PURE__ */ S("tbw-grid-tool-buttons", { children: t });
 }
-function dr({ id: t, order: r = 100, children: d }) {
-  const n = ge(), s = t ?? `tbw-toolbar-content-${n}`, g = T(O), [l, u] = N(null), v = P(null);
-  return b(() => {
-    const f = g?.current;
-    if (!f) return;
-    const w = v;
-    let R = !1;
+function dr({ id: t, order: r = 100, children: f }) {
+  const o = ge(), u = t ?? `tbw-toolbar-content-${o}`, d = k(O), [l, a] = N(null), h = P(null);
+  return R(() => {
+    const g = d?.current;
+    if (!g) return;
+    const C = h;
+    let v = !1;
     return (async () => {
       try {
-        await f.ready?.();
+        await g.ready?.();
       } catch {
         return;
       }
-      if (R) return;
-      const y = {
-        id: s,
+      if (v) return;
+      const G = {
+        id: u,
         order: r,
-        render: (S) => (u(S), () => {
+        render: (w) => (a(w), () => {
         })
-      }, G = f.getPluginByName?.("shell");
-      G?.registerToolbarContent ? G.registerToolbarContent(y) : f.registerToolbarContent?.(y);
+      };
+      g.getPluginByName?.("shell")?.registerToolbarContent(G);
     })(), () => {
-      R = !0;
-      const y = f.getPluginByName?.("shell");
-      y?.unregisterToolbarContent ? y.unregisterToolbarContent(s) : f.unregisterToolbarContent?.(s), w.current && (pe(w.current, { sync: !0 }), w.current = null), u(null);
+      v = !0, g.getPluginByName?.("shell")?.unregisterToolbarContent(u), C.current && (pe(C.current, { sync: !0 }), C.current = null), a(null);
     };
-  }, [g, s, r]), b(() => {
+  }, [d, u, r]), R(() => {
     if (!l) return;
-    const f = g?.current ?? void 0;
-    v.current = me(l, d, v.current ?? void 0, f);
-  }, [d, l, g]), null;
+    const g = d?.current ?? void 0;
+    h.current = me(l, f, h.current ?? void 0, g);
+  }, [f, l, d]), null;
 }
-const gr = ({ icons: t, defaults: r, children: d }) => {
-  let n = d;
-  return r && (n = /* @__PURE__ */ x($e, { defaults: r, children: n })), t && (n = /* @__PURE__ */ x(Oe, { icons: t, children: n })), /* @__PURE__ */ x(U, { children: n });
+const gr = ({ icons: t, defaults: r, children: f }) => {
+  let o = f;
+  return r && (o = /* @__PURE__ */ S(je, { defaults: r, children: o })), t && (o = /* @__PURE__ */ S(Oe, { icons: t, children: o })), /* @__PURE__ */ S(U, { children: o });
 };
 function pr(t) {
-  const r = P(null), [d, n] = N(!1), [s, g] = N(null), l = P(null), u = D(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
-  b(() => {
-    let o = !0;
+  const r = P(null), [f, o] = N(!1), [u, d] = N(null), l = P(null), a = E(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
+  R(() => {
+    let s = !0;
     return (async () => {
       try {
         if (t) {
-          const h = document.querySelector(t);
-          if (!h) return;
-          if (l.current = h, await h.ready?.(), o) {
-            n(!0);
-            const p = await h.getConfig?.();
-            o && p && g(p);
+          const y = document.querySelector(t);
+          if (!y) return;
+          if (l.current = y, await y.ready?.(), s) {
+            o(!0);
+            const b = await y.getConfig?.();
+            s && b && d(b);
           }
         } else {
-          const h = r.current;
-          if (!h) return;
-          if (await h.ready?.(), o) {
-            n(!0);
-            const p = await h.getConfig?.();
-            o && p && g(p);
+          const y = r.current;
+          if (!y) return;
+          if (await y.ready?.(), s) {
+            o(!0);
+            const b = await y.getConfig?.();
+            s && b && d(b);
           }
         }
       } catch {
       }
     })(), () => {
-      o = !1;
+      s = !1;
     };
   }, [t]);
-  const v = D(async () => {
-    const o = u();
-    if (o)
-      return await o.getConfig?.() ?? null;
-    const m = r.current;
-    return m ? await m.getConfig?.() ?? null : null;
-  }, [u]), f = D(async () => {
-    const o = u();
-    if (o) {
-      await o.forceLayout?.();
+  const h = E(async () => {
+    const s = a();
+    if (s)
+      return await s.getConfig?.() ?? null;
+    const p = r.current;
+    return p ? await p.getConfig?.() ?? null : null;
+  }, [a]), g = E(async () => {
+    const s = a();
+    if (s) {
+      await s.forceLayout?.();
       return;
     }
-    const m = r.current;
-    m && await m.forceLayout?.();
-  }, [u]), w = D(
-    async (o) => {
-      const m = u();
-      if (m) {
-        await m.toggleGroup?.(o);
+    const p = r.current;
+    p && await p.forceLayout?.();
+  }, [a]), C = E(
+    async (s) => {
+      const p = a();
+      if (p) {
+        await p.toggleGroup?.(s);
         return;
       }
-      const h = r.current;
-      h && await h.toggleGroup?.(o);
+      const y = r.current;
+      y && await y.toggleGroup?.(s);
     },
-    [u]
-  ), R = D(
-    (o) => u()?.getPlugin?.(o),
-    [u]
-  ), y = D(
-    ((o) => u()?.getPluginByName?.(o)),
-    [u]
-  ), G = D(
-    (o, m) => {
-      const h = u();
-      if (h) {
-        h.registerStyles?.(o, m);
+    [a]
+  ), v = E(
+    (s) => a()?.getPlugin?.(s),
+    [a]
+  ), G = E(
+    ((s) => a()?.getPluginByName?.(s)),
+    [a]
+  ), w = E(
+    (s, p) => {
+      const y = a();
+      if (y) {
+        y.registerStyles?.(s, p);
         return;
       }
-      r.current?.registerStyles?.(o, m);
+      r.current?.registerStyles?.(s, p);
     },
-    [u]
-  ), S = D(
-    (o) => {
-      const m = u();
-      if (m) {
-        m.unregisterStyles?.(o);
+    [a]
+  ), D = E(
+    (s) => {
+      const p = a();
+      if (p) {
+        p.unregisterStyles?.(s);
         return;
       }
-      r.current?.unregisterStyles?.(o);
+      r.current?.unregisterStyles?.(s);
     },
-    [u]
-  ), C = D(() => s?.columns ? s.columns.filter((o) => !o.hidden) : [], [s]);
+    [a]
+  ), m = E(() => u?.columns ? u.columns.filter((s) => !s.hidden) : [], [u]);
   return {
     ref: r,
-    element: u(),
-    isReady: d,
-    config: s,
-    getConfig: v,
-    forceLayout: f,
-    toggleGroup: w,
-    getPlugin: R,
-    getPluginByName: y,
-    registerStyles: G,
-    unregisterStyles: S,
-    getVisibleColumns: C
+    element: a(),
+    isReady: f,
+    config: u,
+    getConfig: h,
+    forceLayout: g,
+    toggleGroup: C,
+    getPlugin: v,
+    getPluginByName: G,
+    registerStyles: w,
+    unregisterStyles: D,
+    getVisibleColumns: m
   };
 }
 function mr(t, r = {}) {
-  const { open: d = !0, gridElement: n } = r, s = T(O);
-  b(() => {
+  const { open: f = !0, gridElement: o } = r, u = k(O);
+  R(() => {
+    if (!f) return;
+    const d = t.current;
     if (!d) return;
-    const g = t.current;
-    if (!g) return;
-    const l = n ?? g.closest("tbw-grid, [data-tbw-grid]") ?? s?.current ?? null;
+    const l = o ?? d.closest("tbw-grid, [data-tbw-grid]") ?? u?.current ?? null;
     if (l)
-      return l.registerExternalFocusContainer?.(g), () => {
-        l.unregisterExternalFocusContainer?.(g);
+      return l.registerExternalFocusContainer?.(d), () => {
+        l.unregisterExternalFocusContainer?.(d);
       };
-  }, [d, n, s, t]);
+  }, [f, o, u, t]);
 }
 export {
   ur as DataGrid,
@@ -660,12 +658,12 @@ export {
   fr as GridToolButtons,
   hr as GridToolPanel,
   dr as GridToolbarContent,
-  $e as GridTypeProvider,
+  je as GridTypeProvider,
   Ne as applyColumnDefaults,
   or as hasColumnShorthands,
   Me as normalizeColumns,
   Ae as parseColumnShorthand,
-  Ce as registerChildFeatureDetector,
+  ye as registerChildFeatureDetector,
   Pr as registerEditorMountHook,
   vr as registerFeaturePropKey,
   Rr as registerPostMountRefresh,