@object-ui/plugin-charts 3.1.5 → 3.3.1

package/dist/{ChartImpl-0VlpsMWG.js → ChartImpl-BaXisyXJ.js}

@@ -1,14 +1,14 @@
-import { t as e } from "./jsx-runtime-C8d0IhUE.js";
-import { Y as t, d as n, en as r, f as i, sn as a, t as o, u as s, v as c } from "./BarChart-XZkfLmcU.js";
+import { t as e } from "./jsx-runtime-Caia9pQX.js";
+import { Y as t, cn as n, d as r, f as i, t as a, tn as o, u as s, v as c } from "./BarChart-BQS4sYHd.js";
 //#region src/ChartImpl.tsx
 var l = e();
 function u({ data: e = [], dataKey: u = "value", xAxisKey: d = "name", height: f = 400, className: p = "", color: m = "hsl(var(--primary))" }) {
 	return /* @__PURE__ */ (0, l.jsx)("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 ${p}`,
-		children: /* @__PURE__ */ (0, l.jsx)(a, {
+		children: /* @__PURE__ */ (0, l.jsx)(n, {
 			width: "100%",
 			height: f,
-			children: /* @__PURE__ */ (0, l.jsxs)(o, {
+			children: /* @__PURE__ */ (0, l.jsxs)(a, {
 				data: e,
 				margin: {
 					top: 10,
@@ -74,7 +74,7 @@ function u({ data: e = [], dataKey: u = "value", xAxisKey: d = "name", height: f
 						stroke: "hsl(var(--border))",
 						vertical: !1
 					}),
-					/* @__PURE__ */ (0, l.jsx)(n, {
+					/* @__PURE__ */ (0, l.jsx)(r, {
 						dataKey: d,
 						tick: {
 							fill: "hsl(var(--muted-foreground))",
@@ -109,7 +109,7 @@ function u({ data: e = [], dataKey: u = "value", xAxisKey: d = "name", height: f
 						},
 						itemStyle: { color: "hsl(var(--primary))" }
 					}),
-					/* @__PURE__ */ (0, l.jsx)(r, { wrapperStyle: {
+					/* @__PURE__ */ (0, l.jsx)(o, { wrapperStyle: {
 						paddingTop: "20px",
 						fontFamily: "monospace"
 					} }),

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from './src/index'
+export * from './packages/plugin-charts/src/index'
 export {}

package/dist/index.js

@@ -1,12 +1,12 @@
-import { t as e } from "./jsx-runtime-C8d0IhUE.js";
+import { t as e } from "./jsx-runtime-Caia9pQX.js";
 import { ComponentRegistry as t, extractRecords as n } from "@object-ui/core";
-import r, { Suspense as i, useContext as a, useEffect as o, useState as s } from "react";
-import { Skeleton as c } from "@object-ui/components";
-import { SchemaRendererContext as l, useDataScope as u } from "@object-ui/react";
+import r, { Suspense as i, createContext as a, createElement as o, forwardRef as s, useCallback as c, useContext as l, useEffect as u, useState as d } from "react";
+import { Skeleton as f } from "@object-ui/components";
+import { SchemaRendererContext as p, useDataScope as m } from "@object-ui/react";
 //#region src/ChartRenderer.tsx
-var d = e(), f = r.lazy(() => import("./ChartImpl-0VlpsMWG.js")), p = r.lazy(() => import("./AdvancedChartImpl-DmHTUUVD.js")), m = ({ schema: e }) => /* @__PURE__ */ (0, d.jsx)(i, {
-	fallback: /* @__PURE__ */ (0, d.jsx)(c, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-	children: /* @__PURE__ */ (0, d.jsx)(f, {
+var h = e(), g = r.lazy(() => import("./ChartImpl-BaXisyXJ.js")), _ = r.lazy(() => import("./AdvancedChartImpl-DxaZtNlE.js")), v = ({ schema: e }) => /* @__PURE__ */ (0, h.jsx)(i, {
+	fallback: /* @__PURE__ */ (0, h.jsx)(f, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+	children: /* @__PURE__ */ (0, h.jsx)(g, {
 		data: e.data,
 		dataKey: e.dataKey,
 		xAxisKey: e.xAxisKey,
@@ -14,7 +14,7 @@ var d = e(), f = r.lazy(() => import("./ChartImpl-0VlpsMWG.js")), p = r.lazy(()
 		className: e.className,
 		color: e.color
 	})
-}), h = ({ schema: e }) => {
+}), y = ({ schema: e }) => {
 	let t = r.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) {
@@ -39,9 +39,9 @@ var d = e(), f = r.lazy(() => import("./ChartImpl-0VlpsMWG.js")), p = r.lazy(()
 			className: e.className
 		};
 	}, [e]);
-	return /* @__PURE__ */ (0, d.jsx)(i, {
-		fallback: /* @__PURE__ */ (0, d.jsx)(c, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
-		children: /* @__PURE__ */ (0, d.jsx)(p, {
+	return /* @__PURE__ */ (0, h.jsx)(i, {
+		fallback: /* @__PURE__ */ (0, h.jsx)(f, { className: "w-full h-48 sm:h-64 md:h-80 lg:h-[400px]" }),
+		children: /* @__PURE__ */ (0, h.jsx)(_, {
 			chartType: t.chartType,
 			data: t.data,
 			config: t.config,
@@ -50,10 +50,71 @@ var d = e(), f = r.lazy(() => import("./ChartImpl-0VlpsMWG.js")), p = r.lazy(()
 			className: t.className
 		})
 	});
-};
+}, b = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), x = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), S = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), C = (e) => {
+	let t = S(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, w = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+}, T = (e) => {
+	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+	return !1;
+}, E = a({}), D = () => l(E), O = s(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: s, ...c }, l) => {
+	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: p = "currentColor", className: m = "" } = D() ?? {}, h = r ?? f ? Number(n ?? d) * 24 / Number(t ?? u) : n ?? d;
+	return o("svg", {
+		ref: l,
+		...w,
+		width: t ?? u ?? w.width,
+		height: t ?? u ?? w.height,
+		stroke: e ?? p,
+		strokeWidth: h,
+		className: b("lucide", m, i),
+		...!a && !T(c) && { "aria-hidden": "true" },
+		...c
+	}, [...s.map(([e, t]) => o(e, t)), ...Array.isArray(a) ? a : [a]]);
+}), k = ((e, t) => {
+	let n = s(({ className: n, ...r }, i) => o(O, {
+		ref: i,
+		iconNode: t,
+		className: b(`lucide-${x(C(e))}`, `lucide-${e}`, n),
+		...r
+	}));
+	return n.displayName = C(e), n;
+})("circle-alert", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "8",
+		y2: "12",
+		key: "1pkeuh"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12.01",
+		y1: "16",
+		y2: "16",
+		key: "4dfq90"
+	}]
+]);
 //#endregion
 //#region src/ObjectChart.tsx
-function g(e, t) {
+function A(e) {
+	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function j(e, t) {
 	let { field: n, function: r, groupBy: i } = t, a = {};
 	for (let t of e) {
 		let e = String(t[i] ?? "Unknown");
@@ -84,63 +145,146 @@ function g(e, t) {
 		};
 	});
 }
-var _ = (e) => {
-	let { schema: t } = e, r = a(l), i = e.dataSource || r?.dataSource, c = u(t.bind), [f, p] = s([]), [m, _] = s(!1);
-	o(() => {
-		let e = !0;
-		return t.objectName && !c && !t.data && (async () => {
-			if (!(!i || !t.objectName)) {
-				e && _(!0);
-				try {
-					let r;
-					if (t.aggregate && typeof i.aggregate == "function") {
-						let e = await i.aggregate(t.objectName, {
-							field: t.aggregate.field,
-							function: t.aggregate.function,
-							groupBy: t.aggregate.groupBy,
-							filter: t.filter
-						});
-						r = Array.isArray(e) ? e : [];
-					} else if (typeof i.find == "function") r = n(await i.find(t.objectName, { $filter: t.filter })), t.aggregate && r.length > 0 && (r = g(r, t.aggregate));
-					else return;
-					e && p(r);
-				} catch (e) {
-					console.error("[ObjectChart] Fetch error:", e);
-				} finally {
-					e && _(!1);
-				}
+async function M(e, t, r, i) {
+	if (!e.length || !t) return e;
+	let a = r?.fields?.[t];
+	if (!a) return e.map((e) => ({
+		...e,
+		[t]: A(String(e[t] ?? ""))
+	}));
+	let o = a.type;
+	if (o === "select" || o === "picklist" || o === "dropdown") {
+		let n = a.options || [];
+		if (n.length === 0) return e.map((e) => ({
+			...e,
+			[t]: A(String(e[t] ?? ""))
+		}));
+		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 = String(e[t] ?? "");
+			return {
+				...e,
+				[t]: r[n] || A(n)
+			};
+		});
+	}
+	if (o === "lookup" || o === "master_detail") {
+		let r = a.reference_to || a.reference;
+		if (!r || !i || typeof i.find != "function") return e;
+		let o = [...new Set(e.map((e) => e[t]).filter((e) => e != null))];
+		if (o.length === 0) return e;
+		let s = a.id_field || "id";
+		try {
+			let c = n(await i.find(r, {
+				$filter: { [s]: { $in: o } },
+				$top: o.length
+			})), l = a.reference_field || a.display_field || "name", u = {};
+			for (let e of c) {
+				let t = String(e[s] ?? e.id ?? e._id ?? ""), n = e[l] || e.name || e.label || e.title || t;
+				t && (u[t] = String(n));
+			}
+			return e.map((e) => {
+				let n = String(e[t] ?? "");
+				return {
+					...e,
+					[t]: u[n] || n
+				};
+			});
+		} catch (t) {
+			return console.warn("[ObjectChart] Failed to resolve lookup labels:", t), e;
+		}
+	}
+	return e.map((e) => ({
+		...e,
+		[t]: A(String(e[t] ?? ""))
+	}));
+}
+var N = (e) => {
+	let { schema: t } = e, r = l(p), i = e.dataSource || r?.dataSource, a = m(t.bind), [o, s] = d([]), [f, g] = d(!1), [_, v] = d(null), b = c(async (e, r) => {
+		if (!(!e || !t.objectName)) {
+			r.current && (g(!0), v(null));
+			try {
+				let i;
+				if (t.aggregate && typeof e.aggregate == "function") {
+					let n = await e.aggregate(t.objectName, {
+						field: t.aggregate.field,
+						function: t.aggregate.function,
+						groupBy: t.aggregate.groupBy,
+						filter: t.filter
+					});
+					i = Array.isArray(n) ? n : [];
+				} else if (typeof e.find == "function") i = n(await e.find(t.objectName, { $filter: t.filter })), t.aggregate && i.length > 0 && (i = j(i, t.aggregate));
+				else return;
+				let a = t.aggregate?.groupBy || t.xAxisKey;
+				if (a && typeof e.getObjectSchema == "function") try {
+					let n = await e.getObjectSchema(t.objectName);
+					i = await M(i, a, n, e);
+				} catch {}
+				r.current && s(i);
+			} catch (e) {
+				console.error("[ObjectChart] Fetch error:", e), r.current && v(e instanceof Error ? e.message : "Failed to load chart data");
+			} finally {
+				r.current && g(!1);
 			}
-		})(), () => {
-			e = !1;
+		}
+	}, [
+		t.objectName,
+		t.aggregate,
+		t.filter,
+		t.xAxisKey
+	]);
+	u(() => {
+		let e = { current: !0 };
+		return t.objectName && !a && !t.data && b(i, e), () => {
+			e.current = !1;
 		};
 	}, [
 		t.objectName,
 		i,
-		c,
+		a,
 		t.data,
 		t.filter,
-		t.aggregate
+		t.aggregate,
+		b
 	]);
-	let v = c || t.data || f, y = Array.isArray(v) ? v : [], b = {
+	let x = a || t.data || o, S = Array.isArray(x) ? x : [], C = {
 		...t,
-		data: y
+		data: S
 	};
-	return m && y.length === 0 ? /* @__PURE__ */ (0, d.jsx)("div", {
+	return f && S.length === 0 ? /* @__PURE__ */ (0, h.jsx)("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (t.className || ""),
+		"data-testid": "chart-loading",
 		children: "Loading chart data…"
-	}) : !i && t.objectName && y.length === 0 ? /* @__PURE__ */ (0, d.jsxs)("div", {
+	}) : _ ? /* @__PURE__ */ (0, h.jsxs)("div", {
+		className: "flex flex-col items-center justify-center gap-2 p-4 " + (t.className || ""),
+		"data-testid": "chart-error",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ (0, h.jsx)(k, { className: "h-6 w-6 text-destructive opacity-60" }),
+			/* @__PURE__ */ (0, h.jsx)("p", {
+				className: "text-xs text-destructive font-medium",
+				children: "Failed to load chart data"
+			}),
+			/* @__PURE__ */ (0, h.jsx)("p", {
+				className: "text-xs text-muted-foreground max-w-xs text-center",
+				children: _
+			})
+		]
+	}) : !i && t.objectName && S.length === 0 ? /* @__PURE__ */ (0, h.jsxs)("div", {
 		className: "flex items-center justify-center text-muted-foreground text-sm p-4 " + (t.className || ""),
+		"data-testid": "chart-no-datasource",
 		children: [
-			"No data source available for \"",
+			"No data source available for “",
 			t.objectName,
-			"\""
+			"”"
 		]
-	}) : /* @__PURE__ */ (0, d.jsx)(h, {
+	}) : /* @__PURE__ */ (0, h.jsx)(y, {
 		...e,
-		schema: b
+		schema: C
 	});
 };
-t.register("object-chart", _, {
+t.register("object-chart", N, {
 	namespace: "plugin-charts",
 	label: "Object Chart",
 	category: "view",
@@ -172,11 +316,11 @@ t.register("object-chart", _, {
 });
 //#endregion
 //#region src/index.tsx
-var v = {
-	"bar-chart": m,
-	chart: h
+var P = {
+	"bar-chart": v,
+	chart: y
 };
-t.register("bar-chart", m, {
+t.register("bar-chart", v, {
 	namespace: "plugin-charts",
 	label: "Bar Chart",
 	category: "plugin",
@@ -240,7 +384,7 @@ t.register("bar-chart", m, {
 		height: 400,
 		color: "#8884d8"
 	}
-}), t.register("chart", _, {
+}), t.register("chart", N, {
 	namespace: "view",
 	category: "view",
 	label: "Chart",
@@ -267,7 +411,7 @@ t.register("bar-chart", m, {
 			label: "Value Field"
 		}
 	]
-}), t.register("chart", h, {
+}), t.register("chart", y, {
 	namespace: "plugin-charts",
 	label: "Chart",
 	category: "plugin",
@@ -379,31 +523,31 @@ t.register("bar-chart", m, {
 		xAxisKey: "name",
 		series: [{ dataKey: "sales" }, { dataKey: "revenue" }]
 	}
-}), t.register("chart:bar", h, {
+}), t.register("chart:bar", y, {
 	namespace: "plugin-charts",
 	label: "Bar Chart (Alias)",
 	category: "plugin",
 	defaultProps: { chartType: "bar" }
-}), t.register("pie-chart", h, {
+}), t.register("pie-chart", y, {
 	namespace: "plugin-charts",
 	label: "Pie Chart",
 	category: "plugin",
 	defaultProps: { chartType: "pie" }
-}), t.register("donut-chart", h, {
+}), t.register("donut-chart", y, {
 	namespace: "plugin-charts",
 	label: "Donut Chart",
 	category: "plugin",
 	defaultProps: { chartType: "donut" }
-}), t.register("radar-chart", h, {
+}), t.register("radar-chart", y, {
 	namespace: "plugin-charts",
 	label: "Radar Chart",
 	category: "plugin",
 	defaultProps: { chartType: "radar" }
-}), t.register("scatter-chart", h, {
+}), t.register("scatter-chart", y, {
 	namespace: "plugin-charts",
 	label: "Scatter Chart",
 	category: "plugin",
 	defaultProps: { chartType: "scatter" }
 });
 //#endregion
-export { m as ChartBarRenderer, h as ChartRenderer, _ as ObjectChart, v as chartComponents };
+export { v as ChartBarRenderer, y as ChartRenderer, N as ObjectChart, P as chartComponents };