@toolbox-web/grid-react 1.10.0 → 2.0.0-beta.1

package/README.md

@@ -683,7 +683,6 @@ import type {
   DataGridProps,
   // Feature props
   FeatureProps,
-  SSRProps,
   // Type-level defaults (TypeDefault is primary)
   TypeDefault,
   TypeDefaultsMap,
@@ -705,7 +704,6 @@ import type {
 | `gridConfig`         | `GridConfig`                               | Full configuration object                      |
 | `fitMode`            | `'stretch' \| 'fit-columns' \| 'auto-fit'` | Column sizing mode                             |
 | `customStyles`       | `string`                                   | CSS injected via `document.adoptedStyleSheets` |
-| `ssr`                | `boolean`                                  | **Deprecated** — no-op, will be removed        |
 | `onRowsChange`       | `(rows: TRow[]) => void`                   | Rows changed callback                          |
 | `onCellEdit`         | `(event: CustomEvent) => void`             | Cell edited callback                           |
 | `onRowClick`         | `(event: CustomEvent) => void`             | Row clicked callback                           |

package/chunks/{react-grid-adapter-LBf2Mqhn.js → react-grid-adapter-BhC9x425.js}

@@ -1,16 +1,16 @@
-import { useRef as w, useCallback as K, useEffect as T } from "react";
-import { p as E, n as k, c as B } from "./react-column-config-BOe_PgL1.js";
-import { jsx as D } from "react/jsx-runtime";
-import { a as u, r as g, b as M, e as A } from "./portal-bridge-CvxNt40O.js";
-const h = /* @__PURE__ */ new Set();
-let p = null;
-function S(o) {
-  h.has(o) || (h.add(o), p = null);
+import { useRef as k, useCallback as B, useEffect as D } from "react";
+import { p as M, n as A, c as S } from "./react-column-config-BOe_PgL1.js";
+import { jsx as F } from "react/jsx-runtime";
+import { a as f, r as p, b as N, e as U } from "./portal-bridge-CvxNt40O.js";
+const v = /* @__PURE__ */ new Set();
+let b = null;
+function x(n) {
+  v.has(n) || (v.add(n), b = null);
 }
-function j() {
-  return p === null && (p = Object.freeze(Array.from(h))), p;
+function J() {
+  return b === null && (b = Object.freeze(Array.from(v))), b;
 }
-const F = [
+const G = [
   "selection",
   "editing",
   "filtering",
@@ -18,8 +18,6 @@ const F = [
   "clipboard",
   "contextMenu",
   "reorderColumns",
-  // @deprecated v1.x — remove in `@toolbox-web/grid-react` 2.0.0 (gh #261 / #263). Superseded by `rowDragDrop`.
-  "reorderRows",
   "rowDragDrop",
   "visibility",
   "undoRedo",
@@ -37,80 +35,120 @@ const F = [
   "serverSide",
   "tooltip"
 ];
-for (const o of F)
-  S(o);
-const P = /* @__PURE__ */ new WeakMap(), b = /* @__PURE__ */ new Map();
-function U(o) {
-  const e = P.get(o);
+for (const n of G)
+  x(n);
+const R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new Map();
+function I(n) {
+  const e = R.get(n);
   if (e) return e;
-  const t = o.id;
+  const t = n.id;
   if (t)
-    return b.get(t);
+    return P.get(t);
 }
-function z(o) {
-  const { id: e, title: t, icon: r, tooltip: n, order: s = 100, children: i } = o, l = w(null), y = K(
+function Q(n) {
+  const { id: e, title: t, icon: r, tooltip: i, order: s = 100, children: o } = n, d = k(null), c = B(
     (a) => {
-      l.current = a, a && (P.set(a, i), e && b.set(e, i));
+      d.current = a, a && (R.set(a, o), e && P.set(e, o));
     },
-    [i, e]
+    [o, e]
   );
-  return T(() => () => {
-    const a = l.current;
-    a && (P.delete(a), e && b.delete(e));
-  }, [e]), /* @__PURE__ */ D(
+  return D(() => () => {
+    const a = d.current;
+    a && (R.delete(a), e && P.delete(e));
+  }, [e]), /* @__PURE__ */ F(
     "tbw-grid-tool-panel",
     {
-      ref: y,
+      ref: c,
       id: e,
       title: t,
       icon: r,
-      tooltip: n,
+      tooltip: i,
       order: s?.toString()
     }
   );
 }
-let C = null, m = null, R = null;
-function O(o) {
-  C = o;
+let m = null, K = null, w = null;
+function X(n) {
+  m = n;
 }
-function q(o) {
-  m = o;
+function Z(n) {
+  K = n;
 }
-function H(o) {
-  R = o;
+function $(n) {
+  w = n;
 }
-const d = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Map();
-function L(o, e) {
-  const t = o.getAttribute("field"), r = d.get(o) ?? {};
-  if (r.renderer = e, d.set(o, r), t) {
-    const n = c.get(t) ?? {};
-    n.renderer = e, c.set(t, n);
+const l = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Set();
+function O(n) {
+  return n.closest("tbw-grid, [data-tbw-grid]") ?? void 0;
+}
+function y(n, e) {
+  const t = O(n);
+  if (!t)
+    return W;
+  const r = T.get(t);
+  if (r || !e)
+    return r;
+  const i = /* @__PURE__ */ new Map();
+  return T.set(t, i), i;
+}
+function h(n) {
+  return n.tagName.toLowerCase() === "tbw-grid-type" ? n.getAttribute("name") : n.closest("tbw-grid-type")?.getAttribute("name") ?? null;
+}
+function ee(n, e) {
+  const t = n.getAttribute("field"), r = l.get(n) ?? {};
+  if (r.renderer = e, l.set(n, r), t) {
+    const i = u.get(t) ?? {};
+    i.renderer = e, u.set(t, i);
   }
 }
-function V(o, e) {
-  const t = o.getAttribute("field"), r = d.get(o) ?? {};
-  if (r.editor = e, d.set(o, r), t) {
-    const n = c.get(t) ?? {};
-    n.editor = e, c.set(t, n);
+function te(n, e) {
+  const t = n.getAttribute("field"), r = l.get(n) ?? {};
+  if (r.editor = e, l.set(n, r), t) {
+    const i = u.get(t) ?? {};
+    i.editor = e, u.set(t, i);
   }
 }
-function x(o) {
-  let e = d.get(o)?.renderer;
+function _(n) {
+  let e = l.get(n)?.renderer;
   if (!e) {
-    const t = o.getAttribute("field");
-    t && (e = c.get(t)?.renderer);
+    const t = n.getAttribute("field");
+    t && (e = u.get(t)?.renderer);
   }
   return e;
 }
-function G(o) {
-  let e = d.get(o)?.editor;
+function j(n) {
+  let e = l.get(n)?.editor;
   if (!e) {
-    const t = o.getAttribute("field");
-    t && (e = c.get(t)?.editor);
+    const t = n.getAttribute("field");
+    t && (e = u.get(t)?.editor);
   }
   return e;
 }
-class Y {
+function re(n, e) {
+  const t = h(n);
+  if (!t) return;
+  const r = y(n, !0);
+  if (!r) return;
+  const i = r.get(t) ?? {};
+  i.renderer = e, r.set(t, i), E.add(t);
+}
+function z(n) {
+  const e = h(n);
+  return e ? y(n, !1)?.get(e)?.renderer : void 0;
+}
+function ne(n, e) {
+  const t = h(n);
+  if (!t) return;
+  const r = y(n, !0);
+  if (!r) return;
+  const i = r.get(t) ?? {};
+  i.editor = e, r.set(t, i), E.add(t);
+}
+function L(n) {
+  const e = h(n);
+  return e ? y(n, !1)?.get(e)?.editor : void 0;
+}
+class ie {
   /** Portal keys for all managed portals (for cleanup on destroy). */
   allPortalKeys = /* @__PURE__ */ new Set();
   /** Portal keys for editor-specific portals (for per-cell cleanup via releaseCell). */
@@ -165,7 +203,7 @@ class Y {
    * Converts React renderer/editor functions to DOM-returning functions.
    */
   processConfig(e) {
-    return E(e) ?? e;
+    return M(e) ?? e;
   }
   /**
    * Determines if this adapter can handle the given element.
@@ -173,13 +211,16 @@ class Y {
    */
   canHandle(e) {
     const t = e.getAttribute("field");
-    let r = d.get(e);
+    let r = l.get(e);
     if (!r && t) {
-      const i = c.get(t);
-      i && (i.renderer || i.editor) && (r = i, d.set(e, r));
+      const c = u.get(t);
+      c && (c.renderer || c.editor) && (r = c, l.set(e, r));
     }
-    const n = r?.renderer !== void 0, s = r?.editor !== void 0;
-    return r !== void 0 && (n || s);
+    const i = r?.renderer !== void 0, s = r?.editor !== void 0;
+    if (r !== void 0 && (i || s))
+      return !0;
+    const o = h(e), d = o ? y(e, !1)?.get(o) : void 0;
+    return !!d && (d.renderer !== void 0 || d.editor !== void 0);
   }
   /**
    * Creates a view renderer function that renders a React component
@@ -193,38 +234,38 @@ class Y {
    * allowing the grid to use its default rendering.
    */
   createRenderer(e) {
-    const t = x(e);
+    const t = _(e) ?? z(e);
     if (!t)
       return;
-    const r = e.closest("tbw-grid, [data-tbw-grid]"), n = /* @__PURE__ */ new WeakMap();
+    const r = e.closest("tbw-grid, [data-tbw-grid]"), i = /* @__PURE__ */ new WeakMap();
     return (s) => {
-      const i = s.cellEl;
-      if (i) {
-        const a = n.get(i);
+      const o = s.cellEl;
+      if (o) {
+        const a = i.get(o);
         if (a) {
-          if (i.contains(a.container))
-            return u(a.container, t(s), a.portalKey), a.container;
-          g(a.portalKey, { sync: !0 }), this.untrackPortal(a.portalKey), n.delete(i);
+          if (o.contains(a.container))
+            return f(a.container, t(s), a.portalKey), a.container;
+          p(a.portalKey, { sync: !0 }), this.untrackPortal(a.portalKey), i.delete(o);
         }
-        const f = document.createElement("div");
-        f.className = "react-cell-renderer", f.style.display = "contents";
-        const v = u(
-          f,
+        const g = document.createElement("div");
+        g.className = "react-cell-renderer", g.style.display = "contents";
+        const C = f(
+          g,
           t(s),
           void 0,
           r ?? void 0
         );
-        return n.set(i, { portalKey: v, container: f }), this.trackPortal(v, f, !1), f;
+        return i.set(o, { portalKey: C, container: g }), this.trackPortal(C, g, !1), g;
       }
-      const l = document.createElement("div");
-      l.className = "react-cell-renderer", l.style.display = "contents";
-      const y = u(
-        l,
+      const d = document.createElement("div");
+      d.className = "react-cell-renderer", d.style.display = "contents";
+      const c = f(
+        d,
         t(s),
         void 0,
         r ?? void 0
       );
-      return this.trackPortal(y, l, !1), l;
+      return this.trackPortal(c, d, !1), d;
     };
   }
   /**
@@ -232,20 +273,20 @@ class Y {
    * with commit/cancel callbacks passed as props.
    */
   createEditor(e) {
-    const t = G(e);
+    const t = j(e) ?? L(e);
     if (!t)
       return () => document.createElement("div");
     const r = e.closest("tbw-grid, [data-tbw-grid]") ?? void 0;
-    return (n) => {
+    return (i) => {
       const s = document.createElement("div");
       s.className = "react-cell-editor", s.style.display = "contents";
-      const i = u(
+      const o = f(
         s,
-        t(n),
+        t(i),
         void 0,
         r
       );
-      return this.trackPortal(i, s, !0), r && this.editorBeforeCloseUnsubs.set(i, k(s, r)), s;
+      return this.trackPortal(o, s, !0), r && this.editorBeforeCloseUnsubs.set(o, A(s, r)), s;
     };
   }
   /**
@@ -256,7 +297,7 @@ class Y {
    * was registered for this grid.
    */
   createDetailRenderer(e) {
-    return C?.(e, this.bridgeContext);
+    return m?.(e, this.bridgeContext);
   }
   /**
    * Framework adapter hook called by MasterDetailPlugin during attach().
@@ -275,7 +316,7 @@ class Y {
    * was registered for this grid.
    */
   createResponsiveCardRenderer(e) {
-    return m?.(e, this.bridgeContext);
+    return K?.(e, this.bridgeContext);
   }
   /**
    * FrameworkAdapter hook called by ResponsivePlugin during attach().
@@ -295,16 +336,16 @@ class Y {
    * Renders React components into tool panel containers.
    */
   createToolPanelRenderer(e) {
-    const t = U(e);
+    const t = I(e);
     if (!t)
       return;
     const r = e.closest("tbw-grid, [data-tbw-grid]");
-    return (n) => {
-      const i = u(n, t({
-        grid: r ?? n
+    return (i) => {
+      const o = f(i, t({
+        grid: r ?? i
       }), void 0, r ?? void 0);
-      return this.trackPortal(i, n, !1), () => {
-        g(i, { sync: !0 }), this.untrackPortal(i);
+      return this.trackPortal(o, i, !1), () => {
+        p(o, { sync: !0 }), this.untrackPortal(o);
       };
     };
   }
@@ -338,14 +379,14 @@ class Y {
     const r = this.typeDefaults[e];
     if (!r)
       return;
-    const n = {
+    const i = {
       editorParams: r.editorParams
     };
-    return r.renderer && (n.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (n.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && R && (n.filterPanelRenderer = R(
+    return r.renderer && (i.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (i.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && w && (i.filterPanelRenderer = w(
       r.filterPanelRenderer,
       t,
       this.bridgeContext
-    )), n;
+    )), i;
   }
   /**
    * Creates a renderer function from a React render function for type defaults.
@@ -353,10 +394,10 @@ class Y {
    */
   createTypeRenderer(e, t) {
     return (r) => {
-      const n = document.createElement("span");
-      n.style.display = "contents";
-      const s = r.cellEl?.closest("tbw-grid, [data-tbw-grid]") ?? t, i = u(n, e(r), void 0, s);
-      return this.trackPortal(i, n, !1), n;
+      const i = document.createElement("span");
+      i.style.display = "contents";
+      const s = r.cellEl?.closest("tbw-grid, [data-tbw-grid]") ?? t, o = f(i, e(r), void 0, s);
+      return this.trackPortal(o, i, !1), i;
     };
   }
   /**
@@ -365,10 +406,10 @@ class Y {
    */
   createTypeEditor(e, t) {
     return (r) => {
-      const n = document.createElement("span");
-      n.style.display = "contents";
-      const s = u(n, e(r), void 0, t);
-      return this.trackPortal(s, n, !0), n;
+      const i = document.createElement("span");
+      i.style.display = "contents";
+      const s = f(i, e(r), void 0, t);
+      return this.trackPortal(s, i, !0), i;
     };
   }
   // #region Portal tracking helpers
@@ -399,10 +440,10 @@ class Y {
    */
   destroy() {
     for (const e of this.allPortalKeys)
-      g(e);
+      p(e);
     this.allPortalKeys.clear(), this.editorPortalKeys.clear(), this.keyToContainer.clear();
     for (const e of this.editorBeforeCloseUnsubs.values()) e();
-    this.editorBeforeCloseUnsubs.clear(), c.clear();
+    this.editorBeforeCloseUnsubs.clear(), u.clear();
   }
   /**
    * Called when a cell's content is about to be wiped.
@@ -429,17 +470,17 @@ class Y {
   releaseCell(e) {
     const t = e.querySelectorAll(".react-cell-renderer, .react-cell-editor");
     for (const r of t) {
-      const n = this.containerToKey.get(r);
-      n && (g(n, { sync: !0 }), this.untrackPortal(n));
+      const i = this.containerToKey.get(r);
+      i && (p(i, { sync: !0 }), this.untrackPortal(i));
     }
-    B(e);
+    S(e);
   }
   /**
    * Unmount a specific container (called when cell is recycled).
    */
   unmount(e) {
     const t = this.containerToKey.get(e);
-    t && (g(t), this.untrackPortal(t));
+    t && (p(t), this.untrackPortal(t));
   }
   /**
    * Open a teardown batch on the PortalManager. Grid core wraps multi-cell
@@ -450,7 +491,7 @@ class Y {
    * grouping changes (#330).
    */
   beginBatch(e) {
-    M(e);
+    N(e);
   }
   /**
    * Close a teardown batch opened by {@link beginBatch}. Caller is
@@ -459,17 +500,19 @@ class Y {
    * filter then prunes them silently.
    */
   endBatch(e) {
-    A(e);
+    U(e);
   }
 }
 export {
-  Y as G,
-  O as a,
-  q as b,
-  L as c,
-  V as d,
-  z as e,
-  S as f,
-  j as g,
-  H as r
+  ie as G,
+  X as a,
+  Z as b,
+  ee as c,
+  te as d,
+  re as e,
+  ne as f,
+  J as g,
+  Q as h,
+  x as i,
+  $ as r
 };

package/features/filtering.js

@@ -3,7 +3,7 @@ import { useContext as h, useCallback as n } from "react";
 import { registerFeature as E } from "@toolbox-web/grid/features/registry";
 import { G as k } from "../chunks/grid-element-context-BU3WvNtM.js";
 import { r as v, a as m } from "../chunks/portal-bridge-CvxNt40O.js";
-import { r as C } from "../chunks/react-grid-adapter-LBf2Mqhn.js";
+import { r as C } from "../chunks/react-grid-adapter-BhC9x425.js";
 E(
   "filtering",
   (l) => {

package/features/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,aAAa,CAAC;AACrB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,CAAC;AACnB,OAAO,UAAU,CAAC;AAClB,OAAO,aAAa,CAAC;AACrB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,SAAS,CAAC;AACjB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,aAAa,CAAC;AACrB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,CAAC;AACnB,OAAO,UAAU,CAAC;AAClB,OAAO,aAAa,CAAC;AACrB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,iBAAiB,CAAC;AACzB,OAAO,iBAAiB,CAAC;AACzB,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,SAAS,CAAC;AACjB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,SAAS,CAAC;AACjB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC"}

package/features/index.js

@@ -15,7 +15,6 @@ import "./pinned-rows.js";
 import "@toolbox-web/grid/features/pivot";
 import "@toolbox-web/grid/features/print";
 import "@toolbox-web/grid/features/reorder-columns";
-import "@toolbox-web/grid/features/reorder-rows";
 import "./responsive.js";
 import "@toolbox-web/grid/features/row-drag-drop";
 import "@toolbox-web/grid/features/selection";

package/features/master-detail.js

@@ -4,7 +4,7 @@ import { registerFeature as m } from "@toolbox-web/grid/features/registry";
 import { g as f } from "../chunks/grid-detail-panel-BZFcujsZ.js";
 import { r as p, a as d } from "../chunks/portal-bridge-CvxNt40O.js";
 import { r as g } from "../chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { a as y } from "../chunks/react-grid-adapter-LBf2Mqhn.js";
+import { a as y } from "../chunks/react-grid-adapter-BhC9x425.js";
 y((t, { trackPortal: e }) => {
   const n = f(t);
   if (n)

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,OAAO,wCAAwC,CAAC;AAIhD,YAAY,EAAE,aAAa,IAAI,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAevG,YAAY,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,gBAAgB,EAEhB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"pinned-rows.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/pinned-rows.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,OAAO,wCAAwC,CAAC;AAIhD,YAAY,EAAE,aAAa,IAAI,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAevG,YAAY,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,gBAAgB,EAEhB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}

package/features/pinned-rows.js

@@ -1,23 +1,23 @@
 import "@toolbox-web/grid/features/pinned-rows";
 import { PinnedRowsPlugin as u } from "@toolbox-web/grid/plugins/pinned-rows";
-import { registerFeature as m } from "@toolbox-web/grid/features/registry";
-import { a as p, r as y } from "../chunks/portal-bridge-CvxNt40O.js";
+import { registerFeature as d } from "@toolbox-web/grid/features/registry";
+import { a as f, r as l } from "../chunks/portal-bridge-CvxNt40O.js";
 function c(e, n) {
   let r = null, t = !1;
-  return (a) => {
-    const o = e(a);
+  return (i) => {
+    const o = e(i);
     if (o == null || o === !1) return null;
     if (o instanceof HTMLElement) return o;
     if (!r) {
       const s = document.createElement("div");
       s.style.display = "contents", r = { host: s, portalKey: null };
     }
-    return r.portalKey = p(r.host, o, r.portalKey ?? void 0), t || (t = !0, n(() => {
-      r?.portalKey && y(r.portalKey, { sync: !1 }), r = null;
+    return r.portalKey = f(r.host, o, r.portalKey ?? void 0), t || (t = !0, n(() => {
+      r?.portalKey && l(r.portalKey, { sync: !1 }), r = null;
     })), r.host;
   };
 }
-function h(e, n) {
+function p(e, n) {
   if (!("render" in e) || e.render == null) return e;
   if (Array.isArray(e.render)) {
     const r = e.render.map((t) => typeof t?.render != "function" ? t : { zone: t.zone, render: c(t.render, n) });
@@ -25,7 +25,7 @@ function h(e, n) {
   }
   return typeof e.render == "function" ? { ...e, render: c(e.render, n) } : e;
 }
-class P extends u {
+class h extends u {
   #e;
   constructor(n, r) {
     super(n), this.#e = r;
@@ -40,23 +40,15 @@ class P extends u {
     this.#e.length = 0;
   }
 }
-m(
+d(
   "pinnedRows",
   (e) => {
     if (typeof e == "boolean") return new u();
     if (!e) return new u();
-    const n = e, { slots: r, customPanels: t, ...a } = n, o = { ...a }, s = [], d = (i) => {
-      s.push(i);
+    const n = e, { slots: r, ...t } = n, i = { ...t }, o = [], s = (a) => {
+      o.push(a);
     };
-    return Array.isArray(t) && (o.customPanels = t.map((i) => {
-      if (typeof i.render != "function") return i;
-      const f = c(i.render, d);
-      return {
-        ...i,
-        // customPanels expect HTMLElement (not nullable); coerce null → empty wrapper.
-        render: (l) => f(l) ?? document.createElement("div")
-      };
-    })), Array.isArray(r) && (o.slots = r.map((i) => h(i, d))), new P(o, s);
+    return Array.isArray(r) && (i.slots = r.map((a) => p(a, s))), new h(i, o);
   },
   { override: !0 }
 );

package/features/responsive.js

@@ -4,7 +4,7 @@ import { registerFeature as l } from "@toolbox-web/grid/features/registry";
 import { g as p } from "../chunks/grid-responsive-card-CSZhDCoN.js";
 import { r as v, a as f } from "../chunks/portal-bridge-CvxNt40O.js";
 import { r as R } from "../chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { b as y } from "../chunks/react-grid-adapter-LBf2Mqhn.js";
+import { b as y } from "../chunks/react-grid-adapter-BhC9x425.js";
 y((e, { trackPortal: r }) => {
   const t = p(e);
   if (t)

package/index.d.ts

@@ -8,7 +8,9 @@ export { GridResponsiveCard, type GridResponsiveCardProps, type ResponsiveCardCo
 export { GridToolButtons, type GridToolButtonsProps } from './lib/grid-tool-button';
 export { GridToolPanel, type GridToolPanelProps, type ToolPanelContext } from './lib/grid-tool-panel';
 export { GridToolbarContent, type GridToolbarContentProps } from './lib/grid-toolbar-content';
-export type { AllFeatureProps, ColumnGroupDefinition, FeatureProps, FilterConfig, GroupingColumnsConfig, GroupingRowsConfig, MasterDetailConfig, PanelRender, PanelSlot, PinnedRowSlot, PinnedRowsConfig, ReactColumnGroupDefinition, ReactFilterConfig, ReactGroupingColumnsConfig, ReactGroupingRowsConfig, ReactPanelRender, ReactPanelSlot, ReactPinnedRowSlot, ReactPinnedRowsConfig, ReactZonedPanelRender, ResponsivePluginConfig, SSRProps, ZonedPanelRender, } from './lib/feature-props';
+export { GridType } from './lib/grid-type';
+export type { GridTypeProps } from './lib/grid-type';
+export type { AllFeatureProps, ColumnGroupDefinition, FeatureProps, FilterConfig, GroupingColumnsConfig, GroupingRowsConfig, MasterDetailConfig, PanelRender, PanelSlot, PinnedRowSlot, PinnedRowsConfig, ReactColumnGroupDefinition, ReactFilterConfig, ReactGroupingColumnsConfig, ReactGroupingRowsConfig, ReactPanelRender, ReactPanelSlot, ReactPinnedRowSlot, ReactPinnedRowsConfig, ReactZonedPanelRender, ResponsivePluginConfig, ZonedPanelRender, } from './lib/feature-props';
 export { applyColumnDefaults, hasColumnShorthands, normalizeColumns, parseColumnShorthand, } from './lib/column-shorthand';
 export type { ColumnShorthand } from './lib/column-shorthand';
 export type { EventHandler, EventProps } from './lib/event-props';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/grid-react/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC9G,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG9F,YAAY,EACV,eAAe,EAIf,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,aAAa,EACb,gBAAgB,EAEhB,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,QAAQ,EACR,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAGpF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,OAAO,EACL,4BAA4B,EAC5B,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAG5G,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/grid-react/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC9G,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACtG,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,YAAY,EACV,eAAe,EAIf,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,aAAa,EACb,gBAAgB,EAEhB,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,uBAAuB,EACvB,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAG9D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAGpF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,OAAO,EACL,4BAA4B,EAC5B,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,oBAAoB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAG5G,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}