@toolbox-web/grid-react 1.1.0 → 1.1.1

package/chunks/{portal-bridge-B0mjqzak.js → portal-bridge-DZ4yQkmm.js}

@@ -7,11 +7,11 @@ function w(t, e) {
 }
 function g(t, e) {
   if (e) return e;
-  const n = t.closest("tbw-grid");
-  if (n) return n;
+  const o = t.closest("tbw-grid");
+  if (o) return o;
   if (r.size === 1) return r.keys().next().value;
 }
-function f(t) {
+function u(t) {
   const e = c.get(t);
   if (e) {
     try {
@@ -21,19 +21,19 @@ function f(t) {
     c.delete(t);
   }
 }
-function b(t, e, n, u) {
-  const o = n ?? `p-${m++}`, s = g(t, u), l = s ? r.get(s) : void 0;
-  if (l)
-    f(o), s && i.set(o, s), l.renderPortal(o, t, e);
+function b(t, e, o, l) {
+  const n = o ?? `p-${m++}`, s = g(t, l), f = s ? r.get(s) : void 0;
+  if (f)
+    u(n), s && i.set(n, s), f.renderPortal(n, t, e);
   else {
-    let a = c.get(o);
-    a || (a = p(t), c.set(o, a)), d(() => a.render(e));
+    let a = c.get(n);
+    a || (a = p(t), c.set(n, a)), d(() => a.render(e));
   }
-  return o;
+  return n;
 }
-function x(t) {
-  const e = i.get(t);
-  (e ? r.get(e) : void 0)?.removePortal(t), i.delete(t), f(t);
+function x(t, e) {
+  const o = i.get(t);
+  (o ? r.get(o) : void 0)?.removePortal(t, e?.sync), i.delete(t), u(t);
 }
 export {
   b as a,

package/features/filtering.js

@@ -1,6 +1,6 @@
 import { FilteringPlugin as F } from "@toolbox-web/grid/plugins/filtering";
 import { useContext as G, useCallback as n } from "react";
-import { r as h, a as k } from "../chunks/portal-bridge-B0mjqzak.js";
+import { r as h, a as k } from "../chunks/portal-bridge-DZ4yQkmm.js";
 import { registerFeature as E } from "@toolbox-web/grid/features/registry";
 import { G as R } from "../chunks/grid-element-context-BU3WvNtM.js";
 E("filtering", (l) => {

package/features/grouping-columns.js

@@ -1,5 +1,5 @@
 import { GroupingColumnsPlugin as u } from "@toolbox-web/grid/plugins/grouping-columns";
-import { a as s } from "../chunks/portal-bridge-B0mjqzak.js";
+import { a as s } from "../chunks/portal-bridge-DZ4yQkmm.js";
 import { registerFeature as i } from "@toolbox-web/grid/features/registry";
 function p(n) {
   const e = /* @__PURE__ */ new WeakMap();

package/features/grouping-rows.js

@@ -1,5 +1,5 @@
 import { GroupingRowsPlugin as n } from "@toolbox-web/grid/plugins/grouping-rows";
-import { a as c } from "../chunks/portal-bridge-B0mjqzak.js";
+import { a as c } from "../chunks/portal-bridge-DZ4yQkmm.js";
 import { registerFeature as a } from "@toolbox-web/grid/features/registry";
 a("groupingRows", (r) => {
   if (typeof r == "boolean") return new n();

package/features/pinned-rows.js

@@ -1,6 +1,6 @@
 import "@toolbox-web/grid/features/pinned-rows";
 import { PinnedRowsPlugin as o } from "@toolbox-web/grid/plugins/pinned-rows";
-import { a as u } from "../chunks/portal-bridge-B0mjqzak.js";
+import { a as u } from "../chunks/portal-bridge-DZ4yQkmm.js";
 import { registerFeature as p } from "@toolbox-web/grid/features/registry";
 p("pinnedRows", (n) => {
   if (typeof n == "boolean") return new o();

package/index.js

@@ -1,8 +1,8 @@
-import { jsx as b, Fragment as re, jsxs as Pe } from "react/jsx-runtime";
+import { jsx as b, Fragment as ne, jsxs as Pe } from "react/jsx-runtime";
 import { DataGridElement as be } from "@toolbox-web/grid";
-import { createContext as ye, useContext as O, useRef as E, useCallback as S, useEffect as P, forwardRef as he, useReducer as Ee, useImperativeHandle as ve, useMemo as D, useLayoutEffect as ke, Children as Se, isValidElement as De, useState as ue } from "react";
-import { a as w, r as H, s as fe } from "./chunks/portal-bridge-B0mjqzak.js";
-import { createPortal as Ge, flushSync as ge } from "react-dom";
+import { createContext as me, useContext as O, useRef as E, useCallback as S, useEffect as P, forwardRef as he, useReducer as Ee, useImperativeHandle as ve, useMemo as D, useLayoutEffect as ke, Children as Se, isValidElement as De, useState as fe } from "react";
+import { a as w, r as H, s as ge } from "./chunks/portal-bridge-DZ4yQkmm.js";
+import { flushSync as W, createPortal as Ge } from "react-dom";
 import { createPluginsFromFeatures as Ae } from "@toolbox-web/grid/features/registry";
 import { G as Te } from "./chunks/grid-element-context-BU3WvNtM.js";
 function xe(n) {
@@ -33,7 +33,7 @@ function Ne(n) {
 function Fe(n) {
   return n.map((e) => typeof e == "string" ? Ne(e) : e);
 }
-const W = {
+const B = {
   onCellClick: "cell-click",
   onRowClick: "row-click",
   onCellActivate: "cell-activate",
@@ -60,30 +60,30 @@ const W = {
   onPrintStart: "print-start",
   onPrintComplete: "print-complete",
   onTbwScroll: "tbw-scroll"
-}, ne = ye(null), Ie = ({ icons: n, children: e }) => /* @__PURE__ */ b(ne.Provider, { value: n, children: e });
+}, oe = me(null), Ie = ({ icons: n, children: e }) => /* @__PURE__ */ b(oe.Provider, { value: n, children: e });
 function pt() {
-  return O(ne);
+  return O(oe);
 }
-const Le = ne, J = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new Map();
+const Le = oe, Y = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new Map();
 function Ce(n) {
   const e = n.querySelector("tbw-grid-responsive-card");
   if (e) {
-    const r = J.get(e);
+    const r = Y.get(e);
     if (r) return r;
   }
   const t = n.id || n.getAttribute("data-grid-id");
   if (t)
-    return Y.get(t);
+    return Z.get(t);
 }
 function Me(n) {
   const { children: e, cardRowHeight: t = "auto" } = n, r = E(null), o = S(
     (c) => {
       if (r.current = c, !c) return;
-      J.set(c, e);
+      Y.set(c, e);
       const a = c.closest("tbw-grid");
       if (a) {
         const f = a.id || a.getAttribute("data-grid-id");
-        f && Y.set(f, e);
+        f && Z.set(f, e);
       }
     },
     [e]
@@ -91,11 +91,11 @@ function Me(n) {
   P(() => () => {
     const c = r.current;
     if (c) {
-      J.delete(c);
+      Y.delete(c);
       const a = c.closest("tbw-grid");
       if (a) {
         const f = a.id || a.getAttribute("data-grid-id");
-        f && Y.delete(f);
+        f && Z.delete(f);
       }
     }
   }, []);
@@ -103,17 +103,17 @@ function Me(n) {
   return /* @__PURE__ */ b("tbw-grid-responsive-card", { ref: o, cardRowHeight: s });
 }
 Me.displayName = "GridResponsiveCard";
-const z = ye(null), He = ({ defaults: n, children: e }) => /* @__PURE__ */ b(z.Provider, { value: n, children: e });
-function mt() {
+const z = me(null), He = ({ defaults: n, children: e }) => /* @__PURE__ */ b(z.Provider, { value: n, children: e });
+function yt() {
   return O(z);
 }
-function yt(n) {
+function mt(n) {
   return O(z)?.[n];
 }
 const Oe = z, je = he(function(e, t) {
   const r = E(/* @__PURE__ */ new Map()), [, o] = Ee((g) => g + 1, 0), s = E(!1), c = E(0), a = () => {
     s.current || (s.current = !0, queueMicrotask(() => {
-      s.current = !1, ge(o), f();
+      s.current = !1, W(o), f();
     }));
   }, f = () => {
     c.current || (c.current = requestAnimationFrame(() => {
@@ -121,7 +121,7 @@ const Oe = z, je = he(function(e, t) {
       let g = !1;
       for (const [C, R] of r.current)
         R.container.isConnected || (r.current.delete(C), g = !0);
-      g && ge(o);
+      g && W(o);
     }));
   };
   ve(
@@ -130,8 +130,8 @@ const Oe = z, je = he(function(e, t) {
       renderPortal(g, C, R) {
         r.current.set(g, { container: C, element: R }), a();
       },
-      removePortal(g) {
-        r.current.delete(g) && a();
+      removePortal(g, C) {
+        r.current.delete(g) && (C ? W(o) : a());
       },
       clear() {
         r.current.size > 0 && (r.current.clear(), c.current && (cancelAnimationFrame(c.current), c.current = 0), a());
@@ -144,8 +144,8 @@ const Oe = z, je = he(function(e, t) {
   const d = [];
   for (const [g, { container: C, element: R }] of r.current)
     d.push(Ge(R, C, g));
-  return /* @__PURE__ */ b(re, { children: d });
-}), B = /* @__PURE__ */ Symbol("reactProcessed"), G = [];
+  return /* @__PURE__ */ b(ne, { children: d });
+}), U = /* @__PURE__ */ Symbol("reactProcessed"), G = [];
 function ze(n) {
   for (let e = G.length - 1; e >= 0; e--) {
     const t = G[e];
@@ -204,7 +204,7 @@ function We(n) {
 }
 function Re(n) {
   if (!n) return;
-  if (n[B]) return n;
+  if (n[U]) return n;
   if (n.loadingRenderer && typeof n.loadingRenderer == "function") {
     const r = n.loadingRenderer;
     n = {
@@ -214,7 +214,7 @@ function Re(n) {
   }
   if (!n.columns) {
     const r = n;
-    return r[B] = !0, r;
+    return r[U] = !0, r;
   }
   const e = n.columns.map((r) => {
     const { renderer: o, editor: s, headerRenderer: c, headerLabelRenderer: a, ...f } = r, d = { ...f };
@@ -223,28 +223,28 @@ function Re(n) {
     ...n,
     columns: e
   };
-  return t[B] = !0, t;
+  return t[U] = !0, t;
 }
-const Z = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new Map();
+const Q = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new Map();
 function Be(n) {
   const e = n.querySelector("tbw-grid-detail");
   if (e) {
-    const r = Z.get(e);
+    const r = Q.get(e);
     if (r) return r;
   }
   const t = n.id || n.getAttribute("data-grid-id");
   if (t)
-    return Q.get(t);
+    return X.get(t);
 }
 function Ue(n) {
   const { children: e, showExpandColumn: t = !0, animation: r = "slide" } = n, o = E(null), s = S(
     (a) => {
       if (o.current = a, !a) return;
-      Z.set(a, e);
+      Q.set(a, e);
       const f = a.closest("tbw-grid");
       if (f) {
         const d = f.id || f.getAttribute("data-grid-id");
-        d && Q.set(d, e);
+        d && X.set(d, e);
       }
     },
     [e]
@@ -252,11 +252,11 @@ function Ue(n) {
   return P(() => () => {
     const a = o.current;
     if (a) {
-      Z.delete(a);
+      Q.delete(a);
       const f = a.closest("tbw-grid");
       if (f) {
         const g = f.id || f.getAttribute("data-grid-id");
-        g && Q.delete(g);
+        g && X.delete(g);
       }
       const d = a.parentNode;
       d && d.contains(a);
@@ -271,24 +271,24 @@ function Ue(n) {
   );
 }
 Ue.displayName = "GridDetailPanel";
-const X = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new Map();
+const ee = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new Map();
 function Je(n) {
-  const e = X.get(n);
+  const e = ee.get(n);
   if (e) return e;
   const t = n.id;
   if (t)
-    return ee.get(t);
+    return te.get(t);
 }
 function ht(n) {
   const { id: e, title: t, icon: r, tooltip: o, order: s = 100, children: c } = n, a = E(null), f = S(
     (d) => {
-      a.current = d, d && (X.set(d, c), e && ee.set(e, c));
+      a.current = d, d && (ee.set(d, c), e && te.set(e, c));
     },
     [c, e]
   );
   return P(() => () => {
     const d = a.current;
-    d && (X.delete(d), e && ee.delete(e));
+    d && (ee.delete(d), e && te.delete(e));
   }, [e]), /* @__PURE__ */ b(
     "tbw-grid-tool-panel",
     {
@@ -496,7 +496,7 @@ class et {
         grid: r ?? o
       }), void 0, r ?? void 0);
       return this.trackPortal(c, o, !1), () => {
-        H(c), this.untrackPortal(c);
+        H(c, { sync: !0 }), this.untrackPortal(c);
       };
     };
   }
@@ -635,11 +635,11 @@ function nt(n) {
     r === void 0 || r === !1 || e.push(t);
   return rt(e), Ae(n);
 }
-let me = !1, U = null;
-function te() {
-  return me || (U = new et(), be.registerAdapter(U), me = !0), U;
+let ye = !1, J = null;
+function re() {
+  return ye || (J = new et(), be.registerAdapter(J), ye = !0), J;
 }
-te();
+re();
 function ot(n) {
   const t = n.getPluginByName?.("masterDetail");
   t && typeof t.refreshDetailRenderer == "function" && t.refreshDetailRenderer();
@@ -687,14 +687,14 @@ const vt = he(function(e, t) {
     style: p,
     children: v,
     // Plugin props
-    plugins: y,
+    plugins: m,
     // SSR mode
     ssr: k,
     // Legacy event handlers
     onRowsChange: x,
     // Feature props and event props are in ...rest
     ...h
-  } = e, u = E(null), j = E(null), oe = O(Oe), q = O(Le), ie = [
+  } = e, u = E(null), j = E(null), ie = O(Oe), q = O(Le), se = [
     "selection",
     "editing",
     "filtering",
@@ -718,21 +718,21 @@ const vt = he(function(e, t) {
     "pivot",
     "serverSide",
     "tooltip"
-  ], we = D(() => ie.map((i) => {
+  ], we = D(() => se.map((i) => {
     const l = h[i];
     return l !== void 0 ? `${i}:${JSON.stringify(l)}` : "";
-  }).filter(Boolean).join("|"), [h]), se = D(() => {
+  }).filter(Boolean).join("|"), [h]), ce = D(() => {
     const i = {};
-    for (const l of ie)
+    for (const l of se)
       l in h && h[l] !== void 0 && (i[l] = h[l]);
     return i;
-  }, [we]), ce = D(() => st(v), [v]), ae = D(() => ({ ...ce, ...se }), [se, ce]), _ = D(() => y || k ? [] : nt(ae), [ae, y, k]), N = D(() => {
-    if (y) {
-      const i = new Set(y.map((m) => m.name)), l = _.filter((m) => !i.has(m.name));
-      return [...y, ...l];
+  }, [we]), ae = D(() => st(v), [v]), le = D(() => ({ ...ae, ...ce }), [ce, ae]), _ = D(() => m || k ? [] : nt(le), [le, m, k]), N = D(() => {
+    if (m) {
+      const i = new Set(m.map((y) => y.name)), l = _.filter((y) => !i.has(y.name));
+      return [...m, ...l];
     }
     return _;
-  }, [y, _]), F = D(() => {
+  }, [m, _]), F = D(() => {
     if (!s) return s;
     const i = Fe(s);
     return c ? i.map((l) => ({
@@ -743,22 +743,22 @@ const vt = he(function(e, t) {
   }, [s, c]), I = D(() => {
     const i = Re(o), l = {};
     if (f !== void 0 && (l.sortable = f), d !== void 0 && (l.filterable = d), g !== void 0 && (l.selectable = g), q) {
-      const m = i?.icons || o?.icons || {};
-      l.icons = { ...q, ...m };
+      const y = i?.icons || o?.icons || {};
+      l.icons = { ...q, ...y };
     }
     if (N.length > 0 && i) {
-      const m = i.plugins || [], L = new Set(m.map((M) => M.name)), V = N.filter((M) => !L.has(M.name));
+      const y = i.plugins || [], L = new Set(y.map((M) => M.name)), V = N.filter((M) => !L.has(M.name));
       return {
         ...i,
         ...l,
-        plugins: [...m, ...V]
+        plugins: [...y, ...V]
       };
     }
     return N.length > 0 && !i ? { ...l, plugins: N } : Object.keys(l).length > 0 ? { ...i, ...l } : i;
   }, [o, N, f, d, g, q]);
   P(() => {
-    te().setTypeDefaults(oe);
-  }, [oe]), P(() => {
+    re().setTypeDefaults(ie);
+  }, [ie]), P(() => {
     u.current && (u.current.rows = r);
   }, [r]), P(() => {
     u.current && I && (u.current.gridConfig = I);
@@ -771,49 +771,49 @@ const vt = he(function(e, t) {
   }, [C]), P(() => {
     const i = u.current;
     if (!i) return;
-    const l = te();
+    const l = re();
     i.__frameworkAdapter = l, ot(i), it(i, l);
-    let m = !1;
+    let y = !1;
     const L = requestAnimationFrame(() => {
-      m || (typeof i.refreshColumns == "function" && i.refreshColumns(), typeof i.refreshShellHeader == "function" && i.refreshShellHeader());
+      y || (typeof i.refreshColumns == "function" && i.refreshColumns(), typeof i.refreshShellHeader == "function" && i.refreshShellHeader());
     });
     return () => {
-      m = !0, cancelAnimationFrame(L);
+      y = !0, cancelAnimationFrame(L);
     };
   }, []), P(() => {
     if (!u.current || !R) return;
     const i = u.current, l = "react-custom-styles";
-    let m = !0;
+    let y = !0;
     return i.ready?.().then(() => {
-      m && R && (i.registerStyles?.(l, R), j.current = l);
+      y && R && (i.registerStyles?.(l, R), j.current = l);
     }), () => {
-      m = !1, j.current && (i.unregisterStyles?.(j.current), j.current = null);
+      y = !1, j.current && (i.unregisterStyles?.(j.current), j.current = null);
     };
   }, [R]), P(() => {
     const i = u.current;
     if (!i) return;
     const l = [];
-    return x && l.push(i.on("rows-change", (m) => x(m.rows))), () => {
-      l.forEach((m) => m());
+    return x && l.push(i.on("rows-change", (y) => x(y.rows))), () => {
+      l.forEach((y) => y());
     };
   }, [x]);
-  const le = D(() => Object.keys(W).filter((i) => typeof h[i] == "function").sort().join("|"), [h]), de = E({});
-  for (const i of Object.keys(W))
-    de.current[i] = h[i];
+  const de = D(() => Object.keys(B).filter((i) => typeof h[i] == "function").sort().join("|"), [h]), ue = E({});
+  for (const i of Object.keys(B))
+    ue.current[i] = h[i];
   P(() => {
     const i = u.current;
     if (!i) return;
     const l = [];
-    for (const [m, L] of Object.entries(W))
-      le.includes(m) && l.push(
+    for (const [y, L] of Object.entries(B))
+      de.includes(y) && l.push(
         i.on(L, (V, M) => {
-          de.current[m]?.(V, M);
+          ue.current[y]?.(V, M);
         })
       );
     return () => {
-      l.forEach((m) => m());
+      l.forEach((y) => y());
     };
-  }, [le]), ve(
+  }, [de]), ve(
     t,
     () => ({
       get element() {
@@ -840,8 +840,8 @@ const vt = he(function(e, t) {
       setRowLoading(i, l) {
         u.current?.setRowLoading?.(i, l);
       },
-      setCellLoading(i, l, m) {
-        u.current?.setCellLoading?.(i, l, m);
+      setCellLoading(i, l, y) {
+        u.current?.setCellLoading?.(i, l, y);
       },
       isRowLoading(i) {
         return u.current?.isRowLoading?.(i) ?? !1;
@@ -858,10 +858,10 @@ const vt = he(function(e, t) {
   const $ = E(null);
   return ke(() => {
     const i = u.current;
-    return i && $.current && fe(i, $.current), () => {
-      i && fe(i, null);
+    return i && $.current && ge(i, $.current), () => {
+      i && ge(i, null);
     };
-  }, []), /* @__PURE__ */ Pe(re, { children: [
+  }, []), /* @__PURE__ */ Pe(ne, { children: [
     /* @__PURE__ */ b(je, { ref: $ }),
     /* @__PURE__ */ b(
       "tbw-grid",
@@ -896,9 +896,9 @@ function Ct(n) {
     options: K,
     multi: p,
     format: v
-  } = n, y = E(null), k = S(
+  } = n, m = E(null), k = S(
     (u) => {
-      y.current = u, u && (C && Ye(u, C), R && Ze(u, R));
+      m.current = u, u && (C && Ye(u, C), R && Ze(u, R));
     },
     [C, R, e]
   ), x = typeof a == "number" ? `${a}px` : a, h = {
@@ -912,28 +912,28 @@ function Rt({ children: n }) {
 }
 const wt = ({ icons: n, defaults: e, children: t }) => {
   let r = t;
-  return e && (r = /* @__PURE__ */ b(He, { defaults: e, children: r })), n && (r = /* @__PURE__ */ b(Ie, { icons: n, children: r })), /* @__PURE__ */ b(re, { children: r });
+  return e && (r = /* @__PURE__ */ b(He, { defaults: e, children: r })), n && (r = /* @__PURE__ */ b(Ie, { icons: n, children: r })), /* @__PURE__ */ b(ne, { children: r });
 };
 function Pt(n) {
-  const e = E(null), [t, r] = ue(!1), [o, s] = ue(null), c = E(null), a = S(() => n ? (c.current ??= document.querySelector(n), c.current) : e.current?.element ?? null, [n]);
+  const e = E(null), [t, r] = fe(!1), [o, s] = fe(null), c = E(null), a = S(() => n ? (c.current ??= document.querySelector(n), c.current) : e.current?.element ?? null, [n]);
   P(() => {
     let p = !0;
     return (async () => {
       try {
         if (n) {
-          const y = document.querySelector(n);
-          if (!y) return;
-          if (c.current = y, await y.ready?.(), p) {
+          const m = document.querySelector(n);
+          if (!m) return;
+          if (c.current = m, await m.ready?.(), p) {
             r(!0);
-            const k = await y.getConfig?.();
+            const k = await m.getConfig?.();
             p && k && s(k);
           }
         } else {
-          const y = e.current;
-          if (!y) return;
-          if (await y.ready?.(), p) {
+          const m = e.current;
+          if (!m) return;
+          if (await m.ready?.(), p) {
             r(!0);
-            const k = await y.getConfig?.();
+            const k = await m.getConfig?.();
             p && k && s(k);
           }
         }
@@ -964,15 +964,15 @@ function Pt(n) {
         await v.toggleGroup?.(p);
         return;
       }
-      const y = e.current;
-      y && await y.toggleGroup?.(p);
+      const m = e.current;
+      m && await m.toggleGroup?.(p);
     },
     [a]
   ), C = S(
     (p, v) => {
-      const y = a();
-      if (y) {
-        y.registerStyles?.(p, v);
+      const m = a();
+      if (m) {
+        m.registerStyles?.(p, v);
         return;
       }
       e.current?.registerStyles?.(p, v);
@@ -1015,6 +1015,6 @@ export {
   He as GridTypeProvider,
   Pt as useGrid,
   pt as useGridIcons,
-  mt as useGridTypeDefaults,
-  yt as useTypeDefault
+  yt as useGridTypeDefaults,
+  mt as useTypeDefault
 };

package/lib/portal-bridge.d.ts

@@ -30,8 +30,14 @@ export declare function getPortalManager(gridEl?: HTMLElement): PortalManagerHan
 export declare function renderToContainer(container: HTMLElement, element: ReactNode, existingKey?: string, gridEl?: HTMLElement): string;
 /**
  * Remove a portal (or fallback root) by key.
+ *
+ * @param options.sync - When true, flush the removal synchronously so the
+ *   caller can safely clear the container DOM immediately after (e.g.,
+ *   tool panel accordion collapse sets `innerHTML = ''`).
  */
-export declare function removeFromContainer(key: string): void;
+export declare function removeFromContainer(key: string, options?: {
+    sync?: boolean;
+}): void;
 /**
  * Remove all portals and fallback roots for a specific grid.
  * Preferred over `clearAllContainers()` in multi-grid scenarios.

package/lib/portal-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal-bridge.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/portal-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAmB5D;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAM1F;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,mBAAmB,GAAG,IAAI,CAIjF;AAuCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,SAAS,EAClB,WAAW,CAAC,EAAE,MAAM,EACpB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAoBR;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAQrD;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAWhE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAczC;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAKlC"}
+{"version":3,"file":"portal-bridge.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/portal-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAmB5D;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE,mBAAmB,GAAG,IAAI,GAAG,IAAI,CAM1F;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,mBAAmB,GAAG,IAAI,CAIjF;AAuCD;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,SAAS,EAClB,WAAW,CAAC,EAAE,MAAM,EACpB,MAAM,CAAC,EAAE,WAAW,GACnB,MAAM,CAoBR;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,IAAI,CAQnF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAWhE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,IAAI,CAczC;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,IAAI,CAEtC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,IAAI,CAKlC"}

package/lib/portal-manager.d.ts

@@ -9,8 +9,15 @@ export interface PortalManagerHandle {
      * a single React commit via `flushSync`.
      */
     renderPortal(key: string, container: HTMLElement, element: ReactNode): void;
-    /** Remove a portal by key. */
-    removePortal(key: string): void;
+    /**
+     * Remove a portal by key.
+     * @param key unique key of the portal to remove
+     * @param sync - When true, flush the removal synchronously via `flushSync`
+     *   so the caller can safely mutate the container DOM immediately after.
+     *   Use this in cleanup callbacks that precede external DOM clearing
+     *   (e.g., tool panel accordion collapse sets `innerHTML = ''`).
+     */
+    removePortal(key: string, sync?: boolean): void;
     /** Remove all portals. */
     clear(): void;
 }

package/lib/portal-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal-manager.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/portal-manager.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAuD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAU5F;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,CAAC;IAE5E,8BAA8B;IAC9B,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAEhC,0BAA0B;IAC1B,KAAK,IAAI,IAAI,CAAC;CACf;AAMD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FA+ExB,CAAC"}
+{"version":3,"file":"portal-manager.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/portal-manager.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAuD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAU5F;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,CAAC;IAE5E;;;;;;;OAOG;IACH,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAEhD,0BAA0B;IAC1B,KAAK,IAAI,IAAI,CAAC;CACf;AAMD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FAsFxB,CAAC"}

package/lib/react-grid-adapter.d.ts.map

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

package/package.json

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