cloudmr-ux 1.5.0 → 1.5.2

package/dist/index.d.ts

@@ -0,0 +1,311 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps, SxProps, Theme } from '@mui/material';
+import * as React from 'react';
+import React__default, { 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) => react_jsx_runtime.JSX.Element;
+
+interface CmrInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    defaultValue?: string;
+    id?: string;
+    maxLength?: number;
+    size?: SizeType;
+    value?: string;
+    type?: any;
+    prefix?: React__default.ReactNode;
+    bordered?: boolean;
+    onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
+    onPressEnter?: (e: React__default.KeyboardEvent<HTMLInputElement>) => void;
+}
+declare const CmrInput: (props: CmrInputProps) => react_jsx_runtime.JSX.Element;
+
+interface CmrRadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface CmrRadioProps {
+    options: CmrRadioOption[];
+    groupLabel?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
+declare const CmrRadioGroup: React__default.FC<CmrRadioProps>;
+
+interface Option {
+    label: string;
+    value: string;
+}
+interface CmrSelectProps {
+    options: Option[];
+    label: string;
+    disabled?: boolean;
+}
+declare const CmrSelect: React__default.FC<CmrSelectProps>;
+
+interface CmrCollapseProps {
+    accordion?: boolean;
+    activeKey?: Array<string | number> | number;
+    bordered?: boolean;
+    collapsible?: CollapsibleType;
+    defaultActiveKey?: Array<string | number>;
+    destroyInactivePanel?: boolean;
+    expandIconPosition?: ExpandIconPosition;
+    ghost?: boolean;
+    onChange?: (key: Array<string | number> | number) => void;
+    children?: JSX.Element[] | JSX.Element;
+}
+declare const CmrCollapse: (props: CmrCollapseProps) => react_jsx_runtime.JSX.Element;
+
+interface CmrPanelProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    activeKey?: string | string[];
+    header: string | undefined;
+    children: ReactNode;
+    panelKey?: number;
+    onToggle?: (key: number | undefined) => void;
+    expanded?: boolean;
+    cardProps?: React__default.HTMLAttributes<HTMLDivElement>;
+}
+declare const CmrPanel: (props: CmrPanelProps) => react_jsx_runtime.JSX.Element;
+
+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__default.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;
+    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: {
+    (props: CMRUploadProps): react_jsx_runtime.JSX.Element;
+    defaultProps: {
+        changeNameAfterUpload: boolean;
+    };
+};
+
+declare function CmrNameDialog(props: {
+    originalName: string;
+    renamingCallback: (alias: string) => Promise<boolean>;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CmrConfirmation({ name, message, cancelText, color, open, setOpen, confirmCallback, confirmText, cancellable, cancelCallback, width }: {
+    name: string | undefined;
+    cancelText?: string;
+    message: string | undefined;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    confirmCallback?: () => void;
+    cancellable?: boolean;
+    cancelCallback?: () => void;
+    width?: number;
+    confirmText?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CmrDeletionDialog(props: {
+    name: string | undefined;
+    deletionCallback: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+interface EditConfirmationProps {
+    name?: string;
+    defaultText?: string;
+    message?: string;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    confirmCallback?: (text: string) => void;
+    cancellable?: boolean;
+    cancelCallback?: (edit: string) => void;
+    suffix?: string;
+}
+declare function CmrEditConfirmation({ name, message, defaultText, color, open, setOpen, confirmCallback, cancellable, cancelCallback, suffix }: EditConfirmationProps): react_jsx_runtime.JSX.Element;
+
+interface TabInfo {
+    id: number;
+    text: string;
+    disable?: boolean;
+    children: JSX.Element;
+}
+
+interface CmrTabsProps {
+    tabList: TabInfo[];
+    onTabSelected?: (tabId: number) => void;
+}
+declare function CmrTabs(props: CmrTabsProps): react_jsx_runtime.JSX.Element;
+
+interface CmrCheckboxProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    autoFocus?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    children?: any;
+    style?: any;
+    sx?: any;
+}
+declare const CmrCheckbox: (props: CmrCheckboxProps) => react_jsx_runtime.JSX.Element;
+
+interface CmrLabelProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    required?: boolean;
+    children?: any;
+}
+declare const CmrLabel: (props: CmrLabelProps) => react_jsx_runtime.JSX.Element;
+
+interface CmrInputNumberProps {
+    defaultValue?: number;
+    disabled?: boolean;
+    keyboard?: boolean;
+    max?: number;
+    min?: number;
+    size?: SizeType;
+    value?: number;
+    onChange?: (value: number | null) => void;
+    children?: React__default.ReactNode;
+    style?: CSSProperties;
+}
+declare const CmrInputNumber: (props: CmrInputNumberProps) => 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 UploadWindowProps {
+    upload: (file: File, fileAlias: string, fileDatabase: string) => Promise<number>;
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    fileExtension?: string;
+    template?: {
+        showFileName?: boolean;
+        showDatabase?: boolean;
+        showFileSize?: boolean;
+    };
+}
+declare function CmrUploadWindow({ upload, open, setOpen, fileExtension, template, }: UploadWindowProps): 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__default.ReactNode;
+    overlay?: React__default.ReactNode;
+}
+declare const CmrTooltip: (props: CmrTooltipProps) => react_jsx_runtime.JSX.Element;
+
+interface CmrTableProps extends Omit<DataGridProps, 'rows'> {
+    dataSource: any[];
+    idAlias?: string;
+    name?: string;
+    style?: CSSProperties;
+    showCheckbox?: boolean;
+}
+
+declare const CmrTable: FC<CmrTableProps>;
+
+export { CMRSelectUpload, CmrUpload as CMRUpload, CmrButton, CmrCheckbox, CmrCollapse, CmrConfirmation, CmrDeletionDialog, CmrEditConfirmation, CmrInput, CmrInputNumber, CmrLabel, CmrNameDialog, CmrPanel, CmrRadioGroup, CmrSelect, CmrTable, CmrTableProps, CmrTabs, CmrTooltip, CmrUploadWindow, LambdaFile };

package/dist/index.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -85,8 +56,8 @@ module.exports = __toCommonJS(src_exports);
 var import_material = require("@mui/material");
 var import_jsx_runtime = require("react/jsx-runtime");
 var CmrButton = (props) => {
-  const _a = props, { children, onClick } = _a, rest = __objRest(_a, ["children", "onClick"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, __spreadProps(__spreadValues({ onClick }, rest), { style: __spreadProps(__spreadValues({}, props.style), { textTransform: "none" }), 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;
 
@@ -99,10 +70,10 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var import_antd = require("antd");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var CmrInput = (props) => {
-  const _a = props, { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter } = _a, rest = __objRest(_a, ["defaultValue", "id", "maxLength", "size", "value", "type", "prefix", "bordered", "onChange", "onPressEnter"]);
+  const { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_antd.Input,
-    __spreadProps(__spreadValues({
+    {
       defaultValue,
       id,
       maxLength,
@@ -111,10 +82,10 @@ var CmrInput = (props) => {
       type,
       prefix,
       onChange,
-      onPressEnter
-    }, rest), {
+      onPressEnter,
+      ...rest,
       className: "cmr-input"
-    })
+    }
   );
 };
 
@@ -311,7 +282,7 @@ var import_material6 = require("@mui/material");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var CmrLabel = (props) => {
   const { children, required = false } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "cmr-label", style: __spreadValues({ fontSize: "16px" }, props.style), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
     children,
     required && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "asterik", children: "*" })
   ] });
@@ -1028,17 +999,17 @@ var import_Box2 = __toESM(require("@mui/material/Box"));
 var import_react7 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function CustomTabPanel(props) {
-  const _a = props, { children, value, index } = _a, other = __objRest(_a, ["children", "value", "index"]);
+  const { children, value, index, ...other } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
-    __spreadProps(__spreadValues({
+    {
       role: "tabpanel",
       hidden: value !== index,
       id: `simple-tabpanel-${index}`,
-      "aria-labelledby": `simple-tab-${index}`
-    }, other), {
+      "aria-labelledby": `simple-tab-${index}`,
+      ...other,
       children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Box2.default, { sx: { p: 0 }, style: { display: value === index ? void 0 : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Typography2.default, { children }) })
-    })
+    }
   );
 }
 function a11yProps(index) {
@@ -1077,7 +1048,7 @@ function CmrTabs(props) {
                 backgroundColor: "#580F8B"
               }
             },
-            children: props.tabList.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Tab.default, __spreadValues({ sx: { color: value == index ? "#580F8B" : void 0 }, style: { fontSize: "14px", textTransform: "uppercase", fontWeight: 400 }, label: tab.text }, a11yProps(index))))
+            children: props.tabList.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_Tab.default, { sx: { color: value == index ? "#580F8B" : void 0 }, style: { fontSize: "14px", textTransform: "uppercase", fontWeight: 400 }, label: tab.text, ...a11yProps(index) }))
           }
         ) }),
         props.tabList.map(
@@ -1095,7 +1066,7 @@ var import_material10 = require("@mui/material");
 var import_material11 = require("@mui/material");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var CmrCheckbox = (props) => {
-  const _a = props, { defaultChecked, onChange, children } = _a, rest = __objRest(_a, ["defaultChecked", "onChange", "children"]);
+  const { defaultChecked, onChange, children, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_material11.FormControlLabel,
     {
@@ -1115,8 +1086,8 @@ var Checkbox_default = CmrCheckbox;
 var import_antd2 = require("antd");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var CmrInputNumber = (props) => {
-  const _a = props, { defaultValue, style, max, min, value, onChange, children } = _a, rest = __objRest(_a, ["defaultValue", "style", "max", "min", "value", "onChange", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd2.InputNumber, __spreadProps(__spreadValues({ defaultValue, max, style, min, value, onChange }, rest), { children }));
+  const { defaultValue, style, max, min, value, onChange, children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_antd2.InputNumber, { defaultValue, max, style, min, value, onChange, ...rest, children });
 };
 var InputNumber_default = CmrInputNumber;
 
@@ -1172,7 +1143,8 @@ var CMRSelectUpload = (props) => {
         fileIndex !== -1 && !uploading && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_material12.Button, { fullWidth: true, sx: { marginLeft: "8px" }, variant: "contained", onClick: onSet, children: "OK" }),
         fileIndex == -1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Upload_default,
-          __spreadProps(__spreadValues({}, props), {
+          {
+            ...props,
             color: "info",
             fullWidth: true,
             onUploaded: (res, file) => {
@@ -1193,13 +1165,13 @@ var CMRSelectUpload = (props) => {
               setProgress(progress2);
             },
             uploadEnded: () => setUploading(false)
-          })
+          }
         )
       ] })
     ] })
   ] });
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react8.Fragment, { children: [
-    uploading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material12.Button, { variant: "contained", style: __spreadProps(__spreadValues({}, props.style), { textTransform: "none" }), sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
+    uploading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_material12.Button, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
       "Uploading ",
       progress,
       "%"
@@ -1210,7 +1182,7 @@ var CMRSelectUpload = (props) => {
         color: "info",
         onClick: handleClickOpen,
         sx: { marginRight: "10pt" },
-        style: __spreadProps(__spreadValues({}, props.style), { textTransform: "none" }),
+        style: { ...props.style, textTransform: "none" },
         children: props.chosenFile == void 0 ? props.buttonText ? props.buttonText : "Choose" : props.chosenFile
       }
     ),
@@ -1223,7 +1195,7 @@ var SelectUpload_default = CMRSelectUpload;
 var import_antd3 = require("antd");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var CmrTooltip = (props) => {
-  const _a = props, {
+  const {
     arrowPointAtCenter,
     autoAdjustOverflow,
     color,
@@ -1232,21 +1204,12 @@ var CmrTooltip = (props) => {
     mouseLeaveDelay,
     overlayClassName,
     placement,
-    visible
-  } = _a, rest = __objRest(_a, [
-    "arrowPointAtCenter",
-    "autoAdjustOverflow",
-    "color",
-    "defaultVisible",
-    "mouseEnterDelay",
-    "mouseLeaveDelay",
-    "overlayClassName",
-    "placement",
-    "visible"
-  ]);
+    visible,
+    ...rest
+  } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_antd3.Tooltip,
-    __spreadValues({
+    {
       arrowPointAtCenter,
       autoAdjustOverflow,
       color,
@@ -1255,8 +1218,9 @@ var CmrTooltip = (props) => {
       mouseLeaveDelay,
       overlayClassName,
       placement,
-      visible
-    }, rest)
+      visible,
+      ...rest
+    }
   );
 };
 var Tooltip_default = CmrTooltip;
@@ -1265,29 +1229,23 @@ var Tooltip_default = CmrTooltip;
 var import_x_data_grid = require("@mui/x-data-grid");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var CmrTable = (props) => {
-  const _a = props, {
+  const {
     dataSource,
     columns,
     idAlias,
     className,
     onRowSelectionModelChange,
     style,
-    showCheckbox = true
-  } = _a, rest = __objRest(_a, [
-    "dataSource",
-    "columns",
-    "idAlias",
-    "className",
-    "onRowSelectionModelChange",
-    "style",
-    "showCheckbox"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: style != null ? style : { height: "400px", width: "100%" }, className: className != null ? className : "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    showCheckbox = true,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_x_data_grid.DataGrid,
-    __spreadValues({
-      rows: dataSource ? dataSource.map((row) => __spreadValues({
-        id: idAlias ? row[idAlias] : row["id"]
-      }, row)) : [],
+    {
+      rows: dataSource ? dataSource.map((row) => ({
+        id: idAlias ? row[idAlias] : row["id"],
+        ...row
+      })) : [],
       columns,
       checkboxSelection: showCheckbox,
       onRowSelectionModelChange,
@@ -1296,8 +1254,9 @@ var CmrTable = (props) => {
           paginationModel: { pageSize: 50, page: 0 }
         }
       },
-      localeText: { noRowsLabel: "" }
-    }, rest)
+      localeText: { noRowsLabel: "" },
+      ...rest
+    }
   ) });
 };
 var CmrTable_default = CmrTable;

package/dist/index.mjs

@@ -1,41 +1,9 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
 // src/CmrComponents/CmrButton/CmrButton.tsx
 import { Button } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 var CmrButton = (props) => {
-  const _a = props, { children, onClick } = _a, rest = __objRest(_a, ["children", "onClick"]);
-  return /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ onClick }, rest), { style: __spreadProps(__spreadValues({}, props.style), { textTransform: "none" }), children }));
+  const { children, onClick, ...rest } = props;
+  return /* @__PURE__ */ jsx(Button, { onClick, ...rest, style: { ...props.style, textTransform: "none" }, children });
 };
 var CmrButton_default = CmrButton;
 
@@ -48,10 +16,10 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 import { Input } from "antd";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var CmrInput = (props) => {
-  const _a = props, { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter } = _a, rest = __objRest(_a, ["defaultValue", "id", "maxLength", "size", "value", "type", "prefix", "bordered", "onChange", "onPressEnter"]);
+  const { defaultValue, id, maxLength, size, value, type, prefix, bordered, onChange, onPressEnter, ...rest } = props;
   return /* @__PURE__ */ jsx3(
     Input,
-    __spreadProps(__spreadValues({
+    {
       defaultValue,
       id,
       maxLength,
@@ -60,10 +28,10 @@ var CmrInput = (props) => {
       type,
       prefix,
       onChange,
-      onPressEnter
-    }, rest), {
+      onPressEnter,
+      ...rest,
       className: "cmr-input"
-    })
+    }
   );
 };
 
@@ -266,7 +234,7 @@ import { Alert, Collapse, MenuItem as MenuItem2 } from "@mui/material";
 import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var CmrLabel = (props) => {
   const { children, required = false } = props;
-  return /* @__PURE__ */ jsxs4("label", { className: "cmr-label", style: __spreadValues({ fontSize: "16px" }, props.style), children: [
+  return /* @__PURE__ */ jsxs4("label", { className: "cmr-label", style: { fontSize: "16px", ...props.style }, children: [
     children,
     required && /* @__PURE__ */ jsx8("span", { className: "asterik", children: "*" })
   ] });
@@ -983,17 +951,17 @@ import Box3 from "@mui/material/Box";
 import { cloneElement as cloneElement2 } from "react";
 import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function CustomTabPanel(props) {
-  const _a = props, { children, value, index } = _a, other = __objRest(_a, ["children", "value", "index"]);
+  const { children, value, index, ...other } = props;
   return /* @__PURE__ */ jsx15(
     "div",
-    __spreadProps(__spreadValues({
+    {
       role: "tabpanel",
       hidden: value !== index,
       id: `simple-tabpanel-${index}`,
-      "aria-labelledby": `simple-tab-${index}`
-    }, other), {
+      "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) {
@@ -1032,7 +1000,7 @@ function CmrTabs(props) {
                 backgroundColor: "#580F8B"
               }
             },
-            children: props.tabList.map((tab, index) => /* @__PURE__ */ jsx15(Tab, __spreadValues({ sx: { color: value == index ? "#580F8B" : void 0 }, style: { fontSize: "14px", textTransform: "uppercase", fontWeight: 400 }, label: tab.text }, a11yProps(index))))
+            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(
@@ -1050,7 +1018,7 @@ 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 _a = props, { defaultChecked, onChange, children } = _a, rest = __objRest(_a, ["defaultChecked", "onChange", "children"]);
+  const { defaultChecked, onChange, children, ...rest } = props;
   return /* @__PURE__ */ jsx16(
     FormControlLabel3,
     {
@@ -1070,8 +1038,8 @@ var Checkbox_default = CmrCheckbox;
 import { InputNumber } from "antd";
 import { jsx as jsx17 } from "react/jsx-runtime";
 var CmrInputNumber = (props) => {
-  const _a = props, { defaultValue, style, max, min, value, onChange, children } = _a, rest = __objRest(_a, ["defaultValue", "style", "max", "min", "value", "onChange", "children"]);
-  return /* @__PURE__ */ jsx17(InputNumber, __spreadProps(__spreadValues({ defaultValue, max, style, min, value, onChange }, rest), { children }));
+  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;
 
@@ -1127,7 +1095,8 @@ var CMRSelectUpload = (props) => {
         fileIndex !== -1 && !uploading && /* @__PURE__ */ jsx18(Button4, { fullWidth: true, sx: { marginLeft: "8px" }, variant: "contained", onClick: onSet, children: "OK" }),
         fileIndex == -1 && /* @__PURE__ */ jsx18(
           Upload_default,
-          __spreadProps(__spreadValues({}, props), {
+          {
+            ...props,
             color: "info",
             fullWidth: true,
             onUploaded: (res, file) => {
@@ -1148,13 +1117,13 @@ var CMRSelectUpload = (props) => {
               setProgress(progress2);
             },
             uploadEnded: () => setUploading(false)
-          })
+          }
         )
       ] })
     ] })
   ] });
   return /* @__PURE__ */ jsxs12(Fragment, { children: [
-    uploading ? /* @__PURE__ */ jsxs12(Button4, { variant: "contained", style: __spreadProps(__spreadValues({}, props.style), { textTransform: "none" }), sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
+    uploading ? /* @__PURE__ */ jsxs12(Button4, { variant: "contained", style: { ...props.style, textTransform: "none" }, sx: { overflowWrap: "inherit" }, color: "primary", disabled: uploading, children: [
       "Uploading ",
       progress,
       "%"
@@ -1165,7 +1134,7 @@ var CMRSelectUpload = (props) => {
         color: "info",
         onClick: handleClickOpen,
         sx: { marginRight: "10pt" },
-        style: __spreadProps(__spreadValues({}, props.style), { textTransform: "none" }),
+        style: { ...props.style, textTransform: "none" },
         children: props.chosenFile == void 0 ? props.buttonText ? props.buttonText : "Choose" : props.chosenFile
       }
     ),
@@ -1178,7 +1147,7 @@ var SelectUpload_default = CMRSelectUpload;
 import { Tooltip } from "antd";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var CmrTooltip = (props) => {
-  const _a = props, {
+  const {
     arrowPointAtCenter,
     autoAdjustOverflow,
     color,
@@ -1187,21 +1156,12 @@ var CmrTooltip = (props) => {
     mouseLeaveDelay,
     overlayClassName,
     placement,
-    visible
-  } = _a, rest = __objRest(_a, [
-    "arrowPointAtCenter",
-    "autoAdjustOverflow",
-    "color",
-    "defaultVisible",
-    "mouseEnterDelay",
-    "mouseLeaveDelay",
-    "overlayClassName",
-    "placement",
-    "visible"
-  ]);
+    visible,
+    ...rest
+  } = props;
   return /* @__PURE__ */ jsx19(
     Tooltip,
-    __spreadValues({
+    {
       arrowPointAtCenter,
       autoAdjustOverflow,
       color,
@@ -1210,8 +1170,9 @@ var CmrTooltip = (props) => {
       mouseLeaveDelay,
       overlayClassName,
       placement,
-      visible
-    }, rest)
+      visible,
+      ...rest
+    }
   );
 };
 var Tooltip_default = CmrTooltip;
@@ -1220,29 +1181,23 @@ var Tooltip_default = CmrTooltip;
 import { DataGrid } from "@mui/x-data-grid";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var CmrTable = (props) => {
-  const _a = props, {
+  const {
     dataSource,
     columns,
     idAlias,
     className,
     onRowSelectionModelChange,
     style,
-    showCheckbox = true
-  } = _a, rest = __objRest(_a, [
-    "dataSource",
-    "columns",
-    "idAlias",
-    "className",
-    "onRowSelectionModelChange",
-    "style",
-    "showCheckbox"
-  ]);
-  return /* @__PURE__ */ jsx20("div", { style: style != null ? style : { height: "400px", width: "100%" }, className: className != null ? className : "", children: /* @__PURE__ */ jsx20(
+    showCheckbox = true,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx20("div", { style: style ?? { height: "400px", width: "100%" }, className: className ?? "", children: /* @__PURE__ */ jsx20(
     DataGrid,
-    __spreadValues({
-      rows: dataSource ? dataSource.map((row) => __spreadValues({
-        id: idAlias ? row[idAlias] : row["id"]
-      }, row)) : [],
+    {
+      rows: dataSource ? dataSource.map((row) => ({
+        id: idAlias ? row[idAlias] : row["id"],
+        ...row
+      })) : [],
       columns,
       checkboxSelection: showCheckbox,
       onRowSelectionModelChange,
@@ -1251,8 +1206,9 @@ var CmrTable = (props) => {
           paginationModel: { pageSize: 50, page: 0 }
         }
       },
-      localeText: { noRowsLabel: "" }
-    }, rest)
+      localeText: { noRowsLabel: "" },
+      ...rest
+    }
   ) });
 };
 var CmrTable_default = CmrTable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",
@@ -11,16 +11,13 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --external react,react-dom",
-    "build:typed": "tsup src/index.ts --format cjs,esm --dts --external react,react-dom,axios"
+    "build": "tsup src/index.ts --format cjs,esm --dts --external react,react-dom"
   },
   "peerDependencies": {
     "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "axios": "^1.4.0"
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "axios": "^1.4.0",
     "process": "^0.11.10",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -34,9 +31,10 @@
     "@mui/material": "^5.14.2",
     "@mui/x-data-grid": "^6.10.1",
     "antd": "^5.22.1",
+    "axios": "^1.4.0",
     "css-loader": "^7.1.2",
     "sass": "^1.81.0",
     "sass-loader": "^16.0.3",
     "style-loader": "^4.0.0"
   }
-}
+}