argous 1.2.247 → 1.3.3

package/dist/utils/index.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.");
@@ -93,14 +103,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.numbersLettersOnly = exports.lettersOnly = exports.numbersOnly = exports.stopPrntScr = exports.printUrl = exports.geraLog = exports.printScreen = exports.allCharactersSame = exports.dataUrlToBlob = exports.bytesTranslator = exports.storageMeasures = exports.confirm = exports.copyToClipboard = exports.toFloat = exports.currencyMask = exports.useWebSocket = exports.formataTelefone = exports.reduxDispatch = exports.useStore = exports.useModal = exports.useGraph = exports.randomColor = exports.humanFileSize = exports.sanitizaHTML = exports.formataDinheiro = exports.useUpdateEffect = exports.usePrevious = exports.getNumeroFromInitials = exports.getInitials = exports.getRandomColor = exports.printPdf = exports.downloadFromUrl = exports.downloadBase64 = exports.formataNome = exports.addExtraZero = exports.getCookie = exports.widthToCenterVertically = void 0;
+exports.numbersLettersOnly = exports.lettersOnly = exports.numbersOnly = exports.printUrl = exports.geraLog = exports.printScreen = exports.bytesTranslator = exports.storageMeasures = exports.confirm = exports.copyToClipboard = exports.toFloat = exports.currencyMask = exports.useWebSocket = exports.formataTelefone = exports.reduxDispatch = exports.useStore = exports.useModal = exports.useGraph = exports.randomColor = exports.humanFileSize = exports.sanitizaHTML = exports.usePrevious = exports.getNumeroFromInitials = exports.getInitials = exports.getRandomColor = exports.printPdf = exports.formataNome = exports.addExtraZero = exports.getCookie = exports.widthToCenterVertically = void 0;
+exports.downloadBase64 = downloadBase64;
+exports.downloadFromUrl = downloadFromUrl;
+exports.useUpdateEffect = useUpdateEffect;
+exports.formataDinheiro = formataDinheiro;
+exports.dataUrlToBlob = dataUrlToBlob;
+exports.allCharactersSame = allCharactersSame;
+exports.stopPrntScr = stopPrntScr;
 var api_1 = require("./api");
 var store_1 = require("./store");
 var api_2 = require("../api");
 var ModalProvider_1 = require("../components/ConfirmModal/ModalProvider");
 var fieldsRedux_1 = require("../fieldsRedux");
-var core_1 = require("@material-ui/core");
-var colors = __importStar(require("@material-ui/core/colors"));
+var material_1 = require("@mui/material");
+var colors = __importStar(require("@mui/material/colors"));
 var dom_to_image_1 = __importDefault(require("dom-to-image"));
 var lodash_1 = require("lodash");
 var moment_1 = __importDefault(require("moment"));
@@ -127,7 +144,7 @@ var getCookie = function (cName) {
     return '';
 };
 exports.getCookie = getCookie;
-var addExtraZero = function (vl) { return (vl < 10) ? "0".concat(typeof vl === 'string' ? parseInt(vl) : vl) : vl; };
+var addExtraZero = function (vl) { return (Number(vl) < 10) ? "0".concat(typeof vl === 'string' ? parseInt(vl) : vl) : vl; };
 exports.addExtraZero = addExtraZero;
 var formataNome = function (value) {
     if (value) {
@@ -148,7 +165,6 @@ function downloadBase64(base64, fileName, fileExtension) {
     element.click();
     document.body.removeChild(element);
 }
-exports.downloadBase64 = downloadBase64;
 /**
  * Função faz o download de qualquer url
  *
@@ -180,11 +196,14 @@ function downloadFromUrl(url, fileName, fileExtension) {
         });
     });
 }
-exports.downloadFromUrl = downloadFromUrl;
-var printPdf = function (URL) {
-    if (URL === void 0) { URL = ''; }
-    return __awaiter(void 0, void 0, void 0, function () {
+var printPdf = function () {
+    var args_1 = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args_1[_i] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([], args_1, true), void 0, function (URL) {
         var url, iframe;
+        if (URL === void 0) { URL = ''; }
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0: return [4 /*yield*/, (0, api_2.getFileFromLink)({ URL: URL })];
@@ -244,7 +263,7 @@ exports.getInitials = getInitials;
 var getNumeroFromInitials = function (initials, length) { return Math.ceil(new RNG((initials.charCodeAt(0) + initials.charCodeAt(1) - 130) * length / 5).nextFloat() * 10) - 1; };
 exports.getNumeroFromInitials = getNumeroFromInitials;
 var usePrevious = function (value) {
-    var ref = (0, react_1.useRef)();
+    var ref = (0, react_1.useRef)(undefined);
     (0, react_1.useEffect)(function () {
         ref.current = value;
     });
@@ -266,15 +285,15 @@ function useUpdateEffect(effect, dependencies) {
             isInitialMount.current = false;
         else
             effect();
+        // This compatibility hook deliberately forwards the caller's dependency list.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, dependencies);
 }
-exports.useUpdateEffect = useUpdateEffect;
 function formataDinheiro(n) {
     if (n >= 0)
         return new Intl.NumberFormat('pt-BR', { minimumFractionDigits: 2 }).format(n);
     return "(".concat(new Intl.NumberFormat('pt-BR', { minimumFractionDigits: 2 }).format(Math.abs(n)), ")");
 }
-exports.formataDinheiro = formataDinheiro;
 var sanitizaHTML = function (html) {
     if (html === void 0) { html = ''; }
     return (html === null || html === void 0 ? void 0 : html.replace(/(<script>)|(<\/script>)|(\bon[^ ]*=('|"))/gi, '')) || '';
@@ -323,7 +342,7 @@ exports.randomColor = randomColor;
 var useGraph = function (_a) {
     if (_a === void 0) { _a = {}; }
     var title = _a.title, _b = _a.legend, _c = _b === void 0 ? {} : _b, labels = _c.labels, legend = __rest(_c, ["labels"]), _d = _a.plugins, _e = _d === void 0 ? {} : _d, datalabels = _e.datalabels, plugins = __rest(_e, ["datalabels"]), _f = _a.scales, _g = _f === void 0 ? {} : _f, _h = _g.yAxes, _j = _h === void 0 ? [] : _h, _k = _j, _l = _k[0], y = _k.slice(1), _m = _l === void 0 ? {} : _l, _o = _m.ticks, yticks = _o === void 0 ? {} : _o, _p = _m.gridLines, ygridLines = _p === void 0 ? {} : _p, yAxes = __rest(_m, ["ticks", "gridLines"]), _q = _g.xAxes, _r = _q === void 0 ? [] : _q, _s = _r, _t = _s[0], x = _s.slice(1), _u = _t === void 0 ? {} : _t, _v = _u.ticks, xticks = _v === void 0 ? {} : _v, _w = _u.gridLines, xgridLines = _w === void 0 ? {} : _w, xAxes = __rest(_u, ["ticks", "gridLines"]), scales = __rest(_g, ["yAxes", "xAxes"]), props = __rest(_a, ["title", "legend", "plugins", "scales"]);
-    var theme = (0, core_1.useTheme)();
+    var theme = (0, material_1.useTheme)();
     return __assign({ title: __assign({ fontColor: theme.palette.text.primary, fontSize: theme.typography.fontSize }, title), legend: __assign({ position: 'bottom', labels: __assign({ fontColor: theme.palette.text.primary }, labels) }, legend), plugins: __assign({ datalabels: __assign({ align: 'end', anchor: 'end', color: theme.palette.text.secondary, textShadowColor: theme.palette.background.default, textShadowBlur: 3 }, datalabels) }, plugins), scales: __assign({ yAxes: __spreadArray([__assign({ ticks: __assign({ fontColor: theme.palette.text.secondary }, yticks), gridLines: __assign({ color: theme.palette.divider, zeroLineColor: theme.palette.divider }, ygridLines) }, yAxes)], y, true), xAxes: __spreadArray([__assign({ ticks: __assign({ fontColor: theme.palette.text.secondary }, xticks), gridLines: __assign({ color: theme.palette.divider, zeroLineColor: theme.palette.divider }, xgridLines) }, xAxes)], x, true) }, scales) }, props);
 };
 exports.useGraph = useGraph;
@@ -439,7 +458,6 @@ function dataUrlToBlob(dataUrl) {
     var blob = new Blob([arrayBuffer], { type: mimeString });
     return blob;
 }
-exports.dataUrlToBlob = dataUrlToBlob;
 function allCharactersSame(s) {
     var n = s.length;
     for (var i = 1; i < n; i++)
@@ -447,37 +465,34 @@ function allCharactersSame(s) {
             return false;
     return true;
 }
-exports.allCharactersSame = allCharactersSame;
-var printScreen = function (_a) {
-    var event = _a.event, _b = _a.id, id = _b === void 0 ? 'root' : _b, _c = _a.download, download = _c === void 0 ? false : _c;
-    return __awaiter(void 0, void 0, void 0, function () {
-        var status, file, linkElement, element, dataUrl, blob;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
-                case 0:
-                    status = false;
-                    element = document.getElementById(id);
-                    if (!element) return [3 /*break*/, 2];
-                    return [4 /*yield*/, dom_to_image_1.default.toPng(element)];
-                case 1:
-                    dataUrl = _d.sent();
-                    if (dataUrl) {
-                        linkElement = document.createElement('a');
-                        linkElement.download = "print_screen_".concat((0, moment_1.default)(new Date()).format('DD-MM-YYYY_HH:mm:ss'), ".png");
-                        linkElement.href = dataUrl;
-                        blob = dataUrlToBlob(dataUrl);
-                        if (blob)
-                            file = new File([blob], linkElement.download, { type: blob.type });
-                    }
-                    _d.label = 2;
-                case 2:
-                    (linkElement && file) && (status = true);
-                    (linkElement && download) && linkElement.click();
-                    return [2 /*return*/, { event: event, status: status, file: file, element: element, link: linkElement }];
-            }
-        });
+var printScreen = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var status, file, linkElement, element, dataUrl, blob;
+    var event = _b.event, _c = _b.id, id = _c === void 0 ? 'root' : _c, _d = _b.download, download = _d === void 0 ? false : _d;
+    return __generator(this, function (_e) {
+        switch (_e.label) {
+            case 0:
+                status = false;
+                element = document.getElementById(id);
+                if (!element) return [3 /*break*/, 2];
+                return [4 /*yield*/, dom_to_image_1.default.toPng(element)];
+            case 1:
+                dataUrl = _e.sent();
+                if (dataUrl) {
+                    linkElement = document.createElement('a');
+                    linkElement.download = "print_screen_".concat((0, moment_1.default)(new Date()).format('DD-MM-YYYY_HH:mm:ss'), ".png");
+                    linkElement.href = dataUrl;
+                    blob = dataUrlToBlob(dataUrl);
+                    if (blob)
+                        file = new File([blob], linkElement.download, { type: blob.type });
+                }
+                _e.label = 2;
+            case 2:
+                (linkElement && file) && (status = true);
+                (linkElement && download) && linkElement.click();
+                return [2 /*return*/, { event: event, status: status, file: file, element: element, link: linkElement }];
+        }
     });
-};
+}); };
 exports.printScreen = printScreen;
 var geraLog = function (idDocumento, descricao, tpAcao, tokenSistema) { return __awaiter(void 0, void 0, void 0, function () {
     var _a, _b, _c, _d;
@@ -541,7 +556,6 @@ function stopPrntScr(e) {
     inpFld.remove();
     return false;
 }
-exports.stopPrntScr = stopPrntScr;
 var numbersOnly = function (value, type) { return value ? value.replace(type === 'float' ? /[^0-9/.,]/g : /[^0-9]/g, '') : ''; };
 exports.numbersOnly = numbersOnly;
 var lettersOnly = function (valor) { return valor ? valor.replace(/\W/g, '') : ''; };

package/dist/utils/store.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStore = exports.setStore = void 0;
+exports.setStore = setStore;
+exports.getStore = getStore;
 var store;
 function setStore(providedStore) {
     store = providedStore;
 }
-exports.setStore = setStore;
 function getStore() {
     return store;
 }
-exports.getStore = getStore;

package/lib/api/WebSocket.js

@@ -1,4 +1,4 @@
-import { connectArgousWS, getArgousWS, enviaMensagem, disconnect } from './ws';
+import { connectArgousWS, enviaMensagem, disconnect } from './ws';
 import * as argous from '../actions';
 import { getField, getCurrentProgram } from '../fieldsRedux';
 import { sendNotification } from '../utils/api';
@@ -9,11 +9,7 @@ import { connect } from 'react-redux';
 class WebSocketComponent extends Component {
 
   componentDidMount() {
-    window.addEventListener('focus', () => {
-      if (this.props.usuarioLogado.nome) {
-        this.connect();
-      }
-    });
+    window.addEventListener('focus', this.handleFocus);
   }
 
   componentDidUpdate(previousProps, previousState) {
@@ -27,17 +23,20 @@ class WebSocketComponent extends Component {
   }
 
   componentWillUnmount() {
+    window.removeEventListener('focus', this.handleFocus);
     disconnect();
   }
 
-  connect = () => {
-    connectArgousWS();
+  handleFocus = () => {
+    if (this.props.usuarioLogado.nome) {
+      this.connect();
+    }
+  }
 
-    const argousWS = getArgousWS();
+  connect = () => {
+    const argousWS = connectArgousWS();
 
-    argousWS.onopen = (event) => {
-      enviaMensagem({ trn: 1 });
-    };
+    enviaMensagem({ trn: 1 });
 
     argousWS.onmessage = (event) => {
       const res = JSON.parse(event.data);

package/lib/api/index.js

@@ -9,10 +9,10 @@ export const headers = (token) => ({ lgTkn: (token) ? token : getCookie('lt') })
 
 /**
  * @deprecated
- * 
- * @param {string} request - Metodo chamado 
+ *
+ * @param {string} request - Metodo chamado
  * @param {*} data - Dados Enviados
- * 
+ *
  * @returns {*} retorno
  */
 export const fetchToArgous = async (request, data) => {
@@ -103,10 +103,10 @@ export const getProgram = async (data) => {
 
 /**
  * @deprecated
- * 
+ *
  * @param {*} data - Dados
- * 
- * @returns {object} retorno 
+ *
+ * @returns {object} retorno
  */
 export const agGet = async (data) => {
   const res = await fetch(`${api()}agget.rslvr`, {
@@ -119,10 +119,10 @@ export const agGet = async (data) => {
 
 /**
  * @deprecated
- * 
+ *
  * @param {*} data - Dados
- * 
- * @returns {object} retorno 
+ *
+ * @returns {object} retorno
  */
 export const agSet = async (data) => {
   const res = await fetch(`${api()}agset.rslvr`, {
@@ -144,10 +144,10 @@ export const action = async (data, token) => {
 
 /**
  * @deprecated
- * 
+ *
  * @param {*} data - Dados
- * 
- * @returns {object} retorno 
+ *
+ * @returns {object} retorno
  */
 export const method = async (data) => {
   const res = await fetch(`${api()}agmethod.rslvr`, {
@@ -317,7 +317,7 @@ export const sendFilePart = async (data) => { // Envia um pedaco do do arquivo,
   return await res.json();
 };
 
-export const endFileUpload = async (data) => { //Finaliza o processo de envio de arquivo 
+export const endFileUpload = async (data) => { //Finaliza o processo de envio de arquivo
   const res = await fetch(`${api()}setEndFileUpload.filepart`, {
     method: 'POST',
     body: JSON.stringify(data),
@@ -372,7 +372,7 @@ export const prepareFile = async (file) => {
     headers: headers(),
     body: formData
   });
-  return { ...await res.json(), 
+  return { ...(await res.json()),
     lastModified: file.lastModified,
     lastModifiedDate: file.lastModifiedDate,
     name: file.name,

package/lib/api/ws.js

@@ -4,9 +4,38 @@ import { getConfig } from '../utils/config';
 const api = () => `${getConfig().ssl ? 'wss' : 'ws'}${ server() }ws`;
 
 let argousWS = null;
+let filaMensagens = [];
+
+const WS_CONNECTING = 0;
+const WS_OPEN = 1;
+const WS_CLOSING = 2;
+const WS_CLOSED = 3;
+
+const isSocketActive = (ws) => ws && [WS_CONNECTING, WS_OPEN].includes(ws.readyState);
+const isSocketOpen = (ws) => ws && ws.readyState === WS_OPEN;
+
+const flushMensagens = () => {
+  if (!isSocketOpen(argousWS) || !filaMensagens.length) {
+    return;
+  }
+
+  const mensagens = [...filaMensagens];
+  filaMensagens = [];
+
+  mensagens.forEach((mensagem) => {
+    argousWS.send(mensagem);
+  });
+};
 
 export const connectArgousWS = (data) => {
+  if (isSocketActive(argousWS)) {
+    return argousWS;
+  }
+
   argousWS = new WebSocket(api());
+  argousWS.addEventListener('open', flushMensagens);
+
+  return argousWS;
 };
 
 export const getArgousWS = (data) => {
@@ -14,14 +43,29 @@ export const getArgousWS = (data) => {
 };
 
 export const disconnect = () => {
-  if (argousWS)
+  filaMensagens = [];
+
+  if (argousWS && ![WS_CLOSING, WS_CLOSED].includes(argousWS.readyState)) {
     argousWS.close();
+  }
+
+  argousWS = null;
 };
 
 export const enviaMensagem = (data) => {
-  const argousWS = getArgousWS();
-  argousWS.send(JSON.stringify({
+  const mensagem = JSON.stringify({
     ...headers(),
     ...data
-  }));
+  });
+
+  if (!isSocketActive(argousWS)) {
+    connectArgousWS();
+  }
+
+  if (isSocketOpen(argousWS)) {
+    argousWS.send(mensagem);
+    return;
+  }
+
+  filaMensagens.push(mensagem);
 };

package/lib/components/ArgousAvatar/ArgousAvatar.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps } from '@material-ui/core';
+import { AvatarProps } from '@mui/material';
 
 export interface ArgousAvatarTypeMap extends AvatarProps{
   /**

package/lib/components/ArgousAvatar/ArgousAvatar.js

@@ -1,63 +1,21 @@
 import { fetchToArgous } from '../../api';
 import { getNumeroFromInitials, getInitials } from '../../utils';
-import { Avatar, makeStyles, colors } from '@material-ui/core';
+import { Avatar, useTheme } from '@mui/material';
+import { blue, brown, deepOrange, deepPurple, green, grey, pink, red, yellow } from '@mui/material/colors';
 import PropTypes from 'prop-types';
 import React, { useEffect, useState } from 'react';
 
-const useStyles = makeStyles(theme => ({
-  orange: {
-    color: theme.palette.getContrastText(colors.deepOrange[500]),
-    backgroundColor: colors.deepOrange[500],
-  },
-  purple: {
-    color: theme.palette.getContrastText(colors.deepPurple[500]),
-    backgroundColor: colors.deepPurple[500],
-  },
-  blue: {
-    color: theme.palette.getContrastText(colors.blue[500]),
-    backgroundColor: colors.blue[500],
-  },
-  red: {
-    color: theme.palette.getContrastText(colors.red[500]),
-    backgroundColor: colors.red[500],
-  },
-  rosa: {
-    color: theme.palette.getContrastText(colors.pink[500]),
-    backgroundColor: colors.pink[500],
-  },
-  cinza: {
-    color: theme.palette.getContrastText(colors.grey[500]),
-    backgroundColor: colors.grey[500],
-  },
-  green: {
-    color: theme.palette.getContrastText(colors.green[500]),
-    backgroundColor: colors.green[500],
-  },
-  amarelo: {
-    color: theme.palette.getContrastText(colors.yellow[500]),
-    backgroundColor: colors.yellow[500],
-  },
-  marrom: {
-    color: theme.palette.getContrastText(colors.brown[500]),
-    backgroundColor: colors.brown[500],
-  },
-  preto: {
-    color: theme.palette.getContrastText(colors.grey['A400']),
-    backgroundColor: colors.grey['A400'],
-  },
-  img: {
-    border: '2px solid #FFF'
-  },
-}));
+const avatarColors = [deepOrange[500], deepPurple[500], blue[500], pink[500], grey[500], red[500], yellow[500], brown[500], grey['A400'], green[500]];
+const normalizeSx = sx => sx ? (Array.isArray(sx) ? sx : [sx]) : [];
 
-const ArgousAvatar = React.forwardRef(({ nome, src, className, idUsuario, forwardedBlockSearch, ...props }, ref) => {
-  const classes = useStyles();
-  const cores = [classes.orange, classes.purple, classes.blue, classes.rosa, classes.cinza, classes.red, classes.amarelo, classes.marrom, classes.preto, classes.green];
+const ArgousAvatar = React.forwardRef(({ nome, src, className, idUsuario, forwardedBlockSearch, sx, ...props }, ref) => {
+  const theme = useTheme();
   const [userImage, setUserImage] = useState(undefined);
 
   useEffect(() => {
-    setUserImage(localStorage.getItem(`imgUsuario-${idUsuario}`) || '');
-    if (!idUsuario || userImage || localStorage.getItem(`imgUsuario-${idUsuario}`) || forwardedBlockSearch?.return) return;
+    const storedUserImage = localStorage.getItem(`imgUsuario-${idUsuario}`) || '';
+    setUserImage(storedUserImage);
+    if (!idUsuario || storedUserImage || forwardedBlockSearch?.return) return;
     fetchToArgous('aguserimage', { idUsuario })
       .then(({ userImage }) => {
         if (userImage) {
@@ -65,9 +23,17 @@ const ArgousAvatar = React.forwardRef(({ nome, src, className, idUsuario, forwar
           localStorage.setItem(`imgUsuario-${idUsuario}`, userImage);
         } else localStorage.setItem(`imgUsuario-${idUsuario}`, '');
       });
-  }, [idUsuario]);
+  }, [forwardedBlockSearch?.return, idUsuario]);
+
+  const color = avatarColors[getNumeroFromInitials(getInitials(nome), avatarColors.length)];
+  const avatarSx = src || userImage ? {
+    border: '2px solid #FFF'
+  } : {
+    color: theme.palette.getContrastText(color),
+    backgroundColor: color
+  };
 
-  return <Avatar ref={ref} className={`${className} ${src || userImage ? classes.img : cores[getNumeroFromInitials(getInitials(nome), cores.length)]}`} {...props} src={src || userImage}>{getInitials(nome)}</Avatar>;
+  return <Avatar ref={ref} className={className} sx={[avatarSx, ...normalizeSx(sx)]} {...props} src={src || userImage}>{getInitials(nome)}</Avatar>;
 });
 
 ArgousAvatar.propTypes = {
@@ -76,4 +42,4 @@ ArgousAvatar.propTypes = {
   className: PropTypes.string
 };
 
-export default ArgousAvatar;
+export default ArgousAvatar;

package/lib/components/ArgousComplexPagination/ArgousComplexPagination.d.ts

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