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

package/dist/components/gantt-chart/GanttTaskPanel.js

@@ -1,17 +1,17 @@
 import { filterByAssignee as e, getVisibleTasks as t } from "./util/gantt-chart.util.js";
 import { STATUS_BAR_COLOR as n, STATUS_CHIP_COLOR as r } from "./GanttChart.constants.js";
 import { GanttTaskDialog as i } from "./GanttTaskDialog.js";
-import { GanttDeleteDialog as a } from "./GanttDeleteDialog.js";
-import { useGanttChartStore as o, useGanttTheme as ee, useGanttTranslations as te, useRawGanttChartStore as s } from "./GanttChart.js";
-import { useEffect as c, useMemo as l, useState as u } from "react";
-import { Box as d, Chip as f, IconButton as p, Menu as ne, MenuItem as re, TextField as m, Tooltip as h, Typography as g } from "@mui/material";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import b from "@mui/icons-material/Delete";
-import { useVirtualizer as x } from "@tanstack/react-virtual";
+import { GanttDeleteDialog as ee } from "./GanttDeleteDialog.js";
+import { useGanttChartStore as a, useGanttTheme as te, useGanttTranslations as ne, useRawGanttChartStore as o } from "./GanttChart.js";
+import { Box as s, Chip as c, IconButton as l, Menu as u, MenuItem as d, TextField as f, Tooltip as p, Typography as m } from "@mui/material";
+import { useEffect as h, useMemo as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import x from "@mui/icons-material/Delete";
 import S from "@mui/icons-material/Add";
-import C from "@mui/icons-material/Edit";
+import { useVirtualizer as C } from "@tanstack/react-virtual";
+import w from "@mui/icons-material/Edit";
 //#region src/components/gantt-chart/GanttTaskPanel.tsx
-function w(e, t) {
+function T(e, t) {
 	return {
 		planned: t.statusPlanned,
 		"in-progress": t.statusInProgress,
@@ -19,14 +19,14 @@ function w(e, t) {
 		blocked: t.statusBlocked
 	}[e];
 }
-function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, showAssigneeColumn: o, onTaskClick: s, onAddTask: c, onEditTask: l, onDeleteTask: _, onStatusChange: x, inlineEdit: T, onInlineRename: E, isSelected: D, onSelect: O }) {
-	let [k, A] = u(null), [j, M] = u(null), N = te(), { statusColors: P } = ee(), F = () => {
-		j !== null && j.trim() && E?.(e, j.trim()), M(null);
+function E({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: ee, showAssigneeColumn: a, onTaskClick: o, onAddTask: h, onEditTask: g, onDeleteTask: v, onStatusChange: C, inlineEdit: E, onInlineRename: D, isSelected: O, onSelect: k }) {
+	let [A, j] = _(null), [M, N] = _(null), P = ne(), { statusColors: F } = te(), I = () => {
+		M !== null && M.trim() && D?.(e, M.trim()), N(null);
 	};
-	return /* @__PURE__ */ y(d, {
+	return /* @__PURE__ */ b(s, {
 		className: "gantt-task-row",
 		"data-testid": `gantt-task-row-${e.id}`,
-		"aria-selected": D ?? !1,
+		"aria-selected": O ?? !1,
 		sx: {
 			height: 40,
 			display: "flex",
@@ -35,16 +35,16 @@ function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, show
 			borderBottom: "1px solid",
 			borderRight: "1px solid",
 			borderColor: "divider",
-			cursor: s ? "pointer" : "default",
-			bgcolor: D ? "action.selected" : void 0,
-			boxShadow: D ? (e) => `inset 3px 0 0 ${e.palette.primary.main}` : void 0,
-			"&:hover": { bgcolor: D ? "action.selected" : s ? "action.hover" : void 0 }
+			cursor: o ? "pointer" : "default",
+			bgcolor: O ? "action.selected" : void 0,
+			boxShadow: O ? (e) => `inset 3px 0 0 ${e.palette.primary.main}` : void 0,
+			"&:hover": { bgcolor: O ? "action.selected" : o ? "action.hover" : void 0 }
 		},
 		onClick: () => {
-			O?.(), s?.(e);
+			k?.(), o?.(e);
 		},
 		children: [
-			/* @__PURE__ */ y(d, {
+			/* @__PURE__ */ b(s, {
 				sx: {
 					flex: 1,
 					minWidth: 0,
@@ -56,14 +56,14 @@ function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, show
 					height: "100%"
 				},
 				children: [
-					/* @__PURE__ */ v(d, {
+					/* @__PURE__ */ y(s, {
 						sx: {
 							width: 16,
 							flexShrink: 0,
 							display: "flex",
 							justifyContent: "center"
 						},
-						children: e.children.length > 0 && /* @__PURE__ */ v(d, {
+						children: e.children.length > 0 && /* @__PURE__ */ y(s, {
 							component: "span",
 							sx: {
 								fontSize: 9,
@@ -76,35 +76,35 @@ function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, show
 							children: t.has(e.id) ? "▼" : "▶"
 						})
 					}),
-					/* @__PURE__ */ v(d, { sx: {
+					/* @__PURE__ */ y(s, { sx: {
 						width: 8,
 						height: 8,
 						borderRadius: e.isMilestone ? 0 : "50%",
 						transform: e.isMilestone ? "rotate(45deg)" : void 0,
 						flexShrink: 0,
-						bgcolor: e.color ?? P?.[e.status] ?? n[e.status] ?? "grey.400"
+						bgcolor: e.color ?? F?.[e.status] ?? n[e.status] ?? "grey.400"
 					} }),
-					j === null ? /* @__PURE__ */ v(g, {
+					M === null ? /* @__PURE__ */ y(m, {
 						variant: "body2",
 						noWrap: !0,
 						sx: {
 							flex: 1,
 							minWidth: 0,
-							cursor: T ? "text" : "inherit"
+							cursor: E ? "text" : "inherit"
 						},
-						onDoubleClick: T ? (t) => {
-							t.stopPropagation(), M(e.name);
+						onDoubleClick: E ? (t) => {
+							t.stopPropagation(), N(e.name);
 						} : void 0,
 						children: e.name
-					}) : /* @__PURE__ */ v(m, {
+					}) : /* @__PURE__ */ y(f, {
 						size: "small",
 						variant: "standard",
-						value: j,
+						value: M,
 						autoFocus: !0,
-						onChange: (e) => M(e.target.value),
-						onBlur: F,
+						onChange: (e) => N(e.target.value),
+						onBlur: I,
 						onKeyDown: (e) => {
-							e.key === "Enter" && (e.preventDefault(), F()), e.key === "Escape" && (e.stopPropagation(), M(null));
+							e.key === "Enter" && (e.preventDefault(), I()), e.key === "Escape" && (e.stopPropagation(), N(null));
 						},
 						onClick: (e) => e.stopPropagation(),
 						sx: {
@@ -115,7 +115,7 @@ function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, show
 					})
 				]
 			}),
-			o && /* @__PURE__ */ v(d, {
+			a && /* @__PURE__ */ y(s, {
 				sx: {
 					width: 110,
 					flexShrink: 0,
@@ -124,14 +124,14 @@ function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, show
 					px: 1,
 					overflow: "hidden"
 				},
-				children: /* @__PURE__ */ v(g, {
+				children: /* @__PURE__ */ y(m, {
 					variant: "caption",
 					noWrap: !0,
 					color: e.assignee ? "text.primary" : "text.disabled",
 					children: e.assignee ?? "—"
 				})
 			}),
-			a && /* @__PURE__ */ y(d, {
+			ee && /* @__PURE__ */ b(s, {
 				className: "gantt-row-actions",
 				sx: {
 					width: 96,
@@ -142,45 +142,45 @@ function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, show
 					pr: .5
 				},
 				children: [
-					l && /* @__PURE__ */ v(h, {
-						title: N.editTaskTooltip,
-						children: /* @__PURE__ */ v(p, {
+					g && /* @__PURE__ */ y(p, {
+						title: P.editTaskTooltip,
+						children: /* @__PURE__ */ y(l, {
 							size: "small",
-							"aria-label": N.editTaskTooltip,
+							"aria-label": P.editTaskTooltip,
 							"data-testid": `gantt-edit-task-${e.id}`,
 							onClick: (t) => {
-								t.stopPropagation(), l(e);
+								t.stopPropagation(), g(e);
 							},
-							children: /* @__PURE__ */ v(C, { fontSize: "inherit" })
+							children: /* @__PURE__ */ y(w, { fontSize: "inherit" })
 						})
 					}),
-					c && /* @__PURE__ */ v(h, {
-						title: N.addTaskTooltip,
-						children: /* @__PURE__ */ v(p, {
+					h && /* @__PURE__ */ y(p, {
+						title: P.addTaskTooltip,
+						children: /* @__PURE__ */ y(l, {
 							size: "small",
-							"aria-label": N.addTaskTooltip,
+							"aria-label": P.addTaskTooltip,
 							"data-testid": `gantt-add-task-${e.id}`,
 							onClick: (t) => {
-								t.stopPropagation(), c(e);
+								t.stopPropagation(), h(e);
 							},
-							children: /* @__PURE__ */ v(S, { fontSize: "inherit" })
+							children: /* @__PURE__ */ y(S, { fontSize: "inherit" })
 						})
 					}),
-					_ && /* @__PURE__ */ v(h, {
-						title: N.deleteTaskTooltip,
-						children: /* @__PURE__ */ v(p, {
+					v && /* @__PURE__ */ y(p, {
+						title: P.deleteTaskTooltip,
+						children: /* @__PURE__ */ y(l, {
 							size: "small",
-							"aria-label": N.deleteTaskTooltip,
+							"aria-label": P.deleteTaskTooltip,
 							"data-testid": `gantt-delete-task-${e.id}`,
 							onClick: (t) => {
-								t.stopPropagation(), _(e);
+								t.stopPropagation(), v(e);
 							},
-							children: /* @__PURE__ */ v(b, { fontSize: "inherit" })
+							children: /* @__PURE__ */ y(x, { fontSize: "inherit" })
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ y(d, {
+			/* @__PURE__ */ b(s, {
 				sx: {
 					width: 90,
 					flexShrink: 0,
@@ -188,86 +188,86 @@ function T({ task: e, expandedIds: t, toggleExpand: i, hasActionsColumn: a, show
 					alignItems: "center",
 					justifyContent: "center"
 				},
-				children: [/* @__PURE__ */ v(f, {
-					label: w(e.status, N),
+				children: [/* @__PURE__ */ y(c, {
+					label: T(e.status, P),
 					size: "small",
 					variant: "outlined",
-					color: e.color ?? P?.[e.status] ? "default" : r[e.status] ?? "default",
+					color: e.color ?? F?.[e.status] ? "default" : r[e.status] ?? "default",
 					sx: {
 						height: 20,
 						fontSize: 10,
-						cursor: x ? "pointer" : "default",
-						...(e.color ?? P?.[e.status]) && {
-							borderColor: e.color ?? P?.[e.status],
-							color: e.color ?? P?.[e.status]
+						cursor: C ? "pointer" : "default",
+						...(e.color ?? F?.[e.status]) && {
+							borderColor: e.color ?? F?.[e.status],
+							color: e.color ?? F?.[e.status]
 						}
 					},
-					onClick: x ? (e) => {
-						e.stopPropagation(), A(e.currentTarget);
+					onClick: C ? (e) => {
+						e.stopPropagation(), j(e.currentTarget);
 					} : void 0
-				}), x && /* @__PURE__ */ v(ne, {
-					anchorEl: k,
-					open: !!k,
-					onClose: () => A(null),
+				}), C && /* @__PURE__ */ y(u, {
+					anchorEl: A,
+					open: !!A,
+					onClose: () => j(null),
 					children: [
 						"planned",
 						"in-progress",
 						"done",
 						"blocked"
-					].map((t) => /* @__PURE__ */ v(re, {
+					].map((t) => /* @__PURE__ */ y(d, {
 						selected: e.status === t,
 						onClick: () => {
-							x(e, t), A(null);
+							C(e, t), j(null);
 						},
-						children: w(t, N)
+						children: T(t, P)
 					}, t))
 				})]
 			})
 		]
 	});
 }
-function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTask: p, onEditTask: ne, onDeleteTask: re, onStatusChange: m, onTasksChange: h, enableBuiltinDialogs: b, onTaskCreated: S, onTaskUpdated: C, onTaskDeleted: w, inlineEdit: E, virtualizeRows: D = !1, showAssigneeColumn: O = !1 }) {
-	let k = te(), A = s(), j = o((e) => e.taskTree), M = o((e) => e.expandedIds), N = o((e) => e.toggleExpand), P = o((e) => e.timeScale), F = o((e) => e.addTask), I = o((e) => e.updateTask), ie = o((e) => e.deleteTask), L = o((e) => e.assigneeFilter), R = l(() => {
-		let n = t(j, M);
+function D({ scrollRef: n, onScroll: r, panelWidth: te, onTaskClick: c, onAddTask: l, onEditTask: u, onDeleteTask: d, onStatusChange: f, onTasksChange: p, enableBuiltinDialogs: x, onTaskCreated: S, onTaskUpdated: w, onTaskDeleted: T, inlineEdit: D, virtualizeRows: O = !1, showAssigneeColumn: k = !1 }) {
+	let A = ne(), j = o(), M = a((e) => e.taskTree), N = a((e) => e.expandedIds), P = a((e) => e.toggleExpand), F = a((e) => e.timeScale), I = a((e) => e.addTask), re = a((e) => e.updateTask), ie = a((e) => e.deleteTask), L = a((e) => e.assigneeFilter), R = g(() => {
+		let n = t(M, N);
 		return L ? e(n, L) : n;
 	}, [
-		j,
 		M,
+		N,
 		L
-	]), z = x({
+	]), z = C({
 		count: R.length,
 		getScrollElement: () => n.current,
 		estimateSize: () => 40,
 		overscan: 5
-	}), [ae, B] = u(!1), [oe, V] = u(!1), [se, H] = u(!1), [U, W] = u(null), ce = (e) => {
+	}), [ae, B] = _(!1), [oe, V] = _(!1), [se, H] = _(!1), [U, W] = _(null), ce = (e) => {
 		let t = {
 			...e,
 			id: crypto.randomUUID()
 		};
-		F(t), h?.(A.getState().tasks), S?.(t), B(!1);
+		I(t), p?.(j.getState().tasks), S?.(t), B(!1);
 	}, le = (e) => {
 		if (!U) return;
 		let t = {
 			...e,
 			id: U.id
 		};
-		I(t), h?.(A.getState().tasks), C?.(t), V(!1);
+		re(t), p?.(j.getState().tasks), w?.(t), V(!1);
 	}, ue = () => {
-		U && (ie(U.id), h?.(A.getState().tasks), w?.(U.id), H(!1));
+		U && (ie(U.id), p?.(j.getState().tasks), T?.(U.id), H(!1));
 	}, G = (e, t) => {
 		let n = {
 			...e,
 			name: t
 		};
-		I(n), h?.(A.getState().tasks), C?.(n);
-	}, K = b ? (e) => {
+		re(n), p?.(j.getState().tasks), w?.(n);
+	}, K = x ? (e) => {
 		W(e), B(!0);
-	} : p, q = b ? (e) => {
+	} : l, q = x ? (e) => {
 		W(e), V(!0);
-	} : ne, J = b ? (e) => {
+	} : u, J = x ? (e) => {
 		W(e), H(!0);
-	} : re, Y = !!(K || q || J), X = P === "days" ? 80 : 40, [Z, Q] = u(null), $ = Z ? R.findIndex((e) => e.id === Z) : -1;
-	c(() => {
+	} : d, Y = !!(K || q || J), X = F === "days" ? 80 : 40, [Z, Q] = _(null), $ = Z ? R.findIndex((e) => e.id === Z) : -1;
+	h(() => {
 		if ($ < 0 || !n.current) return;
 		let e = n.current, t = X + $ * 40, r = t + 40;
 		t < e.scrollTop ? e.scrollTop = t : r > e.scrollTop + e.clientHeight && (e.scrollTop = r - e.clientHeight);
@@ -281,21 +281,21 @@ function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTas
 		let t = R.length;
 		t !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Q(R[Math.min($ < 0 ? 0 : $ + 1, t - 1)].id)) : e.key === "ArrowUp" ? (e.preventDefault(), Q(R[Math.max($ <= 0 ? 0 : $ - 1, 0)].id)) : e.key === "Enter" && $ >= 0 ? (e.preventDefault(), q?.(R[$])) : e.key === "Escape" && Q(null));
 	}
-	return /* @__PURE__ */ y(d, {
+	return /* @__PURE__ */ b(s, {
 		ref: n,
 		onScroll: r,
 		tabIndex: 0,
 		"data-testid": "gantt-task-panel",
 		onKeyDown: de,
 		sx: {
-			width: ee,
+			width: te,
 			flexShrink: 0,
 			overflowY: "auto",
 			overflowX: "hidden",
 			outline: "none"
 		},
 		children: [
-			/* @__PURE__ */ y(d, {
+			/* @__PURE__ */ b(s, {
 				sx: {
 					height: X,
 					position: "sticky",
@@ -308,29 +308,29 @@ function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTas
 					display: "flex",
 					flexDirection: "column"
 				},
-				children: [/* @__PURE__ */ y(d, {
+				children: [/* @__PURE__ */ b(s, {
 					sx: {
 						height: 40,
 						display: "flex",
 						alignItems: "center",
 						overflow: "hidden",
-						borderBottom: P === "days" ? "1px solid" : void 0,
-						borderColor: P === "days" ? "divider" : void 0
+						borderBottom: F === "days" ? "1px solid" : void 0,
+						borderColor: F === "days" ? "divider" : void 0
 					},
 					children: [
-						/* @__PURE__ */ v(d, {
+						/* @__PURE__ */ y(s, {
 							sx: {
 								flex: 1,
 								minWidth: 0,
 								pl: 2
 							},
-							children: /* @__PURE__ */ v(g, {
+							children: /* @__PURE__ */ y(m, {
 								variant: "caption",
 								color: "text.secondary",
-								children: k.columnName
+								children: A.columnName
 							})
 						}),
-						O && /* @__PURE__ */ v(d, {
+						k && /* @__PURE__ */ y(s, {
 							sx: {
 								width: 110,
 								flexShrink: 0,
@@ -338,13 +338,13 @@ function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTas
 								alignItems: "center",
 								px: 1
 							},
-							children: /* @__PURE__ */ v(g, {
+							children: /* @__PURE__ */ y(m, {
 								variant: "caption",
 								color: "text.secondary",
-								children: k.columnAssignee
+								children: A.columnAssignee
 							})
 						}),
-						Y && /* @__PURE__ */ v(d, {
+						Y && /* @__PURE__ */ y(s, {
 							sx: {
 								width: 96,
 								flexShrink: 0,
@@ -352,13 +352,13 @@ function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTas
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ v(g, {
+							children: /* @__PURE__ */ y(m, {
 								variant: "caption",
 								color: "text.secondary",
-								children: k.columnActions
+								children: A.columnActions
 							})
 						}),
-						/* @__PURE__ */ v(d, {
+						/* @__PURE__ */ y(s, {
 							sx: {
 								width: 90,
 								flexShrink: 0,
@@ -366,21 +366,21 @@ function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTas
 								alignItems: "center",
 								justifyContent: "center"
 							},
-							children: /* @__PURE__ */ v(g, {
+							children: /* @__PURE__ */ y(m, {
 								variant: "caption",
 								color: "text.secondary",
-								children: k.columnStatus
+								children: A.columnStatus
 							})
 						})
 					]
-				}), P === "days" && /* @__PURE__ */ v(d, { sx: { flex: 1 } })]
+				}), F === "days" && /* @__PURE__ */ y(s, { sx: { flex: 1 } })]
 			}),
-			D ? /* @__PURE__ */ v(d, {
+			O ? /* @__PURE__ */ y(s, {
 				sx: {
 					position: "relative",
 					height: z.getTotalSize()
 				},
-				children: z.getVirtualItems().map((e) => /* @__PURE__ */ v(d, {
+				children: z.getVirtualItems().map((e) => /* @__PURE__ */ y(s, {
 					style: {
 						position: "absolute",
 						top: 0,
@@ -389,55 +389,55 @@ function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTas
 						height: 40,
 						transform: `translateY(${e.start}px)`
 					},
-					children: /* @__PURE__ */ v(T, {
+					children: /* @__PURE__ */ y(E, {
 						task: R[e.index],
-						expandedIds: M,
-						toggleExpand: N,
+						expandedIds: N,
+						toggleExpand: P,
 						hasActionsColumn: Y,
-						showAssigneeColumn: O,
-						onTaskClick: f,
+						showAssigneeColumn: k,
+						onTaskClick: c,
 						onAddTask: K,
 						onEditTask: q,
 						onDeleteTask: J,
-						onStatusChange: m,
-						inlineEdit: E,
-						onInlineRename: E ? G : void 0,
+						onStatusChange: f,
+						inlineEdit: D,
+						onInlineRename: D ? G : void 0,
 						isSelected: R[e.index].id === Z,
 						onSelect: () => Q(R[e.index].id)
 					})
 				}, e.key))
-			}) : R.map((e) => /* @__PURE__ */ v(T, {
+			}) : R.map((e) => /* @__PURE__ */ y(E, {
 				task: e,
-				expandedIds: M,
-				toggleExpand: N,
+				expandedIds: N,
+				toggleExpand: P,
 				hasActionsColumn: Y,
-				showAssigneeColumn: O,
-				onTaskClick: f,
+				showAssigneeColumn: k,
+				onTaskClick: c,
 				onAddTask: K,
 				onEditTask: q,
 				onDeleteTask: J,
-				onStatusChange: m,
-				inlineEdit: E,
-				onInlineRename: E ? G : void 0,
+				onStatusChange: f,
+				inlineEdit: D,
+				onInlineRename: D ? G : void 0,
 				isSelected: e.id === Z,
 				onSelect: () => Q(e.id)
 			}, e.id)),
-			b && /* @__PURE__ */ y(_, { children: [
-				/* @__PURE__ */ v(i, {
+			x && /* @__PURE__ */ b(v, { children: [
+				/* @__PURE__ */ y(i, {
 					open: ae,
 					mode: "add",
 					defaultParentId: U?.id,
 					onSave: ce,
 					onClose: () => B(!1)
 				}),
-				/* @__PURE__ */ v(i, {
+				/* @__PURE__ */ y(i, {
 					open: oe,
 					mode: "edit",
 					initialTask: U ?? void 0,
 					onSave: le,
 					onClose: () => V(!1)
 				}),
-				/* @__PURE__ */ v(a, {
+				/* @__PURE__ */ y(ee, {
 					open: se,
 					task: U,
 					onConfirm: ue,
@@ -448,4 +448,4 @@ function E({ scrollRef: n, onScroll: r, panelWidth: ee, onTaskClick: f, onAddTas
 	});
 }
 //#endregion
-export { E as GanttTaskPanel };
+export { D as GanttTaskPanel };

package/dist/components/gantt-chart/GanttTimeline.js

@@ -6,8 +6,8 @@ import { GanttWeekendStrips as f } from "./GanttWeekendStrips.js";
 import { GanttStatusContextMenu as p } from "./GanttStatusContextMenu.js";
 import { GanttDependencyArrows as m } from "./GanttDependencyArrows.js";
 import { useGanttChartStore as h, useGanttTheme as te, useGanttTranslations as ne, useRawGanttChartStore as re } from "./GanttChart.js";
-import { useEffect as ie, useId as ae, useMemo as g, useRef as _, useState as oe } from "react";
-import { Box as v, useTheme as se } from "@mui/material";
+import { Box as g, useTheme as ie } from "@mui/material";
+import { useEffect as ae, useId as oe, useMemo as _, useRef as v, useState as se } from "react";
 import { Fragment as ce, jsx as y, jsxs as le } from "react/jsx-runtime";
 import { useVirtualizer as ue } from "@tanstack/react-virtual";
 //#region src/components/gantt-chart/GanttTimeline.tsx
@@ -30,14 +30,14 @@ function de(t, n, r) {
 	return i;
 }
 function b({ scrollRef: e, onScroll: b, onTaskClick: x, onMilestoneClick: S, draggable: C = !1, resizable: w = !1, progressDraggable: T = !1, showCriticalPath: E = !1, virtualizeRows: fe = !1, onDragStart: pe, onTaskMoved: me, onTaskResized: he, onTasksChange: D, onStatusChange: O }) {
-	let k = h((e) => e.taskTree), A = h((e) => e.tasks), j = h((e) => e.expandedIds), M = h((e) => e.timelineRange), N = h((e) => e.timeScale), ge = h((e) => e.updateTask), P = re(), F = ne(), _e = se(), { todayLineColor: ve } = te(), ye = `gantt-arrow-${ae().replace(/:/g, "")}`, I = h((e) => e.assigneeFilter), L = g(() => {
+	let k = h((e) => e.taskTree), A = h((e) => e.tasks), j = h((e) => e.expandedIds), M = h((e) => e.timelineRange), N = h((e) => e.timeScale), ge = h((e) => e.updateTask), P = re(), F = ne(), _e = ie(), { todayLineColor: ve } = te(), ye = `gantt-arrow-${oe().replace(/:/g, "")}`, I = h((e) => e.assigneeFilter), L = _(() => {
 		let e = c(k, j);
 		return I ? n(e, I) : e;
 	}, [
 		k,
 		j,
 		I
-	]), R = g(() => i(M, N), [M, N]), z = g(() => N === "days" ? r(R).map((e) => ({
+	]), R = _(() => i(M, N), [M, N]), z = _(() => N === "days" ? r(R).map((e) => ({
 		key: e.toISOString(),
 		label: String(e.getDate()),
 		width: 20,
@@ -62,7 +62,7 @@ function b({ scrollRef: e, onScroll: b, onTaskClick: x, onMilestoneClick: S, dra
 		R,
 		F.weekColumnPrefix,
 		F.dateLocale
-	]), B = g(() => z.reduce((e, t) => e + t.width, 0), [z]), V = g(() => {
+	]), B = _(() => z.reduce((e, t) => e + t.width, 0), [z]), V = _(() => {
 		if (N !== "days") return;
 		let e = /* @__PURE__ */ new Map();
 		for (let t of z) {
@@ -83,16 +83,16 @@ function b({ scrollRef: e, onScroll: b, onTaskClick: x, onMilestoneClick: S, dra
 		N,
 		z,
 		F.dateLocale
-	]), be = g(() => de(L, R, B), [
+	]), be = _(() => de(L, R, B), [
 		L,
 		R,
 		B
-	]), H = g(() => E ? t(A) : /* @__PURE__ */ new Set(), [E, A]), U = ue({
+	]), H = _(() => E ? t(A) : /* @__PURE__ */ new Set(), [E, A]), U = ue({
 		count: L.length,
 		getScrollElement: () => e.current,
 		estimateSize: () => 40,
 		overscan: 5
-	}), xe = g(() => {
+	}), xe = _(() => {
 		if (N !== "days") return [];
 		let e = 0;
 		return z.flatMap((t) => {
@@ -102,16 +102,16 @@ function b({ scrollRef: e, onScroll: b, onTaskClick: x, onMilestoneClick: S, dra
 			}] : [];
 			return e += t.width, n;
 		});
-	}, [N, z]), W = g(() => {
+	}, [N, z]), W = _(() => {
 		let e = Date.now(), t = R.start.getTime(), n = R.end.getTime();
 		return e < t || e > n ? null : (e - t) / (n - t) * B;
-	}, [R, B]), Se = g(() => (/* @__PURE__ */ new Date()).toLocaleDateString(F.dateLocale, {
+	}, [R, B]), Se = _(() => (/* @__PURE__ */ new Date()).toLocaleDateString(F.dateLocale, {
 		weekday: "long",
 		day: "numeric",
 		month: "long",
 		year: "numeric"
 	}), [F.dateLocale]), Ce = ve || _e.palette.primary.main;
-	ie(() => {
+	ae(() => {
 		if (W === null || !e.current) return;
 		let t = e.current.clientWidth;
 		e.current.scrollLeft = Math.max(0, W - t / 2);
@@ -123,10 +123,10 @@ function b({ scrollRef: e, onScroll: b, onTaskClick: x, onMilestoneClick: S, dra
 		onTaskMoved: me,
 		onTaskResized: he,
 		onTasksChange: D
-	}), [we, Q] = oe(null), Te = _(O);
+	}), [we, Q] = se(null), Te = v(O);
 	Te.current = O;
-	let $ = _(D);
-	return $.current = D, /* @__PURE__ */ y(v, {
+	let $ = v(D);
+	return $.current = D, /* @__PURE__ */ y(g, {
 		ref: e,
 		onScroll: b,
 		"data-testid": "gantt-timeline-scroll",
@@ -134,7 +134,7 @@ function b({ scrollRef: e, onScroll: b, onTaskClick: x, onMilestoneClick: S, dra
 			flex: 1,
 			overflow: "auto"
 		},
-		children: /* @__PURE__ */ le(v, {
+		children: /* @__PURE__ */ le(g, {
 			sx: {
 				minWidth: B,
 				position: "relative"
@@ -154,7 +154,7 @@ function b({ scrollRef: e, onScroll: b, onTaskClick: x, onMilestoneClick: S, dra
 					height: L.length * 40,
 					top: K
 				}),
-				fe ? /* @__PURE__ */ y(v, {
+				fe ? /* @__PURE__ */ y(g, {
 					sx: {
 						position: "relative",
 						height: U.getTotalSize()