@toolbox-web/grid-react 1.6.0 → 1.6.1

package/chunks/portal-bridge-BydpO5wl.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(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
+};

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

@@ -1,4 +1,4 @@
-import { a as u, r as f } from "./portal-bridge-CH_xMkYc.js";
+import { a as u, r as f } from "./portal-bridge-BydpO5wl.js";
 const y = [];
 function H(e) {
   y.push(e);

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

@@ -1,16 +1,16 @@
-import { p as b, n as m, c as K } from "./react-column-config-B8Isgp88.js";
+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 } from "./portal-bridge-CH_xMkYc.js";
+import { a as u, r as g, b as B, e as D } from "./portal-bridge-BydpO5wl.js";
 const p = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new Map();
-function D(o) {
+function M(o) {
   const e = p.get(o);
   if (e) return e;
   const t = o.id;
   if (t)
     return h.get(t);
 }
-function x(o) {
+function W(o) {
   const { id: e, title: t, icon: r, tooltip: n, order: s = 100, children: i } = o, l = k(null), y = E(
     (a) => {
       l.current = a, a && (p.set(a, i), e && h.set(e, i));
@@ -33,47 +33,47 @@ function x(o) {
   );
 }
 let R = null, v = null, P = null;
-function S(o) {
+function I(o) {
   R = o;
 }
-function W(o) {
+function N(o) {
   v = o;
 }
-function I(o) {
+function j(o) {
   P = o;
 }
-const d = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Map();
-function N(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 c = /* @__PURE__ */ new WeakMap(), d = /* @__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);
   }
 }
-function j(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 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);
   }
 }
-function B(o) {
-  let e = d.get(o)?.renderer;
+function A(o) {
+  let e = c.get(o)?.renderer;
   if (!e) {
     const t = o.getAttribute("field");
-    t && (e = c.get(t)?.renderer);
+    t && (e = d.get(t)?.renderer);
   }
   return e;
 }
-function M(o) {
-  let e = d.get(o)?.editor;
+function U(o) {
+  let e = c.get(o)?.editor;
   if (!e) {
     const t = o.getAttribute("field");
-    t && (e = c.get(t)?.editor);
+    t && (e = d.get(t)?.editor);
   }
   return e;
 }
-class q {
+class z {
   /** 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). */
@@ -136,10 +136,10 @@ class q {
    */
   canHandle(e) {
     const t = e.getAttribute("field");
-    let r = d.get(e);
+    let r = c.get(e);
     if (!r && t) {
-      const i = c.get(t);
-      i && (i.renderer || i.editor) && (r = i, d.set(e, r));
+      const i = d.get(t);
+      i && (i.renderer || i.editor) && (r = i, c.set(e, r));
     }
     const n = r?.renderer !== void 0, s = r?.editor !== void 0;
     return r !== void 0 && (n || s);
@@ -156,7 +156,7 @@ class q {
    * allowing the grid to use its default rendering.
    */
   createRenderer(e) {
-    const t = B(e);
+    const t = A(e);
     if (!t)
       return;
     const r = e.closest("tbw-grid"), n = /* @__PURE__ */ new WeakMap();
@@ -195,7 +195,7 @@ class q {
    * with commit/cancel callbacks passed as props.
    */
   createEditor(e) {
-    const t = M(e);
+    const t = U(e);
     if (!t)
       return () => document.createElement("div");
     const r = e.closest("tbw-grid") ?? void 0;
@@ -214,7 +214,7 @@ class q {
   /**
    * Creates a detail renderer function for MasterDetailPlugin.
    * Implementation is installed by `@toolbox-web/grid-react/features/master-detail`
-   * via {@link registerDetailRendererBridge}. Returns undefined if the
+   * via `registerDetailRendererBridge`. Returns undefined if the
    * master-detail feature has not been imported, or if no GridDetailPanel
    * was registered for this grid.
    */
@@ -233,7 +233,7 @@ class q {
   /**
    * Creates a responsive card renderer function for ResponsivePlugin.
    * Implementation is installed by `@toolbox-web/grid-react/features/responsive`
-   * via {@link registerResponsiveCardRendererBridge}. Returns undefined if
+   * via `registerResponsiveCardRendererBridge`. Returns undefined if
    * the responsive feature has not been imported, or if no GridResponsiveCard
    * was registered for this grid.
    */
@@ -258,7 +258,7 @@ class q {
    * Renders React components into tool panel containers.
    */
   createToolPanelRenderer(e) {
-    const t = D(e);
+    const t = M(e);
     if (!t)
       return;
     const r = e.closest("tbw-grid");
@@ -365,7 +365,7 @@ class q {
       g(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(), d.clear();
   }
   /**
    * Called when a cell's content is about to be wiped.
@@ -404,13 +404,33 @@ class q {
     const t = this.containerToKey.get(e);
     t && (g(t), this.untrackPortal(t));
   }
+  /**
+   * Open a teardown batch on the PortalManager. Grid core wraps multi-cell
+   * release loops (`_clearRowPool`, row-pool shrink, full row rebuild) with
+   * `beginBatch` / `endBatch` so the N per-cell sync removals collapse to a
+   * single deferred render instead of N `flushSync` calls. Eliminates the
+   * "flushSync was called from inside a lifecycle method" warning storm on
+   * grouping changes (#330).
+   */
+  beginBatch(e) {
+    B(e);
+  }
+  /**
+   * Close a teardown batch opened by {@link beginBatch}. Caller is
+   * responsible for ensuring affected containers are detached from the
+   * DOM before this returns; the manager's render-time `isConnected`
+   * filter then prunes them silently.
+   */
+  endBatch(e) {
+    D(e);
+  }
 }
 export {
-  q as G,
-  S as a,
-  W as b,
-  N as c,
-  j as d,
-  x as e,
-  I as r
+  z as G,
+  I as a,
+  N as b,
+  q as c,
+  H as d,
+  W as e,
+  j as r
 };

package/features/editing.js

@@ -1,5 +1,5 @@
 import "@toolbox-web/grid/features/editing";
-import { r, m as s } from "../chunks/react-column-config-B8Isgp88.js";
+import { r, m as s } from "../chunks/react-column-config-Dz234dN8.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-CH_xMkYc.js";
-import { r as C } from "../chunks/react-grid-adapter-DeV_qtlr.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";
 E(
   "filtering",
   (l) => {

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-CH_xMkYc.js";
+import { c as p } from "../chunks/portal-bridge-BydpO5wl.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-CH_xMkYc.js";
+import { c as p } from "../chunks/portal-bridge-BydpO5wl.js";
 c(
   "groupingRows",
   (e) => {

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-CH_xMkYc.js";
-import { a as d } from "../chunks/react-grid-adapter-DeV_qtlr.js";
+import { a as s } from "../chunks/portal-bridge-BydpO5wl.js";
+import { a as d } from "../chunks/react-grid-adapter-KD5roD6F.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-CH_xMkYc.js";
+import { c } from "../chunks/portal-bridge-BydpO5wl.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-CH_xMkYc.js";
-import { b as d } from "../chunks/react-grid-adapter-DeV_qtlr.js";
+import { a as c } from "../chunks/portal-bridge-BydpO5wl.js";
+import { b as d } from "../chunks/react-grid-adapter-KD5roD6F.js";
 d((r, { trackPortal: o }) => {
   const n = i(r);
   if (n)

package/index.d.ts

@@ -1,11 +1,12 @@
 export { DataGrid } from './lib/data-grid';
 export type { DataGridProps, DataGridRef } from './lib/data-grid';
 export { GridColumn } from './lib/grid-column';
+export type { GridColumnProps } from './lib/grid-column';
 export { GridDetailPanel, type DetailPanelContext, type GridDetailPanelProps } from './lib/grid-detail-panel';
 export { GridResponsiveCard, type GridResponsiveCardProps, type ResponsiveCardContext, } from './lib/grid-responsive-card';
 export { GridToolButtons, type GridToolButtonsProps } from './lib/grid-tool-button';
 export { GridToolPanel, type GridToolPanelProps, type ToolPanelContext } from './lib/grid-tool-panel';
-export type { AllFeatureProps, FeatureProps, SSRProps } from './lib/feature-props';
+export type { AllFeatureProps, FeatureProps, ReactColumnGroupDefinition, ReactFilterConfig, ReactGroupingColumnsConfig, SSRProps, } 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,OAAO,EAAE,eAAe,EAAE,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC9G,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;AAGtG,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGnF,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;AAGvD,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,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;AAGtG,YAAY,EACV,eAAe,EACf,YAAY,EACZ,0BAA0B,EAC1B,iBAAiB,EACjB,0BAA0B,EAC1B,QAAQ,GACT,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;AAGvD,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC"}