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

package/dist/components/color-picker/PopoverColorPicker.js

@@ -2,8 +2,8 @@ import { muiTsStateClasses as e } from "../../utils/muiTsClasses.js";
 import { popoverColorPickerClasses as t } from "./popoverColorPickerClasses.js";
 import { DEFAULT_POPOVER_COLOR_PICKER_TRANSLATION as n } from "./ColorPicker.types.js";
 import { ColorPicker as r } from "./ColorPicker.js";
-import { useState as i } from "react";
-import { Box as a, Popover as o, useTheme as s } from "@mui/material";
+import { Box as i, Popover as a, useTheme as o } from "@mui/material";
+import { useState as s } from "react";
 import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/color-picker/PopoverColorPicker.tsx
 var d = {
@@ -12,11 +12,11 @@ var d = {
 	backgroundPosition: "0 0, 0 4px, 4px -4px, -4px 0px"
 };
 function f({ value: f, onChange: p, onChangeCommitted: m, swatchSize: h = 28, swatchShape: g = "square", disabled: _ = !1, translation: v, ...y }) {
-	let b = s(), x = {
+	let b = o(), x = {
 		...n,
 		...v
-	}, [S, C] = i(null), w = !!S, T = g === "circle" ? "50%" : `${b.shape.borderRadius}px`;
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, {
+	}, [S, C] = s(null), w = !!S, T = g === "circle" ? "50%" : `${b.shape.borderRadius}px`;
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(i, {
 		component: "button",
 		type: "button",
 		disabled: _,
@@ -42,7 +42,7 @@ function f({ value: f, onChange: p, onChangeCommitted: m, swatchSize: h = 28, sw
 				outlineOffset: 2
 			}
 		},
-		children: /* @__PURE__ */ l(a, {
+		children: /* @__PURE__ */ l(i, {
 			className: t.swatch,
 			sx: {
 				width: "100%",
@@ -51,7 +51,7 @@ function f({ value: f, onChange: p, onChangeCommitted: m, swatchSize: h = 28, sw
 				backgroundColor: f
 			}
 		})
-	}), /* @__PURE__ */ l(o, {
+	}), /* @__PURE__ */ l(a, {
 		open: w,
 		anchorEl: S,
 		onClose: () => C(null),

package/dist/components/date-range-picker/DateRangePicker.js

@@ -1,8 +1,8 @@
 import { muiTsStateClasses as e } from "../../utils/muiTsClasses.js";
 import { dateRangePickerClasses as t } from "./dateRangePickerClasses.js";
 import { DEFAULT_DATE_RANGE_PICKER_TRANSLATION as n } from "./DateRangePicker.types.js";
-import { useState as r } from "react";
-import { Box as i, FormHelperText as a, TextField as o } from "@mui/material";
+import { Box as r, FormHelperText as i, TextField as a } from "@mui/material";
+import { useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/date-range-picker/DateRangePicker.tsx
 function l(e) {
@@ -34,7 +34,7 @@ function m({ value: m, defaultValue: h, onChange: g, minDate: _, maxDate: v, dis
 	let E = {
 		...n,
 		...T
-	}, D = m !== void 0, [O, k] = r(h ?? p), [A, j] = r({
+	}, D = m !== void 0, [O, k] = o(h ?? p), [A, j] = o({
 		start: !1,
 		end: !1
 	}), M = D ? m : O, { startError: N, endError: P } = f(M, A, b, E);
@@ -72,7 +72,7 @@ function m({ value: m, defaultValue: h, onChange: g, minDate: _, maxDate: v, dis
 		}));
 	}
 	let B = _ ? l(_) : void 0, V = v ? l(v) : void 0, H = M.start ? l(M.start) : B, U = x || !!N || !!P;
-	return /* @__PURE__ */ c(i, {
+	return /* @__PURE__ */ c(r, {
 		className: [
 			t.root,
 			y && e.disabled,
@@ -83,7 +83,7 @@ function m({ value: m, defaultValue: h, onChange: g, minDate: _, maxDate: v, dis
 			flexDirection: "column",
 			gap: .25
 		},
-		children: [/* @__PURE__ */ c(i, {
+		children: [/* @__PURE__ */ c(r, {
 			className: t.inputs,
 			sx: {
 				display: "inline-flex",
@@ -91,7 +91,7 @@ function m({ value: m, defaultValue: h, onChange: g, minDate: _, maxDate: v, dis
 				gap: 1
 			},
 			children: [
-				/* @__PURE__ */ s(o, {
+				/* @__PURE__ */ s(a, {
 					className: t.startInput,
 					type: "date",
 					label: E.fromLabel,
@@ -113,7 +113,7 @@ function m({ value: m, defaultValue: h, onChange: g, minDate: _, maxDate: v, dis
 						}
 					}
 				}),
-				/* @__PURE__ */ s(i, {
+				/* @__PURE__ */ s(r, {
 					component: "span",
 					className: t.separator,
 					"aria-hidden": !0,
@@ -126,7 +126,7 @@ function m({ value: m, defaultValue: h, onChange: g, minDate: _, maxDate: v, dis
 					},
 					children: "–"
 				}),
-				/* @__PURE__ */ s(o, {
+				/* @__PURE__ */ s(a, {
 					className: t.endInput,
 					type: "date",
 					label: E.toLabel,
@@ -149,7 +149,7 @@ function m({ value: m, defaultValue: h, onChange: g, minDate: _, maxDate: v, dis
 					}
 				})
 			]
-		}), S && /* @__PURE__ */ s(a, {
+		}), S && /* @__PURE__ */ s(i, {
 			className: t.helperText,
 			error: x,
 			sx: { mx: "14px" },

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

@@ -3,9 +3,9 @@ import { createGanttChartStore as n } from "./GanttChart.store.js";
 import { DEFAULT_GANTT_TRANSLATIONS as r } from "./GanttChart.types.js";
 import { GanttTaskPanel as i } from "./GanttTaskPanel.js";
 import { GanttTimeline as a } from "./GanttTimeline.js";
-import { GanttToolbar as o } from "./GanttToolbar.js";
-import { createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as ee } from "react";
-import { Box as p } from "@mui/material";
+import { GanttToolbar as ee } from "./GanttToolbar.js";
+import { Box as o } from "@mui/material";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useStore as g } from "zustand";
 //#region src/components/gantt-chart/GanttChart.tsx
@@ -53,7 +53,7 @@ function D({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 	let H = w(A, 400), U = d(() => ({
 		...E,
 		...k
-	}), [k]), W = w(j, "100%"), G = v((e) => e.setTasks), K = v((e) => e.timeScale), q = v((e) => e.setTimeScale), J = v((e) => e.timelineRange), Y = f(null), X = f(null), Z = f(!1), [Q, ae] = ee(320 + (L ? 110 : 0)), oe = Math.max(M, 90 + (x || s || l || g ? 96 : 0) + (L ? 110 : 0) + 80), $ = y(), se = c(() => {
+	}), [k]), W = w(j, "100%"), G = v((e) => e.setTasks), K = v((e) => e.timeScale), q = v((e) => e.setTimeScale), J = v((e) => e.timelineRange), Y = f(null), X = f(null), Z = f(!1), [Q, ae] = p(320 + (L ? 110 : 0)), oe = Math.max(M, 90 + (x || s || l || g ? 96 : 0) + (L ? 110 : 0) + 80), $ = y(), se = c(() => {
 		let e = $.getState().tasks, t = [[
 			"id",
 			"name",
@@ -125,7 +125,7 @@ function D({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 		oe,
 		N
 	]);
-	return /* @__PURE__ */ h(p, {
+	return /* @__PURE__ */ h(o, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -136,11 +136,11 @@ function D({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 			borderRadius: 1,
 			overflow: "hidden"
 		},
-		children: [O && /* @__PURE__ */ m(o, {
+		children: [O && /* @__PURE__ */ m(ee, {
 			onScrollToToday: ue,
 			config: U,
 			onExportCSV: U.showExportCSV ? se : void 0
-		}), /* @__PURE__ */ h(p, {
+		}), /* @__PURE__ */ h(o, {
 			sx: {
 				display: "flex",
 				flex: 1,
@@ -165,7 +165,7 @@ function D({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 					virtualizeRows: I,
 					showAssigneeColumn: L
 				}),
-				/* @__PURE__ */ m(p, {
+				/* @__PURE__ */ m(o, {
 					"data-testid": "gantt-panel-divider",
 					sx: {
 						width: 4,
@@ -196,16 +196,16 @@ function D({ tasks: t, onTaskClick: n, onMilestoneClick: r, onAddTask: s, onEdit
 		})]
 	});
 }
-function O({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showToolbar: o = !0, defaultRangeStart: s, defaultRangeEnd: c, translations: l, enableBuiltinDialogs: u = !0, toolbarConfig: f, zoomable: p = !1, draggable: h = !1, resizable: g = !1, inlineEdit: v = !1, progressDraggable: y = !1, showCriticalPath: x = !1, virtualizeRows: C = !1, showAssigneeColumn: w = !1, cascadeDependencies: T = !1, statusColors: E, ganttTheme: O, onExportCSV: k, onDragStart: A, onTaskClick: j, onMilestoneClick: M, onAddTask: N, onEditTask: P, onDeleteTask: F, onStatusChange: te, onTasksChange: ne, onTaskMoved: re, onTaskResized: ie, onTaskCreated: I, onTaskUpdated: L, onTaskDeleted: R, height: z, width: B, minPanelWidth: V, maxPanelWidth: H }) {
+function O({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showToolbar: ee = !0, defaultRangeStart: o, defaultRangeEnd: s, translations: c, enableBuiltinDialogs: l = !0, toolbarConfig: u, zoomable: f = !1, draggable: h = !1, resizable: g = !1, inlineEdit: v = !1, progressDraggable: y = !1, showCriticalPath: x = !1, virtualizeRows: C = !1, showAssigneeColumn: w = !1, cascadeDependencies: T = !1, statusColors: E, ganttTheme: O, onExportCSV: k, onDragStart: A, onTaskClick: j, onMilestoneClick: M, onAddTask: N, onEditTask: P, onDeleteTask: F, onStatusChange: te, onTasksChange: ne, onTaskMoved: re, onTaskResized: ie, onTaskCreated: I, onTaskUpdated: L, onTaskDeleted: R, height: z, width: B, minPanelWidth: V, maxPanelWidth: H }) {
 	let U = d(() => ({
 		...r,
-		...l
-	}), [l]), [W] = ee(() => {
-		if (!(s !== void 0 || c !== void 0)) return n(e, i, a, void 0, T);
+		...c
+	}), [c]), [W] = p(() => {
+		if (!(o !== void 0 || s !== void 0)) return n(e, i, a, void 0, T);
 		let r = t(e);
 		return n(e, i, a, {
-			start: s ?? r.start,
-			end: c ?? r.end
+			start: o ?? r.start,
+			end: s ?? r.end
 		}, T);
 	}), G = d(() => ({
 		...O,
@@ -223,10 +223,10 @@ function O({ tasks: e, timeScale: i = "months", initialExpandAll: a = !1, showTo
 				children: /* @__PURE__ */ m(D, {
 					tasks: e,
 					timeScale: i,
-					enableBuiltinDialogs: u,
-					showToolbar: o,
-					toolbarConfig: f,
-					zoomable: p,
+					enableBuiltinDialogs: l,
+					showToolbar: ee,
+					toolbarConfig: u,
+					zoomable: f,
 					draggable: h,
 					resizable: g,
 					inlineEdit: v,

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

@@ -1,7 +1,7 @@
 import { getDependencyCycleCandidates as e } from "./util/gantt-chart.util.js";
 import { useGanttChartStore as t, useGanttTranslations as n } from "./GanttChart.js";
-import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
-import { Box as s, Button as c, Checkbox as l, Dialog as u, DialogActions as d, DialogContent as f, DialogTitle as p, FormControl as m, FormControlLabel as h, InputLabel as g, MenuItem as _, Select as v, Slider as y, TextField as b, Tooltip as x, Typography as S } from "@mui/material";
+import { Box as r, Button as i, Checkbox as a, Dialog as o, DialogActions as s, DialogContent as c, DialogTitle as l, FormControl as u, FormControlLabel as d, InputLabel as f, MenuItem as p, Select as m, Slider as h, TextField as g, Tooltip as _, Typography as v } from "@mui/material";
+import { useEffect as y, useMemo as b, useRef as x, useState as S } from "react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/components/gantt-chart/GanttTaskDialog.tsx
 function T(e) {
@@ -14,11 +14,11 @@ function D(e) {
 	return e.flatMap((e) => [e, ...D(e.children)]);
 }
 function O({ label: e }) {
-	let t = a(null), [n, r] = o(!1);
-	return /* @__PURE__ */ C(x, {
+	let t = x(null), [n, r] = S(!1);
+	return /* @__PURE__ */ C(_, {
 		title: e,
 		disableHoverListener: !n,
-		children: /* @__PURE__ */ C(S, {
+		children: /* @__PURE__ */ C(v, {
 			ref: t,
 			component: "span",
 			variant: "body2",
@@ -36,8 +36,8 @@ function O({ label: e }) {
 		})
 	});
 }
-function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, onClose: M }) {
-	let N = n(), P = t((e) => e.taskTree), F = t((e) => e.timelineRange), I = i(() => D(P), [P]), L = i(() => {
+function k({ open: _, mode: x, initialTask: k, defaultParentId: A, onSave: j, onClose: M }) {
+	let N = n(), P = t((e) => e.taskTree), F = t((e) => e.timelineRange), I = b(() => D(P), [P]), L = b(() => {
 		if (x === "add" || !k) return /* @__PURE__ */ new Set();
 		let e = (t) => [t.id, ...t.children.flatMap(e)], t = I.find((e) => e.id === k.id);
 		return new Set(t ? e(t) : [k.id]);
@@ -45,11 +45,11 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 		x,
 		k,
 		I
-	]), R = I.filter((e) => !L.has(e.id)), z = i(() => x === "add" || !k ? /* @__PURE__ */ new Set() : e(I, k.id), [
+	]), R = I.filter((e) => !L.has(e.id)), z = b(() => x === "add" || !k ? /* @__PURE__ */ new Set() : e(I, k.id), [
 		x,
 		k,
 		I
-	]), B = R.filter((e) => !z.has(e.id)), V = T(E(/* @__PURE__ */ new Date(), F.start, F.end)), [H, U] = o({
+	]), B = R.filter((e) => !z.has(e.id)), V = T(E(/* @__PURE__ */ new Date(), F.start, F.end)), [H, U] = S({
 		name: "",
 		startDate: V,
 		endDate: V,
@@ -60,8 +60,8 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 		dependencies: [],
 		assignee: ""
 	});
-	r(() => {
-		if (!a) return;
+	y(() => {
+		if (!_) return;
 		let e = T(E(/* @__PURE__ */ new Date(), F.start, F.end));
 		U(x === "edit" && k ? {
 			name: k.name,
@@ -85,7 +85,7 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 			assignee: ""
 		});
 	}, [
-		a,
+		_,
 		x,
 		k,
 		A,
@@ -132,15 +132,15 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 		done: N.statusDone,
 		blocked: N.statusBlocked
 	};
-	return /* @__PURE__ */ w(u, {
-		open: a,
+	return /* @__PURE__ */ w(o, {
+		open: _,
 		onClose: M,
 		maxWidth: "xs",
 		fullWidth: !0,
 		"data-testid": "gantt-task-dialog",
 		children: [
-			/* @__PURE__ */ C(p, { children: x === "add" ? N.dialogAddTitle : N.dialogEditTitle }),
-			/* @__PURE__ */ w(f, {
+			/* @__PURE__ */ C(l, { children: x === "add" ? N.dialogAddTitle : N.dialogEditTitle }),
+			/* @__PURE__ */ w(c, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
@@ -148,7 +148,7 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 					pt: "16px !important"
 				},
 				children: [
-					/* @__PURE__ */ C(b, {
+					/* @__PURE__ */ C(g, {
 						label: N.dialogFieldName,
 						value: H.name,
 						onChange: (e) => U((t) => ({
@@ -161,7 +161,7 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 						autoFocus: !0,
 						slotProps: { htmlInput: { "data-testid": "gantt-dialog-field-name" } }
 					}),
-					/* @__PURE__ */ C(b, {
+					/* @__PURE__ */ C(g, {
 						label: N.columnAssignee,
 						value: H.assignee,
 						onChange: (e) => U((t) => ({
@@ -173,7 +173,7 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 						placeholder: "e.g. Jane Smith",
 						slotProps: { htmlInput: { "data-testid": "gantt-dialog-field-assignee" } }
 					}),
-					/* @__PURE__ */ C(b, {
+					/* @__PURE__ */ C(g, {
 						label: N.dialogFieldStartDate,
 						type: "date",
 						value: H.startDate,
@@ -186,7 +186,7 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 							htmlInput: { "data-testid": "gantt-dialog-field-start" }
 						}
 					}),
-					/* @__PURE__ */ C(b, {
+					/* @__PURE__ */ C(g, {
 						label: N.dialogFieldEndDate,
 						type: "date",
 						value: H.endDate,
@@ -203,10 +203,10 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 							}
 						}
 					}),
-					/* @__PURE__ */ w(m, {
+					/* @__PURE__ */ w(u, {
 						size: "small",
 						fullWidth: !0,
-						children: [/* @__PURE__ */ C(g, { children: N.dialogFieldStatus }), /* @__PURE__ */ C(v, {
+						children: [/* @__PURE__ */ C(f, { children: N.dialogFieldStatus }), /* @__PURE__ */ C(m, {
 							value: H.status,
 							label: N.dialogFieldStatus,
 							onChange: (e) => U((t) => ({
@@ -214,32 +214,32 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 								status: e.target.value
 							})),
 							inputProps: { "data-testid": "gantt-dialog-field-status" },
-							children: Y.map((e) => /* @__PURE__ */ C(_, {
+							children: Y.map((e) => /* @__PURE__ */ C(p, {
 								value: e,
 								children: X[e]
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ w(s, {
+					/* @__PURE__ */ w(r, {
 						"data-testid": "gantt-dialog-field-progress-wrapper",
-						children: [/* @__PURE__ */ w(s, {
+						children: [/* @__PURE__ */ w(r, {
 							sx: {
 								display: "flex",
 								justifyContent: "space-between",
 								alignItems: "baseline",
 								mb: .25
 							},
-							children: [/* @__PURE__ */ C(S, {
+							children: [/* @__PURE__ */ C(v, {
 								variant: "caption",
 								color: H.isMilestone ? "text.disabled" : "text.secondary",
 								children: N.dialogFieldProgress ?? "Fortschritt (%)"
-							}), /* @__PURE__ */ w(S, {
+							}), /* @__PURE__ */ w(v, {
 								variant: "caption",
 								sx: { fontWeight: 600 },
 								color: H.isMilestone ? "text.disabled" : "text.primary",
 								children: [H.progress, " %"]
 							})]
-						}), /* @__PURE__ */ C(y, {
+						}), /* @__PURE__ */ C(h, {
 							value: H.progress,
 							onChange: (e, t) => U((e) => ({
 								...e,
@@ -261,8 +261,8 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 							"data-testid": "gantt-dialog-field-progress"
 						})]
 					}),
-					/* @__PURE__ */ C(h, {
-						control: /* @__PURE__ */ C(l, {
+					/* @__PURE__ */ C(d, {
+						control: /* @__PURE__ */ C(a, {
 							checked: H.isMilestone,
 							onChange: (e) => K(e.target.checked),
 							size: "small",
@@ -270,10 +270,10 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 						}),
 						label: N.dialogFieldMilestone
 					}),
-					/* @__PURE__ */ w(m, {
+					/* @__PURE__ */ w(u, {
 						size: "small",
 						fullWidth: !0,
-						children: [/* @__PURE__ */ C(g, { children: N.dialogFieldParent }), /* @__PURE__ */ w(v, {
+						children: [/* @__PURE__ */ C(f, { children: N.dialogFieldParent }), /* @__PURE__ */ w(m, {
 							value: H.parentId,
 							label: N.dialogFieldParent,
 							onChange: (e) => U((t) => ({
@@ -282,13 +282,13 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 							})),
 							inputProps: { "data-testid": "gantt-dialog-field-parent" },
 							MenuProps: { slotProps: { paper: { sx: { maxHeight: 280 } } } },
-							children: [/* @__PURE__ */ C(_, {
+							children: [/* @__PURE__ */ C(p, {
 								value: "",
 								children: N.dialogFieldParentNone
-							}), R.map((e) => /* @__PURE__ */ C(_, {
+							}), R.map((e) => /* @__PURE__ */ C(p, {
 								value: e.id,
 								sx: { minWidth: 0 },
-								children: /* @__PURE__ */ w(s, {
+								children: /* @__PURE__ */ w(r, {
 									sx: {
 										display: "flex",
 										alignItems: "center",
@@ -298,7 +298,7 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 										width: "100%",
 										overflow: "hidden"
 									},
-									children: [e.depth > 0 && /* @__PURE__ */ C(S, {
+									children: [e.depth > 0 && /* @__PURE__ */ C(v, {
 										component: "span",
 										variant: "caption",
 										sx: {
@@ -312,10 +312,10 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 							}, e.id))]
 						})]
 					}),
-					/* @__PURE__ */ w(m, {
+					/* @__PURE__ */ w(u, {
 						size: "small",
 						fullWidth: !0,
-						children: [/* @__PURE__ */ C(g, { children: N.dialogFieldDependencies }), /* @__PURE__ */ C(v, {
+						children: [/* @__PURE__ */ C(f, { children: N.dialogFieldDependencies }), /* @__PURE__ */ C(m, {
 							multiple: !0,
 							value: H.dependencies,
 							label: N.dialogFieldDependencies,
@@ -329,10 +329,10 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 							inputProps: { "data-testid": "gantt-dialog-field-dependencies" },
 							renderValue: (e) => e.length === 0 ? N.dialogFieldDependenciesNone : e.map((e) => I.find((t) => t.id === e)?.name ?? e).join(", "),
 							MenuProps: { slotProps: { paper: { sx: { maxHeight: 280 } } } },
-							children: B.map((e) => /* @__PURE__ */ C(_, {
+							children: B.map((e) => /* @__PURE__ */ C(p, {
 								value: e.id,
 								sx: { minWidth: 0 },
-								children: /* @__PURE__ */ w(s, {
+								children: /* @__PURE__ */ w(r, {
 									sx: {
 										display: "flex",
 										alignItems: "center",
@@ -342,7 +342,7 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 										width: "100%",
 										overflow: "hidden"
 									},
-									children: [e.depth > 0 && /* @__PURE__ */ C(S, {
+									children: [e.depth > 0 && /* @__PURE__ */ C(v, {
 										component: "span",
 										variant: "caption",
 										sx: {
@@ -358,10 +358,10 @@ function k({ open: a, mode: x, initialTask: k, defaultParentId: A, onSave: j, on
 					})
 				]
 			}),
-			/* @__PURE__ */ w(d, { children: [/* @__PURE__ */ C(c, {
+			/* @__PURE__ */ w(s, { children: [/* @__PURE__ */ C(i, {
 				onClick: M,
 				children: N.dialogCancel
-			}), /* @__PURE__ */ C(c, {
+			}), /* @__PURE__ */ C(i, {
 				onClick: J,
 				variant: "contained",
 				disabled: !q,