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

package/dist/components/circle-packing-chart/CirclePackingChart.js

@@ -1,60 +1,64 @@
-import { useCallback as e, useLayoutEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { Box as a, Tooltip as o, Typography as s, useTheme as c } from "@mui/material";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import * as d from "d3";
+import { DEFAULT_CIRCLE_PACKING_TRANSLATION as e } from "./CirclePackingChart.types.js";
+import { useCallback as t, useEffect as n, useLayoutEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { Box as s, Tooltip as c, Typography as l, useTheme as u } from "@mui/material";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import * as p from "d3";
 //#region src/components/circle-packing-chart/CirclePackingChart.tsx
-var f = .56;
-function p(e, t, n) {
-	return e.length * n * f <= t ? e : t >= 3 * n * f + n * 2 ? "…" : "";
+var m = .56;
+function ee(e, t, n) {
+	return e.length * n * m <= t ? e : t >= 3 * n * m + n * 2 ? "…" : "";
 }
-function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLabels: _ = !0, showAllLabels: v = !1, labelFontSize: y = 13, innerLabelFontSize: b = 9, labelColor: ee, chartColors: x, depthColorStart: S, depthColorEnd: C, background: w, duration: T = 750, zoomable: E = !1, disabled: D = !1, onCircleClick: O, onZoomChange: k }) {
-	let A = c(), j = [
+function h({ data: m, size: h = 600, padding: g = 3, sortBy: _ = "value", showLabels: v = !0, showAllLabels: y = !1, labelFontSize: te = 13, innerLabelFontSize: b = 9, labelColor: ne, chartColors: x, depthColorStart: S, depthColorEnd: C, background: w, duration: T = 750, zoomable: E = !1, disabled: D = !1, onCircleClick: O, onZoomChange: k, translation: re }) {
+	let A = u(), ie = {
+		...e,
+		...re
+	}, ae = !m.children?.length && !m.value, oe = [
 		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 = ee || A.palette.text.primary, te = w || A.palette.background.default, ne = A.typography.fontFamily, N = n(() => {
-		let e = d.hierarchy(f).sum((e) => e.value ?? 0);
-		return g === "value" ? e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0)) : e.sort((e, t) => String(e.data.name).localeCompare(String(t.data.name), void 0, {
+	], j = ne || A.palette.text.primary, M = w || A.palette.background.default, se = A.typography.fontFamily, N = i(() => {
+		let e = p.hierarchy(m).sum((e) => e.value ?? 0);
+		return _ === "value" ? e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0)) : e.sort((e, t) => String(e.data.name).localeCompare(String(t.data.name), void 0, {
 			numeric: !0,
 			sensitivity: "base"
-		})), d.pack().size([m, m]).padding(h)(e);
+		})), p.pack().size([h, h]).padding(g)(e);
 	}, [
-		f,
 		m,
 		h,
-		g
-	]), P = N.descendants(), F = n(() => d.max(P, (e) => e.depth) ?? 0, [P]), I = !!(S && C), L = n(() => I ? d.scaleSequential(d.interpolateHcl(S, C)).domain([0, Math.max(1, F)]) : null, [
+		g,
+		_
+	]), P = N.descendants(), F = i(() => p.max(P, (e) => e.depth) ?? 0, [P]), I = !!(S && C), L = i(() => I ? p.scaleSequential(p.interpolateHcl(S, C)).domain([0, Math.max(1, F)]) : null, [
 		I,
 		S,
 		C,
 		F
-	]), R = x && x.length > 0 ? x : j, z = e((e) => e.data.colorConfig?.fill ? e.data.colorConfig.fill : I && L ? e.children ? L(e.depth) : A.palette.background.paper : R[e.depth % R.length], [
+	]), R = x && x.length > 0 ? x : oe, ce = t((e) => e.data.colorConfig?.fill ? e.data.colorConfig.fill : I && L ? e.children ? L(e.depth) : A.palette.background.paper : R[e.depth % R.length], [
 		I,
 		L,
 		R,
 		A
-	]), [B, V] = i(1), H = e((e) => {
+	]), [z, B] = o(1), V = t((e) => {
 		if (!E || D || !e.ctrlKey) return;
 		e.preventDefault();
 		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
-		V((e) => Math.max(.25, Math.min(8, e * t)));
+		B((e) => Math.max(.25, Math.min(8, e * t)));
 	}, [E, D]);
-	t(() => {
+	r(() => {
 		if (!E) return;
 		let e = (e) => {
-			e.key === "Escape" && V(1);
+			e.key === "Escape" && B(1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [E]);
-	let U = n(() => {
-		let e = `${-m / 2} ${-m / 2} ${m} ${m}`;
-		if (B === 1) return e;
-		let t = m / B, n = (m - t) / 2;
-		return `${-m / 2 + n} ${-m / 2 + n} ${t} ${t}`;
-	}, [m, B]), W = e((e) => {
+	let H = i(() => {
+		let e = `${-h / 2} ${-h / 2} ${h} ${h}`;
+		if (z === 1) return e;
+		let t = h / z, n = (h - t) / 2;
+		return `${-h / 2 + n} ${-h / 2 + n} ${t} ${t}`;
+	}, [h, z]), U = t((e) => {
 		let t = e.value ?? 0, n = N.value ?? 0;
 		return {
 			id: e.data.id ?? null,
@@ -66,78 +70,78 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 			childrenCount: e.children?.length ?? 0,
 			data: e.data
 		};
-	}, [N]), G = r(null), K = r([
+	}, [N]), W = a(null), G = a([
 		N.x,
 		N.y,
 		N.r * 2
-	]), q = r(N), [J, re] = i(N), Y = e((e) => {
-		q.current = e, re(e);
-	}, []), [ie, ae] = i(f);
-	ie !== f && (ae(f), Y(N), q.current = N);
-	let X = e((e) => {
-		let t = G.current;
+	]), K = a(N), [q, le] = o(N), J = t((e) => {
+		K.current = e, le(e);
+	}, []), [ue, de] = o(N);
+	ue !== N && (de(N), J(N), K.current = N);
+	let Y = t((e) => {
+		let t = W.current;
 		if (!t) return;
-		K.current = e;
-		let n = m / e[2], r = q.current, i = t.querySelectorAll("g[data-role='nodes'] > g"), a = t.querySelectorAll("g[data-role='nodes'] > g > circle");
+		G.current = e;
+		let n = h / e[2], r = K.current, i = t.querySelectorAll("g[data-role='nodes'] > g"), a = t.querySelectorAll("g[data-role='nodes'] > g > circle");
 		for (let t = 0; t < P.length; t++) {
 			let r = P[t], o = i[t];
 			o && o.setAttribute("transform", `translate(${(r.x - e[0]) * n},${(r.y - e[1]) * n})`);
 			let s = t - 1;
 			s >= 0 && a[s] && a[s].setAttribute("r", String(r.r * n));
 		}
-		if (_) {
+		if (v) {
 			let r = t.querySelectorAll("g[data-role='labels'] > text");
 			for (let t = 0; t < P.length; t++) {
 				let i = P[t], a = r[t];
 				a && (a.setAttribute("transform", `translate(${(i.x - e[0]) * n},${(i.y - e[1]) * n})`), a.setAttribute("font-weight", i.children ? "bold" : "normal"));
 			}
 		}
-		if (v) {
+		if (y) {
 			let i = t.querySelectorAll("g[data-role='inner-labels'] > text");
 			for (let t = 0; t < P.length; t++) {
 				let a = P[t], o = i[t];
 				if (!o) continue;
 				let s = a.r * n, c = s * 1.6, l = r === N ? a !== N : a.ancestors().includes(r), u = a.parent === r;
 				if (l && !u && s >= 14) {
-					let t = p(a.data.name, c, b);
+					let t = ee(a.data.name, c, b);
 					t ? (o.textContent = t, o.setAttribute("transform", `translate(${(a.x - e[0]) * n},${(a.y - e[1]) * n})`), o.setAttribute("font-weight", a.children ? "bold" : "normal"), o.style.display = "inline") : o.style.display = "none";
 				} else o.style.display = "none";
 			}
 		}
 	}, [
 		P,
-		m,
-		_,
+		h,
 		v,
+		y,
 		b,
 		N
 	]);
-	t(() => {
-		X([
-			J.x,
-			J.y,
-			J.r * 2
+	r(() => {
+		Y([
+			q.x,
+			q.y,
+			q.r * 2
 		]);
 	}, [
 		N,
-		m,
-		J,
-		X
+		h,
+		q,
+		Y
 	]);
-	let Z = e((e, t) => {
-		let n = G.current;
+	let X = t((e, t) => {
+		let n = W.current;
 		if (!n) return;
-		let r = J, i = K.current, a = [
+		let r = q, i = G.current, a = [
 			e.x,
 			e.y,
 			e.r * 2
 		];
-		Y(e), d.select(n).transition().duration(t).ease(d.easeCubic).tween("zoom", () => {
-			let e = d.interpolateZoom(i, a);
-			return (t) => X(e(t));
+		J(e), p.select(n).transition().duration(t).ease(p.easeCubic).tween("zoom", () => {
+			let e = p.interpolateZoom(i, a);
+			return (t) => Y(e(t));
 		});
 		let o = n.querySelectorAll("g[data-role='labels'] > text");
-		d.selectAll(o).transition().duration(t).ease(d.easeCubic).style("fill-opacity", (t, n) => +(P[n].parent === e)).on("start", function(t, n) {
+		p.selectAll(o).transition().duration(t).ease(p.easeCubic).style("fill-opacity", (t, n) => +(P[n].parent === e)).on("start", function(t, n) {
 			P[n].parent === e && (this.style.display = "inline");
 		}).on("end", function(t, n) {
 			P[n].parent !== e && (this.style.display = "none");
@@ -148,23 +152,25 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 			isRoot: e === N
 		});
 	}, [
-		J,
+		q,
 		P,
 		N,
-		X,
+		Y,
 		k,
-		Y
-	]), Q = r(null), oe = (e) => {
-		Q.current &&= (clearTimeout(Q.current), null), Q.current = setTimeout(() => {
-			e(), Q.current = null;
+		J
+	]), Z = a(null), fe = (e) => {
+		Z.current &&= (clearTimeout(Z.current), null), Z.current = setTimeout(() => {
+			e(), Z.current = null;
 		}, 250);
-	}, $ = () => {
-		Q.current &&= (clearTimeout(Q.current), null);
-	};
-	t(() => {
+	}, Q = () => {
+		Z.current &&= (clearTimeout(Z.current), null);
+	}, $ = a(X);
+	n(() => {
+		$.current = X;
+	}, [X]), r(() => {
 		if (D) return;
 		let e = (e) => {
-			e.key === "Escape" && ($(), Z(N, T));
+			e.key === "Escape" && (Q(), $.current(N, T));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, [
@@ -172,19 +178,19 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 		N,
 		T
 	]);
-	let se = (e) => {
+	let pe = (e) => {
 		if (D || !(e.ctrlKey || e.metaKey)) return;
-		$(), e.preventDefault();
-		let t = J.parent ?? N;
-		t !== J && Z(t, e.altKey ? Math.max(250, T * 10) : T);
-	}, ce = {
+		Q(), e.preventDefault();
+		let t = q.parent ?? N;
+		t !== q && X(t, e.altKey ? Math.max(250, T * 10) : T);
+	}, me = {
 		followCursor: !0,
 		enterDelay: 50,
 		enterNextDelay: 0,
 		disableHoverListener: D,
 		slotProps: { tooltip: { sx: { maxWidth: 220 } } }
 	};
-	return /* @__PURE__ */ u(a, {
+	return /* @__PURE__ */ f(s, {
 		sx: {
 			display: "inline-flex",
 			position: "relative",
@@ -192,31 +198,38 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 			cursor: D ? "not-allowed" : "default",
 			userSelect: "none"
 		},
-		children: [/* @__PURE__ */ u("svg", {
-			ref: G,
-			width: m,
-			height: m,
-			viewBox: U,
-			onWheel: H,
+		children: [/* @__PURE__ */ f("svg", {
+			ref: W,
+			width: h,
+			height: h,
+			viewBox: H,
+			onWheel: V,
 			style: {
 				display: "block",
-				background: te,
-				fontFamily: ne ?? "sans-serif",
-				overflow: E && B > 1 ? "hidden" : "visible"
+				background: M,
+				fontFamily: se ?? "sans-serif",
+				overflow: E && z > 1 ? "hidden" : "visible"
 			},
 			role: "img",
-			"aria-label": f.name,
-			onDoubleClick: se,
+			"aria-label": m.name,
+			onDoubleClick: pe,
 			children: [
-				/* @__PURE__ */ l("g", {
+				ae && /* @__PURE__ */ d("text", {
+					textAnchor: "middle",
+					dy: "0.35em",
+					fontSize: 13,
+					fill: A.palette.text.secondary,
+					children: ie.noData
+				}),
+				/* @__PURE__ */ d("g", {
 					"data-role": "nodes",
 					children: P.map((e, t) => {
-						let n = W(e), r = /* @__PURE__ */ u(a, {
+						let n = U(e), r = /* @__PURE__ */ f(s, {
 							sx: {
 								py: .5,
 								minWidth: 160
 							},
-							children: [/* @__PURE__ */ l(s, {
+							children: [/* @__PURE__ */ d(l, {
 								variant: "caption",
 								sx: {
 									fontWeight: "bold",
@@ -224,54 +237,54 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 									fontSize: "0.8rem"
 								},
 								children: e.data.name
-							}), (e.value ?? 0) > 0 && /* @__PURE__ */ u(a, {
+							}), (e.value ?? 0) > 0 && /* @__PURE__ */ f(s, {
 								sx: {
 									mt: .75,
 									borderTop: "1px solid rgba(255,255,255,0.2)",
 									pt: .75
 								},
 								children: [
-									/* @__PURE__ */ u(a, {
+									/* @__PURE__ */ f(s, {
 										sx: {
 											display: "flex",
 											justifyContent: "space-between",
 											gap: 2
 										},
-										children: [/* @__PURE__ */ l(s, {
+										children: [/* @__PURE__ */ d(l, {
 											variant: "caption",
 											sx: { opacity: .6 },
 											children: "Value"
-										}), /* @__PURE__ */ l(s, {
+										}), /* @__PURE__ */ d(l, {
 											variant: "caption",
 											children: e.value?.toLocaleString()
 										})]
 									}),
-									/* @__PURE__ */ u(a, {
+									/* @__PURE__ */ f(s, {
 										sx: {
 											display: "flex",
 											justifyContent: "space-between",
 											gap: 2
 										},
-										children: [/* @__PURE__ */ l(s, {
+										children: [/* @__PURE__ */ d(l, {
 											variant: "caption",
 											sx: { opacity: .6 },
 											children: "Share"
-										}), /* @__PURE__ */ u(s, {
+										}), /* @__PURE__ */ f(l, {
 											variant: "caption",
 											children: [n.percentage, "%"]
 										})]
 									}),
-									e.children && /* @__PURE__ */ u(a, {
+									e.children && /* @__PURE__ */ f(s, {
 										sx: {
 											display: "flex",
 											justifyContent: "space-between",
 											gap: 2
 										},
-										children: [/* @__PURE__ */ l(s, {
+										children: [/* @__PURE__ */ d(l, {
 											variant: "caption",
 											sx: { opacity: .6 },
 											children: "Children"
-										}), /* @__PURE__ */ l(s, {
+										}), /* @__PURE__ */ d(l, {
 											variant: "caption",
 											children: e.children.length
 										})]
@@ -279,14 +292,14 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 								]
 							})]
 						});
-						return /* @__PURE__ */ l("g", {
-							transform: `translate(${e.x - m / 2},${e.y - m / 2})`,
-							children: t === 0 ? null : /* @__PURE__ */ l(o, {
-								...ce,
+						return /* @__PURE__ */ d("g", {
+							transform: `translate(${e.x - h / 2},${e.y - h / 2})`,
+							children: t === 0 ? null : /* @__PURE__ */ d(c, {
+								...me,
 								title: r,
-								children: /* @__PURE__ */ l("circle", {
+								children: /* @__PURE__ */ d("circle", {
 									r: e.r,
-									fill: z(e),
+									fill: ce(e),
 									stroke: e.data.colorConfig?.stroke ?? A.palette.background.paper,
 									strokeWidth: .75,
 									style: {
@@ -304,7 +317,7 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 											if (t.ctrlKey || t.metaKey) {
 												if (e.children) {
 													let n = t.altKey ? Math.max(250, T * 10) : T;
-													oe(() => Z(e, n));
+													fe(() => X(e, n));
 												}
 												return;
 											}
@@ -313,9 +326,9 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 									},
 									onDoubleClick: (e) => {
 										if (!D && (e.ctrlKey || e.metaKey)) {
-											$(), e.preventDefault(), e.stopPropagation();
-											let t = J.parent ?? N;
-											t !== J && Z(t, e.altKey ? Math.max(250, T * 10) : T);
+											Q(), e.preventDefault(), e.stopPropagation();
+											let t = q.parent ?? N;
+											t !== q && X(t, e.altKey ? Math.max(250, T * 10) : T);
 										}
 									}
 								})
@@ -323,15 +336,15 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 						}, `n-${t}`);
 					})
 				}),
-				_ && /* @__PURE__ */ l("g", {
+				v && /* @__PURE__ */ d("g", {
 					"data-role": "labels",
 					textAnchor: "middle",
 					dominantBaseline: "middle",
 					pointerEvents: "none",
-					fontSize: y,
-					fill: M,
-					children: P.map((e, t) => /* @__PURE__ */ l("text", {
-						transform: `translate(${e.x - m / 2},${e.y - m / 2})`,
+					fontSize: te,
+					fill: j,
+					children: P.map((e, t) => /* @__PURE__ */ d("text", {
+						transform: `translate(${e.x - h / 2},${e.y - h / 2})`,
 						style: {
 							display: e.parent === N ? "inline" : "none",
 							fillOpacity: +(e.parent === N)
@@ -339,20 +352,20 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 						children: e.data.name
 					}, `lbl-${t}`))
 				}),
-				v && /* @__PURE__ */ l("g", {
+				y && /* @__PURE__ */ d("g", {
 					"data-role": "inner-labels",
 					textAnchor: "middle",
 					dominantBaseline: "middle",
 					pointerEvents: "none",
 					fontSize: b,
-					fill: M,
-					children: P.map((e, t) => /* @__PURE__ */ l("text", {
-						transform: `translate(${e.x - m / 2},${e.y - m / 2})`,
+					fill: j,
+					children: P.map((e, t) => /* @__PURE__ */ d("text", {
+						transform: `translate(${e.x - h / 2},${e.y - h / 2})`,
 						style: { display: "none" }
 					}, `inner-lbl-${t}`))
 				})
 			]
-		}), J !== N && !D && /* @__PURE__ */ l(a, {
+		}), q !== N && !D && /* @__PURE__ */ d(s, {
 			sx: {
 				position: "absolute",
 				bottom: 6,
@@ -362,7 +375,7 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 				justifyContent: "center",
 				pointerEvents: "none"
 			},
-			children: /* @__PURE__ */ u(s, {
+			children: /* @__PURE__ */ f(l, {
 				variant: "caption",
 				sx: {
 					bgcolor: "action.hover",
@@ -372,11 +385,11 @@ function m({ data: f, size: m = 600, padding: h = 3, sortBy: g = "value", showLa
 					color: "text.secondary",
 					fontSize: "0.7rem"
 				},
-				children: [J.ancestors().map((e) => e.data.name).reverse().join(" › "), " · Ctrl / Cmd ⌘+DblClick to zoom out · Escape to reset"]
+				children: [q.ancestors().map((e) => e.data.name).reverse().join(" › "), " · Ctrl / Cmd ⌘+DblClick to zoom out · Escape to reset"]
 			})
 		})]
 	});
 }
-m.displayName = "CirclePackingChart";
+h.displayName = "CirclePackingChart";
 //#endregion
-export { m as CirclePackingChart };
+export { h as CirclePackingChart };

package/dist/components/gantt-chart/hooks/useGanttDrag.js

@@ -1,19 +1,21 @@
 import { addDays as e } from "../util/gantt-chart.util.js";
 import { useGanttChartStore as t, useGanttTranslations as n, useRawGanttChartStore as r } from "../GanttChart.js";
-import { useLayoutEffect as i, useRef as a, useState as o } from "react";
+import { useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
 //#region src/components/gantt-chart/hooks/useGanttDrag.ts
-var s = 864e5;
-function c({ totalWidth: c, displayRange: l, onTaskMoved: u, onTaskResized: d, onTasksChange: f }) {
-	let p = t((e) => e.updateTask), m = r(), h = n(), g = a(1), _ = a(u), v = a(d), y = a(f);
-	i(() => {
-		g.current = c > 0 ? c / ((l.end.getTime() - l.start.getTime()) / s) : 1, _.current = u, v.current = d, y.current = f;
+var c = 864e5;
+function l({ totalWidth: l, displayRange: u, onTaskMoved: d, onTaskResized: f, onTasksChange: p }) {
+	let m = t((e) => e.updateTask), h = r(), g = n(), _ = o(1), v = o(d), y = o(f), b = o(p);
+	a(() => {
+		_.current = l > 0 ? l / ((u.end.getTime() - u.start.getTime()) / c) : 1, v.current = d, y.current = f, b.current = p;
 	});
-	let b = a(null), x = a(null), [S, C] = o(null), w = a(!1);
-	return {
-		activeDrag: S,
-		suppressClickRef: w,
+	let x = o(null), S = o(null), [C, w] = s(null), T = o(!1), E = o(null);
+	return i(() => () => {
+		E.current?.();
+	}, []), {
+		activeDrag: C,
+		suppressClickRef: T,
 		handleBarMouseDown: (t, n, r) => {
-			t.stopPropagation(), w.current = !1, b.current = {
+			t.stopPropagation(), T.current = !1, x.current = {
 				type: r,
 				taskId: n.id,
 				startX: t.clientX,
@@ -21,45 +23,47 @@ function c({ totalWidth: c, displayRange: l, onTaskMoved: u, onTaskResized: d, o
 				originalEnd: n.endDate
 			}, document.body.style.cursor = r === "resize" ? "ew-resize" : "grabbing";
 			let i = (e) => {
-				let t = b.current;
+				let t = x.current;
 				if (!t || t.type === "progress") return;
-				let n = e.clientX - t.startX, r = Math.round(n / g.current);
-				Math.abs(n) >= 5 && (w.current = !0);
+				let n = e.clientX - t.startX, r = Math.round(n / _.current);
+				Math.abs(n) >= 5 && (T.current = !0);
 				let i = {
 					taskId: t.taskId,
 					type: t.type,
 					deltaDays: r
 				};
-				x.current = i, C(i);
+				S.current = i, w(i);
 			}, a = () => {
 				document.body.style.cursor = "";
-				let t = b.current, n = x.current;
-				if (t && n && w.current && n.deltaDays !== 0) {
-					let r = m.getState().tasks.find((e) => e.id === t.taskId);
+				let t = x.current, n = S.current;
+				if (t && n && T.current && n.deltaDays !== 0) {
+					let r = h.getState().tasks.find((e) => e.id === t.taskId);
 					if (r) {
 						if (n.type === "move") {
 							let i = e(t.originalStart, n.deltaDays), a = e(t.originalEnd, n.deltaDays);
-							p({
+							m({
 								...r,
 								startDate: i,
 								endDate: a
-							}), _.current?.(r, i, a);
+							}), v.current?.(r, i, a);
 						} else {
 							let i = e(t.originalEnd, n.deltaDays), a = i > t.originalStart ? i : e(t.originalStart, 1);
-							p({
+							m({
 								...r,
 								endDate: a
-							}), v.current?.(r, a);
+							}), y.current?.(r, a);
 						}
-						y.current?.(m.getState().tasks);
+						b.current?.(h.getState().tasks);
 					}
 				}
-				b.current = null, x.current = null, C(null), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a);
+				x.current = null, S.current = null, w(null), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), E.current = null;
+			};
+			document.addEventListener("mousemove", i), document.addEventListener("mouseup", a), E.current = () => {
+				document.body.style.cursor = "", document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a);
 			};
-			document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
 		},
 		handleProgressMouseDown: (e, t, n, r) => {
-			e.stopPropagation(), w.current = !1, b.current = {
+			e.stopPropagation(), T.current = !1, x.current = {
 				type: "progress",
 				taskId: t.id,
 				startX: e.clientX,
@@ -69,36 +73,38 @@ function c({ totalWidth: c, displayRange: l, onTaskMoved: u, onTaskResized: d, o
 				barWidthPx: r
 			}, document.body.style.cursor = "ew-resize";
 			let i = (e) => {
-				let t = b.current;
+				let t = x.current;
 				if (!t || t.type !== "progress") return;
 				let n = e.clientX - t.startX;
-				Math.abs(n) >= 5 && (w.current = !0);
+				Math.abs(n) >= 5 && (T.current = !0);
 				let r = n / (t.barWidthPx ?? 1) * 100, i = Math.round(Math.max(0, Math.min(100, (t.initialProgress ?? 0) + r))), a = {
 					taskId: t.taskId,
 					type: "progress",
 					deltaDays: 0,
 					newProgress: i
 				};
-				x.current = a, C(a);
+				S.current = a, w(a);
 			}, a = () => {
 				document.body.style.cursor = "";
-				let e = b.current, t = x.current;
-				if (e && t && t.type === "progress" && t.newProgress !== void 0 && w.current) {
-					let n = m.getState().tasks.find((t) => t.id === e.taskId);
-					n && (p({
+				let e = x.current, t = S.current;
+				if (e && t && t.type === "progress" && t.newProgress !== void 0 && T.current) {
+					let n = h.getState().tasks.find((t) => t.id === e.taskId);
+					n && (m({
 						...n,
 						progress: t.newProgress
-					}), y.current?.(m.getState().tasks));
+					}), b.current?.(h.getState().tasks));
 				}
-				b.current = null, x.current = null, C(null), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a);
+				x.current = null, S.current = null, w(null), document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a), E.current = null;
+			};
+			document.addEventListener("mousemove", i), document.addEventListener("mouseup", a), E.current = () => {
+				document.body.style.cursor = "", document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", a);
 			};
-			document.addEventListener("mousemove", i), document.addEventListener("mouseup", a);
 		},
-		formatDragDate: (e) => e.toLocaleDateString(h.dateLocale, {
+		formatDragDate: (e) => e.toLocaleDateString(g.dateLocale, {
 			day: "2-digit",
 			month: "short"
 		})
 	};
 }
 //#endregion
-export { c as useGanttDrag };
+export { l as useGanttDrag };