argous 1.2.134 → 1.2.138

package/dist/utils/xmlToJson.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseXml = exports.xmlStringToJson = void 0;
+var xmlStringToJson = function (xml, prefixToRemove) {
+    if (prefixToRemove === void 0) { prefixToRemove = ''; }
+    return JSON.parse(xml2json(exports.parseXml(xml)).replaceAll(prefixToRemove, ''));
+};
+exports.xmlStringToJson = xmlStringToJson;
+var parseXml = function (xml) {
+    return (new DOMParser()).parseFromString(xml, 'text/xml');
+};
+exports.parseXml = parseXml;
+var xml2json = function (xml) {
+    var toObj = function (xml) {
+        var o = {};
+        if (xml.nodeType === 1) { // element node ..
+            if (xml.firstChild) { // element has child nodes ..
+                var textChild = 0, cdataChild = 0, hasElementChild = false;
+                for (var n = xml.firstChild; n; n = n.nextSibling) {
+                    if (n.nodeType === 1)
+                        hasElementChild = true;
+                    else if (n.nodeType === 3 && n.nodeValue.match(/[^ \f\n\r\t\v]/))
+                        textChild++; // non-whitespace text
+                    else if (n.nodeType === 4)
+                        cdataChild++; // cdata section node
+                }
+                if (hasElementChild) {
+                    if (textChild < 2 && cdataChild < 2) { // structured element with evtl. a single text or/and cdata node ..
+                        removeWhite(xml);
+                        for (var n = xml.firstChild; n; n = n.nextSibling) {
+                            if (n.nodeType === 3)
+                                o['#text'] = escape(n.nodeValue); // text node
+                            else if (n.nodeType === 4)
+                                o['#cdata'] = escape(n.nodeValue); // cdata node
+                            else if (o[n.nodeName]) { // multiple occurence of element ..
+                                if (o[n.nodeName] instanceof Array)
+                                    o[n.nodeName][o[n.nodeName].length] = toObj(n);
+                                else
+                                    o[n.nodeName] = [o[n.nodeName], toObj(n)];
+                            }
+                            else
+                                o[n.nodeName] = toObj(n); // first occurence of element..
+                        }
+                    }
+                    else if (!xml.attributes.length)
+                        o = escape(innerXml(xml));
+                    else
+                        o['#text'] = escape(innerXml(xml));
+                }
+                else if (textChild) { // pure text
+                    if (!xml.attributes.length)
+                        o = escape(innerXml(xml));
+                    else
+                        o['#text'] = escape(innerXml(xml));
+                }
+                else if (cdataChild) { // cdata
+                    if (cdataChild > 1)
+                        o = escape(innerXml(xml));
+                    else
+                        for (var n = xml.firstChild; n; n = n.nextSibling)
+                            o['#cdata'] = escape(n.nodeValue);
+                }
+            }
+            if (!xml.attributes.length && !xml.firstChild)
+                o = null;
+        }
+        else if (xml.nodeType === 9) { // document.node
+            o = toObj(xml.documentElement);
+        }
+        else
+            console.error('unhandled node type: ' + xml.nodeType);
+        return o;
+    };
+    var toJson = function (o, name, ind) {
+        var json = name ? ('"' + name + '"') : '';
+        if (o instanceof Array) {
+            for (var i = 0, n = o.length; i < n; i++)
+                o[i] = toJson(o[i], '', ind + '\t');
+            json += (name ? ':[' : '[') + (o.length > 1 ? ('\n' + ind + '\t' + o.join(',\n' + ind + '\t') + '\n' + ind) : o.join('')) + ']';
+        }
+        else if (!o)
+            json += (name && ':') + 'null';
+        else if (typeof (o) == 'object') {
+            var arr = [];
+            for (var m in o)
+                if (Object.prototype.hasOwnProperty.call(o, m))
+                    arr[arr.length] = toJson(o[m], m, ind + '\t');
+            json += (name ? ':{' : '{') + (arr.length > 1 ? ('\n' + ind + '\t' + arr.join(',\n' + ind + '\t') + '\n' + ind) : arr.join('')) + '}';
+        }
+        else if (typeof (o) == 'string')
+            json += (name && ':') + '"' + o.toString() + '"';
+        else
+            json += (name && ':') + o.toString();
+        return json;
+    };
+    var innerXml = function (node) {
+        var s = '';
+        if ('innerHTML' in node)
+            s = node.innerHTML;
+        else {
+            var asXml_1 = function (n) {
+                var s = '';
+                if (n.nodeType === 1) {
+                    s += '<' + n.nodeName;
+                    for (var i = 0; i < n.attributes.length; i++)
+                        s += ' ' + n.attributes[i].nodeName + '="' + (n.attributes[i].nodeValue || '').toString() + '"';
+                    if (n.firstChild) {
+                        s += '>';
+                        for (var c = n.firstChild; c; c = c.nextSibling)
+                            s += asXml_1(c);
+                        s += '</' + n.nodeName + '>';
+                    }
+                    else
+                        s += '/>';
+                }
+                else if (n.nodeType === 3)
+                    s += n.nodeValue;
+                else if (n.nodeType === 4)
+                    s += '<![CDATA[' + n.nodeValue + ']]>';
+                return s;
+            };
+            for (var c = node.firstChild; c; c = c.nextSibling)
+                s += asXml_1(c);
+        }
+        return s;
+    };
+    var escape = function (txt) {
+        return txt.replace(/[\\]/g, '\\\\')
+            .replace(/["]/g, '\\"')
+            .replace(/[\n]/g, '\\n')
+            .replace(/[\r]/g, '\\r');
+    };
+    var removeWhite = function (e) {
+        e.normalize();
+        for (var n = e.firstChild; n;) {
+            if (n.nodeType === 3) { // text node
+                if (!n.nodeValue.match(/[^ \f\n\r\t\v]/)) { // pure whitespace text node
+                    var nxt = n.nextSibling;
+                    e.removeChild(n);
+                    n = nxt;
+                }
+                else
+                    n = n.nextSibling;
+            }
+            else if (n.nodeType === 1) { // element node
+                removeWhite(n);
+                n = n.nextSibling;
+            }
+            else
+                n = n.nextSibling; // any other node
+        }
+        return e;
+    };
+    if (xml.nodeType === 9)
+        xml = xml.documentElement; // document node
+    var json = toJson(toObj(removeWhite(xml)), xml.nodeName, '\t');
+    return '{\n' + json.replace(/\t|\n/g, '') + '\n}';
+};

package/lib/api/index.js

@@ -48,6 +48,22 @@ export const validaToken = async () => {
   return await res.json();
 };
 
+export const getMenu = async () => {
+  const res = await fetch(`${api()}agetmenu.rslvr`, {
+    method: 'POST',
+    headers: headers()
+  });
+  return await res.json();
+};
+
+export const getPostsTimeline = async (data) => {
+  const res = await fetch(`${api()}agtimeline.rslvr`, {
+    method: 'POST',
+    body: JSON.stringify(data),
+    headers: headers()
+  });
+  return await res.json();
+};
 
 export const addCommentPost = async (data) => {
   const res = await fetch(`${api()}agpostcomment.rslvr`, {

package/lib/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -0,0 +1,298 @@
+import { serverAction, setError } from '../../utils/api';
+import { Chip, CircularProgress, Fade, ListItem, ListItemText, ListSubheader, makeStyles, Slide, TextField, Tooltip, withStyles } from '@material-ui/core';
+import { Autocomplete } from '@material-ui/lab';
+import clsx from 'clsx';
+import { isObject, isString } from 'lodash';
+import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+
+const useStyles = makeStyles((theme) => ({
+  subHeader: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    backgroundColor: theme.palette.background.default,
+    height: 25
+  },
+  divButton: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  areaButton: {
+    padding: '0px 8px 0px 8px'
+  },
+  button: theme.palette.type === 'light' ? {
+    width: 15,
+    height: 15,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    color: 'rgba(0, 0, 0, 0.4)',
+    '&:hover': {
+      fontWeight: 500,
+      color: '#000000',
+    }
+  } : {
+    width: 15,
+    height: 15,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    color: 'rgba(255, 255, 255, 0.4)',
+    '&:hover': {
+      fontWeight: 500,
+      color: '#ffffff',
+    }
+  },
+  buttonActive: theme.palette.type === 'light' ? {
+    color: 'rgba(0, 0, 0, 0.8)',
+    '&:hover': {
+      fontWeight: 600,
+    }
+  } : {
+    color: 'rgba(255, 255, 255, 0.8)',
+    '&:hover': {
+      fontWeight: 600,
+    }
+  },
+  listItem: {
+    padding: 0,
+    width: '100%',
+    cursor: 'pointer',
+    '&:hover': {
+      background: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.05)' : 'rgba(255, 255, 255, 0.08)'
+    }
+  },
+  listItemText: {
+    margin: 0,
+    width: '100%',
+    direction: 'ltr',
+    overflow: 'visible',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    padding: '0px 0px 0px 6px',
+  },
+  box: {
+    padding: 0,
+    overflowX: 'hidden',
+    '&::-webkit-scrollbar': {
+      width: 5
+    },
+    '&::-webkit-scrollbar-track': {
+      background: '#0000'
+    },
+    '&::-webkit-scrollbar-thumb': {
+      background: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.1)' : 'rgba(255, 255, 255, 0.1)'
+    }
+  }
+}));
+
+const CustomTooltip = withStyles((theme) => ({
+  tooltip: theme.palette.type === 'light' ? {
+    fontSize: 15,
+    fontWeight: 400,
+    color: 'rgb(255, 255, 255)',
+    backgroundColor: '#333333e3',
+  } : {
+    fontSize: 15,
+    fontWeight: 400,
+    color: 'rgb(0, 0, 0)',
+    backgroundColor: '#fbfbfbd1',
+  },
+  arrow: {
+    color: theme.palette.type === 'light' ? '#333333e3' : '#fbfbfbd1'
+  }
+}))(Tooltip);
+
+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 &&
+              <>
+                <div className={classes.areaButton}>
+                  <div onClick={e => buttonClick(e, 3)} className={clsx({ [classes.buttonActive]: pageNumber === 3 }, classes.button)}>3</div>
+                </div>
+              </>
+            }
+          </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,
+    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(v => ({ ...v, 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}
+      renderTags={(value, getTagProps) =>
+        value.map((option, index) => (
+          <Chip variant='outlined' size='small' label={option} {...getTagProps({ index })} />
+        ))
+      }
+      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;

package/lib/components/AutoCompleteFavorites/index.js

@@ -0,0 +1 @@
+export { default } from './AutoCompleteFavorites';

package/lib/components/index.js

@@ -143,4 +143,7 @@ export { default as ThreadLog } from './ThreadLog';
 export * from './ThreadLog';
 
 export { default as UtilAutoComplete } from './UtilAutoComplete';
-export * from './UtilAutoComplete';
+export * from './UtilAutoComplete';
+
+export { default as AutoCompleteFavorites } from './AutoCompleteFavorites';
+export * from './AutoCompleteFavorites';

package/package.json

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