@toolbox-web/grid-react 1.4.0 → 1.5.0

package/features/filtering.js

@@ -1,28 +1,38 @@
 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-DZ4yQkmm.js";
+import { useContext as h, useCallback as n } from "react";
 import { registerFeature as E } from "@toolbox-web/grid/features/registry";
-import { G as R } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { G as k } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { r as C, a as m } from "../chunks/portal-bridge-DLA6Zs11.js";
+import { r as R } from "../chunks/react-grid-adapter-CzByOnua.js";
 E("filtering", (l) => {
   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 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);
+    const f = o.filterPanelRenderer, s = /* @__PURE__ */ new WeakMap();
+    e.filterPanelRenderer = (a, g) => {
+      const c = s.get(a);
+      c && C(c);
+      const d = document.createElement("div");
+      d.style.display = "contents";
+      const u = m(d, f(g));
+      s.set(a, u), a.appendChild(d);
     };
   }
   return new F(e);
 });
-function v(l) {
-  const o = G(R), e = n(() => (l ? document.querySelector(l) : o?.current)?.getPluginByName("filtering"), [o, l]), f = n(
-    (t, i, r) => {
+R((l, o, { trackPortal: e }) => {
+  const f = l;
+  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);
+    e(d, g, !1), s.appendChild(g);
+  };
+});
+function K(l) {
+  const o = h(k), e = n(() => (l ? document.querySelector(l) : o?.current)?.getPluginByName("filtering"), [o, l]), f = n(
+    (t, r, i) => {
       const p = e();
       if (!p) {
         console.warn(
@@ -33,13 +43,13 @@ function v(l) {
         );
         return;
       }
-      p.setFilter(t, i, r);
+      p.setFilter(t, r, i);
     },
     [e]
-  ), a = n((t) => e()?.getFilter(t), [e]), g = n(() => e()?.getFilters() ?? [], [e]), c = n(
-    (t, i) => {
-      const r = e();
-      if (!r) {
+  ), s = n((t) => e()?.getFilter(t), [e]), a = n(() => e()?.getFilters() ?? [], [e]), g = n(
+    (t, r) => {
+      const i = e();
+      if (!i) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -48,13 +58,13 @@ function v(l) {
         );
         return;
       }
-      r.setFilterModel(t, i);
+      i.setFilterModel(t, r);
     },
     [e]
-  ), d = n(
+  ), c = n(
     (t) => {
-      const i = e();
-      if (!i) {
+      const r = e();
+      if (!r) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -63,13 +73,13 @@ function v(l) {
         );
         return;
       }
-      i.clearAllFilters(t);
+      r.clearAllFilters(t);
     },
     [e]
-  ), s = n(
-    (t, i) => {
-      const r = e();
-      if (!r) {
+  ), d = n(
+    (t, r) => {
+      const i = e();
+      if (!i) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -78,16 +88,16 @@ function v(l) {
         );
         return;
       }
-      r.clearFieldFilter(t, i);
+      i.clearFieldFilter(t, r);
     },
     [e]
-  ), 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(
+  ), u = n((t) => e()?.isFieldFiltered(t) ?? !1, [e]), w = n(() => e()?.getFilteredRowCount() ?? 0, [e]), b = n((t) => e()?.getUniqueValues(t) ?? [], [e]), y = n(() => e()?.getStaleFilters() ?? [], [e]), P = n(
     (t) => e()?.getBlankMode(t) ?? "all",
     [e]
-  ), y = n(
-    (t, i) => {
-      const r = e();
-      if (!r) {
+  ), G = n(
+    (t, r) => {
+      const i = e();
+      if (!i) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -96,25 +106,25 @@ function v(l) {
         );
         return;
       }
-      r.toggleBlankFilter(t, i);
+      i.toggleBlankFilter(t, r);
     },
     [e]
   );
   return {
     setFilter: f,
-    getFilter: a,
-    getFilters: g,
-    setFilterModel: c,
-    clearAllFilters: d,
-    clearFieldFilter: s,
+    getFilter: s,
+    getFilters: a,
+    setFilterModel: g,
+    clearAllFilters: c,
+    clearFieldFilter: d,
     isFieldFiltered: u,
-    getFilteredRowCount: m,
-    getUniqueValues: w,
-    getStaleFilters: b,
+    getFilteredRowCount: w,
+    getUniqueValues: b,
+    getStaleFilters: y,
     getBlankMode: P,
-    toggleBlankFilter: y
+    toggleBlankFilter: G
   };
 }
 export {
-  v as useGridFiltering
+  K as useGridFiltering
 };

package/features/grouping-columns.js

@@ -1,26 +1,21 @@
-import { GroupingColumnsPlugin as u } from "@toolbox-web/grid/plugins/grouping-columns";
-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();
-  return (o) => {
-    const r = document.createElement("div");
-    r.style.display = "contents";
-    const t = s(r, n(o));
-    return e.set(r, t), r;
-  };
+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-DLA6Zs11.js";
+function u(n) {
+  const r = p(n);
+  return (o) => r(o) ?? document.createElement("div");
 }
-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;
-    o.groupHeaderRenderer = p(r);
+c("groupingColumns", (n) => {
+  if (typeof n == "boolean") return new t();
+  if (!n) return new t();
+  const r = n, o = { ...r };
+  if (typeof r.groupHeaderRenderer == "function") {
+    const e = r.groupHeaderRenderer;
+    o.groupHeaderRenderer = u(e);
   }
-  return Array.isArray(e.columnGroups) && (o.columnGroups = e.columnGroups.map((r) => {
-    if (typeof r.renderer != "function") return r;
-    const t = r.renderer;
-    return { ...r, renderer: p(t) };
-  })), new u(o);
+  return Array.isArray(r.columnGroups) && (o.columnGroups = r.columnGroups.map((e) => {
+    if (typeof e.renderer != "function") return e;
+    const i = e.renderer;
+    return { ...e, renderer: u(i) };
+  })), new t(o);
 });

package/features/grouping-rows.js

@@ -1,18 +1,13 @@
-import { GroupingRowsPlugin as n } from "@toolbox-web/grid/plugins/grouping-rows";
-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();
-  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;
-    };
+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-DLA6Zs11.js";
+c("groupingRows", (e) => {
+  if (typeof e == "boolean") return new o();
+  if (!e) return new o();
+  const r = e, n = { ...r };
+  if (typeof r.groupRowRenderer == "function") {
+    const t = r.groupRowRenderer, i = p(t);
+    n.groupRowRenderer = (u) => i(u) ?? document.createElement("div");
   }
-  return new n(t);
+  return new o(n);
 });

package/features/index.js

@@ -1,14 +1,14 @@
 import "@toolbox-web/grid/features/clipboard";
 import "@toolbox-web/grid/features/column-virtualization";
 import "@toolbox-web/grid/features/context-menu";
-import "@toolbox-web/grid/features/editing";
+import "./editing.js";
 import "react";
 import "../chunks/grid-element-context-BU3WvNtM.js";
 import "@toolbox-web/grid/features/export";
 import "./filtering.js";
 import "./grouping-columns.js";
 import "./grouping-rows.js";
-import "@toolbox-web/grid/features/master-detail";
+import "./master-detail.js";
 import "@toolbox-web/grid/features/multi-sort";
 import "@toolbox-web/grid/features/pinned-columns";
 import "./pinned-rows.js";
@@ -16,7 +16,7 @@ import "@toolbox-web/grid/features/pivot";
 import "@toolbox-web/grid/features/print";
 import "@toolbox-web/grid/features/reorder-columns";
 import "@toolbox-web/grid/features/reorder-rows";
-import "@toolbox-web/grid/features/responsive";
+import "./responsive.js";
 import "@toolbox-web/grid/features/row-drag-drop";
 import "@toolbox-web/grid/features/selection";
 import "@toolbox-web/grid/features/server-side";

package/features/master-detail.js

@@ -1 +1,19 @@
 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-DLA6Zs11.js";
+import { a as d } from "../chunks/react-grid-adapter-CzByOnua.js";
+d((r, { trackPortal: n }) => {
+  const t = c(r);
+  if (t)
+    return (o, a) => {
+      const e = document.createElement("div");
+      e.className = "react-detail-panel";
+      const i = s(
+        e,
+        t({ row: o, rowIndex: a }),
+        void 0,
+        r
+      );
+      return n(i, e, !1), e;
+    };
+});

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

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

package/features/pinned-rows.js

@@ -1,22 +1,29 @@
 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-DZ4yQkmm.js";
-import { registerFeature as p } from "@toolbox-web/grid/features/registry";
-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();
+import { registerFeature as m } from "@toolbox-web/grid/features/registry";
+import { c } from "../chunks/portal-bridge-DLA6Zs11.js";
+function u(r) {
+  return c(r);
+}
+function p(r) {
+  if (!("render" in r) || r.render == null) return r;
+  if (Array.isArray(r.render)) {
+    const t = r.render.map((e) => typeof e?.render != "function" ? e : { zone: e.zone, render: u(e.render) });
+    return { ...r, render: t };
+  }
+  return typeof r.render == "function" ? { ...r, render: u(r.render) } : r;
+}
+m("pinnedRows", (r) => {
+  if (typeof r == "boolean") return new o();
+  if (!r) return new o();
+  const t = r, { slots: e, customPanels: d, ...f } = t, i = { ...f };
+  return Array.isArray(d) && (i.customPanels = d.map((n) => {
+    if (typeof n.render != "function") return n;
+    const a = c(n.render);
     return {
-      ...e,
-      render: (a) => {
-        const r = document.createElement("div");
-        r.style.display = "contents";
-        const m = u(r, i(a));
-        return c.set(r, m), r;
-      }
+      ...n,
+      // customPanels expect HTMLElement (not nullable); coerce null → empty wrapper.
+      render: (s) => a(s) ?? document.createElement("div")
     };
-  })), new o(s);
+  })), Array.isArray(e) && (i.slots = e.map(p)), new o(i);
 });

package/features/responsive.js

@@ -1 +1,19 @@
 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-DLA6Zs11.js";
+import { b as d } from "../chunks/react-grid-adapter-CzByOnua.js";
+d((r, { trackPortal: o }) => {
+  const n = i(r);
+  if (n)
+    return (t, s) => {
+      const e = document.createElement("div");
+      e.className = "react-responsive-card";
+      const a = c(
+        e,
+        n({ row: t, index: s }),
+        void 0,
+        r
+      );
+      return o(a, e, !1), e;
+    };
+});

package/index.d.ts

@@ -6,6 +6,7 @@ export { GridResponsiveCard, type GridResponsiveCardProps, type ResponsiveCardCo
 export { GridToolButtons, type GridToolButtonsProps } from './lib/grid-tool-button';
 export { GridToolPanel, type GridToolPanelProps, type ToolPanelContext } from './lib/grid-tool-panel';
 export type { AllFeatureProps, FeatureProps, 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';
 export { GridTypeProvider, useGridTypeDefaults, useTypeDefault, type GridTypeProviderProps, type TypeDefault, type TypeDefaultsMap, } from './lib/grid-type-registry';

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,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,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"}