cloudmr-ux 1.2.3 → 1.3.0

package/dist/index.mjs

@@ -213,539 +213,146 @@ var CmrPanel = function(props) {
 };
 var Panel_default = CmrPanel;
 
-// src/CmrComponents/rename/edit.tsx
+// src/CmrComponents/upload/Upload.tsx
+import React5, { useState as useState4 } from "react";
+import { Button as Button3 } from "@mui/material";
+
+// src/CmrComponents/upload/UploadWindow.tsx
 import * as React4 from "react";
-import { Typography } from "@mui/material";
+import Button2 from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
 import Dialog from "@mui/material/Dialog";
 import DialogActions from "@mui/material/DialogActions";
 import DialogContent from "@mui/material/DialogContent";
+import DialogContentText from "@mui/material/DialogContentText";
 import DialogTitle from "@mui/material/DialogTitle";
-import { useEffect } from "react";
+import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
+import { Alert, Collapse, MenuItem as MenuItem2 } from "@mui/material";
+
+// src/CmrComponents/label/Label.tsx
 import { jsx as jsx8, jsxs as jsxs4 } from "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);
-  };
-  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__ */ jsx8("div", { children: /* @__PURE__ */ jsxs4(
-    Dialog,
-    {
-      open,
-      onClose: handleClose,
-      fullWidth: true,
-      maxWidth: "xs",
-      children: [
-        /* @__PURE__ */ jsx8(DialogTitle, { children: /* @__PURE__ */ jsxs4(Typography, { children: [
-          ' Rename "',
-          originalName,
-          '" as:'
-        ] }) }),
-        /* @__PURE__ */ jsx8(DialogContent, { children: /* @__PURE__ */ jsx8(
-          TextField,
-          {
-            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__ */ jsxs4(DialogActions, { children: [
-          /* @__PURE__ */ jsx8(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx8(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
-        ] })
-      ]
-    }
-  ) });
-}
+var CmrLabel = (props) => {
+  const { children, required = false } = props;
+  return /* @__PURE__ */ jsxs4("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
+    children,
+    required && /* @__PURE__ */ jsx8("span", { className: "asterik", children: "*" })
+  ] });
+};
+var Label_default = CmrLabel;
 
-// src/CmrComponents/dialogue/Confirmation.tsx
-import * as React5 from "react";
-import Dialog2 from "@mui/material/Dialog";
-import DialogActions2 from "@mui/material/DialogActions";
-import DialogContent2 from "@mui/material/DialogContent";
-import DialogContentText from "@mui/material/DialogContentText";
-import DialogTitle2 from "@mui/material/DialogTitle";
+// src/CmrComponents/upload/UploadWindow.tsx
 import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-function CmrConfirmation({
-  name,
-  message,
-  cancelText = "Cancel",
-  color,
+function UploadWindow({
+  upload,
   open,
   setOpen,
-  confirmCallback = () => {
-  },
-  confirmText = "Confirm",
-  cancellable = false,
-  cancelCallback = () => {
-  },
-  width
+  fileExtension,
+  template = { showFileName: true, showDatabase: true, showFileSize: true }
+  // default values
 }) {
-  const [text, setText] = React5.useState("");
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const handleConfirm = () => {
-    confirmCallback();
-    handleClose();
-  };
-  const handleCancel = () => {
-    cancelCallback();
-    handleClose();
-  };
-  return /* @__PURE__ */ jsxs5(Dialog2, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx9(DialogTitle2, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ jsxs5(DialogContent2, { sx: { width }, children: [
-      /* @__PURE__ */ jsx9(DialogContentText, { alignContent: "center", children: message }),
-      /* @__PURE__ */ jsxs5(DialogActions2, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ jsx9(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ jsx9(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrComponents/dialogue/DeletionDialog.tsx
-import * as React6 from "react";
-import TextField2 from "@mui/material/TextField";
-import Dialog3 from "@mui/material/Dialog";
-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 jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-function CmrDeletionDialog(props) {
-  const [open, setOpen] = React6.useState(true);
-  const [text, setText] = React6.useState("");
+  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);
   };
   const handleClose = () => {
     setOpen(false);
   };
+  const getExtension = (fileName) => {
+    if (fileName == void 0)
+      return;
+    return fileName.split(".").pop();
+  };
   const handleConfirm = () => {
-    if (text === props.name) {
-      props.deletionCallback();
-      setOpen(false);
+    if (uploadedFiles.length === 0) {
+      setInfoOpen(true);
+      setInfoStyle("error");
+      setWarningText("Must select files to upload!");
+      setTimeout(() => setInfoOpen(false), 2500);
+      return;
+    }
+    if (fileAlias.length === 0) {
+      setInfoOpen(true);
+      setInfoStyle("error");
+      setWarningText("File name can't be empty");
+      setTimeout(() => setInfoOpen(false), 2500);
+      return;
     }
+    setOpen(false);
+    upload(uploadedFiles[0], fileAlias, locationSelection).then((response) => {
+      console.log(response);
+      if (response > 0) {
+        setInfoOpen(true);
+        if (response === 200) {
+          setInfoStyle("success");
+          setWarningText("Upload successful");
+          setTimeout(() => {
+            setInfoOpen(false);
+            setOpen(false);
+          }, 1e3);
+          setUpBtnDisabled(false);
+          setUpBtnText("Upload");
+        } else if (response === 413) {
+          setInfoStyle("error");
+          setWarningText("File size limit exceeded");
+          setTimeout(() => {
+            setInfoOpen(false);
+            setUpBtnDisabled(false);
+            setUpBtnText("Upload");
+          }, 2e3);
+        } else if (response === 500) {
+          setInfoStyle("error");
+          setWarningText("Internal server error");
+          setTimeout(() => {
+            setInfoOpen(false);
+            setUpBtnDisabled(false);
+            setUpBtnText("Upload");
+          }, 1500);
+          setOpen(true);
+        } else if (response === 400) {
+          setInfoStyle("warning");
+          setWarningText("File upload cancelled");
+          setTimeout(() => {
+            setInfoOpen(false);
+            setUpBtnDisabled(false);
+            setUpBtnText("Upload");
+          }, 1e3);
+          setOpen(true);
+        } else {
+          setInfoStyle("warning");
+          setWarningText("Unknown status");
+          setTimeout(() => {
+            setInfoOpen(false);
+            setUpBtnDisabled(false);
+            setUpBtnText("Upload");
+          }, 2e3);
+          setOpen(true);
+        }
+      }
+    }).catch((error) => {
+      setUpBtnDisabled(false);
+      setUpBtnText("Upload");
+      setInfoOpen(true);
+      setInfoStyle("error");
+      setWarningText("Upload unsuccessful: " + error.message);
+      setTimeout(() => setInfoOpen(false), 2500);
+      console.error("Error:", error);
+    });
+    setUpBtnDisabled(true);
+    setUpBtnText("Uploading");
   };
-  const handleTextFieldChange = (e) => {
-    setText(e.target.value);
-  };
-  return /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsxs6(Dialog3, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx10(DialogTitle3, { children: "Confirmation" }),
-    /* @__PURE__ */ jsxs6(DialogContent3, { children: [
-      /* @__PURE__ */ jsx10(DialogContentText2, { children: "To delete the files, please type your full name below and confirm." }),
-      /* @__PURE__ */ jsx10(
-        TextField2,
-        {
-          autoFocus: true,
-          margin: "dense",
-          id: "name",
-          type: "email",
-          placeholder: props.name,
-          fullWidth: true,
-          inputProps: { style: { fontSize: "16pt" } },
-          variant: "standard",
-          onChange: handleTextFieldChange
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs6(DialogActions3, { children: [
-      /* @__PURE__ */ jsx10("button", { className: "btn btn-secondary", onClick: handleClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx10("button", { className: "btn btn-danger", onClick: handleConfirm, children: "Confirm" })
-    ] })
-  ] }) });
-}
-
-// src/CmrComponents/dialogue/EditConfirmation.tsx
-import * as React7 from "react";
-import TextField3 from "@mui/material/TextField";
-import Dialog4 from "@mui/material/Dialog";
-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 { InputAdornment } from "@mui/material";
-import { useEffect as useEffect2 } from "react";
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function CmrEditConfirmation({
-  name,
-  message,
-  defaultText = "",
-  color,
-  open,
-  setOpen,
-  confirmCallback = () => {
-  },
-  cancellable = false,
-  cancelCallback = () => {
-  },
-  suffix = ""
-}) {
-  const [text, setText] = React7.useState(defaultText);
-  useEffect2(() => {
-    if (open)
-      setText(defaultText);
-  }, [open]);
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const handleConfirm = () => {
-    confirmCallback(text + suffix);
-    handleClose();
-  };
-  const handleCancel = () => {
-    cancelCallback(text + suffix);
-    handleClose();
-  };
-  return /* @__PURE__ */ jsxs7(Dialog4, { maxWidth: "xs", fullWidth: true, open, onClose: handleCancel, children: [
-    /* @__PURE__ */ jsx11(DialogTitle4, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ jsxs7(DialogContent4, { children: [
-      /* @__PURE__ */ jsx11(DialogContentText3, { alignContent: "center", children: message }),
-      /* @__PURE__ */ jsx11(DialogActions4, { children: /* @__PURE__ */ jsx11(
-        TextField3,
-        {
-          fullWidth: true,
-          variant: "standard",
-          InputProps: {
-            endAdornment: /* @__PURE__ */ jsx11(InputAdornment, { position: "end", sx: { whiteSpace: "nowrap" }, children: suffix })
-          },
-          defaultValue: text,
-          onChange: (e) => setText(e.target.value)
-        }
-      ) }),
-      /* @__PURE__ */ jsxs7(DialogActions4, { children: [
-        cancellable && /* @__PURE__ */ jsx11(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx11(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrTabs/CmrTabs.tsx
-import * as React8 from "react";
-import Tabs from "@mui/material/Tabs";
-import Tab from "@mui/material/Tab";
-import Container from "@mui/material/Container";
-import Typography2 from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-import { cloneElement as cloneElement2 } from "react";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-function CustomTabPanel(props) {
-  const { children, value, index, ...other } = props;
-  return /* @__PURE__ */ jsx12(
-    "div",
-    {
-      role: "tabpanel",
-      hidden: value !== index,
-      id: `simple-tabpanel-${index}`,
-      "aria-labelledby": `simple-tab-${index}`,
-      ...other,
-      children: /* @__PURE__ */ jsx12(Box, { sx: { p: 0 }, style: { display: value === index ? void 0 : "none" }, children: /* @__PURE__ */ jsx12(Typography2, { 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__ */ jsxs8(
-    Container,
-    {
-      maxWidth: "lg",
-      sx: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-        mt: 4
-      },
-      children: [
-        /* @__PURE__ */ jsx12(Box, { sx: { borderBottom: 1, borderColor: "divider", mb: 4 }, children: /* @__PURE__ */ jsx12(
-          Tabs,
-          {
-            value,
-            onChange: handleChange,
-            "aria-label": "basic tabs example",
-            textColor: "inherit",
-            TabIndicatorProps: {
-              style: {
-                backgroundColor: "#580F8B"
-              }
-            },
-            children: props.tabList.map((tab, index) => /* @__PURE__ */ jsx12(Tab, { 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__ */ jsx12(CustomTabPanel, { value, index, children: cloneElement2(tab.children, {
-            visible: value == index
-          }) })
-        )
-      ]
-    }
-  );
-}
-
-// src/CmrComponents/checkbox/Checkbox.tsx
-import { Checkbox as Checkbox2 } from "@mui/material";
-
-// src/CmrComponents/label/Label.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-var CmrLabel = (props) => {
-  const { children, required = false } = props;
-  return /* @__PURE__ */ jsxs9("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
-    children,
-    required && /* @__PURE__ */ jsx13("span", { className: "asterik", children: "*" })
-  ] });
-};
-var Label_default = CmrLabel;
-
-// src/CmrComponents/checkbox/Checkbox.tsx
-import { FormControlLabel as FormControlLabel3 } from "@mui/material";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var CmrCheckbox = (props) => {
-  const { defaultChecked, onChange, children, ...rest } = props;
-  return /* @__PURE__ */ jsx14(
-    FormControlLabel3,
-    {
-      disabled: props.disabled,
-      style: props.style,
-      className: props.className,
-      control: /* @__PURE__ */ jsx14(Checkbox2, { style: props.style, checked: props.checked, defaultChecked, onChange }),
-      label: /* @__PURE__ */ jsx14(Label_default, { children: props.children }),
-      sx: props.sx,
-      labelPlacement: "end"
-    }
-  );
-};
-var Checkbox_default = CmrCheckbox;
-
-// src/CmrComponents/input-number/InputNumber.tsx
-import { InputNumber } from "antd";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var CmrInputNumber = (props) => {
-  const { defaultValue, style, max, min, value, onChange, children, ...rest } = props;
-  return /* @__PURE__ */ jsx15(InputNumber, { defaultValue, max, style, min, value, onChange, ...rest, children });
-};
-var InputNumber_default = CmrInputNumber;
-
-// src/CmrComponents/tooltip/Tooltip.tsx
-import { Tooltip } from "antd";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var CmrTooltip = (props) => {
-  const {
-    arrowPointAtCenter,
-    autoAdjustOverflow,
-    color,
-    defaultVisible,
-    mouseEnterDelay,
-    mouseLeaveDelay,
-    overlayClassName,
-    placement,
-    visible,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx16(
-    Tooltip,
-    {
-      arrowPointAtCenter,
-      autoAdjustOverflow,
-      color,
-      defaultVisible,
-      mouseEnterDelay,
-      mouseLeaveDelay,
-      overlayClassName,
-      placement,
-      visible,
-      ...rest
-    }
-  );
-};
-var Tooltip_default = CmrTooltip;
-
-// src/CmrComponents/select-upload/SelectUpload.tsx
-import React11, { Fragment } from "react";
-
-// src/CmrComponents/upload/Upload.tsx
-import React10, { useState as useState9 } from "react";
-import { Button as Button3 } from "@mui/material";
-
-// src/CmrComponents/upload/UploadWindow.tsx
-import * as React9 from "react";
-import Button2 from "@mui/material/Button";
-import TextField4 from "@mui/material/TextField";
-import Dialog5 from "@mui/material/Dialog";
-import DialogActions5 from "@mui/material/DialogActions";
-import DialogContent5 from "@mui/material/DialogContent";
-import DialogContentText4 from "@mui/material/DialogContentText";
-import DialogTitle5 from "@mui/material/DialogTitle";
-import Typography3 from "@mui/material/Typography";
-import Box2 from "@mui/material/Box";
-import { Alert, Collapse, MenuItem as MenuItem2 } from "@mui/material";
-import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
-function CmrUploadWindow({
-  upload,
-  open,
-  setOpen,
-  fileExtension,
-  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 handleClickOpen = () => {
-    setOpen(true);
-  };
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const getExtension = (fileName) => {
-    if (fileName == void 0)
-      return;
-    return fileName.split(".").pop();
-  };
-  const handleConfirm = () => {
-    if (uploadedFiles.length === 0) {
-      setInfoOpen(true);
-      setInfoStyle("error");
-      setWarningText("Must select files to upload!");
-      setTimeout(() => setInfoOpen(false), 2500);
-      return;
-    }
-    if (fileAlias.length === 0) {
-      setInfoOpen(true);
-      setInfoStyle("error");
-      setWarningText("File name can't be empty");
-      setTimeout(() => setInfoOpen(false), 2500);
-      return;
-    }
-    setOpen(false);
-    upload(uploadedFiles[0], fileAlias, locationSelection).then((response) => {
-      console.log(response);
-      if (response > 0) {
-        setInfoOpen(true);
-        if (response === 200) {
-          setInfoStyle("success");
-          setWarningText("Upload successful");
-          setTimeout(() => {
-            setInfoOpen(false);
-            setOpen(false);
-          }, 1e3);
-          setUpBtnDisabled(false);
-          setUpBtnText("Upload");
-        } else if (response === 413) {
-          setInfoStyle("error");
-          setWarningText("File size limit exceeded");
-          setTimeout(() => {
-            setInfoOpen(false);
-            setUpBtnDisabled(false);
-            setUpBtnText("Upload");
-          }, 2e3);
-        } else if (response === 500) {
-          setInfoStyle("error");
-          setWarningText("Internal server error");
-          setTimeout(() => {
-            setInfoOpen(false);
-            setUpBtnDisabled(false);
-            setUpBtnText("Upload");
-          }, 1500);
-          setOpen(true);
-        } else if (response === 400) {
-          setInfoStyle("warning");
-          setWarningText("File upload cancelled");
-          setTimeout(() => {
-            setInfoOpen(false);
-            setUpBtnDisabled(false);
-            setUpBtnText("Upload");
-          }, 1e3);
-          setOpen(true);
-        } else {
-          setInfoStyle("warning");
-          setWarningText("Unknown status");
-          setTimeout(() => {
-            setInfoOpen(false);
-            setUpBtnDisabled(false);
-            setUpBtnText("Upload");
-          }, 2e3);
-          setOpen(true);
-        }
-      }
-    }).catch((error) => {
-      setUpBtnDisabled(false);
-      setUpBtnText("Upload");
-      setInfoOpen(true);
-      setInfoStyle("error");
-      setWarningText("Upload unsuccessful: " + error.message);
-      setTimeout(() => setInfoOpen(false), 2500);
-      console.error("Error:", error);
-    });
-    setUpBtnDisabled(true);
-    setUpBtnText("Uploading");
-  };
-  const changeFileName = (e) => {
-    setFileAlias(e.target.value);
+  const changeFileName = (e) => {
+    setFileAlias(e.target.value);
   };
   function loadFiles(files) {
     if (files.length == 0) {
@@ -843,13 +450,13 @@ function CmrUploadWindow({
     const fileElem = document.getElementById("file-window");
     loadFiles(fileElem.files);
   };
-  return /* @__PURE__ */ jsx17("div", { children: /* @__PURE__ */ jsxs10(Dialog5, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx17(DialogTitle5, { children: "File Upload" }),
-    /* @__PURE__ */ jsxs10(DialogContent5, { children: [
-      /* @__PURE__ */ jsx17(DialogContentText4, {}),
-      /* @__PURE__ */ jsxs10(DialogContent5, { dividers: true, children: [
-        /* @__PURE__ */ jsx17(
-          Box2,
+  return /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsxs5(Dialog, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ jsx9(DialogTitle, { children: "File Upload" }),
+    /* @__PURE__ */ jsxs5(DialogContent, { children: [
+      /* @__PURE__ */ jsx9(DialogContentText, {}),
+      /* @__PURE__ */ jsxs5(DialogContent, { dividers: true, children: [
+        /* @__PURE__ */ jsx9(
+          Box,
           {
             width: 500,
             height: 250,
@@ -858,8 +465,8 @@ function CmrUploadWindow({
               borderRadius: "5pt",
               borderColor: uploadBoxWarning == void 0 ? "lightGray" : "#BA3C3C"
             },
-            children: /* @__PURE__ */ jsx17(Typography3, { component: "div", style: { height: "100%" }, children: /* @__PURE__ */ jsxs10(
-              Box2,
+            children: /* @__PURE__ */ jsx9(Typography, { component: "div", style: { height: "100%" }, children: /* @__PURE__ */ jsxs5(
+              Box,
               {
                 style: {
                   display: "flex",
@@ -871,17 +478,17 @@ function CmrUploadWindow({
                 onClick: fileInputClick,
                 ref: fileInput,
                 children: [
-                  /* @__PURE__ */ jsxs10(Typography3, { variant: "body1", align: "center", style: { marginTop: "auto" }, children: [
+                  /* @__PURE__ */ jsxs5(Typography, { variant: "body1", align: "center", style: { marginTop: "auto" }, children: [
                     "Drag & Drop or Click to Upload Your File Here ",
-                    /* @__PURE__ */ jsx17("sup", { children: "*" })
+                    /* @__PURE__ */ jsx9("sup", { children: "*" })
                   ] }),
-                  /* @__PURE__ */ jsx17(Typography3, { 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__ */ jsx9(Typography, { 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__ */ jsx17(
+        /* @__PURE__ */ jsx9(
           "input",
           {
             type: "file",
@@ -892,10 +499,10 @@ function CmrUploadWindow({
             onChange: loadSelectedFiles
           }
         ),
-        /* @__PURE__ */ jsxs10(Box2, { component: "form", sx: { "& .MuiTextField-root": { m: 2, width: "25ch", mb: 0 } }, children: [
-          /* @__PURE__ */ jsxs10("div", { children: [
-            template.showFileName && /* @__PURE__ */ jsx17(
-              TextField4,
+        /* @__PURE__ */ jsxs5(Box, { component: "form", sx: { "& .MuiTextField-root": { m: 2, width: "25ch", mb: 0 } }, children: [
+          /* @__PURE__ */ jsxs5("div", { children: [
+            template.showFileName && /* @__PURE__ */ jsx9(
+              TextField,
               {
                 required: true,
                 style: { marginTop: "30px" },
@@ -905,22 +512,22 @@ function CmrUploadWindow({
                 onChange: changeFileName
               }
             ),
-            fileOriginalName != "" && /* @__PURE__ */ jsx17(Label_default, { style: { marginLeft: "16px", fontSize: "9pt", color: "#267833" }, children: fileOriginalName }),
-            template.showDatabase && /* @__PURE__ */ jsx17(
-              TextField4,
+            fileOriginalName != "" && /* @__PURE__ */ jsx9(Label_default, { style: { marginLeft: "16px", fontSize: "9pt", color: "#267833" }, children: fileOriginalName }),
+            template.showDatabase && /* @__PURE__ */ jsx9(
+              TextField,
               {
                 select: true,
                 label: "Database:",
                 defaultValue: "s3",
                 helperText: "Upstream Storage Location",
                 variant: "standard",
-                children: [{ value: "s3", label: "S3" }].map((option) => /* @__PURE__ */ jsx17(MenuItem2, { value: option.value, children: option.label }, option.value))
+                children: [{ value: "s3", label: "S3" }].map((option) => /* @__PURE__ */ jsx9(MenuItem2, { value: option.value, children: option.label }, option.value))
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10("div", { children: [
-            template.showFileSize && /* @__PURE__ */ jsx17(
-              TextField4,
+          /* @__PURE__ */ jsxs5("div", { children: [
+            template.showFileSize && /* @__PURE__ */ jsx9(
+              TextField,
               {
                 label: "File Size:",
                 value: fileSize,
@@ -930,12 +537,12 @@ function CmrUploadWindow({
                 variant: "standard"
               }
             ),
-            /* @__PURE__ */ jsx17(Collapse, { in: infoOpen, children: /* @__PURE__ */ jsx17(Alert, { severity: infoStyle, sx: { m: 1 }, children: warningText }) })
+            /* @__PURE__ */ jsx9(Collapse, { in: infoOpen, children: /* @__PURE__ */ jsx9(Alert, { severity: infoStyle, sx: { m: 1 }, children: warningText }) })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs10(DialogActions5, { children: [
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsxs5(DialogActions, { children: [
+        /* @__PURE__ */ jsx9(
           Button2,
           {
             color: "inherit",
@@ -945,7 +552,7 @@ function CmrUploadWindow({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx9(
           Button2,
           {
             variant: "contained",
@@ -961,12 +568,12 @@ function CmrUploadWindow({
 
 // src/CmrComponents/upload/Upload.tsx
 import axios from "axios";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var CmrUpload = (props) => {
-  let [open, setOpen] = useState9(false);
-  let [uploading, setUploading] = useState9(false);
-  let [progress, setProgress] = useState9(0);
-  let [uploadedFile, setUploadedFile] = useState9(void 0);
+  let [open, setOpen] = useState4(false);
+  let [uploading, setUploading] = useState4(false);
+  let [progress, setProgress] = useState4(0);
+  let [uploadedFile, setUploadedFile] = useState4(void 0);
   const upload = async (file, fileAlias, fileDatabase) => {
     setUploading(true);
     const onProgress = (progress2) => {
@@ -1027,154 +634,411 @@ var CmrUpload = (props) => {
     setProgress(0);
     return status;
   };
-  function failUpload() {
-    setUploading(false);
-    setProgress(0);
-    if (props.uploadFailed)
-      return props.uploadFailed();
-    return 0;
-  }
-  return /* @__PURE__ */ jsxs11(React10.Fragment, { children: [
-    !uploading ? /* @__PURE__ */ jsxs11(
-      Button3,
-      {
-        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__ */ jsxs11(Button3, { fullWidth: props.fullWidth, style: props.style, variant: "contained", sx: { overflowWrap: "inherit" }, color: "primary", disabled: true, children: [
-      "Uploading ",
-      progress,
-      "%"
-    ] }),
-    /* @__PURE__ */ jsx18(
-      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__ */ jsxs6(React5.Fragment, { children: [
+    !uploading ? /* @__PURE__ */ jsxs6(
+      Button3,
+      {
+        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__ */ jsxs6(Button3, { fullWidth: props.fullWidth, style: props.style, variant: "contained", sx: { overflowWrap: "inherit" }, color: "primary", disabled: true, children: [
+      "Uploading ",
+      progress,
+      "%"
+    ] }),
+    /* @__PURE__ */ jsx10(
+      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
+import * as React6 from "react";
+import { Typography as Typography2 } from "@mui/material";
+import TextField2 from "@mui/material/TextField";
+import Dialog2 from "@mui/material/Dialog";
+import DialogActions2 from "@mui/material/DialogActions";
+import DialogContent2 from "@mui/material/DialogContent";
+import DialogTitle2 from "@mui/material/DialogTitle";
+import { useEffect } from "react";
+import { jsx as jsx11, jsxs as jsxs7 } from "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);
+  };
+  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__ */ jsx11("div", { children: /* @__PURE__ */ jsxs7(
+    Dialog2,
+    {
+      open,
+      onClose: handleClose,
+      fullWidth: true,
+      maxWidth: "xs",
+      children: [
+        /* @__PURE__ */ jsx11(DialogTitle2, { children: /* @__PURE__ */ jsxs7(Typography2, { children: [
+          " Rename the File ",
+          originalName,
+          " as:"
+        ] }) }),
+        /* @__PURE__ */ jsx11(DialogContent2, { children: /* @__PURE__ */ jsx11(
+          TextField2,
+          {
+            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__ */ jsxs7(DialogActions2, { children: [
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+        ] })
+      ]
+    }
+  ) });
+}
+
+// src/CmrComponents/dialogue/Confirmation.tsx
+import * as React7 from "react";
+import Dialog3 from "@mui/material/Dialog";
+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";
+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__ */ jsxs8(Dialog3, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ jsx12(DialogTitle3, { children: name ? name : "Confirmation" }),
+    /* @__PURE__ */ jsxs8(DialogContent3, { sx: { width }, children: [
+      /* @__PURE__ */ jsx12(DialogContentText2, { alignContent: "center", children: message }),
+      /* @__PURE__ */ jsxs8(DialogActions3, { className: "mt-4", children: [
+        cancellable && /* @__PURE__ */ jsx12(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ jsx12(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+      ] })
+    ] })
   ] });
-};
-CmrUpload.defaultProps = {
-  changeNameAfterUpload: true
-};
-var Upload_default = CmrUpload;
+}
 
-// src/CmrComponents/select-upload/SelectUpload.tsx
-import { Button as Button4, MenuItem as MenuItem3 } from "@mui/material";
-import Select2 from "@mui/material/Select";
-import Dialog6 from "@mui/material/Dialog";
-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 jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
-var CMRSelectUpload = (props) => {
-  let [open, setOpen] = React11.useState(false);
-  let [fileIndex, selectFileIndex] = React11.useState(-1);
-  let [uploading, setUploading] = React11.useState(false);
-  const [progress, setProgress] = React11.useState(0);
+// src/CmrComponents/dialogue/DeletionDialog.tsx
+import * as React8 from "react";
+import TextField3 from "@mui/material/TextField";
+import Dialog4 from "@mui/material/Dialog";
+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";
+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__ */ jsx13("div", { children: /* @__PURE__ */ jsxs9(Dialog4, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ jsx13(DialogTitle4, { children: "Confirmation" }),
+    /* @__PURE__ */ jsxs9(DialogContent4, { children: [
+      /* @__PURE__ */ jsx13(DialogContentText3, { children: "To delete the files, please type your full name below and confirm." }),
+      /* @__PURE__ */ jsx13(
+        TextField3,
+        {
+          autoFocus: true,
+          margin: "dense",
+          id: "name",
+          type: "email",
+          placeholder: props.name,
+          fullWidth: true,
+          inputProps: { style: { fontSize: "16pt" } },
+          variant: "standard",
+          onChange: handleTextFieldChange
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs9(DialogActions4, { children: [
+      /* @__PURE__ */ jsx13("button", { className: "btn btn-secondary", onClick: handleClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx13("button", { className: "btn btn-danger", onClick: handleConfirm, children: "Confirm" })
+    ] })
+  ] }) });
+}
+
+// src/CmrComponents/dialogue/EditConfirmation.tsx
+import * as React9 from "react";
+import TextField4 from "@mui/material/TextField";
+import Dialog5 from "@mui/material/Dialog";
+import DialogActions5 from "@mui/material/DialogActions";
+import DialogContent5 from "@mui/material/DialogContent";
+import DialogContentText4 from "@mui/material/DialogContentText";
+import DialogTitle5 from "@mui/material/DialogTitle";
+import { InputAdornment } from "@mui/material";
+import { useEffect as useEffect2 } from "react";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function CmrEditConfirmation({
+  name,
+  message,
+  defaultText = "",
+  color,
+  open,
+  setOpen,
+  confirmCallback = () => {
+  },
+  cancellable = false,
+  cancelCallback = () => {
+  },
+  suffix = ""
+}) {
+  const [text, setText] = React9.useState(defaultText);
+  useEffect2(() => {
+    if (open)
+      setText(defaultText);
+  }, [open]);
+  const handleClose = () => {
     setOpen(false);
   };
-  const selectionDialog = /* @__PURE__ */ jsxs12(Dialog6, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx19(DialogTitle6, { children: "Select or Upload" }),
-    /* @__PURE__ */ jsxs12(DialogContent6, { sx: { width: 520 }, children: [
-      /* @__PURE__ */ jsx19(DialogContentText5, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
-      /* @__PURE__ */ jsx19(DialogContent6, { sx: { p: 1 }, children: /* @__PURE__ */ jsxs12(
-        Select2,
+  const handleConfirm = () => {
+    confirmCallback(text + suffix);
+    handleClose();
+  };
+  const handleCancel = () => {
+    cancelCallback(text + suffix);
+    handleClose();
+  };
+  return /* @__PURE__ */ jsxs10(Dialog5, { maxWidth: "xs", fullWidth: true, open, onClose: handleCancel, children: [
+    /* @__PURE__ */ jsx14(DialogTitle5, { children: name ? name : "Confirmation" }),
+    /* @__PURE__ */ jsxs10(DialogContent5, { children: [
+      /* @__PURE__ */ jsx14(DialogContentText4, { alignContent: "center", children: message }),
+      /* @__PURE__ */ jsx14(DialogActions5, { children: /* @__PURE__ */ jsx14(
+        TextField4,
         {
-          value: fileIndex,
-          onChange: handleChange,
-          disabled: uploading,
-          inputProps: { "aria-label": "Without label" },
-          sx: { width: "100%" },
-          children: [
-            /* @__PURE__ */ jsx19(MenuItem3, { value: -1, children: props.fileSelection.length < 1 ? /* @__PURE__ */ jsx19("em", { children: "No Stored Files" }) : /* @__PURE__ */ jsx19("em", { children: "Select a Stored File" }) }),
-            (props.fileSelection != void 0 ? props.fileSelection : []).map((option, index) => /* @__PURE__ */ jsx19(MenuItem3, { value: index, children: option.fileName }, index))
-          ]
+          fullWidth: true,
+          variant: "standard",
+          InputProps: {
+            endAdornment: /* @__PURE__ */ jsx14(InputAdornment, { position: "end", sx: { whiteSpace: "nowrap" }, children: suffix })
+          },
+          defaultValue: text,
+          onChange: (e) => setText(e.target.value)
         }
       ) }),
-      /* @__PURE__ */ jsxs12(Box4, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
-        /* @__PURE__ */ jsx19(Button4, { fullWidth: true, variant: "outlined", sx: { marginRight: "8px" }, onClick: handleClose, children: "Cancel" }),
-        fileIndex !== -1 && !uploading && /* @__PURE__ */ jsx19(Button4, { fullWidth: true, sx: { marginLeft: "8px" }, variant: "contained", onClick: onSet, children: "OK" }),
-        fileIndex == -1 && /* @__PURE__ */ jsx19(
-          Upload_default,
+      /* @__PURE__ */ jsxs10(DialogActions5, { children: [
+        cancellable && /* @__PURE__ */ jsx14(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+      ] })
+    ] })
+  ] });
+}
+
+// src/CmrTabs/CmrTabs.tsx
+import * as React10 from "react";
+import Tabs from "@mui/material/Tabs";
+import Tab from "@mui/material/Tab";
+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";
+function CustomTabPanel(props) {
+  const { children, value, index, ...other } = props;
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      role: "tabpanel",
+      hidden: value !== index,
+      id: `simple-tabpanel-${index}`,
+      "aria-labelledby": `simple-tab-${index}`,
+      ...other,
+      children: /* @__PURE__ */ jsx15(Box3, { sx: { p: 0 }, style: { display: value === index ? void 0 : "none" }, children: /* @__PURE__ */ jsx15(Typography3, { 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__ */ jsxs11(
+    Container,
+    {
+      maxWidth: "lg",
+      sx: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+        mt: 4
+      },
+      children: [
+        /* @__PURE__ */ jsx15(Box3, { sx: { borderBottom: 1, borderColor: "divider", mb: 4 }, children: /* @__PURE__ */ jsx15(
+          Tabs,
           {
-            ...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__ */ jsx15(Tab, { 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__ */ jsx15(CustomTabPanel, { value, index, children: cloneElement2(tab.children, {
+            visible: value == index
+          }) })
         )
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxs12(Fragment, { children: [
-    uploading ? /* @__PURE__ */ jsxs12(Button4, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
-      "Uploading ",
-      progress,
-      "%"
-    ] }) : /* @__PURE__ */ jsx19(
-      Button4,
-      {
-        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
+import { Checkbox as Checkbox2 } from "@mui/material";
+import { FormControlLabel as FormControlLabel3 } from "@mui/material";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var CmrCheckbox = (props) => {
+  const { defaultChecked, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ jsx16(
+    FormControlLabel3,
+    {
+      disabled: props.disabled,
+      style: props.style,
+      className: props.className,
+      control: /* @__PURE__ */ jsx16(Checkbox2, { style: props.style, checked: props.checked, defaultChecked, onChange }),
+      label: /* @__PURE__ */ jsx16(Label_default, { children: props.children }),
+      sx: props.sx,
+      labelPlacement: "end"
+    }
+  );
 };
-var SelectUpload_default = CMRSelectUpload;
+var Checkbox_default = CmrCheckbox;
+
+// src/CmrComponents/input-number/InputNumber.tsx
+import { InputNumber } from "antd";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var CmrInputNumber = (props) => {
+  const { defaultValue, style, max, min, value, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ jsx17(InputNumber, { defaultValue, max, style, min, value, onChange, ...rest, children });
+};
+var InputNumber_default = CmrInputNumber;
 
 // src/CmrTable/CmrTable.tsx
 import { DataGrid } from "@mui/x-data-grid";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var CmrTable = (props) => {
   const {
     dataSource,
@@ -1186,7 +1050,7 @@ var CmrTable = (props) => {
     showCheckbox = true,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsx20("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx18("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx18(
     DataGrid,
     {
       rows: dataSource ? dataSource.map((row) => ({
@@ -1211,7 +1075,6 @@ var CmrTable_default = CmrTable;
 // src/index.ts
 var CmrTable2 = CmrTable_default;
 export {
-  SelectUpload_default as CMRSelectUpload,
   Upload_default as CMRUpload,
   CmrButton_default as CmrButton,
   Checkbox_default as CmrCheckbox,
@@ -1227,7 +1090,5 @@ export {
   CmrRadioGroup_default as CmrRadioGroup,
   CmrSelect_default as CmrSelect,
   CmrTable2 as CmrTable,
-  CmrTabs,
-  Tooltip_default as CmrTooltip,
-  CmrUploadWindow
+  CmrTabs
 };