argous 1.2.149 → 1.2.150

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -284,6 +284,18 @@ var AutoCompleteFavorites = function (_a) {
     }), dados = _d[0], setDados = _d[1];
     var _e = react_1.useState(false), loading = _e[0], setLoading = _e[1];
     var _f = react_1.useState(''), inputValue = _f[0], setInputValue = _f[1];
+    var interval = react_1.useRef(null);
+    var _g = react_1.useState(1), seconds = _g[0], setSeconds = _g[1];
+    var startCounter = function () { return interval.current = setInterval(function () { return setSeconds(1); }, 1000); };
+    var stopCounter = function () {
+        clearInterval(interval.current);
+        setSeconds(0);
+    };
+    var setInput = function (value) {
+        stopCounter();
+        setInputValue(value);
+        startCounter();
+    };
     function carimbaLista(lista) {
         return __awaiter(this, void 0, void 0, function () {
             var completo;
@@ -306,6 +318,7 @@ var AutoCompleteFavorites = function (_a) {
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
+                    stopCounter();
                     setLoading(true);
                     return [4 /*yield*/, api_1.serverAction(action, __assign((_a = {}, _a[busca] = valor || inputValue, _a), searchParams), true, pgCode)];
                 case 1:
@@ -327,10 +340,10 @@ var AutoCompleteFavorites = function (_a) {
             }
         });
     }); }, [inputValue, searchParams]);
-    react_1.useEffect(function () { return buscar(); }, [inputValue, buscar]);
+    react_1.useEffect(function () { return seconds === 1 && buscar(); }, [seconds, buscar]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
     react_1.useEffect(function () { return lodash_1.isString(value) && buscar(value); }, []);
-    return (react_1.default.createElement(lab_1.Autocomplete, __assign({}, props, { value: value, onChange: onChange }, { options: 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, 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', onInputChange: function (e) { var _a; return setInputValue(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, getOptionSelected: function (o, v) { return o[0] === v; }, autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label }, params, textFieldProps, { InputProps: __assign(__assign(__assign({}, textFieldProps.InputProps), params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(lab_1.Autocomplete, __assign({}, props, { value: value, onChange: onChange }, { options: 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, 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', 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; }, autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label }, params, textFieldProps, { 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 })))) }) }))); }, ListboxComponent: ListboxFavorites, ListboxProps: { dados: dados, setDados: setDados, favoritePage: favoritePage, groupHeaderColor: groupHeaderColor, groupTitleColor: groupTitleColor } })));

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -3,7 +3,7 @@ import { CircularProgress, Fade, ListItem, ListItemText, ListSubheader, makeStyl
 import { Autocomplete } from '@material-ui/lab';
 import clsx from 'clsx';
 import { isObject, isString } from 'lodash';
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 
 const useStyles = makeStyles((theme) => ({
   subHeader: {
@@ -226,6 +226,21 @@ const AutoCompleteFavorites = ({ action, busca, resposta, label, value, pgCode,
   const [loading, setLoading] = useState(false);
   const [inputValue, setInputValue] = useState('');
 
+  const interval = useRef(null);
+  const [seconds, setSeconds] = useState(1);
+
+  const startCounter = () => interval.current = setInterval(() => setSeconds(1), 1000);
+  const stopCounter = () => {
+    clearInterval(interval.current);
+    setSeconds(0);
+  };
+
+  const setInput = value => {
+    stopCounter();
+    setInputValue(value);
+    startCounter();
+  };
+
   async function carimbaLista(lista) {
     let completo = [];
     lista.map((arr, index) => {
@@ -237,6 +252,7 @@ const AutoCompleteFavorites = ({ action, busca, resposta, label, value, pgCode,
   }
 
   const buscar = useCallback(async valor => {
+    stopCounter();
     setLoading(true);
     const res = await serverAction(action, { [busca]: valor || inputValue, ...searchParams }, true, pgCode);
     if (res[resposta || 'result']?.length > 1) await carimbaLista(res[resposta || 'result']);
@@ -246,7 +262,7 @@ const AutoCompleteFavorites = ({ action, busca, resposta, label, value, pgCode,
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [inputValue, searchParams]);
 
-  useEffect(() => buscar(), [inputValue, buscar]);
+  useEffect(() => seconds === 1 && buscar(), [seconds, buscar]);
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => isString(value) && buscar(value), []);
 
@@ -257,7 +273,7 @@ const AutoCompleteFavorites = ({ action, busca, resposta, label, value, pgCode,
       options={isObject(value) ? dados?.lista.filter(v => filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]) : dados?.lista}
       getOptionLabel={getOptionLabel && (option => getOptionLabel(option, dados?.lista))}
       noOptionsText={inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado'}
-      onInputChange={e => setInputValue(e?.target?.value || '')}
+      onInputChange={e => setInput(e?.target?.value || '')}
       getOptionSelected={(o, v) => o[0] === v}
       autoComplete
       autoHighlight

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.149",
+  "version": "1.2.150",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",