@team-monolith/cds 1.84.6 → 1.84.7

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

@@ -142,6 +142,7 @@ export function ComponentAdderPlugin(props) {
     const getContextMenuOptions = useContextMenuOptions({
         isSheetEnabled,
         isQuizEnabled,
+        showFileUploadBlock,
     });
     const filteredOptions = options.filter((option) => {
         if (!query) {
@@ -155,9 +156,9 @@ export function ComponentAdderPlugin(props) {
     const { onDragStart, onDragEnd, targetLineRef } = useDraggableBlockMenu(editor, anchorElem, blockElem, setBlockElem);
     return (_jsxs(_Fragment, { children: [_jsx(InsertImageDialog, { open: imageOpen, title: "\uC774\uBBF8\uC9C0 \uC0BD\uC785\uD558\uAE30", onClose: () => setImageOpen(false), onChange: (props) => {
                     editor.dispatchCommand(INSERT_IMAGE_COMMAND, props);
-                }, shouldReset: true }), showFileUploadBlock && _jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
+                }, shouldReset: true }), showFileUploadBlock && (_jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
                     editor.dispatchCommand(UPLOAD_FILE_COMMAND, props);
-                } }), _jsx(LexicalNodeMenuPlugin, { nodeKey: nodeKey, anchorClassName: cssToClassName `
+                } })), _jsx(LexicalNodeMenuPlugin, { nodeKey: nodeKey, anchorClassName: cssToClassName `
           z-index: ${ZINDEX.DIALOG + 1};
         `, options: filteredOptions, menuRenderFn: (anchorElementRef, { selectedIndex, selectOptionAndCleanUp, setHighlightedIndex }) => anchorElementRef.current && filteredOptions.length
                     ? ReactDOM.createPortal(_jsx(ComponentPickerMenuList, { options: filteredOptions, selectedIndex: selectedIndex, selectOptionAndCleanUp: selectOptionAndCleanUp, setHighlightedIndex: setHighlightedIndex }), anchorElementRef.current)
@@ -209,6 +210,7 @@ export function ComponentAdderPlugin(props) {
                                 isSheetEnabled,
                                 isQuizEnabled,
                                 setFileOpen,
+                                showFileUploadBlock,
                             });
                             setOptions(baseOptions);
                             setPlusOrMenu("plus");

package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/useContextMenuOptions.d.ts

@@ -6,4 +6,5 @@ import { ComponentDrawerOption, ComponentPickerOption } from "../ComponentPicker
 export declare function useContextMenuOptions(props: {
     isSheetEnabled: boolean;
     isQuizEnabled: boolean;
+    showFileUploadBlock: boolean;
 }): (editor: LexicalEditor, node: LexicalNode, setImageOpen: (open: boolean) => void, setFileOpen: (open: boolean) => void) => (ComponentPickerOption | ComponentDrawerOption)[];

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

@@ -303,7 +303,7 @@ function getUploadFileContextMenuOptions(editor, node) {
     ];
 }
 export function useContextMenuOptions(props) {
-    const { isSheetEnabled, isQuizEnabled } = props;
+    const { isSheetEnabled, isQuizEnabled, showFileUploadBlock } = props;
     const theme = useTheme();
     return (editor, node, setImageOpen, setFileOpen) => {
         if ($isProblemInputNode(node)) {
@@ -345,6 +345,7 @@ export function useContextMenuOptions(props) {
                     isSheetEnabled,
                     isQuizEnabled,
                     setFileOpen,
+                    showFileUploadBlock,
                 }),
                 new ComponentPickerOption("블록 삭제", {
                     icon: _jsx(CloseFillIcon, {}),

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

@@ -37,6 +37,7 @@ export declare function getBaseOptions(props: {
     setFileOpen: (open: boolean) => void;
     isSheetEnabled: boolean;
     isQuizEnabled: boolean;
+    showFileUploadBlock: boolean;
 }): (ComponentPickerOption | ComponentDrawerOption)[];
 export declare function ComponentPickerMenuPlugin(props: {
     isSheetEnabled: boolean;

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

@@ -183,7 +183,7 @@ function getQuizContextOptions(editor, theme) {
     ];
 }
 export function getBaseOptions(props) {
-    const { editor, theme, setImageOpen, setFileOpen, isSheetEnabled, isQuizEnabled, } = props;
+    const { editor, theme, setImageOpen, setFileOpen, isSheetEnabled, isQuizEnabled, showFileUploadBlock, } = props;
     const baseOptions = [
         new ComponentPickerOption("본문", {
             icon: _jsx(TextIcon, {}),
@@ -266,11 +266,6 @@ export function getBaseOptions(props) {
             keywords: ["image", "photo", "picture", "file"],
             onSelect: () => setImageOpen(true),
         }),
-        new ComponentPickerOption("파일 게시", {
-            icon: _jsx(File3LineIcon, {}),
-            keywords: ["file", "upload"],
-            onSelect: () => setFileOpen(true),
-        }),
     ];
     // devMode 여부를 로컬스토리지에서 가져옵니다.
     const isDevMode = localStorage.getItem("devMode") === "true";
@@ -290,6 +285,14 @@ export function getBaseOptions(props) {
             onSelect: () => editor.dispatchCommand(INSERT_LAYOUT_COMMAND, "1fr 1fr"),
         }));
     }
+    // showFileUploadBlock 이면 파일블록을 추가합니다.
+    if (showFileUploadBlock) {
+        baseOptions.push(new ComponentPickerOption("파일 게시", {
+            icon: _jsx(File3LineIcon, {}),
+            keywords: ["file", "upload"],
+            onSelect: () => setFileOpen(true),
+        }));
+    }
     return baseOptions;
 }
 export function ComponentPickerMenuPlugin(props) {
@@ -310,6 +313,7 @@ export function ComponentPickerMenuPlugin(props) {
             isSheetEnabled,
             isQuizEnabled,
             setFileOpen,
+            showFileUploadBlock,
         });
         if (!queryString) {
             return baseOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@team-monolith/cds",
-  "version": "1.84.6",
+  "version": "1.84.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,