@team-monolith/cds 1.129.2-alpha.2 → 1.129.3-alpha

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdderPlugin.js

@@ -1,35 +1,35 @@
 import { ZINDEX as e } from "../../../../utils/zIndex.js";
-import { InsertImageDialog as t } from "../../components/InsertImageDialog/InsertImageDialog.js";
-import { useDraggableBlockMenu as n } from "./useDraggableBlockMenu.js";
-import { ComponentPickerMenuList as r } from "../ComponentPickerMenuPlugin/ComponentPickerMenuList.js";
-import { INSERT_IMAGE_COMMAND as i } from "../ImagesPlugin/index.js";
-import { InsertVideoDialog as ee } from "../../components/InsertVideoDialog/InsertVideoDialog.js";
-import { INSERT_VIDEO_COMMAND as te } from "../VideosPlugin/index.js";
-import { UploadFileDialog as ne } from "../../components/UploadFileDialog/UploadFileDialog.js";
-import { UPLOAD_FILE_COMMAND as re } from "../FilePlugin/index.js";
-import { ComponentDrawerOption as ie, ComponentPickerOption as ae, getBaseOptions as a } from "../ComponentPickerMenuPlugin/ComponentPickerMenuPlugin.js";
-import { useFloatingMenu as o } from "./useFloatingMenu.js";
-import { ComponentAdder as s } from "./ComponentAdder.js";
-import { useContextMenuOptions as c } from "./useContextMenuOptions.js";
+import { useTranslation as t } from "../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { InsertImageDialog as n } from "../../components/InsertImageDialog/InsertImageDialog.js";
+import { useDraggableBlockMenu as r } from "./useDraggableBlockMenu.js";
+import { ComponentPickerMenuList as ee } from "../ComponentPickerMenuPlugin/ComponentPickerMenuList.js";
+import { INSERT_IMAGE_COMMAND as te } from "../ImagesPlugin/index.js";
+import { InsertVideoDialog as ne } from "../../components/InsertVideoDialog/InsertVideoDialog.js";
+import { INSERT_VIDEO_COMMAND as re } from "../VideosPlugin/index.js";
+import { UploadFileDialog as ie } from "../../components/UploadFileDialog/UploadFileDialog.js";
+import { UPLOAD_FILE_COMMAND as ae } from "../FilePlugin/index.js";
+import { ComponentDrawerOption as i, ComponentPickerOption as a, getBaseOptions as o } from "../ComponentPickerMenuPlugin/ComponentPickerMenuPlugin.js";
+import { useFloatingMenu as s } from "./useFloatingMenu.js";
+import { ComponentAdder as c } from "./ComponentAdder.js";
+import { useContextMenuOptions as oe } from "./useContextMenuOptions.js";
 import { useTheme as l } from "@emotion/react";
-import { useCallback as oe, useEffect as u, useRef as d, useState as f } from "react";
+import { useCallback as u, useEffect as d, useRef as se, useState as f } from "react";
 import p from "@emotion/styled";
 import { Fragment as m, jsx as h, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useTranslation as se } from "react-i18next";
 import { css as ce } from "@emotion/css";
-import { $createNodeSelection as le, $createParagraphNode as ue, $getNearestNodeFromDOMNode as _, $getSelection as de, $isNodeSelection as fe, $isParagraphNode as v, $isRangeSelection as y, $setSelection as b } from "lexical";
-import { useLexicalComposerContext as x } from "@lexical/react/LexicalComposerContext";
-import S, { createPortal as C } from "react-dom";
-import { LexicalNodeMenuPlugin as w } from "@lexical/react/LexicalNodeMenuPlugin";
+import { $createNodeSelection as le, $createParagraphNode as ue, $getNearestNodeFromDOMNode as _, $getSelection as de, $isNodeSelection as v, $isParagraphNode as y, $isRangeSelection as b, $setSelection as x } from "lexical";
+import { useLexicalComposerContext as S } from "@lexical/react/LexicalComposerContext";
+import C, { createPortal as w } from "react-dom";
+import { LexicalNodeMenuPlugin as T } from "@lexical/react/LexicalNodeMenuPlugin";
 //#region src/cds/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdderPlugin.tsx
-var T = { menu: "ComponentAdder-menu" };
-function E(e) {
-	return !!e.closest(`.${T.menu}`);
-}
+var E = { menu: "ComponentAdder-menu" };
 function D(e) {
-	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	return !!e.closest(`.${E.menu}`);
 }
 function O(e) {
+	return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function k(e) {
 	let t = e.anchor;
 	if (t.type !== "text") return null;
 	let n = t.getNode();
@@ -37,147 +37,147 @@ function O(e) {
 	let r = t.offset;
 	return n.getTextContent().slice(0, r);
 }
-function k(p) {
-	let { anchorElem: k, isSheetEnabled: j, isQuizEnabled: M, showFileUpload: N } = p, P = l(), [F] = x(), { t: I } = se(), [L, R] = f(null), z = d(null), { blockElem: B, setBlockElem: V } = o({
-		anchorElem: k,
-		menuRef: z,
-		isOnMenu: E
-	}), [H, U] = f("plus"), [pe, W] = f([]), [me, G] = f(!1), [he, K] = f(!1), [ge, q] = f(!1), [J, Y] = f("");
-	u(() => {
-		let e = F.registerUpdateListener(() => {
-			F.getEditorState().read(() => {
-				if (L === null) return;
+function A(p) {
+	let { anchorElem: A, isSheetEnabled: M, isQuizEnabled: N, showFileUpload: P } = p, F = l(), [I] = S(), { t: L } = t(), [R, z] = f(null), B = se(null), { blockElem: V, setBlockElem: H } = s({
+		anchorElem: A,
+		menuRef: B,
+		isOnMenu: D
+	}), [U, W] = f("plus"), [fe, G] = f([]), [pe, K] = f(!1), [me, q] = f(!1), [he, J] = f(!1), [Y, X] = f("");
+	d(() => {
+		let e = I.registerUpdateListener(() => {
+			I.getEditorState().read(() => {
+				if (R === null) return;
 				let e = de();
-				if (y(e)) {
+				if (b(e)) {
 					if (e.getNodes().every((e) => {
 						let t = e.getTopLevelElement();
-						return t ? t.getKey() !== L : !0;
+						return t ? t.getKey() !== R : !0;
 					})) {
-						Y(""), R(null);
+						X(""), z(null);
 						return;
 					}
-					H === "plus" && Y(O(e) ?? "");
-				} else fe(e) ? e.getNodes()[0]?.getKey() !== L && (Y(""), R(null)) : (Y(""), R(null));
+					U === "plus" && X(k(e) ?? "");
+				} else v(e) ? e.getNodes()[0]?.getKey() !== R && (X(""), z(null)) : (X(""), z(null));
 			});
 		});
 		return () => {
 			e();
 		};
 	}, [
-		F,
-		L,
-		H
+		I,
+		R,
+		U
 	]);
-	let X = oe((e, t, n, r) => {
-		e instanceof ie || F.update(() => {
-			e.onSelect(r), R(null), n();
+	let ge = u((e, t, n, r) => {
+		e instanceof i || I.update(() => {
+			e.onSelect(r), z(null), n();
 		});
-	}, [F]), [Z, Q] = f([]), _e = async () => {
+	}, [I]), [Z, Q] = f([]), _e = async () => {
 		Z.forEach((e) => e()), Q((e) => e.filter((e) => Z.indexOf(e) === -1));
-	}, ve = c(), $ = pe.filter((e) => {
-		if (!J) return !0;
-		let t = new RegExp(D(J), "i");
-		return e instanceof ae && (t.test(e.title) || e.keywords.some((e) => t.test(e)));
-	}), { onDragStart: ye, onDragEnd: be, targetLineRef: xe } = n(F, k, B, V);
+	}, ve = oe(), $ = fe.filter((e) => {
+		if (!Y) return !0;
+		let t = new RegExp(O(Y), "i");
+		return e instanceof a && (t.test(e.title) || e.keywords.some((e) => t.test(e)));
+	}), { onDragStart: ye, onDragEnd: be, targetLineRef: xe } = r(I, A, V, H);
 	return /* @__PURE__ */ g(m, { children: [
-		/* @__PURE__ */ h(t, {
-			open: me,
-			title: I("이미지 삽입하기", { context: "제목, 다이얼로그" }),
-			onClose: () => G(!1),
+		/* @__PURE__ */ h(n, {
+			open: pe,
+			title: L("이미지 삽입하기", { context: "제목, 다이얼로그" }),
+			onClose: () => K(!1),
 			onChange: (e) => {
-				F.dispatchCommand(i, e);
+				I.dispatchCommand(te, e);
 			},
 			shouldReset: !0
 		}),
-		/* @__PURE__ */ h(ee, {
-			open: he,
-			title: I("동영상 삽입하기", { context: "제목, 다이얼로그" }),
-			onClose: () => K(!1),
+		/* @__PURE__ */ h(ne, {
+			open: me,
+			title: L("동영상 삽입하기", { context: "제목, 다이얼로그" }),
+			onClose: () => q(!1),
 			onChange: (e) => {
-				F.dispatchCommand(te, e);
+				I.dispatchCommand(re, e);
 			},
 			shouldReset: !0
 		}),
-		/* @__PURE__ */ h(ne, {
-			open: ge,
-			onClose: () => q(!1),
+		/* @__PURE__ */ h(ie, {
+			open: he,
+			onClose: () => J(!1),
 			onChange: (e) => {
-				F.dispatchCommand(re, e);
+				I.dispatchCommand(ae, e);
 			}
 		}),
-		/* @__PURE__ */ h(w, {
-			nodeKey: L,
+		/* @__PURE__ */ h(T, {
+			nodeKey: R,
 			anchorClassName: ce`
           z-index: ${e.DIALOG + 1};
         `,
 			options: $,
-			menuRenderFn: (e, { selectedIndex: t, selectOptionAndCleanUp: n, setHighlightedIndex: i }) => e.current && $.length ? S.createPortal(/* @__PURE__ */ h(r, {
+			menuRenderFn: (e, { selectedIndex: t, selectOptionAndCleanUp: n, setHighlightedIndex: r }) => e.current && $.length ? C.createPortal(/* @__PURE__ */ h(ee, {
 				options: $,
 				selectedIndex: t,
 				selectOptionAndCleanUp: n,
-				setHighlightedIndex: i
+				setHighlightedIndex: r
 			}), e.current) : null,
-			onSelectOption: X,
+			onSelectOption: ge,
 			onClose: () => {
-				R(null), _e();
+				z(null), _e();
 			}
 		}),
-		C(/* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(s, {
-			ref: z,
-			className: T.menu,
+		w(/* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(c, {
+			ref: B,
+			className: E.menu,
 			onPlusClick: async () => {
-				if (!B) return;
+				if (!V) return;
 				let e = null;
-				if (F.update(() => {
-					let t = _(B);
-					if (t) if (v(t) && t.isEmpty()) e = t.getKey(), t.selectStart();
+				if (I.update(() => {
+					let t = _(V);
+					if (t) if (y(t) && t.isEmpty()) e = t.getKey(), t.selectStart();
 					else {
 						let n = ue();
 						t.insertAfter(n), n.selectStart(), e = n.getKey(), n.selectStart();
 					}
 				}), e) {
-					if (L === null) R(e);
+					if (R === null) z(e);
 					else {
 						let t = new Promise((e) => {
 							Q((t) => [...t, e]);
 						});
-						R(null), await t, R(e);
+						z(null), await t, z(e);
 					}
-					W(a({
-						editor: F,
-						theme: P,
-						t: I,
-						setImageOpen: G,
-						setVideoOpen: K,
-						isSheetEnabled: j,
-						isQuizEnabled: M,
-						setFileOpen: q,
-						showFileUpload: N
-					})), U("plus");
+					G(o({
+						editor: I,
+						theme: F,
+						t: L,
+						setImageOpen: K,
+						setVideoOpen: q,
+						isSheetEnabled: M,
+						isQuizEnabled: N,
+						setFileOpen: J,
+						showFileUpload: P
+					})), W("plus");
 				}
 			},
 			onMenuClick: async () => {
-				if (!B) return;
+				if (!V) return;
 				let e = null;
-				F.update(async () => {
-					if (e = _(B), !e) return;
+				I.update(async () => {
+					if (e = _(V), !e) return;
 					let t = le();
-					if (t.add(e.getKey()), b(t), W(ve(F, e)), L === null) R(e.getKey());
+					if (t.add(e.getKey()), x(t), G(ve(I, e)), R === null) z(e.getKey());
 					else {
 						let t = new Promise((e) => {
 							Q((t) => [...t, e]);
 						});
-						R(null), await t, R(e.getKey());
+						z(null), await t, z(e.getKey());
 					}
-					U("menu");
+					W("menu");
 				});
 			},
 			onMenuDragStart: ye,
 			onMenuDragEnd: be
-		}), /* @__PURE__ */ h(A, { ref: xe })] }), k)
+		}), /* @__PURE__ */ h(j, { ref: xe })] }), A)
 	] });
 }
-var A = p.div`
+var j = p.div`
   pointer-events: none;
   background: deepskyblue;
   height: 4px;
@@ -188,4 +188,4 @@ var A = p.div`
   will-change: transform;
 `;
 //#endregion
-export { k as ComponentAdderPlugin };
+export { A as ComponentAdderPlugin };

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/useContextMenuOptions.js

@@ -1,111 +1,111 @@
-import { $isColoredQuoteNode as e } from "../../nodes/ColoredQuoteNode.js";
-import { getComponentPickerOptions as t, getQuoteColorOptions as n, getRemoveBlockMenu as r } from "../ComponentPickerMenuPlugin/componentPickerOptionUtils.js";
-import { useTheme as i } from "@emotion/react";
-import { useTranslation as a } from "react-i18next";
+import { useTranslation as e } from "../../../../node_modules/.pnpm/react-i18next@15.7.3_i18next@25.5.2_typescript@5.5.4__react-dom@18.2.0_react@18.2.0__react@18.2.0_typescript@5.5.4/node_modules/react-i18next/dist/es/useTranslation.js";
+import { $isColoredQuoteNode as t } from "../../nodes/ColoredQuoteNode.js";
+import { getComponentPickerOptions as n, getQuoteColorOptions as r, getRemoveBlockMenu as i } from "../ComponentPickerMenuPlugin/componentPickerOptionUtils.js";
+import { useTheme as a } from "@emotion/react";
 import { $createParagraphNode as o, ParagraphNode as s } from "lexical";
 import { $createHeadingNode as c, $createQuoteNode as l, HeadingNode as u } from "@lexical/rich-text";
 import { INSERT_ORDERED_LIST_COMMAND as d, INSERT_UNORDERED_LIST_COMMAND as f, ListItemNode as p, ListNode as m } from "@lexical/list";
 import { $createCodeNode as h } from "@lexical/code";
 import { $setBlocksType as g } from "@lexical/selection";
 //#region src/cds/patterns/LexicalEditor/plugins/ComponentAdderPlugin/useContextMenuOptions.tsx
-function _(e, n, i) {
+function _(e, t, r) {
 	return [
-		t({
+		n({
 			key: "p",
 			onSelect: () => e.update(() => {
-				g(n.selectStart(), () => o());
+				g(t.selectStart(), () => o());
 			})
-		}, i),
+		}, r),
 		...[
 			1,
 			2,
 			3
-		].map((r) => {
-			let a = `h${r}`;
-			return t({
+		].map((i) => {
+			let a = `h${i}`;
+			return n({
 				key: a,
 				onSelect: () => e.update(() => {
-					g(n.selectStart(), () => c(a));
+					g(t.selectStart(), () => c(a));
 				})
-			}, i);
+			}, r);
 		}),
-		t({
+		n({
 			key: "ul",
 			onSelect: () => {
-				n.selectStart(), e.dispatchCommand(f, void 0);
+				t.selectStart(), e.dispatchCommand(f, void 0);
 			}
-		}, i),
-		t({
+		}, r),
+		n({
 			key: "ol",
 			onSelect: () => {
-				n.selectStart(), e.dispatchCommand(d, void 0);
+				t.selectStart(), e.dispatchCommand(d, void 0);
 			}
-		}, i),
-		t({
+		}, r),
+		n({
 			key: "quote",
 			onSelect: () => e.update(() => {
-				g(n.selectStart(), () => l());
+				g(t.selectStart(), () => l());
 			})
-		}, i),
-		t({
+		}, r),
+		n({
 			key: "code",
 			onSelect: () => e.update(() => {
-				let e = n.selectStart();
+				let e = t.selectStart();
 				if (e.isCollapsed()) g(e, () => h());
 				else {
 					let t = e.getTextContent(), n = h();
 					e.insertNodes([n]), e.insertRawText(t);
 				}
 			})
-		}, i),
-		r(e, n, i)
+		}, r),
+		i(e, t, r)
 	];
 }
-function v(e, n, i) {
+function v(e, t, r) {
 	return [...[
 		1,
 		2,
 		3
-	].map((r) => {
-		let a = `h${r}`;
-		return t({
+	].map((i) => {
+		let a = `h${i}`;
+		return n({
 			key: a,
 			onSelect: () => e.update(() => {
-				g(n.selectStart(), () => c(a));
+				g(t.selectStart(), () => c(a));
 			})
-		}, i);
-	}), r(e, n, i)];
+		}, r);
+	}), i(e, t, r)];
 }
-function y(e, n, i) {
+function y(e, t, r) {
 	return [
-		t({
+		n({
 			key: "ul",
 			onSelect: () => {
-				n.selectStart(), e.dispatchCommand(f, void 0);
+				t.selectStart(), e.dispatchCommand(f, void 0);
 			}
-		}, i),
-		t({
+		}, r),
+		n({
 			key: "ol",
 			onSelect: () => {
-				n.selectStart(), e.dispatchCommand(d, void 0);
+				t.selectStart(), e.dispatchCommand(d, void 0);
 			}
-		}, i),
-		r(e, n, i)
+		}, r),
+		i(e, t, r)
 	];
 }
-function b(e, t, i, a) {
+function b(e, t, n, a) {
 	return [
-		n(e, i, "grey", a, t),
-		n(e, i, "red", a, t),
-		n(e, i, "yellow", a, t),
-		n(e, i, "blue", a, t),
-		n(e, i, "green", a, t),
-		r(e, i, a)
+		r(e, n, "grey", a, t),
+		r(e, n, "red", a, t),
+		r(e, n, "yellow", a, t),
+		r(e, n, "blue", a, t),
+		r(e, n, "green", a, t),
+		i(e, n, a)
 	];
 }
 function x() {
-	let t = i(), { t: n } = a();
-	return (i, a) => a instanceof s ? _(i, a, n) : a instanceof u ? v(i, a, n) : a instanceof m || a instanceof p ? y(i, a, n) : e(a) ? b(i, t, a, n) : [r(i, a, n)];
+	let n = a(), { t: r } = e();
+	return (e, a) => a instanceof s ? _(e, a, r) : a instanceof u ? v(e, a, r) : a instanceof m || a instanceof p ? y(e, a, r) : t(a) ? b(e, n, a, r) : [i(e, a, r)];
 }
 //#endregion
 export { x as useContextMenuOptions };