drizzle-cube 0.5.8 → 0.6.0

package/dist/client/chunks/chart-bar-KddciGDv.js

@@ -1,271 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { D as t, _ as n, i as r, k as i, n as a, o as ee, w as o, y as s } from "./chart-activity-grid-DmruKPab.js";
-import { a as c, c as l, l as u, o as d, s as f } from "./chart-area-DHCPM4Em.js";
-import p, { useMemo as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Bar as y, CartesianGrid as b, Cell as x, ComposedChart as S, Legend as te, Line as C, XAxis as ne, YAxis as w } from "recharts";
-//#region src/client/components/charts/BarChart.tsx
-var T = /* @__PURE__ */ e({ default: () => E }), E = p.memo(function({ data: e, chartConfig: p, displayConfig: T = {}, queryObject: E, height: D = "100%", colorPalette: O, onDataPointClick: k, drillEnabled: A }) {
-	let { t: j } = i(), [M, N] = h(null), P = n(), F = T?.stackType ?? (T?.stacked ? "normal" : "none"), I = F !== "none", L = F === "percent", R = {
-		showLegend: T?.showLegend ?? !0,
-		showGrid: T?.showGrid ?? !0,
-		showTooltip: T?.showTooltip ?? !0
-	}, re = T?.showAllXLabels ?? !0, z = T?.leftYAxisFormat, B = T?.rightYAxisFormat, { xAxisField: V, yAxisFields: H, seriesFields: U, configError: W } = m(() => {
-		let e, t = [], n = [], r = null;
-		return p?.xAxis && p?.yAxis ? (e = Array.isArray(p.xAxis) ? p.xAxis[0] : p.xAxis, t = Array.isArray(p.yAxis) ? p.yAxis : [p.yAxis], n = p.series || []) : p?.x && p?.y ? (e = p.x, t = Array.isArray(p.y) ? p.y : [p.y]) : r = "Invalid or missing chart axis configuration", !r && (!e || !t || t.length === 0) && (r = "Missing required X-axis or Y-axis fields"), {
-			xAxisField: e,
-			yAxisFields: t,
-			seriesFields: n,
-			configError: r
-		};
-	}, [p]), { data: G, seriesKeys: K } = m(() => W || !e || e.length === 0 || !V ? {
-		data: [],
-		seriesKeys: []
-	} : t(e, V, H, E, U, P), [
-		e,
-		V,
-		H,
-		E,
-		U,
-		P,
-		W
-	]), q = m(() => p?.yAxisAssignment || {}, [p?.yAxisAssignment]), J = m(() => {
-		let e = {};
-		return H.forEach((t) => {
-			let n = P(t);
-			e[n] = t;
-		}), e;
-	}, [H, P]), Y = H.some((e) => q[e] === "right"), X = H.filter((e) => (q[e] || "left") === "left"), Z = H.filter((e) => q[e] === "right"), { chartData: Q, skippedCount: $ } = m(() => {
-		if (G.length === 0 || K.length === 0) return {
-			chartData: [],
-			skippedCount: 0
-		};
-		let e = G.filter((e) => K.some((t) => o(e[t])));
-		return {
-			chartData: e,
-			skippedCount: G.length - e.length
-		};
-	}, [G, K]);
-	try {
-		if (!e || e.length === 0) return /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: j("chart.runtime.noData")
-				}), /* @__PURE__ */ _("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No data points to display in bar chart"
-				})]
-			})
-		});
-		if (W) return /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: j("chart.runtime.configError")
-				}), /* @__PURE__ */ _("div", {
-					className: "dc:text-xs",
-					children: W
-				})]
-			})
-		});
-		let t = I && !Y, n = L && !Y, i = n ? "expand" : void 0, o = K.length === 1 && Q.some((e) => {
-			let t = e[K[0]];
-			return typeof t == "number" && t < 0;
-		}), p = K.length === 1 && !o && !U.length && Q.length > 1, m = R.showLegend, h = {
-			...r,
-			left: 40,
-			right: Y ? 40 : 20
-		}, E = d(c(T?.target || ""), Q.length), F = Q;
-		return E.length > 0 && (F = Q.map((e, t) => ({
-			...e,
-			__target: E[t] || null
-		}))), !Q || Q.length === 0 ? /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ _("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: j("chart.runtime.noValidData")
-				}), /* @__PURE__ */ _("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No valid data points for bar chart after transformation"
-				})]
-			})
-		}) : /* @__PURE__ */ v("div", {
-			className: "dc:relative dc:w-full",
-			style: { height: D },
-			children: [/* @__PURE__ */ _(u, {
-				height: $ > 0 ? "calc(100% - 20px)" : "100%",
-				children: /* @__PURE__ */ v(S, {
-					data: F,
-					margin: h,
-					stackOffset: i,
-					accessibilityLayer: !1,
-					children: [
-						R.showGrid && /* @__PURE__ */ _(b, {
-							strokeDasharray: "3 3",
-							style: { pointerEvents: "none" }
-						}),
-						/* @__PURE__ */ _(ne, {
-							dataKey: "name",
-							type: "category",
-							tick: /* @__PURE__ */ _(f, {}),
-							height: 60,
-							interval: re ? 0 : void 0
-						}),
-						/* @__PURE__ */ _(w, {
-							yAxisId: "left",
-							orientation: "left",
-							tick: { fontSize: 12 },
-							tickFormatter: n ? (e) => `${(e * 100).toFixed(0)}%` : z ? (e) => s(e, z) : void 0,
-							domain: n ? [0, 1] : void 0,
-							label: n ? void 0 : X.length > 0 ? {
-								value: z?.label || P(X[0]),
-								angle: -90,
-								position: "left",
-								style: {
-									textAnchor: "middle",
-									fontSize: "12px"
-								}
-							} : void 0
-						}),
-						Y && /* @__PURE__ */ _(w, {
-							yAxisId: "right",
-							orientation: "right",
-							tick: { fontSize: 12 },
-							tickFormatter: B ? (e) => s(e, B) : void 0,
-							label: Z.length > 0 ? {
-								value: B?.label || P(Z[0]),
-								angle: 90,
-								position: "right",
-								style: {
-									textAnchor: "middle",
-									fontSize: "12px"
-								}
-							} : void 0
-						}),
-						R.showTooltip && /* @__PURE__ */ _(l, { formatter: (e, t) => {
-							if (e == null) return ["No data", t];
-							if (t === "Target") return [s(e, z), "Target Value"];
-							if (n && typeof e == "number") return [`${(e * 100).toFixed(1)}%`, t];
-							let r = J[t];
-							return [s(e, (r && q[r] === "right" ? "right" : "left") == "right" ? B : z), t];
-						} }),
-						m && /* @__PURE__ */ _(te, {
-							wrapperStyle: {
-								fontSize: "12px",
-								paddingTop: "25px"
-							},
-							iconType: "rect",
-							iconSize: 8,
-							layout: "horizontal",
-							align: "center",
-							verticalAlign: "bottom",
-							onMouseEnter: (e) => N(String(e.dataKey || "")),
-							onMouseLeave: () => N(null)
-						}),
-						K.map((e, n) => {
-							let r = J[e];
-							return /* @__PURE__ */ v(y, {
-								dataKey: e,
-								yAxisId: r && q[r] === "right" ? "right" : "left",
-								stackId: t ? "stack" : void 0,
-								fill: o ? ee : O?.colors && O.colors[n % O.colors.length] || a[n % a.length],
-								fillOpacity: M ? M === e ? 1 : .3 : 1,
-								cursor: A ? "pointer" : void 0,
-								onClick: (t, n, i) => {
-									k && A && t && k({
-										dataPoint: F[n] || t,
-										clickedField: r || e,
-										xValue: t.name,
-										position: {
-											x: i.clientX,
-											y: i.clientY
-										},
-										nativeEvent: i
-									});
-								},
-								children: [o && Q.map((t, n) => {
-									let r = t[e];
-									return /* @__PURE__ */ _(x, {
-										fill: typeof r == "number" && r < 0 ? "#ef4444" : "#10b981",
-										fillOpacity: M ? M === e ? 1 : .3 : 1
-									}, `cell-${n}`);
-								}), p && Q.map((t, n) => {
-									let r = O?.colors || a;
-									return /* @__PURE__ */ _(x, {
-										fill: r[n % r.length],
-										fillOpacity: M ? M === e ? 1 : .3 : 1
-									}, `cat-${n}`);
-								})]
-							}, e);
-						}),
-						E.length > 0 && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(C, {
-							type: "monotone",
-							dataKey: "__target",
-							yAxisId: "left",
-							stroke: "#ffffff",
-							strokeWidth: 2,
-							dot: !1,
-							activeDot: !1,
-							connectNulls: !1
-						}), /* @__PURE__ */ _(C, {
-							type: "monotone",
-							dataKey: "__target",
-							yAxisId: "left",
-							name: "Target",
-							stroke: "#8B5CF6",
-							strokeWidth: 2,
-							strokeDasharray: "2 3",
-							dot: !1,
-							activeDot: !1,
-							connectNulls: !1
-						})] })
-					]
-				})
-			}), $ > 0 && /* @__PURE__ */ v("div", {
-				className: "dc:text-xs text-dc-text-muted dc:text-center dc:mt-1",
-				children: [
-					$,
-					" data point",
-					$ === 1 ? "" : "s",
-					" with no values hidden"
-				]
-			})]
-		});
-	} catch (e) {
-		return /* @__PURE__ */ _("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: D },
-			children: /* @__PURE__ */ v("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ _("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: j("chart.runtime.chartError", { chartType: "Bar Chart" })
-					}),
-					/* @__PURE__ */ _("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : j("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ _("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: j("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { T as n, E as t };
-
-//# sourceMappingURL=chart-bar-KddciGDv.js.map

package/dist/client/chunks/chart-bar-KddciGDv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bar-KddciGDv.js","names":[],"sources":["../../../src/client/components/charts/BarChart.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, POSITIVE_COLOR, NEGATIVE_COLOR, CHART_MARGINS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { parseTargetValues, spreadTargetValues } from '../../utils/targetUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst BarChart = React.memo(function BarChart({\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  // 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  }\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  // Validate chartConfig - support both legacy and new formats\n  // Do validation but don't early return yet (hooks must come first)\n  const { xAxisField, yAxisFields, seriesFields, configError } = useMemo(() => {\n    let xAxisField: string | undefined\n    let yAxisFields: string[] = []\n    let seriesFields: string[] = []\n    let configError: string | null = null\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      configError = 'Invalid or missing chart axis configuration'\n    }\n\n    if (!configError && (!xAxisField || !yAxisFields || yAxisFields.length === 0)) {\n      configError = 'Missing required X-axis or Y-axis fields'\n    }\n\n    return { xAxisField, yAxisFields, seriesFields, configError }\n  }, [chartConfig])\n\n  // Transform data (will be empty arrays if config is invalid)\n  const { data: transformedData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField) {\n      return { data: [], seriesKeys: [] }\n    }\n    return transformChartDataWithSeries(\n      data,\n      xAxisField,\n      yAxisFields,\n      queryObject,\n      seriesFields,\n      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisFields, queryObject, seriesFields, getFieldLabel, configError])\n\n  // Dual Y-axis support: extract yAxisAssignment from chartConfig (memoized to prevent object recreation)\n  const yAxisAssignment = useMemo(() =>\n    chartConfig?.yAxisAssignment || {},\n    [chartConfig?.yAxisAssignment]\n  )\n\n  // Build mapping from series key (label) to original field name\n  const seriesKeyToField: Record<string, string> = useMemo(() => {\n    const mapping: Record<string, string> = {}\n    yAxisFields.forEach((field) => {\n      const label = getFieldLabel(field)\n      mapping[label] = field\n    })\n    return mapping\n  }, [yAxisFields, getFieldLabel])\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  // Null handling: Filter out data points where ALL measure values are null\n  // This prevents rendering empty bars and makes the chart clearer\n  const { chartData, skippedCount } = useMemo(() => {\n    if (transformedData.length === 0 || seriesKeys.length === 0) {\n      return { chartData: [], skippedCount: 0 }\n    }\n    const filtered = transformedData.filter(row => {\n      // Keep the row if at least one series has a valid numeric value\n      return seriesKeys.some(key => isValidNumericValue(row[key]))\n    })\n    const skipped = transformedData.length - filtered.length\n    return { chartData: filtered, skippedCount: skipped }\n  }, [transformedData, seriesKeys])\n\n  // Now handle early returns AFTER all hooks\n  try {\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\">No data points to display in bar chart</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (configError) {\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\">{configError}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Determine stack offset for percentage stacking\n    // Disable stacking when dual Y-axis is used (bars on different axes can't be stacked)\n    const effectiveShouldStack = shouldStack && !hasRightAxis\n    const effectiveIsPercentStack = isPercentStack && !hasRightAxis\n    const stackOffset = effectiveIsPercentStack ? 'expand' as const : undefined\n\n    // Check if we should use positive/negative coloring\n    // This is enabled when we have single series data with mixed positive/negative values\n    const usePositiveNegativeColoring = seriesKeys.length === 1 && chartData.some(row => {\n      const value = row[seriesKeys[0]]\n      return typeof value === 'number' && value < 0\n    })\n\n    // Color each bar by its x-axis category when there's a single measure and no series dimension.\n    // This gives each category a distinct color without needing to abuse the series field.\n    const useColorByCategory = seriesKeys.length === 1\n      && !usePositiveNegativeColoring\n      && !seriesFields.length\n      && chartData.length > 1\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 bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height={skippedCount > 0 ? `calc(100% - 20px)` : \"100%\"}>\n          <ComposedChart data={enhancedChartData} margin={chartMargins} stackOffset={stackOffset} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            type=\"category\"\n            tick={<AngledXAxisTick />}\n            height={60}\n            interval={showAllXLabels ? 0 : undefined}\n          />\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: '25px' }}\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            return (\n              <Bar\n                key={seriesKey}\n                dataKey={seriesKey}\n                yAxisId={axisId}\n                stackId={effectiveShouldStack ? 'stack' : undefined}\n                fill={\n                  usePositiveNegativeColoring\n                    ? POSITIVE_COLOR\n                    : (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                      CHART_COLORS[index % CHART_COLORS.length]\n                }\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                cursor={drillEnabled ? 'pointer' : undefined}\n                onClick={(barData: any, dataIndex: number, event: React.MouseEvent) => {\n                  if (onDataPointClick && drillEnabled && barData) {\n                    onDataPointClick({\n                      dataPoint: enhancedChartData[dataIndex] || barData,\n                      clickedField: originalField || seriesKey,\n                      xValue: barData.name,\n                      position: { x: event.clientX, y: event.clientY },\n                      nativeEvent: event\n                    })\n                  }\n                }}\n              >\n                {usePositiveNegativeColoring &&\n                  chartData.map((entry, entryIndex) => {\n                    const value = entry[seriesKey]\n                    const fillColor = typeof value === 'number' && value < 0 ? NEGATIVE_COLOR : POSITIVE_COLOR\n                    return (\n                      <Cell\n                        key={`cell-${entryIndex}`}\n                        fill={fillColor}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n                {useColorByCategory &&\n                  chartData.map((_entry, entryIndex) => {\n                    const colors = colorPalette?.colors || CHART_COLORS\n                    return (\n                      <Cell\n                        key={`cat-${entryIndex}`}\n                        fill={colors[entryIndex % colors.length]}\n                        fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n                      />\n                    )\n                  })}\n              </Bar>\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        {skippedCount > 0 && (\n          <div className=\"dc:text-xs text-dc-text-muted dc:text-center dc:mt-1\">\n            {skippedCount} data point{skippedCount !== 1 ? 's' : ''} with no values hidden\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'BarChart 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: 'Bar 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 BarChart"],"mappings":"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"}

package/dist/client/chunks/chart-bubble-CfqiB538.js

@@ -1,273 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { S as t, T as n, _ as r, g as i, i as a, k as o, m as s, n as c, r as l, u, w as d, x as f, y as p } from "./chart-activity-grid-DmruKPab.js";
-import m, { useCallback as h, useEffect as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b, useSyncExternalStore as x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { axisBottom as w, axisLeft as T, extent as E, max as D, scaleLinear as O, scaleOrdinal as k, scaleQuantize as ee, scaleSqrt as te, select as A } from "d3";
-//#region src/client/hooks/useTheme.ts
-var j = {
-	listeners: /* @__PURE__ */ new Set(),
-	subscribe(e) {
-		return this.listeners.add(e), () => this.listeners.delete(e);
-	},
-	notify() {
-		this.listeners.forEach((e) => e());
-	}
-};
-i(() => {
-	j.notify();
-});
-function M() {
-	return {
-		theme: x(j.subscribe.bind(j), u, u),
-		setTheme: h((e) => {
-			s(e), j.notify();
-		}, [])
-	};
-}
-//#endregion
-//#region src/client/components/charts/BubbleChart.tsx
-var N = /* @__PURE__ */ e({ default: () => P }), P = m.memo(function({ data: e, chartConfig: i, displayConfig: s = {}, queryObject: u, height: m = "100%", colorPalette: h }) {
-	let { t: x } = o(), j = y(null), N = y(null), [P, F] = b({
-		width: 0,
-		height: 0
-	}), [I, L] = b(!1), { theme: R } = M(), z = r(), B = v(() => ({
-		showLegend: s?.showLegend ?? !0,
-		showGrid: s?.showGrid ?? !0,
-		showTooltip: s?.showTooltip ?? !0,
-		minBubbleSize: s?.minBubbleSize ?? 5,
-		maxBubbleSize: s?.maxBubbleSize ?? 50,
-		bubbleOpacity: s?.bubbleOpacity ?? .7,
-		xAxisFormat: s?.xAxisFormat,
-		leftYAxisFormat: s?.leftYAxisFormat
-	}), [
-		s?.showLegend,
-		s?.showGrid,
-		s?.showTooltip,
-		s?.minBubbleSize,
-		s?.maxBubbleSize,
-		s?.bubbleOpacity,
-		s?.xAxisFormat,
-		s?.leftYAxisFormat
-	]);
-	return _(() => {
-		let e = 0, t, n, r = () => {
-			if (N.current) {
-				let { width: e, height: t } = N.current.getBoundingClientRect();
-				if (e > 0 && t > 0) return F({
-					width: e,
-					height: t
-				}), L(!0), !0;
-			}
-			return !1;
-		};
-		if (!r() && e < 10) {
-			let i = () => {
-				!r() && e < 10 && (e++, n = setTimeout(() => {
-					t = requestAnimationFrame(i);
-				}, 50 * e));
-			};
-			t = requestAnimationFrame(i);
-		}
-		return () => {
-			t && cancelAnimationFrame(t), n && clearTimeout(n);
-		};
-	}, []), g(() => {
-		let e = null, t = () => {
-			if (N.current) {
-				let { width: e, height: t } = N.current.getBoundingClientRect();
-				e > 0 && t > 0 && (F({
-					width: e,
-					height: t
-				}), I || L(!0));
-			}
-		};
-		return N.current && (e = new ResizeObserver((e) => {
-			for (let t of e) {
-				let { width: e, height: n } = t.contentRect;
-				e > 0 && n > 0 && (F({
-					width: e,
-					height: n
-				}), I || L(!0));
-			}
-		}), e.observe(N.current), t()), window.addEventListener("resize", t), () => {
-			e && e.disconnect(), window.removeEventListener("resize", t);
-		};
-	}, [I]), g(() => {
-		if (!e || e.length === 0 || !j.current || !I || P.width === 0 || (A(j.current).selectAll("*").remove(), !i?.xAxis || !i?.yAxis || !i?.series)) return;
-		let r = Array.isArray(i.xAxis) ? i.xAxis[0] : i.xAxis, o = Array.isArray(i.yAxis) ? i.yAxis[0] : i.yAxis, s = Array.isArray(i.series) ? i.series[0] : i.series, m = Array.isArray(i.sizeField) ? i.sizeField[0] : i.sizeField || o, g = Array.isArray(i.colorField) ? i.colorField[0] : i.colorField;
-		if (!r || !o || !s || !m) return;
-		let _ = t(u, r), v = u?.timeDimensions?.some((e) => e.dimension === r) || !1, y = e.map((e) => {
-			let t = e[r], i, a;
-			if (v && t) {
-				let e = String(t), n;
-				if (e.match(/^\d{4}-\d{2}-\d{2}[T ]/)) {
-					let t = e;
-					e.includes(" ") && (t = e.replace(" ", "T").replace("+00", "Z").replace(/\+\d{2}:\d{2}$/, "Z")), !t.endsWith("Z") && !t.includes("+") && (t += "Z"), n = new Date(t);
-				} else n = new Date(e);
-				i = isNaN(n.getTime()) ? parseFloat(e) : n.getTime(), a = f(t, _);
-			} else {
-				let e = f(t, _) || t;
-				i = typeof e == "string" ? parseFloat(e) : e, a = String(e);
-			}
-			let c = n(e[o]), l = n(e[m]), u = e[s];
-			return {
-				x: i,
-				xLabel: a,
-				y: c,
-				size: l === null ? 0 : Math.abs(l),
-				color: g ? e[g] : u,
-				series: u,
-				label: `${u || "Unknown"}`,
-				isValid: d(i) && c !== null && l !== null && l > 0
-			};
-		}).filter((e) => e.isValid && e.size > 0);
-		if (y.length === 0) return;
-		let b = {
-			...a,
-			left: a.left + 30,
-			bottom: B.showLegend && g ? 100 : 40
-		}, x = P.width - b.left - b.right, S = P.height - b.top - b.bottom, C = A(j.current).attr("width", P.width).attr("height", P.height), M = C.append("g").attr("transform", `translate(${b.left},${b.top})`), N = O().domain(E(y, (e) => e.x)).range([0, x]).nice(), F = O().domain(E(y, (e) => e.y)).range([S, 0]).nice(), L = te().domain([0, D(y, (e) => e.size)]).range([B.minBubbleSize, B.maxBubbleSize]), V, H = !1, U = [];
-		if (g && y.length > 0) {
-			let e = y.map((e) => {
-				let t = e.color;
-				return typeof t == "string" ? parseFloat(t) : t;
-			}).filter((e) => !isNaN(e));
-			if (H = e.length === y.length && e.every((e) => typeof e == "number"), H) {
-				let t = Math.min(...e), n = Math.max(...e);
-				V = ee().domain([t, n]).range(h?.gradient || l);
-			} else U = [...new Set(y.map((e) => String(e.color)))], V = k().domain(U).range(h?.colors || c);
-		} else V = k().domain(["default"]).range([c[0]]);
-		let W = (e, t) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || t, G = R !== "light", K = G ? W("--dc-text-muted", "#cbd5e1") : W("--dc-text-secondary", "#374151"), q = G ? W("--dc-border", "#475569") : "#9ca3af";
-		if (B.showGrid) {
-			let e = M.append("g").attr("class", "grid").attr("transform", `translate(0,${S})`).call(w(N).tickSize(-S).tickFormat(() => ""));
-			e.selectAll("line").style("stroke", q).style("stroke-dasharray", "3,3").style("opacity", .3), e.select(".domain").style("stroke", "none");
-			let t = M.append("g").attr("class", "grid").call(T(F).tickSize(-x).tickFormat(() => ""));
-			t.selectAll("line").style("stroke", q).style("stroke-dasharray", "3,3").style("opacity", .3), t.select(".domain").style("stroke", "none");
-		}
-		let J = w(N);
-		v ? J.tickFormat((e) => {
-			let t = new Date(e);
-			if (isNaN(t.getTime())) return String(e);
-			switch (_?.toLowerCase()) {
-				case "year": return String(t.getUTCFullYear());
-				case "quarter": {
-					let e = Math.floor(t.getUTCMonth() / 3) + 1;
-					return `${t.getUTCFullYear()}-Q${e}`;
-				}
-				case "month": return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
-				case "week":
-				case "day": return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`;
-				case "hour": return `${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")} ${String(t.getUTCHours()).padStart(2, "0")}:00`;
-				default: return `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}`;
-			}
-		}) : B.xAxisFormat && J.tickFormat((e) => p(e, B.xAxisFormat));
-		let Y = M.append("g").attr("transform", `translate(0,${S})`).call(J);
-		Y.selectAll("text").style("fill", K), Y.selectAll("line, path").style("stroke", q), Y.append("text").attr("x", x / 2).attr("y", 35).attr("fill", K).style("text-anchor", "middle").style("font-size", "12px").text(B.xAxisFormat?.label || z(r));
-		let X = T(F);
-		B.leftYAxisFormat && X.tickFormat((e) => p(e, B.leftYAxisFormat));
-		let Z = M.append("g").call(X);
-		Z.selectAll("text").style("fill", K), Z.selectAll("line, path").style("stroke", q), Z.append("text").attr("transform", "rotate(-90)").attr("y", -35).attr("x", -S / 2).attr("fill", K).style("text-anchor", "middle").style("font-size", "12px").text(B.leftYAxisFormat?.label || z(o));
-		let Q = A("body").append("div").attr("class", "bubble-chart-tooltip").style("position", "absolute").style("padding", "8px").style("background", "rgba(0, 0, 0, 0.8)").style("color", "white").style("border-radius", "4px").style("font-size", "12px").style("pointer-events", "none").style("opacity", 0).style("z-index", 1e3), $ = M.selectAll(".bubble").data(y).enter().append("circle").attr("class", "bubble").attr("cx", (e) => N(e.x)).attr("cy", (e) => F(e.y)).attr("r", (e) => L(e.size)).style("fill", (e) => g && e.color !== void 0 ? V(H ? e.color : String(e.color)) : c[0]).style("opacity", B.bubbleOpacity).style("stroke", "#fff").style("stroke-width", 1).style("cursor", "pointer");
-		if (B.showTooltip && $.on("mouseover", function(e, t) {
-			A(this).transition().duration(200).style("opacity", 1).attr("r", L(t.size) * 1.1);
-			let n = [
-				`<strong>${t.series || "Unknown"}</strong>`,
-				`${z(r)}: ${t.xLabel || (B.xAxisFormat ? p(t.x, B.xAxisFormat) : t.x)}`,
-				`${z(o)}: ${B.leftYAxisFormat ? p(t.y, B.leftYAxisFormat) : t.y}`,
-				`${z(m)}: ${B.leftYAxisFormat ? p(t.size, B.leftYAxisFormat) : t.size}`,
-				g && t.color ? `${z(g)}: ${t.color}` : ""
-			].filter(Boolean).join("<br>");
-			Q.html(n).style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px").transition().duration(200).style("opacity", 1);
-		}).on("mousemove", function(e) {
-			Q.style("left", e.pageX + 10 + "px").style("top", e.pageY - 10 + "px");
-		}).on("mouseout", function(e, t) {
-			A(this).transition().duration(200).style("opacity", B.bubbleOpacity).attr("r", L(t.size)), Q.transition().duration(200).style("opacity", 0);
-		}), B.showLegend && g) if (H) {
-			let e = Math.min(...y.map((e) => e.color)), t = Math.max(...y.map((e) => e.color)), n = M.append("g").attr("class", "color-legend").attr("transform", `translate(${x / 2 - 200 / 2}, ${S + 60})`), r = C.append("defs").append("linearGradient").attr("id", "color-scale-gradient").attr("x1", "0%").attr("y1", "0%").attr("x2", "100%").attr("y2", "0%"), i = h?.gradient || l;
-			i.forEach((e, t) => {
-				r.append("stop").attr("offset", `${t / (i.length - 1) * 100}%`).attr("stop-color", e);
-			}), n.append("rect").attr("width", 200).attr("height", 20).style("fill", "url(#color-scale-gradient)").style("stroke", "#ccc").style("stroke-width", 1), n.append("text").attr("x", 0).attr("y", 35).attr("text-anchor", "start").style("font-size", "11px").style("fill", K).text(B.leftYAxisFormat ? p(e, B.leftYAxisFormat) : e.toFixed(2)), n.append("text").attr("x", 200).attr("y", 35).attr("text-anchor", "end").style("font-size", "11px").style("fill", K).text(B.leftYAxisFormat ? p(t, B.leftYAxisFormat) : t.toFixed(2)), n.append("text").attr("x", 200 / 2).attr("y", -5).attr("text-anchor", "middle").style("font-size", "12px").style("font-weight", "bold").style("fill", K).text(z(g));
-		} else {
-			let e = U;
-			if (e.length > 0) {
-				let t = M.append("g").attr("class", "legend").attr("transform", `translate(${x / 2 - e.length * 80 / 2}, ${S + 60})`).selectAll(".legend-item").data(e).enter().append("g").attr("class", "legend-item").attr("transform", (e, t) => `translate(${t * 80}, 0)`).style("cursor", "pointer");
-				t.append("circle").attr("cx", 5).attr("cy", 5).attr("r", 5).style("fill", (e) => V(e)).style("opacity", B.bubbleOpacity), t.append("text").attr("x", 15).attr("y", 5).attr("dy", ".35em").style("font-size", "11px").style("fill", K).text((e) => String(e)), t.on("mouseover", function(e, t) {
-					$.transition().duration(200).style("opacity", (e) => g && String(e.color) === t ? 1 : .2);
-				}).on("mouseout", function() {
-					$.transition().duration(200).style("opacity", B.bubbleOpacity);
-				});
-			}
-		}
-		return () => {
-			Q.remove();
-		};
-	}, [
-		e,
-		i,
-		B,
-		u,
-		P,
-		I,
-		h,
-		R,
-		z
-	]), !e || e.length === 0 ? /* @__PURE__ */ S("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-		style: { height: m },
-		children: /* @__PURE__ */ C("div", {
-			className: "dc:text-center",
-			children: [/* @__PURE__ */ S("div", {
-				className: "dc:text-sm dc:font-semibold dc:mb-1",
-				children: x("chart.runtime.noData")
-			}), /* @__PURE__ */ S("div", {
-				className: "dc:text-xs text-dc-text-secondary",
-				children: x("chart.runtime.noDataHint.bubble")
-			})]
-		})
-	}) : i?.xAxis && i?.yAxis && i?.series ? /* @__PURE__ */ S("div", {
-		className: "dc:w-full dc:flex-1 dc:flex dc:flex-col dc:relative",
-		style: {
-			height: m,
-			minHeight: "250px",
-			overflow: "hidden"
-		},
-		children: /* @__PURE__ */ C("div", {
-			ref: N,
-			className: "dc:w-full dc:h-full dc:relative",
-			children: [/* @__PURE__ */ S("svg", {
-				ref: j,
-				className: "dc:w-full dc:h-full"
-			}), !I && /* @__PURE__ */ S("div", {
-				className: "dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center",
-				children: /* @__PURE__ */ S("div", {
-					className: "text-dc-text-muted dc:text-sm",
-					children: x("chart.runtime.measuringDimensions")
-				})
-			})]
-		})
-	}) : /* @__PURE__ */ S("div", {
-		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-		style: { height: m },
-		children: /* @__PURE__ */ C("div", {
-			className: "dc:text-center",
-			children: [
-				/* @__PURE__ */ S("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: x("chart.runtime.activityGridConfigRequired")
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "dc:text-xs",
-					children: x("chart.runtime.configErrorHint.bubbleRequired")
-				}),
-				/* @__PURE__ */ S("div", {
-					className: "dc:text-xs dc:mt-1",
-					children: x("chart.runtime.configErrorHint.bubbleOptional")
-				})
-			]
-		})
-	});
-});
-//#endregion
-export { M as n, N as t };
-
-//# sourceMappingURL=chart-bubble-CfqiB538.js.map