@team-monolith/cds 1.84.7 → 1.84.9

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

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

@@ -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,28 @@ 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 (error) {
-            console.error("다운로드 실패:", error);
+        catch (_b) {
             showFileError === null || showFileError === void 0 ? void 0 : showFileError("download", "파일을 다운로드할 수 없어요.");
         }
     });
@@ -70,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.js

@@ -156,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 }), _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)

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

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