@thebuoyant-tsdev/mui-ts-library 3.9.1 → 3.11.2

package/dist/components/radial-tree-chart/RadialTreeChart.js

@@ -1,6 +1,6 @@
 import { DEFAULT_RADIAL_TREE_CHART_TRANSLATION as e } from "./RadialTreeChart.types.js";
-import { useCallback as t, useLayoutEffect as n, useMemo as r, useRef as i, useState as a } from "react";
-import { Avatar as o, Box as s, Divider as c, Popover as ee, Tooltip as te, Typography as l, useTheme as u } from "@mui/material";
+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";
 //#region src/components/radial-tree-chart/RadialTreeChart.tsx
@@ -8,7 +8,7 @@ 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 ne({ path: e, size: t }) {
+function re({ path: e, size: t }) {
 	let n = t / 2;
 	return /* @__PURE__ */ f("g", {
 		transform: `translate(${-n},${-n})`,
@@ -25,63 +25,63 @@ function ne({ path: e, size: t }) {
 		})
 	});
 }
-function re({ info: e, labelA: t, labelB: n }) {
-	return /* @__PURE__ */ p(s, {
+function ie({ info: e, labelA: t, labelB: n }) {
+	return /* @__PURE__ */ p(c, {
 		sx: {
 			p: 2,
 			minWidth: 200,
 			maxWidth: 280
 		},
-		children: [/* @__PURE__ */ p(s, {
+		children: [/* @__PURE__ */ p(c, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
 				gap: 1.5,
 				mb: 1.5
 			},
-			children: [/* @__PURE__ */ f(o, {
+			children: [/* @__PURE__ */ f(s, {
 				sx: {
 					bgcolor: "primary.main",
 					width: 40,
 					height: 40
 				},
 				children: e.name.charAt(0).toUpperCase()
-			}), /* @__PURE__ */ p(s, { children: [/* @__PURE__ */ f(l, {
+			}), /* @__PURE__ */ p(c, { children: [/* @__PURE__ */ f(u, {
 				variant: "body2",
 				sx: { fontWeight: "bold" },
 				children: e.name
-			}), e.subname && /* @__PURE__ */ f(l, {
+			}), e.subname && /* @__PURE__ */ f(u, {
 				variant: "caption",
 				color: "text.secondary",
 				children: e.subname
 			})] })]
 		}), (e.specialValueA != null || e.specialValueB != null) && /* @__PURE__ */ p(d, { children: [
-			/* @__PURE__ */ f(c, { sx: { mb: 1.5 } }),
-			e.specialValueA != null && /* @__PURE__ */ p(s, {
+			/* @__PURE__ */ f(l, { sx: { mb: 1.5 } }),
+			e.specialValueA != null && /* @__PURE__ */ p(c, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between",
 					mb: .5
 				},
-				children: [/* @__PURE__ */ f(l, {
+				children: [/* @__PURE__ */ f(u, {
 					variant: "caption",
 					color: "text.secondary",
 					children: t
-				}), /* @__PURE__ */ f(l, {
+				}), /* @__PURE__ */ f(u, {
 					variant: "caption",
 					children: String(e.specialValueA)
 				})]
 			}),
-			e.specialValueB != null && /* @__PURE__ */ p(s, {
+			e.specialValueB != null && /* @__PURE__ */ p(c, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between"
 				},
-				children: [/* @__PURE__ */ f(l, {
+				children: [/* @__PURE__ */ f(u, {
 					variant: "caption",
 					color: "text.secondary",
 					children: n
-				}), /* @__PURE__ */ f(l, {
+				}), /* @__PURE__ */ f(u, {
 					variant: "caption",
 					children: String(e.specialValueB)
 				})]
@@ -89,33 +89,54 @@ function re({ info: e, labelA: t, labelB: n }) {
 		] })]
 	});
 }
-function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLabels: _ = !0, showIcons: ie = !0, chartColors: v, rootNodeRadius: y = 22, branchNodeRadius: b = 16, leafNodeRadius: x = 11, linkColor: ae, linkStrokeOpacity: oe = 1, linkStrokeWidth: se = 1.5, labelFontSize: ce = 12, labelColor: le, separationSibling: S = 1, separationCousin: C = 2, zoomable: w = !1, drillable: T = !1, onFocusChange: E, showNodePopover: D = !1, renderNodePopoverContent: O, onNodeClick: ue, disabled: k = !1, translation: de }) {
-	let A = u(), j = {
+function g({ data: s, size: l = 600, autoFit: d = !0, sortBy: g = "name", showLabels: _ = !0, showIcons: v = !0, chartColors: y, rootNodeRadius: b = 22, branchNodeRadius: x = 16, leafNodeRadius: S = 11, linkColor: ae, linkStrokeOpacity: C = 1, linkStrokeWidth: w = 1.5, labelFontSize: oe = 12, labelColor: se, separationSibling: T = 1, separationCousin: ce = 2, zoomable: E = !1, drillable: D = !1, onFocusChange: O, duration: k = 750, showNodePopover: le = !1, renderNodePopoverContent: ue, onNodeClick: de, disabled: A = !1, translation: fe }) {
+	let j = ne(), M = {
 		...e,
-		...de
-	}, fe = [
-		A.palette.primary.main,
-		A.palette.secondary.main,
-		A.palette.info.main,
-		A.palette.success.main,
-		A.palette.warning.main,
-		A.palette.error.main
-	], M = v && v.length > 0 ? v : fe, N = t((e) => e.depth === 0 ? y : e.children ? b : x, [
-		y,
+		...fe
+	}, pe = [
+		j.palette.primary.main,
+		j.palette.secondary.main,
+		j.palette.info.main,
+		j.palette.success.main,
+		j.palette.warning.main,
+		j.palette.error.main
+	], N = y && y.length > 0 ? y : pe, P = t((e) => e.depth === 0 ? b : e.children ? x : S, [
 		b,
-		x
-	]), pe = t((e) => e.data.colorConfig?.fill ?? M[e.depth % M.length], [M]), [P, F] = a([o]), I = P[P.length - 1], [me, he] = a(o);
-	me !== o && (he(o), F([o]));
-	let L = Math.max(1, c / 2 - 70), R = r(() => {
-		let e = m.hierarchy(I);
-		return g === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => m.ascending(e.data.name, t.data.name)), m.tree().size([2 * Math.PI, L]).separation((e, t) => (e.parent === t.parent ? S : C) * 1.4 / Math.max(1, e.depth))(e);
+		x,
+		S
+	]), F = t((e) => e.data.colorConfig?.fill ?? N[e.depth % N.length], [N]), [I, L] = o([s]), R = I[I.length - 1], [me, he] = o(s), [z, B] = o(!1);
+	me !== s && (he(s), L([s]), B(!0));
+	let ge = !s.children?.length && !s.value, V = Math.max(1, l / 2 - 70), H = i(() => {
+		let e = m.hierarchy(R);
+		return g === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => m.ascending(e.data.name, t.data.name)), m.tree().size([2 * Math.PI, V]).separation((e, t) => (e.parent === t.parent ? T : ce) * 1.4 / Math.max(1, e.depth))(e);
 	}, [
-		I,
+		R,
 		g,
-		L,
-		S,
-		C
-	]), ge = R.links(), z = R.descendants(), _e = r(() => m.linkRadial().angle((e) => e.x).radius((e) => e.y), []), B = t((e) => ({
+		V,
+		T,
+		ce
+	]), _e = H.links(), U = H.descendants(), W = a(H), G = a(null), [K, q] = o(null), [ve, ye] = o(0);
+	n(() => {
+		let e = W.current;
+		if (W.current = H, e === H) return;
+		if (G.current != null && (cancelAnimationFrame(G.current), G.current = null), z || k <= 0) {
+			B(!1), q(null);
+			return;
+		}
+		q(e), ye(1);
+		let t = performance.now(), n = (e) => {
+			let r = Math.min(1, (e - t) / k);
+			ye(1 - m.easeCubic(r)), r < 1 ? G.current = requestAnimationFrame(n) : (G.current = null, q(null));
+		};
+		return G.current = requestAnimationFrame(n), () => {
+			G.current != null && cancelAnimationFrame(G.current);
+		};
+	}, [
+		H,
+		k,
+		z
+	]);
+	let be = i(() => m.linkRadial().angle((e) => e.x).radius((e) => e.y), []), xe = t((e) => ({
 		id: e.data.id,
 		name: e.data.name,
 		subname: e.data.subname ?? null,
@@ -126,61 +147,65 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 		path: e.ancestors().map((e) => e.data.name).reverse(),
 		childrenCount: e.children?.length ?? 0,
 		data: e.data
-	}), []), V = i(null), [H, U] = a(`-${c / 2} -${c / 2} ${c} ${c}`), [W, G] = a(1);
-	n(() => {
-		let e = V.current;
+	}), []), Se = a(null), [J, Y] = o(`-${l / 2} -${l / 2} ${l} ${l}`), [X, Ce] = o(1);
+	r(() => {
+		if (!d) {
+			Y(`-${l / 2} -${l / 2} ${l} ${l}`);
+			return;
+		}
+		let e = Se.current;
 		if (!e) return;
 		let t = requestAnimationFrame(() => {
 			try {
 				let t = e.getBBox();
-				U(`${t.x - 20} ${t.y - 20} ${t.width + 40} ${t.height + 40}`);
+				Y(`${t.x - 20} ${t.y - 20} ${t.width + 40} ${t.height + 40}`);
 			} catch {
-				U(`-${c / 2} -${c / 2} ${c} ${c}`);
+				Y(`-${l / 2} -${l / 2} ${l} ${l}`);
 			}
 		});
 		return () => cancelAnimationFrame(t);
 	}, [
-		c,
-		R,
+		l,
+		H,
 		_,
 		d
 	]);
-	let ve = r(() => {
-		if (W === 1) return H;
-		let [e, t, n, r] = H.split(" ").map(Number), i = n / W, a = r / W;
+	let we = i(() => {
+		if (X === 1) return J;
+		let [e, t, n, r] = J.split(" ").map(Number), i = n / X, a = r / X;
 		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
-	}, [H, W]), ye = t((e) => {
-		if (!w || k || !e.ctrlKey) return;
+	}, [J, X]), Te = t((e) => {
+		if (!E || A || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
-		G((e) => Math.max(.25, Math.min(8, e * t)));
-	}, [w, k]);
-	n(() => {
-		if (!w && !T) return;
+		Ce((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [E, A]), Z = a(null), Ee = (e) => {
+		Z.current &&= (clearTimeout(Z.current), null), Z.current = setTimeout(() => {
+			e(), Z.current = null;
+		}, 250);
+	}, Q = () => {
+		Z.current &&= (clearTimeout(Z.current), null);
+	};
+	n(() => () => Q(), []), r(() => {
+		if (!E && !D) return;
 		let e = (e) => {
-			e.key === "Escape" && (w && G(1), T && (F([o]), E?.(null)));
+			e.key === "Escape" && (E && Ce(1), D && (Q(), L([s]), O?.(null)));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
-		w,
-		T,
-		o,
-		E
+		E,
+		D,
+		s,
+		O
 	]);
-	let K = i(null), be = (e) => {
-		K.current &&= (clearTimeout(K.current), null), K.current = setTimeout(() => {
-			e(), K.current = null;
-		}, 250);
-	}, xe = () => {
-		K.current &&= (clearTimeout(K.current), null);
-	}, [Se, q] = a(null), J = i(null), Y = i(null), [Ce, X] = a(!1), [we, Te] = a(null), [Z, Ee] = a({
+	let [De, Oe] = o(null), ke = a(null), Ae = a(null), [je, Me] = o(!1), [Ne, Pe] = o(null), [Fe, Ie] = o({
 		left: 0,
 		top: 0
-	}), [Q, De] = a(null), Oe = t(() => {
-		F((e) => {
+	}), [$, Le] = o(null), Re = t(() => {
+		L((e) => {
 			if (e.length <= 1) return e;
 			let t = e.slice(0, -1);
-			return E?.(t.length <= 1 ? null : {
+			return O?.(t.length <= 1 ? null : {
 				id: t[t.length - 1].id,
 				name: t[t.length - 1].name,
 				subname: t[t.length - 1].subname ?? null,
@@ -193,39 +218,39 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 				data: t[t.length - 1]
 			}), t;
 		});
-	}, [E]), ke = (e) => {
-		k || !T || (e.ctrlKey || e.metaKey) && (xe(), Oe());
-	}, Ae = (e) => {
-		if (k) return;
-		let t = z[Number(e.currentTarget.getAttribute("data-idx"))];
+	}, [O]), ze = (e) => {
+		A || !D || (e.ctrlKey || e.metaKey) && (Q(), Re());
+	}, Be = (e) => {
+		if (A) return;
+		let t = U[Number(e.currentTarget.getAttribute("data-idx"))];
 		if (!t) return;
-		let n = B(t);
-		if ((e.ctrlKey || e.metaKey) && T && t.children) {
-			be(() => {
-				F((e) => [...e, t.data]), E?.(n);
+		let n = xe(t);
+		if ((e.ctrlKey || e.metaKey) && D && t.children) {
+			Ee(() => {
+				L((e) => [...e, t.data]), O?.(n);
 			});
 			return;
 		}
-		if (D) {
-			let t = J.current?.getBoundingClientRect();
-			Ee({
+		if (le) {
+			let t = ke.current?.getBoundingClientRect();
+			Ie({
 				left: t ? e.clientX - t.left : e.clientX,
 				top: t ? e.clientY - t.top : e.clientY
-			}), Te(Y.current), De(n), X(!0);
+			}), Pe(Ae.current), Le(n), Me(!0);
 		}
-		ue?.(n, e);
-	}, $ = le || A.palette.text.primary, je = ae || A.palette.text.secondary, Me = A.palette.background.paper, Ne = A.typography.fontFamily;
-	return /* @__PURE__ */ p(s, {
-		ref: J,
+		de?.(n, e);
+	}, Ve = se || j.palette.text.primary, He = ae || j.palette.text.secondary, Ue = j.palette.background.paper, We = j.typography.fontFamily;
+	return /* @__PURE__ */ p(c, {
+		ref: ke,
 		sx: {
 			display: "inline-flex",
 			position: "relative",
-			opacity: k ? .5 : 1,
-			cursor: k ? "not-allowed" : "default",
+			opacity: A ? .5 : 1,
+			cursor: A ? "not-allowed" : "default",
 			userSelect: "none"
 		},
 		children: [
-			T && P.length > 1 && /* @__PURE__ */ f(s, {
+			D && I.length > 1 && /* @__PURE__ */ f(c, {
 				sx: {
 					position: "absolute",
 					top: 4,
@@ -237,7 +262,7 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 					pointerEvents: "none",
 					zIndex: 1
 				},
-				children: /* @__PURE__ */ f(l, {
+				children: /* @__PURE__ */ f(u, {
 					variant: "caption",
 					sx: {
 						bgcolor: "action.hover",
@@ -247,50 +272,57 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 						color: "text.secondary",
 						fontSize: "0.7rem"
 					},
-					children: P.map((e) => e.name).join(" › ")
+					children: I.map((e) => e.name).join(" › ")
 				})
 			}),
-			/* @__PURE__ */ f(s, {
-				ref: Y,
+			/* @__PURE__ */ f(c, {
+				ref: Ae,
 				sx: {
 					position: "absolute",
-					left: Z.left,
-					top: Z.top,
+					left: Fe.left,
+					top: Fe.top,
 					width: 0,
 					height: 0
 				}
 			}),
 			/* @__PURE__ */ f("svg", {
-				width: c,
-				height: c,
-				viewBox: ve,
-				onWheel: ye,
+				width: l,
+				height: l,
+				viewBox: we,
+				onWheel: Te,
 				style: {
-					fontFamily: Ne ?? "sans-serif",
-					overflow: w && W > 1 ? "hidden" : "visible"
+					fontFamily: We ?? "sans-serif",
+					overflow: E && X > 1 ? "hidden" : "visible"
 				},
 				role: "img",
-				"aria-label": o.name,
+				"aria-label": s.name,
 				children: /* @__PURE__ */ p("g", {
-					ref: V,
+					ref: Se,
 					children: [
+						ge && /* @__PURE__ */ f("text", {
+							textAnchor: "middle",
+							dy: "0.35em",
+							fontSize: 13,
+							fill: Ve,
+							children: M.noData
+						}),
 						/* @__PURE__ */ f("g", {
 							fill: "none",
-							stroke: je,
-							strokeOpacity: oe,
-							strokeWidth: se,
-							children: ge.map((e, t) => /* @__PURE__ */ f("path", { d: _e(e) }, `link-${t}`))
+							stroke: He,
+							strokeOpacity: C,
+							strokeWidth: w,
+							children: _e.map((e, t) => /* @__PURE__ */ f("path", { d: be(e) }, `link-${t}`))
 						}),
-						/* @__PURE__ */ f("g", { children: z.map((e, t) => {
-							let n = N(e), r = pe(e), i = B(e), a = Se === t, o = e.children ? h.folder : h.person, c = Math.round(n * 1.3);
+						/* @__PURE__ */ f("g", { children: U.map((e, t) => {
+							let n = P(e), r = F(e), i = xe(e), a = De === t, o = e.children ? h.folder : h.person, s = Math.round(n * 1.3);
 							return /* @__PURE__ */ f(te, {
-								title: /* @__PURE__ */ p(s, {
+								title: /* @__PURE__ */ p(c, {
 									sx: {
 										py: .5,
 										minWidth: 160
 									},
 									children: [
-										/* @__PURE__ */ f(l, {
+										/* @__PURE__ */ f(u, {
 											variant: "caption",
 											sx: {
 												fontWeight: "bold",
@@ -299,7 +331,7 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 											},
 											children: e.data.name
 										}),
-										e.data.subname && /* @__PURE__ */ f(l, {
+										e.data.subname && /* @__PURE__ */ f(u, {
 											variant: "caption",
 											sx: {
 												display: "block",
@@ -307,54 +339,54 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 											},
 											children: e.data.subname
 										}),
-										(i.specialValueA != null || i.specialValueB != null || e.children) && /* @__PURE__ */ p(s, {
+										(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__ */ p(s, {
+												i.specialValueA != null && /* @__PURE__ */ p(c, {
 													sx: {
 														display: "flex",
 														justifyContent: "space-between",
 														gap: 2
 													},
-													children: [/* @__PURE__ */ f(l, {
+													children: [/* @__PURE__ */ f(u, {
 														variant: "caption",
 														sx: { opacity: .6 },
-														children: j.specialValueA ?? "A"
-													}), /* @__PURE__ */ f(l, {
+														children: M.specialValueA ?? "A"
+													}), /* @__PURE__ */ f(u, {
 														variant: "caption",
 														children: String(i.specialValueA)
 													})]
 												}),
-												i.specialValueB != null && /* @__PURE__ */ p(s, {
+												i.specialValueB != null && /* @__PURE__ */ p(c, {
 													sx: {
 														display: "flex",
 														justifyContent: "space-between",
 														gap: 2
 													},
-													children: [/* @__PURE__ */ f(l, {
+													children: [/* @__PURE__ */ f(u, {
 														variant: "caption",
 														sx: { opacity: .6 },
-														children: j.specialValueB ?? "B"
-													}), /* @__PURE__ */ f(l, {
+														children: M.specialValueB ?? "B"
+													}), /* @__PURE__ */ f(u, {
 														variant: "caption",
 														children: String(i.specialValueB)
 													})]
 												}),
-												e.children && /* @__PURE__ */ p(s, {
+												e.children && /* @__PURE__ */ p(c, {
 													sx: {
 														display: "flex",
 														justifyContent: "space-between",
 														gap: 2
 													},
-													children: [/* @__PURE__ */ f(l, {
+													children: [/* @__PURE__ */ f(u, {
 														variant: "caption",
 														sx: { opacity: .6 },
 														children: "Reports"
-													}), /* @__PURE__ */ f(l, {
+													}), /* @__PURE__ */ f(u, {
 														variant: "caption",
 														children: e.children.length
 													})]
@@ -366,16 +398,16 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 								followCursor: !0,
 								enterDelay: 50,
 								enterNextDelay: 0,
-								disableHoverListener: k,
+								disableHoverListener: A,
 								slotProps: { tooltip: { sx: { maxWidth: 260 } } },
 								children: /* @__PURE__ */ p("g", {
 									"data-idx": t,
 									transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0)`,
-									onClick: Ae,
-									onDoubleClick: ke,
-									onMouseEnter: () => !k && q(t),
-									onMouseLeave: () => q(null),
-									style: { cursor: k ? "not-allowed" : "pointer" },
+									onClick: Be,
+									onDoubleClick: ze,
+									onMouseEnter: () => !A && Oe(t),
+									onMouseLeave: () => Oe(null),
+									style: { cursor: A ? "not-allowed" : "pointer" },
 									children: [
 										/* @__PURE__ */ f("circle", {
 											r: Math.max(n + 8, 24),
@@ -392,26 +424,55 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 											fillOpacity: a ? .85 : 1,
 											style: { transition: "fill-opacity 0.15s" }
 										}),
-										ie && /* @__PURE__ */ f(ne, {
+										v && /* @__PURE__ */ f(re, {
 											path: o,
-											size: c
+											size: s
 										})
 									]
 								})
 							}, `node-${e.data.id}-${t}`);
 						}) }),
-						_ && /* @__PURE__ */ f("g", { children: z.map((e, t) => {
-							let n = N(e), r = e.x < Math.PI == !e.children, i = n + 6, a = r ? i : -i, o = r ? "start" : "end";
+						K && ((e, t) => /* @__PURE__ */ p("g", {
+							"data-testid": "drill-ghost-layer",
+							opacity: t,
+							pointerEvents: "none",
+							children: [/* @__PURE__ */ f("g", {
+								fill: "none",
+								stroke: He,
+								strokeOpacity: C,
+								strokeWidth: w,
+								children: e.links().map((e, t) => /* @__PURE__ */ f("path", { d: be(e) }, `ghost-link-${t}`))
+							}), /* @__PURE__ */ f("g", { children: e.descendants().map((e, t) => /* @__PURE__ */ p("g", {
+								transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0)`,
+								children: [
+									/* @__PURE__ */ f("circle", {
+										r: P(e) + 2,
+										fill: F(e),
+										fillOpacity: .15
+									}),
+									/* @__PURE__ */ f("circle", {
+										r: P(e),
+										fill: F(e)
+									}),
+									v && /* @__PURE__ */ f(re, {
+										path: e.children ? h.folder : h.person,
+										size: Math.round(P(e) * 1.3)
+									})
+								]
+							}, `ghost-node-${t}`)) })]
+						}))(K, ve),
+						_ && /* @__PURE__ */ f("g", { children: U.map((e, t) => {
+							let n = P(e), r = e.x < Math.PI == !e.children, i = n + 6, a = r ? i : -i, o = r ? "start" : "end";
 							return /* @__PURE__ */ f("text", {
 								transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0) rotate(${e.x >= Math.PI ? 180 : 0})`,
 								dy: "0.35em",
 								x: a,
 								textAnchor: o,
 								paintOrder: "stroke",
-								stroke: Me,
+								stroke: Ue,
 								strokeWidth: 3,
-								fill: $,
-								fontSize: ce,
+								fill: Ve,
+								fontSize: oe,
 								fontWeight: e.depth === 0 ? "bold" : "normal",
 								pointerEvents: "none",
 								children: e.data.name
@@ -420,10 +481,10 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 					]
 				})
 			}),
-			D && /* @__PURE__ */ f(ee, {
-				open: Ce,
-				anchorEl: we,
-				onClose: () => X(!1),
+			le && /* @__PURE__ */ f(ee, {
+				open: je,
+				anchorEl: Ne,
+				onClose: () => Me(!1),
 				anchorOrigin: {
 					vertical: "top",
 					horizontal: "right"
@@ -433,10 +494,10 @@ function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLa
 					horizontal: "left"
 				},
 				slotProps: { paper: { elevation: 4 } },
-				children: Q && (O ? O(Q) : /* @__PURE__ */ f(re, {
-					info: Q,
-					labelA: j.specialValueA ?? "Value A",
-					labelB: j.specialValueB ?? "Value B"
+				children: $ && (ue ? ue($) : /* @__PURE__ */ f(ie, {
+					info: $,
+					labelA: M.specialValueA ?? "Value A",
+					labelB: M.specialValueB ?? "Value B"
 				}))
 			})
 		]

package/dist/components/radial-tree-chart/RadialTreeChart.types.d.ts

@@ -87,6 +87,8 @@ export type RadialTreeChartProps = {
     drillable?: boolean;
     /** Fired when drill-down focus changes — null when reset to root */
     onFocusChange?: (focusedNode: RadialTreeNodeInfo | null) => void;
+    /** Drill-down/out crossfade duration in ms — set to 0 to disable (default: 750) */
+    duration?: number;
     /** Disables all interactions (default: false) */
     disabled?: boolean;
     /** Override translation strings */

package/dist/components/rich-text-editor/RichTextEditor.js

@@ -52,7 +52,7 @@ function w({ disabled: w = !1, error: T = !1, height: E, helperText: D, maxChara
 		editorProps: { handlePaste(e, t) {
 			if (!J.current) return !1;
 			let n = t.clipboardData?.getData("text/plain");
-			if (n == null) return !1;
+			if (!n) return !1;
 			t.preventDefault();
 			let { state: r } = e;
 			return e.dispatch(r.tr.insertText(n, r.selection.from, r.selection.to)), !0;