argous 1.2.247 → 1.3.2

package/dist/components/ArgousProgressBar/ArgousProgressBar.js

@@ -3,54 +3,74 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
+exports.default = ProgressBar;
+var material_1 = require("@mui/material");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
-var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
-    progressContainer: {
-        '& > div': {
-            padding: '0px !important'
-        }
-    },
-    progressBorder: {
-        border: function (props) { return "3px solid ".concat(props.borderColor || props.preset.borderColor); },
+var selectPreset = function (preset, palette) {
+    switch (preset) {
+        case 'secondary':
+            return { fullBarColor: palette.secondary.dark, borderColor: palette.secondary.dark, indicatorColor: palette.secondary.dark, barColor: "linear-gradient(90deg, ".concat(palette.secondary.light, " 0%, ").concat(palette.secondary.main, " 50%, ").concat(palette.secondary.dark, " 100%)") };
+        case 'success':
+            return { fullBarColor: palette.success.dark, borderColor: palette.success.dark, indicatorColor: palette.success.dark, barColor: "linear-gradient(90deg, ".concat(palette.success.light, " 0%, ").concat(palette.success.main, " 50%, ").concat(palette.success.dark, " 100%)") };
+        case 'info':
+            return { fullBarColor: palette.info.dark, borderColor: palette.info.dark, indicatorColor: palette.info.dark, barColor: "linear-gradient(90deg, ".concat(palette.info.light, " 0%, ").concat(palette.info.main, " 50%, ").concat(palette.info.dark, " 100%)") };
+        case 'warning':
+            return { fullBarColor: palette.warning.dark, borderColor: palette.warning.dark, indicatorColor: palette.warning.dark, barColor: "linear-gradient(90deg, ".concat(palette.warning.light, " 0%, ").concat(palette.warning.main, " 50%, ").concat(palette.warning.dark, " 100%)") };
+        case 'danger':
+            return { fullBarColor: palette.error.dark, borderColor: palette.error.dark, indicatorColor: palette.error.dark, barColor: "linear-gradient(90deg, ".concat(palette.error.light, " 0%, ").concat(palette.error.main, " 50%, ").concat(palette.error.dark, " 100%)") };
+        case 'hot':
+            return { fullBarColor: 'rgba(244,67,54,1)', borderColor: '#d84315', indicatorColor: '#f44336', barColor: 'linear-gradient(90deg, rgba(255,235,59,1) 0%, rgba(255,152,0,1) 50%, rgba(244,67,54,1) 100%)' };
+        case 'cold':
+            return { fullBarColor: '#673ab7', borderColor: '#5e35b1', indicatorColor: '#512da8', barColor: 'linear-gradient(90deg, #2196f3 0%, #3f51b5 50%, #673ab7 100%)' };
+        default:
+            return { fullBarColor: palette.primary.dark, borderColor: palette.primary.dark, indicatorColor: palette.primary.dark, barColor: "linear-gradient(90deg, ".concat(palette.primary.light, " 0%, ").concat(palette.primary.main, " 50%, ").concat(palette.primary.dark, " 100%)") };
+    }
+};
+function ProgressBar(_a) {
+    var valueLabel = _a.valueLabel, valueSuffix = _a.valueSuffix, maxValueSuffix = _a.maxValueSuffix, maxValueLabel = _a.maxValueLabel, value = _a.value, maxValue = _a.maxValue, rightIndicatorColor = _a.rightIndicatorColor, topIndicatorColor = _a.topIndicatorColor, borderColor = _a.borderColor, barColor = _a.barColor, fullBarColor = _a.fullBarColor, preset = _a.preset, compact = _a.compact, className = _a.className;
+    var theme = (0, material_1.useTheme)();
+    var percnt = maxValue ? value * 100 / maxValue : 0;
+    var selectedPreset = selectPreset(preset, theme.palette);
+    var progressBorderSx = {
+        border: "3px solid ".concat(borderColor || selectedPreset.borderColor),
         borderRadius: '15px',
-    },
-    progressBack: {
+    };
+    var progressBackSx = {
         height: '20px',
         padding: '2px',
         position: 'relative'
-    },
-    progressBar: {
+    };
+    var progressBarSx = {
         width: '100%',
         height: '100%',
         borderRadius: '10px',
-        background: function (props) { return props.percnt === 0 ? theme.palette.background.paper : props.percnt > 100 ? props.fullBarColor || props.preset.fullBarColor : props.barColor || props.preset.barColor; },
-    },
-    progressCover: {
+        background: percnt === 0 ? theme.palette.background.paper : percnt > 100 ? fullBarColor || selectedPreset.fullBarColor : barColor || selectedPreset.barColor,
+    };
+    var progressCoverSx = {
         height: '100%',
         transition: '300ms',
-        background: function (props) { return props.percnt > 99 ? 'transparent' : theme.palette.background.paper; },
+        background: percnt > 99 ? 'transparent' : theme.palette.background.paper,
         position: 'absolute',
         top: '0px',
         right: '0',
-        width: function (props) { return "".concat(100 - props.percnt, "%"); },
+        width: "".concat(100 - percnt, "%"),
         minWidth: '5%',
         maxWidth: '95%',
-        borderRadius: '0px 10px 10px 0px;',
-    },
-    topIndicator: {
+        borderRadius: '0px 10px 10px 0px',
+    };
+    var topIndicatorSx = {
         zIndex: 1,
         transition: '300ms',
         display: 'block',
         position: 'relative',
         width: 'max-content',
         margin: '0 2px',
-        paddingLeft: function (props) { return props.percnt > 94 ? '94%' : props.percnt < 5 ? '0' : "".concat(props.percnt, "%"); },
-        transform: function (props) { return props.percnt === 0 ? "translate(".concat(props.compact ? '-25px, 1px' : '-10px, 0px', ")") : props.percnt > 5 ? "translate(".concat(props.compact ? '-30px, 1px' : '-15px, 0px', ")") : ''; },
+        paddingLeft: percnt > 94 ? '94%' : percnt < 5 ? '0' : "".concat(percnt, "%"),
+        transform: percnt === 0 ? "translate(".concat(compact ? '-25px, 1px' : '-10px, 0px', ")") : percnt > 5 ? "translate(".concat(compact ? '-30px, 1px' : '-15px, 0px', ")") : '',
         '& p': {
             margin: '0 0 5px',
-            border: function (props) { return props.compact ? 0 : "2px solid ".concat(props.topIndicatorColor || props.preset.indicatorColor); },
+            border: compact ? 0 : "2px solid ".concat(topIndicatorColor || selectedPreset.indicatorColor),
             padding: '0px 3px',
             borderRadius: '5px',
             minWidth: '25px',
@@ -66,20 +86,20 @@ var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
             left: '0px',
             width: '0px',
             height: '0px',
-            borderTop: function (props) { return "5px solid ".concat(props.topIndicatorColor || props.preset.indicatorColor); },
+            borderTop: "5px solid ".concat(topIndicatorColor || selectedPreset.indicatorColor),
             borderLeft: '10px solid transparent',
             borderRight: '10px solid transparent',
             display: 'block',
-            opacity: function (props) { return props.compact ? 0 : 1; }
+            opacity: compact ? 0 : 1
         },
-    },
-    rightIndicator: {
+    };
+    var rightIndicatorSx = {
         display: 'block',
         position: 'relative',
         width: 'max-content',
         '& p': {
             margin: '0 7px 0',
-            border: function (props) { return "2px solid ".concat(props.rightIndicatorColor || props.preset.indicatorColor); },
+            border: "2px solid ".concat(rightIndicatorColor || selectedPreset.indicatorColor),
             padding: '0px 3px',
             borderRadius: '5px',
             minWidth: '25px',
@@ -96,59 +116,29 @@ var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
             height: '0px',
             borderTop: '10px solid transparent',
             borderBottom: '10px solid transparent',
-            borderRight: function (props) { return "8px solid ".concat(props.rightIndicatorColor || props.preset.indicatorColor); },
+            borderRight: "8px solid ".concat(rightIndicatorColor || selectedPreset.indicatorColor),
         },
-    },
-    collapse: {
-        height: function (props) { return props.compact ? '0px !important' : undefined; }
-    }
-}); });
-var selectPreset = function (preset, palette) {
-    switch (preset) {
-        case 'secondary':
-            return { fullBarColor: palette.secondary.dark, borderColor: palette.secondary.dark, indicatorColor: palette.secondary.dark, barColor: "linear-gradient(90deg, ".concat(palette.secondary.light, " 0%, ").concat(palette.secondary.main, " 50%, ").concat(palette.secondary.dark, " 100%)") };
-        case 'success':
-            return { fullBarColor: palette.success.dark, borderColor: palette.success.dark, indicatorColor: palette.success.dark, barColor: "linear-gradient(90deg, ".concat(palette.success.light, " 0%, ").concat(palette.success.main, " 50%, ").concat(palette.success.dark, " 100%)") };
-        case 'info':
-            return { fullBarColor: palette.info.dark, borderColor: palette.info.dark, indicatorColor: palette.info.dark, barColor: "linear-gradient(90deg, ".concat(palette.info.light, " 0%, ").concat(palette.info.main, " 50%, ").concat(palette.info.dark, " 100%)") };
-        case 'warning':
-            return { fullBarColor: palette.warning.dark, borderColor: palette.warning.dark, indicatorColor: palette.warning.dark, barColor: "linear-gradient(90deg, ".concat(palette.warning.light, " 0%, ").concat(palette.warning.main, " 50%, ").concat(palette.warning.dark, " 100%)") };
-        case 'danger':
-            return { fullBarColor: palette.error.dark, borderColor: palette.error.dark, indicatorColor: palette.error.dark, barColor: "linear-gradient(90deg, ".concat(palette.error.light, " 0%, ").concat(palette.error.main, " 50%, ").concat(palette.error.dark, " 100%)") };
-        case 'hot':
-            return { fullBarColor: 'rgba(244,67,54,1)', borderColor: '#d84315', indicatorColor: '#f44336', barColor: 'linear-gradient(90deg, rgba(255,235,59,1) 0%, rgba(255,152,0,1) 50%, rgba(244,67,54,1) 100%)' };
-        case 'cold':
-            return { fullBarColor: '#673ab7', borderColor: '#5e35b1', indicatorColor: '#512da8', barColor: 'linear-gradient(90deg, #2196f3 0%, #3f51b5 50%, #673ab7 100%)' };
-        default:
-            return { fullBarColor: palette.primary.dark, borderColor: palette.primary.dark, indicatorColor: palette.primary.dark, barColor: "linear-gradient(90deg, ".concat(palette.primary.light, " 0%, ").concat(palette.primary.main, " 50%, ").concat(palette.primary.dark, " 100%)") };
-    }
-};
-function ProgressBar(_a) {
-    var valueLabel = _a.valueLabel, valueSuffix = _a.valueSuffix, maxValueSuffix = _a.maxValueSuffix, maxValueLabel = _a.maxValueLabel, value = _a.value, maxValue = _a.maxValue, rightIndicatorColor = _a.rightIndicatorColor, topIndicatorColor = _a.topIndicatorColor, borderColor = _a.borderColor, barColor = _a.barColor, fullBarColor = _a.fullBarColor, preset = _a.preset, compact = _a.compact, className = _a.className;
-    var theme = (0, core_1.useTheme)();
-    var percnt = maxValue ? value * 100 / maxValue : 0;
-    var classes = useStyles({ percnt: percnt, rightIndicatorColor: rightIndicatorColor, topIndicatorColor: topIndicatorColor, borderColor: borderColor, barColor: barColor, fullBarColor: fullBarColor, preset: selectPreset(preset, theme.palette), compact: compact });
-    return (react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, className: "".concat(classes.progressContainer, " ").concat(className), style: { marginTop: compact ? '-10px' : undefined } },
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 10, style: { maxWidth: '80%', flexBasis: '80%' } },
-            react_1.default.createElement(core_1.Collapse, { in: value > 0, className: classes.collapse },
-                react_1.default.createElement("div", { className: classes.topIndicator },
+    };
+    return (react_1.default.createElement(material_1.Grid, { container: true, spacing: 2, className: className, sx: { marginTop: compact ? '-10px' : undefined, '& > div': { padding: '0px !important' } } },
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '80%', flexBasis: '80%' }, size: 10 },
+            react_1.default.createElement(material_1.Collapse, { in: value > 0, sx: { height: compact ? '0px !important' : undefined } },
+                react_1.default.createElement(material_1.Box, { sx: topIndicatorSx },
                     react_1.default.createElement("p", { title: valueLabel || 'Minutos Realizados' },
                         value,
                         valueSuffix)))),
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 2, style: { maxWidth: '20%', flexBasis: '20%' } }),
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 10, style: { maxWidth: '80%', flexBasis: '80%' } },
-            react_1.default.createElement("div", { item: true, title: "Porcentagem ".concat(percnt.toFixed(2), "%"), className: classes.progressBorder },
-                react_1.default.createElement("div", { className: classes.progressBack },
-                    react_1.default.createElement("div", { className: classes.progressBar }),
-                    react_1.default.createElement("div", { className: classes.progressCover })))),
-        react_1.default.createElement(core_1.Grid, { item: true, xs: 2, style: { maxWidth: '20%', flexBasis: '20%' } },
-            react_1.default.createElement(core_1.Grow, { in: maxValue > 0 },
-                react_1.default.createElement("div", { className: classes.rightIndicator },
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '20%', flexBasis: '20%' }, size: 2 }),
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '80%', flexBasis: '80%' }, size: 10 },
+            react_1.default.createElement(material_1.Box, { title: "Porcentagem ".concat(percnt.toFixed(2), "%"), sx: progressBorderSx },
+                react_1.default.createElement(material_1.Box, { sx: progressBackSx },
+                    react_1.default.createElement(material_1.Box, { sx: progressBarSx }),
+                    react_1.default.createElement(material_1.Box, { sx: progressCoverSx })))),
+        react_1.default.createElement(material_1.Grid, { style: { maxWidth: '20%', flexBasis: '20%' }, size: 2 },
+            react_1.default.createElement(material_1.Grow, { in: maxValue > 0 },
+                react_1.default.createElement(material_1.Box, { sx: rightIndicatorSx },
                     react_1.default.createElement("p", { title: maxValueLabel || 'Minutos Previstos' },
                         maxValue,
                         maxValueSuffix))))));
 }
-exports.default = ProgressBar;
 ProgressBar.propTypes = {
     value: prop_types_1.default.number,
     maxValue: prop_types_1.default.number,

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

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

package/dist/components/ArgousSimpleTable/ArgousSimpleTable.d.ts

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

package/dist/components/ArgousSimpleTable/ArgousSimpleTable.js

@@ -26,41 +26,44 @@ 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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var ArgousPagination_1 = __importDefault(require("../ArgousPagination"));
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var styles_1 = require("@material-ui/core/styles");
-var Table_1 = __importDefault(require("@material-ui/core/Table"));
-var TableBody_1 = __importDefault(require("@material-ui/core/TableBody"));
-var TableCell_1 = __importDefault(require("@material-ui/core/TableCell"));
-var TableContainer_1 = __importDefault(require("@material-ui/core/TableContainer"));
-var TableHead_1 = __importDefault(require("@material-ui/core/TableHead"));
-var TableRow_1 = __importDefault(require("@material-ui/core/TableRow"));
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var Table_1 = __importDefault(require("@mui/material/Table"));
+var TableBody_1 = __importDefault(require("@mui/material/TableBody"));
+var TableCell_1 = __importDefault(require("@mui/material/TableCell"));
+var TableContainer_1 = __importDefault(require("@mui/material/TableContainer"));
+var TableHead_1 = __importDefault(require("@mui/material/TableHead"));
+var TableRow_1 = __importDefault(require("@mui/material/TableRow"));
 var react_1 = __importStar(require("react"));
 /**
  * @deprecated
  */
 var ArgousSimpleTable = function (props) {
-    var useStyles = (0, styles_1.makeStyles)({
-        table: {
-            minWidth: 650,
-        },
-    });
     var _a = (0, react_1.useState)({ acao: '', pgAtl: 1, qtRegs: 0 }), ctrlPgn = _a[0], setCtrlPgn = _a[1];
     var _b = (0, react_1.useState)(false), iniciado = _b[0], setIniciado = _b[1];
     var _c = (0, react_1.useState)({ tpOrdem: 'D' }), tpOrdenacao = _c[0], setTpOrdenacao = _c[1];
     var _d = (0, react_1.useState)([]), listaChildrens = _d[0], setListaChildrens = _d[1];
-    var classes = useStyles();
     function getCellContent(vlr, line) {
         if (props.columnOptions) {
             for (var _i = 0, _a = props.columnOptions; _i < _a.length; _i++) {
@@ -138,10 +141,13 @@ var ArgousSimpleTable = function (props) {
             setListaChildrens(listaFilhos());
             setIniciado(true);
         }
+        // Pagination changes intentionally drive this effect; including the legacy
+        // props object would retrigger it on every render.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [ctrlPgn]);
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(TableContainer_1.default, { component: Paper_1.default },
-            react_1.default.createElement(Table_1.default, { className: classes.table, size: 'small', style: { tableLayout: 'fixed', width: '100%' } },
+            react_1.default.createElement(Table_1.default, { size: 'small', sx: { minWidth: 650 }, style: { tableLayout: 'fixed', width: '100%' } },
                 react_1.default.createElement(TableHead_1.default, null,
                     react_1.default.createElement(TableRow_1.default, null,
                         props.head.map(function (coluna, index) {

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

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

package/dist/components/AutoComplete/AutoComplete.d.ts

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

package/dist/components/AutoComplete/AutoComplete.js

@@ -41,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -57,7 +67,6 @@ var fieldsRedux_1 = require("../../fieldsRedux");
 var api_1 = require("../../utils/api");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var react_custom_scrollbars_1 = require("react-custom-scrollbars");
 /**
  * @deprecated
  */
@@ -161,7 +170,7 @@ var AutoComplete = /** @class */ (function (_super) {
                 react_1.default.createElement("tr", null,
                     react_1.default.createElement("td", null, typeMessage > -1 &&
                         react_1.default.createElement("div", { className: dropdownClassName ? dropdownClassName : 'argous-list-dropdown', style: { height: !showOnlyResults ? resultHeight : typeMessage === 0 ? resultHeight : 0, maxHeight: dropdownMaxHeight } },
-                            react_1.default.createElement(react_custom_scrollbars_1.Scrollbars, null,
+                            react_1.default.createElement("div", { style: { height: '100%', overflowY: 'auto' } },
                                 typeMessage > 0 && !showOnlyResults && (react_1.default.createElement("div", { className: 'padding-top-sm padding-bottom-sm color999 text-center' },
                                     typeMessage === 1 && 'Escreva para começar a buscar',
                                     typeMessage === 2 && 'Pesquisando...',

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

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

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

@@ -1,101 +1,28 @@
-import { TextFieldProps } from '@material-ui/core';
-import { AutocompleteProps, AutocompleteChangeDetails } from '@material-ui/lab';
-import * as React from 'react';
-
-export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any, false, false, false>, 'getOptionLabel'>{
-  /**
-   * Valor do campo
-   */
-  value?: Array<number|string> | object, 
-  /**
-   * Props repassados ao componente Textfield
-   */
-  textFieldProps?: TextFieldProps, 
-  /**
-   * Callback fired when the value changes.
-   *
-   * @param event — The event source of the callback.
-   *
-   * @param value — The new value of the component.
-   *
-   * @param reason — One of "create-option", "select-option", "remove-option", "blur", "clear" ou "only-one-left".
-   */
-  onChange?: ((event: React.ChangeEvent<{}>, value: any, reason: 'create-option' | 'select-option' | 'remove-option' | 'blur' | 'clear' | 'only-one-left', details?: AutocompleteChangeDetails<any> | undefined) => void) | undefined,
-  /**
-   * Formata o valor que aparece na listagem
-   * 
-   * @param option - Opção sendo testada ou selecionada
-   * 
-   * @param lista - Lista com todas as opções
-   */
-  getOptionLabel?: ((option: Array<any>, lista: Array<Array<any>>) => string),
-  /**
-   * Utiliza um pgCode diferente do padrão
-   */
-  pgCode?: string,
-  /**
-   * Objeto de busca personalizado
-   */
-  busca?: string,
-  /**
-   * Objeto de resposta personalizado
-   */
-  resposta?: string,
-  /**
-   * Action personalizada
-   */
-  action?: string,
-  /**
-   * Label do campo
-   */
-  label?: string,
-  /**
-   * Parametros utilizados no metodo de busca
-   */
-  searchParams?: object,
-  /**
-   * Define a cor do loading
-   */
-  loadingColor?: string,
-  /**
-    * Parametro que define se terá paginação
-    */
-  favoritePage?: boolean,
-  /**
-   * Define a largura do listbox
-   */
-  widthListBox?: number|string,
-  /**
-   * Prop para utilizar grupo
-   */
-  group?: boolean,
-  /**
-    * Array contendo nome do grupo
-    */
-  groupName?: Array<string>,
-  /**
-    * Array contendo a cor do titulo no grupo
-    */
-  groupTitleColor?: Array<string>,
-  /**
-    * Array contendo o backgroundColor do header no grupo
-    */
-  groupHeaderColor?: Array<string>,
-  /**
-   * Prop que ativa a seleção automática da primeira opção da pesquisa
-   */
-  autoSelectFirstOption?: boolean,
-  /**
-   * Função para filtrar a lista de opções
-   * 
-   * @param valor - Valor setado no componente
-   * @param item - Item a ser testado contra o valor
-   * 
-   * @returns {boolean} Retorna true se item de ser removido da lista
-   */
-  filterFunction?: (valor: any, item: any) => boolean,
-}
-
-declare function AutoCompleteFavorites(props: AutoCompleteFavoritesProps): JSX.Element
-
-export default AutoCompleteFavorites;
+export const CustomTooltip: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export default AutoCompleteFavorites;
+declare function AutoCompleteFavorites({ action, busca, resposta, autoSearch, label, value, pgCode, favoritePage, group, groupName, groupHeaderColor, groupTitleColor, loadingColor, widthListBox, filterFunction, getOptionLabel, searchParams, autoSelectFirstOption, onChange, textFieldProps, slots, slotProps, ...props }: {
+    [x: string]: any;
+    action: any;
+    busca: any;
+    resposta: any;
+    autoSearch: any;
+    label: any;
+    value: any;
+    pgCode: any;
+    favoritePage: any;
+    group?: boolean | undefined;
+    groupName: any;
+    groupHeaderColor: any;
+    groupTitleColor: any;
+    loadingColor: any;
+    widthListBox: any;
+    filterFunction: any;
+    getOptionLabel: any;
+    searchParams: any;
+    autoSelectFirstOption: any;
+    onChange?: ((e: any) => any) | undefined;
+    textFieldProps?: {} | undefined;
+    slots?: {} | undefined;
+    slotProps?: {} | undefined;
+}): React.JSX.Element;
+import React from 'react';