cloudmr-ux 2.0.7 → 3.0.1

package/dist/CmrComponents/rename/edit.js

@@ -0,0 +1,117 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Typography, FormControlLabel, Checkbox } from '@mui/material';
+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 DialogTitle from '@mui/material/DialogTitle';
+import CmrButton from '../CmrButton/CmrButton';
+import { useEffect } from "react";
+export default function CmrNameDialog(props) {
+    var _this = this;
+    var originalName = props.originalName, open = props.open, setOpen = props.setOpen, isDemoData = props.isDemoData;
+    var _a = React.useState(''), helperText = _a[0], setHelperText = _a[1];
+    var _b = React.useState(originalName), text = _b[0], setText = _b[1];
+    var _c = React.useState(false), error = _c[0], setError = _c[1];
+    var _d = React.useState(isDemoData !== null && isDemoData !== void 0 ? isDemoData : false), demoDataChecked = _d[0], setDemoDataChecked = _d[1];
+    var renamingCallback = props.renamingCallback;
+    var handleClose = function () {
+        setOpen(false);
+    };
+    useEffect(function () {
+        setText(originalName);
+        checkError(originalName);
+        setDemoDataChecked(isDemoData !== null && isDemoData !== void 0 ? isDemoData : false);
+    }, [originalName, isDemoData]);
+    var handleConfirm = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, renamingCallback(text, isDemoData !== undefined ? demoDataChecked : undefined)];
+                case 1:
+                    // if(!error)
+                    if (_a.sent())
+                        handleClose();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleTextFieldChange = function (e) {
+        setText(e.target.value);
+        checkError(e.target.value);
+    };
+    var checkError = function (text) {
+        var fileNameRegex = /^[a-zA-Z0-9_\-]+\.[a-zA-Z]{1,5}$/;
+        var newExtension = text.split('.').pop();
+        var orgExtension = (originalName.indexOf('.') >= 0) ? originalName.split('.').pop() : '?';
+        if (!fileNameRegex.test(text)) {
+            setError(true);
+            if (text.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 .".concat(orgExtension, " to .").concat(newExtension, "."));
+            setError(false);
+        }
+        else {
+            setError(false);
+            setHelperText('');
+        }
+    };
+    return (_jsx("div", { children: _jsxs(Dialog, __assign({ open: open, onClose: handleClose, fullWidth: true, maxWidth: "xs" }, { children: [_jsx(DialogTitle, { children: _jsxs(Typography, { children: [" Rename the file ", originalName, " as:"] }) }), _jsxs(DialogContent, { children: [_jsx(TextField, { autoFocus: true, margin: "dense", id: "name", 
+                            // type="file"
+                            value: text, onFocus: function (event) {
+                                event.target.select();
+                            }, fullWidth: true, inputProps: { style: { fontSize: "16px" } }, variant: "standard", onChange: handleTextFieldChange, error: error, helperText: helperText }), isDemoData !== undefined && (_jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: demoDataChecked, onChange: function (e) { return setDemoDataChecked(e.target.checked); } }), label: "Demo Data", style: { marginTop: '16px' } }))] }), _jsxs(DialogActions, { children: [_jsx(CmrButton, __assign({ variant: "outlined", onClick: handleClose }, { children: "Cancel" })), _jsx(CmrButton, __assign({ variant: "contained", color: 'primary', onClick: handleConfirm }, { children: "Confirm" }))] })] })) }));
+}

package/dist/CmrComponents/select-upload/SelectUpload.css

@@ -0,0 +1,26 @@
+.cmr-select__control {
+    border-color: #ccc;
+    font-family: Inter, Roboto, Helvetica, Arial, sans-serif;
+    font-weight: 400;
+}
+
+.cmr-select__option {
+    font-family: Inter, Roboto, Helvetica, Arial, sans-serif;
+    font-weight: 400;
+    /* color: #000;
+    background-color: white; */
+}
+
+.cmr-select__single-value {
+    /* color: #580F8B; */
+    font-weight: 400;
+    font-family: Inter, Roboto, Helvetica, Arial, sans-serif;
+}
+
+.cmr-select__menu {
+    z-index: 9999 !important;
+}
+
+.cmr-select__menu-portal {
+    z-index: 2000 !important;
+}

package/dist/CmrComponents/select-upload/SelectUpload.d.ts

@@ -0,0 +1,33 @@
+import { CMRUploadProps } from '../upload/Upload';
+import './SelectUpload.css';
+interface CMRSelectUploadProps extends CMRUploadProps {
+    /**
+     * A selection of currently uploaded files
+     */
+    fileSelection: UploadedFile[];
+    onSelected: (file?: UploadedFile) => void;
+    chosenFile?: string;
+    buttonText?: string;
+    selectStyles?: any;
+    /**
+     * Enforces the extension of selected files
+     */
+    fileExtension?: string | 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) => import("react/jsx-runtime").JSX.Element;
+export default CMRSelectUpload;

package/dist/CmrComponents/select-upload/SelectUpload.js

@@ -0,0 +1,90 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment } from "react";
+import CMRUpload from '../upload/Upload';
+import { Button } from "@mui/material";
+import Select from 'react-select';
+import Dialog from "@mui/material/Dialog";
+import DialogTitle from "@mui/material/DialogTitle";
+import DialogContent from "@mui/material/DialogContent";
+import DialogContentText from "@mui/material/DialogContentText";
+import Box from "@mui/material/Box";
+import './SelectUpload.css';
+/**
+ * Check if there is file extension limit is set
+ */
+function checkExtension(filename, allowed) {
+    if (!filename || !allowed)
+        return true;
+    var name = filename.toLowerCase();
+    if (Array.isArray(allowed)) {
+        return allowed.some(function (ext) { return name.endsWith(ext.startsWith('.') ? ext : '.' + ext); });
+    }
+    else {
+        return name.endsWith(allowed.startsWith('.') ? allowed : '.' + allowed);
+    }
+}
+/**
+ * Select from a set of uploaded files or upload new
+ */
+var CMRSelectUpload = function (props) {
+    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
+    var _b = React.useState(-1), fileIndex = _b[0], selectFileIndex = _b[1];
+    var _c = React.useState(false), uploading = _c[0], setUploading = _c[1];
+    var _d = React.useState(0), progress = _d[0], setProgress = _d[1];
+    var handleClickOpen = function () {
+        selectFileIndex(-1);
+        setOpen(true);
+    };
+    var handleClose = function () {
+        setOpen(false);
+    };
+    // const handleChange = (event: SelectChangeEvent<number>) => {
+    //     //@ts-ignore
+    //     selectFileIndex(event.target.value);
+    // };
+    var onSet = function () {
+        props.onSelected(props.fileSelection[fileIndex]);
+        setOpen(false);
+    };
+    var selectionDialog = _jsxs(Dialog, __assign({ open: open, onClose: handleClose }, { children: [_jsx(DialogTitle, { children: "Select or Upload" }), _jsxs(DialogContent, __assign({ sx: { width: 520 } }, { children: [_jsx(DialogContentText, __assign({ sx: { pl: 1, pr: 1, pb: 0 } }, { children: (uploading) ? "Please wait for the upload to finish." : "" })), _jsx(Box, __assign({ sx: { p: 1 } }, { children: _jsx(Select, { classNamePrefix: "cmr-select", isDisabled: uploading, options: props.fileSelection
+                                .filter(function (file) { return checkExtension(file.fileName, props.fileExtension); })
+                                .map(function (file) { return ({
+                                value: file.id,
+                                label: file.fileName
+                            }); }), placeholder: "Select a Stored File", onChange: function (selected) {
+                                if (selected) {
+                                    var index = props.fileSelection.findIndex(function (file) { return file.id === selected.value; });
+                                    selectFileIndex(index);
+                                }
+                                else {
+                                    selectFileIndex(-1);
+                                }
+                            }, menuPortalTarget: document.body, menuPosition: "fixed", styles: props.selectStyles }) })), _jsxs(Box, __assign({ sx: { pt: 2, justifyContent: 'center', display: 'flex', padding: '8px' } }, { children: [_jsx(Button, __assign({ fullWidth: true, sx: { marginRight: '8px' }, variant: "outlined", onClick: handleClose }, { children: " Cancel" })), (fileIndex !== -1 && !uploading) && _jsx(Button, __assign({ fullWidth: true, variant: "contained", onClick: onSet }, { children: "OK" })), fileIndex == -1 && _jsx(CMRUpload, __assign({}, props, { color: "info", fullWidth: true, onUploaded: function (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: function () {
+                                    setUploading(true);
+                                    props.onSelected(undefined);
+                                }, uploadProgressed: function (progress) {
+                                    setOpen(false);
+                                    setProgress(progress);
+                                }, uploadEnded: function () { return setUploading(false); } }))] }))] }))] }));
+    return _jsxs(Fragment, { children: [uploading ? _jsxs(Button, __assign({ variant: "contained", style: __assign(__assign({}, props.style), { textTransform: 'none' }), sx: { overflowWrap: 'inherit' }, color: 'primary', disabled: uploading }, { children: ["Uploading ", progress, "%"] })) : _jsx(Button, __assign({ variant: (props.chosenFile == undefined) ? "contained" : "outlined", color: "info", onClick: handleClickOpen, sx: { marginRight: '10pt' }, style: __assign(__assign({}, props.style), { textTransform: 'none' }) }, { children: (props.chosenFile == undefined) ?
+                    (props.buttonText ? props.buttonText : "Choose")
+                    : props.chosenFile })), selectionDialog] });
+};
+export default CMRSelectUpload;

package/dist/CmrComponents/tk-dualrange/TKDualRange.d.ts

@@ -0,0 +1,17 @@
+import "./tk-dual-range.css";
+type Props = {
+    name?: string;
+    minDomain: number;
+    maxDomain: number;
+    valueLow: number;
+    valueHigh: number;
+    onChangeLow: (v: number) => void;
+    onChangeHigh: (v: number) => void;
+    transform?: (x: number) => number;
+    inverse?: (y: number) => number;
+    step?: number;
+    precision?: number;
+    accentColor?: string;
+};
+export default function TKDualRange({ name, minDomain, maxDomain, valueLow, valueHigh, onChangeLow, onChangeHigh, transform, inverse, step, precision, accentColor, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/CmrComponents/tk-dualrange/TKDualRange.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "./tk-dual-range.css";
+var clamp = function (v, lo, hi) { return Math.max(lo, Math.min(hi, v)); };
+export default function TKDualRange(_a) {
+    var _b;
+    var _c = _a.name, name = _c === void 0 ? "Values" : _c, minDomain = _a.minDomain, maxDomain = _a.maxDomain, valueLow = _a.valueLow, valueHigh = _a.valueHigh, onChangeLow = _a.onChangeLow, onChangeHigh = _a.onChangeHigh, _d = _a.transform, transform = _d === void 0 ? function (x) { return x; } : _d, _e = _a.inverse, inverse = _e === void 0 ? function (y) { return y; } : _e, step = _a.step, _f = _a.precision, precision = _f === void 0 ? 3 : _f, _g = _a.accentColor, accentColor = _g === void 0 ? "#580f8b" : _g;
+    // Map domain & current values into RENDER space (like TestKarts)
+    var tMin = transform(minDomain);
+    var tMax = transform(maxDomain);
+    var tLow = transform(valueLow);
+    var tHigh = transform(valueHigh);
+    var span = Math.max(1e-12, tMax - tMin);
+    var pct = function (t) { return ((t - tMin) / span) * 100; };
+    var s = step !== null && step !== void 0 ? step : Math.max(span * 0.001, Number.EPSILON);
+    // Keep ends from crossing; clamp in REAL space against the other end
+    var handleLowRender = function (nextRender) {
+        var nextReal = clamp(inverse(nextRender), minDomain, valueHigh);
+        onChangeLow(nextReal);
+    };
+    var handleHighRender = function (nextRender) {
+        var nextReal = clamp(inverse(nextRender), valueLow, maxDomain);
+        onChangeHigh(nextReal);
+    };
+    // Editable inputs show RENDER values (like the article)
+    var fmt = function (v) { return (Number.isFinite(v) ? v.toFixed(precision) : ""); };
+    var parse = function (s) {
+        var n = Number(s);
+        return Number.isFinite(n) ? n : NaN;
+    };
+    return (_jsxs("div", __assign({ className: "tkdr" }, { children: [_jsxs("div", __assign({ className: "tkdr__row tkdr__row--ends" }, { children: [_jsxs("div", __assign({ className: "tkdr__group" }, { children: [_jsx("span", __assign({ className: "tkdr__hint" }, { children: "Min" })), _jsx("input", { className: "tkdr__num", type: "number", step: s, value: fmt(tLow), onChange: function (e) {
+                                    var n = parse(e.target.value);
+                                    if (!Number.isFinite(n))
+                                        return;
+                                    handleLowRender(n);
+                                }, onBlur: function (e) {
+                                    var n = parse(e.target.value);
+                                    if (!Number.isFinite(n))
+                                        return;
+                                    handleLowRender(n);
+                                } })] })), _jsxs("div", __assign({ className: "tkdr__group" }, { children: [_jsx("span", __assign({ className: "tkdr__hint" }, { children: "Max" })), _jsx("input", { className: "tkdr__num", type: "number", step: s, value: fmt(tHigh), onChange: function (e) {
+                                    var n = parse(e.target.value);
+                                    if (!Number.isFinite(n))
+                                        return;
+                                    handleHighRender(n);
+                                }, onBlur: function (e) {
+                                    var n = parse(e.target.value);
+                                    if (!Number.isFinite(n))
+                                        return;
+                                    handleHighRender(n);
+                                } })] }))] })), _jsxs("div", __assign({ className: "tkdr__track", style: (_b = {}, _b["--tkdr-accent"] = accentColor, _b) }, { children: [_jsx("div", { className: "tkdr__range-fill", style: {
+                            left: "".concat(pct(Math.min(tLow, tHigh)), "%"),
+                            width: "".concat(Math.abs(pct(tHigh) - pct(tLow)), "%")
+                        }, "aria-hidden": true }), _jsx("input", { className: "tkdr__range", type: "range", min: tMin, max: tMax, step: s, value: tLow, onChange: function (e) { return handleLowRender(Number(e.target.value)); } }), _jsx("input", { className: "tkdr__range tkdr__range--top", type: "range", min: tMin, max: tMax, step: s, value: tHigh, onChange: function (e) { return handleHighRender(Number(e.target.value)); } })] }))] })));
+}

package/dist/CmrComponents/tk-dualrange/tk-dual-range.css

@@ -0,0 +1,140 @@
+/* tk-dual-range.css — native-looking, TestKarts-style */
+
+.tkdr {
+  margin-top: 12px;
+  width: 100%;
+  user-select: none;
+}
+
+.tkdr__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 6px;
+}
+
+/* .tkdr__label {
+  font-weight: 300;
+} */
+
+.tkdr__inputs {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.tkdr__num {
+  width: 100px;
+  padding: 4px 6px;
+  border-radius: 6px;
+  border: 1px solid #ccc;
+  font-size: 0.9rem;
+}
+
+.tkdr__dash {
+  opacity: 0.75;
+}
+
+.tkdr__track {
+  position: relative;
+  width: 100%;
+  height: 28px;
+  display: block;
+}
+
+.tkdr__range {
+  -webkit-appearance: none;
+  appearance: none;
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  background: transparent;
+  margin: 0;
+  pointer-events: auto;
+  accent-color: var(--tkdr-accent, #580f8b);
+}
+
+/* Put the top thumb above the low thumb for easier grabbing */
+.tkdr__range--top {
+  z-index: 2;
+}
+
+/* Base track */
+.tkdr__track::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 50%;
+  height: 8px;
+  transform: translateY(-50%);
+  background: #e5e5e5;               /* light gray base */
+  border: 1px solid #b5b5b5;         /* subtle native-like border */
+  border-radius: 5px;                /* same rounded edge as default */
+  border-radius: 4px;
+  z-index: 0;
+}
+
+/* Filled selection */
+.tkdr__range-fill {
+  position: absolute;
+  top: 50%;
+  height: 8px;
+  transform: translateY(-50%);
+  background: var(--tkdr-accent, #580f8b);
+  opacity: 1;
+  border-radius: 5px;
+  z-index: 1;
+  pointer-events: none;
+}
+
+/* Thumb styling (keep simple/native-ish) */
+.tkdr__range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  background: var(--tkdr-accent, #580f8b);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.tkdr__range::-moz-range-thumb {
+  width: 14px;
+  height: 14px;
+  background: var(--tkdr-accent, #580f8b);
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+/* Top (high) slider should NOT intercept clicks except on its thumb */
+.tkdr__range--top {
+  pointer-events: none;            /* let events fall through to the low slider */
+}
+
+/* Re-enable events on the high thumb so it’s still draggable */
+.tkdr__range--top::-webkit-slider-thumb {
+  pointer-events: auto;
+}
+.tkdr__range--top::-moz-range-thumb {
+  pointer-events: auto;
+}
+
+
+/* spread the two input groups to the ends */
+.tkdr__row--ends {
+  justify-content: space-between;
+}
+
+/* group wrapper for caption + input */
+.tkdr__group {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* small, subtle caption */
+.tkdr__hint {
+  font-size: 0.85rem;
+}

package/dist/CmrComponents/tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './Tooltip.css';
+import { TooltipPlacement } from 'antd/lib/tooltip';
+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) => import("react/jsx-runtime").JSX.Element;
+export default CmrTooltip;

package/dist/CmrComponents/tooltip/Tooltip.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import './Tooltip.css';
+import { Tooltip } from 'antd';
+var CmrTooltip = function (props) {
+    var arrowPointAtCenter = props.arrowPointAtCenter, autoAdjustOverflow = props.autoAdjustOverflow, color = props.color, defaultVisible = props.defaultVisible, mouseEnterDelay = props.mouseEnterDelay, mouseLeaveDelay = props.mouseLeaveDelay, overlayClassName = props.overlayClassName, placement = props.placement, visible = props.visible, rest = __rest(props, ["arrowPointAtCenter", "autoAdjustOverflow", "color", "defaultVisible", "mouseEnterDelay", "mouseLeaveDelay", "overlayClassName", "placement", "visible"]);
+    return (_jsx(Tooltip, __assign({ arrowPointAtCenter: arrowPointAtCenter, autoAdjustOverflow: autoAdjustOverflow, color: color, defaultVisible: defaultVisible, mouseEnterDelay: mouseEnterDelay, mouseLeaveDelay: mouseLeaveDelay, overlayClassName: overlayClassName, placement: placement, visible: visible }, rest)));
+};
+export default CmrTooltip;

package/dist/CmrComponents/upload/Upload.css

@@ -0,0 +1,5 @@
+.btn-info {
+  color: #ffffff; /* Change it to your preferred color */
+  --bs-btn-hover-color: #ffffff;
+  --bs-btn-color: #ffffff;
+}

package/dist/CmrComponents/upload/Upload.d.ts

@@ -0,0 +1,80 @@
+import React from 'react';
+import './Upload.css';
+import { SxProps, Theme } from '@mui/material';
+import { AxiosRequestConfig, AxiosResponse } from "axios";
+export interface LambdaFile {
+    "filename": string;
+    "filetype": string;
+    "filesize": string;
+    "filemd5": string;
+    "file": File;
+}
+/**
+ * Consists of general settings for upload component
+ * functionalities and call back methods evoked
+ * for specific interactions
+ */
+interface CMRUploadProps extends React.HTMLAttributes<HTMLDivElement> {
+    retains?: boolean;
+    maxCount: number;
+    changeNameAfterUpload?: boolean;
+    onRemove?: (removedFile: File) => void;
+    /**
+     * Allows access to file content prior to uploading.
+     * If returned value from the method is false,
+     * prevents the file upload process. Called before
+     * create payload.
+     * @param file
+     */
+    beforeUpload?: (file: File) => Promise<boolean>;
+    /**
+     * This or uploadHandler must be specified
+     * @param file
+     * @param fileAlias
+     * @param fileDatabase
+     */
+    createPayload?: (file: File, fileAlias: string, fileDatabase: string) => (Promise<{
+        destination: string;
+        lambdaFile: LambdaFile;
+        file: File;
+        config: AxiosRequestConfig;
+    } | undefined>);
+    onUploadProgressUpdate?: (loaded: number, total: number) => void | undefined;
+    onUploaded: (res: AxiosResponse, file: File) => Promise<void> | void;
+    sx?: SxProps<Theme> | undefined;
+    rest?: any;
+    fileExtension?: string | string[];
+    uploadStarted?: () => void;
+    uploadEnded?: () => void;
+    uploadFailed?: () => void;
+    uploadProgressed?: (progress: number) => void;
+    /**
+     * Override this to replace the default behavior of uploading
+     * @param file
+     * @param fileAlias
+     * @param fileDatabase
+     * @param onProgress
+     * @param onUploaded
+     */
+    uploadHandler?: (file: File, fileAlias: string, fileDatabase: string, onProgress?: (progress: number) => void, onUploaded?: (res: AxiosResponse, file: File) => void) => Promise<number>;
+    fullWidth?: boolean;
+    style?: any;
+    /**
+     * Displays upload button instead of uploaded file after upload
+     * if set to reusable
+     */
+    reusable?: boolean;
+    uploadButtonName?: string;
+    /**
+     * Processes the uploaded file before performing the upload;
+     * @return file/undefined/statuscode undefined to fail the upload, return File
+     * to pass the processed file, return number to indicate error code
+     * and return to upload window.
+     * @param file
+     */
+    preprocess?: (file: File) => Promise<File | undefined | number>;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+}
+declare const CmrUpload: ({ changeNameAfterUpload, ...props }: CMRUploadProps) => import("react/jsx-runtime").JSX.Element;
+export type { CMRUploadProps };
+export default CmrUpload;