cloudmr-ux 2.0.3 → 2.0.4

package/dist/index.d.ts

@@ -45,7 +45,6 @@ interface Option {
 }
 interface CmrSelectProps {
     options: Option[];
-    label: string;
     disabled?: boolean;
     /** Controlled usage (optional) */
     value?: string;
@@ -54,10 +53,9 @@ interface CmrSelectProps {
     defaultValue?: string;
     /** Layout/Styling */
     fullWidth?: boolean;
-    /** kept for compatibility; applied to outer wrapper */
     sx?: any;
     className?: string;
-    /** Pass-through bag kept for API compatibility (ignored by react-select) */
+    /** Pass-through kept for compatibility */
     SelectProps?: Record<string, any>;
 }
 declare const CmrSelect: React__default.FC<CmrSelectProps>;

package/dist/index.js

@@ -166,16 +166,13 @@ var baseStyles = {
 };
 var CmrSelect = ({
   options,
-  label,
   disabled,
   value,
   onChange,
   defaultValue = "",
   fullWidth,
   sx,
-  className,
-  SelectProps
-  // kept for compatibility with old callers
+  className
 }) => {
   const isControlled = value !== void 0;
   const [internal, setInternal] = (0, import_react2.useState)(defaultValue);
@@ -201,23 +198,20 @@ var CmrSelect = ({
     width: fullWidth ? "100%" : "auto",
     ...sx
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: className ?? "dropdown-select", style: wrapperStyle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: id, style: { display: "block", marginBottom: 4, color: "rgba(0,0,0,0.6)" }, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react_select.default,
-      {
-        inputId: id,
-        isDisabled: !!disabled,
-        options: options.map((o) => ({ ...o, isDisabled: o.disabled })),
-        value: rsValue,
-        onChange: handleChange,
-        placeholder: "Select",
-        isClearable: true,
-        styles: baseStyles,
-        menuPortalTarget: document.body
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: className ?? "dropdown-select", style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react_select.default,
+    {
+      inputId: id,
+      isDisabled: !!disabled,
+      options: options.map((o) => ({ ...o, isDisabled: o.disabled })),
+      value: rsValue,
+      onChange: handleChange,
+      placeholder: "Select",
+      isClearable: true,
+      styles: baseStyles,
+      menuPortalTarget: document.body
+    }
+  ) });
 };
 var CmrSelect_default = CmrSelect;
 

package/dist/index.mjs

@@ -85,7 +85,7 @@ var CmrRadioGroup_default = CmrRadioGroup;
 // src/CmrComponents/CmrSelect/CmrSelect.tsx
 import { useEffect, useId, useMemo, useState as useState2 } from "react";
 import ReactSelect from "react-select";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var baseStyles = {
   control: (base, state) => ({
     ...base,
@@ -118,16 +118,13 @@ var baseStyles = {
 };
 var CmrSelect = ({
   options,
-  label,
   disabled,
   value,
   onChange,
   defaultValue = "",
   fullWidth,
   sx,
-  className,
-  SelectProps
-  // kept for compatibility with old callers
+  className
 }) => {
   const isControlled = value !== void 0;
   const [internal, setInternal] = useState2(defaultValue);
@@ -153,23 +150,20 @@ var CmrSelect = ({
     width: fullWidth ? "100%" : "auto",
     ...sx
   };
-  return /* @__PURE__ */ jsxs2("div", { className: className ?? "dropdown-select", style: wrapperStyle, children: [
-    /* @__PURE__ */ jsx5("label", { htmlFor: id, style: { display: "block", marginBottom: 4, color: "rgba(0,0,0,0.6)" }, children: label }),
-    /* @__PURE__ */ jsx5(
-      ReactSelect,
-      {
-        inputId: id,
-        isDisabled: !!disabled,
-        options: options.map((o) => ({ ...o, isDisabled: o.disabled })),
-        value: rsValue,
-        onChange: handleChange,
-        placeholder: "Select",
-        isClearable: true,
-        styles: baseStyles,
-        menuPortalTarget: document.body
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx5("div", { className: className ?? "dropdown-select", style: wrapperStyle, children: /* @__PURE__ */ jsx5(
+    ReactSelect,
+    {
+      inputId: id,
+      isDisabled: !!disabled,
+      options: options.map((o) => ({ ...o, isDisabled: o.disabled })),
+      value: rsValue,
+      onChange: handleChange,
+      placeholder: "Select",
+      isClearable: true,
+      styles: baseStyles,
+      menuPortalTarget: document.body
+    }
+  ) });
 };
 var CmrSelect_default = CmrSelect;
 
@@ -237,7 +231,7 @@ var Collapse_default = CmrCollapse;
 // src/CmrComponents/panel/Panel.tsx
 import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
 import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 var CmrPanel = function(props) {
   var _a, _b;
   let { expanded, onToggle } = props;
@@ -245,8 +239,8 @@ var CmrPanel = function(props) {
     if (onToggle)
       onToggle(props.panelKey);
   };
-  return /* @__PURE__ */ jsxs3("div", { className: `card ${props.className}`, children: [
-    /* @__PURE__ */ jsx7("div", { className: "card-header", style: { background: "white", display: props.header == void 0 ? "none" : void 0 }, children: /* @__PURE__ */ jsxs3("div", { className: "row align-items-center", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: `card ${props.className}`, children: [
+    /* @__PURE__ */ jsx7("div", { className: "card-header", style: { background: "white", display: props.header == void 0 ? "none" : void 0 }, children: /* @__PURE__ */ jsxs2("div", { className: "row align-items-center", children: [
       /* @__PURE__ */ jsx7("div", { className: "col", children: props.header }),
       onToggle && /* @__PURE__ */ jsx7("div", { className: "col text-end", children: /* @__PURE__ */ jsx7(
         "span",
@@ -296,10 +290,10 @@ import Box from "@mui/material/Box";
 import { Alert, Collapse, MenuItem } from "@mui/material";
 
 // src/CmrComponents/label/Label.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var CmrLabel = (props) => {
   const { children, required = false } = props;
-  return /* @__PURE__ */ jsxs4("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
+  return /* @__PURE__ */ jsxs3("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
     children,
     required && /* @__PURE__ */ jsx8("span", { className: "asterik", children: "*" })
   ] });
@@ -307,7 +301,7 @@ var CmrLabel = (props) => {
 var Label_default = CmrLabel;
 
 // src/CmrComponents/upload/UploadWindow.tsx
-import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function CmrUploadWindow({
   upload,
   open,
@@ -539,11 +533,11 @@ function CmrUploadWindow({
     const fileElem = document.getElementById("file-window");
     loadFiles(fileElem.files);
   };
-  return /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsxs5(Dialog, { open, onClose: handleClose, children: [
+  return /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsxs4(Dialog, { open, onClose: handleClose, children: [
     /* @__PURE__ */ jsx9(DialogTitle, { children: "File Upload" }),
-    /* @__PURE__ */ jsxs5(DialogContent, { children: [
+    /* @__PURE__ */ jsxs4(DialogContent, { children: [
       /* @__PURE__ */ jsx9(DialogContentText, {}),
-      /* @__PURE__ */ jsxs5(DialogContent, { dividers: true, children: [
+      /* @__PURE__ */ jsxs4(DialogContent, { dividers: true, children: [
         /* @__PURE__ */ jsx9(
           Box,
           {
@@ -554,7 +548,7 @@ function CmrUploadWindow({
               borderRadius: "5pt",
               borderColor: uploadBoxWarning == void 0 ? "lightGray" : "#BA3C3C"
             },
-            children: /* @__PURE__ */ jsx9(Typography, { component: "div", style: { height: "100%" }, children: /* @__PURE__ */ jsxs5(
+            children: /* @__PURE__ */ jsx9(Typography, { component: "div", style: { height: "100%" }, children: /* @__PURE__ */ jsxs4(
               Box,
               {
                 style: {
@@ -567,7 +561,7 @@ function CmrUploadWindow({
                 onClick: fileInputClick,
                 ref: fileInput,
                 children: [
-                  /* @__PURE__ */ jsxs5(Typography, { variant: "body1", align: "center", style: { marginTop: "auto" }, children: [
+                  /* @__PURE__ */ jsxs4(Typography, { variant: "body1", align: "center", style: { marginTop: "auto" }, children: [
                     "Drag & Drop or Click to Upload Your File Here ",
                     /* @__PURE__ */ jsx9("sup", { children: "*" })
                   ] }),
@@ -588,8 +582,8 @@ function CmrUploadWindow({
             onChange: loadSelectedFiles
           }
         ),
-        /* @__PURE__ */ jsxs5(Box, { component: "form", sx: { "& .MuiTextField-root": { m: 2, width: "25ch", mb: 0 } }, children: [
-          /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsxs4(Box, { component: "form", sx: { "& .MuiTextField-root": { m: 2, width: "25ch", mb: 0 } }, children: [
+          /* @__PURE__ */ jsxs4("div", { children: [
             template.showFileName && /* @__PURE__ */ jsx9(
               TextField,
               {
@@ -614,7 +608,7 @@ function CmrUploadWindow({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsxs4("div", { children: [
             template.showFileSize && /* @__PURE__ */ jsx9(
               TextField,
               {
@@ -630,7 +624,7 @@ function CmrUploadWindow({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5(DialogActions, { children: [
+      /* @__PURE__ */ jsxs4(DialogActions, { children: [
         /* @__PURE__ */ jsx9(
           Button2,
           {
@@ -656,7 +650,7 @@ function CmrUploadWindow({
 
 // src/CmrComponents/upload/Upload.tsx
 import axios from "axios";
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var CmrUpload = (props) => {
   let [open, setOpen] = useState4(false);
   let [uploading, setUploading] = useState4(false);
@@ -729,8 +723,8 @@ var CmrUpload = (props) => {
       return props.uploadFailed();
     return 0;
   }
-  return /* @__PURE__ */ jsxs6(React5.Fragment, { children: [
-    !uploading ? /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(React5.Fragment, { children: [
+    !uploading ? /* @__PURE__ */ jsxs5(
       Button3,
       {
         fullWidth: props.fullWidth,
@@ -747,7 +741,7 @@ var CmrUpload = (props) => {
           "                "
         ]
       }
-    ) : /* @__PURE__ */ jsxs6(Button3, { fullWidth: props.fullWidth, style: props.style, variant: "contained", sx: { overflowWrap: "inherit" }, color: "primary", disabled: true, children: [
+    ) : /* @__PURE__ */ jsxs5(Button3, { fullWidth: props.fullWidth, style: props.style, variant: "contained", sx: { overflowWrap: "inherit" }, color: "primary", disabled: true, children: [
       "Uploading ",
       progress,
       "%"
@@ -778,7 +772,7 @@ import DialogActions2 from "@mui/material/DialogActions";
 import DialogContent2 from "@mui/material/DialogContent";
 import DialogTitle2 from "@mui/material/DialogTitle";
 import { useEffect as useEffect2 } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function CmrNameDialog(props) {
   let { originalName, open, setOpen } = props;
   const [helperText, setHelperText] = React6.useState("");
@@ -818,7 +812,7 @@ function CmrNameDialog(props) {
       setHelperText("");
     }
   };
-  return /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsxs6(
     Dialog2,
     {
       open,
@@ -826,7 +820,7 @@ function CmrNameDialog(props) {
       fullWidth: true,
       maxWidth: "xs",
       children: [
-        /* @__PURE__ */ jsx11(DialogTitle2, { children: /* @__PURE__ */ jsxs7(Typography2, { children: [
+        /* @__PURE__ */ jsx11(DialogTitle2, { children: /* @__PURE__ */ jsxs6(Typography2, { children: [
           " Rename the File ",
           originalName,
           " as:"
@@ -849,7 +843,7 @@ function CmrNameDialog(props) {
             helperText
           }
         ) }),
-        /* @__PURE__ */ jsxs7(DialogActions2, { children: [
+        /* @__PURE__ */ jsxs6(DialogActions2, { children: [
           /* @__PURE__ */ jsx11(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
           /* @__PURE__ */ jsx11(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
         ] })
@@ -864,7 +858,7 @@ import DialogActions3 from "@mui/material/DialogActions";
 import DialogContent3 from "@mui/material/DialogContent";
 import DialogContentText2 from "@mui/material/DialogContentText";
 import DialogTitle3 from "@mui/material/DialogTitle";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function CmrConfirmation({
   name,
   message,
@@ -892,11 +886,11 @@ function CmrConfirmation({
     cancelCallback();
     handleClose();
   };
-  return /* @__PURE__ */ jsxs8(Dialog3, { open, onClose: handleClose, children: [
+  return /* @__PURE__ */ jsxs7(Dialog3, { open, onClose: handleClose, children: [
     /* @__PURE__ */ jsx12(DialogTitle3, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ jsxs8(DialogContent3, { sx: { width }, children: [
+    /* @__PURE__ */ jsxs7(DialogContent3, { sx: { width }, children: [
       /* @__PURE__ */ jsx12(DialogContentText2, { alignContent: "center", children: message }),
-      /* @__PURE__ */ jsxs8(DialogActions3, { className: "mt-4", children: [
+      /* @__PURE__ */ jsxs7(DialogActions3, { className: "mt-4", children: [
         cancellable && /* @__PURE__ */ jsx12(CmrButton_default, { variant: "outlined", onClick: handleCancel, children: cancelText }),
         extraButtons.map((btn, idx) => /* @__PURE__ */ jsx12(
           CmrButton_default,
@@ -925,7 +919,7 @@ import DialogActions4 from "@mui/material/DialogActions";
 import DialogContent4 from "@mui/material/DialogContent";
 import DialogContentText3 from "@mui/material/DialogContentText";
 import DialogTitle4 from "@mui/material/DialogTitle";
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function CmrDeletionDialog(props) {
   const [open, setOpen] = React7.useState(true);
   const [text, setText] = React7.useState("");
@@ -944,9 +938,9 @@ function CmrDeletionDialog(props) {
   const handleTextFieldChange = (e) => {
     setText(e.target.value);
   };
-  return /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsxs9(Dialog4, { open, onClose: handleClose, children: [
+  return /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsxs8(Dialog4, { open, onClose: handleClose, children: [
     /* @__PURE__ */ jsx13(DialogTitle4, { children: "Confirmation" }),
-    /* @__PURE__ */ jsxs9(DialogContent4, { children: [
+    /* @__PURE__ */ jsxs8(DialogContent4, { children: [
       /* @__PURE__ */ jsx13(DialogContentText3, { children: "To delete the files, please type your full name below and confirm." }),
       /* @__PURE__ */ jsx13(
         TextField3,
@@ -963,7 +957,7 @@ function CmrDeletionDialog(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs9(DialogActions4, { children: [
+    /* @__PURE__ */ jsxs8(DialogActions4, { children: [
       /* @__PURE__ */ jsx13("button", { className: "btn btn-secondary", onClick: handleClose, children: "Cancel" }),
       /* @__PURE__ */ jsx13("button", { className: "btn btn-danger", onClick: handleConfirm, children: "Confirm" })
     ] })
@@ -980,7 +974,7 @@ import DialogContentText4 from "@mui/material/DialogContentText";
 import DialogTitle5 from "@mui/material/DialogTitle";
 import { InputAdornment } from "@mui/material";
 import { useEffect as useEffect3 } from "react";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function CmrEditConfirmation({
   name,
   message,
@@ -1011,9 +1005,9 @@ function CmrEditConfirmation({
     cancelCallback(text + suffix);
     handleClose();
   };
-  return /* @__PURE__ */ jsxs10(Dialog5, { maxWidth: "xs", fullWidth: true, open, onClose: handleCancel, children: [
+  return /* @__PURE__ */ jsxs9(Dialog5, { maxWidth: "xs", fullWidth: true, open, onClose: handleCancel, children: [
     /* @__PURE__ */ jsx14(DialogTitle5, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ jsxs10(DialogContent5, { children: [
+    /* @__PURE__ */ jsxs9(DialogContent5, { children: [
       /* @__PURE__ */ jsx14(DialogContentText4, { alignContent: "center", children: message }),
       /* @__PURE__ */ jsx14(DialogActions5, { children: /* @__PURE__ */ jsx14(
         TextField4,
@@ -1027,7 +1021,7 @@ function CmrEditConfirmation({
           onChange: (e) => setText(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsxs10(DialogActions5, { children: [
+      /* @__PURE__ */ jsxs9(DialogActions5, { children: [
         cancellable && /* @__PURE__ */ jsx14(CmrButton_default, { variant: "outlined", onClick: handleCancel, children: "Cancel" }),
         /* @__PURE__ */ jsx14(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
       ] })
@@ -1043,7 +1037,7 @@ import Container from "@mui/material/Container";
 import Typography3 from "@mui/material/Typography";
 import Box3 from "@mui/material/Box";
 import { cloneElement as cloneElement2 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function CustomTabPanel(props) {
   const { children, value, index, ...other } = props;
   return /* @__PURE__ */ jsx15(
@@ -1071,7 +1065,7 @@ function CmrTabs(props) {
     if (props.onTabSelected)
       props.onTabSelected(newValue);
   };
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     Container,
     {
       maxWidth: "lg",
@@ -1146,7 +1140,7 @@ import DialogTitle6 from "@mui/material/DialogTitle";
 import DialogContent6 from "@mui/material/DialogContent";
 import DialogContentText5 from "@mui/material/DialogContentText";
 import Box4 from "@mui/material/Box";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function checkExtension(filename, allowed) {
   if (!filename || !allowed)
     return true;
@@ -1173,9 +1167,9 @@ var CMRSelectUpload = (props) => {
     props.onSelected(props.fileSelection[fileIndex]);
     setOpen(false);
   };
-  const selectionDialog = /* @__PURE__ */ jsxs12(Dialog6, { open, onClose: handleClose, children: [
+  const selectionDialog = /* @__PURE__ */ jsxs11(Dialog6, { open, onClose: handleClose, children: [
     /* @__PURE__ */ jsx18(DialogTitle6, { children: "Select or Upload" }),
-    /* @__PURE__ */ jsxs12(DialogContent6, { sx: { width: 520 }, children: [
+    /* @__PURE__ */ jsxs11(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(Box4, { sx: { p: 1 }, children: /* @__PURE__ */ jsx18(
         Select,
@@ -1200,7 +1194,7 @@ var CMRSelectUpload = (props) => {
           styles: props.selectStyles
         }
       ) }),
-      /* @__PURE__ */ jsxs12(Box4, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
+      /* @__PURE__ */ jsxs11(Box4, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
         /* @__PURE__ */ jsx18(Button4, { fullWidth: true, sx: { marginRight: "8px" }, variant: "outlined", onClick: handleClose, children: " Cancel" }),
         fileIndex !== -1 && !uploading && /* @__PURE__ */ jsx18(Button4, { fullWidth: true, variant: "contained", onClick: onSet, children: "OK" }),
         fileIndex == -1 && /* @__PURE__ */ jsx18(
@@ -1232,8 +1226,8 @@ var CMRSelectUpload = (props) => {
       ] })
     ] })
   ] });
-  return /* @__PURE__ */ jsxs12(Fragment, { children: [
-    uploading ? /* @__PURE__ */ jsxs12(Button4, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
+  return /* @__PURE__ */ jsxs11(Fragment, { children: [
+    uploading ? /* @__PURE__ */ jsxs11(Button4, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
       "Uploading ",
       progress,
       "%"

package/package.json

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