argous 1.2.246 → 1.3.2

package/dist/components/ArgousComplexTableHead/ArgousComplexTableHead.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,53 +15,68 @@ 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 = core_1.makeStyles(function (theme) { return ({
-    highlight: {
-        color: theme.palette.type === 'light' ? theme.palette.secondary.main : theme.palette.text.primary,
-        backgroundColor: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
-    },
-    lighthighlight: {
-        background: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity)
-    },
-    visuallyHidden: {
-        border: 0,
-        clip: 'rect(0 0 0 0)',
-        height: 1,
-        margin: -1,
-        overflow: 'hidden',
-        padding: 0,
-        position: 'absolute',
-        top: 20,
-        width: 1,
-    }
-}); });
-var ArgousComplexTableHead = react_1.memo(function (_a) {
+var classes = {
+    highlight: 'argous-complex-table-head-highlight',
+    lighthighlight: 'argous-complex-table-head-light-highlight',
+    visuallyHidden: 'argous-complex-table-head-visually-hidden',
+};
+var tableHeadStyles = function (theme) {
+    var _a;
+    return (_a = {},
+        _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.lighthighlight)] = {
+            background: (0, styles_1.alpha)(theme.palette.secondary.main, theme.palette.action.selectedOpacity)
+        },
+        _a[".".concat(classes.visuallyHidden)] = {
+            border: 0,
+            clip: 'rect(0 0 0 0)',
+            height: 1,
+            margin: -1,
+            overflow: 'hidden',
+            padding: 0,
+            position: 'absolute',
+            top: 20,
+            width: 1,
+        },
+        _a);
+};
+var ArgousComplexTableHead = (0, react_1.memo)(function (_a) {
     var _b;
     var numSelected = _a.numSelected, rowCount = _a.rowCount, head = _a.head, enableCheck = _a.enableCheck, disableCheckIf = _a.disableCheckIf, line = _a.line, size = _a.size, headerColumnStyles = _a.headerColumnStyles, disableSorting = _a.disableSorting, ordCols = _a.ordCols, cortaDados = _a.cortaDados, enableDrag = _a.enableDrag;
-    var classes = useStyles();
-    var _c = react_1.useContext(ArgousComplexTable_1.TableContext), selected = _c.selected, order = _c.order, orderBy = _c.orderBy, dispatch = _c.dispatch, lista = _c.lista, indexToSelect = _c.indexToSelect, method = _c.method, externalCtrlPgn = _c.externalCtrlPgn;
+    var _c = (0, react_1.useContext)(ArgousComplexTable_1.TableContext), selected = _c.selected, order = _c.order, orderBy = _c.orderBy, dispatch = _c.dispatch, lista = _c.lista, indexToSelect = _c.indexToSelect, method = _c.method, externalCtrlPgn = _c.externalCtrlPgn;
     var handleRequestSort = function (property) {
         var isAsc = orderBy === property && order === 'asc';
         dispatch({ type: 'setOrder', value: isAsc ? 'desc' : 'asc' });
         dispatch({ type: 'setOrderBy', value: property });
     };
-    var length = react_1.useMemo(function () { return disableCheckIf ? lista.reduce(function (acc, linha, i) { return !disableCheckIf(linha, line(linha), i) ? acc + 1 : acc; }, 0) : size; }, [disableCheckIf, lista, size, line]);
+    var length = (0, react_1.useMemo)(function () { return disableCheckIf ? lista.reduce(function (acc, linha, i) { return !disableCheckIf(linha, line(linha), i) ? acc + 1 : acc; }, 0) : size; }, [disableCheckIf, lista, size, line]);
     var handleSelectAllClick = function (event) {
         if (event.target.checked) {
             if (!method && !externalCtrlPgn && (selected.length === 0))
@@ -70,19 +89,21 @@ var ArgousComplexTableHead = react_1.memo(function (_a) {
         else
             dispatch({ type: 'setSelected', value: [] });
     };
-    return (react_1.default.createElement(core_1.TableHead, null,
-        react_1.default.createElement(core_1.TableRow, { className: clsx_1.default((_b = {},
-                _b[classes.highlight] = (((numSelected === rowCount) || (numSelected === length) || (numSelected === (lista === null || lista === void 0 ? void 0 : lista.length))) && (rowCount && length)),
-                _b[classes.lighthighlight] = ((numSelected > 0) && ((method || externalCtrlPgn) ? (numSelected < (lista === null || lista === void 0 ? void 0 : lista.length)) : (numSelected < rowCount))),
-                _b)) },
-            enableDrag && react_1.default.createElement(core_1.TableCell, { padding: 'checkbox' }),
-            enableCheck && react_1.default.createElement(core_1.TableCell, { padding: 'checkbox' },
-                react_1.default.createElement(core_1.Checkbox, { disabled: !length, indeterminate: (method || externalCtrlPgn) ? ((numSelected > 0) && (numSelected < (lista === null || lista === void 0 ? void 0 : lista.length))) : ((numSelected > 0) && (numSelected < length)), checked: (method || externalCtrlPgn) ? ((rowCount > 0) && ((numSelected === rowCount) || (numSelected === (lista === null || lista === void 0 ? void 0 : lista.length)))) : ((rowCount > 0) && length && (numSelected === length)), onChange: handleSelectAllClick })),
-            lodash_1.isArray(head) && head.map(function (item, i) { return (react_1.default.createElement(core_1.TableCell, { key: i, style: headerColumnStyles ? headerColumnStyles[i] : undefined }, (disableSorting[i] || (ordCols && !ordCols[i])) ?
-                item
-                :
-                    react_1.default.createElement(core_1.TableSortLabel, { active: orderBy === i, direction: orderBy === i ? order : 'asc', onClick: function () { return handleRequestSort(i); } },
-                        item,
-                        orderBy === i ? (react_1.default.createElement("span", { className: classes.visuallyHidden }, order === 'desc' ? 'sorted descending' : 'sorted ascending')) : null))); }))));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.GlobalStyles, { styles: tableHeadStyles }),
+        react_1.default.createElement(material_1.TableHead, null,
+            react_1.default.createElement(material_1.TableRow, { className: (0, clsx_1.clsx)((_b = {},
+                    _b[classes.highlight] = (((numSelected === rowCount) || (numSelected === length) || (numSelected === (lista === null || lista === void 0 ? void 0 : lista.length))) && (rowCount && length)),
+                    _b[classes.lighthighlight] = ((numSelected > 0) && ((method || externalCtrlPgn) ? (numSelected < (lista === null || lista === void 0 ? void 0 : lista.length)) : (numSelected < rowCount))),
+                    _b)) },
+                enableDrag && react_1.default.createElement(material_1.TableCell, { padding: 'checkbox' }),
+                enableCheck && react_1.default.createElement(material_1.TableCell, { padding: 'checkbox' },
+                    react_1.default.createElement(material_1.Checkbox, { disabled: !length, indeterminate: (method || externalCtrlPgn) ? ((numSelected > 0) && (numSelected < (lista === null || lista === void 0 ? void 0 : lista.length))) : ((numSelected > 0) && (numSelected < length)), checked: (method || externalCtrlPgn) ? ((rowCount > 0) && ((numSelected === rowCount) || (numSelected === (lista === null || lista === void 0 ? void 0 : lista.length)))) : ((rowCount > 0) && length && (numSelected === length)), onChange: handleSelectAllClick })),
+                (0, lodash_1.isArray)(head) && head.map(function (item, i) { return (react_1.default.createElement(material_1.TableCell, { key: i, style: headerColumnStyles ? headerColumnStyles[i] : undefined }, (disableSorting[i] || (ordCols && !ordCols[i])) ?
+                    item
+                    :
+                        react_1.default.createElement(material_1.TableSortLabel, { active: orderBy === i, direction: orderBy === i ? order : 'asc', onClick: function () { return handleRequestSort(i); } },
+                            item,
+                            orderBy === i ? (react_1.default.createElement("span", { className: classes.visuallyHidden }, order === 'desc' ? 'sorted descending' : 'sorted ascending')) : null))); })))));
 });
 exports.default = ArgousComplexTableHead;

package/dist/components/ArgousComplexTableHead/index.d.ts

@@ -1,2 +1 @@
-export { default } from './ArgousComplexTableHead';
-export * from './ArgousComplexTableHead'; 
+export { default } from "./ArgousComplexTableHead";

package/dist/components/ArgousComplexTableToolbar/ArgousComplexTableToolBar.d.ts

@@ -1,58 +1,3 @@
-import * as React from 'react';
-import { IconType } from 'react-icons';
-
-declare interface ActionsFunction {
-  /**
-   * @param identificador - Array com todos os itens que foram selecionados
-   * 
-   * @returns {void} Sem retorno
-   */ 
-  (identificador: Array<any>): void
-}
-
-export interface ArgousComplexTableToolBarProps {
-  /**
-   * Recebe um array com as ações para a tabela, cada item do array deve ser outro array
-   * com três itens na seguinte ordem:
-   * 
-   * @param icone - Icone, do react icons, que ficará visivel na action
-   * @param title - Texto que aparecerá ao passar o mouse por cima do icone
-   * @param callback - Funcao q será chamada ao clicar no icone, ela pode receber como parametros os itens selecioandos na lista
-   */ 
-  actions?: Array<Array<IconType | string | ActionsFunction>>,
-  /**
-   * Titulo que aparecerá acima da tabela
-   */ 
-  title?: string,
-  /**
-   * Desabilita o filtro
-   */ 
-  disableFilter?: boolean,
-  /**
-   * Label a ser aplicado ao filtro
-   */ 
-  filterLabel?: string,
-  /**
-   * Deixa a barra de ferramentas fixa sempre ativa
-   */ 
-  fixedToolbar?: boolean,
-}
-
-export interface ArgousComplexTableToolBarPrivateProps extends ArgousComplexTableToolBarProps {
-  /**
-   * Quantidade de itens selecionados
-   */
-  numSelected: number,
-  /**
-   * Lista com os itens da tabela
-   */
-  lista: Array<Array<any> | Object>,
-  /**
-   * Ìndice da linha original a ser utilizado como ID primário na hora das seleções e que será retornado pelas actions
-   */ 
-  indexToSelect?: number | string,
-}
-
-declare function ArgousComplexTableToolBar(props: ArgousComplexTableToolBarPrivateProps): JSX.Element
-
-export default ArgousComplexTableToolBar;
+export default ArgousComplexTableToolBar;
+declare const ArgousComplexTableToolBar: React.NamedExoticComponent<object>;
+import React from 'react';

package/dist/components/ArgousComplexTableToolbar/ArgousComplexTableToolBar.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -11,43 +15,58 @@ 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 = 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: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
-    },
-    title: {
-        flex: '1 1 100%',
-        lineHeight: '50px'
-    }
-}); });
-var ArgousComplexTableToolBar = react_1.memo(function (_a) {
+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 = react_1.useContext(ArgousComplexTable_1.TableContext), selected = _c.selected, dispatch = _c.dispatch;
-    var filterTime = react_1.useRef();
+    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) {
         var value = e.target.value;
         clearTimeout(filterTime.current);
@@ -55,16 +74,19 @@ var ArgousComplexTableToolBar = react_1.memo(function (_a) {
             dispatch({ type: 'setFilter', value: value });
         }, 300);
     };
-    return (react_1.default.createElement(core_1.Toolbar, { className: 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) && 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/ArgousComplexTableToolbar/index.d.ts

@@ -1,2 +1 @@
-export { default } from './ArgousComplexTableToolBar';
-export * from './ArgousComplexTableToolBar'; 
+export { default } from "./ArgousComplexTableToolBar";

package/dist/components/ArgousInput/ArgousInput.d.ts

@@ -1,8 +1,2 @@
-export interface ArgousInputProps {}
-/**
- * @deprecated
- * @param props 
- */
-declare function ArgousInput(props: ArgousInputProps): JSX.Element
-
-export default ArgousInput;
+declare const _default: any;
+export default _default;

package/dist/components/ArgousInput/ArgousInput.js

@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -37,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 };
 };
@@ -51,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
  */
@@ -361,7 +375,7 @@ var ArgousInput = /** @class */ (function (_super) {
         _this.handleWithTypeValues = function (value) {
             var _a = _this.props, field = _a.field, type = _a.type, optionValue = _a.optionValue;
             if (type === 'checkbox') {
-                var fieldValue = fieldsRedux_1.getField(field, 'value') || [];
+                var fieldValue = (0, fieldsRedux_1.getField)(field, 'value') || [];
                 var index = fieldValue.indexOf(optionValue);
                 if (index < 0) {
                     fieldValue.push(optionValue);
@@ -393,7 +407,7 @@ var ArgousInput = /** @class */ (function (_super) {
         };
         _this.checkInputProps = function () {
             var _a = _this.props, field = _a.field, id = _a.id, _b = _a.type, type = _b === void 0 ? 'text' : _b, placeholder = _a.placeholder, min = _a.min, max = _a.max, step = _a.step, maxLength = _a.maxLength, minLength = _a.minLength, autoFocus = _a.autoFocus, disabled = _a.disabled, readOnly = _a.readOnly, required = _a.required;
-            var value = fieldsRedux_1.getField(field, 'value');
+            var value = (0, fieldsRedux_1.getField)(field, 'value');
             var inputProps = {};
             inputProps['min'] = min;
             inputProps['max'] = max;
@@ -522,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 }))))));
@@ -575,4 +589,4 @@ ArgousInput.propTypes = {
     stopWriting: prop_types_1.default.func,
     stopWritingTime: prop_types_1.default.number
 };
-exports.default = fieldsRedux_1.createField(ArgousInput);
+exports.default = (0, fieldsRedux_1.createField)(ArgousInput);

package/dist/components/ArgousInput/index.d.ts

@@ -1,2 +1 @@
-export { default } from './ArgousInput';
-export * from './ArgousInput'; 
+export { default } from "./ArgousInput";

package/dist/components/ArgousPagination/ArgousPagination.d.ts

@@ -1,8 +1,6 @@
-export interface ArgousPaginationProps {}
+export default ArgousPagination;
 /**
  * @deprecated
- * @param props 
  */
-declare function ArgousPagination(props: ArgousPaginationProps): JSX.Element
-
-export default ArgousPagination;
+declare function ArgousPagination(props: any): React.JSX.Element;
+import React from 'react';

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); } }), " / " + 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/ArgousPagination/index.d.ts

@@ -1,2 +1 @@
-export { default } from './ArgousPagination';
-export * from './ArgousPagination'; 
+export { default } from "./ArgousPagination";

package/dist/components/ArgousProgressBar/ArgousProgressBar.d.ts

@@ -1,22 +1,32 @@
-import * as React from 'react';
-
-export interface ArgousProgressBarProps {
-  valueLabel?: string,
-  valueSuffix?: string,
-  maxValueSuffix?: string,
-  maxValueLabel?: string,
-  value: number,
-  maxValue?: number,
-  rightIndicatorColor?: string,
-  topIndicatorColor?: string,
-  borderColor?: string,
-  barColor?: string,
-  fullBarColor?: string,
-  preset?: 'default' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'hot' | 'cold'
-  compact?: boolean,
-  className?: string
+declare function ProgressBar({ valueLabel, valueSuffix, maxValueSuffix, maxValueLabel, value, maxValue, rightIndicatorColor, topIndicatorColor, borderColor, barColor, fullBarColor, preset, compact, className }: {
+    valueLabel: any;
+    valueSuffix: any;
+    maxValueSuffix: any;
+    maxValueLabel: any;
+    value: any;
+    maxValue: any;
+    rightIndicatorColor: any;
+    topIndicatorColor: any;
+    borderColor: any;
+    barColor: any;
+    fullBarColor: any;
+    preset: any;
+    compact: any;
+    className: any;
+}): React.JSX.Element;
+declare namespace ProgressBar {
+    namespace propTypes {
+        let value: PropTypes.Requireable<number>;
+        let maxValue: PropTypes.Requireable<number>;
+        let rightIndicatorColor: PropTypes.Requireable<string>;
+        let topIndicatorColor: PropTypes.Requireable<string>;
+        let borderColor: PropTypes.Requireable<string>;
+        let barColor: PropTypes.Requireable<string>;
+        let fullBarColor: PropTypes.Requireable<string>;
+        let compact: PropTypes.Requireable<boolean>;
+        let preset: PropTypes.Requireable<string>;
+    }
 }
-
-declare function ArgousProgressBar(props: ArgousProgressBarProps): JSX.Element
-
-export default ArgousProgressBar;
+export default ProgressBar;
+import React from 'react';
+import PropTypes from 'prop-types';