drizzle-cube 0.4.28 → 0.4.30

package/dist/client/chunks/chart-sunburst-Clf-6WxW.js

@@ -0,0 +1,221 @@
+import { n as e } from "./rolldown-runtime-lc2dmIiU.js";
+import { n as t } from "./chart-sankey-FChb26UX.js";
+import { n } from "./chart-activity-grid-CNES9VBk.js";
+import r, { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ResponsiveContainer as u, SunburstChart as d, Tooltip as f } from "recharts";
+//#region src/client/components/charts/SunburstChart.tsx
+var p = /* @__PURE__ */ e({ default: () => _ });
+function m(e) {
+	if (!e || e.length === 0) return null;
+	if (t(e[0])) return e[0];
+	if (t(e)) return e;
+	let n = e;
+	return n.nodes && n.links ? n : null;
+}
+function h(e, t) {
+	let { nodes: r, links: i } = e;
+	if (!r || r.length === 0) return null;
+	let a = r.filter((e) => e.layer >= 0);
+	if (a.length === 0) return null;
+	let o = t || n, s = [...new Set(a.map((e) => e.name))], c = /* @__PURE__ */ new Map();
+	s.forEach((e, t) => {
+		c.set(e, o[t % o.length]);
+	});
+	let l = /* @__PURE__ */ new Map();
+	a.forEach((e) => l.set(e.id, e));
+	let u = /* @__PURE__ */ new Map();
+	i.forEach((e) => {
+		if (!l.has(e.source)) return;
+		let t = u.get(e.source) || [];
+		t.push(e), u.set(e.source, t);
+	});
+	let d = Math.max(...a.map((e) => e.layer)), f = 0;
+	function p(e, t, n) {
+		if (t >= d) return [];
+		let r = u.get(e) || [];
+		if (r.length === 0) return [];
+		let i = [];
+		for (let e of r) {
+			let r = l.get(e.target);
+			if (!r || r.layer !== t + 1) continue;
+			f++;
+			let a = `${r.name}_${f}`, s = n ? `${n}→${r.name}` : r.name, u = p(e.target, t + 1, s), d = {
+				name: a,
+				originalName: r.name,
+				value: e.value,
+				fill: c.get(r.name) || o[0]
+			};
+			u.length > 0 && (d.children = u), i.push(d);
+		}
+		return i;
+	}
+	let m = a.filter((e) => e.layer === 0);
+	if (m.length === 0) return null;
+	if (m.length === 1) {
+		let e = m[0], t = p(e.id, 0, e.name), n = {
+			name: e.name,
+			originalName: e.name,
+			value: e.value || t.reduce((e, t) => e + (t.value || 0), 0),
+			fill: c.get(e.name) || o[0]
+		};
+		return t.length > 0 && (n.children = t), n;
+	}
+	return {
+		name: "Start",
+		originalName: "Start",
+		children: m.map((e, t) => {
+			f++;
+			let n = p(e.id, 0, e.name), r = {
+				name: `${e.name}_root_${t}`,
+				originalName: e.name,
+				value: e.value || n.reduce((e, t) => e + (t.value || 0), 0),
+				fill: c.get(e.name) || o[0]
+			};
+			return n.length > 0 && (r.children = n), r;
+		})
+	};
+}
+function g({ active: e, payload: t }) {
+	if (!e || !t || t.length === 0) return null;
+	let n = t[0].payload;
+	return /* @__PURE__ */ l("div", {
+		className: "bg-dc-surface dc:border border-dc-border dc:rounded-md dc:px-3 dc:py-2 dc:shadow-lg dc:text-sm",
+		children: [/* @__PURE__ */ c("div", {
+			className: "dc:font-medium text-dc-text",
+			children: n.originalName || n.name
+		}), n.value !== void 0 && /* @__PURE__ */ l("div", {
+			className: "text-dc-text-secondary dc:mt-1",
+			children: [/* @__PURE__ */ c("span", {
+				className: "dc:font-medium",
+				children: n.value.toLocaleString()
+			}), " entities"]
+		})]
+	});
+}
+var _ = r.memo(function({ data: e, height: t = "100%", colorPalette: r, displayConfig: p }) {
+	let _ = o(null), [v, y] = s({
+		width: 400,
+		height: 400
+	});
+	i(() => {
+		let e = () => {
+			_.current && y({
+				width: _.current.offsetWidth,
+				height: _.current.offsetHeight
+			});
+		};
+		e(), window.addEventListener("resize", e);
+		let t = new ResizeObserver(e);
+		return _.current && t.observe(_.current), () => {
+			window.removeEventListener("resize", e), t.disconnect();
+		};
+	}, []);
+	let b = p, x = b?.innerRadius ?? 40, S = a(() => {
+		let t = m(e || []);
+		return t ? h(t, r?.colors || n) : null;
+	}, [e, r]), C = a(() => {
+		let t = m(e || []);
+		if (!t) return null;
+		let n = t.nodes.filter((e) => e.layer >= 0), r = t.links.filter((e) => {
+			let n = t.nodes.find((t) => t.id === e.source);
+			return n && n.layer >= 0;
+		}), i = t.nodes.filter((e) => e.layer === 0).reduce((e, t) => e + (t.value || 0), 0);
+		return {
+			nodeCount: n.length,
+			linkCount: r.length,
+			totalEntities: i
+		};
+	}, [e]);
+	if (!e || e.length === 0 || !S) return /* @__PURE__ */ c("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+		style: { height: t },
+		children: /* @__PURE__ */ l("div", {
+			className: "dc:text-center",
+			children: [/* @__PURE__ */ c("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1",
+				children: "No flow data"
+			}), /* @__PURE__ */ c("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: "Configure a flow analysis with a starting step and event dimension"
+			})]
+		})
+	});
+	let w = Math.max(Math.min(v.width, v.height) / 2 - 40, 100), T = S.originalName || S.name, E = S.value;
+	return /* @__PURE__ */ l("div", {
+		className: "dc:relative dc:w-full dc:h-full dc:flex dc:flex-col",
+		style: { height: t },
+		children: [/* @__PURE__ */ l("div", {
+			ref: _,
+			className: "dc:flex-1 dc:min-h-0 dc:relative",
+			children: [/* @__PURE__ */ c(u, {
+				width: "100%",
+				height: "100%",
+				children: /* @__PURE__ */ c(d, {
+					data: S,
+					dataKey: "value",
+					innerRadius: x,
+					outerRadius: w,
+					stroke: "var(--dc-bg)",
+					children: /* @__PURE__ */ c(f, { content: /* @__PURE__ */ c(g, {}) })
+				})
+			}), x > 0 && /* @__PURE__ */ c("div", {
+				className: "dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center dc:pointer-events-none",
+				style: { zIndex: 10 },
+				children: /* @__PURE__ */ l("div", {
+					className: "dc:text-center",
+					children: [/* @__PURE__ */ c("div", {
+						className: "dc:text-sm dc:font-semibold text-dc-text",
+						children: T
+					}), E !== void 0 && /* @__PURE__ */ c("div", {
+						className: "dc:text-xs text-dc-text-secondary",
+						children: E.toLocaleString()
+					})]
+				})
+			})]
+		}), !b?.hideSummaryFooter && C && /* @__PURE__ */ c("div", {
+			className: "dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary",
+			children: /* @__PURE__ */ l("div", {
+				className: "dc:flex dc:items-center dc:justify-between dc:text-sm",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "text-dc-text-muted",
+						children: [/* @__PURE__ */ c("span", {
+							className: "dc:font-medium",
+							children: C.nodeCount
+						}), " events (after)"]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "text-dc-text",
+						children: [
+							/* @__PURE__ */ c("span", {
+								className: "text-dc-text-muted",
+								children: "Paths:"
+							}),
+							" ",
+							/* @__PURE__ */ c("span", {
+								className: "dc:font-medium",
+								children: C.linkCount
+							})
+						]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "text-dc-text-muted",
+						children: [
+							/* @__PURE__ */ c("span", {
+								className: "dc:font-medium",
+								children: C.totalEntities.toLocaleString()
+							}),
+							" ",
+							"starting entities"
+						]
+					})
+				]
+			})
+		})]
+	});
+});
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=chart-sunburst-Clf-6WxW.js.map

package/dist/client/chunks/chart-sunburst-Clf-6WxW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-sunburst-Clf-6WxW.js","names":[],"sources":["../../../src/client/components/charts/SunburstChart.tsx"],"sourcesContent":["/**\n * SunburstChart Component\n *\n * Visualizes flow data using a radial sunburst diagram showing paths from a starting step.\n * Works with the same data as SankeyChart but displays it as hierarchical rings.\n *\n * The chart displays:\n * - Center: Starting step (layer 0)\n * - Outward rings: Steps after the starting step (layers 1, 2, 3...)\n * - Values indicating count of entities following each path\n *\n * Note: Unlike Sankey, Sunburst only shows \"after\" steps for cleaner visualization.\n */\n\nimport React, { useMemo, useRef, useState, useEffect } from 'react'\nimport { SunburstChart as RechartsSunburst, ResponsiveContainer, Tooltip } from 'recharts'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport type { ChartProps } from '../../types'\nimport type { FlowChartData, SankeyNode, SankeyLink } from '../../types/flow'\nimport { isSankeyData } from '../../types/flow'\n\n/**\n * Hierarchical data structure for Recharts Sunburst\n */\ninterface SunburstNode {\n  name: string\n  value?: number\n  fill?: string\n  children?: SunburstNode[]\n  /** Original event name (before path prefix was added) */\n  originalName?: string\n}\n\n\n/**\n * Extract FlowChartData from various data formats\n */\nfunction extractFlowData(data: unknown[]): FlowChartData | null {\n  if (!data || data.length === 0) return null\n\n  // If first element is already FlowChartData (server returns as single-row array)\n  if (isSankeyData(data[0])) {\n    return data[0] as FlowChartData\n  }\n\n  // If data itself is FlowChartData shape\n  if (isSankeyData(data)) {\n    return data as unknown as FlowChartData\n  }\n\n  // Check if data is an array with nodes and links at top level\n  const asAny = data as unknown as Record<string, unknown>\n  if (asAny.nodes && asAny.links) {\n    return asAny as unknown as FlowChartData\n  }\n\n  return null\n}\n\n/**\n * Transform FlowChartData (nodes + links) into hierarchical Sunburst format\n * Only includes layer 0 (starting) and positive layers (after steps)\n *\n * The transformation builds a tree where:\n * - Root = starting event(s) at layer 0\n * - Children = events linked from parent, following the flow\n * - Each path in the tree represents a unique user journey\n */\nfunction transformToSunburstFormat(\n  data: FlowChartData,\n  colorPalette?: string[]\n): SunburstNode | null {\n  const { nodes, links } = data\n\n  if (!nodes || nodes.length === 0) return null\n\n  // Filter to only include layer 0 and positive layers (after steps)\n  const afterNodes = nodes.filter((n) => n.layer >= 0)\n  if (afterNodes.length === 0) return null\n\n  // Use theme colors - either from palette or default CHART_COLORS\n  const colors = colorPalette || CHART_COLORS\n\n  // Get unique event names and create a color map\n  // This ensures each event type gets a consistent, distinct color\n  const uniqueNames = [...new Set(afterNodes.map((n) => n.name))]\n  const colorMap = new Map<string, string>()\n  uniqueNames.forEach((name, index) => {\n    colorMap.set(name, colors[index % colors.length])\n  })\n\n  // Create a map of node IDs for quick lookup\n  const nodeMap = new Map<string, SankeyNode>()\n  afterNodes.forEach((node) => nodeMap.set(node.id, node))\n\n  // Create a map of links from source to targets\n  // Key: source node ID, Value: array of links from that source\n  const linksBySource = new Map<string, SankeyLink[]>()\n  links.forEach((link) => {\n    // Only include links where source is in our afterNodes set\n    if (!nodeMap.has(link.source)) return\n    const sourceLinks = linksBySource.get(link.source) || []\n    sourceLinks.push(link)\n    linksBySource.set(link.source, sourceLinks)\n  })\n\n  // Find max layer for determining depth\n  const maxLayer = Math.max(...afterNodes.map((n) => n.layer))\n\n  // Counter for generating unique IDs\n  let nodeCounter = 0\n\n  /**\n   * Recursively build children for a node by following outgoing links\n   * Each link becomes a child node in the tree\n   *\n   * @param nodeId - The source node ID to build children from\n   * @param currentLayer - Current layer depth\n   * @param pathPrefix - Path from root to this node (for unique naming)\n   */\n  function buildChildren(nodeId: string, currentLayer: number, pathPrefix: string): SunburstNode[] {\n    if (currentLayer >= maxLayer) return []\n\n    const outgoingLinks = linksBySource.get(nodeId) || []\n    if (outgoingLinks.length === 0) return []\n\n    // Filter and map links to children\n    const children: SunburstNode[] = []\n\n    for (const link of outgoingLinks) {\n      const targetNode = nodeMap.get(link.target)\n\n      // Only include links to nodes in the next layer\n      if (!targetNode || targetNode.layer !== currentLayer + 1) continue\n\n      // Generate a unique name by including counter to avoid React key collisions\n      nodeCounter++\n      const uniqueName = `${targetNode.name}_${nodeCounter}`\n\n      // Recursively build grandchildren with updated path\n      const newPath = pathPrefix ? `${pathPrefix}→${targetNode.name}` : targetNode.name\n      const grandchildren = buildChildren(link.target, currentLayer + 1, newPath)\n\n      const child: SunburstNode = {\n        name: uniqueName,\n        originalName: targetNode.name,\n        value: link.value,\n        fill: colorMap.get(targetNode.name) || colors[0],\n      }\n\n      if (grandchildren.length > 0) {\n        child.children = grandchildren\n      }\n\n      children.push(child)\n    }\n\n    return children\n  }\n\n  // Get starting nodes (layer 0)\n  const startingNodes = afterNodes.filter((n) => n.layer === 0)\n  if (startingNodes.length === 0) return null\n\n  // Build the tree starting from layer 0 nodes\n  if (startingNodes.length === 1) {\n    // Single starting node - use it as root\n    const startNode = startingNodes[0]\n    const children = buildChildren(startNode.id, 0, startNode.name)\n\n    const result: SunburstNode = {\n      name: startNode.name,\n      originalName: startNode.name,\n      value: startNode.value || children.reduce((sum, c) => sum + (c.value || 0), 0),\n      fill: colorMap.get(startNode.name) || colors[0],\n    }\n\n    if (children.length > 0) {\n      result.children = children\n    }\n\n    return result\n  }\n\n  // Multiple starting nodes - create a virtual root\n  const rootChildren = startingNodes.map((startNode, index) => {\n    nodeCounter++\n    const children = buildChildren(startNode.id, 0, startNode.name)\n\n    const child: SunburstNode = {\n      name: `${startNode.name}_root_${index}`,\n      originalName: startNode.name,\n      value: startNode.value || children.reduce((sum, c) => sum + (c.value || 0), 0),\n      fill: colorMap.get(startNode.name) || colors[0],\n    }\n\n    if (children.length > 0) {\n      child.children = children\n    }\n\n    return child\n  })\n\n  return {\n    name: 'Start',\n    originalName: 'Start',\n    children: rootChildren,\n  }\n}\n\n/**\n * Custom tooltip for Sunburst chart\n * Shows the original event name (not the unique key used internally)\n */\nfunction SunburstTooltip({\n  active,\n  payload,\n}: {\n  active?: boolean\n  payload?: Array<{ payload: SunburstNode }>\n}) {\n  if (!active || !payload || payload.length === 0) return null\n\n  const data = payload[0].payload\n  // Use originalName if available, otherwise fall back to name\n  const displayName = data.originalName || data.name\n\n  return (\n    <div className=\"bg-dc-surface dc:border border-dc-border dc:rounded-md dc:px-3 dc:py-2 dc:shadow-lg dc:text-sm\">\n      <div className=\"dc:font-medium text-dc-text\">{displayName}</div>\n      {data.value !== undefined && (\n        <div className=\"text-dc-text-secondary dc:mt-1\">\n          <span className=\"dc:font-medium\">{data.value.toLocaleString()}</span> entities\n        </div>\n      )}\n    </div>\n  )\n}\n\n/**\n * SunburstChart Component\n *\n * Renders a sunburst diagram visualization from FlowChartData.\n * Shows hierarchical flow paths radiating from a central starting step.\n */\nconst SunburstChart = React.memo(function SunburstChart({\n  data,\n  height = '100%',\n  colorPalette,\n  displayConfig,\n}: ChartProps) {\n  // Track chart area dimensions (not the full container which includes footer)\n  const chartAreaRef = useRef<HTMLDivElement>(null)\n  const [chartSize, setChartSize] = useState({ width: 400, height: 400 })\n\n  useEffect(() => {\n    const updateSize = () => {\n      if (chartAreaRef.current) {\n        setChartSize({\n          width: chartAreaRef.current.offsetWidth,\n          height: chartAreaRef.current.offsetHeight,\n        })\n      }\n    }\n    updateSize()\n    window.addEventListener('resize', updateSize)\n\n    // Use ResizeObserver for more accurate size tracking\n    const resizeObserver = new ResizeObserver(updateSize)\n    if (chartAreaRef.current) {\n      resizeObserver.observe(chartAreaRef.current)\n    }\n\n    return () => {\n      window.removeEventListener('resize', updateSize)\n      resizeObserver.disconnect()\n    }\n  }, [])\n\n  // Get display config options\n  const displayConfigAny = displayConfig as Record<string, unknown> | undefined\n  const innerRadius = (displayConfigAny?.innerRadius as number) ?? 40\n\n  // Extract and transform data\n  const sunburstData = useMemo(() => {\n    const extracted = extractFlowData(data || [])\n    if (!extracted) return null\n\n    return transformToSunburstFormat(extracted, colorPalette?.colors || CHART_COLORS)\n  }, [data, colorPalette])\n\n  // Calculate summary stats from original flow data\n  const summaryStats = useMemo(() => {\n    const extracted = extractFlowData(data || [])\n    if (!extracted) return null\n\n    // Only count after nodes (layer >= 0)\n    const afterNodes = extracted.nodes.filter((n) => n.layer >= 0)\n    const afterLinks = extracted.links.filter((link) => {\n      const sourceNode = extracted.nodes.find((n) => n.id === link.source)\n      return sourceNode && sourceNode.layer >= 0\n    })\n\n    const totalEntities = extracted.nodes\n      .filter((n) => n.layer === 0)\n      .reduce((sum, n) => sum + (n.value || 0), 0)\n\n    return {\n      nodeCount: afterNodes.length,\n      linkCount: afterLinks.length,\n      totalEntities,\n    }\n  }, [data])\n\n  // Handle no data\n  if (!data || data.length === 0 || !sunburstData) {\n    return (\n      <div\n        className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\"\n        style={{ height }}\n      >\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No flow data</div>\n          <div className=\"dc:text-xs text-dc-text-secondary\">\n            Configure a flow analysis with a starting step and event dimension\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  // Calculate outer radius based on chart area size\n  const minDimension = Math.min(chartSize.width, chartSize.height)\n  const outerRadius = Math.max(minDimension / 2 - 40, 100)\n\n  // Get root node info for center label\n  const rootName = sunburstData.originalName || sunburstData.name\n  const rootValue = sunburstData.value\n\n  return (\n    <div className=\"dc:relative dc:w-full dc:h-full dc:flex dc:flex-col\" style={{ height }}>\n      {/* Sunburst Diagram */}\n      <div ref={chartAreaRef} className=\"dc:flex-1 dc:min-h-0 dc:relative\">\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <RechartsSunburst\n            data={sunburstData}\n            dataKey=\"value\"\n            innerRadius={innerRadius}\n            outerRadius={outerRadius}\n            stroke=\"var(--dc-bg)\"\n          >\n            <Tooltip content={<SunburstTooltip />} />\n          </RechartsSunburst>\n        </ResponsiveContainer>\n\n        {/* Center label showing the root node (starting event) */}\n        {innerRadius > 0 && (\n          <div\n            className=\"dc:absolute dc:inset-0 dc:flex dc:items-center dc:justify-center dc:pointer-events-none\"\n            style={{ zIndex: 10 }}\n          >\n            <div className=\"dc:text-center\">\n              <div className=\"dc:text-sm dc:font-semibold text-dc-text\">{rootName}</div>\n              {rootValue !== undefined && (\n                <div className=\"dc:text-xs text-dc-text-secondary\">\n                  {rootValue.toLocaleString()}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Summary Footer */}\n      {!displayConfigAny?.hideSummaryFooter && summaryStats && (\n        <div className=\"dc:flex-shrink-0 dc:px-4 dc:py-2 dc:border-t border-dc-border bg-dc-surface-secondary\">\n          <div className=\"dc:flex dc:items-center dc:justify-between dc:text-sm\">\n            <div className=\"text-dc-text-muted\">\n              <span className=\"dc:font-medium\">{summaryStats.nodeCount}</span> events (after)\n            </div>\n            <div className=\"text-dc-text\">\n              <span className=\"text-dc-text-muted\">Paths:</span>{' '}\n              <span className=\"dc:font-medium\">{summaryStats.linkCount}</span>\n            </div>\n            <div className=\"text-dc-text-muted\">\n              <span className=\"dc:font-medium\">{summaryStats.totalEntities.toLocaleString()}</span>{' '}\n              starting entities\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nexport default SunburstChart\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart-tree-map-p_VwUJPF.js","names":[],"sources":["../../../src/client/components/charts/TreeMapChart.tsx"],"sourcesContent":["import React, { useState } from 'react'\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 [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\">No data available</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in treemap chart</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\">Configuration Error</div>\n              <div className=\"dc:text-xs\">No numeric field found for treemap chart size</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\">No valid data</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\">TreeMap Chart Error</div>\n          <div className=\"dc:text-xs dc:mb-2\">{error instanceof Error ? error.message : 'Unknown rendering error'}</div>\n          <div className=\"dc:text-xs text-dc-text-muted\">Check the data and configuration</div>\n        </div>\n      </div>\n    )\n  }\n})\n\nexport default TreeMapChart"],"mappings":"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"}