cloudmr-ux 2.0.7 → 3.0.2

package/dist/index.mjs

@@ -1,1354 +0,0 @@
-// src/CmrComponents/CmrButton/CmrButton.tsx
-import { Button } from "@mui/material";
-import { jsx } from "react/jsx-runtime";
-var CmrButton = (props) => {
-  const { children, onClick, ...rest } = props;
-  return /* @__PURE__ */ jsx(Button, { onClick, ...rest, style: { ...props.style, textTransform: "none" }, children });
-};
-var CmrButton_default = CmrButton;
-
-// src/CmrComponents/CmrCheckbox/CmrCheckbox.tsx
-import { Checkbox } from "@mui/material";
-import { FormControlLabel } from "@mui/material";
-import { jsx as jsx2 } from "react/jsx-runtime";
-
-// src/CmrComponents/CmrInput/CmrInput.tsx
-import { Input } from "antd";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var CmrInput = (props) => {
-  const { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter, ...rest } = props;
-  return /* @__PURE__ */ jsx3(
-    Input,
-    {
-      defaultValue,
-      id,
-      maxLength,
-      size,
-      value,
-      type,
-      prefix,
-      onChange,
-      onPressEnter,
-      ...rest,
-      className: "cmr-input"
-    }
-  );
-};
-
-// src/CmrComponents/CmrRadioGroup/CmrRadioGroup.tsx
-import { useState } from "react";
-import {
-  Radio,
-  RadioGroup,
-  FormControl,
-  FormControlLabel as FormControlLabel2,
-  FormLabel
-} from "@mui/material";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
-var CmrRadioGroup = ({
-  options,
-  groupLabel,
-  defaultValue,
-  onChange
-}) => {
-  const [selectedValue, setSelectedValue] = 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__ */ jsx4("div", { className: "cmr-radio-label", children: /* @__PURE__ */ jsxs(FormControl, { component: "fieldset", children: [
-    groupLabel && /* @__PURE__ */ jsx4(FormLabel, { component: "legend", children: groupLabel }),
-    /* @__PURE__ */ jsx4(RadioGroup, { value: selectedValue, onChange: handleChange, children: options.map((option) => /* @__PURE__ */ jsx4(
-      FormControlLabel2,
-      {
-        value: option.value,
-        control: /* @__PURE__ */ jsx4(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
-import { useEffect, useId, useMemo, useState as useState2 } from "react";
-import ReactSelect from "react-select";
-import { jsx as jsx5 } from "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] = useState2(defaultValue);
-  const currentValue = isControlled ? value : internal;
-  useEffect(() => {
-    if (isControlled)
-      setInternal(value);
-  }, [isControlled, value]);
-  const id = useId();
-  const rsValue = 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__ */ jsx5("div", { className: className ?? "dropdown-select", style: wrapperStyle, children: /* @__PURE__ */ jsx5(
-    ReactSelect,
-    {
-      inputId: id,
-      isDisabled: !!disabled,
-      options: options.map((o) => ({ ...o, isDisabled: o.disabled })),
-      value: rsValue,
-      onChange: handleChange,
-      placeholder: "Select",
-      isClearable: true,
-      styles: baseStyles,
-      menuPortalTarget: document.body
-    }
-  ) });
-};
-var CmrSelect_default = CmrSelect;
-
-// src/CmrComponents/collapse/Collapse.tsx
-import React3, { cloneElement } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var CmrCollapse = (props) => {
-  let { activeKey, defaultActiveKey, onChange, children } = props;
-  defaultActiveKey = defaultActiveKey || [];
-  const [activeKeys, setActiveKeys] = React3.useState(defaultActiveKey);
-  React3.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__ */ jsx6("div", { onClick: () => onToggle(panelKey), style: { cursor: "pointer" }, children: child.props.header });
-        return cloneElement(child, {
-          expanded,
-          panelKey,
-          onToggle,
-          header
-          // Override header with clickable version
-        });
-      });
-    } else {
-      const panelKey = 0;
-      const expanded = activeKeys.includes(panelKey);
-      const header = /* @__PURE__ */ jsx6("div", { onClick: () => onToggle(panelKey), style: { cursor: "pointer" }, children: children.props.header });
-      return cloneElement(children, {
-        expanded,
-        panelKey,
-        onToggle,
-        header
-        // Override header with clickable version
-      });
-    }
-  };
-  return /* @__PURE__ */ jsx6("div", { className: "cmr-collapse", children: /* @__PURE__ */ jsx6("div", { children: renderChildren() }) });
-};
-var Collapse_default = CmrCollapse;
-
-// src/CmrComponents/panel/Panel.tsx
-import ArrowDropUpIcon from "@mui/icons-material/ArrowDropUp";
-import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var CmrPanel = function(props) {
-  var _a, _b;
-  let { expanded, onToggle } = props;
-  const toggle = () => {
-    if (onToggle)
-      onToggle(props.panelKey);
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: `card ${props.className}`, children: [
-    /* @__PURE__ */ jsx7("div", { className: "card-header", style: { background: "white", display: props.header == void 0 ? "none" : void 0 }, children: /* @__PURE__ */ jsxs2("div", { className: "row align-items-center", children: [
-      /* @__PURE__ */ jsx7("div", { className: "col", children: props.header }),
-      onToggle && /* @__PURE__ */ jsx7("div", { className: "col text-end", children: /* @__PURE__ */ jsx7(
-        "span",
-        {
-          className: "react-collapse float-end btn",
-          onClick: (e) => {
-            toggle();
-          },
-          children: !expanded ? /* @__PURE__ */ jsx7(ArrowDropDownIcon, {}) : /* @__PURE__ */ jsx7(ArrowDropUpIcon, {})
-        }
-      ) })
-    ] }) }),
-    !expanded ? /* @__PURE__ */ jsx7("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__ */ jsx7("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
-import React5, { useState as useState4 } from "react";
-import { Button as Button3 } from "@mui/material";
-import UploadIcon from "@mui/icons-material/Upload";
-
-// src/CmrComponents/upload/UploadWindow.tsx
-import * as React4 from "react";
-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 Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-import { Alert, Collapse, MenuItem } from "@mui/material";
-
-// src/CmrComponents/label/Label.tsx
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
-var CmrLabel = (props) => {
-  const { children, required = false } = props;
-  return /* @__PURE__ */ jsxs3("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
-    children,
-    required && /* @__PURE__ */ jsx8("span", { className: "asterik", children: "*" })
-  ] });
-};
-var Label_default = CmrLabel;
-
-// src/CmrComponents/upload/UploadWindow.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "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__ */ jsx9("div", { children: /* @__PURE__ */ jsxs4(Dialog, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx9(DialogTitle, { children: "File Upload" }),
-    /* @__PURE__ */ jsxs4(DialogContent, { children: [
-      /* @__PURE__ */ jsx9(DialogContentText, {}),
-      /* @__PURE__ */ jsxs4(DialogContent, { dividers: true, children: [
-        /* @__PURE__ */ jsx9(
-          Box,
-          {
-            width: 500,
-            height: 250,
-            style: {
-              borderStyle: "dashed",
-              borderRadius: "5pt",
-              borderColor: uploadBoxWarning == void 0 ? "lightGray" : "#BA3C3C"
-            },
-            children: /* @__PURE__ */ jsx9(Typography, { component: "div", style: { height: "100%" }, children: /* @__PURE__ */ jsxs4(
-              Box,
-              {
-                style: {
-                  display: "flex",
-                  flexDirection: "column",
-                  justifyContent: "center",
-                  alignItems: "center",
-                  height: "100%"
-                },
-                onClick: fileInputClick,
-                ref: fileInput,
-                children: [
-                  /* @__PURE__ */ jsxs4(Typography, { variant: "body1", align: "center", style: { marginTop: "auto" }, children: [
-                    "Drag & Drop or Click to Upload Your File Here ",
-                    /* @__PURE__ */ jsx9("sup", { children: "*" })
-                  ] }),
-                  /* @__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__ */ jsx9(
-          "input",
-          {
-            type: "file",
-            id: "file-window",
-            multiple: true,
-            accept: fileExtension === void 0 ? "*" : Array.isArray(fileExtension) ? fileExtension.join(",") : fileExtension,
-            style: { display: "none" },
-            onChange: loadSelectedFiles
-          }
-        ),
-        /* @__PURE__ */ jsxs4(Box, { component: "form", sx: { "& .MuiTextField-root": { m: 2, width: "25ch", mb: 0 } }, children: [
-          /* @__PURE__ */ jsxs4("div", { children: [
-            template.showFileName && /* @__PURE__ */ jsx9(
-              TextField,
-              {
-                required: true,
-                style: { marginTop: "30px" },
-                label: `File Alias:`,
-                value: fileAlias,
-                variant: "standard",
-                onChange: changeFileName
-              }
-            ),
-            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__ */ jsx9(MenuItem, { value: option.value, children: option.label }, option.value))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs4("div", { children: [
-            template.showFileSize && /* @__PURE__ */ jsx9(
-              TextField,
-              {
-                label: "File Size:",
-                value: fileSize,
-                InputProps: {
-                  readOnly: true
-                },
-                variant: "standard"
-              }
-            ),
-            /* @__PURE__ */ jsx9(Collapse, { in: infoOpen, children: /* @__PURE__ */ jsx9(Alert, { severity: infoStyle, sx: { m: 1 }, children: warningText }) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs4(DialogActions, { children: [
-        /* @__PURE__ */ jsx9(
-          Button2,
-          {
-            variant: "outlined",
-            disabled: UpBtnDisabled,
-            onClick: handleClose,
-            children: "Cancel"
-          }
-        ),
-        /* @__PURE__ */ jsx9(
-          Button2,
-          {
-            variant: "contained",
-            disabled: UpBtnDisabled,
-            onClick: handleConfirm,
-            children: UpBtnText
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-}
-
-// src/CmrComponents/upload/Upload.tsx
-import axios from "axios";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-var CmrUpload = (props) => {
-  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) => {
-      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 axios.post(payload.destination, payload.lambdaFile, payload.config);
-      status = res.status;
-      if (status === 200) {
-        console.log(res.data);
-        await axios.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__ */ jsxs5(React5.Fragment, { children: [
-    !uploading ? /* @__PURE__ */ jsxs5(
-      Button3,
-      {
-        fullWidth: props.fullWidth,
-        style: props.style,
-        variant: uploadedFile == void 0 ? "contained" : "outlined",
-        onClick: () => {
-          setOpen(true);
-        },
-        color: props.color || "primary",
-        sx: props.sx,
-        children: [
-          /* @__PURE__ */ jsx10(UploadIcon, { className: "me-2" }),
-          props.changeNameAfterUpload ? uploadedFile === void 0 ? props.uploadButtonName ? props.uploadButtonName : "Upload" : uploadedFile : props.uploadButtonName ? props.uploadButtonName : "Upload",
-          "                "
-        ]
-      }
-    ) : /* @__PURE__ */ jsxs5(Button3, { fullWidth: props.fullWidth, style: props.style, variant: "contained", sx: { overflowWrap: "inherit" }, color: "primary", disabled: true, children: [
-      "Uploading ",
-      progress,
-      "%"
-    ] }),
-    /* @__PURE__ */ jsx10(
-      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
-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 as useEffect2 } from "react";
-import { jsx as jsx11, jsxs as jsxs6 } 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);
-  };
-  useEffect2(() => {
-    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__ */ jsxs6(
-    Dialog2,
-    {
-      open,
-      onClose: handleClose,
-      fullWidth: true,
-      maxWidth: "xs",
-      children: [
-        /* @__PURE__ */ jsx11(DialogTitle2, { children: /* @__PURE__ */ jsxs6(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__ */ jsxs6(DialogActions2, { children: [
-          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
-        ] })
-      ]
-    }
-  ) });
-}
-
-// src/CmrComponents/dialogue/Confirmation.tsx
-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 jsxs7 } from "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__ */ jsxs7(Dialog3, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx12(DialogTitle3, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ jsxs7(DialogContent3, { sx: { width }, children: [
-      /* @__PURE__ */ jsx12(DialogContentText2, { alignContent: "center", children: message }),
-      /* @__PURE__ */ jsxs7(DialogActions3, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ jsx12(CmrButton_default, { variant: "outlined", onClick: handleCancel, children: cancelText }),
-        extraButtons.map((btn, idx) => /* @__PURE__ */ jsx12(
-          CmrButton_default,
-          {
-            variant: "outlined",
-            color: btn.color || "success",
-            onClick: () => {
-              btn.onClick();
-              handleClose();
-            },
-            children: btn.text
-          },
-          idx
-        )),
-        /* @__PURE__ */ jsx12(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrComponents/dialogue/DeletionDialog.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 { jsx as jsx13, jsxs as jsxs8 } from "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__ */ jsx13("div", { children: /* @__PURE__ */ jsxs8(Dialog4, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx13(DialogTitle4, { children: "Confirmation" }),
-    /* @__PURE__ */ jsxs8(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__ */ jsxs8(DialogActions4, { children: [
-      /* @__PURE__ */ jsx13("button", { className: "btn btn-secondary", onClick: handleClose, children: "Cancel" }),
-      /* @__PURE__ */ jsx13("button", { className: "btn btn-danger", onClick: handleConfirm, children: "Confirm" })
-    ] })
-  ] }) });
-}
-
-// src/CmrComponents/dialogue/EditConfirmation.tsx
-import * as React8 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 useEffect3 } from "react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
-function CmrEditConfirmation({
-  name,
-  message,
-  defaultText = "",
-  color,
-  open,
-  setOpen,
-  confirmCallback = () => {
-  },
-  cancellable = false,
-  cancelCallback = () => {
-  },
-  suffix = ""
-}) {
-  const [text, setText] = React8.useState(defaultText);
-  useEffect3(() => {
-    if (open)
-      setText(defaultText);
-  }, [open]);
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const handleConfirm = () => {
-    confirmCallback(text + suffix);
-    handleClose();
-  };
-  const handleCancel = () => {
-    cancelCallback(text + suffix);
-    handleClose();
-  };
-  return /* @__PURE__ */ jsxs9(Dialog5, { maxWidth: "xs", fullWidth: true, open, onClose: handleCancel, children: [
-    /* @__PURE__ */ jsx14(DialogTitle5, { children: name ? name : "Confirmation" }),
-    /* @__PURE__ */ jsxs9(DialogContent5, { children: [
-      /* @__PURE__ */ jsx14(DialogContentText4, { alignContent: "center", children: message }),
-      /* @__PURE__ */ jsx14(DialogActions5, { children: /* @__PURE__ */ jsx14(
-        TextField4,
-        {
-          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__ */ jsxs9(DialogActions5, { children: [
-        cancellable && /* @__PURE__ */ jsx14(CmrButton_default, { variant: "outlined", onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx14(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
-      ] })
-    ] })
-  ] });
-}
-
-// src/CmrTabs/CmrTabs.tsx
-import * as React9 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 jsxs10 } 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] = React9.useState(0);
-  const handleChange = (event, newValue) => {
-    setValue(newValue);
-    if (props.onTabSelected)
-      props.onTabSelected(newValue);
-  };
-  return /* @__PURE__ */ jsxs10(
-    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,
-          {
-            value,
-            onChange: handleChange,
-            "aria-label": "basic tabs example",
-            textColor: "inherit",
-            TabIndicatorProps: {
-              style: {
-                backgroundColor: "#580F8B"
-              }
-            },
-            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
-          }) })
-        )
-      ]
-    }
-  );
-}
-
-// 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 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/CmrComponents/select-upload/SelectUpload.tsx
-import React10, { Fragment } from "react";
-import { Button as Button4 } from "@mui/material";
-import Select from "react-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 jsx18, jsxs as jsxs11 } from "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] = React10.useState(false);
-  let [fileIndex, selectFileIndex] = React10.useState(-1);
-  let [uploading, setUploading] = React10.useState(false);
-  const [progress, setProgress] = React10.useState(0);
-  const handleClickOpen = () => {
-    selectFileIndex(-1);
-    setOpen(true);
-  };
-  const handleClose = () => {
-    setOpen(false);
-  };
-  const onSet = () => {
-    props.onSelected(props.fileSelection[fileIndex]);
-    setOpen(false);
-  };
-  const selectionDialog = /* @__PURE__ */ jsxs11(Dialog6, { open, onClose: handleClose, children: [
-    /* @__PURE__ */ jsx18(DialogTitle6, { children: "Select or Upload" }),
-    /* @__PURE__ */ jsxs11(DialogContent6, { sx: { width: 520 }, children: [
-      /* @__PURE__ */ jsx18(DialogContentText5, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
-      /* @__PURE__ */ jsx18(Box4, { sx: { p: 1 }, children: /* @__PURE__ */ jsx18(
-        Select,
-        {
-          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__ */ jsxs11(Box4, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
-        /* @__PURE__ */ jsx18(Button4, { fullWidth: true, sx: { marginRight: "8px" }, variant: "outlined", onClick: handleClose, children: " Cancel" }),
-        fileIndex !== -1 && !uploading && /* @__PURE__ */ jsx18(Button4, { fullWidth: true, variant: "contained", onClick: onSet, children: "OK" }),
-        fileIndex == -1 && /* @__PURE__ */ jsx18(
-          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__ */ jsxs11(Fragment, { children: [
-    uploading ? /* @__PURE__ */ jsxs11(Button4, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
-      "Uploading ",
-      progress,
-      "%"
-    ] }) : /* @__PURE__ */ jsx18(
-      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
-  ] });
-};
-var SelectUpload_default = CMRSelectUpload;
-
-// src/CmrComponents/tooltip/Tooltip.tsx
-import { Tooltip } from "antd";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var CmrTooltip = (props) => {
-  const {
-    arrowPointAtCenter,
-    autoAdjustOverflow,
-    color,
-    defaultVisible,
-    mouseEnterDelay,
-    mouseLeaveDelay,
-    overlayClassName,
-    placement,
-    visible,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx19(
-    Tooltip,
-    {
-      arrowPointAtCenter,
-      autoAdjustOverflow,
-      color,
-      defaultVisible,
-      mouseEnterDelay,
-      mouseLeaveDelay,
-      overlayClassName,
-      placement,
-      visible,
-      ...rest
-    }
-  );
-};
-var Tooltip_default = CmrTooltip;
-
-// src/CmrTable/CmrTable.tsx
-import { DataGrid } from "@mui/x-data-grid";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var CmrTable = (props) => {
-  const {
-    dataSource,
-    columns,
-    idAlias,
-    className,
-    onRowSelectionModelChange,
-    style,
-    showCheckbox = true,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx20("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx20(
-    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;
-export {
-  SelectUpload_default as CMRSelectUpload,
-  Upload_default as CMRUpload,
-  CmrButton_default as CmrButton,
-  Checkbox_default as CmrCheckbox,
-  Collapse_default as CmrCollapse,
-  CmrConfirmation,
-  CmrDeletionDialog,
-  CmrEditConfirmation,
-  CmrInput,
-  InputNumber_default as CmrInputNumber,
-  Label_default as CmrLabel,
-  CmrNameDialog,
-  Panel_default as CmrPanel,
-  CmrRadioGroup_default as CmrRadioGroup,
-  CmrSelect_default as CmrSelect,
-  CmrTable2 as CmrTable,
-  CmrTabs,
-  Tooltip_default as CmrTooltip,
-  CmrUploadWindow
-};