argous 1.2.247 → 1.3.3

package/dist/components/ArgousComplexTableToolbar/ArgousComplexTableToolBar.js

@@ -15,41 +15,56 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 var ArgousComplexTable_1 = require("../ArgousComplexTable/ArgousComplexTable");
-var core_1 = require("@material-ui/core");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/material/styles");
+var clsx_1 = require("clsx");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
-var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
-    toolbar: {
-        minHeight: 0,
-        paddingLeft: theme.spacing(2),
-        paddingRight: theme.spacing(1),
-    },
-    highlight: {
-        color: theme.palette.type === 'light' ? theme.palette.secondary.main : theme.palette.text.primary,
-        backgroundColor: (0, core_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
-    },
-    title: {
-        flex: '1 1 100%',
-        lineHeight: '50px'
-    }
-}); });
+var classes = {
+    toolbar: 'argous-complex-table-toolbar-toolbar',
+    highlight: 'argous-complex-table-toolbar-highlight',
+    title: 'argous-complex-table-toolbar-title',
+};
+var toolbarStyles = function (theme) {
+    var _a;
+    return (_a = {},
+        _a[".".concat(classes.toolbar)] = {
+            minHeight: 0,
+            paddingLeft: theme.spacing(2),
+            paddingRight: theme.spacing(1),
+        },
+        _a[".".concat(classes.highlight)] = {
+            color: theme.palette.mode === 'light' ? theme.palette.secondary.main : theme.palette.text.primary,
+            backgroundColor: (0, styles_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
+        },
+        _a[".".concat(classes.title)] = {
+            flex: '1 1 100%',
+            lineHeight: '50px'
+        },
+        _a);
+};
 var ArgousComplexTableToolBar = (0, react_1.memo)(function (_a) {
     var _b;
     var numSelected = _a.numSelected, actions = _a.actions, title = _a.title, disableFilter = _a.disableFilter, filterLabel = _a.filterLabel, lista = _a.lista, indexToSelect = _a.indexToSelect, fixedToolbar = _a.fixedToolbar;
-    var classes = useStyles();
     var _c = (0, react_1.useContext)(ArgousComplexTable_1.TableContext), selected = _c.selected, dispatch = _c.dispatch;
     var filterTime = (0, react_1.useRef)();
     var handleChange = function (e) {
@@ -59,16 +74,19 @@ var ArgousComplexTableToolBar = (0, react_1.memo)(function (_a) {
             dispatch({ type: 'setFilter', value: value });
         }, 300);
     };
-    return (react_1.default.createElement(core_1.Toolbar, { className: (0, clsx_1.default)(classes.toolbar, (_b = {}, _b[classes.highlight] = numSelected > 0, _b)) },
-        numSelected > 0 ? (react_1.default.createElement(core_1.Typography, { className: classes.title, color: 'inherit', variant: 'subtitle1', component: 'div' },
+    return (react_1.default.createElement(material_1.Toolbar, { className: (0, clsx_1.clsx)(classes.toolbar, (_b = {}, _b[classes.highlight] = numSelected > 0, _b)) },
+        react_1.default.createElement(material_1.GlobalStyles, { styles: toolbarStyles }),
+        numSelected > 0 ? (react_1.default.createElement(material_1.Typography, { className: classes.title, variant: 'subtitle1', component: 'div', sx: {
+                color: 'inherit'
+            } },
             numSelected,
             " ",
-            numSelected === 1 ? 'selecionado' : 'selecionados')) : react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, style: { marginRight: 0 } },
-            title && react_1.default.createElement(core_1.Grid, { item: true, xs: true, style: { display: 'flex', alignItems: 'center' } },
-                react_1.default.createElement(core_1.Typography, { className: classes.title, variant: 'h6', component: 'div' }, title)),
-            !disableFilter && react_1.default.createElement(core_1.Grid, { item: true, xs: true },
-                react_1.default.createElement(core_1.TextField, { label: filterLabel, fullWidth: true, margin: 'dense', variant: 'outlined', onChange: handleChange }))),
-        (fixedToolbar || numSelected > 0) && (0, lodash_1.isArray)(actions) && actions.map(function (action, i) { return (react_1.default.createElement(core_1.Tooltip, { key: i, title: action[0] },
-            react_1.default.createElement(core_1.IconButton, { onClick: function (e) { return action[2](selected, e, lista.filter(function (linha) { return selected.indexOf(linha[indexToSelect]) > -1; })); } }, action[1]))); })));
+            numSelected === 1 ? 'selecionado' : 'selecionados')) : react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, style: { marginRight: 0 } },
+            title && react_1.default.createElement(material_1.Grid, { style: { display: 'flex', alignItems: 'center' }, size: 'grow' },
+                react_1.default.createElement(material_1.Typography, { className: classes.title, variant: 'h6', component: 'div' }, title)),
+            !disableFilter && react_1.default.createElement(material_1.Grid, { size: 'grow' },
+                react_1.default.createElement(material_1.TextField, { label: filterLabel, fullWidth: true, margin: 'dense', variant: 'outlined', onChange: handleChange }))),
+        (fixedToolbar || numSelected > 0) && (0, lodash_1.isArray)(actions) && actions.map(function (action, i) { return (react_1.default.createElement(material_1.Tooltip, { key: i, title: action[0] },
+            react_1.default.createElement(material_1.IconButton, { onClick: function (e) { return action[2](selected, e, lista.filter(function (linha) { return selected.indexOf(linha[indexToSelect]) > -1; })); } }, action[1]))); })));
 });
 exports.default = ArgousComplexTableToolBar;

package/dist/components/ArgousInput/ArgousInput.js

@@ -41,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -55,7 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var fieldsRedux_1 = require("../../fieldsRedux");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var react_maskedinput_1 = __importDefault(require("react-maskedinput"));
+var react_input_mask_1 = __importDefault(require("@mona-health/react-input-mask"));
 /**
  * @deprecated
  */
@@ -526,7 +536,7 @@ var ArgousInput = /** @class */ (function (_super) {
         return (react_1.default.createElement("div", { style: this.styleDiv1 },
             react_1.default.createElement("label", { style: this.styleLabel }, label),
             react_1.default.createElement("div", { style: this.styleDiv2 },
-                react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: mask, style: this.styleInput }, this.props)),
+                react_1.default.createElement(react_input_mask_1.default, __assign({ mask: mask.replaceAll('1', '9').replaceAll('#', '*'), style: this.styleInput }, this.props)),
                 react_1.default.createElement("fieldset", { style: this.stylefieldset },
                     react_1.default.createElement("legend", { style: this.styleLegend },
                         react_1.default.createElement("span", { style: this.styleSpan }))))));

package/dist/components/ArgousPagination/ArgousPagination.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importDefault(require("react"));
 var md_1 = require("react-icons/md");
 /**
@@ -11,19 +11,26 @@ var md_1 = require("react-icons/md");
  */
 var ArgousPagination = function (props) {
     var value = props.ctrlPgnReturn.qtRegs;
-    return (react_1.default.createElement(core_1.Toolbar, { style: { minHeight: 52, paddingRight: 2 } },
+    return (react_1.default.createElement(material_1.Toolbar, { style: { minHeight: 52, paddingRight: 2 } },
         react_1.default.createElement("div", { style: { flex: '1 1 100%' } }),
-        react_1.default.createElement(core_1.Typography, { color: 'inherit', variant: 'body2', style: { flexShrink: 0 } }, "Linhas"),
-        value && (react_1.default.createElement(core_1.Select, { input: react_1.default.createElement(core_1.InputBase, { style: { marginRight: 32, marginLeft: 8, color: 'inherit', fontSize: 'inherit', flexShrink: 0, } }), onChange: function (e) { return props.onChangeRowsPerPage(e.target.value); }, value: value, style: { marginLeft: 15 } }, props.linhasPorPagina.map(function (coluna, index) {
-            return (react_1.default.createElement(core_1.MenuItem, { key: index, value: coluna }, coluna));
+        react_1.default.createElement(material_1.Typography, { variant: 'body2', style: { flexShrink: 0 }, sx: {
+                color: 'inherit'
+            } }, "Linhas"),
+        value && (react_1.default.createElement(material_1.Select, { input: react_1.default.createElement(material_1.InputBase, { style: { marginRight: 32, marginLeft: 8, color: 'inherit', fontSize: 'inherit', flexShrink: 0, } }), onChange: function (e) { return props.onChangeRowsPerPage(e.target.value); }, value: value, style: { marginLeft: 15 } }, props.linhasPorPagina.map(function (coluna, index) {
+            return (react_1.default.createElement(material_1.MenuItem, { key: index, value: coluna }, coluna));
         }))),
-        react_1.default.createElement(core_1.Typography, { color: 'inherit', variant: 'body2', component: 'div', style: { flexShrink: 0 } },
-            react_1.default.createElement(core_1.Box, { padding: '1px 0px', display: 'inline' },
-                react_1.default.createElement(core_1.InputBase, { style: { width: 40 }, inputProps: { value: props.ctrlPgnReturn.pgAtl }, onBlur: function (e) { return props.onChangePageNumber(e.target.value); } }), " / ".concat(props.ctrlPgnReturn.qtPaginas))),
-        react_1.default.createElement(core_1.Box, { style: { flexShrink: 0, marginLeft: '20px' } },
-            react_1.default.createElement(core_1.IconButton, { onClick: function () { return props.onChangePage('P'); }, disabled: props.ctrlPgnReturn.pgAtl === 1, title: 'P\u00E1gina Anterior' },
+        react_1.default.createElement(material_1.Typography, { variant: 'body2', component: 'div', style: { flexShrink: 0 }, sx: {
+                color: 'inherit'
+            } },
+            react_1.default.createElement(material_1.Box, { sx: {
+                    padding: '1px 0px',
+                    display: 'inline'
+                } },
+                react_1.default.createElement(material_1.InputBase, { style: { width: 40 }, inputProps: { value: props.ctrlPgnReturn.pgAtl }, onBlur: function (e) { return props.onChangePageNumber(e.target.value); } }), " / ".concat(props.ctrlPgnReturn.qtPaginas))),
+        react_1.default.createElement(material_1.Box, { style: { flexShrink: 0, marginLeft: '20px' } },
+            react_1.default.createElement(material_1.IconButton, { onClick: function () { return props.onChangePage('P'); }, disabled: props.ctrlPgnReturn.pgAtl === 1, title: 'P\u00E1gina Anterior' },
                 react_1.default.createElement(md_1.MdKeyboardArrowLeft, null)),
-            react_1.default.createElement(core_1.IconButton, { onClick: function () { return props.onChangePage('N'); }, disabled: props.ctrlPgnReturn.pgAtl === props.ctrlPgnReturn.qtPaginas, title: 'P\u00E1gina Seguinte' },
+            react_1.default.createElement(material_1.IconButton, { onClick: function () { return props.onChangePage('N'); }, disabled: props.ctrlPgnReturn.pgAtl === props.ctrlPgnReturn.qtPaginas, title: 'P\u00E1gina Seguinte' },
                 react_1.default.createElement(md_1.MdKeyboardArrowRight, null)))));
 };
 exports.default = ArgousPagination;

package/dist/components/ArgousProgressBar/ArgousProgressBar.js

@@ -3,54 +3,74 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
+exports.default = ProgressBar;
+var material_1 = require("@mui/material");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
-var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
-    progressContainer: {
-        '& > div': {
-            padding: '0px !important'
-        }
-    },
-    progressBorder: {
-        border: function (props) { return "3px solid ".concat(props.borderColor || props.preset.borderColor); },
+var selectPreset = function (preset, palette) {
+    switch (preset) {
+        case 'secondary':
+            return { fullBarColor: palette.secondary.dark, borderColor: palette.secondary.dark, indicatorColor: palette.secondary.dark, barColor: "linear-gradient(90deg, ".concat(palette.secondary.light, " 0%, ").concat(palette.secondary.main, " 50%, ").concat(palette.secondary.dark, " 100%)") };
+        case 'success':
+            return { fullBarColor: palette.success.dark, borderColor: palette.success.dark, indicatorColor: palette.success.dark, barColor: "linear-gradient(90deg, ".concat(palette.success.light, " 0%, ").concat(palette.success.main, " 50%, ").concat(palette.success.dark, " 100%)") };
+        case 'info':
+            return { fullBarColor: palette.info.dark, borderColor: palette.info.dark, indicatorColor: palette.info.dark, barColor: "linear-gradient(90deg, ".concat(palette.info.light, " 0%, ").concat(palette.info.main, " 50%, ").concat(palette.info.dark, " 100%)") };
+        case 'warning':
+            return { fullBarColor: palette.warning.dark, borderColor: palette.warning.dark, indicatorColor: palette.warning.dark, barColor: "linear-gradient(90deg, ".concat(palette.warning.light, " 0%, ").concat(palette.warning.main, " 50%, ").concat(palette.warning.dark, " 100%)") };
+        case 'danger':
+            return { fullBarColor: palette.error.dark, borderColor: palette.error.dark, indicatorColor: palette.error.dark, barColor: "linear-gradient(90deg, ".concat(palette.error.light, " 0%, ").concat(palette.error.main, " 50%, ").concat(palette.error.dark, " 100%)") };
+        case 'hot':
+            return { fullBarColor: 'rgba(244,67,54,1)', borderColor: '#d84315', indicatorColor: '#f44336', barColor: 'linear-gradient(90deg, rgba(255,235,59,1) 0%, rgba(255,152,0,1) 50%, rgba(244,67,54,1) 100%)' };
+        case 'cold':
+            return { fullBarColor: '#673ab7', borderColor: '#5e35b1', indicatorColor: '#512da8', barColor: 'linear-gradient(90deg, #2196f3 0%, #3f51b5 50%, #673ab7 100%)' };
+        default:
+            return { fullBarColor: palette.primary.dark, borderColor: palette.primary.dark, indicatorColor: palette.primary.dark, barColor: "linear-gradient(90deg, ".concat(palette.primary.light, " 0%, ").concat(palette.primary.main, " 50%, ").concat(palette.primary.dark, " 100%)") };
+    }
+};
+function ProgressBar(_a) {
+    var valueLabel = _a.valueLabel, valueSuffix = _a.valueSuffix, maxValueSuffix = _a.maxValueSuffix, maxValueLabel = _a.maxValueLabel, value = _a.value, maxValue = _a.maxValue, rightIndicatorColor = _a.rightIndicatorColor, topIndicatorColor = _a.topIndicatorColor, borderColor = _a.borderColor, barColor = _a.barColor, fullBarColor = _a.fullBarColor, preset = _a.preset, compact = _a.compact, className = _a.className;
+    var theme = (0, material_1.useTheme)();
+    var percnt = maxValue ? value * 100 / maxValue : 0;
+    var selectedPreset = selectPreset(preset, theme.palette);
+    var progressBorderSx = {
+        border: "3px solid ".concat(borderColor || selectedPreset.borderColor),
         borderRadius: '15px',
-    },
-    progressBack: {
+    };
+    var progressBackSx = {
         height: '20px',
         padding: '2px',
         position: 'relative'
-    },
-    progressBar: {
+    };
+    var progressBarSx = {
         width: '100%',
         height: '100%',
         borderRadius: '10px',
-        background: function (props) { return props.percnt === 0 ? theme.palette.background.paper : props.percnt > 100 ? props.fullBarColor || props.preset.fullBarColor : props.barColor || props.preset.barColor; },
-    },
-    progressCover: {
+        background: percnt === 0 ? theme.palette.background.paper : percnt > 100 ? fullBarColor || selectedPreset.fullBarColor : barColor || selectedPreset.barColor,
+    };
+    var progressCoverSx = {
         height: '100%',
         transition: '300ms',
-        background: function (props) { return props.percnt > 99 ? 'transparent' : theme.palette.background.paper; },
+        background: percnt > 99 ? 'transparent' : theme.palette.background.paper,
         position: 'absolute',
         top: '0px',
         right: '0',
-        width: function (props) { return "".concat(100 - props.percnt, "%"); },
+        width: "".concat(100 - percnt, "%"),
         minWidth: '5%',
         maxWidth: '95%',
-        borderRadius: '0px 10px 10px 0px;',
-    },
-    topIndicator: {
+        borderRadius: '0px 10px 10px 0px',
+    };
+    var topIndicatorSx = {
         zIndex: 1,
         transition: '300ms',
         display: 'block',
         position: 'relative',
         width: 'max-content',
         margin: '0 2px',
-        paddingLeft: function (props) { return props.percnt > 94 ? '94%' : props.percnt < 5 ? '0' : "".concat(props.percnt, "%"); },
-        transform: function (props) { return props.percnt === 0 ? "translate(".concat(props.compact ? '-25px, 1px' : '-10px, 0px', ")") : props.percnt > 5 ? "translate(".concat(props.compact ? '-30px, 1px' : '-15px, 0px', ")") : ''; },
+        paddingLeft: percnt > 94 ? '94%' : percnt < 5 ? '0' : "".concat(percnt, "%"),
+        transform: percnt === 0 ? "translate(".concat(compact ? '-25px, 1px' : '-10px, 0px', ")") : percnt > 5 ? "translate(".concat(compact ? '-30px, 1px' : '-15px, 0px', ")") : '',
         '& p': {
             margin: '0 0 5px',
-            border: function (props) { return props.compact ? 0 : "2px solid ".concat(props.topIndicatorColor || props.preset.indicatorColor); },
+            border: compact ? 0 : "2px solid ".concat(topIndicatorColor || selectedPreset.indicatorColor),
             padding: '0px 3px',
             borderRadius: '5px',
             minWidth: '25px',
@@ -66,20 +86,20 @@ var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
             left: '0px',
             width: '0px',
             height: '0px',
-            borderTop: function (props) { return "5px solid ".concat(props.topIndicatorColor || props.preset.indicatorColor); },
+            borderTop: "5px solid ".concat(topIndicatorColor || selectedPreset.indicatorColor),
             borderLeft: '10px solid transparent',
             borderRight: '10px solid transparent',
             display: 'block',
-            opacity: function (props) { return props.compact ? 0 : 1; }
+            opacity: compact ? 0 : 1
         },
-    },
-    rightIndicator: {
+    };
+    var rightIndicatorSx = {
         display: 'block',
         position: 'relative',
         width: 'max-content',
         '& p': {
             margin: '0 7px 0',
-            border: function (props) { return "2px solid ".concat(props.rightIndicatorColor || props.preset.indicatorColor); },
+            border: "2px solid ".concat(rightIndicatorColor || selectedPreset.indicatorColor),
             padding: '0px 3px',
             borderRadius: '5px',
             minWidth: '25px',
@@ -96,59 +116,29 @@ var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
             height: '0px',
             borderTop: '10px solid transparent',
             borderBottom: '10px solid transparent',
-            borderRight: function (props) { return "8px solid ".concat(props.rightIndicatorColor || props.preset.indicatorColor); },
+            borderRight: "8px solid ".concat(rightIndicatorColor || selectedPreset.indicatorColor),
         },
-    },
-    collapse: {
-        height: function (props) { return props.compact ? '0px !important' : undefined; }
-    }
-}); });
-var selectPreset = function (preset, palette) {
-    switch (preset) {
-        case 'secondary':
-            return { fullBarColor: palette.secondary.dark, borderColor: palette.secondary.dark, indicatorColor: palette.secondary.dark, barColor: "linear-gradient(90deg, ".concat(palette.secondary.light, " 0%, ").concat(palette.secondary.main, " 50%, ").concat(palette.secondary.dark, " 100%)") };
-        case 'success':
-            return { fullBarColor: palette.success.dark, borderColor: palette.success.dark, indicatorColor: palette.success.dark, barColor: "linear-gradient(90deg, ".concat(palette.success.light, " 0%, ").concat(palette.success.main, " 50%, ").concat(palette.success.dark, " 100%)") };
-        case 'info':
-            return { fullBarColor: palette.info.dark, borderColor: palette.info.dark, indicatorColor: palette.info.dark, barColor: "linear-gradient(90deg, ".concat(palette.info.light, " 0%, ").concat(palette.info.main, " 50%, ").concat(palette.info.dark, " 100%)") };
-        case 'warning':
-            return { fullBarColor: palette.warning.dark, borderColor: palette.warning.dark, indicatorColor: palette.warning.dark, barColor: "linear-gradient(90deg, ".concat(palette.warning.light, " 0%, ").concat(palette.warning.main, " 50%, ").concat(palette.warning.dark, " 100%)") };
-        case 'danger':
-            return { fullBarColor: palette.error.dark, borderColor: palette.error.dark, indicatorColor: palette.error.dark, barColor: "linear-gradient(90deg, ".concat(palette.error.light, " 0%, ").concat(palette.error.main, " 50%, ").concat(palette.error.dark, " 100%)") };
-        case 'hot':
-            return { fullBarColor: 'rgba(244,67,54,1)', borderColor: '#d84315', indicatorColor: '#f44336', barColor: 'linear-gradient(90deg, rgba(255,235,59,1) 0%, rgba(255,152,0,1) 50%, rgba(244,67,54,1) 100%)' };
-        case 'cold':
-            return { fullBarColor: '#673ab7', borderColor: '#5e35b1', indicatorColor: '#512da8', barColor: 'linear-gradient(90deg, #2196f3 0%, #3f51b5 50%, #673ab7 100%)' };
-        default:
-            return { fullBarColor: palette.primary.dark, borderColor: palette.primary.dark, indicatorColor: palette.primary.dark, barColor: "linear-gradient(90deg, ".concat(palette.primary.light, " 0%, ").concat(palette.primary.main, " 50%, ").concat(palette.primary.dark, " 100%)") };
-    }
-};
-function ProgressBar(_a) {
-    var valueLabel = _a.valueLabel, valueSuffix = _a.valueSuffix, maxValueSuffix = _a.maxValueSuffix, maxValueLabel = _a.maxValueLabel, value = _a.value, maxValue = _a.maxValue, rightIndicatorColor = _a.rightIndicatorColor, topIndicatorColor = _a.topIndicatorColor, borderColor = _a.borderColor, barColor = _a.barColor, fullBarColor = _a.fullBarColor, preset = _a.preset, compact = _a.compact, className = _a.className;
-    var theme = (0, core_1.useTheme)();
-    var percnt = maxValue ? value * 100 / maxValue : 0;
-    var classes = useStyles({ percnt: percnt, rightIndicatorColor: rightIndicatorColor, topIndicatorColor: topIndicatorColor, borderColor: borderColor, barColor: barColor, fullBarColor: fullBarColor, preset: selectPreset(preset, theme.palette), compact: compact });
-    return (react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, className: "".concat(classes.progressContainer, " ").concat(className), style: { marginTop: compact ? '-10px' : undefined } },
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 10, style: { maxWidth: '80%', flexBasis: '80%' } },
-            react_1.default.createElement(core_1.Collapse, { in: value > 0, className: classes.collapse },
-                react_1.default.createElement("div", { className: classes.topIndicator },
+    };
+    return (react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, className: className, sx: { marginTop: compact ? '-10px' : undefined, '& > div': { padding: '0px !important' } } },
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '80%', flexBasis: '80%' }, size: 10 },
+            react_1.default.createElement(material_1.Collapse, { in: value > 0, sx: { height: compact ? '0px !important' : undefined } },
+                react_1.default.createElement(material_1.Box, { sx: topIndicatorSx },
                     react_1.default.createElement("p", { title: valueLabel || 'Minutos Realizados' },
                         value,
                         valueSuffix)))),
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 2, style: { maxWidth: '20%', flexBasis: '20%' } }),
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 10, style: { maxWidth: '80%', flexBasis: '80%' } },
-            react_1.default.createElement("div", { item: true, title: "Porcentagem ".concat(percnt.toFixed(2), "%"), className: classes.progressBorder },
-                react_1.default.createElement("div", { className: classes.progressBack },
-                    react_1.default.createElement("div", { className: classes.progressBar }),
-                    react_1.default.createElement("div", { className: classes.progressCover })))),
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 2, style: { maxWidth: '20%', flexBasis: '20%' } },
-            react_1.default.createElement(core_1.Grow, { in: maxValue > 0 },
-                react_1.default.createElement("div", { className: classes.rightIndicator },
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '20%', flexBasis: '20%' }, size: 2 }),
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '80%', flexBasis: '80%' }, size: 10 },
+            react_1.default.createElement(material_1.Box, { title: "Porcentagem ".concat(percnt.toFixed(2), "%"), sx: progressBorderSx },
+                react_1.default.createElement(material_1.Box, { sx: progressBackSx },
+                    react_1.default.createElement(material_1.Box, { sx: progressBarSx }),
+                    react_1.default.createElement(material_1.Box, { sx: progressCoverSx })))),
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '20%', flexBasis: '20%' }, size: 2 },
+            react_1.default.createElement(material_1.Grow, { in: maxValue > 0 },
+                react_1.default.createElement(material_1.Box, { sx: rightIndicatorSx },
                     react_1.default.createElement("p", { title: maxValueLabel || 'Minutos Previstos' },
                         maxValue,
                         maxValueSuffix))))));
 }
-exports.default = ProgressBar;
 ProgressBar.propTypes = {
     value: prop_types_1.default.number,
     maxValue: prop_types_1.default.number,

package/dist/components/ArgousSimpleTable/ArgousSimpleTable.js

@@ -26,41 +26,44 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var ArgousPagination_1 = __importDefault(require("../ArgousPagination"));
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var styles_1 = require("@material-ui/core/styles");
-var Table_1 = __importDefault(require("@material-ui/core/Table"));
-var TableBody_1 = __importDefault(require("@material-ui/core/TableBody"));
-var TableCell_1 = __importDefault(require("@material-ui/core/TableCell"));
-var TableContainer_1 = __importDefault(require("@material-ui/core/TableContainer"));
-var TableHead_1 = __importDefault(require("@material-ui/core/TableHead"));
-var TableRow_1 = __importDefault(require("@material-ui/core/TableRow"));
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var Table_1 = __importDefault(require("@mui/material/Table"));
+var TableBody_1 = __importDefault(require("@mui/material/TableBody"));
+var TableCell_1 = __importDefault(require("@mui/material/TableCell"));
+var TableContainer_1 = __importDefault(require("@mui/material/TableContainer"));
+var TableHead_1 = __importDefault(require("@mui/material/TableHead"));
+var TableRow_1 = __importDefault(require("@mui/material/TableRow"));
 var react_1 = __importStar(require("react"));
 /**
  * @deprecated
  */
 var ArgousSimpleTable = function (props) {
-    var useStyles = (0, styles_1.makeStyles)({
-        table: {
-            minWidth: 650,
-        },
-    });
     var _a = (0, react_1.useState)({ acao: '', pgAtl: 1, qtRegs: 0 }), ctrlPgn = _a[0], setCtrlPgn = _a[1];
     var _b = (0, react_1.useState)(false), iniciado = _b[0], setIniciado = _b[1];
     var _c = (0, react_1.useState)({ tpOrdem: 'D' }), tpOrdenacao = _c[0], setTpOrdenacao = _c[1];
     var _d = (0, react_1.useState)([]), listaChildrens = _d[0], setListaChildrens = _d[1];
-    var classes = useStyles();
     function getCellContent(vlr, line) {
         if (props.columnOptions) {
             for (var _i = 0, _a = props.columnOptions; _i < _a.length; _i++) {
@@ -138,10 +141,13 @@ var ArgousSimpleTable = function (props) {
             setListaChildrens(listaFilhos());
             setIniciado(true);
         }
+        // Pagination changes intentionally drive this effect; including the legacy
+        // props object would retrigger it on every render.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [ctrlPgn]);
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(TableContainer_1.default, { component: Paper_1.default },
-            react_1.default.createElement(Table_1.default, { className: classes.table, size: 'small', style: { tableLayout: 'fixed', width: '100%' } },
+            react_1.default.createElement(Table_1.default, { size: 'small', sx: { minWidth: 650 }, style: { tableLayout: 'fixed', width: '100%' } },
                 react_1.default.createElement(TableHead_1.default, null,
                     react_1.default.createElement(TableRow_1.default, null,
                         props.head.map(function (coluna, index) {

package/dist/components/AutoComplete/AutoComplete.js

@@ -41,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -57,7 +67,6 @@ var fieldsRedux_1 = require("../../fieldsRedux");
 var api_1 = require("../../utils/api");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var react_custom_scrollbars_1 = require("react-custom-scrollbars");
 /**
  * @deprecated
  */
@@ -161,7 +170,7 @@ var AutoComplete = /** @class */ (function (_super) {
                 react_1.default.createElement("tr", null,
                     react_1.default.createElement("td", null, typeMessage > -1 &&
                         react_1.default.createElement("div", { className: dropdownClassName ? dropdownClassName : 'argous-list-dropdown', style: { height: !showOnlyResults ? resultHeight : typeMessage === 0 ? resultHeight : 0, maxHeight: dropdownMaxHeight } },
-                            react_1.default.createElement(react_custom_scrollbars_1.Scrollbars, null,
+                            react_1.default.createElement("div", { style: { height: '100%', overflowY: 'auto' } },
                                 typeMessage > 0 && !showOnlyResults && (react_1.default.createElement("div", { className: 'padding-top-sm padding-bottom-sm color999 text-center' },
                                     typeMessage === 1 && 'Escreva para começar a buscar',
                                     typeMessage === 2 && 'Pesquisando...',

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.d.ts

@@ -1,8 +1,7 @@
-import { TextFieldProps } from '@material-ui/core';
-import { AutocompleteProps, AutocompleteChangeDetails } from '@material-ui/lab';
+import { TextFieldProps, AutocompleteProps, AutocompleteChangeDetails } from '@mui/material';
 import * as React from 'react';
 
-export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any, false, false, false>, 'getOptionLabel'>{
+export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any, false, false, false>, 'getOptionLabel' | 'onChange'>{
   /**
    * Valor do campo
    */
@@ -98,4 +97,4 @@ export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any,
 
 declare function AutoCompleteFavorites(props: AutoCompleteFavoritesProps): JSX.Element
 
-export default AutoCompleteFavorites;
+export default AutoCompleteFavorites;