@team-monolith/cds 1.84.6 → 1.84.8

package/dist/patterns/LexicalEditor/components/UploadFileDialog/UploadFileDialog.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { useContext, useEffect, useRef } from "react";
 import moment from "moment";
@@ -53,7 +53,7 @@ export function UploadFileDialog({ open, onClose, onChange, }) {
             inputRef.current.click();
         }
     }, [open]);
-    return (_jsx(_Fragment, { children: _jsx(HiddenInput, { ref: inputRef, type: "file", accept: "*", onChange: handleFileChange }) }));
+    return (_jsx(HiddenInput, { ref: inputRef, type: "file", accept: "*", onChange: handleFileChange }));
 }
 const HiddenInput = styled.input `
   display: none;

package/dist/patterns/LexicalEditor/nodes/FileNode/FileComponent.js

@@ -43,7 +43,7 @@ export function FileComponent({ fileName, fileSize, nodeKey, fileUrl, fileUpload
         }
         return false;
     }, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_DELETE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW), editor.registerCommand(KEY_BACKSPACE_COMMAND, $onDelete, COMMAND_PRIORITY_LOW)), [clearSelection, editor, isSelected, nodeKey, $onDelete, setSelected]);
-    return (_jsx(_Fragment, { children: isEditable ? (_jsx(FileDetailContainer, Object.assign({ isSelected: isSelected }, { children: _jsxs(FileInfo, Object.assign({ ref: ref }, { children: [_jsx(IconContainer, { children: getFileIcon(fileName) }), _jsx(FileName, { children: _jsx(OverflowTooltip, { text: fileName }) }), _jsx(FileOptionalInfo, { children: fileUploadDate }), _jsxs(FileSize, { children: [(fileSize / (1024 * 1024)).toFixed(1), " MB"] })] })) }))) : (_jsx(FileDownloadButton, { fileName: fileName, fileUrl: fileUrl, fileSize: fileSize })) }));
+    return (_jsx(_Fragment, { children: isEditable ? (_jsx(FileDetailContainer, Object.assign({ isSelected: isSelected, ref: ref }, { children: _jsxs(FileInfo, { children: [_jsx(IconContainer, { children: getFileIcon(fileName) }), _jsx(FileName, { children: _jsx(OverflowTooltip, { text: fileName }) }), _jsx(FileOptionalInfo, { children: fileUploadDate }), _jsxs(FileSize, { children: [(fileSize / (1024 * 1024)).toFixed(1), " MB"] })] }) }))) : (_jsx(FileDownloadButton, { fileName: fileName, fileUrl: fileUrl, fileSize: fileSize })) }));
 }
 export const FileName = styled.div `
   flex: 1;

package/dist/patterns/LexicalEditor/nodes/FileNode/FileDownloadButton.js

@@ -44,8 +44,7 @@ export function FileDownloadButton({ fileName, fileSize, fileUrl, }) {
             document.body.removeChild(link);
             URL.revokeObjectURL(blobUrl);
         }
-        catch (error) {
-            console.error("다운로드 실패:", error);
+        catch (_b) {
             showFileError === null || showFileError === void 0 ? void 0 : showFileError("download", "파일을 다운로드할 수 없어요.");
         }
     });

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,7 +156,7 @@ 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 }), _jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
                     editor.dispatchCommand(UPLOAD_FILE_COMMAND, props);
                 } }), _jsx(LexicalNodeMenuPlugin, { nodeKey: nodeKey, anchorClassName: cssToClassName `
           z-index: ${ZINDEX.DIALOG + 1};
@@ -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;
@@ -335,9 +339,9 @@ export function ComponentPickerMenuPlugin(props) {
     }, [editor]);
     return (_jsxs(_Fragment, { children: [_jsx(InsertImageDialog, { title: "\uC774\uBBF8\uC9C0 \uC0BD\uC785\uD558\uAE30", open: open, onChange: (props) => {
                     editor.dispatchCommand(INSERT_IMAGE_COMMAND, props);
-                }, onClose: () => setOpen(false), shouldReset: true }), showFileUploadBlock && (_jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
+                }, onClose: () => setOpen(false), shouldReset: true }), _jsx(UploadFileDialog, { open: fileOpen, onClose: () => setFileOpen(false), onChange: (props) => {
                     editor.dispatchCommand(UPLOAD_FILE_COMMAND, props);
-                } })), _jsx(LexicalTypeaheadMenuPlugin, { onQueryChange: setQueryString, onSelectOption: onSelectOption, triggerFn: checkForTriggerMatch, options: options, anchorClassName: cssToClassName `
+                } }), _jsx(LexicalTypeaheadMenuPlugin, { onQueryChange: setQueryString, onSelectOption: onSelectOption, triggerFn: checkForTriggerMatch, 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/package.json

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