minerva-design 1.3.0 → 1.4.0

package/dist/charts/react/charts.js

@@ -1,10 +1,11 @@
 "use client";
-import { ChartBase as e, engineOptions as t } from "./Chart.js";
-import { areaSeries as n, barSeries as r, candlestickSeries as i, heatmapChartOptions as a, lineSeries as o, quadrantChartOptions as s, quadrantOf as c, scatterSeries as l, sparklineOptions as u } from "../engine/presets.js";
-import { useMemo as d } from "react";
-import { jsx as f } from "react/jsx-runtime";
+import { resolveLocale as e } from "../engine/locale.js";
+import { Chart as t, ChartBase as n, engineOptions as r } from "./Chart.js";
+import { areaSeries as i, barSeries as a, boxplotData as o, boxplotSeries as s, bubbleSeries as c, candlestickSeries as l, ganttSeries as u, heatmapChartOptions as d, histogramSeries as f, lineSeries as p, presetLabels as m, quadrantChartOptions as h, quadrantOf as g, rangeAreaSeries as _, scatterSeries as v, sparklineOptions as y, waterfallSeries as b } from "../engine/presets.js";
+import { useMemo as x, useState as S } from "react";
+import { jsx as C } from "react/jsx-runtime";
 //#region src/react/charts.tsx
-var p = (e) => ({
+var w = (e) => ({
 	height: e.height,
 	width: e.width,
 	className: e.className,
@@ -17,114 +18,115 @@ var p = (e) => ({
 	onRendererChange: e.onRendererChange,
 	renderTooltip: e.renderTooltip
 });
-function m(n) {
-	let { series: r, area: i = !1, curve: a, stacked: s = !1, percent: c = !1 } = n, l = d(() => o(r, i, {
+function T(e) {
+	let { series: t, area: i = !1, curve: a, stacked: o = !1, percent: s = !1 } = e, c = x(() => p(t, i, {
 		curve: a,
-		stacked: s || c
+		stacked: o || s
 	}), [
-		r,
+		t,
 		i,
 		a,
-		s,
-		c
+		o,
+		s
 	]);
-	return /* @__PURE__ */ f(e, {
-		options: t({
-			...n,
-			series: l,
-			stackMode: c ? "percent" : void 0
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...e,
+			series: c,
+			stackMode: s ? "percent" : void 0
 		}),
-		...p(n)
+		...w(e)
 	});
 }
-function h(r) {
-	let { series: i, curve: a = "smooth", stacked: o = !1, percent: s = !1 } = r, c = d(() => n(i, {
+function E(e) {
+	let { series: t, curve: a = "smooth", stacked: o = !1, percent: s = !1 } = e, c = x(() => i(t, {
 		curve: a,
 		stacked: o || s
 	}), [
-		i,
+		t,
 		a,
 		o,
 		s
 	]);
-	return /* @__PURE__ */ f(e, {
-		options: t({
-			...r,
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...e,
 			series: c,
 			stackMode: s ? "percent" : void 0
 		}),
-		...p(r)
+		...w(e)
 	});
 }
-function g(n) {
-	let { series: i, stacked: a = !1, percent: o = !1, labels: s = !1 } = n, c = d(() => r(i, a || o, s), [
+function D(e) {
+	let { series: t, stacked: i = !1, percent: o = !1, labels: s = !1 } = e, c = x(() => a(t, i || o, s), [
+		t,
 		i,
-		a,
 		o,
 		s
 	]);
-	return /* @__PURE__ */ f(e, {
-		options: t({
-			...n,
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...e,
+			labels: void 0,
 			series: c,
 			stackMode: o ? "percent" : void 0
 		}),
-		...p(n)
+		...w(e)
 	});
 }
-function _(n) {
-	let { series: r } = n, a = d(() => i(r), [r]);
-	return /* @__PURE__ */ f(e, {
-		options: t({
-			...n,
-			series: a
+function O(e) {
+	let { series: t } = e, i = x(() => l(t), [t]);
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...e,
+			series: i
 		}),
-		...p(n)
+		...w(e)
 	});
 }
-function v(n) {
-	let { data: r, xCategories: i, yCategories: o, colorScale: s, valueRange: c, name: l, radius: u, format: m } = n, h = d(() => a({
-		data: r,
+function k(e) {
+	let { data: t, xCategories: i, yCategories: a, colorScale: o, valueRange: s, name: c, radius: l, format: u } = e, f = x(() => d({
+		data: t,
 		xCategories: i,
-		yCategories: o,
-		colorScale: s,
-		valueRange: c,
-		name: l,
-		radius: u,
-		format: m
+		yCategories: a,
+		colorScale: o,
+		valueRange: s,
+		name: c,
+		radius: l,
+		format: u
 	}).series, [
-		r,
+		t,
 		i,
+		a,
 		o,
 		s,
 		c,
 		l,
-		u,
-		m
-	]), g = t({
-		...n,
-		series: h
+		u
+	]), p = r({
+		...e,
+		series: f
 	});
-	return /* @__PURE__ */ f(e, {
+	return /* @__PURE__ */ C(n, {
 		options: {
-			...a({
-				data: r,
+			...d({
+				data: t,
 				xCategories: i,
-				yCategories: o
+				yCategories: a
 			}, {
-				...g,
-				legend: n.legend,
-				interaction: n.interaction,
-				tooltip: n.tooltip
+				...p,
+				legend: e.legend,
+				interaction: e.interaction,
+				tooltip: e.tooltip
 			}),
-			series: h
+			series: f
 		},
-		...p(n)
+		...w(e)
 	});
 }
-function y(t) {
-	let { data: n, type: r, color: i, curve: a, name: o, reference: s, format: c, height: l = 48, width: p, renderer: m, tooltip: h, palette: g, ariaLabel: _, className: v, style: y, ref: b, onHover: x, renderTooltip: S } = t, C = d(() => u({
-		data: n,
+function A(e) {
+	let { data: t, type: r, color: i, curve: a, name: o, reference: s, format: c, height: l = 48, width: u, renderer: d, tooltip: f, palette: p, ariaLabel: m, locale: h, labels: g, className: _, style: v, ref: b, onHover: S, renderTooltip: w } = e, T = x(() => y({
+		data: t,
 		type: r,
 		color: i,
 		curve: a,
@@ -132,50 +134,54 @@ function y(t) {
 		reference: s,
 		format: c
 	}, {
-		renderer: m,
-		tooltip: h,
-		palette: g,
-		ariaLabel: _
+		renderer: d,
+		tooltip: f,
+		palette: p,
+		ariaLabel: m,
+		locale: h,
+		labels: g
 	}), [
-		n,
+		t,
 		r,
 		i,
 		a,
 		o,
 		s,
 		c,
+		d,
+		f,
+		p,
 		m,
 		h,
-		g,
-		_
+		g
 	]);
-	return /* @__PURE__ */ f(e, {
-		options: C,
+	return /* @__PURE__ */ C(n, {
+		options: T,
 		height: l,
-		width: p,
-		className: v,
-		style: y,
+		width: u,
+		className: _,
+		style: v,
 		handleRef: b,
-		onHover: x,
-		renderTooltip: S
+		onHover: S,
+		renderTooltip: w
 	});
 }
-function b(n) {
-	let { series: r } = n, i = d(() => l(r), [r]);
-	return /* @__PURE__ */ f(e, {
-		options: t({
-			...n,
+function j(e) {
+	let { series: t } = e, i = x(() => v(t), [t]);
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...e,
 			series: i
 		}),
-		...p(n)
+		...w(e)
 	});
 }
-var x = [
+var M = [
 	"topLeft",
 	"topRight",
 	"bottomLeft",
 	"bottomRight"
-], S = (e, t, n) => {
+], N = (e, t, n) => {
 	let r = e.endsWith("Left"), i = e.startsWith("top");
 	return {
 		position: "absolute",
@@ -186,71 +192,237 @@ var x = [
 		pointerEvents: "none"
 	};
 };
-function C(n) {
-	let { points: r, xDomain: i, yDomain: a, xSplit: o, ySplit: l, quadrants: u, xLabel: d, yLabel: m, axisLabels: h, showTicks: g, reverseX: _, showLabels: v, pointSize: y, name: b, draggable: C, onPointClick: w, onPointDrop: T, onQuadrantClick: E, renderTooltip: D, quadrantContent: O } = n, k = {
+function P(e) {
+	let { points: t, xDomain: i, yDomain: a, xSplit: o, ySplit: s, quadrants: c, xLabel: l, yLabel: u, axisLabels: d, showTicks: f, reverseX: p, showLabels: m, pointSize: _, name: v, draggable: y, onPointClick: b, onPointDrop: x, onQuadrantClick: S, renderTooltip: T, quadrantContent: E } = e, D = {
 		xDomain: i,
 		yDomain: a,
 		xSplit: o,
-		ySplit: l,
-		reverseX: _
-	}, A = s({
-		points: r,
+		ySplit: s,
+		reverseX: p
+	}, O = h({
+		points: t,
 		xDomain: i,
 		yDomain: a,
 		xSplit: o,
-		ySplit: l,
-		quadrants: u,
-		xLabel: d,
-		yLabel: m,
-		axisLabels: h,
-		showTicks: g,
-		reverseX: _,
-		showLabels: v,
-		pointSize: y,
-		name: b,
-		draggable: C ?? !!T
-	}, t({
-		...n,
+		ySplit: s,
+		quadrants: c,
+		xLabel: l,
+		yLabel: u,
+		axisLabels: d,
+		showTicks: f,
+		reverseX: p,
+		showLabels: m,
+		pointSize: _,
+		name: v,
+		draggable: y ?? !!x
+	}, r({
+		...e,
 		series: []
-	})), j = O ? (e) => {
-		let [t, n] = i ?? [0, 10], [r, s] = a ?? [0, 10], c = o ?? (t + n) / 2, u = l ?? (r + s) / 2, d = (c - t) / (n - t || 1), p = (u - r) / (s - r || 1), m = {
-			x: e.x + e.width * (_ ? 1 - d : d),
-			y: e.y + e.height * (1 - p)
+	})), k = E ? (e) => {
+		let [t, n] = i ?? [0, 10], [r, c] = a ?? [0, 10], l = o ?? (t + n) / 2, u = s ?? (r + c) / 2, d = (l - t) / (n - t || 1), f = (u - r) / (c - r || 1), m = {
+			x: e.x + e.width * (p ? 1 - d : d),
+			y: e.y + e.height * (1 - f)
 		};
-		return x.map((t) => O[t] ? /* @__PURE__ */ f("div", {
+		return M.map((t) => E[t] ? /* @__PURE__ */ C("div", {
 			className: `minerva-chart-quadrant minerva-chart-quadrant-${t}`,
-			style: S(t, e, m),
-			children: O[t]
+			style: N(t, e, m),
+			children: E[t]
 		}, t) : null);
 	} : void 0;
-	return /* @__PURE__ */ f(e, {
-		options: A,
-		...p({
-			...n,
+	return /* @__PURE__ */ C(n, {
+		options: O,
+		...w({
+			...e,
 			onPointClick: void 0,
 			renderTooltip: void 0
 		}),
-		overlay: j,
-		onPointClick: w ? (e) => {
-			let t = e.items[0]?.index;
-			t !== void 0 && r[t] && w(r[t], t);
+		overlay: k,
+		onPointClick: b ? (e) => {
+			let n = e.items[0]?.index;
+			n !== void 0 && t[n] && b(t[n], n);
 		} : void 0,
-		onPlotClick: E ? (e) => E(c(k, e.x, e.y), e) : void 0,
-		onDrop: T ? (e) => {
-			let t = e.item.index;
-			r[t] && T(r[t], t, {
+		onPlotClick: S ? (e) => S(g(D, e.x, e.y), e) : void 0,
+		onDrop: x ? (e) => {
+			let n = e.item.index;
+			t[n] && x(t[n], n, {
 				x: e.x,
 				y: e.y,
-				quadrant: c(k, e.x, e.y)
+				quadrant: g(D, e.x, e.y)
 			});
 		} : void 0,
-		renderTooltip: D ? (e) => {
-			let t = e.items[0]?.index;
-			return t !== void 0 && r[t] ? D(r[t], t) : null;
+		renderTooltip: T ? (e) => {
+			let n = e.items[0]?.index;
+			return n !== void 0 && t[n] ? T(t[n], n) : null;
 		} : void 0
 	});
 }
+function F(e) {
+	return /* @__PURE__ */ C(D, {
+		...e,
+		orientation: "horizontal"
+	});
+}
+function I(e) {
+	let { series: t, curve: i = "smooth" } = e, a = x(() => _(t, i), [t, i]);
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...e,
+			series: a
+		}),
+		...w(e)
+	});
+}
+function L(e) {
+	return /* @__PURE__ */ C(t, { ...e });
+}
+function R(e) {
+	let { series: t, minSize: i, maxSize: a, maxValue: o } = e, s = x(() => c(t, {
+		minSize: i,
+		maxSize: a,
+		maxValue: o
+	}), [
+		t,
+		i,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...e,
+			series: s
+		}),
+		...w(e)
+	});
+}
+function z(t) {
+	let { values: i, bins: a, domain: o, nice: s, name: c, color: l, formatBin: u, series: d, locale: p } = t, m = e(p), h = x(() => [f(i, {
+		bins: a,
+		domain: o,
+		nice: s,
+		name: c,
+		color: l,
+		format: u,
+		locale: m
+	}), ...d ?? []], [
+		i,
+		a,
+		o,
+		s,
+		c,
+		l,
+		u,
+		d,
+		m
+	]);
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...t,
+			series: h
+		}),
+		...w(t)
+	});
+}
+function B(t) {
+	let { series: i, groups: a, name: c, whisker: l, orientation: u, locale: d } = t, f = c ?? m(e(d)).values, p = x(() => s([...a?.length ? [{
+		id: "boxplot",
+		name: f,
+		data: o(a, { whisker: l })
+	}] : [], ...i ?? []]), [
+		i,
+		a,
+		f,
+		l
+	]);
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...t,
+			series: p,
+			orientation: u
+		}),
+		...w(t)
+	});
+}
+function V(t) {
+	let { steps: i, name: a, upColor: o, downColor: s, totalColor: c, start: l, labels: u = !0, format: d, orientation: f, locale: p } = t, m = e(p), h = x(() => [b(i, {
+		name: a,
+		upColor: o,
+		downColor: s,
+		totalColor: c,
+		start: l,
+		labels: u,
+		format: d,
+		locale: m
+	})], [
+		i,
+		a,
+		o,
+		s,
+		c,
+		l,
+		u,
+		d,
+		m
+	]);
+	return /* @__PURE__ */ C(n, {
+		options: r({
+			...t,
+			labels: void 0,
+			series: h,
+			orientation: f
+		}),
+		...w(t)
+	});
+}
+function H(t) {
+	let { tasks: i, colors: a, taskName: o, progressName: s, milestoneName: c, formatProgress: l, today: d = !1, todayLabel: f, xAxis: p, yAxis: m, annotations: h, interaction: g, legend: _, locale: v } = t, y = e(v), b = x(() => u(i, {
+		colors: a,
+		taskName: o,
+		progressName: s,
+		milestoneName: c,
+		formatProgress: l,
+		locale: y
+	}), [
+		i,
+		a,
+		o,
+		s,
+		c,
+		l,
+		y
+	]), [T] = S(() => Date.now()), E = d === !1 ? null : d === !0 ? T : d instanceof Date ? d.getTime() : d, D = E === null ? [] : [{
+		type: "line",
+		axis: "y",
+		value: E,
+		color: "var(--danger-color, #dc2626)",
+		dash: [4, 3],
+		label: f
+	}];
+	return /* @__PURE__ */ C(n, {
+		options: {
+			...r({
+				...t,
+				series: b.series,
+				orientation: "horizontal"
+			}),
+			xAxis: {
+				type: "category",
+				categories: b.categories,
+				...p
+			},
+			yAxis: {
+				type: "time",
+				min: b.domain[0],
+				max: b.domain[1],
+				...m
+			},
+			annotations: [...h ?? [], ...D],
+			interaction: g ?? { zoom: "y" },
+			legend: _ ?? b.series.length > 1
+		},
+		...w(t)
+	});
+}
 //#endregion
-export { h as AreaChart, g as BarChart, _ as CandlestickChart, v as HeatmapChart, m as LineChart, C as QuadrantChart, b as ScatterChart, y as Sparkline };
+export { E as AreaChart, D as BarChart, B as BoxPlotChart, R as BubbleChart, O as CandlestickChart, H as GanttChart, k as HeatmapChart, z as HistogramChart, F as HorizontalBarChart, T as LineChart, L as MixedChart, P as QuadrantChart, I as RangeAreaChart, j as ScatterChart, A as Sparkline, V as WaterfallChart };
 
 //# sourceMappingURL=charts.js.map

package/dist/charts/react/charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"charts.js","names":["frameProps","props","LineChart","input","series","useMemo","lineSeries","area","stacked","percent","curve","ChartBase","engineOptions","AreaChart","areaSeries","BarChart","barSeries","labels","CandlestickChart","candlestickSeries","HeatmapChart","heatmapChartOptions","data","xCategories","yCategories","colorScale","valueRange","name","radius","format","base","Sparkline","options","sparklineOptions","type","color","reference","renderer","tooltip","palette","ariaLabel","ref","ScatterChart","scatterSeries","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","quadrantChartOptions","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","quadrantOf","at","renderTooltip"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo, type CSSProperties } from \"react\";\nimport {\n  areaSeries,\n  barSeries,\n  candlestickSeries,\n  heatmapChartOptions,\n  lineSeries,\n  quadrantChartOptions,\n  quadrantOf,\n  scatterSeries,\n  sparklineOptions,\n  type QuadrantCorner,\n} from \"../engine/presets\";\nimport type { ChartRect } from \"../engine/types\";\nimport { ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  AreaChartProps,\n  BarChartProps,\n  CandlestickChartProps,\n  ChartCommonProps,\n  HeatmapChartProps,\n  LineChartProps,\n  QuadrantChartProps,\n  ScatterChartProps,\n  SparklineProps,\n} from \"./types\";\n\nconst frameProps = (props: ChartCommonProps) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const {\n    series: input,\n    area = false,\n    curve,\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => lineSeries(input, area, { curve, stacked: stacked || percent }),\n    [input, area, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Area chart: smooth by default, stacked or 100% stacked */\nexport function AreaChart(props: AreaChartProps) {\n  const {\n    series: input,\n    curve = \"smooth\",\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => areaSeries(input, { curve, stacked: stacked || percent }),\n    [input, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, stacked or 100% stacked, with optional value labels */\nexport function BarChart(props: BarChartProps) {\n  const {\n    series: input,\n    stacked = false,\n    percent = false,\n    labels = false,\n  } = props;\n  const series = useMemo(\n    () => barSeries(input, stacked || percent, labels),\n    [input, stacked, percent, labels],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Candlestick (OHLC) chart: rising and falling candles, zoomable on the GPU */\nexport function CandlestickChart(props: CandlestickChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => candlestickSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */\nexport function HeatmapChart(props: HeatmapChartProps) {\n  const {\n    data,\n    xCategories,\n    yCategories,\n    colorScale,\n    valueRange,\n    name,\n    radius,\n    format,\n  } = props;\n  const series = useMemo(\n    () =>\n      heatmapChartOptions({\n        data,\n        xCategories,\n        yCategories,\n        colorScale,\n        valueRange,\n        name,\n        radius,\n        format,\n      }).series,\n    [\n      data,\n      xCategories,\n      yCategories,\n      colorScale,\n      valueRange,\n      name,\n      radius,\n      format,\n    ],\n  );\n  const base = engineOptions({ ...props, series });\n  return (\n    <ChartBase\n      options={{\n        ...heatmapChartOptions(\n          { data, xCategories, yCategories },\n          {\n            ...base,\n            legend: props.legend,\n            interaction: props.interaction,\n            tooltip: props.tooltip,\n          },\n        ),\n        series,\n      }}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Word-sized chart without axes: a trend in a table cell, a KPI card, ... */\nexport function Sparkline(props: SparklineProps) {\n  const {\n    data,\n    type,\n    color,\n    curve,\n    name,\n    reference,\n    format,\n    height = 48,\n    width,\n    renderer,\n    tooltip,\n    palette,\n    ariaLabel,\n    className,\n    style,\n    ref,\n    onHover,\n    renderTooltip,\n  } = props;\n  const options = useMemo(\n    () =>\n      sparklineOptions(\n        { data, type, color, curve, name, reference, format },\n        { renderer, tooltip, palette, ariaLabel },\n      ),\n    [\n      data,\n      type,\n      color,\n      curve,\n      name,\n      reference,\n      format,\n      renderer,\n      tooltip,\n      palette,\n      ariaLabel,\n    ],\n  );\n  return (\n    <ChartBase\n      options={options}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst cornerStyle = (\n  corner: QuadrantCorner,\n  plot: ChartRect,\n  split: { x: number; y: number },\n): CSSProperties => {\n  const left = corner.endsWith(\"Left\");\n  const top = corner.startsWith(\"top\");\n  return {\n    position: \"absolute\",\n    left: left ? 0 : split.x - plot.x,\n    top: top ? 0 : split.y - plot.y,\n    width: left ? split.x - plot.x : plot.x + plot.width - split.x,\n    height: top ? split.y - plot.y : plot.y + plot.height - split.y,\n    pointerEvents: \"none\",\n  };\n};\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain,\n    yDomain,\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    axisLabels,\n    showTicks,\n    reverseX,\n    showLabels,\n    pointSize,\n    name,\n    draggable,\n    onPointClick,\n    onPointDrop,\n    onQuadrantClick,\n    renderTooltip,\n    quadrantContent,\n  } = props;\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\n\n  const options = quadrantChartOptions(\n    {\n      points,\n      xDomain,\n      yDomain,\n      xSplit,\n      ySplit,\n      quadrants,\n      xLabel,\n      yLabel,\n      axisLabels,\n      showTicks,\n      reverseX,\n      showLabels,\n      pointSize,\n      name,\n      draggable: draggable ?? !!onPointDrop,\n    },\n    engineOptions({ ...props, series: [] }),\n  );\n\n  const overlay = quadrantContent\n    ? (plot: ChartRect) => {\n        const [x0, x1] = xDomain ?? [0, 10];\n        const [y0, y1] = yDomain ?? [0, 10];\n        const xs = xSplit ?? (x0 + x1) / 2;\n        const ys = ySplit ?? (y0 + y1) / 2;\n        const fx = (xs - x0) / (x1 - x0 || 1);\n        const fy = (ys - y0) / (y1 - y0 || 1);\n        const split = {\n          x: plot.x + plot.width * (reverseX ? 1 - fx : fx),\n          y: plot.y + plot.height * (1 - fy),\n        };\n        return CORNERS.map((corner) =>\n          quadrantContent[corner] ? (\n            <div\n              key={corner}\n              className={`minerva-chart-quadrant minerva-chart-quadrant-${corner}`}\n              style={cornerStyle(corner, plot, split)}\n            >\n              {quadrantContent[corner]}\n            </div>\n          ) : null,\n        );\n      }\n    : undefined;\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({\n        ...props,\n        onPointClick: undefined,\n        renderTooltip: undefined,\n      })}\n      overlay={overlay}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n      onPlotClick={\n        onQuadrantClick\n          ? (at) => onQuadrantClick(quadrantOf(geometry, at.x, at.y), at)\n          : undefined\n      }\n      onDrop={\n        onPointDrop\n          ? (event) => {\n              const index = event.item.index;\n              if (!points[index]) return;\n              onPointDrop(points[index], index, {\n                x: event.x,\n                y: event.y,\n                quadrant: quadrantOf(geometry, event.x, event.y),\n              });\n            }\n          : undefined\n      }\n      renderTooltip={\n        renderTooltip\n          ? (event) => {\n              const index = event.items[0]?.index;\n              return index !== undefined && points[index]\n                ? renderTooltip(points[index], index)\n                : null;\n            }\n          : undefined\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;AA2BA,IAAMA,KAAc,OAA6B;CAC/C,QAAQC,EAAM;CACd,OAAOA,EAAM;CACb,WAAWA,EAAM;CACjB,OAAOA,EAAM;CACb,WAAWA,EAAM;CACjB,SAASA,EAAM;CACf,cAAcA,EAAM;CACpB,aAAaA,EAAM;CACnB,QAAQA,EAAM;CACd,kBAAkBA,EAAM;CACxB,eAAeA,EAAM;AACvB;AAGA,SAAgBC,EAAU,GAAuB;CAC/C,IAAM,EACJ,QAAQC,GACR,UAAO,IACP,UACA,aAAU,IACV,aAAU,OACRF,GACEG,IAASC,QACPC,EAAWH,GAAOI,GAAM;EAAE;EAAO,SAASC,KAAWC;CAAQ,CAAC,GACpE;EAACN;EAAOI;EAAMG;EAAOF;EAASC;CAAO,CACvC;CACA,OACE,kBAACE,GAAD;EACE,SAASC,EAAc;GACrB,GAAGX;GACH;GACA,WAAWQ,IAAU,YAAY,KAAA;EACnC,CAAC;EACD,GAAIT,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBY,EAAU,GAAuB;CAC/C,IAAM,EACJ,QAAQV,GACR,WAAQ,UACR,aAAU,IACV,aAAU,OACRF,GACEG,IAASC,QACPS,EAAWX,GAAO;EAAE;EAAO,SAASK,KAAWC;CAAQ,CAAC,GAC9D;EAACN;EAAOO;EAAOF;EAASC;CAAO,CACjC;CACA,OACE,kBAACE,GAAD;EACE,SAASC,EAAc;GACrB,GAAGX;GACH;GACA,WAAWQ,IAAU,YAAY,KAAA;EACnC,CAAC;EACD,GAAIT,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBc,EAAS,GAAsB;CAC7C,IAAM,EACJ,QAAQZ,GACR,aAAU,IACV,aAAU,IACV,YAAS,OACPF,GACEG,IAASC,QACPW,EAAUb,GAAOK,KAAWC,GAASQ,CAAM,GACjD;EAACd;EAAOK;EAASC;EAASQ;CAAM,CAClC;CACA,OACE,kBAACN,GAAD;EACE,SAASC,EAAc;GACrB,GAAGX;GACH;GACA,WAAWQ,IAAU,YAAY,KAAA;EACnC,CAAC;EACD,GAAIT,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBiB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,QAAQf,MAAUF,GACpBG,IAASC,QAAcc,EAAkBhB,CAAK,GAAG,CAACA,CAAK,CAAC;CAC9D,OACE,kBAACQ,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;EAAO,CAAC;EAC3C,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgBmB,EAAa,GAA0B;CACrD,IAAM,EACJ,SACA,gBACA,gBACA,eACA,eACA,SACA,WACA,cACEnB,GACEG,IAASC,QAEXgB,EAAoB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,CAAC,QACL;EACEC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;CACF,CACF,GACMC,IAAOlB,EAAc;EAAE,GAAGX;EAAO;CAAO,CAAC;CAC/C,OACE,kBAACU,GAAD;EACE,SAAS;GACP,GAAGU,EACD;IAAE;IAAM;IAAa;GAAY,GACjC;IACE,GAAGS;IACH,QAAQ7B,EAAM;IACd,aAAaA,EAAM;IACnB,SAASA,EAAM;GACjB,CACF;GACA;EACF;EACA,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAGA,SAAgB8B,EAAU,GAAuB;CAC/C,IAAM,EACJ,SACA,SACA,UACA,UACA,SACA,cACA,WACA,YAAS,IACT,UACA,aACA,YACA,YACA,cACA,cACA,UACA,QACA,YACA,qBACE9B,GACE+B,IAAU3B,QAEZ4B,EACE;EAAE;EAAM;EAAM;EAAO;EAAO;EAAM;EAAW;CAAO,GACpD;EAAE;EAAU;EAAS;EAAS;CAAU,CAC1C,GACF;EACEX;EACAY;EACAC;EACAzB;EACAiB;EACAS;EACAP;EACAQ;EACAC;EACAC;EACAC;CACF,CACF;CACA,OACE,kBAAC7B,GAAD;EACW;EACD;EACD;EACI;EACJ;EACP,WAAW8B;EACF;EACM;CAChB,CAAA;AAEL;AAGA,SAAgBC,EAAa,GAA0B;CACrD,IAAM,EAAE,QAAQvC,MAAUF,GACpBG,IAASC,QAAcsC,EAAcxC,CAAK,GAAG,CAACA,CAAK,CAAC;CAC1D,OACE,kBAACQ,GAAD;EACE,SAASC,EAAc;GAAE,GAAGX;GAAO;EAAO,CAAC;EAC3C,GAAID,EAAWC,CAAK;CACrB,CAAA;AAEL;AAEA,IAAM2C,IAA4B;CAChC;CACA;CACA;CACA;AACF,GAEMC,KACJ,GACA,GACA,MACkB;CAClB,IAAMC,IAAOC,EAAO,SAAS,MAAM,GAC7BC,IAAMD,EAAO,WAAW,KAAK;CACnC,OAAO;EACL,UAAU;EACV,MAAMD,IAAO,IAAIG,EAAM,IAAIC,EAAK;EAChC,KAAKF,IAAM,IAAIC,EAAM,IAAIC,EAAK;EAC9B,OAAOJ,IAAOG,EAAM,IAAIC,EAAK,IAAIA,EAAK,IAAIA,EAAK,QAAQD,EAAM;EAC7D,QAAQD,IAAMC,EAAM,IAAIC,EAAK,IAAIA,EAAK,IAAIA,EAAK,SAASD,EAAM;EAC9D,eAAe;CACjB;AACF;AAOA,SAAgBE,EAAc,GAA2B;CACvD,IAAM,EACJ,WACA,YACA,YACA,WACA,WACA,cACA,WACA,WACA,eACA,cACA,aACA,eACA,cACA,SACA,cACA,iBACA,gBACA,oBACA,kBACA,uBACElD,GACEmD,IAAW;EAAE;EAAS;EAAS;EAAQ;EAAQ;CAAS,GAExDpB,IAAUqB,EACd;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAWC,KAAa,CAAC,CAACC;CAC5B,GACA3C,EAAc;EAAE,GAAGX;EAAO,QAAQ,CAAC;CAAE,CAAC,CACxC,GAEMuD,IAAUC,KACX,MAAoB;EACnB,IAAM,CAACC,GAAIC,KAAMC,KAAW,CAAC,GAAG,EAAE,GAC5B,CAACC,GAAIC,KAAMC,KAAW,CAAC,GAAG,EAAE,GAC5BC,IAAKC,MAAWP,IAAKC,KAAM,GAC3BO,IAAKC,MAAWN,IAAKC,KAAM,GAC3BM,KAAMJ,IAAKN,MAAOC,IAAKD,KAAM,IAC7BW,KAAMH,IAAKL,MAAOC,IAAKD,KAAM,IAC7BZ,IAAQ;GACZ,GAAGC,EAAK,IAAIA,EAAK,SAASoB,IAAW,IAAIF,IAAKA;GAC9C,GAAGlB,EAAK,IAAIA,EAAK,UAAU,IAAImB;EACjC;EACA,OAAOzB,EAAQ,KAAK,MAClBa,EAAgBV,KACd,kBAAC,OAAD;GAEE,WAAW,iDAAiDA;GAC5D,OAAOF,EAAYE,GAAQG,GAAMD,CAAK;GAErC,UAAAQ,EAAgBV;EACd,GALEA,CAKF,IACH,IACN;CACF,IACA,KAAA;CAEJ,OACE,kBAACpC,GAAD;EACW;EACT,GAAIX,EAAW;GACb,GAAGC;GACH,cAAc,KAAA;GACd,eAAe,KAAA;EACjB,CAAC;EACQ;EACT,cACEsE,KACK,MAAU;GACT,IAAMC,IAAQC,EAAM,MAAM,EAAE,EAAE;GAC9B,AAAID,MAAU,KAAA,KAAaE,EAAOF,MAChCD,EAAaG,EAAOF,IAAQA,CAAK;EACrC,IACA,KAAA;EAEN,aACEG,KACK,MAAOA,EAAgBC,EAAWxB,GAAUyB,EAAG,GAAGA,EAAG,CAAC,GAAGA,CAAE,IAC5D,KAAA;EAEN,QACEtB,KACK,MAAU;GACT,IAAMiB,IAAQC,EAAM,KAAK;GACzB,AAAKC,EAAOF,MACZjB,EAAYmB,EAAOF,IAAQA,GAAO;IAChC,GAAGC,EAAM;IACT,GAAGA,EAAM;IACT,UAAUG,EAAWxB,GAAUqB,EAAM,GAAGA,EAAM,CAAC;GACjD,CAAC;EACH,IACA,KAAA;EAEN,eACEK,KACK,MAAU;GACT,IAAMN,IAAQC,EAAM,MAAM,EAAE,EAAE;GAC9B,OAAOD,MAAU,KAAA,KAAaE,EAAOF,KACjCM,EAAcJ,EAAOF,IAAQA,CAAK,IAClC;EACN,IACA,KAAA;CAEP,CAAA;AAEL"}
+{"version":3,"file":"charts.js","names":["frameProps","props","LineChart","input","series","useMemo","lineSeries","area","stacked","percent","curve","ChartBase","engineOptions","AreaChart","areaSeries","BarChart","barSeries","labels","CandlestickChart","candlestickSeries","HeatmapChart","heatmapChartOptions","data","xCategories","yCategories","colorScale","valueRange","name","radius","format","base","Sparkline","options","sparklineOptions","type","color","reference","renderer","tooltip","palette","ariaLabel","locale","ref","ScatterChart","scatterSeries","CORNERS","cornerStyle","left","corner","top","split","plot","QuadrantChart","geometry","quadrantChartOptions","draggable","onPointDrop","overlay","quadrantContent","x0","x1","xDomain","y0","y1","yDomain","xs","xSplit","ys","ySplit","fx","fy","reverseX","onPointClick","index","event","points","onQuadrantClick","quadrantOf","at","renderTooltip","HorizontalBarChart","RangeAreaChart","rangeAreaSeries","MixedChart","Chart","BubbleChart","bubbleSeries","minSize","maxSize","maxValue","HistogramChart","extra","lang","resolveLocale","histogramSeries","values","formatBin","bins","domain","nice","BoxPlotChart","groupName","presetLabels","boxplotSeries","groups","boxplotData","whisker","WaterfallChart","waterfallSeries","steps","upColor","downColor","totalColor","start","GanttChart","gantt","ganttSeries","tasks","colors","taskName","progressName","milestoneName","formatProgress","mountedAt","useState","now","today","lines","todayLabel","xAxis","yAxis","annotations","interaction","legend"],"sources":["../../../../charts/src/react/charts.tsx"],"sourcesContent":["import { useMemo, useState, type CSSProperties } from \"react\";\nimport {\n  areaSeries,\n  barSeries,\n  boxplotData,\n  boxplotSeries,\n  bubbleSeries,\n  candlestickSeries,\n  ganttSeries,\n  heatmapChartOptions,\n  histogramSeries,\n  lineSeries,\n  presetLabels,\n  quadrantChartOptions,\n  quadrantOf,\n  rangeAreaSeries,\n  scatterSeries,\n  sparklineOptions,\n  waterfallSeries,\n  type QuadrantCorner,\n} from \"../engine/presets\";\nimport { resolveLocale } from \"../engine/locale\";\nimport type { ChartAnnotation, ChartRect } from \"../engine/types\";\nimport { Chart, ChartBase, engineOptions } from \"./Chart\";\nimport type {\n  AreaChartProps,\n  BarChartProps,\n  BoxPlotChartProps,\n  BubbleChartProps,\n  CandlestickChartProps,\n  ChartCommonProps,\n  GanttChartProps,\n  HeatmapChartProps,\n  HistogramChartProps,\n  HorizontalBarChartProps,\n  LineChartProps,\n  MixedChartProps,\n  QuadrantChartProps,\n  RangeAreaChartProps,\n  ScatterChartProps,\n  SparklineProps,\n  WaterfallChartProps,\n} from \"./types\";\n\nconst frameProps = (props: Omit<ChartCommonProps, \"labels\">) => ({\n  height: props.height,\n  width: props.width,\n  className: props.className,\n  style: props.style,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  onRendererChange: props.onRendererChange,\n  renderTooltip: props.renderTooltip,\n});\n\n/** Line (or area) chart; handles millions of points on the GPU */\nexport function LineChart(props: LineChartProps) {\n  const {\n    series: input,\n    area = false,\n    curve,\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => lineSeries(input, area, { curve, stacked: stacked || percent }),\n    [input, area, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Area chart: smooth by default, stacked or 100% stacked */\nexport function AreaChart(props: AreaChartProps) {\n  const {\n    series: input,\n    curve = \"smooth\",\n    stacked = false,\n    percent = false,\n  } = props;\n  const series = useMemo(\n    () => areaSeries(input, { curve, stacked: stacked || percent }),\n    [input, curve, stacked, percent],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Bar chart: grouped side by side, stacked or 100% stacked, with optional value labels */\nexport function BarChart(props: BarChartProps) {\n  const {\n    series: input,\n    stacked = false,\n    percent = false,\n    labels = false,\n  } = props;\n  const series = useMemo(\n    () => barSeries(input, stacked || percent, labels),\n    [input, stacked, percent, labels],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        stackMode: percent ? \"percent\" : undefined,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Candlestick (OHLC) chart: rising and falling candles, zoomable on the GPU */\nexport function CandlestickChart(props: CandlestickChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => candlestickSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Heatmap: a grid of cells colored by value (categories or numbers on both axes) */\nexport function HeatmapChart(props: HeatmapChartProps) {\n  const {\n    data,\n    xCategories,\n    yCategories,\n    colorScale,\n    valueRange,\n    name,\n    radius,\n    format,\n  } = props;\n  const series = useMemo(\n    () =>\n      heatmapChartOptions({\n        data,\n        xCategories,\n        yCategories,\n        colorScale,\n        valueRange,\n        name,\n        radius,\n        format,\n      }).series,\n    [\n      data,\n      xCategories,\n      yCategories,\n      colorScale,\n      valueRange,\n      name,\n      radius,\n      format,\n    ],\n  );\n  const base = engineOptions({ ...props, series });\n  return (\n    <ChartBase\n      options={{\n        ...heatmapChartOptions(\n          { data, xCategories, yCategories },\n          {\n            ...base,\n            legend: props.legend,\n            interaction: props.interaction,\n            tooltip: props.tooltip,\n          },\n        ),\n        series,\n      }}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/** Word-sized chart without axes: a trend in a table cell, a KPI card, ... */\nexport function Sparkline(props: SparklineProps) {\n  const {\n    data,\n    type,\n    color,\n    curve,\n    name,\n    reference,\n    format,\n    height = 48,\n    width,\n    renderer,\n    tooltip,\n    palette,\n    ariaLabel,\n    locale,\n    labels,\n    className,\n    style,\n    ref,\n    onHover,\n    renderTooltip,\n  } = props;\n  const options = useMemo(\n    () =>\n      sparklineOptions(\n        { data, type, color, curve, name, reference, format },\n        { renderer, tooltip, palette, ariaLabel, locale, labels },\n      ),\n    [\n      data,\n      type,\n      color,\n      curve,\n      name,\n      reference,\n      format,\n      renderer,\n      tooltip,\n      palette,\n      ariaLabel,\n      locale,\n      labels,\n    ],\n  );\n  return (\n    <ChartBase\n      options={options}\n      height={height}\n      width={width}\n      className={className}\n      style={style}\n      handleRef={ref}\n      onHover={onHover}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n\n/** Scatter chart: zooms on both axes, hit testing through a spatial index */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst cornerStyle = (\n  corner: QuadrantCorner,\n  plot: ChartRect,\n  split: { x: number; y: number },\n): CSSProperties => {\n  const left = corner.endsWith(\"Left\");\n  const top = corner.startsWith(\"top\");\n  return {\n    position: \"absolute\",\n    left: left ? 0 : split.x - plot.x,\n    top: top ? 0 : split.y - plot.y,\n    width: left ? split.x - plot.x : plot.x + plot.width - split.x,\n    height: top ? split.y - plot.y : plot.y + plot.height - split.y,\n    pointerEvents: \"none\",\n  };\n};\n\n/**\n * Four-quadrant matrix (priority matrix, Eisenhower, BCG, ...): tinted\n * quadrants with titles, dividers, and labelled dots placed without\n * overlapping labels. Dots can be dragged to another quadrant.\n */\nexport function QuadrantChart(props: QuadrantChartProps) {\n  const {\n    points,\n    xDomain,\n    yDomain,\n    xSplit,\n    ySplit,\n    quadrants,\n    xLabel,\n    yLabel,\n    axisLabels,\n    showTicks,\n    reverseX,\n    showLabels,\n    pointSize,\n    name,\n    draggable,\n    onPointClick,\n    onPointDrop,\n    onQuadrantClick,\n    renderTooltip,\n    quadrantContent,\n  } = props;\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\n\n  const options = quadrantChartOptions(\n    {\n      points,\n      xDomain,\n      yDomain,\n      xSplit,\n      ySplit,\n      quadrants,\n      xLabel,\n      yLabel,\n      axisLabels,\n      showTicks,\n      reverseX,\n      showLabels,\n      pointSize,\n      name,\n      draggable: draggable ?? !!onPointDrop,\n    },\n    engineOptions({ ...props, series: [] }),\n  );\n\n  const overlay = quadrantContent\n    ? (plot: ChartRect) => {\n        const [x0, x1] = xDomain ?? [0, 10];\n        const [y0, y1] = yDomain ?? [0, 10];\n        const xs = xSplit ?? (x0 + x1) / 2;\n        const ys = ySplit ?? (y0 + y1) / 2;\n        const fx = (xs - x0) / (x1 - x0 || 1);\n        const fy = (ys - y0) / (y1 - y0 || 1);\n        const split = {\n          x: plot.x + plot.width * (reverseX ? 1 - fx : fx),\n          y: plot.y + plot.height * (1 - fy),\n        };\n        return CORNERS.map((corner) =>\n          quadrantContent[corner] ? (\n            <div\n              key={corner}\n              className={`minerva-chart-quadrant minerva-chart-quadrant-${corner}`}\n              style={cornerStyle(corner, plot, split)}\n            >\n              {quadrantContent[corner]}\n            </div>\n          ) : null,\n        );\n      }\n    : undefined;\n\n  return (\n    <ChartBase\n      options={options}\n      {...frameProps({\n        ...props,\n        onPointClick: undefined,\n        renderTooltip: undefined,\n      })}\n      overlay={overlay}\n      onPointClick={\n        onPointClick\n          ? (event) => {\n              const index = event.items[0]?.index;\n              if (index !== undefined && points[index])\n                onPointClick(points[index], index);\n            }\n          : undefined\n      }\n      onPlotClick={\n        onQuadrantClick\n          ? (at) => onQuadrantClick(quadrantOf(geometry, at.x, at.y), at)\n          : undefined\n      }\n      onDrop={\n        onPointDrop\n          ? (event) => {\n              const index = event.item.index;\n              if (!points[index]) return;\n              onPointDrop(points[index], index, {\n                x: event.x,\n                y: event.y,\n                quadrant: quadrantOf(geometry, event.x, event.y),\n              });\n            }\n          : undefined\n      }\n      renderTooltip={\n        renderTooltip\n          ? (event) => {\n              const index = event.items[0]?.index;\n              return index !== undefined && points[index]\n                ? renderTooltip(points[index], index)\n                : null;\n            }\n          : undefined\n      }\n    />\n  );\n}\n\n/**\n * Horizontal bar chart: categories down the left side, values from the\n * left (rankings, long names, diverging surveys, stacked progress)\n */\nexport function HorizontalBarChart(props: HorizontalBarChartProps) {\n  return <BarChart {...props} orientation=\"horizontal\" />;\n}\n\n/**\n * Range area chart: bands between a lower (`y0`) and an upper edge\n * (confidence intervals, min-max ranges), mixable with lines\n */\nexport function RangeAreaChart(props: RangeAreaChartProps) {\n  const { series: input, curve = \"smooth\" } = props;\n  const series = useMemo(() => rangeAreaSeries(input, curve), [input, curve]);\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Combination chart: bars, lines and areas on one or two value axes\n * (`yAxis: \"right\"` series use `yAxis2`, aligned on the left grid)\n */\nexport function MixedChart(props: MixedChartProps) {\n  return <Chart {...props} />;\n}\n\n/** Bubble chart: x, y and a value sized by area (√value diameters) */\nexport function BubbleChart(props: BubbleChartProps) {\n  const { series: input, minSize, maxSize, maxValue } = props;\n  const series = useMemo(\n    () => bubbleSeries(input, { minSize, maxSize, maxValue }),\n    [input, minSize, maxSize, maxValue],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Histogram: the distribution of raw samples in bins of equal width\n * (Freedman-Diaconis, Sturges or a count); millions of samples are binned\n * in milliseconds\n */\nexport function HistogramChart(props: HistogramChartProps) {\n  const {\n    values,\n    bins,\n    domain,\n    nice,\n    name,\n    color,\n    formatBin,\n    series: extra,\n    locale,\n  } = props;\n  // page language read at every render: a language switch renames the series\n  const lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      histogramSeries(values, {\n        bins,\n        domain,\n        nice,\n        name,\n        color,\n        format: formatBin,\n        locale: lang,\n      }),\n      ...(extra ?? []),\n    ],\n    [values, bins, domain, nice, name, color, formatBin, extra, lang],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Box plot: medians, quartiles, whiskers and outliers of samples, from raw\n * values (`groups`) or computed statistics (`series`)\n */\nexport function BoxPlotChart(props: BoxPlotChartProps) {\n  const { series: input, groups, name, whisker, orientation, locale } = props;\n  const groupName = name ?? presetLabels(resolveLocale(locale)).values;\n  const series = useMemo(\n    () =>\n      boxplotSeries([\n        ...(groups?.length\n          ? [\n              {\n                id: \"boxplot\",\n                name: groupName,\n                data: boxplotData(groups, { whisker }),\n              },\n            ]\n          : []),\n        ...(input ?? []),\n      ]),\n    [input, groups, groupName, whisker],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({ ...props, series, orientation })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Waterfall (bridge) chart: how changes take a value from a start to an\n * end, with subtotals and totals (P&L bridges, budget variances)\n */\nexport function WaterfallChart(props: WaterfallChartProps) {\n  const {\n    steps,\n    name,\n    upColor,\n    downColor,\n    totalColor,\n    start,\n    labels = true,\n    format,\n    orientation,\n    locale,\n  } = props;\n  const lang = resolveLocale(locale);\n  const series = useMemo(\n    () => [\n      waterfallSeries(steps, {\n        name,\n        upColor,\n        downColor,\n        totalColor,\n        start,\n        labels,\n        format,\n        locale: lang,\n      }),\n    ],\n    [steps, name, upColor, downColor, totalColor, start, labels, format, lang],\n  );\n  return (\n    <ChartBase\n      options={engineOptions({\n        ...props,\n        labels: undefined,\n        series,\n        orientation,\n      })}\n      {...frameProps(props)}\n    />\n  );\n}\n\n/**\n * Gantt chart: tasks as bars on a time axis with their progress, groups,\n * milestones and a today line; zooms and pans along the time\n */\nexport function GanttChart(props: GanttChartProps) {\n  const {\n    tasks,\n    colors,\n    taskName,\n    progressName,\n    milestoneName,\n    formatProgress,\n    today = false,\n    todayLabel,\n    xAxis,\n    yAxis,\n    annotations,\n    interaction,\n    legend,\n    locale,\n  } = props;\n  const lang = resolveLocale(locale);\n  const gantt = useMemo(\n    () =>\n      ganttSeries(tasks, {\n        colors,\n        taskName,\n        progressName,\n        milestoneName,\n        formatProgress,\n        locale: lang,\n      }),\n    [\n      tasks,\n      colors,\n      taskName,\n      progressName,\n      milestoneName,\n      formatProgress,\n      lang,\n    ],\n  );\n  const [mountedAt] = useState(() => Date.now());\n  const now =\n    today === false\n      ? null\n      : today === true\n        ? mountedAt\n        : today instanceof Date\n          ? today.getTime()\n          : today;\n  const lines: ChartAnnotation[] =\n    now === null\n      ? []\n      : [\n          {\n            type: \"line\",\n            axis: \"y\",\n            value: now,\n            color: \"var(--danger-color, #dc2626)\",\n            dash: [4, 3],\n            label: todayLabel,\n          },\n        ];\n  return (\n    <ChartBase\n      options={{\n        ...engineOptions({\n          ...props,\n          series: gantt.series,\n          orientation: \"horizontal\",\n        }),\n        xAxis: {\n          type: \"category\",\n          categories: gantt.categories,\n          ...xAxis,\n        },\n        yAxis: {\n          type: \"time\",\n          min: gantt.domain[0],\n          max: gantt.domain[1],\n          ...yAxis,\n        },\n        annotations: [...(annotations ?? []), ...lines],\n        interaction: interaction ?? { zoom: \"y\" },\n        legend: legend ?? gantt.series.length > 1,\n      }}\n      {...frameProps(props)}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/charts/react/orderbook.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../engine/locale.cjs"),t=require("../engine/orderbook/depth.cjs"),n=require("../engine/orderbook/heatmap.cjs"),r=require("../engine/orderbook/ladder.cjs"),i=require("../engine/orderbook/tape.cjs");let a=require("react"),o=require("react/jsx-runtime");var s=(e,t)=>e===void 0?t:typeof e==`number`?`${e}px`:e,c=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every((e,n)=>e===t[n]);if(typeof e!=`object`||typeof t!=`object`||e===null||t===null||Object.getPrototypeOf(e)!==Object.prototype||Object.getPrototypeOf(t)!==Object.prototype)return!1;let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])},l=(e,t)=>{let n=Object.keys(e).filter(t=>e[t]!==void 0),r=Object.keys(t).filter(e=>t[e]!==void 0);return n.length===r.length&&n.every(n=>c(e[n],t[n]))},u=t=>e.resolveLocale(t.locale);function d(e,t,n,r){let i=(0,a.useRef)(null),o=(0,a.useRef)(null),s=(0,a.useRef)(t),c=(0,a.useRef)(``),d=(0,a.useRef)(n);return(0,a.useEffect)(()=>{d.current=n}),(0,a.useEffect)(()=>{let t=i.current;if(!t)return;c.current=u(s.current);let n=e(t,s.current);o.current=n;let a=r(n,()=>d.current);return()=>{a.forEach(e=>e()),n.destroy(),o.current=null}},[e,r]),(0,a.useEffect)(()=>{let e=u(t);l(s.current,t)&&e===c.current||(s.current=t,c.current=e,o.current?.setOptions(t))}),{containerRef:i,instanceRef:o}}function f(e,t){(0,a.useEffect)(()=>{t&&e.current?.setBook(t)},[e,t])}function p(e,t,n,r){let i=(0,a.useRef)(void 0),o=(0,a.useRef)(null),s=(0,a.useRef)(n),c=(0,a.useRef)(r);(0,a.useEffect)(()=>{s.current=n,c.current=r}),(0,a.useEffect)(()=>{let n=e.current,r=o.current===n?i.current:void 0;if(i.current=t,o.current=n,!t||t===r)return;let a=r?.length??0;if(r&&a>0&&t.length>=a&&t[a-1]===r[a-1]&&t[0]===r[0]){t.length>a&&s.current(t.slice(a));return}c.current(t)},[e,t])}function m({containerRef:e,height:t,width:n,className:r,style:i,fallbackHeight:a}){return(0,o.jsx)(`div`,{className:r,style:{position:`relative`,width:s(n,`100%`),height:s(t,a),...i},children:(0,o.jsx)(`div`,{ref:e,style:{position:`absolute`,inset:0}})})}var h=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`click`,e=>t().onClick?.(e)),e.on(`range`,e=>t().onRangeChange?.(e))];function g({height:e,width:n,className:r,style:i,book:s,onHover:c,onClick:l,onRangeChange:u,ref:p,...g}){let{containerRef:_,instanceRef:v}=d(t.createDepthChart,g,{onHover:c,onClick:l,onRangeChange:u},h);return f(v,s),(0,a.useImperativeHandle)(p,()=>({setBook:e=>v.current?.setBook(e),applyDeltas:e=>v.current?.applyDeltas(e),setRange:e=>v.current?.setRange(e),getInstance:()=>v.current}),[v]),(0,o.jsx)(m,{containerRef:_,height:e,width:n,className:r,style:i,fallbackHeight:`320px`})}var _=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`levelClick`,e=>t().onLevelClick?.(e))];function v({height:e,width:t,className:n,style:i,book:s,lastPrice:c,onHover:l,onLevelClick:u,ref:p,...h}){let{containerRef:g,instanceRef:v}=d(r.createOrderBook,h,{onHover:l,onLevelClick:u},_);return f(v,s),(0,a.useEffect)(()=>{c!==void 0&&v.current?.setLastPrice(c)},[v,c]),(0,a.useImperativeHandle)(p,()=>({setBook:e=>v.current?.setBook(e),applyDeltas:e=>v.current?.applyDeltas(e),setLastPrice:e=>v.current?.setLastPrice(e),getInstance:()=>v.current}),[v]),(0,o.jsx)(m,{containerRef:g,height:e,width:t,className:n,style:i,fallbackHeight:`420px`})}var y=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`renderer`,e=>t().onRendererChange?.(e)),e.on(`follow`,e=>t().onFollowChange?.(e))];function b({height:e,width:t,className:r,style:i,book:s,trades:c,onHover:l,onRendererChange:u,onFollowChange:h,ref:g,..._}){let{containerRef:v,instanceRef:b}=d(n.createOrderBookHeatmap,_,{onHover:l,onRendererChange:u,onFollowChange:h},y);return f(b,s),p(b,c,e=>b.current?.addTrades(e),e=>b.current?.addTrades(e)),(0,a.useImperativeHandle)(g,()=>({setBook:e=>b.current?.setBook(e),applyDeltas:e=>b.current?.applyDeltas(e),addTrades:e=>b.current?.addTrades(e),resetView:()=>b.current?.resetView(),getInstance:()=>b.current}),[b]),(0,o.jsx)(m,{containerRef:v,height:e,width:t,className:r,style:i,fallbackHeight:`360px`})}var x=(e,t)=>[e.on(`hover`,e=>t().onHover?.(e)),e.on(`tradeClick`,e=>t().onTradeClick?.(e)),e.on(`pause`,e=>t().onPause?.(e))];function S({height:e,width:t,className:n,style:r,trades:s,onHover:c,onTradeClick:l,onPause:u,ref:f,...h}){let{containerRef:g,instanceRef:_}=d(i.createTimeAndSales,h,{onHover:c,onTradeClick:l,onPause:u},x);return p(_,s,e=>_.current?.addTrades(e),e=>_.current?.setTrades(e)),(0,a.useImperativeHandle)(f,()=>({addTrades:e=>_.current?.addTrades(e),setTrades:e=>_.current?.setTrades(e),clear:()=>_.current?.clear(),scrollToLatest:()=>_.current?.scrollToLatest(),getInstance:()=>_.current}),[_]),(0,o.jsx)(m,{containerRef:g,height:e,width:t,className:n,style:r,fallbackHeight:`360px`})}exports.DepthChart=g,exports.OrderBook=v,exports.OrderBookHeatmap=b,exports.TimeAndSales=S;
+//# sourceMappingURL=orderbook.cjs.map