@object-ui/plugin-dashboard 3.3.1 → 3.3.2

package/dist/index.js

@@ -1,9 +1,8 @@
 import { ComponentRegistry as e, extractRecords as t } from "@object-ui/core";
 import { SchemaRenderer as n, SchemaRendererContext as r, useActionEngine as i, useDataScope as a, useDnd as o, useHasDndProvider as s } from "@object-ui/react";
-import { Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, Combobox as p, ConfigPanelRenderer as m, ConfigRow as h, Skeleton as g, cn as _, useConfigDraft as v } from "@object-ui/components";
-import * as y from "react";
-import b, { forwardRef as x, useCallback as S, useContext as C, useEffect as w, useMemo as T, useRef as E, useState as D } from "react";
-import * as O from "lucide-react";
+import { Button as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, Combobox as p, ConfigPanelRenderer as m, ConfigRow as h, Skeleton as g, cn as _, getLazyIcon as v, useConfigDraft as y } from "@object-ui/components";
+import * as b from "react";
+import x, { forwardRef as S, useCallback as C, useContext as w, useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
 import { AlertCircle as k, ArrowDownIcon as A, ArrowUpIcon as j, Edit as M, GripVertical as N, Loader2 as P, MinusIcon as F, RefreshCw as I, Save as L, Settings as R, X as z } from "lucide-react";
 import ee from "clsx";
 //#region \0rolldown/runtime.js
@@ -195,9 +194,7 @@ var te = /* @__PURE__ */ B(((e) => {
 	process.env.NODE_ENV === "production" ? t.exports = te() : t.exports = ne();
 })))();
 function re(e) {
-	if (!e) return null;
-	let t = O;
-	return t[e] ? t[e] : t[e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("")] ?? null;
+	return e ? v(e) : null;
 }
 function ie(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
@@ -208,7 +205,7 @@ var ae = [
 	"hsl(var(--chart-3))",
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
-], W = x(({ schema: e, className: t, dataSource: r, onRefresh: a, recordCount: o, userActions: s, designMode: p, selectedWidgetId: m, onWidgetClick: h, modalHandler: g, scriptHandlers: v, ...y }, b) => {
+], W = S(({ schema: e, className: t, dataSource: r, onRefresh: a, recordCount: o, userActions: s, designMode: p, selectedWidgetId: m, onWidgetClick: h, modalHandler: g, scriptHandlers: v, ...y }, b) => {
 	let x = (() => {
 		if (e.columns != null) return e.columns;
 		let t = e.widgets ?? [], n = 0;
@@ -217,27 +214,27 @@ var ae = [
 			t > n && (n = t), (e.layout?.w ?? 0) > n && (n = e.layout.w);
 		}
 		return n > 4 ? 12 : 4;
-	})(), C = x, O = e.gap || 4, [k, A] = D(!1), [j, M] = D(!1), N = E(null), { executeAction: P, engine: F } = i({ actions: T(() => (e.header?.actions ?? []).map((e) => ({
+	})(), S = x, w = e.gap || 4, [k, A] = O(!1), [j, M] = O(!1), N = D(null), { executeAction: P, engine: F } = i({ actions: E(() => (e.header?.actions ?? []).map((e) => ({
 		name: e.actionUrl || e.label,
 		type: e.actionType || "url",
 		target: e.actionUrl,
 		label: e.label
 	})), [e.header?.actions]) });
-	w(() => {
+	T(() => {
 		let e = F.getRunner();
 		if (g && e.setModalHandler(g), v) for (let [t, n] of Object.entries(v)) e.registerScript(t, n);
 	}, [
 		F,
 		g,
 		v
-	]), w(() => {
+	]), T(() => {
 		let e = () => M(window.innerWidth < 768);
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let L = S(() => {
+	let L = C(() => {
 		a && (A(!0), a(), setTimeout(() => A(!1), 600));
 	}, [a]);
-	w(() => {
+	T(() => {
 		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return N.current = setInterval(L, e.refreshInterval * 1e3), () => {
 			N.current && clearInterval(N.current);
 		};
@@ -246,9 +243,9 @@ var ae = [
 		a,
 		L
 	]);
-	let R = S((e, t) => {
+	let R = C((e, t) => {
 		!p || !h || !t || (e.stopPropagation(), h(t));
-	}, [p, h]), z = S((t, n, r) => {
+	}, [p, h]), z = C((t, n, r) => {
 		if (!p || !h) return;
 		let i = e.widgets || [];
 		if (t.key === "Enter" || t.key === " ") t.preventDefault(), h(n ?? null);
@@ -265,12 +262,12 @@ var ae = [
 		p,
 		h,
 		e.widgets
-	]), ee = S((e) => {
+	]), ee = C((e) => {
 		!p || !h || e.target === e.currentTarget && h(null);
 	}, [p, h]), B = (e, t, i) => {
 		let a = e.layout ? {
 			...e.layout,
-			w: Math.min(e.layout.w, C)
+			w: Math.min(e.layout.w, S)
 		} : void 0, o = (() => {
 			if (e.component) return e.component;
 			let t = e.type, n = e.options || {};
@@ -568,8 +565,8 @@ var ae = [
 		ref: b,
 		className: _("grid auto-rows-min", !oe && "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
 		style: {
-			...oe && { gridTemplateColumns: `repeat(${C}, minmax(0, 1fr))` },
-			gap: `${O * .25}rem`
+			...oe && { gridTemplateColumns: `repeat(${S}, minmax(0, 1fr))` },
+			gap: `${w * .25}rem`
 		},
 		"data-user-actions": ne,
 		onClick: ee,
@@ -1206,14 +1203,14 @@ var rt = /* @__PURE__ */ B(((e, t) => {
 //#endregion
 //#region ../../node_modules/.pnpm/react-grid-layout@2.2.3_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/react-grid-layout/dist/chunk-PZLKKWSX.mjs
 function it(e = {}) {
-	let { measureBeforeMount: t = !1, initialWidth: n = 1280 } = e, [r, i] = D(n), [a, o] = D(!t), s = E(null), c = E(null), l = S(() => {
+	let { measureBeforeMount: t = !1, initialWidth: n = 1280 } = e, [r, i] = O(n), [a, o] = O(!t), s = D(null), c = D(null), l = C(() => {
 		let e = s.current;
 		if (e) {
 			let t = e.offsetWidth;
 			i(t), a || o(!0);
 		}
 	}, [a]);
-	return w(() => {
+	return T(() => {
 		let e = s.current;
 		if (e) {
 			if (l(), typeof ResizeObserver < "u") {
@@ -2851,20 +2848,20 @@ var at = /* @__PURE__ */ B(((e) => {
 	}, t.exports.Resizable = Tt().default, t.exports.ResizableBox = Et().default;
 })), Ot = St(), kt = Dt(), At = rt();
 function jt(e) {
-	let { children: t, cols: n, containerWidth: r, margin: i, containerPadding: a, rowHeight: o, maxRows: s, isDraggable: c, isResizable: l, isBounded: u, static: d, useCSSTransforms: f = !0, usePercentages: p = !1, transformScale: m = 1, positionStrategy: h, dragThreshold: g = 0, droppingPosition: _, className: v = "", style: y, handle: x = "", cancel: C = "", x: O, y: k, w: A, h: j, minW: M = 1, maxW: N = Infinity, minH: P = 1, maxH: F = Infinity, i: I, resizeHandles: L, resizeHandle: R, constraints: z = xe, layoutItem: B, layout: V = [], onDragStart: H, onDrag: te, onDragStop: ne, onResizeStart: re, onResize: ie, onResizeStop: ae } = e, [W, le] = D(!1), [fe, K] = D(!1), pe = E(null), q = E({
+	let { children: t, cols: n, containerWidth: r, margin: i, containerPadding: a, rowHeight: o, maxRows: s, isDraggable: c, isResizable: l, isBounded: u, static: d, useCSSTransforms: f = !0, usePercentages: p = !1, transformScale: m = 1, positionStrategy: h, dragThreshold: g = 0, droppingPosition: _, className: v = "", style: y, handle: b = "", cancel: S = "", x: w, y: k, w: A, h: j, minW: M = 1, maxW: N = Infinity, minH: P = 1, maxH: F = Infinity, i: I, resizeHandles: L, resizeHandle: R, constraints: z = xe, layoutItem: B, layout: V = [], onDragStart: H, onDrag: te, onDragStop: ne, onResizeStart: re, onResize: ie, onResizeStop: ae } = e, [W, le] = O(!1), [fe, K] = O(!1), pe = D(null), q = D({
 		left: 0,
 		top: 0
-	}), me = E({
+	}), me = D({
 		top: 0,
 		left: 0,
 		width: 0,
 		height: 0
-	}), he = E(void 0), ge = E(V);
+	}), he = D(void 0), ge = D(V);
 	ge.current = V;
-	let _e = E(null), ve = E(null), ye = E(!1), J = E({
+	let _e = D(null), ve = D(null), ye = D(!1), J = D({
 		x: 0,
 		y: 0
-	}), be = E(!1), Y = T(() => ({
+	}), be = D(!1), Y = E(() => ({
 		cols: n,
 		containerPadding: a,
 		containerWidth: r,
@@ -2878,7 +2875,7 @@ function jt(e) {
 		i,
 		s,
 		o
-	]), X = T(() => ({
+	]), X = E(() => ({
 		cols: n,
 		maxRows: s,
 		containerWidth: r,
@@ -2892,12 +2889,12 @@ function jt(e) {
 		r,
 		o,
 		i
-	]), Z = S(() => ({
+	]), Z = C(() => ({
 		...X,
 		layout: ge.current
-	}), [X]), Q = T(() => B ?? {
+	}), [X]), Q = E(() => B ?? {
 		i: I,
-		x: O,
+		x: w,
 		y: k,
 		w: A,
 		h: j,
@@ -2908,7 +2905,7 @@ function jt(e) {
 	}, [
 		B,
 		I,
-		O,
+		w,
 		k,
 		A,
 		j,
@@ -2916,7 +2913,7 @@ function jt(e) {
 		N,
 		P,
 		F
-	]), $ = S((e) => {
+	]), $ = C((e) => {
 		if (h?.calcStyle) return h.calcStyle(e);
 		if (f) return we(e);
 		let t = Te(e);
@@ -2930,7 +2927,7 @@ function jt(e) {
 		f,
 		p,
 		r
-	]), De = S((e, { node: t }) => {
+	]), De = C((e, { node: t }) => {
 		if (!H) return;
 		let { offsetParent: n } = t;
 		if (!n) return;
@@ -2967,7 +2964,7 @@ function jt(e) {
 		Q,
 		Z,
 		I
-	]), Oe = S((e, { node: t, deltaX: n, deltaY: a }) => {
+	]), Oe = C((e, { node: t, deltaX: n, deltaY: a }) => {
 		if (!te || !W) return;
 		let s = e;
 		if (ye.current && !be.current) {
@@ -3019,7 +3016,7 @@ function jt(e) {
 		z,
 		Q,
 		Z
-	]), ke = S((e, { node: t }) => {
+	]), ke = C((e, { node: t }) => {
 		if (!ne || !W) return;
 		let n = ye.current;
 		if (ye.current = !1, be.current = !1, J.current = {
@@ -3056,7 +3053,7 @@ function jt(e) {
 		I
 	]);
 	_e.current = De, ve.current = Oe;
-	let Ae = S((e, { node: t, size: n, handle: i }, a, o) => {
+	let Ae = C((e, { node: t, size: n, handle: i }, a, o) => {
 		let s = o === "onResizeStart" ? re : o === "onResize" ? ie : ae;
 		if (!s) return;
 		let c;
@@ -3082,9 +3079,9 @@ function jt(e) {
 		z,
 		Q,
 		Z
-	]), je = S((e, t) => {
+	]), je = C((e, t) => {
 		K(!0);
-		let n = ce(Y, O, k, A, j);
+		let n = ce(Y, w, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
@@ -3092,12 +3089,12 @@ function jt(e) {
 	}, [
 		Ae,
 		Y,
-		O,
+		w,
 		k,
 		A,
 		j
-	]), Me = S((e, t) => {
-		let n = ce(Y, O, k, A, j);
+	]), Me = C((e, t) => {
+		let n = ce(Y, w, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
@@ -3105,18 +3102,18 @@ function jt(e) {
 	}, [
 		Ae,
 		Y,
-		O,
+		w,
 		k,
 		A,
 		j
-	]), Ne = S((e, t) => {
+	]), Ne = C((e, t) => {
 		K(!1), me.current = {
 			top: 0,
 			left: 0,
 			width: 0,
 			height: 0
 		};
-		let n = ce(Y, O, k, A, j);
+		let n = ce(Y, w, k, A, j);
 		Ae(e, {
 			...t,
 			handle: t.handle
@@ -3124,12 +3121,12 @@ function jt(e) {
 	}, [
 		Ae,
 		Y,
-		O,
+		w,
 		k,
 		A,
 		j
 	]);
-	w(() => {
+	T(() => {
 		if (!_) return;
 		let e = pe.current;
 		if (!e) return;
@@ -3166,7 +3163,7 @@ function jt(e) {
 		W,
 		I
 	]);
-	let Pe = ce(Y, O, k, A, j, W ? q.current : null, fe ? me.current : null), Fe = b.Children.only(t), Le = oe(Y), Re = [se(M, Le, i[0]), se(P, o, i[1])], ze = [se(N, Le, i[0]), se(F, o, i[1])], Be = Fe.props, Ve = Be.className, He = Be.style, Ue = b.cloneElement(Fe, {
+	let Pe = ce(Y, w, k, A, j, W ? q.current : null, fe ? me.current : null), Fe = x.Children.only(t), Le = oe(Y), Re = [se(M, Le, i[0]), se(P, o, i[1])], ze = [se(N, Le, i[0]), se(F, o, i[1])], Be = Fe.props, Ve = Be.className, He = Be.style, Ue = x.cloneElement(Fe, {
 		ref: pe,
 		className: ee("react-grid-item", Ve, v, {
 			static: d,
@@ -3201,8 +3198,8 @@ function jt(e) {
 		onStart: De,
 		onDrag: Oe,
 		onStop: ke,
-		handle: x,
-		cancel: ".react-resizable-handle" + (C ? "," + C : ""),
+		handle: b,
+		cancel: ".react-resizable-handle" + (S ? "," + S : ""),
 		scale: m,
 		nodeRef: pe,
 		children: Ue
@@ -3213,7 +3210,7 @@ try {
 	Pt = /firefox/i.test(navigator.userAgent);
 } catch {}
 function Ft(e, t) {
-	let n = b.Children.toArray(e), r = b.Children.toArray(t);
+	let n = x.Children.toArray(e), r = x.Children.toArray(t);
 	if (n.length !== r.length) return !1;
 	for (let e = 0; e < n.length; e++) {
 		let t = n[e], i = r[e];
@@ -3223,8 +3220,8 @@ function Ft(e, t) {
 }
 function It(e, t, n, r) {
 	let i = [], a = /* @__PURE__ */ new Set();
-	b.Children.forEach(t, (t) => {
-		if (!b.isValidElement(t) || t.key === null) return;
+	x.Children.forEach(t, (t) => {
+		if (!x.isValidElement(t) || t.key === null) return;
 		let n = String(t.key);
 		a.add(n);
 		let r = e.find((e) => e.i === n);
@@ -3259,25 +3256,25 @@ function It(e, t, n, r) {
 	return r.compact(o, n);
 }
 function Lt(e) {
-	let { children: t, width: n, gridConfig: r, dragConfig: i, resizeConfig: a, dropConfig: o, positionStrategy: s = Le, compactor: c, constraints: l = xe, layout: u = [], droppingItem: d, autoSize: f = !0, className: p = "", style: m = {}, innerRef: h, onLayoutChange: g = Mt, onDragStart: _ = Mt, onDrag: v = Mt, onDragStop: y = Mt, onResizeStart: x = Mt, onResize: C = Mt, onResizeStop: O = Mt, onDrop: k = Mt, onDropDragOver: A = Mt } = e, j = T(() => ({
+	let { children: t, width: n, gridConfig: r, dragConfig: i, resizeConfig: a, dropConfig: o, positionStrategy: s = Le, compactor: c, constraints: l = xe, layout: u = [], droppingItem: d, autoSize: f = !0, className: p = "", style: m = {}, innerRef: h, onLayoutChange: g = Mt, onDragStart: _ = Mt, onDrag: v = Mt, onDragStop: y = Mt, onResizeStart: b = Mt, onResize: S = Mt, onResizeStop: w = Mt, onDrop: k = Mt, onDropDragOver: A = Mt } = e, j = E(() => ({
 		...Re,
 		...r
-	}), [r]), M = T(() => ({
+	}), [r]), M = E(() => ({
 		...ze,
 		...i
-	}), [i]), N = T(() => ({
+	}), [i]), N = E(() => ({
 		...Be,
 		...a
-	}), [a]), P = T(() => ({
+	}), [a]), P = E(() => ({
 		...Ve,
 		...o
-	}), [o]), { cols: F, rowHeight: I, maxRows: L, margin: R, containerPadding: z } = j, { enabled: B, bounded: V, handle: H, cancel: te, threshold: ne } = M, { enabled: re, handles: ie, handleComponent: ae } = N, { enabled: W, defaultItem: ce, onDragOver: ue } = P, G = c ?? Ze("vertical"), de = G.type, fe = G.allowOverlap, K = G.preventCollision ?? !1, q = T(() => d ?? {
+	}), [o]), { cols: F, rowHeight: I, maxRows: L, margin: R, containerPadding: z } = j, { enabled: B, bounded: V, handle: H, cancel: te, threshold: ne } = M, { enabled: re, handles: ie, handleComponent: ae } = N, { enabled: W, defaultItem: ce, onDragOver: ue } = P, G = c ?? Ze("vertical"), de = G.type, fe = G.allowOverlap, K = G.preventCollision ?? !1, q = E(() => d ?? {
 		i: "__dropping-elem__",
 		...ce
-	}, [d, ce]), me = s.type === "transform", he = s.scale, ve = z ?? R, [J, be] = D(!1), [X, Q] = D(() => It(u, t, F, G)), [$, Se] = D(null), [Ce, we] = D(!1), [Te, Ee] = D(null), [De, Oe] = D(), ke = E(null), Ae = E(null), je = E(null), Me = E(0), Ne = E(X), Pe = E(u), Fe = E(t), Ie = E(de), He = E(X);
-	He.current = X, w(() => {
+	}, [d, ce]), me = s.type === "transform", he = s.scale, ve = z ?? R, [J, be] = O(!1), [X, Q] = O(() => It(u, t, F, G)), [$, Se] = O(null), [Ce, we] = O(!1), [Te, Ee] = O(null), [De, Oe] = O(), ke = D(null), Ae = D(null), je = D(null), Me = D(0), Ne = D(X), Pe = D(u), Fe = D(t), Ie = D(de), He = D(X);
+	He.current = X, T(() => {
 		be(!0), (0, At.deepEqual)(X, u) || g(X);
-	}, []), w(() => {
+	}, []), T(() => {
 		if ($ || Te) return;
 		let e = !(0, At.deepEqual)(u, Pe.current), n = !Ft(t, Fe.current), r = de !== Ie.current;
 		if (e || n || r) {
@@ -3294,7 +3291,7 @@ function Lt(e) {
 		$,
 		Te,
 		X
-	]), w(() => {
+	]), T(() => {
 		!$ && !(0, At.deepEqual)(X, Ne.current) && (Ne.current = X, g(X.filter((e) => e.i !== q.i)));
 	}, [
 		X,
@@ -3302,7 +3299,7 @@ function Lt(e) {
 		g,
 		q.i
 	]);
-	let Ue = T(() => {
+	let Ue = E(() => {
 		if (!f) return;
 		let e = ge(X), t = ve[1];
 		return e * I + (e - 1) * R[1] + t * 2 + "px";
@@ -3312,7 +3309,7 @@ function Lt(e) {
 		I,
 		R,
 		ve
-	]), We = S((e, t, n, r) => {
+	]), We = C((e, t, n, r) => {
 		let i = He.current, a = _e(i, e);
 		if (!a) return;
 		let o = {
@@ -3323,7 +3320,7 @@ function Lt(e) {
 			i: e
 		};
 		ke.current = ye(a), je.current = i, Se(o), _(i, a, a, null, r.e, r.node);
-	}, [_]), Ge = S((e, t, n, r) => {
+	}, [_]), Ge = C((e, t, n, r) => {
 		let i = He.current, a = ke.current, o = _e(i, e);
 		if (!o) return;
 		let s = {
@@ -3341,7 +3338,7 @@ function Lt(e) {
 		fe,
 		G,
 		v
-	]), Ke = S((e, t, n, r) => {
+	]), Ke = C((e, t, n, r) => {
 		if (!$) return;
 		let i = He.current, a = ke.current, o = _e(i, e);
 		if (!o) return;
@@ -3358,10 +3355,10 @@ function Lt(e) {
 		G,
 		y,
 		g
-	]), qe = S((e, t, n, r) => {
+	]), qe = C((e, t, n, r) => {
 		let i = He.current, a = _e(i, e);
-		a && (Ae.current = ye(a), je.current = i, we(!0), x(i, a, a, null, r.e, r.node));
-	}, [x]), Je = S((e, t, n, r) => {
+		a && (Ae.current = ye(a), je.current = i, we(!0), b(i, a, a, null, r.e, r.node));
+	}, [b]), Je = C((e, t, n, r) => {
 		let i = He.current, a = Ae.current, { handle: o } = r, s = !1, c, l, [u, d] = Y(i, e, (e) => (c = e.x, l = e.y, [
 			"sw",
 			"w",
@@ -3394,25 +3391,25 @@ function Lt(e) {
 			i: e,
 			static: !0
 		};
-		C(f, a, d, p, r.e, r.node), Q(G.compact(f, F)), Se(p);
+		S(f, a, d, p, r.e, r.node), Q(G.compact(f, F)), Se(p);
 	}, [
 		K,
 		de,
 		F,
 		fe,
 		G,
-		C
-	]), Ye = S((e, t, n, r) => {
+		S
+	]), Ye = C((e, t, n, r) => {
 		let i = He.current, a = Ae.current, o = _e(i, e), s = G.compact(i, F);
-		O(s, a, o ?? null, null, r.e, r.node);
+		w(s, a, o ?? null, null, r.e, r.node);
 		let c = je.current;
 		Ae.current = null, je.current = null, Se(null), we(!1), Q(s), c && !(0, At.deepEqual)(c, s) && g(s);
 	}, [
 		F,
 		G,
-		O,
+		w,
 		g
-	]), Xe = S(() => {
+	]), Xe = C(() => {
 		let e = He.current;
 		if (!e.some((e) => e.i === q.i)) {
 			Ee(null), Se(null), Oe(void 0);
@@ -3423,7 +3420,7 @@ function Lt(e) {
 		q.i,
 		F,
 		G
-	]), Qe = S((e) => {
+	]), Qe = C((e) => {
 		if (e.preventDefault(), e.stopPropagation(), Pt && !e.nativeEvent.target?.classList.contains(Nt)) return !1;
 		let t = ue ? ue(e.nativeEvent) : A(e);
 		if (t === !1) return Te && Xe(), !1;
@@ -3467,11 +3464,11 @@ function Lt(e) {
 		I,
 		n,
 		ve
-	]), $e = S((e) => {
+	]), $e = C((e) => {
 		e.preventDefault(), e.stopPropagation(), Me.current--, Me.current < 0 && (Me.current = 0), Me.current === 0 && Xe();
-	}, [Xe]), et = S((e) => {
+	}, [Xe]), et = C((e) => {
 		e.preventDefault(), e.stopPropagation(), Me.current++;
-	}, []), tt = S((e) => {
+	}, []), tt = C((e) => {
 		e.preventDefault(), e.stopPropagation();
 		let t = He.current, n = t.find((e) => e.i === q.i);
 		Me.current = 0, Xe(), k(t, n, e.nativeEvent);
@@ -3479,7 +3476,7 @@ function Lt(e) {
 		q.i,
 		Xe,
 		k
-	]), nt = S((e, t) => {
+	]), nt = C((e, t) => {
 		if (!e || !e.key) return null;
 		let r = _e(X, String(e.key));
 		if (!r) return null;
@@ -3587,7 +3584,7 @@ function Lt(e) {
 		onDragEnter: W ? et : void 0,
 		onDragOver: W ? Qe : void 0,
 		children: [
-			b.Children.map(t, (e) => b.isValidElement(e) ? nt(e) : null),
+			x.Children.map(t, (e) => x.isValidElement(e) ? nt(e) : null),
 			W && Te && nt(Te, !0),
 			rt()
 		]
@@ -3608,8 +3605,8 @@ var Rt = {
 }, Bt = () => {};
 function Vt(e, t, n, r) {
 	let i = [];
-	b.Children.forEach(t, (t) => {
-		if (!b.isValidElement(t) || t.key === null) return;
+	x.Children.forEach(t, (t) => {
+		if (!x.isValidElement(t) || t.key === null) return;
 		let n = String(t.key), r = e.find((e) => e.i === n);
 		if (r) i.push({
 			...r,
@@ -3645,24 +3642,24 @@ function Vt(e, t, n, r) {
 	return r.compact(a, n);
 }
 function Ht(e) {
-	let { children: t, width: n, breakpoint: r, breakpoints: i = Rt, cols: a = zt, layouts: o = {}, rowHeight: s = 150, maxRows: c = Infinity, margin: l = [10, 10], containerPadding: u = null, compactor: d, onBreakpointChange: f = Bt, onLayoutChange: p = Bt, onWidthChange: m = Bt, ...h } = e, g = d ?? Ze("vertical"), _ = g.type, v = g.allowOverlap, y = T(() => r ?? $e(i, n), []), b = T(() => et(y, a), [y, a]), x = T(() => tt(o, i, y, y, b, _), []), [C, O] = D(y), [k, A] = D(b), [j, M] = D(x), [N, P] = D(o), F = E(n), I = E(r), L = E(i), R = E(a), z = E(o), ee = E(_), B = E(N);
-	w(() => {
+	let { children: t, width: n, breakpoint: r, breakpoints: i = Rt, cols: a = zt, layouts: o = {}, rowHeight: s = 150, maxRows: c = Infinity, margin: l = [10, 10], containerPadding: u = null, compactor: d, onBreakpointChange: f = Bt, onLayoutChange: p = Bt, onWidthChange: m = Bt, ...h } = e, g = d ?? Ze("vertical"), _ = g.type, v = g.allowOverlap, y = E(() => r ?? $e(i, n), []), b = E(() => et(y, a), [y, a]), x = E(() => tt(o, i, y, y, b, _), []), [S, w] = O(y), [k, A] = O(b), [j, M] = O(x), [N, P] = O(o), F = D(n), I = D(r), L = D(i), R = D(a), z = D(o), ee = D(_), B = D(N);
+	T(() => {
 		B.current = N;
 	}, [N]);
-	let V = T(() => (0, At.deepEqual)(o, z.current) ? null : tt(o, i, C, C, k, g), [
+	let V = E(() => (0, At.deepEqual)(o, z.current) ? null : tt(o, i, S, S, k, g), [
 		o,
 		i,
-		C,
+		S,
 		k,
 		g
 	]), H = V ?? j;
-	w(() => {
+	T(() => {
 		V !== null && (M(V), P(o), B.current = o, z.current = o);
-	}, [V, o]), w(() => {
+	}, [V, o]), T(() => {
 		if (_ !== ee.current) {
 			let e = g.compact(J(H), k), t = {
 				...B.current,
-				[C]: e
+				[S]: e
 			};
 			M(e), P(t), B.current = t, p(e, t), ee.current = _;
 		}
@@ -3672,17 +3669,17 @@ function Ht(e) {
 		H,
 		k,
 		v,
-		C,
+		S,
 		p
-	]), w(() => {
+	]), T(() => {
 		let e = n !== F.current, o = r !== I.current, s = !(0, At.deepEqual)(i, L.current), c = !(0, At.deepEqual)(a, R.current);
 		if (e || o || s || c) {
-			let e = r ?? $e(i, n), o = et(e, a), d = C;
+			let e = r ?? $e(i, n), o = et(e, a), d = S;
 			if (d !== e || s || c) {
 				let n = { ...B.current };
 				n[d] || (n[d] = J(j));
 				let r = tt(n, i, e, d, o, g);
-				r = Vt(r, t, o, g), n[e] = r, O(e), A(o), M(r), P(n), B.current = n, f(e, o), p(r, n);
+				r = Vt(r, t, o, g), n[e] = r, w(e), A(o), M(r), P(n), B.current = n, f(e, o), p(r, n);
 			}
 			m(n, nt(l, e), o, u ? nt(u, e) : null), F.current = n, I.current = r, L.current = i, R.current = a;
 		}
@@ -3691,7 +3688,7 @@ function Ht(e) {
 		r,
 		i,
 		a,
-		C,
+		S,
 		k,
 		j,
 		t,
@@ -3704,13 +3701,13 @@ function Ht(e) {
 		p,
 		m
 	]);
-	let te = S((e) => {
+	let te = C((e) => {
 		let t = {
 			...B.current,
-			[C]: e
+			[S]: e
 		};
 		M(e), P(t), B.current = t, p(e, t);
-	}, [C, p]), ne = T(() => nt(l, C), [l, C]), re = T(() => u === null ? null : nt(u, C), [u, C]), ie = T(() => ({
+	}, [S, p]), ne = E(() => nt(l, S), [l, S]), re = E(() => u === null ? null : nt(u, S), [u, S]), ie = E(() => ({
 		cols: k,
 		rowHeight: s,
 		maxRows: c,
@@ -3737,7 +3734,7 @@ function Ht(e) {
 //#region src/DashboardGridLayout.tsx
 function Ut({ editMode: e }) {
 	let t = o();
-	return y.useEffect(() => {
+	return b.useEffect(() => {
 		if (e) return t.startDrag({
 			id: "dashboard-layout",
 			type: "dashboard-widget",
@@ -3755,10 +3752,10 @@ var Wt = [
 	"hsl(var(--chart-4))",
 	"hsl(var(--chart-5))"
 ], Gt = ({ schema: e, className: t, onLayoutChange: r, persistLayoutKey: i = "dashboard-layout", onRefresh: a }) => {
-	let { width: o, containerRef: p, mounted: m } = it(), [h, g] = y.useState(!1), [v, b] = y.useState(!1), x = s(), S = y.useRef(null), C = y.useCallback(() => {
-		a && (b(!0), a(), setTimeout(() => b(!1), 600));
+	let { width: o, containerRef: p, mounted: m } = it(), [h, g] = b.useState(!1), [v, y] = b.useState(!1), x = s(), S = b.useRef(null), C = b.useCallback(() => {
+		a && (y(!0), a(), setTimeout(() => y(!1), 600));
 	}, [a]);
-	y.useEffect(() => {
+	b.useEffect(() => {
 		if (!(!e.refreshInterval || e.refreshInterval <= 0 || !a)) return S.current = setInterval(C, e.refreshInterval * 1e3), () => {
 			S.current && clearInterval(S.current);
 		};
@@ -3767,7 +3764,7 @@ var Wt = [
 		a,
 		C
 	]);
-	let [w, T] = y.useState(() => {
+	let [w, T] = b.useState(() => {
 		if (typeof window < "u" && i) {
 			let e = localStorage.getItem(i);
 			if (e) try {
@@ -3783,11 +3780,11 @@ var Wt = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] };
-	}), E = y.useCallback((e, t) => {
+	}), E = b.useCallback((e, t) => {
 		T(t), r?.(e);
-	}, [r]), D = y.useCallback(() => {
+	}, [r]), D = b.useCallback(() => {
 		typeof window < "u" && i && localStorage.setItem(i, JSON.stringify(w)), g(!1);
-	}, [w, i]), O = y.useCallback(() => {
+	}, [w, i]), O = b.useCallback(() => {
 		T({ lg: e.widgets?.map((e, t) => ({
 			i: e.id || `widget-${t}`,
 			x: e.layout?.x || t % 4 * 3,
@@ -3795,7 +3792,7 @@ var Wt = [
 			w: e.layout?.w || 3,
 			h: e.layout?.h || 4
 		})) || [] }), typeof window < "u" && i && localStorage.removeItem(i);
-	}, [e.widgets, i]), k = y.useCallback((e) => {
+	}, [e.widgets, i]), k = b.useCallback((e) => {
 		if (e.component) return e.component;
 		let t = e.type, n = e.options || {};
 		if (t === "bar" || t === "line" || t === "area" || t === "pie" || t === "donut" || t === "scatter") {
@@ -4025,9 +4022,9 @@ var qt = {
 	warning: "bg-amber-500/10 text-amber-600 dark:text-amber-400",
 	danger: "bg-rose-500/10 text-rose-600 dark:text-rose-400"
 }, Jt = ({ label: e, value: t, trend: n, icon: r, className: i, description: a, loading: o, error: s, colorVariant: c = "default", ...p }) => {
-	let m = qt[c] || qt.default, h = T(() => {
+	let m = qt[c] || qt.default, h = E(() => {
 		if (typeof r == "string") {
-			let e = O[r];
+			let e = v(r);
 			return e ? /* @__PURE__ */ (0, U.jsx)(e, { className: "h-4 w-4" }) : null;
 		}
 		return r;
@@ -4086,7 +4083,7 @@ function Yt(e) {
 	if (e != null) return typeof e == "string" ? e : e.defaultValue || e.key;
 }
 var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a, className: o, loading: s, error: c, ...p }) => {
-	let m = n && O[n];
+	let m = n ? v(n) : null;
 	return /* @__PURE__ */ (0, U.jsxs)(l, {
 		className: _("h-full", o),
 		...p,
@@ -4128,7 +4125,7 @@ var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 		})] }) })]
 	});
 }, Zt = ({ objectName: e, aggregate: t, filter: n, label: i, fallbackValue: a, trend: o, icon: s, className: c, description: l, dataSource: u, colorVariant: d }) => {
-	let f = C(r), p = u || f?.dataSource, [m, h] = D(null), [g, _] = D(!1), [v, y] = D(null), b = S(async (r, i) => {
+	let f = w(r), p = u || f?.dataSource, [m, h] = O(null), [g, _] = O(!1), [v, y] = O(null), b = C(async (r, i) => {
 		if (!(!r || !e)) {
 			i.current && (_(!0), y(null));
 			try {
@@ -4157,7 +4154,7 @@ var Xt = ({ title: e, value: t, icon: n, trend: r, trendValue: i, description: a
 		t,
 		n
 	]);
-	return w(() => {
+	return T(() => {
 		let t = { current: !0 };
 		return p && e ? b(p, t) : (h(null), y(null)), () => {
 			t.current = !1;
@@ -4209,7 +4206,7 @@ function $t(e, t) {
 	}
 }
 var en = ({ schema: e, className: t }) => {
-	let { title: n, rowField: r, columnField: i, valueField: a, aggregation: o = "sum", data: s = [], showRowTotals: c = !1, showColumnTotals: l = !1, format: u, columnColors: d } = e, f = Array.isArray(s) ? s : [], { rowKeys: p, colKeys: m, matrix: h, rowTotals: g, colTotals: v, grandTotal: y } = T(() => {
+	let { title: n, rowField: r, columnField: i, valueField: a, aggregation: o = "sum", data: s = [], showRowTotals: c = !1, showColumnTotals: l = !1, format: u, columnColors: d } = e, f = Array.isArray(s) ? s : [], { rowKeys: p, colKeys: m, matrix: h, rowTotals: g, colTotals: v, grandTotal: y } = E(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = {};
 		for (let o of f) {
 			let s = String(o[r] ?? ""), c = String(o[i] ?? ""), l = Number(o[a]) || 0;
@@ -4362,8 +4359,8 @@ var en = ({ schema: e, className: t }) => {
 		})]
 	});
 }, tn = ({ schema: e, dataSource: n, className: i }) => {
-	let o = C(r), s = n || o?.dataSource, c = a(e.bind), [l, u] = D([]), [d, f] = D(!1), [p, m] = D(null);
-	w(() => {
+	let o = w(r), s = n || o?.dataSource, c = a(e.bind), [l, u] = O([]), [d, f] = O(!1), [p, m] = O(null);
+	T(() => {
 		let n = !0;
 		return e.objectName && !c && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!s || !e.objectName)) {
@@ -4495,8 +4492,8 @@ function nn(e) {
 	} : e);
 }
 var rn = ({ schema: e, dataSource: i, className: o }) => {
-	let s = C(r), c = i || s?.dataSource, l = a(e.bind), [u, d] = D([]), [f, p] = D(!1), [m, h] = D(null);
-	w(() => {
+	let s = w(r), c = i || s?.dataSource, l = a(e.bind), [u, d] = O([]), [f, p] = O(!1), [m, h] = O(null);
+	T(() => {
 		let n = !0;
 		return e.objectName && !l && (!e.data || e.data.length === 0) && (async () => {
 			if (!(!c || !e.objectName)) {
@@ -4522,7 +4519,7 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 		e.data,
 		e.filter
 	]);
-	let v = l || e.data || u, y = Array.isArray(v) ? v : [], b = T(() => e.columns && e.columns.length > 0 ? nn(e.columns) : y.length === 0 ? [] : Object.keys(y[0]).filter((e) => !e.startsWith("_")).map((e) => ({
+	let v = l || e.data || u, y = Array.isArray(v) ? v : [], b = E(() => e.columns && e.columns.length > 0 ? nn(e.columns) : y.length === 0 ? [] : Object.keys(y[0]).filter((e) => !e.startsWith("_")).map((e) => ({
 		header: e.charAt(0).toUpperCase() + e.slice(1).replace(/([A-Z])/g, " $1"),
 		accessorKey: e
 	})), [e.columns, y]);
@@ -4762,7 +4759,7 @@ var rn = ({ schema: e, dataSource: i, className: o }) => {
 	]
 };
 function on({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i }) {
-	let { draft: a, isDirty: o, updateField: s, discard: c } = v(n, { onUpdate: i });
+	let { draft: a, isDirty: o, updateField: s, discard: c } = y(n, { onUpdate: i });
 	return /* @__PURE__ */ (0, U.jsx)(m, {
 		open: e,
 		onClose: t,
@@ -5217,7 +5214,7 @@ function gn(e) {
 	return String(e);
 }
 function _n({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, headerExtra: a, availableObjects: o, availableFields: s }) {
-	let { draft: c, isDirty: l, updateField: u, discard: d } = v(y.useMemo(() => ({
+	let { draft: c, isDirty: l, updateField: u, discard: d } = y(b.useMemo(() => ({
 		...n,
 		title: typeof n.title == "object" ? gn(n.title) : n.title,
 		description: typeof n.description == "object" ? gn(n.description) : n.description
@@ -5225,7 +5222,7 @@ function _n({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 	return /* @__PURE__ */ (0, U.jsx)(m, {
 		open: e,
 		onClose: t,
-		schema: y.useMemo(() => hn(o, s, c.type), [
+		schema: b.useMemo(() => hn(o, s, c.type), [
 			o,
 			s,
 			c.type
@@ -5241,11 +5238,11 @@ function _n({ open: e, onClose: t, config: n, onSave: r, onFieldChange: i, heade
 //#endregion
 //#region src/DashboardWithConfig.tsx
 function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh: i, recordCount: a, defaultConfigOpen: o = !1, className: s }) {
-	let [l, u] = D(o), [d, f] = D(null), [p, m] = D(e), [h, g] = D(0);
-	w(() => {
+	let [l, u] = O(o), [d, f] = O(null), [p, m] = O(e), [h, g] = O(0);
+	T(() => {
 		m(e), g((e) => e + 1);
 	}, [e]);
-	let v = y.useMemo(() => {
+	let v = b.useMemo(() => {
 		if (!d || !p.widgets) return null;
 		let e = p.widgets.find((e) => (e.id || e.title) === d);
 		return e ? {
@@ -5262,11 +5259,11 @@ function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 			layoutW: e.layout?.w ?? 1,
 			layoutH: e.layout?.h ?? 1
 		} : null;
-	}, [d, h]), b = S((e) => {
+	}, [d, h]), y = C((e) => {
 		f(e), u(!0);
-	}, []), x = S(() => {
+	}, []), x = C(() => {
 		f(null);
-	}, []), C = S((e, t) => {
+	}, []), S = C((e, t) => {
 		d && m((n) => n.widgets ? {
 			...n,
 			widgets: n.widgets.map((n) => (n.id || n.title) === d ? e === "layoutW" ? {
@@ -5286,9 +5283,9 @@ function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				[e]: t
 			} : n)
 		} : n);
-	}, [d]), T = S((e) => {
+	}, [d]), w = C((e) => {
 		d && r && r(d, e), f(null), g((e) => e + 1);
-	}, [d, r]), E = S(() => {
+	}, [d, r]), E = C(() => {
 		u((e) => !e), f(null);
 	}, []);
 	return /* @__PURE__ */ (0, U.jsxs)("div", {
@@ -5311,7 +5308,7 @@ function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				recordCount: a,
 				designMode: l,
 				selectedWidgetId: d,
-				onWidgetClick: b
+				onWidgetClick: y
 			})]
 		}), l && /* @__PURE__ */ (0, U.jsx)("div", {
 			className: "relative shrink-0",
@@ -5319,8 +5316,8 @@ function vn({ schema: e, config: t, onConfigSave: n, onWidgetSave: r, onRefresh:
 				open: !0,
 				onClose: x,
 				config: v,
-				onSave: T,
-				onFieldChange: C
+				onSave: w,
+				onFieldChange: S
 			}) : /* @__PURE__ */ (0, U.jsx)(on, {
 				open: !0,
 				onClose: () => u(!1),