@team-monolith/cds 1.87.0 → 1.87.1

package/dist/patterns/LexicalEditor/plugins/DragDropPastePlugin/index.d.ts

@@ -5,4 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+/**
+ * 이미지/파일을 붙여넣기를 시도하면 이미지/파일을 업로드하고 이미지/파일 노드를 삽입합니다.
+ * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/DragDropPastePlugin/index.ts
+ */
 export declare function DragDropPastePlugin(): null;

package/dist/patterns/LexicalEditor/plugins/DragDropPastePlugin/index.js

@@ -21,6 +21,8 @@ import { COMMAND_PRIORITY_LOW } from "lexical";
 import { useContext, useEffect } from "react";
 import { INSERT_IMAGE_COMMAND } from "../ImagesPlugin";
 import { CdsContext } from "../../../../CdsProvider";
+import { UPLOAD_FILE_COMMAND } from "../FilePlugin";
+import moment from "moment";
 const ACCEPTABLE_IMAGE_TYPES = [
     "image/",
     "image/heic",
@@ -28,11 +30,17 @@ const ACCEPTABLE_IMAGE_TYPES = [
     "image/gif",
     "image/webp",
 ];
+const MAX_FILE_SIZE = 1 * 1024 * 1024 * 1024; // 1GB
+/**
+ * 이미지/파일을 붙여넣기를 시도하면 이미지/파일을 업로드하고 이미지/파일 노드를 삽입합니다.
+ * https://github.com/facebook/lexical/blob/main/packages/lexical-playground/src/plugins/DragDropPastePlugin/index.ts
+ */
 export function DragDropPastePlugin() {
-    var _a;
+    var _a, _b;
     const [editor] = useLexicalComposerContext();
     const cdsContext = useContext(CdsContext);
     const uploadByFile = (_a = cdsContext.lexical) === null || _a === void 0 ? void 0 : _a.uploadByFile;
+    const showFileError = (_b = cdsContext.lexical) === null || _b === void 0 ? void 0 : _b.showFileError;
     // eslint-disable-next-line arrow-body-style
     useEffect(() => {
         return editor.registerCommand(DRAG_DROP_PASTE, (files) => {
@@ -40,7 +48,7 @@ export function DragDropPastePlugin() {
                 if (!uploadByFile) {
                     return false;
                 }
-                const filesResult = yield mediaFileReader(files, [ACCEPTABLE_IMAGE_TYPES].flatMap((x) => x));
+                const filesResult = yield mediaFileReader(files, [""]);
                 for (const { file } of filesResult) {
                     if (isMimeType(file, ACCEPTABLE_IMAGE_TYPES)) {
                         const result = yield uploadByFile(file);
@@ -49,10 +57,24 @@ export function DragDropPastePlugin() {
                             src: result,
                         });
                     }
+                    else {
+                        if (file.size >= MAX_FILE_SIZE) {
+                            showFileError === null || showFileError === void 0 ? void 0 : showFileError("upload", "용량이 너무 큽니다. 1GB 이하의 파일을 선택해 주세요.");
+                        }
+                        else {
+                            const result = yield uploadByFile(file);
+                            editor.dispatchCommand(UPLOAD_FILE_COMMAND, {
+                                fileUrl: result,
+                                fileName: file.name,
+                                fileSize: file.size,
+                                fileUploadDate: moment().format("YYYY.MM.DD HH:mm:ss"),
+                            });
+                        }
+                    }
                 }
             }))();
             return true;
         }, COMMAND_PRIORITY_LOW);
-    }, [editor, uploadByFile]);
+    }, [editor, showFileError, uploadByFile]);
     return null;
 }

package/package.json

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