@toolbox-web/grid-react 1.6.1 → 1.7.0

package/chunks/{grid-detail-panel-CR7YUhdN.js → grid-detail-panel-BZFcujsZ.js}

@@ -1,5 +1,5 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useRef as g, useCallback as m, useEffect as p } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as u, useCallback as b, useEffect as m } from "react";
 const o = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new Map();
 function x(r) {
   const i = r.querySelector("tbw-grid-detail");
@@ -11,12 +11,12 @@ function x(r) {
   if (d)
     return s.get(d);
 }
-function b(r) {
-  const { children: i, showExpandColumn: d = !0, animation: n = "slide" } = r, l = g(null), f = m(
+function p(r) {
+  const { children: i, showExpandColumn: d = !0, animation: n = "slide" } = r, l = u(null), f = b(
     (t) => {
       if (l.current = t, !t) return;
       o.set(t, i);
-      const e = t.closest("tbw-grid");
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
       if (e) {
         const a = e.id || e.getAttribute("data-grid-id");
         a && s.set(a, i);
@@ -24,11 +24,11 @@ function b(r) {
     },
     [i]
   );
-  return p(() => () => {
+  return m(() => () => {
     const t = l.current;
     if (t) {
       o.delete(t);
-      const e = t.closest("tbw-grid");
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
       if (e) {
         const c = e.id || e.getAttribute("data-grid-id");
         c && s.delete(c);
@@ -36,7 +36,7 @@ function b(r) {
       const a = t.parentNode;
       a && a.contains(t);
     }
-  }, []), /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ g(
     "tbw-grid-detail",
     {
       ref: f,
@@ -45,8 +45,8 @@ function b(r) {
     }
   );
 }
-b.displayName = "GridDetailPanel";
+p.displayName = "GridDetailPanel";
 export {
-  b as G,
+  p as G,
   x as g
 };

package/chunks/grid-responsive-card-CSZhDCoN.js

@@ -0,0 +1,45 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useRef as f, useCallback as l, useEffect as p } from "react";
+const o = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new Map();
+function v(i) {
+  const r = i.querySelector("tbw-grid-responsive-card");
+  if (r) {
+    const s = o.get(r);
+    if (s) return s;
+  }
+  const d = i.id || i.getAttribute("data-grid-id");
+  if (d)
+    return a.get(d);
+}
+function b(i) {
+  const { children: r, cardRowHeight: d = "auto" } = i, s = f(null), c = l(
+    (t) => {
+      if (s.current = t, !t) return;
+      o.set(t, r);
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
+      if (e) {
+        const n = e.id || e.getAttribute("data-grid-id");
+        n && a.set(n, r);
+      }
+    },
+    [r]
+  );
+  p(() => () => {
+    const t = s.current;
+    if (t) {
+      o.delete(t);
+      const e = t.closest("tbw-grid, [data-tbw-grid]");
+      if (e) {
+        const n = e.id || e.getAttribute("data-grid-id");
+        n && a.delete(n);
+      }
+    }
+  }, []);
+  const g = d === "auto" ? "auto" : String(d);
+  return /* @__PURE__ */ u("tbw-grid-responsive-card", { ref: c, cardRowHeight: g });
+}
+b.displayName = "GridResponsiveCard";
+export {
+  b as G,
+  v as g
+};

package/chunks/portal-bridge-CvxNt40O.js

@@ -0,0 +1,68 @@
+import { flushSync as d } from "react-dom";
+import { createRoot as p } from "react-dom/client";
+const o = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+let m = 0;
+function B(t, e) {
+  e ? o.set(t, e) : o.delete(t);
+}
+function g(t, e) {
+  if (e) return e;
+  const n = t.closest("tbw-grid, [data-tbw-grid]");
+  if (n) return n;
+  if (o.size === 1) return o.keys().next().value;
+}
+function u(t) {
+  const e = i.get(t);
+  if (e) {
+    try {
+      e.unmount();
+    } catch {
+    }
+    i.delete(t);
+  }
+}
+function v(t, e, n, r) {
+  const s = n ?? `p-${m++}`, a = g(t, r), l = a ? o.get(a) : void 0;
+  if (l)
+    u(s), a && f.set(s, a), l.renderPortal(s, t, e);
+  else {
+    let c = i.get(s);
+    c || (c = p(t), i.set(s, c)), d(() => c.render(e));
+  }
+  return s;
+}
+function w(t, e) {
+  const n = f.get(t);
+  (n ? o.get(n) : void 0)?.removePortal(t, e?.sync), f.delete(t), u(t);
+}
+function M(t) {
+  if (t) {
+    o.get(t)?.beginBatch();
+    return;
+  }
+  for (const e of o.values()) e.beginBatch();
+}
+function y(t) {
+  if (t) {
+    o.get(t)?.endBatch();
+    return;
+  }
+  for (const e of o.values()) e.endBatch();
+}
+function P(t) {
+  return (e) => {
+    const n = t(e);
+    if (n == null || n === !1) return null;
+    if (n instanceof HTMLElement) return n;
+    const r = document.createElement("div");
+    return r.style.display = "contents", v(r, n), r;
+  };
+}
+export {
+  v as a,
+  M as b,
+  P as c,
+  y as e,
+  w as r,
+  B as s
+};

package/chunks/{react-column-config-Dz234dN8.js → react-column-config-BOe_PgL1.js}

@@ -1,4 +1,4 @@
-import { a as u, r as f } from "./portal-bridge-BydpO5wl.js";
+import { a as i, r as f } from "./portal-bridge-CvxNt40O.js";
 const y = [];
 function H(e) {
   y.push(e);
@@ -13,15 +13,15 @@ function R(e, n) {
     for (const t of r) t();
   };
 }
-const l = /* @__PURE__ */ Symbol("reactProcessed"), a = /* @__PURE__ */ new Map();
+const l = /* @__PURE__ */ Symbol("reactProcessed"), s = /* @__PURE__ */ new Map();
 function K(e) {
   const n = e.querySelectorAll(".react-cell-editor, .react-cell-renderer");
   for (const r of n) {
-    const t = a.get(r);
-    t && (t.unsub?.(), f(t.key, { sync: !0 }), a.delete(r));
+    const t = s.get(r);
+    t && (t.unsub?.(), f(t.key, { sync: !0 }), s.delete(r));
   }
 }
-function i(e) {
+function u(e) {
   const n = document.createElement("div");
   return n.className = e, n.style.display = "contents", n;
 }
@@ -36,36 +36,36 @@ function E(e) {
   return (r) => {
     const t = r.cellEl;
     if (t) {
-      const c = n.get(t);
-      if (c) {
-        if (t.contains(c.container))
-          return u(c.container, e(r), c.portalKey), c.container;
-        f(c.portalKey, { sync: !0 }), n.delete(t);
+      const a = n.get(t);
+      if (a) {
+        if (t.contains(a.container))
+          return i(a.container, e(r), a.portalKey), a.container;
+        f(a.portalKey, { sync: !0 }), n.delete(t);
       }
     }
-    const o = i("react-cell-renderer"), s = u(o, e(r));
-    return t && n.set(t, { portalKey: s, container: o }), a.set(o, { key: s }), o;
+    const o = u("react-cell-renderer"), c = i(o, e(r));
+    return t && n.set(t, { portalKey: c, container: o }), s.set(o, { key: c }), o;
   };
 }
-function k(e) {
+function w(e) {
   return (n) => {
-    const r = i("react-cell-editor"), o = { key: u(r, e(n)) };
-    return a.set(r, o), queueMicrotask(() => {
-      const s = r.closest("tbw-grid");
-      s && (o.unsub = R(r, s));
+    const r = u("react-cell-editor"), o = { key: i(r, e(n)) };
+    return s.set(r, o), queueMicrotask(() => {
+      const c = r.closest("tbw-grid, [data-tbw-grid]");
+      c && (o.unsub = R(r, c));
     }), r;
   };
 }
-function w(e) {
+function k(e) {
   return (n) => {
-    const r = i("react-header-renderer"), t = u(r, e(n));
-    return a.set(r, { key: t }), r;
+    const r = u("react-header-renderer"), t = i(r, e(n));
+    return s.set(r, { key: t }), r;
   };
 }
 function h(e) {
   return (n) => {
-    const r = i("react-header-label-renderer"), t = u(r, e(n));
-    return a.set(r, { key: t }), r;
+    const r = u("react-header-label-renderer"), t = i(r, e(n));
+    return s.set(r, { key: t }), r;
   };
 }
 function M(e) {
@@ -73,8 +73,8 @@ function M(e) {
     const r = e(n);
     if (r instanceof HTMLElement || typeof r == "string")
       return r;
-    const t = i("react-loading-renderer"), o = u(t, r);
-    return a.set(t, { key: o }), t;
+    const t = u("react-loading-renderer"), o = i(t, r);
+    return s.set(t, { key: o }), t;
   };
 }
 function b(e) {
@@ -82,8 +82,8 @@ function b(e) {
     const r = e(n);
     if (r instanceof HTMLElement || typeof r == "string")
       return r;
-    const t = i("react-empty-renderer"), o = u(t, r);
-    return a.set(t, { key: o }), t;
+    const t = u("react-empty-renderer"), o = i(t, r);
+    return s.set(t, { key: o }), t;
   };
 }
 function T(e) {
@@ -108,8 +108,8 @@ function T(e) {
     return t[l] = !0, t;
   }
   const n = e.columns.map((t) => {
-    const { renderer: o, editor: s, headerRenderer: c, headerLabelRenderer: p, ...m } = t, d = { ...m };
-    return o && (d.renderer = E(o)), s && (d.editor = k(s)), c && (d.headerRenderer = w(c)), p && (d.headerLabelRenderer = h(p)), d;
+    const { renderer: o, editor: c, headerRenderer: a, headerLabelRenderer: p, ...m } = t, d = { ...m };
+    return o && (d.renderer = E(o)), c && (d.editor = w(c)), a && (d.headerRenderer = k(a)), p && (d.headerLabelRenderer = h(p)), d;
   }), r = {
     ...e,
     columns: n

package/chunks/{react-grid-adapter-KD5roD6F.js → react-grid-adapter-BuuCl9rO.js}

@@ -1,7 +1,7 @@
-import { p as b, n as m, c as K } from "./react-column-config-Dz234dN8.js";
-import { jsx as T } from "react/jsx-runtime";
-import { useRef as k, useCallback as E, useEffect as w } from "react";
-import { a as u, r as g, b as B, e as D } from "./portal-bridge-BydpO5wl.js";
+import { p as v, n as m, c as K } from "./react-column-config-BOe_PgL1.js";
+import { jsx as w } from "react/jsx-runtime";
+import { useRef as T, useCallback as k, useEffect as E } from "react";
+import { a as u, r as g, b as B, e as D } from "./portal-bridge-CvxNt40O.js";
 const p = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new Map();
 function M(o) {
   const e = p.get(o);
@@ -11,16 +11,16 @@ function M(o) {
     return h.get(t);
 }
 function W(o) {
-  const { id: e, title: t, icon: r, tooltip: n, order: s = 100, children: i } = o, l = k(null), y = E(
+  const { id: e, title: t, icon: r, tooltip: n, order: s = 100, children: i } = o, l = T(null), y = k(
     (a) => {
       l.current = a, a && (p.set(a, i), e && h.set(e, i));
     },
     [i, e]
   );
-  return w(() => () => {
+  return E(() => () => {
     const a = l.current;
     a && (p.delete(a), e && h.delete(e));
-  }, [e]), /* @__PURE__ */ T(
+  }, [e]), /* @__PURE__ */ w(
     "tbw-grid-tool-panel",
     {
       ref: y,
@@ -32,44 +32,44 @@ function W(o) {
     }
   );
 }
-let R = null, v = null, P = null;
+let C = null, R = null, b = null;
 function I(o) {
-  R = o;
+  C = o;
 }
 function N(o) {
-  v = o;
+  R = o;
 }
 function j(o) {
-  P = o;
+  b = o;
 }
-const c = /* @__PURE__ */ new WeakMap(), d = /* @__PURE__ */ new Map();
+const d = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Map();
 function q(o, e) {
-  const t = o.getAttribute("field"), r = c.get(o) ?? {};
-  if (r.renderer = e, c.set(o, r), t) {
-    const n = d.get(t) ?? {};
-    n.renderer = e, d.set(t, n);
+  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);
   }
 }
 function H(o, e) {
-  const t = o.getAttribute("field"), r = c.get(o) ?? {};
-  if (r.editor = e, c.set(o, r), t) {
-    const n = d.get(t) ?? {};
-    n.editor = e, d.set(t, n);
+  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 A(o) {
-  let e = c.get(o)?.renderer;
+  let e = d.get(o)?.renderer;
   if (!e) {
     const t = o.getAttribute("field");
-    t && (e = d.get(t)?.renderer);
+    t && (e = c.get(t)?.renderer);
   }
   return e;
 }
 function U(o) {
-  let e = c.get(o)?.editor;
+  let e = d.get(o)?.editor;
   if (!e) {
     const t = o.getAttribute("field");
-    t && (e = d.get(t)?.editor);
+    t && (e = c.get(t)?.editor);
   }
   return e;
 }
@@ -128,7 +128,7 @@ class z {
    * Converts React renderer/editor functions to DOM-returning functions.
    */
   processConfig(e) {
-    return b(e) ?? e;
+    return v(e) ?? e;
   }
   /**
    * Determines if this adapter can handle the given element.
@@ -136,10 +136,10 @@ class z {
    */
   canHandle(e) {
     const t = e.getAttribute("field");
-    let r = c.get(e);
+    let r = d.get(e);
     if (!r && t) {
-      const i = d.get(t);
-      i && (i.renderer || i.editor) && (r = i, c.set(e, r));
+      const i = c.get(t);
+      i && (i.renderer || i.editor) && (r = i, d.set(e, r));
     }
     const n = r?.renderer !== void 0, s = r?.editor !== void 0;
     return r !== void 0 && (n || s);
@@ -159,7 +159,7 @@ class z {
     const t = A(e);
     if (!t)
       return;
-    const r = e.closest("tbw-grid"), n = /* @__PURE__ */ new WeakMap();
+    const r = e.closest("tbw-grid, [data-tbw-grid]"), n = /* @__PURE__ */ new WeakMap();
     return (s) => {
       const i = s.cellEl;
       if (i) {
@@ -171,13 +171,13 @@ class z {
         }
         const f = document.createElement("div");
         f.className = "react-cell-renderer", f.style.display = "contents";
-        const C = u(
+        const P = u(
           f,
           t(s),
           void 0,
           r ?? void 0
         );
-        return n.set(i, { portalKey: C, container: f }), this.trackPortal(C, f, !1), f;
+        return n.set(i, { portalKey: P, container: f }), this.trackPortal(P, f, !1), f;
       }
       const l = document.createElement("div");
       l.className = "react-cell-renderer", l.style.display = "contents";
@@ -198,7 +198,7 @@ class z {
     const t = U(e);
     if (!t)
       return () => document.createElement("div");
-    const r = e.closest("tbw-grid") ?? void 0;
+    const r = e.closest("tbw-grid, [data-tbw-grid]") ?? void 0;
     return (n) => {
       const s = document.createElement("div");
       s.className = "react-cell-editor", s.style.display = "contents";
@@ -219,14 +219,14 @@ class z {
    * was registered for this grid.
    */
   createDetailRenderer(e) {
-    return R?.(e, this.bridgeContext);
+    return C?.(e, this.bridgeContext);
   }
   /**
    * Framework adapter hook called by MasterDetailPlugin during attach().
    * Parses the <tbw-grid-detail> element and returns a React-based renderer.
    */
   parseDetailElement(e) {
-    const t = e.closest("tbw-grid");
+    const t = e.closest("tbw-grid, [data-tbw-grid]");
     if (t)
       return this.createDetailRenderer(t);
   }
@@ -238,7 +238,7 @@ class z {
    * was registered for this grid.
    */
   createResponsiveCardRenderer(e) {
-    return v?.(e, this.bridgeContext);
+    return R?.(e, this.bridgeContext);
   }
   /**
    * FrameworkAdapter hook called by ResponsivePlugin during attach().
@@ -249,7 +249,7 @@ class z {
    * `refreshResponsiveCardRenderer` hook in DataGrid.
    */
   parseResponsiveCardElement(e) {
-    const t = e.closest("tbw-grid");
+    const t = e.closest("tbw-grid, [data-tbw-grid]");
     if (t)
       return this.createResponsiveCardRenderer(t);
   }
@@ -261,7 +261,7 @@ class z {
     const t = M(e);
     if (!t)
       return;
-    const r = e.closest("tbw-grid");
+    const r = e.closest("tbw-grid, [data-tbw-grid]");
     return (n) => {
       const i = u(n, t({
         grid: r ?? n
@@ -304,7 +304,7 @@ class z {
     const n = {
       editorParams: r.editorParams
     };
-    return r.renderer && (n.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (n.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && P && (n.filterPanelRenderer = P(
+    return r.renderer && (n.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (n.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && b && (n.filterPanelRenderer = b(
       r.filterPanelRenderer,
       t,
       this.bridgeContext
@@ -318,7 +318,7 @@ class z {
     return (r) => {
       const n = document.createElement("span");
       n.style.display = "contents";
-      const s = r.cellEl?.closest("tbw-grid") ?? t, i = u(n, e(r), void 0, s);
+      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;
     };
   }
@@ -365,7 +365,7 @@ class z {
       g(e);
     this.allPortalKeys.clear(), this.editorPortalKeys.clear(), this.keyToContainer.clear();
     for (const e of this.editorBeforeCloseUnsubs.values()) e();
-    this.editorBeforeCloseUnsubs.clear(), d.clear();
+    this.editorBeforeCloseUnsubs.clear(), c.clear();
   }
   /**
    * Called when a cell's content is about to be wiped.

package/features/editing.js

@@ -1,5 +1,5 @@
 import "@toolbox-web/grid/features/editing";
-import { r, m as s } from "../chunks/react-column-config-Dz234dN8.js";
+import { r, m as s } from "../chunks/react-column-config-BOe_PgL1.js";
 r(({ container: t, gridEl: e }) => {
   const o = s(t);
   return e.addEventListener("before-edit-close", o), () => e.removeEventListener("before-edit-close", o);

package/features/filtering.js

@@ -2,8 +2,8 @@ import { FilteringPlugin as F } from "@toolbox-web/grid/plugins/filtering";
 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-BydpO5wl.js";
-import { r as C } from "../chunks/react-grid-adapter-KD5roD6F.js";
+import { r as v, a as m } from "../chunks/portal-bridge-CvxNt40O.js";
+import { r as C } from "../chunks/react-grid-adapter-BuuCl9rO.js";
 E(
   "filtering",
   (l) => {
@@ -30,7 +30,7 @@ C((l, o, { trackPortal: e }) => {
   return (s, a) => {
     const g = document.createElement("div");
     g.style.display = "contents";
-    const c = s.closest("tbw-grid") ?? o, d = m(g, f(a), void 0, c);
+    const c = s.closest("tbw-grid, [data-tbw-grid]") ?? o, d = m(g, f(a), void 0, c);
     e(d, g, !1), s.appendChild(g);
   };
 });

package/features/grouping-columns.js

@@ -1,6 +1,6 @@
 import { GroupingColumnsPlugin as t } from "@toolbox-web/grid/plugins/grouping-columns";
 import { registerFeature as c } from "@toolbox-web/grid/features/registry";
-import { c as p } from "../chunks/portal-bridge-BydpO5wl.js";
+import { c as p } from "../chunks/portal-bridge-CvxNt40O.js";
 function u(n) {
   const r = p(n);
   return (o) => r(o) ?? document.createElement("div");

package/features/grouping-rows.js

@@ -1,6 +1,6 @@
 import { GroupingRowsPlugin as o } from "@toolbox-web/grid/plugins/grouping-rows";
 import { registerFeature as c } from "@toolbox-web/grid/features/registry";
-import { c as p } from "../chunks/portal-bridge-BydpO5wl.js";
+import { c as p } from "../chunks/portal-bridge-CvxNt40O.js";
 c(
   "groupingRows",
   (e) => {

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,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,gBAAgB,CAAC;AACxB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC"}

package/features/index.js

@@ -20,6 +20,7 @@ import "./responsive.js";
 import "@toolbox-web/grid/features/row-drag-drop";
 import "@toolbox-web/grid/features/selection";
 import "@toolbox-web/grid/features/server-side";
+import "@toolbox-web/grid/features/sticky-rows";
 import "@toolbox-web/grid/features/tooltip";
 import "@toolbox-web/grid/features/tree";
 import "@toolbox-web/grid/features/undo-redo";

package/features/master-detail.js

@@ -1,7 +1,7 @@
 import "@toolbox-web/grid/features/master-detail";
-import { g as c } from "../chunks/grid-detail-panel-CR7YUhdN.js";
-import { a as s } from "../chunks/portal-bridge-BydpO5wl.js";
-import { a as d } from "../chunks/react-grid-adapter-KD5roD6F.js";
+import { g as c } from "../chunks/grid-detail-panel-BZFcujsZ.js";
+import { a as s } from "../chunks/portal-bridge-CvxNt40O.js";
+import { a as d } from "../chunks/react-grid-adapter-BuuCl9rO.js";
 d((r, { trackPortal: n }) => {
   const t = c(r);
   if (t)

package/features/pinned-rows.js

@@ -1,7 +1,7 @@
 import "@toolbox-web/grid/features/pinned-rows";
 import { PinnedRowsPlugin as o } from "@toolbox-web/grid/plugins/pinned-rows";
 import { registerFeature as m } from "@toolbox-web/grid/features/registry";
-import { c } from "../chunks/portal-bridge-BydpO5wl.js";
+import { c } from "../chunks/portal-bridge-CvxNt40O.js";
 function u(r) {
   return c(r);
 }

package/features/responsive.js

@@ -1,7 +1,7 @@
 import "@toolbox-web/grid/features/responsive";
-import { g as i } from "../chunks/grid-responsive-card-BB28Zl2O.js";
-import { a as c } from "../chunks/portal-bridge-BydpO5wl.js";
-import { b as d } from "../chunks/react-grid-adapter-KD5roD6F.js";
+import { g as i } from "../chunks/grid-responsive-card-CSZhDCoN.js";
+import { a as c } from "../chunks/portal-bridge-CvxNt40O.js";
+import { b as d } from "../chunks/react-grid-adapter-BuuCl9rO.js";
 d((r, { trackPortal: o }) => {
   const n = i(r);
   if (n)

package/features/row-drag-drop.js

@@ -0,0 +1 @@
+import "@toolbox-web/grid/features/row-drag-drop";

package/features/sticky-rows.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=sticky-rows.d.ts.map

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

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

package/features/sticky-rows.js

@@ -0,0 +1 @@
+import "@toolbox-web/grid/features/sticky-rows";

package/index.js

@@ -1,28 +1,28 @@
-import { jsx as S, Fragment as V, jsxs as fe } from "react/jsx-runtime";
-import { DataGridElement as de } from "@toolbox-web/grid";
-import { createContext as ie, useContext as A, forwardRef as se, useRef as h, useReducer as ge, useImperativeHandle as ce, useLayoutEffect as ue, Component as pe, useMemo as D, useEffect as P, Children as me, isValidElement as Ce, useCallback as x, useState as X } from "react";
-import { g as ye } from "./chunks/grid-responsive-card-BB28Zl2O.js";
-import { G as ar } from "./chunks/grid-responsive-card-BB28Zl2O.js";
-import { s as ee } from "./chunks/portal-bridge-BydpO5wl.js";
-import { flushSync as re, createPortal as he } from "react-dom";
-import { p as ve } from "./chunks/react-column-config-Dz234dN8.js";
-import { G as Re, c as we, d as be } from "./chunks/react-grid-adapter-KD5roD6F.js";
-import { e as fr } from "./chunks/react-grid-adapter-KD5roD6F.js";
-import { createPluginsFromFeatures as Pe } from "@toolbox-web/grid/features/registry";
-import { G as ae } from "./chunks/grid-element-context-BU3WvNtM.js";
-import { G as gr } from "./chunks/grid-detail-panel-CR7YUhdN.js";
-function Se(r) {
+import { jsx as S, Fragment as V, jsxs as de } from "react/jsx-runtime";
+import { DataGridElement as ie } from "@toolbox-web/grid";
+import { createContext as se, useContext as A, forwardRef as ce, useRef as h, useReducer as ge, useImperativeHandle as ue, useLayoutEffect as ae, Component as pe, useMemo as E, useEffect as P, createElement as me, Children as Ce, isValidElement as ye, useCallback as x, useState as X } from "react";
+import { g as he } from "./chunks/grid-responsive-card-CSZhDCoN.js";
+import { G as lr } from "./chunks/grid-responsive-card-CSZhDCoN.js";
+import { s as ee } from "./chunks/portal-bridge-CvxNt40O.js";
+import { flushSync as re, createPortal as ve } from "react-dom";
+import { p as Re } from "./chunks/react-column-config-BOe_PgL1.js";
+import { G as we, c as be, d as Pe } from "./chunks/react-grid-adapter-BuuCl9rO.js";
+import { e as dr } from "./chunks/react-grid-adapter-BuuCl9rO.js";
+import { createPluginsFromFeatures as Se } from "@toolbox-web/grid/features/registry";
+import { G as le } from "./chunks/grid-element-context-BU3WvNtM.js";
+import { G as pr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
+function Ge(r) {
   return r.charAt(0).toUpperCase() + r.slice(1);
 }
 function te(r) {
-  return r.toLowerCase() === "id" ? "ID" : r.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Se).join(" ");
+  return r.toLowerCase() === "id" ? "ID" : r.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Ge).join(" ");
 }
-const Ge = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
-function xe(r) {
+const xe = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
+function Ee(r) {
   const t = r.lastIndexOf(":");
   if (t > 0) {
     const s = r.slice(t + 1).toLowerCase();
-    if (Ge.has(s)) {
+    if (xe.has(s)) {
       const i = r.slice(0, t);
       return {
         field: i,
@@ -37,12 +37,12 @@ function xe(r) {
   };
 }
 function De(r) {
-  return r.map((t) => typeof t == "string" ? xe(t) : t);
+  return r.map((t) => typeof t == "string" ? Ee(t) : t);
 }
-function Ee(r, t) {
+function Fe(r, t) {
   return t ? r.map((s) => ({ ...t, ...s })) : r;
 }
-function Ze(r) {
+function Qe(r) {
   return r.some((t) => typeof t == "string");
 }
 const $ = {
@@ -87,15 +87,15 @@ const $ = {
   onPrintStart: "print-start",
   onPrintComplete: "print-complete",
   onTbwScroll: "tbw-scroll"
-}, H = ie(null), Fe = ({ icons: r, children: t }) => /* @__PURE__ */ S(H.Provider, { value: r, children: t });
-function Qe() {
+}, H = se(null), Ae = ({ icons: r, children: t }) => /* @__PURE__ */ S(H.Provider, { value: r, children: t });
+function Xe() {
   return A(H);
 }
-const Ae = H, N = ie(null), Le = ({ defaults: r, children: t }) => /* @__PURE__ */ S(N.Provider, { value: r, children: t });
-function Xe() {
+const Le = H, N = se(null), Te = ({ defaults: r, children: t }) => /* @__PURE__ */ S(N.Provider, { value: r, children: t });
+function er() {
   return A(N);
 }
-function er(r) {
+function rr(r) {
   return A(N)?.[r];
 }
 const ke = N;
@@ -111,7 +111,7 @@ class Ie extends pe {
     return this.state.failed ? null : this.props.children;
   }
 }
-const Te = se(function(t, s) {
+const Me = ce(function(t, s) {
   const i = h(/* @__PURE__ */ new Map()), [, f] = ge((p) => p + 1, 0), m = h(!1), d = h(0), a = h(0), v = h(!1), y = h(!1), R = () => {
     m.current || (m.current = !0, queueMicrotask(() => {
       m.current = !1, !y.current && (re(f), w());
@@ -123,7 +123,7 @@ const Te = se(function(t, s) {
   }, b = (p, n) => {
     console.error(`[grid-react] Portal "${p}" crashed; dropping.`, n), i.current.delete(p), w();
   };
-  ce(
+  ue(
     s,
     () => ({
       renderPortal(p, n, g) {
@@ -153,22 +153,22 @@ const Te = se(function(t, s) {
     // forceRender is stable (useReducer dispatch), refs are stable
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), ue(() => {
+  ), ae(() => {
     y.current = !1;
     const p = i.current;
     return () => {
       y.current = !0, d.current && (cancelAnimationFrame(d.current), d.current = 0), p.clear();
     };
   }, []);
-  const E = [];
+  const D = [];
   let G = null;
   for (const [p, { container: n, element: g }] of i.current) {
     if (!n.isConnected) {
       (G ??= []).push(p);
       continue;
     }
-    E.push(
-      he(
+    D.push(
+      ve(
         /* @__PURE__ */ S(Ie, { portalKey: p, onError: b, children: g }),
         n,
         p
@@ -181,15 +181,15 @@ const Te = se(function(t, s) {
       for (const n of p) i.current.delete(n);
     });
   }
-  return /* @__PURE__ */ S(V, { children: E });
-}), Me = {
+  return /* @__PURE__ */ S(V, { children: D });
+}), Ne = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
-function Ne(r) {
+function Oe(r) {
   const t = new Set(r);
   for (const s of r) {
-    const i = Me[s];
+    const i = Ne[s];
     if (i)
       for (const f of i)
         t.has(f) || console.warn(
@@ -197,11 +197,11 @@ function Ne(r) {
         );
   }
 }
-function Oe(r) {
+function je(r) {
   const t = [];
   for (const [s, i] of Object.entries(r))
     i === void 0 || i === !1 || t.push(s);
-  return Ne(t), Pe(r);
+  return Oe(t), Se(r);
 }
 let ne = !1, _ = null;
 const oe = [
@@ -231,26 +231,26 @@ const oe = [
   "tooltip"
 ];
 function q() {
-  return ne || (_ = new Re(), de.registerAdapter(_), ne = !0), _;
+  return ne || (_ = new we(), ie.registerAdapter(_), ne = !0), _;
 }
 q();
-function je(r) {
+function ze(r) {
   const s = r.getPluginByName?.("masterDetail");
   s && typeof s.refreshDetailRenderer == "function" && s.refreshDetailRenderer();
 }
-function ze(r, t) {
+function Be(r, t) {
   const s = r;
-  if (!r.querySelector("tbw-grid-responsive-card") || !ye(r)) return;
+  if (!r.querySelector("tbw-grid-responsive-card") || !he(r)) return;
   const m = s.getPluginByName?.("responsive");
   if (m && typeof m.setCardRenderer == "function") {
     const d = t.createResponsiveCardRenderer(r);
     d && m.setCardRenderer(d);
   }
 }
-function Be(r) {
+function $e(r) {
   const t = {};
-  return me.forEach(r, (s) => {
-    if (Ce(s)) {
+  return Ce.forEach(r, (s) => {
+    if (ye(s)) {
       if (s.type && s.type.displayName === "GridDetailPanel") {
         const i = s.props;
         t.masterDetail = {
@@ -264,7 +264,7 @@ function Be(r) {
     }
   }), t;
 }
-const rr = se(function(t, s) {
+const tr = ce(function(t, s) {
   const {
     // Core props
     rows: i,
@@ -277,7 +277,7 @@ const rr = se(function(t, s) {
     selectable: R,
     loading: w,
     customStyles: b,
-    className: E,
+    className: D,
     style: G,
     children: p,
     // Plugin props
@@ -288,33 +288,33 @@ const rr = se(function(t, s) {
     onRowsChange: C,
     // Feature props and event props are in ...rest
     ...l
-  } = t, c = h(null), M = h(null), K = h(!1), U = A(ke), O = A(Ae), le = D(() => oe.map((e) => {
+  } = t, c = h(null), M = h(null), K = h(!1), U = A(ke), O = A(Le), fe = E(() => oe.map((e) => {
     const o = l[e];
     return o !== void 0 ? `${e}:${JSON.stringify(o)}` : "";
-  }).filter(Boolean).join("|"), [l]), Y = D(() => {
+  }).filter(Boolean).join("|"), [l]), Y = E(() => {
     const e = {};
     for (const o of oe)
       o in l && l[o] !== void 0 && (e[o] = l[o]);
     return e;
-  }, [le]), J = D(() => Be(p), [p]), W = D(() => {
+  }, [fe]), J = E(() => $e(p), [p]), W = E(() => {
     const e = f?.features, o = {};
     for (const [u, F] of Object.entries(J))
       e && u in e && e[u] !== void 0 && e[u] !== !1 || (o[u] = F);
     return { ...o, ...Y };
-  }, [Y, J, f]), j = D(() => n || g ? [] : Oe(W), [W, n, g]), L = D(() => {
+  }, [Y, J, f]), j = E(() => n || g ? [] : je(W), [W, n, g]), L = E(() => {
     if (n) {
       const e = new Set(n.map((u) => u.name)), o = j.filter((u) => !e.has(u.name));
       return [...n, ...o];
     }
     return j;
-  }, [n, j]), k = D(() => m && Ee(De(m), d), [m, d]), I = D(() => {
-    const e = ve(f), o = {};
+  }, [n, j]), T = E(() => m && Fe(De(m), d), [m, d]), k = E(() => {
+    const e = Re(f), o = {};
     if (v !== void 0 && (o.sortable = v), y !== void 0 && (o.filterable = y), R !== void 0 && (o.selectable = R), O) {
       const u = e?.icons || f?.icons || {};
       o.icons = { ...O, ...u };
     }
     if (L.length > 0 && e) {
-      const u = e.plugins || [], F = new Set(u.map((T) => T.name)), B = L.filter((T) => !F.has(T.name));
+      const u = e.plugins || [], F = new Set(u.map((I) => I.name)), B = L.filter((I) => !F.has(I.name));
       return {
         ...e,
         ...o,
@@ -328,10 +328,10 @@ const rr = se(function(t, s) {
   }, [U]), P(() => {
     c.current && (c.current.rows = i);
   }, [i]), P(() => {
-    c.current && I && (c.current.gridConfig = I);
-  }, [I]), P(() => {
-    c.current && k && (c.current.columns = k);
+    c.current && k && (c.current.gridConfig = k);
   }, [k]), P(() => {
+    c.current && T && (c.current.columns = T);
+  }, [T]), P(() => {
     c.current && a !== void 0 && (c.current.fitMode = a);
   }, [a]), P(() => {
     c.current && w !== void 0 && (c.current.loading = w);
@@ -339,7 +339,7 @@ const rr = se(function(t, s) {
     const e = c.current;
     if (!e) return;
     const o = q();
-    e.__frameworkAdapter = o, je(e), ze(e, o);
+    e.__frameworkAdapter = o, ze(e), Be(e, o);
     let u = !1;
     const F = requestAnimationFrame(() => {
       u || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
@@ -364,7 +364,7 @@ const rr = se(function(t, s) {
       o.forEach((u) => u());
     };
   }, [C]);
-  const Z = D(() => Object.keys($).filter((e) => typeof l[e] == "function").sort().join("|"), [l]), Q = h({});
+  const Z = E(() => Object.keys($).filter((e) => typeof l[e] == "function").sort().join("|"), [l]), Q = h({});
   for (const e of Object.keys($))
     Q.current[e] = l[e];
   P(() => {
@@ -373,14 +373,14 @@ const rr = se(function(t, s) {
     const o = [];
     for (const [u, F] of Object.entries($))
       Z.includes(u) && o.push(
-        e.on(F, (B, T) => {
-          Q.current[u]?.(B, T);
+        e.on(F, (B, I) => {
+          Q.current[u]?.(B, I);
         })
       );
     return () => {
       o.forEach((u) => u());
     };
-  }, [Z]), ce(
+  }, [Z]), ue(
     s,
     () => ({
       get element() {
@@ -423,31 +423,31 @@ const rr = se(function(t, s) {
     []
   );
   const z = h(null);
-  return ue(() => {
+  return ae(() => {
     const e = c.current;
     return e && z.current && ee(e, z.current), () => {
       e && ee(e, null);
     };
-  }, []), /* @__PURE__ */ fe(V, { children: [
-    /* @__PURE__ */ S(Te, { ref: z }),
-    /* @__PURE__ */ S(
-      "tbw-grid",
+  }, []), /* @__PURE__ */ de(V, { children: [
+    /* @__PURE__ */ S(Me, { ref: z }),
+    me(
+      ie.activeTag,
       {
         ref: (e) => {
           if (c.current = e, e && !K.current) {
             K.current = !0;
             const o = e;
-            I && (o.gridConfig = I), i && (o.rows = i), k && (o.columns = k);
+            k && (o.gridConfig = k), i && (o.rows = i), T && (o.columns = T);
           }
         },
-        class: E,
-        style: G,
-        children: /* @__PURE__ */ S(ae.Provider, { value: c, children: p })
-      }
+        class: D,
+        style: G
+      },
+      /* @__PURE__ */ S(le.Provider, { value: c, children: p })
     )
   ] });
 });
-function tr(r) {
+function nr(r) {
   const {
     field: t,
     header: s,
@@ -461,28 +461,28 @@ function tr(r) {
     lockVisible: R,
     children: w,
     editor: b,
-    options: E,
+    options: D,
     multi: G,
     format: p
   } = r, n = h(null), g = x(
     (c) => {
-      n.current = c, c && (w && we(c, w), b && be(c, b));
+      n.current = c, c && (w && be(c, w), b && Pe(c, b));
     },
     [w, b]
   ), C = typeof a == "number" ? `${a}px` : a, l = {
     field: t,
     ref: g
   };
-  return s !== void 0 && (l.header = s), i !== void 0 && (l.type = i), f !== void 0 && (l.editable = f), m !== void 0 && (l.sortable = m), d !== void 0 && (l.resizable = d), C !== void 0 && (l.width = C), v !== void 0 && (l["min-width"] = v), y !== void 0 && (l.hidden = y), R !== void 0 && (l["lock-visible"] = R), G !== void 0 && (l.multi = G), p && (l["data-has-format"] = "true"), E && (l["data-has-options"] = "true"), /* @__PURE__ */ S("tbw-grid-column", { ...l });
+  return s !== void 0 && (l.header = s), i !== void 0 && (l.type = i), f !== void 0 && (l.editable = f), m !== void 0 && (l.sortable = m), d !== void 0 && (l.resizable = d), C !== void 0 && (l.width = C), v !== void 0 && (l["min-width"] = v), y !== void 0 && (l.hidden = y), R !== void 0 && (l["lock-visible"] = R), G !== void 0 && (l.multi = G), p && (l["data-has-format"] = "true"), D && (l["data-has-options"] = "true"), /* @__PURE__ */ S("tbw-grid-column", { ...l });
 }
-function nr({ children: r }) {
+function or({ children: r }) {
   return /* @__PURE__ */ S("tbw-grid-tool-buttons", { children: r });
 }
-const or = ({ icons: r, defaults: t, children: s }) => {
+const ir = ({ icons: r, defaults: t, children: s }) => {
   let i = s;
-  return t && (i = /* @__PURE__ */ S(Le, { defaults: t, children: i })), r && (i = /* @__PURE__ */ S(Fe, { icons: r, children: i })), /* @__PURE__ */ S(V, { children: i });
+  return t && (i = /* @__PURE__ */ S(Te, { defaults: t, children: i })), r && (i = /* @__PURE__ */ S(Ae, { icons: r, children: i })), /* @__PURE__ */ S(V, { children: i });
 };
-function ir(r) {
+function sr(r) {
   const t = h(null), [s, i] = X(!1), [f, m] = X(null), d = h(null), a = x(() => r ? (d.current ??= document.querySelector(r), d.current) : t.current?.element ?? null, [r]);
   P(() => {
     let n = !0;
@@ -542,7 +542,7 @@ function ir(r) {
   ), b = x(
     ((n) => a()?.getPluginByName?.(n)),
     [a]
-  ), E = x(
+  ), D = x(
     (n, g) => {
       const C = a();
       if (C) {
@@ -573,18 +573,18 @@ function ir(r) {
     toggleGroup: R,
     getPlugin: w,
     getPluginByName: b,
-    registerStyles: E,
+    registerStyles: D,
     unregisterStyles: G,
     getVisibleColumns: p
   };
 }
-function sr(r, t = {}) {
-  const { open: s = !0, gridElement: i } = t, f = A(ae);
+function cr(r, t = {}) {
+  const { open: s = !0, gridElement: i } = t, f = A(le);
   P(() => {
     if (!s) return;
     const m = r.current;
     if (!m) return;
-    const d = i ?? m.closest("tbw-grid") ?? f?.current ?? null;
+    const d = i ?? m.closest("tbw-grid, [data-tbw-grid]") ?? f?.current ?? null;
     if (d)
       return d.registerExternalFocusContainer?.(m), () => {
         d.unregisterExternalFocusContainer?.(m);
@@ -592,23 +592,23 @@ function sr(r, t = {}) {
   }, [s, i, f, r]);
 }
 export {
-  rr as DataGrid,
-  Re as GridAdapter,
-  tr as GridColumn,
-  gr as GridDetailPanel,
-  Fe as GridIconProvider,
-  or as GridProvider,
-  ar as GridResponsiveCard,
-  nr as GridToolButtons,
-  fr as GridToolPanel,
-  Le as GridTypeProvider,
-  Ee as applyColumnDefaults,
-  Ze as hasColumnShorthands,
+  tr as DataGrid,
+  we as GridAdapter,
+  nr as GridColumn,
+  pr as GridDetailPanel,
+  Ae as GridIconProvider,
+  ir as GridProvider,
+  lr as GridResponsiveCard,
+  or as GridToolButtons,
+  dr as GridToolPanel,
+  Te as GridTypeProvider,
+  Fe as applyColumnDefaults,
+  Qe as hasColumnShorthands,
   De as normalizeColumns,
-  xe as parseColumnShorthand,
-  ir as useGrid,
-  Qe as useGridIcons,
-  sr as useGridOverlay,
-  Xe as useGridTypeDefaults,
-  er as useTypeDefault
+  Ee as parseColumnShorthand,
+  sr as useGrid,
+  Xe as useGridIcons,
+  cr as useGridOverlay,
+  er as useGridTypeDefaults,
+  rr as useTypeDefault
 };

package/lib/data-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/data-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzE,OAAO,EAUL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,aAAa,CAAC;AACrB,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,iBAAiB,CAAC;AAO1E,OAAO,EAAqB,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAoE9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAqF9B;;;;;;;;;;GAUG;AACH,MAAM,WAAW,aAAa,CAAC,IAAI,GAAG,OAAO,CAAE,SAAQ,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IAC5F,0BAA0B;IAC1B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC;;;;;;;;;;;;;;OAcG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;IACjD;;;;;;;;;;;;;;;;;OAiBG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAG3B,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,OAAO;IACzC,yDAAyD;IACzD,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,sCAAsC;IACtC,SAAS,EAAE,MAAM,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrD,oCAAoC;IACpC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,mCAAmC;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yBAAyB;IACzB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,6BAA6B;IAC7B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,+BAA+B;IAC/B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2CAA2C;IAC3C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,4CAA4C;IAC5C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,yCAAyC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,0CAA0C;IAC1C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD,uDAAuD;IACvD,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,eAAO,MAAM,QAAQ,EA8bf,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/data-grid.tsx"],"names":[],"mappings":"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"}

package/lib/feature-props.d.ts

@@ -1,4 +1,4 @@
-import { ClipboardConfig, ColumnVirtualizationConfig, ContextMenuConfig, ExportConfig, FilterConfig, GroupingColumnsConfig, GroupingRowsConfig, MasterDetailConfig, MultiSortConfig, PinnedRowsConfig, PivotConfig, PrintConfig, ReorderConfig, ResponsivePluginConfig, RowDragDropConfig, RowReorderConfig, SelectionConfig, ServerSideConfig, TooltipConfig, TreeConfig, UndoRedoConfig, VisibilityConfig } from '@toolbox-web/grid/all';
+import { ClipboardConfig, ColumnVirtualizationConfig, ContextMenuConfig, ExportConfig, FilterConfig, GroupingColumnsConfig, GroupingRowsConfig, MasterDetailConfig, MultiSortConfig, PinnedRowsConfig, PivotConfig, PrintConfig, ReorderConfig, ResponsivePluginConfig, RowDragDropConfig, RowReorderConfig, SelectionConfig, ServerSideConfig, StickyRowsConfig, TooltipConfig, TreeConfig, UndoRedoConfig, VisibilityConfig } from '@toolbox-web/grid/all';
 import { EditingConfig } from '@toolbox-web/grid/plugins/editing';
 import { FilterPanelParams } from '@toolbox-web/grid/plugins/filtering';
 import { ColumnGroupDefinition } from '@toolbox-web/grid/plugins/grouping-columns';
@@ -251,6 +251,25 @@ export interface FeatureProps<TRow = unknown> {
      * ```
      */
     pinnedRows?: boolean | PinnedRowsConfig;
+    /**
+     * Pin selected data rows below the header as the user scrolls past them.
+     *
+     * @requires `import '@toolbox-web/grid-react/features/sticky-rows';`
+     *
+     * @example
+     * ```tsx
+     * // Field-name shorthand
+     * <DataGrid stickyRows={{ isSticky: 'isSection' }} />
+     *
+     * // Predicate + stack mode
+     * <DataGrid stickyRows={{
+     *   isSticky: (row) => row.kind === 'section',
+     *   mode: 'stack',
+     *   maxStacked: 3,
+     * }} />
+     * ```
+     */
+    stickyRows?: StickyRowsConfig;
     /**
      * Enable hierarchical tree view.
      *

package/lib/feature-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-props.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/feature-props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"feature-props.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/feature-props.ts"],"names":[],"mappings":"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"}

package/lib/use-grid-overlay.d.ts

@@ -19,7 +19,7 @@ export interface UseGridOverlayOptions {
      * Optional explicit grid element. When omitted, the hook resolves the
      * grid by:
      *
-     * 1. Walking up the DOM from `panelRef.current` via `closest('tbw-grid')`
+     * 1. Walking up the DOM from `panelRef.current` via `closest('tbw-grid, [data-tbw-grid]')`
      *    (works for inline overlays).
      * 2. Falling back to the `GridElementContext` populated by
      *    `<DataGrid>` / `<GridProvider>` (works for portal-rendered overlays

package/package.json

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

package/chunks/grid-responsive-card-BB28Zl2O.js

@@ -1,45 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useRef as f, useCallback as l, useEffect as p } from "react";
-const o = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new Map();
-function w(i) {
-  const r = i.querySelector("tbw-grid-responsive-card");
-  if (r) {
-    const d = o.get(r);
-    if (d) return d;
-  }
-  const s = i.id || i.getAttribute("data-grid-id");
-  if (s)
-    return a.get(s);
-}
-function R(i) {
-  const { children: r, cardRowHeight: s = "auto" } = i, d = f(null), c = l(
-    (e) => {
-      if (d.current = e, !e) return;
-      o.set(e, r);
-      const t = e.closest("tbw-grid");
-      if (t) {
-        const n = t.id || t.getAttribute("data-grid-id");
-        n && a.set(n, r);
-      }
-    },
-    [r]
-  );
-  p(() => () => {
-    const e = d.current;
-    if (e) {
-      o.delete(e);
-      const t = e.closest("tbw-grid");
-      if (t) {
-        const n = t.id || t.getAttribute("data-grid-id");
-        n && a.delete(n);
-      }
-    }
-  }, []);
-  const g = s === "auto" ? "auto" : String(s);
-  return /* @__PURE__ */ u("tbw-grid-responsive-card", { ref: c, cardRowHeight: g });
-}
-R.displayName = "GridResponsiveCard";
-export {
-  R as G,
-  w as g
-};

package/chunks/portal-bridge-BydpO5wl.js

@@ -1,68 +0,0 @@
-import { flushSync as d } from "react-dom";
-import { createRoot as p } from "react-dom/client";
-const o = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-let m = 0;
-function B(e, t) {
-  t ? o.set(e, t) : o.delete(e);
-}
-function g(e, t) {
-  if (t) return t;
-  const n = e.closest("tbw-grid");
-  if (n) return n;
-  if (o.size === 1) return o.keys().next().value;
-}
-function u(e) {
-  const t = i.get(e);
-  if (t) {
-    try {
-      t.unmount();
-    } catch {
-    }
-    i.delete(e);
-  }
-}
-function v(e, t, n, r) {
-  const s = n ?? `p-${m++}`, a = g(e, r), l = a ? o.get(a) : void 0;
-  if (l)
-    u(s), a && f.set(s, a), l.renderPortal(s, e, t);
-  else {
-    let c = i.get(s);
-    c || (c = p(e), i.set(s, c)), d(() => c.render(t));
-  }
-  return s;
-}
-function M(e, t) {
-  const n = f.get(e);
-  (n ? o.get(n) : void 0)?.removePortal(e, t?.sync), f.delete(e), u(e);
-}
-function w(e) {
-  if (e) {
-    o.get(e)?.beginBatch();
-    return;
-  }
-  for (const t of o.values()) t.beginBatch();
-}
-function y(e) {
-  if (e) {
-    o.get(e)?.endBatch();
-    return;
-  }
-  for (const t of o.values()) t.endBatch();
-}
-function P(e) {
-  return (t) => {
-    const n = e(t);
-    if (n == null || n === !1) return null;
-    if (n instanceof HTMLElement) return n;
-    const r = document.createElement("div");
-    return r.style.display = "contents", v(r, n), r;
-  };
-}
-export {
-  v as a,
-  w as b,
-  P as c,
-  y as e,
-  M as r,
-  B as s
-};