@thebuoyant-tsdev/mui-ts-library 3.11.0 → 3.11.3

package/dist/components/horizontal-tree-chart/HorizontalTreeChart.js

@@ -1,87 +1,87 @@
 import { DEFAULT_HORIZONTAL_TREE_TRANSLATION as e } from "./HorizontalTreeChart.types.js";
 import { useCallback as t, useEffect as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { Avatar as s, Box as c, Divider as l, Popover as u, Tooltip as ee, Typography as d, useTheme as te } from "@mui/material";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import * as h from "d3";
+import { Avatar as s, Box as c, Divider as l, Popover as ee, Tooltip as te, Typography as u, useTheme as ne } from "@mui/material";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import * as m from "d3";
 //#region src/components/horizontal-tree-chart/HorizontalTreeChart.tsx
-var g = {
+var h = {
 	folder: "M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z",
 	person: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
 };
-function _({ path: e, size: t }) {
+function re({ path: e, size: t }) {
 	let n = t / 2;
-	return /* @__PURE__ */ p("g", {
+	return /* @__PURE__ */ f("g", {
 		transform: `translate(${-n},${-n})`,
 		pointerEvents: "none",
-		children: /* @__PURE__ */ p("svg", {
+		children: /* @__PURE__ */ f("svg", {
 			width: t,
 			height: t,
 			viewBox: "0 0 24 24",
 			overflow: "visible",
-			children: /* @__PURE__ */ p("path", {
+			children: /* @__PURE__ */ f("path", {
 				d: e,
 				fill: "white"
 			})
 		})
 	});
 }
-function ne({ info: e, labelA: t, labelB: n }) {
-	return /* @__PURE__ */ m(c, {
+function ie({ info: e, labelA: t, labelB: n }) {
+	return /* @__PURE__ */ p(c, {
 		sx: {
 			p: 2,
 			minWidth: 200,
 			maxWidth: 280
 		},
-		children: [/* @__PURE__ */ m(c, {
+		children: [/* @__PURE__ */ p(c, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
 				gap: 1.5,
 				mb: 1.5
 			},
-			children: [/* @__PURE__ */ p(s, {
+			children: [/* @__PURE__ */ f(s, {
 				sx: {
 					bgcolor: "primary.main",
 					width: 40,
 					height: 40
 				},
 				children: e.name.charAt(0).toUpperCase()
-			}), /* @__PURE__ */ m(c, { children: [/* @__PURE__ */ p(d, {
+			}), /* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(u, {
 				variant: "body2",
 				sx: { fontWeight: "bold" },
 				children: e.name
-			}), e.subname && /* @__PURE__ */ p(d, {
+			}), e.subname && /* @__PURE__ */ f(u, {
 				variant: "caption",
 				color: "text.secondary",
 				children: e.subname
 			})] })]
-		}), (e.specialValueA != null || e.specialValueB != null) && /* @__PURE__ */ m(f, { children: [
-			/* @__PURE__ */ p(l, { sx: { mb: 1.5 } }),
-			e.specialValueA != null && /* @__PURE__ */ m(c, {
+		}), (e.specialValueA != null || e.specialValueB != null) && /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ f(l, { sx: { mb: 1.5 } }),
+			e.specialValueA != null && /* @__PURE__ */ p(c, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between",
 					mb: .5
 				},
-				children: [/* @__PURE__ */ p(d, {
+				children: [/* @__PURE__ */ f(u, {
 					variant: "caption",
 					color: "text.secondary",
 					children: t
-				}), /* @__PURE__ */ p(d, {
+				}), /* @__PURE__ */ f(u, {
 					variant: "caption",
 					children: String(e.specialValueA)
 				})]
 			}),
-			e.specialValueB != null && /* @__PURE__ */ m(c, {
+			e.specialValueB != null && /* @__PURE__ */ p(c, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between"
 				},
-				children: [/* @__PURE__ */ p(d, {
+				children: [/* @__PURE__ */ f(u, {
 					variant: "caption",
 					color: "text.secondary",
 					children: n
-				}), /* @__PURE__ */ p(d, {
+				}), /* @__PURE__ */ f(u, {
 					variant: "caption",
 					children: String(e.specialValueB)
 				})]
@@ -89,83 +89,90 @@ function ne({ info: e, labelA: t, labelB: n }) {
 		] })]
 	});
 }
-function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, levelSpacing: re = 200, nodeRadius: y = 10, sortBy: b = "name", showLabels: ie = !0, labelFontSize: ae = 12, labelColor: oe, showIcons: x = !0, chartColors: S, linkStrokeOpacity: C = 1, linkStrokeWidth: w = 1.5, linkColor: se, zoomable: T = !1, drillable: E = !1, onFocusChange: D, showNodePopover: ce = !1, renderNodePopoverContent: le, onNodeClick: ue, duration: O = 750, disabled: k = !1, translation: de }) {
-	let A = te(), j = {
+function g({ data: s, orientation: l = "LR", width: d = 800, height: g = 500, levelSpacing: _ = 200, nodeRadius: v = 10, sortBy: y = "name", showLabels: ae = !0, labelFontSize: oe = 12, labelColor: se, showIcons: ce = !0, chartColors: b, linkStrokeOpacity: le = 1, linkStrokeWidth: x = 1.5, linkColor: ue, zoomable: S = !1, drillable: C = !1, onFocusChange: w, showNodePopover: T = !1, renderNodePopoverContent: E, onNodeClick: de, duration: D = 750, disabled: O = !1, translation: fe }) {
+	let k = ne(), A = {
 		...e,
-		...de
-	}, fe = [
-		A.palette.primary.main,
-		A.palette.secondary.main,
-		A.palette.error.main,
-		A.palette.warning.main,
-		A.palette.success.main,
-		A.palette.info.main
-	], M = S && S.length > 0 ? S : fe, pe = oe || A.palette.text.primary, N = se || A.palette.text.secondary, me = A.palette.background.paper, he = A.typography.fontFamily, P = l === "TB" || l === "BT", F = P ? v : f, I = P ? f : v, [L, R] = o([s]), z = L[L.length - 1], [ge, _e] = o(s), [B, V] = o(!1);
-	ge !== s && (_e(s), R([s]), V(!0));
-	let H = i(() => {
-		let e = h.hierarchy(z);
-		b === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => h.ascending(String(e.data.name), String(t.data.name)));
-		let t = h.max(e.descendants(), (e) => e.depth) ?? 1;
-		return h.tree().size([F * .8, Math.min(t * re, I * .85)])(e);
+		...fe
+	}, pe = [
+		k.palette.primary.main,
+		k.palette.secondary.main,
+		k.palette.error.main,
+		k.palette.warning.main,
+		k.palette.success.main,
+		k.palette.info.main
+	], j = b && b.length > 0 ? b : pe, M = se || k.palette.text.primary, me = ue || k.palette.text.secondary, he = k.palette.background.paper, ge = k.typography.fontFamily, _e = !s.children?.length && !s.value, ve = l === "TB" || l === "BT", N = ve ? g : d, P = ve ? d : g, [F, I] = o([s]), L = F[F.length - 1], [ye, be] = o(s), [R, z] = o(!1);
+	ye !== s && (be(s), I([s]), z(!0));
+	let B = i(() => {
+		let e = m.hierarchy(L);
+		y === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => m.ascending(String(e.data.name), String(t.data.name)));
+		let t = m.max(e.descendants(), (e) => e.depth) ?? 1;
+		return m.tree().size([N * .8, Math.min(t * _, P * .85)])(e);
 	}, [
-		z,
-		b,
-		F,
-		I,
-		re
-	]), ve = H.descendants(), ye = H.links(), U = a(H), W = a(null), [G, K] = o(null), [be, q] = o(0);
+		L,
+		y,
+		N,
+		P,
+		_
+	]), V = i(() => {
+		let e = m.max(m.hierarchy(L).descendants(), (e) => e.depth) ?? 1;
+		return Math.min(e * _, P * .85);
+	}, [
+		L,
+		_,
+		P
+	]), xe = B.descendants(), Se = B.links(), H = a(B), U = a(null), [W, G] = o(null), [Ce, K] = o(0);
 	n(() => {
-		let e = U.current;
-		if (U.current = H, e === H) return;
-		if (W.current != null && (cancelAnimationFrame(W.current), W.current = null), B || O <= 0) {
-			V(!1), K(null);
+		let e = H.current;
+		if (H.current = B, e === B) return;
+		if (U.current != null && (cancelAnimationFrame(U.current), U.current = null), R || D <= 0) {
+			z(!1), G(null);
 			return;
 		}
-		K(e), q(1);
+		G(e), K(1);
 		let t = performance.now(), n = (e) => {
-			let r = Math.min(1, (e - t) / O);
-			q(1 - h.easeCubic(r)), r < 1 ? W.current = requestAnimationFrame(n) : (W.current = null, K(null));
+			let r = Math.min(1, (e - t) / D);
+			K(1 - m.easeCubic(r)), r < 1 ? U.current = requestAnimationFrame(n) : (U.current = null, G(null));
 		};
-		return W.current = requestAnimationFrame(n), () => {
-			W.current != null && cancelAnimationFrame(W.current);
+		return U.current = requestAnimationFrame(n), () => {
+			U.current != null && cancelAnimationFrame(U.current);
 		};
 	}, [
-		H,
-		O,
-		B
+		B,
+		D,
+		R
 	]);
-	let J = t((e) => e.data.colorConfig?.fill ?? M[e.depth % M.length], [M]), Y = t((e) => {
+	let q = t((e) => e.data.colorConfig?.fill ?? j[e.depth % j.length], [j]), J = t((e) => {
 		switch (l) {
 			case "LR": return {
 				x: e.y,
-				y: e.x - F * .4
+				y: e.x - N * .4
 			};
 			case "RL": return {
-				x: I * .85 - e.y,
-				y: e.x - F * .4
+				x: V - e.y,
+				y: e.x - N * .4
 			};
 			case "TB": return {
-				x: e.x - F * .4,
+				x: e.x - N * .4,
 				y: e.y
 			};
 			case "BT": return {
-				x: e.x - F * .4,
-				y: I * .85 - e.y
+				x: e.x - N * .4,
+				y: V - e.y
 			};
 		}
 	}, [
 		l,
-		F,
-		I
-	]), xe = t((e) => {
-		let t = Y(e.source), n = Y(e.target);
+		N,
+		V
+	]), we = t((e) => {
+		let t = J(e.source), n = J(e.target);
 		if (l === "LR" || l === "RL") {
 			let e = (t.x + n.x) / 2;
 			return `M${t.x},${t.y} C${e},${t.y} ${e},${n.y} ${n.x},${n.y}`;
 		}
 		let r = (t.y + n.y) / 2;
 		return `M${t.x},${t.y} C${t.x},${r} ${n.x},${r} ${n.x},${n.y}`;
-	}, [Y, l]), Se = t((e) => ({
+	}, [J, l]), Te = t((e) => ({
 		id: e.data.id ?? null,
 		name: e.data.name,
 		subname: e.data.subname ?? null,
@@ -176,45 +183,47 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 		path: e.ancestors().map((e) => e.data.name).reverse(),
 		childrenCount: e.children?.length ?? 0,
 		data: e.data
-	}), []), [X, Ce] = o(`0 -${v / 2} ${f} ${v}`), [Z, we] = o(1), Te = a(null), Ee = i(() => {
-		if (Z === 1) return X;
-		let [e, t, n, r] = X.split(" ").map(Number), i = n / Z, a = r / Z;
+	}), []), [Y, Ee] = o(`0 -${g / 2} ${d} ${g}`), [X, De] = o(1), Oe = a(null), ke = i(() => {
+		if (X === 1) return Y;
+		let [e, t, n, r] = Y.split(" ").map(Number), i = n / X, a = r / X;
 		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
-	}, [X, Z]);
+	}, [Y, X]);
 	r(() => {
-		let e = Te.current;
+		let e = Oe.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			try {
 				let t = e.getBBox();
-				Ce(`${t.x - 24} ${t.y - 24} ${t.width + 48} ${t.height + 48}`);
+				Ee(`${t.x - 24} ${t.y - 24} ${t.width + 48} ${t.height + 48}`);
 			} catch {
-				Ce(`0 -${v / 2} ${f} ${v}`);
+				Ee(`0 -${g / 2} ${d} ${g}`);
 			}
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
-		H,
-		f,
-		v,
+		B,
+		d,
+		g,
 		l
 	]);
-	let De = t((e) => {
-		if (!T || k || !e.ctrlKey) return;
+	let Ae = t((e) => {
+		if (!S || O || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
-		we((e) => Math.max(.25, Math.min(8, e * t)));
-	}, [T, k]), Q = a(null), Oe = (e) => {
-		Q.current &&= (clearTimeout(Q.current), null), Q.current = setTimeout(() => {
-			e(), Q.current = null;
+		De((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [S, O]), Z = a(null), je = (e) => {
+		Z.current &&= (clearTimeout(Z.current), null), Z.current = setTimeout(() => {
+			e(), Z.current = null;
 		}, 250);
-	}, ke = () => {
-		Q.current &&= (clearTimeout(Q.current), null);
-	}, Ae = t(() => {
-		R((e) => {
+	}, Q = () => {
+		Z.current &&= (clearTimeout(Z.current), null);
+	};
+	n(() => () => Q(), []);
+	let Me = t(() => {
+		I((e) => {
 			if (e.length <= 1) return e;
 			let t = e.slice(0, -1);
-			return D?.({
+			return w?.({
 				focusedNode: {
 					id: t[t.length - 1].id ?? null,
 					name: t[t.length - 1].name,
@@ -230,11 +239,11 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 				isRoot: t.length <= 1
 			}), t;
 		});
-	}, [D]);
+	}, [w]);
 	r(() => {
-		if (!T && !E) return;
+		if (!S && !C) return;
 		let e = (e) => {
-			e.key === "Escape" && (T && we(1), E && (R([s]), D?.({
+			e.key === "Escape" && (S && De(1), C && (Q(), I([s]), w?.({
 				focusedNode: {
 					id: s.id ?? null,
 					name: s.name,
@@ -252,68 +261,68 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		T,
-		E,
+		S,
+		C,
 		s,
-		D
+		w
 	]);
-	let je = a(null), Me = a(null), [Ne, Pe] = o(!1), [Fe, Ie] = o(null), [Le, Re] = o({
+	let Ne = a(null), Pe = a(null), [Fe, Ie] = o(!1), [Le, Re] = o(null), [ze, Be] = o({
 		left: 0,
 		top: 0
-	}), [$, ze] = o(null), Be = (e, t) => {
-		if (k) return;
-		let n = Se(e);
-		if ((t.ctrlKey || t.metaKey) && E && e.children) {
-			Oe(() => {
-				R((t) => [...t, e.data]), D?.({
+	}), [$, Ve] = o(null), He = (e, t) => {
+		if (O) return;
+		let n = Te(e);
+		if ((t.ctrlKey || t.metaKey) && C && e.children) {
+			je(() => {
+				I((t) => [...t, e.data]), w?.({
 					focusedNode: n,
 					isRoot: !1
 				});
 			});
 			return;
 		}
-		if ((t.ctrlKey || t.metaKey) && E) {
-			ke(), Ae();
+		if ((t.ctrlKey || t.metaKey) && C) {
+			Q(), Me();
 			return;
 		}
-		if (ce) {
-			let e = je.current?.getBoundingClientRect();
-			Re({
+		if (T) {
+			let e = Ne.current?.getBoundingClientRect();
+			Be({
 				left: e ? t.clientX - e.left : t.clientX,
 				top: e ? t.clientY - e.top : t.clientY
-			}), Ie(Me.current), ze(n), Pe(!0);
+			}), Re(Pe.current), Ve(n), Ie(!0);
 		}
-		ue?.(n, t);
-	}, Ve = (e, t) => {
-		k || !E || (t.ctrlKey || t.metaKey) && (ke(), Ae());
-	}, He = {
+		de?.(n, t);
+	}, Ue = (e, t) => {
+		O || !C || (t.ctrlKey || t.metaKey) && (Q(), Me());
+	}, We = {
 		followCursor: !0,
 		enterDelay: 50,
 		enterNextDelay: 0,
-		disableHoverListener: k,
+		disableHoverListener: O,
 		slotProps: { tooltip: { sx: { maxWidth: 240 } } }
-	}, Ue = Math.round(y * 1.3);
-	return /* @__PURE__ */ m(c, {
-		ref: je,
+	}, Ge = Math.round(v * 1.3);
+	return /* @__PURE__ */ p(c, {
+		ref: Ne,
 		sx: {
 			display: "inline-flex",
 			position: "relative",
-			opacity: k ? .5 : 1,
-			cursor: k ? "not-allowed" : "default",
+			opacity: O ? .5 : 1,
+			cursor: O ? "not-allowed" : "default",
 			userSelect: "none"
 		},
 		children: [
-			/* @__PURE__ */ p(c, {
-				ref: Me,
+			/* @__PURE__ */ f(c, {
+				ref: Pe,
 				sx: {
 					position: "absolute",
-					left: Le.left,
-					top: Le.top,
+					left: ze.left,
+					top: ze.top,
 					width: 0,
 					height: 0
 				}
 			}),
-			E && L.length > 1 && /* @__PURE__ */ p(c, {
+			C && F.length > 1 && /* @__PURE__ */ f(c, {
 				sx: {
 					position: "absolute",
 					top: 4,
@@ -324,7 +333,7 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 					pointerEvents: "none",
 					zIndex: 1
 				},
-				children: /* @__PURE__ */ p(d, {
+				children: /* @__PURE__ */ f(u, {
 					variant: "caption",
 					sx: {
 						bgcolor: "action.hover",
@@ -334,38 +343,45 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 						color: "text.secondary",
 						fontSize: "0.7rem"
 					},
-					children: L.map((e) => e.name).join(" › ")
+					children: F.map((e) => e.name).join(" › ")
 				})
 			}),
-			/* @__PURE__ */ p("svg", {
-				width: f,
-				height: v,
-				viewBox: Ee,
-				onWheel: De,
+			/* @__PURE__ */ f("svg", {
+				width: d,
+				height: g,
+				viewBox: ke,
+				onWheel: Ae,
 				style: {
-					fontFamily: he ?? "sans-serif",
-					overflow: T && Z > 1 ? "hidden" : "visible"
+					fontFamily: ge ?? "sans-serif",
+					overflow: S && X > 1 ? "hidden" : "visible"
 				},
 				role: "img",
 				"aria-label": s.name,
-				children: /* @__PURE__ */ m("g", {
-					ref: Te,
+				children: /* @__PURE__ */ p("g", {
+					ref: Oe,
 					children: [
-						/* @__PURE__ */ p("g", {
+						_e && /* @__PURE__ */ f("text", {
+							textAnchor: "middle",
+							dy: "0.35em",
+							fontSize: 13,
+							fill: M,
+							children: A.noData
+						}),
+						/* @__PURE__ */ f("g", {
 							fill: "none",
-							stroke: N,
-							strokeOpacity: C,
-							strokeWidth: w,
-							children: ye.map((e, t) => /* @__PURE__ */ p("path", { d: xe(e) }, `link-${t}`))
+							stroke: me,
+							strokeOpacity: le,
+							strokeWidth: x,
+							children: Se.map((e, t) => /* @__PURE__ */ f("path", { d: we(e) }, `link-${t}`))
 						}),
-						ve.map((e, t) => {
-							let n = Y(e), r = J(e), i = Se(e), a = e.children ? g.folder : g.person, o = l === "LR", s = l === "RL", u = o ? y + 6 : s ? -(y + 6) : 0, te = !o && !s ? l === "TB" ? y + 16 : -(y + 6) : 0, f = o ? "start" : s ? "end" : "middle", h = /* @__PURE__ */ m(c, {
+						xe.map((e, t) => {
+							let n = J(e), r = q(e), i = Te(e), a = e.children ? h.folder : h.person, o = l === "LR", s = l === "RL", ee = o ? v + 6 : s ? -(v + 6) : 0, ne = !o && !s ? l === "TB" ? v + 16 : -(v + 6) : 0, d = o ? "start" : s ? "end" : "middle", m = /* @__PURE__ */ p(c, {
 								sx: {
 									py: .5,
 									minWidth: 140
 								},
 								children: [
-									/* @__PURE__ */ p(d, {
+									/* @__PURE__ */ f(u, {
 										variant: "caption",
 										sx: {
 											fontWeight: "bold",
@@ -374,7 +390,7 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 										},
 										children: e.data.name
 									}),
-									e.data.subname && /* @__PURE__ */ p(d, {
+									e.data.subname && /* @__PURE__ */ f(u, {
 										variant: "caption",
 										sx: {
 											display: "block",
@@ -382,54 +398,54 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 										},
 										children: e.data.subname
 									}),
-									(i.specialValueA != null || i.specialValueB != null || e.children) && /* @__PURE__ */ m(c, {
+									(i.specialValueA != null || i.specialValueB != null || e.children) && /* @__PURE__ */ p(c, {
 										sx: {
 											mt: .75,
 											borderTop: "1px solid rgba(255,255,255,0.2)",
 											pt: .75
 										},
 										children: [
-											i.specialValueA != null && /* @__PURE__ */ m(c, {
+											i.specialValueA != null && /* @__PURE__ */ p(c, {
 												sx: {
 													display: "flex",
 													justifyContent: "space-between",
 													gap: 2
 												},
-												children: [/* @__PURE__ */ p(d, {
+												children: [/* @__PURE__ */ f(u, {
 													variant: "caption",
 													sx: { opacity: .6 },
-													children: j.specialValueA ?? "A"
-												}), /* @__PURE__ */ p(d, {
+													children: A.specialValueA ?? "A"
+												}), /* @__PURE__ */ f(u, {
 													variant: "caption",
 													children: String(i.specialValueA)
 												})]
 											}),
-											i.specialValueB != null && /* @__PURE__ */ m(c, {
+											i.specialValueB != null && /* @__PURE__ */ p(c, {
 												sx: {
 													display: "flex",
 													justifyContent: "space-between",
 													gap: 2
 												},
-												children: [/* @__PURE__ */ p(d, {
+												children: [/* @__PURE__ */ f(u, {
 													variant: "caption",
 													sx: { opacity: .6 },
-													children: j.specialValueB ?? "B"
-												}), /* @__PURE__ */ p(d, {
+													children: A.specialValueB ?? "B"
+												}), /* @__PURE__ */ f(u, {
 													variant: "caption",
 													children: String(i.specialValueB)
 												})]
 											}),
-											e.children && /* @__PURE__ */ m(c, {
+											e.children && /* @__PURE__ */ p(c, {
 												sx: {
 													display: "flex",
 													justifyContent: "space-between",
 													gap: 2
 												},
-												children: [/* @__PURE__ */ p(d, {
+												children: [/* @__PURE__ */ f(u, {
 													variant: "caption",
 													sx: { opacity: .6 },
 													children: "Reports"
-												}), /* @__PURE__ */ p(d, {
+												}), /* @__PURE__ */ f(u, {
 													variant: "caption",
 													children: e.children.length
 												})]
@@ -438,42 +454,42 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 									})
 								]
 							});
-							return /* @__PURE__ */ p(ee, {
-								...He,
-								title: h,
-								children: /* @__PURE__ */ m("g", {
+							return /* @__PURE__ */ f(te, {
+								...We,
+								title: m,
+								children: /* @__PURE__ */ p("g", {
 									transform: `translate(${n.x},${n.y})`,
-									onClick: (t) => Be(e, t),
-									onDoubleClick: (t) => Ve(e, t),
-									style: { cursor: k ? "not-allowed" : "pointer" },
+									onClick: (t) => He(e, t),
+									onDoubleClick: (t) => Ue(e, t),
+									style: { cursor: O ? "not-allowed" : "pointer" },
 									children: [
-										/* @__PURE__ */ p("circle", {
-											r: y + 8,
+										/* @__PURE__ */ f("circle", {
+											r: v + 8,
 											fill: "transparent"
 										}),
-										/* @__PURE__ */ p("circle", {
-											r: y + 2,
+										/* @__PURE__ */ f("circle", {
+											r: v + 2,
 											fill: r,
 											fillOpacity: .15
 										}),
-										/* @__PURE__ */ p("circle", {
-											r: y,
+										/* @__PURE__ */ f("circle", {
+											r: v,
 											fill: r
 										}),
-										x && /* @__PURE__ */ p(_, {
+										ce && /* @__PURE__ */ f(re, {
 											path: a,
-											size: Ue
+											size: Ge
 										}),
-										ie && /* @__PURE__ */ p("text", {
-											x: u,
-											y: te,
+										ae && /* @__PURE__ */ f("text", {
+											x: ee,
+											y: ne,
 											dy: "0.35em",
-											textAnchor: f,
-											fontSize: ae,
+											textAnchor: d,
+											fontSize: oe,
 											fontWeight: e.children ? "bold" : "normal",
-											fill: e.data.colorConfig?.textColor ?? pe,
+											fill: e.data.colorConfig?.textColor ?? M,
 											paintOrder: "stroke",
-											stroke: me,
+											stroke: he,
 											strokeWidth: 3,
 											pointerEvents: "none",
 											children: e.data.name
@@ -482,45 +498,45 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 								})
 							}, `node-${t}`);
 						}),
-						G && ((e, t) => /* @__PURE__ */ m("g", {
+						W && ((e, t) => /* @__PURE__ */ p("g", {
 							"data-testid": "drill-ghost-layer",
 							opacity: t,
 							pointerEvents: "none",
-							children: [/* @__PURE__ */ p("g", {
+							children: [/* @__PURE__ */ f("g", {
 								fill: "none",
-								stroke: N,
-								strokeOpacity: C,
-								strokeWidth: w,
-								children: e.links().map((e, t) => /* @__PURE__ */ p("path", { d: xe(e) }, `ghost-link-${t}`))
-							}), /* @__PURE__ */ p("g", { children: e.descendants().map((e, t) => {
-								let n = Y(e);
-								return /* @__PURE__ */ m("g", {
+								stroke: me,
+								strokeOpacity: le,
+								strokeWidth: x,
+								children: e.links().map((e, t) => /* @__PURE__ */ f("path", { d: we(e) }, `ghost-link-${t}`))
+							}), /* @__PURE__ */ f("g", { children: e.descendants().map((e, t) => {
+								let n = J(e);
+								return /* @__PURE__ */ p("g", {
 									transform: `translate(${n.x},${n.y})`,
 									children: [
-										/* @__PURE__ */ p("circle", {
-											r: y + 2,
-											fill: J(e),
+										/* @__PURE__ */ f("circle", {
+											r: v + 2,
+											fill: q(e),
 											fillOpacity: .15
 										}),
-										/* @__PURE__ */ p("circle", {
-											r: y,
-											fill: J(e)
+										/* @__PURE__ */ f("circle", {
+											r: v,
+											fill: q(e)
 										}),
-										x && /* @__PURE__ */ p(_, {
-											path: e.children ? g.folder : g.person,
-											size: Ue
+										ce && /* @__PURE__ */ f(re, {
+											path: e.children ? h.folder : h.person,
+											size: Ge
 										})
 									]
 								}, `ghost-node-${t}`);
 							}) })]
-						}))(G, be)
+						}))(W, Ce)
 					]
 				})
 			}),
-			ce && /* @__PURE__ */ p(u, {
-				open: Ne,
-				anchorEl: Fe,
-				onClose: () => Pe(!1),
+			T && /* @__PURE__ */ f(ee, {
+				open: Fe,
+				anchorEl: Le,
+				onClose: () => Ie(!1),
 				anchorOrigin: {
 					vertical: "top",
 					horizontal: "right"
@@ -530,15 +546,15 @@ function v({ data: s, orientation: l = "LR", width: f = 800, height: v = 500, le
 					horizontal: "left"
 				},
 				slotProps: { paper: { elevation: 4 } },
-				children: $ && (le ? le($) : /* @__PURE__ */ p(ne, {
+				children: $ && (E ? E($) : /* @__PURE__ */ f(ie, {
 					info: $,
-					labelA: j.specialValueA ?? "Value A",
-					labelB: j.specialValueB ?? "Value B"
+					labelA: A.specialValueA ?? "Value A",
+					labelB: A.specialValueB ?? "Value B"
 				}))
 			})
 		]
 	});
 }
-v.displayName = "HorizontalTreeChart";
+g.displayName = "HorizontalTreeChart";
 //#endregion
-export { v as HorizontalTreeChart };
+export { g as HorizontalTreeChart };