@toolbox-web/grid-react 2.4.0 → 2.5.0

package/index.js

@@ -1,19 +1,20 @@
-import { c as e, d as t, f as n, l as r, n as i, p as a, r as o, s, t as c, u as l } from "./chunks/react-grid-adapter-C_TSA5_P.js";
-import { a as u, i as d, o as f } from "./chunks/portal-bridge-zxgm_jwK.js";
-import { n as p, t as m } from "./chunks/post-mount-refresh-hooks-D7BDK4Kl.js";
-import { a as h, r as g } from "./chunks/react-column-config-Cto2WHGC.js";
-import "./chunks/feature-registry-8K2rOVnC.js";
-import { t as _ } from "./chunks/grid-element-context-DpuQsoie.js";
-import { t as v } from "./chunks/grid-detail-panel-CLdX0T_A.js";
-import { t as y } from "./chunks/grid-responsive-card-Dx5U6Prm.js";
-import { DataGridElement as b, parseColumnShorthand as x } from "@toolbox-web/grid";
-import { Component as S, createContext as C, createElement as ee, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useId as O, useImperativeHandle as te, useLayoutEffect as ne, useMemo as k, useReducer as A, useRef as j, useState as M } from "react";
-import { Fragment as N, jsx as P, jsxs as re } from "react/jsx-runtime";
-import { createPortal as F, flushSync as I } from "react-dom";
-import { createPluginsFromFeatures as L } from "@toolbox-web/grid/features/registry";
+import { a as e, d as t, f as n, h as r, i, l as a, m as o, n as s, p as c, r as l, t as u, u as d } from "./chunks/react-grid-adapter-DP9A9ytc.js";
+import { a as f, i as p, o as m } from "./chunks/portal-bridge-zxgm_jwK.js";
+import { n as h, t as g } from "./chunks/post-mount-refresh-hooks-D7BDK4Kl.js";
+import { r as _, s as v } from "./chunks/react-column-config-CkBIwx2L.js";
+import { a as y, i as b, n as x, o as S, r as C, t as w } from "./chunks/feature-registry-DKPyd2rV.js";
+import { t as T } from "./chunks/grid-element-context-DpuQsoie.js";
+import { t as E } from "./chunks/grid-detail-panel-CLdX0T_A.js";
+import { t as D } from "./chunks/grid-responsive-card-Dx5U6Prm.js";
+import { t as O } from "./chunks/use-grid-is-ready-Baa67cu3.js";
+import { DataGridElement as ee, parseColumnShorthand as k } from "@toolbox-web/grid";
+import { Component as A, createContext as j, createElement as te, forwardRef as M, useCallback as N, useContext as P, useEffect as F, useId as I, useImperativeHandle as ne, useLayoutEffect as re, useMemo as L, useReducer as R, useRef as z, useState as B } from "react";
+import { Fragment as V, jsx as H, jsxs as ie } from "react/jsx-runtime";
+import { createPortal as U, flushSync as W } from "react-dom";
+import { createPluginsFromFeatures as G } from "@toolbox-web/grid/features/registry";
 //#region libs/grid-react/src/lib/column-shorthand.ts
-function R(e) {
-	let { field: t, header: n, type: r } = x(e);
+function K(e) {
+	let { field: t, header: n, type: r } = k(e);
 	return r === void 0 ? {
 		field: t,
 		header: n
@@ -23,21 +24,21 @@ function R(e) {
 		type: r
 	};
 }
-function z(e) {
-	return e.map((e) => typeof e == "string" ? R(e) : e);
+function ae(e) {
+	return e.map((e) => typeof e == "string" ? K(e) : e);
 }
-function B(e, t) {
+function oe(e, t) {
 	return t ? e.map((e) => ({
 		...t,
 		...e
 	})) : e;
 }
-function V(e) {
+function q(e) {
 	return e.some((e) => typeof e == "string");
 }
 //#endregion
 //#region libs/grid-react/src/lib/event-props.ts
-var H = {
+var J = {
 	onCellClick: "cell-click",
 	onRowClick: "row-click",
 	onCellActivate: "cell-activate",
@@ -85,24 +86,24 @@ var H = {
 	onPrintComplete: "print-complete",
 	onTbwScroll: "tbw-scroll",
 	onRender: "render"
-}, U = C(null), W = ({ icons: e, children: t }) => /* @__PURE__ */ P(U.Provider, {
+}, Y = j(null), se = ({ icons: e, children: t }) => /* @__PURE__ */ H(Y.Provider, {
 	value: e,
 	children: t
 });
-function G() {
-	return E(U);
+function ce() {
+	return P(Y);
 }
-var ie = U, K = C(null), q = ({ defaults: e, children: t }) => /* @__PURE__ */ P(K.Provider, {
+var le = Y, X = j(null), ue = ({ defaults: e, children: t }) => /* @__PURE__ */ H(X.Provider, {
 	value: e,
 	children: t
 });
-function J() {
-	return E(K);
+function de() {
+	return P(X);
 }
-function Y(e) {
-	return E(K)?.[e];
+function fe(e) {
+	return P(X)?.[e];
 }
-var ae = K, X = class extends S {
+var pe = X, me = class extends A {
 	state = { failed: !1 };
 	static getDerivedStateFromError() {
 		return { failed: !0 };
@@ -113,10 +114,10 @@ var ae = K, X = class extends S {
 	render() {
 		return this.state.failed ? null : this.props.children;
 	}
-}, oe = w(function(e, t) {
-	let n = j(/* @__PURE__ */ new Map()), [, r] = A((e) => e + 1, 0), i = j(!1), a = j(0), o = j(0), s = j(!1), c = j(!1), l = () => {
+}, he = M(function(e, t) {
+	let n = z(/* @__PURE__ */ new Map()), [, r] = R((e) => e + 1, 0), i = z(!1), a = z(0), o = z(0), s = z(!1), c = z(!1), l = () => {
 		i.current || (i.current = !0, queueMicrotask(() => {
-			i.current = !1, !c.current && (I(r), u());
+			i.current = !1, !c.current && (W(r), u());
 		}));
 	}, u = () => {
 		a.current ||= requestAnimationFrame(() => {
@@ -125,7 +126,7 @@ var ae = K, X = class extends S {
 	}, d = (e, t) => {
 		console.error(`[grid-react] Portal "${e}" crashed; dropping.`, t), n.current.delete(e), u();
 	};
-	te(t, () => ({
+	ne(t, () => ({
 		renderPortal(e, t, r) {
 			c.current || (n.current.set(e, {
 				container: t,
@@ -137,7 +138,7 @@ var ae = K, X = class extends S {
 				n.current.delete(e);
 				return;
 			}
-			n.current.delete(e) && (o.current > 0 ? s.current = !0 : t ? I(r) : l());
+			n.current.delete(e) && (o.current > 0 ? s.current = !0 : t ? W(r) : l());
 		},
 		beginBatch() {
 			o.current++;
@@ -152,7 +153,7 @@ var ae = K, X = class extends S {
 			}
 			n.current.size > 0 && (n.current.clear(), a.current &&= (cancelAnimationFrame(a.current), 0), l());
 		}
-	}), []), ne(() => {
+	}), []), re(() => {
 		c.current = !1;
 		let e = n.current;
 		return () => {
@@ -165,7 +166,7 @@ var ae = K, X = class extends S {
 			(p ??= []).push(e);
 			continue;
 		}
-		f.push(F(/* @__PURE__ */ P(X, {
+		f.push(U(/* @__PURE__ */ H(me, {
 			portalKey: e,
 			onError: d,
 			children: r
@@ -177,11 +178,11 @@ var ae = K, X = class extends S {
 			for (let t of e) n.current.delete(t);
 		});
 	}
-	return /* @__PURE__ */ P(N, { children: f });
+	return /* @__PURE__ */ H(V, { children: f });
 });
 //#endregion
 //#region libs/grid-react/src/lib/row-diff.ts
-function se(e, t, n) {
+function ge(e, t, n) {
 	if (t.length === 0 || e.length !== t.length) return null;
 	let r = [];
 	for (let i = 0; i < e.length; i++) {
@@ -196,117 +197,117 @@ function se(e, t, n) {
 }
 //#endregion
 //#region libs/grid-react/src/lib/use-sync-plugins.ts
-var Z = {
+var _e = {
 	undoRedo: ["editing"],
 	clipboard: ["selection"]
 };
-function ce(e) {
+function ve(e) {
 	let t = new Set(e);
 	for (let n of e) {
-		let e = Z[n];
+		let e = _e[n];
 		if (e) for (let r of e) t.has(r) || console.warn(`[DataGrid] Feature "${n}" requires "${r}" to be enabled. Add the "${r}" prop to your DataGrid.`);
 	}
 }
-function le(e) {
+function ye(e) {
 	let t = [];
 	for (let [n, r] of Object.entries(e)) r === void 0 || r === !1 || t.push(n);
-	return ce(t), L(e);
+	return ve(t), G(e);
 }
 //#endregion
 //#region libs/grid-react/src/lib/data-grid.tsx
-var ue = !1, Q = null;
-function $() {
-	return ue ||= (Q = new c(), b.registerAdapter(Q), !0), Q;
+var be = !1, Z = null;
+function Q() {
+	return be ||= (Z = new u(), ee.registerAdapter(Z), !0), Z;
 }
-$();
-var de = /* @__PURE__ */ new WeakMap(), fe = 0;
-function pe(e) {
-	let t = de.get(e);
-	return t === void 0 && (t = ++fe, de.set(e, t)), t;
+Q();
+var xe = /* @__PURE__ */ new WeakMap(), Se = 0;
+function Ce(e) {
+	let t = xe.get(e);
+	return t === void 0 && (t = ++Se, xe.set(e, t)), t;
 }
-a("GridDetailPanel", (e) => {
+r("GridDetailPanel", (e) => {
 	let t = e.props;
 	return { masterDetail: {
 		showExpandColumn: t.showExpandColumn ?? !0,
 		animation: t.animation ?? "slide"
 	} };
-}), a("GridResponsiveCard", () => ({ responsive: !0 }));
-var me = w(function(e, t) {
-	let { rows: r, gridConfig: i, columns: a, columnDefaults: o, fitMode: s, columnInference: c, sortable: u, filterable: d, selectable: p, loading: h, customStyles: v, className: y, style: x, children: S, plugins: C, onRowsChange: w, ...T } = e, O = j(null), A = j(null), M = j(!1), F = j([]), I = j(void 0), L = E(ae), R = E(ie), V = k(() => {
-		let e = {}, t = T;
-		for (let n of l()) {
-			let r = t[n];
-			r !== void 0 && (e[n] = r);
+}), r("GridResponsiveCard", () => ({ responsive: !0 }));
+var we = M(function(e, t) {
+	let { rows: r, gridConfig: i, columns: a, columnDefaults: s, fitMode: c, columnInference: l, sortable: u, filterable: d, selectable: f, loading: p, customStyles: h, className: v, style: y, children: b, plugins: x, onRowsChange: S, ...C } = e, w = z(null), E = z(null), D = z(!1), O = z([]), k = z(void 0), A = P(pe), j = P(le), M = L(() => {
+		let e = {}, t = C;
+		for (let r of n()) {
+			let n = t[r];
+			n !== void 0 && (e[r] = n);
 		}
 		return e;
-	}, [k(() => l().map((e) => {
-		let t = T[e];
+	}, [L(() => n().map((e) => {
+		let t = C[e];
 		if (t === void 0) return "";
 		let n;
 		try {
 			n = JSON.stringify(t) ?? "undefined";
 		} catch {
-			n = typeof t == "object" && t ? `ref#${pe(t)}` : `prim:${String(t)}`;
+			n = typeof t == "object" && t ? `ref#${Ce(t)}` : `prim:${String(t)}`;
 		}
 		return `${e}:${n}`;
-	}).filter(Boolean).join("|"), [T])]), U = k(() => n(S), [S]), W = k(() => {
+	}).filter(Boolean).join("|"), [C])]), N = L(() => o(b), [b]), I = L(() => {
 		let e = i?.features, t = {};
-		for (let [n, r] of Object.entries(U)) e && n in e && e[n] !== void 0 && e[n] !== !1 || (t[n] = r);
+		for (let [n, r] of Object.entries(N)) e && n in e && e[n] !== void 0 && e[n] !== !1 || (t[n] = r);
 		return {
 			...t,
-			...V
+			...M
 		};
 	}, [
-		V,
-		U,
+		M,
+		N,
 		i
-	]), G = k(() => C ? [] : le(W), [W, C]), K = k(() => {
-		if (C) {
-			let e = new Set(C.map((e) => e.name)), t = G.filter((t) => !e.has(t.name));
-			return [...C, ...t];
+	]), R = L(() => x ? [] : ye(I), [I, x]), B = L(() => {
+		if (x) {
+			let e = new Set(x.map((e) => e.name)), t = R.filter((t) => !e.has(t.name));
+			return [...x, ...t];
 		}
-		return G;
-	}, [C, G]), q = k(() => a && B(z(a), o), [a, o]), J = k(() => {
-		let e = g(i), t = {};
-		if (u !== void 0 && (t.sortable = u), d !== void 0 && (t.filterable = d), p !== void 0 && (t.selectable = p), R) {
+		return R;
+	}, [x, R]), U = L(() => a && oe(ae(a), s), [a, s]), W = L(() => {
+		let e = _(i), t = {};
+		if (u !== void 0 && (t.sortable = u), d !== void 0 && (t.filterable = d), f !== void 0 && (t.selectable = f), j) {
 			let n = e?.icons || i?.icons || {};
 			t.icons = {
-				...R,
+				...j,
 				...n
 			};
 		}
-		if (K.length > 0 && e) {
-			let n = e.plugins || [], r = new Set(n.map((e) => e.name)), i = K.filter((e) => !r.has(e.name));
+		if (B.length > 0 && e) {
+			let n = e.plugins || [], r = new Set(n.map((e) => e.name)), i = B.filter((e) => !r.has(e.name));
 			return {
 				...e,
 				...t,
 				plugins: [...n, ...i]
 			};
 		}
-		return K.length > 0 && !e ? {
+		return B.length > 0 && !e ? {
 			...t,
-			plugins: K
+			plugins: B
 		} : Object.keys(t).length > 0 ? {
 			...e,
 			...t
 		} : e;
 	}, [
 		i,
-		K,
+		B,
 		u,
 		d,
-		p,
-		R
+		f,
+		j
 	]);
-	D(() => {
-		I.current = J?.getRowId;
-	}, [J]), D(() => {
-		$().setTypeDefaults(L);
-	}, [L]), D(() => {
-		let e = O.current;
+	F(() => {
+		k.current = W?.getRowId;
+	}, [W]), F(() => {
+		Q().setTypeDefaults(A);
+	}, [A]), F(() => {
+		let e = w.current;
 		if (!e) return;
-		let t = I.current, n = t ? se(r, F.current, t) : null;
-		if (F.current = r, n !== null) {
+		let t = k.current, n = t ? ge(r, O.current, t) : null;
+		if (O.current = r, n !== null) {
 			if (n.length > 0) try {
 				e.updateRows(n, "sync");
 			} catch {
@@ -315,129 +316,150 @@ var me = w(function(e, t) {
 			return;
 		}
 		e.rows = r;
-	}, [r]), D(() => {
-		O.current && J && (O.current.gridConfig = J);
-	}, [J]), D(() => {
-		O.current && q && (O.current.columns = q);
-	}, [q]), D(() => {
-		O.current && s !== void 0 && (O.current.fitMode = s);
-	}, [s]), D(() => {
-		O.current && (O.current.columnInference = c);
-	}, [c]), D(() => {
-		O.current && h !== void 0 && (O.current.loading = h);
-	}, [h]), D(() => {
-		let e = O.current;
+	}, [r]), F(() => {
+		w.current && W && (w.current.gridConfig = W);
+	}, [W]), F(() => {
+		w.current && U && (w.current.columns = U);
+	}, [U]), F(() => {
+		w.current && c !== void 0 && (w.current.fitMode = c);
+	}, [c]), F(() => {
+		w.current && (w.current.columnInference = l);
+	}, [l]), F(() => {
+		w.current && p !== void 0 && (w.current.loading = p);
+	}, [p]), F(() => {
+		let e = w.current;
 		if (!e) return;
-		e.__frameworkAdapter = $(), m(e);
+		e.__frameworkAdapter = Q(), g(e);
 		let t = !1, n = requestAnimationFrame(() => {
 			t || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
 		});
 		return () => {
 			t = !0, cancelAnimationFrame(n);
 		};
-	}, []), D(() => {
-		if (!O.current || !v) return;
-		let e = O.current, t = "react-custom-styles", n = !0;
+	}, []), F(() => {
+		if (!w.current || !h) return;
+		let e = w.current, t = "react-custom-styles", n = !0;
 		return e.ready?.().then(() => {
-			n && v && (e.registerStyles?.(t, v), A.current = t);
+			n && h && (e.registerStyles?.(t, h), E.current = t);
 		}), () => {
-			n = !1, A.current &&= (e.unregisterStyles?.(A.current), null);
+			n = !1, E.current &&= (e.unregisterStyles?.(E.current), null);
 		};
-	}, [v]), D(() => {
-		let e = O.current;
+	}, [h]), F(() => {
+		let e = w.current;
 		if (!e) return;
 		let t = [];
-		return w && t.push(e.on("rows-change", (e) => w(e.rows))), () => {
+		return S && t.push(e.on("rows-change", (e) => S(e.rows))), () => {
 			t.forEach((e) => e());
 		};
-	}, [w]);
-	let Y = k(() => Object.keys(H).filter((e) => typeof T[e] == "function").sort().join("|"), [T]), X = j({});
-	for (let e of Object.keys(H)) X.current[e] = T[e];
-	D(() => {
-		let e = O.current;
+	}, [S]);
+	let G = L(() => Object.keys(J).filter((e) => typeof C[e] == "function").sort().join("|"), [C]), K = z({});
+	for (let e of Object.keys(J)) K.current[e] = C[e];
+	F(() => {
+		let e = w.current;
 		if (!e) return;
 		let t = [];
-		for (let [n, r] of Object.entries(H)) Y.includes(n) && t.push(e.on(r, (e, t) => {
-			X.current[n]?.(e, t);
+		for (let [n, r] of Object.entries(J)) G.includes(n) && t.push(e.on(r, (e, t) => {
+			K.current[n]?.(e, t);
 		}));
 		return () => {
 			t.forEach((e) => e());
 		};
-	}, [Y]), te(t, () => ({
+	}, [G]), ne(t, () => ({
 		get element() {
-			return O.current;
+			return w.current;
 		},
 		async getConfig() {
-			return O.current?.getConfig?.() ?? {};
+			return w.current?.getConfig?.() ?? {};
 		},
 		async ready() {
-			return O.current?.ready?.();
+			return w.current?.ready?.();
 		},
 		async forceLayout() {
-			return O.current?.forceLayout?.();
+			return w.current?.forceLayout?.();
 		},
 		async toggleGroup(e) {
-			return O.current?.toggleGroup?.(e);
+			return w.current?.toggleGroup?.(e);
 		},
 		registerStyles(e, t) {
-			O.current?.registerStyles?.(e, t);
+			w.current?.registerStyles?.(e, t);
 		},
 		unregisterStyles(e) {
-			O.current?.unregisterStyles?.(e);
+			w.current?.unregisterStyles?.(e);
 		},
 		setRowLoading(e, t) {
-			O.current?.setRowLoading?.(e, t);
+			w.current?.setRowLoading?.(e, t);
 		},
 		setCellLoading(e, t, n) {
-			O.current?.setCellLoading?.(e, t, n);
+			w.current?.setCellLoading?.(e, t, n);
 		},
 		isRowLoading(e) {
-			return O.current?.isRowLoading?.(e) ?? !1;
+			return w.current?.isRowLoading?.(e) ?? !1;
 		},
 		isCellLoading(e, t) {
-			return O.current?.isCellLoading?.(e, t) ?? !1;
+			return w.current?.isCellLoading?.(e, t) ?? !1;
 		},
 		clearAllLoading() {
-			O.current?.clearAllLoading?.();
+			w.current?.clearAllLoading?.();
 		}
 	}), []);
-	let Z = j(null);
-	return ne(() => {
-		let e = O.current;
-		return e && Z.current && f(e, Z.current), () => {
-			e && f(e, null);
+	let q = z(null);
+	return re(() => {
+		let e = w.current;
+		return e && q.current && m(e, q.current), () => {
+			e && m(e, null);
 		};
-	}, []), /* @__PURE__ */ re(N, { children: [/* @__PURE__ */ P(oe, { ref: Z }), ee(b.activeTag, {
+	}, []), /* @__PURE__ */ ie(V, { children: [/* @__PURE__ */ H(he, { ref: q }), te(ee.activeTag, {
 		ref: (e) => {
-			if (O.current = e, e && !M.current) {
-				M.current = !0;
+			if (w.current = e, e && !D.current) {
+				D.current = !0;
 				let t = e;
-				J && (t.gridConfig = J), r && (t.rows = r), q && (t.columns = q);
+				W && (t.gridConfig = W), r && (t.rows = r), U && (t.columns = U);
 			}
 		},
-		class: y,
-		style: x
-	}, /* @__PURE__ */ P(_.Provider, {
-		value: O,
-		children: S
+		class: v,
+		style: y
+	}, /* @__PURE__ */ H(T.Provider, {
+		value: w,
+		children: b
 	}))] });
 });
 //#endregion
+//#region libs/grid-react/src/lib/column-options.ts
+function Te(e) {
+	if (e.length !== 0) return e.map((e) => {
+		if (typeof e == "string" || typeof e == "number") return $(String(e));
+		let t = $(String(e.value)), n = $(e.label);
+		return e.label === t ? t : `${t}:${n}`;
+	}).join(",");
+}
+function $(e) {
+	return (e.includes(",") || e.includes(":")) && console.warn(`[tbw-grid:column] Option "${e}" contains "," or ":", which the grid's options parser treats as separators. The option list will not round-trip. Use the \`columns\` config instead of the \`options\` prop for such values.`), e;
+}
+//#endregion
 //#region libs/grid-react/src/lib/grid-column.tsx
-function he(e) {
-	let { field: t, header: n, type: r, editable: a, sortable: s, resizable: c, width: l, minWidth: u, order: d, hidden: f, lockVisible: p, children: m, editor: h, options: g, multi: _, format: v } = e, y = j(null), b = T((e) => {
-		y.current = e, e && (m && o(e, m), h && i(e, h));
-	}, [m, h]), x = typeof l == "number" ? `${l}px` : l, S = {
-		field: t,
-		ref: b
+function Ee(t) {
+	let { field: n, header: r, type: a, editable: o, sortable: c, resizable: u, width: d, minWidth: f, order: p, hidden: m, lockVisible: h, options: g, children: _, editor: v, headerRenderer: y, headerLabelRenderer: b } = t, x = z(null), S = N((t) => {
+		x.current = t, t && (_ && e(t, _), v && s(t, v), y && i(t, y), b && l(t, b));
+	}, [
+		_,
+		v,
+		y,
+		b
+	]), C = typeof d == "number" ? `${d}px` : d, w = {
+		field: n,
+		ref: S
 	};
-	return n !== void 0 && (S.header = n), r !== void 0 && (S.type = r), a !== void 0 && (S.editable = a), s !== void 0 && (S.sortable = s), c !== void 0 && (S.resizable = c), x !== void 0 && (S.width = x), u !== void 0 && (S["min-width"] = u), d !== void 0 && (S.order = d), f !== void 0 && (S.hidden = f), p !== void 0 && (S["lock-visible"] = p), _ !== void 0 && (S.multi = _), v && (S["data-has-format"] = "true"), g && (S["data-has-options"] = "true"), /* @__PURE__ */ P("tbw-grid-column", { ...S });
+	if (r !== void 0 && (w.header = r), a !== void 0 && (w.type = a), o !== void 0 && (w.editable = o), c !== void 0 && (w.sortable = c), u !== void 0 && (w.resizable = u), C !== void 0 && (w.width = C), f !== void 0 && (w["min-width"] = f), p !== void 0 && (w.order = p), m !== void 0 && (w.hidden = m), h !== void 0 && (w["lock-visible"] = h), g) {
+		let e = Te(g);
+		e !== void 0 && (w.options = e);
+	}
+	return /* @__PURE__ */ H("tbw-grid-column", { ...w });
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-header-content.tsx
-function ge({ id: e, order: t = 100, children: n }) {
-	let r = O(), i = e ?? `tbw-header-content-${r}`, a = E(_), [o, s] = M(null), c = j(null);
-	return D(() => {
+function De({ id: e, order: t = 100, children: n }) {
+	let r = I(), i = e ?? `tbw-header-content-${r}`, a = P(T), [o, s] = B(null), c = z(null);
+	return F(() => {
 		let e = a?.current;
 		if (!e) return;
 		let n = c, r = !1;
@@ -455,16 +477,16 @@ function ge({ id: e, order: t = 100, children: n }) {
 			};
 			e.getPluginByName?.("shell")?.registerHeaderContent(n);
 		})(), () => {
-			r = !0, e.getPluginByName?.("shell")?.unregisterHeaderContent(i), n.current &&= (d(n.current, { sync: !0 }), null), s(null);
+			r = !0, e.getPluginByName?.("shell")?.unregisterHeaderContent(i), n.current &&= (p(n.current, { sync: !0 }), null), s(null);
 		};
 	}, [
 		a,
 		i,
 		t
-	]), D(() => {
+	]), F(() => {
 		if (!o) return;
 		let e = a?.current ?? void 0;
-		c.current = u(o, n, c.current ?? void 0, e);
+		c.current = f(o, n, c.current ?? void 0, e);
 	}, [
 		n,
 		o,
@@ -473,14 +495,14 @@ function ge({ id: e, order: t = 100, children: n }) {
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-tool-button.tsx
-function _e({ children: e }) {
-	return /* @__PURE__ */ P("tbw-grid-tool-buttons", { children: e });
+function Oe({ children: e }) {
+	return /* @__PURE__ */ H("tbw-grid-tool-buttons", { children: e });
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-toolbar-content.tsx
-function ve({ id: e, order: t = 100, children: n }) {
-	let r = O(), i = e ?? `tbw-toolbar-content-${r}`, a = E(_), [o, s] = M(null), c = j(null);
-	return D(() => {
+function ke({ id: e, order: t = 100, children: n }) {
+	let r = I(), i = e ?? `tbw-toolbar-content-${r}`, a = P(T), [o, s] = B(null), c = z(null);
+	return F(() => {
 		let e = a?.current;
 		if (!e) return;
 		let n = c, r = !1;
@@ -498,16 +520,16 @@ function ve({ id: e, order: t = 100, children: n }) {
 			};
 			e.getPluginByName?.("shell")?.registerToolbarContent(n);
 		})(), () => {
-			r = !0, e.getPluginByName?.("shell")?.unregisterToolbarContent(i), n.current &&= (d(n.current, { sync: !0 }), null), s(null);
+			r = !0, e.getPluginByName?.("shell")?.unregisterToolbarContent(i), n.current &&= (p(n.current, { sync: !0 }), null), s(null);
 		};
 	}, [
 		a,
 		i,
 		t
-	]), D(() => {
+	]), F(() => {
 		if (!o) return;
 		let e = a?.current ?? void 0;
-		c.current = u(o, n, c.current ?? void 0, e);
+		c.current = f(o, n, c.current ?? void 0, e);
 	}, [
 		n,
 		o,
@@ -516,107 +538,98 @@ function ve({ id: e, order: t = 100, children: n }) {
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-type.tsx
-function ye(e) {
+function Ae(e) {
 	return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/_/g, "-").toLowerCase();
 }
-function be(t) {
-	let { name: n, params: r, children: i, editor: a } = t, o = j(null), c = {
-		name: n,
-		ref: T((t) => {
-			o.current = t, t && (i && e(t, i), a && s(t, a));
-		}, [i, a])
+function je(e) {
+	let { name: t, params: n, children: r, editor: i } = e, o = z(null), s = {
+		name: t,
+		ref: N((e) => {
+			o.current = e, e && (r && d(e, r), i && a(e, i));
+		}, [r, i])
 	};
-	if (r) for (let [e, t] of Object.entries(r)) c[`data-${ye(e)}`] = String(t);
-	return /* @__PURE__ */ re("tbw-grid-type", {
-		...c,
-		children: [i ? /* @__PURE__ */ P("tbw-grid-column-view", {}) : null, a ? /* @__PURE__ */ P("tbw-grid-column-editor", {}) : null]
+	if (n) for (let [e, t] of Object.entries(n)) s[`data-${Ae(e)}`] = String(t);
+	return /* @__PURE__ */ ie("tbw-grid-type", {
+		...s,
+		children: [r ? /* @__PURE__ */ H("tbw-grid-column-view", {}) : null, i ? /* @__PURE__ */ H("tbw-grid-column-editor", {}) : null]
 	});
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-provider.tsx
-var xe = ({ icons: e, defaults: t, children: n }) => {
+var Me = ({ icons: e, defaults: t, children: n }) => {
 	let r = n;
-	return t && (r = /* @__PURE__ */ P(q, {
+	return t && (r = /* @__PURE__ */ H(ue, {
 		defaults: t,
 		children: r
-	})), e && (r = /* @__PURE__ */ P(W, {
+	})), e && (r = /* @__PURE__ */ H(se, {
 		icons: e,
 		children: r
-	})), /* @__PURE__ */ P(N, { children: r });
+	})), /* @__PURE__ */ H(V, { children: r });
 };
 //#endregion
 //#region libs/grid-react/src/lib/use-grid.ts
-function Se(e) {
-	let t = j(null), [n, r] = M(!1), [i, a] = M(null), o = j(null), s = T(() => e ? (o.current ??= document.querySelector(e), o.current) : t.current?.element ?? null, [e]);
-	D(() => {
-		let n = !0;
-		return (async () => {
-			try {
-				if (e) {
-					let t = document.querySelector(e);
-					if (!t) return;
-					if (o.current = t, await t.ready?.(), n) {
-						r(!0);
-						let e = await t.getConfig?.();
-						n && e && a(e);
-					}
-				} else {
-					let e = t.current;
-					if (!e) return;
-					if (await e.ready?.(), n) {
-						r(!0);
-						let t = await e.getConfig?.();
-						n && t && a(t);
-					}
-				}
-			} catch {}
-		})(), () => {
-			n = !1;
+function Ne(e) {
+	let t = z(null), [n, r] = B(null), i = z(null), a = N(() => e ? (i.current ??= document.querySelector(e), i.current) : t.current?.element ?? null, [e]), o = O(a);
+	F(() => {
+		if (!o) return;
+		let e = !0, t = a();
+		if (t) return Promise.resolve(t.getConfig?.()).then((t) => {
+			e && t && r(t);
+		}).catch(() => {}), () => {
+			e = !1;
 		};
-	}, [e]);
-	let c = T(async () => {
-		let e = s();
+	}, [o, a]);
+	let s = N(async () => {
+		let e = a();
 		if (e) return await e.getConfig?.() ?? null;
 		let n = t.current;
 		return n ? await n.getConfig?.() ?? null : null;
-	}, [s]), l = T(async () => {
-		let e = s();
+	}, [a]), c = N(async () => {
+		let e = a();
 		if (e) {
 			await e.forceLayout?.();
 			return;
 		}
 		let n = t.current;
 		n && await n.forceLayout?.();
-	}, [s]), u = T(async (e) => {
-		let n = s();
+	}, [a]), l = N(async () => {
+		let e = a();
+		if (e) {
+			await e.ready?.();
+			return;
+		}
+		await t.current?.ready?.();
+	}, [a]), u = N(async (e) => {
+		let n = a();
 		if (n) {
 			await n.toggleGroup?.(e);
 			return;
 		}
 		let r = t.current;
 		r && await r.toggleGroup?.(e);
-	}, [s]), d = T((e) => s()?.getPlugin?.(e), [s]), f = T(((e) => s()?.getPluginByName?.(e)), [s]), p = T((e, n) => {
-		let r = s();
+	}, [a]), d = N((e) => a()?.getPlugin?.(e), [a]), f = N(((e) => a()?.getPluginByName?.(e)), [a]), p = N((e, n) => {
+		let r = a();
 		if (r) {
 			r.registerStyles?.(e, n);
 			return;
 		}
 		t.current?.registerStyles?.(e, n);
-	}, [s]), m = T((e) => {
-		let n = s();
+	}, [a]), m = N((e) => {
+		let n = a();
 		if (n) {
 			n.unregisterStyles?.(e);
 			return;
 		}
 		t.current?.unregisterStyles?.(e);
-	}, [s]), h = T(() => i?.columns ? i.columns.filter((e) => !e.hidden) : [], [i]);
+	}, [a]), h = N(() => n?.columns ? n.columns.filter((e) => !e.hidden) : [], [n]);
 	return {
 		ref: t,
-		element: s(),
-		isReady: n,
-		config: i,
-		getConfig: c,
-		forceLayout: l,
+		element: a(),
+		isReady: o,
+		config: n,
+		getConfig: s,
+		ready: l,
+		forceLayout: c,
 		toggleGroup: u,
 		getPlugin: d,
 		getPluginByName: f,
@@ -627,9 +640,9 @@ function Se(e) {
 }
 //#endregion
 //#region libs/grid-react/src/lib/use-grid-overlay.ts
-function Ce(e, t = {}) {
-	let { open: n = !0, gridElement: r } = t, i = E(_);
-	D(() => {
+function Pe(e, t = {}) {
+	let { open: n = !0, gridElement: r } = t, i = P(T);
+	F(() => {
 		if (!n) return;
 		let t = e.current;
 		if (!t) return;
@@ -645,4 +658,4 @@ function Ce(e, t = {}) {
 	]);
 }
 //#endregion
-export { me as DataGrid, c as GridAdapter, he as GridColumn, v as GridDetailPanel, ge as GridHeaderContent, W as GridIconProvider, xe as GridProvider, y as GridResponsiveCard, _e as GridToolButtons, r as GridToolPanel, ve as GridToolbarContent, be as GridType, q as GridTypeProvider, B as applyColumnDefaults, V as hasColumnShorthands, z as normalizeColumns, R as parseColumnShorthand, a as registerChildFeatureDetector, h as registerEditorMountHook, t as registerFeaturePropKey, p as registerPostMountRefresh, Se as useGrid, G as useGridIcons, Ce as useGridOverlay, J as useGridTypeDefaults, Y as useTypeDefault };
+export { we as DataGrid, u as GridAdapter, Ee as GridColumn, E as GridDetailPanel, De as GridHeaderContent, se as GridIconProvider, Me as GridProvider, D as GridResponsiveCard, Oe as GridToolButtons, t as GridToolPanel, ke as GridToolbarContent, je as GridType, ue as GridTypeProvider, oe as applyColumnDefaults, w as clearFeatureRegistry, x as createPluginFromFeature, C as getFeatureFactory, b as getRegisteredFeatures, q as hasColumnShorthands, y as isFeatureRegistered, ae as normalizeColumns, K as parseColumnShorthand, r as registerChildFeatureDetector, v as registerEditorMountHook, S as registerFeature, c as registerFeaturePropKey, h as registerPostMountRefresh, Ne as useGrid, ce as useGridIcons, Pe as useGridOverlay, de as useGridTypeDefaults, fe as useTypeDefault };