cloudmr-ux 1.7.8 → 1.8.0

package/dist/index.d.ts

@@ -248,6 +248,7 @@ interface CMRSelectUploadProps extends CMRUploadProps {
     onSelected: (file?: UploadedFile) => void;
     chosenFile?: string;
     buttonText?: string;
+    selectStyles?: any;
     /**
      * Enforces the extension of selected files
      */

package/dist/index.js

@@ -1137,7 +1137,7 @@ var CMRSelectUpload = (props) => {
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_DialogTitle6.default, { children: "Select or Upload" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_DialogContent6.default, { sx: { width: 520 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_DialogContentText5.default, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_DialogContent6.default, { sx: { p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Box3.default, { sx: { p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         import_react_select.default,
         {
           isDisabled: uploading,
@@ -1154,21 +1154,9 @@ var CMRSelectUpload = (props) => {
               selectFileIndex(-1);
             }
           },
-          styles: {
-            container: (base) => ({ ...base, width: "100%" }),
-            menu: (base) => ({
-              ...base,
-              zIndex: 9999,
-              width: "100%"
-              // Ensure the dropdown matches container width
-            }),
-            menuList: (base) => ({
-              ...base,
-              maxHeight: "300px",
-              // Optional: prevent scroll from being too short
-              overflowY: "auto"
-            })
-          }
+          menuPortalTarget: document.body,
+          menuPosition: "fixed",
+          styles: props.selectStyles
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box3.default, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [

package/dist/index.mjs

@@ -1089,7 +1089,7 @@ var CMRSelectUpload = (props) => {
     /* @__PURE__ */ jsx18(DialogTitle6, { children: "Select or Upload" }),
     /* @__PURE__ */ jsxs12(DialogContent6, { sx: { width: 520 }, children: [
       /* @__PURE__ */ jsx18(DialogContentText5, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
-      /* @__PURE__ */ jsx18(DialogContent6, { sx: { p: 1 }, children: /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx18(Box4, { sx: { p: 1 }, children: /* @__PURE__ */ jsx18(
         Select2,
         {
           isDisabled: uploading,
@@ -1106,21 +1106,9 @@ var CMRSelectUpload = (props) => {
               selectFileIndex(-1);
             }
           },
-          styles: {
-            container: (base) => ({ ...base, width: "100%" }),
-            menu: (base) => ({
-              ...base,
-              zIndex: 9999,
-              width: "100%"
-              // Ensure the dropdown matches container width
-            }),
-            menuList: (base) => ({
-              ...base,
-              maxHeight: "300px",
-              // Optional: prevent scroll from being too short
-              overflowY: "auto"
-            })
-          }
+          menuPortalTarget: document.body,
+          menuPosition: "fixed",
+          styles: props.selectStyles
         }
       ) }),
       /* @__PURE__ */ jsxs12(Box4, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "1.7.8",
+  "version": "1.8.0",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",