argous 1.2.247 → 1.3.2

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.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.");
@@ -80,138 +90,156 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomTooltip = void 0;
 var api_1 = require("../../utils/api");
-var core_1 = require("@material-ui/core");
-var lab_1 = require("@material-ui/lab");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/material/styles");
+var Tooltip_1 = require("@mui/material/Tooltip");
+var clsx_1 = require("clsx");
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var io_1 = require("react-icons/io");
-var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
-    subHeader: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        backgroundColor: theme.palette.background.default,
-        height: 25
-    },
-    divButton: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    areaButton: {
-        padding: '0px 8px 0px 8px'
-    },
-    button: theme.palette.type === 'light' ? {
-        width: 15,
-        height: 15,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        cursor: 'pointer',
-        color: 'rgba(0, 0, 0, 0.4)',
-        '&:hover': {
-            fontWeight: 500,
-            color: '#000000',
-        }
-    } : {
-        width: 15,
-        height: 15,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        cursor: 'pointer',
-        color: 'rgba(255, 255, 255, 0.4)',
-        '&:hover': {
-            fontWeight: 500,
-            color: '#ffffff',
-        }
-    },
-    buttonActive: theme.palette.type === 'light' ? {
-        color: 'rgba(0, 0, 0, 0.8)',
-        '&:hover': {
-            fontWeight: 600,
-        }
-    } : {
-        color: 'rgba(255, 255, 255, 0.8)',
-        '&:hover': {
-            fontWeight: 600,
-        }
-    },
-    listItem: {
-        padding: 0,
-        width: '100%',
-        cursor: 'pointer',
-        '&:hover': {
-            background: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.08)'
-        }
-    },
-    hoverListItem: {
-        background: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.08)'
-    },
-    listItemText: {
-        margin: 0,
-        width: '100%',
-        direction: 'ltr',
-        overflow: 'visible',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        padding: '0px 0px 0px 6px',
-    },
-    box: {
-        padding: 0,
-        overflowX: 'hidden',
-        '&::-webkit-scrollbar': {
-            width: 5
+var classes = {
+    subHeader: 'argous-autocomplete-favorites-sub-header',
+    divButton: 'argous-autocomplete-favorites-div-button',
+    areaButton: 'argous-autocomplete-favorites-area-button',
+    button: 'argous-autocomplete-favorites-button',
+    buttonActive: 'argous-autocomplete-favorites-button-active',
+    listItem: 'argous-autocomplete-favorites-list-item',
+    hoverListItem: 'argous-autocomplete-favorites-hover-list-item',
+    listItemText: 'argous-autocomplete-favorites-list-item-text',
+    box: 'argous-autocomplete-favorites-box',
+    searchButton: 'argous-autocomplete-favorites-search-button',
+};
+var favoritesStyles = function (theme) {
+    var _a;
+    return (_a = {},
+        _a[".".concat(classes.subHeader)] = {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            backgroundColor: theme.palette.background.default,
+            height: 25
         },
-        '&::-webkit-scrollbar-track': {
-            background: '#0000'
+        _a[".".concat(classes.divButton)] = {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
         },
-        '&::-webkit-scrollbar-thumb': {
-            background: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.1)' : 'rgba(255, 255, 255, 0.1)'
-        }
-    },
-    searchButton: {
-        color: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.4)' : 'rgba(255, 255, 255, 0.5)',
-        '&:hover': {
-            color: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255, 255, 255, 0.9)',
-            background: '#0000'
-        }
-    },
-    popper: {
-        zIndex: 1300,
-        width: function (_a) {
-            var widthListBox = _a.widthListBox;
-            return widthListBox ? "".concat(widthListBox).concat(testWidth(widthListBox.toString()) ? 'px' : '', " !important") : '';
+        _a[".".concat(classes.areaButton)] = {
+            padding: '0px 8px 0px 8px'
         },
-    }
-}); });
+        _a[".".concat(classes.button)] = theme.palette.mode === 'light' ? {
+            width: 15,
+            height: 15,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            cursor: 'pointer',
+            color: 'rgba(0, 0, 0, 0.4)',
+            '&:hover': {
+                fontWeight: 500,
+                color: '#000000',
+            }
+        } : {
+            width: 15,
+            height: 15,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            cursor: 'pointer',
+            color: 'rgba(255, 255, 255, 0.4)',
+            '&:hover': {
+                fontWeight: 500,
+                color: '#ffffff',
+            }
+        },
+        _a[".".concat(classes.buttonActive)] = theme.palette.mode === 'light' ? {
+            color: 'rgba(0, 0, 0, 0.8)',
+            '&:hover': {
+                fontWeight: 600,
+            }
+        } : {
+            color: 'rgba(255, 255, 255, 0.8)',
+            '&:hover': {
+                fontWeight: 600,
+            }
+        },
+        _a[".".concat(classes.listItem)] = {
+            padding: 0,
+            width: '100%',
+            cursor: 'pointer',
+            '&:hover': {
+                background: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.08)'
+            }
+        },
+        _a[".".concat(classes.hoverListItem)] = {
+            background: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.08)'
+        },
+        _a[".".concat(classes.listItemText)] = {
+            margin: 0,
+            width: '100%',
+            direction: 'ltr',
+            overflow: 'visible',
+            whiteSpace: 'nowrap',
+            textOverflow: 'ellipsis',
+            padding: '0px 0px 0px 6px',
+        },
+        _a[".".concat(classes.box)] = {
+            padding: 0,
+            overflowX: 'hidden',
+            '&::-webkit-scrollbar': {
+                width: 5
+            },
+            '&::-webkit-scrollbar-track': {
+                background: '#0000'
+            },
+            '&::-webkit-scrollbar-thumb': {
+                background: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.1)' : 'rgba(255, 255, 255, 0.1)'
+            }
+        },
+        _a[".".concat(classes.searchButton)] = {
+            color: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.4)' : 'rgba(255, 255, 255, 0.5)',
+            '&:hover': {
+                color: theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255, 255, 255, 0.9)',
+                background: '#0000'
+            }
+        },
+        _a);
+};
 var testWidth = function (value) { var _a; return ((_a = value.replace(/[0-9]/g, '')) === null || _a === void 0 ? void 0 : _a.length) ? false : true; };
-var CustomPopper = function (props, classes) { return react_1.default.createElement(core_1.Popper, __assign({}, props, { className: classes.popper })); };
-exports.CustomTooltip = (0, core_1.withStyles)(function (theme) { return ({
-    tooltip: theme.palette.type === 'light' ? {
-        fontSize: 15,
-        fontWeight: 400,
-        color: '#FFF',
-        backgroundColor: '#333333e3',
-    } : {
-        fontSize: 15,
-        fontWeight: 400,
-        color: '#000',
-        backgroundColor: '#fbfbfbd1',
-    },
-    arrow: {
-        color: theme.palette.type === 'light' ? '#333333e3' : '#fbfbfbd1'
-    }
-}); })(core_1.Tooltip);
+var CustomPopper = function (_a) {
+    var widthListBox = _a.widthListBox, props = __rest(_a, ["widthListBox"]);
+    return (react_1.default.createElement(material_1.Popper, __assign({}, props, { sx: {
+            zIndex: 1300,
+            width: widthListBox ? "".concat(widthListBox).concat(testWidth(widthListBox.toString()) ? 'px' : '', " !important") : undefined,
+        } })));
+};
+exports.CustomTooltip = (0, styles_1.styled)(function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (react_1.default.createElement(material_1.Tooltip, __assign({}, props, { classes: { popper: className } })));
+})(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {},
+        _b["& .".concat(Tooltip_1.tooltipClasses.tooltip)] = theme.palette.mode === 'light' ? {
+            fontSize: 15,
+            fontWeight: 400,
+            color: '#FFF',
+            backgroundColor: '#333333e3',
+        } : {
+            fontSize: 15,
+            fontWeight: 400,
+            color: '#000',
+            backgroundColor: '#fbfbfbd1',
+        },
+        _b["& .".concat(Tooltip_1.tooltipClasses.arrow)] = {
+            color: theme.palette.mode === 'light' ? '#333333e3' : '#fbfbfbd1'
+        },
+        _b);
+});
 var ListboxFavorites = (0, react_1.forwardRef)(function (props, ref) {
-    var classes = useStyles();
     var children = props.children, favoritePage = props.favoritePage, dados = props.dados, setDados = props.setDados, group = props.group, groupHeaderColor = props.groupHeaderColor, groupTitleColor = props.groupTitleColor;
     var pageNumber = dados.pageNumber, favoritosLength = dados.favoritosLength, direction = dados.direction, slide = dados.slide, cursor = dados.cursor;
     function retornaInicio() {
@@ -244,11 +272,11 @@ var ListboxFavorites = (0, react_1.forwardRef)(function (props, ref) {
     function retornaEstrutura(sectionIndex, item, itemIndex) {
         var _a;
         var index = itemIndex ? itemIndex : sectionIndex;
-        var content = react_1.default.createElement(exports.CustomTooltip, { title: item.props.children, arrow: true, enterDelay: '1000', enterNextDelay: '1000', placement: 'top-end', TransitionComponent: core_1.Fade, TransitionProps: { timeout: { enter: 100, exit: 500 } } },
-            react_1.default.createElement(core_1.ListItem, __assign({}, item.props, { id: 'listItem', key: item.key, className: (0, clsx_1.default)(classes.listItem, (_a = {}, _a[classes.hoverListItem] = (cursor === null || cursor === void 0 ? void 0 : cursor.index) === index && (cursor === null || cursor === void 0 ? void 0 : cursor.page) === pageNumber, _a)) }),
-                react_1.default.createElement(core_1.ListItemText, { primary: item.props.children, className: classes.listItemText })));
+        var content = react_1.default.createElement(exports.CustomTooltip, { title: item.props.children, arrow: true, enterDelay: '1000', enterNextDelay: '1000', placement: 'top-end', slots: { transition: material_1.Fade }, slotProps: { transition: { timeout: { enter: 100, exit: 500 } } } },
+            react_1.default.createElement(material_1.ListItem, __assign({}, item.props, { id: 'listItem', key: item.key, className: (0, clsx_1.clsx)(classes.listItem, (_a = {}, _a[classes.hoverListItem] = (cursor === null || cursor === void 0 ? void 0 : cursor.index) === index && (cursor === null || cursor === void 0 ? void 0 : cursor.page) === pageNumber, _a)) }),
+                react_1.default.createElement(material_1.ListItemText, { primary: item.props.children, className: classes.listItemText })));
         if (sectionIndex === 0 && favoritePage && favoritosLength > 7) {
-            return react_1.default.createElement(core_1.Slide, { in: slide, direction: direction }, content);
+            return react_1.default.createElement(material_1.Slide, { in: slide, direction: direction }, content);
         }
         return content;
     }
@@ -279,43 +307,45 @@ var ListboxFavorites = (0, react_1.forwardRef)(function (props, ref) {
             return 'right';
         return 'left';
     }
-    return react_1.default.createElement("ul", __assign({}, props, { id: 'listBox', className: (0, clsx_1.default)('MuiAutocomplete-listbox', classes.box) }), children.map(function (section, sectionIndex) {
-        var _a, _b, _c;
-        return (group ?
-            react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("ul", __assign({}, props, { id: 'listBox', className: (0, clsx_1.default)('MuiAutocomplete-listbox', classes.box) }),
-                    react_1.default.createElement(core_1.ListSubheader, { className: classes.subHeader, style: { backgroundColor: groupHeaderColor === null || groupHeaderColor === void 0 ? void 0 : groupHeaderColor[sectionIndex], color: groupTitleColor === null || groupTitleColor === void 0 ? void 0 : groupTitleColor[sectionIndex] } },
-                        section.props.children[0].props.children,
-                        react_1.default.createElement(core_1.Fade, { in: sectionIndex === 0 && favoritePage && favoritosLength > 7 },
-                            react_1.default.createElement("div", { className: classes.divButton },
-                                react_1.default.createElement("div", { className: classes.areaButton },
-                                    react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 1); }, className: (0, clsx_1.default)((_a = {}, _a[classes.buttonActive] = pageNumber === 1, _a), classes.button) }, "1")),
-                                react_1.default.createElement("div", { className: classes.areaButton },
-                                    react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 2); }, className: (0, clsx_1.default)((_b = {}, _b[classes.buttonActive] = pageNumber === 2, _b), classes.button) }, "2")),
-                                favoritosLength > 14 &&
-                                    react_1.default.createElement(react_1.default.Fragment, null,
-                                        react_1.default.createElement("div", { className: classes.areaButton },
-                                            react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 3); }, className: (0, clsx_1.default)((_c = {}, _c[classes.buttonActive] = pageNumber === 3, _c), classes.button) }, "3")))))),
-                    retornaArray(sectionIndex, section).map(function (item, itemIndex) { return retornaEstrutura(sectionIndex, item, itemIndex); })))
-            : retornaEstrutura(sectionIndex, section));
-    }));
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.GlobalStyles, { styles: favoritesStyles }),
+        react_1.default.createElement("ul", __assign({}, props, { ref: ref, id: 'listBox', className: (0, clsx_1.clsx)('MuiAutocomplete-listbox', classes.box) }), children.map(function (section, sectionIndex) {
+            var _a, _b, _c;
+            return (group ?
+                react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("ul", __assign({}, props, { id: 'listBox', className: (0, clsx_1.clsx)('MuiAutocomplete-listbox', classes.box) }),
+                        react_1.default.createElement(material_1.ListSubheader, { className: classes.subHeader, style: { backgroundColor: groupHeaderColor === null || groupHeaderColor === void 0 ? void 0 : groupHeaderColor[sectionIndex], color: groupTitleColor === null || groupTitleColor === void 0 ? void 0 : groupTitleColor[sectionIndex] } },
+                            section.props.children[0].props.children,
+                            react_1.default.createElement(material_1.Fade, { in: sectionIndex === 0 && favoritePage && favoritosLength > 7 },
+                                react_1.default.createElement("div", { className: classes.divButton },
+                                    react_1.default.createElement("div", { className: classes.areaButton },
+                                        react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 1); }, className: (0, clsx_1.clsx)((_a = {}, _a[classes.buttonActive] = pageNumber === 1, _a), classes.button) }, "1")),
+                                    react_1.default.createElement("div", { className: classes.areaButton },
+                                        react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 2); }, className: (0, clsx_1.clsx)((_b = {}, _b[classes.buttonActive] = pageNumber === 2, _b), classes.button) }, "2")),
+                                    favoritosLength > 14 &&
+                                        react_1.default.createElement(react_1.default.Fragment, null,
+                                            react_1.default.createElement("div", { className: classes.areaButton },
+                                                react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 3); }, className: (0, clsx_1.clsx)((_c = {}, _c[classes.buttonActive] = pageNumber === 3, _c), classes.button) }, "3")))))),
+                        retornaArray(sectionIndex, section).map(function (item, itemIndex) { return retornaEstrutura(sectionIndex, item, itemIndex); })))
+                : retornaEstrutura(sectionIndex, section));
+        })));
 });
 var AutoCompleteFavorites = function (_a) {
     var _b;
-    var action = _a.action, busca = _a.busca, resposta = _a.resposta, autoSearch = _a.autoSearch, label = _a.label, value = _a.value, pgCode = _a.pgCode, favoritePage = _a.favoritePage, _c = _a.group, group = _c === void 0 ? false : _c, groupName = _a.groupName, groupHeaderColor = _a.groupHeaderColor, groupTitleColor = _a.groupTitleColor, loadingColor = _a.loadingColor, widthListBox = _a.widthListBox, filterFunction = _a.filterFunction, getOptionLabel = _a.getOptionLabel, searchParams = _a.searchParams, autoSelectFirstOption = _a.autoSelectFirstOption, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, _e = _a.textFieldProps, textFieldProps = _e === void 0 ? {} : _e, props = __rest(_a, ["action", "busca", "resposta", "autoSearch", "label", "value", "pgCode", "favoritePage", "group", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "widthListBox", "filterFunction", "getOptionLabel", "searchParams", "autoSelectFirstOption", "onChange", "textFieldProps"]);
-    var classes = useStyles({ widthListBox: widthListBox });
-    var _f = (0, react_1.useState)({
+    var action = _a.action, busca = _a.busca, resposta = _a.resposta, autoSearch = _a.autoSearch, label = _a.label, value = _a.value, pgCode = _a.pgCode, favoritePage = _a.favoritePage, _c = _a.group, group = _c === void 0 ? false : _c, groupName = _a.groupName, groupHeaderColor = _a.groupHeaderColor, groupTitleColor = _a.groupTitleColor, loadingColor = _a.loadingColor, widthListBox = _a.widthListBox, filterFunction = _a.filterFunction, getOptionLabel = _a.getOptionLabel, searchParams = _a.searchParams, autoSelectFirstOption = _a.autoSelectFirstOption, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, _e = _a.textFieldProps, textFieldProps = _e === void 0 ? {} : _e, _f = _a.slots, slots = _f === void 0 ? {} : _f, _g = _a.slotProps, slotProps = _g === void 0 ? {} : _g, props = __rest(_a, ["action", "busca", "resposta", "autoSearch", "label", "value", "pgCode", "favoritePage", "group", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "widthListBox", "filterFunction", "getOptionLabel", "searchParams", "autoSelectFirstOption", "onChange", "textFieldProps", "slots", "slotProps"]);
+    var _h = (0, react_1.useState)({
         lista: [],
         slide: true,
         cursor: { index: '', page: '' },
         direction: '',
         favoritosLength: '',
         pageNumber: favoritePage ? 1 : undefined,
-    }), dados = _f[0], setDados = _f[1];
-    var _g = (0, react_1.useState)(false), loading = _g[0], setLoading = _g[1];
-    var _h = (0, react_1.useState)(''), inputValue = _h[0], setInputValue = _h[1];
+    }), dados = _h[0], setDados = _h[1];
+    var _j = (0, react_1.useState)(false), loading = _j[0], setLoading = _j[1];
+    var FormHelperTextProps = textFieldProps.FormHelperTextProps, InputLabelProps = textFieldProps.InputLabelProps, InputProps = textFieldProps.InputProps, inputProps = textFieldProps.inputProps, SelectProps = textFieldProps.SelectProps, _k = textFieldProps.slotProps, textFieldSlotProps = _k === void 0 ? {} : _k, resolvedTextFieldProps = __rest(textFieldProps, ["FormHelperTextProps", "InputLabelProps", "InputProps", "inputProps", "SelectProps", "slotProps"]);
+    var _l = (0, react_1.useState)(''), inputValue = _l[0], setInputValue = _l[1];
     var interval = (0, react_1.useRef)(null);
-    var _j = (0, react_1.useState)(1), seconds = _j[0], setSeconds = _j[1];
+    var _m = (0, react_1.useState)(1), seconds = _m[0], setSeconds = _m[1];
     var startCounter = function () { return interval.current = setInterval(function () { return setSeconds(1); }, 1000); };
     var stopCounter = function () {
         clearInterval(interval.current);
@@ -370,12 +400,26 @@ var AutoCompleteFavorites = function (_a) {
             }
         });
     }); }, [inputValue, searchParams]);
-    (0, react_1.useEffect)(function () { return autoSearch && seconds === 1 && buscar(); }, [autoSearch, seconds, buscar]);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(function () { return (0, lodash_1.isString)(value) && buscar(value); }, []);
-    (0, react_1.useEffect)(function () { var _a; return (value !== ((_a = dados.cursor) === null || _a === void 0 ? void 0 : _a.linha)) && setDados(function (v) { return (__assign(__assign({}, v), { cursor: { index: '', page: '' } })); }); }, [value, (_b = dados.cursor) === null || _b === void 0 ? void 0 : _b.linha]);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(function () { var _a; return autoSelectFirstOption && !!inputValue.length && onChange(undefined, ((_a = dados === null || dados === void 0 ? void 0 : dados.lista) === null || _a === void 0 ? void 0 : _a[0]) || null); }, [dados.lista]);
+    (0, react_1.useEffect)(function () {
+        if (autoSearch && seconds === 1)
+            buscar();
+    }, [autoSearch, seconds, buscar]);
+    (0, react_1.useEffect)(function () {
+        if ((0, lodash_1.isString)(value))
+            buscar(value);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (value !== ((_a = dados.cursor) === null || _a === void 0 ? void 0 : _a.linha))
+            setDados(function (v) { return (__assign(__assign({}, v), { cursor: { index: '', page: '' } })); });
+    }, [value, (_b = dados.cursor) === null || _b === void 0 ? void 0 : _b.linha]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (autoSelectFirstOption && !!inputValue.length)
+            onChange(undefined, ((_a = dados === null || dados === void 0 ? void 0 : dados.lista) === null || _a === void 0 ? void 0 : _a[0]) || null);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dados.lista]);
     var keyDown = function (e) {
         ((e.key === 'Enter' || e.key === 'Tab') && !loading) && buscar();
         (e.key === 'ArrowDown' || e.key === 'ArrowUp') && selectListboxItem(e.key);
@@ -472,12 +516,20 @@ var AutoCompleteFavorites = function (_a) {
             }
         }
     }, [dados]);
-    (0, react_1.useEffect)(function () { var _a; return ((_a = dados.lista) === null || _a === void 0 ? void 0 : _a.length) && setTimeout(function () { return scrollToSelected(); }, 0); }, [dados.lista, scrollToSelected]);
-    return (react_1.default.createElement(lab_1.Autocomplete, __assign({}, props, { value: value, onChange: onChange }, { autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, onInputChange: function (e) { var _a; return setInput(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, getOptionSelected: function (o, v) { return o[0] === v; }, getOptionLabel: getOptionLabel && (function (option) { return getOptionLabel(option, dados === null || dados === void 0 ? void 0 : dados.lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', options: (0, lodash_1.isObject)(value) ? dados === null || dados === void 0 ? void 0 : dados.lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : dados === null || dados === void 0 ? void 0 : dados.lista, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label }, params, textFieldProps, { onKeyUp: function (e) { return keyUp(e); }, inputProps: __assign(__assign({}, params.inputProps), { onKeyDown: function (e) { return keyDown(e); } }), InputProps: __assign(__assign(__assign({}, textFieldProps.InputProps), params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
-                    params.InputProps.endAdornment,
-                    react_1.default.createElement(core_1.Fade, { in: loading },
-                        react_1.default.createElement(core_1.CircularProgress, { disableShrink: true, color: loadingColor || 'inherit', size: 20 })),
-                    !autoSearch && react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function (e) { return buscar(); }, className: classes.searchButton },
-                        react_1.default.createElement(io_1.IoIosSearch, { size: 20 })))) }) }))); }, ListboxComponent: ListboxFavorites, ListboxProps: { dados: dados, setDados: setDados, favoritePage: favoritePage, group: group, groupHeaderColor: groupHeaderColor, groupTitleColor: groupTitleColor }, PopperComponent: function (props) { return CustomPopper(props, classes); } })));
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (!((_a = dados.lista) === null || _a === void 0 ? void 0 : _a.length))
+            return undefined;
+        var timeoutId = setTimeout(function () { return scrollToSelected(); }, 0);
+        return function () { return clearTimeout(timeoutId); };
+    }, [dados.lista, scrollToSelected]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.GlobalStyles, { styles: favoritesStyles }),
+        react_1.default.createElement(material_1.Autocomplete, __assign({}, props, { value: value, onChange: onChange, autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, onInputChange: function (e) { var _a; return setInput(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, isOptionEqualToValue: function (o, v) { return o[0] === ((0, lodash_1.isArray)(v) ? v[0] : v); }, getOptionLabel: getOptionLabel && (function (option) { return getOptionLabel(option, dados === null || dados === void 0 ? void 0 : dados.lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', options: (0, lodash_1.isObject)(value) ? dados === null || dados === void 0 ? void 0 : dados.lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : dados === null || dados === void 0 ? void 0 : dados.lista, renderInput: function (params) { return (react_1.default.createElement(material_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label }, params, resolvedTextFieldProps, { onKeyUp: function (e) { return keyUp(e); }, slotProps: __assign(__assign(__assign({}, textFieldSlotProps), params.slotProps), { input: __assign(__assign(__assign(__assign({}, InputProps), textFieldSlotProps.input), params.slotProps.input), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                            params.slotProps.input.endAdornment,
+                            react_1.default.createElement(material_1.Fade, { in: loading },
+                                react_1.default.createElement(material_1.CircularProgress, { disableShrink: true, color: loadingColor || 'inherit', size: 20 })),
+                            !autoSearch && react_1.default.createElement(material_1.IconButton, { size: 'small', onClick: function (e) { return buscar(); }, className: classes.searchButton },
+                                react_1.default.createElement(io_1.IoIosSearch, { size: 20 })))) }), htmlInput: __assign(__assign(__assign(__assign({}, inputProps), textFieldSlotProps.htmlInput), params.slotProps.htmlInput), { onKeyDown: function (e) { return keyDown(e); } }), formHelperText: __assign(__assign(__assign({}, FormHelperTextProps), textFieldSlotProps.formHelperText), params.slotProps.formHelperText), inputLabel: __assign(__assign(__assign({}, InputLabelProps), textFieldSlotProps.inputLabel), params.slotProps.inputLabel), select: __assign(__assign(__assign({}, SelectProps), textFieldSlotProps.select), params.slotProps.select) }) }))); }, slots: __assign(__assign({}, slots), { popper: function (popperProps) { return react_1.default.createElement(CustomPopper, __assign({}, popperProps, { widthListBox: widthListBox })); } }), slotProps: __assign(__assign({}, slotProps), { listbox: __assign(__assign({ component: ListboxFavorites }, slotProps.listbox), { dados: dados, setDados: setDados, favoritePage: favoritePage, group: group, groupHeaderColor: groupHeaderColor, groupTitleColor: groupTitleColor }) }) }))));
 };
 exports.default = AutoCompleteFavorites;

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

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

package/dist/components/BarChart/BarChart.d.ts

@@ -1,8 +1,32 @@
-export interface BarChartProps {}
+export default BarChart;
 /**
  * @deprecated
- * @param props 
  */
-declare function BarChart(props: BarChartProps): JSX.Element
-
-export default BarChart;
+declare class BarChart extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    componentDidMount: () => void;
+    render(): React.JSX.Element;
+    canv: HTMLCanvasElement | null | undefined;
+}
+declare namespace BarChart {
+    namespace propTypes {
+        let height: PropTypes.Requireable<number>;
+        let labels: PropTypes.Requireable<any[]>;
+        let datasets: PropTypes.Requireable<any[]>;
+        let horizontal: PropTypes.Requireable<boolean>;
+        let percentage: PropTypes.Requireable<boolean>;
+        let maxTicksLimit: PropTypes.Requireable<number>;
+        let stepSize: PropTypes.Requireable<number>;
+        let scaleLabel: PropTypes.Requireable<object>;
+        let title: PropTypes.Requireable<object>;
+        let legend: PropTypes.Requireable<boolean>;
+        let tooltip: PropTypes.Requireable<boolean>;
+        let stacked: PropTypes.Requireable<boolean>;
+        let prefix: PropTypes.Requireable<string>;
+        let suffix: PropTypes.Requireable<string>;
+        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/BarChart/BarChart.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 };
 };

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

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