@team-monolith/cds 1.119.2 → 1.119.4

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

@@ -35,7 +35,6 @@ import { InsertVideoDialog } from "../../components/InsertVideoDialog";
 import { INSERT_VIDEO_COMMAND } from "../VideosPlugin";
 import { UploadFileDialog } from "../../components/UploadFileDialog";
 import { UPLOAD_FILE_COMMAND } from "../FilePlugin";
-import { i18n } from "../../../../i18n/i18n";
 import { useTranslation } from "react-i18next";
 import { getTexts } from "../../../../texts";
 import { INSERT_TOGGLE_COMMAND } from "../TogglePlugin";
@@ -92,9 +91,9 @@ function getDynamicOptions(editor, queryString) {
     }
     return options;
 }
-function getSheetContextOptions(editor, theme) {
+function getSheetContextOptions(editor, theme, t) {
     return [
-        new ComponentPickerOption(i18n.t("선택형 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("선택형 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(ListRadioIcon, { color: theme.color.foreground.primary }),
             // eslint-disable-next-line i18next/no-literal-string
             keywords: ["sheet select", "선택형 입력"],
@@ -112,28 +111,24 @@ function getSheetContextOptions(editor, theme) {
                 allowMultipleAnswers: false,
             }),
         }),
-        new ComponentPickerOption(i18n.t("3단계 평가 입력 칸"), {
+        new ComponentPickerOption(t("3단계 평가 입력 칸"), {
             icon: _jsx(EmojiStickerLineIcon, { color: theme.color.foreground.primary }),
             // eslint-disable-next-line i18next/no-literal-string
             keywords: ["self evaluation", "3단계 평가 입력"],
             onSelect: () => editor.dispatchCommand(INSERT_SELF_EVALUATION_COMMAND, {
                 iconType: "emoji",
-                labels: [
-                    i18n.t("아주 잘했어요!"),
-                    i18n.t("보통이에요."),
-                    i18n.t("잘 모르겠어요."),
-                ],
+                labels: [t("아주 잘했어요!"), t("보통이에요."), t("잘 모르겠어요.")],
                 evaluations: [
                     {
                         question: {
-                            text: getTexts("placeholderEvaluationItem"),
+                            text: getTexts(t, "placeholderEvaluationItem"),
                         },
                         selectedLabelIndex: null,
                     },
                 ],
             }),
         }),
-        new ComponentPickerOption(i18n.t("단답형 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("단답형 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(InputMethodLineIcon, { color: theme.color.foreground.primary }),
             // eslint-disable-next-line i18next/no-literal-string
             keywords: ["sheet short input", "단답형 입력"],
@@ -143,7 +138,7 @@ function getSheetContextOptions(editor, theme) {
                 placeholder: "",
             }),
         }),
-        new ComponentPickerOption(i18n.t("서술형 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("서술형 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(FileList2LineIcon, { color: theme.color.foreground.primary }),
             // eslint-disable-next-line i18next/no-literal-string
             keywords: ["sheet long input", "서술형 입력"],
@@ -153,7 +148,7 @@ function getSheetContextOptions(editor, theme) {
                 placeholder: "",
             }),
         }),
-        new ComponentDrawerOption(i18n.t("활동지 메뉴구분선"), (_jsx("div", { css: css `
+        new ComponentDrawerOption(t("활동지 메뉴구분선"), (_jsx("div", { css: css `
             width: 100%;
             height: 1px;
             background: ${theme.color.background.neutralAltActive};
@@ -161,9 +156,9 @@ function getSheetContextOptions(editor, theme) {
           ` }))),
     ];
 }
-function getQuizContextOptions(editor, theme) {
+function getQuizContextOptions(editor, theme, t) {
     return [
-        new ComponentPickerOption(i18n.t("주관식 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("주관식 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(InputMethodLineIcon, { color: theme.color.foreground.primary }),
             // eslint-disable-next-line i18next/no-literal-string
             keywords: ["problem input", "주관식 입력"],
@@ -181,7 +176,7 @@ function getQuizContextOptions(editor, theme) {
                 ignoreWhitespace: true,
             }),
         }),
-        new ComponentPickerOption(i18n.t("객관식 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("객관식 입력 칸", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(ListRadioIcon, { color: theme.color.foreground.primary }),
             // eslint-disable-next-line i18next/no-literal-string
             keywords: ["problem select", "객관식 입력"],
@@ -201,7 +196,7 @@ function getQuizContextOptions(editor, theme) {
                 });
             },
         }),
-        new ComponentDrawerOption(i18n.t("퀴즈 메뉴구분선"), (_jsx("div", { css: css `
+        new ComponentDrawerOption(t("퀴즈 메뉴구분선"), (_jsx("div", { css: css `
             width: 100%;
             height: 1px;
             background: ${theme.color.background.neutralAltActive};
@@ -209,48 +204,10 @@ function getQuizContextOptions(editor, theme) {
           ` }))),
     ];
 }
-function getToggleTitleOptions(props) {
-    const { editor } = props;
-    return [
-        new ComponentPickerOption(i18n.t("본문", { context: "렉시컬 드롭다운 메뉴" }), {
-            icon: _jsx(TextIcon, {}),
-            // eslint-disable-next-line i18next/no-literal-string
-            keywords: ["normal", "paragraph", "p", "text", "본문", "단락", "내용"],
-            onSelect: () => editor.update(() => {
-                const selection = $getSelection();
-                if ($isRangeSelection(selection)) {
-                    $setBlocksType(selection, () => $createParagraphNode());
-                }
-            }),
-        }),
-        ...[1, 2, 3].map((n) => {
-            const titleMap = {
-                1: i18n.t("큰 제목", { context: "렉시컬 드롭다운 메뉴" }),
-                2: i18n.t("중간 제목", { context: "렉시컬 드롭다운 메뉴" }),
-                3: i18n.t("작은 제목", { context: "렉시컬 드롭다운 메뉴" }),
-            };
-            const iconMap = {
-                1: _jsx(H1Icon, {}),
-                2: _jsx(H2Icon, {}),
-                3: _jsx(H3Icon, {}),
-            };
-            return new ComponentPickerOption(titleMap[n], {
-                icon: iconMap[n],
-                keywords: ["heading", "header", `h${n}`, titleMap[n]],
-                onSelect: () => editor.update(() => {
-                    const selection = $getSelection();
-                    if ($isRangeSelection(selection)) {
-                        $setBlocksType(selection, () => $createHeadingNode(`h${n}`));
-                    }
-                }),
-            });
-        }),
-    ];
-}
 export function getBaseOptions(props) {
-    const { editor, theme, setImageOpen, setVideoOpen, setFileOpen, isSheetEnabled, isQuizEnabled, showFileUpload, } = props;
+    const { editor, theme, t, setImageOpen, setVideoOpen, setFileOpen, isSheetEnabled, isQuizEnabled, showFileUpload, } = props;
     const baseOptions = [
-        new ComponentPickerOption(i18n.t("본문", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("본문", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(TextIcon, {}),
             // eslint-disable-next-line i18next/no-literal-string
             keywords: ["normal", "paragraph", "p", "text", "본문", "단락", "내용"],
@@ -263,9 +220,9 @@ export function getBaseOptions(props) {
         }),
         ...[1, 2, 3].map((n) => {
             const titleMap = {
-                1: i18n.t("큰 제목", { context: "렉시컬 드롭다운 메뉴" }),
-                2: i18n.t("중간 제목", { context: "렉시컬 드롭다운 메뉴" }),
-                3: i18n.t("작은 제목", { context: "렉시컬 드롭다운 메뉴" }),
+                1: t("큰 제목", { context: "렉시컬 드롭다운 메뉴" }),
+                2: t("중간 제목", { context: "렉시컬 드롭다운 메뉴" }),
+                3: t("작은 제목", { context: "렉시컬 드롭다운 메뉴" }),
             };
             const iconMap = {
                 1: _jsx(H1Icon, {}),
@@ -283,22 +240,22 @@ export function getBaseOptions(props) {
                 }),
             });
         }),
-        new ComponentPickerOption(i18n.t("일반 목록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("일반 목록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(ListUnorderedIcon, {}),
             keywords: ["bulleted list", "unordered list", "ul"],
             onSelect: () => editor.dispatchCommand(INSERT_UNORDERED_LIST_COMMAND, undefined),
         }),
-        new ComponentPickerOption(i18n.t("숫자 목록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("숫자 목록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(ListOrderedIcon, {}),
             keywords: ["numbered list", "ordered list", "ol"],
             onSelect: () => editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined),
         }),
-        new ComponentPickerOption(i18n.t("토글 목록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("토글 목록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(PlayList2FillIcon, {}),
             keywords: ["toggle", "collapsible"],
             onSelect: () => editor.dispatchCommand(INSERT_TOGGLE_COMMAND, undefined),
         }),
-        new ComponentPickerOption(i18n.t("인용 블록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("인용 블록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(DoubleQuotesLIcon, {}),
             keywords: ["block quote"],
             onSelect: () => editor.update(() => {
@@ -308,7 +265,7 @@ export function getBaseOptions(props) {
                 }
             }),
         }),
-        new ComponentPickerOption(i18n.t("코드 블록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("코드 블록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(CodeViewIcon, {}),
             keywords: ["javascript", "python", "js", "codeblock"],
             onSelect: () => editor.update(() => {
@@ -327,17 +284,17 @@ export function getBaseOptions(props) {
                 }
             }),
         }),
-        new ComponentPickerOption(i18n.t("구분선"), {
+        new ComponentPickerOption(t("구분선"), {
             icon: _jsx(SeparatorIcon, {}),
             keywords: ["horizontal rule", "divider", "hr"],
             onSelect: () => editor.dispatchCommand(INSERT_HORIZONTAL_RULE_COMMAND, undefined),
         }),
-        new ComponentPickerOption(i18n.t("이미지"), {
+        new ComponentPickerOption(t("이미지"), {
             icon: _jsx(ImageLineIcon, {}),
             keywords: ["image", "photo", "picture", "file"],
             onSelect: () => setImageOpen(true),
         }),
-        new ComponentPickerOption(i18n.t("동영상"), {
+        new ComponentPickerOption(t("동영상"), {
             icon: _jsx(VideoLineIcon, {}),
             keywords: ["video", "movie"],
             onSelect: () => setVideoOpen(true),
@@ -348,15 +305,15 @@ export function getBaseOptions(props) {
     const isLabMode = localStorage.getItem("labMode") === "true";
     // isQuizEnabled이거나 devMode이면 퀴즈 컨텍스트 메뉴를 꼭대기에 추가합니다.
     if (isQuizEnabled || isDevMode) {
-        baseOptions.unshift(...getQuizContextOptions(editor, theme));
+        baseOptions.unshift(...getQuizContextOptions(editor, theme, t));
     }
     // isSheetEnabled이거나 devMode이면 활동지 컨텍스트 메뉴를 꼭대기에 추가합니다.
     if (isSheetEnabled || isDevMode) {
-        baseOptions.unshift(...getSheetContextOptions(editor, theme));
+        baseOptions.unshift(...getSheetContextOptions(editor, theme, t));
     }
     // devMode || labMode이면 칼럼 컨텍스트 메뉴를 추가합니다. (일부공개)
     if (isDevMode || isLabMode) {
-        baseOptions.push(new ComponentPickerOption(i18n.t("칼럼"), {
+        baseOptions.push(new ComponentPickerOption(t("칼럼"), {
             icon: _jsx(LayoutColumnLineIcon, {}),
             keywords: ["columns", "layout", "grid"],
             onSelect: () => editor.dispatchCommand(INSERT_LAYOUT_COMMAND, "1fr 1fr"),
@@ -364,7 +321,7 @@ export function getBaseOptions(props) {
     }
     // showFileUpload 이면 파일블록을 추가합니다.
     if (showFileUpload || isDevMode) {
-        baseOptions.push(new ComponentPickerOption(i18n.t("파일 게시"), {
+        baseOptions.push(new ComponentPickerOption(t("파일 게시"), {
             icon: _jsx(File3LineIcon, {}),
             keywords: ["file", "upload"],
             onSelect: () => setFileOpen(true),
@@ -378,30 +335,28 @@ export function ComponentPickerMenuPlugin(props) {
     const [editor] = useLexicalComposerContext();
     const theme = useTheme();
     const [queryString, setQueryString] = useState(null);
-    const [isInsideToggleTitle, setIsInsideToggleTitle] = useState(() => isSelectionInsideToggleTitle(editor));
     const [imageOpen, setImageOpen] = useState(false);
     const [videoOpen, setVideoOpen] = useState(false);
     const [fileOpen, setFileOpen] = useState(false);
-    const checkForTriggerMatch = useBasicTypeaheadTriggerMatch("/", {
-        minLength: 0,
-    });
-    const handleQueryChange = useCallback((nextQuery) => {
-        setQueryString(nextQuery);
-        setIsInsideToggleTitle(() => isSelectionInsideToggleTitle(editor));
-    }, [editor]);
+    const baseTrigger = useBasicTypeaheadTriggerMatch("/", { minLength: 0 });
+    const triggerFn = useCallback((text, editor) => {
+        if (isSelectionInsideToggleTitle(editor)) {
+            return null; // 메뉴를 열지 않음 → "/" 명령 무시
+        }
+        return baseTrigger(text, editor);
+    }, [baseTrigger]);
     const options = useMemo(() => {
-        const baseOptions = isInsideToggleTitle
-            ? getToggleTitleOptions({ editor })
-            : getBaseOptions({
-                editor,
-                theme,
-                setImageOpen,
-                setVideoOpen,
-                isSheetEnabled,
-                isQuizEnabled,
-                setFileOpen,
-                showFileUpload,
-            });
+        const baseOptions = getBaseOptions({
+            editor,
+            theme,
+            t,
+            setImageOpen,
+            setVideoOpen,
+            isSheetEnabled,
+            isQuizEnabled,
+            setFileOpen,
+            showFileUpload,
+        });
         if (!queryString) {
             return baseOptions;
         }
@@ -413,7 +368,7 @@ export function ComponentPickerMenuPlugin(props) {
                     option.keywords.some((keyword) => regex.test(keyword)))),
         ];
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [editor, queryString, isInsideToggleTitle]);
+    }, [editor, queryString]);
     const onSelectOption = useCallback((selectedOption, nodeToRemove, closeMenu, matchingString) => {
         if (selectedOption instanceof ComponentDrawerOption) {
             return;
@@ -434,7 +389,7 @@ export function ComponentPickerMenuPlugin(props) {
                     editor.dispatchCommand(INSERT_VIDEO_COMMAND, props);
                 }, onClose: () => setVideoOpen(false), shouldReset: true }), _jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
                     editor.dispatchCommand(UPLOAD_FILE_COMMAND, props);
-                } }), _jsx(LexicalTypeaheadMenuPlugin, { onQueryChange: handleQueryChange, onSelectOption: onSelectOption, triggerFn: checkForTriggerMatch, options: options, anchorClassName: cssToClassName `
+                } }), _jsx(LexicalTypeaheadMenuPlugin, { onQueryChange: setQueryString, onSelectOption: onSelectOption, triggerFn: triggerFn, options: options, anchorClassName: cssToClassName `
           z-index: ${ZINDEX.DIALOG + 1};
         `, menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current && options.length
                     ? ReactDOM.createPortal(_jsx(ComponentPickerMenuList, { options: options, selectedIndex: selectedIndex, selectOptionAndCleanUp: selectOptionAndCleanUp, setHighlightedIndex: setHighlightedIndex }), anchorElementRef.current)

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

@@ -24,6 +24,7 @@ import { CdsContext } from "../../../../CdsProvider";
 import { UPLOAD_FILE_COMMAND } from "../FilePlugin";
 import moment from "moment";
 import { getTexts } from "../../../../texts";
+import { useTranslation } from "react-i18next";
 const ACCEPTABLE_IMAGE_TYPES = [
     "image/",
     "image/heic",
@@ -42,6 +43,7 @@ export function DragDropPastePlugin() {
     const cdsContext = useContext(CdsContext);
     const uploadByFile = (_a = cdsContext.lexical) === null || _a === void 0 ? void 0 : _a.uploadByFile;
     const showFileError = (_b = cdsContext.lexical) === null || _b === void 0 ? void 0 : _b.showFileError;
+    const { t } = useTranslation();
     // eslint-disable-next-line arrow-body-style
     useEffect(() => {
         return editor.registerCommand(DRAG_DROP_PASTE, (files) => {
@@ -60,7 +62,7 @@ export function DragDropPastePlugin() {
                     }
                     else {
                         if (file.size >= MAX_FILE_SIZE) {
-                            showFileError === null || showFileError === void 0 ? void 0 : showFileError("upload", getTexts("errorFileTooLarge"));
+                            showFileError === null || showFileError === void 0 ? void 0 : showFileError("upload", getTexts(t, "errorFileTooLarge"));
                         }
                         else {
                             const result = yield uploadByFile(file);
@@ -76,6 +78,6 @@ export function DragDropPastePlugin() {
             }))();
             return true;
         }, COMMAND_PRIORITY_LOW);
-    }, [editor, showFileError, uploadByFile]);
+    }, [editor, showFileError, uploadByFile, t]);
     return null;
 }

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

@@ -3,13 +3,15 @@ import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext
 import { $getSelection, $isParagraphNode, $isRangeSelection } from "lexical";
 import { css as cssToClassName } from "@emotion/css";
 import { useTheme } from "@emotion/react";
-const getPlaceholderClassName = (theme) => cssToClassName `
-  &::before {
-    position: absolute;
-    content: attr(data-placeholder);
-    color: ${theme.color.foreground.neutralBaseDisabled};
-    pointer-events: none;
-  }
+import { $isToggleTitleNode } from "../../nodes";
+import { useTranslation } from "react-i18next";
+const getPlaceholderClassName = (theme) => cssToClassName `
+  &::before {
+    position: absolute;
+    content: attr(data-placeholder);
+    color: ${theme.color.foreground.neutralBaseDisabled};
+    pointer-events: none;
+  }
 `;
 export const ParagraphPlaceholderPlugin = ({ placeholder, }) => {
     const [editor] = useLexicalComposerContext();
@@ -17,6 +19,7 @@ export const ParagraphPlaceholderPlugin = ({ placeholder, }) => {
     const theme = useTheme();
     const placeholderClassName = useMemo(() => getPlaceholderClassName(theme), [theme]);
     useEffect(() => {
+        const { t } = useTranslation();
         const removeUpdateListener = editor.registerUpdateListener(({ editorState }) => {
             editorState.read(() => {
                 // 기존에 있던 placeholder를 제거합니다.
@@ -36,10 +39,16 @@ export const ParagraphPlaceholderPlugin = ({ placeholder, }) => {
                 const focusedNode = selection.focus.getNode();
                 if (!$isParagraphNode(focusedNode) || !focusedNode.isEmpty())
                     return;
+                const parentNode = focusedNode.getParent();
+                // 토글 제목 노드인 경우, / 명령어를 사용하지 않으므로
+                // 기존 placeholder 값을 "토글 제목"으로 고정합니다.
+                const placeholderText = $isToggleTitleNode(parentNode)
+                    ? t("토글 제목")
+                    : placeholder;
                 const el = editor.getElementByKey(focusedNode.getKey());
                 if (el instanceof HTMLParagraphElement) {
                     paragraphRef.current = el;
-                    paragraphRef.current.setAttribute("data-placeholder", placeholder);
+                    paragraphRef.current.setAttribute("data-placeholder", placeholderText);
                     paragraphRef.current.classList.add(placeholderClassName);
                 }
             });

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

@@ -9,7 +9,7 @@
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { $setBlocksType } from "@lexical/selection";
 import { $findMatchingParent, $insertNodeToNearestRoot, mergeRegister, } from "@lexical/utils";
-import { $createParagraphNode, $getSelection, $isRangeSelection, COMMAND_PRIORITY_LOW, createCommand, INSERT_PARAGRAPH_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, } from "lexical";
+import { $createParagraphNode, $getSelection, $isElementNode, $isParagraphNode, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_LOW, createCommand, INSERT_PARAGRAPH_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_ARROW_UP_COMMAND, } from "lexical";
 import { useEffect } from "react";
 import { $createToggleContainerNode, $createToggleTitleNode, $createToggleContentNode, $isToggleContainerNode, $isToggleTitleNode, $isToggleContentNode, ToggleContainerNode, ToggleTitleNode, ToggleContentNode, } from "../../nodes";
 export const INSERT_TOGGLE_COMMAND = createCommand("INSERT_TOGGLE_COMMAND");
@@ -77,12 +77,64 @@ export function TogglePlugin() {
                 }
                 node.remove();
             }
-        }), editor.registerNodeTransform(ToggleTitleNode, (node) => {
+        }), 
+        /**
+         * ToggleTitleNode 변경 시 내부 요소는 ParagraphNode만 허용하도록
+         * 각 자식 요소를 순회하면서 내부 텍스트를 ParagraphNode로 호이스트합니다.
+         */
+        editor.registerNodeTransform(ToggleTitleNode, (node) => {
             const parent = node.getParent();
             if (!$isToggleContainerNode(parent)) {
                 node.replace($createParagraphNode().append(...node.getChildren()));
                 return;
             }
+            let paragraph = node.getFirstChild();
+            if (!$isParagraphNode(paragraph)) {
+                const p = $createParagraphNode();
+                if (paragraph) {
+                    paragraph.insertBefore(p);
+                }
+                else {
+                    node.append(p);
+                }
+                paragraph = p;
+            }
+            // AIDEV-NOTE:
+            // paragraph의 타입이 LexicalNode인 경우 append 메서드가 없기 때문에
+            // $isParagraphNode 체크를 통해 타입 가드를 수행합니다.
+            if (!$isParagraphNode(paragraph)) {
+                return;
+            }
+            const hoistTexts = (n) => {
+                if ($isTextNode(n)) {
+                    paragraph.append(n);
+                    return;
+                }
+                if ($isElementNode(n)) {
+                    const children = n.getChildren();
+                    for (const c of children) {
+                        hoistTexts(c);
+                    }
+                    if (n !== paragraph && n.getChildrenSize() === 0) {
+                        n.remove();
+                    }
+                    return;
+                }
+            };
+            let child = node.getFirstChild();
+            while (child) {
+                const next = child.getNextSibling();
+                if (child !== paragraph) {
+                    hoistTexts(child);
+                    if ($isElementNode(child) && child.getChildrenSize() === 0) {
+                        child.remove();
+                    }
+                }
+                child = next;
+            }
+            if (paragraph.getParent() !== node) {
+                node.append(paragraph);
+            }
         }), editor.registerNodeTransform(ToggleContainerNode, (node) => {
             const children = node.getChildren();
             if (children.length !== 2 ||

package/dist/texts.d.ts

@@ -1,3 +1,4 @@
+import { TFunction } from "i18next";
 type TranslationMap = {
     placeholderEnterHere: string;
     errorFileTooLarge: string;
@@ -9,5 +10,5 @@ type TranslationMap = {
     errorMaxChoicesExceeded: string;
     multipleChoicesProblem: string;
 };
-export declare function getTexts<K extends keyof TranslationMap>(key: K): TranslationMap[K];
+export declare function getTexts<K extends keyof TranslationMap>(t: TFunction, key: K): TranslationMap[K];
 export {};

package/dist/texts.js

@@ -1,15 +1,14 @@
-import { i18n } from "./i18n/i18n";
 const TRANSLATION_TEXT = {
-    placeholderEnterHere: () => i18n.t("여기에 입력하세요."),
-    errorFileTooLarge: () => i18n.t("용량이 너무 큽니다. 1GB 이하의 파일을 선택해 주세요."),
-    descriptionDefaultInputText: () => i18n.t("입력 칸에 기본으로 노출되는 텍스트입니다."),
-    exampleEnterHere: () => i18n.t("예) 여기에 입력하세요."),
-    placeholderEvaluationItem: () => i18n.t("평가 항목을 입력하세요."),
-    errorRequiredField: () => i18n.t("필수 입력 항목입니다."),
-    errorDuplicateChoice: () => (indexes) => i18n.t("{{indexes}}번 선택지가 같은 내용입니다.", { indexes }),
-    errorMaxChoicesExceeded: () => i18n.t("선택지는 9개까지 등록이 가능합니다."),
-    multipleChoicesProblem: () => i18n.t("질문에 해당하는 답을 모두 고르는 문제입니다."),
+    placeholderEnterHere: (t) => t("여기에 입력하세요."),
+    errorFileTooLarge: (t) => t("용량이 너무 큽니다. 1GB 이하의 파일을 선택해 주세요."),
+    descriptionDefaultInputText: (t) => t("입력 칸에 기본으로 노출되는 텍스트입니다."),
+    exampleEnterHere: (t) => t("예) 여기에 입력하세요."),
+    placeholderEvaluationItem: (t) => t("평가 항목을 입력하세요."),
+    errorRequiredField: (t) => t("필수 입력 항목입니다."),
+    errorDuplicateChoice: (t) => (indexes) => t("{{indexes}}번 선택지가 같은 내용입니다.", { indexes }),
+    errorMaxChoicesExceeded: (t) => t("선택지는 9개까지 등록이 가능합니다."),
+    multipleChoicesProblem: (t) => t("질문에 해당하는 답을 모두 고르는 문제입니다."),
 };
-export function getTexts(key) {
-    return TRANSLATION_TEXT[key]();
+export function getTexts(t, key) {
+    return TRANSLATION_TEXT[key](t);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.119.2",
+  "version": "1.119.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
@@ -19,7 +19,6 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "i18next-locize-backend": "^7.0.4",
     "lexical": "^0.36.1",
-    "locize": "^4.0.14",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "react": "^18.2.0",