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

package/features/pinned-rows.js

@@ -1,54 +1,61 @@
+import { a as e, i as t } from "../chunks/portal-bridge-zxgm_jwK.js";
+import { t as n } from "../chunks/feature-registry-8K2rOVnC.js";
 import "@toolbox-web/grid/features/pinned-rows";
-import { PinnedRowsPlugin as u } from "@toolbox-web/grid/plugins/pinned-rows";
-import { registerFeature as d } from "@toolbox-web/grid/features/registry";
-import { a as f, r as l } from "../chunks/portal-bridge-CvxNt40O.js";
-function c(e, n) {
-  let r = null, t = !1;
-  return (i) => {
-    const o = e(i);
-    if (o == null || o === !1) return null;
-    if (o instanceof HTMLElement) return o;
-    if (!r) {
-      const s = document.createElement("div");
-      s.style.display = "contents", r = { host: s, portalKey: null };
-    }
-    return r.portalKey = f(r.host, o, r.portalKey ?? void 0), t || (t = !0, n(() => {
-      r?.portalKey && l(r.portalKey, { sync: !1 }), r = null;
-    })), r.host;
-  };
+import { PinnedRowsPlugin as r } from "@toolbox-web/grid/plugins/pinned-rows";
+//#region libs/grid-react/src/features/pinned-rows.ts
+function i(n, r) {
+	let i = null, a = !1;
+	return (o) => {
+		let s = n(o);
+		if (s == null || s === !1) return null;
+		if (s instanceof HTMLElement) return s;
+		if (!i) {
+			let e = document.createElement("div");
+			e.style.display = "contents", i = {
+				host: e,
+				portalKey: null
+			};
+		}
+		return i.portalKey = e(i.host, s, i.portalKey ?? void 0), a || (a = !0, r(() => {
+			i?.portalKey && t(i.portalKey, { sync: !1 }), i = null;
+		})), i.host;
+	};
 }
-function p(e, n) {
-  if (!("render" in e) || e.render == null) return e;
-  if (Array.isArray(e.render)) {
-    const r = e.render.map((t) => typeof t?.render != "function" ? t : { zone: t.zone, render: c(t.render, n) });
-    return { ...e, render: r };
-  }
-  return typeof e.render == "function" ? { ...e, render: c(e.render, n) } : e;
+function a(e, t) {
+	if (!("render" in e) || e.render == null) return e;
+	if (Array.isArray(e.render)) {
+		let n = e.render.map((e) => typeof e?.render == "function" ? {
+			zone: e.zone,
+			render: i(e.render, t)
+		} : e);
+		return {
+			...e,
+			render: n
+		};
+	}
+	return typeof e.render == "function" ? {
+		...e,
+		render: i(e.render, t)
+	} : e;
 }
-class h extends u {
-  #e;
-  constructor(n, r) {
-    super(n), this.#e = r;
-  }
-  detach() {
-    super.detach();
-    for (const n of this.#e)
-      try {
-        n();
-      } catch {
-      }
-    this.#e.length = 0;
-  }
-}
-d(
-  "pinnedRows",
-  (e) => {
-    if (typeof e == "boolean") return new u();
-    if (!e) return new u();
-    const n = e, { slots: r, ...t } = n, i = { ...t }, o = [], s = (a) => {
-      o.push(a);
-    };
-    return Array.isArray(r) && (i.slots = r.map((a) => p(a, s))), new h(i, o);
-  },
-  { override: !0 }
-);
+var o = class extends r {
+	#e;
+	constructor(e, t) {
+		super(e), this.#e = t;
+	}
+	detach() {
+		super.detach();
+		for (let e of this.#e) try {
+			e();
+		} catch {}
+		this.#e.length = 0;
+	}
+};
+n("pinnedRows", (e) => {
+	if (typeof e == "boolean" || !e) return new r();
+	let { slots: t, ...n } = e, i = { ...n }, s = [], c = (e) => {
+		s.push(e);
+	};
+	return Array.isArray(t) && (i.slots = t.map((e) => a(e, c))), new o(i, s);
+}, { override: !0 });
+//#endregion

package/features/print.js

@@ -1,25 +1,20 @@
-import { useContext as s, useCallback as r } 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/print";
-function l(t) {
-  const i = s(a), n = r(() => (t ? document.querySelector(t) : i?.current)?.getPluginByName("print"), [i, t]), u = r(
-    async (e) => {
-      const o = n();
-      if (!o) {
-        console.warn(
-          `[tbw-grid:print] PrintPlugin not found.
-
-  → Enable print on the grid:
-    <DataGrid print />`
-        );
-        return;
-      }
-      await o.print(e);
-    },
-    [n]
-  ), g = r(() => n()?.isPrinting() ?? !1, [n]);
-  return { print: u, isPrinting: g };
+//#region libs/grid-react/src/features/print.ts
+function r(r) {
+	let i = n(e), a = t(() => (r ? document.querySelector(r) : i?.current)?.getPluginByName("print"), [i, r]);
+	return {
+		print: t(async (e) => {
+			let t = a();
+			if (!t) {
+				console.warn("[tbw-grid:print] PrintPlugin not found.\n\n  → Enable print on the grid:\n    <DataGrid print />");
+				return;
+			}
+			await t.print(e);
+		}, [a]),
+		isPrinting: t(() => a()?.isPrinting() ?? !1, [a])
+	};
 }
-export {
-  l as useGridPrint
-};
+//#endregion
+export { r as useGridPrint };

package/features/responsive.js

@@ -1,65 +1,53 @@
+import { o 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-responsive-card-Dx5U6Prm.js";
 import "@toolbox-web/grid/features/responsive";
-import { ResponsivePlugin as u } from "@toolbox-web/grid/plugins/responsive";
-import { registerFeature as l } from "@toolbox-web/grid/features/registry";
-import { g as p } from "../chunks/grid-responsive-card-CSZhDCoN.js";
-import { r as v, a as f } from "../chunks/portal-bridge-CvxNt40O.js";
-import { r as R } from "../chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { b as y } from "../chunks/react-grid-adapter-BhC9x425.js";
-y((e, { trackPortal: r }) => {
-  const t = p(e);
-  if (t)
-    return (n, s) => {
-      const o = document.createElement("div");
-      o.className = "react-responsive-card";
-      const i = f(
-        o,
-        t({ row: n, index: s }),
-        void 0,
-        e
-      );
-      return r(i, o, !1), o;
-    };
+import { ResponsivePlugin as o } from "@toolbox-web/grid/plugins/responsive";
+e((e, { trackPortal: n }) => {
+	let r = a(e);
+	if (r) return (i, a) => {
+		let o = document.createElement("div");
+		return o.className = "react-responsive-card", n(t(o, r({
+			row: i,
+			index: a
+		}), void 0, e), o, !1), o;
+	};
+}), r("responsive", ({ gridEl: e }) => {
+	if (!e.querySelector("tbw-grid-responsive-card") || !a(e)) return;
+	let t = e, n = t.getPluginByName("responsive");
+	if (!n?.setCardRenderer) return;
+	let r = t.__frameworkAdapter?.createResponsiveCardRenderer?.(e);
+	r && n.setCardRenderer(r);
 });
-R("responsive", ({ gridEl: e }) => {
-  if (!e.querySelector("tbw-grid-responsive-card") || !p(e)) return;
-  const t = e, n = t.getPluginByName("responsive");
-  if (!n?.setCardRenderer) return;
-  const s = t.__frameworkAdapter?.createResponsiveCardRenderer?.(e);
-  s && n.setCardRenderer(s);
-});
-class h extends u {
-  #e;
-  constructor(r, t) {
-    super(r), this.#e = t;
-  }
-  detach() {
-    super.detach();
-    for (const r of this.#e)
-      try {
-        v(r, { sync: !1 });
-      } catch {
-      }
-    this.#e.clear();
-  }
-}
-l(
-  "responsive",
-  (e) => {
-    const r = e == null || typeof e == "boolean" ? {} : e, t = r.cardRenderer;
-    if (typeof t != "function")
-      return new u(r);
-    const n = /* @__PURE__ */ new Set(), s = (o, d, i) => {
-      const a = t(o, d, i);
-      if (a instanceof HTMLElement) return a;
-      const c = document.createElement("div");
-      if (c.className = "react-responsive-card", a == null || a === !1) return c;
-      const m = f(c, a);
-      return n.add(m), c;
-    };
-    return new h(
-      { ...r, cardRenderer: s },
-      n
-    );
-  },
-  { 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("responsive", (e) => {
+	let n = e == null || typeof e == "boolean" ? {} : e, r = n.cardRenderer;
+	if (typeof r != "function") return new o(n);
+	let i = /* @__PURE__ */ new Set(), a = (e, n, a) => {
+		let o = r(e, n, a);
+		if (o instanceof HTMLElement) return o;
+		let s = document.createElement("div");
+		if (s.className = "react-responsive-card", o == null || o === !1) return s;
+		let c = t(s, o);
+		return i.add(c), s;
+	};
+	return new s({
+		...n,
+		cardRenderer: a
+	}, i);
+}, { override: !0 });
+//#endregion

package/features/selection.js

@@ -1,47 +1,49 @@
-import { useContext as w, useCallback as n } from "react";
-import { G as C } 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/selection";
-function G(o) {
-  const l = w(C), e = n(() => (o ? document.querySelector(o) : l?.current)?.getPluginByName("selection"), [l, o]), g = n(() => {
-    const t = e();
-    if (!t) {
-      console.warn(
-        `[tbw-grid:selection] SelectionPlugin not found.
-
-  → Enable selection on the grid:
-    <DataGrid selection="range" />`
-      );
-      return;
-    }
-    const r = o ? document.querySelector(o) : l?.current, u = t.config?.mode;
-    if (u === "row") {
-      const s = r?.rows?.length ?? 0, c = /* @__PURE__ */ new Set();
-      for (let i = 0; i < s; i++) c.add(i);
-      t.selected = c, t.requestAfterRender?.();
-    } else if (u === "range") {
-      const s = r?.rows?.length ?? 0, c = r?._columns?.length ?? 0;
-      s > 0 && c > 0 && t.setRanges([{ from: { row: 0, col: 0 }, to: { row: s - 1, col: c - 1 } }]);
-    }
-  }, [e, l, o]), d = n(() => {
-    e()?.clearSelection();
-  }, [e]), a = n(() => e()?.getSelection() ?? null, [e]), f = n(
-    (t, r) => e()?.isCellSelected(t, r) ?? !1,
-    [e]
-  ), m = n(
-    (t) => {
-      e()?.setRanges(t);
-    },
-    [e]
-  ), S = n(() => e()?.getSelectedRows() ?? [], [e]);
-  return {
-    selectAll: g,
-    clearSelection: d,
-    getSelection: a,
-    isCellSelected: f,
-    setRanges: m,
-    getSelectedRows: S
-  };
+//#region libs/grid-react/src/features/selection.ts
+function r(r) {
+	let i = n(e), a = t(() => (r ? document.querySelector(r) : i?.current)?.getPluginByName("selection"), [i, r]);
+	return {
+		selectAll: t(() => {
+			let e = a();
+			if (!e) {
+				console.warn("[tbw-grid:selection] SelectionPlugin not found.\n\n  → Enable selection on the grid:\n    <DataGrid selection=\"range\" />");
+				return;
+			}
+			let t = r ? document.querySelector(r) : i?.current, n = e.config?.mode;
+			if (n === "row") {
+				let n = t?.rows?.length ?? 0, r = /* @__PURE__ */ new Set();
+				for (let e = 0; e < n; e++) r.add(e);
+				e.selected = r, e.requestAfterRender?.();
+			} else if (n === "range") {
+				let n = t?.rows?.length ?? 0, r = t?._columns?.length ?? 0;
+				n > 0 && r > 0 && e.setRanges([{
+					from: {
+						row: 0,
+						col: 0
+					},
+					to: {
+						row: n - 1,
+						col: r - 1
+					}
+				}]);
+			}
+		}, [
+			a,
+			i,
+			r
+		]),
+		clearSelection: t(() => {
+			a()?.clearSelection();
+		}, [a]),
+		getSelection: t(() => a()?.getSelection() ?? null, [a]),
+		isCellSelected: t((e, t) => a()?.isCellSelected(e, t) ?? !1, [a]),
+		setRanges: t((e) => {
+			a()?.setRanges(e);
+		}, [a]),
+		getSelectedRows: t(() => a()?.getSelectedRows() ?? [], [a])
+	};
 }
-export {
-  G as useGridSelection
-};
+//#endregion
+export { r as useGridSelection };

package/features/undo-redo.js

@@ -1,88 +1,55 @@
-import { useContext as p, useCallback as d } from "react";
-import { G as E } 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/undo-redo";
-function h(e) {
-  const t = p(E), n = d(() => (e ? document.querySelector(e) : t?.current)?.getPluginByName("undoRedo"), [t, e]), i = d(() => {
-    const o = n();
-    return o ? o.undo() : (console.warn(
-      `[tbw-grid:undoRedo] UndoRedoPlugin not found.
-
-  → Enable undo/redo on the grid:
-    <DataGrid editing="dblclick" undoRedo />`
-    ), null);
-  }, [n]), u = d(() => {
-    const o = n();
-    return o ? o.redo() : (console.warn(
-      `[tbw-grid:undoRedo] UndoRedoPlugin not found.
-
-  → Enable undo/redo on the grid:
-    <DataGrid editing="dblclick" undoRedo />`
-    ), null);
-  }, [n]), c = d(() => n()?.canUndo() ?? !1, [n]), a = d(() => n()?.canRedo() ?? !1, [n]), l = d(() => {
-    const o = n();
-    if (!o) {
-      console.warn(
-        `[tbw-grid:undoRedo] UndoRedoPlugin not found.
-
-  → Enable undo/redo on the grid:
-    <DataGrid editing="dblclick" undoRedo />`
-      );
-      return;
-    }
-    o.clearHistory();
-  }, [n]), g = d(() => n()?.getUndoStack() ?? [], [n]), s = d(() => n()?.getRedoStack() ?? [], [n]), R = d(
-    (o, w, k, U) => {
-      const r = n();
-      if (!r) {
-        console.warn(
-          `[tbw-grid:undoRedo] UndoRedoPlugin not found.
-
-  → Enable undo/redo on the grid:
-    <DataGrid editing="dblclick" undoRedo />`
-        );
-        return;
-      }
-      r.recordEdit(o, w, k, U);
-    },
-    [n]
-  ), b = d(() => {
-    const o = n();
-    if (!o) {
-      console.warn(
-        `[tbw-grid:undoRedo] UndoRedoPlugin not found.
-
-  → Enable undo/redo on the grid:
-    <DataGrid editing="dblclick" undoRedo />`
-      );
-      return;
-    }
-    o.beginTransaction();
-  }, [n]), f = d(() => {
-    const o = n();
-    if (!o) {
-      console.warn(
-        `[tbw-grid:undoRedo] UndoRedoPlugin not found.
-
-  → Enable undo/redo on the grid:
-    <DataGrid editing="dblclick" undoRedo />`
-      );
-      return;
-    }
-    o.endTransaction();
-  }, [n]);
-  return {
-    undo: i,
-    redo: u,
-    canUndo: c,
-    canRedo: a,
-    clearHistory: l,
-    getUndoStack: g,
-    getRedoStack: s,
-    recordEdit: R,
-    beginTransaction: b,
-    endTransaction: f
-  };
+//#region libs/grid-react/src/features/undo-redo.ts
+function r(r) {
+	let i = n(e), a = t(() => (r ? document.querySelector(r) : i?.current)?.getPluginByName("undoRedo"), [i, r]);
+	return {
+		undo: t(() => {
+			let e = a();
+			return e ? e.undo() : (console.warn("[tbw-grid:undoRedo] UndoRedoPlugin not found.\n\n  → Enable undo/redo on the grid:\n    <DataGrid editing=\"dblclick\" undoRedo />"), null);
+		}, [a]),
+		redo: t(() => {
+			let e = a();
+			return e ? e.redo() : (console.warn("[tbw-grid:undoRedo] UndoRedoPlugin not found.\n\n  → Enable undo/redo on the grid:\n    <DataGrid editing=\"dblclick\" undoRedo />"), null);
+		}, [a]),
+		canUndo: t(() => a()?.canUndo() ?? !1, [a]),
+		canRedo: t(() => a()?.canRedo() ?? !1, [a]),
+		clearHistory: t(() => {
+			let e = a();
+			if (!e) {
+				console.warn("[tbw-grid:undoRedo] UndoRedoPlugin not found.\n\n  → Enable undo/redo on the grid:\n    <DataGrid editing=\"dblclick\" undoRedo />");
+				return;
+			}
+			e.clearHistory();
+		}, [a]),
+		getUndoStack: t(() => a()?.getUndoStack() ?? [], [a]),
+		getRedoStack: t(() => a()?.getRedoStack() ?? [], [a]),
+		recordEdit: t((e, t, n, r) => {
+			let i = a();
+			if (!i) {
+				console.warn("[tbw-grid:undoRedo] UndoRedoPlugin not found.\n\n  → Enable undo/redo on the grid:\n    <DataGrid editing=\"dblclick\" undoRedo />");
+				return;
+			}
+			i.recordEdit(e, t, n, r);
+		}, [a]),
+		beginTransaction: t(() => {
+			let e = a();
+			if (!e) {
+				console.warn("[tbw-grid:undoRedo] UndoRedoPlugin not found.\n\n  → Enable undo/redo on the grid:\n    <DataGrid editing=\"dblclick\" undoRedo />");
+				return;
+			}
+			e.beginTransaction();
+		}, [a]),
+		endTransaction: t(() => {
+			let e = a();
+			if (!e) {
+				console.warn("[tbw-grid:undoRedo] UndoRedoPlugin not found.\n\n  → Enable undo/redo on the grid:\n    <DataGrid editing=\"dblclick\" undoRedo />");
+				return;
+			}
+			e.endTransaction();
+		}, [a])
+	};
 }
-export {
-  h as useGridUndoRedo
-};
+//#endregion
+export { r as useGridUndoRedo };