cloudmr-ux 2.0.6 → 3.0.1

package/dist/index.js

@@ -1,1403 +1,27 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  CMRSelectUpload: () => SelectUpload_default,
-  CMRUpload: () => Upload_default,
-  CmrButton: () => CmrButton_default,
-  CmrCheckbox: () => Checkbox_default,
-  CmrCollapse: () => Collapse_default,
-  CmrConfirmation: () => CmrConfirmation,
-  CmrDeletionDialog: () => CmrDeletionDialog,
-  CmrEditConfirmation: () => CmrEditConfirmation,
-  CmrInput: () => CmrInput,
-  CmrInputNumber: () => InputNumber_default,
-  CmrLabel: () => Label_default,
-  CmrNameDialog: () => CmrNameDialog,
-  CmrPanel: () => Panel_default,
-  CmrRadioGroup: () => CmrRadioGroup_default,
-  CmrSelect: () => CmrSelect_default,
-  CmrTable: () => CmrTable2,
-  CmrTabs: () => CmrTabs,
-  CmrTooltip: () => Tooltip_default,
-  CmrUploadWindow: () => CmrUploadWindow
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/CmrComponents/CmrButton/CmrButton.tsx
-var import_material = require("@mui/material");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CmrButton = (props) => {
-  const { children, onClick, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick, ...rest, style: { ...props.style, textTransform: "none" }, children });
-};
-var CmrButton_default = CmrButton;
-
-// src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
-var import_material2 = require("@mui/material");
-var import_material3 = require("@mui/material");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-
-// src/CmrComponents/CmrInput/CmrInput.tsx
-var import_antd = require("antd");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var CmrInput = (props) => {
-  const { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_antd.Input,
-    {
-      defaultValue,
-      id,
-      maxLength,
-      size,
-      value,
-      type,
-      prefix,
-      onChange,
-      onPressEnter,
-      ...rest,
-      className: "cmr-input"
-    }
-  );
-};
-
-// src/CmrComponents/CmrRadioGroup/CmrRadioGroup.tsx
-var import_react = require("react");
-var import_material4 = require("@mui/material");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var CmrRadioGroup = ({
-  options,
-  groupLabel,
-  defaultValue,
-  onChange
-}) => {
-  const [selectedValue, setSelectedValue] = (0, import_react.useState)(defaultValue || "");
-  const handleChange = (event) => {
-    const newValue = event.target.value;
-    setSelectedValue(newValue);
-    if (onChange) {
-      onChange(newValue);
-    } else {
-      console.log("Selected Radio Value:", newValue);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "cmr-radio-label", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material4.FormControl, { component: "fieldset", children: [
-    groupLabel && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.FormLabel, { component: "legend", children: groupLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.RadioGroup, { value: selectedValue, onChange: handleChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_material4.FormControlLabel,
-      {
-        value: option.value,
-        control: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material4.Radio, { disabled: option.disabled }),
-        label: option.label,
-        sx: {
-          "& .MuiTypography-root": {
-            fontSize: "14.4px",
-            fontFamily: '"Source Sans 3", sans-serif'
-          }
-        }
-      },
-      option.value
-    )) })
-  ] }) });
-};
-var CmrRadioGroup_default = CmrRadioGroup;
-
-// src/CmrComponents/CmrSelect/CmrSelect.tsx
-var import_react2 = require("react");
-var import_react_select = __toESM(require("react-select"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var baseStyles = {
-  control: (base, state) => ({
-    ...base,
-    minHeight: 40,
-    borderColor: state.isFocused ? "#580F8B" : base.borderColor,
-    boxShadow: state.isFocused ? "0 0 0 1px #580F8B" : "none",
-    "&:hover": { borderColor: "#580F8B" },
-    fontFamily: "Inter, Roboto, Helvetica, Arial, sans-serif",
-    borderRadius: 4
-  }),
-  placeholder: (base) => ({
-    ...base,
-    color: "rgba(0,0,0,0.6)"
-  }),
-  singleValue: (base) => ({
-    ...base,
-    color: "#580F8B",
-    fontWeight: 400,
-    fontFamily: "Inter, Roboto, Helvetica, Arial, sans-serif"
-  }),
-  option: (base, state) => ({
-    ...base,
-    backgroundColor: state.isFocused || state.isSelected ? "#F3E5F5" : "white",
-    color: "#000",
-    fontFamily: "Inter, Roboto, Helvetica, Arial, sans-serif",
-    cursor: state.isDisabled ? "not-allowed" : "pointer"
-  }),
-  menuPortal: (base) => ({ ...base, zIndex: 2e3 }),
-  menu: (base) => ({ ...base, zIndex: 1300 })
-};
-var CmrSelect = ({
-  options,
-  disabled,
-  value,
-  onChange,
-  defaultValue = "",
-  fullWidth,
-  sx,
-  className
-}) => {
-  const isControlled = value !== void 0;
-  const [internal, setInternal] = (0, import_react2.useState)(defaultValue);
-  const currentValue = isControlled ? value : internal;
-  (0, import_react2.useEffect)(() => {
-    if (isControlled)
-      setInternal(value);
-  }, [isControlled, value]);
-  const id = (0, import_react2.useId)();
-  const rsValue = (0, import_react2.useMemo)(
-    () => options.find((o) => o.value === currentValue) ?? null,
-    [options, currentValue]
-  );
-  const handleChange = (opt) => {
-    const next = (opt == null ? void 0 : opt.value) ?? "";
-    if (!isControlled)
-      setInternal(next);
-    onChange == null ? void 0 : onChange(next);
-  };
-  const wrapperStyle = {
-    minWidth: 200,
-    maxWidth: 400,
-    width: fullWidth ? "100%" : "auto",
-    ...sx
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: className ?? "dropdown-select", style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_react_select.default,
-    {
-      inputId: id,
-      isDisabled: !!disabled,
-      options: options.map((o) => ({ ...o, isDisabled: o.disabled })),
-      value: rsValue,
-      onChange: handleChange,
-      placeholder: "Select",
-      isClearable: true,
-      styles: baseStyles,
-      menuPortalTarget: document.body
-    }
-  ) });
-};
-var CmrSelect_default = CmrSelect;
-
-// src/CmrComponents/collapse/Collapse.tsx
-var import_react3 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var CmrCollapse = (props) => {
-  let { activeKey, defaultActiveKey, onChange, children } = props;
-  defaultActiveKey = defaultActiveKey || [];
-  const [activeKeys, setActiveKeys] = import_react3.default.useState(defaultActiveKey);
-  import_react3.default.useEffect(() => {
-    if (activeKey !== void 0 && activeKey !== activeKeys) {
-      if (Array.isArray(activeKey)) {
-        setActiveKeys(activeKey);
-      } else {
-        setActiveKeys([activeKey]);
-      }
-    }
-  }, [activeKey]);
-  const onToggle = (key) => {
-    const newKeys = [...activeKeys];
-    const keyIndex = newKeys.indexOf(key);
-    if (keyIndex === -1) {
-      newKeys.push(key);
-    } else {
-      newKeys.splice(keyIndex, 1);
-    }
-    setActiveKeys(newKeys);
-    if (onChange)
-      onChange(newKeys);
-  };
-  const renderChildren = () => {
-    if (!children)
-      return null;
-    if (Array.isArray(children)) {
-      return children.map((child, index) => {
-        const panelKey = index;
-        const expanded = activeKeys.includes(panelKey);
-        const header = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { onClick: () => onToggle(panelKey), style: { cursor: "pointer" }, children: child.props.header });
-        return (0, import_react3.cloneElement)(child, {
-          expanded,
-          panelKey,
-          onToggle,
-          header
-          // Override header with clickable version
-        });
-      });
-    } else {
-      const panelKey = 0;
-      const expanded = activeKeys.includes(panelKey);
-      const header = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { onClick: () => onToggle(panelKey), style: { cursor: "pointer" }, children: children.props.header });
-      return (0, import_react3.cloneElement)(children, {
-        expanded,
-        panelKey,
-        onToggle,
-        header
-        // Override header with clickable version
-      });
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cmr-collapse", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: renderChildren() }) });
-};
-var Collapse_default = CmrCollapse;
-
-// src/CmrComponents/panel/Panel.tsx
-var import_ArrowDropUp = __toESM(require("@mui/icons-material/ArrowDropUp"));
-var import_ArrowDropDown = __toESM(require("@mui/icons-material/ArrowDropDown"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var CmrPanel = function(props) {
-  var _a, _b;
-  let { expanded, onToggle } = props;
-  const toggle = () => {
-    if (onToggle)
-      onToggle(props.panelKey);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `card ${props.className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "card-header", style: { background: "white", display: props.header == void 0 ? "none" : void 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "row align-items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "col", children: props.header }),
-      onToggle && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "col text-end", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "span",
-        {
-          className: "react-collapse float-end btn",
-          onClick: (e) => {
-            toggle();
-          },
-          children: !expanded ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ArrowDropDown.default, {}) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ArrowDropUp.default, {})
-        }
-      ) })
-    ] }) }),
-    !expanded ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `card-body m-0 ${(_a = props.cardProps) == null ? void 0 : _a.className}`, style: {
-      maxHeight: "0",
-      padding: 0,
-      opacity: "0",
-      overflow: "hidden",
-      visibility: "collapse",
-      transition: "all 0.5s"
-    }, children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `card-body m-4 ${(_b = props.cardProps) == null ? void 0 : _b.className}`, style: {
-      maxHeight: void 0,
-      padding: 0,
-      opacity: "1",
-      visibility: "visible",
-      transition: "all 0.5s"
-    }, children: props.children })
-  ] });
-};
-var Panel_default = CmrPanel;
-
-// src/CmrComponents/upload/Upload.tsx
-var import_react4 = __toESM(require("react"));
-var import_material6 = require("@mui/material");
-var import_Upload3 = __toESM(require("@mui/icons-material/Upload"));
-
-// src/CmrComponents/upload/UploadWindow.tsx
-var React4 = __toESM(require("react"));
-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_DialogContentText = __toESM(require("@mui/material/DialogContentText"));
-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_material5 = require("@mui/material");
-
-// src/CmrComponents/label/Label.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var CmrLabel = (props) => {
-  const { children, required = false } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
-    children,
-    required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "asterik", children: "*" })
-  ] });
-};
-var Label_default = CmrLabel;
-
-// src/CmrComponents/upload/UploadWindow.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function CmrUploadWindow({
-  upload,
-  open,
-  setOpen,
-  fileExtension,
-  template = { showFileName: true, showDatabase: true, showFileSize: true }
-  // default values
-}) {
-  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 checkExtension2 = (filename, allowed) => {
-    if (!filename)
-      return false;
-    const name = filename.toLowerCase();
-    if (Array.isArray(allowed)) {
-      return allowed.some((ext) => name.endsWith(ext.startsWith(".") ? ext : "." + ext));
-    } else {
-      return name.endsWith(allowed.startsWith(".") ? allowed : "." + allowed);
-    }
-  };
-  const getExtension = (fileName) => {
-    if (fileName == void 0)
-      return;
-    return fileName.split(".").pop();
-  };
-  const INVALID_ALIAS_REGEX = /[ ,:%><]/;
-  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;
-    }
-    if (INVALID_ALIAS_REGEX.test(fileAlias)) {
-      setInfoOpen(true);
-      setInfoStyle("error");
-      setWarningText("Alias contains invalid characters ( , : % > < or spaces )");
-      setTimeout(() => setInfoOpen(false), 1e4);
-      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);
-  };
-  function loadFiles(files) {
-    if (files.length == 0) {
-      setInfoOpen(true);
-      setInfoStyle("warning");
-      setWarningText("No file selected");
-      setTimeout(() => setInfoOpen(false), 2500);
-      return;
-    }
-    if (files.length > 1) {
-      setInfoOpen(true);
-      setInfoStyle("warning");
-      setWarningText("Only accepts one file at a time");
-      setTimeout(() => setInfoOpen(false), 2500);
-      return;
-    }
-    let file = files[0];
-    setUploaded([file]);
-    function readFile(file2) {
-      setFileOriginalName(file2.name);
-      setFileAlias(file2.name);
-      const units = [
-        "B",
-        "KB",
-        "MB",
-        "GB",
-        "TB",
-        "PB",
-        "EB",
-        "ZB",
-        "YB"
-      ];
-      let numberOfBytes = file2.size;
-      const exponent = Math.min(
-        Math.floor(Math.log(numberOfBytes) / Math.log(1024)),
-        units.length - 1
-      );
-      const approx = numberOfBytes / 1024 ** exponent;
-      const output = exponent === 0 ? `${numberOfBytes} bytes` : `${approx.toFixed(3)} ${units[exponent]}`;
-      setFileSize(output);
-    }
-    readFile(file);
-  }
-  let initialized = false;
-  let fileInput = (inputRef) => {
-    if (initialized)
-      return;
-    inputRef.addEventListener("dragover", function(e) {
-      e.stopPropagation();
-      e.preventDefault();
-      if (e.dataTransfer.files) {
-        let draggedFiles = e.dataTransfer.files;
-        if (draggedFiles.length > 1) {
-          setUploadBoxWarning("Only one file can be uploaded at a time");
-        } else if (fileExtension != void 0 && draggedFiles.length !== 0 && !checkExtension2(draggedFiles[0].name, fileExtension)) {
-          setUploadBoxWarning(
-            `Only accepting files with extension(s): ${Array.isArray(fileExtension) ? fileExtension.join(", ") : fileExtension}`
-          );
-        }
-      }
-      e.dataTransfer.dropEffect = "copy";
-    });
-    inputRef.addEventListener("drop", function(e) {
-      e.stopPropagation();
-      e.preventDefault();
-      setTimeout(() => {
-        setUploadBoxWarning(void 0);
-      }, 1e4);
-      let files = e.dataTransfer.files;
-      if (files.length > 1) {
-        setInfoOpen(true);
-        setInfoStyle("warning");
-        setWarningText("Only one file can be uploaded at a time");
-        setTimeout(() => setInfoOpen(false), 2500);
-        return;
-      } else if (fileExtension !== void 0 && !checkExtension2(files[0].name, fileExtension)) {
-        setInfoOpen(true);
-        setInfoStyle("warning");
-        setWarningText(
-          `Only accepting files with extension(s): ${Array.isArray(fileExtension) ? fileExtension.join(", ") : fileExtension}`
-        );
-        setTimeout(() => setInfoOpen(false), 2500);
-        return;
-      }
-      loadFiles(files);
-    });
-    inputRef.addEventListener("dragleave", () => {
-      setUploadBoxWarning(void 0);
-    });
-    initialized = true;
-  };
-  const fileInputClick = (e) => {
-    const fileElem = document.getElementById("file-window");
-    e.preventDefault();
-    if (fileElem) {
-      fileElem.click();
-    }
-  };
-  const loadSelectedFiles = (e) => {
-    e.preventDefault();
-    const fileElem = document.getElementById("file-window");
-    loadFiles(fileElem.files);
-  };
-  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,
-            style: {
-              borderStyle: "dashed",
-              borderRadius: "5pt",
-              borderColor: uploadBoxWarning == void 0 ? "lightGray" : "#BA3C3C"
-            },
-            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",
-                  flexDirection: "column",
-                  justifyContent: "center",
-                  alignItems: "center",
-                  height: "100%"
-                },
-                onClick: fileInputClick,
-                ref: fileInput,
-                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_runtime9.jsx)("sup", { children: "*" })
-                  ] }),
-                  /* @__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_runtime9.jsx)(
-          "input",
-          {
-            type: "file",
-            id: "file-window",
-            multiple: true,
-            accept: fileExtension === void 0 ? "*" : Array.isArray(fileExtension) ? fileExtension.join(",") : fileExtension,
-            style: { display: "none" },
-            onChange: loadSelectedFiles
-          }
-        ),
-        /* @__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" },
-                label: `File Alias:`,
-                value: fileAlias,
-                variant: "standard",
-                onChange: changeFileName
-              }
-            ),
-            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_runtime9.jsx)(import_material5.MenuItem, { value: option.value, children: option.label }, option.value))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
-            template.showFileSize && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-              import_TextField.default,
-              {
-                label: "File Size:",
-                value: fileSize,
-                InputProps: {
-                  readOnly: true
-                },
-                variant: "standard"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Collapse, { in: infoOpen, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material5.Alert, { severity: infoStyle, sx: { m: 1 }, children: warningText }) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_DialogActions.default, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_Button.default,
-          {
-            variant: "outlined",
-            disabled: UpBtnDisabled,
-            onClick: handleClose,
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          import_Button.default,
-          {
-            variant: "contained",
-            disabled: UpBtnDisabled,
-            onClick: handleConfirm,
-            children: UpBtnText
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/CmrComponents/upload/Upload.tsx
-var import_axios = __toESM(require("axios"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var CmrUpload = (props) => {
-  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) => {
-      let percentage = progress2 * 99;
-      props.uploadProgressed && props.uploadProgressed(+percentage.toFixed(2));
-      setProgress(+percentage.toFixed(2));
-    };
-    if (props.uploadStarted)
-      props.uploadStarted();
-    let status = 0;
-    if (props.beforeUpload != void 0 && !await props.beforeUpload(file)) {
-      if (props.uploadEnded)
-        props.uploadEnded();
-      setUploading(false);
-      return 200;
-    }
-    if (props.preprocess) {
-      let processed = await props.preprocess(file);
-      if (processed == void 0)
-        return failUpload();
-      if (typeof processed == "number") {
-        setUploading(false);
-        return processed;
-      }
-      file = processed;
-    }
-    if (props.uploadHandler != void 0) {
-      status = await props.uploadHandler(file, fileAlias, fileDatabase, onProgress, props.onUploaded);
-      setUploadedFile(props.reusable ? void 0 : file.name);
-    } else if (props.createPayload) {
-      let payload = await props.createPayload(file, fileAlias, fileDatabase);
-      if (payload == void 0) {
-        return failUpload();
-      }
-      payload.config.onUploadProgress = (progressEvent) => {
-        if (progressEvent.total == void 0)
-          return;
-        onProgress(progressEvent.loaded / progressEvent.total);
-      };
-      const res = await import_axios.default.post(payload.destination, payload.lambdaFile, payload.config);
-      status = res.status;
-      if (status === 200) {
-        console.log(res.data);
-        await import_axios.default.put(res.data.upload_url, payload.file, {
-          headers: {
-            "Content-Type": payload.file.type
-          }
-        });
-        await props.onUploaded(res, payload.file);
-        setUploadedFile(props.reusable ? void 0 : payload.file.name);
-      }
-    } else {
-      return failUpload();
-    }
-    if (props.uploadEnded)
-      props.uploadEnded();
-    setUploading(false);
-    setProgress(0);
-    return status;
-  };
-  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_material6.Button,
-      {
-        fullWidth: props.fullWidth,
-        style: props.style,
-        variant: uploadedFile == void 0 ? "contained" : "outlined",
-        onClick: () => {
-          setOpen(true);
-        },
-        color: props.color || "primary",
-        sx: props.sx,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Upload3.default, { className: "me-2" }),
-          props.changeNameAfterUpload ? uploadedFile === void 0 ? props.uploadButtonName ? props.uploadButtonName : "Upload" : uploadedFile : props.uploadButtonName ? props.uploadButtonName : "Upload",
-          "                "
-        ]
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material6.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)(
-      CmrUploadWindow,
-      {
-        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_material7 = 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_material7.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 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",
-  confirmText = "Confirm",
-  color,
-  open,
-  setOpen,
-  confirmCallback = () => {
-  },
-  cancelCallback = () => {
-  },
-  cancellable = false,
-  width,
-  extraButtons = []
-}) {
-  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", onClick: handleCancel, children: cancelText }),
-        extraButtons.map((btn, idx) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          CmrButton_default,
-          {
-            variant: "outlined",
-            color: btn.color || "success",
-            onClick: () => {
-              btn.onClick();
-              handleClose();
-            },
-            children: btn.text
-          },
-          idx
-        )),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrComponents/dialogue/DeletionDialog.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_jsx_runtime13 = require("react/jsx-runtime");
-function CmrDeletionDialog(props) {
-  const [open, setOpen] = React7.useState(true);
-  const [text, setText] = React7.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_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 React8 = __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_material8 = 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] = React8.useState(defaultText);
-  (0, import_react6.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_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,
-        {
-          fullWidth: true,
-          variant: "standard",
-          InputProps: {
-            endAdornment: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material8.InputAdornment, { position: "end", sx: { whiteSpace: "nowrap" }, children: suffix })
-          },
-          defaultValue: text,
-          onChange: (e) => setText(e.target.value)
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_DialogActions5.default, { children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "outlined", onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrTabs/CmrTabs.tsx
-var React9 = __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] = React9.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,
-          {
-            value,
-            onChange: handleChange,
-            "aria-label": "basic tabs example",
-            textColor: "inherit",
-            TabIndicatorProps: {
-              style: {
-                backgroundColor: "#580F8B"
-              }
-            },
-            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
-          }) })
-        )
-      ]
-    }
-  );
-}
-
-// src/CmrComponents/checkbox/Checkbox.tsx
-var import_material9 = require("@mui/material");
-var import_material10 = 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_material10.FormControlLabel,
-    {
-      disabled: props.disabled,
-      style: props.style,
-      className: props.className,
-      control: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material9.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 InputNumber_default = CmrInputNumber;
-
-// src/CmrComponents/select-upload/SelectUpload.tsx
-var import_react8 = __toESM(require("react"));
-var import_material11 = require("@mui/material");
-var import_react_select2 = __toESM(require("react-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_runtime18 = require("react/jsx-runtime");
-function checkExtension(filename, allowed) {
-  if (!filename || !allowed)
-    return true;
-  const name = filename.toLowerCase();
-  if (Array.isArray(allowed)) {
-    return allowed.some((ext) => name.endsWith(ext.startsWith(".") ? ext : "." + ext));
-  } else {
-    return name.endsWith(allowed.startsWith(".") ? allowed : "." + allowed);
-  }
-}
-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);
-  const handleClickOpen = () => {
-    selectFileIndex(-1);
-    setOpen(true);
-  };
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const onSet = () => {
-    props.onSelected(props.fileSelection[fileIndex]);
-    setOpen(false);
-  };
-  const selectionDialog = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Dialog6.default, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_DialogTitle6.default, { children: "Select or Upload" }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_DialogContent6.default, { sx: { width: 520 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_DialogContentText5.default, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_Box3.default, { sx: { p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-        import_react_select2.default,
-        {
-          classNamePrefix: "cmr-select",
-          isDisabled: uploading,
-          options: props.fileSelection.filter((file) => checkExtension(file.fileName, props.fileExtension)).map((file) => ({
-            value: file.id,
-            label: file.fileName
-          })),
-          placeholder: "Select a Stored File",
-          onChange: (selected) => {
-            if (selected) {
-              const index = props.fileSelection.findIndex((file) => file.id === selected.value);
-              selectFileIndex(index);
-            } else {
-              selectFileIndex(-1);
-            }
-          },
-          menuPortalTarget: document.body,
-          menuPosition: "fixed",
-          styles: props.selectStyles
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_Box3.default, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material11.Button, { fullWidth: true, sx: { marginRight: "8px" }, variant: "outlined", onClick: handleClose, children: " Cancel" }),
-        fileIndex !== -1 && !uploading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material11.Button, { fullWidth: true, variant: "contained", onClick: onSet, children: "OK" }),
-        fileIndex == -1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-          Upload_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);
-            },
-            uploadEnded: () => setUploading(false)
-          }
-        )
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react8.Fragment, { children: [
-    uploading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material11.Button, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
-      "Uploading ",
-      progress,
-      "%"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      import_material11.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
-  ] });
-};
-var SelectUpload_default = CMRSelectUpload;
-
-// src/CmrComponents/tooltip/Tooltip.tsx
-var import_antd3 = require("antd");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var CmrTooltip = (props) => {
-  const {
-    arrowPointAtCenter,
-    autoAdjustOverflow,
-    color,
-    defaultVisible,
-    mouseEnterDelay,
-    mouseLeaveDelay,
-    overlayClassName,
-    placement,
-    visible,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_antd3.Tooltip,
-    {
-      arrowPointAtCenter,
-      autoAdjustOverflow,
-      color,
-      defaultVisible,
-      mouseEnterDelay,
-      mouseLeaveDelay,
-      overlayClassName,
-      placement,
-      visible,
-      ...rest
-    }
-  );
-};
-var Tooltip_default = CmrTooltip;
-
-// src/CmrTable/CmrTable.tsx
-var import_x_data_grid = require("@mui/x-data-grid");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var CmrTable = (props) => {
-  const {
-    dataSource,
-    columns,
-    idAlias,
-    className,
-    onRowSelectionModelChange,
-    style,
-    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)(
-    import_x_data_grid.DataGrid,
-    {
-      rows: dataSource ? dataSource.map((row) => ({
-        id: idAlias ? row[idAlias] : row["id"],
-        ...row
-      })) : [],
-      columns,
-      checkboxSelection: showCheckbox,
-      onRowSelectionModelChange,
-      initialState: {
-        pagination: {
-          paginationModel: { pageSize: 50, page: 0 }
-        }
-      },
-      sx: {
-        "& .MuiDataGrid-columnHeaders": {
-          backgroundColor: "#F3E5F5",
-          color: "#333"
-        },
-        "& .MuiDataGrid-columnHeaders .MuiSvgIcon-root": {
-          color: "#580f8b"
-        },
-        "& .MuiDataGrid-columnHeaderTitle": {
-          fontWeight: "bold"
-        }
-      },
-      localeText: { noRowsLabel: "No Rows" },
-      ...rest
-    }
-  ) });
-};
-var CmrTable_default = CmrTable;
-
-// src/index.ts
-var CmrTable2 = CmrTable_default;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CMRSelectUpload,
-  CMRUpload,
-  CmrButton,
-  CmrCheckbox,
-  CmrCollapse,
-  CmrConfirmation,
-  CmrDeletionDialog,
-  CmrEditConfirmation,
-  CmrInput,
-  CmrInputNumber,
-  CmrLabel,
-  CmrNameDialog,
-  CmrPanel,
-  CmrRadioGroup,
-  CmrSelect,
-  CmrTable,
-  CmrTabs,
-  CmrTooltip,
-  CmrUploadWindow
-});
+export * from "./CmrComponents/CmrButton";
+export * from "./CmrComponents/CmrCheckbox";
+export * from "./CmrComponents/CmrInput";
+export * from "./CmrComponents/CmrRadioGroup";
+export * from "./CmrComponents/CmrSelect";
+export { default as CmrCollapse } from "./CmrComponents/collapse/Collapse";
+export { default as CmrPanel } from "./CmrComponents/panel/Panel";
+export { default as CMRUpload } from "./CmrComponents/upload/Upload";
+export { default as CmrNameDialog } from "./CmrComponents/rename/edit";
+export { default as CmrConfirmation } from "./CmrComponents/dialogue/Confirmation";
+export { default as CmrDeletionDialog } from "./CmrComponents/dialogue/DeletionDialog";
+export { default as CmrEditConfirmation } from "./CmrComponents/dialogue/EditConfirmation";
+export { default as CmrTabs } from "./CmrTabs/CmrTabs";
+export { default as CmrCheckbox } from "./CmrComponents/checkbox/Checkbox";
+export { default as CmrLabel } from "./CmrComponents/label/Label";
+export { default as CmrButton } from "./CmrComponents/CmrButton/CmrButton";
+export { default as CmrInputNumber } from "./CmrComponents/input-number/InputNumber";
+export { default as CMRSelectUpload } from "./CmrComponents/select-upload/SelectUpload";
+export { default as CmrUploadWindow } from "./CmrComponents/upload/UploadWindow";
+export { default as CmrTooltip } from "./CmrComponents/tooltip/Tooltip";
+export { DualSlider } from "./CmrComponents/double-slider/DualSlider";
+export { Slider } from "./CmrComponents/gui-slider/Slider";
+export { InvertibleDualSlider } from "./CmrComponents/double-slider/InvertibleDualSlider";
+import CmrTableComponent from "./CmrTable/CmrTable";
+export var CmrTable = CmrTableComponent;
+import "./core";