cloudmr-ux 1.2.3 → 1.3.0

package/dist/index.js

@@ -30,7 +30,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  CMRSelectUpload: () => SelectUpload_default,
   CMRUpload: () => Upload_default,
   CmrButton: () => CmrButton_default,
   CmrCheckbox: () => Checkbox_default,
@@ -46,9 +45,7 @@ __export(src_exports, {
   CmrRadioGroup: () => CmrRadioGroup_default,
   CmrSelect: () => CmrSelect_default,
   CmrTable: () => CmrTable2,
-  CmrTabs: () => CmrTabs,
-  CmrTooltip: () => Tooltip_default,
-  CmrUploadWindow: () => CmrUploadWindow
+  CmrTabs: () => CmrTabs
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -261,430 +258,37 @@ var CmrPanel = function(props) {
 };
 var Panel_default = CmrPanel;
 
-// src/CmrComponents/rename/edit.tsx
+// src/CmrComponents/upload/Upload.tsx
+var import_react4 = __toESM(require("react"));
+var import_material7 = require("@mui/material");
+
+// src/CmrComponents/upload/UploadWindow.tsx
 var React4 = __toESM(require("react"));
-var import_material6 = require("@mui/material");
+var import_Button = __toESM(require("@mui/material/Button"));
 var import_TextField = __toESM(require("@mui/material/TextField"));
 var import_Dialog = __toESM(require("@mui/material/Dialog"));
 var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
 var import_DialogContent = __toESM(require("@mui/material/DialogContent"));
-var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"));
-var import_react4 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function CmrNameDialog(props) {
-  let { originalName, open, setOpen } = props;
-  const [helperText, setHelperText] = React4.useState("");
-  const [text, setText] = React4.useState(originalName);
-  const [error, setError] = React4.useState(false);
-  const renamingCallback = props.renamingCallback;
-  const handleClose = () => {
-    setOpen(false);
-  };
-  (0, import_react4.useEffect)(() => {
-    checkError(originalName);
-  }, [originalName]);
-  const handleConfirm = async () => {
-    if (await renamingCallback(text))
-      handleClose();
-  };
-  const handleTextFieldChange = (e) => {
-    setText(e.target.value);
-    checkError(e.target.value);
-  };
-  const checkError = (text2) => {
-    const fileNameRegex = /^[a-zA-Z0-9_\-]+\.[a-zA-Z]{1,5}$/;
-    let newExtension = text2.split(".").pop();
-    let orgExtension = originalName.indexOf(".") >= 0 ? originalName.split(".").pop() : "?";
-    if (!fileNameRegex.test(text2)) {
-      setError(true);
-      if (text2.indexOf(".") < 0) {
-        setHelperText("Invalid file name, needs a valid extension.");
-      } else {
-        setHelperText("Invalid file name, please check.");
-      }
-    } else if (newExtension !== orgExtension) {
-      setHelperText(`You are modifying your file extension from .${orgExtension} to .${newExtension}.`);
-      setError(false);
-    } else {
-      setError(false);
-      setHelperText("");
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    import_Dialog.default,
-    {
-      open,
-      onClose: handleClose,
-      fullWidth: true,
-      maxWidth: "xs",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_DialogTitle.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material6.Typography, { children: [
-          ' Rename "',
-          originalName,
-          '" as:'
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_DialogContent.default, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_TextField.default,
-          {
-            autoFocus: true,
-            margin: "dense",
-            id: "name",
-            defaultValue: originalName,
-            onFocus: (event) => {
-              event.target.select();
-            },
-            fullWidth: true,
-            inputProps: { style: { fontSize: "16px" } },
-            variant: "standard",
-            onChange: handleTextFieldChange,
-            error,
-            helperText
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_DialogActions.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
-        ] })
-      ]
-    }
-  ) });
-}
-
-// src/CmrComponents/dialogue/Confirmation.tsx
-var React5 = __toESM(require("react"));
-var import_Dialog2 = __toESM(require("@mui/material/Dialog"));
-var import_DialogActions2 = __toESM(require("@mui/material/DialogActions"));
-var import_DialogContent2 = __toESM(require("@mui/material/DialogContent"));
 var import_DialogContentText = __toESM(require("@mui/material/DialogContentText"));
-var import_DialogTitle2 = __toESM(require("@mui/material/DialogTitle"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function CmrConfirmation({
-  name,
-  message,
-  cancelText = "Cancel",
-  color,
-  open,
-  setOpen,
-  confirmCallback = () => {
-  },
-  confirmText = "Confirm",
-  cancellable = false,
-  cancelCallback = () => {
-  },
-  width
-}) {
-  const [text, setText] = React5.useState("");
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const handleConfirm = () => {
-    confirmCallback();
-    handleClose();
-  };
-  const handleCancel = () => {
-    cancelCallback();
-    handleClose();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_Dialog2.default, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_DialogTitle2.default, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_DialogContent2.default, { sx: { width }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_DialogContentText.default, { alignContent: "center", children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_DialogActions2.default, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrComponents/dialogue/DeletionDialog.tsx
-var React6 = __toESM(require("react"));
-var import_TextField2 = __toESM(require("@mui/material/TextField"));
-var import_Dialog3 = __toESM(require("@mui/material/Dialog"));
-var import_DialogActions3 = __toESM(require("@mui/material/DialogActions"));
-var import_DialogContent3 = __toESM(require("@mui/material/DialogContent"));
-var import_DialogContentText2 = __toESM(require("@mui/material/DialogContentText"));
-var import_DialogTitle3 = __toESM(require("@mui/material/DialogTitle"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-function CmrDeletionDialog(props) {
-  const [open, setOpen] = React6.useState(true);
-  const [text, setText] = React6.useState("");
-  const handleClickOpen = () => {
-    setOpen(true);
-  };
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const handleConfirm = () => {
-    if (text === props.name) {
-      props.deletionCallback();
-      setOpen(false);
-    }
-  };
-  const handleTextFieldChange = (e) => {
-    setText(e.target.value);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_Dialog3.default, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_DialogTitle3.default, { children: "Confirmation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_DialogContent3.default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_DialogContentText2.default, { children: "To delete the files, please type your full name below and confirm." }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_TextField2.default,
-        {
-          autoFocus: true,
-          margin: "dense",
-          id: "name",
-          type: "email",
-          placeholder: props.name,
-          fullWidth: true,
-          inputProps: { style: { fontSize: "16pt" } },
-          variant: "standard",
-          onChange: handleTextFieldChange
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_DialogActions3.default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { className: "btn btn-secondary", onClick: handleClose, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { className: "btn btn-danger", onClick: handleConfirm, children: "Confirm" })
-    ] })
-  ] }) });
-}
-
-// src/CmrComponents/dialogue/EditConfirmation.tsx
-var React7 = __toESM(require("react"));
-var import_TextField3 = __toESM(require("@mui/material/TextField"));
-var import_Dialog4 = __toESM(require("@mui/material/Dialog"));
-var import_DialogActions4 = __toESM(require("@mui/material/DialogActions"));
-var import_DialogContent4 = __toESM(require("@mui/material/DialogContent"));
-var import_DialogContentText3 = __toESM(require("@mui/material/DialogContentText"));
-var import_DialogTitle4 = __toESM(require("@mui/material/DialogTitle"));
-var import_material7 = require("@mui/material");
-var import_react5 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-function CmrEditConfirmation({
-  name,
-  message,
-  defaultText = "",
-  color,
-  open,
-  setOpen,
-  confirmCallback = () => {
-  },
-  cancellable = false,
-  cancelCallback = () => {
-  },
-  suffix = ""
-}) {
-  const [text, setText] = React7.useState(defaultText);
-  (0, import_react5.useEffect)(() => {
-    if (open)
-      setText(defaultText);
-  }, [open]);
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const handleConfirm = () => {
-    confirmCallback(text + suffix);
-    handleClose();
-  };
-  const handleCancel = () => {
-    cancelCallback(text + suffix);
-    handleClose();
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_Dialog4.default, { maxWidth: "xs", fullWidth: true, open, onClose: handleCancel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_DialogTitle4.default, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_DialogContent4.default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_DialogContentText3.default, { alignContent: "center", children: message }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_DialogActions4.default, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        import_TextField3.default,
-        {
-          fullWidth: true,
-          variant: "standard",
-          InputProps: {
-            endAdornment: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material7.InputAdornment, { position: "end", sx: { whiteSpace: "nowrap" }, children: suffix })
-          },
-          defaultValue: text,
-          onChange: (e) => setText(e.target.value)
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_DialogActions4.default, { children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrTabs/CmrTabs.tsx
-var React8 = __toESM(require("react"));
-var import_Tabs = __toESM(require("@mui/material/Tabs"));
-var import_Tab = __toESM(require("@mui/material/Tab"));
-var import_Container = __toESM(require("@mui/material/Container"));
+var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"));
 var import_Typography = __toESM(require("@mui/material/Typography"));
 var import_Box = __toESM(require("@mui/material/Box"));
-var import_react6 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function CustomTabPanel(props) {
-  const { children, value, index, ...other } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "div",
-    {
-      role: "tabpanel",
-      hidden: value !== index,
-      id: `simple-tabpanel-${index}`,
-      "aria-labelledby": `simple-tab-${index}`,
-      ...other,
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Box.default, { sx: { p: 0 }, style: { display: value === index ? void 0 : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Typography.default, { children }) })
-    }
-  );
-}
-function a11yProps(index) {
-  return {
-    id: `simple-tab-${index}`,
-    "aria-controls": `simple-tabpanel-${index}`
-  };
-}
-function CmrTabs(props) {
-  const [value, setValue] = React8.useState(0);
-  const handleChange = (event, newValue) => {
-    setValue(newValue);
-    if (props.onTabSelected)
-      props.onTabSelected(newValue);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_Container.default,
-    {
-      maxWidth: "lg",
-      sx: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-        mt: 4
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Box.default, { sx: { borderBottom: 1, borderColor: "divider", mb: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_Tabs.default,
-          {
-            value,
-            onChange: handleChange,
-            "aria-label": "basic tabs example",
-            textColor: "inherit",
-            TabIndicatorProps: {
-              style: {
-                backgroundColor: "#580F8B"
-              }
-            },
-            children: props.tabList.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_Tab.default, { sx: { color: value == index ? "#580F8B" : void 0 }, style: { fontSize: "14px", textTransform: "uppercase", fontWeight: 400 }, label: tab.text, ...a11yProps(index) }))
-          }
-        ) }),
-        props.tabList.map(
-          (tab, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CustomTabPanel, { value, index, children: (0, import_react6.cloneElement)(tab.children, {
-            visible: value == index
-          }) })
-        )
-      ]
-    }
-  );
-}
-
-// src/CmrComponents/checkbox/Checkbox.tsx
-var import_material8 = require("@mui/material");
+var import_material6 = require("@mui/material");
 
 // src/CmrComponents/label/Label.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var CmrLabel = (props) => {
   const { children, required = false } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
     children,
-    required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "asterik", children: "*" })
+    required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "asterik", children: "*" })
   ] });
 };
 var Label_default = CmrLabel;
 
-// src/CmrComponents/checkbox/Checkbox.tsx
-var import_material9 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var CmrCheckbox = (props) => {
-  const { defaultChecked, onChange, children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_material9.FormControlLabel,
-    {
-      disabled: props.disabled,
-      style: props.style,
-      className: props.className,
-      control: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material8.Checkbox, { style: props.style, checked: props.checked, defaultChecked, onChange }),
-      label: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Label_default, { children: props.children }),
-      sx: props.sx,
-      labelPlacement: "end"
-    }
-  );
-};
-var Checkbox_default = CmrCheckbox;
-
-// src/CmrComponents/input-number/InputNumber.tsx
-var import_antd2 = require("antd");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var CmrInputNumber = (props) => {
-  const { defaultValue, style, max, min, value, onChange, children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_antd2.InputNumber, { defaultValue, max, style, min, value, onChange, ...rest, children });
-};
-var InputNumber_default = CmrInputNumber;
-
-// src/CmrComponents/tooltip/Tooltip.tsx
-var import_antd3 = require("antd");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var CmrTooltip = (props) => {
-  const {
-    arrowPointAtCenter,
-    autoAdjustOverflow,
-    color,
-    defaultVisible,
-    mouseEnterDelay,
-    mouseLeaveDelay,
-    overlayClassName,
-    placement,
-    visible,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_antd3.Tooltip,
-    {
-      arrowPointAtCenter,
-      autoAdjustOverflow,
-      color,
-      defaultVisible,
-      mouseEnterDelay,
-      mouseLeaveDelay,
-      overlayClassName,
-      placement,
-      visible,
-      ...rest
-    }
-  );
-};
-var Tooltip_default = CmrTooltip;
-
-// src/CmrComponents/select-upload/SelectUpload.tsx
-var import_react8 = __toESM(require("react"));
-
-// src/CmrComponents/upload/Upload.tsx
-var import_react7 = __toESM(require("react"));
-var import_material11 = require("@mui/material");
-
 // src/CmrComponents/upload/UploadWindow.tsx
-var React9 = __toESM(require("react"));
-var import_Button = __toESM(require("@mui/material/Button"));
-var import_TextField4 = __toESM(require("@mui/material/TextField"));
-var import_Dialog5 = __toESM(require("@mui/material/Dialog"));
-var import_DialogActions5 = __toESM(require("@mui/material/DialogActions"));
-var import_DialogContent5 = __toESM(require("@mui/material/DialogContent"));
-var import_DialogContentText4 = __toESM(require("@mui/material/DialogContentText"));
-var import_DialogTitle5 = __toESM(require("@mui/material/DialogTitle"));
-var import_Typography2 = __toESM(require("@mui/material/Typography"));
-var import_Box2 = __toESM(require("@mui/material/Box"));
-var import_material10 = require("@mui/material");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function CmrUploadWindow({
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function UploadWindow({
   upload,
   open,
   setOpen,
@@ -692,17 +296,17 @@ function CmrUploadWindow({
   template = { showFileName: true, showDatabase: true, showFileSize: true }
   // default values
 }) {
-  const [fileOriginalName, setFileOriginalName] = React9.useState("");
-  const [fileAlias, setFileAlias] = React9.useState("/");
-  const [fileSize, setFileSize] = React9.useState("0 MB");
-  const [warningText, setWarningText] = React9.useState("Unknown Status");
-  const [infoOpen, setInfoOpen] = React9.useState(false);
-  const [locationSelection, setLocationSelection] = React9.useState("s3");
-  const [infoStyle, setInfoStyle] = React9.useState("info");
-  const [uploadedFiles, setUploaded] = React9.useState([]);
-  const [UpBtnDisabled, setUpBtnDisabled] = React9.useState(false);
-  const [UpBtnText, setUpBtnText] = React9.useState("Upload");
-  const [uploadBoxWarning, setUploadBoxWarning] = React9.useState(void 0);
+  const [fileOriginalName, setFileOriginalName] = React4.useState("");
+  const [fileAlias, setFileAlias] = React4.useState("/");
+  const [fileSize, setFileSize] = React4.useState("0 MB");
+  const [warningText, setWarningText] = React4.useState("Unknown Status");
+  const [infoOpen, setInfoOpen] = React4.useState(false);
+  const [locationSelection, setLocationSelection] = React4.useState("s3");
+  const [infoStyle, setInfoStyle] = React4.useState("info");
+  const [uploadedFiles, setUploaded] = React4.useState([]);
+  const [UpBtnDisabled, setUpBtnDisabled] = React4.useState(false);
+  const [UpBtnText, setUpBtnText] = React4.useState("Upload");
+  const [uploadBoxWarning, setUploadBoxWarning] = React4.useState(void 0);
   const handleClickOpen = () => {
     setOpen(true);
   };
@@ -891,13 +495,13 @@ function CmrUploadWindow({
     const fileElem = document.getElementById("file-window");
     loadFiles(fileElem.files);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_Dialog5.default, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_DialogTitle5.default, { children: "File Upload" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_DialogContent5.default, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_DialogContentText4.default, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_DialogContent5.default, { dividers: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_Box2.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_Dialog.default, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_DialogTitle.default, { children: "File Upload" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_DialogContent.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_DialogContentText.default, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_DialogContent.default, { dividers: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_Box.default,
           {
             width: 500,
             height: 250,
@@ -906,8 +510,8 @@ function CmrUploadWindow({
               borderRadius: "5pt",
               borderColor: uploadBoxWarning == void 0 ? "lightGray" : "#BA3C3C"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Typography2.default, { component: "div", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-              import_Box2.default,
+            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Typography.default, { component: "div", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              import_Box.default,
               {
                 style: {
                   display: "flex",
@@ -919,17 +523,17 @@ function CmrUploadWindow({
                 onClick: fileInputClick,
                 ref: fileInput,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_Typography2.default, { variant: "body1", align: "center", style: { marginTop: "auto" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_Typography.default, { variant: "body1", align: "center", style: { marginTop: "auto" }, children: [
                     "Drag & Drop or Click to Upload Your File Here ",
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("sup", { children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("sup", { children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_Typography2.default, { variant: "body2", align: "center", style: { marginTop: "auto", fontSize: "0.8rem", fontStyle: "italic" }, children: "* Warning: The file you are uploading may contain sensitive information protected under privacy laws. Please ensure all PHI is anonymized before proceeding.Before proceeding. The user is the sole responsible for data anonymization." })
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Typography.default, { variant: "body2", align: "center", style: { marginTop: "auto", fontSize: "0.8rem", fontStyle: "italic" }, children: "* Warning: The file you are uploading may contain sensitive information protected under privacy laws. Please ensure all PHI is anonymized before proceeding.Before proceeding. The user is the sole responsible for data anonymization." })
                 ]
               }
             ) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "input",
           {
             type: "file",
@@ -940,10 +544,10 @@ function CmrUploadWindow({
             onChange: loadSelectedFiles
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_Box2.default, { component: "form", sx: { "& .MuiTextField-root": { m: 2, width: "25ch", mb: 0 } }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-            template.showFileName && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              import_TextField4.default,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_Box.default, { component: "form", sx: { "& .MuiTextField-root": { m: 2, width: "25ch", mb: 0 } }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            template.showFileName && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_TextField.default,
               {
                 required: true,
                 style: { marginTop: "30px" },
@@ -953,22 +557,22 @@ function CmrUploadWindow({
                 onChange: changeFileName
               }
             ),
-            fileOriginalName != "" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Label_default, { style: { marginLeft: "16px", fontSize: "9pt", color: "#267833" }, children: fileOriginalName }),
-            template.showDatabase && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              import_TextField4.default,
+            fileOriginalName != "" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Label_default, { style: { marginLeft: "16px", fontSize: "9pt", color: "#267833" }, children: fileOriginalName }),
+            template.showDatabase && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_TextField.default,
               {
                 select: true,
                 label: "Database:",
                 defaultValue: "s3",
                 helperText: "Upstream Storage Location",
                 variant: "standard",
-                children: [{ value: "s3", label: "S3" }].map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material10.MenuItem, { value: option.value, children: option.label }, option.value))
+                children: [{ value: "s3", label: "S3" }].map((option) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.MenuItem, { value: option.value, children: option.label }, option.value))
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-            template.showFileSize && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              import_TextField4.default,
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            template.showFileSize && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              import_TextField.default,
               {
                 label: "File Size:",
                 value: fileSize,
@@ -978,12 +582,12 @@ function CmrUploadWindow({
                 variant: "standard"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material10.Collapse, { in: infoOpen, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material10.Alert, { severity: infoStyle, sx: { m: 1 }, children: warningText }) })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.Collapse, { in: infoOpen, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material6.Alert, { severity: infoStyle, sx: { m: 1 }, children: warningText }) })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_DialogActions5.default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_DialogActions.default, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           import_Button.default,
           {
             color: "inherit",
@@ -993,7 +597,7 @@ function CmrUploadWindow({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           import_Button.default,
           {
             variant: "contained",
@@ -1009,12 +613,12 @@ function CmrUploadWindow({
 
 // src/CmrComponents/upload/Upload.tsx
 var import_axios = __toESM(require("axios"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var CmrUpload = (props) => {
-  let [open, setOpen] = (0, import_react7.useState)(false);
-  let [uploading, setUploading] = (0, import_react7.useState)(false);
-  let [progress, setProgress] = (0, import_react7.useState)(0);
-  let [uploadedFile, setUploadedFile] = (0, import_react7.useState)(void 0);
+  let [open, setOpen] = (0, import_react4.useState)(false);
+  let [uploading, setUploading] = (0, import_react4.useState)(false);
+  let [progress, setProgress] = (0, import_react4.useState)(0);
+  let [uploadedFile, setUploadedFile] = (0, import_react4.useState)(void 0);
   const upload = async (file, fileAlias, fileDatabase) => {
     setUploading(true);
     const onProgress = (progress2) => {
@@ -1075,154 +679,411 @@ var CmrUpload = (props) => {
     setProgress(0);
     return status;
   };
-  function failUpload() {
-    setUploading(false);
-    setProgress(0);
-    if (props.uploadFailed)
-      return props.uploadFailed();
-    return 0;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react7.default.Fragment, { children: [
-    !uploading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      import_material11.Button,
-      {
-        fullWidth: props.fullWidth,
-        style: props.style,
-        variant: uploadedFile == void 0 ? "contained" : "outlined",
-        onClick: () => {
-          setOpen(true);
-        },
-        color: props.color || "primary",
-        sx: props.sx,
-        children: [
-          props.changeNameAfterUpload ? uploadedFile === void 0 ? props.uploadButtonName ? props.uploadButtonName : "Upload" : uploadedFile : props.uploadButtonName ? props.uploadButtonName : "Upload",
-          "                "
-        ]
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material11.Button, { fullWidth: props.fullWidth, style: props.style, variant: "contained", sx: { overflowWrap: "inherit" }, color: "primary", disabled: true, children: [
-      "Uploading ",
-      progress,
-      "%"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      CmrUploadWindow,
-      {
-        open,
-        setOpen,
-        upload,
-        fileExtension: props.fileExtension,
-        template: { showFileName: true, showFileSize: true }
-      }
-    )
+  function failUpload() {
+    setUploading(false);
+    setProgress(0);
+    if (props.uploadFailed)
+      return props.uploadFailed();
+    return 0;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react4.default.Fragment, { children: [
+    !uploading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      import_material7.Button,
+      {
+        fullWidth: props.fullWidth,
+        style: props.style,
+        variant: uploadedFile == void 0 ? "contained" : "outlined",
+        onClick: () => {
+          setOpen(true);
+        },
+        color: props.color || "primary",
+        sx: props.sx,
+        children: [
+          props.changeNameAfterUpload ? uploadedFile === void 0 ? props.uploadButtonName ? props.uploadButtonName : "Upload" : uploadedFile : props.uploadButtonName ? props.uploadButtonName : "Upload",
+          "                "
+        ]
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Button, { fullWidth: props.fullWidth, style: props.style, variant: "contained", sx: { overflowWrap: "inherit" }, color: "primary", disabled: true, children: [
+      "Uploading ",
+      progress,
+      "%"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      UploadWindow,
+      {
+        open,
+        setOpen,
+        upload,
+        fileExtension: props.fileExtension,
+        template: { showFileName: true, showFileSize: true }
+      }
+    )
+  ] });
+};
+CmrUpload.defaultProps = {
+  changeNameAfterUpload: true
+};
+var Upload_default = CmrUpload;
+
+// src/CmrComponents/rename/edit.tsx
+var React6 = __toESM(require("react"));
+var import_material8 = require("@mui/material");
+var import_TextField2 = __toESM(require("@mui/material/TextField"));
+var import_Dialog2 = __toESM(require("@mui/material/Dialog"));
+var import_DialogActions2 = __toESM(require("@mui/material/DialogActions"));
+var import_DialogContent2 = __toESM(require("@mui/material/DialogContent"));
+var import_DialogTitle2 = __toESM(require("@mui/material/DialogTitle"));
+var import_react5 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function CmrNameDialog(props) {
+  let { originalName, open, setOpen } = props;
+  const [helperText, setHelperText] = React6.useState("");
+  const [text, setText] = React6.useState(originalName);
+  const [error, setError] = React6.useState(false);
+  const renamingCallback = props.renamingCallback;
+  const handleClose = () => {
+    setOpen(false);
+  };
+  (0, import_react5.useEffect)(() => {
+    checkError(originalName);
+  }, [originalName]);
+  const handleConfirm = async () => {
+    if (await renamingCallback(text))
+      handleClose();
+  };
+  const handleTextFieldChange = (e) => {
+    setText(e.target.value);
+    checkError(e.target.value);
+  };
+  const checkError = (text2) => {
+    const fileNameRegex = /^[a-zA-Z0-9_\-]+\.[a-zA-Z]{1,5}$/;
+    let newExtension = text2.split(".").pop();
+    let orgExtension = originalName.indexOf(".") >= 0 ? originalName.split(".").pop() : "?";
+    if (!fileNameRegex.test(text2)) {
+      setError(true);
+      if (text2.indexOf(".") < 0) {
+        setHelperText("Invalid file name, needs a valid extension.");
+      } else {
+        setHelperText("Invalid file name, please check.");
+      }
+    } else if (newExtension !== orgExtension) {
+      setHelperText(`You are modifying your file extension from .${orgExtension} to .${newExtension}.`);
+      setError(false);
+    } else {
+      setError(false);
+      setHelperText("");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    import_Dialog2.default,
+    {
+      open,
+      onClose: handleClose,
+      fullWidth: true,
+      maxWidth: "xs",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_DialogTitle2.default, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material8.Typography, { children: [
+          " Rename the File ",
+          originalName,
+          " as:"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_DialogContent2.default, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          import_TextField2.default,
+          {
+            autoFocus: true,
+            margin: "dense",
+            id: "name",
+            defaultValue: originalName,
+            onFocus: (event) => {
+              event.target.select();
+            },
+            fullWidth: true,
+            inputProps: { style: { fontSize: "16px" } },
+            variant: "standard",
+            onChange: handleTextFieldChange,
+            error,
+            helperText
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_DialogActions2.default, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/CmrComponents/dialogue/Confirmation.tsx
+var React7 = __toESM(require("react"));
+var import_Dialog3 = __toESM(require("@mui/material/Dialog"));
+var import_DialogActions3 = __toESM(require("@mui/material/DialogActions"));
+var import_DialogContent3 = __toESM(require("@mui/material/DialogContent"));
+var import_DialogContentText2 = __toESM(require("@mui/material/DialogContentText"));
+var import_DialogTitle3 = __toESM(require("@mui/material/DialogTitle"));
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function CmrConfirmation({
+  name,
+  message,
+  cancelText = "Cancel",
+  color,
+  open,
+  setOpen,
+  confirmCallback = () => {
+  },
+  confirmText = "Confirm",
+  cancellable = false,
+  cancelCallback = () => {
+  },
+  width
+}) {
+  const [text, setText] = React7.useState("");
+  const handleClose = () => {
+    setOpen(false);
+  };
+  const handleConfirm = () => {
+    confirmCallback();
+    handleClose();
+  };
+  const handleCancel = () => {
+    cancelCallback();
+    handleClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_Dialog3.default, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_DialogTitle3.default, { children: name ? name : "Confirmation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_DialogContent3.default, { sx: { width }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_DialogContentText2.default, { alignContent: "center", children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_DialogActions3.default, { className: "mt-4", children: [
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+      ] })
+    ] })
   ] });
-};
-CmrUpload.defaultProps = {
-  changeNameAfterUpload: true
-};
-var Upload_default = CmrUpload;
+}
 
-// src/CmrComponents/select-upload/SelectUpload.tsx
-var import_material12 = require("@mui/material");
-var import_Select = __toESM(require("@mui/material/Select"));
-var import_Dialog6 = __toESM(require("@mui/material/Dialog"));
-var import_DialogTitle6 = __toESM(require("@mui/material/DialogTitle"));
-var import_DialogContent6 = __toESM(require("@mui/material/DialogContent"));
-var import_DialogContentText5 = __toESM(require("@mui/material/DialogContentText"));
-var import_Box3 = __toESM(require("@mui/material/Box"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var CMRSelectUpload = (props) => {
-  let [open, setOpen] = import_react8.default.useState(false);
-  let [fileIndex, selectFileIndex] = import_react8.default.useState(-1);
-  let [uploading, setUploading] = import_react8.default.useState(false);
-  const [progress, setProgress] = import_react8.default.useState(0);
+// src/CmrComponents/dialogue/DeletionDialog.tsx
+var React8 = __toESM(require("react"));
+var import_TextField3 = __toESM(require("@mui/material/TextField"));
+var import_Dialog4 = __toESM(require("@mui/material/Dialog"));
+var import_DialogActions4 = __toESM(require("@mui/material/DialogActions"));
+var import_DialogContent4 = __toESM(require("@mui/material/DialogContent"));
+var import_DialogContentText3 = __toESM(require("@mui/material/DialogContentText"));
+var import_DialogTitle4 = __toESM(require("@mui/material/DialogTitle"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function CmrDeletionDialog(props) {
+  const [open, setOpen] = React8.useState(true);
+  const [text, setText] = React8.useState("");
   const handleClickOpen = () => {
-    selectFileIndex(-1);
     setOpen(true);
   };
   const handleClose = () => {
     setOpen(false);
   };
-  const handleChange = (event) => {
-    selectFileIndex(event.target.value);
+  const handleConfirm = () => {
+    if (text === props.name) {
+      props.deletionCallback();
+      setOpen(false);
+    }
+  };
+  const handleTextFieldChange = (e) => {
+    setText(e.target.value);
   };
-  const onSet = () => {
-    props.onSelected(props.fileSelection[fileIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_Dialog4.default, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_DialogTitle4.default, { children: "Confirmation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_DialogContent4.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_DialogContentText3.default, { children: "To delete the files, please type your full name below and confirm." }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_TextField3.default,
+        {
+          autoFocus: true,
+          margin: "dense",
+          id: "name",
+          type: "email",
+          placeholder: props.name,
+          fullWidth: true,
+          inputProps: { style: { fontSize: "16pt" } },
+          variant: "standard",
+          onChange: handleTextFieldChange
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_DialogActions4.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "btn btn-secondary", onClick: handleClose, children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { className: "btn btn-danger", onClick: handleConfirm, children: "Confirm" })
+    ] })
+  ] }) });
+}
+
+// src/CmrComponents/dialogue/EditConfirmation.tsx
+var React9 = __toESM(require("react"));
+var import_TextField4 = __toESM(require("@mui/material/TextField"));
+var import_Dialog5 = __toESM(require("@mui/material/Dialog"));
+var import_DialogActions5 = __toESM(require("@mui/material/DialogActions"));
+var import_DialogContent5 = __toESM(require("@mui/material/DialogContent"));
+var import_DialogContentText4 = __toESM(require("@mui/material/DialogContentText"));
+var import_DialogTitle5 = __toESM(require("@mui/material/DialogTitle"));
+var import_material9 = require("@mui/material");
+var import_react6 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function CmrEditConfirmation({
+  name,
+  message,
+  defaultText = "",
+  color,
+  open,
+  setOpen,
+  confirmCallback = () => {
+  },
+  cancellable = false,
+  cancelCallback = () => {
+  },
+  suffix = ""
+}) {
+  const [text, setText] = React9.useState(defaultText);
+  (0, import_react6.useEffect)(() => {
+    if (open)
+      setText(defaultText);
+  }, [open]);
+  const handleClose = () => {
     setOpen(false);
   };
-  const selectionDialog = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_Dialog6.default, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_DialogTitle6.default, { children: "Select or Upload" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_DialogContent6.default, { sx: { width: 520 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_DialogContentText5.default, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_DialogContent6.default, { sx: { p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-        import_Select.default,
+  const handleConfirm = () => {
+    confirmCallback(text + suffix);
+    handleClose();
+  };
+  const handleCancel = () => {
+    cancelCallback(text + suffix);
+    handleClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_Dialog5.default, { maxWidth: "xs", fullWidth: true, open, onClose: handleCancel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_DialogTitle5.default, { children: name ? name : "Confirmation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_DialogContent5.default, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_DialogContentText4.default, { alignContent: "center", children: message }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_DialogActions5.default, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_TextField4.default,
         {
-          value: fileIndex,
-          onChange: handleChange,
-          disabled: uploading,
-          inputProps: { "aria-label": "Without label" },
-          sx: { width: "100%" },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.MenuItem, { value: -1, children: props.fileSelection.length < 1 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("em", { children: "No Stored Files" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("em", { children: "Select a Stored File" }) }),
-            (props.fileSelection != void 0 ? props.fileSelection : []).map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.MenuItem, { value: index, children: option.fileName }, index))
-          ]
+          fullWidth: true,
+          variant: "standard",
+          InputProps: {
+            endAdornment: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material9.InputAdornment, { position: "end", sx: { whiteSpace: "nowrap" }, children: suffix })
+          },
+          defaultValue: text,
+          onChange: (e) => setText(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_Box3.default, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.Button, { fullWidth: true, variant: "outlined", sx: { marginRight: "8px" }, onClick: handleClose, children: "Cancel" }),
-        fileIndex !== -1 && !uploading && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.Button, { fullWidth: true, sx: { marginLeft: "8px" }, variant: "contained", onClick: onSet, children: "OK" }),
-        fileIndex == -1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-          Upload_default,
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_DialogActions5.default, { children: [
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/CmrTabs/CmrTabs.tsx
+var React10 = __toESM(require("react"));
+var import_Tabs = __toESM(require("@mui/material/Tabs"));
+var import_Tab = __toESM(require("@mui/material/Tab"));
+var import_Container = __toESM(require("@mui/material/Container"));
+var import_Typography2 = __toESM(require("@mui/material/Typography"));
+var import_Box2 = __toESM(require("@mui/material/Box"));
+var import_react7 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function CustomTabPanel(props) {
+  const { children, value, index, ...other } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    {
+      role: "tabpanel",
+      hidden: value !== index,
+      id: `simple-tabpanel-${index}`,
+      "aria-labelledby": `simple-tab-${index}`,
+      ...other,
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box2.default, { sx: { p: 0 }, style: { display: value === index ? void 0 : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography2.default, { children }) })
+    }
+  );
+}
+function a11yProps(index) {
+  return {
+    id: `simple-tab-${index}`,
+    "aria-controls": `simple-tabpanel-${index}`
+  };
+}
+function CmrTabs(props) {
+  const [value, setValue] = React10.useState(0);
+  const handleChange = (event, newValue) => {
+    setValue(newValue);
+    if (props.onTabSelected)
+      props.onTabSelected(newValue);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_Container.default,
+    {
+      maxWidth: "lg",
+      sx: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        mt: 4
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box2.default, { sx: { borderBottom: 1, borderColor: "divider", mb: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          import_Tabs.default,
           {
-            ...props,
-            color: "info",
-            fullWidth: true,
-            onUploaded: (res, file) => {
-              console.log("calling Setup level on uploaded");
-              console.log(props.onUploaded);
-              selectFileIndex(props.fileSelection.length);
-              props.onUploaded(res, file);
-              setOpen(false);
-            },
-            fileExtension: props.fileExtension,
-            uploadHandler: props.uploadHandler,
-            uploadStarted: () => {
-              setUploading(true);
-              props.onSelected(void 0);
-            },
-            uploadProgressed: (progress2) => {
-              setOpen(false);
-              setProgress(progress2);
+            value,
+            onChange: handleChange,
+            "aria-label": "basic tabs example",
+            textColor: "inherit",
+            TabIndicatorProps: {
+              style: {
+                backgroundColor: "#580F8B"
+              }
             },
-            uploadEnded: () => setUploading(false)
+            children: props.tabList.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Tab.default, { sx: { color: value == index ? "#580F8B" : void 0 }, style: { fontSize: "14px", textTransform: "uppercase", fontWeight: 400 }, label: tab.text, ...a11yProps(index) }))
           }
+        ) }),
+        props.tabList.map(
+          (tab, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CustomTabPanel, { value, index, children: (0, import_react7.cloneElement)(tab.children, {
+            visible: value == index
+          }) })
         )
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react8.Fragment, { children: [
-    uploading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material12.Button, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
-      "Uploading ",
-      progress,
-      "%"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_material12.Button,
-      {
-        variant: props.chosenFile == void 0 ? "contained" : "outlined",
-        color: "info",
-        onClick: handleClickOpen,
-        sx: { marginRight: "10pt" },
-        style: { ...props.style, textTransform: "none" },
-        children: props.chosenFile == void 0 ? props.buttonText ? props.buttonText : "Choose" : props.chosenFile
-      }
-    ),
-    selectionDialog
-  ] });
+      ]
+    }
+  );
+}
+
+// src/CmrComponents/checkbox/Checkbox.tsx
+var import_material10 = require("@mui/material");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CmrCheckbox = (props) => {
+  const { defaultChecked, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_material11.FormControlLabel,
+    {
+      disabled: props.disabled,
+      style: props.style,
+      className: props.className,
+      control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material10.Checkbox, { style: props.style, checked: props.checked, defaultChecked, onChange }),
+      label: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Label_default, { children: props.children }),
+      sx: props.sx,
+      labelPlacement: "end"
+    }
+  );
+};
+var Checkbox_default = CmrCheckbox;
+
+// src/CmrComponents/input-number/InputNumber.tsx
+var import_antd2 = require("antd");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var CmrInputNumber = (props) => {
+  const { defaultValue, style, max, min, value, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd2.InputNumber, { defaultValue, max, style, min, value, onChange, ...rest, children });
 };
-var SelectUpload_default = CMRSelectUpload;
+var InputNumber_default = CmrInputNumber;
 
 // src/CmrTable/CmrTable.tsx
 var import_x_data_grid = require("@mui/x-data-grid");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var CmrTable = (props) => {
   const {
     dataSource,
@@ -1234,7 +1095,7 @@ var CmrTable = (props) => {
     showCheckbox = true,
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_x_data_grid.DataGrid,
     {
       rows: dataSource ? dataSource.map((row) => ({
@@ -1260,7 +1121,6 @@ var CmrTable_default = CmrTable;
 var CmrTable2 = CmrTable_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CMRSelectUpload,
   CMRUpload,
   CmrButton,
   CmrCheckbox,
@@ -1276,7 +1136,5 @@ var CmrTable2 = CmrTable_default;
   CmrRadioGroup,
   CmrSelect,
   CmrTable,
-  CmrTabs,
-  CmrTooltip,
-  CmrUploadWindow
+  CmrTabs
 });