@thebuoyant-tsdev/mui-ts-library 3.29.2 → 3.31.0

package/dist/components/radial-stacked-bar-chart/RadialStackedBarChart.js

@@ -1,6 +1,6 @@
 import { DEFAULT_RADIAL_STACKED_BAR_CHART_TRANSLATION as e } from "./RadialStackedBarChart.types.js";
-import { useCallback as t, useLayoutEffect as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Box as o, Tooltip as s, Typography as c, useTheme as l } from "@mui/material";
+import { Box as t, Tooltip as n, Typography as r, useTheme as i } from "@mui/material";
+import { useCallback as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import * as p from "d3";
 //#region src/components/radial-stacked-bar-chart/RadialStackedBarChart.tsx
@@ -17,12 +17,12 @@ function g(e) {
 		label: e
 	} : e);
 }
-function ee({ barData: e, seriesKey: t, seriesLabel: n, decimals: r, decimalSep: i, thousandSep: a, valueFormatter: s }) {
-	let l = e.values[t] ?? 0, u = p.sum(Object.values(e.values)), h = u > 0 ? Math.round(l / u * 1e3) / 10 : 0, g = (e, t) => s ? s(e, t) : m(e, r, i, a);
-	return /* @__PURE__ */ f(o, {
+function ee({ barData: e, seriesKey: n, seriesLabel: i, decimals: a, decimalSep: o, thousandSep: s, valueFormatter: c }) {
+	let l = e.values[n] ?? 0, u = p.sum(Object.values(e.values)), h = u > 0 ? Math.round(l / u * 1e3) / 10 : 0, g = (e, t) => c ? c(e, t) : m(e, a, o, s);
+	return /* @__PURE__ */ f(t, {
 		sx: { py: .25 },
 		children: [
-			/* @__PURE__ */ d(c, {
+			/* @__PURE__ */ d(r, {
 				variant: "caption",
 				sx: {
 					fontWeight: "bold",
@@ -30,19 +30,19 @@ function ee({ barData: e, seriesKey: t, seriesLabel: n, decimals: r, decimalSep:
 				},
 				children: e.label
 			}),
-			/* @__PURE__ */ f(c, {
+			/* @__PURE__ */ f(r, {
 				variant: "caption",
 				sx: {
 					display: "block",
 					opacity: .85
 				},
 				children: [
-					n,
+					i,
 					": ",
-					g(l, t)
+					g(l, n)
 				]
 			}),
-			/* @__PURE__ */ f(c, {
+			/* @__PURE__ */ f(r, {
 				variant: "caption",
 				sx: {
 					display: "block",
@@ -58,11 +58,11 @@ function ee({ barData: e, seriesKey: t, seriesLabel: n, decimals: r, decimalSep:
 		]
 	});
 }
-function _({ data: c, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .12, chartColors: b, colorConfig: x, showLabels: S = !0, showGridLines: C = !0, gridLineCount: w = 3, showGridValues: te = !0, showLegend: ne = !0, sortBy: T = "none", valueDecimalCount: re = 0, valueDecimalSeparator: ie = ".", valueThousandsSeparator: ae = ",", valueFormatter: oe, gridValueFormatter: se, zoomable: E = !1, onBarClick: ce, onBarHover: D, disabled: O = !1, translation: k }) {
-	let A = l(), le = {
+function _({ data: r, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .12, chartColors: b, colorConfig: x, showLabels: S = !0, showGridLines: C = !0, gridLineCount: w = 3, showGridValues: te = !0, showLegend: ne = !0, sortBy: T = "none", valueDecimalCount: re = 0, valueDecimalSeparator: ie = ".", valueThousandsSeparator: ae = ",", valueFormatter: oe, gridValueFormatter: se, zoomable: E = !1, onBarClick: ce, onBarHover: D, disabled: O = !1, translation: k }) {
+	let A = i(), le = {
 		...e,
 		...k
-	}, j = r(() => g(m), [m]), M = r(() => j.map((e) => e.key), [j]), N = c.length === 0 || j.length === 0, ue = S ? 63 : 16, P = _ / 2 - ue, F = v == null ? Math.round(_ * .18) : Math.max(0, Math.min(v, P - 1)), de = [
+	}, j = s(() => g(m), [m]), M = s(() => j.map((e) => e.key), [j]), N = r.length === 0 || j.length === 0, ue = S ? 63 : 16, P = _ / 2 - ue, F = v == null ? Math.round(_ * .18) : Math.max(0, Math.min(v, P - 1)), de = [
 		A.palette.primary.main,
 		A.palette.secondary.main,
 		A.palette.success.main,
@@ -73,30 +73,30 @@ function _({ data: c, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .1
 		"#00897b",
 		"#f06292",
 		"#a1887f"
-	], I = b && b.length > 0 ? b : de, L = t((e, t) => {
+	], I = b && b.length > 0 ? b : de, L = a((e, t) => {
 		let n = x?.[e];
 		return n?.fill ? n.fill : I[t % I.length];
-	}, [x, I]), R = r(() => T === "value" ? [...c].sort((e, t) => p.sum(M, (e) => t.values[e] ?? 0) - p.sum(M, (t) => e.values[t] ?? 0)) : T === "label" ? [...c].sort((e, t) => e.label.localeCompare(t.label, void 0, {
+	}, [x, I]), R = s(() => T === "value" ? [...r].sort((e, t) => p.sum(M, (e) => t.values[e] ?? 0) - p.sum(M, (t) => e.values[t] ?? 0)) : T === "label" ? [...r].sort((e, t) => e.label.localeCompare(t.label, void 0, {
 		numeric: !0,
 		sensitivity: "base"
-	})) : c, [
-		c,
+	})) : r, [
+		r,
 		T,
 		M
-	]), z = r(() => p.max(R, (e) => p.sum(M, (t) => e.values[t] ?? 0)) ?? 0, [R, M]), B = r(() => p.scaleBand().domain(R.map((e) => e.id)).range([0, 2 * Math.PI]).padding(y), [R, y]), V = r(() => p.scaleLinear().domain([0, z]).range([F, P]), [
+	]), z = s(() => p.max(R, (e) => p.sum(M, (t) => e.values[t] ?? 0)) ?? 0, [R, M]), B = s(() => p.scaleBand().domain(R.map((e) => e.id)).range([0, 2 * Math.PI]).padding(y), [R, y]), V = s(() => p.scaleLinear().domain([0, z]).range([F, P]), [
 		F,
 		P,
 		z
-	]), fe = r(() => N ? [] : p.stack().keys(M).value((e, t) => e.values[t] ?? 0).order(p.stackOrderNone).offset(p.stackOffsetNone)(R), [
+	]), fe = s(() => N ? [] : p.stack().keys(M).value((e, t) => e.values[t] ?? 0).order(p.stackOrderNone).offset(p.stackOffsetNone)(R), [
 		N,
 		R,
 		M
-	]), pe = r(() => p.arc().startAngle((e) => e.x0).endAngle((e) => e.x1).innerRadius((e) => e.y0).outerRadius((e) => e.y1).padAngle(.008).padRadius(F + 10), [F]), H = r(() => z > 0 ? p.ticks(0, z, w).filter((e) => e > 0) : [], [z, w]), me = se ?? h, [U, W] = a(1), G = i(null), [K, q] = a(`-${_ / 2} -${_ / 2} ${_} ${_}`), he = r(() => {
+	]), pe = s(() => p.arc().startAngle((e) => e.x0).endAngle((e) => e.x1).innerRadius((e) => e.y0).outerRadius((e) => e.y1).padAngle(.008).padRadius(F + 10), [F]), H = s(() => z > 0 ? p.ticks(0, z, w).filter((e) => e > 0) : [], [z, w]), me = se ?? h, [U, W] = l(1), G = c(null), [K, q] = l(`-${_ / 2} -${_ / 2} ${_} ${_}`), he = s(() => {
 		if (U === 1) return K;
 		let [e, t, n, r] = K.split(" ").map(Number), i = n / U, a = r / U;
 		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
 	}, [K, U]);
-	n(() => {
+	o(() => {
 		let e = G.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
@@ -110,20 +110,20 @@ function _({ data: c, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .1
 		return () => cancelAnimationFrame(t);
 	}, [
 		_,
-		c,
+		r,
 		m,
 		F,
 		P,
 		S,
 		C
-	]), n(() => {
+	]), o(() => {
 		if (O) return;
 		let e = (e) => {
 			e.key === "Escape" && W(1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [O]);
-	let ge = t((e) => {
+	let ge = a((e) => {
 		if (!E || O || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
@@ -135,7 +135,7 @@ function _({ data: c, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .1
 		disableHoverListener: O,
 		slotProps: { tooltip: { sx: { maxWidth: 240 } } }
 	}, Q = A.palette.text.primary, $ = A.palette.divider, xe = A.typography.fontFamily;
-	return /* @__PURE__ */ d(o, {
+	return /* @__PURE__ */ d(t, {
 		style: { opacity: O ? .5 : 1 },
 		sx: {
 			display: "inline-flex",
@@ -186,23 +186,23 @@ function _({ data: c, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .1
 						children: me(e)
 					}, `gv-${e}`)),
 					fe.map((e, t) => {
-						let n = e.key, r = j[t]?.label ?? n, i = L(n, t);
+						let r = e.key, i = j[t]?.label ?? r, a = L(r, t);
 						return e.map((e, t) => {
-							let a = e.data, o = B(a.id) ?? 0, c = o + B.bandwidth(), l = V(e[0]), u = V(e[1]);
+							let o = e.data, s = B(o.id) ?? 0, c = s + B.bandwidth(), l = V(e[0]), u = V(e[1]);
 							if (u - l < .5) return null;
 							let f = pe({
-								x0: o,
+								x0: s,
 								x1: c,
 								y0: l,
 								y1: u
 							}) ?? "";
-							return /* @__PURE__ */ d(s, {
+							return /* @__PURE__ */ d(n, {
 								...be,
 								placement: "top",
 								title: /* @__PURE__ */ d(ee, {
-									barData: a,
-									seriesKey: n,
-									seriesLabel: r,
+									barData: o,
+									seriesKey: r,
+									seriesLabel: i,
 									decimals: re,
 									decimalSep: ie,
 									thousandSep: ae,
@@ -210,7 +210,7 @@ function _({ data: c, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .1
 								}),
 								children: /* @__PURE__ */ d("path", {
 									d: f,
-									fill: i,
+									fill: a,
 									style: {
 										cursor: O ? "not-allowed" : "pointer",
 										transition: "opacity 0.15s"
@@ -218,33 +218,33 @@ function _({ data: c, keys: m, size: _ = 500, innerRadius: v, barPadding: y = .1
 									onMouseEnter: (e) => {
 										if (O) return;
 										e.currentTarget.style.opacity = "0.75";
-										let t = p.sum(M, (e) => a.values[e] ?? 0), r = {
-											id: a.id,
-											label: a.label,
-											seriesKey: n,
-											value: a.values[n] ?? 0,
+										let t = p.sum(M, (e) => o.values[e] ?? 0), n = {
+											id: o.id,
+											label: o.label,
+											seriesKey: r,
+											value: o.values[r] ?? 0,
 											total: t,
-											values: a.values
+											values: o.values
 										};
-										D?.(r, e);
+										D?.(n, e);
 									},
 									onMouseLeave: (e) => {
 										e.currentTarget.style.opacity = "1", D?.(null, e);
 									},
 									onClick: (e) => {
 										if (O) return;
-										let t = p.sum(M, (e) => a.values[e] ?? 0), r = {
-											id: a.id,
-											label: a.label,
-											seriesKey: n,
-											value: a.values[n] ?? 0,
+										let t = p.sum(M, (e) => o.values[e] ?? 0), n = {
+											id: o.id,
+											label: o.label,
+											seriesKey: r,
+											value: o.values[r] ?? 0,
 											total: t,
-											values: a.values
+											values: o.values
 										};
-										ce?.(r, e);
+										ce?.(n, e);
 									}
 								})
-							}, `${n}-${t}`);
+							}, `${r}-${t}`);
 						});
 					}),
 					S && R.map((e) => {