@toolbox-web/grid-react 0.18.3 → 0.18.5

package/chunks/portal-bridge-B0mjqzak.js

@@ -0,0 +1,42 @@
+import { flushSync as d } from "react-dom";
+import { createRoot as p } from "react-dom/client";
+const r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+let m = 0;
+function w(t, e) {
+  e ? r.set(t, e) : r.delete(t);
+}
+function g(t, e) {
+  if (e) return e;
+  const n = t.closest("tbw-grid");
+  if (n) return n;
+  if (r.size === 1) return r.keys().next().value;
+}
+function f(t) {
+  const e = c.get(t);
+  if (e) {
+    try {
+      e.unmount();
+    } catch {
+    }
+    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);
+  else {
+    let a = c.get(o);
+    a || (a = p(t), c.set(o, a)), d(() => a.render(e));
+  }
+  return o;
+}
+function x(t) {
+  const e = i.get(t);
+  (e ? r.get(e) : void 0)?.removePortal(t), i.delete(t), f(t);
+}
+export {
+  b as a,
+  x as r,
+  w as s
+};

package/features/filtering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAgC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9G;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;;OAGG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAEjF;;;OAGG;IACH,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAE9C;;OAEG;IACH,eAAe,EAAE,MAAM,WAAW,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAuHpE"}
+{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAmC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9G;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;;OAGG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAEjF;;;OAGG;IACH,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAE9C;;OAEG;IACH,eAAe,EAAE,MAAM,WAAW,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAuHpE"}

package/features/filtering.js

@@ -1,31 +1,30 @@
-import { FilteringPlugin as c } from "@toolbox-web/grid/plugins/filtering";
+import { FilteringPlugin as F } from "@toolbox-web/grid/plugins/filtering";
 import { useContext as G, useCallback as n } from "react";
-import { flushSync as R } from "react-dom";
-import { createRoot as y } from "react-dom/client";
+import { r as h, a as k } from "../chunks/portal-bridge-B0mjqzak.js";
 import { registerFeature as E } from "@toolbox-web/grid/features/registry";
-import { G as k } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { G as R } from "../chunks/grid-element-context-BU3WvNtM.js";
 E("filtering", (l) => {
-  if (typeof l == "boolean") return new c();
-  if (!l) return new c();
+  if (typeof l == "boolean") return new F();
+  if (!l) return new F();
   const o = l, e = { ...o };
   if (typeof o.filterPanelRenderer == "function" && o.filterPanelRenderer.length <= 1) {
-    const s = o.filterPanelRenderer;
-    e.filterPanelRenderer = (a, d) => {
-      const g = document.createElement("div");
-      g.style.display = "contents";
-      const f = y(g);
-      R(() => {
-        f.render(s(d));
-      }), a.appendChild(g);
+    const f = o.filterPanelRenderer, a = /* @__PURE__ */ new WeakMap();
+    e.filterPanelRenderer = (g, c) => {
+      const d = a.get(g);
+      d && h(d);
+      const s = document.createElement("div");
+      s.style.display = "contents";
+      const u = k(s, f(c));
+      a.set(g, u), g.appendChild(s);
     };
   }
-  return new c(e);
+  return new F(e);
 });
-function x(l) {
-  const o = G(k), e = n(() => (l ? document.querySelector(l) : o?.current)?.getPluginByName("filtering"), [o, l]), s = n(
+function v(l) {
+  const o = G(R), e = n(() => (l ? document.querySelector(l) : o?.current)?.getPluginByName("filtering"), [o, l]), f = n(
     (t, i, r) => {
-      const u = e();
-      if (!u) {
+      const p = e();
+      if (!p) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -34,10 +33,10 @@ function x(l) {
         );
         return;
       }
-      u.setFilter(t, i, r);
+      p.setFilter(t, i, r);
     },
     [e]
-  ), a = n((t) => e()?.getFilter(t), [e]), d = n(() => e()?.getFilters() ?? [], [e]), g = n(
+  ), a = n((t) => e()?.getFilter(t), [e]), g = n(() => e()?.getFilters() ?? [], [e]), c = n(
     (t, i) => {
       const r = e();
       if (!r) {
@@ -52,7 +51,7 @@ function x(l) {
       r.setFilterModel(t, i);
     },
     [e]
-  ), f = n(
+  ), d = n(
     (t) => {
       const i = e();
       if (!i) {
@@ -67,7 +66,7 @@ function x(l) {
       i.clearAllFilters(t);
     },
     [e]
-  ), F = n(
+  ), s = n(
     (t, i) => {
       const r = e();
       if (!r) {
@@ -82,10 +81,10 @@ function x(l) {
       r.clearFieldFilter(t, i);
     },
     [e]
-  ), p = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), m = n(() => e()?.getFilteredRowCount() ?? 0, [e]), w = n((t) => e()?.getUniqueValues(t) ?? [], [e]), b = n(() => e()?.getStaleFilters() ?? [], [e]), P = n(
+  ), u = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), m = n(() => e()?.getFilteredRowCount() ?? 0, [e]), w = n((t) => e()?.getUniqueValues(t) ?? [], [e]), b = n(() => e()?.getStaleFilters() ?? [], [e]), P = n(
     (t) => e()?.getBlankMode(t) ?? "all",
     [e]
-  ), h = n(
+  ), y = n(
     (t, i) => {
       const r = e();
       if (!r) {
@@ -102,20 +101,20 @@ function x(l) {
     [e]
   );
   return {
-    setFilter: s,
+    setFilter: f,
     getFilter: a,
-    getFilters: d,
-    setFilterModel: g,
-    clearAllFilters: f,
-    clearFieldFilter: F,
-    isFieldFiltered: p,
+    getFilters: g,
+    setFilterModel: c,
+    clearAllFilters: d,
+    clearFieldFilter: s,
+    isFieldFiltered: u,
     getFilteredRowCount: m,
     getUniqueValues: w,
     getStaleFilters: b,
     getBlankMode: P,
-    toggleBlankFilter: h
+    toggleBlankFilter: y
   };
 }
 export {
-  x as useGridFiltering
+  v as useGridFiltering
 };

package/features/grouping-columns.js

@@ -1,28 +1,26 @@
-import { GroupingColumnsPlugin as t } from "@toolbox-web/grid/plugins/grouping-columns";
-import { flushSync as i } from "react-dom";
-import { createRoot as p } from "react-dom/client";
-import { registerFeature as s } from "@toolbox-web/grid/features/registry";
-function u(o) {
-  return (e) => {
-    const n = document.createElement("div");
-    n.style.display = "contents";
-    const r = p(n);
-    return i(() => {
-      r.render(o(e));
-    }), n;
+import { GroupingColumnsPlugin as u } from "@toolbox-web/grid/plugins/grouping-columns";
+import { a as s } from "../chunks/portal-bridge-B0mjqzak.js";
+import { registerFeature as i } from "@toolbox-web/grid/features/registry";
+function p(n) {
+  const e = /* @__PURE__ */ new WeakMap();
+  return (o) => {
+    const r = document.createElement("div");
+    r.style.display = "contents";
+    const t = s(r, n(o));
+    return e.set(r, t), r;
   };
 }
-s("groupingColumns", (o) => {
-  if (typeof o == "boolean") return new t();
-  if (!o) return new t();
-  const e = o, n = { ...e };
+i("groupingColumns", (n) => {
+  if (typeof n == "boolean") return new u();
+  if (!n) return new u();
+  const e = n, o = { ...e };
   if (typeof e.groupHeaderRenderer == "function") {
     const r = e.groupHeaderRenderer;
-    n.groupHeaderRenderer = u(r);
+    o.groupHeaderRenderer = p(r);
   }
-  return Array.isArray(e.columnGroups) && (n.columnGroups = e.columnGroups.map((r) => {
+  return Array.isArray(e.columnGroups) && (o.columnGroups = e.columnGroups.map((r) => {
     if (typeof r.renderer != "function") return r;
-    const c = r.renderer;
-    return { ...r, renderer: u(c) };
-  })), new t(n);
+    const t = r.renderer;
+    return { ...r, renderer: p(t) };
+  })), new u(o);
 });

package/features/grouping-rows.js

@@ -1,21 +1,18 @@
-import { GroupingRowsPlugin as t } from "@toolbox-web/grid/plugins/grouping-rows";
-import { flushSync as c } from "react-dom";
-import { createRoot as s } from "react-dom/client";
-import { registerFeature as f } from "@toolbox-web/grid/features/registry";
-f("groupingRows", (e) => {
-  if (typeof e == "boolean") return new t();
-  if (!e) return new t();
-  const r = e, n = { ...r };
-  if (typeof r.groupRowRenderer == "function") {
-    const p = r.groupRowRenderer;
-    n.groupRowRenderer = (i) => {
-      const o = document.createElement("div");
-      o.style.display = "contents";
-      const u = s(o);
-      return c(() => {
-        u.render(p(i));
-      }), o;
+import { GroupingRowsPlugin as n } from "@toolbox-web/grid/plugins/grouping-rows";
+import { a as c } from "../chunks/portal-bridge-B0mjqzak.js";
+import { registerFeature as a } from "@toolbox-web/grid/features/registry";
+a("groupingRows", (r) => {
+  if (typeof r == "boolean") return new n();
+  if (!r) return new n();
+  const o = r, t = { ...o };
+  if (typeof o.groupRowRenderer == "function") {
+    const p = o.groupRowRenderer, s = /* @__PURE__ */ new WeakMap();
+    t.groupRowRenderer = (i) => {
+      const e = document.createElement("div");
+      e.style.display = "contents";
+      const u = c(e, p(i));
+      return s.set(e, u), e;
     };
   }
-  return new t(n);
+  return new n(t);
 });

package/features/pinned-rows.js

@@ -1,24 +1,21 @@
 import "@toolbox-web/grid/features/pinned-rows";
 import { PinnedRowsPlugin as o } from "@toolbox-web/grid/plugins/pinned-rows";
-import { flushSync as u } from "react-dom";
-import { createRoot as f } from "react-dom/client";
+import { a as u } from "../chunks/portal-bridge-B0mjqzak.js";
 import { registerFeature as p } from "@toolbox-web/grid/features/registry";
-p("pinnedRows", (e) => {
-  if (typeof e == "boolean") return new o();
-  if (!e) return new o();
-  const t = e, s = { ...t };
-  return Array.isArray(t.customPanels) && (s.customPanels = t.customPanels.map((r) => {
-    if (typeof r.render != "function") return r;
-    const i = r.render;
+p("pinnedRows", (n) => {
+  if (typeof n == "boolean") return new o();
+  if (!n) return new o();
+  const t = n, s = { ...t };
+  return Array.isArray(t.customPanels) && (s.customPanels = t.customPanels.map((e) => {
+    if (typeof e.render != "function") return e;
+    const i = e.render, c = /* @__PURE__ */ new WeakMap();
     return {
-      ...r,
-      render: (c) => {
-        const n = document.createElement("div");
-        n.style.display = "contents";
-        const m = f(n);
-        return u(() => {
-          m.render(i(c));
-        }), n;
+      ...e,
+      render: (a) => {
+        const r = document.createElement("div");
+        r.style.display = "contents";
+        const m = u(r, i(a));
+        return c.set(r, m), r;
       }
     };
   })), new o(s);

package/features/tooltip.js

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