@team-monolith/cds 1.84.9 → 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/nodes/FileNode/FileDownloadButton.js

@@ -52,7 +52,7 @@ export function FileDownloadButton({ fileName, fileSize, fileUrl, }) {
             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"] })] })));

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.9",
+  "version": "1.84.10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,