drizzle-cube 0.5.7 → 0.6.0

package/dist/client/chunks/chart-scatter-DZPirzwX.js

@@ -1,255 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { S as t, T as n, _ as r, i, k as a, n as o, w as s, x as c, y as l } from "./chart-activity-grid-CiHrLH6Y.js";
-import { l as u } from "./chart-area-CXFK-Grv.js";
-import d, { useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { CartesianGrid as h, Legend as g, Scatter as _, ScatterChart as v, Tooltip as y, XAxis as b, YAxis as x } from "recharts";
-//#region src/client/components/charts/ScatterChart.tsx
-var S = /* @__PURE__ */ e({ default: () => C }), C = d.memo(function({ data: e, chartConfig: d, displayConfig: S = {}, queryObject: C, height: w = "100%", colorPalette: T }) {
-	let { t: E } = a(), [D, O] = f(null), k = r();
-	try {
-		let r = {
-			showLegend: S?.showLegend ?? !0,
-			showGrid: S?.showGrid ?? !0,
-			showTooltip: S?.showTooltip ?? !0
-		}, a = S?.xAxisFormat, f = S?.leftYAxisFormat;
-		if (!e || e.length === 0) return /* @__PURE__ */ p("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: w },
-			children: /* @__PURE__ */ m("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: E("chart.runtime.noData")
-				}), /* @__PURE__ */ p("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: E("chart.runtime.noDataHint.scatter")
-				})]
-			})
-		});
-		let A, j, M = [];
-		if (d?.xAxis && d?.yAxis) {
-			A = Array.isArray(d.xAxis) ? d.xAxis[0] : d.xAxis, j = Array.isArray(d.yAxis) ? d.yAxis[0] : d.yAxis;
-			let e = d.series;
-			M = e ? Array.isArray(e) ? e : [e] : [];
-		} else if (d?.x && d?.y) A = d.x, j = Array.isArray(d.y) ? d.y[0] : d.y;
-		else return /* @__PURE__ */ p("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: w },
-			children: /* @__PURE__ */ m("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: E("chart.runtime.configError")
-				}), /* @__PURE__ */ p("div", {
-					className: "dc:text-xs",
-					children: E("chart.runtime.configErrorHint.axisInvalid")
-				})]
-			})
-		});
-		if (!A || !j) return /* @__PURE__ */ p("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-			style: { height: w },
-			children: /* @__PURE__ */ m("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: E("chart.runtime.configError")
-				}), /* @__PURE__ */ p("div", {
-					className: "dc:text-xs",
-					children: E("chart.runtime.configErrorHint.axisFields")
-				})]
-			})
-		});
-		let N = (C?.timeDimensions || []).map((e) => e.dimension), P, F = {};
-		if (M.length > 0) {
-			let r = M[0];
-			e.forEach((e) => {
-				let i = String(e[r] || "Default");
-				F[i] || (F[i] = []);
-				let a = t(C, A), o = c(e[A], a) || e[A], l = n(e[j]), u = typeof o == "string" ? parseFloat(o) : o;
-				if (s(u) && l !== null) {
-					let n = {};
-					N.forEach((r) => {
-						if (e[r]) {
-							let i = t(C, r);
-							n[r] = c(e[r], i);
-						}
-					}), F[i].push({
-						x: u,
-						y: l,
-						name: i,
-						timeValues: n,
-						originalItem: e
-					});
-				}
-			}), P = Object.keys(F).flatMap((e) => F[e]);
-		} else {
-			let r = t(C, A);
-			P = e.map((e) => {
-				let i = c(e[A], r) || e[A], a = n(e[j]), o = typeof i == "string" ? parseFloat(i) : i, l = {};
-				return N.forEach((n) => {
-					if (e[n]) {
-						let r = t(C, n);
-						l[n] = c(e[n], r);
-					}
-				}), {
-					x: o,
-					y: a,
-					name: "Point",
-					timeValues: l,
-					originalItem: e,
-					isValid: s(o) && a !== null
-				};
-			}).filter((e) => e.isValid);
-		}
-		if (!P || P.length === 0) return /* @__PURE__ */ p("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: w },
-			children: /* @__PURE__ */ m("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ p("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: E("chart.runtime.noValidData")
-				}), /* @__PURE__ */ p("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No valid data points for scatter chart after transformation"
-				})]
-			})
-		});
-		let I = Object.keys(F), L = I.length > 1 && I.length <= 20, R = r.showLegend && L;
-		return /* @__PURE__ */ p(u, {
-			height: w,
-			children: /* @__PURE__ */ m(v, {
-				margin: {
-					...i,
-					left: 40
-				},
-				accessibilityLayer: !1,
-				children: [
-					r.showGrid && /* @__PURE__ */ p(h, { strokeDasharray: "3 3" }),
-					/* @__PURE__ */ p(b, {
-						type: "number",
-						dataKey: "x",
-						name: a?.label || k(A),
-						tick: { fontSize: 12 },
-						tickFormatter: a ? (e) => l(e, a) : void 0
-					}),
-					/* @__PURE__ */ p(x, {
-						type: "number",
-						dataKey: "y",
-						name: f?.label || k(j),
-						tick: { fontSize: 12 },
-						tickFormatter: f ? (e) => l(e, f) : void 0,
-						label: {
-							value: f?.label || k(j),
-							angle: -90,
-							position: "left",
-							style: {
-								textAnchor: "middle",
-								fontSize: "12px"
-							}
-						}
-					}),
-					r.showTooltip && /* @__PURE__ */ p(y, {
-						cursor: { strokeDasharray: "3 3" },
-						content: ({ active: e, payload: t }) => {
-							if (!e || !t || t.length === 0) return null;
-							let n = t[0]?.payload;
-							return n ? /* @__PURE__ */ m("div", {
-								style: {
-									backgroundColor: "white",
-									border: "1px solid #e5e7eb",
-									borderRadius: "0.5rem",
-									fontSize: "0.875rem",
-									color: "#1f2937",
-									boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)",
-									padding: "8px 12px"
-								},
-								children: [
-									/* @__PURE__ */ p("div", {
-										style: {
-											fontWeight: 600,
-											marginBottom: "4px"
-										},
-										children: n.name
-									}),
-									n.timeValues && Object.keys(n.timeValues).length > 0 && /* @__PURE__ */ p("div", {
-										style: {
-											marginBottom: "4px",
-											color: "#6b7280"
-										},
-										children: Object.entries(n.timeValues).map(([e, t]) => /* @__PURE__ */ m("div", { children: [
-											k(e),
-											": ",
-											t
-										] }, e))
-									}),
-									/* @__PURE__ */ m("div", { children: [
-										a?.label || k(A),
-										": ",
-										l(n.x, a)
-									] }),
-									/* @__PURE__ */ m("div", { children: [
-										f?.label || k(j),
-										": ",
-										l(n.y, f)
-									] })
-								]
-							}) : null;
-						}
-					}),
-					R && /* @__PURE__ */ p(g, {
-						wrapperStyle: {
-							fontSize: "12px",
-							paddingTop: "10px"
-						},
-						iconType: "circle",
-						iconSize: 8,
-						layout: "horizontal",
-						align: "center",
-						verticalAlign: "bottom",
-						onMouseEnter: (e) => O(String(e.dataKey || "")),
-						onMouseLeave: () => O(null)
-					}),
-					L ? I.map((e, t) => /* @__PURE__ */ p(_, {
-						name: e,
-						data: F[e],
-						fill: T?.colors && T.colors[t % T.colors.length] || o[t % o.length],
-						fillOpacity: D ? D === e ? 1 : .3 : 1
-					}, e)) : /* @__PURE__ */ p(_, {
-						name: "Data",
-						data: P,
-						fill: T?.colors && T.colors[0] || o[0]
-					})
-				]
-			})
-		});
-	} catch (e) {
-		return /* @__PURE__ */ p("div", {
-			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
-			style: { height: w },
-			children: /* @__PURE__ */ m("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ p("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: E("chart.runtime.chartError", { chartType: "Scatter Chart" })
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : E("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: E("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { S as n, C as t };
-
-//# sourceMappingURL=chart-scatter-DZPirzwX.js.map

package/dist/client/chunks/chart-scatter-DZPirzwX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-scatter-DZPirzwX.js","names":[],"sources":["../../../src/client/components/charts/ScatterChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { ScatterChart as RechartsScatterChart, Scatter, XAxis, YAxis, CartesianGrid, Legend, Tooltip } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport { CHART_COLORS, CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, parseNumericValue, isValidNumericValue, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst ScatterChart = React.memo(function ScatterChart({\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  // 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      showGrid: displayConfig?.showGrid ?? true,\n      showTooltip: displayConfig?.showTooltip ?? true\n    }\n\n    // Extract axis format configs\n    // For scatter charts, xAxis uses xAxisFormat, yAxis uses leftYAxisFormat\n    const xAxisFormat = displayConfig?.xAxisFormat\n    const yAxisFormat = displayConfig?.leftYAxisFormat\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.scatter')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Validate chartConfig - support both legacy and new formats\n    let xAxisField: string\n    let yAxisField: string\n    let seriesFields: string[] = []\n    \n    if (chartConfig?.xAxis && chartConfig?.yAxis) {\n      // New format - handle both string and array values\n      xAxisField = Array.isArray(chartConfig.xAxis) ? chartConfig.xAxis[0] : chartConfig.xAxis\n      yAxisField = Array.isArray(chartConfig.yAxis) ? chartConfig.yAxis[0] : chartConfig.yAxis\n      // Normalize series to array\n      const seriesConfig = chartConfig.series\n      seriesFields = seriesConfig ? (Array.isArray(seriesConfig) ? seriesConfig : [seriesConfig]) : []\n    } else if (chartConfig?.x && chartConfig?.y) {\n      // Legacy format (adapt for scatter chart)\n      xAxisField = chartConfig.x\n      yAxisField = Array.isArray(chartConfig.y) ? chartConfig.y[0] : chartConfig.y\n    } else {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">{t('chart.runtime.configError')}</div>\n            <div className=\"dc:text-xs\">{t('chart.runtime.configErrorHint.axisInvalid')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    if (!xAxisField || !yAxisField) {\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    // Extract time dimensions from query for tooltip display\n    const timeDimensions = queryObject?.timeDimensions || []\n    const timeDimensionFields = timeDimensions.map((td: any) => td.dimension)\n\n    // Transform data for scatter plot\n    // Null handling: Filter out data points where x or y coordinates are null\n    let scatterData: any[]\n    let seriesGroups: { [key: string]: any[] } = {}\n\n    if (seriesFields.length > 0) {\n      // Group data by series field\n      const seriesField = seriesFields[0]\n      data.forEach(item => {\n        const seriesValue = String(item[seriesField] || 'Default')\n        if (!seriesGroups[seriesValue]) {\n          seriesGroups[seriesValue] = []\n        }\n\n        const xGranularity = getFieldGranularity(queryObject, xAxisField)\n        const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n        const yValue = parseNumericValue(item[yAxisField])\n\n        // Only add point if both x and y are valid numbers\n        const xNum = typeof xValue === 'string' ? parseFloat(xValue) : xValue\n        if (isValidNumericValue(xNum) && yValue !== null) {\n          // Extract time dimension values for tooltip\n          const timeValues: { [key: string]: string } = {}\n          timeDimensionFields.forEach((field: string) => {\n            if (item[field]) {\n              const granularity = getFieldGranularity(queryObject, field)\n              timeValues[field] = formatTimeValue(item[field], granularity)\n            }\n          })\n\n          seriesGroups[seriesValue].push({\n            x: xNum,\n            y: yValue,\n            name: seriesValue,\n            timeValues,\n            originalItem: item\n          })\n        }\n      })\n\n      // Collect all valid points from all series for validation\n      // (The actual rendering uses seriesGroups with series separated)\n      const seriesKeys = Object.keys(seriesGroups)\n      scatterData = seriesKeys.flatMap(key => seriesGroups[key])\n    } else {\n      // Single series scatter plot\n      const xGranularity = getFieldGranularity(queryObject, xAxisField)\n      scatterData = data\n        .map(item => {\n          const xValue = formatTimeValue(item[xAxisField], xGranularity) || item[xAxisField]\n          const yValue = parseNumericValue(item[yAxisField])\n          const xNum = typeof xValue === 'string' ? parseFloat(xValue) : xValue\n\n          // Extract time dimension values for tooltip\n          const timeValues: { [key: string]: string } = {}\n          timeDimensionFields.forEach((field: string) => {\n            if (item[field]) {\n              const granularity = getFieldGranularity(queryObject, field)\n              timeValues[field] = formatTimeValue(item[field], granularity)\n            }\n          })\n\n          return {\n            x: xNum,\n            y: yValue,\n            name: `Point`,\n            timeValues,\n            originalItem: item,\n            isValid: isValidNumericValue(xNum) && yValue !== null\n          }\n        })\n        .filter(point => point.isValid)\n    }\n    \n    // Validate transformed data\n    if (!scatterData || scatterData.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 scatter chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    const seriesKeys = Object.keys(seriesGroups)\n    // Limit series to prevent performance issues with high-cardinality fields (e.g., dates)\n    // If more than 20 unique series, fall back to single-series mode\n    const MAX_SERIES = 20\n    const hasSeries = seriesKeys.length > 1 && seriesKeys.length <= MAX_SERIES\n    \n    // Determine if legend will be shown\n    const showLegend = safeDisplayConfig.showLegend && hasSeries\n    \n    // Use custom chart margins with extra left space for Y-axis label\n    const chartMargins = {\n      ...CHART_MARGINS,\n      left: 40 // Increased from 20 to 40 for Y-axis label space\n    }\n\n    return (\n      <ChartContainer height={height}>\n        <RechartsScatterChart margin={chartMargins} accessibilityLayer={false}>\n          {safeDisplayConfig.showGrid && (\n            <CartesianGrid strokeDasharray=\"3 3\" />\n          )}\n          <XAxis\n            type=\"number\"\n            dataKey=\"x\"\n            name={xAxisFormat?.label || getFieldLabel(xAxisField)}\n            tick={{ fontSize: 12 }}\n            tickFormatter={xAxisFormat ? (value) => formatAxisValue(value, xAxisFormat) : undefined}\n          />\n          <YAxis\n            type=\"number\"\n            dataKey=\"y\"\n            name={yAxisFormat?.label || getFieldLabel(yAxisField)}\n            tick={{ fontSize: 12 }}\n            tickFormatter={yAxisFormat ? (value) => formatAxisValue(value, yAxisFormat) : undefined}\n            label={{ value: yAxisFormat?.label || getFieldLabel(yAxisField), angle: -90, position: 'left', style: { textAnchor: 'middle', fontSize: '12px' } }}\n          />\n          {safeDisplayConfig.showTooltip && (\n            <Tooltip\n              cursor={{ strokeDasharray: '3 3' }}\n              content={({ active, payload }) => {\n                if (!active || !payload || payload.length === 0) return null\n                // Only show the first (active) point\n                const point = payload[0]?.payload\n                if (!point) return null\n\n                return (\n                  <div style={{\n                    backgroundColor: 'white',\n                    border: '1px solid #e5e7eb',\n                    borderRadius: '0.5rem',\n                    fontSize: '0.875rem',\n                    color: '#1f2937',\n                    boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',\n                    padding: '8px 12px'\n                  }}>\n                    <div style={{ fontWeight: 600, marginBottom: '4px' }}>{point.name}</div>\n                    {/* Show time dimension values if present */}\n                    {point.timeValues && Object.keys(point.timeValues).length > 0 && (\n                      <div style={{ marginBottom: '4px', color: '#6b7280' }}>\n                        {Object.entries(point.timeValues).map(([field, value]) => (\n                          <div key={field}>{getFieldLabel(field)}: {value as string}</div>\n                        ))}\n                      </div>\n                    )}\n                    <div>{xAxisFormat?.label || getFieldLabel(xAxisField)}: {formatAxisValue(point.x, xAxisFormat)}</div>\n                    <div>{yAxisFormat?.label || getFieldLabel(yAxisField)}: {formatAxisValue(point.y, yAxisFormat)}</div>\n                  </div>\n                )\n              }}\n            />\n          )}\n          {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.dataKey || ''))}\n              onMouseLeave={() => setHoveredLegend(null)}\n            />\n          )}\n          {hasSeries ? (\n            // Multiple series\n            seriesKeys.map((seriesKey, index) => (\n              <Scatter\n                key={seriesKey}\n                name={seriesKey}\n                data={seriesGroups[seriesKey]}\n                fill={(colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]}\n                fillOpacity={hoveredLegend ? (hoveredLegend === seriesKey ? 1 : 0.3) : 1}\n              />\n            ))\n          ) : (\n            // Single series\n            <Scatter\n              name=\"Data\"\n              data={scatterData}\n              fill={(colorPalette?.colors && colorPalette.colors[0]) || CHART_COLORS[0]}\n            />\n          )}\n        </RechartsScatterChart>\n      </ChartContainer>\n    )\n  } catch (error) {\n    // 'ScatterChart 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: 'Scatter 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 ScatterChart"],"mappings":";;;;;;;iDASM,IAAe,EAAM,KAAK,SAAsB,EACpD,SACA,gBACA,mBAAgB,CAAC,GACjB,gBACA,YAAS,QACT,mBACa;CACb,IAAM,EAAE,SAAM,EAAe,GACvB,CAAC,GAAe,KAAoB,EAAwB,IAAI,GAEhE,IAAgB,EAAkB;CAExC,IAAI;EACF,IAAM,IAAoB;GACxB,YAAY,GAAe,cAAc;GACzC,UAAU,GAAe,YAAY;GACrC,aAAa,GAAe,eAAe;EAC7C,GAIM,IAAc,GAAe,aAC7B,IAAc,GAAe;EAEnC,IAAI,CAAC,KAAQ,EAAK,WAAW,GAC3B,OACE,kBAAC,OAAD;GAAK,WAAU;GAAyE,OAAO,EAAE,UAAO;aACtG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,sBAAsB;IAAO,CAAA,GACrF,kBAAC,OAAD;KAAK,WAAU;eAAqC,EAAE,kCAAkC;IAAO,CAAA,CAC5F;;EACF,CAAA;EAKT,IAAI,GACA,GACA,IAAyB,CAAC;EAE9B,IAAI,GAAa,SAAS,GAAa,OAAO;GAG5C,AADA,IAAa,MAAM,QAAQ,EAAY,KAAK,IAAI,EAAY,MAAM,KAAK,EAAY,OACnF,IAAa,MAAM,QAAQ,EAAY,KAAK,IAAI,EAAY,MAAM,KAAK,EAAY;GAEnF,IAAM,IAAe,EAAY;GACjC,IAAe,IAAgB,MAAM,QAAQ,CAAY,IAAI,IAAe,CAAC,CAAY,IAAK,CAAC;EACjG,OAAO,IAAI,GAAa,KAAK,GAAa,GAGxC,AADA,IAAa,EAAY,GACzB,IAAa,MAAM,QAAQ,EAAY,CAAC,IAAI,EAAY,EAAE,KAAK,EAAY;OAE3E,OACE,kBAAC,OAAD;GAAK,WAAU;GAAsE,OAAO,EAAE,UAAO;aACnG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,2BAA2B;IAAO,CAAA,GAC1F,kBAAC,OAAD;KAAK,WAAU;eAAc,EAAE,2CAA2C;IAAO,CAAA,CAC9E;;EACF,CAAA;EAIT,IAAI,CAAC,KAAc,CAAC,GAClB,OACE,kBAAC,OAAD;GAAK,WAAU;GAAsE,OAAO,EAAE,UAAO;aACnG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,2BAA2B;IAAO,CAAA,GAC1F,kBAAC,OAAD;KAAK,WAAU;eAAc,EAAE,0CAA0C;IAAO,CAAA,CAC7E;;EACF,CAAA;EAMT,IAAM,KADiB,GAAa,kBAAkB,CAAC,GACZ,KAAK,MAAY,EAAG,SAAS,GAIpE,GACA,IAAyC,CAAC;EAE9C,IAAI,EAAa,SAAS,GAAG;GAE3B,IAAM,IAAc,EAAa;GAoCjC,AAnCA,EAAK,SAAQ,MAAQ;IACnB,IAAM,IAAc,OAAO,EAAK,MAAgB,SAAS;IACzD,AAAK,EAAa,OAChB,EAAa,KAAe,CAAC;IAG/B,IAAM,IAAe,EAAoB,GAAa,CAAU,GAC1D,IAAS,EAAgB,EAAK,IAAa,CAAY,KAAK,EAAK,IACjE,IAAS,EAAkB,EAAK,EAAW,GAG3C,IAAO,OAAO,KAAW,WAAW,WAAW,CAAM,IAAI;IAC/D,IAAI,EAAoB,CAAI,KAAK,MAAW,MAAM;KAEhD,IAAM,IAAwC,CAAC;KAQ/C,AAPA,EAAoB,SAAS,MAAkB;MAC7C,IAAI,EAAK,IAAQ;OACf,IAAM,IAAc,EAAoB,GAAa,CAAK;OAC1D,EAAW,KAAS,EAAgB,EAAK,IAAQ,CAAW;MAC9D;KACF,CAAC,GAED,EAAa,GAAa,KAAK;MAC7B,GAAG;MACH,GAAG;MACH,MAAM;MACN;MACA,cAAc;KAChB,CAAC;IACH;GACF,CAAC,GAKD,IADmB,OAAO,KAAK,CACjB,EAAW,SAAQ,MAAO,EAAa,EAAI;EAC3D,OAAO;GAEL,IAAM,IAAe,EAAoB,GAAa,CAAU;GAChE,IAAc,EACX,KAAI,MAAQ;IACX,IAAM,IAAS,EAAgB,EAAK,IAAa,CAAY,KAAK,EAAK,IACjE,IAAS,EAAkB,EAAK,EAAW,GAC3C,IAAO,OAAO,KAAW,WAAW,WAAW,CAAM,IAAI,GAGzD,IAAwC,CAAC;IAQ/C,OAPA,EAAoB,SAAS,MAAkB;KAC7C,IAAI,EAAK,IAAQ;MACf,IAAM,IAAc,EAAoB,GAAa,CAAK;MAC1D,EAAW,KAAS,EAAgB,EAAK,IAAQ,CAAW;KAC9D;IACF,CAAC,GAEM;KACL,GAAG;KACH,GAAG;KACH,MAAM;KACN;KACA,cAAc;KACd,SAAS,EAAoB,CAAI,KAAK,MAAW;IACnD;GACF,CAAC,EACA,QAAO,MAAS,EAAM,OAAO;EAClC;EAGA,IAAI,CAAC,KAAe,EAAY,WAAW,GACzC,OACE,kBAAC,OAAD;GAAK,WAAU;GAAyE,OAAO,EAAE,UAAO;aACtG,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAuC,EAAE,2BAA2B;IAAO,CAAA,GAC1F,kBAAC,OAAD;KAAK,WAAU;eAAoC;IAAgE,CAAA,CAChH;;EACF,CAAA;EAIT,IAAM,IAAa,OAAO,KAAK,CAAY,GAIrC,IAAY,EAAW,SAAS,KAAK,EAAW,UAAU,IAG1D,IAAa,EAAkB,cAAc;EAQnD,OACE,kBAAC,GAAD;GAAwB;aACtB,kBAAC,GAAD;IAAsB,QAAQ;KANhC,GAAG;KACH,MAAM;IAK0B;IAAc,oBAAoB;cAAhE;KACG,EAAkB,YACjB,kBAAC,GAAD,EAAe,iBAAgB,MAAO,CAAA;KAExC,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,MAAM,GAAa,SAAS,EAAc,CAAU;MACpD,MAAM,EAAE,UAAU,GAAG;MACrB,eAAe,KAAe,MAAU,EAAgB,GAAO,CAAW,IAAI,KAAA;KAC/E,CAAA;KACD,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,MAAM,GAAa,SAAS,EAAc,CAAU;MACpD,MAAM,EAAE,UAAU,GAAG;MACrB,eAAe,KAAe,MAAU,EAAgB,GAAO,CAAW,IAAI,KAAA;MAC9E,OAAO;OAAE,OAAO,GAAa,SAAS,EAAc,CAAU;OAAG,OAAO;OAAK,UAAU;OAAQ,OAAO;QAAE,YAAY;QAAU,UAAU;OAAO;MAAE;KAClJ,CAAA;KACA,EAAkB,eACjB,kBAAC,GAAD;MACE,QAAQ,EAAE,iBAAiB,MAAM;MACjC,UAAU,EAAE,WAAQ,iBAAc;OAChC,IAAI,CAAC,KAAU,CAAC,KAAW,EAAQ,WAAW,GAAG,OAAO;OAExD,IAAM,IAAQ,EAAQ,IAAI;OAG1B,OAFK,IAGH,kBAAC,OAAD;QAAK,OAAO;SACV,iBAAiB;SACjB,QAAQ;SACR,cAAc;SACd,UAAU;SACV,OAAO;SACP,WAAW;SACX,SAAS;QACX;kBARA;SASE,kBAAC,OAAD;UAAK,OAAO;WAAE,YAAY;WAAK,cAAc;UAAM;oBAAI,EAAM;SAAU,CAAA;SAEtE,EAAM,cAAc,OAAO,KAAK,EAAM,UAAU,EAAE,SAAS,KAC1D,kBAAC,OAAD;UAAK,OAAO;WAAE,cAAc;WAAO,OAAO;UAAU;oBACjD,OAAO,QAAQ,EAAM,UAAU,EAAE,KAAK,CAAC,GAAO,OAC7C,kBAAC,OAAD,EAAA,UAAA;WAAkB,EAAc,CAAK;WAAE;WAAG;UAAqB,EAAA,GAArD,CAAqD,CAChE;SACE,CAAA;SAEP,kBAAC,OAAD,EAAA,UAAA;UAAM,GAAa,SAAS,EAAc,CAAU;UAAE;UAAG,EAAgB,EAAM,GAAG,CAAW;SAAO,EAAA,CAAA;SACpG,kBAAC,OAAD,EAAA,UAAA;UAAM,GAAa,SAAS,EAAc,CAAU;UAAE;UAAG,EAAgB,EAAM,GAAG,CAAW;SAAO,EAAA,CAAA;QACjG;YAvBY;MAyBrB;KACD,CAAA;KAEF,KACC,kBAAC,GAAD;MACE,cAAc;OAAE,UAAU;OAAQ,YAAY;MAAO;MACrD,UAAS;MACT,UAAU;MACV,QAAO;MACP,OAAM;MACN,eAAc;MACd,eAAe,MAAM,EAAiB,OAAO,EAAE,WAAW,EAAE,CAAC;MAC7D,oBAAoB,EAAiB,IAAI;KAC1C,CAAA;KAEF,IAEC,EAAW,KAAK,GAAW,MACzB,kBAAC,GAAD;MAEE,MAAM;MACN,MAAM,EAAa;MACnB,MAAO,GAAc,UAAU,EAAa,OAAO,IAAQ,EAAa,OAAO,WAAY,EAAa,IAAQ,EAAa;MAC7H,aAAa,IAAiB,MAAkB,IAAY,IAAI,KAAO;KACxE,GALM,CAKN,CACF,IAGD,kBAAC,GAAD;MACE,MAAK;MACL,MAAM;MACN,MAAO,GAAc,UAAU,EAAa,OAAO,MAAO,EAAa;KACxE,CAAA;IAEiB;;EACR,CAAA;CAEpB,SAAS,GAAO;EAEd,OACE,kBAAC,OAAD;GAAK,WAAU;GAAuF,OAAO,EAAE,UAAO;aACpH,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAuC,EAAE,4BAA4B,EAAE,WAAW,gBAAgB,CAAC;KAAO,CAAA;KACzH,kBAAC,OAAD;MAAK,WAAU;gBAAsB,aAAiB,QAAQ,EAAM,UAAU,EAAE,4BAA4B;KAAO,CAAA;KACnH,kBAAC,OAAD;MAAK,WAAU;gBAAiC,EAAE,2BAA2B;KAAO,CAAA;IACjF;;EACF,CAAA;CAET;AACF,CAAC"}

package/dist/client/chunks/chart-tree-map-Bi4axCvh.js

@@ -1,298 +0,0 @@
-import { n as e } from "./rolldown-runtime-CWhphoD1.js";
-import { S as t, _ as n, k as r, n as i, r as a, x as o, y as s } from "./chart-activity-grid-CiHrLH6Y.js";
-import { c, l } from "./chart-area-CXFK-Grv.js";
-import u, { useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Treemap as m } from "recharts";
-import { scaleOrdinal as h, scaleQuantize as g } from "d3";
-//#region src/client/components/charts/TreeMapChart.tsx
-var _ = /* @__PURE__ */ e({ default: () => v }), v = u.memo(function({ data: e, chartConfig: u, displayConfig: _ = {}, queryObject: v, height: y = "100%", colorPalette: b, onDataPointClick: x, drillEnabled: S }) {
-	let { t: C } = r(), [w, T] = d(null), E = n();
-	try {
-		let n = {
-			showTooltip: _?.showTooltip ?? !0,
-			showLegend: _?.showLegend ?? !0,
-			leftYAxisFormat: _?.leftYAxisFormat
-		};
-		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: y },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ f("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: C("chart.runtime.noData")
-				}), /* @__PURE__ */ f("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: C("chart.runtime.noDataHint.treemap")
-				})]
-			})
-		});
-		let r, d = !1, D;
-		if (u?.xAxis && u?.yAxis) {
-			let n = Array.isArray(u.xAxis) ? u.xAxis[0] : u.xAxis, s = Array.isArray(u.yAxis) ? u.yAxis[0] : u.yAxis;
-			D = Array.isArray(u.series) ? u.series[0] : u.series;
-			let c = t(v, n);
-			if (D) {
-				let t = e.map((e) => {
-					let t = e[D];
-					return typeof t == "string" ? parseFloat(t) : t;
-				}).filter((e) => !isNaN(e));
-				if (d = t.length === e.length && t.every((e) => typeof e == "number"), d) {
-					let i = Math.min(...t), l = Math.max(...t), u = g().domain([i, l]).range(a);
-					r = e.map((e) => {
-						let t = u(typeof e[D] == "string" ? parseFloat(e[D]) : e[D]);
-						return {
-							name: o(e[n], c) || String(e[n]) || "Unknown",
-							size: typeof e[s] == "string" ? parseFloat(e[s]) : e[s] || 0,
-							fill: t,
-							series: String(e[D])
-						};
-					});
-				} else {
-					let t = [...new Set(e.map((e) => String(e[D])))], a = h().domain(t).range(b?.colors || i);
-					r = e.map((e) => ({
-						name: o(e[n], c) || String(e[n]) || "Unknown",
-						size: typeof e[s] == "string" ? parseFloat(e[s]) : e[s] || 0,
-						fill: a(String(e[D])),
-						series: String(e[D])
-					}));
-				}
-			} else r = e.map((e, t) => ({
-				name: o(e[n], c) || String(e[n]) || "Unknown",
-				size: typeof e[s] == "string" ? parseFloat(e[s]) : e[s] || 0,
-				fill: b?.colors && b.colors[t % b.colors.length] || i[t % i.length]
-			}));
-		} else {
-			let t = e[0], n = Object.keys(t), a = n.find((e) => typeof t[e] == "string" || e.toLowerCase().includes("name") || e.toLowerCase().includes("label") || e.toLowerCase().includes("category")) || n[0], o = n.find((e) => e.toLowerCase().includes("size")) || n.find((e) => typeof t[e] == "number" && e !== a) || n[1];
-			if (!o) return /* @__PURE__ */ f("div", {
-				className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
-				style: { height: y },
-				children: /* @__PURE__ */ p("div", {
-					className: "dc:text-center",
-					children: [/* @__PURE__ */ f("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: C("chart.runtime.configError")
-					}), /* @__PURE__ */ f("div", {
-						className: "dc:text-xs",
-						children: C("chart.runtime.configErrorHint.treemapNumeric")
-					})]
-				})
-			});
-			r = e.map((e, t) => {
-				let n = e[a];
-				return n = typeof n == "boolean" ? n ? "Active" : "Inactive" : n === "true" || n === "false" ? n === "true" ? "Active" : "Inactive" : String(n), {
-					name: n,
-					size: typeof e[o] == "string" ? parseFloat(e[o]) : e[o] || 0,
-					fill: b?.colors && b.colors[t % b.colors.length] || i[t % i.length]
-				};
-			});
-		}
-		if (r = r.filter((e) => e.size != null && e.size > 0), r.length === 0) return /* @__PURE__ */ f("div", {
-			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
-			style: { height: y },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [/* @__PURE__ */ f("div", {
-					className: "dc:text-sm dc:font-semibold dc:mb-1",
-					children: C("chart.runtime.noValidData")
-				}), /* @__PURE__ */ f("div", {
-					className: "dc:text-xs text-dc-text-secondary",
-					children: "No valid data points for treemap chart after transformation"
-				})]
-			})
-		});
-		let O = (e) => {
-			let { x: t, y: a, width: o, height: c, index: l, name: d, size: m } = e;
-			return o < 20 || c < 20 ? null : /* @__PURE__ */ p("g", { children: [/* @__PURE__ */ f("rect", {
-				x: t,
-				y: a,
-				width: o,
-				height: c,
-				style: {
-					fill: r[l]?.fill || b?.colors && b.colors[l % b.colors.length] || i[l % i.length],
-					fillOpacity: w === null ? .8 : w === l ? 1 : .6,
-					stroke: "#fff",
-					strokeWidth: 2,
-					cursor: S ? "pointer" : "default",
-					pointerEvents: "all"
-				},
-				onMouseEnter: () => T(l),
-				onMouseLeave: () => T(null),
-				onClick: S && x ? (e) => {
-					e.stopPropagation();
-					let t = r[l];
-					t && x && x({
-						dataPoint: t,
-						clickedField: v?.measures?.[0] || u?.yAxis?.[0] || "",
-						xValue: d,
-						position: {
-							x: e.clientX,
-							y: e.clientY
-						},
-						nativeEvent: e
-					});
-				} : void 0
-			}), /* @__PURE__ */ f("foreignObject", {
-				x: t,
-				y: a,
-				width: o,
-				height: c,
-				style: {
-					pointerEvents: "none",
-					overflow: "visible"
-				},
-				children: /* @__PURE__ */ p("div", {
-					style: {
-						width: "100%",
-						height: "100%",
-						display: "flex",
-						flexDirection: "column",
-						alignItems: "center",
-						justifyContent: "center",
-						padding: "4px",
-						boxSizing: "border-box",
-						color: "#ffffff",
-						textShadow: "0 1px 2px rgba(0,0,0,0.8)",
-						fontFamily: "system-ui, -apple-system, sans-serif",
-						overflow: "hidden"
-					},
-					children: [o > 40 && c > 30 && /* @__PURE__ */ f("div", {
-						style: {
-							fontSize: `${Math.max(10, Math.min(o / 8, c / 8, 16))}px`,
-							fontWeight: "600",
-							textAlign: "center",
-							lineHeight: "1.2",
-							marginBottom: o > 60 && c > 45 ? "4px" : "0",
-							wordBreak: "break-word",
-							hyphens: "auto"
-						},
-						children: d
-					}), o > 60 && c > 45 && /* @__PURE__ */ f("div", {
-						style: {
-							fontSize: `${Math.max(8, Math.min(o / 10, c / 10, 14))}px`,
-							textAlign: "center",
-							opacity: .9
-						},
-						children: n.leftYAxisFormat ? s(m, n.leftYAxisFormat) : typeof m == "number" ? m.toLocaleString() : m
-					})]
-				})
-			})] });
-		}, k = r.some((e) => "series" in e) ? [...new Set(r.map((e) => e.series).filter(Boolean))] : [], A = [];
-		if (n.showLegend && D) if (d) {
-			let t = Math.min(...e.map((e) => {
-				let t = e[D];
-				return typeof t == "string" ? parseFloat(t) : t;
-			})), r = Math.max(...e.map((e) => {
-				let t = e[D];
-				return typeof t == "string" ? parseFloat(t) : t;
-			}));
-			A = a.map((e, i) => {
-				let o = i / (a.length - 1), c = t + (r - t) * o;
-				return {
-					value: n.leftYAxisFormat ? s(c, n.leftYAxisFormat) : c.toFixed(2),
-					type: "rect",
-					color: e
-				};
-			});
-		} else k.length > 1 && (A = k.map((e, t) => ({
-			value: e,
-			type: "rect",
-			color: i[t % i.length]
-		})));
-		let j = n.showLegend && A.length > 0;
-		return /* @__PURE__ */ p("div", {
-			className: "dc:w-full",
-			style: { height: j ? typeof y == "string" && y.includes("%") ? y : typeof y == "number" ? y + 60 : `calc(${y} + 60px)` : y },
-			children: [/* @__PURE__ */ f(l, {
-				height: j ? "calc(100% - 50px)" : "100%",
-				children: /* @__PURE__ */ f(m, {
-					data: r,
-					dataKey: "size",
-					aspectRatio: 4 / 3,
-					stroke: "#fff",
-					content: /* @__PURE__ */ f(O, {}),
-					children: n.showTooltip && /* @__PURE__ */ f(c, { formatter: n.leftYAxisFormat ? (e, t) => [s(e, n.leftYAxisFormat), t] : void 0 })
-				})
-			}), j && /* @__PURE__ */ f("div", {
-				className: "dc:flex dc:justify-center dc:items-center dc:mt-4 dc:pb-2",
-				children: d ? /* @__PURE__ */ p("div", {
-					className: "dc:flex dc:flex-col dc:items-center",
-					children: [/* @__PURE__ */ f("div", {
-						className: "dc:text-xs dc:font-semibold text-dc-text-primary dc:mb-2",
-						children: D ? E(D) : ""
-					}), /* @__PURE__ */ p("div", {
-						className: "dc:flex dc:items-center dc:gap-2",
-						children: [
-							/* @__PURE__ */ f("span", {
-								className: "dc:text-xs text-dc-text-muted",
-								children: n.leftYAxisFormat ? s(Math.min(...e.map((e) => {
-									let t = e[D];
-									return typeof t == "string" ? parseFloat(t) : t;
-								})), n.leftYAxisFormat) : Math.min(...e.map((e) => {
-									let t = e[D];
-									return typeof t == "string" ? parseFloat(t) : t;
-								})).toFixed(2)
-							}),
-							/* @__PURE__ */ f("div", {
-								className: "dc:h-4 dc:rounded-sm",
-								style: {
-									width: "200px",
-									background: `linear-gradient(to right, ${a.join(", ")})`
-								}
-							}),
-							/* @__PURE__ */ f("span", {
-								className: "dc:text-xs text-dc-text-muted",
-								children: n.leftYAxisFormat ? s(Math.max(...e.map((e) => {
-									let t = e[D];
-									return typeof t == "string" ? parseFloat(t) : t;
-								})), n.leftYAxisFormat) : Math.max(...e.map((e) => {
-									let t = e[D];
-									return typeof t == "string" ? parseFloat(t) : t;
-								})).toFixed(2)
-							})
-						]
-					})]
-				}) : /* @__PURE__ */ f("div", {
-					className: "dc:flex dc:flex-wrap dc:justify-center dc:gap-4",
-					children: A.map((e, t) => /* @__PURE__ */ p("div", {
-						className: "dc:flex dc:items-center dc:gap-2",
-						children: [/* @__PURE__ */ f("div", {
-							className: "dc:w-3 dc:h-3 rounded-xs",
-							style: { backgroundColor: e.color }
-						}), /* @__PURE__ */ f("span", {
-							className: "dc:text-xs text-dc-text-muted",
-							children: e.value
-						})]
-					}, t))
-				})
-			})]
-		});
-	} 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: y },
-			children: /* @__PURE__ */ p("div", {
-				className: "dc:text-center",
-				children: [
-					/* @__PURE__ */ f("div", {
-						className: "dc:text-sm dc:font-semibold dc:mb-1",
-						children: C("chart.runtime.chartError", { chartType: "TreeMap Chart" })
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "dc:text-xs dc:mb-2",
-						children: e instanceof Error ? e.message : C("chart.runtime.unknownError")
-					}),
-					/* @__PURE__ */ f("div", {
-						className: "dc:text-xs text-dc-text-muted",
-						children: C("chart.runtime.checkConfig")
-					})
-				]
-			})
-		});
-	}
-});
-//#endregion
-export { _ as n, v as t };
-
-//# sourceMappingURL=chart-tree-map-Bi4axCvh.js.map

package/dist/client/chunks/chart-tree-map-Bi4axCvh.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tree-map-Bi4axCvh.js","names":[],"sources":["../../../src/client/components/charts/TreeMapChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { useTranslation } from '../../hooks/useTranslation'\nimport { Treemap } from 'recharts'\nimport { scaleQuantize, scaleOrdinal } from 'd3'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport { CHART_COLORS, CHART_COLORS_GRADIENT } from '../../utils/chartConstants'\nimport { formatTimeValue, getFieldGranularity, formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst TreeMapChart = React.memo(function TreeMapChart({\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 [hoveredIndex, setHoveredIndex] = useState<number | 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      showTooltip: displayConfig?.showTooltip ?? true,\n      showLegend: displayConfig?.showLegend ?? 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.treemap')}</div>\n          </div>\n        </div>\n      )\n    }\n\n    let treemapData: Array<{name: string, size: number, fill?: string, series?: string}>\n    let isNumericSeries = false\n    let seriesField: string | undefined\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 // Size field\n      seriesField = Array.isArray(chartConfig.series) ? chartConfig.series[0] : chartConfig.series // Color grouping field\n\n      const granularity = getFieldGranularity(queryObject, xAxisField)\n      \n      if (seriesField) {\n        // Check if series field is numeric for color scaling\n        const seriesValues = data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }).filter(val => !isNaN(val))\n        \n        isNumericSeries = seriesValues.length === data.length && seriesValues.every(val => typeof val === 'number')\n        \n        \n        if (isNumericSeries) {\n          // Use D3 quantize scale for better color distribution with small ranges\n          const minValue = Math.min(...seriesValues)\n          const maxValue = Math.max(...seriesValues)\n          \n          // Create D3 quantize color scale - maps continuous data to discrete color bands\n          const colorScale = scaleQuantize<string>()\n            .domain([minValue, maxValue])\n            .range(CHART_COLORS_GRADIENT)\n          \n          treemapData = data.map((item) => {\n            const seriesValue = typeof item[seriesField!] === 'string' \n              ? parseFloat(item[seriesField!]) \n              : item[seriesField!]\n            \n            const color = colorScale(seriesValue)\n            \n            return {\n              name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n              size: typeof item[yAxisField] === 'string' \n                ? parseFloat(item[yAxisField]) \n                : (item[yAxisField] || 0),\n              fill: color,\n              series: String(item[seriesField!])\n            }\n          })\n        } else {\n          // Use D3 ordinal color scale for categorical series\n          const uniqueSeriesValues = [...new Set(data.map(item => String(item[seriesField!])))]\n          const colorScale = scaleOrdinal<string>()\n            .domain(uniqueSeriesValues)\n            .range(colorPalette?.colors || CHART_COLORS)\n          \n          treemapData = data.map((item) => ({\n            name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n            size: typeof item[yAxisField] === 'string' \n              ? parseFloat(item[yAxisField]) \n              : (item[yAxisField] || 0),\n            fill: colorScale(String(item[seriesField!])),\n            series: String(item[seriesField!])\n          }))\n        }\n      } else {\n        // No series grouping - use index-based colors\n        treemapData = data.map((item, index) => ({\n          name: formatTimeValue(item[xAxisField], granularity) || String(item[xAxisField]) || 'Unknown',\n          size: 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      }\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 size - look for 'size' field first, then any numeric\n      const sizeField = keys.find(key => key.toLowerCase().includes('size')) ||\n        keys.find(key => \n          typeof firstRow[key] === 'number' && key !== nameField\n        ) || keys[1]\n\n      if (!sizeField) {\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.treemapNumeric')}</div>\n            </div>\n          </div>\n        )\n      }\n\n      // Transform data for treemap chart\n      treemapData = 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          size: typeof item[sizeField] === 'string' \n            ? parseFloat(item[sizeField]) \n            : (item[sizeField] || 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 and ensure positive sizes\n    treemapData = treemapData.filter(item => item.size != null && item.size > 0)\n    \n    if (treemapData.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 treemap chart after transformation</div>\n          </div>\n        </div>\n      )\n    }\n\n    // Custom content renderer for treemap cells with HTML overlays\n    const CustomizedContent = (props: any) => {\n      const { x, y, width, height, index, name, size } = props\n\n      if (width < 20 || height < 20) return null // Don't render content for very small cells\n\n      const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation()\n        const cellData = treemapData[index]\n        if (cellData && onDataPointClick) {\n          // Use query measures for proper field name (chartConfig.yAxis may contain display labels)\n          const measureField = queryObject?.measures?.[0] || chartConfig?.yAxis?.[0] || ''\n          onDataPointClick({\n            dataPoint: cellData,\n            clickedField: measureField,\n            xValue: name,\n            position: { x: event.clientX, y: event.clientY },\n            nativeEvent: event\n          })\n        }\n      }\n\n      return (\n        <g>\n          <rect\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            style={{\n              fill: treemapData[index]?.fill || ((colorPalette?.colors && colorPalette.colors[index % colorPalette.colors.length]) || CHART_COLORS[index % CHART_COLORS.length]),\n              fillOpacity: hoveredIndex !== null ? (hoveredIndex === index ? 1 : 0.6) : 0.8,\n              stroke: '#fff',\n              strokeWidth: 2,\n              cursor: drillEnabled ? 'pointer' : 'default',\n              pointerEvents: 'all'  // Ensure rect captures click events\n            }}\n            onMouseEnter={() => setHoveredIndex(index)}\n            onMouseLeave={() => setHoveredIndex(null)}\n            onClick={drillEnabled && onDataPointClick ? handleClick : undefined}\n          />\n          <foreignObject \n            x={x} \n            y={y} \n            width={width} \n            height={height}\n            style={{ pointerEvents: 'none', overflow: 'visible' }}\n          >\n            <div \n              style={{\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '4px',\n                boxSizing: 'border-box',\n                color: '#ffffff',\n                textShadow: '0 1px 2px rgba(0,0,0,0.8)',\n                fontFamily: 'system-ui, -apple-system, sans-serif',\n                overflow: 'hidden'\n              }}\n            >\n              {width > 40 && height > 30 && (\n                <div \n                  style={{\n                    fontSize: `${Math.max(10, Math.min(width / 8, height / 8, 16))}px`,\n                    fontWeight: '600',\n                    textAlign: 'center',\n                    lineHeight: '1.2',\n                    marginBottom: width > 60 && height > 45 ? '4px' : '0',\n                    wordBreak: 'break-word',\n                    hyphens: 'auto'\n                  }}\n                >\n                  {name}\n                </div>\n              )}\n              {width > 60 && height > 45 && (\n                <div\n                  style={{\n                    fontSize: `${Math.max(8, Math.min(width / 10, height / 10, 14))}px`,\n                    textAlign: 'center',\n                    opacity: 0.9\n                  }}\n                >\n                  {safeDisplayConfig.leftYAxisFormat\n                    ? formatAxisValue(size, safeDisplayConfig.leftYAxisFormat)\n                    : (typeof size === 'number' ? size.toLocaleString() : size)\n                  }\n                </div>\n              )}\n            </div>\n          </foreignObject>\n        </g>\n      )\n    }\n\n    // Check if we have series data for legend\n    const hasSeriesData = treemapData.some(item => 'series' in item)\n    const uniqueSeries = hasSeriesData \n      ? [...new Set(treemapData.map(item => item.series).filter(Boolean))]\n      : []\n    \n    // For numeric series, create a legend showing the color scale\n    let legendPayload: any[] = []\n    if (safeDisplayConfig.showLegend && seriesField) {\n      \n      if (isNumericSeries) {\n        // Create color scale legend for numeric values\n        const minValue = Math.min(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        const maxValue = Math.max(...data.map(item => {\n          const value = item[seriesField!]\n          return typeof value === 'string' ? parseFloat(value) : value\n        }))\n        \n        \n        // Create legend entries showing color scale\n        legendPayload = CHART_COLORS_GRADIENT.map((color, index) => {\n          const ratio = index / (CHART_COLORS_GRADIENT.length - 1)\n          const value = minValue + (maxValue - minValue) * ratio\n          return {\n            value: safeDisplayConfig.leftYAxisFormat\n              ? formatAxisValue(value, safeDisplayConfig.leftYAxisFormat)\n              : value.toFixed(2),\n            type: 'rect',\n            color: color\n          }\n        })\n      } else if (uniqueSeries.length > 1) {\n        // Use categorical legend for non-numeric series\n        legendPayload = uniqueSeries.map((series, index) => ({\n          value: series,\n          type: 'rect',\n          color: CHART_COLORS[index % CHART_COLORS.length]\n        }))\n      }\n      \n    }\n\n    // Calculate height adjustment for legend\n    const hasLegend = safeDisplayConfig.showLegend && legendPayload.length > 0\n    const adjustedHeight = hasLegend \n      ? (typeof height === 'string' && height.includes('%') \n          ? height \n          : typeof height === 'number' \n            ? height + 60 \n            : `calc(${height} + 60px)`)\n      : height\n\n    return (\n      <div className=\"dc:w-full\" style={{ height: adjustedHeight }}>\n        <ChartContainer height={hasLegend ? `calc(100% - 50px)` : \"100%\"}>\n          <Treemap\n            data={treemapData}\n            dataKey=\"size\"\n            aspectRatio={4/3}\n            stroke=\"#fff\"\n            content={<CustomizedContent />}\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          </Treemap>\n        </ChartContainer>\n        \n        {/* Custom Legend outside ChartContainer */}\n        {hasLegend && (\n          <div className=\"dc:flex dc:justify-center dc:items-center dc:mt-4 dc:pb-2\">\n            {isNumericSeries ? (\n              // Gradient legend for numeric series\n              <div className=\"dc:flex dc:flex-col dc:items-center\">\n                <div className=\"dc:text-xs dc:font-semibold text-dc-text-primary dc:mb-2\">\n                  {seriesField ? getFieldLabel(seriesField) : ''}\n                </div>\n                <div className=\"dc:flex dc:items-center dc:gap-2\">\n                  <span className=\"dc:text-xs text-dc-text-muted\">\n                    {safeDisplayConfig.leftYAxisFormat\n                      ? formatAxisValue(Math.min(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })), safeDisplayConfig.leftYAxisFormat)\n                      : Math.min(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })).toFixed(2)\n                    }\n                  </span>\n                  <div\n                    className=\"dc:h-4 dc:rounded-sm\"\n                    style={{\n                      width: '200px',\n                      background: `linear-gradient(to right, ${CHART_COLORS_GRADIENT.join(', ')})`\n                    }}\n                  />\n                  <span className=\"dc:text-xs text-dc-text-muted\">\n                    {safeDisplayConfig.leftYAxisFormat\n                      ? formatAxisValue(Math.max(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })), safeDisplayConfig.leftYAxisFormat)\n                      : Math.max(...data.map(item => {\n                          const value = item[seriesField!]\n                          return typeof value === 'string' ? parseFloat(value) : value\n                        })).toFixed(2)\n                    }\n                  </span>\n                </div>\n              </div>\n            ) : (\n              // Discrete legend for categorical series\n              <div className=\"dc:flex dc:flex-wrap dc:justify-center dc:gap-4\">\n                {legendPayload.map((item, index) => (\n                  <div key={index} className=\"dc:flex dc:items-center dc:gap-2\">\n                    <div\n                      className=\"dc:w-3 dc:h-3 rounded-xs\"\n                      style={{ backgroundColor: item.color }}\n                    />\n                    <span className=\"dc:text-xs text-dc-text-muted\">\n                      {item.value}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    // 'TreeMapChart 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: 'TreeMap 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 TreeMapChart"],"mappings":"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"}