@object-ui/plugin-charts 4.4.0 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @object-ui/plugin-charts
 
+## 4.6.0
+
+### Patch Changes
+
+- Updated dependencies [3ee436d]
+  - @object-ui/components@4.6.0
+  - @object-ui/types@4.6.0
+  - @object-ui/core@4.6.0
+  - @object-ui/i18n@4.6.0
+  - @object-ui/react@4.6.0
+
+## 4.5.0
+
+### Patch Changes
+
+- Updated dependencies [ab5e281]
+- Updated dependencies [6b6afd1]
+- Updated dependencies [22fa558]
+- Updated dependencies [aa7855f]
+- Updated dependencies [170d89f]
+  - @object-ui/types@4.5.0
+  - @object-ui/components@4.5.0
+  - @object-ui/i18n@4.5.0
+  - @object-ui/core@4.5.0
+  - @object-ui/react@4.5.0
+
 ## 4.4.0
 
 ### Patch Changes

package/dist/index.js

@@ -1,28 +1,28 @@
 import { ComponentRegistry as e, computeDrillFilter as t, extractRecords as n, isDrillEnabled as r, resolveDateMacros as i, resolveDrillTitle as a } from "@object-ui/core";
 import * as o from "react";
 import s, { Suspense as c, useCallback as l, useContext as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Dialog as h, DialogContent as g, DialogHeader as _, DialogTitle as v, Sheet as y, SheetContent as ee, SheetHeader as te, SheetTitle as ne, Skeleton as b } from "@object-ui/components";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Area as w, AreaChart as re, Bar as T, BarChart as E, CartesianGrid as D, Cell as O, Funnel as ie, FunnelChart as k, LabelList as A, Legend as j, Line as M, LineChart as N, Pie as P, PieChart as F, PolarAngleAxis as I, PolarGrid as L, PolarRadiusAxis as R, Radar as z, RadarChart as ae, ResponsiveContainer as oe, Scatter as se, ScatterChart as ce, Tooltip as le, XAxis as B, YAxis as V, ZAxis as ue } from "recharts";
-import { SchemaRenderer as de, SchemaRendererContext as fe, useDataScope as pe } from "@object-ui/react";
-import { AlertCircle as me } from "lucide-react";
-import { useSafeFieldLabel as he } from "@object-ui/i18n";
+import { Dialog as h, DialogContent as g, DialogHeader as _, DialogTitle as ee, Sheet as v, SheetContent as y, SheetHeader as te, SheetTitle as b, Skeleton as x } from "@object-ui/components";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { Area as T, AreaChart as ne, Bar as E, BarChart as D, CartesianGrid as O, Cell as k, Funnel as A, FunnelChart as j, LabelList as M, Legend as N, Line as P, LineChart as re, Pie as F, PieChart as I, PolarAngleAxis as L, PolarGrid as R, PolarRadiusAxis as z, Radar as B, RadarChart as ie, ResponsiveContainer as ae, Scatter as oe, ScatterChart as se, Tooltip as ce, XAxis as V, YAxis as H, ZAxis as le } from "recharts";
+import { SchemaRenderer as ue, SchemaRendererContext as de, useDataScope as fe } from "@object-ui/react";
+import { AlertCircle as pe } from "lucide-react";
+import { useSafeFieldLabel as me } from "@object-ui/i18n";
 //#region \0rolldown/runtime.js
-var ge = Object.defineProperty, H = (e, t) => () => (e && (t = e(e = 0)), t), _e = (e, t) => {
+var he = Object.defineProperty, U = (e, t) => () => (e && (t = e(e = 0)), t), ge = (e, t) => {
 	let n = {};
-	for (var r in e) ge(n, r, {
+	for (var r in e) he(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || ge(n, Symbol.toStringTag, { value: "Module" }), n;
-}, ve = /* @__PURE__ */ _e({ default: () => ye });
-function ye({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
-	return /* @__PURE__ */ S("div", {
+	return t || he(n, Symbol.toStringTag, { value: "Module" }), n;
+}, _e = /* @__PURE__ */ ge({ default: () => ve });
+function ve({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height: r = 400, className: i = "", color: a = "hsl(var(--primary))" }) {
+	return /* @__PURE__ */ C("div", {
 		className: `p-2 sm:p-3 md:p-4 rounded-xl border border-border bg-card/40 backdrop-blur-sm shadow-lg shadow-background/5 ${i}`,
-		children: /* @__PURE__ */ S(oe, {
+		children: /* @__PURE__ */ C(ae, {
 			width: "100%",
 			height: r,
-			children: /* @__PURE__ */ C(E, {
+			children: /* @__PURE__ */ w(D, {
 				data: e,
 				margin: {
 					top: 10,
@@ -31,64 +31,64 @@ function ye({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 					bottom: 5
 				},
 				children: [
-					/* @__PURE__ */ C("defs", { children: [/* @__PURE__ */ C("linearGradient", {
+					/* @__PURE__ */ w("defs", { children: [/* @__PURE__ */ w("linearGradient", {
 						id: "barGradient",
 						x1: "0",
 						y1: "0",
 						x2: "0",
 						y2: "1",
 						children: [
-							/* @__PURE__ */ S("stop", {
+							/* @__PURE__ */ C("stop", {
 								offset: "0%",
 								stopColor: a,
 								stopOpacity: 1
 							}),
-							/* @__PURE__ */ S("stop", {
+							/* @__PURE__ */ C("stop", {
 								offset: "90%",
 								stopColor: a,
 								stopOpacity: .6
 							}),
-							/* @__PURE__ */ S("stop", {
+							/* @__PURE__ */ C("stop", {
 								offset: "100%",
 								stopColor: a,
 								stopOpacity: .3
 							})
 						]
-					}), /* @__PURE__ */ C("filter", {
+					}), /* @__PURE__ */ w("filter", {
 						id: "glow",
 						height: "130%",
 						children: [
-							/* @__PURE__ */ S("feGaussianBlur", {
+							/* @__PURE__ */ C("feGaussianBlur", {
 								in: "SourceAlpha",
 								stdDeviation: "3",
 								result: "blur"
 							}),
-							/* @__PURE__ */ S("feOffset", {
+							/* @__PURE__ */ C("feOffset", {
 								in: "blur",
 								dx: "0",
 								dy: "0",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ S("feFlood", {
+							/* @__PURE__ */ C("feFlood", {
 								floodColor: a,
 								floodOpacity: "0.5",
 								result: "offsetColor"
 							}),
-							/* @__PURE__ */ S("feComposite", {
+							/* @__PURE__ */ C("feComposite", {
 								in: "offsetColor",
 								in2: "offsetBlur",
 								operator: "in",
 								result: "offsetBlur"
 							}),
-							/* @__PURE__ */ C("feMerge", { children: [/* @__PURE__ */ S("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ S("feMergeNode", { in: "SourceGraphic" })] })
+							/* @__PURE__ */ w("feMerge", { children: [/* @__PURE__ */ C("feMergeNode", { in: "offsetBlur" }), /* @__PURE__ */ C("feMergeNode", { in: "SourceGraphic" })] })
 						]
 					})] }),
-					/* @__PURE__ */ S(D, {
+					/* @__PURE__ */ C(O, {
 						strokeDasharray: "3 3",
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ S(B, {
+					/* @__PURE__ */ C(V, {
 						dataKey: n,
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
@@ -99,7 +99,7 @@ function ye({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						axisLine: { stroke: "hsl(var(--border))" },
 						dy: 10
 					}),
-					/* @__PURE__ */ S(V, {
+					/* @__PURE__ */ C(H, {
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
 							fontSize: 12,
@@ -108,7 +108,7 @@ function ye({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						tickLine: !1,
 						axisLine: !1
 					}),
-					/* @__PURE__ */ S(le, {
+					/* @__PURE__ */ C(ce, {
 						cursor: {
 							fill: "hsl(var(--muted))",
 							opacity: .2
@@ -123,11 +123,11 @@ function ye({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 						},
 						itemStyle: { color: "hsl(var(--primary))" }
 					}),
-					/* @__PURE__ */ S(j, { wrapperStyle: {
+					/* @__PURE__ */ C(N, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),
-					/* @__PURE__ */ S(T, {
+					/* @__PURE__ */ C(E, {
 						dataKey: t,
 						fill: "url(#barGradient)",
 						radius: [
@@ -144,32 +144,32 @@ function ye({ data: e = [], dataKey: t = "value", xAxisKey: n = "name", height:
 		})
 	});
 }
-var be = H((() => {}));
+var ye = U((() => {}));
 //#endregion
 //#region src/ChartContainerImpl.tsx
-function xe() {
-	let e = o.useContext(we);
+function be() {
+	let e = o.useContext(Ce);
 	if (!e) throw Error("useChart must be used within a <ChartContainer />");
 	return e;
 }
-function U({ id: e, className: t, children: n, config: r, ...i }) {
+function W({ id: e, className: t, children: n, config: r, ...i }) {
 	let a = o.useId(), s = `chart-${e || a.replace(/:/g, "")}`;
-	return /* @__PURE__ */ S(we.Provider, {
+	return /* @__PURE__ */ C(Ce.Provider, {
 		value: { config: r },
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ w("div", {
 			"data-slot": "chart",
 			"data-chart": s,
-			className: K("flex w-full h-[350px] justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
+			className: q("flex w-full h-[350px] justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground", t),
 			style: {
 				minHeight: 280,
 				minWidth: 0,
 				...i.style
 			},
 			...i,
-			children: [/* @__PURE__ */ S(Te, {
+			children: [/* @__PURE__ */ C(we, {
 				id: s,
 				config: r
-			}), /* @__PURE__ */ S(oe, {
+			}), /* @__PURE__ */ C(ae, {
 				width: "100%",
 				height: "100%",
 				children: n
@@ -177,15 +177,15 @@ function U({ id: e, className: t, children: n, config: r, ...i }) {
 		})
 	});
 }
-function W({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: i = !1, hideIndicator: a = !1, label: s, labelFormatter: c, labelClassName: l, formatter: u, color: d, nameKey: f, labelKey: p }) {
-	let { config: m } = xe(), h = o.useMemo(() => {
+function G({ active: e, payload: t, className: n, indicator: r = "dot", hideLabel: i = !1, hideIndicator: a = !1, label: s, labelFormatter: c, labelClassName: l, formatter: u, color: d, nameKey: f, labelKey: p }) {
+	let { config: m } = be(), h = o.useMemo(() => {
 		if (i || !t?.length) return null;
-		let [e] = t, n = Se(m, e, `${p || e?.dataKey || e?.name || "value"}`), r = !p && typeof s == "string" ? m[s]?.label || s : n?.label;
-		return c ? /* @__PURE__ */ S("div", {
-			className: K("font-medium", l),
+		let [e] = t, n = xe(m, e, `${p || e?.dataKey || e?.name || "value"}`), r = !p && typeof s == "string" ? m[s]?.label || s : n?.label;
+		return c ? /* @__PURE__ */ C("div", {
+			className: q("font-medium", l),
 			children: c(r, t)
-		}) : r ? /* @__PURE__ */ S("div", {
-			className: K("font-medium", l),
+		}) : r ? /* @__PURE__ */ C("div", {
+			className: q("font-medium", l),
 			children: r
 		}) : null;
 	}, [
@@ -199,29 +199,29 @@ function W({ active: e, payload: t, className: n, indicator: r = "dot", hideLabe
 	]);
 	if (!e || !t?.length) return null;
 	let g = t.length === 1 && r !== "dot";
-	return /* @__PURE__ */ C("div", {
-		className: K("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", n),
-		children: [g ? null : h, /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ w("div", {
+		className: q("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", n),
+		children: [g ? null : h, /* @__PURE__ */ C("div", {
 			className: "grid gap-1.5",
 			children: t.filter((e) => e.type !== "none").map((e, t) => {
-				let n = Se(m, e, `${f || e.name || e.dataKey || "value"}`), i = d || e.payload.fill || e.color;
-				return /* @__PURE__ */ S("div", {
-					className: K("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", r === "dot" ? "items-center" : ""),
-					children: u && e?.value !== void 0 && e.name ? u(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ C(x, { children: [n?.icon ? /* @__PURE__ */ S(n.icon, {}) : !a && /* @__PURE__ */ S("div", {
-						className: K("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", r === "dot" ? "h-2.5 w-2.5" : "", r === "line" ? "w-1" : "", r === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "", g && r === "dashed" ? "my-0.5" : ""),
+				let n = xe(m, e, `${f || e.name || e.dataKey || "value"}`), i = d || e.payload.fill || e.color;
+				return /* @__PURE__ */ C("div", {
+					className: q("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", r === "dot" ? "items-center" : ""),
+					children: u && e?.value !== void 0 && e.name ? u(e.value, e.name, e, t, e.payload) : /* @__PURE__ */ w(S, { children: [n?.icon ? /* @__PURE__ */ C(n.icon, {}) : !a && /* @__PURE__ */ C("div", {
+						className: q("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", r === "dot" ? "h-2.5 w-2.5" : "", r === "line" ? "w-1" : "", r === "dashed" ? "w-0 border-[1.5px] border-dashed bg-transparent" : "", g && r === "dashed" ? "my-0.5" : ""),
 						style: {
 							"--color-bg": i,
 							"--color-border": i
 						}
-					}), /* @__PURE__ */ C("div", {
-						className: K("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
-						children: [/* @__PURE__ */ C("div", {
+					}), /* @__PURE__ */ w("div", {
+						className: q("flex flex-1 justify-between leading-none", g ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ w("div", {
 							className: "grid gap-1.5",
-							children: [g ? h : null, /* @__PURE__ */ S("span", {
+							children: [g ? h : null, /* @__PURE__ */ C("span", {
 								className: "text-muted-foreground",
 								children: n?.label || e.name
 							})]
-						}), e.value && /* @__PURE__ */ S("span", {
+						}), e.value && /* @__PURE__ */ C("span", {
 							className: "text-foreground font-mono font-medium tabular-nums",
 							children: e.value.toLocaleString()
 						})]
@@ -231,15 +231,15 @@ function W({ active: e, payload: t, className: n, indicator: r = "dot", hideLabe
 		})]
 	});
 }
-function G({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
-	let { config: a } = xe();
-	return n?.length ? /* @__PURE__ */ S("div", {
-		className: K("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
+function K({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bottom", nameKey: i }) {
+	let { config: a } = be();
+	return n?.length ? /* @__PURE__ */ C("div", {
+		className: q("flex items-center justify-center gap-4", r === "top" ? "pb-3" : "pt-3", e),
 		children: n.filter((e) => e.type !== "none").map((e) => {
-			let n = Se(a, e, `${i || e.dataKey || "value"}`);
-			return /* @__PURE__ */ C("div", {
-				className: K("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
-				children: [n?.icon && !t ? /* @__PURE__ */ S(n.icon, {}) : /* @__PURE__ */ S("div", {
+			let n = xe(a, e, `${i || e.dataKey || "value"}`);
+			return /* @__PURE__ */ w("div", {
+				className: q("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [n?.icon && !t ? /* @__PURE__ */ C(n.icon, {}) : /* @__PURE__ */ C("div", {
 					className: "h-2 w-2 shrink-0 rounded-[2px]",
 					style: { backgroundColor: e.color }
 				}), n?.label]
@@ -247,18 +247,18 @@ function G({ className: e, hideIcon: t = !1, payload: n, verticalAlign: r = "bot
 		})
 	}) : null;
 }
-function Se(e, t, n) {
+function xe(e, t, n) {
 	if (typeof t != "object" || !t) return;
 	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
 	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
 }
-var K, Ce, we, Te, q, J, Ee = H((() => {
-	K = (...e) => e.filter(Boolean).join(" "), Ce = {
+var q, Se, Ce, we, J, Y, Te = U((() => {
+	q = (...e) => e.filter(Boolean).join(" "), Se = {
 		light: "",
 		dark: ".dark"
-	}, we = o.createContext(null), Te = ({ id: e, config: t }) => {
+	}, Ce = o.createContext(null), we = ({ id: e, config: t }) => {
 		let n = Object.entries(t).filter(([, e]) => e.theme || e.color);
-		return n.length ? /* @__PURE__ */ S("style", { dangerouslySetInnerHTML: { __html: Object.entries(Ce).map(([t, r]) => `
+		return n.length ? /* @__PURE__ */ C("style", { dangerouslySetInnerHTML: { __html: Object.entries(Se).map(([t, r]) => `
 ${r} [data-chart=${e}] {
 ${n.map(([e, n]) => {
 			let r = n.theme?.[t] || n.color;
@@ -266,9 +266,9 @@ ${n.map(([e, n]) => {
 		}).join("\n")}
 }
 `).join("\n") } }) : null;
-	}, q = le, J = j;
-})), De = /* @__PURE__ */ _e({ default: () => Oe });
-function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r = "name", series: i = [], className: a = "", onChartClick: s }) {
+	}, J = ce, Y = N;
+})), Ee = /* @__PURE__ */ ge({ default: () => De });
+function De({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r = "name", series: i = [], className: a = "", onChartClick: s }) {
 	let c = e === "column" ? "bar" : e, l = Array.isArray(t) ? t : [], [u, d] = o.useState(!1), f = o.useCallback((e) => {
 		if (!s || !e) return;
 		let t = Array.isArray(e.activePayload) ? e.activePayload[0] : void 0;
@@ -301,17 +301,17 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
 	let g = {
-		bar: E,
-		"horizontal-bar": E,
-		line: N,
-		area: re,
-		pie: F,
-		donut: F,
-		radar: ae,
-		scatter: ce,
-		funnel: k,
-		combo: E
-	}[c] || E, _ = o.useCallback((e) => {
+		bar: D,
+		"horizontal-bar": D,
+		line: re,
+		area: ne,
+		pie: I,
+		donut: I,
+		radar: ie,
+		scatter: se,
+		funnel: j,
+		combo: D
+	}[c] || D, _ = o.useCallback((e) => {
 		if (e == null || e === "") return "";
 		let t = typeof e == "string" ? e : String(e);
 		if (/^\d{4}-\d{2}-\d{2}/.test(t)) {
@@ -336,24 +336,60 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		l,
 		r,
 		u
-	]), v = o.useMemo(() => l.some((e) => String(e[r] || "").length > 5), [l, r]), y = () => [
+	]), ee = o.useMemo(() => l.some((e) => String(e[r] || "").length > 5), [l, r]), v = () => [
 		"hsl(var(--chart-1))",
 		"hsl(var(--chart-2))",
 		"hsl(var(--chart-3))",
 		"hsl(var(--chart-4))",
 		"hsl(var(--chart-5))"
-	];
+	], y = o.useCallback((e) => {
+		if (e == null || e === "") return "";
+		let t = typeof e == "number" ? e : Number(e);
+		if (!Number.isFinite(t)) return String(e);
+		try {
+			return new Intl.NumberFormat(void 0, {
+				notation: "compact",
+				maximumFractionDigits: 1
+			}).format(t);
+		} catch {
+			return String(t);
+		}
+	}, []), te = o.useMemo(() => ({
+		tickLine: !1,
+		tickMargin: 10,
+		axisLine: !1,
+		interval: "preserveStartEnd",
+		minTickGap: u ? 32 : 48,
+		tickFormatter: _,
+		...!u && ee && {
+			angle: -35,
+			textAnchor: "end",
+			height: 60
+		}
+	}), [
+		u,
+		ee,
+		_
+	]);
 	if (c === "pie" || c === "donut") {
-		let e = c === "donut" ? 60 : 0;
-		return /* @__PURE__ */ S(U, {
-			config: n,
+		let e = c === "donut" ? 60 : 0, t = v(), o = { ...n };
+		return l.forEach((e, n) => {
+			let i = e?.[r];
+			if (i == null || i === "") return;
+			let a = String(i);
+			o[a] || (o[a] = {
+				label: a,
+				color: t[n % t.length]
+			});
+		}), /* @__PURE__ */ C(W, {
+			config: o,
 			className: a,
-			children: /* @__PURE__ */ C(F, { children: [
-				/* @__PURE__ */ S(q, {
+			children: /* @__PURE__ */ w(I, { children: [
+				/* @__PURE__ */ C(J, {
 					cursor: !1,
-					content: /* @__PURE__ */ S(W, { hideLabel: !0 })
+					content: /* @__PURE__ */ C(G, { hideLabel: !0 })
 				}),
-				/* @__PURE__ */ S(P, {
+				/* @__PURE__ */ C(F, {
 					data: l,
 					dataKey: i[0]?.dataKey || "value",
 					nameKey: r || "name",
@@ -362,39 +398,36 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					paddingAngle: 2,
 					outerRadius: 80,
 					...h,
-					children: l.map((e, t) => {
-						let i = n[e[r]]?.color;
-						if (!i) {
-							let e = y();
-							i = e[t % e.length];
-						}
-						return /* @__PURE__ */ S(O, { fill: X(i) }, `cell-${t}`);
+					children: l.map((e, n) => {
+						let i = o[String(e[r])]?.color;
+						return i ||= t[n % t.length], /* @__PURE__ */ C(k, { fill: Z(i) }, `cell-${n}`);
 					})
 				}),
-				/* @__PURE__ */ S(J, {
-					content: /* @__PURE__ */ S(G, { nameKey: r }),
-					...u && {
-						verticalAlign: "bottom",
-						wrapperStyle: {
-							fontSize: "11px",
-							paddingTop: "8px"
-						}
-					}
+				/* @__PURE__ */ C(Y, {
+					verticalAlign: "bottom",
+					wrapperStyle: {
+						fontSize: u ? "11px" : "12px",
+						paddingTop: "8px"
+					},
+					content: /* @__PURE__ */ C(K, {
+						nameKey: r,
+						className: "flex-wrap"
+					})
 				})
 			] })
 		});
 	}
 	if (c === "funnel") {
-		let e = i[0]?.dataKey || "value", t = y(), o = s ? (t) => {
+		let e = i[0]?.dataKey || "value", t = v(), o = s ? (t) => {
 			t && s({
 				category: t?.payload?.[r] ?? t?.[r],
 				value: t?.payload?.[e] ?? t?.[e]
 			});
 		} : void 0;
-		return /* @__PURE__ */ S(U, {
+		return /* @__PURE__ */ C(W, {
 			config: n,
 			className: a,
-			children: /* @__PURE__ */ C(k, { children: [/* @__PURE__ */ S(q, { content: /* @__PURE__ */ S(W, {}) }), /* @__PURE__ */ C(ie, {
+			children: /* @__PURE__ */ w(j, { children: [/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }), /* @__PURE__ */ w(A, {
 				dataKey: e,
 				data: l,
 				nameKey: r,
@@ -403,27 +436,27 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					onClick: o,
 					style: { cursor: "pointer" }
 				} : {},
-				children: [/* @__PURE__ */ S(A, {
+				children: [/* @__PURE__ */ C(M, {
 					position: "right",
 					fill: "hsl(var(--foreground))",
 					stroke: "none",
 					dataKey: r
-				}), l.map((e, n) => /* @__PURE__ */ S(O, { fill: X(t[n % t.length]) }, `funnel-cell-${n}`))]
+				}), l.map((e, n) => /* @__PURE__ */ C(k, { fill: Z(t[n % t.length]) }, `funnel-cell-${n}`))]
 			})] })
 		});
 	}
-	if (c === "radar") return /* @__PURE__ */ S(U, {
+	if (c === "radar") return /* @__PURE__ */ C(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(ae, {
+		children: /* @__PURE__ */ w(ie, {
 			data: l,
 			children: [
-				/* @__PURE__ */ S(L, {}),
-				/* @__PURE__ */ S(I, { dataKey: r }),
-				/* @__PURE__ */ S(R, {}),
-				/* @__PURE__ */ S(q, { content: /* @__PURE__ */ S(W, {}) }),
-				/* @__PURE__ */ S(J, {
-					content: /* @__PURE__ */ S(G, {}),
+				/* @__PURE__ */ C(R, {}),
+				/* @__PURE__ */ C(L, { dataKey: r }),
+				/* @__PURE__ */ C(z, {}),
+				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
+				/* @__PURE__ */ C(Y, {
+					content: /* @__PURE__ */ C(K, {}),
 					...u && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
@@ -433,8 +466,8 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 				}),
 				i.map((e) => {
-					let t = X(n[e.dataKey]?.color || Y);
-					return /* @__PURE__ */ S(z, {
+					let t = Z(n[e.dataKey]?.color || X);
+					return /* @__PURE__ */ C(B, {
 						dataKey: e.dataKey,
 						stroke: t,
 						fill: t,
@@ -444,33 +477,35 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			]
 		})
 	});
-	if (c === "scatter") return /* @__PURE__ */ S(U, {
+	if (c === "scatter") return /* @__PURE__ */ C(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(ce, { children: [
-			/* @__PURE__ */ S(D, { vertical: !1 }),
-			/* @__PURE__ */ S(B, {
+		children: /* @__PURE__ */ w(se, { children: [
+			/* @__PURE__ */ C(O, { vertical: !1 }),
+			/* @__PURE__ */ C(V, {
 				type: "number",
 				dataKey: r,
 				name: String(n[r]?.label || r),
 				tickLine: !1,
 				axisLine: !1,
-				interval: u ? Math.ceil(l.length / 5) : 0
+				minTickGap: u ? 32 : 48
 			}),
-			/* @__PURE__ */ S(V, {
+			/* @__PURE__ */ C(H, {
 				type: "number",
 				dataKey: i[0]?.dataKey || "value",
 				name: String(n[i[0]?.dataKey]?.label || i[0]?.dataKey),
 				tickLine: !1,
-				axisLine: !1
+				axisLine: !1,
+				tickFormatter: y,
+				width: 48
 			}),
-			/* @__PURE__ */ S(ue, {
+			/* @__PURE__ */ C(le, {
 				type: "number",
 				range: [60, 400]
 			}),
-			/* @__PURE__ */ S(q, { content: /* @__PURE__ */ S(W, {}) }),
-			/* @__PURE__ */ S(J, {
-				content: /* @__PURE__ */ S(G, {}),
+			/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
+			/* @__PURE__ */ C(Y, {
+				content: /* @__PURE__ */ C(K, {}),
 				...u && {
 					verticalAlign: "bottom",
 					wrapperStyle: {
@@ -480,8 +515,8 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 				}
 			}),
 			i.map((e, t) => {
-				let r = y(), i = X(n[e.dataKey]?.color || r[t % r.length]);
-				return /* @__PURE__ */ S(se, {
+				let r = v(), i = Z(n[e.dataKey]?.color || r[t % r.length]);
+				return /* @__PURE__ */ C(oe, {
 					name: n[e.dataKey]?.label || e.dataKey,
 					data: l,
 					fill: i
@@ -489,40 +524,35 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			})
 		] })
 	});
-	if (c === "combo") return /* @__PURE__ */ S(U, {
+	if (c === "combo") return /* @__PURE__ */ C(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(E, {
+		children: /* @__PURE__ */ w(D, {
 			data: l,
 			children: [
-				/* @__PURE__ */ S(D, { vertical: !1 }),
-				/* @__PURE__ */ S(B, {
+				/* @__PURE__ */ C(O, { vertical: !1 }),
+				/* @__PURE__ */ C(V, {
 					dataKey: r,
-					tickLine: !1,
-					tickMargin: 10,
-					axisLine: !1,
-					interval: u ? Math.ceil(l.length / 5) : 0,
-					tickFormatter: _,
-					...!u && v && {
-						angle: -35,
-						textAnchor: "end",
-						height: 60
-					}
+					...te
 				}),
-				/* @__PURE__ */ S(V, {
+				/* @__PURE__ */ C(H, {
 					yAxisId: "left",
 					tickLine: !1,
-					axisLine: !1
+					axisLine: !1,
+					tickFormatter: y,
+					width: 48
 				}),
-				/* @__PURE__ */ S(V, {
+				/* @__PURE__ */ C(H, {
 					yAxisId: "right",
 					orientation: "right",
 					tickLine: !1,
-					axisLine: !1
+					axisLine: !1,
+					tickFormatter: y,
+					width: 48
 				}),
-				/* @__PURE__ */ S(q, { content: /* @__PURE__ */ S(W, {}) }),
-				/* @__PURE__ */ S(J, {
-					content: /* @__PURE__ */ S(G, {}),
+				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
+				/* @__PURE__ */ C(Y, {
+					content: /* @__PURE__ */ C(K, {}),
 					...u && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
@@ -532,22 +562,22 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 				}),
 				i.map((e, t) => {
-					let r = X(n[e.dataKey]?.color || Y), i = e.chartType || (t === 0 ? "bar" : "line"), a = i === "bar" ? "left" : "right";
-					return i === "line" ? /* @__PURE__ */ S(M, {
+					let r = Z(n[e.dataKey]?.color || X), i = e.chartType || (t === 0 ? "bar" : "line"), a = i === "bar" ? "left" : "right";
+					return i === "line" ? /* @__PURE__ */ C(P, {
 						yAxisId: a,
 						type: "monotone",
 						dataKey: e.dataKey,
 						stroke: r,
 						strokeWidth: 2,
 						dot: !1
-					}, e.dataKey) : i === "area" ? /* @__PURE__ */ S(w, {
+					}, e.dataKey) : i === "area" ? /* @__PURE__ */ C(T, {
 						yAxisId: a,
 						type: "monotone",
 						dataKey: e.dataKey,
 						fill: r,
 						stroke: r,
 						fillOpacity: .4
-					}, e.dataKey) : /* @__PURE__ */ S(T, {
+					}, e.dataKey) : /* @__PURE__ */ C(E, {
 						yAxisId: a,
 						dataKey: e.dataKey,
 						fill: r,
@@ -557,43 +587,40 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 			]
 		})
 	});
-	let ee = c === "horizontal-bar";
-	return /* @__PURE__ */ S(U, {
+	let b = c === "horizontal-bar";
+	return /* @__PURE__ */ C(W, {
 		config: n,
 		className: a,
-		children: /* @__PURE__ */ C(g, {
+		children: /* @__PURE__ */ w(g, {
 			data: l,
-			layout: ee ? "vertical" : "horizontal",
+			layout: b ? "vertical" : "horizontal",
 			...m,
 			children: [
-				/* @__PURE__ */ S(D, { vertical: !1 }),
-				ee ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(B, {
+				/* @__PURE__ */ C(O, { vertical: !1 }),
+				b ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(V, {
 					type: "number",
 					tickLine: !1,
-					axisLine: !1
-				}), /* @__PURE__ */ S(V, {
+					axisLine: !1,
+					tickFormatter: y
+				}), /* @__PURE__ */ C(H, {
 					type: "category",
 					dataKey: r,
 					tickLine: !1,
 					axisLine: !1,
 					width: Math.min(140, Math.max(60, Math.max(...l.map((e) => String(e[r] ?? "").length)) * 7)),
 					tickFormatter: _
-				})] }) : /* @__PURE__ */ S(B, {
+				})] }) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(V, {
 					dataKey: r,
+					...te
+				}), /* @__PURE__ */ C(H, {
 					tickLine: !1,
-					tickMargin: 10,
 					axisLine: !1,
-					interval: u ? Math.ceil(l.length / 5) : 0,
-					tickFormatter: _,
-					...!u && v && {
-						angle: -35,
-						textAnchor: "end",
-						height: 60
-					}
-				}),
-				/* @__PURE__ */ S(q, { content: /* @__PURE__ */ S(W, {}) }),
-				/* @__PURE__ */ S(J, {
-					content: /* @__PURE__ */ S(G, {}),
+					tickFormatter: y,
+					width: 48
+				})] }),
+				/* @__PURE__ */ C(J, { content: /* @__PURE__ */ C(G, {}) }),
+				/* @__PURE__ */ C(Y, {
+					content: /* @__PURE__ */ C(K, {}),
 					...u && {
 						verticalAlign: "bottom",
 						wrapperStyle: {
@@ -603,23 +630,23 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 					}
 				}),
 				i.map((e, t) => {
-					let r = y(), a = X(n[e.dataKey]?.color || r[t % r.length] || Y);
+					let r = v(), a = Z(n[e.dataKey]?.color || r[t % r.length] || X);
 					if (c === "bar" || c === "horizontal-bar") {
 						let t = i.length === 1 && l.length > 1;
-						return /* @__PURE__ */ S(T, {
+						return /* @__PURE__ */ C(E, {
 							dataKey: e.dataKey,
 							fill: a,
 							radius: 4,
-							children: t && l.map((e, t) => /* @__PURE__ */ S(O, { fill: X(r[t % r.length]) }, `cell-${t}`))
+							children: t && l.map((e, t) => /* @__PURE__ */ C(k, { fill: Z(r[t % r.length]) }, `cell-${t}`))
 						}, e.dataKey);
 					}
-					return c === "line" ? /* @__PURE__ */ S(M, {
+					return c === "line" ? /* @__PURE__ */ C(P, {
 						type: "monotone",
 						dataKey: e.dataKey,
 						stroke: a,
 						strokeWidth: 2,
 						dot: !1
-					}, e.dataKey) : c === "area" ? /* @__PURE__ */ S(w, {
+					}, e.dataKey) : c === "area" ? /* @__PURE__ */ C(T, {
 						type: "monotone",
 						dataKey: e.dataKey,
 						fill: a,
@@ -631,8 +658,8 @@ function Oe({ chartType: e = "bar", data: t = [], config: n = {}, xAxisKey: r =
 		})
 	});
 }
-var Y, ke, X, Ae = H((() => {
-	Ee(), Y = "hsl(var(--primary))", ke = {
+var X, Oe, Z, ke = U((() => {
+	Te(), X = "hsl(var(--primary))", Oe = {
 		slate: "#64748b",
 		gray: "#6b7280",
 		zinc: "#71717a",
@@ -655,10 +682,10 @@ var Y, ke, X, Ae = H((() => {
 		fuchsia: "#d946ef",
 		pink: "#ec4899",
 		rose: "#f43f5e"
-	}, X = (e) => ke[e] || e;
-})), je = s.lazy(() => Promise.resolve().then(() => (be(), ve))), Me = s.lazy(() => Promise.resolve().then(() => (Ae(), De))), Ne = ({ schema: e }) => /* @__PURE__ */ S(c, {
-	fallback: /* @__PURE__ */ S(b, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ S(je, {
+	}, Z = (e) => Oe[e] || e;
+})), Ae = s.lazy(() => Promise.resolve().then(() => (ye(), _e))), je = s.lazy(() => Promise.resolve().then(() => (ke(), Ee))), Me = ({ schema: e }) => /* @__PURE__ */ C(c, {
+	fallback: /* @__PURE__ */ C(x, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ C(Ae, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -666,7 +693,7 @@ var Y, ke, X, Ae = H((() => {
 		className: e.className,
 		color: e.color
 	})
-}), Z = ({ schema: e, onChartClick: t }) => {
+}), Q = ({ schema: e, onChartClick: t }) => {
 	let n = s.useMemo(() => {
 		let t = e.series, n = e.xAxisKey, r = e.config;
 		if (n || (e.index ? n = e.index : e.category && (n = e.category)), t || (e.categories ? t = e.categories.map((e) => ({ dataKey: e })) : e.value && (t = [{ dataKey: e.value }])), !r && t) {
@@ -691,9 +718,9 @@ var Y, ke, X, Ae = H((() => {
 			className: e.className
 		};
 	}, [e]);
-	return /* @__PURE__ */ S(c, {
-		fallback: /* @__PURE__ */ S(b, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-		children: /* @__PURE__ */ S(Me, {
+	return /* @__PURE__ */ C(c, {
+		fallback: /* @__PURE__ */ C(x, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ C(je, {
 			chartType: n.chartType,
 			data: n.data,
 			config: n.config,
@@ -706,10 +733,10 @@ var Y, ke, X, Ae = H((() => {
 };
 //#endregion
 //#region src/ObjectChart.tsx
-function Q(e) {
+function $(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Pe(e, t) {
+function Ne(e, t) {
 	let { field: n, function: r, groupBy: i } = t, a = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
@@ -740,13 +767,13 @@ function Pe(e, t) {
 		};
 	});
 }
-async function Fe(e, t, r, i, a) {
+async function Pe(e, t, r, i, a) {
 	if (!e.length || !t) return e;
 	let o = a || ((e, t) => t), s = `__raw_${t}`, c = r?.fields?.[t];
 	if (!c) {
 		let n = /^\d{4}-\d{2}-\d{2}/;
 		return e.map((e) => {
-			let r = e[t], i = String(r ?? ""), a = n.test(i) ? i : Q(i);
+			let r = e[t], i = String(r ?? ""), a = n.test(i) ? i : $(i);
 			return {
 				...e,
 				[t]: o(i, a),
@@ -758,7 +785,7 @@ async function Fe(e, t, r, i, a) {
 	if (l === "select" || l === "picklist" || l === "dropdown") {
 		let n = c.options || [];
 		if (n.length === 0) return e.map((e) => {
-			let n = e[t], r = String(n ?? ""), i = Q(r);
+			let n = e[t], r = String(n ?? ""), i = $(r);
 			return {
 				...e,
 				[t]: o(r, i),
@@ -768,7 +795,7 @@ async function Fe(e, t, r, i, a) {
 		let r = {};
 		for (let e of n) typeof e == "string" ? r[e] = e : e && typeof e == "object" && (r[String(e.value)] = e.label || String(e.value));
 		return e.map((e) => {
-			let n = e[t], i = String(n ?? ""), a = r[i] || Q(i);
+			let n = e[t], i = String(n ?? ""), a = r[i] || $(i);
 			return {
 				...e,
 				[t]: o(i, a),
@@ -821,19 +848,19 @@ async function Fe(e, t, r, i, a) {
 		let n = e[t], r = String(n ?? "");
 		return {
 			...e,
-			[t]: u.test(r) ? r : Q(r),
+			[t]: u.test(r) ? r : $(r),
 			[s]: n
 		};
 	});
 }
-var $ = (e) => {
-	let { schema: o } = e, s = u(fe), c = e.dataSource || s?.dataSource, b = pe(o.bind), { fieldOptionLabel: w } = he(), re = p(w);
+var Fe = (e) => {
+	let { schema: o } = e, s = u(de), c = e.dataSource || s?.dataSource, x = fe(o.bind), { fieldOptionLabel: T } = me(), ne = p(T);
 	d(() => {
-		re.current = w;
-	}, [w]);
-	let [T, E] = m([]), [D, O] = m(!1), [ie, k] = m(null), [A, j] = m(null), M = f(() => o.aggregate ? JSON.stringify(o.aggregate) : "", [o.aggregate]), N = f(() => o.filter ? JSON.stringify(o.filter) : "", [o.filter]), P = l(async (e, t) => {
+		ne.current = T;
+	}, [T]);
+	let [E, D] = m([]), [O, k] = m(!1), [A, j] = m(null), [M, N] = m(null), P = f(() => o.aggregate ? JSON.stringify(o.aggregate) : "", [o.aggregate]), re = f(() => o.filter ? JSON.stringify(o.filter) : "", [o.filter]), F = l(async (e, t) => {
 		if (!(!e || !o.objectName)) {
-			t.current && (O(!0), k(null));
+			t.current && (k(!0), j(null));
 			try {
 				let r, a = i(o.filter);
 				if (o.aggregate && typeof e.aggregate == "function") {
@@ -844,76 +871,76 @@ var $ = (e) => {
 						filter: a
 					});
 					r = Array.isArray(t) ? t : [];
-				} else if (typeof e.find == "function") r = n(await e.find(o.objectName, { $filter: a })), o.aggregate && r.length > 0 && (r = Pe(r, o.aggregate));
+				} else if (typeof e.find == "function") r = n(await e.find(o.objectName, { $filter: a })), o.aggregate && r.length > 0 && (r = Ne(r, o.aggregate));
 				else return;
 				let s = o.aggregate?.groupBy || o.xAxisKey;
 				if (s && typeof e.getObjectSchema == "function") try {
 					let t = await e.getObjectSchema(o.objectName);
-					r = await Fe(r, s, t, e, (e, t) => re.current(o.objectName, s, e, t));
+					r = await Pe(r, s, t, e, (e, t) => ne.current(o.objectName, s, e, t));
 				} catch {}
-				t.current && E(r);
+				t.current && D(r);
 			} catch (e) {
-				console.error("[ObjectChart] Fetch error:", e), t.current && k(e instanceof Error ? e.message : "Failed to load chart data");
+				console.error("[ObjectChart] Fetch error:", e), t.current && j(e instanceof Error ? e.message : "Failed to load chart data");
 			} finally {
-				t.current && O(!1);
+				t.current && k(!1);
 			}
 		}
 	}, [
 		o.objectName,
-		M,
-		N,
+		P,
+		re,
 		o.xAxisKey
 	]);
 	d(() => {
 		let e = { current: !0 };
-		return o.objectName && !b && !o.data && P(c, e), () => {
+		return o.objectName && !x && !o.data && F(c, e), () => {
 			e.current = !1;
 		};
 	}, [
 		o.objectName,
 		c,
-		b,
+		x,
 		o.data,
-		N,
-		M,
-		P
+		re,
+		P,
+		F
 	]);
-	let F = b || o.data || T, I = Array.isArray(F) ? F : [], L = o.drillDown, R = o.aggregate?.groupBy || o.xAxisKey, z = f(() => {
-		if (!R) return /* @__PURE__ */ new Map();
-		let e = /* @__PURE__ */ new Map(), t = `__raw_${R}`;
-		for (let n of I) {
-			let r = n?.[R];
+	let I = x || o.data || E, L = Array.isArray(I) ? I : [], R = o.drillDown, z = o.aggregate?.groupBy || o.xAxisKey, B = f(() => {
+		if (!z) return /* @__PURE__ */ new Map();
+		let e = /* @__PURE__ */ new Map(), t = `__raw_${z}`;
+		for (let n of L) {
+			let r = n?.[z];
 			if (r == null) continue;
 			let i = t in (n || {}) ? n[t] : r;
 			e.set(String(r), i);
 		}
 		return e;
-	}, [I, R]), ae = {
+	}, [L, z]), ie = {
 		...o,
-		data: I
+		data: L
 	};
-	if (D && I.length === 0) return /* @__PURE__ */ S("div", {
+	if (O && L.length === 0) return /* @__PURE__ */ C("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (o.className || ""),
 		"data-testid": "chart-loading",
 		children: "Loading chart data…"
 	});
-	if (ie) return /* @__PURE__ */ C("div", {
+	if (A) return /* @__PURE__ */ w("div", {
 		className: "flex flex-col items-center justify-center gap-2 p-4 " + (o.className || ""),
 		"data-testid": "chart-error",
 		role: "alert",
 		children: [
-			/* @__PURE__ */ S(me, { className: "h-6 w-6 text-destructive opacity-60" }),
-			/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ C(pe, { className: "h-6 w-6 text-destructive opacity-60" }),
+			/* @__PURE__ */ C("p", {
 				className: "text-xs text-destructive font-medium",
 				children: "Failed to load chart data"
 			}),
-			/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ C("p", {
 				className: "text-xs text-muted-foreground max-w-xs text-center",
-				children: ie
+				children: A
 			})
 		]
 	});
-	if (!c && o.objectName && I.length === 0) return /* @__PURE__ */ C("div", {
+	if (!c && o.objectName && L.length === 0) return /* @__PURE__ */ w("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (o.className || ""),
 		"data-testid": "chart-no-datasource",
 		children: [
@@ -922,29 +949,29 @@ var $ = (e) => {
 			"”"
 		]
 	});
-	let oe = r(L) ? (e) => {
-		let t = e.category, n = t != null && z.has(String(t)) ? z.get(String(t)) : t;
-		j({
+	let ae = r(R) ? (e) => {
+		let t = e.category, n = t != null && B.has(String(t)) ? B.get(String(t)) : t;
+		N({
 			...e,
 			category: n,
 			categoryLabel: t,
 			scope: "cell"
 		});
-	} : void 0, se = A && o.objectName ? (() => {
-		let e = t(L, A, { groupByField: R }), n = {
+	} : void 0, oe = M && o.objectName ? (() => {
+		let e = t(R, M, { groupByField: z }), n = {
 			...o.filter || {},
 			...e
-		}, r = a(L, A, o.title || "Details"), i = L?.target ?? "drawer", s = /* @__PURE__ */ S("div", {
+		}, r = a(R, M, o.title || "Details"), i = R?.target ?? "drawer", s = /* @__PURE__ */ C("div", {
 			className: "overflow-auto",
 			"data-testid": "chart-drill-body",
-			children: /* @__PURE__ */ S(de, {
+			children: /* @__PURE__ */ C(ue, {
 				schema: {
 					type: "object-data-table",
 					objectName: o.objectName,
 					filter: n,
 					pagination: !0,
-					pageSize: L?.maxRows,
-					columns: L?.columns?.map((e) => ({
+					pageSize: R?.maxRows,
+					columns: R?.columns?.map((e) => ({
 						accessorKey: e,
 						header: e
 					}))
@@ -952,33 +979,33 @@ var $ = (e) => {
 				dataSource: c
 			})
 		});
-		return i === "dialog" ? /* @__PURE__ */ S(h, {
+		return i === "dialog" ? /* @__PURE__ */ C(h, {
 			open: !0,
-			onOpenChange: (e) => !e && j(null),
-			children: /* @__PURE__ */ C(g, {
+			onOpenChange: (e) => !e && N(null),
+			children: /* @__PURE__ */ w(g, {
 				className: "max-w-4xl",
-				children: [/* @__PURE__ */ S(_, { children: /* @__PURE__ */ S(v, { children: r }) }), s]
+				children: [/* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(ee, { children: r }) }), s]
 			})
-		}) : /* @__PURE__ */ S(y, {
+		}) : /* @__PURE__ */ C(v, {
 			open: !0,
-			onOpenChange: (e) => !e && j(null),
-			children: /* @__PURE__ */ C(ee, {
+			onOpenChange: (e) => !e && N(null),
+			children: /* @__PURE__ */ w(y, {
 				side: "right",
 				className: "w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col",
-				children: [/* @__PURE__ */ S(te, { children: /* @__PURE__ */ S(ne, { children: r }) }), /* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ C(te, { children: /* @__PURE__ */ C(b, { children: r }) }), /* @__PURE__ */ C("div", {
 					className: "flex-1 overflow-hidden mt-2",
 					children: s
 				})]
 			})
 		});
 	})() : null;
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(Z, {
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(Q, {
 		...e,
-		schema: ae,
-		onChartClick: oe
-	}), se] });
+		schema: ie,
+		onChartClick: ae
+	}), oe] });
 };
-e.register("object-chart", $, {
+e.register("object-chart", Fe, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -1011,10 +1038,10 @@ e.register("object-chart", $, {
 //#endregion
 //#region src/index.tsx
 var Ie = {
-	"bar-chart": Ne,
-	chart: Z
+	"bar-chart": Me,
+	chart: Q
 };
-e.register("bar-chart", Ne, {
+e.register("bar-chart", Me, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -1078,7 +1105,7 @@ e.register("bar-chart", Ne, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), e.register("chart", $, {
+}), e.register("chart", Fe, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -1105,7 +1132,7 @@ e.register("bar-chart", Ne, {
 			label: "Value Field"
 		}
 	]
-}), e.register("chart", Z, {
+}), e.register("chart", Q, {
 	namespace: "plugin-charts",
 	label: "Chart",
 	category: "plugin",
@@ -1217,31 +1244,31 @@ e.register("bar-chart", Ne, {
 		xAxisKey: "name",
 		series: [{ dataKey: "sales" }, { dataKey: "revenue" }]
 	}
-}), e.register("chart:bar", Z, {
+}), e.register("chart:bar", Q, {
 	namespace: "plugin-charts",
 	label: "Bar Chart (Alias)",
 	category: "plugin",
 	defaultProps: { chartType: "bar" }
-}), e.register("pie-chart", Z, {
+}), e.register("pie-chart", Q, {
 	namespace: "plugin-charts",
 	label: "Pie Chart",
 	category: "plugin",
 	defaultProps: { chartType: "pie" }
-}), e.register("donut-chart", Z, {
+}), e.register("donut-chart", Q, {
 	namespace: "plugin-charts",
 	label: "Donut Chart",
 	category: "plugin",
 	defaultProps: { chartType: "donut" }
-}), e.register("radar-chart", Z, {
+}), e.register("radar-chart", Q, {
 	namespace: "plugin-charts",
 	label: "Radar Chart",
 	category: "plugin",
 	defaultProps: { chartType: "radar" }
-}), e.register("scatter-chart", Z, {
+}), e.register("scatter-chart", Q, {
 	namespace: "plugin-charts",
 	label: "Scatter Chart",
 	category: "plugin",
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { Ne as ChartBarRenderer, Z as ChartRenderer, $ as ObjectChart, Ie as chartComponents };
+export { Me as ChartBarRenderer, Q as ChartRenderer, Fe as ObjectChart, Ie as chartComponents };

package/dist/index.umd.cjs

@@ -4,4 +4,4 @@ ${n.map(([e,n])=>{let r=n.theme?.[t]||n.color;return r?`  --color-${e}: ${r};`:n
 `)}
 }
 `).join(`
-`)}}):null},A=a.Tooltip,j=a.Legend})),N=g({default:()=>P});function P({chartType:e=`bar`,data:t=[],config:r={},xAxisKey:o=`name`,series:s=[],className:c=``,onChartClick:l}){let u=e===`column`?`bar`:e,d=Array.isArray(t)?t:[],[f,p]=n.useState(!1),m=n.useCallback(e=>{if(!l||!e)return;let t=Array.isArray(e.activePayload)?e.activePayload[0]:void 0;l({category:e.activeLabel==null?void 0:String(e.activeLabel),series:t?.dataKey?String(t.dataKey):void 0,value:typeof t?.value==`number`?t.value:void 0})},[l]),h=n.useCallback(e=>{if(!l||!e)return;let t=e.payload?.[o],n=s[0]?.dataKey||`value`;l({category:t==null?void 0:String(t),series:n,value:typeof e.payload?.[n]==`number`?e.payload[n]:void 0})},[l,o,s]),g=l?{onClick:m,style:{cursor:`pointer`}}:{},_=l?{onClick:h,style:{cursor:`pointer`}}:{};n.useEffect(()=>{let e=()=>p(window.innerWidth<640);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let v={bar:a.BarChart,"horizontal-bar":a.BarChart,line:a.LineChart,area:a.AreaChart,pie:a.PieChart,donut:a.PieChart,radar:a.RadarChart,scatter:a.ScatterChart,funnel:a.FunnelChart,combo:a.BarChart}[u]||a.BarChart,y=n.useCallback(e=>{if(e==null||e===``)return``;let t=typeof e==`string`?e:String(e);if(/^\d{4}-\d{2}-\d{2}/.test(t)){let e=new Date(t);if(!Number.isNaN(e.getTime())){let t=(d.length>1?Math.abs(new Date(String(d[d.length-1][o]??``)).getTime()-new Date(String(d[0][o]??``)).getTime()):0)/(1e3*60*60*24);try{return t<=62?e.toLocaleDateString(void 0,{month:`short`,day:`numeric`}):e.toLocaleDateString(void 0,{month:`short`,year:`numeric`})}catch{return e.toISOString().slice(0,10)}}}return f&&t.length>8?t.slice(0,8)+`…`:t},[d,o,f]),b=n.useMemo(()=>d.some(e=>String(e[o]||``).length>5),[d,o]),x=()=>[`hsl(var(--chart-1))`,`hsl(var(--chart-2))`,`hsl(var(--chart-3))`,`hsl(var(--chart-4))`,`hsl(var(--chart-5))`];if(u===`pie`||u===`donut`){let e=u===`donut`?60:0;return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.PieChart,{children:[(0,i.jsx)(A,{cursor:!1,content:(0,i.jsx)(C,{hideLabel:!0})}),(0,i.jsx)(a.Pie,{data:d,dataKey:s[0]?.dataKey||`value`,nameKey:o||`name`,innerRadius:e,strokeWidth:5,paddingAngle:2,outerRadius:80,..._,children:d.map((e,t)=>{let n=r[e[o]]?.color;if(!n){let e=x();n=e[t%e.length]}return(0,i.jsx)(a.Cell,{fill:L(n)},`cell-${t}`)})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{nameKey:o}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}})]})})}if(u===`funnel`){let e=s[0]?.dataKey||`value`,t=x(),n=l?t=>{t&&l({category:t?.payload?.[o]??t?.[o],value:t?.payload?.[e]??t?.[e]})}:void 0;return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.FunnelChart,{children:[(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsxs)(a.Funnel,{dataKey:e,data:d,nameKey:o,isAnimationActive:!0,...n?{onClick:n,style:{cursor:`pointer`}}:{},children:[(0,i.jsx)(a.LabelList,{position:`right`,fill:`hsl(var(--foreground))`,stroke:`none`,dataKey:o}),d.map((e,n)=>(0,i.jsx)(a.Cell,{fill:L(t[n%t.length])},`funnel-cell-${n}`))]})]})})}if(u===`radar`)return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.RadarChart,{data:d,children:[(0,i.jsx)(a.PolarGrid,{}),(0,i.jsx)(a.PolarAngleAxis,{dataKey:o}),(0,i.jsx)(a.PolarRadiusAxis,{}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map(e=>{let t=L(r[e.dataKey]?.color||F);return(0,i.jsx)(a.Radar,{dataKey:e.dataKey,stroke:t,fill:t,fillOpacity:.6},e.dataKey)})]})});if(u===`scatter`)return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.ScatterChart,{children:[(0,i.jsx)(a.CartesianGrid,{vertical:!1}),(0,i.jsx)(a.XAxis,{type:`number`,dataKey:o,name:String(r[o]?.label||o),tickLine:!1,axisLine:!1,interval:f?Math.ceil(d.length/5):0}),(0,i.jsx)(a.YAxis,{type:`number`,dataKey:s[0]?.dataKey||`value`,name:String(r[s[0]?.dataKey]?.label||s[0]?.dataKey),tickLine:!1,axisLine:!1}),(0,i.jsx)(a.ZAxis,{type:`number`,range:[60,400]}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map((e,t)=>{let n=x(),o=L(r[e.dataKey]?.color||n[t%n.length]);return(0,i.jsx)(a.Scatter,{name:r[e.dataKey]?.label||e.dataKey,data:d,fill:o},e.dataKey)})]})});if(u===`combo`)return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.BarChart,{data:d,children:[(0,i.jsx)(a.CartesianGrid,{vertical:!1}),(0,i.jsx)(a.XAxis,{dataKey:o,tickLine:!1,tickMargin:10,axisLine:!1,interval:f?Math.ceil(d.length/5):0,tickFormatter:y,...!f&&b&&{angle:-35,textAnchor:`end`,height:60}}),(0,i.jsx)(a.YAxis,{yAxisId:`left`,tickLine:!1,axisLine:!1}),(0,i.jsx)(a.YAxis,{yAxisId:`right`,orientation:`right`,tickLine:!1,axisLine:!1}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map((e,t)=>{let n=L(r[e.dataKey]?.color||F),o=e.chartType||(t===0?`bar`:`line`),s=o===`bar`?`left`:`right`;return o===`line`?(0,i.jsx)(a.Line,{yAxisId:s,type:`monotone`,dataKey:e.dataKey,stroke:n,strokeWidth:2,dot:!1},e.dataKey):o===`area`?(0,i.jsx)(a.Area,{yAxisId:s,type:`monotone`,dataKey:e.dataKey,fill:n,stroke:n,fillOpacity:.4},e.dataKey):(0,i.jsx)(a.Bar,{yAxisId:s,dataKey:e.dataKey,fill:n,radius:4},e.dataKey)})]})});let T=u===`horizontal-bar`;return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(v,{data:d,layout:T?`vertical`:`horizontal`,...g,children:[(0,i.jsx)(a.CartesianGrid,{vertical:!1}),T?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.XAxis,{type:`number`,tickLine:!1,axisLine:!1}),(0,i.jsx)(a.YAxis,{type:`category`,dataKey:o,tickLine:!1,axisLine:!1,width:Math.min(140,Math.max(60,Math.max(...d.map(e=>String(e[o]??``).length))*7)),tickFormatter:y})]}):(0,i.jsx)(a.XAxis,{dataKey:o,tickLine:!1,tickMargin:10,axisLine:!1,interval:f?Math.ceil(d.length/5):0,tickFormatter:y,...!f&&b&&{angle:-35,textAnchor:`end`,height:60}}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map((e,t)=>{let n=x(),o=L(r[e.dataKey]?.color||n[t%n.length]||F);if(u===`bar`||u===`horizontal-bar`){let t=s.length===1&&d.length>1;return(0,i.jsx)(a.Bar,{dataKey:e.dataKey,fill:o,radius:4,children:t&&d.map((e,t)=>(0,i.jsx)(a.Cell,{fill:L(n[t%n.length])},`cell-${t}`))},e.dataKey)}return u===`line`?(0,i.jsx)(a.Line,{type:`monotone`,dataKey:e.dataKey,stroke:o,strokeWidth:2,dot:!1},e.dataKey):u===`area`?(0,i.jsx)(a.Area,{type:`monotone`,dataKey:e.dataKey,fill:o,stroke:o,fillOpacity:.4},e.dataKey):null})]})})}var F,I,L,R=h((()=>{M(),F=`hsl(var(--primary))`,I={slate:`#64748b`,gray:`#6b7280`,zinc:`#71717a`,neutral:`#737373`,stone:`#78716c`,red:`#ef4444`,orange:`#f97316`,amber:`#f59e0b`,yellow:`#eab308`,lime:`#84cc16`,green:`#22c55e`,emerald:`#10b981`,teal:`#14b8a6`,cyan:`#06b6d4`,sky:`#0ea5e9`,blue:`#3b82f6`,indigo:`#6366f1`,violet:`#8b5cf6`,purple:`#a855f7`,fuchsia:`#d946ef`,pink:`#ec4899`,rose:`#f43f5e`},L=e=>I[e]||e})),z=n.default.lazy(()=>Promise.resolve().then(()=>(b(),v))),B=n.default.lazy(()=>Promise.resolve().then(()=>(R(),N))),V=({schema:e})=>(0,i.jsx)(n.Suspense,{fallback:(0,i.jsx)(r.Skeleton,{className:`w-full h-48 sm:h-64 md:h-80 lg:h-[400px]`}),children:(0,i.jsx)(z,{data:e.data,dataKey:e.dataKey,xAxisKey:e.xAxisKey,height:e.height,className:e.className,color:e.color})}),H=({schema:e,onChartClick:t})=>{let a=n.default.useMemo(()=>{let t=e.series,n=e.xAxisKey,r=e.config;if(n||(e.index?n=e.index:e.category&&(n=e.category)),t||(e.categories?t=e.categories.map(e=>({dataKey:e})):e.value&&(t=[{dataKey:e.value}])),!r&&t){let n=e.colors||[`hsl(var(--chart-1))`,`hsl(var(--chart-2))`,`hsl(var(--chart-3))`],i={};t.forEach((e,t)=>{i[e.dataKey]={label:e.label||e.dataKey,color:n[t%n.length]}}),r=i}return{chartType:e.chartType,data:Array.isArray(e.data)?e.data:[],config:r,xAxisKey:n,series:t,className:e.className}},[e]);return(0,i.jsx)(n.Suspense,{fallback:(0,i.jsx)(r.Skeleton,{className:`w-full h-48 sm:h-64 md:h-80 lg:h-[400px]`}),children:(0,i.jsx)(B,{chartType:a.chartType,data:a.data,config:a.config,xAxisKey:a.xAxisKey,series:a.series,className:a.className,onChartClick:t})})};function U(e){return e.replace(/[_-]/g,` `).replace(/\b\w/g,e=>e.toUpperCase())}function W(e,t){let{field:n,function:r,groupBy:i}=t,a={};for(let t of e){let e=String(t[i]??`Unknown`);a[e]||(a[e]=[]),a[e].push(t)}return Object.entries(a).map(([e,t])=>{let a=t.map(e=>Number(e[n])||0),o;switch(r){case`count`:o=t.length;break;case`avg`:o=a.length>0?a.reduce((e,t)=>e+t,0)/a.length:0;break;case`min`:o=a.length>0?Math.min(...a):0;break;case`max`:o=a.length>0?Math.max(...a):0;break;default:o=a.reduce((e,t)=>e+t,0);break}return{[i]:e,[n]:o}})}async function G(e,n,r,i,a){if(!e.length||!n)return e;let o=a||((e,t)=>t),s=`__raw_${n}`,c=r?.fields?.[n];if(!c){let t=/^\d{4}-\d{2}-\d{2}/;return e.map(e=>{let r=e[n],i=String(r??``),a=t.test(i)?i:U(i);return{...e,[n]:o(i,a),[s]:r}})}let l=c.type;if(l===`select`||l===`picklist`||l===`dropdown`){let t=c.options||[];if(t.length===0)return e.map(e=>{let t=e[n],r=String(t??``),i=U(r);return{...e,[n]:o(r,i),[s]:t}});let r={};for(let e of t)typeof e==`string`?r[e]=e:e&&typeof e==`object`&&(r[String(e.value)]=e.label||String(e.value));return e.map(e=>{let t=e[n],i=String(t??``),a=r[i]||U(i);return{...e,[n]:o(i,a),[s]:t}})}if(l===`lookup`||l===`master_detail`){let r=c.reference_to||c.reference;if(!r||!i||typeof i.find!=`function`)return e.map(e=>({...e,[s]:e[n]}));let a=[...new Set(e.map(e=>e[n]).filter(e=>e!=null))];if(a.length===0)return e.map(e=>({...e,[s]:e[n]}));let o=c.id_field||`id`;try{let l=(0,t.extractRecords)(await i.find(r,{$filter:{[o]:{$in:a}},$top:a.length})),u=c.reference_field||c.display_field||`name`,d={};for(let e of l){let t=String(e[o]??e.id??e._id??``),n=e[u]||e.name||e.label||e.title||t;t&&(d[t]=String(n))}return e.map(e=>{let t=e[n],r=String(t??``);return{...e,[n]:d[r]||r,[s]:t}})}catch(t){return console.warn(`[ObjectChart] Failed to resolve lookup labels:`,t),e.map(e=>({...e,[s]:e[n]}))}}if(l===`date`||l===`datetime`||l===`date_time`||l===`timestamp`||l===`time`)return e.map(e=>({...e,[s]:e[n]}));let u=/^\d{4}-\d{2}-\d{2}/;return e.map(e=>{let t=e[n],r=String(t??``);return{...e,[n]:u.test(r)?r:U(r),[s]:t}})}var K=e=>{let{schema:a}=e,l=(0,n.useContext)(o.SchemaRendererContext),u=e.dataSource||l?.dataSource,d=(0,o.useDataScope)(a.bind),{fieldOptionLabel:f}=(0,c.useSafeFieldLabel)(),p=(0,n.useRef)(f);(0,n.useEffect)(()=>{p.current=f},[f]);let[m,h]=(0,n.useState)([]),[g,_]=(0,n.useState)(!1),[v,y]=(0,n.useState)(null),[b,x]=(0,n.useState)(null),S=(0,n.useMemo)(()=>a.aggregate?JSON.stringify(a.aggregate):``,[a.aggregate]),C=(0,n.useMemo)(()=>a.filter?JSON.stringify(a.filter):``,[a.filter]),w=(0,n.useCallback)(async(e,n)=>{if(!(!e||!a.objectName)){n.current&&(_(!0),y(null));try{let r,i=(0,t.resolveDateMacros)(a.filter);if(a.aggregate&&typeof e.aggregate==`function`){let t=await e.aggregate(a.objectName,{field:a.aggregate.field,function:a.aggregate.function,groupBy:a.aggregate.groupBy,filter:i});r=Array.isArray(t)?t:[]}else if(typeof e.find==`function`)r=(0,t.extractRecords)(await e.find(a.objectName,{$filter:i})),a.aggregate&&r.length>0&&(r=W(r,a.aggregate));else return;let o=a.aggregate?.groupBy||a.xAxisKey;if(o&&typeof e.getObjectSchema==`function`)try{let t=await e.getObjectSchema(a.objectName);r=await G(r,o,t,e,(e,t)=>p.current(a.objectName,o,e,t))}catch{}n.current&&h(r)}catch(e){console.error(`[ObjectChart] Fetch error:`,e),n.current&&y(e instanceof Error?e.message:`Failed to load chart data`)}finally{n.current&&_(!1)}}},[a.objectName,S,C,a.xAxisKey]);(0,n.useEffect)(()=>{let e={current:!0};return a.objectName&&!d&&!a.data&&w(u,e),()=>{e.current=!1}},[a.objectName,u,d,a.data,C,S,w]);let T=d||a.data||m,E=Array.isArray(T)?T:[],D=a.drillDown,O=a.aggregate?.groupBy||a.xAxisKey,k=(0,n.useMemo)(()=>{if(!O)return new Map;let e=new Map,t=`__raw_${O}`;for(let n of E){let r=n?.[O];if(r==null)continue;let i=t in(n||{})?n[t]:r;e.set(String(r),i)}return e},[E,O]),A={...a,data:E};if(g&&E.length===0)return(0,i.jsx)(`div`,{className:`flex items-center justify-center text-muted-foreground text-sm p-4 `+(a.className||``),"data-testid":`chart-loading`,children:`Loading chart data…`});if(v)return(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 p-4 `+(a.className||``),"data-testid":`chart-error`,role:`alert`,children:[(0,i.jsx)(s.AlertCircle,{className:`h-6 w-6 text-destructive opacity-60`}),(0,i.jsx)(`p`,{className:`text-xs text-destructive font-medium`,children:`Failed to load chart data`}),(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground max-w-xs text-center`,children:v})]});if(!u&&a.objectName&&E.length===0)return(0,i.jsxs)(`div`,{className:`flex items-center justify-center text-muted-foreground text-sm p-4 `+(a.className||``),"data-testid":`chart-no-datasource`,children:[`No data source available for “`,a.objectName,`”`]});let j=(0,t.isDrillEnabled)(D)?e=>{let t=e.category,n=t!=null&&k.has(String(t))?k.get(String(t)):t;x({...e,category:n,categoryLabel:t,scope:`cell`})}:void 0,M=b&&a.objectName?(()=>{let e=(0,t.computeDrillFilter)(D,b,{groupByField:O}),n={...a.filter||{},...e},s=(0,t.resolveDrillTitle)(D,b,a.title||`Details`),c=D?.target??`drawer`,l=(0,i.jsx)(`div`,{className:`overflow-auto`,"data-testid":`chart-drill-body`,children:(0,i.jsx)(o.SchemaRenderer,{schema:{type:`object-data-table`,objectName:a.objectName,filter:n,pagination:!0,pageSize:D?.maxRows,columns:D?.columns?.map(e=>({accessorKey:e,header:e}))},dataSource:u})});return c===`dialog`?(0,i.jsx)(r.Dialog,{open:!0,onOpenChange:e=>!e&&x(null),children:(0,i.jsxs)(r.DialogContent,{className:`max-w-4xl`,children:[(0,i.jsx)(r.DialogHeader,{children:(0,i.jsx)(r.DialogTitle,{children:s})}),l]})}):(0,i.jsx)(r.Sheet,{open:!0,onOpenChange:e=>!e&&x(null),children:(0,i.jsxs)(r.SheetContent,{side:`right`,className:`w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col`,children:[(0,i.jsx)(r.SheetHeader,{children:(0,i.jsx)(r.SheetTitle,{children:s})}),(0,i.jsx)(`div`,{className:`flex-1 overflow-hidden mt-2`,children:l})]})})})():null;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(H,{...e,schema:A,onChartClick:j}),M]})};t.ComponentRegistry.register(`object-chart`,K,{namespace:`plugin-charts`,label:`Object Chart`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`data`,type:`array`,label:`Data`,description:`Optional static data`},{name:`filter`,type:`array`,label:`Filter`},{name:`aggregate`,type:`object`,label:`Aggregate`,description:`Aggregation config: { field, function, groupBy }`}]});var q={"bar-chart":V,chart:H};t.ComponentRegistry.register(`bar-chart`,V,{namespace:`plugin-charts`,label:`Bar Chart`,category:`plugin`,inputs:[{name:`data`,type:`array`,label:`Data`,required:!0},{name:`dataKey`,type:`string`,label:`Data Key`,defaultValue:`value`},{name:`xAxisKey`,type:`string`,label:`X-Axis Key`,defaultValue:`name`},{name:`height`,type:`number`,label:`Height`,defaultValue:400},{name:`color`,type:`color`,label:`Color`,defaultValue:`#8884d8`}],defaultProps:{data:[{name:`Jan`,value:400},{name:`Feb`,value:300},{name:`Mar`,value:600},{name:`Apr`,value:800},{name:`May`,value:500}],dataKey:`value`,xAxisKey:`name`,height:400,color:`#8884d8`}}),t.ComponentRegistry.register(`chart`,K,{namespace:`view`,category:`view`,label:`Chart`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`type`,type:`string`,label:`Chart Type`},{name:`categoryField`,type:`string`,label:`Category Field`},{name:`valueField`,type:`string`,label:`Value Field`}]}),t.ComponentRegistry.register(`chart`,H,{namespace:`plugin-charts`,label:`Chart`,category:`plugin`,inputs:[{name:`chartType`,type:`enum`,label:`Chart Type`,enum:[{label:`Bar`,value:`bar`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Pie`,value:`pie`},{label:`Donut`,value:`donut`},{label:`Radar`,value:`radar`},{label:`Scatter`,value:`scatter`}],defaultValue:`bar`},{name:`data`,type:`code`,label:`Data (JSON)`,required:!0},{name:`config`,type:`code`,label:`Config (JSON)`},{name:`xAxisKey`,type:`string`,label:`X Axis Key`,defaultValue:`name`},{name:`series`,type:`code`,label:`Series (JSON Array)`,required:!0},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{chartType:`bar`,data:[{name:`Jan`,sales:400,revenue:240},{name:`Feb`,sales:300,revenue:139},{name:`Mar`,sales:600,revenue:380},{name:`Apr`,sales:800,revenue:430},{name:`May`,sales:500,revenue:220}],config:{sales:{label:`Sales`,color:`#8884d8`},revenue:{label:`Revenue`,color:`#82ca9d`}},xAxisKey:`name`,series:[{dataKey:`sales`},{dataKey:`revenue`}]}}),t.ComponentRegistry.register(`chart:bar`,H,{namespace:`plugin-charts`,label:`Bar Chart (Alias)`,category:`plugin`,defaultProps:{chartType:`bar`}}),t.ComponentRegistry.register(`pie-chart`,H,{namespace:`plugin-charts`,label:`Pie Chart`,category:`plugin`,defaultProps:{chartType:`pie`}}),t.ComponentRegistry.register(`donut-chart`,H,{namespace:`plugin-charts`,label:`Donut Chart`,category:`plugin`,defaultProps:{chartType:`donut`}}),t.ComponentRegistry.register(`radar-chart`,H,{namespace:`plugin-charts`,label:`Radar Chart`,category:`plugin`,defaultProps:{chartType:`radar`}}),t.ComponentRegistry.register(`scatter-chart`,H,{namespace:`plugin-charts`,label:`Scatter Chart`,category:`plugin`,defaultProps:{chartType:`scatter`}}),e.ChartBarRenderer=V,e.ChartRenderer=H,e.ObjectChart=K,e.chartComponents=q});
+`)}}):null},A=a.Tooltip,j=a.Legend})),N=g({default:()=>P});function P({chartType:e=`bar`,data:t=[],config:r={},xAxisKey:o=`name`,series:s=[],className:c=``,onChartClick:l}){let u=e===`column`?`bar`:e,d=Array.isArray(t)?t:[],[f,p]=n.useState(!1),m=n.useCallback(e=>{if(!l||!e)return;let t=Array.isArray(e.activePayload)?e.activePayload[0]:void 0;l({category:e.activeLabel==null?void 0:String(e.activeLabel),series:t?.dataKey?String(t.dataKey):void 0,value:typeof t?.value==`number`?t.value:void 0})},[l]),h=n.useCallback(e=>{if(!l||!e)return;let t=e.payload?.[o],n=s[0]?.dataKey||`value`;l({category:t==null?void 0:String(t),series:n,value:typeof e.payload?.[n]==`number`?e.payload[n]:void 0})},[l,o,s]),g=l?{onClick:m,style:{cursor:`pointer`}}:{},_=l?{onClick:h,style:{cursor:`pointer`}}:{};n.useEffect(()=>{let e=()=>p(window.innerWidth<640);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let v={bar:a.BarChart,"horizontal-bar":a.BarChart,line:a.LineChart,area:a.AreaChart,pie:a.PieChart,donut:a.PieChart,radar:a.RadarChart,scatter:a.ScatterChart,funnel:a.FunnelChart,combo:a.BarChart}[u]||a.BarChart,y=n.useCallback(e=>{if(e==null||e===``)return``;let t=typeof e==`string`?e:String(e);if(/^\d{4}-\d{2}-\d{2}/.test(t)){let e=new Date(t);if(!Number.isNaN(e.getTime())){let t=(d.length>1?Math.abs(new Date(String(d[d.length-1][o]??``)).getTime()-new Date(String(d[0][o]??``)).getTime()):0)/(1e3*60*60*24);try{return t<=62?e.toLocaleDateString(void 0,{month:`short`,day:`numeric`}):e.toLocaleDateString(void 0,{month:`short`,year:`numeric`})}catch{return e.toISOString().slice(0,10)}}}return f&&t.length>8?t.slice(0,8)+`…`:t},[d,o,f]),b=n.useMemo(()=>d.some(e=>String(e[o]||``).length>5),[d,o]),x=()=>[`hsl(var(--chart-1))`,`hsl(var(--chart-2))`,`hsl(var(--chart-3))`,`hsl(var(--chart-4))`,`hsl(var(--chart-5))`],T=n.useCallback(e=>{if(e==null||e===``)return``;let t=typeof e==`number`?e:Number(e);if(!Number.isFinite(t))return String(e);try{return new Intl.NumberFormat(void 0,{notation:`compact`,maximumFractionDigits:1}).format(t)}catch{return String(t)}},[]),E=n.useMemo(()=>({tickLine:!1,tickMargin:10,axisLine:!1,interval:`preserveStartEnd`,minTickGap:f?32:48,tickFormatter:y,...!f&&b&&{angle:-35,textAnchor:`end`,height:60}}),[f,b,y]);if(u===`pie`||u===`donut`){let e=u===`donut`?60:0,t=x(),n={...r};return d.forEach((e,r)=>{let i=e?.[o];if(i==null||i===``)return;let a=String(i);n[a]||(n[a]={label:a,color:t[r%t.length]})}),(0,i.jsx)(S,{config:n,className:c,children:(0,i.jsxs)(a.PieChart,{children:[(0,i.jsx)(A,{cursor:!1,content:(0,i.jsx)(C,{hideLabel:!0})}),(0,i.jsx)(a.Pie,{data:d,dataKey:s[0]?.dataKey||`value`,nameKey:o||`name`,innerRadius:e,strokeWidth:5,paddingAngle:2,outerRadius:80,..._,children:d.map((e,r)=>{let s=n[String(e[o])]?.color;return s||=t[r%t.length],(0,i.jsx)(a.Cell,{fill:L(s)},`cell-${r}`)})}),(0,i.jsx)(j,{verticalAlign:`bottom`,wrapperStyle:{fontSize:f?`11px`:`12px`,paddingTop:`8px`},content:(0,i.jsx)(w,{nameKey:o,className:`flex-wrap`})})]})})}if(u===`funnel`){let e=s[0]?.dataKey||`value`,t=x(),n=l?t=>{t&&l({category:t?.payload?.[o]??t?.[o],value:t?.payload?.[e]??t?.[e]})}:void 0;return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.FunnelChart,{children:[(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsxs)(a.Funnel,{dataKey:e,data:d,nameKey:o,isAnimationActive:!0,...n?{onClick:n,style:{cursor:`pointer`}}:{},children:[(0,i.jsx)(a.LabelList,{position:`right`,fill:`hsl(var(--foreground))`,stroke:`none`,dataKey:o}),d.map((e,n)=>(0,i.jsx)(a.Cell,{fill:L(t[n%t.length])},`funnel-cell-${n}`))]})]})})}if(u===`radar`)return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.RadarChart,{data:d,children:[(0,i.jsx)(a.PolarGrid,{}),(0,i.jsx)(a.PolarAngleAxis,{dataKey:o}),(0,i.jsx)(a.PolarRadiusAxis,{}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map(e=>{let t=L(r[e.dataKey]?.color||F);return(0,i.jsx)(a.Radar,{dataKey:e.dataKey,stroke:t,fill:t,fillOpacity:.6},e.dataKey)})]})});if(u===`scatter`)return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.ScatterChart,{children:[(0,i.jsx)(a.CartesianGrid,{vertical:!1}),(0,i.jsx)(a.XAxis,{type:`number`,dataKey:o,name:String(r[o]?.label||o),tickLine:!1,axisLine:!1,minTickGap:f?32:48}),(0,i.jsx)(a.YAxis,{type:`number`,dataKey:s[0]?.dataKey||`value`,name:String(r[s[0]?.dataKey]?.label||s[0]?.dataKey),tickLine:!1,axisLine:!1,tickFormatter:T,width:48}),(0,i.jsx)(a.ZAxis,{type:`number`,range:[60,400]}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map((e,t)=>{let n=x(),o=L(r[e.dataKey]?.color||n[t%n.length]);return(0,i.jsx)(a.Scatter,{name:r[e.dataKey]?.label||e.dataKey,data:d,fill:o},e.dataKey)})]})});if(u===`combo`)return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(a.BarChart,{data:d,children:[(0,i.jsx)(a.CartesianGrid,{vertical:!1}),(0,i.jsx)(a.XAxis,{dataKey:o,...E}),(0,i.jsx)(a.YAxis,{yAxisId:`left`,tickLine:!1,axisLine:!1,tickFormatter:T,width:48}),(0,i.jsx)(a.YAxis,{yAxisId:`right`,orientation:`right`,tickLine:!1,axisLine:!1,tickFormatter:T,width:48}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map((e,t)=>{let n=L(r[e.dataKey]?.color||F),o=e.chartType||(t===0?`bar`:`line`),s=o===`bar`?`left`:`right`;return o===`line`?(0,i.jsx)(a.Line,{yAxisId:s,type:`monotone`,dataKey:e.dataKey,stroke:n,strokeWidth:2,dot:!1},e.dataKey):o===`area`?(0,i.jsx)(a.Area,{yAxisId:s,type:`monotone`,dataKey:e.dataKey,fill:n,stroke:n,fillOpacity:.4},e.dataKey):(0,i.jsx)(a.Bar,{yAxisId:s,dataKey:e.dataKey,fill:n,radius:4},e.dataKey)})]})});let D=u===`horizontal-bar`;return(0,i.jsx)(S,{config:r,className:c,children:(0,i.jsxs)(v,{data:d,layout:D?`vertical`:`horizontal`,...g,children:[(0,i.jsx)(a.CartesianGrid,{vertical:!1}),D?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.XAxis,{type:`number`,tickLine:!1,axisLine:!1,tickFormatter:T}),(0,i.jsx)(a.YAxis,{type:`category`,dataKey:o,tickLine:!1,axisLine:!1,width:Math.min(140,Math.max(60,Math.max(...d.map(e=>String(e[o]??``).length))*7)),tickFormatter:y})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.XAxis,{dataKey:o,...E}),(0,i.jsx)(a.YAxis,{tickLine:!1,axisLine:!1,tickFormatter:T,width:48})]}),(0,i.jsx)(A,{content:(0,i.jsx)(C,{})}),(0,i.jsx)(j,{content:(0,i.jsx)(w,{}),...f&&{verticalAlign:`bottom`,wrapperStyle:{fontSize:`11px`,paddingTop:`8px`}}}),s.map((e,t)=>{let n=x(),o=L(r[e.dataKey]?.color||n[t%n.length]||F);if(u===`bar`||u===`horizontal-bar`){let t=s.length===1&&d.length>1;return(0,i.jsx)(a.Bar,{dataKey:e.dataKey,fill:o,radius:4,children:t&&d.map((e,t)=>(0,i.jsx)(a.Cell,{fill:L(n[t%n.length])},`cell-${t}`))},e.dataKey)}return u===`line`?(0,i.jsx)(a.Line,{type:`monotone`,dataKey:e.dataKey,stroke:o,strokeWidth:2,dot:!1},e.dataKey):u===`area`?(0,i.jsx)(a.Area,{type:`monotone`,dataKey:e.dataKey,fill:o,stroke:o,fillOpacity:.4},e.dataKey):null})]})})}var F,I,L,R=h((()=>{M(),F=`hsl(var(--primary))`,I={slate:`#64748b`,gray:`#6b7280`,zinc:`#71717a`,neutral:`#737373`,stone:`#78716c`,red:`#ef4444`,orange:`#f97316`,amber:`#f59e0b`,yellow:`#eab308`,lime:`#84cc16`,green:`#22c55e`,emerald:`#10b981`,teal:`#14b8a6`,cyan:`#06b6d4`,sky:`#0ea5e9`,blue:`#3b82f6`,indigo:`#6366f1`,violet:`#8b5cf6`,purple:`#a855f7`,fuchsia:`#d946ef`,pink:`#ec4899`,rose:`#f43f5e`},L=e=>I[e]||e})),z=n.default.lazy(()=>Promise.resolve().then(()=>(b(),v))),B=n.default.lazy(()=>Promise.resolve().then(()=>(R(),N))),V=({schema:e})=>(0,i.jsx)(n.Suspense,{fallback:(0,i.jsx)(r.Skeleton,{className:`w-full h-48 sm:h-64 md:h-80 lg:h-[400px]`}),children:(0,i.jsx)(z,{data:e.data,dataKey:e.dataKey,xAxisKey:e.xAxisKey,height:e.height,className:e.className,color:e.color})}),H=({schema:e,onChartClick:t})=>{let a=n.default.useMemo(()=>{let t=e.series,n=e.xAxisKey,r=e.config;if(n||(e.index?n=e.index:e.category&&(n=e.category)),t||(e.categories?t=e.categories.map(e=>({dataKey:e})):e.value&&(t=[{dataKey:e.value}])),!r&&t){let n=e.colors||[`hsl(var(--chart-1))`,`hsl(var(--chart-2))`,`hsl(var(--chart-3))`],i={};t.forEach((e,t)=>{i[e.dataKey]={label:e.label||e.dataKey,color:n[t%n.length]}}),r=i}return{chartType:e.chartType,data:Array.isArray(e.data)?e.data:[],config:r,xAxisKey:n,series:t,className:e.className}},[e]);return(0,i.jsx)(n.Suspense,{fallback:(0,i.jsx)(r.Skeleton,{className:`w-full h-48 sm:h-64 md:h-80 lg:h-[400px]`}),children:(0,i.jsx)(B,{chartType:a.chartType,data:a.data,config:a.config,xAxisKey:a.xAxisKey,series:a.series,className:a.className,onChartClick:t})})};function U(e){return e.replace(/[_-]/g,` `).replace(/\b\w/g,e=>e.toUpperCase())}function W(e,t){let{field:n,function:r,groupBy:i}=t,a={};for(let t of e){let e=String(t[i]??`Unknown`);a[e]||(a[e]=[]),a[e].push(t)}return Object.entries(a).map(([e,t])=>{let a=t.map(e=>Number(e[n])||0),o;switch(r){case`count`:o=t.length;break;case`avg`:o=a.length>0?a.reduce((e,t)=>e+t,0)/a.length:0;break;case`min`:o=a.length>0?Math.min(...a):0;break;case`max`:o=a.length>0?Math.max(...a):0;break;default:o=a.reduce((e,t)=>e+t,0);break}return{[i]:e,[n]:o}})}async function G(e,n,r,i,a){if(!e.length||!n)return e;let o=a||((e,t)=>t),s=`__raw_${n}`,c=r?.fields?.[n];if(!c){let t=/^\d{4}-\d{2}-\d{2}/;return e.map(e=>{let r=e[n],i=String(r??``),a=t.test(i)?i:U(i);return{...e,[n]:o(i,a),[s]:r}})}let l=c.type;if(l===`select`||l===`picklist`||l===`dropdown`){let t=c.options||[];if(t.length===0)return e.map(e=>{let t=e[n],r=String(t??``),i=U(r);return{...e,[n]:o(r,i),[s]:t}});let r={};for(let e of t)typeof e==`string`?r[e]=e:e&&typeof e==`object`&&(r[String(e.value)]=e.label||String(e.value));return e.map(e=>{let t=e[n],i=String(t??``),a=r[i]||U(i);return{...e,[n]:o(i,a),[s]:t}})}if(l===`lookup`||l===`master_detail`){let r=c.reference_to||c.reference;if(!r||!i||typeof i.find!=`function`)return e.map(e=>({...e,[s]:e[n]}));let a=[...new Set(e.map(e=>e[n]).filter(e=>e!=null))];if(a.length===0)return e.map(e=>({...e,[s]:e[n]}));let o=c.id_field||`id`;try{let l=(0,t.extractRecords)(await i.find(r,{$filter:{[o]:{$in:a}},$top:a.length})),u=c.reference_field||c.display_field||`name`,d={};for(let e of l){let t=String(e[o]??e.id??e._id??``),n=e[u]||e.name||e.label||e.title||t;t&&(d[t]=String(n))}return e.map(e=>{let t=e[n],r=String(t??``);return{...e,[n]:d[r]||r,[s]:t}})}catch(t){return console.warn(`[ObjectChart] Failed to resolve lookup labels:`,t),e.map(e=>({...e,[s]:e[n]}))}}if(l===`date`||l===`datetime`||l===`date_time`||l===`timestamp`||l===`time`)return e.map(e=>({...e,[s]:e[n]}));let u=/^\d{4}-\d{2}-\d{2}/;return e.map(e=>{let t=e[n],r=String(t??``);return{...e,[n]:u.test(r)?r:U(r),[s]:t}})}var K=e=>{let{schema:a}=e,l=(0,n.useContext)(o.SchemaRendererContext),u=e.dataSource||l?.dataSource,d=(0,o.useDataScope)(a.bind),{fieldOptionLabel:f}=(0,c.useSafeFieldLabel)(),p=(0,n.useRef)(f);(0,n.useEffect)(()=>{p.current=f},[f]);let[m,h]=(0,n.useState)([]),[g,_]=(0,n.useState)(!1),[v,y]=(0,n.useState)(null),[b,x]=(0,n.useState)(null),S=(0,n.useMemo)(()=>a.aggregate?JSON.stringify(a.aggregate):``,[a.aggregate]),C=(0,n.useMemo)(()=>a.filter?JSON.stringify(a.filter):``,[a.filter]),w=(0,n.useCallback)(async(e,n)=>{if(!(!e||!a.objectName)){n.current&&(_(!0),y(null));try{let r,i=(0,t.resolveDateMacros)(a.filter);if(a.aggregate&&typeof e.aggregate==`function`){let t=await e.aggregate(a.objectName,{field:a.aggregate.field,function:a.aggregate.function,groupBy:a.aggregate.groupBy,filter:i});r=Array.isArray(t)?t:[]}else if(typeof e.find==`function`)r=(0,t.extractRecords)(await e.find(a.objectName,{$filter:i})),a.aggregate&&r.length>0&&(r=W(r,a.aggregate));else return;let o=a.aggregate?.groupBy||a.xAxisKey;if(o&&typeof e.getObjectSchema==`function`)try{let t=await e.getObjectSchema(a.objectName);r=await G(r,o,t,e,(e,t)=>p.current(a.objectName,o,e,t))}catch{}n.current&&h(r)}catch(e){console.error(`[ObjectChart] Fetch error:`,e),n.current&&y(e instanceof Error?e.message:`Failed to load chart data`)}finally{n.current&&_(!1)}}},[a.objectName,S,C,a.xAxisKey]);(0,n.useEffect)(()=>{let e={current:!0};return a.objectName&&!d&&!a.data&&w(u,e),()=>{e.current=!1}},[a.objectName,u,d,a.data,C,S,w]);let T=d||a.data||m,E=Array.isArray(T)?T:[],D=a.drillDown,O=a.aggregate?.groupBy||a.xAxisKey,k=(0,n.useMemo)(()=>{if(!O)return new Map;let e=new Map,t=`__raw_${O}`;for(let n of E){let r=n?.[O];if(r==null)continue;let i=t in(n||{})?n[t]:r;e.set(String(r),i)}return e},[E,O]),A={...a,data:E};if(g&&E.length===0)return(0,i.jsx)(`div`,{className:`flex items-center justify-center text-muted-foreground text-sm p-4 `+(a.className||``),"data-testid":`chart-loading`,children:`Loading chart data…`});if(v)return(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center gap-2 p-4 `+(a.className||``),"data-testid":`chart-error`,role:`alert`,children:[(0,i.jsx)(s.AlertCircle,{className:`h-6 w-6 text-destructive opacity-60`}),(0,i.jsx)(`p`,{className:`text-xs text-destructive font-medium`,children:`Failed to load chart data`}),(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground max-w-xs text-center`,children:v})]});if(!u&&a.objectName&&E.length===0)return(0,i.jsxs)(`div`,{className:`flex items-center justify-center text-muted-foreground text-sm p-4 `+(a.className||``),"data-testid":`chart-no-datasource`,children:[`No data source available for “`,a.objectName,`”`]});let j=(0,t.isDrillEnabled)(D)?e=>{let t=e.category,n=t!=null&&k.has(String(t))?k.get(String(t)):t;x({...e,category:n,categoryLabel:t,scope:`cell`})}:void 0,M=b&&a.objectName?(()=>{let e=(0,t.computeDrillFilter)(D,b,{groupByField:O}),n={...a.filter||{},...e},s=(0,t.resolveDrillTitle)(D,b,a.title||`Details`),c=D?.target??`drawer`,l=(0,i.jsx)(`div`,{className:`overflow-auto`,"data-testid":`chart-drill-body`,children:(0,i.jsx)(o.SchemaRenderer,{schema:{type:`object-data-table`,objectName:a.objectName,filter:n,pagination:!0,pageSize:D?.maxRows,columns:D?.columns?.map(e=>({accessorKey:e,header:e}))},dataSource:u})});return c===`dialog`?(0,i.jsx)(r.Dialog,{open:!0,onOpenChange:e=>!e&&x(null),children:(0,i.jsxs)(r.DialogContent,{className:`max-w-4xl`,children:[(0,i.jsx)(r.DialogHeader,{children:(0,i.jsx)(r.DialogTitle,{children:s})}),l]})}):(0,i.jsx)(r.Sheet,{open:!0,onOpenChange:e=>!e&&x(null),children:(0,i.jsxs)(r.SheetContent,{side:`right`,className:`w-full sm:max-w-2xl md:max-w-3xl lg:max-w-4xl flex flex-col`,children:[(0,i.jsx)(r.SheetHeader,{children:(0,i.jsx)(r.SheetTitle,{children:s})}),(0,i.jsx)(`div`,{className:`flex-1 overflow-hidden mt-2`,children:l})]})})})():null;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(H,{...e,schema:A,onChartClick:j}),M]})};t.ComponentRegistry.register(`object-chart`,K,{namespace:`plugin-charts`,label:`Object Chart`,category:`view`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`data`,type:`array`,label:`Data`,description:`Optional static data`},{name:`filter`,type:`array`,label:`Filter`},{name:`aggregate`,type:`object`,label:`Aggregate`,description:`Aggregation config: { field, function, groupBy }`}]});var q={"bar-chart":V,chart:H};t.ComponentRegistry.register(`bar-chart`,V,{namespace:`plugin-charts`,label:`Bar Chart`,category:`plugin`,inputs:[{name:`data`,type:`array`,label:`Data`,required:!0},{name:`dataKey`,type:`string`,label:`Data Key`,defaultValue:`value`},{name:`xAxisKey`,type:`string`,label:`X-Axis Key`,defaultValue:`name`},{name:`height`,type:`number`,label:`Height`,defaultValue:400},{name:`color`,type:`color`,label:`Color`,defaultValue:`#8884d8`}],defaultProps:{data:[{name:`Jan`,value:400},{name:`Feb`,value:300},{name:`Mar`,value:600},{name:`Apr`,value:800},{name:`May`,value:500}],dataKey:`value`,xAxisKey:`name`,height:400,color:`#8884d8`}}),t.ComponentRegistry.register(`chart`,K,{namespace:`view`,category:`view`,label:`Chart`,inputs:[{name:`objectName`,type:`string`,label:`Object Name`,required:!0},{name:`type`,type:`string`,label:`Chart Type`},{name:`categoryField`,type:`string`,label:`Category Field`},{name:`valueField`,type:`string`,label:`Value Field`}]}),t.ComponentRegistry.register(`chart`,H,{namespace:`plugin-charts`,label:`Chart`,category:`plugin`,inputs:[{name:`chartType`,type:`enum`,label:`Chart Type`,enum:[{label:`Bar`,value:`bar`},{label:`Line`,value:`line`},{label:`Area`,value:`area`},{label:`Pie`,value:`pie`},{label:`Donut`,value:`donut`},{label:`Radar`,value:`radar`},{label:`Scatter`,value:`scatter`}],defaultValue:`bar`},{name:`data`,type:`code`,label:`Data (JSON)`,required:!0},{name:`config`,type:`code`,label:`Config (JSON)`},{name:`xAxisKey`,type:`string`,label:`X Axis Key`,defaultValue:`name`},{name:`series`,type:`code`,label:`Series (JSON Array)`,required:!0},{name:`className`,type:`string`,label:`CSS Class`}],defaultProps:{chartType:`bar`,data:[{name:`Jan`,sales:400,revenue:240},{name:`Feb`,sales:300,revenue:139},{name:`Mar`,sales:600,revenue:380},{name:`Apr`,sales:800,revenue:430},{name:`May`,sales:500,revenue:220}],config:{sales:{label:`Sales`,color:`#8884d8`},revenue:{label:`Revenue`,color:`#82ca9d`}},xAxisKey:`name`,series:[{dataKey:`sales`},{dataKey:`revenue`}]}}),t.ComponentRegistry.register(`chart:bar`,H,{namespace:`plugin-charts`,label:`Bar Chart (Alias)`,category:`plugin`,defaultProps:{chartType:`bar`}}),t.ComponentRegistry.register(`pie-chart`,H,{namespace:`plugin-charts`,label:`Pie Chart`,category:`plugin`,defaultProps:{chartType:`pie`}}),t.ComponentRegistry.register(`donut-chart`,H,{namespace:`plugin-charts`,label:`Donut Chart`,category:`plugin`,defaultProps:{chartType:`donut`}}),t.ComponentRegistry.register(`radar-chart`,H,{namespace:`plugin-charts`,label:`Radar Chart`,category:`plugin`,defaultProps:{chartType:`radar`}}),t.ComponentRegistry.register(`scatter-chart`,H,{namespace:`plugin-charts`,label:`Scatter Chart`,category:`plugin`,defaultProps:{chartType:`scatter`}}),e.ChartBarRenderer=V,e.ChartRenderer=H,e.ObjectChart=K,e.chartComponents=q});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-charts",
-  "version": "4.4.0",
+  "version": "4.6.0",
   "type": "module",
   "license": "MIT",
   "description": "Chart components plugin for Object UI, powered by Recharts",
@@ -26,11 +26,11 @@
   "dependencies": {
     "lucide-react": "^1.16.0",
     "recharts": "^3.8.1",
-    "@object-ui/components": "4.4.0",
-    "@object-ui/core": "4.4.0",
-    "@object-ui/i18n": "4.4.0",
-    "@object-ui/react": "4.4.0",
-    "@object-ui/types": "4.4.0"
+    "@object-ui/components": "4.6.0",
+    "@object-ui/core": "4.6.0",
+    "@object-ui/i18n": "4.6.0",
+    "@object-ui/react": "4.6.0",
+    "@object-ui/types": "4.6.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",