argous 1.2.139 → 1.2.143

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -80,6 +80,7 @@ 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");
@@ -169,81 +170,27 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
         }
     }
 }); });
-var CustomTooltip = core_1.withStyles(function (theme) { return ({
+exports.CustomTooltip = core_1.withStyles(function (theme) { return ({
     tooltip: theme.palette.type === 'light' ? {
         fontSize: 15,
         fontWeight: 400,
-        color: 'rgb(255, 255, 255)',
+        color: '#FFF',
         backgroundColor: '#333333e3',
     } : {
         fontSize: 15,
         fontWeight: 400,
-        color: 'rgb(0, 0, 0)',
+        color: '#000',
         backgroundColor: '#fbfbfbd1',
     },
     arrow: {
         color: theme.palette.type === 'light' ? '#333333e3' : '#fbfbfbd1'
     }
 }); })(core_1.Tooltip);
-var AutoCompleteFavorites = function (_a) {
-    var action = _a.action, busca = _a.busca, resposta = _a.resposta, label = _a.label, value = _a.value, pgCode = _a.pgCode, favoritePage = _a.favoritePage, groupName = _a.groupName, groupHeaderColor = _a.groupHeaderColor, groupTitleColor = _a.groupTitleColor, loadingColor = _a.loadingColor, filterFunction = _a.filterFunction, getOptionLabel = _a.getOptionLabel, _b = _a.onChange, onChange = _b === void 0 ? function (e) { return e; } : _b, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, searchParams = _a.searchParams, props = __rest(_a, ["action", "busca", "resposta", "label", "value", "pgCode", "favoritePage", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "filterFunction", "getOptionLabel", "onChange", "textFieldProps", "searchParams"]);
-    var _d = react_1.useState({
-        lista: [],
-        slide: true,
-        direction: '',
-        favoritosLength: '',
-        pageNumber: favoritePage ? 1 : '',
-    }), 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 buscar = react_1.useCallback(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
-        var res;
-        var _a;
-        var _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    setLoading(true);
-                    return [4 /*yield*/, api_1.serverAction(action, __assign((_a = {}, _a[busca] = valor || inputValue, _a), searchParams), true, pgCode)];
-                case 1:
-                    res = _c.sent();
-                    if (((_b = res[resposta || 'result']) === null || _b === void 0 ? void 0 : _b.length) > 1)
-                        carimbaLista(res[resposta || 'result']);
-                    else if (res[resposta || 'result'])
-                        setDados({ lista: res[resposta || 'result'] || [] });
-                    else
-                        api_1.setError('Erro ao tentar buscar dados.');
-                    setLoading(false);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [inputValue, searchParams]);
-    function carimbaLista(lista) {
-        var completo = [];
-        lista.map(function (arr, index) {
-            index === 0 && favoritePage && setDados(function (v) { return (__assign(__assign({}, v), { favoritosLength: arr.length })); });
-            return arr.map(function (itemArr) { return itemArr.length < 3 && itemArr.push(groupName[index]); });
-        });
-        lista.forEach(function (v) {
-            for (var _i = 0, _a = v.values(); _i < _a.length; _i++) {
-                var item = _a[_i];
-                completo.push(item);
-            }
-        });
-        setDados(function (v) { return (__assign(__assign({}, v), { lista: completo })); });
-    }
-    react_1.useEffect(function () { return buscar(); }, [inputValue, buscar]);
-    react_1.useEffect(function () { return lodash_1.isString(value) && buscar(value); }, []);
-    return (react_1.default.createElement(lab_1.Autocomplete, __assign({ autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, 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) || ''); }, 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); }), getOptionSelected: function (o, v) { return o[0] === v; }, 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 })))) }) }))); } }, props, { value: value, onChange: onChange }, { ListboxComponent: ListboxFavorites, ListboxProps: { dados: dados, setDados: setDados, favoritePage: favoritePage, groupHeaderColor: groupHeaderColor, groupTitleColor: groupTitleColor } })));
-};
-exports.default = AutoCompleteFavorites;
 var ListboxFavorites = react_1.forwardRef(function (props, ref) {
     var classes = useStyles();
     var children = props.children, favoritePage = props.favoritePage, dados = props.dados, setDados = props.setDados, groupHeaderColor = props.groupHeaderColor, groupTitleColor = props.groupTitleColor;
     var pageNumber = dados.pageNumber, favoritosLength = dados.favoritosLength, direction = dados.direction, slide = dados.slide;
+    console.log('Listbox', children);
     function retornaInicio() {
         switch (pageNumber) {
             case 1:
@@ -274,11 +221,11 @@ var ListboxFavorites = react_1.forwardRef(function (props, ref) {
     function retornaEstrutura(sectionIndex, item) {
         if (sectionIndex === 0 && favoritePage && favoritosLength > 7) {
             return (react_1.default.createElement(core_1.Slide, { in: slide, direction: direction },
-                react_1.default.createElement(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(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, { key: item.key, className: classes.listItem }),
                         react_1.default.createElement(core_1.ListItemText, { primary: item.props.children, className: classes.listItemText })))));
         }
-        return (react_1.default.createElement(CustomTooltip, { title: item.props.children, arrow: true, enterDelay: '1000', enterNextDelay: '1000', placement: 'top-end', TransitionComponent: core_1.Fade, TransitionProps: { timeout: { enter: 100, exit: 500 } } },
+        return (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, { key: item.key, className: classes.listItem }),
                 react_1.default.createElement(core_1.ListItemText, { primary: item.props.children, className: classes.listItemText }))));
     }
@@ -327,3 +274,77 @@ var ListboxFavorites = react_1.forwardRef(function (props, ref) {
             retornaArray(sectionIndex, section).map(function (item, itemIndex) { return retornaEstrutura(sectionIndex, item); })));
     });
 });
+var AutoCompleteFavorites = function (_a) {
+    var action = _a.action, busca = _a.busca, resposta = _a.resposta, label = _a.label, value = _a.value, pgCode = _a.pgCode, favoritePage = _a.favoritePage, groupName = _a.groupName, groupHeaderColor = _a.groupHeaderColor, groupTitleColor = _a.groupTitleColor, loadingColor = _a.loadingColor, filterFunction = _a.filterFunction, getOptionLabel = _a.getOptionLabel, _b = _a.onChange, onChange = _b === void 0 ? function (e) { return e; } : _b, _c = _a.textFieldProps, textFieldProps = _c === void 0 ? {} : _c, searchParams = _a.searchParams, props = __rest(_a, ["action", "busca", "resposta", "label", "value", "pgCode", "favoritePage", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "filterFunction", "getOptionLabel", "onChange", "textFieldProps", "searchParams"]);
+    var _d = react_1.useState({
+        lista: [],
+        slide: true,
+        direction: '',
+        favoritosLength: '',
+        pageNumber: favoritePage ? 1 : '',
+    }), 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];
+    function carimbaLista(lista) {
+        return __awaiter(this, void 0, void 0, function () {
+            var completo;
+            return __generator(this, function (_a) {
+                console.log('carimbaLista', lista);
+                completo = [];
+                lista.map(function (arr, index) {
+                    index === 0 && favoritePage && setDados(function (v) { return (__assign(__assign({}, v), { favoritosLength: arr.length })); });
+                    return arr.map(function (itemArr) { return itemArr.length < itemArr.length + 1 && itemArr.push(groupName[index]); });
+                });
+                console.log('listaCarimbada', lista);
+                // lista.forEach(v => {
+                //   for (let item of v.values()) {
+                //     completo.push(item);
+                //   }
+                // });
+                lista.map(function (v) { return v.map(function (d) { return completo.push(d); }); });
+                console.log('carimbaLista completo', completo);
+                setDados(function (v) { return (__assign(__assign({}, v), { lista: completo })); });
+                return [2 /*return*/];
+            });
+        });
+    }
+    var buscar = react_1.useCallback(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
+        var res;
+        var _a;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    setLoading(true);
+                    return [4 /*yield*/, api_1.serverAction(action, __assign((_a = {}, _a[busca] = valor || inputValue, _a), searchParams), true, pgCode)];
+                case 1:
+                    res = _c.sent();
+                    if (res)
+                        console.log('Resposta busca', res);
+                    if (!(((_b = res[resposta || 'result']) === null || _b === void 0 ? void 0 : _b.length) > 1)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, carimbaLista(res[resposta || 'result'])];
+                case 2:
+                    _c.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    if (res[resposta || 'result'])
+                        setDados({ lista: res[resposta || 'result'] || [] });
+                    else
+                        api_1.setError('Erro ao tentar buscar dados.');
+                    _c.label = 4;
+                case 4:
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [inputValue, searchParams]);
+    react_1.useEffect(function () { return buscar(); }, [inputValue, buscar]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    react_1.useEffect(function () { return lodash_1.isString(value) && buscar(value); }, []);
+    console.log('Lista', dados.lista);
+    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,
+                    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 } })));
+};
+exports.default = AutoCompleteFavorites;

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -89,16 +89,16 @@ const useStyles = makeStyles((theme) => ({
   }
 }));
 
-const CustomTooltip = withStyles((theme) => ({
+export const CustomTooltip = withStyles((theme) => ({
   tooltip: theme.palette.type === 'light' ? {
     fontSize: 15,
     fontWeight: 400,
-    color: 'rgb(255, 255, 255)',
+    color: '#FFF',
     backgroundColor: '#333333e3',
   } : {
     fontSize: 15,
     fontWeight: 400,
-    color: 'rgb(0, 0, 0)',
+    color: '#000',
     backgroundColor: '#fbfbfbd1',
   },
   arrow: {
@@ -106,91 +106,14 @@ const CustomTooltip = withStyles((theme) => ({
   }
 }))(Tooltip);
 
-const AutoCompleteFavorites = ({ action, busca, resposta, label, value, pgCode, favoritePage, groupName, groupHeaderColor, groupTitleColor, loadingColor, filterFunction, getOptionLabel, onChange = e => e, textFieldProps = {}, searchParams, ...props }) => {
-
-  const [dados, setDados] = useState({
-    lista: [],
-    slide: true,
-    direction: '',
-    favoritosLength: '',
-    pageNumber: favoritePage ? 1 : '',
-  });
-  const [loading, setLoading] = useState(false);
-  const [inputValue, setInputValue] = useState('');
-
-  const buscar = useCallback(async valor => {
-    setLoading(true);
-    const res = await serverAction(action, { [busca]: valor || inputValue, ...searchParams }, true, pgCode);
-    if (res[resposta || 'result']?.length > 1) carimbaLista(res[resposta || 'result']);
-    else if (res[resposta || 'result']) setDados({ lista: res[resposta || 'result'] || [] });
-    else setError('Erro ao tentar buscar dados.');
-    setLoading(false);
-  }, [inputValue, searchParams]);
-
-  function carimbaLista(lista) {
-    let completo = [];
-    lista.map((arr, index) => {
-      index === 0 && favoritePage && setDados(v => ({ ...v, favoritosLength: arr.length }));
-      return arr.map(itemArr => itemArr.length < 3 && itemArr.push(groupName[index]));
-    });
-    lista.forEach(v => {
-      for (let item of v.values()) {
-        completo.push(item);
-      }
-    });
-    setDados(v => ({ ...v, lista: completo }));
-  }
-
-  useEffect(() => buscar(), [inputValue, buscar]);
-  useEffect(() => isString(value) && buscar(value), []);
-
-  return (
-    <Autocomplete
-      autoComplete
-      autoHighlight
-      openText='Abrir'
-      clearText='Limpar'
-      filterSelectedOptions        
-      onInputChange={e => setInputValue(e?.target?.value || '')}
-      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))}
-      getOptionSelected={(o, v) => o[0] === v}
-      renderInput={params => (
-        <TextField
-          margin='dense'
-          variant='outlined'
-          label={label}
-          {...params}
-          {...textFieldProps}
-          InputProps={{
-            ...textFieldProps.InputProps,
-            ...params.InputProps,
-            endAdornment: (
-              <>
-                {params.InputProps.endAdornment}
-                <Fade in={loading}><CircularProgress disableShrink color={loadingColor || 'inherit'} size={20} /></Fade>
-              </>
-            )
-          }}
-        />
-      )}
-      {...props}
-      {...{ value, onChange }}
-      ListboxComponent={ListboxFavorites}
-      ListboxProps={{ dados, setDados, favoritePage, groupHeaderColor, groupTitleColor }}
-    />
-  );
-};
-
-export default AutoCompleteFavorites;
-
-
 const ListboxFavorites = forwardRef((props, ref) => {
 
   const classes = useStyles();
   const { children, favoritePage, dados, setDados, groupHeaderColor, groupTitleColor } = props;
   const { pageNumber, favoritosLength, direction, slide } = dados;
 
+  console.log('Listbox', children);
+
   function retornaInicio() {
     switch (pageNumber) {
       case 1: 
@@ -279,11 +202,11 @@ const ListboxFavorites = forwardRef((props, ref) => {
               <div onClick={e => buttonClick(e, 2)} className={clsx({ [classes.buttonActive]: pageNumber === 2 }, classes.button)}>2</div>
             </div>
             {favoritosLength > 14 &&
-              <>
+              <React.Fragment>
                 <div className={classes.areaButton}>
                   <div onClick={e => buttonClick(e, 3)} className={clsx({ [classes.buttonActive]: pageNumber === 3 }, classes.button)}>3</div>
                 </div>
-              </>
+              </React.Fragment>
             }
           </div>
         </Fade>
@@ -291,4 +214,92 @@ const ListboxFavorites = forwardRef((props, ref) => {
       {retornaArray(sectionIndex, section).map((item, itemIndex) => retornaEstrutura(sectionIndex, item))}
     </ul>
   ));
-});
+});
+
+const AutoCompleteFavorites = ({ action, busca, resposta, label, value, pgCode, favoritePage, groupName, groupHeaderColor, groupTitleColor, loadingColor, filterFunction, getOptionLabel, onChange = e => e, textFieldProps = {}, searchParams, ...props }) => {
+  
+  const [dados, setDados] = useState({
+    lista: [],
+    slide: true,
+    direction: '',
+    favoritosLength: '',
+    pageNumber: favoritePage ? 1 : '',
+  });
+  const [loading, setLoading] = useState(false);
+  const [inputValue, setInputValue] = useState('');
+
+  async function carimbaLista(lista) {
+    console.log('carimbaLista', lista);
+    let completo = [];
+    lista.map((arr, index) => {
+      index === 0 && favoritePage && setDados(v => ({ ...v, favoritosLength: arr.length }));
+      return arr.map(itemArr => itemArr.length < itemArr.length + 1 && itemArr.push(groupName[index]));
+    });
+    console.log('listaCarimbada', lista);
+    // lista.forEach(v => {
+    //   for (let item of v.values()) {
+    //     completo.push(item);
+    //   }
+    // });
+    lista.map(v => v.map(d => completo.push(d)));
+    console.log('carimbaLista completo', completo);
+    setDados(v => ({ ...v, lista: completo }));
+  }
+
+  const buscar = useCallback(async valor => {
+    setLoading(true);
+    const res = await serverAction(action, { [busca]: valor || inputValue, ...searchParams }, true, pgCode);
+    if (res) console.log('Resposta busca', res);
+    if (res[resposta || 'result']?.length > 1) await carimbaLista(res[resposta || 'result']);
+    else if (res[resposta || 'result']) setDados({ lista: res[resposta || 'result'] || [] });
+    else setError('Erro ao tentar buscar dados.');
+    setLoading(false);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputValue, searchParams]);
+
+  useEffect(() => buscar(), [inputValue, buscar]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(() => isString(value) && buscar(value), []);
+
+  console.log('Lista', dados.lista);
+
+  return (
+    <Autocomplete
+      {...props}
+      {...{ value, onChange }}
+      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 || '')}
+      getOptionSelected={(o, v) => o[0] === v}
+      autoComplete
+      autoHighlight
+      openText='Abrir'
+      clearText='Limpar'
+      filterSelectedOptions        
+      renderInput={params => (
+        <TextField
+          margin='dense'
+          variant='outlined'
+          label={label}
+          {...params}
+          {...textFieldProps}
+          InputProps={{
+            ...textFieldProps.InputProps,
+            ...params.InputProps,
+            endAdornment: (
+              <React.Fragment>
+                {params.InputProps.endAdornment}
+                <Fade in={loading}><CircularProgress disableShrink color={loadingColor || 'inherit'} size={20} /></Fade>
+              </React.Fragment>
+            )
+          }}
+        />
+      )}
+      ListboxComponent={ListboxFavorites}
+      ListboxProps={{ dados, setDados, favoritePage, groupHeaderColor, groupTitleColor }}
+    />
+  );
+};
+
+export default AutoCompleteFavorites;

package/package.json

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