minerva-design 1.3.0 → 1.5.0

package/dist/charts/react/shapes.js

@@ -1,229 +1,458 @@
 "use client";
-import { createShapeChart as e } from "../engine/shapes/chart.js";
-import { useEffect as t, useImperativeHandle as n, useMemo as r, useRef as i, useState as a } from "react";
-import { createPortal as o, flushSync as s } from "react-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { calendarStrips as e } from "../engine/shapes/calendar.js";
+import { createShapeChart as t } from "../engine/shapes/chart.js";
+import { useEffect as n, useImperativeHandle as r, useMemo as i, useRef as a, useState as o, useSyncExternalStore as s } from "react";
+import { createPortal as c, flushSync as l } from "react-dom";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/react/shapes.tsx
-var u = (e, t) => e === void 0 ? t : typeof e == "number" ? `${e}px` : e, d = ({ palette: e, legend: t, tooltip: n, format: i, percentFormat: a, hidden: o, animation: s, padding: c, ariaLabel: l }) => {
-	let u = o ? o.join(",") : null, d = r(() => u === null ? void 0 : u ? u.split(",").map(Number) : [], [u]);
-	return r(() => ({
+var f = (e, t) => e === void 0 ? t : typeof e == "number" ? `${e}px` : e, p = (e) => {
+	if (typeof document > "u" || typeof MutationObserver != "function") return () => {};
+	let t = new MutationObserver(e);
+	return t.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: ["lang"]
+	}), () => t.disconnect();
+}, m = () => typeof document > "u" ? "" : document.documentElement.lang, h = () => "", g = ({ palette: e, legend: t, tooltip: n, format: r, percentFormat: a, locale: o, texts: c, hidden: l, animation: u, padding: d, ariaLabel: f }) => {
+	let g = s(p, m, h), _ = o ?? (g || void 0), v = l ? l.join(",") : null, y = i(() => v === null ? void 0 : v ? v.split(",").map(Number) : [], [v]);
+	return i(() => ({
 		palette: e,
 		legend: t,
 		tooltip: n,
-		format: i,
+		format: r,
 		percentFormat: a,
-		hidden: d,
-		animation: s,
-		padding: c,
-		ariaLabel: l
+		locale: _,
+		texts: c,
+		hidden: y,
+		animation: u,
+		padding: d,
+		ariaLabel: f
 	}), [
 		e,
 		t,
 		n,
-		i,
+		r,
 		a,
-		d,
-		s,
+		_,
 		c,
-		l
+		y,
+		u,
+		d,
+		f
 	]);
 };
-function f({ options: d, height: f, width: p, className: m, style: h, handleRef: g, renderTooltip: _, ...v }) {
-	let y = i(null), b = i(null), x = i(v), S = i(_), [C, w] = a(null), T = r(() => typeof document > "u" ? null : document.createElement("div"), []), E = !!_, D = r(() => {
-		if (!E || !T || d.tooltip === !1) return d;
-		let e = typeof d.tooltip == "object" ? d.tooltip : {};
+function _({ options: e, height: s, width: p, className: m, style: h, handleRef: g, renderTooltip: _, ...v }) {
+	let y = a(null), b = a(null), x = a(v), S = a(_), [C, w] = o(null), T = i(() => typeof document > "u" ? null : document.createElement("div"), []), E = !!_, D = i(() => {
+		if (!E || !T || e.tooltip === !1) return e;
+		let t = typeof e.tooltip == "object" ? e.tooltip : {};
 		return {
-			...d,
+			...e,
 			tooltip: {
-				...e,
-				render: (e) => S.current ? (s(() => w(e)), T) : null
+				...t,
+				render: (e) => S.current ? (l(() => w(e)), T) : null
 			}
 		};
 	}, [
-		d,
+		e,
 		E,
 		T
-	]), O = i(D);
-	return t(() => {
+	]), O = a(D);
+	return n(() => {
 		x.current = v, S.current = _;
-	}), t(() => {
-		let t = y.current;
-		if (!t) return;
-		let n = e(t, O.current);
+	}), n(() => {
+		let e = y.current;
+		if (!e) return;
+		let n = t(e, O.current);
 		b.current = n;
 		let r = [
 			n.on("hover", (e) => x.current.onHover?.(e)),
 			n.on("click", (e) => x.current.onClick?.(e)),
-			n.on("toggle", (e) => x.current.onToggle?.(e))
+			n.on("toggle", (e) => x.current.onToggle?.(e)),
+			n.on("drill", (e) => x.current.onDrill?.(e))
 		];
 		return () => {
 			r.forEach((e) => e()), n.destroy(), b.current = null;
 		};
-	}, []), t(() => {
+	}, []), n(() => {
 		O.current !== D && (O.current = D, b.current?.setOptions(D));
-	}, [D]), n(g, () => ({ getInstance: () => b.current }), []), /* @__PURE__ */ l("div", {
+	}, [D]), r(g, () => ({ getInstance: () => b.current }), []), /* @__PURE__ */ d("div", {
 		className: m,
 		style: {
 			position: "relative",
-			width: u(p, "100%"),
-			height: u(f, "320px"),
+			width: f(p, "100%"),
+			height: f(s, "320px"),
 			...h
 		},
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ u("div", {
 			ref: y,
 			style: {
 				position: "absolute",
 				inset: 0
 			}
-		}), T && C && _ && o(_(C), T)]
+		}), T && C && _ && c(_(C), T)]
 	});
 }
-function p(e) {
-	return /* @__PURE__ */ c(h, {
+function v(e) {
+	return /* @__PURE__ */ u(b, {
 		...e,
 		defaultInner: 0
 	});
 }
-function m(e) {
-	return /* @__PURE__ */ c(h, {
+function y(e) {
+	return /* @__PURE__ */ u(b, {
 		...e,
 		defaultInner: .62
 	});
 }
-function h(e) {
-	let { data: t, innerRadius: n, startAngle: i, padAngle: a, cornerRadius: o, rose: s, labels: l, labelContent: u, centerValue: f, centerLabel: p, defaultInner: m } = e, h = d(e), g = r(() => ({
-		...h,
+function b(e) {
+	let { data: t, innerRadius: n, startAngle: r, padAngle: a, cornerRadius: o, rose: s, labels: c, labelContent: l, centerValue: d, centerLabel: f, defaultInner: p } = e, m = g(e), h = i(() => ({
+		...m,
 		type: "pie",
 		data: t,
-		innerRadius: n ?? m,
-		startAngle: i,
+		innerRadius: n ?? p,
+		startAngle: r,
 		padAngle: a,
 		cornerRadius: o,
 		rose: s,
-		labels: l,
-		labelContent: u,
-		centerValue: f,
-		centerLabel: p
+		labels: c,
+		labelContent: l,
+		centerValue: d,
+		centerLabel: f
 	}), [
-		h,
+		m,
 		t,
 		n,
-		m,
-		i,
+		p,
+		r,
 		a,
 		o,
 		s,
+		c,
 		l,
-		u,
-		f,
-		p
+		d,
+		f
 	]);
-	return /* @__PURE__ */ c(b, {
+	return /* @__PURE__ */ u(j, {
 		props: e,
-		options: g,
+		options: h,
 		defaultHeight: 320
 	});
 }
-function g(e) {
-	let { indicators: t, series: n, shape: i, levels: a, dots: o } = e, s = d(e), l = r(() => ({
+function x(e) {
+	let { indicators: t, series: n, shape: r, levels: a, dots: o } = e, s = g(e), c = i(() => ({
 		...s,
 		type: "radar",
 		indicators: t,
 		series: n,
-		shape: i,
+		shape: r,
 		levels: a,
 		dots: o
 	}), [
 		s,
 		t,
 		n,
-		i,
+		r,
 		a,
 		o
 	]);
-	return /* @__PURE__ */ c(b, {
+	return /* @__PURE__ */ u(j, {
 		props: e,
-		options: l,
+		options: c,
 		defaultHeight: 320
 	});
 }
-function _(e) {
-	let { value: t, min: n, max: i, label: a, sweep: o, thickness: s, bands: l, color: u, needle: f, ticks: p } = e, m = d(e), h = r(() => ({
-		...m,
+function S(e) {
+	let { value: t, min: n, max: r, label: a, sweep: o, thickness: s, bands: c, color: l, needle: d, ticks: f } = e, p = g(e), m = i(() => ({
+		...p,
 		type: "gauge",
 		value: t,
 		min: n,
-		max: i,
+		max: r,
 		label: a,
 		sweep: o,
 		thickness: s,
-		bands: l,
-		color: u,
-		needle: f,
-		ticks: p
+		bands: c,
+		color: l,
+		needle: d,
+		ticks: f
 	}), [
-		m,
+		p,
 		t,
 		n,
-		i,
+		r,
 		a,
 		o,
 		s,
+		c,
 		l,
-		u,
-		f,
-		p
+		d,
+		f
 	]);
-	return /* @__PURE__ */ c(b, {
+	return /* @__PURE__ */ u(j, {
 		props: e,
-		options: h,
+		options: m,
 		defaultHeight: 240
 	});
 }
-function v(e) {
-	let { data: t, sort: n, gap: i, conversion: a, shape: o } = e, s = d(e), l = r(() => ({
+function C(e) {
+	let { data: t, sort: n, gap: r, conversion: a, shape: o } = e, s = g(e), c = i(() => ({
 		...s,
 		type: "funnel",
 		data: t,
 		sort: n,
-		gap: i,
+		gap: r,
 		conversion: a,
 		shape: o
 	}), [
 		s,
 		t,
 		n,
-		i,
+		r,
 		a,
 		o
 	]);
-	return /* @__PURE__ */ c(b, {
+	return /* @__PURE__ */ u(j, {
 		props: e,
-		options: l,
+		options: c,
 		defaultHeight: 320
 	});
 }
-function y(e) {
-	let { data: t, gap: n, headers: i } = e, a = d(e), o = r(() => ({
+function w(e) {
+	let { data: t, gap: n, headers: r } = e, a = g(e), o = i(() => ({
 		...a,
 		type: "treemap",
 		data: t,
 		gap: n,
-		headers: i
+		headers: r
 	}), [
 		a,
 		t,
 		n,
-		i
+		r
 	]);
-	return /* @__PURE__ */ c(b, {
+	return /* @__PURE__ */ u(j, {
 		props: e,
 		options: o,
 		defaultHeight: 320
 	});
 }
-function b({ props: e, options: t, defaultHeight: n }) {
-	return /* @__PURE__ */ c(f, {
+function T(e) {
+	let { nodes: t, links: n, nodeWidth: r, nodePadding: a, align: o, iterations: s, linkColor: c, linkOpacity: l, labels: d, labelValues: f } = e, p = g(e), m = i(() => ({
+		...p,
+		type: "sankey",
+		nodes: t,
+		links: n,
+		nodeWidth: r,
+		nodePadding: a,
+		align: o,
+		iterations: s,
+		linkColor: c,
+		linkOpacity: l,
+		labels: d,
+		labelValues: f
+	}), [
+		p,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		l,
+		d,
+		f
+	]);
+	return /* @__PURE__ */ u(j, {
+		props: e,
+		options: m,
+		defaultHeight: 360
+	});
+}
+function E(e) {
+	let { data: t, innerRadius: n, levels: r, startAngle: a, padAngle: o, cornerRadius: s, labels: c, drill: l, drillPath: d, onDrill: f } = e, p = g(e), m = d ? JSON.stringify(d) : null, h = i(() => m === null ? void 0 : JSON.parse(m), [m]), _ = i(() => ({
+		...p,
+		type: "sunburst",
+		data: t,
+		innerRadius: n,
+		levels: r,
+		startAngle: a,
+		padAngle: o,
+		cornerRadius: s,
+		labels: c,
+		drill: l,
+		drillPath: h
+	}), [
+		p,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		l,
+		h
+	]);
+	return /* @__PURE__ */ u(j, {
+		props: e,
+		options: _,
+		defaultHeight: 360,
+		onDrill: f
+	});
+}
+function D(e) {
+	let { data: t, max: n, innerRadius: r, startAngle: a, sweep: o, gap: s, track: c, rounded: l, labels: d, labelContent: f, centerValue: p, centerLabel: m } = e, h = g(e), _ = i(() => ({
+		...h,
+		type: "radialBar",
+		data: t,
+		max: n,
+		innerRadius: r,
+		startAngle: a,
+		sweep: o,
+		gap: s,
+		track: c,
+		rounded: l,
+		labels: d,
+		labelContent: f,
+		centerValue: p,
+		centerLabel: m
+	}), [
+		h,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		l,
+		d,
+		f,
+		p,
+		m
+	]);
+	return /* @__PURE__ */ u(j, {
+		props: e,
+		options: _,
+		defaultHeight: 300
+	});
+}
+function O(t) {
+	let { data: n, range: r, layout: a, weekStart: o, color: s, colors: c, levels: l, thresholds: d, gap: f, radius: p, maxCellSize: m, monthLabels: h, weekdayLabels: _ } = t, v = g(t), y = i(() => ({
+		...v,
+		type: "calendarHeatmap",
+		data: n,
+		range: r,
+		layout: a,
+		weekStart: o,
+		color: s,
+		colors: c,
+		levels: l,
+		thresholds: d,
+		gap: f,
+		radius: p,
+		maxCellSize: m,
+		monthLabels: h,
+		weekdayLabels: _
+	}), [
+		v,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		l,
+		d,
+		f,
+		p,
+		m,
+		h,
+		_
+	]), b = i(() => {
+		let t = y.legend === !1 ? 0 : 34;
+		return a === "months" ? 560 : e(y) * 120 + t + 16;
+	}, [y, a]);
+	return /* @__PURE__ */ u(j, {
+		props: t,
+		options: y,
+		defaultHeight: b
+	});
+}
+function k(e) {
+	let { data: t, orientation: n, ranges: r, rangeLabels: a, rangeColors: o, barSize: s, targetColor: c, ticks: l } = e, d = g(e), f = i(() => ({
+		...d,
+		type: "bullet",
+		data: t,
+		orientation: n,
+		ranges: r,
+		rangeLabels: a,
+		rangeColors: o,
+		barSize: s,
+		targetColor: c,
+		ticks: l
+	}), [
+		d,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		l
+	]), p = f.legend ? 34 : 0, m = n === "vertical" ? 320 : Math.max(96, t.length * 64 + 16) + p;
+	return /* @__PURE__ */ u(j, {
+		props: e,
+		options: f,
+		defaultHeight: m
+	});
+}
+function A(e) {
+	let { groups: t, matrix: n, links: r, directed: a, arrows: o, padAngle: s, startAngle: c, sortGroups: l, sortSubgroups: d, ribbonColor: f, ribbonOpacity: p, arcWidth: m, ticks: h, tickFormat: _, labels: v } = e, y = g(e), b = i(() => ({
+		...y,
+		type: "chord",
+		groups: t,
+		matrix: n,
+		links: r,
+		directed: a,
+		arrows: o,
+		padAngle: s,
+		startAngle: c,
+		sortGroups: l,
+		sortSubgroups: d,
+		ribbonColor: f,
+		ribbonOpacity: p,
+		arcWidth: m,
+		ticks: h,
+		tickFormat: _,
+		labels: v
+	}), [
+		y,
+		t,
+		n,
+		r,
+		a,
+		o,
+		s,
+		c,
+		l,
+		d,
+		f,
+		p,
+		m,
+		h,
+		_,
+		v
+	]);
+	return /* @__PURE__ */ u(j, {
+		props: e,
+		options: b,
+		defaultHeight: 420
+	});
+}
+function j({ props: e, options: t, defaultHeight: n, onDrill: r }) {
+	return /* @__PURE__ */ u(_, {
 		options: t,
 		height: e.height ?? n,
 		width: e.width,
@@ -233,10 +462,11 @@ function b({ props: e, options: t, defaultHeight: n }) {
 		onHover: e.onHover,
 		onClick: e.onClick,
 		onToggle: e.onToggle,
+		onDrill: r,
 		renderTooltip: e.renderTooltip
 	});
 }
 //#endregion
-export { m as DonutChart, v as FunnelChart, _ as GaugeChart, p as PieChart, g as RadarChart, y as TreemapChart };
+export { k as BulletChart, O as CalendarHeatmap, A as ChordChart, y as DonutChart, C as FunnelChart, S as GaugeChart, v as PieChart, x as RadarChart, D as RadialBarChart, T as SankeyChart, E as SunburstChart, w as TreemapChart };
 
 //# sourceMappingURL=shapes.js.map