drizzle-cube 0.4.29 → 0.4.30

package/dist/client/chunks/chart-waterfall-jt44IQ-w.js

@@ -0,0 +1,237 @@
+import { n as e } from "./rolldown-runtime-lc2dmIiU.js";
+import { _ as t, i as n, y as r } from "./chart-activity-grid-CNES9VBk.js";
+import { c as i, l as a, s as o } from "./chart-area-CRJc3KOu.js";
+import s, { useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Bar as d, CartesianGrid as f, Cell as p, ComposedChart as m, LabelList as h, Legend as g, Line as _, XAxis as v, YAxis as y } from "recharts";
+//#region src/client/components/charts/WaterfallChart.tsx
+var b = /* @__PURE__ */ e({ default: () => D }), x = "#22c55e", S = "#ef4444", C = "#6366f1", w = "#94a3b8";
+function T(e, t, n, r, i) {
+	let a = 0, o = e.map((e, r) => {
+		let i = String(e[t] ?? `Row ${r + 1}`), o = e[n], s = typeof o == "number" ? o : parseFloat(String(o ?? "")), c = isNaN(s) ? 0 : s, l = c < 0, u = l ? a + c : a, d = {
+			label: i,
+			value: Math.abs(c),
+			runningBase: u,
+			isTotal: !1,
+			isNegative: l,
+			displayValue: c,
+			originalIndex: r
+		};
+		return a += c, d;
+	});
+	if (r) {
+		let e = i(n) || "Total";
+		o.push({
+			label: e,
+			value: Math.abs(a),
+			runningBase: a >= 0 ? 0 : a,
+			isTotal: !0,
+			isNegative: a < 0,
+			displayValue: a,
+			originalIndex: o.length
+		});
+	}
+	return o;
+}
+function E(e) {
+	let { x: t = 0, y: n = 0, width: r = 0, value: i = 0, isNegative: a, displayValue: o } = e;
+	if (o == null) return null;
+	let s = Number(o), c = a || s < 0 ? n + i + 14 : n - 6;
+	return /* @__PURE__ */ u("text", {
+		x: t + r / 2,
+		y: c,
+		fill: "currentColor",
+		textAnchor: "middle",
+		fontSize: 11,
+		children: [s >= 0 ? "+" : "", s.toLocaleString()]
+	});
+}
+var D = s.memo(function({ data: e, chartConfig: s, displayConfig: b = {}, height: D = "100%", onDataPointClick: O, drillEnabled: k }) {
+	let A = t(), j = b?.showTotal ?? !0, M = b?.showConnectorLine ?? !0, N = b?.showDataLabels ?? !1, P = b?.leftYAxisFormat, { xAxisField: F, yAxisField: I, configError: L } = c(() => {
+		let e = Array.isArray(s?.xAxis) ? s.xAxis[0] : s?.x, t = Array.isArray(s?.yAxis) ? s.yAxis[0] : s?.y?.[0];
+		return {
+			xAxisField: e,
+			yAxisField: t,
+			configError: !e || !t ? "Waterfall chart requires an X-axis dimension and a Y-axis measure" : null
+		};
+	}, [s]), R = c(() => L || !e || e.length === 0 || !F || !I ? [] : T(e, F, I, j, A), [
+		e,
+		F,
+		I,
+		j,
+		A,
+		L
+	]), z = c(() => !M || R.length === 0 ? [] : R.map((e) => {
+		let t = e.isNegative ? e.runningBase : e.runningBase + e.value;
+		return {
+			label: e.label,
+			_connector: t
+		};
+	}), [R, M]), B = c(() => R.map((e, t) => ({
+		...e,
+		_connector: z[t]?._connector
+	})), [R, z]);
+	try {
+		return !e || e.length === 0 ? /* @__PURE__ */ l("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted",
+			style: { height: D },
+			children: /* @__PURE__ */ u("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ l("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: "No data available"
+				}), /* @__PURE__ */ l("div", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "No data points to display in waterfall chart"
+				})]
+			})
+		}) : L ? /* @__PURE__ */ l("div", {
+			className: "dc:flex dc:items-center dc:justify-center dc:w-full text-dc-warning",
+			style: { height: D },
+			children: /* @__PURE__ */ u("div", {
+				className: "dc:text-center",
+				children: [/* @__PURE__ */ l("div", {
+					className: "dc:text-sm dc:font-semibold dc:mb-1",
+					children: "Configuration Error"
+				}), /* @__PURE__ */ l("div", {
+					className: "dc:text-xs",
+					children: L
+				})]
+			})
+		}) : /* @__PURE__ */ l("div", {
+			className: "dc:relative dc:w-full",
+			style: { height: D },
+			children: /* @__PURE__ */ l(a, {
+				height: "100%",
+				children: /* @__PURE__ */ u(m, {
+					data: B,
+					margin: {
+						...n,
+						left: 40
+					},
+					accessibilityLayer: !1,
+					children: [
+						/* @__PURE__ */ l(f, {
+							strokeDasharray: "3 3",
+							style: { pointerEvents: "none" }
+						}),
+						/* @__PURE__ */ l(v, {
+							dataKey: "label",
+							type: "category",
+							tick: /* @__PURE__ */ l(o, {}),
+							height: 60
+						}),
+						/* @__PURE__ */ l(y, {
+							tick: { fontSize: 12 },
+							tickFormatter: P ? (e) => r(e, P) : void 0
+						}),
+						/* @__PURE__ */ l(i, {
+							formatter: (e, t, n) => {
+								if (t === "_connector") return ["", ""];
+								let i = n?.payload;
+								if (!i) return [e, t];
+								let a = i.displayValue ?? e;
+								return [P ? r(a, P) : a?.toLocaleString?.() ?? a, i.isTotal ? "Total" : i.isNegative ? "Decrease" : "Increase"];
+							},
+							labelFormatter: (e) => e
+						}),
+						/* @__PURE__ */ l(g, {
+							wrapperStyle: {
+								fontSize: "12px",
+								paddingTop: "8px"
+							},
+							payload: [
+								{
+									value: "Increase",
+									type: "rect",
+									color: x
+								},
+								{
+									value: "Decrease",
+									type: "rect",
+									color: S
+								},
+								...j ? [{
+									value: "Total",
+									type: "rect",
+									color: C
+								}] : []
+							]
+						}),
+						/* @__PURE__ */ l(d, {
+							dataKey: "runningBase",
+							stackId: "wf",
+							fill: "transparent",
+							legendType: "none",
+							isAnimationActive: !1
+						}),
+						/* @__PURE__ */ u(d, {
+							dataKey: "value",
+							stackId: "wf",
+							isAnimationActive: !1,
+							cursor: k ? "pointer" : void 0,
+							onClick: (e, t, n) => {
+								O && k && e && !e.isTotal && O({
+									dataPoint: e,
+									clickedField: I,
+									xValue: e.label,
+									position: {
+										x: n.clientX,
+										y: n.clientY
+									},
+									nativeEvent: n
+								});
+							},
+							children: [N && /* @__PURE__ */ l(h, {
+								dataKey: "displayValue",
+								content: (e) => /* @__PURE__ */ l(E, {
+									...e,
+									runningBase: B[e.index]?.runningBase,
+									isNegative: B[e.index]?.isNegative,
+									displayValue: B[e.index]?.displayValue
+								})
+							}), B.map((e, t) => /* @__PURE__ */ l(p, { fill: e.isTotal ? C : e.isNegative ? S : x }, `cell-${t}`))]
+						}),
+						M && /* @__PURE__ */ l(_, {
+							type: "stepAfter",
+							dataKey: "_connector",
+							stroke: w,
+							strokeWidth: 1.5,
+							strokeDasharray: "4 2",
+							dot: !1,
+							activeDot: !1,
+							legendType: "none",
+							isAnimationActive: !1
+						})
+					]
+				})
+			})
+		});
+	} catch (e) {
+		return /* @__PURE__ */ l("div", {
+			className: "dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4",
+			style: { height: D },
+			children: /* @__PURE__ */ u("div", {
+				className: "dc:text-center",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "dc:text-sm dc:font-semibold dc:mb-1",
+						children: "Waterfall Chart Error"
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "dc:text-xs dc:mb-2",
+						children: e instanceof Error ? e.message : "Unknown rendering error"
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "dc:text-xs text-dc-text-muted",
+						children: "Check the data and configuration"
+					})
+				]
+			})
+		});
+	}
+});
+//#endregion
+export { b as t };
+
+//# sourceMappingURL=chart-waterfall-jt44IQ-w.js.map

package/dist/client/chunks/chart-waterfall-jt44IQ-w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-waterfall-jt44IQ-w.js","names":[],"sources":["../../../src/client/components/charts/WaterfallChart.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid, Cell, LabelList, Legend } from 'recharts'\nimport ChartContainer from './ChartContainer'\nimport ChartTooltip from './ChartTooltip'\nimport AngledXAxisTick from './AngledXAxisTick'\nimport { CHART_MARGINS } from '../../utils/chartConstants'\nimport { formatAxisValue } from '../../utils/chartUtils'\nimport { useCubeFieldLabel } from '../../hooks/useCubeFieldLabel'\nimport type { ChartProps } from '../../types'\n\nconst POSITIVE_COLOR = '#22c55e'\nconst NEGATIVE_COLOR = '#ef4444'\nconst TOTAL_COLOR = '#6366f1'\nconst CONNECTOR_COLOR = '#94a3b8'\n\ninterface WaterfallDataPoint {\n  label: string\n  value: number\n  runningBase: number\n  isTotal: boolean\n  isNegative: boolean\n  displayValue: number\n  originalIndex: number\n}\n\nfunction transformToWaterfall(\n  data: Record<string, unknown>[],\n  xField: string,\n  yField: string,\n  showTotal: boolean,\n  getFieldLabel: (field: string) => string\n): WaterfallDataPoint[] {\n  let running = 0\n  const result: WaterfallDataPoint[] = data.map((row, i) => {\n    const label = String(row[xField] ?? `Row ${i + 1}`)\n    const rawValue = row[yField]\n    const parsed = typeof rawValue === 'number' ? rawValue : parseFloat(String(rawValue ?? ''))\n    const value = isNaN(parsed) ? 0 : parsed\n    const isNegative = value < 0\n    const base = isNegative ? running + value : running\n    const point: WaterfallDataPoint = {\n      label,\n      value: Math.abs(value),\n      runningBase: base,\n      isTotal: false,\n      isNegative,\n      displayValue: value,\n      originalIndex: i,\n    }\n    running += value\n    return point\n  })\n\n  if (showTotal) {\n    const totalLabel = getFieldLabel(yField) || 'Total'\n    result.push({\n      label: totalLabel,\n      value: Math.abs(running),\n      runningBase: running >= 0 ? 0 : running,\n      isTotal: true,\n      isNegative: running < 0,\n      displayValue: running,\n      originalIndex: result.length,\n    })\n  }\n\n  return result\n}\n\ninterface ValueLabelProps {\n  x?: number\n  y?: number\n  width?: number\n  value?: number\n  isNegative?: boolean\n  displayValue?: number\n}\n\nfunction ValueLabel(props: ValueLabelProps) {\n  const { x = 0, y = 0, width = 0, value = 0, isNegative, displayValue } = props\n  if (displayValue === undefined || displayValue === null) return null\n  const numericValue = Number(displayValue)\n  const isNeg = isNegative || numericValue < 0\n  const yPos = isNeg ? y + value + 14 : y - 6\n  return (\n    <text\n      x={x + width / 2}\n      y={yPos}\n      fill=\"currentColor\"\n      textAnchor=\"middle\"\n      fontSize={11}\n    >\n      {numericValue >= 0 ? '+' : ''}{numericValue.toLocaleString()}\n    </text>\n  )\n}\n\nconst WaterfallChart = React.memo(function WaterfallChart({\n  data,\n  chartConfig,\n  displayConfig = {},\n  height = '100%',\n  onDataPointClick,\n  drillEnabled,\n}: ChartProps) {\n  const getFieldLabel = useCubeFieldLabel()\n\n  const showTotal = displayConfig?.showTotal ?? true\n  const showConnectorLine = displayConfig?.showConnectorLine ?? true\n  const showDataLabels = displayConfig?.showDataLabels ?? false\n  const yAxisFormat = displayConfig?.leftYAxisFormat\n\n  const { xAxisField, yAxisField, configError } = useMemo(() => {\n    const xAxisField: string | undefined = Array.isArray(chartConfig?.xAxis)\n      ? chartConfig.xAxis[0]\n      : chartConfig?.x\n    const yAxisField: string | undefined = Array.isArray(chartConfig?.yAxis)\n      ? chartConfig.yAxis[0]\n      : chartConfig?.y?.[0]\n    const configError =\n      !xAxisField || !yAxisField\n        ? 'Waterfall chart requires an X-axis dimension and a Y-axis measure'\n        : null\n    return { xAxisField, yAxisField, configError }\n  }, [chartConfig])\n\n  const waterfallData = useMemo(() => {\n    if (configError || !data || data.length === 0 || !xAxisField || !yAxisField) return []\n    return transformToWaterfall(\n      data as Record<string, unknown>[],\n      xAxisField,\n      yAxisField,\n      showTotal,\n      getFieldLabel\n    )\n  }, [data, xAxisField, yAxisField, showTotal, getFieldLabel, configError])\n\n  const connectorData = useMemo(() => {\n    if (!showConnectorLine || waterfallData.length === 0) return []\n    return waterfallData.map((d) => {\n      const connectorY = d.isNegative ? d.runningBase : d.runningBase + d.value\n      return { label: d.label, _connector: connectorY }\n    })\n  }, [waterfallData, showConnectorLine])\n\n  const chartData = useMemo(() => {\n    return waterfallData.map((d, i) => ({\n      ...d,\n      _connector: connectorData[i]?._connector,\n    }))\n  }, [waterfallData, connectorData])\n\n  try {\n    if (!data || data.length === 0) {\n      return (\n        <div className=\"dc:flex dc:items-center dc:justify-center dc:w-full text-dc-text-muted\" style={{ height }}>\n          <div className=\"dc:text-center\">\n            <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">No data available</div>\n            <div className=\"dc:text-xs text-dc-text-secondary\">No data points to display in waterfall 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    return (\n      <div className=\"dc:relative dc:w-full\" style={{ height }}>\n        <ChartContainer height=\"100%\">\n          <ComposedChart data={chartData} margin={{ ...CHART_MARGINS, left: 40 }} accessibilityLayer={false}>\n            <CartesianGrid strokeDasharray=\"3 3\" style={{ pointerEvents: 'none' }} />\n            <XAxis dataKey=\"label\" type=\"category\" tick={<AngledXAxisTick />} height={60} />\n            <YAxis\n              tick={{ fontSize: 12 }}\n              tickFormatter={yAxisFormat ? (v) => formatAxisValue(v, yAxisFormat) : undefined}\n            />\n            <ChartTooltip\n              formatter={(value: any, name: any, props: any) => {\n                if (name === '_connector') return ['', '']\n                const entry = props?.payload\n                if (!entry) return [value, name]\n                const displayValue = entry.displayValue ?? value\n                return [\n                  yAxisFormat ? formatAxisValue(displayValue, yAxisFormat) : displayValue?.toLocaleString?.() ?? displayValue,\n                  entry.isTotal ? 'Total' : entry.isNegative ? 'Decrease' : 'Increase',\n                ]\n              }}\n              labelFormatter={(label: string) => label}\n            />\n            <Legend\n              wrapperStyle={{ fontSize: '12px', paddingTop: '8px' }}\n              {...{\n                payload: [\n                  { value: 'Increase', type: 'rect' as const, color: POSITIVE_COLOR },\n                  { value: 'Decrease', type: 'rect' as const, color: NEGATIVE_COLOR },\n                  ...(showTotal ? [{ value: 'Total', type: 'rect' as const, color: TOTAL_COLOR }] : []),\n                ],\n              }}\n            />\n            <Bar dataKey=\"runningBase\" stackId=\"wf\" fill=\"transparent\" legendType=\"none\" isAnimationActive={false} />\n            <Bar\n              dataKey=\"value\"\n              stackId=\"wf\"\n              isAnimationActive={false}\n              cursor={drillEnabled ? 'pointer' : undefined}\n              onClick={(barData: any, _index: number, event: React.MouseEvent) => {\n                if (onDataPointClick && drillEnabled && barData && !barData.isTotal) {\n                  onDataPointClick({\n                    dataPoint: barData,\n                    clickedField: yAxisField!,\n                    xValue: barData.label,\n                    position: { x: event.clientX, y: event.clientY },\n                    nativeEvent: event,\n                  })\n                }\n              }}\n            >\n              {showDataLabels && (\n                <LabelList\n                  dataKey=\"displayValue\"\n                  content={(props: any) => (\n                    <ValueLabel\n                      {...props}\n                      runningBase={chartData[props.index]?.runningBase}\n                      isNegative={chartData[props.index]?.isNegative}\n                      displayValue={chartData[props.index]?.displayValue}\n                    />\n                  )}\n                />\n              )}\n              {chartData.map((entry, index) => (\n                <Cell\n                  key={`cell-${index}`}\n                  fill={entry.isTotal ? TOTAL_COLOR : entry.isNegative ? NEGATIVE_COLOR : POSITIVE_COLOR}\n                />\n              ))}\n            </Bar>\n            {showConnectorLine && (\n              <Line\n                type=\"stepAfter\"\n                dataKey=\"_connector\"\n                stroke={CONNECTOR_COLOR}\n                strokeWidth={1.5}\n                strokeDasharray=\"4 2\"\n                dot={false}\n                activeDot={false}\n                legendType=\"none\"\n                isAnimationActive={false}\n              />\n            )}\n          </ComposedChart>\n        </ChartContainer>\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"dc:flex dc:flex-col dc:items-center dc:justify-center dc:w-full text-dc-error dc:p-4\" style={{ height }}>\n        <div className=\"dc:text-center\">\n          <div className=\"dc:text-sm dc:font-semibold dc:mb-1\">Waterfall 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 WaterfallChart\n"],"mappings":"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"}

package/dist/client/chunks/charts-core-CUVzf4cV.js

@@ -0,0 +1,215 @@
+import { y as e } from "./chart-activity-grid-CNES9VBk.js";
+import { useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/client/components/AnalysisBuilder/SectionHeading.tsx
+function i({ children: e, className: t = "" }) {
+	return /* @__PURE__ */ n("h3", {
+		className: `dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${t}`,
+		children: e
+	});
+}
+//#endregion
+//#region src/client/components/charts/AxisFormatControls.tsx
+function a() {
+	let e = typeof navigator < "u" ? navigator.language : "en-US";
+	return new Intl.NumberFormat(e, {
+		style: "currency",
+		currency: o(e),
+		currencyDisplay: "narrowSymbol"
+	}).format(0).replace(/[\d.,\s]/g, "").trim() || "$";
+}
+function o(e) {
+	return {
+		US: "USD",
+		CA: "CAD",
+		GB: "GBP",
+		UK: "GBP",
+		AU: "AUD",
+		NZ: "NZD",
+		EU: "EUR",
+		DE: "EUR",
+		FR: "EUR",
+		IT: "EUR",
+		ES: "EUR",
+		NL: "EUR",
+		BE: "EUR",
+		AT: "EUR",
+		IE: "EUR",
+		PT: "EUR",
+		FI: "EUR",
+		JP: "JPY",
+		CN: "CNY",
+		KR: "KRW",
+		IN: "INR",
+		BR: "BRL",
+		MX: "MXN",
+		CH: "CHF",
+		SE: "SEK",
+		NO: "NOK",
+		DK: "DKK",
+		PL: "PLN",
+		RU: "RUB",
+		ZA: "ZAR",
+		SG: "SGD",
+		HK: "HKD",
+		TW: "TWD",
+		TH: "THB",
+		MY: "MYR",
+		PH: "PHP",
+		ID: "IDR",
+		VN: "VND",
+		AE: "AED",
+		SA: "SAR",
+		IL: "ILS",
+		TR: "TRY"
+	}[e.split("-")[1]?.toUpperCase()] || "USD";
+}
+function s({ value: o, onChange: s, axisLabel: c, previewValue: l = 125e4 }) {
+	let u = t(() => o || {}, [o]), d = t(() => a(), []), f = t(() => e(l, u), [l, u]), p = (e) => {
+		s({
+			...u,
+			...e
+		});
+	};
+	return /* @__PURE__ */ r("div", {
+		className: "dc:space-y-3 dc:pb-4",
+		children: [
+			/* @__PURE__ */ n(i, { children: c }),
+			/* @__PURE__ */ r("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ n("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "Label"
+				}), /* @__PURE__ */ n("input", {
+					type: "text",
+					value: u.label || "",
+					onChange: (e) => p({ label: e.target.value || void 0 }),
+					placeholder: "Auto-generated label",
+					className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ n("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "Unit"
+				}), /* @__PURE__ */ n("div", {
+					className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden",
+					children: [
+						{
+							value: "currency",
+							label: d
+						},
+						{
+							value: "percent",
+							label: "%"
+						},
+						{
+							value: "number",
+							label: "#"
+						},
+						{
+							value: "custom",
+							label: "Custom"
+						}
+					].map((e) => /* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: () => p({ unit: e.value }),
+						className: `dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${u.unit === e.value ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+						children: e.label
+					}, e.value))
+				})]
+			}),
+			u.unit === "custom" && /* @__PURE__ */ r("div", {
+				className: "dc:flex dc:gap-2",
+				children: [/* @__PURE__ */ r("div", {
+					className: "dc:flex-1 dc:space-y-1",
+					children: [/* @__PURE__ */ n("label", {
+						className: "dc:text-xs text-dc-text-secondary",
+						children: "Prefix"
+					}), /* @__PURE__ */ n("input", {
+						type: "text",
+						value: u.customPrefix || "",
+						onChange: (e) => p({ customPrefix: e.target.value || void 0 }),
+						placeholder: "e.g., $",
+						className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+					})]
+				}), /* @__PURE__ */ r("div", {
+					className: "dc:flex-1 dc:space-y-1",
+					children: [/* @__PURE__ */ n("label", {
+						className: "dc:text-xs text-dc-text-secondary",
+						children: "Suffix"
+					}), /* @__PURE__ */ n("input", {
+						type: "text",
+						value: u.customSuffix || "",
+						onChange: (e) => p({ customSuffix: e.target.value || void 0 }),
+						placeholder: "e.g., units",
+						className: "dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ n("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "Abbreviation"
+				}), /* @__PURE__ */ r("div", {
+					className: "dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden",
+					children: [/* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: () => p({ abbreviate: !0 }),
+						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${u.abbreviate === !1 ? "bg-dc-surface text-dc-text hover:bg-dc-border" : "bg-dc-primary text-white"}`,
+						children: "Yes"
+					}), /* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: () => p({ abbreviate: !1 }),
+						className: `dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${u.abbreviate === !1 ? "bg-dc-primary text-white" : "bg-dc-surface text-dc-text hover:bg-dc-border"}`,
+						children: "No"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ n("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "Decimals"
+				}), /* @__PURE__ */ r("div", {
+					className: "dc:flex dc:gap-2",
+					children: [/* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: () => {
+							let e = u.decimals ?? 2;
+							e > 0 && p({ decimals: e - 1 });
+						},
+						disabled: (u.decimals ?? 2) <= 0,
+						className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
+						children: "← .0"
+					}), /* @__PURE__ */ n("button", {
+						type: "button",
+						onClick: () => {
+							let e = u.decimals ?? 2;
+							e < 4 && p({ decimals: e + 1 });
+						},
+						disabled: (u.decimals ?? 2) >= 4,
+						className: "dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors",
+						children: ".00 →"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "dc:space-y-1",
+				children: [/* @__PURE__ */ n("label", {
+					className: "dc:text-xs text-dc-text-secondary",
+					children: "Preview"
+				}), /* @__PURE__ */ n("div", {
+					className: "dc:text-sm dc:font-mono text-dc-text",
+					children: f
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { i as n, s as t };
+
+//# sourceMappingURL=charts-core-CUVzf4cV.js.map

package/dist/client/chunks/charts-core-CUVzf4cV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts-core-CUVzf4cV.js","names":[],"sources":["../../../src/client/components/AnalysisBuilder/SectionHeading.tsx","../../../src/client/components/charts/AxisFormatControls.tsx"],"sourcesContent":["/**\n * SectionHeading Component\n *\n * A reusable section heading for the Analysis Builder panels.\n * Provides consistent styling that can be easily adjusted in one place.\n */\n\nimport type { ReactNode } from 'react'\n\ninterface SectionHeadingProps {\n  children: ReactNode\n  /** Optional className to add additional styles */\n  className?: string\n}\n\n/**\n * Consistent section heading style for Analysis Builder panels.\n * Change the styles here to update all section headings at once.\n */\nexport default function SectionHeading({ children, className = '' }: SectionHeadingProps) {\n  return (\n    <h3 className={`dc:text-sm dc:font-semibold text-dc-primary dc:uppercase dc:tracking-wide ${className}`}>\n      {children}\n    </h3>\n  )\n}\n","/**\n * AxisFormatControls Component\n *\n * A reusable component for configuring axis number formatting.\n * Provides controls for unit type, abbreviation, decimal places, and custom labels.\n */\n\nimport { useMemo } from 'react'\nimport SectionHeading from '../AnalysisBuilder/SectionHeading'\nimport type { AxisFormatConfig } from '../../types'\nimport { formatAxisValue } from '../../utils/chartUtils'\n\ninterface AxisFormatControlsProps {\n  value: AxisFormatConfig\n  onChange: (config: AxisFormatConfig) => void\n  axisLabel: string // \"X-Axis\", \"Left Y-Axis\", \"Right Y-Axis\"\n  /** Sample value for preview (default: 1250000) */\n  previewValue?: number\n}\n\n/**\n * Get the currency symbol for the user's locale\n */\nfunction getLocaleCurrencySymbol(): string {\n  const locale = typeof navigator !== 'undefined' ? navigator.language : 'en-US'\n  // Format a number as currency and extract just the symbol\n  const formatted = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency: getCurrencyCodeForLocale(locale),\n    currencyDisplay: 'narrowSymbol'\n  }).format(0)\n  // Extract the currency symbol (remove digits, spaces, and common separators)\n  return formatted.replace(/[\\d.,\\s]/g, '').trim() || '$'\n}\n\n/**\n * Get the currency code for a given locale (duplicated from chartUtils for component isolation)\n */\nfunction getCurrencyCodeForLocale(locale: string): string {\n  const parts = locale.split('-')\n  const region = parts[1]?.toUpperCase()\n  const currencyMap: Record<string, string> = {\n    'US': 'USD', 'CA': 'CAD', 'GB': 'GBP', 'UK': 'GBP', 'AU': 'AUD', 'NZ': 'NZD',\n    'EU': 'EUR', 'DE': 'EUR', 'FR': 'EUR', 'IT': 'EUR', 'ES': 'EUR', 'NL': 'EUR',\n    'BE': 'EUR', 'AT': 'EUR', 'IE': 'EUR', 'PT': 'EUR', 'FI': 'EUR',\n    'JP': 'JPY', 'CN': 'CNY', 'KR': 'KRW', 'IN': 'INR', 'BR': 'BRL', 'MX': 'MXN',\n    'CH': 'CHF', 'SE': 'SEK', 'NO': 'NOK', 'DK': 'DKK', 'PL': 'PLN', 'RU': 'RUB',\n    'ZA': 'ZAR', 'SG': 'SGD', 'HK': 'HKD', 'TW': 'TWD', 'TH': 'THB', 'MY': 'MYR',\n    'PH': 'PHP', 'ID': 'IDR', 'VN': 'VND', 'AE': 'AED', 'SA': 'SAR', 'IL': 'ILS', 'TR': 'TRY',\n  }\n  return currencyMap[region] || 'USD'\n}\n\n/**\n * Single axis format control section\n */\nexport function AxisFormatControls({\n  value,\n  onChange,\n  axisLabel,\n  previewValue = 1250000\n}: AxisFormatControlsProps) {\n  const config = useMemo(() => value || {}, [value])\n\n  // Get locale-aware currency symbol for the button\n  const currencySymbol = useMemo(() => getLocaleCurrencySymbol(), [])\n\n  // Generate preview of formatted value\n  const preview = useMemo(() => {\n    return formatAxisValue(previewValue, config)\n  }, [previewValue, config])\n\n  const handleChange = (updates: Partial<AxisFormatConfig>) => {\n    onChange({ ...config, ...updates })\n  }\n\n  const unitButtons: Array<{ value: AxisFormatConfig['unit']; label: string }> = [\n    { value: 'currency', label: currencySymbol },\n    { value: 'percent', label: '%' },\n    { value: 'number', label: '#' },\n    { value: 'custom', label: 'Custom' }\n  ]\n\n  return (\n    <div className=\"dc:space-y-3 dc:pb-4\">\n      {/* Axis Header */}\n      <SectionHeading>{axisLabel}</SectionHeading>\n\n      {/* Label Input */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Label</label>\n        <input\n          type=\"text\"\n          value={config.label || ''}\n          onChange={(e) => handleChange({ label: e.target.value || undefined })}\n          placeholder=\"Auto-generated label\"\n          className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n        />\n      </div>\n\n      {/* Unit Type */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Unit</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          {unitButtons.map((btn) => (\n            <button\n              key={btn.value}\n              type=\"button\"\n              onClick={() => handleChange({ unit: btn.value })}\n              className={`dc:flex-1 dc:px-2 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n                config.unit === btn.value\n                  ? 'bg-dc-primary text-white'\n                  : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n              }`}\n            >\n              {btn.label}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      {/* Custom Prefix/Suffix (only when Custom is selected) */}\n      {config.unit === 'custom' && (\n        <div className=\"dc:flex dc:gap-2\">\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">Prefix</label>\n            <input\n              type=\"text\"\n              value={config.customPrefix || ''}\n              onChange={(e) => handleChange({ customPrefix: e.target.value || undefined })}\n              placeholder=\"e.g., $\"\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n          <div className=\"dc:flex-1 dc:space-y-1\">\n            <label className=\"dc:text-xs text-dc-text-secondary\">Suffix</label>\n            <input\n              type=\"text\"\n              value={config.customSuffix || ''}\n              onChange={(e) => handleChange({ customSuffix: e.target.value || undefined })}\n              placeholder=\"e.g., units\"\n              className=\"dc:w-full dc:px-2 dc:py-1 dc:text-sm dc:border border-dc-border dc:rounded-sm focus:ring-dc-accent focus:border-dc-accent bg-dc-surface text-dc-text\"\n            />\n          </div>\n        </div>\n      )}\n\n      {/* Abbreviation Toggle */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Abbreviation</label>\n        <div className=\"dc:flex dc:border border-dc-border dc:rounded-sm dc:overflow-hidden\">\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: true })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate !== false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            Yes\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => handleChange({ abbreviate: false })}\n            className={`dc:flex-1 dc:px-3 dc:py-1.5 dc:text-sm dc:font-medium dc:transition-colors ${\n              config.abbreviate === false\n                ? 'bg-dc-primary text-white'\n                : 'bg-dc-surface text-dc-text hover:bg-dc-border'\n            }`}\n          >\n            No\n          </button>\n        </div>\n      </div>\n\n      {/* Decimals */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Decimals</label>\n        <div className=\"dc:flex dc:gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current > 0) handleChange({ decimals: current - 1 })\n            }}\n            disabled={(config.decimals ?? 2) <= 0}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            ← .0\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => {\n              const current = config.decimals ?? 2\n              if (current < 4) handleChange({ decimals: current + 1 })\n            }}\n            disabled={(config.decimals ?? 2) >= 4}\n            className=\"dc:flex-1 dc:px-3 dc:py-2 dc:text-sm dc:border border-dc-border dc:rounded-sm bg-dc-surface text-dc-text hover:bg-dc-border dc:disabled:opacity-40 dc:disabled:cursor-not-allowed dc:transition-colors\"\n          >\n            .00 →\n          </button>\n        </div>\n      </div>\n\n      {/* Preview */}\n      <div className=\"dc:space-y-1\">\n        <label className=\"dc:text-xs text-dc-text-secondary\">Preview</label>\n        <div className=\"dc:text-sm dc:font-mono text-dc-text\">\n          {preview}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ninterface MultiAxisFormatControlsProps {\n  displayConfig: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }\n  onChange: (updates: {\n    xAxisFormat?: AxisFormatConfig\n    leftYAxisFormat?: AxisFormatConfig\n    rightYAxisFormat?: AxisFormatConfig\n  }) => void\n  /** Which axes to show controls for */\n  showAxes?: {\n    xAxis?: boolean\n    leftYAxis?: boolean\n    rightYAxis?: boolean\n  }\n}\n\n/**\n * Container component for multiple axis format controls\n */\nexport function MultiAxisFormatControls({\n  displayConfig,\n  onChange,\n  showAxes = { leftYAxis: true, rightYAxis: true }\n}: MultiAxisFormatControlsProps) {\n  return (\n    <div className=\"dc:space-y-4\">\n      {showAxes.leftYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Left Y-Axis\"\n          value={displayConfig.leftYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              leftYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.rightYAxis && (\n        <AxisFormatControls\n          axisLabel=\"Right Y-Axis\"\n          value={displayConfig.rightYAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              rightYAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n        />\n      )}\n\n      {showAxes.xAxis && (\n        <AxisFormatControls\n          axisLabel=\"X-Axis\"\n          value={displayConfig.xAxisFormat || {}}\n          onChange={(config) =>\n            onChange({\n              ...displayConfig,\n              xAxisFormat: Object.keys(config).length > 0 ? config : undefined\n            })\n          }\n          previewValue={2024} // Use a year-like number for X-axis preview\n        />\n      )}\n    </div>\n  )\n}\n\nexport default AxisFormatControls\n"],"mappings":"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"}