argous 1.2.132 → 1.2.136

package/lib/components/ThreadLog/ThreadLog.d.ts

@@ -0,0 +1,8 @@
+export interface ThreadLogProps {}
+/**
+ * @deprecated
+ * @param props 
+ */
+declare function ThreadLog(props: ThreadLogProps): JSX.Element
+
+export default ThreadLog;

package/lib/components/ThreadLog/ThreadLog.js

@@ -0,0 +1,189 @@
+import { recebeThread, recebeInfoThread, server } from '../../api';
+import ProgressBar from '../../components/ProgressBar';
+import SimpleTable from '../../components/SimpleTable';
+import { setField } from '../../fieldsRedux';
+import { getConfig } from '../../utils/config';
+import { sqlDateToReadableDate } from '../../utils/date';
+import { IconButton } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
+import { FaAngleLeft, FaPrint } from 'react-icons/fa';
+import { TiCog } from 'react-icons/ti';
+import Spinner from 'react-spinkit';
+
+/**
+ * @deprecated 
+ */
+class ThreadLog extends Component {
+  state = {
+    mouseOver: false,
+    open: false,
+    loading: false,
+    selectPanelClicks: 0,
+    infoProcesso: {
+      open: false,
+      info: {},
+      confs: {},
+      current: {}
+    }
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener('click', this.closePanel);
+    clearTimeout(this.timeoutInfoProcesso);
+  }
+
+  mouseOver = (boolean) => {
+    this.setState({ mouseOver: boolean });
+  }
+
+  openDetails = () => {
+    const { open, infoProcesso } = this.state;
+    this.setState({ open: !open, selectPanelClicks: 0 });
+    window.addEventListener('click', this.closePanel);
+    if (!open) {
+      const { thread, qt = 15, nrPg = 0 } = this.props;
+      this.setState({ loading: true });
+      if (infoProcesso.open) this.buscaInfoProcesso(infoProcesso.info[0]);
+      recebeThread({ cdThread: thread.thread, qt, nrPg }).then(res => {
+        const processos = res.processos.map(item => {
+          switch (item[3]) {
+            case 'P': item[3] = 'Pronto'; break;
+            case 'R': item[3] = 'Executando'; break;
+            default: item[3] = 'Finalizado';
+          }
+          switch (item[4]) {
+            case 'N': item[4] = 'Normal'; break;
+            case 'C': item[4] = 'Cancelado'; break;
+            case 'E': item[4] = 'Erro'; break;
+            default: item[4] = '';
+          }
+          const inicio = sqlDateToReadableDate(item[6]);
+          const fim = sqlDateToReadableDate(item[7]);
+          item[6] = `${inicio.hour} - ${inicio.date}`;
+          item[7] = `${fim.hour} - ${fim.date}`;
+          return item;
+        });
+        this.setState({ loading: false });
+        setField(`${this.props.currentProgram}-threads`, 'value', processos);
+      });
+    }
+  }
+
+  visualizaProcesso = (processo) => {
+    this.setState({ loading: true });
+    this.buscaInfoProcesso(processo[0]);
+  }
+
+  buscaInfoProcesso = (idProcesso) => {
+    recebeInfoThread({ idProcesso }).then(res => {
+      const confs = JSON.parse(res.infoProcesso[6]);
+      const arr = [];
+      for (let key of Object.keys(confs)) arr.push([key, confs[key].toString()]);
+      if (res.currentStatus) {
+        this.timeoutInfoProcesso = setTimeout(() => {
+          this.buscaInfoProcesso(idProcesso);
+        }, 3000);
+      }
+      this.setState({
+        infoProcesso: {
+          open: true,
+          info: res.infoProcesso,
+          confs: arr,
+          current: res.currentStatus
+        },
+        loading: false
+      });
+    });
+  }
+
+  closeInfoProcesso = () => {
+    clearTimeout(this.timeoutInfoProcesso);
+    this.setState({
+      infoProcesso: {
+        open: false,
+        info: {},
+        confs: {},
+        current: {}
+      }
+    });
+  }
+
+  closePanel = () => {
+    const { selectPanelClicks } = this.state;
+    if (selectPanelClicks > 0) {
+      this.setState({ open: false });
+      window.removeEventListener('click', this.closePanel);
+    }
+    this.setState({ selectPanelClicks: selectPanelClicks + 1 });
+  }
+
+  render() {
+    const { open, loading, infoProcesso } = this.state;
+    const { currentProgram, thread } = this.props;
+    return (
+      <React.Fragment>
+        <IconButton title={thread.nome} onClick={this.openDetails}><TiCog key={'leave'} /></IconButton>
+        {open && (
+          <div onClick={e => e.stopPropagation()}>
+            <h3 className='reset-margin-top bg-blue-alt'>
+              {infoProcesso.open && <span className='pointer' onClick={this.closeInfoProcesso}><FaAngleLeft /></span>}
+              {infoProcesso.open ? infoProcesso.info[2] : thread.nome}
+            </h3>
+            {loading && (
+              <div className='loading-default margin-top-md margin-bottom-md'><Spinner name='ball-scale-multiple' fadeIn='half' /></div>
+            )}
+            {!loading && (
+              <div>
+                {infoProcesso.open && (
+                  <div>
+                    {infoProcesso.current &&
+                      <div className='padding-sm'>
+                        <span>{infoProcesso.current[7]}</span>
+                        <span className='color999'> - {infoProcesso.current[6]}</span>
+                        <ProgressBar value={parseInt(((infoProcesso.current[5] * 100) / infoProcesso.current[4]).toFixed(2), 10)} />
+                        <div className='over-hidden'>
+                          <h6 className='pull-left'><span className='color999'>Executando há:</span> {infoProcesso.current[1]}</h6>
+                          <h6 className='pull-right'><span className='color999'>Tempo estimado:</span> {infoProcesso.current[3]}</h6>
+                        </div>
+                      </div>
+                    }
+                    <SimpleTable field={`${currentProgram}-thread-info`} className='reset-margin-bottom' defaultValue={infoProcesso.confs} destroyOnUnmount />
+                    {infoProcesso.info[9].relatorios.length > 0 &&
+                      <div>
+                        <hr className='reset-margin' />
+                        <div className='text-right padding-sm'>
+                          {infoProcesso.info[9].relatorios.map((item, index) =>
+                            <a key={index} className='ag-threadlog-print' href={`${getConfig().ssl ? 'https' : 'http'}${server()}}r${infoProcesso.info[0]}s${item[0]}.agrel`} target='_blank' rel='noreferrer'>
+                              {item[1]}
+                              {item[2] > 0 && <span className='agtl-size'>- {item[2]} kb</span>}
+                              <span className='agtl-print bg-blue-alt'>
+                                <FaPrint />
+                              </span>
+                            </a>
+                          )}
+                        </div>
+                      </div>
+                    }
+                  </div>
+                )}
+                {!infoProcesso.open && (
+                  <SimpleTable field={`${currentProgram}-threads`} rows={5} className='process-threads reset-margin-bottom' onClick={this.visualizaProcesso} head={['Descrição', 'Status', 'Finalização', 'Início', 'Fim']} alias={[2, 3, 4, 6, 7]} />
+                )}
+              </div>
+            )}
+          </div>
+        )}
+      </React.Fragment>
+    );
+  }
+}
+
+ThreadLog.propTypes = {
+  thread: PropTypes.object,
+  currentProgram: PropTypes.string,
+  qt: PropTypes.number,
+  nrPg: PropTypes.number
+};
+
+export default ThreadLog;

package/lib/components/ThreadLog/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ThreadLog';
+export * from './ThreadLog'; 

package/lib/components/ThreadLog/index.js

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

package/lib/components/UtilAutoComplete/UtilAutoComplete.d.ts

@@ -0,0 +1,93 @@
+import { TextFieldProps } from '@material-ui/core';
+import { AutocompleteProps, AutocompleteChangeDetails } from '@material-ui/lab';
+import * as React from 'react';
+
+export interface UtilAutoCompleteProps extends Omit<AutocompleteProps<any, false, false, false>, 'getOptionLabel'>{
+  /**
+   * Tipo de autocomplete
+   */
+  type: 'beneficiarios' | 'empresas' | 'gruposUnimed' |'estados' | 'cidades' | 'unimeds' | 'prestadores', 
+  /**
+   * Valor do campo
+   */
+  value?: Array<number|string> | object, 
+  /**
+   * Props repassados ao componente Textfield
+   */
+  textFieldProps?: TextFieldProps, 
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param event — The event source of the callback.
+   *
+   * @param value — The new value of the component.
+   *
+   * @param reason — One of "create-option", "select-option", "remove-option", "blur", "clear" ou "only-one-left".
+   */
+  onChange?: ((event: React.ChangeEvent<{}>, value: any, reason: 'create-option' | 'select-option' | 'remove-option' | 'blur' | 'clear' | 'only-one-left', details?: AutocompleteChangeDetails<any> | undefined) => void) | undefined, 
+  /**
+   * Trazer itens excluidos
+   */
+  excluidos?: boolean,
+  /**
+   * Filtra por id empresa
+   */
+  idEmpresa?: number,
+  /**
+   * Filtra por cd estado 
+   */
+  cdEstado?: number,
+  /**
+   * Filtra cd unimed
+   */
+  cdUnimed?:number,
+  /**
+   * Formata o valor que aparece na listagem
+   * 
+   * @param option - Opção sendo testada ou selecionada
+   * 
+   * @param lista - Lista com todas as opções
+   */
+  getOptionLabel?: ((option: Array<any>, lista: Array<Array<any>>) => string),
+  /**
+   * Utiliza um pgCode diferente do padrão
+   */
+  pgCode?: string,
+  /**
+   * Objeto de busca personalizado
+   */
+  busca?: string,
+  /**
+   * Objeto de resposta personalizado
+   */
+  resposta?: string,
+  /**
+   * Action personalizada
+   */
+  action?: string,
+  /**
+   * Label do campo
+   */
+  label?: string,
+  /**
+   * Parametros utilizados no metodo de busca
+   */
+  searchParams?: object,
+  /**
+   * Função para filtrar a lista de opções
+   * 
+   * @param valor - Valor setado no componente
+   * @param item - Item a ser testado contra o valor
+   * 
+   * @returns {boolean} Retorna true se item de ser removido da lista
+   */
+  filterFunction?: (valor: any, item: any) => boolean,
+  /**
+   * Força o componente a atualizar quando o valor dele é alterado por fora
+   */
+  forceUpdate?: boolean
+}
+
+declare function UtilAutoComplete(props: UtilAutoCompleteProps): JSX.Element
+
+export default UtilAutoComplete;

package/lib/components/UtilAutoComplete/UtilAutoComplete.js

@@ -0,0 +1,130 @@
+import { formataNome } from '../../utils';
+import { serverAction } from '../../utils/api';
+import { TextField } from '@material-ui/core';
+import { Autocomplete } from '@material-ui/lab';
+import { isArray, isObject, isString } from 'lodash';
+import React, { useState, useEffect, useCallback } from 'react';
+// import PropTypes from 'prop-types';
+
+const retornaType = type => {
+  switch (type) {
+    case 'beneficiarios':
+      return ({ 
+        label: 'Beneficiário', 
+        action: 'getBeneficiarios', 
+        busca: 'dsBusca',
+        res: 'Beneficiarios', 
+        getLabel: (option, lista) => isArray(option) ? option.length ? formataNome(option[1]) : '' : option ? lista.filter(i => i[0] === option[0])[0][1] : '' 
+      });
+    case 'empresas':
+      return ({ 
+        label: 'Empresa', 
+        action: 'getEmpresas', 
+        busca: 'dsBusca',
+        res: 'Empresas', 
+        getLabel: (option, lista) => isArray(option) ? option.length ? `${option[2]} - ${option[3]}` : '' : option ? lista.filter(i => i[0] === option)[0][1] : '' 
+      });
+    case 'gruposUnimed':
+      return ({ 
+        label: 'Grupos Unimed', 
+        action: 'getGruposUnimed', 
+        busca: 'dsBusca',
+        res: 'Unimeds', 
+        getLabel: (option, lista) => isArray(option) ? option.length ? option[1] : '' : option ? lista.filter(i => i[0] === option)[0][1] : ''
+      });
+    case 'estados':
+      return ({ 
+        label: 'Estado', 
+        action: 'getEstados', 
+        busca: 'dsBusca',
+        res: 'Estados', 
+        getLabel: (option, lista) => isArray(option) ? option.length ? `${option[0]} - ${option[1]}` : '' : option ? lista.filter(i => i[0] === option)[0][1] : ''
+      });
+    case 'cidades':
+      return ({ 
+        label: 'Cidade', 
+        action: 'getCidades', 
+        busca: 'dsCidade',
+        res: 'cidades', 
+        getLabel: (option, lista) => isArray(option) ? option.length ? `${formataNome(option[1]?.trim())} - ${option[2]?.trim()}` : '' : option ? lista.filter(i => i[0] === option)[0][1] : ''
+      });
+    case 'unimeds':
+      return ({ 
+        label: 'Unimed', 
+        action: 'getUnimeds', 
+        busca: 'dsBusca',
+        res: 'Unimeds', 
+        getLabel: (option, lista) => isArray(option) ? option.length ? `${option[0]} - ${option[1]}` : '' : option ? lista.filter(i => i[0] === option)[0][1] : ''
+      });
+    case 'prestadores':
+      return ({ 
+        label: 'Prestadores', 
+        action: 'getPrestadores', 
+        busca: 'dsBusca',
+        res: 'Prestadores', 
+        getLabel: (option, lista) => isArray(option) ? option.length ? `${option[1]} - ${formataNome(option[2])}` : '' : option ? lista.filter(i => i[0] === option)[0][1] : ''
+      });
+    default:
+      return ({});
+  }
+};
+
+const UtilAutoComplete = ({ type = '', label, value, textFieldProps = {}, onChange = e => e, excluidos, idEmpresa, cdEstado, cdUnimed, getOptionLabel, pgCode = 'BuscasHelper', action, busca, resposta, searchParams, filterFunction, forceUpdate, ...props }) => {
+  const [lista, setLista] = useState([]);
+  const [inputValue, setInputValue] = useState('');
+
+  const buscar = useCallback(async valor => {
+    const res = await serverAction(action || retornaType(type).action, { [busca || retornaType(type)?.busca || 'value']: valor || inputValue, excluidos, idEmpresa, cdEstado, cdUnimed, ...searchParams }, true, pgCode);
+    setLista(res[resposta || retornaType(type)?.res || 'result'] || []);
+  }, [inputValue, type, searchParams]);
+
+  useEffect(() => {
+    if (isString(value)) buscar(value);    
+  }, []);
+
+  useEffect(() => {
+    // if (inputValue.length < 2) return;
+    buscar();
+  }, [inputValue, buscar]);
+
+  return (
+    <Autocomplete
+      options={isObject(value) ? lista.filter(v => filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]) : lista}
+      getOptionSelected={(o, v) => o[0] === v}
+      getOptionLabel={getOptionLabel ? (option => getOptionLabel(option, lista)) : (option => retornaType(type).getLabel(option, lista)) }
+      noOptionsText={inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado'}
+      clearText='Limpar'
+      openText='Abrir'
+      onInputChange={e => setInputValue(e?.target?.value || '')}
+      filterSelectedOptions
+      autoComplete
+      autoHighlight
+      {...{ value, onChange }}
+      {...props}
+      renderInput={params => (
+        <TextField
+          margin='dense'
+          variant='outlined'
+          label={label || retornaType(type).label}
+          {...params}
+          {...textFieldProps}
+          InputProps={{ ...textFieldProps.InputProps, ...params.InputProps }}
+        />
+      )}
+    />
+  );
+};
+
+// UtilAutoComplete.propTypes = {
+//   type: PropTypes.oneOf(['beneficiarios', 'empresas', 'gruposUnimed', 'estados', 'cidades', 'unimeds', 'prestadores']).isRequired,
+//   value: PropTypes.array,
+//   textFieldProps: PropTypes.object,
+//   onChange: PropTypes.func,
+//   excluidos: PropTypes.bool,
+//   idEmpresa: PropTypes.string,
+//   cdEstado: PropTypes.string,
+//   cdUnimed: PropTypes.string,
+//   getOptionLabel: PropTypes.func
+// }
+
+export default UtilAutoComplete;

package/lib/components/UtilAutoComplete/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './UtilAutoComplete';
+export * from './UtilAutoComplete'; 

package/lib/components/UtilAutoComplete/index.js

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

package/lib/components/index.d.ts

@@ -0,0 +1,148 @@
+export { default as Alert } from './Alert';
+export * from './Alert';
+
+export { default as ArgousAction } from './ArgousAction';
+export * from './ArgousAction';
+
+export { default as ArgousAvatar } from './ArgousAvatar';
+export * from './ArgousAvatar';
+
+export { default as ArgousComplexPagination } from './ArgousComplexPagination';
+export * from './ArgousComplexPagination';
+
+export { default as ArgousComplexTable } from './ArgousComplexTable';
+export * from './ArgousComplexTable';
+
+export { default as ArgousComplexTableBody } from './ArgousComplexTableBody';
+export * from './ArgousComplexTableBody';
+
+export { default as ArgousComplexTableHead } from './ArgousComplexTableHead';
+export * from './ArgousComplexTableHead';
+
+export { default as ArgousComplexTableToolbar } from './ArgousComplexTableToolbar';
+export * from './ArgousComplexTableToolbar';
+
+export { default as ArgousInput } from './ArgousInput';
+export * from './ArgousInput';
+
+export { default as ArgousPagination } from './ArgousPagination';
+export * from './ArgousPagination';
+
+export { default as ArgousProgressBar } from './ArgousProgressBar';
+export * from './ArgousProgressBar';
+
+export { default as ArgousSimpleTable } from './ArgousSimpleTable';
+export * from './ArgousSimpleTable';
+
+export { default as AutoComplete } from './AutoComplete';
+export * from './AutoComplete';
+
+export { default as BarChart } from './BarChart';
+export * from './BarChart';
+
+export { default as BarraFerramentas } from './BarraFerramentas';
+export * from './BarraFerramentas';
+
+export { default as Button } from './Button';
+export * from './Button';
+
+export { default as Cabecalho } from './Cabecalho';
+export * from './Cabecalho';
+
+export { default as Calendar } from './Calendar';
+export * from './Calendar';
+
+export { default as CartaoUsuario } from './CartaoUsuario';
+export * from './CartaoUsuario';
+
+export { default as Collapse } from './Collapse';
+export * from './Collapse';
+
+export { default as Compartilhar } from './Compartilhar';
+export * from './Compartilhar';
+
+export { default as DropArea } from './DropArea';
+export * from './DropArea';
+
+export * from './Editor';
+
+export { default as FilePreparer } from './FilePreparer';
+export * from './FilePreparer';
+
+export { default as FileUploader } from './FileUploader';
+export * from './FileUploader';
+
+export { default as FormVisualizer } from './FormVisualizer';
+export * from './FormVisualizer';
+
+export { default as Highlight } from './Highlight';
+export * from './Highlight';
+
+export { default as ImageResize } from './ImageResize';
+export * from './ImageResize';
+
+export { default as ImageResizeButton } from './ImageResizeButton';
+export * from './ImageResizeButton';
+
+export { default as Input } from './Input';
+export * from './Input';
+
+export { default as InputTags } from './InputTags';
+export * from './InputTags';
+
+export { default as ListSelect } from './ListSelect';
+export * from './ListSelect';
+
+export { default as MaterialButton } from './MaterialButton';
+export * from './MaterialButton';
+
+export { default as MenuBar } from './MenuBar';
+export * from './MenuBar';
+
+export { default as ModalProvider } from './ConfirmModal';
+export * from './ConfirmModal';
+
+export { default as MonthPicker } from './MonthPicker';
+export * from './MonthPicker';
+
+export { default as MultipleSelect } from './MultipleSelect';
+export * from './MultipleSelect';
+
+export { default as OtpInput } from './OtpInput';
+export * from './OtpInput';
+
+export { default as OutputText } from './OutputText';
+export * from './OutputText';
+
+export { default as Pagination } from './Pagination';
+export * from './Pagination';
+
+export { default as Programa } from './Programa';
+export * from './Programa';
+
+export { default as ProgressBar } from './ProgressBar';
+export * from './ProgressBar';
+
+export { default as Select } from './Select';
+export * from './Select';
+
+export { default as SimpleTable } from './SimpleTable';
+export * from './SimpleTable';
+
+export { default as Stepper } from './Stepper';
+export * from './Stepper';
+
+export { default as TablePicker } from './TablePicker';
+export * from './TablePicker';
+
+export { default as Tabs } from './Tabs';
+export * from './Tabs';
+
+export { default as TextArea } from './TextArea';
+export * from './TextArea';
+
+export { default as ThreadLog } from './ThreadLog';
+export * from './ThreadLog';
+
+export { default as UtilAutoComplete } from './UtilAutoComplete';
+export * from './UtilAutoComplete';