argous 1.2.151 → 1.2.154

package/dist/components/ArgousAvatar/ArgousAvatar.js

@@ -95,13 +95,13 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
     },
 }); });
 var ArgousAvatar = react_1.default.forwardRef(function (_a, ref) {
-    var nome = _a.nome, src = _a.src, className = _a.className, idUsuario = _a.idUsuario, props = __rest(_a, ["nome", "src", "className", "idUsuario"]);
+    var nome = _a.nome, src = _a.src, className = _a.className, idUsuario = _a.idUsuario, forwardedBlockSearch = _a.forwardedBlockSearch, props = __rest(_a, ["nome", "src", "className", "idUsuario", "forwardedBlockSearch"]);
     var classes = useStyles();
     var cores = [classes.orange, classes.purple, classes.blue, classes.rosa, classes.cinza, classes.red, classes.amarelo, classes.marrom, classes.preto, classes.green];
     var _b = react_1.useState(undefined), userImage = _b[0], setUserImage = _b[1];
     react_1.useEffect(function () {
         setUserImage(localStorage.getItem("imgUsuario-" + idUsuario) || '');
-        if (!idUsuario || userImage || localStorage.getItem("imgUsuario-" + idUsuario))
+        if (!idUsuario || userImage || localStorage.getItem("imgUsuario-" + idUsuario) || (forwardedBlockSearch === null || forwardedBlockSearch === void 0 ? void 0 : forwardedBlockSearch.return))
             return;
         api_1.fetchToArgous('aguserimage', { idUsuario: idUsuario })
             .then(function (_a) {

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

@@ -61,6 +61,14 @@ export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any,
     * 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
     */

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -176,8 +176,17 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
             color: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255, 255, 255, 0.9)',
             background: '#0000'
         }
+    },
+    popper: {
+        zIndex: 1,
+        width: function (_a) {
+            var widthListBox = _a.widthListBox;
+            return widthListBox ? "" + widthListBox + (testWidth(widthListBox.toString()) ? 'px' : '') + " !important" : '';
+        },
     }
 }); });
+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 = core_1.withStyles(function (theme) { return ({
     tooltip: theme.palette.type === 'light' ? {
         fontSize: 15,
@@ -196,7 +205,7 @@ exports.CustomTooltip = core_1.withStyles(function (theme) { return ({
 }); })(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 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;
     function retornaInicio() {
         switch (pageNumber) {
@@ -263,27 +272,29 @@ var ListboxFavorites = react_1.forwardRef(function (props, ref) {
             return 'right';
         return 'left';
     }
-    return children.map(function (section, sectionIndex) {
+    return react_1.default.createElement("ul", __assign({}, props, { className: clsx_1.default('MuiAutocomplete-listbox', classes.box) }), 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); })));
-    });
+        return (react_1.default.createElement("ul", __assign({}, props, { className: clsx_1.default('MuiAutocomplete-listbox', classes.box) }), group ?
+            react_1.default.createElement(react_1.default.Fragment, null,
+                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); }))
+            : retornaEstrutura(sectionIndex, section)));
+    }));
 });
 var AutoCompleteFavorites = function (_a) {
-    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, 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", "autoSearch", "label", "value", "pgCode", "favoritePage", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "filterFunction", "getOptionLabel", "onChange", "textFieldProps", "searchParams"]);
-    var classes = useStyles();
+    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, group = _a.group, groupName = _a.groupName, groupHeaderColor = _a.groupHeaderColor, groupTitleColor = _a.groupTitleColor, loadingColor = _a.loadingColor, widthListBox = _a.widthListBox, 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", "autoSearch", "label", "value", "pgCode", "favoritePage", "group", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "widthListBox", "filterFunction", "getOptionLabel", "onChange", "textFieldProps", "searchParams"]);
+    var classes = useStyles({ widthListBox: widthListBox });
     var _d = react_1.useState({
         lista: [],
         slide: true,
@@ -334,7 +345,7 @@ var AutoCompleteFavorites = function (_a) {
                     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)) return [3 /*break*/, 3];
+                    if (!(((_b = res[resposta || 'result']) === null || _b === void 0 ? void 0 : _b.length) > 1 && group)) return [3 /*break*/, 3];
                     return [4 /*yield*/, carimbaLista(res[resposta || 'result'])];
                 case 2:
                     _c.sent();
@@ -359,6 +370,6 @@ var AutoCompleteFavorites = function (_a) {
                     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, groupHeaderColor: groupHeaderColor, groupTitleColor: groupTitleColor } })));
+                        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); } })));
 };
 exports.default = AutoCompleteFavorites;

package/lib/components/ArgousAvatar/ArgousAvatar.js

@@ -50,14 +50,14 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-const ArgousAvatar = React.forwardRef(({ nome, src, className, idUsuario, ...props }, ref) => {
+const ArgousAvatar = React.forwardRef(({ nome, src, className, idUsuario, forwardedBlockSearch, ...props }, ref) => {
   const classes = useStyles();
   const cores = [classes.orange, classes.purple, classes.blue, classes.rosa, classes.cinza, classes.red, classes.amarelo, classes.marrom, classes.preto, classes.green];
   const [userImage, setUserImage] = useState(undefined);
 
   useEffect(() => {
     setUserImage(localStorage.getItem(`imgUsuario-${idUsuario}`) || '');
-    if (!idUsuario || userImage || localStorage.getItem(`imgUsuario-${idUsuario}`)) return;
+    if (!idUsuario || userImage || localStorage.getItem(`imgUsuario-${idUsuario}`) || forwardedBlockSearch?.return) return;
     fetchToArgous('aguserimage', { idUsuario })
       .then(({ userImage }) => {
         if (userImage) {

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.d.ts

@@ -61,6 +61,14 @@ export interface AutoCompleteFavoritesProps extends Omit<AutocompleteProps<any,
     * 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
     */

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -1,5 +1,5 @@
 import { serverAction, setError } from '../../utils/api';
-import { CircularProgress, Fade, IconButton, ListItem, ListItemText, ListSubheader, makeStyles, Slide, TextField, Tooltip, withStyles } from '@material-ui/core';
+import { CircularProgress, Fade, IconButton, ListItem, ListItemText, ListSubheader, makeStyles, Popper, Slide, TextField, Tooltip, withStyles } from '@material-ui/core';
 import { Autocomplete } from '@material-ui/lab';
 import clsx from 'clsx';
 import { isObject, isString } from 'lodash';
@@ -94,9 +94,17 @@ const useStyles = makeStyles((theme) => ({
       color: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.8)' : 'rgba(255, 255, 255, 0.9)',
       background: '#0000'
     }
+  },
+  popper: {
+    zIndex: 1,
+    width: ({ widthListBox }) => widthListBox ? `${widthListBox}${testWidth(widthListBox.toString()) ? 'px' : ''} !important` : '',
   }
 }));
 
+const testWidth = value => value.replace(/[0-9]/g, '')?.length ? false : true;
+
+const CustomPopper = (props, classes) => <Popper {...props} className={classes.popper} />;
+
 export const CustomTooltip = withStyles((theme) => ({
   tooltip: theme.palette.type === 'light' ? {
     fontSize: 15,
@@ -117,7 +125,7 @@ export const CustomTooltip = withStyles((theme) => ({
 const ListboxFavorites = forwardRef((props, ref) => {
 
   const classes = useStyles();
-  const { children, favoritePage, dados, setDados, groupHeaderColor, groupTitleColor } = props;
+  const { children, favoritePage, dados, setDados, group, groupHeaderColor, groupTitleColor } = props;
   const { pageNumber, favoritosLength, direction, slide } = dados;
 
   function retornaInicio() {
@@ -195,36 +203,43 @@ const ListboxFavorites = forwardRef((props, ref) => {
     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 &&
+  return <ul {...props} className={clsx('MuiAutocomplete-listbox', classes.box)}>
+    {children.map((section, sectionIndex) => (
+      <ul {...props} className={clsx('MuiAutocomplete-listbox', classes.box)}>
+        {group ?
+          <React.Fragment>
+            <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>
-  ));
+                  }
+                </div>
+              </Fade>
+            </ListSubheader>
+            {retornaArray(sectionIndex, section).map((item, itemIndex) => retornaEstrutura(sectionIndex, item))}
+          </React.Fragment> 
+          : retornaEstrutura(sectionIndex, section)
+        }
+      </ul>
+    ))}
+  </ul>;
 });
 
-const AutoCompleteFavorites = ({ action, busca, resposta, autoSearch, label, value, pgCode, favoritePage, groupName, groupHeaderColor, groupTitleColor, loadingColor, filterFunction, getOptionLabel, onChange = e => e, textFieldProps = {}, searchParams, ...props }) => {
+const AutoCompleteFavorites = ({ action, busca, resposta, autoSearch, label, value, pgCode, favoritePage, group, groupName, groupHeaderColor, groupTitleColor, loadingColor, widthListBox, filterFunction, getOptionLabel, onChange = e => e, textFieldProps = {}, searchParams, ...props }) => {
   
-  const classes = useStyles();
+  const classes = useStyles({ widthListBox });
   const [dados, setDados] = useState({
     lista: [],
     slide: true,
@@ -265,7 +280,7 @@ const AutoCompleteFavorites = ({ action, busca, resposta, autoSearch, label, val
     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']);
+    if (res[resposta || 'result']?.length > 1 && group) await carimbaLista(res[resposta || 'result']);
     else if (res[resposta || 'result']) setDados({ lista: res[resposta || 'result'] || [] });
     else setError('Erro ao tentar buscar dados.');
     setLoading(false);
@@ -316,7 +331,8 @@ const AutoCompleteFavorites = ({ action, busca, resposta, autoSearch, label, val
         />
       )}
       ListboxComponent={ListboxFavorites}
-      ListboxProps={{ dados, setDados, favoritePage, groupHeaderColor, groupTitleColor }}
+      ListboxProps={{ dados, setDados, favoritePage, group, groupHeaderColor, groupTitleColor }}
+      PopperComponent={props => CustomPopper(props, classes)}
     />
   );
 };

package/package.json

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