drizzle-cube 0.5.8 → 0.6.0

package/dist/client/chunks/chart-area-DHCPM4Em.js

@@ -1,450 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { D as t, _ as n, b as r, i, k as a, n as o, y as s } from "./chart-activity-grid-DmruKPab.js";
-import c, { startTransition as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Area as g, CartesianGrid as _, ComposedChart as v, Legend as y, Line as b, ResponsiveContainer as x, Tooltip as S, XAxis as C, YAxis as w } from "recharts";
-//#region src/client/components/LoadingIndicator.tsx
-var T = {
-	xs: "dc:h-3 dc:w-3",
-	sm: "dc:h-6 dc:w-6",
-	md: "dc:h-8 dc:w-8",
-	lg: "dc:h-12 dc:w-12"
-};
-function E({ size: e = "md", className: t = "" }) {
-	return /* @__PURE__ */ m("div", {
-		className: `dc:animate-spin dc:rounded-full dc:border-b-2 ${T[e]} ${t}`,
-		style: { borderBottomColor: "var(--dc-primary)" },
-		role: "status",
-		"aria-label": "Loading"
-	});
-}
-//#endregion
-//#region src/client/components/charts/ChartContainer.tsx
-function D({ children: e, height: t = "100%" }) {
-	let { t: n } = a(), r = d(null), [i, o] = f(!1), [s, c] = f({
-		width: 0,
-		height: 0
-	}), p = d({
-		width: 0,
-		height: 0
-	}), g = d(!1), _ = d(null), v = d(null);
-	u(() => {
-		let e = !0, t = null, n = () => {
-			if (v.current = null, !e) return;
-			let t = _.current;
-			if (_.current = null, !t) return;
-			let n = Math.round(t.width), r = Math.round(t.height);
-			if (n <= 0 || r <= 0) return;
-			let i = p.current.width !== n || p.current.height !== r, a = !g.current;
-			!i && !a || (p.current = {
-				width: n,
-				height: r
-			}, g.current = !0, l(() => {
-				i && c({
-					width: n,
-					height: r
-				}), a && o(!0);
-			}));
-		}, i = (e, t) => {
-			_.current = {
-				width: e,
-				height: t
-			}, v.current === null && (v.current = requestAnimationFrame(n));
-		};
-		return t = new ResizeObserver((e) => {
-			for (let t of e) {
-				let { width: e, height: n } = t.contentRect;
-				e > 0 && n > 0 && i(e, n);
-			}
-		}), r.current && (t.observe(r.current), (() => {
-			if (!e || !r.current) return;
-			let t = r.current.getBoundingClientRect(), n = Math.max(r.current.clientWidth, t.width), a = Math.max(r.current.clientHeight, t.height);
-			n > 0 && a > 0 && i(n, a);
-		})()), () => {
-			e = !1, v.current !== null && (cancelAnimationFrame(v.current), v.current = null), t?.disconnect();
-		};
-	}, []);
-	try {
-		return t === "100%" ? /* @__PURE__ */ m("div", {
-			ref: r,
-			className: "dc:w-full dc:h-full dc:flex-1 dc:flex dc:flex-col dc:relative",
-			style: {
-				minHeight: "250px",
-				minWidth: "100px",
-				overflow: "hidden",
-				userSelect: "none"
-			},
-			children: i && s.width > 0 && s.height > 0 ? /* @__PURE__ */ m(x, {
-				width: s.width,
-				height: s.height - 16,
-				debounce: 100,
-				style: { marginTop: "16px" },
-				children: e
-			}) : /* @__PURE__ */ m("div", {
-				className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-				children: /* @__PURE__ */ m(E, { size: "sm" })
-			})
-		}) : /* @__PURE__ */ m("div", {
-			ref: r,
-			className: "dc:w-full dc:flex dc:flex-col dc:relative",
-			style: {
-				height: typeof t == "number" ? `${t}px` : t,
-				width: "100%",
-				minHeight: "200px",
-				minWidth: "100px",
-				userSelect: "none",
-				overflow: "hidden"
-			},
-			children: i && s.width > 0 && s.height > 0 ? /* @__PURE__ */ m(x, {
-				width: s.width,
-				height: s.height - 16,
-				debounce: 100,
-				style: { marginTop: "16px" },
-				children: e
-			}) : /* @__PURE__ */ m("div", {
-				className: "dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full",
-				children: /* @__PURE__ */ m(E, { size: "sm" })
-			})
-		});
-	} catch (e) {
-		return /* @__PURE__ */ h("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4 dc:text-center dc:border dc:border-dashed dc:rounded-lg",
-			style: {
-				height: t,
-				borderColor: "var(--dc-border)",
-				backgroundColor: "var(--dc-surface)"
-			},
-			children: [/* @__PURE__ */ m("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1 text-dc-text-muted",
-				children: n("chart.runtime.unableToDisplay")
-			}), /* @__PURE__ */ m("div", {
-				className: "dc:text-xs text-dc-text-secondary",
-				children: e instanceof Error ? e.message : "Failed to create responsive container"
-			})]
-		});
-	}
-}
-//#endregion
-//#region src/client/components/charts/ChartTooltip.tsx
-var O = (e, t) => e == null ? ["No data", t] : [r(e), t];
-function k({ formatter: e, labelFormatter: t }) {
-	return /* @__PURE__ */ m(S, {
-		formatter: e || O,
-		labelFormatter: t,
-		contentStyle: {
-			backgroundColor: "white",
-			border: "1px solid #e5e7eb",
-			borderRadius: "0.5rem",
-			fontSize: "0.875rem",
-			color: "#1f2937",
-			boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-			padding: "8px 12px"
-		}
-	});
-}
-//#endregion
-//#region src/client/components/charts/AngledXAxisTick.tsx
-var A = ({ x: e = 0, y: t = 0, payload: n, tickFormatter: r, index: i = 0 }) => {
-	if (!n) return null;
-	let a = r ? r(n.value, i) : String(n.value);
-	return /* @__PURE__ */ m("g", {
-		transform: `translate(${e},${t})`,
-		children: /* @__PURE__ */ m("text", {
-			x: 0,
-			y: 0,
-			dy: 16,
-			textAnchor: "end",
-			fill: "currentColor",
-			fontSize: 12,
-			transform: "rotate(-45)",
-			children: a
-		})
-	});
-};
-//#endregion
-//#region src/client/utils/targetUtils.ts
-function j(e) {
-	if (!e || typeof e != "string") return [];
-	let t = e.trim();
-	if (!t) return [];
-	try {
-		let e = t.split(",").map((e) => e.trim()).filter((e) => e !== "").map((e) => {
-			let t = parseFloat(e);
-			if (isNaN(t)) throw Error(`Invalid numeric value: ${e}`);
-			return t;
-		});
-		return e.length > 0 ? e : [];
-	} catch (e) {
-		return console.warn("Failed to parse target values:", e), [];
-	}
-}
-function M(e, t) {
-	if (e.length === 0 || t <= 0) return [];
-	if (e.length === 1) return Array(t).fill(e[0]);
-	let n = [], r = Math.floor(t / e.length), i = t % e.length, a = 0;
-	for (let t = 0; t < e.length; t++) {
-		let o = r + +(t < i);
-		for (let r = 0; r < o; r++) n[a++] = e[t];
-	}
-	return n;
-}
-function N(e, t) {
-	return t === 0 ? e === 0 ? 0 : e > 0 ? 100 : -100 : (e - t) / t * 100;
-}
-function P(e, t = 1) {
-	return `${e >= 0 ? "+" : ""}${e.toFixed(t)}%`;
-}
-//#endregion
-//#region src/client/components/charts/AreaChart.tsx
-var F = /* @__PURE__ */ e({ default: () => I }), I = c.memo(function({ data: e, chartConfig: r, displayConfig: c = {}, queryObject: l, height: u = "100%", colorPalette: d, onDataPointClick: x, drillEnabled: S }) {
-	let { t: T } = a(), [E, O] = f(null), N = n();
-	try {
-		let n = c?.stackType ?? (c?.stacked ? "normal" : "none"), a = n !== "none", f = n === "percent", P = {
-			showLegend: c?.showLegend ?? !0,
-			showGrid: c?.showGrid ?? !0,
-			showTooltip: c?.showTooltip ?? !0,
-			connectNulls: c?.connectNulls ?? !1
-		}, F = c?.showAllXLabels ?? !0, I = c?.leftYAxisFormat, L = c?.rightYAxisFormat;
-		if (!e || e.length === 0) return /* @__PURE__ */ m("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: u },
-			children: /* @__PURE__ */ h("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ m("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: T("chart.runtime.noData")
-				}), /* @__PURE__ */ m("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: T("chart.runtime.noDataHint.area")
-				})]
-			})
-		});
-		let R, z, B = [];
-		if (r?.xAxis && r?.yAxis) R = Array.isArray(r.xAxis) ? r.xAxis[0] : r.xAxis, z = Array.isArray(r.yAxis) ? r.yAxis : [r.yAxis], B = r.series || [];
-		else if (r?.x && r?.y) R = r.x, z = Array.isArray(r.y) ? r.y : [r.y];
-		else return /* @__PURE__ */ m("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: u },
-			children: /* @__PURE__ */ h("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ m("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: T("chart.runtime.configError")
-				}), /* @__PURE__ */ m("div", {
-					className: "dc:text-xs",
-					children: T("chart.runtime.configErrorHint.axisInvalid")
-				})]
-			})
-		});
-		if (!R || !z || z.length === 0) return /* @__PURE__ */ m("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: u },
-			children: /* @__PURE__ */ h("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ m("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: T("chart.runtime.configError")
-				}), /* @__PURE__ */ m("div", {
-					className: "dc:text-xs",
-					children: T("chart.runtime.configErrorHint.axisFields")
-				})]
-			})
-		});
-		let { data: V, seriesKeys: H } = t(e, R, z, l, B, N), U = r?.yAxisAssignment || {}, W = {};
-		z.forEach((e) => {
-			let t = N(e);
-			W[t] = e;
-		});
-		let G = z.some((e) => U[e] === "right"), K = z.filter((e) => (U[e] || "left") === "left"), q = z.filter((e) => U[e] === "right"), J = a && !G, Y = f && !G, X = P.showLegend, Z = {
-			...i,
-			left: 40,
-			right: G ? 40 : 20
-		}, Q = M(j(c?.target || ""), V.length), $ = V;
-		return Q.length > 0 && ($ = V.map((e, t) => ({
-			...e,
-			__target: Q[t] || null
-		}))), !V || V.length === 0 ? /* @__PURE__ */ m("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: u },
-			children: /* @__PURE__ */ h("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ m("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: T("chart.runtime.noValidData")
-				}), /* @__PURE__ */ m("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No valid data points for area chart after transformation"
-				})]
-			})
-		}) : /* @__PURE__ */ m(D, {
-			height: u,
-			children: /* @__PURE__ */ h(v, {
-				data: $,
-				margin: Z,
-				stackOffset: Y ? "expand" : void 0,
-				accessibilityLayer: !1,
-				children: [
-					P.showGrid && /* @__PURE__ */ m(_, {
-						strokeDasharray: "3 3",
-						style: { pointerEvents: "none" }
-					}),
-					/* @__PURE__ */ m(C, {
-						dataKey: "name",
-						type: "category",
-						tick: /* @__PURE__ */ m(A, {}),
-						height: 60,
-						interval: F ? 0 : void 0
-					}),
-					/* @__PURE__ */ m(w, {
-						yAxisId: "left",
-						orientation: "left",
-						tick: { fontSize: 12 },
-						tickFormatter: Y ? (e) => `${(e * 100).toFixed(0)}%` : I ? (e) => s(e, I) : void 0,
-						domain: Y ? [0, 1] : void 0,
-						label: Y ? void 0 : K.length > 0 ? {
-							value: I?.label || N(K[0]),
-							angle: -90,
-							position: "left",
-							style: {
-								textAnchor: "middle",
-								fontSize: "12px"
-							}
-						} : void 0
-					}),
-					G && /* @__PURE__ */ m(w, {
-						yAxisId: "right",
-						orientation: "right",
-						tick: { fontSize: 12 },
-						tickFormatter: L ? (e) => s(e, L) : void 0,
-						label: q.length > 0 ? {
-							value: L?.label || N(q[0]),
-							angle: 90,
-							position: "right",
-							style: {
-								textAnchor: "middle",
-								fontSize: "12px"
-							}
-						} : void 0
-					}),
-					P.showTooltip && /* @__PURE__ */ m(k, { formatter: (e, t) => {
-						if (e == null) return ["No data", t];
-						if (t === "Target") return [s(e, I), "Target Value"];
-						if (Y && typeof e == "number") return [`${(e * 100).toFixed(1)}%`, t];
-						let n = W[t];
-						return [s(e, (n && U[n] === "right" ? "right" : "left") == "right" ? L : I), t];
-					} }),
-					X && /* @__PURE__ */ m(y, {
-						wrapperStyle: {
-							fontSize: "12px",
-							paddingTop: "10px"
-						},
-						iconType: "rect",
-						iconSize: 8,
-						layout: "horizontal",
-						align: "center",
-						verticalAlign: "bottom",
-						onMouseEnter: (e) => O(String(e.dataKey || "")),
-						onMouseLeave: () => O(null)
-					}),
-					H.map((e, t) => {
-						let n = W[e], r = n && U[n] === "right" ? "right" : "left", i = d?.colors && d.colors[t % d.colors.length] || o[t % o.length];
-						return /* @__PURE__ */ m(g, {
-							type: "monotone",
-							dataKey: e,
-							yAxisId: r,
-							stackId: J ? "stack" : void 0,
-							stroke: i,
-							fill: i,
-							fillOpacity: E ? E === e ? .6 : .1 : .3,
-							strokeWidth: 2,
-							strokeOpacity: E ? E === e ? 1 : .3 : 1,
-							connectNulls: P.connectNulls,
-							dot: (t) => {
-								let { cx: r, cy: a, payload: o, key: s } = t;
-								if (!S || r === void 0 || a === void 0) return null;
-								let c = (t) => {
-									t.stopPropagation(), t.preventDefault(), x && x({
-										dataPoint: o,
-										clickedField: n || e,
-										xValue: o.name,
-										position: {
-											x: t.clientX,
-											y: t.clientY
-										},
-										nativeEvent: t
-									});
-								};
-								return /* @__PURE__ */ h("g", { children: [/* @__PURE__ */ m("circle", {
-									cx: r,
-									cy: a,
-									r: 6,
-									fill: "var(--dc-surface)",
-									style: { pointerEvents: "none" }
-								}), /* @__PURE__ */ m("circle", {
-									cx: r,
-									cy: a,
-									r: 4,
-									fill: "var(--dc-surface)",
-									stroke: i,
-									strokeWidth: 2,
-									cursor: "pointer",
-									onClick: (e) => {
-										c(e);
-									}
-								})] }, s);
-							},
-							activeDot: !1
-						}, e);
-					}),
-					Q.length > 0 && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(b, {
-						type: "monotone",
-						dataKey: "__target",
-						yAxisId: "left",
-						stroke: "#ffffff",
-						strokeWidth: 2,
-						dot: !1,
-						activeDot: !1,
-						connectNulls: !1
-					}), /* @__PURE__ */ m(b, {
-						type: "monotone",
-						dataKey: "__target",
-						yAxisId: "left",
-						name: "Target",
-						stroke: "#8B5CF6",
-						strokeWidth: 2,
-						strokeDasharray: "2 3",
-						dot: !1,
-						activeDot: !1,
-						connectNulls: !1
-					})] })
-				]
-			})
-		});
-	} catch (e) {
-		return /* @__PURE__ */ m("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: u },
-			children: /* @__PURE__ */ h("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ m("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: T("chart.runtime.chartError", { chartType: "Area Chart" })
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : T("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ m("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: T("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { j as a, k as c, P as i, D as l, F as n, M as o, N as r, A as s, I as t, E as u };
-
-//# sourceMappingURL=chart-area-DHCPM4Em.js.map

package/dist/client/chunks/chart-area-DHCPM4Em.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-area-DHCPM4Em.js","names":[],"sources":["../../../src/client/components/LoadingIndicator.tsx","../../../src/client/components/charts/ChartContainer.tsx","../../../src/client/components/charts/ChartTooltip.tsx","../../../src/client/components/charts/AngledXAxisTick.tsx","../../../src/client/utils/targetUtils.ts","../../../src/client/components/charts/AreaChart.tsx"],"sourcesContent":["/**\n * LoadingIndicator Component\n *\n * A centralized, theme-aware loading spinner that uses CSS variables\n * for consistent styling across all drizzle-cube components.\n *\n * Can be overridden at the Dashboard or Portlet level by passing a\n * custom loadingComponent prop.\n */\n\nexport interface LoadingIndicatorProps {\n  /** Size variant: 'xs' (12px), 'sm' (24px), 'md' (32px), 'lg' (48px) */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst sizeClasses = {\n  xs: 'dc:h-3 dc:w-3',\n  sm: 'dc:h-6 dc:w-6',\n  md: 'dc:h-8 dc:w-8',\n  lg: 'dc:h-12 dc:w-12'\n}\n\nexport default function LoadingIndicator({\n  size = 'md',\n  className = ''\n}: LoadingIndicatorProps) {\n  return (\n    <div\n      className={`dc:animate-spin dc:rounded-full dc:border-b-2 ${sizeClasses[size]} ${className}`}\n      style={{ borderBottomColor: 'var(--dc-primary)' }}\n      role=\"status\"\n      aria-label=\"Loading\"\n    />\n  )\n}\n","import { ReactElement, useState, useRef, useLayoutEffect, startTransition } from 'react'\nimport { ResponsiveContainer } from 'recharts'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport LoadingIndicator from '../LoadingIndicator'\n\ninterface ChartContainerProps {\n  children: ReactElement\n  height?: string | number\n}\n\nexport default function ChartContainer({ children, height = \"100%\" }: ChartContainerProps) {\n  const { t } = useTranslation()\n  // Track if container is ready to render ResponsiveContainer\n  // We need to wait for the container to be in the DOM with valid dimensions\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [isReady, setIsReady] = useState(false)\n  const [containerSize, setContainerSize] = useState({ width: 0, height: 0 })\n  const sizeRef = useRef({ width: 0, height: 0 })\n  const readyRef = useRef(false)\n  const pendingSizeRef = useRef<{ width: number; height: number } | null>(null)\n  const frameRef = useRef<number | null>(null)\n\n  // Use useLayoutEffect to measure before paint\n  useLayoutEffect(() => {\n    let mounted = true\n    let resizeObserver: ResizeObserver | null = null\n\n    const flushPendingSize = () => {\n      frameRef.current = null\n      if (!mounted) return\n      const pending = pendingSizeRef.current\n      pendingSizeRef.current = null\n      if (!pending) return\n\n      const nextWidth = Math.round(pending.width)\n      const nextHeight = Math.round(pending.height)\n      if (nextWidth <= 0 || nextHeight <= 0) return\n\n      const sizeChanged =\n        sizeRef.current.width !== nextWidth || sizeRef.current.height !== nextHeight\n      const shouldBecomeReady = !readyRef.current\n\n      if (!sizeChanged && !shouldBecomeReady) return\n\n      sizeRef.current = { width: nextWidth, height: nextHeight }\n      readyRef.current = true\n\n      // Resize-driven chart updates can come in bursts (one per portlet).\n      // Transitioning these avoids blocking urgent input and coalesces visual work.\n      startTransition(() => {\n        if (sizeChanged) {\n          setContainerSize({ width: nextWidth, height: nextHeight })\n        }\n        if (shouldBecomeReady) {\n          setIsReady(true)\n        }\n      })\n    }\n\n    const scheduleSizeUpdate = (width: number, height: number) => {\n      pendingSizeRef.current = { width, height }\n      if (frameRef.current === null) {\n        frameRef.current = requestAnimationFrame(flushPendingSize)\n      }\n    }\n\n    const measureAndSetReady = () => {\n      if (!mounted || !containerRef.current) return\n\n      const rect = containerRef.current.getBoundingClientRect()\n      // Check both clientWidth/Height AND getBoundingClientRect for robustness\n      const width = Math.max(containerRef.current.clientWidth, rect.width)\n      const measuredHeight = Math.max(containerRef.current.clientHeight, rect.height)\n\n      if (width > 0 && measuredHeight > 0) {\n        scheduleSizeUpdate(width, measuredHeight)\n      }\n    }\n\n    // Set up ResizeObserver to detect when container gets valid dimensions\n    resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height: entryHeight } = entry.contentRect\n        if (width > 0 && entryHeight > 0) {\n          scheduleSizeUpdate(width, entryHeight)\n        }\n      }\n    })\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n      // Also try immediate measurement\n      measureAndSetReady()\n    }\n\n    return () => {\n      mounted = false\n      if (frameRef.current !== null) {\n        cancelAnimationFrame(frameRef.current)\n        frameRef.current = null\n      }\n      resizeObserver?.disconnect()\n    }\n  }, [])\n\n  try {\n    if (height === \"100%\") {\n      // For 100% height, make the container fill the available flex space with proper sizing\n      // user-select: none prevents browser selection box from appearing when clicking/dragging on charts\n      return (\n        <div\n          ref={containerRef}\n          className=\"dc:w-full dc:h-full dc:flex-1 dc:flex dc:flex-col dc:relative\"\n          style={{ minHeight: '250px', minWidth: '100px', overflow: 'hidden', userSelect: 'none' }}\n        >\n          {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n            <ResponsiveContainer\n              width={containerSize.width}\n              height={containerSize.height - 16}\n              debounce={100}\n              style={{ marginTop: '16px' }}\n            >\n              {children}\n            </ResponsiveContainer>\n          ) : (\n            <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\">\n              <LoadingIndicator size=\"sm\" />\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // For specific heights, use them directly\n    // user-select: none prevents browser selection box from appearing when clicking/dragging on charts\n    const containerStyle = {\n      height: typeof height === 'number' ? `${height}px` : height,\n      width: '100%',\n      minHeight: '200px',\n      minWidth: '100px',\n      userSelect: 'none' as const\n    }\n\n    return (\n      <div\n        ref={containerRef}\n        className=\"dc:w-full dc:flex dc:flex-col dc:relative\"\n        style={{ ...containerStyle, overflow: 'hidden' }}\n      >\n        {isReady && containerSize.width > 0 && containerSize.height > 0 ? (\n          <ResponsiveContainer\n            width={containerSize.width}\n            height={containerSize.height - 16}\n            debounce={100}\n            style={{ marginTop: '16px' }}\n          >\n            {children}\n          </ResponsiveContainer>\n        ) : (\n          <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full dc:h-full\">\n            <LoadingIndicator size=\"sm\" />\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // ChartContainer ResponsiveContainer error\n\n    return (\n      <div\n        className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full dc:h-full dc:p-4 dc:text-center dc:border dc:border-dashed dc:rounded-lg\"\n        style={{ height, borderColor: 'var(--dc-border)', backgroundColor: 'var(--dc-surface)' }}\n      >\n        <div className=\"dc:text-sm dc:font-semibold dc:mb-1 text-dc-text-muted\">{t('chart.runtime.unableToDisplay')}</div>\n        <div className=\"dc:text-xs text-dc-text-secondary\">\n          {error instanceof Error ? error.message : 'Failed to create responsive container'}\n        </div>\n      </div>\n    )\n  }\n}\n","import React from 'react'\nimport { Tooltip } from 'recharts'\nimport { formatNumericValue } from '../../utils/chartUtils'\n\ninterface ChartTooltipProps {\n  formatter?: (value: any, name: any, props: any) => [React.ReactText, React.ReactText]\n  labelFormatter?: (label: any, payload?: readonly any[]) => React.ReactText\n}\n\n// Default formatter that rounds numeric values to at most 2 decimal places\nconst defaultFormatter = (value: any, name: any): [React.ReactText, React.ReactText] => {\n  if (value === null || value === undefined) {\n    return ['No data', name]\n  }\n  return [formatNumericValue(value), name]\n}\n\nexport default function ChartTooltip({ formatter, labelFormatter }: ChartTooltipProps) {\n  return (\n    <Tooltip\n      formatter={formatter || defaultFormatter}\n      labelFormatter={labelFormatter}\n      contentStyle={{\n        backgroundColor: 'white',\n        border: '1px solid #e5e7eb',\n        borderRadius: '0.5rem',\n        fontSize: '0.875rem',\n        color: '#1f2937',\n        boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n        padding: '8px 12px'\n      }}\n    />\n  )\n}","import React from 'react'\n\ninterface AngledXAxisTickProps {\n  x?: number\n  y?: number\n  payload?: {\n    value: string | number\n  }\n  tickFormatter?: (value: string | number, index: number) => string\n  index?: number\n  visibleTicksCount?: number\n  // Allow any additional props recharts might pass\n  [key: string]: unknown\n}\n\n/**\n * Custom XAxis tick component for properly aligned angled labels.\n * Fixes alignment issues in recharts 3.7+ where angled labels don't\n * center properly under data points.\n */\nconst AngledXAxisTick: React.FC<AngledXAxisTickProps> = ({\n  x = 0,\n  y = 0,\n  payload,\n  tickFormatter,\n  index = 0\n}) => {\n  if (!payload) return null\n\n  const displayValue = tickFormatter\n    ? tickFormatter(payload.value, index)\n    : String(payload.value)\n\n  return (\n    <g transform={`translate(${x},${y})`}>\n      <text\n        x={0}\n        y={0}\n        dy={16}\n        textAnchor=\"end\"\n        fill=\"currentColor\"\n        fontSize={12}\n        transform=\"rotate(-45)\"\n      >\n        {displayValue}\n      </text>\n    </g>\n  )\n}\n\nexport default AngledXAxisTick\n","/**\n * Utility functions for handling target values in charts\n */\n\n/**\n * Parse target values from string format\n * @param targetString - String containing target values (e.g., \"100\" or \"50,75,100\")\n * @returns Array of numeric target values\n */\nexport function parseTargetValues(targetString: string): number[] {\n  if (!targetString || typeof targetString !== 'string') {\n    return []\n  }\n\n  const trimmed = targetString.trim()\n  if (!trimmed) {\n    return []\n  }\n\n  try {\n    // Split by comma and parse each value\n    const values = trimmed\n      .split(',')\n      .map(val => val.trim())\n      .filter(val => val !== '')\n      .map(val => {\n        const num = parseFloat(val)\n        if (isNaN(num)) {\n          throw new Error(`Invalid numeric value: ${val}`)\n        }\n        return num\n      })\n\n    return values.length > 0 ? values : []\n  } catch (error) {\n    console.warn('Failed to parse target values:', error)\n    return []\n  }\n}\n\n/**\n * Spread target values across data points\n * @param targets - Array of target values\n * @param dataLength - Number of data points to spread across\n * @returns Array of target values for each data point\n */\nexport function spreadTargetValues(targets: number[], dataLength: number): number[] {\n  if (targets.length === 0 || dataLength <= 0) {\n    return []\n  }\n\n  // If only one target value, repeat for all data points\n  if (targets.length === 1) {\n    return new Array(dataLength).fill(targets[0])\n  }\n\n  // If we have multiple targets, spread them evenly across data points\n  const result: number[] = []\n  const baseGroupSize = Math.floor(dataLength / targets.length)\n  const remainder = dataLength % targets.length\n\n  let currentIndex = 0\n  \n  for (let i = 0; i < targets.length; i++) {\n    // Calculate group size for this target\n    // First 'remainder' groups get an extra item\n    const groupSize = baseGroupSize + (i < remainder ? 1 : 0)\n    \n    // Fill this group with the current target value\n    for (let j = 0; j < groupSize; j++) {\n      result[currentIndex++] = targets[i]\n    }\n  }\n\n  return result\n}\n\n/**\n * Calculate variance between actual and target values\n * @param actual - Actual value\n * @param target - Target value\n * @returns Variance as percentage\n */\nexport function calculateVariance(actual: number, target: number): number {\n  if (target === 0) {\n    return actual === 0 ? 0 : (actual > 0 ? 100 : -100)\n  }\n  return ((actual - target) / target) * 100\n}\n\n/**\n * Format variance as percentage string with appropriate sign and color indication\n * @param variance - Variance percentage\n * @param decimals - Number of decimal places (default: 1)\n * @returns Formatted variance string (e.g., \"+12.5%\" or \"-8.3%\")\n */\nexport function formatVariance(variance: number, decimals: number = 1): string {\n  const sign = variance >= 0 ? '+' : ''\n  return `${sign}${variance.toFixed(decimals)}%`\n}\n\n/**\n * Get unique target values for reference lines\n * @param targets - Array of target values (may contain duplicates)\n * @returns Array of unique target values\n */\nexport function getUniqueTargets(targets: number[]): number[] {\n  return [...new Set(targets)].sort((a, b) => a - b)\n}","import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { ComposedChart, Area, Line, XAxis, YAxis, CartesianGrid, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst AreaChart = React.memo(function AreaChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette,\n  onDataPointClick,\n  drillEnabled\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  // Use specialized hook to avoid re-renders from unrelated context changes\n  const getFieldLabel = useCubeFieldLabel()\n  \n  try {\n    // Determine stacking from stackType (new) or stacked (legacy)\n    const stackType = displayConfig?.stackType ?? (displayConfig?.stacked ? 'normal' : 'none')\n    const shouldStack = stackType !== 'none'\n    const isPercentStack = stackType === 'percent'\n\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      connectNulls: displayConfig?.connectNulls ?? false\n    }\n\n    const showAllXLabels = displayConfig?.showAllXLabels ?? true\n\n    // Extract axis format configs\n    const leftYAxisFormat = displayConfig?.leftYAxisFormat\n    const rightYAxisFormat = displayConfig?.rightYAxisFormat\n\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">{t('chart.runtime.noDataHint.area')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisFields: string[]\n    let seriesFields: string[] = []\n    \n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]\n      seriesFields = chartConfig.series || []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format\n      xAxisField = chartConfig.x\n      yAxisFields = Array.isArray(chartConfig.y) ? chartConfig.y : [chartConfig.y]\n    } else {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisInvalid')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisFields || yAxisFields.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisFields')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Use shared function to transform data and handle series\n    const { data: chartData, seriesKeys } = transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\n\n    // Dual Y-axis support: extract yAxisAssignment from chartConfig\n    const yAxisAssignment = chartConfig?.yAxisAssignment || {}\n\n    // Build mapping from series key (label) to original field name\n    const seriesKeyToField: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      seriesKeyToField[label] = field\n    })\n\n    // Determine if we need a right Y-axis\n    const hasRightAxis = yAxisFields.some((field) => yAxisAssignment[field] === 'right')\n\n    // Get fields for left and right axes for labels\n    const leftAxisFields = yAxisFields.filter((f) => (yAxisAssignment[f] || 'left') === 'left')\n    const rightAxisFields = yAxisFields.filter((f) => yAxisAssignment[f] === 'right')\n\n    // Disable stacking when dual Y-axis is used (areas on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\n\n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend\n\n    // Use custom chart margins with extra space for Y-axis labels\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40, // Space for left Y-axis label\n      right: hasRightAxis ? 40 : 20 // Extra space for right Y-axis label if needed\n    }\n    \n    // Process target values and add to chart data\n    const targetValues = parseTargetValues(displayConfig?.target || '')\n    const spreadTargets = spreadTargetValues(targetValues, chartData.length)\n    \n    // Add target data to chart data if targets exist\n    let enhancedChartData = chartData\n    if (spreadTargets.length > 0) {\n      enhancedChartData = chartData.map((dataPoint, index) => ({\n        ...dataPoint,\n        __target: spreadTargets[index] || null\n      }))\n    }\n    \n    // Validate transformed data\n    if (!chartData || chartData.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.noValidData')}</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No valid data points for area chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    const stackOffset = effectiveIsPercentStack ? ('expand' as const) : undefined\n\n    return (\n      <ChartContainer height={height}>\n        <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />}\n          <XAxis dataKey=\"name\" type=\"category\" tick={<AngledXAxisTick />} height={60} interval={showAllXLabels ? 0 : undefined} />\n          <YAxis\n            yAxisId=\"left\"\n            orientation=\"left\"\n            tick={{ fontSize: 12 }}\n            tickFormatter={\n              effectiveIsPercentStack\n                ? (v) => `${(v * 100).toFixed(0)}%`\n                : leftYAxisFormat\n                  ? (value) => formatAxisValue(value, leftYAxisFormat)\n                  : undefined\n            }\n            domain={effectiveIsPercentStack ? [0, 1] : undefined}\n            label={\n              effectiveIsPercentStack\n                ? undefined\n                : leftAxisFields.length > 0\n                  ? {\n                      value: leftYAxisFormat?.label || getFieldLabel(leftAxisFields[0]),\n                      angle: -90,\n                      position: 'left',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n            }\n          />\n          {hasRightAxis && (\n            <YAxis\n              yAxisId=\"right\"\n              orientation=\"right\"\n              tick={{ fontSize: 12 }}\n              tickFormatter={rightYAxisFormat ? (value) => formatAxisValue(value, rightYAxisFormat) : undefined}\n              label={\n                rightAxisFields.length > 0\n                  ? {\n                      value: rightYAxisFormat?.label || getFieldLabel(rightAxisFields[0]),\n                      angle: 90,\n                      position: 'right',\n                      style: { textAnchor: 'middle', fontSize: '12px' }\n                    }\n                  : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                // Handle null values in tooltip\n                if (value === null || value === undefined) {\n                  return ['No data', name]\n                }\n                if (name === 'Target') {\n                  // Use left Y-axis format for target values\n                  return [formatAxisValue(value, leftYAxisFormat), 'Target Value']\n                }\n                // Format as percentage when using percent stacking\n                if (effectiveIsPercentStack && typeof value === 'number') {\n                  return [`${(value * 100).toFixed(1)}%`, name]\n                }\n                // Determine which axis format to use based on series name\n                const originalField = seriesKeyToField[name]\n                const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n                const formatConfig = axisId === 'right' ? rightYAxisFormat : leftYAxisFormat\n                return [formatAxisValue(value, formatConfig), name]\n              }}\n            />\n          )}\n          {showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"rect\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {seriesKeys.map((seriesKey, index) => {\n            // Look up the original field name to get its axis assignment\n            const originalField = seriesKeyToField[seriesKey]\n            const axisId = originalField && yAxisAssignment[originalField] === 'right' ? 'right' : 'left'\n            // When drill is enabled, show persistent dots for better click targets\n            const areaColor = (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n              CHART_COLORS[index % CHART_COLORS.length]\n\n            return (\n              <Area\n                key={seriesKey}\n                type=\"monotone\"\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                stroke={areaColor}\n                fill={areaColor}\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n                strokeWidth={2}\n                strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                connectNulls={safeDisplayConfig.connectNulls}\n                dot={(props: any) => {\n                  const { cx, cy, payload, key } = props\n                  if (!drillEnabled || cx === undefined || cy === undefined) return null\n\n                  const handleClick = (event: React.MouseEvent) => {\n                    event.stopPropagation()\n                    event.preventDefault()\n                    if (onDataPointClick) {\n                      onDataPointClick({\n                        dataPoint: payload,\n                        clickedField: originalField || seriesKey,\n                        xValue: payload.name,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event\n                      })\n                    }\n                  }\n\n                  return (\n                    <g key={key}>\n                      {/* Background to mask grid lines - uses theme surface color */}\n                      <circle\n                        cx={cx}\n                        cy={cy}\n                        r={6}\n                        fill=\"var(--dc-surface)\"\n                        style={{ pointerEvents: 'none' }}\n                      />\n                      {/* Visible dot with click handler */}\n                      <circle\n                        cx={cx}\n                        cy={cy}\n                        r={4}\n                        fill=\"var(--dc-surface)\"\n                        stroke={areaColor}\n                        strokeWidth={2}\n                        cursor=\"pointer\"\n                        onClick={(e: React.MouseEvent<SVGCircleElement>) => {\n                          handleClick(e as unknown as React.MouseEvent)\n                        }}\n                      />\n                    </g>\n                  )\n                }}\n                activeDot={false}\n              />\n            )\n          })}\n          {spreadTargets.length > 0 && (\n            <>\n              {/* White background line */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                stroke=\"#ffffff\"\n                strokeWidth={2}\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n              {/* Grey dashed line on top */}\n              <Line\n                type=\"monotone\"\n                dataKey=\"__target\"\n                yAxisId=\"left\"\n                name=\"Target\"\n                stroke=\"#8B5CF6\"\n                strokeWidth={2}\n                strokeDasharray=\"2 3\"\n                dot={false}\n                activeDot={false}\n                connectNulls={false}\n              />\n            </>\n          )}\n        </ComposedChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'AreaChart rendering error\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.chartError', { chartType: 'Area Chart' })}</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : t('chart.runtime.unknownError')}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">{t('chart.runtime.checkConfig')}</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default AreaChart"],"mappings":"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"}