@thebuoyant-tsdev/mui-ts-library 3.34.0 → 3.35.0

package/dist/components/kanban-board/KanbanBoardColumn.d.ts

@@ -8,11 +8,12 @@ type KanbanBoardColumnProps = {
     showAssignee: boolean;
     showDueDate: boolean;
     showDueDateWarning: boolean;
+    showSubtasks: boolean;
     chipVariant: "outlined" | "filled";
     t: Required<KanbanBoardTranslation>;
     enableBuiltinDialogs: boolean;
     onCardClick: (task: KanbanTask) => void;
     onAddClick: (columnId: string) => void;
 };
-export declare function KanbanBoardColumn({ column, tasks, totalCount, showPriority, showAssignee, showDueDate, showDueDateWarning, chipVariant, t, enableBuiltinDialogs, onCardClick, onAddClick, }: KanbanBoardColumnProps): import("react/jsx-runtime").JSX.Element;
+export declare function KanbanBoardColumn({ column, tasks, totalCount, showPriority, showAssignee, showDueDate, showDueDateWarning, showSubtasks, chipVariant, t, enableBuiltinDialogs, onCardClick, onAddClick, }: KanbanBoardColumnProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/kanban-board/KanbanBoardColumn.js

@@ -3,12 +3,12 @@ import { KanbanBoardCard as t } from "./KanbanBoardCard.js";
 import { useDroppable as n } from "@dnd-kit/core";
 import { SortableContext as r, verticalListSortingStrategy as i } from "@dnd-kit/sortable";
 import { Box as a, Button as o, Chip as s, Typography as c } from "@mui/material";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import d from "@mui/icons-material/Add";
+import l from "@mui/icons-material/Add";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/kanban-board/KanbanBoardColumn.tsx
-function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee: g, showDueDate: _, showDueDateWarning: v, chipVariant: y, t: b, enableBuiltinDialogs: x, onCardClick: S, onAddClick: C }) {
-	let { setNodeRef: w, isOver: T } = n({ id: f.id }), E = f.wipLimit !== void 0 && m > f.wipLimit, D = f.wipLimit === void 0 ? `${p.length}` : `${p.length} / ${f.wipLimit}`, O = f.color ?? "primary.main";
-	return /* @__PURE__ */ u(a, {
+function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee: g, showDueDate: _, showDueDateWarning: v, showSubtasks: y, chipVariant: b, t: x, enableBuiltinDialogs: S, onCardClick: C, onAddClick: w }) {
+	let { setNodeRef: T, isOver: E } = n({ id: f.id }), D = f.wipLimit !== void 0 && m > f.wipLimit, O = f.wipLimit === void 0 ? `${p.length}` : `${p.length} / ${f.wipLimit}`, k = f.color ?? "primary.main";
+	return /* @__PURE__ */ d(a, {
 		className: e.column,
 		sx: {
 			display: "flex",
@@ -23,7 +23,7 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 			borderColor: "divider"
 		},
 		children: [
-			/* @__PURE__ */ u(a, {
+			/* @__PURE__ */ d(a, {
 				className: e.columnHeader,
 				sx: {
 					px: 2,
@@ -36,7 +36,7 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 					borderTop: `3px solid ${f.color ?? "transparent"}`,
 					bgcolor: (e) => e.palette.mode === "dark" ? "grey.800" : "grey.300"
 				},
-				children: [/* @__PURE__ */ l(c, {
+				children: [/* @__PURE__ */ u(c, {
 					className: e.columnTitle,
 					variant: "subtitle2",
 					sx: {
@@ -44,15 +44,15 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 						fontWeight: 700
 					},
 					children: f.label
-				}), /* @__PURE__ */ l(s, {
+				}), /* @__PURE__ */ u(s, {
 					className: e.columnCount,
-					label: D,
+					label: O,
 					size: "small",
-					color: E ? "error" : "default",
+					color: D ? "error" : "default",
 					sx: {
 						height: 20,
 						fontSize: "0.7rem",
-						...!E && f.color && {
+						...!D && f.color && {
 							bgcolor: f.color,
 							color: "#fff"
 						}
@@ -60,11 +60,11 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 					"aria-label": `${p.length} cards${f.wipLimit ? ` of ${f.wipLimit} limit` : ""}${p.length === m ? "" : ` (${m} total)`}`
 				})]
 			}),
-			/* @__PURE__ */ l(r, {
+			/* @__PURE__ */ u(r, {
 				items: p.map((e) => e.id),
 				strategy: i,
-				children: /* @__PURE__ */ u(a, {
-					ref: w,
+				children: /* @__PURE__ */ d(a, {
+					ref: T,
 					className: e.columnBody,
 					sx: {
 						flex: 1,
@@ -73,10 +73,10 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 						"&::-webkit-scrollbar": { display: "none" },
 						p: 1,
 						minHeight: 80,
-						bgcolor: (e) => T ? e.palette.action.selected : e.palette.mode === "dark" ? e.palette.grey[900] : e.palette.grey[100],
+						bgcolor: (e) => E ? e.palette.action.selected : e.palette.mode === "dark" ? e.palette.grey[900] : e.palette.grey[100],
 						transition: "background-color 0.15s"
 					},
-					children: [p.length === 0 && !T && /* @__PURE__ */ l(c, {
+					children: [p.length === 0 && !E && /* @__PURE__ */ u(c, {
 						variant: "caption",
 						color: "text.disabled",
 						sx: {
@@ -84,36 +84,38 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 							textAlign: "center",
 							mt: 2
 						},
-						children: b.noCardsLabel
-					}), p.map((e) => /* @__PURE__ */ l(t, {
+						children: x.noCardsLabel
+					}), p.map((e) => /* @__PURE__ */ u(t, {
 						task: e,
 						showPriority: h,
 						showAssignee: g,
 						showDueDate: _,
 						showDueDateWarning: v,
-						chipVariant: y,
-						t: b,
-						onCardClick: S
+						showSubtasks: y,
+						enableBuiltinDialogs: S,
+						chipVariant: b,
+						t: x,
+						onCardClick: C
 					}, e.id))]
 				})
 			}),
-			x && /* @__PURE__ */ l(a, {
+			S && /* @__PURE__ */ u(a, {
 				sx: {
 					p: 1,
 					borderTop: "1px solid",
 					borderColor: "divider"
 				},
-				children: /* @__PURE__ */ l(o, {
+				children: /* @__PURE__ */ u(o, {
 					className: e.addButton,
-					startIcon: /* @__PURE__ */ l(d, {}),
+					startIcon: /* @__PURE__ */ u(l, {}),
 					size: "small",
 					fullWidth: !0,
-					onClick: () => C(f.id),
+					onClick: () => w(f.id),
 					sx: {
 						justifyContent: "flex-start",
-						color: O,
+						color: k,
 						border: "1px dashed",
-						borderColor: O,
+						borderColor: k,
 						borderRadius: 1,
 						py: .75,
 						fontWeight: 600,
@@ -123,7 +125,7 @@ function f({ column: f, tasks: p, totalCount: m, showPriority: h, showAssignee:
 							borderStyle: "dashed"
 						}
 					},
-					children: b.addCardLabel
+					children: x.addCardLabel
 				})
 			})
 		]

package/dist/components/kanban-board/kanbanBoardClasses.d.ts

@@ -50,4 +50,8 @@ export declare const kanbanBoardClasses: {
     readonly searchFieldWrapper: "MuiTsKanbanBoard-searchFieldWrapper";
     /** The built-in search TextField (`showSearchField={true}`). */
     readonly searchField: "MuiTsKanbanBoard-searchField";
+    /** The subtask progress row at the bottom of a card (bar + "N / M ✓" label). */
+    readonly cardSubtasks: "MuiTsKanbanBoard-cardSubtasks";
+    /** The LinearProgress bar inside the subtask row. */
+    readonly cardSubtasksBar: "MuiTsKanbanBoard-cardSubtasksBar";
 };

package/dist/components/kanban-board/kanbanBoardClasses.js

@@ -15,7 +15,9 @@ var e = {
 	cardPriorityDot: "MuiTsKanbanBoard-cardPriorityDot",
 	addButton: "MuiTsKanbanBoard-addButton",
 	searchFieldWrapper: "MuiTsKanbanBoard-searchFieldWrapper",
-	searchField: "MuiTsKanbanBoard-searchField"
+	searchField: "MuiTsKanbanBoard-searchField",
+	cardSubtasks: "MuiTsKanbanBoard-cardSubtasks",
+	cardSubtasksBar: "MuiTsKanbanBoard-cardSubtasksBar"
 };
 //#endregion
 export { e as kanbanBoardClasses };

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

@@ -1,8 +1,8 @@
 import { Divider as e, IconButton as t, ListItemIcon as n, ListItemText as r, Menu as i, MenuItem as a, Tooltip 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";
-import d from "@mui/icons-material/Delete";
-import f from "@mui/icons-material/Add";
+import c from "@mui/icons-material/Add";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import f from "@mui/icons-material/Delete";
 import p from "@mui/icons-material/TableChart";
 //#region src/components/rich-text-editor/RichTextEditorTableMenu.tsx
 function m({ editor: m, translation: h, disabled: g }) {
@@ -13,10 +13,10 @@ function m({ editor: m, translation: h, disabled: g }) {
 	function S(e) {
 		e(), x();
 	}
-	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(o, {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(o, {
 		title: h.table,
 		arrow: !0,
-		children: /* @__PURE__ */ l("span", { children: /* @__PURE__ */ l(t, {
+		children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(t, {
 			size: "small",
 			onMouseDown: (e) => e.preventDefault(),
 			onClick: (e) => v(e.currentTarget),
@@ -25,67 +25,67 @@ function m({ editor: m, translation: h, disabled: g }) {
 			sx: { borderRadius: 1 },
 			"aria-label": h.table,
 			"aria-pressed": b,
-			children: /* @__PURE__ */ l(p, { fontSize: "small" })
+			children: /* @__PURE__ */ u(p, { fontSize: "small" })
 		}) })
-	}), /* @__PURE__ */ u(i, {
+	}), /* @__PURE__ */ d(i, {
 		anchorEl: _,
 		open: !!_,
 		onClose: x,
 		slotProps: { paper: { sx: { minWidth: 220 } } },
 		children: [
-			/* @__PURE__ */ u(a, {
+			/* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().insertTable({
 					rows: 3,
 					cols: 3,
 					withHeaderRow: !0
 				}).run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(p, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.insertTable })]
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(p, { fontSize: "small" }) }), /* @__PURE__ */ u(r, { children: h.insertTable })]
 			}),
-			b && /* @__PURE__ */ l(e, {}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ u(e, {}),
+			b && /* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().addRowBefore().run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addRowBefore })]
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(c, { fontSize: "small" }) }), /* @__PURE__ */ u(r, { children: h.addRowBefore })]
 			}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().addRowAfter().run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addRowAfter })]
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(c, { fontSize: "small" }) }), /* @__PURE__ */ u(r, { children: h.addRowAfter })]
 			}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().deleteRow().run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(f, {
 					fontSize: "small",
 					color: "error"
-				}) }), /* @__PURE__ */ l(r, {
+				}) }), /* @__PURE__ */ u(r, {
 					sx: { color: "error.main" },
 					children: h.deleteRow
 				})]
 			}),
-			b && /* @__PURE__ */ l(e, {}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ u(e, {}),
+			b && /* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().addColumnBefore().run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addColumnBefore })]
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(c, { fontSize: "small" }) }), /* @__PURE__ */ u(r, { children: h.addColumnBefore })]
 			}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().addColumnAfter().run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(f, { fontSize: "small" }) }), /* @__PURE__ */ l(r, { children: h.addColumnAfter })]
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(c, { fontSize: "small" }) }), /* @__PURE__ */ u(r, { children: h.addColumnAfter })]
 			}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().deleteColumn().run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(f, {
 					fontSize: "small",
 					color: "error"
-				}) }), /* @__PURE__ */ l(r, {
+				}) }), /* @__PURE__ */ u(r, {
 					sx: { color: "error.main" },
 					children: h.deleteColumn
 				})]
 			}),
-			b && /* @__PURE__ */ l(e, {}),
-			b && /* @__PURE__ */ u(a, {
+			b && /* @__PURE__ */ u(e, {}),
+			b && /* @__PURE__ */ d(a, {
 				onClick: () => S(() => m?.chain().focus().deleteTable().run()),
-				children: [/* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(d, {
+				children: [/* @__PURE__ */ u(n, { children: /* @__PURE__ */ u(f, {
 					fontSize: "small",
 					color: "error"
-				}) }), /* @__PURE__ */ l(r, {
+				}) }), /* @__PURE__ */ u(r, {
 					sx: { color: "error.main" },
 					children: h.deleteTable
 				})]

package/dist/components/tag-selection/TagSelectionAutocomplete.js

@@ -2,8 +2,8 @@ import { tagSelectionClasses as e } from "./tagSelectionClasses.js";
 import { Autocomplete as t, Box as n, Chip as r, IconButton as i, Stack as a, Switch as ee, TextField as o, Tooltip as s, Typography as c } from "@mui/material";
 import { useState as l } from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import p from "@mui/icons-material/Check";
-import m from "@mui/icons-material/Close";
+import p from "@mui/icons-material/Close";
+import m from "@mui/icons-material/Check";
 //#region src/components/tag-selection/TagSelectionAutocomplete.tsx
 var te = [
 	"default",
@@ -191,13 +191,13 @@ function x({ availableTags: x, searchValue: S, translation: C, onSearchChange: w
 							onClick: Z,
 							disabled: q,
 							"aria-label": C.confirmCreateLabel,
-							children: /* @__PURE__ */ d(p, { fontSize: "small" })
+							children: /* @__PURE__ */ d(m, { fontSize: "small" })
 						}), /* @__PURE__ */ d(i, {
 							size: "small",
 							onMouseDown: $,
 							onClick: Q,
 							"aria-label": C.cancelCreateLabel,
-							children: /* @__PURE__ */ d(m, { fontSize: "small" })
+							children: /* @__PURE__ */ d(p, { fontSize: "small" })
 						})] }), e.slotProps?.input?.endAdornment] })
 					}
 				}