@thebuoyant-tsdev/mui-ts-library 3.2.1 → 3.4.0

package/dist/components/radial-tree-chart/RadialTreeChart.js

@@ -0,0 +1,447 @@
+import { DEFAULT_RADIAL_TREE_CHART_TRANSLATION as e } from "./RadialTreeChart.types.js";
+import { useCallback as t, useLayoutEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Avatar as o, Box as s, Divider as c, Popover as ee, Tooltip as te, Typography as l, useTheme as u } from "@mui/material";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import * as m from "d3";
+//#region src/components/radial-tree-chart/RadialTreeChart.tsx
+var h = {
+	folder: "M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z",
+	person: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"
+};
+function ne({ path: e, size: t }) {
+	let n = t / 2;
+	return /* @__PURE__ */ f("g", {
+		transform: `translate(${-n},${-n})`,
+		pointerEvents: "none",
+		children: /* @__PURE__ */ f("svg", {
+			width: t,
+			height: t,
+			viewBox: "0 0 24 24",
+			overflow: "visible",
+			children: /* @__PURE__ */ f("path", {
+				d: e,
+				fill: "white"
+			})
+		})
+	});
+}
+function re({ info: e, labelA: t, labelB: n }) {
+	return /* @__PURE__ */ p(s, {
+		sx: {
+			p: 2,
+			minWidth: 200,
+			maxWidth: 280
+		},
+		children: [/* @__PURE__ */ p(s, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				gap: 1.5,
+				mb: 1.5
+			},
+			children: [/* @__PURE__ */ f(o, {
+				sx: {
+					bgcolor: "primary.main",
+					width: 40,
+					height: 40
+				},
+				children: e.name.charAt(0).toUpperCase()
+			}), /* @__PURE__ */ p(s, { children: [/* @__PURE__ */ f(l, {
+				variant: "body2",
+				sx: { fontWeight: "bold" },
+				children: e.name
+			}), e.subname && /* @__PURE__ */ f(l, {
+				variant: "caption",
+				color: "text.secondary",
+				children: e.subname
+			})] })]
+		}), (e.specialValueA != null || e.specialValueB != null) && /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ f(c, { sx: { mb: 1.5 } }),
+			e.specialValueA != null && /* @__PURE__ */ p(s, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between",
+					mb: .5
+				},
+				children: [/* @__PURE__ */ f(l, {
+					variant: "caption",
+					color: "text.secondary",
+					children: t
+				}), /* @__PURE__ */ f(l, {
+					variant: "caption",
+					children: String(e.specialValueA)
+				})]
+			}),
+			e.specialValueB != null && /* @__PURE__ */ p(s, {
+				sx: {
+					display: "flex",
+					justifyContent: "space-between"
+				},
+				children: [/* @__PURE__ */ f(l, {
+					variant: "caption",
+					color: "text.secondary",
+					children: n
+				}), /* @__PURE__ */ f(l, {
+					variant: "caption",
+					children: String(e.specialValueB)
+				})]
+			})
+		] })]
+	});
+}
+function g({ data: o, size: c = 600, autoFit: d = !0, sortBy: g = "name", showLabels: _ = !0, showIcons: ie = !0, chartColors: v, rootNodeRadius: y = 22, branchNodeRadius: b = 16, leafNodeRadius: x = 11, linkColor: ae, linkStrokeOpacity: oe = 1, linkStrokeWidth: se = 1.5, labelFontSize: ce = 12, labelColor: le, separationSibling: S = 1, separationCousin: C = 2, zoomable: w = !1, drillable: T = !1, onFocusChange: E, showNodePopover: D = !1, renderNodePopoverContent: O, onNodeClick: ue, disabled: k = !1, translation: de }) {
+	let A = u(), j = {
+		...e,
+		...de
+	}, fe = [
+		A.palette.primary.main,
+		A.palette.secondary.main,
+		A.palette.info.main,
+		A.palette.success.main,
+		A.palette.warning.main,
+		A.palette.error.main
+	], M = v && v.length > 0 ? v : fe, N = t((e) => e.depth === 0 ? y : e.children ? b : x, [
+		y,
+		b,
+		x
+	]), pe = t((e) => e.data.colorConfig?.fill ?? M[e.depth % M.length], [M]), [P, F] = a([o]), I = P[P.length - 1], [me, he] = a(o);
+	me !== o && (he(o), F([o]));
+	let L = Math.max(1, c / 2 - 70), R = r(() => {
+		let e = m.hierarchy(I);
+		return g === "value" ? (e.sum((e) => e.value ?? 0), e.sort((e, t) => (t.value ?? 0) - (e.value ?? 0))) : e.sort((e, t) => m.ascending(e.data.name, t.data.name)), m.tree().size([2 * Math.PI, L]).separation((e, t) => (e.parent === t.parent ? S : C) * 1.4 / Math.max(1, e.depth))(e);
+	}, [
+		I,
+		g,
+		L,
+		S,
+		C
+	]), ge = R.links(), z = R.descendants(), _e = r(() => m.linkRadial().angle((e) => e.x).radius((e) => e.y), []), B = t((e) => ({
+		id: e.data.id,
+		name: e.data.name,
+		subname: e.data.subname ?? null,
+		value: (typeof e.value == "number" ? e.value : null) ?? e.data.value ?? null,
+		specialValueA: e.data.specialValueA ?? null,
+		specialValueB: e.data.specialValueB ?? null,
+		depth: e.depth,
+		path: e.ancestors().map((e) => e.data.name).reverse(),
+		childrenCount: e.children?.length ?? 0,
+		data: e.data
+	}), []), V = i(null), [H, U] = a(`-${c / 2} -${c / 2} ${c} ${c}`), [W, G] = a(1);
+	n(() => {
+		let e = V.current;
+		if (!e) return;
+		let t = requestAnimationFrame(() => {
+			try {
+				let t = e.getBBox();
+				U(`${t.x - 20} ${t.y - 20} ${t.width + 40} ${t.height + 40}`);
+			} catch {
+				U(`-${c / 2} -${c / 2} ${c} ${c}`);
+			}
+		});
+		return () => cancelAnimationFrame(t);
+	}, [
+		c,
+		R,
+		_,
+		d
+	]);
+	let ve = r(() => {
+		if (W === 1) return H;
+		let [e, t, n, r] = H.split(" ").map(Number), i = n / W, a = r / W;
+		return `${e + (n - i) / 2} ${t + (r - a) / 2} ${i} ${a}`;
+	}, [H, W]), ye = t((e) => {
+		if (!w || k || !e.ctrlKey) return;
+		e.preventDefault();
+		let t = e.deltaY < 0 ? 1.15 : 1 / 1.15;
+		G((e) => Math.max(.25, Math.min(8, e * t)));
+	}, [w, k]);
+	n(() => {
+		if (!w && !T) return;
+		let e = (e) => {
+			e.key === "Escape" && (w && G(1), T && (F([o]), E?.(null)));
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		w,
+		T,
+		o,
+		E
+	]);
+	let K = i(null), be = (e) => {
+		K.current &&= (clearTimeout(K.current), null), K.current = setTimeout(() => {
+			e(), K.current = null;
+		}, 250);
+	}, xe = () => {
+		K.current &&= (clearTimeout(K.current), null);
+	}, [Se, q] = a(null), J = i(null), Y = i(null), [Ce, X] = a(!1), [we, Te] = a(null), [Z, Ee] = a({
+		left: 0,
+		top: 0
+	}), [Q, De] = a(null), Oe = t(() => {
+		F((e) => {
+			if (e.length <= 1) return e;
+			let t = e.slice(0, -1);
+			return E?.(t.length <= 1 ? null : {
+				id: t[t.length - 1].id,
+				name: t[t.length - 1].name,
+				subname: t[t.length - 1].subname ?? null,
+				value: null,
+				specialValueA: null,
+				specialValueB: null,
+				depth: t.length - 1,
+				path: t.map((e) => e.name),
+				childrenCount: t[t.length - 1].children?.length ?? 0,
+				data: t[t.length - 1]
+			}), t;
+		});
+	}, [E]), ke = (e) => {
+		k || !T || (e.ctrlKey || e.metaKey) && (xe(), Oe());
+	}, Ae = (e) => {
+		if (k) return;
+		let t = z[Number(e.currentTarget.getAttribute("data-idx"))];
+		if (!t) return;
+		let n = B(t);
+		if ((e.ctrlKey || e.metaKey) && T && t.children) {
+			be(() => {
+				F((e) => [...e, t.data]), E?.(n);
+			});
+			return;
+		}
+		if (D) {
+			let t = J.current?.getBoundingClientRect();
+			Ee({
+				left: t ? e.clientX - t.left : e.clientX,
+				top: t ? e.clientY - t.top : e.clientY
+			}), Te(Y.current), De(n), X(!0);
+		}
+		ue?.(n, e);
+	}, $ = le || A.palette.text.primary, je = ae || A.palette.text.secondary, Me = A.palette.background.paper, Ne = A.typography.fontFamily;
+	return /* @__PURE__ */ p(s, {
+		ref: J,
+		sx: {
+			display: "inline-flex",
+			position: "relative",
+			opacity: k ? .5 : 1,
+			cursor: k ? "not-allowed" : "default",
+			userSelect: "none"
+		},
+		children: [
+			T && P.length > 1 && /* @__PURE__ */ f(s, {
+				sx: {
+					position: "absolute",
+					top: 4,
+					left: 0,
+					right: 0,
+					display: "flex",
+					justifyContent: "center",
+					gap: .5,
+					pointerEvents: "none",
+					zIndex: 1
+				},
+				children: /* @__PURE__ */ f(l, {
+					variant: "caption",
+					sx: {
+						bgcolor: "action.hover",
+						borderRadius: 1,
+						px: 1,
+						py: .25,
+						color: "text.secondary",
+						fontSize: "0.7rem"
+					},
+					children: P.map((e) => e.name).join(" › ")
+				})
+			}),
+			/* @__PURE__ */ f(s, {
+				ref: Y,
+				sx: {
+					position: "absolute",
+					left: Z.left,
+					top: Z.top,
+					width: 0,
+					height: 0
+				}
+			}),
+			/* @__PURE__ */ f("svg", {
+				width: c,
+				height: c,
+				viewBox: ve,
+				onWheel: ye,
+				style: {
+					fontFamily: Ne ?? "sans-serif",
+					overflow: w && W > 1 ? "hidden" : "visible"
+				},
+				role: "img",
+				"aria-label": o.name,
+				children: /* @__PURE__ */ p("g", {
+					ref: V,
+					children: [
+						/* @__PURE__ */ f("g", {
+							fill: "none",
+							stroke: je,
+							strokeOpacity: oe,
+							strokeWidth: se,
+							children: ge.map((e, t) => /* @__PURE__ */ f("path", { d: _e(e) }, `link-${t}`))
+						}),
+						/* @__PURE__ */ f("g", { children: z.map((e, t) => {
+							let n = N(e), r = pe(e), i = B(e), a = Se === t, o = e.children ? h.folder : h.person, c = Math.round(n * 1.3);
+							return /* @__PURE__ */ f(te, {
+								title: /* @__PURE__ */ p(s, {
+									sx: {
+										py: .5,
+										minWidth: 160
+									},
+									children: [
+										/* @__PURE__ */ f(l, {
+											variant: "caption",
+											sx: {
+												fontWeight: "bold",
+												display: "block",
+												fontSize: "0.8rem"
+											},
+											children: e.data.name
+										}),
+										e.data.subname && /* @__PURE__ */ f(l, {
+											variant: "caption",
+											sx: {
+												display: "block",
+												opacity: .85
+											},
+											children: e.data.subname
+										}),
+										(i.specialValueA != null || i.specialValueB != null || e.children) && /* @__PURE__ */ p(s, {
+											sx: {
+												mt: .75,
+												borderTop: "1px solid rgba(255,255,255,0.2)",
+												pt: .75
+											},
+											children: [
+												i.specialValueA != null && /* @__PURE__ */ p(s, {
+													sx: {
+														display: "flex",
+														justifyContent: "space-between",
+														gap: 2
+													},
+													children: [/* @__PURE__ */ f(l, {
+														variant: "caption",
+														sx: { opacity: .6 },
+														children: j.specialValueA ?? "A"
+													}), /* @__PURE__ */ f(l, {
+														variant: "caption",
+														children: String(i.specialValueA)
+													})]
+												}),
+												i.specialValueB != null && /* @__PURE__ */ p(s, {
+													sx: {
+														display: "flex",
+														justifyContent: "space-between",
+														gap: 2
+													},
+													children: [/* @__PURE__ */ f(l, {
+														variant: "caption",
+														sx: { opacity: .6 },
+														children: j.specialValueB ?? "B"
+													}), /* @__PURE__ */ f(l, {
+														variant: "caption",
+														children: String(i.specialValueB)
+													})]
+												}),
+												e.children && /* @__PURE__ */ p(s, {
+													sx: {
+														display: "flex",
+														justifyContent: "space-between",
+														gap: 2
+													},
+													children: [/* @__PURE__ */ f(l, {
+														variant: "caption",
+														sx: { opacity: .6 },
+														children: "Reports"
+													}), /* @__PURE__ */ f(l, {
+														variant: "caption",
+														children: e.children.length
+													})]
+												})
+											]
+										})
+									]
+								}),
+								followCursor: !0,
+								enterDelay: 50,
+								enterNextDelay: 0,
+								disableHoverListener: k,
+								slotProps: { tooltip: { sx: { maxWidth: 260 } } },
+								children: /* @__PURE__ */ p("g", {
+									"data-idx": t,
+									transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0)`,
+									onClick: Ae,
+									onDoubleClick: ke,
+									onMouseEnter: () => !k && q(t),
+									onMouseLeave: () => q(null),
+									style: { cursor: k ? "not-allowed" : "pointer" },
+									children: [
+										/* @__PURE__ */ f("circle", {
+											r: Math.max(n + 8, 24),
+											fill: "transparent"
+										}),
+										/* @__PURE__ */ f("circle", {
+											r: n + 2,
+											fill: r,
+											fillOpacity: .15
+										}),
+										/* @__PURE__ */ f("circle", {
+											r: n,
+											fill: r,
+											fillOpacity: a ? .85 : 1,
+											style: { transition: "fill-opacity 0.15s" }
+										}),
+										ie && /* @__PURE__ */ f(ne, {
+											path: o,
+											size: c
+										})
+									]
+								})
+							}, `node-${e.data.id}-${t}`);
+						}) }),
+						_ && /* @__PURE__ */ f("g", { children: z.map((e, t) => {
+							let n = N(e), r = e.x < Math.PI == !e.children, i = n + 6, a = r ? i : -i, o = r ? "start" : "end";
+							return /* @__PURE__ */ f("text", {
+								transform: `rotate(${e.x * 180 / Math.PI - 90}) translate(${e.y},0) rotate(${e.x >= Math.PI ? 180 : 0})`,
+								dy: "0.35em",
+								x: a,
+								textAnchor: o,
+								paintOrder: "stroke",
+								stroke: Me,
+								strokeWidth: 3,
+								fill: $,
+								fontSize: ce,
+								fontWeight: e.depth === 0 ? "bold" : "normal",
+								pointerEvents: "none",
+								children: e.data.name
+							}, `lbl-${e.data.id}-${t}`);
+						}) })
+					]
+				})
+			}),
+			D && /* @__PURE__ */ f(ee, {
+				open: Ce,
+				anchorEl: we,
+				onClose: () => X(!1),
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "right"
+				},
+				transformOrigin: {
+					vertical: "top",
+					horizontal: "left"
+				},
+				slotProps: { paper: { elevation: 4 } },
+				children: Q && (O ? O(Q) : /* @__PURE__ */ f(re, {
+					info: Q,
+					labelA: j.specialValueA ?? "Value A",
+					labelB: j.specialValueB ?? "Value B"
+				}))
+			})
+		]
+	});
+}
+g.displayName = "RadialTreeChart";
+//#endregion
+export { g as RadialTreeChart };

package/dist/components/radial-tree-chart/RadialTreeChart.types.js

@@ -0,0 +1,8 @@
+//#region src/components/radial-tree-chart/RadialTreeChart.types.ts
+var e = {
+	noData: "No data",
+	specialValueA: "Value A",
+	specialValueB: "Value B"
+};
+//#endregion
+export { e as DEFAULT_RADIAL_TREE_CHART_TRANSLATION };

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

@@ -0,0 +1,135 @@
+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 { RichTextEditorContent as r } from "./RichTextEditorContent.js";
+import { RichTextEditorToolbar as i } from "./RichTextEditorToolbar.js";
+import { RichTextEditorFooter as a } from "./RichTextEditorFooter.js";
+import { useEffect as o, useState as s } from "react";
+import { Box as c, Divider as l, Paper as u } from "@mui/material";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useEditor as m } from "@tiptap/react";
+import { StarterKit as h } from "@tiptap/starter-kit";
+import { TextStyle as ee } from "@tiptap/extension-text-style";
+import { Color as g } from "@tiptap/extension-color";
+import { Highlight as _ } from "@tiptap/extension-highlight";
+import { Placeholder as v } from "@tiptap/extension-placeholder";
+import { CharacterCount as y } from "@tiptap/extension-character-count";
+import { TableKit as b } from "@tiptap/extension-table";
+import { Image as x } from "@tiptap/extension-image";
+import { Markdown as S } from "tiptap-markdown";
+//#region src/components/rich-text-editor/RichTextEditor.tsx
+function C({ disabled: C = !1, error: w = !1, height: T, helperText: E, maxCharacters: D, name: 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 }) {
+	let V = {
+		...n,
+		...F
+	}, H = {
+		...t,
+		...P
+	}, [U, W] = s(!1), G = e(T), K = e(L), q = G === "auto", J = q ? void 0 : G ?? 200, Y = D !== void 0 && D > 0 || j || N, X = m({
+		shouldRerenderOnTransaction: !0,
+		extensions: [
+			h.configure({ link: { openOnClick: !1 } }),
+			ee,
+			g,
+			_.configure({ multicolor: !0 }),
+			S.configure({
+				transformPastedText: !0,
+				transformCopiedText: !1
+			}),
+			v.configure({ placeholder: k ?? "" }),
+			...H.showTableButton ? [b] : [],
+			...H.showImageButton ? [x.configure({
+				inline: !1,
+				allowBase64: !0
+			})] : [],
+			...Y ? D !== void 0 && D > 0 ? [y.configure({ limit: D })] : [y] : []
+		],
+		content: I ?? "",
+		editable: !C && !A,
+		onUpdate({ editor: e }) {
+			z?.(e.getHTML());
+		},
+		onBlur() {
+			R?.();
+		},
+		onFocus() {
+			B?.();
+		}
+	});
+	o(() => {
+		!X || I === void 0 || X.getHTML() !== I && X.commands.setContent(I, { emitUpdate: !1 });
+	}, [X, I]), o(() => {
+		X && X.setEditable(!C && !A);
+	}, [
+		X,
+		C,
+		A
+	]);
+	let Z = X?.storage.characterCount?.characters?.() ?? 0, Q = X?.storage.characterCount?.words?.() ?? 0, $ = j || D !== void 0 && D > 0 || N || !!E;
+	return /* @__PURE__ */ p(c, {
+		sx: U ? {
+			position: "fixed",
+			top: 0,
+			left: 0,
+			width: "100vw",
+			height: "100vh",
+			zIndex: 1300,
+			display: "flex",
+			flexDirection: "column",
+			bgcolor: "background.default",
+			p: 1
+		} : {
+			width: K ?? "100%",
+			...q ? {
+				display: "flex",
+				flexDirection: "column",
+				flex: 1
+			} : {}
+		},
+		children: [
+			/* @__PURE__ */ p(u, {
+				variant: "outlined",
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					overflow: "hidden",
+					...U || q ? { flex: 1 } : { height: J },
+					borderColor: w ? "error.main" : void 0,
+					"&:focus-within": {
+						borderColor: w ? "error.main" : "primary.main",
+						borderWidth: 2
+					}
+				},
+				children: [M && !A && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(i, {
+					editor: X,
+					toolbarConfig: H,
+					translation: V,
+					disabled: C,
+					isFullscreen: U,
+					onToggleFullscreen: () => W((e) => !e)
+				}), /* @__PURE__ */ f(l, {})] }), /* @__PURE__ */ f(r, {
+					editor: X,
+					error: w,
+					disabled: C,
+					readonly: A
+				})]
+			}),
+			$ && /* @__PURE__ */ f(a, {
+				helperText: E,
+				error: w,
+				showCharacterCount: j || D !== void 0 && D > 0,
+				charCount: Z,
+				maxCharacters: D && D > 0 ? D : void 0,
+				showWordCount: N,
+				wordCount: Q,
+				translation: V
+			}),
+			O && /* @__PURE__ */ f("input", {
+				type: "hidden",
+				name: O,
+				value: X ? X.getHTML() : ""
+			})
+		]
+	});
+}
+//#endregion
+export { C as RichTextEditor };

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

@@ -0,0 +1,74 @@
+//#region src/components/rich-text-editor/RichTextEditor.types.ts
+var e = {
+	showBold: !0,
+	showItalic: !0,
+	showUnderline: !0,
+	showStrike: !0,
+	showHeading1: !0,
+	showHeading2: !0,
+	showHeading3: !0,
+	showBulletList: !0,
+	showOrderedList: !0,
+	showBlockquote: !0,
+	showCodeBlock: !0,
+	showLink: !0,
+	showHorizontalRule: !0,
+	showTextColor: !0,
+	showHighlight: !0,
+	showUndoRedo: !0,
+	showClearFormat: !0,
+	showFullscreenButton: !1,
+	showTableButton: !1,
+	showImageButton: !1,
+	showEmojiButton: !1
+}, t = {
+	bold: "Bold",
+	italic: "Italic",
+	underline: "Underline",
+	strike: "Strikethrough",
+	heading1: "Heading 1",
+	heading2: "Heading 2",
+	heading3: "Heading 3",
+	bulletList: "Bullet list",
+	orderedList: "Numbered list",
+	blockquote: "Blockquote",
+	codeBlock: "Code block",
+	link: "Insert link",
+	horizontalRule: "Horizontal rule",
+	textColor: "Text color",
+	removeTextColor: "Remove text color",
+	highlight: "Highlight",
+	removeHighlight: "Remove highlight",
+	undo: "Undo",
+	redo: "Redo",
+	clearFormat: "Clear formatting",
+	linkDialogTitle: "Insert link",
+	linkDialogUrlLabel: "URL",
+	linkDialogSave: "Save",
+	linkDialogCancel: "Cancel",
+	linkDialogRemove: "Remove link",
+	characterCount: "{count} characters",
+	characterCountMax: "{count} / {max} characters",
+	wordCount: "{count} words",
+	fullscreen: "Full screen",
+	exitFullscreen: "Exit full screen",
+	table: "Table",
+	insertTable: "Insert 3×3 table",
+	addRowBefore: "Add row before",
+	addRowAfter: "Add row after",
+	deleteRow: "Delete row",
+	addColumnBefore: "Add column before",
+	addColumnAfter: "Add column after",
+	deleteColumn: "Delete column",
+	deleteTable: "Delete table",
+	image: "Insert image",
+	imageDialogTitle: "Insert image",
+	imageDialogUrlLabel: "Image URL",
+	imageDialogAltLabel: "Alt text (optional)",
+	imageDialogSave: "Insert",
+	imageDialogCancel: "Cancel",
+	emoji: "Emoji",
+	emojiSearchPlaceholder: "Search emoji…"
+};
+//#endregion
+export { e as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, t as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION };