@team-monolith/cds 1.117.20 → 1.118.0

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

@@ -17,10 +17,10 @@ import { $isProblemSelectNode, } from "../../nodes/ProblemSelectNode";
 import { $isSheetInputNode } from "../../nodes/SheetInputNode";
 import { $isSheetSelectNode, } from "../../nodes/SheetSelectNode";
 import { $isSelfEvaluationNode, } from "../../nodes/SelfEvaluationNode";
-import { i18n } from "../../../../i18n/i18n";
-function getParagraphContextMenuOptions(editor, node) {
+import { useTranslation } from "react-i18next";
+function getParagraphContextMenuOptions(editor, node, t) {
     return [
-        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", "본문", "단락", "내용"],
@@ -31,9 +31,9 @@ function getParagraphContextMenuOptions(editor, node) {
         }),
         ...[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, {}),
@@ -49,7 +49,7 @@ function getParagraphContextMenuOptions(editor, node) {
                 }),
             });
         }),
-        new ComponentPickerOption(i18n.t("일반 목록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("일반 목록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(ListUnorderedIcon, {}),
             keywords: ["bulleted list", "unordered list", "ul"],
             onSelect: () => {
@@ -57,7 +57,7 @@ function getParagraphContextMenuOptions(editor, node) {
                 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: () => {
@@ -65,7 +65,7 @@ function getParagraphContextMenuOptions(editor, node) {
                 editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);
             },
         }),
-        new ComponentPickerOption(i18n.t("인용 블록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("인용 블록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(DoubleQuotesLIcon, {}),
             keywords: ["block quote"],
             onSelect: () => editor.update(() => {
@@ -73,7 +73,7 @@ function getParagraphContextMenuOptions(editor, node) {
                 $setBlocksType(selection, () => $createQuoteNode());
             }),
         }),
-        new ComponentPickerOption(i18n.t("코드 블록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("코드 블록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(CodeViewIcon, {}),
             keywords: ["javascript", "python", "js", "codeblock"],
             onSelect: () => editor.update(() => {
@@ -90,7 +90,7 @@ function getParagraphContextMenuOptions(editor, node) {
                 }
             }),
         }),
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -101,13 +101,13 @@ function getParagraphContextMenuOptions(editor, node) {
         }),
     ];
 }
-function getHeadingContextMenuOptions(editor, node) {
+function getHeadingContextMenuOptions(editor, node, t) {
     return [
         ...[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, {}),
@@ -123,7 +123,7 @@ function getHeadingContextMenuOptions(editor, node) {
                 }),
             });
         }),
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -134,9 +134,9 @@ function getHeadingContextMenuOptions(editor, node) {
         }),
     ];
 }
-function getListContextMenuOptions(editor, theme, node) {
+function getListContextMenuOptions(editor, theme, node, t) {
     return [
-        new ComponentPickerOption(i18n.t("일반 목록", { context: "렉시컬 드롭다운 메뉴" }), {
+        new ComponentPickerOption(t("일반 목록", { context: "렉시컬 드롭다운 메뉴" }), {
             icon: _jsx(ListUnorderedIcon, {}),
             keywords: ["bulleted list", "unordered list", "ul"],
             onSelect: () => {
@@ -144,7 +144,7 @@ function getListContextMenuOptions(editor, theme, node) {
                 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: () => {
@@ -152,7 +152,7 @@ function getListContextMenuOptions(editor, theme, node) {
                 editor.dispatchCommand(INSERT_ORDERED_LIST_COMMAND, undefined);
             },
         }),
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -163,9 +163,9 @@ function getListContextMenuOptions(editor, theme, node) {
         }),
     ];
 }
-function getProblemInputContextMenuOptions(node) {
+function getProblemInputContextMenuOptions(node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -174,9 +174,9 @@ function getProblemInputContextMenuOptions(node) {
         }),
     ];
 }
-function getProblemSelectContextMenuOptions(node) {
+function getProblemSelectContextMenuOptions(node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -185,9 +185,9 @@ function getProblemSelectContextMenuOptions(node) {
         }),
     ];
 }
-function getSheetInputContextMenuOptions(node) {
+function getSheetInputContextMenuOptions(node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -196,9 +196,9 @@ function getSheetInputContextMenuOptions(node) {
         }),
     ];
 }
-function getSheetSelectContextMenuOptions(node) {
+function getSheetSelectContextMenuOptions(node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -207,9 +207,9 @@ function getSheetSelectContextMenuOptions(node) {
         }),
     ];
 }
-function getSelfEvaluationContextMenuOptions(node) {
+function getSelfEvaluationContextMenuOptions(node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -218,9 +218,9 @@ function getSelfEvaluationContextMenuOptions(node) {
         }),
     ];
 }
-function getImageContextMenuOptions(node) {
+function getImageContextMenuOptions(node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -229,9 +229,9 @@ function getImageContextMenuOptions(node) {
         }),
     ];
 }
-function getVideoContextMenuOptions(node) {
+function getVideoContextMenuOptions(node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -240,9 +240,9 @@ function getVideoContextMenuOptions(node) {
         }),
     ];
 }
-function getColoredQuoteContextMenuOptions(editor, theme, node) {
+function getColoredQuoteContextMenuOptions(editor, theme, node, t) {
     return [
-        new ComponentPickerOption(i18n.t("회색"), {
+        new ComponentPickerOption(t("회색"), {
             icon: (_jsx(InputMethodLineIcon, { color: theme.color.container.marbleOnContainer })),
             iconContainerClassName: css `
         background: ${theme.color.container.marbleContainer};
@@ -254,7 +254,7 @@ function getColoredQuoteContextMenuOptions(editor, theme, node) {
                 });
             },
         }),
-        new ComponentPickerOption(i18n.t("빨간색"), {
+        new ComponentPickerOption(t("빨간색"), {
             icon: (_jsx(InputMethodLineIcon, { color: theme.color.container.redOnContainer })),
             iconContainerClassName: css `
         background: ${theme.color.container.redContainer};
@@ -266,7 +266,7 @@ function getColoredQuoteContextMenuOptions(editor, theme, node) {
                 });
             },
         }),
-        new ComponentPickerOption(i18n.t("노란색"), {
+        new ComponentPickerOption(t("노란색"), {
             icon: (_jsx(InputMethodLineIcon, { color: theme.color.container.yellowOnContainer })),
             iconContainerClassName: css `
         background: ${theme.color.container.yellowContainer};
@@ -278,7 +278,7 @@ function getColoredQuoteContextMenuOptions(editor, theme, node) {
                 });
             },
         }),
-        new ComponentPickerOption(i18n.t("파란색"), {
+        new ComponentPickerOption(t("파란색"), {
             icon: (_jsx(InputMethodLineIcon, { color: theme.color.container.blueOnContainer })),
             iconContainerClassName: css `
         background: ${theme.color.container.blueContainer};
@@ -290,7 +290,7 @@ function getColoredQuoteContextMenuOptions(editor, theme, node) {
                 });
             },
         }),
-        new ComponentPickerOption(i18n.t("초록색"), {
+        new ComponentPickerOption(t("초록색"), {
             icon: (_jsx(InputMethodLineIcon, { color: theme.color.container.greenOnContainer })),
             iconContainerClassName: css `
         background: ${theme.color.container.greenContainer};
@@ -302,7 +302,7 @@ function getColoredQuoteContextMenuOptions(editor, theme, node) {
                 });
             },
         }),
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -313,9 +313,9 @@ function getColoredQuoteContextMenuOptions(editor, theme, node) {
         }),
     ];
 }
-function getUploadFileContextMenuOptions(editor, node) {
+function getUploadFileContextMenuOptions(editor, node, t) {
     return [
-        new ComponentPickerOption(i18n.t("블록 삭제"), {
+        new ComponentPickerOption(t("블록 삭제"), {
             icon: _jsx(CloseFillIcon, {}),
             keywords: [],
             onSelect: () => {
@@ -329,48 +329,50 @@ function getUploadFileContextMenuOptions(editor, node) {
 export function useContextMenuOptions(props) {
     const { isSheetEnabled, isQuizEnabled, showFileUpload } = props;
     const theme = useTheme();
+    const { t } = useTranslation();
     return (editor, node, setImageOpen, setVideoOpen, setFileOpen) => {
         if ($isProblemInputNode(node)) {
-            return getProblemInputContextMenuOptions(node);
+            return getProblemInputContextMenuOptions(node, t);
         }
         else if ($isProblemSelectNode(node)) {
-            return getProblemSelectContextMenuOptions(node);
+            return getProblemSelectContextMenuOptions(node, t);
         }
         else if ($isSheetInputNode(node)) {
-            return getSheetInputContextMenuOptions(node);
+            return getSheetInputContextMenuOptions(node, t);
         }
         else if ($isSheetSelectNode(node)) {
-            return getSheetSelectContextMenuOptions(node);
+            return getSheetSelectContextMenuOptions(node, t);
         }
         else if ($isSelfEvaluationNode(node)) {
-            return getSelfEvaluationContextMenuOptions(node);
+            return getSelfEvaluationContextMenuOptions(node, t);
         }
         else if ($isImageNode(node)) {
-            return getImageContextMenuOptions(node);
+            return getImageContextMenuOptions(node, t);
         }
         else if ($isVideoNode(node)) {
-            return getVideoContextMenuOptions(node);
+            return getVideoContextMenuOptions(node, t);
         }
         else if (node instanceof ParagraphNode) {
-            return getParagraphContextMenuOptions(editor, node);
+            return getParagraphContextMenuOptions(editor, node, t);
         }
         else if (node instanceof HeadingNode) {
-            return getHeadingContextMenuOptions(editor, node);
+            return getHeadingContextMenuOptions(editor, node, t);
         }
         else if (node instanceof ListNode || node instanceof ListItemNode) {
-            return getListContextMenuOptions(editor, theme, node);
+            return getListContextMenuOptions(editor, theme, node, t);
         }
         else if ($isColoredQuoteNode(node)) {
-            return getColoredQuoteContextMenuOptions(editor, theme, node);
+            return getColoredQuoteContextMenuOptions(editor, theme, node, t);
         }
         else if ($isFileNode(node)) {
-            return getUploadFileContextMenuOptions(editor, node);
+            return getUploadFileContextMenuOptions(editor, node, t);
         }
         else {
             return [
                 ...getBaseOptions({
                     editor,
                     theme,
+                    t,
                     setImageOpen,
                     setVideoOpen,
                     isSheetEnabled,
@@ -378,7 +380,7 @@ export function useContextMenuOptions(props) {
                     setFileOpen,
                     showFileUpload,
                 }),
-                new ComponentPickerOption(i18n.t("블록 삭제"), {
+                new ComponentPickerOption(t("블록 삭제"), {
                     icon: _jsx(CloseFillIcon, {}),
                     keywords: [],
                     onSelect: () => {

package/dist/patterns/LexicalEditor/plugins/ComponentPickerMenuPlugin/ComponentPickerMenuPlugin.d.ts

@@ -10,6 +10,7 @@ import { MenuOption } from "@lexical/react/LexicalTypeaheadMenuPlugin";
 import { LexicalEditor } from "lexical";
 import { ReactElement } from "react";
 import { Theme } from "@emotion/react";
+import { TFunction } from "i18next";
 export declare class ComponentDrawerOption extends MenuOption {
     title: string;
     component: ReactElement;
@@ -33,6 +34,7 @@ export declare class ComponentPickerOption extends MenuOption {
 export declare function getBaseOptions(props: {
     editor: LexicalEditor;
     theme: Theme;
+    t: TFunction;
     setImageOpen: (open: boolean) => void;
     setVideoOpen: (open: boolean) => void;
     setFileOpen: (open: boolean) => void;

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 useModal from "../../hooks/useModal";
@@ -80,9 +79,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", "선택형 입력"],
@@ -100,28 +99,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", "단답형 입력"],
@@ -131,7 +126,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", "서술형 입력"],
@@ -141,7 +136,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};
@@ -149,9 +144,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", "주관식 입력"],
@@ -169,7 +164,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", "객관식 입력"],
@@ -189,7 +184,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};
@@ -198,9 +193,9 @@ function getQuizContextOptions(editor, theme) {
     ];
 }
 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", "본문", "단락", "내용"],
@@ -213,9 +208,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, {}),
@@ -233,17 +228,17 @@ 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(DoubleQuotesLIcon, {}),
             keywords: ["block quote"],
             onSelect: () => editor.update(() => {
@@ -253,7 +248,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(() => {
@@ -272,17 +267,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),
@@ -293,15 +288,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"),
@@ -309,7 +304,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),
@@ -333,6 +328,7 @@ export function ComponentPickerMenuPlugin(props) {
         const baseOptions = getBaseOptions({
             editor,
             theme,
+            t,
             setImageOpen,
             setVideoOpen,
             isSheetEnabled,

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/texts.d.ts

@@ -1,3 +1,4 @@
+import { TFunction } from "i18next";
 type TranslationMap = {
     placeholderEnterHere: string;
     errorFileTooLarge: string;
@@ -7,6 +8,7 @@ type TranslationMap = {
     errorRequiredField: string;
     errorDuplicateChoice: (indexes: string) => string;
     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,14 +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개까지 등록이 가능합니다."),
+    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.117.20",
+  "version": "1.118.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,