@ceed/ads 1.2.2-next.1 → 1.2.2-next.3

package/dist/index.js

@@ -4190,21 +4190,28 @@ import React29, {
   useRef as useRef6,
   useState as useState8
 } from "react";
-import { styled as styled18 } from "@mui/joy";
+import { styled as styled18, Input as Input2 } from "@mui/joy";
 import MuiFileUploadIcon from "@mui/icons-material/CloudUploadRounded";
 import MuiUploadFileIcon from "@mui/icons-material/UploadFileRounded";
 import MuiClearIcon from "@mui/icons-material/ClearRounded";
-import { combine } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js";
-import {
-  dropTargetForExternal,
-  monitorForExternal
-} from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js";
-import {
-  containsFiles,
-  getFiles
-} from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js";
-import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js";
-import { Input as Input2 } from "@mui/joy";
+var esmFiles = {
+  combine: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js"
+  ),
+  adapter: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js"
+  ),
+  file: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js"
+  ),
+  preventUnhandled: import(
+    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
+    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
+  )
+};
 var VisuallyHiddenInput = styled18(Input2)({
   width: "1px",
   height: "1px",
@@ -4373,12 +4380,15 @@ var Uploader = React29.memo(
       () => accept.split(",").map((accept2) => accept2.trim()),
       [accept]
     );
-    const parsedAccepts = useMemo10(() => accepts.flatMap((type) => {
-      if (["image/*", "video/*", "audio/*"].includes(type)) {
-        return ALL_EXTENSIONS_BY_TYPE[type];
-      }
-      return type;
-    }), [accepts]);
+    const parsedAccepts = useMemo10(
+      () => accepts.flatMap((type) => {
+        if (["image/*", "video/*", "audio/*"].includes(type)) {
+          return ALL_EXTENSIONS_BY_TYPE[type];
+        }
+        return type;
+      }),
+      [accepts]
+    );
     const helperText = useMemo10(() => {
       const [allAcceptedTypes, acceptedTypes] = [
         accepts.filter(
@@ -4478,34 +4488,53 @@ var Uploader = React29.memo(
       ]
     );
     useEffect7(() => {
-      const el = dropZoneRef.current;
-      if (!el || disabled) {
+      if (!dropZoneRef.current || disabled) {
         return;
       }
-      return combine(
-        dropTargetForExternal({
-          element: el,
-          canDrop: containsFiles,
-          onDragEnter: () => setPreviewState("over"),
-          onDragLeave: () => setPreviewState("potential"),
-          onDrop: async ({ source }) => {
-            const files2 = await getFiles({ source });
-            addFiles(files2);
-          }
-        }),
-        monitorForExternal({
-          canMonitor: containsFiles,
-          onDragStart: () => {
-            setPreviewState("potential");
-            preventUnhandled.start();
-          },
-          onDrop: () => {
-            setPreviewState("idle");
-            preventUnhandled.stop();
-          }
-        })
+      let cleanup;
+      Promise.all([
+        esmFiles.combine,
+        esmFiles.adapter,
+        esmFiles.file,
+        esmFiles.preventUnhandled
+      ]).then(
+        ([
+          combineModule,
+          adapterModule,
+          fileModule,
+          preventUnhandledModule
+        ]) => {
+          const { combine } = combineModule;
+          const { dropTargetForExternal, monitorForExternal } = adapterModule;
+          const { containsFiles, getFiles } = fileModule;
+          const { preventUnhandled } = preventUnhandledModule;
+          cleanup = combine(
+            dropTargetForExternal({
+              element: dropZoneRef.current,
+              canDrop: containsFiles,
+              onDragEnter: () => setPreviewState("over"),
+              onDragLeave: () => setPreviewState("potential"),
+              onDrop: async ({ source }) => {
+                const files2 = await getFiles({ source });
+                addFiles(files2);
+              }
+            }),
+            monitorForExternal({
+              canMonitor: containsFiles,
+              onDragStart: () => {
+                setPreviewState("potential");
+                preventUnhandled.start();
+              },
+              onDrop: () => {
+                setPreviewState("idle");
+                preventUnhandled.stop();
+              }
+            })
+          );
+        }
       );
-    });
+      return () => cleanup?.();
+    }, [disabled, addFiles]);
     useEffect7(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
@@ -4604,6 +4633,7 @@ var Uploader = React29.memo(
     ));
   }
 );
+Uploader.displayName = "Uploader";
 
 // src/components/Grid/Grid.tsx
 import { Grid } from "@mui/joy";