@bluemarble/bm-components 0.0.50 → 0.0.52

package/dist/esm/index.js

@@ -1,37 +1,37 @@
 import * as React from 'react';
 import React__default, { memo, useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { TableHead, TableRow, TableCell, TableSortLabel, Chip, Tooltip, IconButton, Paper, LinearProgress, TableContainer, Table, TableBody, TablePagination, Popover, Box as Box$2, Typography, Autocomplete as Autocomplete$1, TextField, Button, FormControl, Select as Select$1, InputLabel, FormControlLabel, Checkbox as Checkbox$1, Switch as Switch$1, FormLabel, RadioGroup, Radio as Radio$1, CircularProgress, Stack, MenuItem, Modal as Modal$1 } from '@mui/material';
+import { TableHead, TableRow, TableCell, TableSortLabel, Chip, Tooltip, IconButton, Paper, LinearProgress, TableContainer, Table, TableBody, TablePagination, Popover, Box as Box$2, Typography, Autocomplete as Autocomplete$1, TextField, Button, FormControl, Select as Select$1, InputLabel, FormControlLabel, Checkbox as Checkbox$1, Switch as Switch$1, FormLabel, RadioGroup, Radio as Radio$1, CircularProgress, Stack, MenuItem, Modal as Modal$1, Dialog as Dialog$1, DialogTitle, DialogContentText, DialogActions } from '@mui/material';
 import emStyled from '@emotion/styled';
 import '@emotion/react';
 import { Field, useField } from 'formik';
 
-const GridHeader = ({ setOrder, setOrderBy, order, orderBy, titles = [], }) => {
+const GridHeader = ({ setOrder, setOrderBy, order, orderBy, titles = [] }) => {
     function onRequestSort(title) {
         if (title !== orderBy) {
             setOrderBy(title);
-            return setOrder("desc");
+            return setOrder('desc');
         }
         switch (order) {
-            case "desc":
-                setOrder("asc");
+            case 'desc':
+                setOrder('asc');
                 setOrderBy(title);
                 break;
-            case "asc":
+            case 'asc':
                 setOrder(undefined);
-                setOrderBy("");
+                setOrderBy('');
                 break;
             default:
-                setOrder("desc");
+                setOrder('desc');
                 setOrderBy(title);
                 break;
         }
     }
     return (React__default.createElement(TableHead, null,
-        React__default.createElement(TableRow, { sx: { backgroundColor: "background.default" } }, titles.map((title) => {
-            return (React__default.createElement(TableCell, { key: title.name, sortDirection: orderBy === title.name ? order : false, sx: Object.assign({ fontWeight: "bold" }, title.sx) },
-                React__default.createElement(TableSortLabel, { onClick: () => onRequestSort(title.name), active: orderBy === title.name, direction: orderBy === title.name ? order : "asc", sx: {
-                        position: "relative",
-                        svg: { position: "absolute", right: "27px" },
+        React__default.createElement(TableRow, { sx: { backgroundColor: 'background.default' } }, titles.map((title) => {
+            return (React__default.createElement(TableCell, { key: title.name, sortDirection: orderBy === title.name ? order : false, sx: Object.assign({ fontWeight: 'bold' }, title.sx) },
+                React__default.createElement(TableSortLabel, { onClick: () => onRequestSort(title.name), active: orderBy === title.name, direction: orderBy === title.name ? order : 'asc', sx: {
+                        position: 'relative',
+                        svg: { position: 'absolute', right: '27px' }
                     } }, title.label)));
         }))));
 };
@@ -3773,24 +3773,24 @@ function MdSearch (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"}},{"tag":"path","attr":{"d":"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}}]})(props);
 }
 
-const FiltersBar = ({ customButtons, selectedFilters, handleCloseFilter, noFilterButtons, searchAnchorEl, setOpenSearch, setAnchorEl, noFilters, }) => {
+const FiltersBar = ({ customButtons, selectedFilters, handleCloseFilter, noFilterButtons, searchAnchorEl, setOpenSearch, setAnchorEl, noFilters }) => {
     return (React__default.createElement(Box$1, { sx: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            width: "100%",
+            display: 'flex',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            width: '100%'
         } },
         !noFilters && (React__default.createElement(Box$1, { sx: { pl: 1 } }, selectedFilters.map((item, index) => {
             return (React__default.createElement(Chip, { key: index, label: item.value, onDelete: () => handleCloseFilter(item) }));
         }))),
-        React__default.createElement(Box$1, { ref: searchAnchorEl, sx: { minHeight: 30, width: "100%" } },
+        React__default.createElement(Box$1, { ref: searchAnchorEl, sx: { minHeight: 30, width: '100%' } },
             customButtons,
             !noFilterButtons && (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Tooltip, { title: "Buscar" },
                     React__default.createElement(IconButton, { onClick: () => setOpenSearch(true) },
                         React__default.createElement(MdSearch, { size: 8 * 3 }))),
                 React__default.createElement(Tooltip, { title: "Filtrar" },
-                    React__default.createElement(IconButton, { sx: { position: "relative" }, onClick: ({ currentTarget }) => setAnchorEl(currentTarget) },
+                    React__default.createElement(IconButton, { sx: { position: 'relative' }, onClick: ({ currentTarget }) => setAnchorEl(currentTarget) },
                         React__default.createElement(MdFilterList, { size: 8 * 3 }))))))));
 };
 
@@ -3816,7 +3816,7 @@ function getPropertyValue(obj, property) {
     return String(property.split('.').reduce((o, k) => o && o[k], obj));
 }
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -3851,13 +3851,13 @@ const Td = memo(CustomTableCell);
 
 const CustomTableRow = (props) => {
     const { children, sx, striped = true, bordered = undefined } = props, rest = __rest(props, ["children", "sx", "striped", "bordered"]);
-    return (React__default.createElement(TableRow, Object.assign({ sx: Object.assign({ "&:nth-of-type(even)": { bgcolor: striped ? "action.selected" : "" } }, sx) }, rest), React__default.Children.map(children, (child) => React__default.cloneElement(child, {
-        bordered,
+    return (React__default.createElement(TableRow, Object.assign({ sx: Object.assign({ '&:nth-of-type(even)': { bgcolor: striped ? 'action.selected' : '' } }, sx) }, rest), React__default.Children.map(children, (child) => React__default.cloneElement(child, {
+        bordered
     }))));
 };
 const Tr = memo(CustomTableRow);
 
-const AutoCreatedRows = ({ tableData, columns, primaryKey, }) => {
+const AutoCreatedRows = ({ tableData, columns, primaryKey }) => {
     return (React__default.createElement(React__default.Fragment, null, tableData.map((row) => (React__default.createElement(Tr, { key: row[primaryKey] }, columns.map((column) => {
         const cellValue = column.transformer
             ? column.transformer(row[column.name])
@@ -3867,16 +3867,16 @@ const AutoCreatedRows = ({ tableData, columns, primaryKey, }) => {
 };
 
 const Grid = (props) => {
-    const { columnTitles, isLoading, footer, noFilterButtons = false, selectedFilters, customButtons, setSelectedFilters, defaultData, setTableData, updateFilters, tableData, rowOptions = [60, 100, 150], noPagination, primaryKey, noFilters, } = props;
+    const { columnTitles, isLoading, footer, noFilterButtons = false, selectedFilters, customButtons, setSelectedFilters, defaultData, setTableData, updateFilters, tableData, rowOptions = [60, 100, 150], noPagination, primaryKey, noFilters } = props;
     const [order, setOrder] = useState(undefined);
-    const [orderBy, setOrderBy] = useState("");
+    const [orderBy, setOrderBy] = useState('');
     const [page, setPage] = useState(0);
     const [rowsPerPage, setRowsPerPage] = useState(rowOptions[0]);
     const [selectedTitle, setSelectedTitle] = useState(undefined);
     const [selectedFilterValue, setSelectedFilterValue] = useState(undefined);
     const [valuesToFilter, setValuesToFilter] = useState([]);
     const [anchorEl, setAnchorEl] = useState(null);
-    const [searchText, setSearchText] = useState("");
+    const [searchText, setSearchText] = useState('');
     const [openSearch, setOpenSearch] = useState(false);
     const searchAnchorEl = useRef(null);
     const countRows = useMemo(() => {
@@ -3888,7 +3888,7 @@ const Grid = (props) => {
             return defaultData.length;
         }
     }, [searchText, tableData]);
-    const handleChangeRowsPerPage = ({ target, }) => {
+    const handleChangeRowsPerPage = ({ target }) => {
         setRowsPerPage(parseInt(target.value));
         const maxPage = Math.floor(countRows / rowsPerPage);
         if (page > maxPage)
@@ -3903,14 +3903,14 @@ const Grid = (props) => {
             const y = b[orderBy];
             return x < y ? -1 : x > y ? 1 : 0;
         });
-        return order === "asc" ? sortable : sortable.reverse();
+        return order === 'asc' ? sortable : sortable.reverse();
     }
     function handleAddFilter() {
         const [column] = columnTitles.filter((item) => item.label === selectedTitle);
         const newFilter = {
             column: column.name,
-            value: selectedFilterValue || "",
-            transformer: column.transformer,
+            value: selectedFilterValue || '',
+            transformer: column.transformer
         };
         const filterAlreadyExists = selectedFilters.some((filter) => filter.column === column.name && filter.value === selectedFilterValue);
         if (filterAlreadyExists)
@@ -4017,45 +4017,45 @@ const Grid = (props) => {
                 setPage(newPage);
             }, onRowsPerPageChange: handleChangeRowsPerPage })),
         React__default.createElement(Popover, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => setAnchorEl(null), anchorOrigin: {
-                vertical: "top",
-                horizontal: "right",
+                vertical: 'top',
+                horizontal: 'right'
             }, transformOrigin: {
-                vertical: "top",
-                horizontal: "right",
+                vertical: 'top',
+                horizontal: 'right'
             } },
             React__default.createElement(Box$2, { sx: { minWidth: 300, padding: 2 } },
                 React__default.createElement(Typography, { fontWeight: "bold", variant: "body2" }, "Filtrar por:"),
-                React__default.createElement(Autocomplete$1, { value: selectedTitle || "", onChange: ({ target }) => {
-                        !target.innerHTML.includes("path")
+                React__default.createElement(Autocomplete$1, { value: selectedTitle || '', onChange: ({ target }) => {
+                        !target.innerHTML.includes('path')
                             ? setSelectedTitle(target.innerHTML)
                             : setSelectedTitle(undefined);
                     }, options: columnTitles.map((title) => title.label), renderInput: (params) => (React__default.createElement(TextField, Object.assign({ variant: "standard", margin: "dense" }, params, { label: "Coluna" }))) }),
-                React__default.createElement(Autocomplete$1, { value: selectedFilterValue || "", onChange: ({ target }) => {
-                        !target.innerHTML.includes("path")
+                React__default.createElement(Autocomplete$1, { value: selectedFilterValue || '', onChange: ({ target }) => {
+                        !target.innerHTML.includes('path')
                             ? setSelectedFilterValue(target.innerHTML)
                             : setSelectedFilterValue(undefined);
                     }, disabled: valuesToFilter.length < 1, options: valuesToFilter.map((title) => title), renderInput: (params) => (React__default.createElement(TextField, Object.assign({ variant: "standard", margin: "dense" }, params, { label: "Valor" }))) }),
                 React__default.createElement(Box$2, { sx: { py: 1 } }),
                 React__default.createElement(Button, { disabled: !selectedFilterValue, onClick: handleAddFilter, fullWidth: true }, "Adicionar filtro"))),
         React__default.createElement(Popover, { anchorEl: searchAnchorEl.current, open: openSearch, onClose: () => setOpenSearch(false), anchorOrigin: {
-                vertical: "top",
-                horizontal: "left",
+                vertical: 'top',
+                horizontal: 'left'
             }, transformOrigin: {
-                vertical: "top",
-                horizontal: "left",
+                vertical: 'top',
+                horizontal: 'left'
             } },
             React__default.createElement(Box$2, { sx: {
                     minWidth: 300,
                     px: 2,
                     pb: 1,
-                    display: "grid",
-                    gridTemplateColumns: "1fr 30px",
-                    alignItems: "flex-end",
+                    display: 'grid',
+                    gridTemplateColumns: '1fr 30px',
+                    alignItems: 'flex-end'
                 } },
                 React__default.createElement(TextField, { variant: "standard", margin: "dense", label: "Buscar", value: searchText, onChange: ({ currentTarget }) => setSearchText(currentTarget.value) }),
                 React__default.createElement(Box$2, null,
                     React__default.createElement(IconButton, { onClick: () => {
-                            setSearchText("");
+                            setSearchText('');
                             setOpenSearch(false);
                         } },
                         React__default.createElement(MdClose, { size: 8 * 3 })))))));
@@ -9746,15 +9746,15 @@ var moment = moment$1.exports;
 
 const DefaultInput = (allProps) => {
     var _a;
-    const { TextFieldProps, onSave, name, onUpdateValue, rowData, type = "text", fullWidth = true, isEditing, formatInputDefautvalue, setIsEditing, handleCancelEditing, } = allProps;
+    const { TextFieldProps, onSave, name, onUpdateValue, rowData, type = 'text', fullWidth = true, isEditing, formatInputDefautvalue, setIsEditing, handleCancelEditing } = allProps;
     const formatDefaultValue = (value) => {
         if (formatInputDefautvalue)
             return formatInputDefautvalue(value);
         switch (type) {
-            case "date":
-                return moment(value).format("YYYY-MM-DD");
-            case "datetime-local":
-                return moment(value).format("YYYY-MM-DDTHH:mm:ss");
+            case 'date':
+                return moment(value).format('YYYY-MM-DD');
+            case 'datetime-local':
+                return moment(value).format('YYYY-MM-DDTHH:mm:ss');
             default:
                 return String(value);
         }
@@ -9767,22 +9767,22 @@ const DefaultInput = (allProps) => {
             name,
             event,
             value: (_b = event.target) === null || _b === void 0 ? void 0 : _b.value,
-            data: Object.assign(Object.assign({}, rowData), { [name]: (_c = event.target) === null || _c === void 0 ? void 0 : _c.value }),
+            data: Object.assign(Object.assign({}, rowData), { [name]: (_c = event.target) === null || _c === void 0 ? void 0 : _c.value })
         };
         onSave(response);
     };
     const onKeyDown = (ev) => {
-        if (ev.code === "Enter")
+        if (ev.code === 'Enter')
             handleSave(ev);
-        if (ev.code === "Escape")
+        if (ev.code === 'Escape')
             handleCancelEditing();
     };
-    return (React__default.createElement(TextField, Object.assign({ name: name, focused: isEditing, onBlur: (ev) => handleSave(ev), autoFocus: true, type: type, size: "small", defaultValue: formatDefaultValue(rowData === null || rowData === void 0 ? void 0 : rowData[name]), sx: Object.assign({ width: fullWidth ? "100%" : "intial" }, TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.sx), inputProps: {
+    return (React__default.createElement(TextField, Object.assign({ name: name, focused: isEditing, onBlur: (ev) => handleSave(ev), autoFocus: true, type: type, size: "small", defaultValue: formatDefaultValue(rowData === null || rowData === void 0 ? void 0 : rowData[name]), sx: Object.assign({ width: fullWidth ? '100%' : 'intial' }, TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.sx), inputProps: {
             style: {
                 paddingBottom: 6,
-                paddingTop: 6,
+                paddingTop: 6
             },
-            onKeyDown,
+            onKeyDown
         }, InputProps: Object.assign(Object.assign({}, TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.InputProps), { sx: Object.assign({ fontSize: 14, pl: 0.2 }, (_a = TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.sx) }) }, TextFieldProps)));
 };
 
@@ -14713,7 +14713,7 @@ function useIMask(opts) {
 
 const InputMask$1 = (allProps) => {
     var _a;
-    const { TextFieldProps, onSave, name, rowData, mask, fullWidth = true, isEditing, handleCancelEditing, setIsEditing, } = allProps;
+    const { TextFieldProps, onSave, name, rowData, mask, fullWidth = true, isEditing, handleCancelEditing, setIsEditing } = allProps;
     const { ref, unmaskedValue, setValue } = useIMask(mask);
     const handleSave = (event) => {
         var _a, _b, _c;
@@ -14724,26 +14724,26 @@ const InputMask$1 = (allProps) => {
             event,
             value: (_b = event.target) === null || _b === void 0 ? void 0 : _b.value,
             unmaskedValue,
-            data: Object.assign(Object.assign({}, rowData), { [name]: (_c = event.target) === null || _c === void 0 ? void 0 : _c.value }),
+            data: Object.assign(Object.assign({}, rowData), { [name]: (_c = event.target) === null || _c === void 0 ? void 0 : _c.value })
         };
         onSave(response);
     };
     const onKeyDown = (ev) => {
-        if (ev.code === "Enter")
+        if (ev.code === 'Enter')
             handleSave(ev);
-        if (ev.code === "Escape")
+        if (ev.code === 'Escape')
             handleCancelEditing();
     };
     useEffect(() => {
         if (rowData === null || rowData === void 0 ? void 0 : rowData[name])
             setValue(String(rowData === null || rowData === void 0 ? void 0 : rowData[name]));
     }, [rowData === null || rowData === void 0 ? void 0 : rowData[name]]);
-    return (React__default.createElement(TextField, Object.assign({ inputRef: ref, name: name, focused: isEditing, onBlur: (ev) => handleSave(ev), autoFocus: true, size: "small", sx: Object.assign({ width: fullWidth ? "100%" : "intial" }, TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.sx), inputProps: {
+    return (React__default.createElement(TextField, Object.assign({ inputRef: ref, name: name, focused: isEditing, onBlur: (ev) => handleSave(ev), autoFocus: true, size: "small", sx: Object.assign({ width: fullWidth ? '100%' : 'intial' }, TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.sx), inputProps: {
             style: {
                 paddingBottom: 6,
-                paddingTop: 6,
+                paddingTop: 6
             },
-            onKeyDown,
+            onKeyDown
         }, InputProps: Object.assign(Object.assign({}, TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.InputProps), { sx: Object.assign({ fontSize: 14, pl: 0.2 }, (_a = TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.InputProps) === null || _a === void 0 ? void 0 : _a.sx) }) }, TextFieldProps)));
 };
 
@@ -14756,7 +14756,7 @@ const EditableTableCell = (allProps) => {
         if (onCancel)
             onCancel();
     };
-    return (React__default.createElement(TableCell, Object.assign({}, props, { sx: Object.assign(Object.assign({}, props.sx), { p: isEditing ? 0 : "intial", border: bordered ? "1px solid" : "initial", borderColor: "divider" }), onDoubleClick: () => setIsEditing(true) }), isEditing ? (React__default.createElement(React__default.Fragment, null, mask ? (React__default.createElement(InputMask$1, { mask: mask, isEditing: isEditing, setIsEditing: setIsEditing, name: name, rowData: rowData, onSave: (props) => {
+    return (React__default.createElement(TableCell, Object.assign({}, props, { sx: Object.assign(Object.assign({}, props.sx), { p: isEditing ? 0 : 'intial', border: bordered ? '1px solid' : 'initial', borderColor: 'divider' }), onDoubleClick: () => setIsEditing(true) }), isEditing ? (React__default.createElement(React__default.Fragment, null, mask ? (React__default.createElement(InputMask$1, { mask: mask, isEditing: isEditing, setIsEditing: setIsEditing, name: name, rowData: rowData, onSave: (props) => {
             setValue(props.value);
             onSave(props);
         }, handleCancelEditing: handleCancelEditing, formatInputDefautvalue: formatInputDefautvalue })) : (React__default.createElement(DefaultInput, { onUpdateValue: (newValue) => {
@@ -14836,7 +14836,7 @@ const BaseSelect = (_a) => {
     return (React__default.createElement(FormControl, Object.assign({ fullWidth: true }, FormControlProps),
         React__default.createElement(CustomInputLabel, Object.assign({}, InputLabelProps), label),
         React__default.createElement(Select$1, Object.assign({ name: name, inputProps: {
-                name,
+                name
             }, label: label }, rest), children)));
 };
 const FormikSelect = (_a) => {
@@ -14848,7 +14848,7 @@ const FormikSelect = (_a) => {
     return (React__default.createElement(FormControl, Object.assign({ fullWidth: true }, FormControlProps),
         React__default.createElement(CustomInputLabel, Object.assign({}, InputLabelProps), label),
         React__default.createElement(Select$1, Object.assign({ inputProps: {
-                name,
+                name
             }, label: label }, rest, field, { defaultValue: value, onChange: onChange }), children)));
 };
 
@@ -14866,7 +14866,7 @@ function BaseInput(props) {
 function FormikAutocomplete(_a) {
     var { getOptionValue, option } = _a, props = __rest(_a, ["getOptionValue", "option"]);
     const [_b, , { setValue }] = useField({
-        name: props.name,
+        name: props.name
     }), { value: defaultValue } = _b, field = __rest(_b, ["value"]);
     const defaultOption = useMemo(() => {
         const key = option === null || option === void 0 ? void 0 : option.key;
@@ -14891,7 +14891,7 @@ function FormikAutocomplete(_a) {
             return props.getOptionLabel(item);
         else if (option === null || option === void 0 ? void 0 : option.label)
             return String(item[option.label]);
-        return "[getOptionLabel] error";
+        return '[getOptionLabel] error';
     };
     const isOptionEqualToValue = (a, b) => {
         const key = option === null || option === void 0 ? void 0 : option.key;
@@ -14918,7 +14918,7 @@ const BaseCheckbox = (_a) => {
 const FormikCheckbox = (_a) => {
     var { label, name, FormControlLabelProps } = _a, props = __rest(_a, ["label", "name", "FormControlLabelProps"]);
     const [_b, , { setValue }] = useField({
-        name,
+        name
     }), { value, onChange: unused } = _b, field = __rest(_b, ["value", "onChange"]);
     const onChange = (_, value) => {
         setValue(value);
@@ -14940,7 +14940,7 @@ const BaseSwitch = (_a) => {
 const FormikSwitch = (_a) => {
     var { label, name, FormControlLabelProps } = _a, props = __rest(_a, ["label", "name", "FormControlLabelProps"]);
     const [_b, , { setValue }] = useField({
-        name,
+        name
     }), { value, onChange: unused } = _b, field = __rest(_b, ["value", "onChange"]);
     const onChange = (_, value) => {
         setValue(value);
@@ -14973,13 +14973,13 @@ const FormikRadio = (_a) => {
 
 const LargeButton = (_a) => {
     var { loading, children, CircularProgressProps, sx } = _a, rest = __rest(_a, ["loading", "children", "CircularProgressProps", "sx"]);
-    return (React__default.createElement(Button, Object.assign({ variant: "contained", fullWidth: true, sx: Object.assign({ color: "#fff", fontWeight: "bold" }, sx), disabled: rest.disabled || loading }, rest), loading ? (React__default.createElement(CircularProgress, Object.assign({ size: 25, color: "inherit" }, CircularProgressProps))) : (children)));
+    return (React__default.createElement(Button, Object.assign({ variant: "contained", fullWidth: true, sx: Object.assign({ color: '#fff', fontWeight: 'bold' }, sx), disabled: rest.disabled || loading }, rest), loading ? (React__default.createElement(CircularProgress, Object.assign({ size: 25, color: "inherit" }, CircularProgressProps))) : (children)));
 };
 
 function getTabProps(index) {
     return {
         id: `tab-${index}`,
-        "aria-controls": `tabpanel-${index}`,
+        'aria-controls': `tabpanel-${index}`
     };
 }
 const TabPanel = (props) => {
@@ -14987,11 +14987,11 @@ const TabPanel = (props) => {
     return (React__default.createElement("div", Object.assign({ role: "tabpanel", hidden: value !== index, id: `tabpanel-${index}`, "aria-labelledby": `tab-${index}` }, other), value === index && React__default.createElement(React__default.Fragment, null, children)));
 };
 
-const GridPagination = ({ currentPage, totalNumberOfPages, onPageChange, rowsPerPageOptions, setRowsPerPage, rowsPerPage, dense, }) => {
+const GridPagination = ({ currentPage, totalNumberOfPages, onPageChange, rowsPerPageOptions, setRowsPerPage, rowsPerPage, dense }) => {
     return (React__default.createElement(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "100%", py: dense ? 0.5 : 1 },
         React__default.createElement(Box$2, null),
         React__default.createElement(Stack, { direction: "row", alignItems: "center" },
-            React__default.createElement(Select$1, { variant: "standard", size: "small", margin: "dense", sx: { width: 60, mr: 2, textAlign: "center", fontSize: 13 }, value: rowsPerPage, onChange: ({ target }) => setRowsPerPage(parseInt(target.value)) }, rowsPerPageOptions.map((option) => (React__default.createElement(MenuItem, { key: option, value: option }, option)))),
+            React__default.createElement(Select$1, { variant: "standard", size: "small", margin: "dense", sx: { width: 60, mr: 2, textAlign: 'center', fontSize: 13 }, value: rowsPerPage, onChange: ({ target }) => setRowsPerPage(parseInt(target.value)) }, rowsPerPageOptions.map((option) => (React__default.createElement(MenuItem, { key: option, value: option }, option)))),
             React__default.createElement(Typography, { variant: "body2" },
                 currentPage + 1,
                 " de ",
@@ -15002,19 +15002,19 @@ const GridPagination = ({ currentPage, totalNumberOfPages, onPageChange, rowsPer
                 React__default.createElement(MdArrowForwardIos, { size: 8 * 2 })))));
 };
 
-function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, }) {
-    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign({ "tr td": {
+function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions }) {
+    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign({ 'tr td': {
                 py: dense ? 0.23 : 0.7,
-                border: bordered ? "1px solid" : "",
-                borderColor: "divider",
-            }, "tr:nth-of-type(even)": {
-                transition: "background-color ease 200ms",
-                bgcolor: striped ? "divider" : "initial",
-            }, width: fixedColumns ? "fit-content" : "100" }, paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
+                border: bordered ? '1px solid' : '',
+                borderColor: 'divider'
+            }, 'tr:nth-of-type(even)': {
+                transition: 'background-color ease 200ms',
+                bgcolor: striped ? 'divider' : 'initial'
+            }, width: fixedColumns ? 'fit-content' : '100' }, paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
         React__default.createElement(Table, Object.assign({ size: "small", stickyHeader: true }, tableProps, { sx: Object.assign({}, tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) }),
             React__default.createElement(TableHead, Object.assign({}, tableHeadProps),
-                React__default.createElement(TableRow, null, columns.map((column) => (React__default.createElement(TableCell, { key: column.name, padding: dense ? "none" : "normal", sx: Object.assign({ pl: 2 }, column === null || column === void 0 ? void 0 : column.sx) },
-                    React__default.createElement(TableSortLabel, { active: sortedBy === column.name, direction: sortedDirection, onClick: () => onSortBy(column.name), disabled: column.canSort === false, sx: { position: "relative", right: "-9px" } }, column.label)))))),
+                React__default.createElement(TableRow, null, columns.map((column) => (React__default.createElement(TableCell, { key: column.name, padding: dense ? 'none' : 'normal', sx: Object.assign({ pl: 2 }, column === null || column === void 0 ? void 0 : column.sx) },
+                    React__default.createElement(TableSortLabel, { active: sortedBy === column.name, direction: sortedDirection, onClick: () => onSortBy(column.name), disabled: column.canSort === false, sx: { position: 'relative', right: '-9px' } }, column.label)))))),
             React__default.createElement(TableBody, Object.assign({}, tableBodyProps), children)),
         React__default.createElement(GridPagination, { rowsPerPageOptions: rowsPerPageOptions, currentPage: currentPage, totalNumberOfPages: totalNumberOfPages, onPageChange: onPageChange, setRowsPerPage: setRowsPerPage, rowsPerPage: rowsPerPage, dense: dense })));
 }
@@ -15022,13 +15022,13 @@ function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps,
 function useFilter() {
     const [selectedFilters, setSelectedFilters] = useState([]);
     const filterBy = (newFilter) => {
-        const propToCompare = newFilter.id ? "id" : "prop";
+        const propToCompare = newFilter.id ? 'id' : 'prop';
         function removeRepeatedFilters(filter) {
             return filter[propToCompare] !== newFilter[propToCompare];
         }
         setSelectedFilters((filters) => [
             ...filters.filter(removeRepeatedFilters),
-            newFilter,
+            newFilter
         ]);
     };
     const removeFilter = (prop) => {
@@ -15042,37 +15042,37 @@ function useFilter() {
         filterBy,
         removeFilter,
         createFilter,
-        clearAllFilters,
+        clearAllFilters
     };
 }
 function getObjectValue(obj) {
-    return (prop) => prop.split(".").reduce((o, k) => o[k], obj);
+    return (prop) => prop.split('.').reduce((o, k) => o[k], obj);
 }
 function isDate(date) {
     if (date instanceof Date)
         return true;
-    else if (String(date).endsWith("Z"))
+    else if (String(date).endsWith('Z'))
         return true;
     return false;
 }
 function compareFilter(item, filter) {
     const itemValue = getObjectValue(item)(filter.prop);
     switch (filter.compareType) {
-        case "equal":
+        case 'equal':
             return itemValue === filter.value;
-        case "gte":
+        case 'gte':
             return isDate(itemValue)
                 ? moment(String(itemValue)).isSameOrAfter(filter.value)
                 : itemValue >= filter.value;
-        case "gt":
+        case 'gt':
             return isDate(itemValue)
                 ? moment(String(itemValue)).isAfter(filter.value)
                 : itemValue > filter.value;
-        case "lte":
+        case 'lte':
             return isDate(itemValue)
                 ? moment(String(itemValue)).isSameOrBefore(filter.value)
                 : itemValue <= filter.value;
-        case "lt":
+        case 'lt':
             return isDate(itemValue)
                 ? moment(String(itemValue)).isBefore(filter.value)
                 : itemValue < filter.value;
@@ -15089,35 +15089,35 @@ function createFilter(filters) {
         return satisfiedFilters === filters.length;
     }
     return {
-        apply,
+        apply
     };
 }
 
-function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], }) {
+function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100] }) {
     const [defaultData, setDefaultData] = useState([]);
-    const [sortedBy, setSortedBy] = useState("");
-    const [sortedDirection, setSortedDirection] = useState("desc");
+    const [sortedBy, setSortedBy] = useState('');
+    const [sortedDirection, setSortedDirection] = useState('desc');
     const [currentPage, setCurrentPage] = useState(0);
     const [rowsPerPage, setRowsPerPage] = useState(rowsPerPageOptions[0]);
     const toggleSortedDirection = () => {
-        if (sortedDirection === "desc")
-            setSortedDirection("asc");
-        if (sortedDirection === "asc")
-            setSortedDirection("desc");
+        if (sortedDirection === 'desc')
+            setSortedDirection('asc');
+        if (sortedDirection === 'asc')
+            setSortedDirection('desc');
     };
     const onSortBy = (prop) => {
         if (!prop)
             return;
         if (prop === sortedBy) {
-            if (sortedDirection === "asc") {
+            if (sortedDirection === 'asc') {
                 toggleSortedDirection();
-                setSortedBy("");
+                setSortedBy('');
             }
             else
                 toggleSortedDirection();
         }
         else {
-            setSortedDirection("desc");
+            setSortedDirection('desc');
             setSortedBy(prop);
         }
     };
@@ -15128,7 +15128,7 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], })
         if (sortedBy) {
             return data.sort((a, b) => {
                 const compare = b[sortedBy] > a[sortedBy];
-                if (sortedDirection === "asc")
+                if (sortedDirection === 'asc')
                     return compare ? 1 : -1;
                 return compare ? -1 : 1;
             });
@@ -15175,7 +15175,7 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100], })
         onPageChange,
         setRowsPerPage: onChangeRowsPerPage,
         rowsPerPageOptions,
-        rowsPerPage,
+        rowsPerPage
     };
 }
 
@@ -15205,13 +15205,13 @@ const Modal = (_a) => {
     var { open, onClose } = _a, rest = __rest(_a, ["open", "onClose"]);
     return (React__default.createElement(Modal$1, Object.assign({ open: open, onClose: onClose, disableEnforceFocus: true }, rest),
         React__default.createElement(Box$2, { sx: {
-                outline: "none",
-                backgroundColor: "white",
-                position: "absolute",
-                top: "50%",
-                left: "50%",
-                transform: "translate(-50%, -50%)",
-                borderRadius: 1,
+                outline: 'none',
+                backgroundColor: 'white',
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translate(-50%, -50%)',
+                borderRadius: 1
             } },
             React__default.createElement(React__default.Fragment, null, rest.children))));
 };
@@ -15223,5 +15223,19 @@ function GetInputLabel(columns) {
     };
 }
 
-export { Autocomplete, BaseGrid, Checkbox, EditableTableCell, GetInputLabel, Grid, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, Td, Tr, createFilter, filterData, getTabProps, useEvent, useFilter, useGrid, useLoading };
+const Dialog = (_a) => {
+    var { open, title, loading, body, options } = _a, rest = __rest(_a, ["open", "title", "loading", "body", "options"]);
+    return (React__default.createElement(Dialog$1, Object.assign({ open: open }, rest),
+        React__default.createElement(Box$2, { sx: { p: 2 } },
+            React__default.createElement(DialogTitle, { sx: { fontWeight: "bold" } }, title),
+            React__default.createElement(DialogContentText, { sx: { px: "10px", textAlign: "center", mb: 2 } }, body),
+            React__default.createElement(DialogActions, null, options.map((option, index) => {
+                return (React__default.createElement(Button, { key: index, onClick: () => option.cb(option.label), variant: option.focus ? "contained" : "text", sx: {
+                        fontWeight: option.focus ? "bold" : "normal",
+                        color: option.focus ? "#fff" : "primary.main",
+                    }, disableElevation: true, disabled: loading }, loading && option.focus ? (React__default.createElement(CircularProgress, { size: 25, color: "inherit" })) : (React__default.createElement(React__default.Fragment, null, option.label))));
+            })))));
+};
+
+export { Autocomplete, BaseGrid, Checkbox, Dialog, EditableTableCell, GetInputLabel, Grid, Input, InputMask, LargeButton, Modal, Radio, Select, Switch, TabPanel, Td, Tr, createFilter, filterData, getTabProps, useEvent, useFilter, useGrid, useLoading };
 //# sourceMappingURL=index.js.map