drizzle-cube 0.4.53 → 0.5.0

package/dist/client/chunks/chart-measure-profile-B41qCTBG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-measure-profile-B41qCTBG.js","names":[],"sources":["../../../src/client/components/charts/MeasureProfileChart.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { LineChart, Line, XAxis, YAxis, CartesianGrid, ReferenceLine, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\n/**\n * Pivots N measures from chartConfig.yAxis[] into sequential X-axis points.\n * Each measure becomes one X-axis category; its numeric value is Y.\n * When a series dimension is provided, values are averaged across all rows\n * that share the same series value.\n *\n * Input (normal cube rows):\n *   [{ 'Markouts.avgMinus2m': 10, 'Markouts.avgAtEvent': 0, 'Trades.symbol': 'AAPL' },\n *    { 'Markouts.avgMinus2m': 12, 'Markouts.avgAtEvent': 1, 'Trades.symbol': 'AAPL' }]\n *\n * Output (one row per measure, values averaged per series):\n *   [{ measureKey: 'Markouts.avgMinus2m', measureLabel: <getFieldLabel result>, AAPL: 11 },\n *    { measureKey: 'Markouts.avgAtEvent', measureLabel: <getFieldLabel result>, AAPL: 0.5 }]\n */\nfunction pivotMeasuresToProfile(\n  data: Record<string, unknown>[],\n  yAxisFields: string[],\n  seriesField: string | undefined,\n  getFieldLabel: (field: string) => string\n): { profileData: Record<string, unknown>[]; seriesKeys: string[] } {\n  if (!data || data.length === 0 || yAxisFields.length === 0) {\n    return { profileData: [], seriesKeys: [] }\n  }\n\n  if (seriesField) {\n    const seriesValues = Array.from(new Set(data.map((row) => String(row[seriesField] ?? 'Unknown'))))\n    const profileData = yAxisFields.map((field) => {\n      const base: Record<string, unknown> = {\n        measureKey: field,\n        measureLabel: getFieldLabel(field),\n      }\n      for (const seriesVal of seriesValues) {\n        const matchingRows = data.filter((row) => String(row[seriesField] ?? 'Unknown') === seriesVal)\n        const values = matchingRows\n          .map((r) => {\n            const v = r[field]\n            return typeof v === 'number' ? v : parseFloat(String(v ?? ''))\n          })\n          .filter((v) => !isNaN(v))\n        base[seriesVal] = values.length > 0 ? values.reduce((a, b) => a + b, 0) / values.length : null\n      }\n      return base\n    })\n    return { profileData, seriesKeys: seriesValues }\n  } else {\n    const VALUE_KEY = '_value'\n    const profileData = yAxisFields.map((field) => {\n      const values = data\n        .map((r) => {\n          const v = r[field]\n          return typeof v === 'number' ? v : parseFloat(String(v ?? ''))\n        })\n        .filter((v) => !isNaN(v))\n      return {\n        measureKey: field,\n        measureLabel: getFieldLabel(field),\n        [VALUE_KEY]: values.length > 0 ? values.reduce((a, b) => a + b, 0) / values.length : null,\n      }\n    })\n    return { profileData, seriesKeys: [VALUE_KEY] }\n  }\n}\n\nconst MeasureProfileChart = React.memo(function MeasureProfileChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  colorPalette,\n  drillEnabled,\n}: ChartProps) {\n  const { t } = useTranslation()\n  const getFieldLabel = useCubeFieldLabel()\n\n  const showReferenceLineAtZero = displayConfig?.showReferenceLineAtZero ?? true\n  const showDataLabels = displayConfig?.showDataLabels ?? false\n  const lineType = displayConfig?.lineType ?? 'monotone'\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { yAxisFields, seriesField, configError } = useMemo(() => {\n    const yAxisFields: string[] = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis\n      : []\n    const seriesField = Array.isArray(chartConfig?.series)\n      ? chartConfig.series[0]\n      : chartConfig?.series ?? undefined\n    const configError =\n      yAxisFields.length < 2 ? 'Measure Profile chart requires at least 2 measures in Y-Axis' : null\n    return { yAxisFields, seriesField, configError }\n  }, [chartConfig])\n\n  const { profileData, seriesKeys } = useMemo(() => {\n    if (configError || !data || data.length === 0) return { profileData: [], seriesKeys: [] }\n    return pivotMeasuresToProfile(\n      data as Record<string, unknown>[],\n      yAxisFields,\n      seriesField,\n      getFieldLabel\n    )\n  }, [data, yAxisFields, seriesField, getFieldLabel, configError])\n\n  const showLegend = (displayConfig?.showLegend ?? true) && seriesKeys.length > 1\n\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\">{t('chart.runtime.noDataHint.measureProfile')}</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    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height=\"100%\">\n          <LineChart data={profileData} margin={{ ...CHART_MARGINS, left: 40 }} accessibilityLayer={false}>\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n            <XAxis dataKey=\"measureLabel\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n            <YAxis\n              tick={{ fontSize: 12 }}\n              tickFormatter={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n            <ChartTooltip\n              formatter={(value: any, name: any) => {\n                if (value === null || value === undefined) return ['No data', name]\n                const formatted = yAxisFormat ? formatAxisValue(value, yAxisFormat) : value?.toLocaleString?.() ?? value\n                const displayName = name === '_value' ? (getFieldLabel(yAxisFields[0]?.split('.')[0]) || 'Value') : name\n                return [formatted, displayName]\n              }}\n            />\n            {showReferenceLineAtZero && (\n              <ReferenceLine y={0} stroke=\"var(--dc-border, #94a3b8)\" strokeDasharray=\"4 2\" />\n            )}\n            {showLegend && (\n              <Legend wrapperStyle={{ fontSize: '12px', paddingTop: '8px' }} />\n            )}\n            {seriesKeys.map((seriesKey, index) => (\n              <Line\n                key={seriesKey}\n                type={lineType}\n                dataKey={seriesKey}\n                name={seriesKey === '_value' ? (getFieldLabel(yAxisFields[0]?.split('.')[0]) || 'Value') : seriesKey}\n                stroke={\n                  (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) ||\n                  CHART_COLORS[index % CHART_COLORS.length]\n                }\n                strokeWidth={2}\n                dot={showDataLabels ? { r: 4 } : { r: 3 }}\n                activeDot={{ r: 5 }}\n                label={showDataLabels ? { position: 'top', fontSize: 10 } : undefined}\n                isAnimationActive={false}\n                cursor={drillEnabled ? 'pointer' : undefined}\n              />\n            ))}\n          </LineChart>\n        </ChartContainer>\n      </div>\n    )\n  } catch (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: 'Measure Profile 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 MeasureProfileChart\n"],"mappings":"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"}

package/dist/client/chunks/chart-pie-Djbu8x2v.js

@@ -0,0 +1,172 @@
+import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
+import { D as t, S as n, _ as r, k as i, n as a, x as o, y as s } from "./chart-activity-grid-CWT0gLv4.js";
+import { c, l } from "./chart-area-D63kG8OT.js";
+import u, { useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Cell as m, Legend as h, Pie as g, PieChart as _ } from "recharts";
+//#region src/client/components/charts/PieChart.tsx
+var v = /* @__PURE__ */ e({ default: () => y }), y = u.memo(function({ data: e, chartConfig: u, displayConfig: v = {}, queryObject: y, height: b = "100%", colorPalette: x, onDataPointClick: S, drillEnabled: C }) {
+	let { t: w } = i(), [T, E] = d(null), D = r();
+	try {
+		let r = {
+			showLegend: v?.showLegend ?? !0,
+			showTooltip: v?.showTooltip ?? !0,
+			leftYAxisFormat: v?.leftYAxisFormat,
+			innerRadius: v?.innerRadius || "0%"
+		};
+		if (!e || e.length === 0) return /* @__PURE__ */ f("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+			style: { height: b },
+			children: /* @__PURE__ */ p("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ f("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: w("chart.runtime.noData")
+				}), /* @__PURE__ */ f("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: w("chart.runtime.noDataHint.pie")
+				})]
+			})
+		});
+		let i, d, O, k = [];
+		if (u?.xAxis && u?.yAxis) d = Array.isArray(u.xAxis) ? u.xAxis[0] : u.xAxis, O = Array.isArray(u.yAxis) ? u.yAxis : [u.yAxis], k = u.series || [];
+		else if (u?.x && u?.y) d = u.x, O = Array.isArray(u.y) ? u.y : [u.y];
+		else return /* @__PURE__ */ f("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+			style: { height: b },
+			children: /* @__PURE__ */ p("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ f("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: w("chart.runtime.configError")
+				}), /* @__PURE__ */ f("div", {
+					className: "dc:text-xs",
+					children: w("chart.runtime.configErrorHint.pieAxis")
+				})]
+			})
+		});
+		if (!d || !O || O.length === 0) return /* @__PURE__ */ f("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+			style: { height: b },
+			children: /* @__PURE__ */ p("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ f("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: w("chart.runtime.configError")
+				}), /* @__PURE__ */ f("div", {
+					className: "dc:text-xs",
+					children: w("chart.runtime.configErrorHint.axisFields")
+				})]
+			})
+		});
+		if (k.length > 0) {
+			let { data: n } = t(e, d, O, y, k, D);
+			if (i = [], n.length > 0) {
+				let e = n[0];
+				Object.keys(e).forEach((t) => {
+					t !== "name" && typeof e[t] == "number" && i.push({
+						name: String(t),
+						value: e[t]
+					});
+				});
+			}
+		} else {
+			let t = n(y, d);
+			i = e.map((e) => {
+				let n = o(e[d], t) || String(e[d]) || "Unknown";
+				return typeof e[d] == "boolean" ? n = e[d] ? "Active" : "Inactive" : (n === "true" || n === "false") && (n = n === "true" ? "Active" : "Inactive"), {
+					name: n,
+					value: typeof e[O[0]] == "string" ? parseFloat(e[O[0]]) : e[O[0]] || 0
+				};
+			});
+		}
+		let A = i.length;
+		return i = i.filter((e) => e.value != null && !isNaN(e.value) && e.value !== 0 && e.value > 0), i.length === 0 ? /* @__PURE__ */ f("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+			style: { height: b },
+			children: /* @__PURE__ */ p("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ f("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: w("chart.runtime.noValidData")
+				}), /* @__PURE__ */ f("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: A > 0 ? `Filtered out ${A} data points (zero or invalid values)` : "No data points to display in pie chart"
+				})]
+			})
+		}) : /* @__PURE__ */ f(l, {
+			height: b,
+			children: /* @__PURE__ */ p(_, {
+				accessibilityLayer: !1,
+				children: [
+					/* @__PURE__ */ f(g, {
+						data: i,
+						cx: "50%",
+						cy: "50%",
+						innerRadius: r.innerRadius === "0%" ? void 0 : r.innerRadius,
+						outerRadius: "70%",
+						dataKey: "value",
+						label: r.showLegend ? void 0 : ({ name: e, percent: t }) => `${e} ${((t || 0) * 100).toFixed(0)}%`,
+						cursor: C ? "pointer" : void 0,
+						onClick: (e, t, n) => {
+							S && C && e && S({
+								dataPoint: e,
+								clickedField: O[0],
+								xValue: e.name,
+								position: {
+									x: n.clientX,
+									y: n.clientY
+								},
+								nativeEvent: n
+							});
+						},
+						children: i.map((e, t) => /* @__PURE__ */ f(m, {
+							fill: x?.colors && x.colors[t % x.colors.length] || a[t % a.length],
+							fillOpacity: T ? T === i[t].name ? 1 : .3 : 1
+						}, `cell-${t}`))
+					}),
+					r.showTooltip && /* @__PURE__ */ f(c, { formatter: r.leftYAxisFormat ? (e, t) => [s(e, r.leftYAxisFormat), t] : void 0 }),
+					r.showLegend && /* @__PURE__ */ f(h, {
+						wrapperStyle: {
+							fontSize: "12px",
+							paddingTop: "10px"
+						},
+						iconType: "circle",
+						iconSize: 8,
+						layout: "horizontal",
+						align: "center",
+						verticalAlign: "bottom",
+						onMouseEnter: (e) => E(String(e.value || "")),
+						onMouseLeave: () => E(null)
+					})
+				]
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ f("div", {
+			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
+			style: { height: b },
+			children: /* @__PURE__ */ p("div", {
+				className: "dc:text-center",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "dc:text-sm dc:font-semibold dc:mb-1",
+						children: w("chart.runtime.chartError", { chartType: "Pie Chart" })
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "dc:text-xs dc:mb-2",
+						children: e instanceof Error ? e.message : w("chart.runtime.unknownError")
+					}),
+					/* @__PURE__ */ f("div", {
+						className: "dc:text-xs text-dc-text-muted",
+						children: w("chart.runtime.checkConfig")
+					})
+				]
+			})
+		});
+	}
+});
+//#endregion
+export { v as n, y as t };
+
+//# sourceMappingURL=chart-pie-Djbu8x2v.js.map

package/dist/client/chunks/chart-pie-Djbu8x2v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-pie-Djbu8x2v.js","names":[],"sources":["../../../src/client/components/charts/PieChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { PieChart as RechartsPieChart, Pie, Cell, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst PieChart = React.memo(function PieChart({\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    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat,\n      innerRadius: displayConfig?.innerRadius || '0%'\n    }\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.pie')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let pieData: Array<{name: string, value: number}>\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.pieAxis')}</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    if (seriesFields.length > 0) {\n      // Use series-based transformation for dimension-based pie slices\n      const { data: chartData } = transformChartDataWithSeries(\n        data,\n        xAxisField,\n        yAxisFields,\n        queryObject,\n        seriesFields,\n        getFieldLabel\n      )\n      \n      // Convert series data to pie format\n      pieData = []\n      if (chartData.length > 0) {\n        const firstRow = chartData[0]\n        Object.keys(firstRow).forEach(key => {\n          if (key !== 'name' && typeof firstRow[key] === 'number') {\n            pieData.push({\n              name: String(key),\n              value: firstRow[key]\n            })\n          }\n        })\n      }\n    } else {\n      // Standard measure-based pie chart\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      pieData = data.map(item => {\n        let name = formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown'\n        // Handle boolean values with better labels\n        if (typeof item[xAxisField] === 'boolean') {\n          name = item[xAxisField] ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        }\n        return {\n          name,\n          value: typeof item[yAxisFields[0]] === 'string' \n            ? parseFloat(item[yAxisFields[0]]) \n            : (item[yAxisFields[0]] || 0)\n        }\n      })\n    }\n\n    // Filter out invalid values (null, undefined, NaN, or zero)\n    const originalLength = pieData.length\n    pieData = pieData.filter(item => \n      item.value != null && \n      !isNaN(item.value) && \n      item.value !== 0 && \n      item.value > 0\n    )\n    \n    if (pieData.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\">\n              {originalLength > 0\n                ? `Filtered out ${originalLength} data points (zero or invalid values)`\n                : 'No data points to display in pie chart'\n              }\n            </div>\n          </div>\n        </div>\n      )\n    }\n  \n    return (\n      <ChartContainer height={height}>\n        <RechartsPieChart accessibilityLayer={false}>\n          <Pie\n            data={pieData}\n            cx=\"50%\"\n            cy=\"50%\"\n            innerRadius={safeDisplayConfig.innerRadius !== '0%' ? safeDisplayConfig.innerRadius : undefined}\n            outerRadius=\"70%\"\n            dataKey=\"value\"\n            label={!safeDisplayConfig.showLegend ? ({ name, percent }) =>\n              `${name} ${((percent || 0) * 100).toFixed(0)}%`\n            : undefined}\n            cursor={drillEnabled ? 'pointer' : undefined}\n            onClick={(sliceData: any, _index: number, event: React.MouseEvent) => {\n              if (onDataPointClick && drillEnabled && sliceData) {\n                onDataPointClick({\n                  dataPoint: sliceData,\n                  clickedField: yAxisFields[0],\n                  xValue: sliceData.name,\n                  position: { x: event.clientX, y: event.clientY },\n                  nativeEvent: event\n                })\n              }\n            }}\n          >\n            {pieData.map((_entry, index) => (\n              <Cell\n                key={`cell-${index}`}\n                fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n                fillOpacity={hoveredLegend ? (hoveredLegend === pieData[index].name ? 1 : 0.3) : 1}\n              />\n            ))}\n          </Pie>\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={safeDisplayConfig.leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.value || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n        </RechartsPieChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'PieChart 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: 'Pie 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 PieChart"],"mappings":";;;;;;;iDAUM,IAAW,EAAM,KAAK,SAAkB,EAC5C,SACA,gBACA,mBAAgB,EAAE,EAClB,gBACA,YAAS,QACT,iBACA,qBACA,mBACa;CACb,IAAM,EAAE,SAAM,GAAgB,EACxB,CAAC,GAAe,KAAoB,EAAwB,KAAK,EAEjE,IAAgB,GAAmB;AAEzC,KAAI;EACF,IAAM,IAAoB;GACxB,YAAY,GAAe,cAAc;GACzC,aAAa,GAAe,eAAe;GAC3C,iBAAiB,GAAe;GAChC,aAAa,GAAe,eAAe;GAC5C;AAED,MAAI,CAAC,KAAQ,EAAK,WAAW,EAC3B,QACE,kBAAC,OAAD;GAAK,WAAU;GAAyE,OAAO,EAAE,WAAQ;aACvG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,uBAAuB;KAAO,CAAA,EACtF,kBAAC,OAAD;KAAK,WAAU;eAAqC,EAAE,+BAA+B;KAAO,CAAA,CACxF;;GACF,CAAA;EAIV,IAAI,GAGA,GACA,GACA,IAAyB,EAAE;AAE/B,MAAI,GAAa,SAAS,GAAa,MAIrC,CAFA,IAAa,MAAM,QAAQ,EAAY,MAAM,GAAG,EAAY,MAAM,KAAK,EAAY,OACnF,IAAc,MAAM,QAAQ,EAAY,MAAM,GAAG,EAAY,QAAQ,CAAC,EAAY,MAAM,EACxF,IAAe,EAAY,UAAU,EAAE;WAC9B,GAAa,KAAK,GAAa,EAGxC,CADA,IAAa,EAAY,GACzB,IAAc,MAAM,QAAQ,EAAY,EAAE,GAAG,EAAY,IAAI,CAAC,EAAY,EAAE;MAE5E,QACE,kBAAC,OAAD;GAAK,WAAU;GAAsE,OAAO,EAAE,WAAQ;aACpG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,4BAA4B;KAAO,CAAA,EAC3F,kBAAC,OAAD;KAAK,WAAU;eAAc,EAAE,wCAAwC;KAAO,CAAA,CAC1E;;GACF,CAAA;AAIV,MAAI,CAAC,KAAc,CAAC,KAAe,EAAY,WAAW,EACxD,QACE,kBAAC,OAAD;GAAK,WAAU;GAAsE,OAAO,EAAE,WAAQ;aACpG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,4BAA4B;KAAO,CAAA,EAC3F,kBAAC,OAAD;KAAK,WAAU;eAAc,EAAE,2CAA2C;KAAO,CAAA,CAC7E;;GACF,CAAA;AAIV,MAAI,EAAa,SAAS,GAAG;GAE3B,IAAM,EAAE,MAAM,MAAc,EAC1B,GACA,GACA,GACA,GACA,GACA,EACD;AAID,OADA,IAAU,EAAE,EACR,EAAU,SAAS,GAAG;IACxB,IAAM,IAAW,EAAU;AAC3B,WAAO,KAAK,EAAS,CAAC,SAAQ,MAAO;AACnC,KAAI,MAAQ,UAAU,OAAO,EAAS,MAAS,YAC7C,EAAQ,KAAK;MACX,MAAM,OAAO,EAAI;MACjB,OAAO,EAAS;MACjB,CAAC;MAEJ;;SAEC;GAEL,IAAM,IAAc,EAAoB,GAAa,EAAW;AAChE,OAAU,EAAK,KAAI,MAAQ;IACzB,IAAI,IAAO,EAAgB,EAAK,IAAa,EAAY,IAAI,OAAO,EAAK,GAAY,IAAI;AAOzF,WALI,OAAO,EAAK,MAAgB,YAC9B,IAAO,EAAK,KAAc,WAAW,cAC5B,MAAS,UAAU,MAAS,aACrC,IAAO,MAAS,SAAS,WAAW,aAE/B;KACL;KACA,OAAO,OAAO,EAAK,EAAY,OAAQ,WACnC,WAAW,EAAK,EAAY,IAAI,GAC/B,EAAK,EAAY,OAAO;KAC9B;KACD;;EAIJ,IAAM,IAAiB,EAAQ;AAwB/B,SAvBA,IAAU,EAAQ,QAAO,MACvB,EAAK,SAAS,QACd,CAAC,MAAM,EAAK,MAAM,IAClB,EAAK,UAAU,KACf,EAAK,QAAQ,EACd,EAEG,EAAQ,WAAW,IAEnB,kBAAC,OAAD;GAAK,WAAU;GAAyE,OAAO,EAAE,WAAQ;aACvG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,4BAA4B;KAAO,CAAA,EAC3F,kBAAC,OAAD;KAAK,WAAU;eACZ,IAAiB,IACd,gBAAgB,EAAe,yCAC/B;KAEA,CAAA,CACF;;GACF,CAAA,GAKR,kBAAC,GAAD;GAAwB;aACtB,kBAAC,GAAD;IAAkB,oBAAoB;cAAtC;KACE,kBAAC,GAAD;MACE,MAAM;MACN,IAAG;MACH,IAAG;MACH,aAAa,EAAkB,gBAAgB,OAAuC,KAAA,IAAhC,EAAkB;MACxE,aAAY;MACZ,SAAQ;MACR,OAAQ,EAAkB,aAExB,KAAA,KAFsC,EAAE,SAAM,iBAC9C,GAAG,EAAK,KAAK,KAAW,KAAK,KAAK,QAAQ,EAAE,CAAC;MAE/C,QAAQ,IAAe,YAAY,KAAA;MACnC,UAAU,GAAgB,GAAgB,MAA4B;AACpE,OAAI,KAAoB,KAAgB,KACtC,EAAiB;QACf,WAAW;QACX,cAAc,EAAY;QAC1B,QAAQ,EAAU;QAClB,UAAU;SAAE,GAAG,EAAM;SAAS,GAAG,EAAM;SAAS;QAChD,aAAa;QACd,CAAC;;gBAIL,EAAQ,KAAK,GAAQ,MACpB,kBAAC,GAAD;OAEE,MAAO,GAAc,UAAU,EAAa,OAAO,IAAQ,EAAa,OAAO,WAAY,EAAa,IAAQ,EAAa;OAC7H,aAAa,IAAiB,MAAkB,EAAQ,GAAO,OAAO,IAAI,KAAO;OACjF,EAHK,QAAQ,IAGb,CACF;MACE,CAAA;KACL,EAAkB,eACjB,kBAAC,GAAD,EACE,WAAW,EAAkB,mBACxB,GAAY,MAAiB,CAAC,EAAgB,GAAO,EAAkB,gBAAgB,EAAE,EAAK,GAC/F,KAAA,GAEJ,CAAA;KAEH,EAAkB,cACjB,kBAAC,GAAD;MACE,cAAc;OAAE,UAAU;OAAQ,YAAY;OAAQ;MACtD,UAAS;MACT,UAAU;MACV,QAAO;MACP,OAAM;MACN,eAAc;MACd,eAAe,MAAM,EAAiB,OAAO,EAAE,SAAS,GAAG,CAAC;MAC5D,oBAAoB,EAAiB,KAAK;MAC1C,CAAA;KAEa;;GACJ,CAAA;UAEZ,GAAO;AAEd,SACE,kBAAC,OAAD;GAAK,WAAU;GAAuF,OAAO,EAAE,WAAQ;aACrH,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAuC,EAAE,4BAA4B,EAAE,WAAW,aAAa,CAAC;MAAO,CAAA;KACtH,kBAAC,OAAD;MAAK,WAAU;gBAAsB,aAAiB,QAAQ,EAAM,UAAU,EAAE,6BAA6B;MAAO,CAAA;KACpH,kBAAC,OAAD;MAAK,WAAU;gBAAiC,EAAE,4BAA4B;MAAO,CAAA;KACjF;;GACF,CAAA;;EAGV"}

package/dist/client/chunks/chart-radar-BsTcKV0K.js

@@ -0,0 +1,154 @@
+import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
+import { D as t, S as n, k as r, n as i, x as a, y as o } from "./chart-activity-grid-CWT0gLv4.js";
+import { c as s, l as c } from "./chart-area-D63kG8OT.js";
+import l, { useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Legend as p, PolarAngleAxis as m, PolarGrid as h, PolarRadiusAxis as g, Radar as _, RadarChart as v } from "recharts";
+//#region src/client/components/charts/RadarChart.tsx
+var y = /* @__PURE__ */ e({ default: () => b }), b = l.memo(function({ data: e, chartConfig: l, displayConfig: y = {}, queryObject: b, height: x = "100%", colorPalette: S }) {
+	let { t: C } = r(), [w, T] = u(null);
+	try {
+		let r = {
+			showLegend: y?.showLegend ?? !0,
+			showTooltip: y?.showTooltip ?? !0,
+			showGrid: y?.showGrid ?? !0,
+			leftYAxisFormat: y?.leftYAxisFormat
+		};
+		if (!e || e.length === 0) return /* @__PURE__ */ d("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+			style: { height: x },
+			children: /* @__PURE__ */ f("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ d("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: C("chart.runtime.noData")
+				}), /* @__PURE__ */ d("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: C("chart.runtime.noDataHint.radar")
+				})]
+			})
+		});
+		let u, E = [];
+		if (l?.xAxis && l?.yAxis) {
+			let { data: n, seriesKeys: r } = t(e, Array.isArray(l.xAxis) ? l.xAxis[0] : l.xAxis, Array.isArray(l.yAxis) ? l.yAxis : [l.yAxis], b, l.series || []);
+			u = n, E = r;
+		} else {
+			let t = e[0], r = Object.keys(t), i = r.find((e) => typeof t[e] == "string" || e.toLowerCase().includes("subject") || e.toLowerCase().includes("name") || e.toLowerCase().includes("category")) || r[0], o = r.filter((e) => typeof t[e] == "number" && e !== i);
+			if (o.length === 0) return /* @__PURE__ */ d("div", {
+				className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+				style: { height: x },
+				children: /* @__PURE__ */ f("div", {
+					className: "dc:text-center",
+					children: [/* @__PURE__ */ d("div", {
+						className: "dc:text-sm dc:font-semibold dc:mb-1",
+						children: C("chart.runtime.configError")
+					}), /* @__PURE__ */ d("div", {
+						className: "dc:text-xs",
+						children: C("chart.runtime.configErrorHint.radarNumeric")
+					})]
+				})
+			});
+			if (i) {
+				let t = n(b, i);
+				u = e.map((e) => {
+					let n = { name: a(e[i], t) || String(e[i]) || "Unknown" };
+					return o.forEach((t) => {
+						let r = t.split(".").pop() || t;
+						n[r] = typeof e[t] == "string" ? parseFloat(e[t]) : e[t] || 0;
+					}), n;
+				}), E = o.map((e) => e.split(".").pop() || e);
+			} else u = e.map((e) => ({
+				name: String(e[r[0]] || "Unknown"),
+				value: typeof e[o[0]] == "string" ? parseFloat(e[o[0]]) : e[o[0]] || 0
+			})), E = ["value"];
+		}
+		return !u || u.length === 0 ? /* @__PURE__ */ d("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+			style: { height: x },
+			children: /* @__PURE__ */ f("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ d("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: C("chart.runtime.noValidData")
+				}), /* @__PURE__ */ d("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "No valid data points for radar chart after transformation"
+				})]
+			})
+		}) : /* @__PURE__ */ d(c, {
+			height: x,
+			children: /* @__PURE__ */ f(v, {
+				data: u,
+				margin: {
+					top: 20,
+					right: 80,
+					bottom: 20,
+					left: 80
+				},
+				accessibilityLayer: !1,
+				children: [
+					r.showGrid && /* @__PURE__ */ d(h, {}),
+					/* @__PURE__ */ d(m, {
+						dataKey: "name",
+						tick: { fontSize: 12 },
+						className: "text-dc-text-muted"
+					}),
+					/* @__PURE__ */ d(g, {
+						tick: { fontSize: 10 },
+						className: "text-dc-text-muted",
+						tickFormatter: r.leftYAxisFormat ? (e) => o(e, r.leftYAxisFormat) : void 0
+					}),
+					r.showTooltip && /* @__PURE__ */ d(s, { formatter: r.leftYAxisFormat ? (e, t) => [o(e, r.leftYAxisFormat), t] : void 0 }),
+					r.showLegend && E.length > 1 && /* @__PURE__ */ d(p, {
+						wrapperStyle: {
+							fontSize: "12px",
+							paddingTop: "10px"
+						},
+						iconType: "rect",
+						iconSize: 8,
+						layout: "horizontal",
+						align: "center",
+						verticalAlign: "bottom",
+						onMouseEnter: (e) => T(String(e.dataKey || "")),
+						onMouseLeave: () => T(null)
+					}),
+					E.map((e, t) => /* @__PURE__ */ d(_, {
+						name: e,
+						dataKey: e,
+						stroke: S?.colors && S.colors[t % S.colors.length] || i[t % i.length],
+						fill: S?.colors && S.colors[t % S.colors.length] || i[t % i.length],
+						fillOpacity: w ? w === e ? .6 : .1 : .3,
+						strokeOpacity: w ? w === e ? 1 : .3 : 1,
+						strokeWidth: 2
+					}, e))
+				]
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ d("div", {
+			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
+			style: { height: x },
+			children: /* @__PURE__ */ f("div", {
+				className: "dc:text-center",
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: "dc:text-sm dc:font-semibold dc:mb-1",
+						children: C("chart.runtime.chartError", { chartType: "Radar Chart" })
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "dc:text-xs dc:mb-2",
+						children: e instanceof Error ? e.message : C("chart.runtime.unknownError")
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "dc:text-xs text-dc-text-muted",
+						children: C("chart.runtime.checkConfig")
+					})
+				]
+			})
+		});
+	}
+});
+//#endregion
+export { y as n, b as t };
+
+//# sourceMappingURL=chart-radar-BsTcKV0K.js.map

package/dist/client/chunks/chart-radar-BsTcKV0K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radar-BsTcKV0K.js","names":[],"sources":["../../../src/client/components/charts/RadarChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { RadarChart as RechartsRadarChart, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Radar, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { transformChartDataWithSeries, formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst RadarChart = React.memo(function RadarChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      showGrid: displayConfig?.showGrid ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat\n    }\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.radar')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let radarData: any[]\n    let seriesKeys: string[] = []\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Subject/category field\n      const yAxisFields = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis : [chartConfig.yAxis]   // Value fields\n      const seriesFields = chartConfig.series || []\n\n      // Use shared function to transform data and handle series\n      const { data: chartData, seriesKeys: transformedSeriesKeys } = transformChartDataWithSeries(\n        data, \n        xAxisField, \n        yAxisFields, \n        queryObject,\n        seriesFields\n      )\n      \n      radarData = chartData\n      seriesKeys = transformedSeriesKeys\n    } else {\n      // Legacy format or auto-detection - try to find suitable fields\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find subject/category field\n      const subjectField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('subject') ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find numeric fields for values\n      const valueFields = keys.filter(key => \n        typeof firstRow[key] === 'number' && key !== subjectField\n      )\n\n      if (valueFields.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.radarNumeric')}</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for radar chart\n      if (subjectField) {\n        // Use subject field for radar categories\n        const granularity = getFieldGranularity(queryObject, subjectField)\n        radarData = data.map(item => {\n          const transformedItem: any = {\n            name: formatTimeValue(item[subjectField], granularity) || String(item[subjectField]) || 'Unknown'\n          }\n          \n          valueFields.forEach(field => {\n            const displayName = field.split('.').pop() || field\n            transformedItem[displayName] = typeof item[field] === 'string' \n              ? parseFloat(item[field]) \n              : (item[field] || 0)\n          })\n          \n          return transformedItem\n        })\n        \n        seriesKeys = valueFields.map(field => field.split('.').pop() || field)\n      } else {\n        // Fallback - use first value field only\n        radarData = data.map(item => ({\n          name: String(item[keys[0]] || 'Unknown'),\n          value: typeof item[valueFields[0]] === 'string' \n            ? parseFloat(item[valueFields[0]]) \n            : (item[valueFields[0]] || 0)\n        }))\n        seriesKeys = ['value']\n      }\n    }\n    \n    // Validate transformed data\n    if (!radarData || radarData.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 radar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsRadarChart data={radarData} margin={{ top: 20, right: 80, bottom: 20, left: 80 }} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <PolarGrid />\n          )}\n          <PolarAngleAxis\n            dataKey=\"name\"\n            tick={{ fontSize: 12 }}\n            className=\"text-dc-text-muted\"\n          />\n          <PolarRadiusAxis\n            tick={{ fontSize: 10 }}\n            className=\"text-dc-text-muted\"\n            tickFormatter={safeDisplayConfig.leftYAxisFormat\n              ? (value: any) => formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n              : undefined\n            }\n          />\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={safeDisplayConfig.leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                : undefined\n              }\n            />\n          )}\n          {(safeDisplayConfig.showLegend && seriesKeys.length > 1) && (\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            <Radar\n              key={seriesKey}\n              name={seriesKey}\n              dataKey={seriesKey}\n              stroke={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n              fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 0.6 : 0.1) : 0.3}\n              strokeOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              strokeWidth={2}\n            />\n          ))}\n        </RechartsRadarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'RadarChart 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: 'Radar 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 RadarChart"],"mappings":"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"}

package/dist/client/chunks/chart-radial-bar-Du7XNnwE.js

@@ -0,0 +1,148 @@
+import { n as e } from "./rolldown-runtime-CCl2IeXn.js";
+import { S as t, k as n, n as r, x as i, y as a } from "./chart-activity-grid-CWT0gLv4.js";
+import { c as o, l as s } from "./chart-area-D63kG8OT.js";
+import c, { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Cell as f, Legend as p, RadialBar as m, RadialBarChart as h } from "recharts";
+//#region src/client/components/charts/RadialBarChart.tsx
+var g = /* @__PURE__ */ e({ default: () => _ }), _ = c.memo(function({ data: e, chartConfig: c, displayConfig: g = {}, queryObject: _, height: v = "100%", colorPalette: y }) {
+	let { t: b } = n(), [x, S] = l(null);
+	try {
+		let n = {
+			showLegend: g?.showLegend ?? !0,
+			showTooltip: g?.showTooltip ?? !0,
+			leftYAxisFormat: g?.leftYAxisFormat
+		};
+		if (!e || e.length === 0) return /* @__PURE__ */ u("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+			style: { height: v },
+			children: /* @__PURE__ */ d("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ u("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: b("chart.runtime.noData")
+				}), /* @__PURE__ */ u("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: b("chart.runtime.noDataHint.radialBar")
+				})]
+			})
+		});
+		let l;
+		if (c?.xAxis && c?.yAxis) {
+			let n = Array.isArray(c.xAxis) ? c.xAxis[0] : c.xAxis, a = Array.isArray(c.yAxis) ? c.yAxis[0] : c.yAxis, o = t(_, n);
+			l = e.map((e, t) => ({
+				name: i(e[n], o) || String(e[n]) || "Unknown",
+				value: typeof e[a] == "string" ? parseFloat(e[a]) : e[a] || 0,
+				fill: y?.colors && y.colors[t % y.colors.length] || r[t % r.length]
+			}));
+		} else {
+			let t = e[0], n = Object.keys(t), i = n.find((e) => typeof t[e] == "string" || e.toLowerCase().includes("name") || e.toLowerCase().includes("label") || e.toLowerCase().includes("category")) || n[0], a = n.find((e) => typeof t[e] == "number" && e !== i) || n[1];
+			if (!a) return /* @__PURE__ */ u("div", {
+				className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+				style: { height: v },
+				children: /* @__PURE__ */ d("div", {
+					className: "dc:text-center",
+					children: [/* @__PURE__ */ u("div", {
+						className: "dc:text-sm dc:font-semibold dc:mb-1",
+						children: b("chart.runtime.configError")
+					}), /* @__PURE__ */ u("div", {
+						className: "dc:text-xs",
+						children: b("chart.runtime.configErrorHint.radialBarNumeric")
+					})]
+				})
+			});
+			l = e.map((e, t) => {
+				let n = e[i];
+				return n = typeof n == "boolean" ? n ? "Active" : "Inactive" : n === "true" || n === "false" ? n === "true" ? "Active" : "Inactive" : String(n), {
+					name: n,
+					value: typeof e[a] == "string" ? parseFloat(e[a]) : e[a] || 0,
+					fill: y?.colors && y.colors[t % y.colors.length] || r[t % r.length]
+				};
+			});
+		}
+		return l = l.filter((e) => e.value != null && e.value !== 0), l.length === 0 ? /* @__PURE__ */ u("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+			style: { height: v },
+			children: /* @__PURE__ */ d("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ u("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: b("chart.runtime.noValidData")
+				}), /* @__PURE__ */ u("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "No valid data points for radial bar chart after transformation"
+				})]
+			})
+		}) : /* @__PURE__ */ u(s, {
+			height: v,
+			children: /* @__PURE__ */ d(h, {
+				data: l,
+				innerRadius: "10%",
+				outerRadius: "80%",
+				margin: {
+					top: 20,
+					right: 30,
+					bottom: 20,
+					left: 30
+				},
+				accessibilityLayer: !1,
+				children: [
+					n.showTooltip && /* @__PURE__ */ u(o, { formatter: n.leftYAxisFormat ? (e, t) => [a(e, n.leftYAxisFormat), t] : void 0 }),
+					n.showLegend && /* @__PURE__ */ u(p, {
+						wrapperStyle: {
+							fontSize: "12px",
+							paddingTop: "10px"
+						},
+						iconType: "circle",
+						iconSize: 8,
+						layout: "horizontal",
+						align: "center",
+						verticalAlign: "bottom",
+						onMouseEnter: (e) => S(String(e.value || "")),
+						onMouseLeave: () => S(null)
+					}),
+					/* @__PURE__ */ u(m, {
+						dataKey: "value",
+						cornerRadius: 4,
+						label: {
+							position: "insideStart",
+							fill: "#fff",
+							fontSize: 12,
+							formatter: n.leftYAxisFormat ? (e) => a(e, n.leftYAxisFormat) : void 0
+						},
+						children: l.map((e, t) => /* @__PURE__ */ u(f, {
+							fill: e.fill,
+							fillOpacity: x ? x === e.name ? 1 : .3 : 1
+						}, `cell-${t}`))
+					})
+				]
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ u("div", {
+			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
+			style: { height: v },
+			children: /* @__PURE__ */ d("div", {
+				className: "dc:text-center",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "dc:text-sm dc:font-semibold dc:mb-1",
+						children: b("chart.runtime.chartError", { chartType: "Radial Bar Chart" })
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "dc:text-xs dc:mb-2",
+						children: e instanceof Error ? e.message : b("chart.runtime.unknownError")
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "dc:text-xs text-dc-text-muted",
+						children: b("chart.runtime.checkConfig")
+					})
+				]
+			})
+		});
+	}
+});
+//#endregion
+export { g as n, _ as t };
+
+//# sourceMappingURL=chart-radial-bar-Du7XNnwE.js.map

package/dist/client/chunks/chart-radial-bar-Du7XNnwE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-radial-bar-Du7XNnwE.js","names":[],"sources":["../../../src/client/components/charts/RadialBarChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { RadialBarChart as RechartsRadialBarChart, RadialBar, Legend, Cell } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst RadialBarChart = React.memo(function RadialBarChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  queryObject,\n  height = \"100%\",\n  colorPalette\n}: ChartProps) {\n  const { t } = useTranslation()\n  const [hoveredLegend, setHoveredLegend] = useState<string | null>(null)\n  \n  try {\n    const safeDisplayConfig = {\n      showLegend: displayConfig?.showLegend ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true,\n      leftYAxisFormat: displayConfig?.leftYAxisFormat\n    }\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.radialBar')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let radialData: Array<{name: string, value: number, fill?: string}>\n\n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - use chart config\n      const xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis // Name/category field\n      const yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis // Value field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      radialData = data.map((item, index) => ({\n        name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n        value: typeof item[yAxisField] === 'string' \n          ? parseFloat(item[yAxisField]) \n          : (item[yAxisField] || 0),\n        fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n      }))\n    } else {\n      // Legacy format or auto-detection\n      const firstRow = data[0]\n      const keys = Object.keys(firstRow)\n      \n      // Try to find name/label field\n      const nameField = keys.find(key => \n        typeof firstRow[key] === 'string' ||\n        key.toLowerCase().includes('name') ||\n        key.toLowerCase().includes('label') ||\n        key.toLowerCase().includes('category')\n      ) || keys[0]\n\n      // Find a numeric field for values\n      const valueField = keys.find(key => \n        typeof firstRow[key] === 'number' && key !== nameField\n      ) || keys[1]\n\n      if (!valueField) {\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.radialBarNumeric')}</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for radial bar chart\n      radialData = data.map((item, index) => {\n        let name = item[nameField]\n        // Handle boolean values with better labels\n        if (typeof name === 'boolean') {\n          name = name ? 'Active' : 'Inactive'\n        } else if (name === 'true' || name === 'false') {\n          name = name === 'true' ? 'Active' : 'Inactive'\n        } else {\n          name = String(name)\n        }\n        return {\n          name,\n          value: typeof item[valueField] === 'string' \n            ? parseFloat(item[valueField]) \n            : (item[valueField] || 0),\n          fill: (colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]\n        }\n      })\n    }\n\n    // Filter out zero/null values\n    radialData = radialData.filter(item => item.value != null && item.value !== 0)\n    \n    if (radialData.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 radial bar chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsRadialBarChart\n          data={radialData}\n          innerRadius=\"10%\"\n          outerRadius=\"80%\"\n          margin={{ top: 20, right: 30, bottom: 20, left: 30 }}\n          accessibilityLayer={false}\n        >\n          {safeDisplayConfig.showTooltip && (\n            <ChartTooltip\n              formatter={safeDisplayConfig.leftYAxisFormat\n                ? (value: any, name: string) => [formatAxisValue(value, safeDisplayConfig.leftYAxisFormat), name]\n                : undefined\n              }\n            />\n          )}\n          {safeDisplayConfig.showLegend && (\n            <Legend \n              wrapperStyle={{ fontSize: '12px', paddingTop: '10px' }}\n              iconType=\"circle\"\n              iconSize={8}\n              layout=\"horizontal\"\n              align=\"center\"\n              verticalAlign=\"bottom\"\n              onMouseEnter={(o) => setHoveredLegend(String(o.value || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          <RadialBar\n            dataKey=\"value\"\n            cornerRadius={4}\n            label={{\n              position: 'insideStart',\n              fill: '#fff',\n              fontSize: 12,\n              formatter: safeDisplayConfig.leftYAxisFormat\n                ? (value: any) => formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n                : undefined\n            }}\n          >\n            {radialData.map((entry, index) => (\n              <Cell \n                key={`cell-${index}`} \n                fill={entry.fill}\n                fillOpacity={hoveredLegend ? (hoveredLegend === entry.name ? 1 : 0.3) : 1}\n              />\n            ))}\n          </RadialBar>\n        </RechartsRadialBarChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'RadialBarChart 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: 'Radial 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 RadialBarChart"],"mappings":"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"}