minerva-design 1.2.0 → 1.4.0

package/dist/native/components/Chart/ChartBase.js

@@ -1,15 +1,16 @@
 import { useTheme as e } from "../../theme/MinervaProvider.js";
 import { part as t } from "../../internal/parts.js";
-import { createChartController as n } from "../../charts/src/engine/controller.js";
+import { chartAriaLabel as n } from "../../charts/src/engine/labels.js";
+import { createChartController as r } from "../../charts/src/engine/controller.js";
 import "../../charts/src/canvas.js";
-import { measureChartText as r } from "./measure.js";
-import { drawHover as i, drawStatic as a, tooltipCard as o } from "./scene.js";
-import { chartThemeInput as s } from "./theme.js";
-import { useEffect as c, useImperativeHandle as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p, useSyncExternalStore as m } from "react";
-import { StyleSheet as h, View as g } from "react-native";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { measureChartText as i } from "./measure.js";
+import { drawHover as a, drawStatic as o, tooltipCard as s } from "./scene.js";
+import { chartThemeInput as c } from "./theme.js";
+import { useEffect as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m, useSyncExternalStore as h } from "react";
+import { StyleSheet as g, View as _ } from "react-native";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/components/Chart/ChartBase.tsx
-var y = (e) => ({
+var b = (e) => ({
 	series: e.series,
 	xAxis: e.xAxis,
 	yAxis: e.yAxis,
@@ -20,11 +21,13 @@ var y = (e) => ({
 	interaction: e.interaction,
 	padding: e.padding,
 	palette: e.palette,
-	ariaLabel: e.ariaLabel
-}), b = {}, x = (e, t) => {
+	ariaLabel: e.ariaLabel,
+	locale: e.locale,
+	labels: e.labels
+}), x = {}, S = (e, t) => {
 	let n = Number(e.identifier);
 	return Number.isFinite(n) ? n : t;
-}, S = (e) => {
+}, C = (e) => {
 	if (typeof requestAnimationFrame == "function") {
 		let t = requestAnimationFrame(e);
 		return { cancel: () => cancelAnimationFrame(t) };
@@ -32,32 +35,32 @@ var y = (e) => ({
 	let t = setTimeout(e, 16);
 	return { cancel: () => clearTimeout(t) };
 };
-function C(e, t, i) {
-	let o = 0, s = null, c = /* @__PURE__ */ new Set(), l = null, u = {
+function w(e, t, n) {
+	let a = 0, s = null, c = /* @__PURE__ */ new Set(), l = null, u = {
 		x: 0,
 		y: 0
 	}, d = /* @__PURE__ */ new Map(), f = (e) => typeof e.interaction == "object" && !!e.interaction.dragPoints, p = f(e), m = !1, h = () => {
-		o++, c.forEach((e) => e());
+		a++, c.forEach((e) => e());
 	}, g = () => {
 		s?.cancel(), s = null;
-	}, _ = n({
+	}, _ = r({
 		options: e,
 		theme: t,
-		measureText: r,
+		measureText: i,
 		onInvalidate: () => {
-			!s && c.size && (s = S(() => {
+			!s && c.size && (s = C(() => {
 				s = null, h();
 			}));
 		}
 	});
-	i && _.setSize(i[0], i[1]);
+	n && _.setSize(n[0], n[1]);
 	let v = (e) => ({
 		x: e.pageX - u.x,
 		y: e.pageY - u.y
 	}), y = (e) => {
 		let t = e.nativeEvent;
 		(t.touches?.length ? t.touches : [t]).forEach((e, t) => {
-			let n = x(e, t), r = v(e), i = d.get(n);
+			let n = S(e, t), r = v(e), i = d.get(n);
 			i ? (i.x !== r.x || i.y !== r.y) && (d.set(n, r), _.pointerMove(r.x, r.y, {
 				id: n,
 				touch: !0
@@ -76,7 +79,7 @@ function C(e, t, i) {
 				c.delete(e), c.size || g();
 			};
 		},
-		version: () => o,
+		version: () => a,
 		commit() {
 			g(), h();
 		},
@@ -99,7 +102,7 @@ function C(e, t, i) {
 			];
 			return (!l || l.key.some((e, t) => e !== i[t])) && (l = {
 				key: i,
-				node: a(e, t)
+				node: o(e, t)
 			}), l.node;
 		},
 		anchor: null,
@@ -117,10 +120,10 @@ function C(e, t, i) {
 		},
 		touchMove: y,
 		touchEnd(e) {
-			let t = e.nativeEvent, n = new Set((t.touches ?? []).map((e, t) => x(e, t))), r = t.changedTouches?.length ? t.changedTouches : [t];
+			let t = e.nativeEvent, n = new Set((t.touches ?? []).map((e, t) => S(e, t))), r = t.changedTouches?.length ? t.changedTouches : [t];
 			for (let [e, t] of [...d]) {
 				if (n.has(e)) continue;
-				let i = r.find((t, n) => x(t, n) === e), a = i ? v(i) : t;
+				let i = r.find((t, n) => S(t, n) === e), a = i ? v(i) : t;
 				d.delete(e), d.size === 0 && (b.anchor = a), _.pointerUp(a.x, a.y, {
 					id: e,
 					touch: !0
@@ -143,9 +146,9 @@ function C(e, t, i) {
 	};
 	return b;
 }
-function w({ scene: e, anchor: n, children: r }) {
-	let [i, a] = p(null), { width: s, height: c } = e, l = n.x + 14, u = n.y;
-	return i && (l + i.width > s - 4 && (l = n.x - 14 - i.width), l = Math.max(4, Math.min(l, s - i.width - 4)), u = Math.max(4, Math.min(n.y - i.height / 2, c - i.height - 4))), /* @__PURE__ */ _(g, {
+function T({ scene: e, anchor: n, children: r }) {
+	let [i, a] = m(null), { width: o, height: c } = e, l = n.x + 14, u = n.y;
+	return i && (l + i.width > o - 4 && (l = n.x - 14 - i.width), l = Math.max(4, Math.min(l, o - i.width - 4)), u = Math.max(4, Math.min(n.y - i.height / 2, c - i.height - 4))), /* @__PURE__ */ v(_, {
 		pointerEvents: "none",
 		...t("chart", "tooltip", { custom: !0 }),
 		onLayout: (e) => {
@@ -155,10 +158,10 @@ function w({ scene: e, anchor: n, children: r }) {
 				height: n
 			});
 		},
-		style: [o(e), {
+		style: [s(e), {
 			left: 0,
 			top: 0,
-			maxWidth: Math.max(0, s - 8),
+			maxWidth: Math.max(0, o - 8),
 			padding: 8,
 			opacity: +!!i,
 			transform: [{ translateX: l }, { translateY: u }]
@@ -166,122 +169,122 @@ function w({ scene: e, anchor: n, children: r }) {
 		children: r
 	});
 }
-function T({ options: n, height: r = 320, width: a = "100%", style: o, testID: y, handleRef: x, renderTooltip: S, overlay: T, ...E }) {
-	let { tokens: D, fonts: O } = e(), k = O.sans, A = d(() => s(D), [D]), j = !!S && n.tooltip !== !1, M = d(() => {
-		if (!j) return n;
-		let e = typeof n.tooltip == "object" ? n.tooltip : {};
+function E({ options: r, height: i = 320, width: o = "100%", style: s, testID: b, handleRef: S, renderTooltip: C, overlay: E, ...D }) {
+	let { tokens: O, fonts: k } = e(), A = k.sans, j = f(() => c(O), [O]), M = !!C && r.tooltip !== !1, N = f(() => {
+		if (!M) return r;
+		let e = typeof r.tooltip == "object" ? r.tooltip : {};
 		return {
-			...n,
+			...r,
 			tooltip: {
 				...e,
-				render: () => b
+				render: () => x
 			}
 		};
-	}, [n, j]), [N] = p(() => C(M, A, typeof a == "number" && typeof r == "number" ? [a, r] : null)), { controller: P } = N;
-	m(N.subscribe, N.version, N.version);
-	let F = f({
-		options: M,
-		theme: A
+	}, [r, M]), [P] = m(() => w(N, j, typeof o == "number" && typeof i == "number" ? [o, i] : null)), { controller: F } = P;
+	h(P.subscribe, P.version, P.version);
+	let I = p({
+		options: N,
+		theme: j
 	});
-	u(() => {
-		let e = F.current;
-		(e.theme !== A || e.options !== M) && (e.theme !== A && P.setTheme(A), e.options !== M && N.setOptions(M), F.current = {
-			options: M,
-			theme: A
-		}, N.commit());
+	d(() => {
+		let e = I.current;
+		(e.theme !== j || e.options !== N) && (e.theme !== j && F.setTheme(j), e.options !== N && P.setOptions(N), I.current = {
+			options: N,
+			theme: j
+		}, P.commit());
 	}, [
+		F,
 		P,
 		N,
-		M,
-		A
-	]), u(() => {
-		if (typeof a != "number" || typeof r != "number") return;
-		let e = P.getScene();
-		e && e.width === a && e.height === r || (P.setSize(a, r), N.commit());
+		j
+	]), d(() => {
+		if (typeof o != "number" || typeof i != "number") return;
+		let e = F.getScene();
+		e && e.width === o && e.height === i || (F.setSize(o, i), P.commit());
 	}, [
+		F,
 		P,
-		N,
-		a,
-		r
+		o,
+		i
 	]);
-	let I = f(E);
-	u(() => {
-		I.current = E;
-	}), c(() => {
-		let e = I, t = [
-			P.on("hover", (t) => e.current.onHover?.(t)),
-			P.on("click", (t) => e.current.onPointClick?.(t)),
-			P.on("plotClick", (t) => e.current.onPlotClick?.(t)),
-			P.on("zoom", (t) => e.current.onZoom?.(t)),
-			P.on("drag", (t) => e.current.onDrag?.(t)),
-			P.on("drop", (t) => e.current.onDrop?.(t))
+	let L = p(D);
+	d(() => {
+		L.current = D;
+	}), l(() => {
+		let e = L, t = [
+			F.on("hover", (t) => e.current.onHover?.(t)),
+			F.on("click", (t) => e.current.onPointClick?.(t)),
+			F.on("plotClick", (t) => e.current.onPlotClick?.(t)),
+			F.on("zoom", (t) => e.current.onZoom?.(t)),
+			F.on("drag", (t) => e.current.onDrag?.(t)),
+			F.on("drop", (t) => e.current.onDrop?.(t))
 		];
 		return () => t.forEach((e) => e());
-	}, [P]), l(x, () => ({
-		resetZoom: () => P.resetZoom(),
-		getView: () => P.getView(),
-		setView: (e) => P.setView(e),
-		getPlotRect: () => P.getPlotRect(),
-		getController: () => P
-	}), [P]);
-	let L = (e) => {
-		let { width: t, height: n } = e.nativeEvent.layout, r = P.getScene();
-		r && r.width === t && r.height === n || (P.setSize(t, n), N.commit());
-	}, R = P.getScene(), z = null, B = R?.hover?.tooltip ? R.hover.event : null;
-	if (R && B && j && S) {
-		let e = S(B), t = N.anchor ?? R.hover?.marks[0] ?? null;
-		e != null && e !== !1 && t && (z = /* @__PURE__ */ _(w, {
-			scene: R,
+	}, [F]), u(S, () => ({
+		resetZoom: () => F.resetZoom(),
+		getView: () => F.getView(),
+		setView: (e) => F.setView(e),
+		getPlotRect: () => F.getPlotRect(),
+		getController: () => F
+	}), [F]);
+	let R = (e) => {
+		let { width: t, height: n } = e.nativeEvent.layout, r = F.getScene();
+		r && r.width === t && r.height === n || (F.setSize(t, n), P.commit());
+	}, z = F.getScene(), B = null, V = z?.hover?.tooltip ? z.hover.event : null;
+	if (z && V && M && C) {
+		let e = C(V), t = P.anchor ?? z.hover?.marks[0] ?? null;
+		e != null && e !== !1 && t && (B = /* @__PURE__ */ v(T, {
+			scene: z,
 			anchor: t,
 			children: e
 		}));
 	}
-	return /* @__PURE__ */ v(g, {
-		testID: y,
-		onLayout: L,
+	return /* @__PURE__ */ y(_, {
+		testID: b,
+		onLayout: R,
 		style: [{
-			width: a,
-			height: r
-		}, o],
+			width: o,
+			height: i
+		}, s],
 		...t("chart", "root"),
 		children: [
-			/* @__PURE__ */ _(g, {
-				style: h.absoluteFill,
+			/* @__PURE__ */ v(_, {
+				style: g.absoluteFill,
 				accessible: !0,
 				accessibilityRole: "image",
-				accessibilityLabel: n.ariaLabel,
+				accessibilityLabel: r.ariaLabel ?? (z ? n(z.model) : void 0),
 				onStartShouldSetResponder: () => !0,
-				onResponderTerminationRequest: () => !N.holdsGesture(),
-				onResponderGrant: N.touchStart,
-				onResponderStart: N.touchAdd,
-				onResponderMove: N.touchMove,
-				onResponderEnd: N.touchEnd,
-				onResponderRelease: N.touchEnd,
-				onResponderTerminate: N.touchCancel,
+				onResponderTerminationRequest: () => !P.holdsGesture(),
+				onResponderGrant: P.touchStart,
+				onResponderStart: P.touchAdd,
+				onResponderMove: P.touchMove,
+				onResponderEnd: P.touchEnd,
+				onResponderRelease: P.touchEnd,
+				onResponderTerminate: P.touchCancel,
 				...t("chart", "surface"),
-				children: /* @__PURE__ */ v(g, {
+				children: /* @__PURE__ */ y(_, {
 					pointerEvents: "none",
-					style: h.absoluteFill,
-					children: [R ? N.layers(R, k) : null, R ? i(R, k, j) : null]
+					style: g.absoluteFill,
+					children: [z ? P.layers(z, A) : null, z ? a(z, A, M) : null]
 				})
 			}),
-			T && R ? /* @__PURE__ */ _(g, {
+			E && z ? /* @__PURE__ */ v(_, {
 				pointerEvents: "box-none",
 				style: {
 					position: "absolute",
-					left: R.layout.plot.x,
-					top: R.layout.plot.y,
-					width: R.layout.plot.width,
-					height: R.layout.plot.height
+					left: z.layout.plot.x,
+					top: z.layout.plot.y,
+					width: z.layout.plot.width,
+					height: z.layout.plot.height
 				},
 				...t("chart", "overlay"),
-				children: T(R.layout.plot)
+				children: E(z.layout.plot)
 			}) : null,
-			z
+			B
 		]
 	});
 }
 //#endregion
-export { T as ChartBase, y as engineOptions };
+export { E as ChartBase, b as engineOptions };
 
 //# sourceMappingURL=ChartBase.js.map

package/dist/native/components/Chart/ChartBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBase.js","names":["engineOptions","props","CUSTOM_TOOLTIP","idOf","id","t","index","requestFrame","callback","createChartStore","version","frame","listeners","cache","origin","touches","dragsPoints","o","draggable","options","claimed","notify","listener","cancelFrame","controller","createChartController","measureChartText","size","local","sync","n","event","i","p","previous","store","next","scene","key","view","plot","family","value","drawStatic","active","changed","last","touch","base","CustomTooltip","setSize","useState","left","anchor","top","width","height","View","part","w","h","tooltipCard","ChartBase","handlers","useTheme","fonts","theme","useMemo","chartThemeInput","tokens","customTooltip","renderTooltip","resolved","applied","useRef","useLayoutEffect","current","handlersRef","useEffect","offs","e","v","off","useImperativeHandle","handleRef","onLayout","tooltip","content","style","StyleSheet","drawHover","overlay"],"sources":["../../../../../native/src/components/Chart/ChartBase.tsx"],"sourcesContent":["// The chart host of React Native: owns a platform-free chart controller\n// (@minerva/charts/canvas: options, model, zoom, gestures, scene in pixels)\n// and draws its scene with views (./scene). Touches go through the\n// responder system; the drawing is `pointerEvents=\"none\"`, so every touch\n// lands on the surface and positions come from page coordinates.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  createChartController,\n  type ChartController,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRect,\n  type ChartScene,\n  type ChartThemeInput,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"@minerva/charts/canvas\";\nimport { useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\nimport { drawHover, drawStatic, tooltipCard } from \"./scene\";\nimport { chartThemeInput } from \"./theme\";\nimport type { ChartCommonProps, ChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n});\n\ntype TooltipResult = Exclude<\n  ReturnType<NonNullable<ChartTooltipOptions[\"render\"]>>,\n  string | null\n>;\n/** Non-string result of `tooltip.render`: the engine lays a tooltip out without drawing text */\nconst CUSTOM_TOOLTIP = {} as unknown as TooltipResult;\n\ninterface TouchPoint {\n  identifier?: number | string;\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\nconst idOf = (t: TouchPoint, index: number) => {\n  const id = Number(t.identifier);\n  return Number.isFinite(id) ? id : index;\n};\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\n/**\n * External store of a chart: the controller, a version bumped when its\n * scene must be drawn again (coalesced per frame), the touches being\n * tracked and the cache of the static layers.\n */\ninterface ChartStore {\n  controller: ChartController;\n  /** Options of the controller (`setOptions` of the controller) */\n  setOptions: (options: ChartOptions) => void;\n  subscribe: (listener: () => void) => () => void;\n  version: () => number;\n  /** Draws again now */\n  commit: () => void;\n  /** Static layers of a scene (cached while model / view / size are the same) */\n  layers: (scene: ChartScene, family: string | undefined) => ReactNode;\n  /** Last single-finger position (anchor of a custom tooltip) */\n  anchor: { x: number; y: number } | null;\n  /**\n   * First finger (responder grant); returns whether the chart owns the\n   * gesture, which keeps native scroll views from taking it (Android)\n   */\n  touchStart: (event: GestureResponderEvent) => boolean;\n  /** Another finger touches the chart */\n  touchAdd: (event: GestureResponderEvent) => void;\n  /** Moves (drawn on the next frame) */\n  touchMove: (event: GestureResponderEvent) => void;\n  touchEnd: (event: GestureResponderEvent) => void;\n  touchCancel: () => void;\n  /** Whether the chart keeps the touches (pinch, point drag, pan when zoomed) */\n  holdsGesture: () => boolean;\n}\n\nfunction createChartStore(\n  options: ChartOptions,\n  theme: ChartThemeInput,\n  size: [number, number] | null,\n): ChartStore {\n  let version = 0;\n  let frame: Frame | null = null;\n  const listeners = new Set<() => void>();\n  let cache: { key: unknown[]; node: ReactNode } | null = null;\n  let origin = { x: 0, y: 0 };\n  const touches = new Map<number, { x: number; y: number }>();\n  const dragsPoints = (o: ChartOptions) =>\n    typeof o.interaction === \"object\" && !!o.interaction.dragPoints;\n  let draggable = dragsPoints(options);\n  /** The current touch sequence started on the plot of a draggable chart */\n  let claimed = false;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  const cancelFrame = () => {\n    frame?.cancel();\n    frame = null;\n  };\n  const schedule = () => {\n    if (frame || !listeners.size) return;\n    frame = requestFrame(() => {\n      frame = null;\n      notify();\n    });\n  };\n\n  const controller = createChartController({\n    options,\n    theme,\n    measureText: measureChartText,\n    onInvalidate: schedule,\n  });\n  if (size) controller.setSize(size[0], size[1]);\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n\n  /** Feeds the controller the fingers that appeared or moved */\n  const sync = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const list: readonly TouchPoint[] = n.touches?.length\n      ? n.touches\n      : [n as unknown as TouchPoint];\n    list.forEach((t, i) => {\n      const id = idOf(t, i);\n      const p = local(t);\n      const previous = touches.get(id);\n      if (!previous) {\n        touches.set(id, p);\n        controller.pointerDown(p.x, p.y, { id, touch: true });\n      } else if (previous.x !== p.x || previous.y !== p.y) {\n        touches.set(id, p);\n        controller.pointerMove(p.x, p.y, { id, touch: true });\n      }\n    });\n    if (touches.size === 1) store.anchor = [...touches.values()][0];\n  };\n\n  const store: ChartStore = {\n    controller,\n    setOptions(next) {\n      draggable = dragsPoints(next);\n      controller.setOptions(next);\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) cancelFrame();\n      };\n    },\n    version: () => version,\n    commit() {\n      cancelFrame();\n      notify();\n    },\n    layers(scene, family) {\n      const { plot } = scene.layout;\n      const { view } = scene;\n      const key = [\n        scene.model,\n        scene.annotations,\n        scene.theme,\n        scene.width,\n        scene.height,\n        view.x[0],\n        view.x[1],\n        view.y[0],\n        view.y[1],\n        plot.x,\n        plot.y,\n        plot.width,\n        plot.height,\n        family,\n      ];\n      if (!cache || cache.key.some((value, i) => value !== key[i]))\n        cache = { key, node: drawStatic(scene, family) };\n      return cache.node;\n    },\n    anchor: null,\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (!touches.size && n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      sync(event);\n      store.commit();\n      // draggable points: the drag only starts after the touch slop, too\n      // late to keep a scroll view from stealing the touch: claim it now\n      const plot = controller.getPlotRect();\n      const p = touches.values().next().value;\n      claimed =\n        draggable &&\n        !!plot &&\n        !!p &&\n        p.x >= plot.x &&\n        p.x <= plot.x + plot.width &&\n        p.y >= plot.y &&\n        p.y <= plot.y + plot.height;\n      return store.holdsGesture();\n    },\n    touchAdd(event) {\n      sync(event);\n      store.commit();\n    },\n    touchMove: sync,\n    touchEnd(event) {\n      const n = event.nativeEvent;\n      const active = new Set(\n        (n.touches ?? []).map((t, i) => idOf(t as TouchPoint, i)),\n      );\n      const changed: readonly TouchPoint[] = n.changedTouches?.length\n        ? n.changedTouches\n        : [n as unknown as TouchPoint];\n      for (const [id, last] of [...touches]) {\n        if (active.has(id)) continue;\n        const touch = changed.find((t, i) => idOf(t, i) === id);\n        const p = touch ? local(touch) : last;\n        touches.delete(id);\n        if (touches.size === 0) store.anchor = p;\n        controller.pointerUp(p.x, p.y, { id, touch: true });\n      }\n      store.commit();\n    },\n    touchCancel() {\n      for (const id of touches.keys()) controller.pointerCancel({ id });\n      touches.clear();\n      store.commit();\n    },\n    holdsGesture() {\n      if (touches.size > 1 || (claimed && touches.size > 0)) return true;\n      const scene = controller.getScene();\n      if (!scene) return false;\n      if (scene.dragging) return true;\n      const { base } = scene.model;\n      const view = controller.getView();\n      return (\n        view.x[0] !== base.x[0] ||\n        view.x[1] !== base.x[1] ||\n        view.y[0] !== base.y[0] ||\n        view.y[1] !== base.y[1]\n      );\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  scene,\n  anchor,\n  children,\n}: {\n  scene: ChartScene;\n  anchor: { x: number; y: number };\n  children: ReactNode;\n}) {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  const { width, height } = scene;\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height / 2, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={[\n        tooltipCard(scene),\n        {\n          // laid out at the origin (full width available), moved by a transform\n          left: 0,\n          top: 0,\n          maxWidth: Math.max(0, width - 8),\n          padding: 8,\n          opacity: size ? 1 : 0,\n          transform: [{ translateX: left }, { translateY: top }],\n        },\n      ]}\n    >\n      {children}\n    </View>\n  );\n}\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ChartHandle>;\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the plot area, given the plot rectangle */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the controller and draws its scene */\nexport function ChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const { tokens, fonts } = useTheme();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ChartOptions => {\n    if (!customTooltip) return options;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return { ...options, tooltip: { ...base, render: () => CUSTOM_TOOLTIP } };\n  }, [options, customTooltip]);\n\n  const [store] = useState(() =>\n    createChartStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  const { controller } = store;\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  const applied = useRef({ options: resolved, theme });\n  useLayoutEffect(() => {\n    const current = applied.current;\n    if (current.theme === theme && current.options === resolved) return;\n    if (current.theme !== theme) controller.setTheme(theme);\n    if (current.options !== resolved) store.setOptions(resolved);\n    applied.current = { options: resolved, theme };\n    store.commit();\n  }, [controller, store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width !== \"number\" || typeof height !== \"number\") return;\n    const scene = controller.getScene();\n    if (scene && scene.width === width && scene.height === height) return;\n    controller.setSize(width, height);\n    store.commit();\n  }, [controller, store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    const offs = [\n      controller.on(\"hover\", (e) => h.current.onHover?.(e)),\n      controller.on(\"click\", (e) => h.current.onPointClick?.(e)),\n      controller.on(\"plotClick\", (e) => h.current.onPlotClick?.(e)),\n      controller.on(\"zoom\", (v) => h.current.onZoom?.(v)),\n      controller.on(\"drag\", (e) => h.current.onDrag?.(e)),\n      controller.on(\"drop\", (e) => h.current.onDrop?.(e)),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [controller]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => controller.resetZoom(),\n      getView: () => controller.getView(),\n      setView: (view) => controller.setView(view),\n      getPlotRect: () => controller.getPlotRect(),\n      getController: () => controller,\n    }),\n    [controller],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    const scene = controller.getScene();\n    if (scene && scene.width === w && scene.height === h) return;\n    controller.setSize(w, h);\n    store.commit();\n  };\n\n  const scene = controller.getScene();\n  let tooltip: ReactNode = null;\n  const event = scene?.hover?.tooltip ? scene.hover.event : null;\n  if (scene && event && customTooltip && renderTooltip) {\n    const content = renderTooltip(event);\n    const anchor = store.anchor ?? scene.hover?.marks[0] ?? null;\n    if (\n      content !== null &&\n      content !== undefined &&\n      content !== false &&\n      anchor\n    )\n      tooltip = (\n        <CustomTooltip scene={scene} anchor={anchor}>\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={options.ariaLabel}\n        onStartShouldSetResponder={() => true}\n        onResponderTerminationRequest={() => !store.holdsGesture()}\n        onResponderGrant={store.touchStart}\n        onResponderStart={store.touchAdd}\n        onResponderMove={store.touchMove}\n        onResponderEnd={store.touchEnd}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {scene ? store.layers(scene, family) : null}\n          {scene ? drawHover(scene, family, customTooltip) : null}\n        </View>\n      </View>\n      {overlay && scene ? (\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            position: \"absolute\",\n            left: scene.layout.plot.x,\n            top: scene.layout.plot.y,\n            width: scene.layout.plot.width,\n            height: scene.layout.plot.height,\n          }}\n          {...part(\"chart\", \"overlay\")}\n        >\n          {overlay(scene.layout.plot)}\n        </View>\n      ) : null}\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChartBase.js","names":["engineOptions","props","CUSTOM_TOOLTIP","idOf","id","t","index","requestFrame","callback","createChartStore","version","frame","listeners","cache","origin","touches","dragsPoints","o","draggable","options","claimed","notify","listener","cancelFrame","controller","createChartController","measureChartText","size","local","sync","n","event","i","p","previous","store","next","scene","key","view","plot","family","value","drawStatic","active","changed","last","touch","base","CustomTooltip","setSize","useState","left","anchor","top","width","height","View","part","w","h","tooltipCard","ChartBase","handlers","useTheme","fonts","theme","useMemo","chartThemeInput","tokens","customTooltip","renderTooltip","resolved","applied","useRef","useLayoutEffect","current","handlersRef","useEffect","offs","e","v","off","useImperativeHandle","handleRef","onLayout","tooltip","content","style","StyleSheet","chartAriaLabel","drawHover","overlay"],"sources":["../../../../../native/src/components/Chart/ChartBase.tsx"],"sourcesContent":["// The chart host of React Native: owns a platform-free chart controller\n// (@minerva/charts/canvas: options, model, zoom, gestures, scene in pixels)\n// and draws its scene with views (./scene). Touches go through the\n// responder system; the drawing is `pointerEvents=\"none\"`, so every touch\n// lands on the surface and positions come from page coordinates.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  chartAriaLabel,\n  createChartController,\n  type ChartController,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRect,\n  type ChartScene,\n  type ChartThemeInput,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"@minerva/charts/canvas\";\nimport { useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\nimport { drawHover, drawStatic, tooltipCard } from \"./scene\";\nimport { chartThemeInput } from \"./theme\";\nimport type { ChartCommonProps, ChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n    | \"locale\"\n    | \"labels\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  labels: props.labels,\n});\n\ntype TooltipResult = Exclude<\n  ReturnType<NonNullable<ChartTooltipOptions[\"render\"]>>,\n  string | null\n>;\n/** Non-string result of `tooltip.render`: the engine lays a tooltip out without drawing text */\nconst CUSTOM_TOOLTIP = {} as unknown as TooltipResult;\n\ninterface TouchPoint {\n  identifier?: number | string;\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\nconst idOf = (t: TouchPoint, index: number) => {\n  const id = Number(t.identifier);\n  return Number.isFinite(id) ? id : index;\n};\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\n/**\n * External store of a chart: the controller, a version bumped when its\n * scene must be drawn again (coalesced per frame), the touches being\n * tracked and the cache of the static layers.\n */\ninterface ChartStore {\n  controller: ChartController;\n  /** Options of the controller (`setOptions` of the controller) */\n  setOptions: (options: ChartOptions) => void;\n  subscribe: (listener: () => void) => () => void;\n  version: () => number;\n  /** Draws again now */\n  commit: () => void;\n  /** Static layers of a scene (cached while model / view / size are the same) */\n  layers: (scene: ChartScene, family: string | undefined) => ReactNode;\n  /** Last single-finger position (anchor of a custom tooltip) */\n  anchor: { x: number; y: number } | null;\n  /**\n   * First finger (responder grant); returns whether the chart owns the\n   * gesture, which keeps native scroll views from taking it (Android)\n   */\n  touchStart: (event: GestureResponderEvent) => boolean;\n  /** Another finger touches the chart */\n  touchAdd: (event: GestureResponderEvent) => void;\n  /** Moves (drawn on the next frame) */\n  touchMove: (event: GestureResponderEvent) => void;\n  touchEnd: (event: GestureResponderEvent) => void;\n  touchCancel: () => void;\n  /** Whether the chart keeps the touches (pinch, point drag, pan when zoomed) */\n  holdsGesture: () => boolean;\n}\n\nfunction createChartStore(\n  options: ChartOptions,\n  theme: ChartThemeInput,\n  size: [number, number] | null,\n): ChartStore {\n  let version = 0;\n  let frame: Frame | null = null;\n  const listeners = new Set<() => void>();\n  let cache: { key: unknown[]; node: ReactNode } | null = null;\n  let origin = { x: 0, y: 0 };\n  const touches = new Map<number, { x: number; y: number }>();\n  const dragsPoints = (o: ChartOptions) =>\n    typeof o.interaction === \"object\" && !!o.interaction.dragPoints;\n  let draggable = dragsPoints(options);\n  /** The current touch sequence started on the plot of a draggable chart */\n  let claimed = false;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  const cancelFrame = () => {\n    frame?.cancel();\n    frame = null;\n  };\n  const schedule = () => {\n    if (frame || !listeners.size) return;\n    frame = requestFrame(() => {\n      frame = null;\n      notify();\n    });\n  };\n\n  const controller = createChartController({\n    options,\n    theme,\n    measureText: measureChartText,\n    onInvalidate: schedule,\n  });\n  if (size) controller.setSize(size[0], size[1]);\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n\n  /** Feeds the controller the fingers that appeared or moved */\n  const sync = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const list: readonly TouchPoint[] = n.touches?.length\n      ? n.touches\n      : [n as unknown as TouchPoint];\n    list.forEach((t, i) => {\n      const id = idOf(t, i);\n      const p = local(t);\n      const previous = touches.get(id);\n      if (!previous) {\n        touches.set(id, p);\n        controller.pointerDown(p.x, p.y, { id, touch: true });\n      } else if (previous.x !== p.x || previous.y !== p.y) {\n        touches.set(id, p);\n        controller.pointerMove(p.x, p.y, { id, touch: true });\n      }\n    });\n    if (touches.size === 1) store.anchor = [...touches.values()][0];\n  };\n\n  const store: ChartStore = {\n    controller,\n    setOptions(next) {\n      draggable = dragsPoints(next);\n      controller.setOptions(next);\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) cancelFrame();\n      };\n    },\n    version: () => version,\n    commit() {\n      cancelFrame();\n      notify();\n    },\n    layers(scene, family) {\n      const { plot } = scene.layout;\n      const { view } = scene;\n      const key = [\n        scene.model,\n        scene.annotations,\n        scene.theme,\n        scene.width,\n        scene.height,\n        view.x[0],\n        view.x[1],\n        view.y[0],\n        view.y[1],\n        plot.x,\n        plot.y,\n        plot.width,\n        plot.height,\n        family,\n      ];\n      if (!cache || cache.key.some((value, i) => value !== key[i]))\n        cache = { key, node: drawStatic(scene, family) };\n      return cache.node;\n    },\n    anchor: null,\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (!touches.size && n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      sync(event);\n      store.commit();\n      // draggable points: the drag only starts after the touch slop, too\n      // late to keep a scroll view from stealing the touch: claim it now\n      const plot = controller.getPlotRect();\n      const p = touches.values().next().value;\n      claimed =\n        draggable &&\n        !!plot &&\n        !!p &&\n        p.x >= plot.x &&\n        p.x <= plot.x + plot.width &&\n        p.y >= plot.y &&\n        p.y <= plot.y + plot.height;\n      return store.holdsGesture();\n    },\n    touchAdd(event) {\n      sync(event);\n      store.commit();\n    },\n    touchMove: sync,\n    touchEnd(event) {\n      const n = event.nativeEvent;\n      const active = new Set(\n        (n.touches ?? []).map((t, i) => idOf(t as TouchPoint, i)),\n      );\n      const changed: readonly TouchPoint[] = n.changedTouches?.length\n        ? n.changedTouches\n        : [n as unknown as TouchPoint];\n      for (const [id, last] of [...touches]) {\n        if (active.has(id)) continue;\n        const touch = changed.find((t, i) => idOf(t, i) === id);\n        const p = touch ? local(touch) : last;\n        touches.delete(id);\n        if (touches.size === 0) store.anchor = p;\n        controller.pointerUp(p.x, p.y, { id, touch: true });\n      }\n      store.commit();\n    },\n    touchCancel() {\n      for (const id of touches.keys()) controller.pointerCancel({ id });\n      touches.clear();\n      store.commit();\n    },\n    holdsGesture() {\n      if (touches.size > 1 || (claimed && touches.size > 0)) return true;\n      const scene = controller.getScene();\n      if (!scene) return false;\n      if (scene.dragging) return true;\n      const { base } = scene.model;\n      const view = controller.getView();\n      return (\n        view.x[0] !== base.x[0] ||\n        view.x[1] !== base.x[1] ||\n        view.y[0] !== base.y[0] ||\n        view.y[1] !== base.y[1]\n      );\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  scene,\n  anchor,\n  children,\n}: {\n  scene: ChartScene;\n  anchor: { x: number; y: number };\n  children: ReactNode;\n}) {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  const { width, height } = scene;\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height / 2, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={[\n        tooltipCard(scene),\n        {\n          // laid out at the origin (full width available), moved by a transform\n          left: 0,\n          top: 0,\n          maxWidth: Math.max(0, width - 8),\n          padding: 8,\n          opacity: size ? 1 : 0,\n          transform: [{ translateX: left }, { translateY: top }],\n        },\n      ]}\n    >\n      {children}\n    </View>\n  );\n}\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ChartHandle>;\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the plot area, given the plot rectangle */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the controller and draws its scene */\nexport function ChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const { tokens, fonts } = useTheme();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ChartOptions => {\n    if (!customTooltip) return options;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return { ...options, tooltip: { ...base, render: () => CUSTOM_TOOLTIP } };\n  }, [options, customTooltip]);\n\n  const [store] = useState(() =>\n    createChartStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  const { controller } = store;\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  const applied = useRef({ options: resolved, theme });\n  useLayoutEffect(() => {\n    const current = applied.current;\n    if (current.theme === theme && current.options === resolved) return;\n    if (current.theme !== theme) controller.setTheme(theme);\n    if (current.options !== resolved) store.setOptions(resolved);\n    applied.current = { options: resolved, theme };\n    store.commit();\n  }, [controller, store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width !== \"number\" || typeof height !== \"number\") return;\n    const scene = controller.getScene();\n    if (scene && scene.width === width && scene.height === height) return;\n    controller.setSize(width, height);\n    store.commit();\n  }, [controller, store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    const offs = [\n      controller.on(\"hover\", (e) => h.current.onHover?.(e)),\n      controller.on(\"click\", (e) => h.current.onPointClick?.(e)),\n      controller.on(\"plotClick\", (e) => h.current.onPlotClick?.(e)),\n      controller.on(\"zoom\", (v) => h.current.onZoom?.(v)),\n      controller.on(\"drag\", (e) => h.current.onDrag?.(e)),\n      controller.on(\"drop\", (e) => h.current.onDrop?.(e)),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [controller]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => controller.resetZoom(),\n      getView: () => controller.getView(),\n      setView: (view) => controller.setView(view),\n      getPlotRect: () => controller.getPlotRect(),\n      getController: () => controller,\n    }),\n    [controller],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    const scene = controller.getScene();\n    if (scene && scene.width === w && scene.height === h) return;\n    controller.setSize(w, h);\n    store.commit();\n  };\n\n  const scene = controller.getScene();\n  let tooltip: ReactNode = null;\n  const event = scene?.hover?.tooltip ? scene.hover.event : null;\n  if (scene && event && customTooltip && renderTooltip) {\n    const content = renderTooltip(event);\n    const anchor = store.anchor ?? scene.hover?.marks[0] ?? null;\n    if (\n      content !== null &&\n      content !== undefined &&\n      content !== false &&\n      anchor\n    )\n      tooltip = (\n        <CustomTooltip scene={scene} anchor={anchor}>\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={\n          options.ariaLabel ?? (scene ? chartAriaLabel(scene.model) : undefined)\n        }\n        onStartShouldSetResponder={() => true}\n        onResponderTerminationRequest={() => !store.holdsGesture()}\n        onResponderGrant={store.touchStart}\n        onResponderStart={store.touchAdd}\n        onResponderMove={store.touchMove}\n        onResponderEnd={store.touchEnd}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {scene ? store.layers(scene, family) : null}\n          {scene ? drawHover(scene, family, customTooltip) : null}\n        </View>\n      </View>\n      {overlay && scene ? (\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            position: \"absolute\",\n            left: scene.layout.plot.x,\n            top: scene.layout.plot.y,\n            width: scene.layout.plot.width,\n            height: scene.layout.plot.height,\n          }}\n          {...part(\"chart\", \"overlay\")}\n        >\n          {overlay(scene.layout.plot)}\n        </View>\n      ) : null}\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":"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"}

package/dist/native/components/Chart/charts.cjs

@@ -1,2 +1,2 @@
-const e=require("../../internal/parts.cjs"),t=require("../../charts/src/engine/presets.cjs");require("../../charts/src/canvas.cjs");const n=require("./ChartBase.cjs");let r=require("react"),i=require("react-native"),a=require("react/jsx-runtime");function o(e,t){let{xAxis:i,yAxis:a,legend:o,tooltip:s,crosshair:c,annotations:l,interaction:u,padding:d,palette:f,ariaLabel:p}=e;return(0,r.useMemo)(()=>n.engineOptions({series:t,xAxis:i,yAxis:a,legend:o,tooltip:s,crosshair:c,annotations:l,interaction:u,padding:d,palette:f,ariaLabel:p}),[t,i,a,o,s,c,l,u,d,f,p])}var s=e=>({height:e.height,width:e.width,style:e.style,testID:e.testID,handleRef:e.ref,onHover:e.onHover,onPointClick:e.onPointClick,onPlotClick:e.onPlotClick,onZoom:e.onZoom,renderTooltip:e.renderTooltip});function c(e){let t=o(e,e.series);return(0,a.jsx)(n.ChartBase,{options:t,...s(e)})}function l(e){let{series:i,area:c=!1}=e,l=o(e,(0,r.useMemo)(()=>t.lineSeries(i,c),[i,c]));return(0,a.jsx)(n.ChartBase,{options:l,...s(e)})}function u(e){let{series:i,stacked:c=!1}=e,l=o(e,(0,r.useMemo)(()=>t.barSeries(i,c),[i,c]));return(0,a.jsx)(n.ChartBase,{options:l,...s(e)})}function d(e){let{series:i}=e,c=o(e,(0,r.useMemo)(()=>t.scatterSeries(i),[i]));return(0,a.jsx)(n.ChartBase,{options:c,...s(e)})}var f=[`topLeft`,`topRight`,`bottomLeft`,`bottomRight`],p=[];function m(c){let{points:l,xDomain:u,yDomain:d,xSplit:m,ySplit:h,quadrants:g,xLabel:_,yLabel:v,axisLabels:y,showTicks:b,reverseX:x,showLabels:S,pointSize:C,name:w,draggable:T,onPointClick:E,onPointDrop:D,onQuadrantClick:O,renderTooltip:k,quadrantContent:A}=c,j=o(c,p),M=T??!!D,N=(0,r.useMemo)(()=>t.quadrantChartOptions({points:l,xDomain:u,yDomain:d,xSplit:m,ySplit:h,quadrants:g,xLabel:_,yLabel:v,axisLabels:y,showTicks:b,reverseX:x,showLabels:S,pointSize:C,name:w,draggable:M},j),[l,u,d,m,h,g,_,v,y,b,x,S,C,w,M,j]),P={xDomain:u,yDomain:d,xSplit:m,ySplit:h,reverseX:x},F=A?t=>{let[n,r]=u??[0,10],[o,s]=d??[0,10],c=m??(n+r)/2,l=h??(o+s)/2,p=(c-n)/(r-n||1),g=(l-o)/(s-o||1),_=t.width*(x?1-p:p),v=t.height*(1-g);return f.map(n=>{let r=A[n];if(r==null||r===!1)return null;let o=n.endsWith(`Left`),s=n.startsWith(`top`);return(0,a.jsx)(i.View,{pointerEvents:`box-none`,style:{position:`absolute`,left:o?0:_,top:s?0:v,width:o?_:t.width-_,height:s?v:t.height-v},...e.part(`chart`,`quadrant`,{corner:n}),children:r},n)})}:void 0;return(0,a.jsx)(n.ChartBase,{options:N,...s({...c,onPointClick:void 0,renderTooltip:void 0}),overlay:F,onPointClick:E?e=>{let t=e.items[0]?.index;t!==void 0&&l[t]&&E(l[t],t)}:void 0,onPlotClick:O?e=>O(t.quadrantOf(P,e.x,e.y),e):void 0,onDrop:D?e=>{let n=e.item.index;l[n]&&D(l[n],n,{x:e.x,y:e.y,quadrant:t.quadrantOf(P,e.x,e.y)})}:void 0,renderTooltip:k?e=>{let t=e.items[0]?.index;return t!==void 0&&l[t]?k(l[t],t):null}:void 0})}exports.BarChart=u,exports.Chart=c,exports.LineChart=l,exports.QuadrantChart=m,exports.ScatterChart=d;
+const e=require("../../internal/parts.cjs"),t=require("../../charts/src/engine/presets.cjs");require("../../charts/src/canvas.cjs");const n=require("./ChartBase.cjs");let r=require("react"),i=require("react-native"),a=require("react/jsx-runtime");function o(e,t,i){let{xAxis:a,yAxis:o,legend:s,tooltip:c,crosshair:l,annotations:u,interaction:d,padding:f,palette:p,ariaLabel:m,locale:h,labels:g}=e,_=typeof g==`object`?g:void 0,v=i?.orientation,y=i?.yAxis2;return(0,r.useMemo)(()=>({...n.engineOptions({series:t,xAxis:a,yAxis:o,legend:s,tooltip:c,crosshair:l,annotations:u,interaction:d,padding:f,palette:p,ariaLabel:m,locale:h,labels:_}),...v?{orientation:v}:null,...y?{yAxis2:y}:null}),[t,v,y,a,o,s,c,l,u,d,f,p,m,h,_])}var s=e=>({height:e.height,width:e.width,style:e.style,testID:e.testID,handleRef:e.ref,onHover:e.onHover,onPointClick:e.onPointClick,onPlotClick:e.onPlotClick,onZoom:e.onZoom,renderTooltip:e.renderTooltip});function c(e){let{series:t,orientation:r,yAxis2:i}=e,c=o(e,t,{orientation:r,yAxis2:i});return(0,a.jsx)(n.ChartBase,{options:c,...s(e)})}function l(e){let{series:i,area:c=!1}=e,l=o(e,(0,r.useMemo)(()=>t.lineSeries(i,c),[i,c]));return(0,a.jsx)(n.ChartBase,{options:l,...s(e)})}function u(e){let{series:i,stacked:c=!1}=e,l=o(e,(0,r.useMemo)(()=>t.barSeries(i,c),[i,c]));return(0,a.jsx)(n.ChartBase,{options:l,...s(e)})}function d(e){let{series:i,stacked:c=!1,labels:l=!1}=e,u=o(e,(0,r.useMemo)(()=>t.barSeries(i,c,l),[i,c,l]),{orientation:`horizontal`});return(0,a.jsx)(n.ChartBase,{options:u,...s(e)})}function f(e){let{series:i}=e,c=o(e,(0,r.useMemo)(()=>t.scatterSeries(i),[i]));return(0,a.jsx)(n.ChartBase,{options:c,...s(e)})}var p=[`topLeft`,`topRight`,`bottomLeft`,`bottomRight`],m=[];function h(c){let{points:l,xDomain:u,yDomain:d,xSplit:f,ySplit:h,quadrants:g,xLabel:_,yLabel:v,axisLabels:y,showTicks:b,reverseX:x,showLabels:S,pointSize:C,name:w,draggable:T,onPointClick:E,onPointDrop:D,onQuadrantClick:O,renderTooltip:k,quadrantContent:A}=c,j=o(c,m),M=T??!!D,N=(0,r.useMemo)(()=>t.quadrantChartOptions({points:l,xDomain:u,yDomain:d,xSplit:f,ySplit:h,quadrants:g,xLabel:_,yLabel:v,axisLabels:y,showTicks:b,reverseX:x,showLabels:S,pointSize:C,name:w,draggable:M},j),[l,u,d,f,h,g,_,v,y,b,x,S,C,w,M,j]),P={xDomain:u,yDomain:d,xSplit:f,ySplit:h,reverseX:x},F=A?t=>{let[n,r]=u??[0,10],[o,s]=d??[0,10],c=f??(n+r)/2,l=h??(o+s)/2,m=(c-n)/(r-n||1),g=(l-o)/(s-o||1),_=t.width*(x?1-m:m),v=t.height*(1-g);return p.map(n=>{let r=A[n];if(r==null||r===!1)return null;let o=n.endsWith(`Left`),s=n.startsWith(`top`);return(0,a.jsx)(i.View,{pointerEvents:`box-none`,style:{position:`absolute`,left:o?0:_,top:s?0:v,width:o?_:t.width-_,height:s?v:t.height-v},...e.part(`chart`,`quadrant`,{corner:n}),children:r},n)})}:void 0;return(0,a.jsx)(n.ChartBase,{options:N,...s({...c,onPointClick:void 0,renderTooltip:void 0}),overlay:F,onPointClick:E?e=>{let t=e.items[0]?.index;t!==void 0&&l[t]&&E(l[t],t)}:void 0,onPlotClick:O?e=>O(t.quadrantOf(P,e.x,e.y),e):void 0,onDrop:D?e=>{let n=e.item.index;l[n]&&D(l[n],n,{x:e.x,y:e.y,quadrant:t.quadrantOf(P,e.x,e.y)})}:void 0,renderTooltip:k?e=>{let t=e.items[0]?.index;return t!==void 0&&l[t]?k(l[t],t):null}:void 0})}exports.BarChart=u,exports.Chart=c,exports.HorizontalBarChart=d,exports.LineChart=l,exports.QuadrantChart=h,exports.ScatterChart=f;
 //# sourceMappingURL=charts.cjs.map

package/dist/native/components/Chart/charts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"charts.cjs","names":["useMemo","engineOptions","ChartBase","lineSeries","barSeries","scatterSeries","quadrantChartOptions","View","part","quadrantOf","require_parts","require_presets","require_ChartBase","react","react_native","react_jsx_runtime","useEngineOptions","props","series","xAxis","yAxis","legend","tooltip","crosshair","annotations","interaction","padding","palette","ariaLabel","frameProps","Chart","options","LineChart","input","area","BarChart","stacked","ScatterChart","CORNERS","NO_SERIES","QuadrantChart","base","dragPoints","draggable","onPointDrop","points","xDomain","yDomain","xSplit","ySplit","quadrants","xLabel","yLabel","axisLabels","showTicks","reverseX","showLabels","pointSize","name","geometry","overlay","quadrantContent","x0","x1","y0","y1","xs","ys","fx","fy","sx","plot","sy","content","corner","left","top","onPointClick","index","event","onQuadrantClick","at","renderTooltip"],"sources":["../../../../../native/src/components/Chart/charts.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { View } from \"react-native\";\nimport {\n  barSeries,\n  lineSeries,\n  quadrantChartOptions,\n  quadrantOf,\n  scatterSeries,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartRect,\n  type ChartSeries,\n  type QuadrantCorner,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { ChartBase, engineOptions } from \"./ChartBase\";\nimport type {\n  BarChartProps,\n  ChartCommonProps,\n  ChartProps,\n  LineChartProps,\n  QuadrantChartProps,\n  ScatterChartProps,\n} from \"./types\";\n\n/** Engine options of the common props, kept while the props are the same */\nfunction useEngineOptions(\n  props: Omit<\n    ChartCommonProps,\n    \"onPointClick\" | \"onPlotClick\" | \"renderTooltip\"\n  >,\n  series: readonly ChartSeries[],\n): ChartOptions {\n  const {\n    xAxis,\n    yAxis,\n    legend,\n    tooltip,\n    crosshair,\n    annotations,\n    interaction,\n    padding,\n    palette,\n    ariaLabel,\n  } = props;\n  return useMemo(\n    () =>\n      engineOptions({\n        series,\n        xAxis,\n        yAxis,\n        legend,\n        tooltip,\n        crosshair,\n        annotations,\n        interaction,\n        padding,\n        palette,\n        ariaLabel,\n      }),\n    [\n      series,\n      xAxis,\n      yAxis,\n      legend,\n      tooltip,\n      crosshair,\n      annotations,\n      interaction,\n      padding,\n      palette,\n      ariaLabel,\n    ],\n  );\n}\n\nconst frameProps = (props: ChartCommonProps) => ({\n  height: props.height,\n  width: props.width,\n  style: props.style,\n  testID: props.testID,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  renderTooltip: props.renderTooltip,\n});\n\n/**\n * Chart mixing line, area, bar and scatter series, drawn with views:\n * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.\n * Themed by the closest `MinervaProvider` (light / dark).\n */\nexport function Chart(props: ChartProps) {\n  const options = useEngineOptions(props, props.series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Line (or area) chart; large series are decimated to the pixel columns */\nexport function LineChart(props: LineChartProps) {\n  const { series: input, area = false } = props;\n  const series = useMemo(() => lineSeries(input, area), [input, area]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Bar chart: grouped side by side, or stacked */\nexport function BarChart(props: BarChartProps) {\n  const { series: input, stacked = false } = props;\n  const series = useMemo(() => barSeries(input, stacked), [input, stacked]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Scatter chart: zooms on both axes; large point sets are merged per cell */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst NO_SERIES: readonly ChartSeries[] = [];\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 base = useEngineOptions(props, NO_SERIES);\n  const dragPoints = draggable ?? !!onPointDrop;\n  const options = useMemo(\n    () =>\n      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: dragPoints,\n        },\n        base,\n      ),\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      dragPoints,\n      base,\n    ],\n  );\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\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        // split point relative to the plot area\n        const sx = plot.width * (reverseX ? 1 - fx : fx);\n        const sy = plot.height * (1 - fy);\n        return CORNERS.map((corner) => {\n          const content = quadrantContent[corner];\n          if (content === undefined || content === null || content === false)\n            return null;\n          const left = corner.endsWith(\"Left\");\n          const top = corner.startsWith(\"top\");\n          return (\n            <View\n              key={corner}\n              pointerEvents=\"box-none\"\n              style={{\n                position: \"absolute\",\n                left: left ? 0 : sx,\n                top: top ? 0 : sy,\n                width: left ? sx : plot.width - sx,\n                height: top ? sy : plot.height - sy,\n              }}\n              {...part(\"chart\", \"quadrant\", { corner })}\n            >\n              {content}\n            </View>\n          );\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: ChartHoverEvent) => {\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":"uPA0BA,SAASgB,EACP,EAIA,EACc,CACd,GAAM,CACJ,QACA,QACA,SACA,UACA,YACA,cACA,cACA,UACA,UACA,aACEC,EACJ,OAAA,EAAOjB,EAAAA,QAAAA,KAEHC,EAAAA,cAAc,CACZ,SACA,QACA,QACA,SACA,UACA,YACA,cACA,cACA,UACA,UACA,WACF,CAAC,EACH,CACEiB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,CACF,CAEA,IAAMC,EAAc,IAA6B,CAC/C,OAAQZ,EAAM,OACd,MAAOA,EAAM,MACb,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,UAAWA,EAAM,IACjB,QAASA,EAAM,QACf,aAAcA,EAAM,aACpB,YAAaA,EAAM,YACnB,OAAQA,EAAM,OACd,cAAeA,EAAM,aACvB,GAOA,SAAgBa,EAAM,EAAmB,CACvC,IAAMC,EAAUf,EAAiBC,EAAOA,EAAM,MAAM,EACpD,OAAO,EAAAF,EAAA,IAAA,CAACb,EAAAA,UAAD,CAAoB,UAAS,GAAI2B,EAAWZ,CAAK,CAAI,CAAA,CAC9D,CAGA,SAAgBe,EAAU,EAAuB,CAC/C,GAAM,CAAE,OAAQC,EAAO,OAAO,IAAUhB,EAElCc,EAAUf,EAAiBC,GAAA,EADlBjB,EAAAA,QAAAA,KAAcG,EAAAA,WAAW8B,EAAOC,CAAI,EAAG,CAACD,EAAOC,CAAI,CAC1B,CAAM,EAC9C,OAAO,EAAAnB,EAAA,IAAA,CAACb,EAAAA,UAAD,CAAoB,UAAS,GAAI2B,EAAWZ,CAAK,CAAI,CAAA,CAC9D,CAGA,SAAgBkB,EAAS,EAAsB,CAC7C,GAAM,CAAE,OAAQF,EAAO,UAAU,IAAUhB,EAErCc,EAAUf,EAAiBC,GAAA,EADlBjB,EAAAA,QAAAA,KAAcI,EAAAA,UAAU6B,EAAOG,CAAO,EAAG,CAACH,EAAOG,CAAO,CAC/B,CAAM,EAC9C,OAAO,EAAArB,EAAA,IAAA,CAACb,EAAAA,UAAD,CAAoB,UAAS,GAAI2B,EAAWZ,CAAK,CAAI,CAAA,CAC9D,CAGA,SAAgBoB,EAAa,EAA0B,CACrD,GAAM,CAAE,OAAQJ,GAAUhB,EAEpBc,EAAUf,EAAiBC,GAAA,EADlBjB,EAAAA,QAAAA,KAAcK,EAAAA,cAAc4B,CAAK,EAAG,CAACA,CAAK,CACjB,CAAM,EAC9C,OAAO,EAAAlB,EAAA,IAAA,CAACb,EAAAA,UAAD,CAAoB,UAAS,GAAI2B,EAAWZ,CAAK,CAAI,CAAA,CAC9D,CAEA,IAAMqB,EAA4B,CAChC,UACA,WACA,aACA,aACF,EAEMC,EAAoC,CAAC,EAO3C,SAAgBC,EAAc,EAA2B,CACvD,GAAM,CACJ,SACA,UACA,UACA,SACA,SACA,YACA,SACA,SACA,aACA,YACA,WACA,aACA,YACA,OACA,YACA,eACA,cACA,kBACA,gBACA,mBACEvB,EACEwB,EAAOzB,EAAiBC,EAAOsB,CAAS,EACxCG,EAAaC,GAAa,CAAC,CAACC,EAC5Bb,GAAA,EAAU/B,EAAAA,QAAAA,KAEZM,EAAAA,qBACE,CACE,SACA,UACA,UACA,SACA,SACA,YACA,SACA,SACA,aACA,YACA,WACA,aACA,YACA,OACA,UAAWoC,CACb,EACAD,CACF,EACF,CACEI,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAhB,EACAD,CACF,CACF,EACMkB,EAAW,CAAE,UAAS,UAAS,SAAQ,SAAQ,UAAS,EAExDC,EAAUC,EACX,GAAoB,CACnB,GAAM,CAACC,EAAIC,GAAMjB,GAAW,CAAC,EAAG,EAAE,EAC5B,CAACkB,EAAIC,GAAMlB,GAAW,CAAC,EAAG,EAAE,EAC5BmB,EAAKlB,IAAWc,EAAKC,GAAM,EAC3BI,EAAKlB,IAAWe,EAAKC,GAAM,EAC3BG,GAAMF,EAAKJ,IAAOC,EAAKD,GAAM,GAC7BO,GAAMF,EAAKH,IAAOC,EAAKD,GAAM,GAE7BM,EAAKC,EAAK,OAAShB,EAAW,EAAIa,EAAKA,GACvCI,EAAKD,EAAK,QAAU,EAAIF,GAC9B,OAAO/B,EAAQ,IAAK,GAAW,CAC7B,IAAMmC,EAAUZ,EAAgBa,GAChC,GAAID,GAAqC,MAAQA,IAAY,GAC3D,OAAO,KACT,IAAME,EAAOD,EAAO,SAAS,MAAM,EAC7BE,EAAMF,EAAO,WAAW,KAAK,EACnC,OACE,EAAA3D,EAAA,IAAA,CAACR,EAAAA,KAAD,CAEE,cAAc,WACd,MAAO,CACL,SAAU,WACV,KAAMoE,EAAO,EAAIL,EACjB,IAAKM,EAAM,EAAIJ,EACf,MAAOG,EAAOL,EAAKC,EAAK,MAAQD,EAChC,OAAQM,EAAMJ,EAAKD,EAAK,OAASC,CACnC,EACA,GAAIhE,EAAAA,KAAK,QAAS,WAAY,CAAE,QAAO,CAAC,EAEvC,SAAAiE,CACG,EAZCC,CAYD,CAEV,CAAC,CACH,EACA,IAAA,GAEJ,OACE,EAAA3D,EAAA,IAAA,CAACb,EAAAA,UAAD,CACW,UACT,GAAI2B,EAAW,CACb,GAAGZ,EACH,aAAc,IAAA,GACd,cAAe,IAAA,EACjB,CAAC,EACQ,UACT,aACE4D,EACK,GAA2B,CAC1B,IAAMC,EAAQC,EAAM,MAAM,EAAE,EAAE,MAC1BD,IAAU,IAAA,IAAajC,EAAOiC,IAChCD,EAAahC,EAAOiC,GAAQA,CAAK,CACrC,EACA,IAAA,GAEN,YACEE,EACK,GAAOA,EAAgBvE,EAAAA,WAAWkD,EAAUsB,EAAG,EAAGA,EAAG,CAAC,EAAGA,CAAE,EAC5D,IAAA,GAEN,OACErC,EACK,GAAU,CACT,IAAMkC,EAAQC,EAAM,KAAK,MACpBlC,EAAOiC,IACZlC,EAAYC,EAAOiC,GAAQA,EAAO,CAChC,EAAGC,EAAM,EACT,EAAGA,EAAM,EACT,SAAUtE,EAAAA,WAAWkD,EAAUoB,EAAM,EAAGA,EAAM,CAAC,CACjD,CAAC,CACH,EACA,IAAA,GAEN,cACEG,EACK,GAAU,CACT,IAAMJ,EAAQC,EAAM,MAAM,EAAE,EAAE,MAC9B,OAAOD,IAAU,IAAA,IAAajC,EAAOiC,GACjCI,EAAcrC,EAAOiC,GAAQA,CAAK,EAClC,IACN,EACA,IAAA,EAEP,CAAA,CAEL"}
+{"version":3,"file":"charts.cjs","names":["useMemo","engineOptions","ChartBase","lineSeries","barSeries","scatterSeries","quadrantChartOptions","View","part","quadrantOf","require_parts","require_presets","require_ChartBase","react","react_native","react_jsx_runtime","useEngineOptions","labelsProp","props","labels","orientation","extra","yAxis2","series","xAxis","yAxis","legend","tooltip","crosshair","annotations","interaction","padding","palette","ariaLabel","locale","frameProps","Chart","options","LineChart","input","area","BarChart","stacked","HorizontalBarChart","ScatterChart","CORNERS","NO_SERIES","QuadrantChart","base","dragPoints","draggable","onPointDrop","points","xDomain","yDomain","xSplit","ySplit","quadrants","xLabel","yLabel","axisLabels","showTicks","reverseX","showLabels","pointSize","name","geometry","overlay","quadrantContent","x0","x1","y0","y1","xs","ys","fx","fy","sx","plot","sy","content","corner","left","top","onPointClick","index","event","onQuadrantClick","at","renderTooltip"],"sources":["../../../../../native/src/components/Chart/charts.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { View } from \"react-native\";\nimport {\n  barSeries,\n  lineSeries,\n  quadrantChartOptions,\n  quadrantOf,\n  scatterSeries,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartRect,\n  type ChartSeries,\n  type QuadrantCorner,\n} from \"@minerva/charts/canvas\";\nimport { part } from \"../../internal/parts\";\nimport { ChartBase, engineOptions } from \"./ChartBase\";\nimport type {\n  BarChartProps,\n  ChartCommonProps,\n  ChartProps,\n  HorizontalBarChartProps,\n  LineChartProps,\n  QuadrantChartProps,\n  ScatterChartProps,\n} from \"./types\";\n\n/** Engine options of the common props, kept while the props are the same */\nfunction useEngineOptions(\n  props: Omit<\n    ChartCommonProps,\n    \"onPointClick\" | \"onPlotClick\" | \"renderTooltip\" | \"labels\"\n  > & {\n    /** Texts of the engine (a boolean is the `labels` of a bar chart) */\n    labels?: ChartCommonProps[\"labels\"] | boolean;\n  },\n  series: readonly ChartSeries[],\n  extra?: Pick<ChartOptions, \"orientation\" | \"yAxis2\">,\n): ChartOptions {\n  const {\n    xAxis,\n    yAxis,\n    legend,\n    tooltip,\n    crosshair,\n    annotations,\n    interaction,\n    padding,\n    palette,\n    ariaLabel,\n    locale,\n    labels: labelsProp,\n  } = props;\n  const labels = typeof labelsProp === \"object\" ? labelsProp : undefined;\n  const orientation = extra?.orientation;\n  const yAxis2 = extra?.yAxis2;\n  return useMemo(\n    () => ({\n      ...engineOptions({\n        series,\n        xAxis,\n        yAxis,\n        legend,\n        tooltip,\n        crosshair,\n        annotations,\n        interaction,\n        padding,\n        palette,\n        ariaLabel,\n        locale,\n        labels,\n      }),\n      ...(orientation ? { orientation } : null),\n      ...(yAxis2 ? { yAxis2 } : null),\n    }),\n    [\n      series,\n      orientation,\n      yAxis2,\n      xAxis,\n      yAxis,\n      legend,\n      tooltip,\n      crosshair,\n      annotations,\n      interaction,\n      padding,\n      palette,\n      ariaLabel,\n      locale,\n      labels,\n    ],\n  );\n}\n\nconst frameProps = (props: Omit<ChartCommonProps, \"labels\">) => ({\n  height: props.height,\n  width: props.width,\n  style: props.style,\n  testID: props.testID,\n  handleRef: props.ref,\n  onHover: props.onHover,\n  onPointClick: props.onPointClick,\n  onPlotClick: props.onPlotClick,\n  onZoom: props.onZoom,\n  renderTooltip: props.renderTooltip,\n});\n\n/**\n * Chart mixing line, area, bar and scatter series, drawn with views:\n * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.\n * Themed by the closest `MinervaProvider` (light / dark).\n */\nexport function Chart(props: ChartProps) {\n  const { series, orientation, yAxis2 } = props;\n  const options = useEngineOptions(props, series, { orientation, yAxis2 });\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Line (or area) chart; large series are decimated to the pixel columns */\nexport function LineChart(props: LineChartProps) {\n  const { series: input, area = false } = props;\n  const series = useMemo(() => lineSeries(input, area), [input, area]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Bar chart: grouped side by side, or stacked */\nexport function BarChart(props: BarChartProps) {\n  const { series: input, stacked = false } = props;\n  const series = useMemo(() => barSeries(input, stacked), [input, stacked]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/**\n * Horizontal bar chart: categories down the left side (rankings, long\n * names, surveys), grouped, stacked or with the values at the bar ends\n */\nexport function HorizontalBarChart(props: HorizontalBarChartProps) {\n  const { series: input, stacked = false, labels = false } = props;\n  const series = useMemo(\n    () => barSeries(input, stacked, labels),\n    [input, stacked, labels],\n  );\n  const options = useEngineOptions(props, series, {\n    orientation: \"horizontal\",\n  });\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\n/** Scatter chart: zooms on both axes; large point sets are merged per cell */\nexport function ScatterChart(props: ScatterChartProps) {\n  const { series: input } = props;\n  const series = useMemo(() => scatterSeries(input), [input]);\n  const options = useEngineOptions(props, series);\n  return <ChartBase options={options} {...frameProps(props)} />;\n}\n\nconst CORNERS: QuadrantCorner[] = [\n  \"topLeft\",\n  \"topRight\",\n  \"bottomLeft\",\n  \"bottomRight\",\n];\n\nconst NO_SERIES: readonly ChartSeries[] = [];\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 base = useEngineOptions(props, NO_SERIES);\n  const dragPoints = draggable ?? !!onPointDrop;\n  const options = useMemo(\n    () =>\n      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: dragPoints,\n        },\n        base,\n      ),\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      dragPoints,\n      base,\n    ],\n  );\n  const geometry = { xDomain, yDomain, xSplit, ySplit, reverseX };\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        // split point relative to the plot area\n        const sx = plot.width * (reverseX ? 1 - fx : fx);\n        const sy = plot.height * (1 - fy);\n        return CORNERS.map((corner) => {\n          const content = quadrantContent[corner];\n          if (content === undefined || content === null || content === false)\n            return null;\n          const left = corner.endsWith(\"Left\");\n          const top = corner.startsWith(\"top\");\n          return (\n            <View\n              key={corner}\n              pointerEvents=\"box-none\"\n              style={{\n                position: \"absolute\",\n                left: left ? 0 : sx,\n                top: top ? 0 : sy,\n                width: left ? sx : plot.width - sx,\n                height: top ? sy : plot.height - sy,\n              }}\n              {...part(\"chart\", \"quadrant\", { corner })}\n            >\n              {content}\n            </View>\n          );\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: ChartHoverEvent) => {\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":"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"}

package/dist/native/components/Chart/charts.d.cts

@@ -1,4 +1,4 @@
-import { BarChartProps, ChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.cjs';
+import { BarChartProps, ChartProps, HorizontalBarChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.cjs';
 /**
  * Chart mixing line, area, bar and scatter series, drawn with views:
  * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.
@@ -9,6 +9,11 @@ export declare function Chart(props: ChartProps): import('react').JSX.Element;
 export declare function LineChart(props: LineChartProps): import('react').JSX.Element;
 /** Bar chart: grouped side by side, or stacked */
 export declare function BarChart(props: BarChartProps): import('react').JSX.Element;
+/**
+ * Horizontal bar chart: categories down the left side (rankings, long
+ * names, surveys), grouped, stacked or with the values at the bar ends
+ */
+export declare function HorizontalBarChart(props: HorizontalBarChartProps): import('react').JSX.Element;
 /** Scatter chart: zooms on both axes; large point sets are merged per cell */
 export declare function ScatterChart(props: ScatterChartProps): import('react').JSX.Element;
 /**

package/dist/native/components/Chart/charts.d.ts

@@ -1,4 +1,4 @@
-import { BarChartProps, ChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.js';
+import { BarChartProps, ChartProps, HorizontalBarChartProps, LineChartProps, QuadrantChartProps, ScatterChartProps } from './types.js';
 /**
  * Chart mixing line, area, bar and scatter series, drawn with views:
  * tap for the tooltip, pinch to zoom, drag to pan, double tap to reset.
@@ -9,6 +9,11 @@ export declare function Chart(props: ChartProps): import('react').JSX.Element;
 export declare function LineChart(props: LineChartProps): import('react').JSX.Element;
 /** Bar chart: grouped side by side, or stacked */
 export declare function BarChart(props: BarChartProps): import('react').JSX.Element;
+/**
+ * Horizontal bar chart: categories down the left side (rankings, long
+ * names, surveys), grouped, stacked or with the values at the bar ends
+ */
+export declare function HorizontalBarChart(props: HorizontalBarChartProps): import('react').JSX.Element;
 /** Scatter chart: zooms on both axes; large point sets are merged per cell */
 export declare function ScatterChart(props: ScatterChartProps): import('react').JSX.Element;
 /**