@thebuoyant-tsdev/mui-ts-library 3.17.0 → 3.18.0

package/README.de.md

@@ -475,6 +475,20 @@ Dieses Projekt folgt [Semantic Versioning](https://semver.org/). In der Praxis b
 
 ## Changelog
 
+### [3.18.0] — 2026-07-08
+
+**Hinzugefügt**
+- `RichTextEditor`: neue Prop `onSave?: () => void` — feuert wenn der Nutzer **Ctrl+S** (Windows/Linux) oder **Cmd+S** (macOS) im Editor drückt. Der native „Seite speichern"-Dialog des Browsers wird im Editor immer unterdrückt. Rein additiv — kein bestehendes Verhalten ändert sich. Siehe [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) für Details.
+
+---
+
+### [3.17.1] — 2026-07-05
+
+**Behoben**
+- `GanttChart`: Reset-View-Button (`showResetView`) aktiviert sich jetzt wenn ein Assignee-Filter gesetzt ist — bisher blieb der Button inaktiv obwohl ein Klick den Filter korrekt zurückgesetzt hätte. `isViewChanged` berücksichtigt nun korrekt den Assignee-Filter-Zustand.
+
+---
+
 ### [3.17.0] — 2026-07-05
 
 **Hinzugefügt**

package/README.md

@@ -475,6 +475,20 @@ This project follows [Semantic Versioning](https://semver.org/). In practice:
 
 ## Changelog
 
+### [3.18.0] — 2026-07-08
+
+**Added**
+- `RichTextEditor`: new `onSave?: () => void` prop — fires when the user presses **Ctrl+S** (Windows/Linux) or **Cmd+S** (macOS) inside the editor. The browser's native "Save Page" dialog is always suppressed within the editor. Purely additive — no existing behaviour changes. See [Full Changelog](https://github.com/thebuoyant/mui-ts-library/blob/main/CHANGELOG.md) for details.
+
+---
+
+### [3.17.1] — 2026-07-05
+
+**Fixed**
+- `GanttChart`: Reset View button (`showResetView`) now activates when an assignee filter is set — previously the button stayed disabled even though clicking it would have cleared the filter. `isViewChanged` now correctly includes the assignee filter state.
+
+---
+
 ### [3.17.0] — 2026-07-05
 
 **Added**

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

@@ -17,7 +17,7 @@ function C(e) {
 	return !t || !n || !r ? null : new Date(t, n - 1, r, 0, 0, 0, 0);
 }
 function w({ onScrollToToday: w, config: T, onExportCSV: E }) {
-	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 = n(() => [...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, K = n(() => Date.now(), []), q = K >= j.start.getTime() && K <= j.end.getTime(), J = {
+	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 = n(() => [...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 = n(() => Date.now(), []), q = K >= j.start.getTime() && K <= j.end.getTime(), J = {
 		days: D.scaleDays,
 		weeks: D.scaleWeeks,
 		months: D.scaleMonths,

package/dist/components/rich-text-editor/RichTextEditor.d.ts

@@ -5,4 +5,4 @@ declare module "@tiptap/core" {
     }
 }
 import { type RichTextEditorProps } from "./RichTextEditor.types";
-export declare function RichTextEditor({ disabled, error, height, helperText, maxCharacters, mentionItems, mentionTriggerChar, name, onMentionSearch, placeholder, readonly, showCharacterCount, showToolbar, showWordCount, toolbarConfig, translation, value, width, onBlur, onChange, onFocus, onMarkdownChange, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditor({ disabled, error, height, helperText, maxCharacters, mentionItems, mentionTriggerChar, name, onMentionSearch, placeholder, readonly, showCharacterCount, showToolbar, showWordCount, toolbarConfig, translation, value, width, onBlur, onChange, onFocus, onMarkdownChange, onSave, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -2,37 +2,39 @@ import { normalizeSize as e } from "../shared/normalizeSize.js";
 import { DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG as t, DEFAULT_RICH_TEXT_EDITOR_TRANSLATION as n } from "./RichTextEditor.types.js";
 import { buildMentionSuggestion as r } from "./RichTextEditorMentionSuggestion.js";
 import { RichTextEditorContent as i } from "./RichTextEditorContent.js";
-import { RichTextEditorToolbar as a } from "./RichTextEditorToolbar.js";
-import { RichTextEditorFooter as ee } from "./RichTextEditorFooter.js";
+import { RichTextEditorToolbar as ee } from "./RichTextEditorToolbar.js";
+import { RichTextEditorFooter as a } from "./RichTextEditorFooter.js";
 import { useEffect as o, useMemo as te, useRef as s, useState as c } from "react";
-import { Box as l, Divider as u, Paper as ne } from "@mui/material";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { useEditor as re } from "@tiptap/react";
-import { Mention as m } from "@tiptap/extension-mention";
-import { StarterKit as h } from "@tiptap/starter-kit";
-import { TextStyle as ie } from "@tiptap/extension-text-style";
-import { Color as g } from "@tiptap/extension-color";
-import { Highlight as _ } from "@tiptap/extension-highlight";
-import { Placeholder as ae } from "@tiptap/extension-placeholder";
-import { CharacterCount as v } from "@tiptap/extension-character-count";
-import { TableKit as oe } from "@tiptap/extension-table";
-import { Image as y } from "@tiptap/extension-image";
-import { Markdown as b } from "tiptap-markdown";
+import { Box as l, Divider as ne, Paper as re } from "@mui/material";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useEditor as p } from "@tiptap/react";
+import { Mention as ie } from "@tiptap/extension-mention";
+import { StarterKit as ae } from "@tiptap/starter-kit";
+import { TextStyle as oe } from "@tiptap/extension-text-style";
+import { Color as se } from "@tiptap/extension-color";
+import { Highlight as ce } from "@tiptap/extension-highlight";
+import { Placeholder as m } from "@tiptap/extension-placeholder";
+import { CharacterCount as h } from "@tiptap/extension-character-count";
+import { TableKit as g } from "@tiptap/extension-table";
+import { Image as _ } from "@tiptap/extension-image";
+import { Markdown as v } from "tiptap-markdown";
 //#region src/components/rich-text-editor/RichTextEditor.tsx
-function x({ disabled: x = !1, error: S = !1, height: se, helperText: C, maxCharacters: w, mentionItems: T, mentionTriggerChar: E = "@", name: D, onMentionSearch: O, placeholder: k, readonly: A = !1, showCharacterCount: j = !1, showToolbar: M = !0, showWordCount: N = !1, toolbarConfig: P, translation: F, value: I, width: L, onBlur: R, onChange: z, onFocus: B, onMarkdownChange: V }) {
-	let H = {
+function y({ disabled: y = !1, error: b = !1, height: le, helperText: x, maxCharacters: S, mentionItems: C, mentionTriggerChar: w = "@", name: T, onMentionSearch: E, placeholder: D, readonly: O = !1, showCharacterCount: k = !1, showToolbar: A = !0, showWordCount: j = !1, toolbarConfig: M, translation: N, value: P, width: F, onBlur: I, onChange: L, onFocus: R, onMarkdownChange: z, onSave: B }) {
+	let V = {
 		...n,
-		...F
-	}, U = {
+		...N
+	}, H = {
 		...t,
-		...P
-	}, [W, G] = c(!1), [K, ce] = c(!1), q = s(K), J = s(T ?? []);
+		...M
+	}, [U, W] = c(!1), [G, ue] = c(!1), K = s(G), q = s(B), J = s(C ?? []);
 	o(() => {
-		J.current = T ?? [];
-	}, [T]), o(() => {
-		q.current = K;
-	}, [K]);
-	let Y = e(se), le = e(L), X = Y === "auto", ue = X ? void 0 : Y ?? 200, Z = T !== void 0 || O !== void 0, Q = te(() => Z ? m.configure({
+		J.current = C ?? [];
+	}, [C]), o(() => {
+		K.current = G;
+	}, [G]), o(() => {
+		q.current = B;
+	}, [B]);
+	let Y = e(le), de = e(F), X = Y === "auto", fe = X ? void 0 : Y ?? 200, Z = C !== void 0 || E !== void 0, Q = te(() => Z ? ie.configure({
 		HTMLAttributes: { class: "rte-mention" },
 		renderHTML({ options: e, node: t }) {
 			return [
@@ -42,70 +44,75 @@ function x({ disabled: x = !1, error: S = !1, height: se, helperText: C, maxChar
 					"data-id": t.attrs.id,
 					"data-label": t.attrs.label
 				},
-				`${E}${t.attrs.label}`
+				`${w}${t.attrs.label}`
 			];
 		},
 		suggestion: r({
 			getItems: () => J.current,
-			onMentionSearch: O,
-			noResultsLabel: H.mentionNoResults ?? "No results"
+			onMentionSearch: E,
+			noResultsLabel: V.mentionNoResults ?? "No results"
 		})
 	}) : null, [
 		Z,
-		E,
-		O
-	]), de = w !== void 0 && w > 0 || j || N, $ = re({
+		w,
+		E
+	]), pe = S !== void 0 && S > 0 || k || j, $ = p({
 		shouldRerenderOnTransaction: !0,
 		extensions: [
-			h.configure({ link: { openOnClick: !1 } }),
-			ie,
-			g,
-			_.configure({ multicolor: !0 }),
-			b.configure({
+			ae.configure({ link: { openOnClick: !1 } }),
+			oe,
+			se,
+			ce.configure({ multicolor: !0 }),
+			v.configure({
 				transformPastedText: !0,
 				transformCopiedText: !1
 			}),
-			ae.configure({ placeholder: k ?? "" }),
-			...U.showTableButton ? [oe] : [],
-			...U.showImageButton ? [y.configure({
+			m.configure({ placeholder: D ?? "" }),
+			...H.showTableButton ? [g] : [],
+			...H.showImageButton ? [_.configure({
 				inline: !1,
 				allowBase64: !0
 			})] : [],
 			...Q ? [Q] : [],
-			...de ? w !== void 0 && w > 0 ? [v.configure({ limit: w })] : [v] : []
+			...pe ? S !== void 0 && S > 0 ? [h.configure({ limit: S })] : [h] : []
 		],
-		content: I ?? "",
-		editable: !x && !A,
-		editorProps: { handlePaste(e, t) {
-			if (!q.current) return !1;
-			let n = t.clipboardData?.getData("text/plain");
-			if (!n) return !1;
-			t.preventDefault();
-			let { state: r } = e;
-			return e.dispatch(r.tr.insertText(n, r.selection.from, r.selection.to)), !0;
-		} },
+		content: P ?? "",
+		editable: !y && !O,
+		editorProps: {
+			handlePaste(e, t) {
+				if (!K.current) return !1;
+				let n = t.clipboardData?.getData("text/plain");
+				if (!n) return !1;
+				t.preventDefault();
+				let { state: r } = e;
+				return e.dispatch(r.tr.insertText(n, r.selection.from, r.selection.to)), !0;
+			},
+			handleKeyDown(e, t) {
+				return (t.ctrlKey || t.metaKey) && t.key === "s" ? (t.preventDefault(), q.current?.(), !0) : !1;
+			}
+		},
 		onUpdate({ editor: e }) {
-			z?.(e.getHTML()), V?.(e.storage.markdown.getMarkdown());
+			L?.(e.getHTML()), z?.(e.storage.markdown.getMarkdown());
 		},
 		onBlur() {
-			R?.();
+			I?.();
 		},
 		onFocus() {
-			B?.();
+			R?.();
 		}
 	});
 	o(() => {
-		!$ || I === void 0 || $.getHTML() !== I && $.commands.setContent(I, { emitUpdate: !1 });
-	}, [$, I]), o(() => {
-		$ && $.setEditable(!x && !A);
+		!$ || P === void 0 || $.getHTML() !== P && $.commands.setContent(P, { emitUpdate: !1 });
+	}, [$, P]), o(() => {
+		$ && $.setEditable(!y && !O);
 	}, [
 		$,
-		x,
-		A
+		y,
+		O
 	]);
-	let fe = $?.storage.characterCount?.characters?.() ?? 0, pe = $?.storage.characterCount?.words?.() ?? 0, me = j || w !== void 0 && w > 0 || N || !!C;
-	return /* @__PURE__ */ p(l, {
-		sx: W ? {
+	let me = $?.storage.characterCount?.characters?.() ?? 0, he = $?.storage.characterCount?.words?.() ?? 0, ge = k || S !== void 0 && S > 0 || j || !!x;
+	return /* @__PURE__ */ f(l, {
+		sx: U ? {
 			position: "fixed",
 			top: 0,
 			left: 0,
@@ -117,7 +124,7 @@ function x({ disabled: x = !1, error: S = !1, height: se, helperText: C, maxChar
 			bgcolor: "background.default",
 			p: 1
 		} : {
-			width: le ?? "100%",
+			width: de ?? "100%",
 			...X ? {
 				display: "flex",
 				flexDirection: "column",
@@ -125,52 +132,52 @@ function x({ disabled: x = !1, error: S = !1, height: se, helperText: C, maxChar
 			} : {}
 		},
 		children: [
-			/* @__PURE__ */ p(ne, {
+			/* @__PURE__ */ f(re, {
 				variant: "outlined",
 				sx: {
 					display: "flex",
 					flexDirection: "column",
 					overflow: "hidden",
-					...W || X ? { flex: 1 } : { height: ue },
-					borderColor: S ? "error.main" : void 0,
+					...U || X ? { flex: 1 } : { height: fe },
+					borderColor: b ? "error.main" : void 0,
 					"&:focus-within": {
-						borderColor: S ? "error.main" : "primary.main",
+						borderColor: b ? "error.main" : "primary.main",
 						borderWidth: 2
 					}
 				},
-				children: [M && !A && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(a, {
+				children: [A && !O && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ee, {
 					editor: $,
-					toolbarConfig: U,
-					translation: H,
-					disabled: x,
-					isFullscreen: W,
-					onToggleFullscreen: () => G((e) => !e),
-					pasteAsPlainText: K,
-					onTogglePasteAsPlainText: () => ce((e) => !e)
-				}), /* @__PURE__ */ f(u, {})] }), /* @__PURE__ */ f(i, {
+					toolbarConfig: H,
+					translation: V,
+					disabled: y,
+					isFullscreen: U,
+					onToggleFullscreen: () => W((e) => !e),
+					pasteAsPlainText: G,
+					onTogglePasteAsPlainText: () => ue((e) => !e)
+				}), /* @__PURE__ */ d(ne, {})] }), /* @__PURE__ */ d(i, {
 					editor: $,
-					error: S,
-					disabled: x,
-					readonly: A
+					error: b,
+					disabled: y,
+					readonly: O
 				})]
 			}),
-			me && /* @__PURE__ */ f(ee, {
-				helperText: C,
-				error: S,
-				showCharacterCount: j || w !== void 0 && w > 0,
-				charCount: fe,
-				maxCharacters: w && w > 0 ? w : void 0,
-				showWordCount: N,
-				wordCount: pe,
-				translation: H
+			ge && /* @__PURE__ */ d(a, {
+				helperText: x,
+				error: b,
+				showCharacterCount: k || S !== void 0 && S > 0,
+				charCount: me,
+				maxCharacters: S && S > 0 ? S : void 0,
+				showWordCount: j,
+				wordCount: he,
+				translation: V
 			}),
-			D && /* @__PURE__ */ f("input", {
+			T && /* @__PURE__ */ d("input", {
 				type: "hidden",
-				name: D,
+				name: T,
 				value: $ ? $.getHTML() : ""
 			})
 		]
 	});
 }
 //#endregion
-export { x as RichTextEditor };
+export { y as RichTextEditor };

package/dist/components/rich-text-editor/RichTextEditor.types.d.ts

@@ -150,4 +150,10 @@ export type RichTextEditorProps = {
     onFocus?: () => void;
     /** Wird bei jeder Änderung zusätzlich zu onChange mit dem Inhalt als Markdown aufgerufen */
     onMarkdownChange?: (markdown: string) => void;
+    /**
+     * Fires when the user presses Ctrl+S (Windows/Linux) or Cmd+S (macOS) inside the editor.
+     * The browser's native "Save Page" dialog is always suppressed within the editor.
+     * When provided, implement your own save logic (API call, local storage, etc.).
+     */
+    onSave?: () => void;
 };