drizzle-cube 0.4.29 → 0.4.30

package/dist/client/chunks/chart-box-plot-BcqleldJ.js

@@ -0,0 +1,377 @@
+import { n as e } from "./rolldown-runtime-lc2dmIiU.js";
+import { n as t, y as n } from "./chart-activity-grid-CNES9VBk.js";
+import r, { useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/client/components/charts/BoxPlotChart.tsx
+var u = /* @__PURE__ */ e({ default: () => _ }), d = 50;
+function f(e) {
+	if (e == null) return null;
+	let t = typeof e == "number" ? e : parseFloat(String(e));
+	return isNaN(t) ? null : t;
+}
+function p(e, t, n, r, i, a, o, s) {
+	let c = f(e[t]), l = f(e[n]), u = f(e[r]), d = f(e[i]), p = f(e[a]);
+	return c === null || l === null || u === null || d === null || p === null ? null : {
+		label: o,
+		min: c,
+		q1: l,
+		median: u,
+		q3: d,
+		max: p,
+		color: s
+	};
+}
+function m(e, t, n, r, i, a) {
+	let o = f(e[t]), s = f(e[n]), c = f(e[r]);
+	if (o === null || s === null || c === null) return null;
+	let l = Math.abs(s);
+	return {
+		label: i,
+		min: o - 2 * l,
+		q1: o - l,
+		median: c,
+		q3: o + l,
+		max: o + 2 * l,
+		color: a
+	};
+}
+function h({ x: e, boxWidth: t, minY: n, q1Y: r, medianY: i, q3Y: a, maxY: o, color: s, label: u }) {
+	let d = t / 2, f = e, p = t * .4;
+	return /* @__PURE__ */ l("g", {
+		"data-testid": `box-${u}`,
+		children: [
+			/* @__PURE__ */ c("line", {
+				x1: f,
+				y1: n,
+				x2: f,
+				y2: o,
+				stroke: s,
+				strokeWidth: 1.5
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: f - p / 2,
+				y1: n,
+				x2: f + p / 2,
+				y2: n,
+				stroke: s,
+				strokeWidth: 1.5
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: f - p / 2,
+				y1: o,
+				x2: f + p / 2,
+				y2: o,
+				stroke: s,
+				strokeWidth: 1.5
+			}),
+			/* @__PURE__ */ c("rect", {
+				x: f - d,
+				y: Math.min(r, a),
+				width: t,
+				height: Math.abs(a - r) || 2,
+				fill: s,
+				fillOpacity: .3,
+				stroke: s,
+				strokeWidth: 1.5
+			}),
+			/* @__PURE__ */ c("line", {
+				x1: f - d,
+				y1: i,
+				x2: f + d,
+				y2: i,
+				stroke: s,
+				strokeWidth: 2.5,
+				"data-testid": `median-${u}`
+			})
+		]
+	});
+}
+function g({ scale: e, domainMin: t, domainMax: n, width: r, tickCount: i = 5, format: o }) {
+	let s = a(() => {
+		let e = n - t;
+		if (e === 0) return [t];
+		let r = e / (i - 1);
+		return Array.from({ length: i }, (e, n) => t + n * r);
+	}, [
+		t,
+		n,
+		i
+	]);
+	return /* @__PURE__ */ l("g", {
+		"data-testid": "y-axis",
+		children: [s.map((t, n) => /* @__PURE__ */ l("g", {
+			transform: `translate(0, ${e(t)})`,
+			children: [
+				/* @__PURE__ */ c("line", {
+					x1: 0,
+					x2: -6,
+					stroke: "currentColor",
+					strokeWidth: 1
+				}),
+				/* @__PURE__ */ c("text", {
+					x: -10,
+					textAnchor: "end",
+					dominantBaseline: "middle",
+					fontSize: 11,
+					fill: "currentColor",
+					className: "text-dc-text-secondary",
+					children: o ? o(t) : t.toLocaleString()
+				}),
+				/* @__PURE__ */ c("line", {
+					x1: 0,
+					x2: r,
+					stroke: "currentColor",
+					strokeOpacity: .1,
+					strokeWidth: 1
+				})
+			]
+		}, n)), /* @__PURE__ */ c("line", {
+			y1: e(s[0]),
+			y2: e(s[s.length - 1]),
+			stroke: "currentColor",
+			strokeWidth: 1
+		})]
+	});
+}
+var _ = r.memo(function({ data: e, chartConfig: r, displayConfig: u = {}, height: _ = "100%", colorPalette: v, onDataPointClick: y, drillEnabled: b }) {
+	let x = o(null), [S, C] = s({
+		width: 0,
+		height: 0
+	});
+	i(() => {
+		let e = x.current;
+		if (!e) return;
+		let t = new ResizeObserver((e) => {
+			for (let t of e) {
+				let { width: e, height: n } = t.contentRect;
+				e > 0 && n > 0 && C({
+					width: e,
+					height: n
+				});
+			}
+		});
+		t.observe(e);
+		let n = e.getBoundingClientRect();
+		return n.width > 0 && n.height > 0 && C({
+			width: n.width,
+			height: n.height
+		}), () => t.disconnect();
+	}, []);
+	let w = u?.leftYAxisFormat, { xField: T, mode: E, fields: D, configError: O } = a(() => {
+		let e = Array.isArray(r?.xAxis) ? r.xAxis[0] : r?.xAxis ?? r?.x, t = Array.isArray(r?.yAxis) ? r.yAxis : [];
+		return !e || t.length === 0 ? {
+			xField: e,
+			mode: "none",
+			fields: {},
+			configError: "BoxPlot requires an X-Axis dimension and at least one measure in Y-Axis"
+		} : t.length >= 5 ? {
+			xField: e,
+			mode: "5measure",
+			fields: {
+				minField: t[0],
+				q1Field: t[1],
+				medianField: t[2],
+				q3Field: t[3],
+				maxField: t[4]
+			},
+			configError: null
+		} : t.length >= 3 ? {
+			xField: e,
+			mode: "3measure",
+			fields: {
+				avgField: t[0],
+				stddevField: t[1],
+				medianField: t[2]
+			},
+			configError: null
+		} : t.length === 2 ? {
+			xField: e,
+			mode: "none",
+			fields: {},
+			configError: "BoxPlot requires 1 measure (auto), 3 (avg/stddev/median), or 5 (min/q1/median/q3/max)"
+		} : {
+			xField: e,
+			mode: "auto",
+			fields: { valueField: t[0] },
+			configError: null
+		};
+	}, [r]), k = a(() => {
+		if (O || !e || e.length === 0 || E === "none") return [];
+		let n = e.slice(0, d), r = v?.colors ?? t, i = [];
+		for (let e = 0; e < n.length; e++) {
+			let t = n[e], a = T ? String(t[T] ?? `Row ${e + 1}`) : `Row ${e + 1}`, o = r[e % r.length], s = null;
+			if (E === "5measure") s = p(t, D.minField, D.q1Field, D.medianField, D.q3Field, D.maxField, a, o);
+			else if (E === "3measure") s = m(t, D.avgField, D.stddevField, D.medianField, a, o);
+			else {
+				let e = f(t[D.valueField]);
+				e !== null && (s = {
+					label: a,
+					min: e,
+					q1: e,
+					median: e,
+					q3: e,
+					max: e,
+					color: o
+				});
+			}
+			s && i.push(s);
+		}
+		return i;
+	}, [
+		e,
+		T,
+		E,
+		D,
+		v,
+		O
+	]);
+	if (!e || e.length === 0) return /* @__PURE__ */ c("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+		style: { height: _ },
+		children: /* @__PURE__ */ l("div", {
+			className: "dc:text-center",
+			children: [/* @__PURE__ */ c("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1",
+				children: "No data available"
+			}), /* @__PURE__ */ c("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: "No data points to display in box plot chart"
+			})]
+		})
+	});
+	if (O) return /* @__PURE__ */ c("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+		style: { height: _ },
+		children: /* @__PURE__ */ l("div", {
+			className: "dc:text-center",
+			children: [/* @__PURE__ */ c("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1",
+				children: "Configuration Error"
+			}), /* @__PURE__ */ c("div", {
+				className: "dc:text-xs",
+				children: O
+			})]
+		})
+	});
+	if (k.length === 0) return /* @__PURE__ */ c("div", {
+		className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+		style: { height: _ },
+		children: /* @__PURE__ */ l("div", {
+			className: "dc:text-center",
+			children: [/* @__PURE__ */ c("div", {
+				className: "dc:text-sm dc:font-semibold dc:mb-1",
+				children: "No valid data"
+			}), /* @__PURE__ */ c("div", {
+				className: "dc:text-xs text-dc-text-secondary",
+				children: "Could not compute box plot statistics from the provided data"
+			})]
+		})
+	});
+	try {
+		let t = {
+			top: 20,
+			right: 20,
+			bottom: 60,
+			left: 60
+		}, r = S.width || 600, i = typeof _ == "number" ? _ : S.height || 400, a = Math.max(r - t.left - t.right, 50), o = Math.max(i - t.top - t.bottom, 50), s = k.flatMap((e) => [e.min, e.max]), u = Math.min(...s), f = Math.max(...s), p = (f - u) * .1 || 1, m = u - p, v = f + p, C = v - m, E = (e) => C === 0 ? o / 2 : o - (e - m) / C * o, D = a / k.length, O = Math.min(D * .6, 40), A = e.length > d;
+		return /* @__PURE__ */ l("div", {
+			ref: x,
+			className: "dc:relative dc:w-full",
+			style: { height: _ },
+			children: [/* @__PURE__ */ c("svg", {
+				width: "100%",
+				height: A ? "calc(100% - 20px)" : "100%",
+				viewBox: `0 0 ${r} ${typeof i == "number" ? i : 400}`,
+				preserveAspectRatio: "none",
+				"data-testid": "boxplot-svg",
+				children: /* @__PURE__ */ l("g", {
+					transform: `translate(${t.left}, ${t.top})`,
+					children: [/* @__PURE__ */ c(g, {
+						scale: E,
+						domainMin: m,
+						domainMax: v,
+						width: a,
+						tickCount: 5,
+						format: w ? (e) => n(e, w) : void 0
+					}), k.map((e, t) => {
+						let n = D * t + D / 2;
+						return /* @__PURE__ */ l("g", {
+							onClick: (t) => {
+								y && b && y({
+									dataPoint: { ...e },
+									clickedField: T ?? "",
+									xValue: e.label,
+									position: {
+										x: t.clientX,
+										y: t.clientY
+									},
+									nativeEvent: t
+								});
+							},
+							cursor: b ? "pointer" : void 0,
+							children: [
+								/* @__PURE__ */ c("title", { children: `${e.label}: min=${e.min}, Q1=${e.q1}, median=${e.median}, Q3=${e.q3}, max=${e.max}` }),
+								/* @__PURE__ */ c(h, {
+									x: n,
+									boxWidth: O,
+									minY: E(e.min),
+									q1Y: E(e.q1),
+									medianY: E(e.median),
+									q3Y: E(e.q3),
+									maxY: E(e.max),
+									color: e.color,
+									label: e.label
+								}),
+								/* @__PURE__ */ c("text", {
+									x: n,
+									y: o + 20,
+									textAnchor: "middle",
+									fontSize: 11,
+									fill: "currentColor",
+									className: "text-dc-text-secondary",
+									"data-testid": `x-label-${e.label}`,
+									children: e.label
+								})
+							]
+						}, `${e.label}-${t}`);
+					})]
+				})
+			}), A && /* @__PURE__ */ l("div", {
+				className: "dc:text-xs text-dc-warning dc:text-center dc:mt-1",
+				children: [
+					"Data truncated to ",
+					d,
+					" groups (original: ",
+					e.length,
+					")"
+				]
+			})]
+		});
+	} catch (e) {
+		return /* @__PURE__ */ c("div", {
+			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
+			style: { height: _ },
+			children: /* @__PURE__ */ l("div", {
+				className: "dc:text-center",
+				children: [
+					/* @__PURE__ */ c("div", {
+						className: "dc:text-sm dc:font-semibold dc:mb-1",
+						children: "Box Plot Chart Error"
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "dc:text-xs dc:mb-2",
+						children: e instanceof Error ? e.message : "Unknown rendering error"
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "dc:text-xs text-dc-text-muted",
+						children: "Check the data and configuration"
+					})
+				]
+			})
+		});
+	}
+});
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=chart-box-plot-BcqleldJ.js.map

package/dist/client/chunks/chart-box-plot-BcqleldJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-box-plot-BcqleldJ.js","names":[],"sources":["../../../src/client/components/charts/BoxPlotChart.tsx"],"sourcesContent":["import React, { useLayoutEffect, useMemo, useRef, useState } from 'react'\nimport { CHART_COLORS } from '../../utils/chartConstants'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport type { ChartProps } from '../../types'\n\nconst MAX_BOXES = 50\n\ninterface BoxStats {\n  label: string\n  min: number\n  q1: number\n  median: number\n  q3: number\n  max: number\n  color: string\n}\n\nfunction parseNumeric(v: unknown): number | null {\n  if (v === undefined || v === null) return null\n  const n = typeof v === 'number' ? v : parseFloat(String(v))\n  return isNaN(n) ? null : n\n}\n\nfunction buildFrom5Measures(\n  row: Record<string, unknown>,\n  minField: string,\n  q1Field: string,\n  medianField: string,\n  q3Field: string,\n  maxField: string,\n  label: string,\n  color: string\n): BoxStats | null {\n  const min = parseNumeric(row[minField])\n  const q1 = parseNumeric(row[q1Field])\n  const median = parseNumeric(row[medianField])\n  const q3 = parseNumeric(row[q3Field])\n  const max = parseNumeric(row[maxField])\n  if (min === null || q1 === null || median === null || q3 === null || max === null) return null\n  return { label, min, q1, median, q3, max, color }\n}\n\n/** Build approximate box stats assuming normality: Q1/Q3 at ±1σ, whiskers at ±2σ */\nfunction buildFrom3Measures(\n  row: Record<string, unknown>,\n  avgField: string,\n  stddevField: string,\n  medianField: string,\n  label: string,\n  color: string\n): BoxStats | null {\n  const avg = parseNumeric(row[avgField])\n  const sd = parseNumeric(row[stddevField])\n  const median = parseNumeric(row[medianField])\n  if (avg === null || sd === null || median === null) return null\n  const absSd = Math.abs(sd)\n  return {\n    label,\n    min: avg - 2 * absSd,\n    q1: avg - absSd,\n    median,\n    q3: avg + absSd,\n    max: avg + 2 * absSd,\n    color,\n  }\n}\n\nfunction BoxElement({\n  x,\n  boxWidth,\n  minY,\n  q1Y,\n  medianY,\n  q3Y,\n  maxY,\n  color,\n  label,\n}: {\n  x: number\n  boxWidth: number\n  minY: number\n  q1Y: number\n  medianY: number\n  q3Y: number\n  maxY: number\n  color: string\n  label: string\n}) {\n  const halfWidth = boxWidth / 2\n  const whiskerX = x\n  const capWidth = boxWidth * 0.4\n\n  return (\n    <g data-testid={`box-${label}`}>\n      {/* Whisker line (min to max) */}\n      <line x1={whiskerX} y1={minY} x2={whiskerX} y2={maxY} stroke={color} strokeWidth={1.5} />\n      {/* Min cap */}\n      <line\n        x1={whiskerX - capWidth / 2}\n        y1={minY}\n        x2={whiskerX + capWidth / 2}\n        y2={minY}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* Max cap */}\n      <line\n        x1={whiskerX - capWidth / 2}\n        y1={maxY}\n        x2={whiskerX + capWidth / 2}\n        y2={maxY}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* IQR Box (Q1 to Q3) */}\n      <rect\n        x={whiskerX - halfWidth}\n        y={Math.min(q1Y, q3Y)}\n        width={boxWidth}\n        height={Math.abs(q3Y - q1Y) || 2}\n        fill={color}\n        fillOpacity={0.3}\n        stroke={color}\n        strokeWidth={1.5}\n      />\n      {/* Median line */}\n      <line\n        x1={whiskerX - halfWidth}\n        y1={medianY}\n        x2={whiskerX + halfWidth}\n        y2={medianY}\n        stroke={color}\n        strokeWidth={2.5}\n        data-testid={`median-${label}`}\n      />\n    </g>\n  )\n}\n\nfunction YAxis({\n  scale,\n  domainMin,\n  domainMax,\n  width,\n  tickCount = 5,\n  format,\n}: {\n  scale: (v: number) => number\n  domainMin: number\n  domainMax: number\n  width: number\n  tickCount?: number\n  format?: (v: number) => string\n}) {\n  const ticks = useMemo(() => {\n    const range = domainMax - domainMin\n    if (range === 0) return [domainMin]\n    const step = range / (tickCount - 1)\n    return Array.from({ length: tickCount }, (_, i) => domainMin + i * step)\n  }, [domainMin, domainMax, tickCount])\n\n  return (\n    <g data-testid=\"y-axis\">\n      {ticks.map((tick, i) => (\n        <g key={i} transform={`translate(0, ${scale(tick)})`}>\n          <line x1={0} x2={-6} stroke=\"currentColor\" strokeWidth={1} />\n          <text\n            x={-10}\n            textAnchor=\"end\"\n            dominantBaseline=\"middle\"\n            fontSize={11}\n            fill=\"currentColor\"\n            className=\"text-dc-text-secondary\"\n          >\n            {format ? format(tick) : tick.toLocaleString()}\n          </text>\n          <line x1={0} x2={width} stroke=\"currentColor\" strokeOpacity={0.1} strokeWidth={1} />\n        </g>\n      ))}\n      <line y1={scale(ticks[0])} y2={scale(ticks[ticks.length - 1])} stroke=\"currentColor\" strokeWidth={1} />\n    </g>\n  )\n}\n\nconst BoxPlotChart = React.memo(function BoxPlotChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  colorPalette,\n  onDataPointClick,\n  drillEnabled,\n}: ChartProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [dimensions, setDimensions] = useState({ width: 0, height: 0 })\n\n  useLayoutEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height: h } = entry.contentRect\n        if (width > 0 && h > 0) setDimensions({ width, height: h })\n      }\n    })\n    observer.observe(el)\n    const rect = el.getBoundingClientRect()\n    if (rect.width > 0 && rect.height > 0) setDimensions({ width: rect.width, height: rect.height })\n    return () => observer.disconnect()\n  }, [])\n\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { xField, mode, fields, configError } = useMemo(() => {\n    const xField = Array.isArray(chartConfig?.xAxis)\n      ? chartConfig.xAxis[0]\n      : chartConfig?.xAxis ?? chartConfig?.x\n\n    const yAxisFields: string[] = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis\n      : []\n\n    if (!xField || yAxisFields.length === 0) {\n      return {\n        xField,\n        mode: 'none' as const,\n        fields: {},\n        configError: 'BoxPlot requires an X-Axis dimension and at least one measure in Y-Axis',\n      }\n    }\n\n    // 5-measure mode: yAxis = [min, q1, median, q3, max]\n    if (yAxisFields.length >= 5) {\n      return {\n        xField,\n        mode: '5measure' as const,\n        fields: {\n          minField: yAxisFields[0],\n          q1Field: yAxisFields[1],\n          medianField: yAxisFields[2],\n          q3Field: yAxisFields[3],\n          maxField: yAxisFields[4],\n        },\n        configError: null,\n      }\n    }\n\n    // 3-measure mode: yAxis = [avg, stddev, median]\n    if (yAxisFields.length >= 3) {\n      return {\n        xField,\n        mode: '3measure' as const,\n        fields: {\n          avgField: yAxisFields[0],\n          stddevField: yAxisFields[1],\n          medianField: yAxisFields[2],\n        },\n        configError: null,\n      }\n    }\n\n    if (yAxisFields.length === 2) {\n      return {\n        xField,\n        mode: 'none' as const,\n        fields: {},\n        configError: 'BoxPlot requires 1 measure (auto), 3 (avg/stddev/median), or 5 (min/q1/median/q3/max)',\n      }\n    }\n\n    // Auto mode: use yAxis[0] as the value field (treated as median/value)\n    return {\n      xField,\n      mode: 'auto' as const,\n      fields: { valueField: yAxisFields[0] },\n      configError: null,\n    }\n  }, [chartConfig])\n\n  const boxes: BoxStats[] = useMemo(() => {\n    if (configError || !data || data.length === 0 || mode === 'none') return []\n    const rows = (data as Record<string, unknown>[]).slice(0, MAX_BOXES)\n    const palette = colorPalette?.colors ?? CHART_COLORS\n\n    const results: BoxStats[] = []\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i]\n      const label = xField ? String(row[xField] ?? `Row ${i + 1}`) : `Row ${i + 1}`\n      const color = palette[i % palette.length]\n\n      let box: BoxStats | null = null\n      if (mode === '5measure') {\n        box = buildFrom5Measures(\n          row,\n          fields.minField!,\n          fields.q1Field!,\n          fields.medianField!,\n          fields.q3Field!,\n          fields.maxField!,\n          label,\n          color\n        )\n      } else if (mode === '3measure') {\n        box = buildFrom3Measures(row, fields.avgField!, fields.stddevField!, fields.medianField!, label, color)\n      } else {\n        // Auto: use value as median, build minimal box (value ± 0)\n        const v = parseNumeric(row[fields.valueField!])\n        if (v !== null) {\n          box = { label, min: v, q1: v, median: v, q3: v, max: v, color }\n        }\n      }\n      if (box) results.push(box)\n    }\n    return results\n  }, [data, xField, mode, fields, colorPalette, configError])\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 box plot chart</div>\n        </div>\n      </div>\n    )\n  }\n\n  if (configError) {\n    return (\n      <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Configuration Error</div>\n          <div className=\"dc:text-xs\">{configError}</div>\n        </div>\n      </div>\n    )\n  }\n\n  if (boxes.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\">\n            Could not compute box plot statistics from the provided data\n          </div>\n        </div>\n      </div>\n    )\n  }\n\n  try {\n    const margin = { top: 20, right: 20, bottom: 60, left: 60 }\n    const containerWidth = dimensions.width || 600\n    const containerHeight = typeof height === 'number' ? height : (dimensions.height || 400)\n    const innerWidth = Math.max(containerWidth - margin.left - margin.right, 50)\n    const innerHeight = Math.max(containerHeight - margin.top - margin.bottom, 50)\n\n    const allValues = boxes.flatMap((b) => [b.min, b.max])\n    const rawMin = Math.min(...allValues)\n    const rawMax = Math.max(...allValues)\n    const padding = (rawMax - rawMin) * 0.1 || 1\n    const domainMin = rawMin - padding\n    const domainMax = rawMax + padding\n\n    const domainRange = domainMax - domainMin\n    const yScale = (v: number) =>\n      domainRange === 0 ? innerHeight / 2 : innerHeight - ((v - domainMin) / domainRange) * innerHeight\n\n    const boxSpacing = innerWidth / boxes.length\n    const boxWidth = Math.min(boxSpacing * 0.6, 40)\n\n    const isTruncated = (data as unknown[]).length > MAX_BOXES\n\n    return (\n      <div ref={containerRef} className=\"dc:relative dc:w-full\" style={{ height }}>\n        <svg\n          width=\"100%\"\n          height={isTruncated ? `calc(100% - 20px)` : '100%'}\n          viewBox={`0 0 ${containerWidth} ${typeof containerHeight === 'number' ? containerHeight : 400}`}\n          preserveAspectRatio=\"none\"\n          data-testid=\"boxplot-svg\"\n        >\n          <g transform={`translate(${margin.left}, ${margin.top})`}>\n            <YAxis\n              scale={yScale}\n              domainMin={domainMin}\n              domainMax={domainMax}\n              width={innerWidth}\n              tickCount={5}\n              format={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n\n            {boxes.map((box, i) => {\n              const cx = boxSpacing * i + boxSpacing / 2\n              return (\n                <g\n                  key={`${box.label}-${i}`}\n                  onClick={(event: React.MouseEvent) => {\n                    if (onDataPointClick && drillEnabled) {\n                      onDataPointClick({\n                        dataPoint: { ...box },\n                        clickedField: xField ?? '',\n                        xValue: box.label,\n                        position: { x: event.clientX, y: event.clientY },\n                        nativeEvent: event,\n                      })\n                    }\n                  }}\n                  cursor={drillEnabled ? 'pointer' : undefined}\n                >\n                  <title>{`${box.label}: min=${box.min}, Q1=${box.q1}, median=${box.median}, Q3=${box.q3}, max=${box.max}`}</title>\n                  <BoxElement\n                    x={cx}\n                    boxWidth={boxWidth}\n                    minY={yScale(box.min)}\n                    q1Y={yScale(box.q1)}\n                    medianY={yScale(box.median)}\n                    q3Y={yScale(box.q3)}\n                    maxY={yScale(box.max)}\n                    color={box.color}\n                    label={box.label}\n                  />\n                  <text\n                    x={cx}\n                    y={innerHeight + 20}\n                    textAnchor=\"middle\"\n                    fontSize={11}\n                    fill=\"currentColor\"\n                    className=\"text-dc-text-secondary\"\n                    data-testid={`x-label-${box.label}`}\n                  >\n                    {box.label}\n                  </text>\n                </g>\n              )\n            })}\n          </g>\n        </svg>\n        {isTruncated && (\n          <div className=\"dc:text-xs text-dc-warning dc:text-center dc:mt-1\">\n            Data truncated to {MAX_BOXES} groups (original: {(data as unknown[]).length})\n          </div>\n        )}\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Box Plot 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 BoxPlotChart\n"],"mappings":"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"}