argous 1.2.247 → 1.3.3

package/dist/components/TextToHtml/TextStyles.js

@@ -26,22 +26,33 @@ 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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
 var react_colorful_1 = require("react-colorful");
 var ri_1 = require("react-icons/ri");
 var ICON_SIZE = '2.5rem';
 var BOX_SHADOW = 'rgba(0, 0, 0, 0.3) 0px 1px 12px -2px';
-var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
-    container: {
+var containerSx = function (_a) {
+    var defaultSpacing = _a.defaultSpacing;
+    return ({
         zIndex: 1,
         position: 'absolute',
         top: 0,
@@ -49,34 +60,31 @@ var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
         display: 'flex',
         alignItems: 'flex-start',
         justifyContent: 'flex-end',
-        gap: function (_a) {
-            var defaultSpacing = _a.defaultSpacing;
-            return (defaultSpacing) ? defaultSpacing : '';
-        }
-    },
-    button: {
-        padding: function (_a) {
-            var defaultSpacing = _a.defaultSpacing;
-            return (defaultSpacing) ? (defaultSpacing / 2) : '';
-        },
-        color: "rgba(".concat((theme.palette.type === 'light') ? '0, 0, 0' : '255, 255, 255', ", .7)"),
-        backgroundColor: "rgba(".concat((theme.palette.type === 'light') ? '255, 255, 255' : '0, 0, 0', ", .5)"),
+        gap: defaultSpacing ? defaultSpacing : ''
+    });
+};
+var buttonSx = function (_a) {
+    var defaultSpacing = _a.defaultSpacing;
+    return function (theme) { return ({
+        padding: defaultSpacing ? defaultSpacing / 2 : '',
+        color: "rgba(".concat(theme.palette.mode === 'light' ? '0, 0, 0' : '255, 255, 255', ", .7)"),
+        backgroundColor: "rgba(".concat(theme.palette.mode === 'light' ? '255, 255, 255' : '0, 0, 0', ", .5)"),
         '&:hover': {
-            backgroundColor: "rgba(".concat((theme.palette.type === 'light') ? '255, 255, 255' : '0, 0, 0', ", .7)")
+            backgroundColor: "rgba(".concat(theme.palette.mode === 'light' ? '255, 255, 255' : '0, 0, 0', ", .7)")
         }
-    },
-    colorPickerContainer: {
-        zIndex: 2,
-        position: 'absolute',
-        padding: '2rem'
-    },
-    colorPickerBoxShadow: {
-        borderRadius: 8,
-        webKitBoxShadow: BOX_SHADOW,
-        mozBoxShadow: BOX_SHADOW,
-        boxShadow: BOX_SHADOW
-    }
-}); });
+    }); };
+};
+var colorPickerContainerSx = {
+    zIndex: 2,
+    position: 'absolute',
+    padding: '2rem'
+};
+var colorPickerBoxShadowSx = {
+    borderRadius: 8,
+    webKitBoxShadow: BOX_SHADOW,
+    mozBoxShadow: BOX_SHADOW,
+    boxShadow: BOX_SHADOW
+};
 var initialStateOpen = {
     colorPicker: undefined
 };
@@ -85,7 +93,6 @@ var initialState = {
 };
 var TextStyles = function (_a) {
     var color = _a.color, setColor = _a.setColor, defaultSpacing = _a.defaultSpacing, toggleClickAway = _a.toggleClickAway, handleFontSizeChange = _a.handleFontSizeChange, textAlign = _a.textAlign, handleTextAlignChange = _a.handleTextAlignChange;
-    var classes = useStyles({ defaultSpacing: defaultSpacing });
     var _b = (0, react_1.useState)(initialState), state = _b[0], setState = _b[1];
     var open = state.open;
     var logicSetState = function (type, field, value) { return setState(function (values) {
@@ -101,8 +108,8 @@ var TextStyles = function (_a) {
         toggleClickAway();
         logicSetState('open', 'colorPicker', undefined);
     };
-    return react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement(core_1.IconButton, { onClick: handleTextAlignChange, onTouchStart: handleTextAlignChange, className: classes.button }, (function () {
+    return react_1.default.createElement(material_1.Box, { sx: containerSx({ defaultSpacing: defaultSpacing }) },
+        react_1.default.createElement(material_1.IconButton, { onClick: handleTextAlignChange, onTouchStart: handleTextAlignChange, sx: buttonSx({ defaultSpacing: defaultSpacing }) }, (function () {
             switch (textAlign) {
                 case 'start':
                     return react_1.default.createElement(ri_1.RiAlignLeft, { size: ICON_SIZE });
@@ -116,13 +123,13 @@ var TextStyles = function (_a) {
                     return null;
             }
         })()),
-        react_1.default.createElement(core_1.IconButton, { onClick: handleColorPickerOpen, onTouchStart: handleColorPickerOpen, className: classes.button },
+        react_1.default.createElement(material_1.IconButton, { onClick: handleColorPickerOpen, onTouchStart: handleColorPickerOpen, sx: buttonSx({ defaultSpacing: defaultSpacing }) },
             react_1.default.createElement(ri_1.RiFontColor, { size: ICON_SIZE })),
-        react_1.default.createElement(core_1.IconButton, { onClick: handleFontSizeChange, onTouchStart: handleFontSizeChange, className: classes.button },
+        react_1.default.createElement(material_1.IconButton, { onClick: handleFontSizeChange, onTouchStart: handleFontSizeChange, sx: buttonSx({ defaultSpacing: defaultSpacing }) },
             react_1.default.createElement(ri_1.RiFontSize, { size: ICON_SIZE })),
-        (!!open.colorPicker) && (react_1.default.createElement(core_1.ClickAwayListener, { disableReactTree: true, onClickAway: handleColorPickerClose },
-            react_1.default.createElement("div", { className: classes.colorPickerContainer },
-                react_1.default.createElement("div", { className: classes.colorPickerBoxShadow },
+        (!!open.colorPicker) && (react_1.default.createElement(material_1.ClickAwayListener, { disableReactTree: true, onClickAway: handleColorPickerClose },
+            react_1.default.createElement(material_1.Box, { sx: colorPickerContainerSx },
+                react_1.default.createElement(material_1.Box, { sx: colorPickerBoxShadowSx },
                     react_1.default.createElement(react_colorful_1.RgbaColorPicker, { color: color, onChange: setColor }))))));
 };
 exports.default = TextStyles;

package/dist/components/TextToHtml/TextToHtml.js

@@ -26,13 +26,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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -43,8 +53,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -86,7 +96,7 @@ exports.textToHtmlInitialValue = exports.initialStateCursor = exports.initialSta
 var Cursor_1 = __importDefault(require("./Cursor"));
 var TextStyles_1 = __importDefault(require("./TextStyles"));
 var utils_1 = require("./utils");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 require("./style.css");
@@ -236,7 +246,9 @@ var TextToHtml = function (_a, ref) {
         (initialValue.cssText) && setStyleFromInitialValue(initialValue.cssText);
         (initialValue.characters) && setCharacters(initialValue.characters);
     }, [setCharacters]);
-    (0, react_1.useEffect)(function () { return loadInitialValue(initialValue); }, [initialValue, loadInitialValue]);
+    (0, react_1.useEffect)(function () {
+        loadInitialValue(initialValue);
+    }, [initialValue, loadInitialValue]);
     var handleKeyDown = function (e) {
         e.preventDefault();
         e.stopPropagation();
@@ -419,7 +431,9 @@ var TextToHtml = function (_a, ref) {
             }
         }
     }, []);
-    (0, react_1.useEffect)(function () { return changeStyles({ resize: resize }); }, [resize, changeStyles]);
+    (0, react_1.useEffect)(function () {
+        changeStyles({ resize: resize });
+    }, [resize, changeStyles]);
     var createHtmlString = (0, react_1.useCallback)(function () {
         var _a;
         var element = document.getElementById(exports.TEXT_TO_HTML_ID);
@@ -440,17 +454,23 @@ var TextToHtml = function (_a, ref) {
             return { htmlString: htmlString };
         }
     }, [characters, ref]);
-    (0, react_1.useEffect)(function () { return createHtmlString(); }, [characters, createHtmlString]);
-    (0, react_1.useEffect)(function () { return ref.current = __assign(__assign(__assign({}, ref.current), state), { clickAway: clickAway, focusToWrite: focusToWrite, createCursor: createCursor, setCharacters: setCharacters, createHtmlString: createHtmlString, setExternalValues: setExternalValues }); }, [ref, state, setCharacters, createCursor, createHtmlString, clickAway, setExternalValues]);
+    (0, react_1.useEffect)(function () {
+        createHtmlString();
+    }, [characters, createHtmlString]);
+    (0, react_1.useEffect)(function () {
+        ref.current = __assign(__assign(__assign({}, ref.current), state), { clickAway: clickAway, focusToWrite: focusToWrite, createCursor: createCursor, setCharacters: setCharacters, createHtmlString: createHtmlString, setExternalValues: setExternalValues });
+    }, [ref, state, setCharacters, createCursor, createHtmlString, clickAway, setExternalValues]);
     var updateExternalValues = function (_a) {
         var state = _a.state, setExternalValues = _a.setExternalValues;
         setExternalValues && setExternalValues(state);
     };
-    (0, react_1.useEffect)(function () { return updateExternalValues({ state: state, setExternalValues: setExternalValues }); }, [state, setExternalValues]);
+    (0, react_1.useEffect)(function () {
+        updateExternalValues({ state: state, setExternalValues: setExternalValues });
+    }, [state, setExternalValues]);
     return react_1.default.createElement("div", { className: 'text-to-html-container' },
-        (canWrite) && (react_1.default.createElement(TextStyles_1.default, __assign({ setColor: function (value) { return logicSetState({ type: 'textStyle', field: 'color', value: value }); } }, { color: color, defaultSpacing: defaultSpacing, toggleClickAway: toggleClickAway, handleFontSizeChange: handleFontSizeChange, textAlign: textAlign, handleTextAlignChange: handleTextAlignChange }))),
+        (canWrite) && (react_1.default.createElement(TextStyles_1.default, { setColor: function (value) { return logicSetState({ type: 'textStyle', field: 'color', value: value }); }, color: color, defaultSpacing: defaultSpacing, toggleClickAway: toggleClickAway, handleFontSizeChange: handleFontSizeChange, textAlign: textAlign, handleTextAlignChange: handleTextAlignChange })),
         react_1.default.createElement("div", { id: TEXT_TO_HTML_TEXT_CONTAINER_ID, onClick: handleContainerClick, className: 'text-to-html-text-container' },
-            react_1.default.createElement(core_1.ClickAwayListener, { mouseEvent: state.clickAway, touchEvent: state.clickAway, disableReactTree: true, onClickAway: handleClickAway },
+            react_1.default.createElement(material_1.ClickAwayListener, { mouseEvent: state.clickAway, touchEvent: state.clickAway, disableReactTree: true, onClickAway: handleClickAway },
                 react_1.default.createElement("div", { id: exports.TEXT_TO_HTML_ID, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onMouseDown: handleMouseDownTouchStart, onMouseUp: handleMouseUpTouchEnd, onMouseMove: handleMouseTouchMove, onTouchStart: handleMouseDownTouchStart, onTouchEnd: handleMouseUpTouchEnd, onTouchMove: handleMouseTouchMove, onClick: handleClick, onDoubleClick: handleDoubleClick, style: {
                         color: (color) ? "rgba(".concat(color.r, ", ").concat(color.g, ", ").concat(color.b, ", ").concat(color.a, ")") : 'inherit',
                         textAlign: (textAlign) ? textAlign : 'inherit',

package/dist/components/ThreadLog/ThreadLog.js

@@ -30,13 +30,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 };
 };
@@ -47,7 +57,7 @@ var SimpleTable_1 = __importDefault(require("../../components/SimpleTable"));
 var fieldsRedux_1 = require("../../fieldsRedux");
 var config_1 = require("../../utils/config");
 var date_1 = require("../../utils/date");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
 var fa_1 = require("react-icons/fa");
@@ -175,7 +185,7 @@ var ThreadLog = /** @class */ (function (_super) {
         var _a = this.state, open = _a.open, loading = _a.loading, infoProcesso = _a.infoProcesso;
         var _b = this.props, currentProgram = _b.currentProgram, thread = _b.thread;
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(core_1.IconButton, { title: thread.nome, onClick: this.openDetails },
+            react_1.default.createElement(material_1.IconButton, { title: thread.nome, onClick: this.openDetails },
                 react_1.default.createElement(ti_1.TiCog, { key: 'leave' })),
             open && (react_1.default.createElement("div", { onClick: function (e) { return e.stopPropagation(); } },
                 react_1.default.createElement("h3", { className: 'reset-margin-top bg-blue-alt' },

package/dist/components/UserCard/UserCard.js

@@ -26,13 +26,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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -43,8 +53,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -74,7 +84,7 @@ var __1 = require("../");
 var fieldsRedux_1 = require("../../fieldsRedux");
 var utils_1 = require("../../utils");
 var api_1 = require("../../utils/api");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
 var io_1 = require("react-icons/io");
 var md_1 = require("react-icons/md");
@@ -156,30 +166,30 @@ function UserCard(_a) {
         clear.current = false;
     }
     if (local.userId && show)
-        return (react_1.default.createElement(core_1.Portal, null,
-            react_1.default.createElement(core_1.Popper, { open: ((!!anchor || !!local.anchor) && !!data.dsNomeUsuario), anchorEl: anchor || local.anchor, onClick: function (e) { return e.stopPropagation(); }, onMouseLeave: mouseLeave, onMouseEnter: mouseEnter, style: { zIndex: 1300 } },
-                react_1.default.createElement(core_1.Card, { variant: 'outlined', style: { padding: '10px', maxWidth: '350px' } },
-                    react_1.default.createElement(core_1.Grid, { container: true, spacing: 1 },
-                        react_1.default.createElement(core_1.Grid, { item: true, xs: 'auto' },
+        return (react_1.default.createElement(material_1.Portal, null,
+            react_1.default.createElement(material_1.Popper, { open: ((!!anchor || !!local.anchor) && !!data.dsNomeUsuario), anchorEl: anchor || local.anchor, onClick: function (e) { return e.stopPropagation(); }, onMouseLeave: mouseLeave, onMouseEnter: mouseEnter, style: { zIndex: 1300 } },
+                react_1.default.createElement(material_1.Card, { variant: 'outlined', style: { padding: '10px', maxWidth: '350px' } },
+                    react_1.default.createElement(material_1.Grid, { container: true, spacing: 1 },
+                        react_1.default.createElement(material_1.Grid, { size: 'auto' },
                             react_1.default.createElement(__1.ArgousAvatar, { style: { width: '50px', height: '50px', margin: '10px' }, nome: data.dsNomeUsuario, idUsuario: userId || local.userId })),
-                        react_1.default.createElement(core_1.Grid, { item: true, xs: 'auto' },
-                            react_1.default.createElement(core_1.Typography, { variant: 'h6', style: { overflow: 'hidden', width: '250px', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, data.dsNomeUsuario),
-                            react_1.default.createElement(core_1.Typography, { variant: 'body2', style: { width: '250px' } }, data.dsFuncaoUsuario),
-                            react_1.default.createElement(core_1.Typography, { variant: 'caption', style: { width: '250px' } }, data.dsSetor)),
-                        (data.dtExclusaoUsuario) ? react_1.default.createElement(core_1.Typography, { variant: 'h6' },
+                        react_1.default.createElement(material_1.Grid, { size: 'auto' },
+                            react_1.default.createElement(material_1.Typography, { variant: 'h6', style: { overflow: 'hidden', width: '250px', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, data.dsNomeUsuario),
+                            react_1.default.createElement(material_1.Typography, { variant: 'body2', style: { width: '250px' } }, data.dsFuncaoUsuario),
+                            react_1.default.createElement(material_1.Typography, { variant: 'caption', style: { width: '250px' } }, data.dsSetor)),
+                        (data.dtExclusaoUsuario) ? react_1.default.createElement(material_1.Typography, { variant: 'h6' },
                             "Usu\u00E1rio excluido em ",
                             data.dtExclusaoUsuario) : (((userId && (loggedUserId !== userId)) || (local.userId && (loggedUserId !== local.userId))) && (react_1.default.createElement(react_1.default.Fragment, null,
-                            (data.nrRamalUsuario) && (react_1.default.createElement(core_1.Grid, { item: true, xs: true },
-                                react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', href: "tel: ".concat(data.nrRamalUsuario), title: "Ramal: ".concat(data.nrRamalUsuario) },
+                            (data.nrRamalUsuario) && (react_1.default.createElement(material_1.Grid, { size: 'grow' },
+                                react_1.default.createElement(material_1.Button, { fullWidth: true, variant: 'contained', href: "tel: ".concat(data.nrRamalUsuario), title: "Ramal: ".concat(data.nrRamalUsuario) },
                                     react_1.default.createElement(io_1.IoIosCall, null),
                                     "\u00A0",
                                     data.nrRamalUsuario))),
-                            react_1.default.createElement(core_1.Grid, { item: true, xs: true },
-                                react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', href: "mailto: ".concat(data.dsEmailUsuario), title: data.dsEmailUsuario },
+                            react_1.default.createElement(material_1.Grid, { size: 'grow' },
+                                react_1.default.createElement(material_1.Button, { fullWidth: true, variant: 'contained', href: "mailto: ".concat(data.dsEmailUsuario), title: data.dsEmailUsuario },
                                     react_1.default.createElement(md_1.MdMail, null),
                                     "\u00A0Email")),
-                            react_1.default.createElement(core_1.Grid, { item: true, xs: true },
-                                react_1.default.createElement(core_1.Button, { fullWidth: true, variant: 'contained', onClick: function () { return (0, fieldsRedux_1.setAnotherProgramField)('janelaChatOpen', returnUser(), 'argousSystem'); }, title: 'Abrir chat de conversa' },
+                            react_1.default.createElement(material_1.Grid, { size: 'grow' },
+                                react_1.default.createElement(material_1.Button, { fullWidth: true, variant: 'contained', onClick: function () { return (0, fieldsRedux_1.setAnotherProgramField)('janelaChatOpen', returnUser(), 'argousSystem'); }, title: 'Abrir chat de conversa' },
                                     react_1.default.createElement(md_1.MdMessage, null),
                                     "\u00A0Mensagem"))))))))));
     return null;

package/dist/components/UtilAutoComplete/UtilAutoComplete.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 UtilAutoCompleteProps extends Omit<AutocompleteProps<any, false, false, false>, 'getOptionLabel'>{
+export interface UtilAutoCompleteProps extends Omit<AutocompleteProps<any, false, false, false>, 'getOptionLabel' | 'onChange'>{
   /**
    * Tipo de autocomplete
    */
@@ -94,4 +93,4 @@ export interface UtilAutoCompleteProps extends Omit<AutocompleteProps<any, false
 
 declare function UtilAutoComplete(props: UtilAutoCompleteProps): JSX.Element
 
-export default UtilAutoComplete;
+export default UtilAutoComplete;

package/dist/components/UtilAutoComplete/UtilAutoComplete.js

@@ -26,13 +26,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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -43,8 +53,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -83,8 +93,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../../utils");
 var api_1 = require("../../utils/api");
-var core_1 = require("@material-ui/core");
-var lab_1 = require("@material-ui/lab");
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 // import PropTypes from 'prop-types';
@@ -151,10 +160,11 @@ var retornaType = function (type) {
     }
 };
 var UtilAutoComplete = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? '' : _b, label = _a.label, value = _a.value, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, excluidos = _a.excluidos, idEmpresa = _a.idEmpresa, cdEstado = _a.cdEstado, cdUnimed = _a.cdUnimed, getOptionLabel = _a.getOptionLabel, _e = _a.pgCode, pgCode = _e === void 0 ? 'BuscasHelper' : _e, action = _a.action, busca = _a.busca, resposta = _a.resposta, searchParams = _a.searchParams, filterFunction = _a.filterFunction, forceUpdate = _a.forceUpdate, readOnly = _a.readOnly, props = __rest(_a, ["type", "label", "value", "textFieldProps", "onChange", "excluidos", "idEmpresa", "cdEstado", "cdUnimed", "getOptionLabel", "pgCode", "action", "busca", "resposta", "searchParams", "filterFunction", "forceUpdate", "readOnly"]);
-    var _f = (0, react_1.useState)(false), open = _f[0], setOpen = _f[1];
-    var _g = (0, react_1.useState)([]), lista = _g[0], setLista = _g[1];
-    var _h = (0, react_1.useState)(''), inputValue = _h[0], setInputValue = _h[1];
+    var _b = _a.type, type = _b === void 0 ? '' : _b, label = _a.label, value = _a.value, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, excluidos = _a.excluidos, idEmpresa = _a.idEmpresa, cdEstado = _a.cdEstado, cdUnimed = _a.cdUnimed, getOptionLabel = _a.getOptionLabel, _e = _a.pgCode, pgCode = _e === void 0 ? 'BuscasHelper' : _e, action = _a.action, busca = _a.busca, resposta = _a.resposta, searchParams = _a.searchParams, filterFunction = _a.filterFunction, forceUpdate = _a.forceUpdate, readOnly = _a.readOnly, ListboxComponent = _a.ListboxComponent, ListboxProps = _a.ListboxProps, PaperComponent = _a.PaperComponent, PopperComponent = _a.PopperComponent, ChipProps = _a.ChipProps, renderTags = _a.renderTags, renderValue = _a.renderValue, _f = _a.slots, slots = _f === void 0 ? {} : _f, _g = _a.slotProps, slotProps = _g === void 0 ? {} : _g, props = __rest(_a, ["type", "label", "value", "textFieldProps", "onChange", "excluidos", "idEmpresa", "cdEstado", "cdUnimed", "getOptionLabel", "pgCode", "action", "busca", "resposta", "searchParams", "filterFunction", "forceUpdate", "readOnly", "ListboxComponent", "ListboxProps", "PaperComponent", "PopperComponent", "ChipProps", "renderTags", "renderValue", "slots", "slotProps"]);
+    var _h = (0, react_1.useState)(false), open = _h[0], setOpen = _h[1];
+    var _j = (0, react_1.useState)([]), lista = _j[0], setLista = _j[1];
+    var _k = (0, react_1.useState)(''), inputValue = _k[0], setInputValue = _k[1];
+    var FormHelperTextProps = textFieldProps.FormHelperTextProps, InputLabelProps = textFieldProps.InputLabelProps, InputProps = textFieldProps.InputProps, inputProps = textFieldProps.inputProps, SelectProps = textFieldProps.SelectProps, _l = textFieldProps.slotProps, textFieldSlotProps = _l === void 0 ? {} : _l, resolvedTextFieldProps = __rest(textFieldProps, ["FormHelperTextProps", "InputLabelProps", "InputProps", "inputProps", "SelectProps", "slotProps"]);
     var buscar = (0, react_1.useCallback)(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
         var res;
         var _a;
@@ -178,7 +188,7 @@ var UtilAutoComplete = function (_a) {
         // if (inputValue.length < 2) return;
         buscar();
     }, [inputValue, buscar]);
-    return (react_1.default.createElement(lab_1.Autocomplete, __assign({ open: open, onOpen: function () { return !readOnly && setOpen(true); }, onClose: function () { return setOpen(false); }, disableClearable: readOnly, options: (0, lodash_1.isObject)(value) ? lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : lista, getOptionSelected: function (o, v) { return o[0] === v; }, getOptionLabel: getOptionLabel ? (function (option) { return getOptionLabel(option, lista); }) : (function (option) { return retornaType(type).getLabel(option, lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', clearText: 'Limpar', openText: 'Abrir', onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, filterSelectedOptions: true, autoComplete: true, autoHighlight: true }, { value: value, onChange: onChange }, props, { renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label || retornaType(type).label }, params, textFieldProps, { InputProps: __assign(__assign({}, textFieldProps.InputProps), params.InputProps), inputProps: __assign(__assign(__assign({}, textFieldProps.inputProps), params.inputProps), { readOnly: readOnly }) }))); } })));
+    return (react_1.default.createElement(material_1.Autocomplete, __assign({ open: open, onOpen: function () { return !readOnly && setOpen(true); }, onClose: function () { return setOpen(false); }, disableClearable: readOnly, options: (0, lodash_1.isObject)(value) ? lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : lista, isOptionEqualToValue: function (o, v) { return o[0] === ((0, lodash_1.isArray)(v) ? v[0] : v); }, getOptionLabel: getOptionLabel ? (function (option) { return getOptionLabel(option, lista); }) : (function (option) { return retornaType(type).getLabel(option, lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', clearText: 'Limpar', openText: 'Abrir', onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, filterSelectedOptions: true, autoComplete: true, autoHighlight: true, value: value, onChange: onChange }, props, { renderValue: renderValue || renderTags, slots: __assign(__assign(__assign({}, (PaperComponent ? { paper: PaperComponent } : {})), (PopperComponent ? { popper: PopperComponent } : {})), slots), slotProps: __assign(__assign({}, slotProps), { chip: __assign(__assign({}, ChipProps), slotProps.chip), listbox: __assign(__assign(__assign({}, (ListboxComponent ? { component: ListboxComponent } : {})), ListboxProps), slotProps.listbox) }), renderInput: function (params) { return (react_1.default.createElement(material_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label || retornaType(type).label }, params, resolvedTextFieldProps, { slotProps: __assign(__assign(__assign({}, textFieldSlotProps), params.slotProps), { formHelperText: __assign(__assign(__assign({}, FormHelperTextProps), textFieldSlotProps.formHelperText), params.slotProps.formHelperText), input: __assign(__assign(__assign({}, InputProps), textFieldSlotProps.input), params.slotProps.input), inputLabel: __assign(__assign(__assign({}, InputLabelProps), textFieldSlotProps.inputLabel), params.slotProps.inputLabel), htmlInput: __assign(__assign(__assign(__assign({}, inputProps), textFieldSlotProps.htmlInput), params.slotProps.htmlInput), { readOnly: readOnly }), select: __assign(__assign(__assign({}, SelectProps), textFieldSlotProps.select), params.slotProps.select) }) }))); } })));
 };
 // UtilAutoComplete.propTypes = {
 //   type: PropTypes.oneOf(['beneficiarios', 'empresas', 'gruposUnimed', 'estados', 'cidades', 'unimeds', 'prestadores']).isRequired,

package/dist/components/UtilTextField/UtilTextField.d.ts

@@ -1,4 +1,4 @@
-import { BaseTextFieldProps } from '@material-ui/core';
+import { BaseTextFieldProps } from '@mui/material';
 import * as React from 'react';
 
 

package/dist/components/UtilTextField/UtilTextField.js

@@ -26,13 +26,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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -49,13 +59,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var utils_1 = require("../../utils");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
-var react_maskedinput_1 = __importDefault(require("react-maskedinput"));
-var cepMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '11111-111' }, props)); } };
-var cpfMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '111.111.111-11' }, props)); } };
-var cnpjMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '##.###.###/####-##' }, props)); } };
-var telephoneMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_maskedinput_1.default, __assign({ mask: '(11) 111111111' }, props)); } };
+var react_input_mask_1 = __importDefault(require("@mona-health/react-input-mask"));
+var cepMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '99999-999' }, props)); } };
+var cpfMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '999.999.999-99' }, props)); } };
+var cnpjMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '**.***.***/****-**' }, props)); } };
+var telephoneMaskedInput = { inputComponent: function (props) { return react_1.default.createElement(react_input_mask_1.default, __assign({ mask: '(99) 999999999' }, props)); } };
 var UtilTextField = function (_a) {
     var type = _a.type, onChange = _a.onChange, props = __rest(_a, ["type", "onChange"]);
     var standard = (0, react_1.useMemo)(function () {
@@ -95,6 +105,8 @@ var UtilTextField = function (_a) {
         newValue = standard.valueHandler(newValue);
         onChange(event, newValue);
     };
-    return (react_1.default.createElement(core_1.TextField, __assign({}, props, { label: ((props === null || props === void 0 ? void 0 : props.label) === false) ? '' : (props === null || props === void 0 ? void 0 : props.label) ? props === null || props === void 0 ? void 0 : props.label : standard.label, InputProps: __assign(__assign({}, standard.InputProps), ((props === null || props === void 0 ? void 0 : props.InputProps) || {})), onChange: handleOnChange })));
+    return (react_1.default.createElement(material_1.TextField, __assign({}, props, { label: ((props === null || props === void 0 ? void 0 : props.label) === false) ? '' : (props === null || props === void 0 ? void 0 : props.label) ? props === null || props === void 0 ? void 0 : props.label : standard.label, onChange: handleOnChange, slotProps: {
+            input: __assign(__assign({}, standard.InputProps), ((props === null || props === void 0 ? void 0 : props.InputProps) || {}))
+        } })));
 };
 exports.default = UtilTextField;