@toolbox-web/grid-react 2.0.0-rc.0 → 2.0.0

package/features/export.js

@@ -1,61 +1,46 @@
-import { useContext as c, useCallback as n } from "react";
-import { G as a } from "../chunks/grid-element-context-BU3WvNtM.js";
+import { t as e } from "../chunks/grid-element-context-DpuQsoie.js";
+import { useCallback as t, useContext as n } from "react";
 import "@toolbox-web/grid/features/export";
-function m(i) {
-  const x = c(a), t = n(() => (i ? document.querySelector(i) : x?.current)?.getPluginByName("export"), [x, i]), p = n(
-    (r, o) => {
-      const e = t();
-      if (!e) {
-        console.warn(
-          `[tbw-grid:export] ExportPlugin not found.
-
-  → Enable export on the grid:
-    <DataGrid export />`
-        );
-        return;
-      }
-      e.exportCsv({ ...o, fileName: r ?? o?.fileName ?? "export.csv" });
-    },
-    [t]
-  ), l = n(
-    (r, o) => {
-      const e = t();
-      if (!e) {
-        console.warn(
-          `[tbw-grid:export] ExportPlugin not found.
-
-  → Enable export on the grid:
-    <DataGrid export />`
-        );
-        return;
-      }
-      e.exportExcel({ ...o, fileName: r ?? o?.fileName ?? "export.xlsx" });
-    },
-    [t]
-  ), u = n(
-    (r, o) => {
-      const e = t();
-      if (!e) {
-        console.warn(
-          `[tbw-grid:export] ExportPlugin not found.
-
-  → Enable export on the grid:
-    <DataGrid export />`
-        );
-        return;
-      }
-      e.exportJson({ ...o, fileName: r ?? o?.fileName ?? "export.json" });
-    },
-    [t]
-  ), s = n(() => t()?.isExporting() ?? !1, [t]), g = n(() => t()?.getLastExport() ?? null, [t]);
-  return {
-    exportToCsv: p,
-    exportToExcel: l,
-    exportToJson: u,
-    isExporting: s,
-    getLastExport: g
-  };
+//#region libs/grid-react/src/features/export.ts
+function r(r) {
+	let i = n(e), a = t(() => (r ? document.querySelector(r) : i?.current)?.getPluginByName("export"), [i, r]);
+	return {
+		exportToCsv: t((e, t) => {
+			let n = a();
+			if (!n) {
+				console.warn("[tbw-grid:export] ExportPlugin not found.\n\n  → Enable export on the grid:\n    <DataGrid export />");
+				return;
+			}
+			n.exportCsv({
+				...t,
+				fileName: e ?? t?.fileName ?? "export.csv"
+			});
+		}, [a]),
+		exportToExcel: t((e, t) => {
+			let n = a();
+			if (!n) {
+				console.warn("[tbw-grid:export] ExportPlugin not found.\n\n  → Enable export on the grid:\n    <DataGrid export />");
+				return;
+			}
+			n.exportExcel({
+				...t,
+				fileName: e ?? t?.fileName ?? "export.xlsx"
+			});
+		}, [a]),
+		exportToJson: t((e, t) => {
+			let n = a();
+			if (!n) {
+				console.warn("[tbw-grid:export] ExportPlugin not found.\n\n  → Enable export on the grid:\n    <DataGrid export />");
+				return;
+			}
+			n.exportJson({
+				...t,
+				fileName: e ?? t?.fileName ?? "export.json"
+			});
+		}, [a]),
+		isExporting: t(() => a()?.isExporting() ?? !1, [a]),
+		getLastExport: t(() => a()?.getLastExport() ?? null, [a])
+	};
 }
-export {
-  m as useGridExport
-};
+//#endregion
+export { r as useGridExport };

package/features/filtering.js

@@ -1,134 +1,84 @@
-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-CvxNt40O.js";
-import { r as C } from "../chunks/react-grid-adapter-BhC9x425.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, s = /* @__PURE__ */ new WeakMap();
-      e.filterPanelRenderer = (a, g) => {
-        const c = s.get(a);
-        c && v(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);
-  },
-  { override: !0 }
-);
-C((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, [data-tbw-grid]") ?? o, d = m(g, f(a), void 0, c);
-    e(d, g, !1), s.appendChild(g);
-  };
+import { a as e } from "../chunks/react-grid-adapter-CZfpPJvo.js";
+import { a as t, i as n } from "../chunks/portal-bridge-zxgm_jwK.js";
+import { t as r } from "../chunks/feature-registry-8K2rOVnC.js";
+import { t as i } from "../chunks/grid-element-context-DpuQsoie.js";
+import { useCallback as a, useContext as o } from "react";
+import { FilteringPlugin as s } from "@toolbox-web/grid/plugins/filtering";
+r("filtering", (e) => {
+	if (typeof e == "boolean" || !e) return new s();
+	let r = e, i = { ...r };
+	if (typeof r.filterPanelRenderer == "function" && r.filterPanelRenderer.length <= 1) {
+		let e = r.filterPanelRenderer, a = /* @__PURE__ */ new WeakMap();
+		i.filterPanelRenderer = (r, i) => {
+			let o = a.get(r);
+			o && n(o);
+			let s = document.createElement("div");
+			s.style.display = "contents";
+			let c = t(s, e(i));
+			a.set(r, c), r.appendChild(s);
+		};
+	}
+	return new s(i);
+}, { override: !0 }), e((e, n, { trackPortal: r }) => {
+	let i = e;
+	return (e, a) => {
+		let o = document.createElement("div");
+		o.style.display = "contents";
+		let s = e.closest("tbw-grid, [data-tbw-grid]") ?? n;
+		r(t(o, i(a), void 0, s), o, !1), e.appendChild(o);
+	};
 });
-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(
-          `[tbw-grid:filtering] FilteringPlugin not found.
-
-  → Enable filtering on the grid:
-    <DataGrid filtering />`
-        );
-        return;
-      }
-      p.setFilter(t, r, i);
-    },
-    [e]
-  ), 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.
-
-  → Enable filtering on the grid:
-    <DataGrid filtering />`
-        );
-        return;
-      }
-      i.setFilterModel(t, r);
-    },
-    [e]
-  ), c = n(
-    (t) => {
-      const r = e();
-      if (!r) {
-        console.warn(
-          `[tbw-grid:filtering] FilteringPlugin not found.
-
-  → Enable filtering on the grid:
-    <DataGrid filtering />`
-        );
-        return;
-      }
-      r.clearAllFilters(t);
-    },
-    [e]
-  ), d = n(
-    (t, r) => {
-      const i = e();
-      if (!i) {
-        console.warn(
-          `[tbw-grid:filtering] FilteringPlugin not found.
-
-  → Enable filtering on the grid:
-    <DataGrid filtering />`
-        );
-        return;
-      }
-      i.clearFieldFilter(t, r);
-    },
-    [e]
-  ), 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]
-  ), G = n(
-    (t, r) => {
-      const i = e();
-      if (!i) {
-        console.warn(
-          `[tbw-grid:filtering] FilteringPlugin not found.
-
-  → Enable filtering on the grid:
-    <DataGrid filtering />`
-        );
-        return;
-      }
-      i.toggleBlankFilter(t, r);
-    },
-    [e]
-  );
-  return {
-    setFilter: f,
-    getFilter: s,
-    getFilters: a,
-    setFilterModel: g,
-    clearAllFilters: c,
-    clearFieldFilter: d,
-    isFieldFiltered: u,
-    getFilteredRowCount: w,
-    getUniqueValues: b,
-    getStaleFilters: y,
-    getBlankMode: P,
-    toggleBlankFilter: G
-  };
+function c(e) {
+	let t = o(i), n = a(() => (e ? document.querySelector(e) : t?.current)?.getPluginByName("filtering"), [t, e]);
+	return {
+		setFilter: a((e, t, r) => {
+			let i = n();
+			if (!i) {
+				console.warn("[tbw-grid:filtering] FilteringPlugin not found.\n\n  → Enable filtering on the grid:\n    <DataGrid filtering />");
+				return;
+			}
+			i.setFilter(e, t, r);
+		}, [n]),
+		getFilter: a((e) => n()?.getFilter(e), [n]),
+		getFilters: a(() => n()?.getFilters() ?? [], [n]),
+		setFilterModel: a((e, t) => {
+			let r = n();
+			if (!r) {
+				console.warn("[tbw-grid:filtering] FilteringPlugin not found.\n\n  → Enable filtering on the grid:\n    <DataGrid filtering />");
+				return;
+			}
+			r.setFilterModel(e, t);
+		}, [n]),
+		clearAllFilters: a((e) => {
+			let t = n();
+			if (!t) {
+				console.warn("[tbw-grid:filtering] FilteringPlugin not found.\n\n  → Enable filtering on the grid:\n    <DataGrid filtering />");
+				return;
+			}
+			t.clearAllFilters(e);
+		}, [n]),
+		clearFieldFilter: a((e, t) => {
+			let r = n();
+			if (!r) {
+				console.warn("[tbw-grid:filtering] FilteringPlugin not found.\n\n  → Enable filtering on the grid:\n    <DataGrid filtering />");
+				return;
+			}
+			r.clearFieldFilter(e, t);
+		}, [n]),
+		isFieldFiltered: a((e) => n()?.isFieldFiltered(e) ?? !1, [n]),
+		getFilteredRowCount: a(() => n()?.getFilteredRowCount() ?? 0, [n]),
+		getUniqueValues: a((e) => n()?.getUniqueValues(e) ?? [], [n]),
+		getStaleFilters: a(() => n()?.getStaleFilters() ?? [], [n]),
+		getBlankMode: a((e) => n()?.getBlankMode(e) ?? "all", [n]),
+		toggleBlankFilter: a((e, t) => {
+			let r = n();
+			if (!r) {
+				console.warn("[tbw-grid:filtering] FilteringPlugin not found.\n\n  → Enable filtering on the grid:\n    <DataGrid filtering />");
+				return;
+			}
+			r.toggleBlankFilter(e, t);
+		}, [n])
+	};
 }
-export {
-  K as useGridFiltering
-};
+//#endregion
+export { c as useGridFiltering };

package/features/grouping-columns.js

@@ -1,25 +1,25 @@
-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-CvxNt40O.js";
-function u(n) {
-  const r = p(n);
-  return (o) => r(o) ?? document.createElement("div");
+import { n as e } from "../chunks/portal-bridge-zxgm_jwK.js";
+import { t } from "../chunks/feature-registry-8K2rOVnC.js";
+import { GroupingColumnsPlugin as n } from "@toolbox-web/grid/plugins/grouping-columns";
+//#region libs/grid-react/src/features/grouping-columns.ts
+function r(t) {
+	let n = e(t);
+	return (e) => n(e) ?? document.createElement("div");
 }
-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(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);
-  },
-  { override: !0 }
-);
+t("groupingColumns", (e) => {
+	if (typeof e == "boolean" || !e) return new n();
+	let t = e, i = { ...t };
+	if (typeof t.groupHeaderRenderer == "function") {
+		let e = t.groupHeaderRenderer;
+		i.groupHeaderRenderer = r(e);
+	}
+	return Array.isArray(t.columnGroups) && (i.columnGroups = t.columnGroups.map((e) => {
+		if (typeof e.renderer != "function") return e;
+		let t = e.renderer;
+		return {
+			...e,
+			renderer: r(t)
+		};
+	})), new n(i);
+}, { override: !0 });
+//#endregion

package/features/grouping-rows.js

@@ -1,17 +1,14 @@
-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-CvxNt40O.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 o(n);
-  },
-  { override: !0 }
-);
+import { n as e } from "../chunks/portal-bridge-zxgm_jwK.js";
+import { t } from "../chunks/feature-registry-8K2rOVnC.js";
+import { GroupingRowsPlugin as n } from "@toolbox-web/grid/plugins/grouping-rows";
+//#region libs/grid-react/src/features/grouping-rows.ts
+t("groupingRows", (t) => {
+	if (typeof t == "boolean" || !t) return new n();
+	let r = t, i = { ...r };
+	if (typeof r.groupRowRenderer == "function") {
+		let t = r.groupRowRenderer, n = e(t);
+		i.groupRowRenderer = (e) => n(e) ?? document.createElement("div");
+	}
+	return new n(i);
+}, { override: !0 });
+//#endregion

package/features/index.js

@@ -1,27 +1,25 @@
-import "@toolbox-web/grid/features/clipboard";
-import "@toolbox-web/grid/features/column-virtualization";
-import "@toolbox-web/grid/features/context-menu";
+import "./clipboard.js";
+import "./column-virtualization.js";
+import "./context-menu.js";
 import "./editing.js";
-import "react";
-import "../chunks/grid-element-context-BU3WvNtM.js";
-import "@toolbox-web/grid/features/export";
+import "./export.js";
 import "./filtering.js";
 import "./grouping-columns.js";
 import "./grouping-rows.js";
 import "./master-detail.js";
-import "@toolbox-web/grid/features/multi-sort";
-import "@toolbox-web/grid/features/pinned-columns";
+import "./multi-sort.js";
+import "./pinned-columns.js";
 import "./pinned-rows.js";
-import "@toolbox-web/grid/features/pivot";
-import "@toolbox-web/grid/features/print";
-import "@toolbox-web/grid/features/reorder-columns";
+import "./pivot.js";
+import "./print.js";
+import "./reorder-columns.js";
 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/shell";
-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";
-import "@toolbox-web/grid/features/visibility";
+import "./row-drag-drop.js";
+import "./selection.js";
+import "./server-side.js";
+import "./shell.js";
+import "./sticky-rows.js";
+import "./tooltip.js";
+import "./tree.js";
+import "./undo-redo.js";
+import "./visibility.js";

package/features/master-detail.js

@@ -1,65 +1,50 @@
+import { i as e } from "../chunks/react-grid-adapter-CZfpPJvo.js";
+import { a as t, i as n } from "../chunks/portal-bridge-zxgm_jwK.js";
+import { n as r } from "../chunks/post-mount-refresh-hooks-D7BDK4Kl.js";
+import { t as i } from "../chunks/feature-registry-8K2rOVnC.js";
+import { n as a } from "../chunks/grid-detail-panel-CLdX0T_A.js";
 import "@toolbox-web/grid/features/master-detail";
-import { MasterDetailPlugin as c } from "@toolbox-web/grid/plugins/master-detail";
-import { registerFeature as m } from "@toolbox-web/grid/features/registry";
-import { g as f } from "../chunks/grid-detail-panel-BZFcujsZ.js";
-import { r as p, a as d } from "../chunks/portal-bridge-CvxNt40O.js";
-import { r as g } from "../chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { a as y } from "../chunks/react-grid-adapter-BhC9x425.js";
-y((t, { trackPortal: e }) => {
-  const n = f(t);
-  if (n)
-    return (s, a) => {
-      const o = document.createElement("div");
-      o.className = "react-detail-panel";
-      const r = d(
-        o,
-        n({ row: s, rowIndex: a }),
-        void 0,
-        t
-      );
-      return e(r, o, !1), o;
-    };
+import { MasterDetailPlugin as o } from "@toolbox-web/grid/plugins/master-detail";
+e((e, { trackPortal: n }) => {
+	let r = a(e);
+	if (r) return (i, a) => {
+		let o = document.createElement("div");
+		return o.className = "react-detail-panel", n(t(o, r({
+			row: i,
+			rowIndex: a
+		}), void 0, e), o, !1), o;
+	};
+}), r("masterDetail", ({ gridEl: e }) => {
+	e.getPluginByName("masterDetail")?.refreshDetailRenderer?.();
 });
-g("masterDetail", ({ gridEl: t }) => {
-  t.getPluginByName("masterDetail")?.refreshDetailRenderer?.();
-});
-class h extends c {
-  #e;
-  constructor(e, n) {
-    super(e), this.#e = n;
-  }
-  detach() {
-    super.detach();
-    for (const e of this.#e)
-      try {
-        p(e, { sync: !1 });
-      } catch {
-      }
-    this.#e.clear();
-  }
-}
-m(
-  "masterDetail",
-  (t) => {
-    const e = t == null || typeof t == "boolean" ? {} : t, n = e.detailRenderer;
-    if (typeof n != "function")
-      return new c(e);
-    const s = /* @__PURE__ */ new Set(), a = (o, l) => {
-      const r = n(
-        o,
-        l
-      );
-      if (r == null || r === !1) return document.createElement("div");
-      if (typeof r == "string" || r instanceof HTMLElement) return r;
-      const i = document.createElement("div");
-      i.className = "react-detail-panel";
-      const u = d(i, r);
-      return s.add(u), i;
-    };
-    return new h(
-      { ...e, detailRenderer: a },
-      s
-    );
-  },
-  { override: !0 }
-);
+var s = class extends o {
+	#e;
+	constructor(e, t) {
+		super(e), this.#e = t;
+	}
+	detach() {
+		super.detach();
+		for (let e of this.#e) try {
+			n(e, { sync: !1 });
+		} catch {}
+		this.#e.clear();
+	}
+};
+i("masterDetail", (e) => {
+	let n = e == null || typeof e == "boolean" ? {} : e, r = n.detailRenderer;
+	if (typeof r != "function") return new o(n);
+	let i = /* @__PURE__ */ new Set(), a = (e, n) => {
+		let a = r(e, n);
+		if (a == null || a === !1) return document.createElement("div");
+		if (typeof a == "string" || a instanceof HTMLElement) return a;
+		let o = document.createElement("div");
+		o.className = "react-detail-panel";
+		let s = t(o, a);
+		return i.add(s), o;
+	};
+	return new s({
+		...n,
+		detailRenderer: a
+	}, i);
+}, { override: !0 });
+//#endregion