argous 1.2.140 → 1.2.144

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -186,9 +186,95 @@ exports.CustomTooltip = core_1.withStyles(function (theme) { return ({
         color: theme.palette.type === 'light' ? '#333333e3' : '#fbfbfbd1'
     }
 }); })(core_1.Tooltip);
+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;
+    function retornaInicio() {
+        switch (pageNumber) {
+            case 1:
+                return 0;
+            case 2:
+                return 7;
+            case 3:
+                return 14;
+            default: return;
+        }
+    }
+    function retornaFim() {
+        switch (pageNumber) {
+            case 1:
+                return 7;
+            case 2:
+                return 14;
+            case 3:
+                return favoritosLength;
+            default: return;
+        }
+    }
+    function retornaArray(sectionIndex, section) {
+        if (sectionIndex === 0 && favoritePage && favoritosLength > 7)
+            return section.props.children[1].props.children.slice(retornaInicio(), retornaFim());
+        return section.props.children[1].props.children;
+    }
+    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(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(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 }))));
+    }
+    function buttonClick(evento, value) {
+        evento.preventDefault();
+        evento.stopPropagation();
+        if (value !== pageNumber) {
+            verificaSaidaSlide(value);
+            setDados(function (v) { return (__assign(__assign({}, v), { slide: false })); });
+            setTimeout(function () {
+                setDados(function (v) { return (__assign(__assign({}, v), { pageNumber: value, direction: retornaDirection(value) })); });
+                setTimeout(function () { return setDados(function (v) { return (__assign(__assign({}, v), { slide: true })); }); }, 100);
+            }, 200);
+        }
+    }
+    function verificaSaidaSlide(value) {
+        var direction = '';
+        if ((value === 2 || value === 3) && pageNumber === 1)
+            direction = 'right';
+        else if (value === 3 && pageNumber === 2)
+            direction = 'right';
+        else if (value === 1 && pageNumber === 2)
+            direction = 'left';
+        direction && setDados(function (v) { return (__assign(__assign({}, v), { direction: direction })); });
+    }
+    function retornaDirection(value) {
+        if (value < pageNumber)
+            return 'right';
+        return 'left';
+    }
+    return children.map(function (section, sectionIndex) {
+        var _a, _b, _c;
+        return (react_1.default.createElement("ul", __assign({}, props, { className: 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: 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: 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: clsx_1.default((_c = {}, _c[classes.buttonActive] = pageNumber === 3, _c), classes.button) }, "3")))))),
+            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 classes = useStyles();
     var _d = react_1.useState({
         lista: [],
         slide: true,
@@ -198,92 +284,6 @@ 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 ListboxFavorites = react_1.forwardRef(function (props, ref) {
-        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;
-        function retornaInicio() {
-            switch (pageNumber) {
-                case 1:
-                    return 0;
-                case 2:
-                    return 7;
-                case 3:
-                    return 14;
-                default: return;
-            }
-        }
-        function retornaFim() {
-            switch (pageNumber) {
-                case 1:
-                    return 7;
-                case 2:
-                    return 14;
-                case 3:
-                    return favoritosLength;
-                default: return;
-            }
-        }
-        function retornaArray(sectionIndex, section) {
-            if (sectionIndex === 0 && favoritePage && favoritosLength > 7)
-                return section.props.children[1].props.children.slice(retornaInicio(), retornaFim());
-            return section.props.children[1].props.children;
-        }
-        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(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(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 }))));
-        }
-        function buttonClick(evento, value) {
-            evento.preventDefault();
-            evento.stopPropagation();
-            if (value !== pageNumber) {
-                verificaSaidaSlide(value);
-                setDados(function (v) { return (__assign(__assign({}, v), { slide: false })); });
-                setTimeout(function () {
-                    setDados(function (v) { return (__assign(__assign({}, v), { pageNumber: value, direction: retornaDirection(value) })); });
-                    setTimeout(function () { return setDados(function (v) { return (__assign(__assign({}, v), { slide: true })); }); }, 100);
-                }, 200);
-            }
-        }
-        function verificaSaidaSlide(value) {
-            var direction = '';
-            if ((value === 2 || value === 3) && pageNumber === 1)
-                direction = 'right';
-            else if (value === 3 && pageNumber === 2)
-                direction = 'right';
-            else if (value === 1 && pageNumber === 2)
-                direction = 'left';
-            direction && setDados(function (v) { return (__assign(__assign({}, v), { direction: direction })); });
-        }
-        function retornaDirection(value) {
-            if (value < pageNumber)
-                return 'right';
-            return 'left';
-        }
-        return children.map(function (section, sectionIndex) {
-            var _a, _b, _c;
-            return (react_1.default.createElement("ul", __assign({}, props, { className: 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: 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: 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: clsx_1.default((_c = {}, _c[classes.buttonActive] = pageNumber === 3, _c), classes.button) }, "3")))))),
-                retornaArray(sectionIndex, section).map(function (item, itemIndex) { return retornaEstrutura(sectionIndex, item); })));
-        });
-    });
     function carimbaLista(lista) {
         return __awaiter(this, void 0, void 0, function () {
             var completo;
@@ -291,14 +291,9 @@ var AutoCompleteFavorites = function (_a) {
                 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);
-                    }
+                    return arr.map(function (itemArr) { return itemArr.length < itemArr.length + 1 && itemArr.push(groupName[index]); });
                 });
+                lista.map(function (v) { return v.map(function (d) { return completo.push(d); }); });
                 setDados(function (v) { return (__assign(__assign({}, v), { lista: completo })); });
                 return [2 /*return*/];
             });

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -106,9 +106,116 @@ export 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 ListboxFavorites = forwardRef((props, ref) => {
 
   const classes = useStyles();
+  const { children, favoritePage, dados, setDados, groupHeaderColor, groupTitleColor } = props;
+  const { pageNumber, favoritosLength, direction, slide } = dados;
+
+  function retornaInicio() {
+    switch (pageNumber) {
+      case 1: 
+        return 0;
+      case 2:
+        return 7;
+      case 3:
+        return 14;
+      default: return;
+    }
+  }
+
+  function retornaFim() {
+    switch (pageNumber) {
+      case 1:
+        return 7;
+      case 2:
+        return 14;
+      case 3:
+        return favoritosLength;
+      default: return;
+    }
+  }
+
+  function retornaArray(sectionIndex, section) {
+    if (sectionIndex === 0 && favoritePage && favoritosLength > 7) return section.props.children[1].props.children.slice(retornaInicio(), retornaFim());
+    return section.props.children[1].props.children;
+  }
+
+  function retornaEstrutura(sectionIndex, item) {
+    if (sectionIndex === 0 && favoritePage && favoritosLength > 7) {
+      return (
+        <Slide in={slide} direction={direction}>
+          <CustomTooltip title={item.props.children} arrow enterDelay='1000' enterNextDelay='1000' placement='top-end' TransitionComponent={Fade} TransitionProps={{ timeout: { enter: 100, exit: 500 } }}>
+            <ListItem {...item.props} key={item.key} className={classes.listItem}>
+              <ListItemText primary={item.props.children} className={classes.listItemText} />
+            </ListItem>
+          </CustomTooltip>
+        </Slide>
+      );
+    } return (
+      <CustomTooltip title={item.props.children} arrow enterDelay='1000' enterNextDelay='1000' placement='top-end' TransitionComponent={Fade} TransitionProps={{ timeout: { enter: 100, exit: 500 } }}>
+        <ListItem {...item.props} key={item.key} className={classes.listItem}>
+          <ListItemText primary={item.props.children} className={classes.listItemText} />
+        </ListItem>
+      </CustomTooltip>
+    );
+  }
+
+  function buttonClick(evento, value) {
+    evento.preventDefault();
+    evento.stopPropagation();
+    if (value !== pageNumber) {
+      verificaSaidaSlide(value);
+      setDados(v => ({ ...v, slide: false }));
+      setTimeout(() => {
+        setDados(v => ({ ...v, pageNumber: value, direction: retornaDirection(value) }));
+        setTimeout(() => setDados(v => ({ ...v, slide: true })), 100);
+      }, 200);
+    }
+  }
+
+  function verificaSaidaSlide(value) {
+    let direction = '';
+    if ((value === 2 || value === 3) && pageNumber === 1) direction = 'right';
+    else if (value === 3 && pageNumber === 2) direction = 'right';
+    else if (value === 1 && pageNumber === 2) direction = 'left';
+    direction && setDados(v => ({ ...v, direction: direction }));
+  }
+
+  function retornaDirection(value) {
+    if (value < pageNumber) return 'right';
+    return 'left';
+  }
+
+  return children.map((section, sectionIndex) => (
+    <ul {...props} className={clsx('MuiAutocomplete-listbox', classes.box)}>
+      <ListSubheader className={classes.subHeader} style={{ backgroundColor: groupHeaderColor?.[sectionIndex], color: groupTitleColor?.[sectionIndex] }}>
+        {section.props.children[0].props.children}
+        <Fade in={sectionIndex === 0 && favoritePage && favoritosLength > 7}>
+          <div className={classes.divButton}>
+            <div className={classes.areaButton}>
+              <div onClick={e => buttonClick(e, 1)} className={clsx({ [classes.buttonActive]: pageNumber === 1 }, classes.button)}>1</div>
+            </div>
+            <div className={classes.areaButton}>
+              <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>
+      </ListSubheader>
+      {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,
@@ -119,123 +226,13 @@ const AutoCompleteFavorites = ({ action, busca, resposta, label, value, pgCode,
   const [loading, setLoading] = useState(false);
   const [inputValue, setInputValue] = useState('');
 
-  const ListboxFavorites = forwardRef((props, ref) => {
-    const { children, favoritePage, dados, setDados, groupHeaderColor, groupTitleColor } = props;
-    const { pageNumber, favoritosLength, direction, slide } = dados;
-  
-    function retornaInicio() {
-      switch (pageNumber) {
-        case 1: 
-          return 0;
-        case 2:
-          return 7;
-        case 3:
-          return 14;
-        default: return;
-      }
-    }
-  
-    function retornaFim() {
-      switch (pageNumber) {
-        case 1:
-          return 7;
-        case 2:
-          return 14;
-        case 3:
-          return favoritosLength;
-        default: return;
-      }
-    }
-  
-    function retornaArray(sectionIndex, section) {
-      if (sectionIndex === 0 && favoritePage && favoritosLength > 7) return section.props.children[1].props.children.slice(retornaInicio(), retornaFim());
-      return section.props.children[1].props.children;
-    }
-  
-    function retornaEstrutura(sectionIndex, item) {
-      if (sectionIndex === 0 && favoritePage && favoritosLength > 7) {
-        return (
-          <Slide in={slide} direction={direction}>
-            <CustomTooltip title={item.props.children} arrow enterDelay='1000' enterNextDelay='1000' placement='top-end' TransitionComponent={Fade} TransitionProps={{ timeout: { enter: 100, exit: 500 } }}>
-              <ListItem {...item.props} key={item.key} className={classes.listItem}>
-                <ListItemText primary={item.props.children} className={classes.listItemText} />
-              </ListItem>
-            </CustomTooltip>
-          </Slide>
-        );
-      } return (
-        <CustomTooltip title={item.props.children} arrow enterDelay='1000' enterNextDelay='1000' placement='top-end' TransitionComponent={Fade} TransitionProps={{ timeout: { enter: 100, exit: 500 } }}>
-          <ListItem {...item.props} key={item.key} className={classes.listItem}>
-            <ListItemText primary={item.props.children} className={classes.listItemText} />
-          </ListItem>
-        </CustomTooltip>
-      );
-    }
-  
-    function buttonClick(evento, value) {
-      evento.preventDefault();
-      evento.stopPropagation();
-      if (value !== pageNumber) {
-        verificaSaidaSlide(value);
-        setDados(v => ({ ...v, slide: false }));
-        setTimeout(() => {
-          setDados(v => ({ ...v, pageNumber: value, direction: retornaDirection(value) }));
-          setTimeout(() => setDados(v => ({ ...v, slide: true })), 100);
-        }, 200);
-      }
-    }
-  
-    function verificaSaidaSlide(value) {
-      let direction = '';
-      if ((value === 2 || value === 3) && pageNumber === 1) direction = 'right';
-      else if (value === 3 && pageNumber === 2) direction = 'right';
-      else if (value === 1 && pageNumber === 2) direction = 'left';
-      direction && setDados(v => ({ ...v, direction: direction }));
-    }
-  
-    function retornaDirection(value) {
-      if (value < pageNumber) return 'right';
-      return 'left';
-    }
-  
-    return children.map((section, sectionIndex) => (
-      <ul {...props} className={clsx('MuiAutocomplete-listbox', classes.box)}>
-        <ListSubheader className={classes.subHeader} style={{ backgroundColor: groupHeaderColor?.[sectionIndex], color: groupTitleColor?.[sectionIndex] }}>
-          {section.props.children[0].props.children}
-          <Fade in={sectionIndex === 0 && favoritePage && favoritosLength > 7}>
-            <div className={classes.divButton}>
-              <div className={classes.areaButton}>
-                <div onClick={e => buttonClick(e, 1)} className={clsx({ [classes.buttonActive]: pageNumber === 1 }, classes.button)}>1</div>
-              </div>
-              <div className={classes.areaButton}>
-                <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>
-        </ListSubheader>
-        {retornaArray(sectionIndex, section).map((item, itemIndex) => retornaEstrutura(sectionIndex, item))}
-      </ul>
-    ));
-  });
-
   async 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);
-      }
+      return arr.map(itemArr => itemArr.length < itemArr.length + 1 && itemArr.push(groupName[index]));
     });
+    lista.map(v => v.map(d => completo.push(d)));
     setDados(v => ({ ...v, lista: completo }));
   }
 

package/package.json

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