cloudmr-ux 1.1.6 → 1.1.8

package/dist/index.css

@@ -1,42 +1,4 @@
 /* src/CmrComponents/CmrButton/CmrButton.css */
-.cmr-button {
-  background-color: #580F8B !important;
-  color: white !important;
-  padding-top: 0.375rem !important;
-  padding-bottom: 0.375rem !important;
-  padding-right: 0.75rem !important;
-  padding-left: 0.75rem !important;
-  border: 2px solid #580F8B !important;
-  border-radius: 4px !important;
-  text-align: center !important;
-  font-family: "Source Sans 3", sans-serif !important;
-  font-size: 14.4px !important;
-  line-height: 1.5 !important;
-  font-weight: 400 !important;
-}
-.cmr-button:hover {
-  background-color: #390063 !important;
-}
-.cmr-button.outlined {
-  background-color: transparent !important;
-  border: 2px solid #580F8B !important;
-  color: #580F8B !important;
-}
-.cmr-button.outlined:hover {
-  background-color: #580F8B !important;
-  color: white !important;
-}
-.cmr-button.Mui-disabled {
-  background-color: #ced4da !important;
-  color: #999 !important;
-  border: 2px solid #ced4da !important;
-  cursor: not-allowed !important;
-}
-.cmr-button.Mui-disabled:hover {
-  background-color: #ced4da !important;
-  color: #999 !important;
-}
-
 /* src/CmrComponents/CmrCheckbox/CmrCheckbox.css */
 .cmr-label {
   font-size: 14.4px;
@@ -184,6 +146,8 @@
 
 /* src/CmrComponents/input-number/InputNumber.css */
 
+/* src/CmrComponents/tooltip/Tooltip.css */
+
 /* src/CmrTable/CmrTable.css */
 .css-1lymaxv-MuiDataGrid-root .MuiDataGrid-columnHeader:focus-within,
 .css-1lymaxv-MuiDataGrid-root .MuiDataGrid-cell:focus-within {

package/dist/index.d.ts

@@ -1,16 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps, SxProps as SxProps$1, Theme as Theme$1 } from '@mui/material';
-import { SxProps, Theme } from '@mui/material/styles';
+import { ButtonProps, SxProps, Theme } from '@mui/material';
 import React, { ReactNode, ChangeEvent, CSSProperties, FC } from 'react';
 import { SizeType } from 'antd/lib/config-provider/SizeContext';
 import { CollapsibleType } from 'antd/es/collapse/CollapsePanel';
 import { ExpandIconPosition } from 'antd/es/collapse/Collapse';
 import { AxiosRequestConfig, AxiosResponse } from 'axios';
+import { TooltipPlacement } from 'antd/lib/tooltip';
 import { DataGridProps } from '@mui/x-data-grid';
 
-declare const CmrButton: (props: ButtonProps & {
-    sx?: SxProps<Theme>;
-}) => react_jsx_runtime.JSX.Element;
+declare const CmrButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface CmrInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
     defaultValue?: string;
@@ -114,7 +112,7 @@ interface CMRUploadProps extends React.HTMLAttributes<HTMLDivElement> {
     } | undefined>);
     onUploadProgressUpdate?: (loaded: number, total: number) => void | undefined;
     onUploaded: (res: AxiosResponse, file: File) => Promise<void> | void;
-    sx?: SxProps$1<Theme$1> | undefined;
+    sx?: SxProps<Theme> | undefined;
     rest?: any;
     fileExtension?: string;
     uploadStarted?: () => void;
@@ -241,6 +239,51 @@ interface CmrInputNumberProps {
 }
 declare const CmrInputNumber: (props: CmrInputNumberProps) => react_jsx_runtime.JSX.Element;
 
+interface CmrTooltipProps {
+    arrowPointAtCenter?: boolean;
+    autoAdjustOverflow?: boolean;
+    color?: string;
+    defaultVisible?: boolean;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    overlayClassName?: string;
+    placement?: TooltipPlacement;
+    visible?: boolean;
+    title: React.ReactNode;
+    overlay?: React.ReactNode;
+}
+declare const CmrTooltip: (props: CmrTooltipProps) => react_jsx_runtime.JSX.Element;
+
+interface CMRSelectUploadProps extends CMRUploadProps {
+    /**
+     * A selection of currently uploaded files
+     */
+    fileSelection: UploadedFile[];
+    onSelected: (file?: UploadedFile) => void;
+    chosenFile?: string;
+    buttonText?: string;
+    /**
+     * Enforces the extension of selected files
+     */
+    fileExtension?: string;
+}
+interface UploadedFile {
+    id: number;
+    fileName: string;
+    link: string;
+    md5?: string;
+    size: string;
+    status: string;
+    createdAt: string;
+    updatedAt: string;
+    database: string;
+    location: string;
+}
+/**
+ * Select from a set of uploaded files or upload new
+ */
+declare const CMRSelectUpload: (props: CMRSelectUploadProps) => react_jsx_runtime.JSX.Element;
+
 interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
     dataSource: any[];
     idAlias?: string;
@@ -251,4 +294,4 @@ interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
 
 declare const CmrTable: FC<CmrTableProps>;
 
-export { CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrInputNumber, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, LambdaFile };
+export { CMRSelectUpload, CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrInputNumber, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, CmrTooltip, LambdaFile };

package/dist/index.js

@@ -30,8 +30,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  CMRSelectUpload: () => SelectUpload_default,
   CMRUpload: () => Upload_default,
-  CmrButton: () => CmrButton,
+  CmrButton: () => CmrButton_default,
   CmrCheckbox: () => Checkbox_default,
   CmrCollapse: () => Collapse_default,
   CmrConfirmation: () => CmrConfirmation,
@@ -45,7 +46,8 @@ __export(src_exports, {
   CmrRadioGroup: () => CmrRadioGroup_default,
   CmrSelect: () => CmrSelect_default,
   CmrTable: () => CmrTable2,
-  CmrTabs: () => CmrTabs
+  CmrTabs: () => CmrTabs,
+  CmrTooltip: () => Tooltip_default
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -53,43 +55,10 @@ module.exports = __toCommonJS(src_exports);
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
 var CmrButton = (props) => {
-  const { children, onClick, variant = "contained", disabled = false, sx, ...rest } = props;
-  const baseSx = {
-    boxShadow: "none",
-    "&:hover": {
-      boxShadow: "none"
-    }
-  };
-  let combinedSx;
-  if (Array.isArray(sx)) {
-    combinedSx = [baseSx, ...sx];
-  } else if (typeof sx === "function") {
-    combinedSx = (theme) => ({
-      ...baseSx,
-      ...sx(theme)
-    });
-  } else if (typeof sx === "object" && sx !== null) {
-    combinedSx = {
-      ...baseSx,
-      ...sx
-    };
-  } else {
-    combinedSx = baseSx;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_material.Button,
-    {
-      onClick,
-      ...rest,
-      className: `cmr-button ${variant}`,
-      style: { textTransform: "none" },
-      variant,
-      disabled,
-      sx: combinedSx,
-      children
-    }
-  );
+  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");
@@ -839,8 +808,8 @@ function CmrNameDialog(props) {
           }
         ) }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_DialogActions2.default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CmrButton, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+          /* @__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" })
         ] })
       ]
     }
@@ -887,8 +856,8 @@ function CmrConfirmation({
     /* @__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, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
   ] });
@@ -1005,8 +974,8 @@ function CmrEditConfirmation({
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_DialogActions5.default, { children: [
-        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+        cancellable && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
       ] })
     ] })
   ] });
@@ -1114,9 +1083,143 @@ var CmrInputNumber = (props) => {
 };
 var InputNumber_default = CmrInputNumber;
 
+// src/CmrComponents/tooltip/Tooltip.tsx
+var import_antd3 = require("antd");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var CmrTooltip = (props) => {
+  const {
+    arrowPointAtCenter,
+    autoAdjustOverflow,
+    color,
+    defaultVisible,
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    overlayClassName,
+    placement,
+    visible,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_antd3.Tooltip,
+    {
+      arrowPointAtCenter,
+      autoAdjustOverflow,
+      color,
+      defaultVisible,
+      mouseEnterDelay,
+      mouseLeaveDelay,
+      overlayClassName,
+      placement,
+      visible,
+      ...rest
+    }
+  );
+};
+var Tooltip_default = CmrTooltip;
+
+// src/CmrComponents/select-upload/SelectUpload.tsx
+var import_react8 = __toESM(require("react"));
+var import_material12 = require("@mui/material");
+var import_Select = __toESM(require("@mui/material/Select"));
+var import_Dialog6 = __toESM(require("@mui/material/Dialog"));
+var import_DialogTitle6 = __toESM(require("@mui/material/DialogTitle"));
+var import_DialogContent6 = __toESM(require("@mui/material/DialogContent"));
+var import_DialogContentText5 = __toESM(require("@mui/material/DialogContentText"));
+var import_Box3 = __toESM(require("@mui/material/Box"));
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CMRSelectUpload = (props) => {
+  let [open, setOpen] = import_react8.default.useState(false);
+  let [fileIndex, selectFileIndex] = import_react8.default.useState(-1);
+  let [uploading, setUploading] = import_react8.default.useState(false);
+  const [progress, setProgress] = import_react8.default.useState(0);
+  const handleClickOpen = () => {
+    selectFileIndex(-1);
+    setOpen(true);
+  };
+  const handleClose = () => {
+    setOpen(false);
+  };
+  const handleChange = (event) => {
+    selectFileIndex(event.target.value);
+  };
+  const onSet = () => {
+    props.onSelected(props.fileSelection[fileIndex]);
+    setOpen(false);
+  };
+  const selectionDialog = /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_Dialog6.default, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_DialogTitle6.default, { children: "Select or Upload" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_DialogContent6.default, { sx: { width: 520 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_DialogContentText5.default, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_DialogContent6.default, { sx: { p: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        import_Select.default,
+        {
+          value: fileIndex,
+          onChange: handleChange,
+          disabled: uploading,
+          inputProps: { "aria-label": "Without label" },
+          sx: { width: "100%" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.MenuItem, { value: -1, children: props.fileSelection.length < 1 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("em", { children: "No Stored Files" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("em", { children: "Select a Stored File" }) }),
+            (props.fileSelection != void 0 ? props.fileSelection : []).map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.MenuItem, { value: index, children: option.fileName }, index))
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_Box3.default, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
+        fileIndex !== -1 && !uploading && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.Button, { fullWidth: true, sx: { marginRight: "8px" }, variant: "contained", color: "success", onClick: onSet, children: "Ok" }),
+        fileIndex == -1 && /* @__PURE__ */ (0, import_jsx_runtime19.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)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_material12.Button, { fullWidth: true, variant: "outlined", color: "inherit", sx: { color: "#333", marginLeft: "8px" }, onClick: handleClose, children: " Cancel" })
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react8.Fragment, { children: [
+    uploading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_material12.Button, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
+      "Uploading ",
+      progress,
+      "%"
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_material12.Button,
+      {
+        variant: props.chosenFile == void 0 ? "contained" : "outlined",
+        color: "info",
+        onClick: handleClickOpen,
+        sx: { marginRight: "10pt" },
+        style: { ...props.style, textTransform: "none" },
+        children: props.chosenFile == void 0 ? props.buttonText ? props.buttonText : "Choose" : props.chosenFile
+      }
+    ),
+    selectionDialog
+  ] });
+};
+var SelectUpload_default = CMRSelectUpload;
+
 // src/CmrTable/CmrTable.tsx
 var import_x_data_grid = require("@mui/x-data-grid");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var CmrTable = (props) => {
   const {
     dataSource,
@@ -1128,7 +1231,7 @@ var CmrTable = (props) => {
     showCheckbox = true,
     ...rest
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  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) => ({
@@ -1154,6 +1257,7 @@ var CmrTable_default = CmrTable;
 var CmrTable2 = CmrTable_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CMRSelectUpload,
   CMRUpload,
   CmrButton,
   CmrCheckbox,
@@ -1169,5 +1273,6 @@ var CmrTable2 = CmrTable_default;
   CmrRadioGroup,
   CmrSelect,
   CmrTable,
-  CmrTabs
+  CmrTabs,
+  CmrTooltip
 });

package/dist/index.mjs

@@ -2,43 +2,10 @@
 import { Button } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 var CmrButton = (props) => {
-  const { children, onClick, variant = "contained", disabled = false, sx, ...rest } = props;
-  const baseSx = {
-    boxShadow: "none",
-    "&:hover": {
-      boxShadow: "none"
-    }
-  };
-  let combinedSx;
-  if (Array.isArray(sx)) {
-    combinedSx = [baseSx, ...sx];
-  } else if (typeof sx === "function") {
-    combinedSx = (theme) => ({
-      ...baseSx,
-      ...sx(theme)
-    });
-  } else if (typeof sx === "object" && sx !== null) {
-    combinedSx = {
-      ...baseSx,
-      ...sx
-    };
-  } else {
-    combinedSx = baseSx;
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick,
-      ...rest,
-      className: `cmr-button ${variant}`,
-      style: { textTransform: "none" },
-      variant,
-      disabled,
-      sx: combinedSx,
-      children
-    }
-  );
+  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";
@@ -794,8 +761,8 @@ function CmrNameDialog(props) {
           }
         ) }),
         /* @__PURE__ */ jsxs7(DialogActions2, { children: [
-          /* @__PURE__ */ jsx11(CmrButton, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
-          /* @__PURE__ */ jsx11(CmrButton, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "outlined", onClick: handleClose, children: "Cancel" }),
+          /* @__PURE__ */ jsx11(CmrButton_default, { variant: "contained", color: "primary", onClick: handleConfirm, children: "Confirm" })
         ] })
       ]
     }
@@ -842,8 +809,8 @@ function CmrConfirmation({
     /* @__PURE__ */ jsxs8(DialogContent3, { sx: { width }, children: [
       /* @__PURE__ */ jsx12(DialogContentText2, { alignContent: "center", children: message }),
       /* @__PURE__ */ jsxs8(DialogActions3, { className: "mt-4", children: [
-        cancellable && /* @__PURE__ */ jsx12(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
-        /* @__PURE__ */ jsx12(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
+        cancellable && /* @__PURE__ */ jsx12(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: cancelText }),
+        /* @__PURE__ */ jsx12(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
   ] });
@@ -960,8 +927,8 @@ function CmrEditConfirmation({
         }
       ) }),
       /* @__PURE__ */ jsxs10(DialogActions5, { children: [
-        cancellable && /* @__PURE__ */ jsx14(CmrButton, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
-        /* @__PURE__ */ jsx14(CmrButton, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
+        cancellable && /* @__PURE__ */ jsx14(CmrButton_default, { variant: "outlined", color: "inherit", sx: { color: "#333" }, onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx14(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: "Confirm" })
       ] })
     ] })
   ] });
@@ -1069,9 +1036,143 @@ var CmrInputNumber = (props) => {
 };
 var InputNumber_default = CmrInputNumber;
 
+// src/CmrComponents/tooltip/Tooltip.tsx
+import { Tooltip } from "antd";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var CmrTooltip = (props) => {
+  const {
+    arrowPointAtCenter,
+    autoAdjustOverflow,
+    color,
+    defaultVisible,
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    overlayClassName,
+    placement,
+    visible,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx18(
+    Tooltip,
+    {
+      arrowPointAtCenter,
+      autoAdjustOverflow,
+      color,
+      defaultVisible,
+      mouseEnterDelay,
+      mouseLeaveDelay,
+      overlayClassName,
+      placement,
+      visible,
+      ...rest
+    }
+  );
+};
+var Tooltip_default = CmrTooltip;
+
+// src/CmrComponents/select-upload/SelectUpload.tsx
+import React11, { Fragment } from "react";
+import { Button as Button4, MenuItem as MenuItem3 } from "@mui/material";
+import Select2 from "@mui/material/Select";
+import Dialog6 from "@mui/material/Dialog";
+import DialogTitle6 from "@mui/material/DialogTitle";
+import DialogContent6 from "@mui/material/DialogContent";
+import DialogContentText5 from "@mui/material/DialogContentText";
+import Box4 from "@mui/material/Box";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+var CMRSelectUpload = (props) => {
+  let [open, setOpen] = React11.useState(false);
+  let [fileIndex, selectFileIndex] = React11.useState(-1);
+  let [uploading, setUploading] = React11.useState(false);
+  const [progress, setProgress] = React11.useState(0);
+  const handleClickOpen = () => {
+    selectFileIndex(-1);
+    setOpen(true);
+  };
+  const handleClose = () => {
+    setOpen(false);
+  };
+  const handleChange = (event) => {
+    selectFileIndex(event.target.value);
+  };
+  const onSet = () => {
+    props.onSelected(props.fileSelection[fileIndex]);
+    setOpen(false);
+  };
+  const selectionDialog = /* @__PURE__ */ jsxs12(Dialog6, { open, onClose: handleClose, children: [
+    /* @__PURE__ */ jsx19(DialogTitle6, { children: "Select or Upload" }),
+    /* @__PURE__ */ jsxs12(DialogContent6, { sx: { width: 520 }, children: [
+      /* @__PURE__ */ jsx19(DialogContentText5, { sx: { pl: 1, pr: 1, pb: 0 }, children: uploading ? "Please wait for the upload to finish." : "" }),
+      /* @__PURE__ */ jsx19(DialogContent6, { sx: { p: 1 }, children: /* @__PURE__ */ jsxs12(
+        Select2,
+        {
+          value: fileIndex,
+          onChange: handleChange,
+          disabled: uploading,
+          inputProps: { "aria-label": "Without label" },
+          sx: { width: "100%" },
+          children: [
+            /* @__PURE__ */ jsx19(MenuItem3, { value: -1, children: props.fileSelection.length < 1 ? /* @__PURE__ */ jsx19("em", { children: "No Stored Files" }) : /* @__PURE__ */ jsx19("em", { children: "Select a Stored File" }) }),
+            (props.fileSelection != void 0 ? props.fileSelection : []).map((option, index) => /* @__PURE__ */ jsx19(MenuItem3, { value: index, children: option.fileName }, index))
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs12(Box4, { sx: { pt: 2, justifyContent: "center", display: "flex", padding: "8px" }, children: [
+        fileIndex !== -1 && !uploading && /* @__PURE__ */ jsx19(Button4, { fullWidth: true, sx: { marginRight: "8px" }, variant: "contained", color: "success", onClick: onSet, children: "Ok" }),
+        fileIndex == -1 && /* @__PURE__ */ jsx19(
+          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)
+          }
+        ),
+        /* @__PURE__ */ jsx19(Button4, { fullWidth: true, variant: "outlined", color: "inherit", sx: { color: "#333", marginLeft: "8px" }, onClick: handleClose, children: " Cancel" })
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs12(Fragment, { children: [
+    uploading ? /* @__PURE__ */ jsxs12(Button4, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
+      "Uploading ",
+      progress,
+      "%"
+    ] }) : /* @__PURE__ */ jsx19(
+      Button4,
+      {
+        variant: props.chosenFile == void 0 ? "contained" : "outlined",
+        color: "info",
+        onClick: handleClickOpen,
+        sx: { marginRight: "10pt" },
+        style: { ...props.style, textTransform: "none" },
+        children: props.chosenFile == void 0 ? props.buttonText ? props.buttonText : "Choose" : props.chosenFile
+      }
+    ),
+    selectionDialog
+  ] });
+};
+var SelectUpload_default = CMRSelectUpload;
+
 // src/CmrTable/CmrTable.tsx
 import { DataGrid } from "@mui/x-data-grid";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var CmrTable = (props) => {
   const {
     dataSource,
@@ -1083,7 +1184,7 @@ var CmrTable = (props) => {
     showCheckbox = true,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsx18("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx20("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx20(
     DataGrid,
     {
       rows: dataSource ? dataSource.map((row) => ({
@@ -1108,8 +1209,9 @@ var CmrTable_default = CmrTable;
 // src/index.ts
 var CmrTable2 = CmrTable_default;
 export {
+  SelectUpload_default as CMRSelectUpload,
   Upload_default as CMRUpload,
-  CmrButton,
+  CmrButton_default as CmrButton,
   Checkbox_default as CmrCheckbox,
   Collapse_default as CmrCollapse,
   CmrConfirmation,
@@ -1123,5 +1225,6 @@ export {
   CmrRadioGroup_default as CmrRadioGroup,
   CmrSelect_default as CmrSelect,
   CmrTable2 as CmrTable,
-  CmrTabs
+  CmrTabs,
+  Tooltip_default as CmrTooltip
 };

package/package.json

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