argous 1.2.246 → 1.3.2

package/dist/components/Carousel/Carousel.d.ts

@@ -1,71 +1,21 @@
-export interface CarouselProps {
-  /**
-   * ID
-   */
-  id: string, 
-  /**
-   * Left icon
-   */
-  leftIcon?: SVGElement, 
-  /**
-   * Right icon
-   */
-  rightIcon?: SVGElement, 
-  /**
-   * Number to represent the icon size in pixels
-   */
-  iconSize?: number, 
-  /**
-   * Value of scroll sensitivity
-   */
-  scrollSensitivity?: number, 
-  /**
-   * Number to represent the item spacing in pixels
-   */
-  itemSpacing?: number, 
-  /**
-   * Show buttons
-   */
-  buttons?: boolean, 
-  /**
-   * Show indicator
-   */
-  indicator?: boolean, 
-  /**
-   * Number to represent the indicator size in pixels
-   */
-  indicatorSize?: number, 
-  /**
-   * Number to represent the indicator gap in pixels
-   */
-  indicatorGap?: number, 
-  /**
-   * Number to represent the indicator padding in pixels
-   */
-  indicatorPadding?: number, 
-  /**
-   * Style to carousel element
-   */
-  carouselStyle?: object, 
-  /**
-   * Css class to button element
-   */
-  buttonClassName?: string, 
-  /**
-   * Css class to indicator element
-   */
-  indicatorClassName?: string, 
-  /**
-   * Css class to current indicator element
-   */
-  currentIndicatorClassName?: string, 
-  /**
-   * Function called on click
-   */
-  onClick?: (event: Event) => void
-}
-
-
-declare function Carousel(props: CarouselProps): JSX.Element
-
-export default Carousel;
+export default Carousel;
+declare function Carousel({ id, leftIcon: LEFT_ICON, rightIcon: RIGHT_ICON, iconSize, scrollSensitivity, itemSpacing, children, buttons, indicator, indicatorSize, indicatorGap, indicatorPadding, carouselStyle, onClick, buttonClassName, indicatorClassName, currentIndicatorClassName }: {
+    id: any;
+    leftIcon?: import("react-icons/lib").IconType | undefined;
+    rightIcon?: import("react-icons/lib").IconType | undefined;
+    iconSize?: number | undefined;
+    scrollSensitivity?: number | undefined;
+    itemSpacing?: string | undefined;
+    children: any;
+    buttons?: boolean | undefined;
+    indicator: any;
+    indicatorSize?: number | undefined;
+    indicatorGap?: number | undefined;
+    indicatorPadding?: number | undefined;
+    carouselStyle: any;
+    onClick: any;
+    buttonClassName: any;
+    indicatorClassName: any;
+    currentIndicatorClassName: any;
+}): React.JSX.Element;
+import React from 'react';

package/dist/components/Carousel/Carousel.js

@@ -12,7 +12,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];
@@ -22,107 +26,112 @@ 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 core_1 = require("@material-ui/core");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
+var clsx_1 = require("clsx");
 var react_1 = __importStar(require("react"));
 var io_1 = require("react-icons/io");
-var useStyles = core_1.makeStyles(function (theme) { return ({
-    container: {
-        height: '100%',
-        width: '100%'
-    },
-    carouselContainer: {
-        width: '100%',
-        height: function (_a) {
-            var indicator = _a.indicator, indicatorPadding = _a.indicatorPadding;
-            return (indicator) ? "calc(100% - " + indicatorPadding * 2 + "px)" : '100%';
-        },
-        minWidth: '100%',
-        display: 'flex',
-        alignItems: 'center'
-    },
-    carousel: {
-        width: '100%',
-        height: '100%',
-        margin: 'auto',
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'row',
-        overflow: 'hidden',
-        scrollBehavior: 'smooth',
-        '&>*:not(:last-child)': {
-            marginRight: function (_a) {
-                var itemSpacing = _a.itemSpacing;
-                return (itemSpacing || '');
-            }
-        }
-    },
-    button: {
-        display: 'flex',
-        alignItems: 'center',
-        cursor: 'pointer',
-        border: 0,
-        padding: 0,
-        backgroundColor: '#0000',
-        color: (theme.palette.type === 'light') ? 'rgba(0, 0, 0, .4)' : 'rgba(255, 255, 255, .5)',
-        '&:hover': {
-            color: (theme.palette.type === 'light') ? 'rgba(0, 0, 0, .6)' : 'rgba(255, 255, 255, .8)'
-        },
-        '&:disabled': {
-            color: (theme.palette.type === 'light') ? 'rgba(0, 0, 0, .23)' : 'rgba(255, 255, 255, .3)',
-            backgroundColor: 'transparent',
-            cursor: 'default',
-            pointerEvents: 'none'
-        }
-    },
-    leftButton: {
-        left: 0
-    },
-    rightButton: {
-        right: 0
-    },
-    indicator: {
-        display: 'flex',
-        flexWrap: 'wrap',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: function (_a) {
-            var indicatorGap = _a.indicatorGap;
-            return (indicatorGap || '');
-        },
-        padding: function (_a) {
-            var indicatorPadding = _a.indicatorPadding, indicatorSize = _a.indicatorSize, iconSize = _a.iconSize;
-            return indicatorPadding - (indicatorSize / 2) + "px " + iconSize + "px";
-        },
-        '& span': {
-            width: function (_a) {
-                var indicatorSize = _a.indicatorSize;
-                return (indicatorSize || '');
+var classes = {
+    container: 'argous-carousel-container',
+    carouselContainer: 'argous-carousel-carousel-container',
+    carousel: 'argous-carousel-carousel',
+    button: 'argous-carousel-button',
+    leftButton: 'argous-carousel-left-button',
+    rightButton: 'argous-carousel-right-button',
+    indicator: 'argous-carousel-indicator',
+    currentIndicator: 'argous-carousel-current-indicator',
+};
+var carouselStyles = function (_a) {
+    var itemSpacing = _a.itemSpacing, indicator = _a.indicator, indicatorSize = _a.indicatorSize, indicatorGap = _a.indicatorGap, indicatorPadding = _a.indicatorPadding, iconSize = _a.iconSize;
+    return function (theme) {
+        var _a;
+        return (_a = {},
+            _a[".".concat(classes.container)] = {
+                height: '100%',
+                width: '100%'
             },
-            height: function (_a) {
-                var indicatorSize = _a.indicatorSize;
-                return (indicatorSize || '');
+            _a[".".concat(classes.carouselContainer)] = {
+                width: '100%',
+                height: indicator ? "calc(100% - ".concat(indicatorPadding * 2, "px)") : '100%',
+                minWidth: '100%',
+                display: 'flex',
+                alignItems: 'center'
             },
-            borderRadius: '50%',
-            backgroundColor: (theme.palette.type === 'light') ? 'rgba(0, 0, 0, .4)' : 'rgba(255, 255, 255, .5)',
-            transition: 'background-color 500ms'
-        }
-    },
-    currentIndicator: {
-        backgroundColor: (theme.palette.type === 'light') ? '#000 !important' : '#fff !important'
-    }
-}); });
+            _a[".".concat(classes.carousel)] = {
+                width: '100%',
+                height: '100%',
+                margin: 'auto',
+                display: 'flex',
+                alignItems: 'center',
+                flexDirection: 'row',
+                overflow: 'hidden',
+                scrollBehavior: 'smooth',
+                '&>*:not(:last-child)': {
+                    marginRight: itemSpacing || ''
+                }
+            },
+            _a[".".concat(classes.button)] = {
+                display: 'flex',
+                alignItems: 'center',
+                cursor: 'pointer',
+                border: 0,
+                padding: 0,
+                backgroundColor: '#0000',
+                color: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, .4)' : 'rgba(255, 255, 255, .5)',
+                '&:hover': {
+                    color: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, .6)' : 'rgba(255, 255, 255, .8)'
+                },
+                '&:disabled': {
+                    color: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, .23)' : 'rgba(255, 255, 255, .3)',
+                    backgroundColor: 'transparent',
+                    cursor: 'default',
+                    pointerEvents: 'none'
+                }
+            },
+            _a[".".concat(classes.leftButton)] = {
+                left: 0
+            },
+            _a[".".concat(classes.rightButton)] = {
+                right: 0
+            },
+            _a[".".concat(classes.indicator)] = {
+                display: 'flex',
+                flexWrap: 'wrap',
+                alignItems: 'center',
+                justifyContent: 'center',
+                gap: indicatorGap || '',
+                padding: "".concat(indicatorPadding - (indicatorSize / 2), "px ").concat(iconSize, "px"),
+                '& span': {
+                    width: indicatorSize || '',
+                    height: indicatorSize || '',
+                    borderRadius: '50%',
+                    backgroundColor: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, .4)' : 'rgba(255, 255, 255, .5)',
+                    transition: 'background-color 500ms'
+                }
+            },
+            _a[".".concat(classes.currentIndicator)] = {
+                backgroundColor: theme.palette.mode === 'light' ? '#000 !important' : '#fff !important'
+            },
+            _a);
+    };
+};
 var CAROUSEL_ID = 'carousel';
 var initialState = {
     position: 0,
@@ -131,15 +140,14 @@ var initialState = {
 var Carousel = function (_a) {
     var _b, _c, _d;
     var id = _a.id, _e = _a.leftIcon, LEFT_ICON = _e === void 0 ? io_1.IoIosArrowBack : _e, _f = _a.rightIcon, RIGHT_ICON = _f === void 0 ? io_1.IoIosArrowForward : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 20 : _g, _h = _a.scrollSensitivity, scrollSensitivity = _h === void 0 ? 2 : _h, _j = _a.itemSpacing, itemSpacing = _j === void 0 ? '.5rem' : _j, children = _a.children, _k = _a.buttons, buttons = _k === void 0 ? true : _k, indicator = _a.indicator, _l = _a.indicatorSize, indicatorSize = _l === void 0 ? 6 : _l, _m = _a.indicatorGap, indicatorGap = _m === void 0 ? 10 : _m, _o = _a.indicatorPadding, indicatorPadding = _o === void 0 ? 20 : _o, carouselStyle = _a.carouselStyle, onClick = _a.onClick, buttonClassName = _a.buttonClassName, indicatorClassName = _a.indicatorClassName, currentIndicatorClassName = _a.currentIndicatorClassName;
-    var classes = useStyles({ itemSpacing: itemSpacing, indicator: indicator, indicatorSize: indicatorSize, indicatorGap: indicatorGap, indicatorPadding: indicatorPadding, iconSize: iconSize });
-    var _p = react_1.useState(initialState), state = _p[0], setState = _p[1];
+    var _p = (0, react_1.useState)(initialState), state = _p[0], setState = _p[1];
     var position = state.position, indicatorArray = state.indicatorArray;
-    var carousel = react_1.useRef(null);
+    var carousel = (0, react_1.useRef)(null);
     var childWidth = (_d = (_c = (_b = carousel.current) === null || _b === void 0 ? void 0 : _b.children) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.offsetWidth;
-    var disabledButtonsRef = react_1.useRef(false);
+    var disabledButtonsRef = (0, react_1.useRef)(false);
     var carouselId = (id) ? id : CAROUSEL_ID;
-    var leftButtonId = carouselId + "-left-button";
-    var rightButtonId = carouselId + "-right-button";
+    var leftButtonId = "".concat(carouselId, "-left-button");
+    var rightButtonId = "".concat(carouselId, "-right-button");
     var logicSetState = function (_a) {
         var type = _a.type, field = _a.field, value = _a.value;
         return setState(function (states) {
@@ -147,7 +155,7 @@ var Carousel = function (_a) {
             return (__assign(__assign({}, states), (_a = {}, _a[type] = (type && field) ? __assign(__assign({}, states[type]), (_b = {}, _b[field] = value, _b)) : value, _a)));
         });
     };
-    var control = react_1.useCallback(function (e) {
+    var control = (0, react_1.useCallback)(function (e) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (disabledButtonsRef.current)
             return;
@@ -172,15 +180,20 @@ var Carousel = function (_a) {
         }
         (position === children.length) && logicSetState({ type: 'position', value: (children.length - 1) });
     }, [itemSpacing, leftButtonId, rightButtonId, position, children.length]);
-    react_1.useEffect(function () { return control(); }, [control]);
+    (0, react_1.useEffect)(function () {
+        control();
+    }, [control]);
     control();
-    var createIndicatorArray = react_1.useCallback(function () {
+    var createIndicatorArray = (0, react_1.useCallback)(function () {
         var _a, _b;
         var childrenLength = (_b = (_a = carousel.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length;
         var newIndicatorArray = Array.from(Array(childrenLength).keys());
         logicSetState({ type: 'indicatorArray', value: newIndicatorArray });
     }, []);
-    react_1.useEffect(function () { return (indicator) && createIndicatorArray(); }, [indicator, children, createIndicatorArray]);
+    (0, react_1.useEffect)(function () {
+        if (indicator)
+            createIndicatorArray();
+    }, [indicator, children, createIndicatorArray]);
     var handleCarouselClick = function (e, direction) {
         if (!childWidth || (typeof childWidth !== 'number'))
             return;
@@ -208,15 +221,16 @@ var Carousel = function (_a) {
         }, ((childWidth <= 500) ? 500 : (childWidth * ((childWidth > 1000) ? 0.6 : 0.9)) || 500));
     };
     return react_1.default.createElement("div", { id: carouselId, className: classes.container },
+        react_1.default.createElement(material_1.GlobalStyles, { styles: carouselStyles({ itemSpacing: itemSpacing, indicator: indicator, indicatorSize: indicatorSize, indicatorGap: indicatorGap, indicatorPadding: indicatorPadding, iconSize: iconSize }) }),
         react_1.default.createElement("div", { className: classes.carouselContainer },
-            (buttons && LEFT_ICON) && (react_1.default.createElement("button", { id: leftButtonId, onClick: function (e) { return handleCarouselClick(e, 'left'); }, className: clsx_1.default(classes.button, classes.leftButton, buttonClassName) },
+            (buttons && LEFT_ICON) && (react_1.default.createElement("button", { id: leftButtonId, onClick: function (e) { return handleCarouselClick(e, 'left'); }, className: (0, clsx_1.clsx)(classes.button, classes.leftButton, buttonClassName) },
                 react_1.default.createElement(LEFT_ICON, { size: iconSize, className: classes.leftButton }))),
             react_1.default.createElement("div", { ref: carousel, style: __assign({}, carouselStyle), className: classes.carousel }, children),
-            (buttons && RIGHT_ICON) && (react_1.default.createElement("button", { id: rightButtonId, onClick: function (e) { return handleCarouselClick(e, 'right'); }, className: clsx_1.default(classes.button, classes.rightButton, buttonClassName) },
+            (buttons && RIGHT_ICON) && (react_1.default.createElement("button", { id: rightButtonId, onClick: function (e) { return handleCarouselClick(e, 'right'); }, className: (0, clsx_1.clsx)(classes.button, classes.rightButton, buttonClassName) },
                 react_1.default.createElement(RIGHT_ICON, { size: iconSize, className: classes.rightButton })))),
-        (indicator) && (react_1.default.createElement("div", { className: clsx_1.default(classes.indicator, indicatorClassName) }, indicatorArray.map(function (_, index) {
+        (indicator) && (react_1.default.createElement("div", { className: (0, clsx_1.clsx)(classes.indicator, indicatorClassName) }, indicatorArray.map(function (_, index) {
             var _a;
-            return (react_1.default.createElement("span", { key: "indicator-" + index, className: clsx_1.default((_a = {},
+            return (react_1.default.createElement("span", { key: "indicator-".concat(index), className: (0, clsx_1.clsx)((_a = {},
                     _a[classes.currentIndicator] = (position === index),
                     _a[currentIndicatorClassName] = (position === index),
                     _a)) }));

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

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

package/dist/components/CartaoUsuario/CartaoUsuario.d.ts

@@ -1,9 +1,6 @@
-// import * as React from 'react';
-
-export interface CartaoUsuarioProps {
-
-}
-
-declare function CartaoUsuario(props: CartaoUsuarioProps): JSX.Element
-
-export default CartaoUsuario;
+export default CartaoUsuario;
+declare function CartaoUsuario({ anchor, idUsuario }: {
+    anchor: any;
+    idUsuario: any;
+}): React.JSX.Element | null;
+import React from 'react';

package/dist/components/CartaoUsuario/CartaoUsuario.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,13 +15,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) {
@@ -28,12 +42,12 @@ 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.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -59,22 +73,22 @@ 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");
 function CartaoUsuario(_a) {
     var _this = this;
     var anchor = _a.anchor, idUsuario = _a.idUsuario;
-    var tempo = react_1.useRef();
-    var deixaMostrar = react_1.useRef(false);
-    var limpar = react_1.useRef(true);
-    var idUsuarioLogado = utils_1.useStore().usuarioLogado.idUsuario;
-    var _b = react_1.useState(anchor), localAnchor = _b[0], setLocalAnchor = _b[1];
-    var _c = react_1.useState(idUsuario), localIdUsuario = _c[0], setLocalIdUsuario = _c[1];
-    var _d = react_1.useState({}), dados = _d[0], setDados = _d[1];
-    var _e = react_1.useState(false), mostrar = _e[0], setMostrar = _e[1];
-    react_1.useEffect(function () {
+    var tempo = (0, react_1.useRef)();
+    var deixaMostrar = (0, react_1.useRef)(false);
+    var limpar = (0, react_1.useRef)(true);
+    var idUsuarioLogado = (0, utils_1.useStore)().usuarioLogado.idUsuario;
+    var _b = (0, react_1.useState)(anchor), localAnchor = _b[0], setLocalAnchor = _b[1];
+    var _c = (0, react_1.useState)(idUsuario), localIdUsuario = _c[0], setLocalIdUsuario = _c[1];
+    var _d = (0, react_1.useState)({}), dados = _d[0], setDados = _d[1];
+    var _e = (0, react_1.useState)(false), mostrar = _e[0], setMostrar = _e[1];
+    (0, react_1.useEffect)(function () {
         if (anchor && idUsuario) {
             setLocalAnchor(anchor);
             setLocalIdUsuario(idUsuario);
@@ -91,7 +105,7 @@ function CartaoUsuario(_a) {
             }, 200);
         }
     }, [anchor, idUsuario, mostrar]);
-    var busca = react_1.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+    var busca = (0, react_1.useCallback)(function () { return __awaiter(_this, void 0, void 0, function () {
         var res;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -101,7 +115,7 @@ function CartaoUsuario(_a) {
                         clearTimeout(tempo.current);
                         return [2 /*return*/];
                     }
-                    return [4 /*yield*/, api_1.serverAction('getInfoUsuario', { idUsuario: localIdUsuario }, 'Argous.MntUsuarios', true)];
+                    return [4 /*yield*/, (0, api_1.serverAction)('getInfoUsuario', { idUsuario: localIdUsuario }, 'Argous.MntUsuarios', true)];
                 case 1:
                     res = _a.sent();
                     tempo.current = setTimeout(function () {
@@ -114,7 +128,7 @@ function CartaoUsuario(_a) {
             }
         });
     }); }, [localAnchor, localIdUsuario]);
-    react_1.useEffect(function () { return void (busca()); }, [busca]);
+    (0, react_1.useEffect)(function () { return void (busca()); }, [busca]);
     var retornaUser = function () {
         return { idUsuario: idUsuario, titulo: dados.dsNomeUsuario, subTitulo: dados.dsFuncaoUsuario, msgsNaoLidas: 0, online: false };
     };
@@ -129,35 +143,35 @@ function CartaoUsuario(_a) {
         limpar.current = false;
     }
     if (localIdUsuario && mostrar)
-        return (react_1.default.createElement(core_1.Portal, null,
-            react_1.default.createElement(core_1.Popper, { onClick: function (e) { return e.stopPropagation(); }, style: { zIndex: 5 }, onMouseLeave: mouseLeave, onMouseEnter: mouseEnter, open: (!!anchor || !!localAnchor) && !!dados.dsNomeUsuario, anchorEl: anchor || localAnchor },
-                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, { onClick: function (e) { return e.stopPropagation(); }, style: { zIndex: 5 }, onMouseLeave: mouseLeave, onMouseEnter: mouseEnter, open: (!!anchor || !!localAnchor) && !!dados.dsNomeUsuario, anchorEl: anchor || localAnchor },
+                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: dados.dsNomeUsuario, idUsuario: idUsuario || localIdUsuario })),
-                        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' } }, dados.dsNomeUsuario),
-                            react_1.default.createElement(core_1.Typography, { variant: 'body2', style: { width: '250px' } }, dados.dsFuncaoUsuario),
-                            react_1.default.createElement(core_1.Typography, { variant: 'caption', style: { width: '250px' } }, dados.dsSetor)),
+                        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' } }, dados.dsNomeUsuario),
+                            react_1.default.createElement(material_1.Typography, { variant: 'body2', style: { width: '250px' } }, dados.dsFuncaoUsuario),
+                            react_1.default.createElement(material_1.Typography, { variant: 'caption', style: { width: '250px' } }, dados.dsSetor)),
                         dados.dtExclusaoUsuario ?
-                            react_1.default.createElement(core_1.Typography, { variant: 'h6' },
+                            react_1.default.createElement(material_1.Typography, { variant: 'h6' },
                                 "Usu\u00E1rio excluido em ",
                                 dados.dtExclusaoUsuario)
                             :
                                 ((idUsuario && (idUsuarioLogado !== idUsuario)) || (localIdUsuario && (idUsuarioLogado !== localIdUsuario))) &&
                                     react_1.default.createElement(react_1.default.Fragment, null,
                                         dados.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: " + dados.nrRamalUsuario, title: "Ramal: " + dados.nrRamalUsuario },
+                                            react_1.default.createElement(material_1.Grid, { size: 'grow' },
+                                                react_1.default.createElement(material_1.Button, { fullWidth: true, variant: 'contained', href: "tel: ".concat(dados.nrRamalUsuario), title: "Ramal: ".concat(dados.nrRamalUsuario) },
                                                     react_1.default.createElement(io_1.IoIosCall, null),
                                                     "\u00A0",
                                                     dados.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: " + dados.dsEmailUsuario, title: dados.dsEmailUsuario },
+                                        react_1.default.createElement(material_1.Grid, { size: 'grow' },
+                                            react_1.default.createElement(material_1.Button, { fullWidth: true, variant: 'contained', href: "mailto: ".concat(dados.dsEmailUsuario), title: dados.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 fieldsRedux_1.setAnotherProgramField('janelaChatOpen', retornaUser(), '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', retornaUser(), 'argousSystem'); }, title: 'Abrir chat de conversa' },
                                                 react_1.default.createElement(md_1.MdMessage, null),
                                                 "\u00A0Mensagem"))))))));
     return null;

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

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