@team-monolith/cds 1.84.8 → 1.84.10

package/dist/patterns/LexicalEditor/LexicalCustomConfigContext.d.ts

@@ -2,7 +2,7 @@
 export type LexicalCustomConfig = {
     freezeProblemNode: boolean;
     showQuizSolution: boolean;
-    showFileUploadBlock: boolean;
+    showFileUpload: boolean;
 };
 declare const LexicalCustomConfigContext: import("react").Context<LexicalCustomConfig>;
 export { LexicalCustomConfigContext };

package/dist/patterns/LexicalEditor/LexicalCustomConfigContext.js

@@ -2,6 +2,6 @@ import { createContext } from "react";
 const LexicalCustomConfigContext = createContext({
     freezeProblemNode: false,
     showQuizSolution: false,
-    showFileUploadBlock: false,
+    showFileUpload: false,
 });
 export { LexicalCustomConfigContext };

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

@@ -19,7 +19,7 @@ export interface LexicalEditorProps {
     /** 퀴즈 노드가 허용되는지 여부. false가 디폴트이고, 전달하지 않아도 로컬스토리지 devMode로도 노출시킬 수 있습니다. */
     isQuizEnabled?: boolean;
     /** 렉시컬 플러그인의 파일 블록 노출의 유무, false가 디폴트이고, 전달하지 않아도 로컬스토리지 devMode로도 노출시킬 수 있습니다. */
-    showFileUploadBlock?: boolean;
+    showFileUpload?: boolean;
     /** 외부에서 플러그인을 주입하는 경우 활용함 */
     children?: JSX.Element | string | (JSX.Element | string)[];
 }

package/dist/patterns/LexicalEditor/LexicalEditor.js

@@ -39,7 +39,7 @@ function getCleanObject(obj) {
     return newObj;
 }
 export function LexicalEditor(props) {
-    const { className, contentEditableClassName, value, onChange, editable = true, showQuizSolution = false, freezeProblemNode = false, isSheetEnabled = false, isQuizEnabled = false, showFileUploadBlock = false, children, } = props;
+    const { className, contentEditableClassName, value, onChange, editable = true, showQuizSolution = false, freezeProblemNode = false, isSheetEnabled = false, isQuizEnabled = false, showFileUpload = false, children, } = props;
     const theme = useTheme();
     const initialConfig = {
         namespace: "CustomLexicalEditor",
@@ -62,5 +62,5 @@ export function LexicalEditor(props) {
             }
         }
         : undefined;
-    return (_jsx(LexicalCustomConfigContext.Provider, Object.assign({ value: { freezeProblemNode, showQuizSolution, showFileUploadBlock } }, { children: _jsxs(LexicalComposer, Object.assign({ initialConfig: initialConfig }, { children: [_jsx(Plugins, { className: className, contentEditableClassName: contentEditableClassName, onChange: onChangeHandler, isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled, showFileUploadBlock: showFileUploadBlock }), _jsx(_Fragment, { children: children })] })) })));
+    return (_jsx(LexicalCustomConfigContext.Provider, Object.assign({ value: { freezeProblemNode, showQuizSolution, showFileUpload } }, { children: _jsxs(LexicalComposer, Object.assign({ initialConfig: initialConfig }, { children: [_jsx(Plugins, { className: className, contentEditableClassName: contentEditableClassName, onChange: onChangeHandler, isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled, showFileUpload: showFileUpload }), _jsx(_Fragment, { children: children })] })) })));
 }

package/dist/patterns/LexicalEditor/Plugins.d.ts

@@ -10,6 +10,6 @@ export interface PluginsProps {
     onChange?: (blocks: SerializedEditorState<SerializedLexicalNode>) => void;
     isSheetEnabled: boolean;
     isQuizEnabled: boolean;
-    showFileUploadBlock: boolean;
+    showFileUpload: boolean;
 }
 export declare function Plugins(props: PluginsProps): ReactElement;

package/dist/patterns/LexicalEditor/Plugins.js

@@ -35,7 +35,7 @@ import { SheetInputPlugin } from "./plugins/SheetInputPlugin";
 import { SelfEvaluationPlugin } from "./plugins/SelfEvaluationPlugin";
 import { FilePlugin } from "./plugins/FilePlugin";
 export function Plugins(props) {
-    const { className, contentEditableClassName, onChange, isSheetEnabled, isQuizEnabled, showFileUploadBlock, } = props;
+    const { className, contentEditableClassName, onChange, isSheetEnabled, isQuizEnabled, showFileUpload, } = props;
     const isEditable = useLexicalEditable();
     const [floatingAnchorElem, setFloatingAnchorElem] = useState(null);
     const [isLinkEditMode, setIsLinkEditMode] = useState(false);
@@ -48,7 +48,7 @@ export function Plugins(props) {
                     onChange === null || onChange === void 0 ? void 0 : onChange(editorState.toJSON());
                 }, 
                 // ignore 하지 않으면 Form에서 수정하지 않았는데 Dirty로 처리됨.
-                ignoreSelectionChange: true }), _jsx(AutoFocusPlugin, {}), isEditable && (_jsxs(_Fragment, { children: [_jsx(TabIndentationPlugin, {}), _jsx(ComponentPickerMenuPlugin, { isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled, showFileUploadBlock: showFileUploadBlock }), _jsx(MarkdownShortcutPlugin, { transformers: CUSTOM_TRANSFORMERS }), _jsx(HistoryPlugin, {})] })), floatingAnchorElem && isEditable && (_jsxs(_Fragment, { children: [_jsx(ComponentAdderPlugin, { anchorElem: floatingAnchorElem, isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled, showFileUploadBlock: showFileUploadBlock }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem }), _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem, isLinkEditMode: isLinkEditMode, setIsLinkEditMode: setIsLinkEditMode })] })), !isEditable && _jsx(ClickableLinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(HorizontalRulePlugin, {}), _jsx(ImagesPlugin, {}), _jsx(FilePlugin, {}), _jsx(TablePlugin, {}), _jsx(LinkPlugin, {}), _jsx(ListMaxIndentLevelPlugin, { maxDepth: 5 }), _jsx(ProblemInputPlugin, {}), _jsx(ProblemSelectPlugin, {}), _jsx(LayoutPlugin, {}), _jsx(SheetSelectPlugin, {}), _jsx(SheetInputPlugin, {}), _jsx(SelfEvaluationPlugin, {})] }));
+                ignoreSelectionChange: true }), _jsx(AutoFocusPlugin, {}), isEditable && (_jsxs(_Fragment, { children: [_jsx(TabIndentationPlugin, {}), _jsx(ComponentPickerMenuPlugin, { isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled, showFileUpload: showFileUpload }), _jsx(MarkdownShortcutPlugin, { transformers: CUSTOM_TRANSFORMERS }), _jsx(HistoryPlugin, {})] })), floatingAnchorElem && isEditable && (_jsxs(_Fragment, { children: [_jsx(ComponentAdderPlugin, { anchorElem: floatingAnchorElem, isSheetEnabled: isSheetEnabled, isQuizEnabled: isQuizEnabled, showFileUpload: showFileUpload }), _jsx(FloatingTextFormatToolbarPlugin, { anchorElem: floatingAnchorElem }), _jsx(FloatingLinkEditorPlugin, { anchorElem: floatingAnchorElem, isLinkEditMode: isLinkEditMode, setIsLinkEditMode: setIsLinkEditMode })] })), !isEditable && _jsx(ClickableLinkPlugin, {}), _jsx(ListPlugin, {}), _jsx(HorizontalRulePlugin, {}), _jsx(ImagesPlugin, {}), _jsx(FilePlugin, {}), _jsx(TablePlugin, {}), _jsx(LinkPlugin, {}), _jsx(ListMaxIndentLevelPlugin, { maxDepth: 5 }), _jsx(ProblemInputPlugin, {}), _jsx(ProblemSelectPlugin, {}), _jsx(LayoutPlugin, {}), _jsx(SheetSelectPlugin, {}), _jsx(SheetInputPlugin, {}), _jsx(SelfEvaluationPlugin, {})] }));
 }
 const ScrollArea = styled.div `
   min-height: 150px;

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

@@ -44,10 +44,10 @@ export function FileSelectInput(props) {
             return;
         }
         if (accept) {
-            const isTypeValid = accept === "*" || accept.startsWith(".")
-                ? accept === "*" ||
-                    accept.slice(1) === ((_b = file.name.split(".").pop()) === null || _b === void 0 ? void 0 : _b.toLowerCase())
-                : new RegExp(accept.replace("*", ".*")).test(file.type);
+            const isTypeValid = accept === "*" ||
+                (accept.startsWith(".")
+                    ? accept.slice(1) === ((_b = file.name.split(".").pop()) === null || _b === void 0 ? void 0 : _b.toLowerCase())
+                    : new RegExp(accept.replace("*", ".*")).test(file.type));
             if (!isTypeValid) {
                 setErrorMessage(`업로드할 수 없는 파일입니다. ${typeStr}을 업로드해주세요.`);
                 event.target.value = "";

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

@@ -43,7 +43,6 @@ export function UploadFileDialog({ open, onClose, onChange, }) {
                 fileSize: file.size,
                 fileUploadDate: moment().format("YYYY.MM.DD HH:mm:ss"),
             });
-            onClose();
         }
         onClose();
     });

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

@@ -14,6 +14,7 @@ import { FileSize, getFileIcon, IconContainer } from "./FileComponent";
 import { OverflowTooltip } from "../../../../components/OverflowTooltip";
 import { useContext } from "react";
 import { CdsContext } from "../../../../CdsProvider";
+import { HOVER } from "../../../../utils/hover";
 /**
  * 파일 업로드 블록 내에서 삽입하기를 통해 렉시컬에 삽입된 파일블록을 표시하는 컴포넌트입니다. (ReadOnly)
  * images/2025-02-05-10-53-19.png
@@ -29,23 +30,29 @@ export function FileDownloadButton({ fileName, fileSize, fileUrl, }) {
                 showFileError === null || showFileError === void 0 ? void 0 : showFileError("download", "다운로드 중 오류가 발생했어요");
                 return;
             }
+            // fileUrl에 대해 GET 요청을 보냅니다.
             const response = yield fetch(fileUrl, { method: "GET" });
             if (!response.ok) {
                 showFileError === null || showFileError === void 0 ? void 0 : showFileError("download", "파일이 삭제되어 다운로드할 수 없어요.");
                 return;
             }
+            // 요청이 성공하면 응답 데이터를 Blob(파일 데이터)로 변환
             const blob = yield response.blob();
+            // Blob으로부터 임시 URL을 생성
             const blobUrl = URL.createObjectURL(blob);
+            // 다운로드를 위해 anchor 요소를 생성
             const link = document.createElement("a");
             link.href = blobUrl;
+            // 다운로드할 때 사용할 파일명을 지정
             link.download = fileName;
             document.body.appendChild(link);
             link.click();
             document.body.removeChild(link);
+            // 생성된 Blob URL을 해제
             URL.revokeObjectURL(blobUrl);
         }
         catch (_b) {
-            showFileError === null || showFileError === void 0 ? void 0 : showFileError("download", "파일을 다운로드할 수 없어요.");
+            showFileError === null || showFileError === void 0 ? void 0 : showFileError("download", "다운로드 중 오류가 발생했어요");
         }
     });
     return (_jsxs(ButtonContainer, Object.assign({ onClick: handleDownload, theme: theme }, { children: [_jsx(IconContainer, { children: getFileIcon(fileName) }), _jsx(FileNameLabel, { children: _jsx(OverflowTooltip, { text: fileName }) }), _jsxs(FileSize, { children: [(fileSize / (1024 * 1024)).toFixed(1), " MB"] })] })));
@@ -69,9 +76,10 @@ const ButtonContainer = styled.button(({ theme }) => css `
     text-align: left;
     overflow: hidden;
 
-    &:hover {
-      background-color: ${theme.color.background.neutralAltActive};
-    }
+    ${HOVER(css `
+      background: ${theme.color.background.neutralAltActive};
+      color: ${theme.color.foreground.neutralBaseActive};
+    `)}
   `);
 const FileNameLabel = styled.div `
   max-width: 152px;

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

@@ -8,7 +8,7 @@ export interface ComponentAdderPluginProps {
     anchorElem: HTMLElement;
     isSheetEnabled: boolean;
     isQuizEnabled: boolean;
-    showFileUploadBlock: boolean;
+    showFileUpload: boolean;
 }
 export declare const COMPONENT_ADDER_MENU_CLASSNAME = "component-adder-menu";
 export declare function ComponentAdderPlugin(props: ComponentAdderPluginProps): JSX.Element | null;

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

@@ -57,7 +57,7 @@ function getTextUpToAnchor(selection) {
     return anchorNode.getTextContent().slice(0, anchorOffset);
 }
 export function ComponentAdderPlugin(props) {
-    const { anchorElem, isSheetEnabled, isQuizEnabled, showFileUploadBlock } = props;
+    const { anchorElem, isSheetEnabled, isQuizEnabled, showFileUpload } = props;
     const theme = useTheme();
     const [editor] = useLexicalComposerContext();
     const [nodeKey, setNodeKey] = useState(null);
@@ -142,7 +142,7 @@ export function ComponentAdderPlugin(props) {
     const getContextMenuOptions = useContextMenuOptions({
         isSheetEnabled,
         isQuizEnabled,
-        showFileUploadBlock,
+        showFileUpload,
     });
     const filteredOptions = options.filter((option) => {
         if (!query) {
@@ -210,7 +210,7 @@ export function ComponentAdderPlugin(props) {
                                 isSheetEnabled,
                                 isQuizEnabled,
                                 setFileOpen,
-                                showFileUploadBlock,
+                                showFileUpload,
                             });
                             setOptions(baseOptions);
                             setPlusOrMenu("plus");

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

@@ -6,5 +6,5 @@ import { ComponentDrawerOption, ComponentPickerOption } from "../ComponentPicker
 export declare function useContextMenuOptions(props: {
     isSheetEnabled: boolean;
     isQuizEnabled: boolean;
-    showFileUploadBlock: boolean;
+    showFileUpload: 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, showFileUploadBlock } = props;
+    const { isSheetEnabled, isQuizEnabled, showFileUpload } = props;
     const theme = useTheme();
     return (editor, node, setImageOpen, setFileOpen) => {
         if ($isProblemInputNode(node)) {
@@ -345,7 +345,7 @@ export function useContextMenuOptions(props) {
                     isSheetEnabled,
                     isQuizEnabled,
                     setFileOpen,
-                    showFileUploadBlock,
+                    showFileUpload,
                 }),
                 new ComponentPickerOption("블록 삭제", {
                     icon: _jsx(CloseFillIcon, {}),

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

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

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, showFileUploadBlock, } = props;
+    const { editor, theme, setImageOpen, setFileOpen, isSheetEnabled, isQuizEnabled, showFileUpload, } = props;
     const baseOptions = [
         new ComponentPickerOption("본문", {
             icon: _jsx(TextIcon, {}),
@@ -285,8 +285,8 @@ export function getBaseOptions(props) {
             onSelect: () => editor.dispatchCommand(INSERT_LAYOUT_COMMAND, "1fr 1fr"),
         }));
     }
-    // showFileUploadBlock 이면 파일블록을 추가합니다.
-    if (showFileUploadBlock) {
+    // showFileUpload 이면 파일블록을 추가합니다.
+    if (showFileUpload || isDevMode) {
         baseOptions.push(new ComponentPickerOption("파일 게시", {
             icon: _jsx(File3LineIcon, {}),
             keywords: ["file", "upload"],
@@ -296,7 +296,7 @@ export function getBaseOptions(props) {
     return baseOptions;
 }
 export function ComponentPickerMenuPlugin(props) {
-    const { isSheetEnabled, isQuizEnabled, showFileUploadBlock } = props;
+    const { isSheetEnabled, isQuizEnabled, showFileUpload } = props;
     const [editor] = useLexicalComposerContext();
     const theme = useTheme();
     const [queryString, setQueryString] = useState(null);
@@ -313,7 +313,7 @@ export function ComponentPickerMenuPlugin(props) {
             isSheetEnabled,
             isQuizEnabled,
             setFileOpen,
-            showFileUploadBlock,
+            showFileUpload,
         });
         if (!queryString) {
             return baseOptions;

package/package.json

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