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

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

@@ -1,23 +1,23 @@
 import { ZINDEX as e } from "../../../../utils/zIndex.js";
-import { getTexts as t } from "../../../../texts.js";
-import { InsertImageDialog as n } from "../../components/InsertImageDialog/InsertImageDialog.js";
-import { ComponentPickerMenuList as r } from "./ComponentPickerMenuList.js";
-import { INSERT_PROBLEM_INPUT_COMMAND as i } from "../ProblemInputPlugin/index.js";
-import { INSERT_PROBLEM_SELECT_COMMAND as a } from "../ProblemSelectPlugin/index.js";
-import { INSERT_LAYOUT_COMMAND as o } from "../LayoutPlugin/index.js";
-import { INSERT_SHEET_SELECT_COMMAND as s } from "../SheetSelectPlugin/index.js";
-import { INSERT_SHEET_INPUT_COMMAND as c } from "../SheetInputPlugin/index.js";
-import { INSERT_SELF_EVALUATION_COMMAND as l } from "../SelfEvaluationPlugin/index.js";
-import { INSERT_IMAGE_COMMAND as u } from "../ImagesPlugin/index.js";
-import { InsertVideoDialog as d } from "../../components/InsertVideoDialog/InsertVideoDialog.js";
-import { INSERT_VIDEO_COMMAND as f } from "../VideosPlugin/index.js";
-import { UploadFileDialog as p } from "../../components/UploadFileDialog/UploadFileDialog.js";
-import { UPLOAD_FILE_COMMAND as m } from "../FilePlugin/index.js";
-import { getComponentPickerOptions as h, getTableComponentPickerOption as g, getThemedComponentPickerOptions as _ } from "./componentPickerOptionUtils.js";
-import { css as v, useTheme as y } from "@emotion/react";
-import { useCallback as b, useMemo as x, useState as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "@emotion/react/jsx-runtime";
-import { useTranslation as E } from "react-i18next";
+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 { getTexts as n } from "../../../../texts.js";
+import { InsertImageDialog as r } from "../../components/InsertImageDialog/InsertImageDialog.js";
+import { ComponentPickerMenuList as i } from "./ComponentPickerMenuList.js";
+import { INSERT_PROBLEM_INPUT_COMMAND as a } from "../ProblemInputPlugin/index.js";
+import { INSERT_PROBLEM_SELECT_COMMAND as o } from "../ProblemSelectPlugin/index.js";
+import { INSERT_LAYOUT_COMMAND as s } from "../LayoutPlugin/index.js";
+import { INSERT_SHEET_SELECT_COMMAND as c } from "../SheetSelectPlugin/index.js";
+import { INSERT_SHEET_INPUT_COMMAND as l } from "../SheetInputPlugin/index.js";
+import { INSERT_SELF_EVALUATION_COMMAND as u } from "../SelfEvaluationPlugin/index.js";
+import { INSERT_IMAGE_COMMAND as d } from "../ImagesPlugin/index.js";
+import { InsertVideoDialog as f } from "../../components/InsertVideoDialog/InsertVideoDialog.js";
+import { INSERT_VIDEO_COMMAND as p } from "../VideosPlugin/index.js";
+import { UploadFileDialog as m } from "../../components/UploadFileDialog/UploadFileDialog.js";
+import { UPLOAD_FILE_COMMAND as h } from "../FilePlugin/index.js";
+import { getComponentPickerOptions as g, getTableComponentPickerOption as _, getThemedComponentPickerOptions as v } from "./componentPickerOptionUtils.js";
+import { css as y, useTheme as b } from "@emotion/react";
+import { useCallback as x, useMemo as S, useState as C } from "react";
+import { Fragment as w, jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
 import { css as D } from "@emotion/css";
 import { INSERT_HORIZONTAL_RULE_COMMAND as O } from "@lexical/react/LexicalHorizontalRuleNode";
 import { $createParagraphNode as k, $getSelection as A, $isRangeSelection as j } from "lexical";
@@ -55,7 +55,7 @@ function G(e, t) {
 			9,
 			10
 		].map(String);
-		n.push(...i.map((n) => g({
+		n.push(...i.map((n) => _({
 			editor: e,
 			rows: t,
 			columns: n
@@ -63,11 +63,11 @@ function G(e, t) {
 	}
 	return n;
 }
-function K(e, n, r) {
+function K(e, t, r) {
 	return [
-		_({
+		v({
 			key: "sheet_select",
-			onSelect: () => e.dispatchCommand(s, {
+			onSelect: () => e.dispatchCommand(c, {
 				selections: [{
 					show: {
 						image: null,
@@ -78,10 +78,10 @@ function K(e, n, r) {
 				selected: [],
 				allowMultipleAnswers: !1
 			})
-		}, r, n),
-		_({
+		}, r, t),
+		v({
 			key: "self_evaluation",
-			onSelect: () => e.dispatchCommand(l, {
+			onSelect: () => e.dispatchCommand(u, {
 				iconType: "emoji",
 				labels: [
 					r("아주 잘했어요!"),
@@ -89,40 +89,40 @@ function K(e, n, r) {
 					r("잘 모르겠어요.")
 				],
 				evaluations: [{
-					question: { text: t(r, "placeholderEvaluationItem") },
+					question: { text: n(r, "placeholderEvaluationItem") },
 					selectedLabelIndex: null
 				}]
 			})
-		}, r, n),
-		_({
+		}, r, t),
+		v({
 			key: "sheet_input",
-			onSelect: () => e.dispatchCommand(c, {
+			onSelect: () => e.dispatchCommand(l, {
 				multiline: !1,
 				value: "",
 				placeholder: ""
 			})
-		}, r, n),
-		_({
+		}, r, t),
+		v({
 			key: "sheet_long_input",
-			onSelect: () => e.dispatchCommand(c, {
+			onSelect: () => e.dispatchCommand(l, {
 				multiline: !0,
 				value: "",
 				placeholder: ""
 			})
-		}, r, n),
-		new U(r("활동지 메뉴구분선"), /* @__PURE__ */ w("div", { css: v`
+		}, r, t),
+		new U(r("활동지 메뉴구분선"), /* @__PURE__ */ T("div", { css: y`
             width: 100%;
             height: 1px;
-            background: ${n.color.background.neutralAltActive};
+            background: ${t.color.background.neutralAltActive};
             margin: 4px 0;
           ` }))
 	];
 }
 function q(e, t, n) {
 	return [
-		_({
+		v({
 			key: "problem_input",
-			onSelect: () => e.dispatchCommand(i, {
+			onSelect: () => e.dispatchCommand(a, {
 				solutions: [{
 					textType: "normal",
 					value: ""
@@ -134,10 +134,10 @@ function q(e, t, n) {
 				ignoreWhitespace: !0
 			})
 		}, n, t),
-		_({
+		v({
 			key: "problem_select",
 			onSelect: () => {
-				e.dispatchCommand(a, {
+				e.dispatchCommand(o, {
 					selections: [{
 						isAnswer: !1,
 						show: {
@@ -150,7 +150,7 @@ function q(e, t, n) {
 				});
 			}
 		}, n, t),
-		new U(n("퀴즈 메뉴구분선"), /* @__PURE__ */ w("div", { css: v`
+		new U(n("퀴즈 메뉴구분선"), /* @__PURE__ */ T("div", { css: y`
             width: 100%;
             height: 1px;
             background: ${t.color.background.neutralAltActive};
@@ -159,8 +159,8 @@ function q(e, t, n) {
 	];
 }
 function J(e) {
-	let { editor: t, theme: n, t: r, setImageOpen: i, setVideoOpen: a, setFileOpen: s, isSheetEnabled: c, isQuizEnabled: l, showFileUpload: u } = e, d = [
-		h({
+	let { editor: t, theme: n, t: r, setImageOpen: i, setVideoOpen: a, setFileOpen: o, isSheetEnabled: c, isQuizEnabled: l, showFileUpload: u } = e, d = [
+		g({
 			key: "p",
 			onSelect: () => t.update(() => {
 				let e = A();
@@ -173,7 +173,7 @@ function J(e) {
 			3
 		].map((e) => {
 			let n = `h${e}`;
-			return h({
+			return g({
 				key: n,
 				onSelect: () => t.update(() => {
 					let e = A();
@@ -181,22 +181,22 @@ function J(e) {
 				})
 			}, r);
 		}),
-		h({
+		g({
 			key: "ul",
 			onSelect: () => t.dispatchCommand(I, void 0)
 		}, r),
-		h({
+		g({
 			key: "ol",
 			onSelect: () => t.dispatchCommand(F, void 0)
 		}, r),
-		h({
+		g({
 			key: "quote",
 			onSelect: () => t.update(() => {
 				let e = A();
 				j(e) && H(e, () => N());
 			})
 		}, r),
-		h({
+		g({
 			key: "code",
 			onSelect: () => t.update(() => {
 				let e = A();
@@ -207,87 +207,87 @@ function J(e) {
 				}
 			})
 		}, r),
-		h({
+		g({
 			key: "divider",
 			onSelect: () => t.dispatchCommand(O, void 0)
 		}, r),
-		h({
+		g({
 			key: "image",
 			onSelect: () => i(!0)
 		}, r),
-		h({
+		g({
 			key: "video",
 			onSelect: () => a(!0)
 		}, r)
 	], f = localStorage.getItem("devMode") === "true", p = localStorage.getItem("labMode") === "true";
-	return (l || f) && d.unshift(...q(t, n, r)), (c || f) && d.unshift(...K(t, n, r)), (f || p) && d.push(h({
+	return (l || f) && d.unshift(...q(t, n, r)), (c || f) && d.unshift(...K(t, n, r)), (f || p) && d.push(g({
 		key: "column",
-		onSelect: () => t.dispatchCommand(o, "1fr 1fr")
-	}, r)), (u || f) && d.push(h({
+		onSelect: () => t.dispatchCommand(s, "1fr 1fr")
+	}, r)), (u || f) && d.push(g({
 		key: "file",
-		onSelect: () => s(!0)
+		onSelect: () => o(!0)
 	}, r)), d;
 }
-function Y(t) {
-	let { isSheetEnabled: i, isQuizEnabled: a, showFileUpload: o } = t, { t: s } = E(), [c] = P(), l = y(), [h, g] = S(null), [_, v] = S(!1), [O, k] = S(!1), [A, j] = S(!1), M = V("/", { minLength: 0 }), N = x(() => {
+function Y(n) {
+	let { isSheetEnabled: a, isQuizEnabled: o, showFileUpload: s } = n, { t: c } = t(), [l] = P(), u = b(), [g, _] = C(null), [v, y] = C(!1), [O, k] = C(!1), [A, j] = C(!1), M = V("/", { minLength: 0 }), N = S(() => {
 		let e = J({
-			editor: c,
-			theme: l,
-			t: s,
-			setImageOpen: v,
+			editor: l,
+			theme: u,
+			t: c,
+			setImageOpen: y,
 			setVideoOpen: k,
-			isSheetEnabled: i,
-			isQuizEnabled: a,
+			isSheetEnabled: a,
+			isQuizEnabled: o,
 			setFileOpen: j,
-			showFileUpload: o
+			showFileUpload: s
 		});
-		if (!h) return e;
-		let t = new RegExp(h, "i");
-		return [...G(c, h), ...e.filter((e) => e instanceof W && (t.test(e.title) || e.keywords.some((e) => t.test(e))))];
-	}, [c, h]), F = b((e, t, n, r) => {
-		e instanceof U || c.update(() => {
+		if (!g) return e;
+		let t = new RegExp(g, "i");
+		return [...G(l, g), ...e.filter((e) => e instanceof W && (t.test(e.title) || e.keywords.some((e) => t.test(e))))];
+	}, [l, g]), F = x((e, t, n, r) => {
+		e instanceof U || l.update(() => {
 			t?.remove(), e.onSelect(r), n();
 		});
-	}, [c]);
-	return /* @__PURE__ */ T(C, { children: [
-		/* @__PURE__ */ w(n, {
-			title: s("이미지 삽입하기", { context: "제목, 다이얼로그" }),
-			open: _,
+	}, [l]);
+	return /* @__PURE__ */ E(w, { children: [
+		/* @__PURE__ */ T(r, {
+			title: c("이미지 삽입하기", { context: "제목, 다이얼로그" }),
+			open: v,
 			onChange: (e) => {
-				c.dispatchCommand(u, e);
+				l.dispatchCommand(d, e);
 			},
-			onClose: () => v(!1),
+			onClose: () => y(!1),
 			shouldReset: !0
 		}),
-		/* @__PURE__ */ w(d, {
-			title: s("동영상 삽입하기", { context: "제목, 다이얼로그" }),
+		/* @__PURE__ */ T(f, {
+			title: c("동영상 삽입하기", { context: "제목, 다이얼로그" }),
 			open: O,
 			onChange: (e) => {
-				c.dispatchCommand(f, e);
+				l.dispatchCommand(p, e);
 			},
 			onClose: () => k(!1),
 			shouldReset: !0
 		}),
-		/* @__PURE__ */ w(p, {
+		/* @__PURE__ */ T(m, {
 			open: A,
 			onClose: () => j(!1),
 			onChange: (e) => {
-				c.dispatchCommand(m, e);
+				l.dispatchCommand(h, e);
 			}
 		}),
-		/* @__PURE__ */ w(z, {
-			onQueryChange: g,
+		/* @__PURE__ */ T(z, {
+			onQueryChange: _,
 			onSelectOption: F,
 			triggerFn: M,
 			options: N,
 			anchorClassName: D`
           z-index: ${e.DIALOG + 1};
         `,
-			menuRenderFn: (e, { selectedIndex: t, selectOptionAndCleanUp: n, setHighlightedIndex: i }) => e.current && N.length ? R.createPortal(/* @__PURE__ */ w(r, {
+			menuRenderFn: (e, { selectedIndex: t, selectOptionAndCleanUp: n, setHighlightedIndex: r }) => e.current && N.length ? R.createPortal(/* @__PURE__ */ T(i, {
 				options: N,
 				selectedIndex: t,
 				selectOptionAndCleanUp: n,
-				setHighlightedIndex: i
+				setHighlightedIndex: r
 			}), e.current) : null
 		})
 	] });

package/dist/patterns/LexicalEditor/plugins/DragDropPastePlugin/index.js

@@ -1,9 +1,9 @@
-import { CdsContext as e } from "../../../../CdsProvider.js";
-import { getTexts as t } from "../../../../texts.js";
-import { INSERT_IMAGE_COMMAND as n } from "../ImagesPlugin/index.js";
-import { UPLOAD_FILE_COMMAND as r } from "../FilePlugin/index.js";
-import { useContext as i, useEffect as a } from "react";
-import { useTranslation as o } 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 { CdsContext as t } from "../../../../CdsProvider.js";
+import { getTexts as n } from "../../../../texts.js";
+import { INSERT_IMAGE_COMMAND as r } from "../ImagesPlugin/index.js";
+import { UPLOAD_FILE_COMMAND as i } from "../FilePlugin/index.js";
+import { useContext as a, useEffect as o } from "react";
 import { COMMAND_PRIORITY_LOW as s } from "lexical";
 import { DRAG_DROP_PASTE as c } from "@lexical/rich-text";
 import { isMimeType as l, mediaFileReader as u } from "@lexical/utils";
@@ -18,20 +18,20 @@ var p = [
 	"image/webp"
 ], m = 1 * 1024 * 1024 * 1024;
 function h() {
-	let [h] = d(), g = i(e), _ = g.lexical?.uploadByFile, v = g.lexical?.showFileError, { t: y } = o();
-	return a(() => h.registerCommand(c, (e) => ((async () => {
+	let [h] = d(), g = a(t), _ = g.lexical?.uploadByFile, v = g.lexical?.showFileError, { t: y } = e();
+	return o(() => h.registerCommand(c, (e) => ((async () => {
 		if (!_) return !1;
-		let i = await u(e, [""]);
-		for (let { file: e } of i) if (l(e, p)) {
+		let t = await u(e, [""]);
+		for (let { file: e } of t) if (l(e, p)) {
 			let t = await _(e);
-			h.dispatchCommand(n, {
+			h.dispatchCommand(r, {
 				altText: e.name,
 				src: t
 			});
-		} else if (e.size >= m) v?.("upload", t(y, "errorFileTooLarge"));
+		} else if (e.size >= m) v?.("upload", n(y, "errorFileTooLarge"));
 		else {
 			let t = await _(e);
-			h.dispatchCommand(r, {
+			h.dispatchCommand(i, {
 				fileUrl: t,
 				fileName: e.name,
 				fileSize: e.size,

package/dist/patterns/LexicalEditor/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.js

@@ -2,44 +2,44 @@ import { stdin_default as e } from "../../../../node_modules/.pnpm/remixicon@4.3
 import { stdin_default as t } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/check-line.js";
 import { stdin_default as n } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/close-fill.js";
 import { stdin_default as r } from "../../../../node_modules/.pnpm/remixicon@4.3.0/node_modules/remixicon/icons/System/delete-bin-line.js";
-import { Input as i } from "../../../../components/Input.js";
-import { VISUALLY_HIDDEN as a } from "../../../../utils/visuallyHidden.js";
-import { getSelectedNode as o } from "../../utils/getSelectedNode.js";
-import { sanitizeUrl as s } from "../../utils/url.js";
-import { setFloatingElemPositionForLinkEditor as c } from "../../utils/setFloatingElemPositionForLinkEditor.js";
-import { useCallback as l, useEffect as u, useRef as d, 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 _ } from "react-i18next";
+import { useTranslation as i } 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 { Input as a } from "../../../../components/Input.js";
+import { VISUALLY_HIDDEN as o } from "../../../../utils/visuallyHidden.js";
+import { getSelectedNode as s } from "../../utils/getSelectedNode.js";
+import { sanitizeUrl as c } from "../../utils/url.js";
+import { setFloatingElemPositionForLinkEditor as l } from "../../utils/setFloatingElemPositionForLinkEditor.js";
+import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
+import m from "@emotion/styled";
+import { Fragment as h, jsx as g, jsxs as _ } from "@emotion/react/jsx-runtime";
 import { $getSelection as v, $isRangeSelection as y, COMMAND_PRIORITY_HIGH as b, COMMAND_PRIORITY_LOW as x, KEY_ESCAPE_COMMAND as S, SELECTION_CHANGE_COMMAND as C } from "lexical";
 import { $findMatchingParent as w, mergeRegister as T } from "@lexical/utils";
 import { $createLinkNode as E, $isAutoLinkNode as D, $isLinkNode as O, TOGGLE_LINK_COMMAND as k } from "@lexical/link";
 //#region src/cds/patterns/LexicalEditor/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.tsx
-function A(i) {
-	let { editor: p, isLink: A, setIsLink: I, anchorElem: L, isLinkEditMode: R, setIsLinkEditMode: z } = i, { t: B } = _(), V = d(null), H = d(null), [U, W] = f(""), [G, K] = f("https://"), [q, J] = f(null), Y = l(() => {
+function A(a) {
+	let { editor: m, isLink: A, setIsLink: I, anchorElem: L, isLinkEditMode: R, setIsLinkEditMode: z } = a, { t: B } = i(), V = f(null), H = f(null), [U, W] = p(""), [G, K] = p("https://"), [q, J] = p(null), Y = u(() => {
 		let e = v();
 		if (y(e)) {
-			let t = o(e), n = w(t, O);
+			let t = s(e), n = w(t, O);
 			n ? W(n.getURL()) : O(t) ? W(t.getURL()) : W(""), R && K(U);
 		}
 		let t = V.current, n = window.getSelection(), r = document.activeElement;
 		if (t === null) return;
-		let i = p.getRootElement();
-		if (e !== null && n !== null && i !== null && i.contains(n.anchorNode) && p.isEditable()) {
+		let i = m.getRootElement();
+		if (e !== null && n !== null && i !== null && i.contains(n.anchorNode) && m.isEditable()) {
 			let r = n.focusNode?.parentElement?.getBoundingClientRect();
-			r && (r.y += 40, c(r, t, L)), J(e);
-		} else (!r || r.className !== "link-input") && (i !== null && c(null, t, L), J(null), z(!1), W(""));
+			r && (r.y += 40, l(r, t, L)), J(e);
+		} else (!r || r.className !== "link-input") && (i !== null && l(null, t, L), J(null), z(!1), W(""));
 		return !0;
 	}, [
 		L,
-		p,
+		m,
 		z,
 		R,
 		U
 	]);
-	u(() => {
+	d(() => {
 		let e = L.parentElement, t = () => {
-			p.getEditorState().read(() => {
+			m.getEditorState().read(() => {
 				Y();
 			});
 		};
@@ -48,31 +48,31 @@ function A(i) {
 		};
 	}, [
 		L.parentElement,
-		p,
+		m,
 		Y
-	]), u(() => T(p.registerUpdateListener(({ editorState: e }) => {
+	]), d(() => T(m.registerUpdateListener(({ editorState: e }) => {
 		e.read(() => {
 			Y();
 		});
-	}), p.registerCommand(C, () => (Y(), !0), x), p.registerCommand(S, () => A ? (I(!1), !0) : !1, b)), [
-		p,
+	}), m.registerCommand(C, () => (Y(), !0), x), m.registerCommand(S, () => A ? (I(!1), !0) : !1, b)), [
+		m,
 		Y,
 		I,
 		A
-	]), u(() => {
-		p.getEditorState().read(() => {
+	]), d(() => {
+		m.getEditorState().read(() => {
 			Y();
 		});
-	}, [p, Y]), u(() => {
+	}, [m, Y]), d(() => {
 		R && H.current && H.current.focus();
 	}, [R, A]);
 	let X = (e) => {
 		e.key === "Enter" ? (e.preventDefault(), Z()) : e.key === "Escape" && (e.preventDefault(), z(!1));
 	}, Z = () => {
-		q !== null && (U !== "" && (p.dispatchCommand(k, s(G)), p.update(() => {
+		q !== null && (U !== "" && (m.dispatchCommand(k, c(G)), m.update(() => {
 			let e = v();
 			if (y(e)) {
-				let t = o(e).getParent();
+				let t = s(e).getParent();
 				if (D(t)) {
 					let e = E(t.getURL(), {
 						rel: t.__rel,
@@ -84,9 +84,9 @@ function A(i) {
 			}
 		})), K("https://"), z(!1));
 	};
-	return /* @__PURE__ */ h(j, {
+	return /* @__PURE__ */ g(j, {
 		ref: V,
-		children: A ? R ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(F, {
+		children: A ? R ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(F, {
 			className: "link-input",
 			fullWidth: !0,
 			color: "default",
@@ -99,42 +99,42 @@ function A(i) {
 			inputProps: { onKeyDown: (e) => {
 				X(e);
 			} }
-		}), /* @__PURE__ */ g(M, { children: [/* @__PURE__ */ h(N, {
+		}), /* @__PURE__ */ _(M, { children: [/* @__PURE__ */ g(N, {
 			tabIndex: 0,
 			onClick: (e) => {
 				e.preventDefault(), z(!1);
 			},
-			children: /* @__PURE__ */ h(n, {})
-		}), /* @__PURE__ */ h(N, {
+			children: /* @__PURE__ */ g(n, {})
+		}), /* @__PURE__ */ g(N, {
 			tabIndex: 0,
 			onClick: (e) => {
 				e.preventDefault(), Z();
 			},
-			children: /* @__PURE__ */ h(t, {})
-		})] })] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(P, {
-			href: s(U),
+			children: /* @__PURE__ */ g(t, {})
+		})] })] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(P, {
+			href: c(U),
 			target: "_blank",
 			rel: "noopener noreferrer",
-			children: [U, /* @__PURE__ */ h("span", {
-				css: a,
+			children: [U, /* @__PURE__ */ g("span", {
+				css: o,
 				children: B("(새 창)", { context: "렉시컬 링크 도구" })
 			})]
-		}), /* @__PURE__ */ g(M, { children: [/* @__PURE__ */ h(N, {
+		}), /* @__PURE__ */ _(M, { children: [/* @__PURE__ */ g(N, {
 			tabIndex: 0,
 			onClick: (e) => {
 				e.preventDefault(), K(U), z(!0);
 			},
-			children: /* @__PURE__ */ h(e, {})
-		}), /* @__PURE__ */ h(N, {
+			children: /* @__PURE__ */ g(e, {})
+		}), /* @__PURE__ */ g(N, {
 			tabIndex: 0,
 			onClick: (e) => {
-				e.preventDefault(), p.dispatchCommand(k, null);
+				e.preventDefault(), m.dispatchCommand(k, null);
 			},
-			children: /* @__PURE__ */ h(r, {})
+			children: /* @__PURE__ */ g(r, {})
 		})] })] }) : null
 	});
 }
-var j = p.div`
+var j = m.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -154,11 +154,11 @@ var j = p.div`
   box-shadow: 0px 3px 15px -3px rgba(13, 20, 33, 0.13);
 
   width: 400px;
-`, M = p.div`
+`, M = m.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`, N = p.button`
+`, N = m.button`
   // reset
   border: none;
   outline: none;
@@ -171,7 +171,7 @@ var j = p.div`
     width: 18px;
     height: 18px;
   }
-`, P = p.a`
+`, P = m.a`
   width: 100%;
   padding: 0px 8px;
 
@@ -181,7 +181,7 @@ var j = p.div`
   font-style: normal;
   font-weight: 400;
   line-height: 24px; /* 150% */
-`, F = p(i)`
+`, F = m(a)`
   margin: 4px 0px;
 `;
 //#endregion

package/dist/patterns/LexicalEditor/plugins/ImagesPlugin/useImageNodeTransform.js

@@ -1,7 +1,7 @@
-import { CdsContext as e } from "../../../../CdsProvider.js";
-import { $isImageNode as t } from "../../nodes/ImageNode/ImageNode.js";
-import { useContext as n, useRef as r } from "react";
-import { useTranslation as i } 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 { CdsContext as t } from "../../../../CdsProvider.js";
+import { $isImageNode as n } from "../../nodes/ImageNode/ImageNode.js";
+import { useContext as r, useRef as i } from "react";
 import { $getNodeByKey as a } from "lexical";
 //#region src/cds/patterns/LexicalEditor/plugins/ImagesPlugin/useImageNodeTransform.ts
 var o = /^data:[^,]+,/i;
@@ -17,35 +17,35 @@ async function c(e) {
 	}
 }
 function l(o) {
-	let l = n(e), u = l.lexical?.uploadByFile, d = l.lexical?.showFileError, { t: f } = i(), p = r(/* @__PURE__ */ new Set());
+	let l = r(t), u = l.lexical?.uploadByFile, d = l.lexical?.showFileError, { t: f } = e(), p = i(/* @__PURE__ */ new Set());
 	return u ? (e) => {
-		let n = e.getKey(), r = e.getSrc();
+		let t = e.getKey(), r = e.getSrc();
 		if (!s(r)) {
-			p.current.delete(n);
+			p.current.delete(t);
 			return;
 		}
-		p.current.has(n) || (p.current.add(n), (async () => {
+		p.current.has(t) || (p.current.add(t), (async () => {
 			let e = await c(r);
 			if (!e) {
-				p.current.delete(n), d?.("upload", f("손상된 이미지입니다. 다른 이미지를 사용해 주세요.")), o.update(() => {
-					let e = a(n);
-					t(e) && e.remove();
+				p.current.delete(t), d?.("upload", f("손상된 이미지입니다. 다른 이미지를 사용해 주세요.")), o.update(() => {
+					let e = a(t);
+					n(e) && e.remove();
 				});
 				return;
 			}
 			try {
 				let r = await u(e);
 				o.update(() => {
-					let e = a(n);
-					t(e) && e.setSrc(r);
+					let e = a(t);
+					n(e) && e.setSrc(r);
 				});
 			} catch {
 				d?.("upload", f("이미지를 업로드하지 못했습니다. 다시 시도해 주세요.")), o.update(() => {
-					let e = a(n);
-					t(e) && e.remove();
+					let e = a(t);
+					n(e) && e.remove();
 				});
 			} finally {
-				p.current.delete(n);
+				p.current.delete(t);
 			}
 		})());
 	} : null;