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

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

@@ -2,22 +2,22 @@ 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 ee } from "./RichTextEditorContent.js";
-import { RichTextEditorToolbar as i } 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 re, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useEditor as ie } from "@tiptap/react";
+import { RichTextEditorToolbar as te } from "./RichTextEditorToolbar.js";
+import { RichTextEditorFooter as i } from "./RichTextEditorFooter.js";
+import { Box as a, Divider as ne, Paper as re } from "@mui/material";
+import { useEffect as o, useMemo as ie, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useEditor as f } from "@tiptap/react";
 import { Mention as p } 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 le } from "@tiptap/extension-placeholder";
-import { CharacterCount as m } from "@tiptap/extension-character-count";
-import { TableKit as h } from "@tiptap/extension-table";
-import { Image as g } from "@tiptap/extension-image";
-import { Markdown as _ } from "tiptap-markdown";
+import { StarterKit as m } from "@tiptap/starter-kit";
+import { TextStyle as h } from "@tiptap/extension-text-style";
+import { Color as ae } from "@tiptap/extension-color";
+import { Highlight as oe } from "@tiptap/extension-highlight";
+import { Placeholder as se } from "@tiptap/extension-placeholder";
+import { CharacterCount as g } from "@tiptap/extension-character-count";
+import { TableKit as ce } from "@tiptap/extension-table";
+import { Image as _ } from "@tiptap/extension-image";
+import { Markdown as le } from "tiptap-markdown";
 //#region src/components/rich-text-editor/RichTextEditor.tsx
 function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helperText: x, maxCharacters: S, mentionItems: C, mentionTriggerChar: w = "@", name: T, onMentionInserted: E, onMentionSearch: D, placeholder: de, 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 = {
@@ -38,7 +38,7 @@ function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helpe
 	}, [W]), o(() => {
 		K.current = B;
 	}, [B]);
-	let Y = e(ue), me = e(F), X = Y === "auto", he = X ? void 0 : Y ?? 200, Z = C !== void 0 || D !== void 0, Q = te(() => Z ? p.configure({
+	let Y = e(ue), me = e(F), X = Y === "auto", he = X ? void 0 : Y ?? 200, Z = C !== void 0 || D !== void 0, Q = ie(() => Z ? p.configure({
 		HTMLAttributes: { class: "rte-mention" },
 		renderHTML({ options: e, node: t }) {
 			return [
@@ -61,25 +61,25 @@ function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helpe
 		Z,
 		w,
 		D
-	]), ge = S !== void 0 && S > 0 || k || j, $ = ie({
+	]), ge = S !== void 0 && S > 0 || k || j, $ = f({
 		shouldRerenderOnTransaction: !0,
 		extensions: [
-			ae.configure({ link: { openOnClick: !1 } }),
-			oe,
-			se,
-			ce.configure({ multicolor: !0 }),
-			_.configure({
+			m.configure({ link: { openOnClick: !1 } }),
+			h,
+			ae,
+			oe.configure({ multicolor: !0 }),
+			le.configure({
 				transformPastedText: !0,
 				transformCopiedText: !1
 			}),
-			le.configure({ placeholder: de ?? "" }),
-			...H.showTableButton ? [h] : [],
-			...H.showImageButton ? [g.configure({
+			se.configure({ placeholder: de ?? "" }),
+			...H.showTableButton ? [ce] : [],
+			...H.showImageButton ? [_.configure({
 				inline: !1,
 				allowBase64: !0
 			})] : [],
 			...Q ? [Q] : [],
-			...ge ? S !== void 0 && S > 0 ? [m.configure({ limit: S })] : [m] : []
+			...ge ? S !== void 0 && S > 0 ? [g.configure({ limit: S })] : [g] : []
 		],
 		content: P ?? v ?? "",
 		editable: !y && !O,
@@ -116,7 +116,7 @@ function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helpe
 		O
 	]);
 	let _e = $?.storage.characterCount?.characters?.() ?? 0, ve = $?.storage.characterCount?.words?.() ?? 0, ye = k || S !== void 0 && S > 0 || j || !!x;
-	return /* @__PURE__ */ f(l, {
+	return /* @__PURE__ */ d(a, {
 		sx: U ? {
 			position: "fixed",
 			top: 0,
@@ -137,7 +137,7 @@ function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helpe
 			} : {}
 		},
 		children: [
-			/* @__PURE__ */ f(ne, {
+			/* @__PURE__ */ d(re, {
 				variant: "outlined",
 				sx: {
 					display: "flex",
@@ -150,7 +150,7 @@ function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helpe
 						borderWidth: 2
 					}
 				},
-				children: [A && !O && /* @__PURE__ */ f(re, { children: [/* @__PURE__ */ d(i, {
+				children: [A && !O && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(te, {
 					editor: $,
 					toolbarConfig: H,
 					translation: V,
@@ -159,14 +159,14 @@ function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helpe
 					onToggleFullscreen: () => fe((e) => !e),
 					pasteAsPlainText: W,
 					onTogglePasteAsPlainText: () => pe((e) => !e)
-				}), /* @__PURE__ */ d(u, {})] }), /* @__PURE__ */ d(ee, {
+				}), /* @__PURE__ */ u(ne, {})] }), /* @__PURE__ */ u(ee, {
 					editor: $,
 					error: b,
 					disabled: y,
 					readonly: O
 				})]
 			}),
-			ye && /* @__PURE__ */ d(a, {
+			ye && /* @__PURE__ */ u(i, {
 				helperText: x,
 				error: b,
 				showCharacterCount: k || S !== void 0 && S > 0,
@@ -176,7 +176,7 @@ function v({ defaultValue: v, disabled: y = !1, error: b = !1, height: ue, helpe
 				wordCount: ve,
 				translation: V
 			}),
-			T && /* @__PURE__ */ d("input", {
+			T && /* @__PURE__ */ u("input", {
 				type: "hidden",
 				name: T,
 				value: $ ? $.getHTML() : ""

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

@@ -1,5 +1,5 @@
-import { useRef as e } from "react";
-import { Box as t, IconButton as n, Popover as r, Tooltip as i } from "@mui/material";
+import { Box as e, IconButton as t, Popover as n, Tooltip as r } from "@mui/material";
+import { useRef as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "@mui/icons-material/FormatColorReset";
 //#region src/components/rich-text-editor/RichTextEditorColorPicker.tsx
@@ -42,23 +42,23 @@ var c = [
 	"#ffffff",
 	"#000000"
 ];
-function u({ color: e, active: n, onClick: r }) {
-	return /* @__PURE__ */ a(i, {
-		title: e,
+function u({ color: t, active: n, onClick: i }) {
+	return /* @__PURE__ */ a(r, {
+		title: t,
 		placement: "top",
 		arrow: !0,
-		children: /* @__PURE__ */ a(t, {
+		children: /* @__PURE__ */ a(e, {
 			component: "button",
 			type: "button",
-			onClick: () => r(e),
-			"aria-label": e,
+			onClick: () => i(t),
+			"aria-label": t,
 			"aria-pressed": n,
 			sx: {
 				width: 22,
 				height: 22,
-				bgcolor: e,
+				bgcolor: t,
 				border: n ? "2px solid" : "1px solid",
-				borderColor: n ? "primary.main" : e === "#ffffff" || e === "#f5f5dc" ? "divider" : "transparent",
+				borderColor: n ? "primary.main" : t === "#ffffff" || t === "#f5f5dc" ? "divider" : "transparent",
 				borderRadius: .5,
 				cursor: "pointer",
 				p: 0,
@@ -71,14 +71,14 @@ function u({ color: e, active: n, onClick: r }) {
 					zIndex: 1
 				}
 			},
-			children: n && /* @__PURE__ */ a(t, {
+			children: n && /* @__PURE__ */ a(e, {
 				component: "span",
 				sx: {
 					width: 10,
 					height: 6,
 					borderLeft: "2px solid",
 					borderBottom: "2px solid",
-					borderColor: e === "#ffffff" || e === "#f5f5dc" || e === "#ffd700" || e === "#ffff00" || e === "#adff2f" || e === "#ffa500" || e === "#b7b7b7" || e === "#d2b48c" ? "#000" : "#fff",
+					borderColor: t === "#ffffff" || t === "#f5f5dc" || t === "#ffd700" || t === "#ffff00" || t === "#adff2f" || t === "#ffa500" || t === "#b7b7b7" || t === "#d2b48c" ? "#000" : "#fff",
 					transform: "rotate(-45deg) translateY(-1px)",
 					display: "block"
 				}
@@ -87,11 +87,11 @@ function u({ color: e, active: n, onClick: r }) {
 	});
 }
 function d({ anchorEl: d, open: f, onClose: p, mode: m, activeColor: h, onSelectColor: g, onRemoveColor: _, removeLabel: v }) {
-	let y = e(null), b = m === "highlight" ? l : c;
+	let y = i(null), b = m === "highlight" ? l : c;
 	function x(e) {
 		g(e.target.value);
 	}
-	return /* @__PURE__ */ o(r, {
+	return /* @__PURE__ */ o(n, {
 		open: f,
 		anchorEl: d,
 		onClose: p,
@@ -104,7 +104,7 @@ function d({ anchorEl: d, open: f, onClose: p, mode: m, activeColor: h, onSelect
 			horizontal: "left"
 		},
 		slotProps: { paper: { sx: { p: 1.5 } } },
-		children: [/* @__PURE__ */ a(t, {
+		children: [/* @__PURE__ */ a(e, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(6, 22px)",
@@ -118,17 +118,17 @@ function d({ anchorEl: d, open: f, onClose: p, mode: m, activeColor: h, onSelect
 					g(e), p();
 				}
 			}, e))
-		}), /* @__PURE__ */ o(t, {
+		}), /* @__PURE__ */ o(e, {
 			sx: {
 				display: "flex",
 				alignItems: "center",
 				gap: .5
 			},
 			children: [
-				/* @__PURE__ */ a(i, {
+				/* @__PURE__ */ a(r, {
 					title: "Custom color",
 					arrow: !0,
-					children: /* @__PURE__ */ a(t, {
+					children: /* @__PURE__ */ a(e, {
 						component: "button",
 						type: "button",
 						onClick: () => y.current?.click(),
@@ -161,10 +161,10 @@ function d({ anchorEl: d, open: f, onClose: p, mode: m, activeColor: h, onSelect
 						position: "absolute"
 					}
 				}),
-				/* @__PURE__ */ a(i, {
+				/* @__PURE__ */ a(r, {
 					title: v,
 					arrow: !0,
-					children: /* @__PURE__ */ a(n, {
+					children: /* @__PURE__ */ a(t, {
 						size: "small",
 						onClick: () => {
 							_(), p();

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

@@ -1,11 +1,11 @@
 import { EMOJI_CATEGORIES as e } from "./util/emojis.js";
-import { useMemo as t, useState as n } from "react";
-import { Box as r, InputAdornment as i, Popover as a, TextField as o, Typography as s } from "@mui/material";
+import { Box as t, InputAdornment as n, Popover as r, TextField as i, Typography as a } from "@mui/material";
+import { useMemo as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import u from "@mui/icons-material/Search";
 //#region src/components/rich-text-editor/RichTextEditorEmojiPicker.tsx
 function d({ anchorEl: d, open: f, onClose: p, onSelect: m, translation: h }) {
-	let [g, _] = n(""), v = t(() => {
+	let [g, _] = s(""), v = o(() => {
 		let t = g.trim().toLowerCase();
 		return t ? e.map((e) => ({
 			...e,
@@ -18,7 +18,7 @@ function d({ anchorEl: d, open: f, onClose: p, onSelect: m, translation: h }) {
 	function b() {
 		p(), _("");
 	}
-	return /* @__PURE__ */ l(a, {
+	return /* @__PURE__ */ l(r, {
 		open: f,
 		anchorEl: d,
 		onClose: b,
@@ -36,32 +36,32 @@ function d({ anchorEl: d, open: f, onClose: p, onSelect: m, translation: h }) {
 			display: "flex",
 			flexDirection: "column"
 		} } },
-		children: [/* @__PURE__ */ c(r, {
+		children: [/* @__PURE__ */ c(t, {
 			sx: {
 				p: 1,
 				borderBottom: 1,
 				borderColor: "divider"
 			},
-			children: /* @__PURE__ */ c(o, {
+			children: /* @__PURE__ */ c(i, {
 				autoFocus: !0,
 				fullWidth: !0,
 				size: "small",
 				placeholder: h.emojiSearchPlaceholder,
 				value: g,
 				onChange: (e) => _(e.target.value),
-				slotProps: { input: { startAdornment: /* @__PURE__ */ c(i, {
+				slotProps: { input: { startAdornment: /* @__PURE__ */ c(n, {
 					position: "start",
 					children: /* @__PURE__ */ c(u, { fontSize: "small" })
 				}) } }
 			})
-		}), /* @__PURE__ */ l(r, {
+		}), /* @__PURE__ */ l(t, {
 			sx: {
 				overflowY: "auto",
 				flex: 1,
 				px: 1,
 				pb: 1
 			},
-			children: [v.map((e) => /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c(s, {
+			children: [v.map((e) => /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(a, {
 				variant: "caption",
 				sx: {
 					display: "block",
@@ -71,13 +71,13 @@ function d({ anchorEl: d, open: f, onClose: p, onSelect: m, translation: h }) {
 					px: .5
 				},
 				children: e.label
-			}), /* @__PURE__ */ c(r, {
+			}), /* @__PURE__ */ c(t, {
 				sx: {
 					display: "flex",
 					flexWrap: "wrap",
 					gap: .25
 				},
-				children: e.emojis.map((e) => /* @__PURE__ */ c(r, {
+				children: e.emojis.map((e) => /* @__PURE__ */ c(t, {
 					component: "button",
 					title: e.name,
 					"aria-label": e.name,
@@ -94,7 +94,7 @@ function d({ anchorEl: d, open: f, onClose: p, onSelect: m, translation: h }) {
 					},
 					children: e.emoji
 				}, e.emoji))
-			})] }, e.label)), v.length === 0 && /* @__PURE__ */ c(s, {
+			})] }, e.label)), v.length === 0 && /* @__PURE__ */ c(a, {
 				variant: "body2",
 				color: "text.secondary",
 				sx: {

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

@@ -1,9 +1,9 @@
-import { useState as e } from "react";
-import { Button as t, Dialog as n, DialogActions as r, DialogContent as i, DialogTitle as a, TextField as o } from "@mui/material";
+import { Button as e, Dialog as t, DialogActions as n, DialogContent as r, DialogTitle 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/rich-text-editor/RichTextEditorImageDialog.tsx
 function l({ open: l, onClose: u, editor: d, translation: f }) {
-	let [p, m] = e(""), [h, g] = e("");
+	let [p, m] = o(""), [h, g] = o("");
 	function _() {
 		let e = p.trim();
 		e && (d.chain().focus().setImage({
@@ -17,21 +17,21 @@ function l({ open: l, onClose: u, editor: d, translation: f }) {
 	function y(e) {
 		e.key === "Enter" && _();
 	}
-	return /* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ c(t, {
 		open: l,
 		onClose: v,
 		maxWidth: "sm",
 		fullWidth: !0,
 		children: [
-			/* @__PURE__ */ s(a, { children: f.imageDialogTitle }),
-			/* @__PURE__ */ c(i, {
+			/* @__PURE__ */ s(i, { children: f.imageDialogTitle }),
+			/* @__PURE__ */ c(r, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 2,
 					pt: "16px !important"
 				},
-				children: [/* @__PURE__ */ s(o, {
+				children: [/* @__PURE__ */ s(a, {
 					autoFocus: !0,
 					fullWidth: !0,
 					label: f.imageDialogUrlLabel,
@@ -41,7 +41,7 @@ function l({ open: l, onClose: u, editor: d, translation: f }) {
 					variant: "outlined",
 					size: "small",
 					placeholder: "https://example.com/image.png"
-				}), /* @__PURE__ */ s(o, {
+				}), /* @__PURE__ */ s(a, {
 					fullWidth: !0,
 					label: f.imageDialogAltLabel,
 					value: h,
@@ -51,16 +51,16 @@ function l({ open: l, onClose: u, editor: d, translation: f }) {
 					size: "small"
 				})]
 			}),
-			/* @__PURE__ */ c(r, {
+			/* @__PURE__ */ c(n, {
 				sx: {
 					px: 3,
 					pb: 2,
 					gap: 1
 				},
-				children: [/* @__PURE__ */ s(t, {
+				children: [/* @__PURE__ */ s(e, {
 					onClick: v,
 					children: f.imageDialogCancel
-				}), /* @__PURE__ */ s(t, {
+				}), /* @__PURE__ */ s(e, {
 					onClick: _,
 					variant: "contained",
 					disabled: !p.trim(),

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

@@ -1,10 +1,10 @@
-import { useEffect as e, useState as t } from "react";
-import { Button as n, Dialog as r, DialogActions as i, DialogContent as a, DialogTitle as o, TextField as s } from "@mui/material";
+import { Button as e, Dialog as t, DialogActions as n, DialogContent as r, DialogTitle as i, TextField as a } from "@mui/material";
+import { useEffect as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/rich-text-editor/RichTextEditorLinkDialog.tsx
 function u({ open: u, onClose: d, editor: f, translation: p }) {
-	let [m, h] = t("");
-	e(() => {
+	let [m, h] = s("");
+	o(() => {
 		if (u) {
 			let e = f.getAttributes("link").href;
 			h(e ?? "");
@@ -20,14 +20,14 @@ function u({ open: u, onClose: d, editor: f, translation: p }) {
 	function y(e) {
 		e.key === "Enter" && _();
 	}
-	return /* @__PURE__ */ l(r, {
+	return /* @__PURE__ */ l(t, {
 		open: u,
 		onClose: d,
 		maxWidth: "sm",
 		fullWidth: !0,
 		children: [
-			/* @__PURE__ */ c(o, { children: p.linkDialogTitle }),
-			/* @__PURE__ */ c(a, { children: /* @__PURE__ */ c(s, {
+			/* @__PURE__ */ c(i, { children: p.linkDialogTitle }),
+			/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(a, {
 				autoFocus: !0,
 				fullWidth: !0,
 				label: p.linkDialogUrlLabel,
@@ -39,24 +39,24 @@ function u({ open: u, onClose: d, editor: f, translation: p }) {
 				sx: { mt: 1 },
 				placeholder: "https://"
 			}) }),
-			/* @__PURE__ */ l(i, {
+			/* @__PURE__ */ l(n, {
 				sx: {
 					px: 3,
 					pb: 2,
 					gap: 1
 				},
 				children: [
-					g && /* @__PURE__ */ c(n, {
+					g && /* @__PURE__ */ c(e, {
 						onClick: v,
 						color: "error",
 						sx: { mr: "auto" },
 						children: p.linkDialogRemove
 					}),
-					/* @__PURE__ */ c(n, {
+					/* @__PURE__ */ c(e, {
 						onClick: d,
 						children: p.linkDialogCancel
 					}),
-					/* @__PURE__ */ c(n, {
+					/* @__PURE__ */ c(e, {
 						onClick: _,
 						variant: "contained",
 						children: p.linkDialogSave

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

@@ -1,13 +1,13 @@
 import { useTimedFlag as e } from "../shared/useTimedFlag.js";
-import { useEffect as t, useState as n } from "react";
-import { Box as r, Button as i, Dialog as a, DialogActions as o, DialogContent as s, DialogTitle as c, TextField as l, Typography as u } from "@mui/material";
+import { Box as t, Button as n, Dialog as r, DialogActions as i, DialogContent as a, DialogTitle as o, TextField as s, Typography as c } from "@mui/material";
+import { useEffect as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import p from "@mui/icons-material/ContentCopy";
 import m from "@mui/icons-material/Check";
 //#region src/components/rich-text-editor/RichTextEditorMarkdownDialog.tsx
 function h({ open: h, onClose: g, editor: _, translation: v }) {
-	let [y, b] = n(""), [x, S] = e();
-	t(() => {
+	let [y, b] = u(""), [x, S] = e();
+	l(() => {
 		h && b(_.storage.markdown.getMarkdown());
 	}, [h, _]);
 	function C() {
@@ -18,25 +18,25 @@ function h({ open: h, onClose: g, editor: _, translation: v }) {
 			S();
 		});
 	}
-	return /* @__PURE__ */ f(a, {
+	return /* @__PURE__ */ f(r, {
 		open: h,
 		onClose: g,
 		maxWidth: "sm",
 		fullWidth: !0,
 		children: [
-			/* @__PURE__ */ d(c, { children: v.markdownDialogTitle }),
-			/* @__PURE__ */ f(s, {
+			/* @__PURE__ */ d(o, { children: v.markdownDialogTitle }),
+			/* @__PURE__ */ f(a, {
 				sx: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 1.5,
 					pt: "16px !important"
 				},
-				children: [/* @__PURE__ */ d(u, {
+				children: [/* @__PURE__ */ d(c, {
 					variant: "body2",
 					color: "text.secondary",
 					children: v.markdownDialogDescription
-				}), /* @__PURE__ */ d(l, {
+				}), /* @__PURE__ */ d(s, {
 					autoFocus: !0,
 					fullWidth: !0,
 					multiline: !0,
@@ -53,16 +53,16 @@ function h({ open: h, onClose: g, editor: _, translation: v }) {
 					} } }
 				})]
 			}),
-			/* @__PURE__ */ f(o, {
+			/* @__PURE__ */ f(i, {
 				sx: {
 					px: 3,
 					pb: 2,
 					gap: 1
 				},
 				children: [
-					/* @__PURE__ */ d(r, {
+					/* @__PURE__ */ d(t, {
 						sx: { flex: 1 },
-						children: /* @__PURE__ */ d(i, {
+						children: /* @__PURE__ */ d(n, {
 							onClick: w,
 							startIcon: x ? /* @__PURE__ */ d(m, {
 								fontSize: "small",
@@ -71,11 +71,11 @@ function h({ open: h, onClose: g, editor: _, translation: v }) {
 							children: x ? v.markdownDialogCopied : v.markdownDialogCopy
 						})
 					}),
-					/* @__PURE__ */ d(i, {
+					/* @__PURE__ */ d(n, {
 						onClick: g,
 						children: v.markdownDialogCancel
 					}),
-					/* @__PURE__ */ d(i, {
+					/* @__PURE__ */ d(n, {
 						onClick: C,
 						variant: "contained",
 						children: v.markdownDialogApply

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

@@ -1,16 +1,16 @@
-import { forwardRef as e, useEffect as t, useImperativeHandle as n, useRef as r, useState as i } from "react";
-import { List as a, ListItemButton as o, Paper as s, Popper as c, Typography as l } from "@mui/material";
+import { List as e, ListItemButton as t, Paper as n, Popper as r, Typography as i } from "@mui/material";
+import { forwardRef as a, useEffect as o, useImperativeHandle as s, useRef as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
 //#region src/components/rich-text-editor/RichTextEditorMentionList.tsx
-var d = e(function({ items: e, noResultsLabel: d, clientRect: f, onSelect: p }, m) {
-	let [h, g] = i(0), [_, v] = i(e), y = r(null);
-	e !== _ && (v(e), g(0)), t(() => {
+var d = a(function({ items: a, noResultsLabel: d, clientRect: f, onSelect: p }, m) {
+	let [h, g] = l(0), [_, v] = l(a), y = c(null);
+	a !== _ && (v(a), g(0)), o(() => {
 		(y.current?.children[h])?.scrollIntoView({ block: "nearest" });
-	}, [h]), n(m, () => ({ onKeyDown(t) {
-		return t.key === "ArrowUp" ? (g((t) => (t - 1 + e.length) % e.length), !0) : t.key === "ArrowDown" ? (g((t) => (t + 1) % e.length), !0) : t.key === "Enter" ? (e[h] && p(e[h]), !0) : !1;
+	}, [h]), s(m, () => ({ onKeyDown(e) {
+		return e.key === "ArrowUp" ? (g((e) => (e - 1 + a.length) % a.length), !0) : e.key === "ArrowDown" ? (g((e) => (e + 1) % a.length), !0) : e.key === "Enter" ? (a[h] && p(a[h]), !0) : !1;
 	} }));
 	let b = f ? { getBoundingClientRect: f } : null;
-	return /* @__PURE__ */ u(c, {
+	return /* @__PURE__ */ u(r, {
 		open: !!b,
 		anchorEl: b,
 		placement: "bottom-start",
@@ -19,14 +19,14 @@ var d = e(function({ items: e, noResultsLabel: d, clientRect: f, onSelect: p },
 			options: { offset: [0, 4] }
 		}],
 		style: { zIndex: 1400 },
-		children: /* @__PURE__ */ u(s, {
+		children: /* @__PURE__ */ u(n, {
 			elevation: 4,
 			sx: {
 				maxHeight: 240,
 				overflow: "auto",
 				minWidth: 180
 			},
-			children: e.length === 0 ? /* @__PURE__ */ u(l, {
+			children: a.length === 0 ? /* @__PURE__ */ u(i, {
 				variant: "body2",
 				sx: {
 					px: 2,
@@ -34,16 +34,16 @@ var d = e(function({ items: e, noResultsLabel: d, clientRect: f, onSelect: p },
 					color: "text.secondary"
 				},
 				children: d
-			}) : /* @__PURE__ */ u(a, {
+			}) : /* @__PURE__ */ u(e, {
 				ref: y,
 				dense: !0,
 				disablePadding: !0,
-				children: e.map((e, t) => /* @__PURE__ */ u(o, {
-					selected: t === h,
+				children: a.map((e, n) => /* @__PURE__ */ u(t, {
+					selected: n === h,
 					onMouseDown: (t) => {
 						t.preventDefault(), p(e);
 					},
-					onMouseEnter: () => g(t),
+					onMouseEnter: () => g(n),
 					children: e.label
 				}, e.id))
 			})