@toolbox-web/grid-react 0.17.0 → 0.17.2

package/chunks/data-grid-Cpa5kukM.js

@@ -1,878 +0,0 @@
-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 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(Ce).join(" ");
-}
-const be = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
-function Ee(n) {
-  const t = n.lastIndexOf(":");
-  if (t > 0) {
-    const e = n.slice(t + 1).toLowerCase();
-    if (be.has(e)) {
-      const r = n.slice(0, t);
-      return {
-        field: r,
-        header: ae(r),
-        type: e
-      };
-    }
-  }
-  return {
-    field: n,
-    header: ae(n)
-  };
-}
-function Pe(n) {
-  return n.map((t) => typeof t == "string" ? Ee(t) : t);
-}
-const z = {
-  onCellClick: "cell-click",
-  onRowClick: "row-click",
-  onCellActivate: "cell-activate",
-  onCellChange: "cell-change",
-  onCellCommit: "cell-commit",
-  onRowCommit: "row-commit",
-  onSortChange: "sort-change",
-  onFilterChange: "filter-change",
-  onColumnResize: "column-resize",
-  onColumnMove: "column-move",
-  onColumnVisibility: "column-visibility",
-  onColumnStateChange: "column-state-change",
-  onSelectionChange: "selection-change",
-  onRowMove: "row-move",
-  onGroupToggle: "group-toggle",
-  onTreeExpand: "tree-expand",
-  onDetailExpand: "detail-expand",
-  onResponsiveChange: "responsive-change",
-  onCopy: "copy",
-  onPaste: "paste",
-  onUndoRedo: "undo-redo",
-  onExportComplete: "export-complete",
-  onPrintStart: "print-start",
-  onPrintComplete: "print-complete"
-}, 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();
-function le(n) {
-  const t = n.querySelector("tbw-grid-responsive-card");
-  if (t) {
-    const r = W.get(t);
-    if (r) return r;
-  }
-  const e = n.id || n.getAttribute("data-grid-id");
-  if (e)
-    return q.get(e);
-}
-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]
-  );
-  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 s = e === "auto" ? "auto" : String(e);
-  return /* @__PURE__ */ E("tbw-grid-responsive-card", { ref: o, cardRowHeight: s });
-}
-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 nt(n) {
-  return V(T)?.[n];
-}
-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 {
-      }
-      C.splice(t, 1);
-    }
-  }
-}
-function Ge(n) {
-  const t = /* @__PURE__ */ new WeakMap();
-  return (e) => {
-    const r = e.cellEl;
-    if (r) {
-      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 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 = h(e);
-    return g(() => {
-      r.render(n(t));
-    }), 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, 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,
-    columns: t
-  };
-}
-const B = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new Map();
-function Te(n) {
-  const t = n.querySelector("tbw-grid-detail");
-  if (t) {
-    const r = B.get(t);
-    if (r) return r;
-  }
-  const e = n.id || n.getAttribute("data-grid-id");
-  if (e)
-    return K.get(e);
-}
-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 p = l.id || l.getAttribute("data-grid-id");
-        p && K.set(p, t);
-      }
-    },
-    [t]
-  );
-  return m(() => () => {
-    const d = o.current;
-    if (d) {
-      B.delete(d);
-      const l = d.closest("tbw-grid");
-      if (l) {
-        const R = l.id || l.getAttribute("data-grid-id");
-        R && K.delete(R);
-      }
-      const p = d.parentNode;
-      p && p.contains(d);
-    }
-  }, []), /* @__PURE__ */ E(
-    "tbw-grid-detail",
-    {
-      ref: s,
-      showExpandColumn: e ? void 0 : "false",
-      animation: r === !1 ? "false" : r
-    }
-  );
-}
-ke.displayName = "GridDetailPanel";
-const U = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new Map();
-function Me(n) {
-  const t = U.get(n);
-  if (t) return t;
-  const e = n.id;
-  if (e)
-    return J.get(e);
-}
-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));
-    },
-    [c, t]
-  );
-  return m(() => () => {
-    const p = d.current;
-    p && (U.delete(p), t && J.delete(t));
-  }, [t]), /* @__PURE__ */ E(
-    "tbw-grid-tool-panel",
-    {
-      ref: l,
-      id: t,
-      title: e,
-      icon: r,
-      tooltip: o,
-      order: s?.toString()
-    }
-  );
-}
-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 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 He(n) {
-  let t = b.get(n)?.renderer;
-  if (!t) {
-    const e = n.getAttribute("field");
-    e && (t = P.get(e)?.renderer);
-  }
-  return t;
-}
-function Oe(n) {
-  let t = b.get(n)?.editor;
-  if (!t) {
-    const e = n.getAttribute("field");
-    e && (t = P.get(e)?.editor);
-  }
-  return t;
-}
-class ue {
-  mountedViews = [];
-  /** Editor-specific views tracked separately for per-cell cleanup via releaseCell. */
-  editorViews = [];
-  typeDefaults = null;
-  /**
-   * Sets the type defaults map for this adapter.
-   * Called by DataGrid when it receives type defaults from context.
-   *
-   * @internal
-   */
-  setTypeDefaults(t) {
-    this.typeDefaults = t;
-  }
-  /**
-   * Determines if this adapter can handle the given element.
-   * Checks if a renderer or editor is registered for this element.
-   */
-  canHandle(t) {
-    const e = t.getAttribute("field");
-    let r = b.get(t);
-    if (!r && e) {
-      const c = P.get(e);
-      c && (c.renderer || c.editor) && (r = c, b.set(t, r));
-    }
-    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
-   * and returns its container DOM element.
-   *
-   * Uses a cell cache to reuse React roots for performance - instead of
-   * creating new roots on each render, we reuse existing ones and just
-   * call root.render() with new data.
-   *
-   * Returns undefined if no renderer is registered for this element,
-   * allowing the grid to use its default rendering.
-   */
-  createRenderer(t) {
-    const e = He(t);
-    if (!e)
-      return;
-    const r = /* @__PURE__ */ new WeakMap();
-    return (o) => {
-      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 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;
-    };
-  }
-  /**
-   * Creates an editor spec that renders a React component
-   * with commit/cancel callbacks passed as props.
-   */
-  createEditor(t) {
-    const e = Oe(t);
-    return e ? (r) => {
-      const o = document.createElement("div");
-      o.className = "react-cell-editor", o.style.display = "contents";
-      const s = h(o);
-      return g(() => {
-        s.render(e(r));
-      }), this.editorViews.push({ root: s, container: o }), o;
-    } : () => document.createElement("div");
-  }
-  /**
-   * Creates a detail renderer function for MasterDetailPlugin.
-   * Renders React components for expandable detail rows.
-   */
-  createDetailRenderer(t) {
-    const e = Te(t);
-    if (e)
-      return (r, o) => {
-        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;
-      };
-  }
-  /**
-   * Framework adapter hook called by MasterDetailPlugin during attach().
-   * Parses the <tbw-grid-detail> element and returns a React-based renderer.
-   */
-  parseDetailElement(t) {
-    const e = t.closest("tbw-grid");
-    if (e)
-      return this.createDetailRenderer(e);
-  }
-  /**
-   * Creates a responsive card renderer function for ResponsivePlugin.
-   * Renders React components for card layout in responsive mode.
-   */
-  createResponsiveCardRenderer(t) {
-    const e = le(t);
-    if (e)
-      return (r, o) => {
-        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;
-      };
-  }
-  /**
-   * Creates a tool panel renderer from a light DOM element.
-   * Renders React components into tool panel containers.
-   */
-  createToolPanelRenderer(t) {
-    const e = Me(t);
-    if (!e)
-      return;
-    const r = t.closest("tbw-grid");
-    return (o) => {
-      const s = {
-        grid: r ?? 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: l } = this.mountedViews[d];
-          try {
-            l.unmount();
-          } catch {
-          }
-          this.mountedViews.splice(d, 1);
-        }
-      };
-    };
-  }
-  /**
-   * Gets type-level defaults from the type defaults map.
-   *
-   * This enables application-wide type defaults configured via GridTypeProvider.
-   * The returned TypeDefault contains renderer/editor functions that render
-   * React components into the grid's cells.
-   *
-   * @example
-   * ```tsx
-   * // App.tsx
-   * const typeDefaults = {
-   *   country: {
-   *     renderer: (ctx) => <CountryBadge code={ctx.value} />,
-   *     editor: (ctx) => <CountrySelect value={ctx.value} onCommit={ctx.commit} />
-   *   }
-   * };
-   *
-   * <GridTypeProvider defaults={typeDefaults}>
-   *   <App />
-   * </GridTypeProvider>
-   *
-   * // Any grid with type: 'country' columns will use these components
-   * ```
-   */
-  getTypeDefault(t) {
-    if (!this.typeDefaults)
-      return;
-    const e = this.typeDefaults[t];
-    if (!e)
-      return;
-    const r = {
-      editorParams: e.editorParams
-    };
-    return e.renderer && (r.renderer = this.createTypeRenderer(e.renderer)), e.editor && (r.editor = this.createTypeEditor(e.editor)), e.filterPanelRenderer && (r.filterPanelRenderer = this.createFilterPanelRenderer(e.filterPanelRenderer)), r;
-  }
-  /**
-   * Creates a renderer function from a React render function for type defaults.
-   * @internal
-   */
-  createTypeRenderer(t) {
-    return (e) => {
-      const r = document.createElement("span");
-      r.style.display = "contents";
-      const o = h(r);
-      return this.mountedViews.push({ root: o, container: r }), g(() => {
-        o.render(t(e));
-      }), r;
-    };
-  }
-  /**
-   * Creates an editor function from a React render function for type defaults.
-   * @internal
-   */
-  createTypeEditor(t) {
-    return (e) => {
-      const r = document.createElement("span");
-      r.style.display = "contents";
-      const o = h(r);
-      return this.editorViews.push({ root: o, container: r }), g(() => {
-        o.render(t(e));
-      }), r;
-    };
-  }
-  /**
-   * Creates a filter panel renderer that mounts React content into the filter panel container.
-   * @internal
-   */
-  createFilterPanelRenderer(t) {
-    return (e, r) => {
-      const o = document.createElement("div");
-      o.style.display = "contents";
-      const s = h(o);
-      this.mountedViews.push({ root: s, container: o }), g(() => {
-        s.render(t(r));
-      }), e.appendChild(o);
-    };
-  }
-  /**
-   * Clean up all mounted React roots.
-   * Call this when the grid is unmounted.
-   */
-  destroy() {
-    this.mountedViews.forEach(({ root: t }) => {
-      try {
-        t.unmount();
-      } catch {
-      }
-    }), this.mountedViews = [], this.editorViews.forEach(({ root: t }) => {
-      try {
-        t.unmount();
-      } catch {
-      }
-    }), this.editorViews = [];
-  }
-  /**
-   * Called when a cell's content is about to be wiped.
-   * Destroys editor React roots whose container is inside the cell.
-   * Also cleans up config-based editor roots (from processGridConfig/wrapReactEditor)
-   * that bypass the adapter's tracking arrays.
-   */
-  releaseCell(t) {
-    for (let e = this.editorViews.length - 1; e >= 0; e--) {
-      const { root: r, container: o } = this.editorViews[e];
-      if (t.contains(o)) {
-        try {
-          r.unmount();
-        } catch {
-        }
-        this.editorViews.splice(e, 1);
-      }
-    }
-    Se(t);
-  }
-  /**
-   * Unmount a specific container (called when cell is recycled).
-   */
-  unmount(t) {
-    const e = this.mountedViews.findIndex((r) => r.container === t);
-    if (e !== -1) {
-      const { root: r } = this.mountedViews[e];
-      try {
-        r.unmount();
-      } catch {
-      }
-      this.mountedViews.splice(e, 1);
-    }
-  }
-}
-const ct = ue, je = {
-  undoRedo: ["editing"],
-  clipboard: ["selection"]
-};
-function $e(n) {
-  const t = new Set(n);
-  for (const e of n) {
-    const r = je[e];
-    if (r)
-      for (const o of r)
-        t.has(o) || console.warn(
-          `[DataGrid] Feature "${e}" requires "${o}" to be enabled. Add the "${o}" prop to your DataGrid.`
-        );
-  }
-}
-function 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;
-function Y() {
-  return de || (_ = new ue(), me.registerAdapter(_), de = !0), _;
-}
-Y();
-const _e = Z(null);
-function We(n) {
-  const e = n.getPluginByName?.("masterDetail");
-  e && typeof e.refreshDetailRenderer == "function" && e.refreshDetailRenderer();
-}
-function qe(n, t) {
-  const e = n;
-  if (!n.querySelector("tbw-grid-responsive-card") || !le(n)) return;
-  const s = e.getPluginByName?.("responsive");
-  if (s && typeof s.setCardRenderer == "function") {
-    const c = t.createResponsiveCardRenderer(n);
-    c && s.setCardRenderer(c);
-  }
-}
-function Be(n) {
-  const t = {};
-  return Re.forEach(n, (e) => {
-    if (we(e)) {
-      if (e.type && e.type.displayName === "GridDetailPanel") {
-        const r = e.props;
-        t.masterDetail = {
-          // Use props from the child component for configuration
-          showExpandColumn: r.showExpandColumn ?? !0,
-          animation: r.animation ?? "slide"
-          // detailRenderer will be wired up by refreshMasterDetailRenderer after mount
-        };
-      }
-      e.type && e.type.displayName === "GridResponsiveCard" && (t.responsive = !0);
-    }
-  }), t;
-}
-const at = he(function(t, e) {
-  const {
-    // Core props
-    rows: r,
-    gridConfig: o,
-    columns: s,
-    columnDefaults: c,
-    fitMode: d,
-    sortable: l,
-    filterable: p,
-    selectable: R,
-    loading: k,
-    editOn: M,
-    customStyles: N,
-    className: fe,
-    style: pe,
-    children: H,
-    // Plugin props
-    plugins: D,
-    // SSR mode
-    ssr: ee,
-    // Legacy event handlers
-    onRowsChange: O,
-    // Feature props and event props are in ...rest
-    ...v
-  } = t, u = A(null), L = A(null), te = V(Ae), j = V(De), re = [
-    "selection",
-    "editing",
-    "filtering",
-    "multiSort",
-    "sorting",
-    // deprecated alias for multiSort
-    "clipboard",
-    "contextMenu",
-    "reorderColumns",
-    "reorder",
-    // deprecated alias for reorderColumns
-    "rowReorder",
-    // deprecated alias for reorderRows
-    "reorderRows",
-    "visibility",
-    "undoRedo",
-    "tree",
-    "groupingRows",
-    "groupingColumns",
-    "pinnedColumns",
-    "pinnedRows",
-    "masterDetail",
-    "responsive",
-    "columnVirtualization",
-    "export",
-    "print",
-    "pivot",
-    "serverSide"
-  ], 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 a of re)
-      a in v && v[a] !== void 0 && (i[a] = v[a]);
-    return i;
-  }, [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 $;
-  }, [D, $]), G = w(() => {
-    if (!s) return s;
-    const i = Pe(s);
-    return c ? i.map((a) => ({
-      ...c,
-      ...a
-      // Individual column props override defaults
-    })) : i;
-  }, [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 = { ...j, ...f };
-    }
-    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, ...F]
-      };
-    }
-    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]), 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, We(i), qe(i, a);
-    let f = !1;
-    const y = requestAnimationFrame(() => {
-      f || (typeof i.refreshColumns == "function" && i.refreshColumns(), typeof i.refreshShellHeader == "function" && i.refreshShellHeader());
-    });
-    return () => {
-      f = !0, cancelAnimationFrame(y);
-    };
-  }, []), 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), L.current = a);
-    }), () => {
-      f = !1, L.current && (i.unregisterStyles?.(L.current), L.current = null);
-    };
-  }, [N]), m(() => {
-    const i = u.current;
-    if (!i) return;
-    const a = [];
-    if (O) {
-      const f = ((y) => O(y.detail.rows));
-      i.addEventListener("rows-change", f), a.push(["rows-change", f]);
-    }
-    return () => {
-      a.forEach(([f, y]) => {
-        i.removeEventListener(f, y);
-      });
-    };
-  }, [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 a = [];
-    for (const [f, y] of Object.entries(z))
-      if (se.includes(f)) {
-        const F = ((x) => {
-          ce.current[f]?.(x.detail, x);
-        });
-        i.addEventListener(y, F), a.push([y, F]);
-      }
-    return () => {
-      a.forEach(([f, y]) => {
-        i.removeEventListener(f, y);
-      });
-    };
-  }, [se]), ye(
-    e,
-    () => ({
-      get element() {
-        return u.current;
-      },
-      async getConfig() {
-        return u.current?.getConfig?.() ?? {};
-      },
-      async ready() {
-        return u.current?.ready?.();
-      },
-      async forceLayout() {
-        return u.current?.forceLayout?.();
-      },
-      async toggleGroup(i) {
-        return u.current?.toggleGroup?.(i);
-      },
-      registerStyles(i, a) {
-        u.current?.registerStyles?.(i, a);
-      },
-      unregisterStyles(i) {
-        u.current?.unregisterStyles?.(i);
-      },
-      setRowLoading(i, a) {
-        u.current?.setRowLoading?.(i, a);
-      },
-      setCellLoading(i, a, f) {
-        u.current?.setCellLoading?.(i, a, f);
-      },
-      isRowLoading(i) {
-        return u.current?.isRowLoading?.(i) ?? !1;
-      },
-      isCellLoading(i, a) {
-        return u.current?.isCellLoading?.(i, a) ?? !1;
-      },
-      clearAllLoading() {
-        u.current?.clearAllLoading?.();
-      }
-    }),
-    []
-  ), /* @__PURE__ */ E(
-    "tbw-grid",
-    {
-      ref: (i) => {
-        if (u.current = i, i) {
-          const a = i;
-          I && (a.gridConfig = I), r && (a.rows = r), G && (a.columns = G);
-        }
-      },
-      class: fe,
-      style: pe,
-      children: /* @__PURE__ */ E(_e.Provider, { value: u, children: H })
-    }
-  );
-});
-export {
-  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,
-  it as r,
-  rt as u
-};