@thebuoyant-tsdev/mui-ts-library 3.29.2 → 3.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.de.md +49 -1
- package/README.md +49 -1
- package/dist/components/chord-chart/ChordChart.js +112 -112
- package/dist/components/circle-packing-chart/CirclePackingChart.js +135 -135
- package/dist/components/color-picker/ColorPicker.js +217 -217
- package/dist/components/color-picker/PopoverColorPicker.js +7 -7
- package/dist/components/date-range-picker/DateRangePicker.js +9 -9
- package/dist/components/gantt-chart/GanttChart.js +18 -18
- package/dist/components/gantt-chart/GanttTaskDialog.js +43 -43
- package/dist/components/gantt-chart/GanttTaskPanel.js +128 -128
- package/dist/components/gantt-chart/GanttTimeline.js +16 -16
- package/dist/components/gantt-chart/GanttToolbar.js +24 -24
- package/dist/components/horizontal-tree-chart/HorizontalTreeChart.js +244 -244
- package/dist/components/json-editor/JsonEditor.js +9 -9
- package/dist/components/json-editor/JsonEditorContent.js +54 -54
- package/dist/components/json-editor/JsonEditorToolbar.js +12 -12
- package/dist/components/kanban-board/KanbanBoard.d.ts +2 -0
- package/dist/components/kanban-board/KanbanBoard.js +129 -0
- package/dist/components/kanban-board/KanbanBoard.types.d.ts +84 -0
- package/dist/components/kanban-board/KanbanBoard.types.js +19 -0
- package/dist/components/kanban-board/KanbanBoardCard.d.ts +13 -0
- package/dist/components/kanban-board/KanbanBoardCard.js +104 -0
- package/dist/components/kanban-board/KanbanBoardCardDialog.d.ts +23 -0
- package/dist/components/kanban-board/KanbanBoardCardDialog.js +120 -0
- package/dist/components/kanban-board/KanbanBoardColumn.d.ts +14 -0
- package/dist/components/kanban-board/KanbanBoardColumn.js +129 -0
- package/dist/components/kanban-board/kanbanBoardClasses.d.ts +47 -0
- package/dist/components/kanban-board/kanbanBoardClasses.js +18 -0
- package/dist/components/password-strength-meter/PasswordStrengthMeter.js +27 -27
- package/dist/components/radial-stacked-bar-chart/RadialStackedBarChart.js +48 -48
- package/dist/components/radial-tree-chart/RadialTreeChart.js +173 -173
- package/dist/components/rich-text-editor/RichTextEditor.js +32 -32
- package/dist/components/rich-text-editor/RichTextEditorColorPicker.js +20 -20
- package/dist/components/rich-text-editor/RichTextEditorEmojiPicker.js +12 -12
- package/dist/components/rich-text-editor/RichTextEditorImageDialog.js +11 -11
- package/dist/components/rich-text-editor/RichTextEditorLinkDialog.js +11 -11
- package/dist/components/rich-text-editor/RichTextEditorMarkdownDialog.js +14 -14
- package/dist/components/rich-text-editor/RichTextEditorMentionList.js +14 -14
- package/dist/components/rich-text-editor/RichTextEditorTableMenu.js +28 -28
- package/dist/components/rich-text-editor/RichTextEditorToolbar.js +35 -35
- package/dist/components/sql-editor/SqlEditor.js +24 -24
- package/dist/components/sql-editor/SqlEditorContent.js +16 -16
- package/dist/components/sql-editor/SqlEditorHistoryMenu.js +15 -15
- package/dist/components/sql-editor/SqlEditorToolbar.js +21 -21
- package/dist/components/sunburst-chart/SunburstChart.js +126 -126
- package/dist/components/tag-selection/TagSelection.js +18 -18
- package/dist/components/tag-selection/TagSelectionAutocomplete.js +120 -120
- package/dist/components/tag-selection/TagSelectionSelectedTags.js +10 -10
- package/dist/index.cjs +2 -2
- package/dist/index.d.cts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +38 -35
- package/package.json +9 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useGanttChartStore as e, useGanttTranslations as t } from "./GanttChart.js";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { Box as n, FormControl as r, IconButton as i, InputLabel as a, MenuItem as o, Select as s, TextField as c, ToggleButton as l, ToggleButtonGroup as u, Tooltip as d } from "@mui/material";
|
|
3
|
+
import { useMemo as f } from "react";
|
|
4
4
|
import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
5
5
|
import g from "@mui/icons-material/Download";
|
|
6
6
|
import _ from "@mui/icons-material/RestartAlt";
|
|
@@ -17,7 +17,7 @@ function C(e) {
|
|
|
17
17
|
return !t || !n || !r ? null : new Date(t, n - 1, r, 0, 0, 0, 0);
|
|
18
18
|
}
|
|
19
19
|
function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
20
|
-
let D = t(), O = e((e) => e.timeScale), k = e((e) => e.defaultTimeScale), A = e((e) => e.setTimeScale), j = e((e) => e.timelineRange), M = e((e) => e.isRangeCustomized), N = e((e) => e.isExpandedCustomized), P = e((e) => e.setTimelineRange), F = e((e) => e.resetTimelineRange), I = e((e) => e.resetView), L = e((e) => e.tasks), R = e((e) => e.expandedIds), z = e((e) => e.expandAll), B = e((e) => e.collapseAll), V = e((e) => e.assigneeFilter), H = e((e) => e.setAssigneeFilter), U =
|
|
20
|
+
let D = t(), O = e((e) => e.timeScale), k = e((e) => e.defaultTimeScale), A = e((e) => e.setTimeScale), j = e((e) => e.timelineRange), M = e((e) => e.isRangeCustomized), N = e((e) => e.isExpandedCustomized), P = e((e) => e.setTimelineRange), F = e((e) => e.resetTimelineRange), I = e((e) => e.resetView), L = e((e) => e.tasks), R = e((e) => e.expandedIds), z = e((e) => e.expandAll), B = e((e) => e.collapseAll), V = e((e) => e.assigneeFilter), H = e((e) => e.setAssigneeFilter), U = f(() => [...new Set(L.flatMap((e) => e.assignee ? [e.assignee] : []))].sort(), [L]), W = L.length > 0 && L.every((e) => R.has(e.id)), G = O !== k || M || N || V !== "", K = f(() => Date.now(), []), q = K >= j.start.getTime() && K <= j.end.getTime(), J = {
|
|
21
21
|
days: D.scaleDays,
|
|
22
22
|
weeks: D.scaleWeeks,
|
|
23
23
|
months: D.scaleMonths,
|
|
@@ -28,7 +28,7 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
28
28
|
months: T.showScaleMonths,
|
|
29
29
|
quarters: T.showScaleQuarters
|
|
30
30
|
}, X = Object.keys(J).filter((e) => Y[e]);
|
|
31
|
-
return /* @__PURE__ */ h(
|
|
31
|
+
return /* @__PURE__ */ h(n, {
|
|
32
32
|
"data-testid": "gantt-toolbar",
|
|
33
33
|
sx: {
|
|
34
34
|
display: "flex",
|
|
@@ -42,7 +42,7 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
42
42
|
bgcolor: "background.paper"
|
|
43
43
|
},
|
|
44
44
|
children: [
|
|
45
|
-
X.length > 0 && /* @__PURE__ */ m(
|
|
45
|
+
X.length > 0 && /* @__PURE__ */ m(u, {
|
|
46
46
|
value: O,
|
|
47
47
|
exclusive: !0,
|
|
48
48
|
onChange: (e, t) => {
|
|
@@ -50,34 +50,34 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
50
50
|
},
|
|
51
51
|
size: "small",
|
|
52
52
|
"aria-label": D.scaleMonths,
|
|
53
|
-
children: X.map((e) => /* @__PURE__ */ m(
|
|
53
|
+
children: X.map((e) => /* @__PURE__ */ m(l, {
|
|
54
54
|
value: e,
|
|
55
55
|
"data-testid": `gantt-scale-${e}`,
|
|
56
56
|
children: J[e]
|
|
57
57
|
}, e))
|
|
58
58
|
}),
|
|
59
|
-
T.showAssigneeFilter && U.length > 0 && /* @__PURE__ */ h(
|
|
59
|
+
T.showAssigneeFilter && U.length > 0 && /* @__PURE__ */ h(r, {
|
|
60
60
|
size: "small",
|
|
61
61
|
sx: { minWidth: 140 },
|
|
62
|
-
children: [/* @__PURE__ */ m(
|
|
62
|
+
children: [/* @__PURE__ */ m(a, {
|
|
63
63
|
id: "gantt-assignee-filter-label",
|
|
64
64
|
children: D.filterAssigneeLabel ?? "Assignee"
|
|
65
|
-
}), /* @__PURE__ */ h(
|
|
65
|
+
}), /* @__PURE__ */ h(s, {
|
|
66
66
|
labelId: "gantt-assignee-filter-label",
|
|
67
67
|
value: V,
|
|
68
68
|
label: D.filterAssigneeLabel ?? "Assignee",
|
|
69
69
|
onChange: (e) => H(e.target.value),
|
|
70
70
|
inputProps: { "data-testid": "gantt-assignee-filter" },
|
|
71
|
-
children: [/* @__PURE__ */ m(
|
|
71
|
+
children: [/* @__PURE__ */ m(o, {
|
|
72
72
|
value: "",
|
|
73
73
|
children: D.filterAssigneeAll ?? "Alle"
|
|
74
|
-
}), U.map((e) => /* @__PURE__ */ m(
|
|
74
|
+
}), U.map((e) => /* @__PURE__ */ m(o, {
|
|
75
75
|
value: e,
|
|
76
76
|
children: e
|
|
77
77
|
}, e))]
|
|
78
78
|
})]
|
|
79
79
|
}),
|
|
80
|
-
/* @__PURE__ */ h(
|
|
80
|
+
/* @__PURE__ */ h(n, {
|
|
81
81
|
sx: {
|
|
82
82
|
ml: "auto",
|
|
83
83
|
display: "flex",
|
|
@@ -85,9 +85,9 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
85
85
|
gap: 1
|
|
86
86
|
},
|
|
87
87
|
children: [
|
|
88
|
-
T.showExpandCollapseAll && /* @__PURE__ */ m(
|
|
88
|
+
T.showExpandCollapseAll && /* @__PURE__ */ m(d, {
|
|
89
89
|
title: W ? D.collapseAllTooltip : D.expandAllTooltip,
|
|
90
|
-
children: /* @__PURE__ */ m(
|
|
90
|
+
children: /* @__PURE__ */ m(i, {
|
|
91
91
|
size: "small",
|
|
92
92
|
onClick: W ? B : z,
|
|
93
93
|
"aria-label": W ? D.collapseAllTooltip : D.expandAllTooltip,
|
|
@@ -95,9 +95,9 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
95
95
|
children: m(W ? b : x, { fontSize: "small" })
|
|
96
96
|
})
|
|
97
97
|
}),
|
|
98
|
-
T.showScrollToToday && w && /* @__PURE__ */ m(
|
|
98
|
+
T.showScrollToToday && w && /* @__PURE__ */ m(d, {
|
|
99
99
|
title: D.scrollToTodayTooltip,
|
|
100
|
-
children: /* @__PURE__ */ m("span", { children: /* @__PURE__ */ m(
|
|
100
|
+
children: /* @__PURE__ */ m("span", { children: /* @__PURE__ */ m(i, {
|
|
101
101
|
size: "small",
|
|
102
102
|
onClick: w,
|
|
103
103
|
disabled: !q,
|
|
@@ -106,7 +106,7 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
106
106
|
children: /* @__PURE__ */ m(y, { fontSize: "small" })
|
|
107
107
|
}) })
|
|
108
108
|
}),
|
|
109
|
-
T.showDateRange && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(
|
|
109
|
+
T.showDateRange && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(c, {
|
|
110
110
|
type: "date",
|
|
111
111
|
size: "small",
|
|
112
112
|
label: D.rangeFrom,
|
|
@@ -123,7 +123,7 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
123
123
|
htmlInput: { "data-testid": "gantt-range-start" }
|
|
124
124
|
},
|
|
125
125
|
sx: { width: 148 }
|
|
126
|
-
}), /* @__PURE__ */ m(
|
|
126
|
+
}), /* @__PURE__ */ m(c, {
|
|
127
127
|
type: "date",
|
|
128
128
|
size: "small",
|
|
129
129
|
label: D.rangeTo,
|
|
@@ -141,9 +141,9 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
141
141
|
},
|
|
142
142
|
sx: { width: 148 }
|
|
143
143
|
})] }),
|
|
144
|
-
T.showRangeReset && M && /* @__PURE__ */ m(
|
|
144
|
+
T.showRangeReset && M && /* @__PURE__ */ m(d, {
|
|
145
145
|
title: D.rangeResetTooltip,
|
|
146
|
-
children: /* @__PURE__ */ m(
|
|
146
|
+
children: /* @__PURE__ */ m(i, {
|
|
147
147
|
size: "small",
|
|
148
148
|
onClick: F,
|
|
149
149
|
"aria-label": D.rangeResetTooltip,
|
|
@@ -151,9 +151,9 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
151
151
|
children: /* @__PURE__ */ m(v, { fontSize: "small" })
|
|
152
152
|
})
|
|
153
153
|
}),
|
|
154
|
-
T.showExportCSV && E && /* @__PURE__ */ m(
|
|
154
|
+
T.showExportCSV && E && /* @__PURE__ */ m(d, {
|
|
155
155
|
title: D.exportCsvTooltip,
|
|
156
|
-
children: /* @__PURE__ */ m(
|
|
156
|
+
children: /* @__PURE__ */ m(i, {
|
|
157
157
|
size: "small",
|
|
158
158
|
onClick: E,
|
|
159
159
|
"aria-label": D.exportCsvTooltip,
|
|
@@ -161,9 +161,9 @@ function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
|
|
|
161
161
|
children: /* @__PURE__ */ m(g, { fontSize: "small" })
|
|
162
162
|
})
|
|
163
163
|
}),
|
|
164
|
-
T.showResetView && /* @__PURE__ */ m(
|
|
164
|
+
T.showResetView && /* @__PURE__ */ m(d, {
|
|
165
165
|
title: D.resetViewTooltip,
|
|
166
|
-
children: /* @__PURE__ */ m("span", { children: /* @__PURE__ */ m(
|
|
166
|
+
children: /* @__PURE__ */ m("span", { children: /* @__PURE__ */ m(i, {
|
|
167
167
|
size: "small",
|
|
168
168
|
onClick: I,
|
|
169
169
|
disabled: !G,
|