@ceed/cds 1.40.1 → 1.40.3-next.1

package/dist/index.cjs

@@ -3102,7 +3102,7 @@ var DatePicker = (0, import_react21.forwardRef)((inProps, ref) => {
     },
     [format, minDate, maxDate, disableFuture, disablePast, shouldDisableDate]
   );
-  return /* @__PURE__ */ import_react21.default.createElement(DatePickerRoot, null, /* @__PURE__ */ import_react21.default.createElement(import_base3.FocusTrap, { open: true }, /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(DatePickerRoot, { sx, className }, /* @__PURE__ */ import_react21.default.createElement(import_base3.FocusTrap, { open: true }, /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, /* @__PURE__ */ import_react21.default.createElement(
     Input_default,
     {
       ...innerProps,
@@ -3128,8 +3128,7 @@ var DatePicker = (0, import_react21.forwardRef)((inProps, ref) => {
           onClick: handleInputClick
         }
       },
-      className,
-      sx,
+      sx: { width: "100%" },
       endDecorator: /* @__PURE__ */ import_react21.default.createElement(
         CalendarButton,
         {
@@ -5424,7 +5423,7 @@ var DateRangePicker = (0, import_react30.forwardRef)((inProps, ref) => {
     },
     [format, minDate, maxDate, disableFuture, disablePast]
   );
-  return /* @__PURE__ */ import_react30.default.createElement(DateRangePickerRoot, null, /* @__PURE__ */ import_react30.default.createElement(import_base4.FocusTrap, { open: true }, /* @__PURE__ */ import_react30.default.createElement(import_react30.default.Fragment, null, /* @__PURE__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(DateRangePickerRoot, { sx, className }, /* @__PURE__ */ import_react30.default.createElement(import_base4.FocusTrap, { open: true }, /* @__PURE__ */ import_react30.default.createElement(import_react30.default.Fragment, null, /* @__PURE__ */ import_react30.default.createElement(
     Input_default,
     {
       ...innerProps,
@@ -5450,8 +5449,7 @@ var DateRangePicker = (0, import_react30.forwardRef)((inProps, ref) => {
         }
       },
       error,
-      className,
-      sx,
+      sx: { width: "100%" },
       endDecorator: /* @__PURE__ */ import_react30.default.createElement(
         CalendarButton2,
         {
@@ -7602,24 +7600,10 @@ var import_joy62 = require("@mui/joy");
 var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
 var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
 var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
-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 import_combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var import_adapter = require("@atlaskit/pragmatic-drag-and-drop/external/adapter");
+var import_file = require("@atlaskit/pragmatic-drag-and-drop/external/file");
+var import_prevent_unhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
 var VisuallyHiddenInput = (0, import_joy62.styled)(import_joy62.Input)({
   width: "1px",
   height: "1px",
@@ -7845,39 +7829,29 @@ var Uploader = import_react51.default.memo((props) => {
     if (!dropZoneRef.current || disabled) {
       return;
     }
-    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 (0, import_combine.combine)(
+      (0, import_adapter.dropTargetForExternal)({
+        element: dropZoneRef.current,
+        canDrop: import_file.containsFiles,
+        onDragEnter: () => setPreviewState("over"),
+        onDragLeave: () => setPreviewState("potential"),
+        onDrop: async ({ source }) => {
+          const files2 = await (0, import_file.getFiles)({ source });
+          addFiles(files2);
+        }
+      }),
+      (0, import_adapter.monitorForExternal)({
+        canMonitor: import_file.containsFiles,
+        onDragStart: () => {
+          setPreviewState("potential");
+          import_prevent_unhandled.preventUnhandled.start();
+        },
+        onDrop: () => {
+          setPreviewState("idle");
+          import_prevent_unhandled.preventUnhandled.stop();
+        }
+      })
     );
-    return () => cleanup?.();
   }, [disabled, addFiles]);
   (0, import_react51.useEffect)(() => {
     if (inputRef.current && minCount) {

package/dist/index.js

@@ -2982,7 +2982,7 @@ var DatePicker = forwardRef6((inProps, ref) => {
     },
     [format, minDate, maxDate, disableFuture, disablePast, shouldDisableDate]
   );
-  return /* @__PURE__ */ React19.createElement(DatePickerRoot, null, /* @__PURE__ */ React19.createElement(FocusTrap, { open: true }, /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement(DatePickerRoot, { sx, className }, /* @__PURE__ */ React19.createElement(FocusTrap, { open: true }, /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
     Input_default,
     {
       ...innerProps,
@@ -3008,8 +3008,7 @@ var DatePicker = forwardRef6((inProps, ref) => {
           onClick: handleInputClick
         }
       },
-      className,
-      sx,
+      sx: { width: "100%" },
       endDecorator: /* @__PURE__ */ React19.createElement(
         CalendarButton,
         {
@@ -5309,7 +5308,7 @@ var DateRangePicker = forwardRef8((inProps, ref) => {
     },
     [format, minDate, maxDate, disableFuture, disablePast]
   );
-  return /* @__PURE__ */ React27.createElement(DateRangePickerRoot, null, /* @__PURE__ */ React27.createElement(FocusTrap2, { open: true }, /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
+  return /* @__PURE__ */ React27.createElement(DateRangePickerRoot, { sx, className }, /* @__PURE__ */ React27.createElement(FocusTrap2, { open: true }, /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(
     Input_default,
     {
       ...innerProps,
@@ -5335,8 +5334,7 @@ var DateRangePicker = forwardRef8((inProps, ref) => {
         }
       },
       error,
-      className,
-      sx,
+      sx: { width: "100%" },
       endDecorator: /* @__PURE__ */ React27.createElement(
         CalendarButton2,
         {
@@ -7529,24 +7527,10 @@ import { styled as styled31, 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";
-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"
-  )
-};
+import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
+import { dropTargetForExternal, monitorForExternal } from "@atlaskit/pragmatic-drag-and-drop/external/adapter";
+import { containsFiles, getFiles } from "@atlaskit/pragmatic-drag-and-drop/external/file";
+import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/prevent-unhandled";
 var VisuallyHiddenInput = styled31(Input2)({
   width: "1px",
   height: "1px",
@@ -7772,39 +7756,29 @@ var Uploader = React49.memo((props) => {
     if (!dropZoneRef.current || disabled) {
       return;
     }
-    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 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]);
   useEffect13(() => {
     if (inputRef.current && minCount) {