@thebuoyant-tsdev/mui-ts-library 3.29.1 → 3.30.0

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