argous 1.2.247 → 1.3.2

package/lib/components/ContactValidationInput/SealModal.js

@@ -1,13 +1,13 @@
 import { GREEN_COLOR, SealIcon } from './ContactValidationInput';
-import { Button, Dialog, Grid, Typography } from '@material-ui/core';
+import { Button, Dialog, Grid, Stack, Typography } from '@mui/material';
 import React from 'react';
 
 
 const SealModal = ({ open, proceed }) => {
 
-  const containerStyle = { 
-    padding: 20, 
-    gap: 20 
+  const containerStyle = {
+    padding: 20,
+    gap: 20
   };
 
   const buttonsContainerStyle = { gap: 20 };
@@ -16,34 +16,40 @@ const SealModal = ({ open, proceed }) => {
   const onClose = () => proceed({ status: false });
 
 
-  return <Dialog {...{ open, onClose }}>
-    <Grid container direction='column' style={containerStyle}>
-      <Grid container alignItems='center' style={headerContainerStyle}>
-        <Typography variant='h6'>
-          Chancela
-        </Typography>
-        <SealIcon color={GREEN_COLOR} size={20} />
-      </Grid>
-      <div>
-        <Typography>
-          Ao confirmar você estará validando o contato com um selo especial
-        </Typography>
-      </div>
-      <Grid container justifyContent='flex-end' style={buttonsContainerStyle}>
-        <Button onClick={onClose}>
-          Voltar
-        </Button>
-        <Button 
-          color='primary' 
-          variant='contained' 
-          onClick={(event) => proceed({ status: true })}
-        >
-          Confirmar
-        </Button>
-      </Grid>
-    </Grid>
-  </Dialog>;
+  return (
+    <Dialog {...{ open, onClose }}>
+      <Stack style={containerStyle}>
+        <Grid container style={headerContainerStyle} sx={{
+          alignItems: 'center'
+        }}>
+          <Typography variant='h6'>
+            Chancela
+          </Typography>
+          <SealIcon color={GREEN_COLOR} size={20} />
+        </Grid>
+        <div>
+          <Typography>
+            Ao confirmar você estará validando o contato com um selo especial
+          </Typography>
+        </div>
+        <Grid container style={buttonsContainerStyle} sx={{
+          justifyContent: 'flex-end'
+        }}>
+          <Button onClick={onClose}>
+            Voltar
+          </Button>
+          <Button
+            color='primary'
+            variant='contained'
+            onClick={(event) => proceed({ status: true })}
+          >
+            Confirmar
+          </Button>
+        </Grid>
+      </Stack>
+    </Dialog>
+  );
 };
 
 
-export default SealModal;
+export default SealModal;

package/lib/components/Document/Icons.js

@@ -1,5 +1,5 @@
 import { getFileFromLink, getLink } from '../../api';
-import { CircularProgress } from '@material-ui/core';
+import { CircularProgress } from '@mui/material';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 const reqSvgs = require.context ('./icons', true, /\.svg$/);
@@ -84,12 +84,20 @@ export const IconsComponent = ({ type, fileName, mimeType, idDocumento, link, ..
 
 
   const setarState = useCallback(() => {
-    if (state) return;
-    if (icones) setState(icones);
-    else setTimeout(setarState, 200);
+    if (state) return undefined;
+    if (icones) {
+      setState(icones);
+      return undefined;
+    }
+    return setTimeout(setarState, 200);
   }, [state]);
 
-  useEffect(setarState, [setarState]);
+  useEffect(() => {
+    const timeoutId = setarState();
+    return () => {
+      if (timeoutId) clearTimeout(timeoutId);
+    };
+  }, [setarState]);
 
   const selectedImage = useMemo(() => {
     if (type) return type;
@@ -166,4 +174,4 @@ export const Icons = reqSvgs.keys().reduce((images, path) => {
   return images;
 }, {});
 
-export default Icons;
+export default Icons;

package/lib/components/Document/ModalVisualizacaoDocumentos.js

@@ -1,6 +1,6 @@
 import Visualizacao from './Visualizacao';
 import { downloadBase64, downloadFromUrl, geraLog, printUrl, stopPrntScr } from '../../utils/index';
-import { Typography, IconButton, Dialog, Toolbar, AppBar, Box } from '@material-ui/core';
+import { Typography, IconButton, Dialog, Toolbar, AppBar, Box } from '@mui/material';
 import React, { useState } from 'react';
 import { MdClose, MdFileDownload, MdPrint } from 'react-icons/md';
 
@@ -54,7 +54,14 @@ const ModalVisualizacaoDocumentos = ({ open, proceed, tokenSistema, ...props })
           )}
         </Toolbar>
       </AppBar>
-      <Box display='flex' justifyContent='center' alignItems='center' width='100%' height='100%'>
+      <Box
+        sx={{
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          width: '100%',
+          height: '100%'
+        }}>
         <Visualizacao {...{ setVisualizando, ...visualizando, tokenSistema, proceed }} />
       </Box>
     </Dialog>

package/lib/components/Document/Visualizacao.js

@@ -1,33 +1,31 @@
 import { serverAction, setError } from '../../utils/api';
-import { Box, CircularProgress, makeStyles } from '@material-ui/core';
+import { Box, CircularProgress } from '@mui/material';
 import React, { useEffect, useRef, useState } from 'react';
 
 
-const useStyles = makeStyles(theme => ({
-  iframe: {
-    width: '100%',
-    height: '100%',
-    border: 'none',
-    background: theme.palette.background.default,
-    '&:focus': {
-      outline: 'none'
-    },
-    '&[seamless]': {
-      display: 'block'
-    }
+const iframeSx = theme => ({
+  width: '100%',
+  height: '100%',
+  border: 'none',
+  background: theme.palette.background.default,
+  '&:focus': {
+    outline: 'none'
   },
-  restricSize: {
-    maxWidth: '100%',
-    maxHeight: '100%'
+  '&[seamless]': {
+    display: 'block'
   }
-}));
+});
+
+const restricSize = {
+  maxWidth: '100%',
+  maxHeight: '100%'
+};
 
 let onchange = () => undefined;
 
 
 const Visualizacao = ({ idDocumento, nrRevisao, setVisualizando, proceed, URL: documento, linkPronto, tokenSistema, ariaLabel }) => {
 
-  const classes = useStyles();
   const blockLoop = useRef(null);
   const [{ type }, setArquivo] = useState({});
   const tagType = type?.match(/^[^/]+/)?.at(0);
@@ -55,8 +53,11 @@ const Visualizacao = ({ idDocumento, nrRevisao, setVisualizando, proceed, URL: d
     }
   };
 
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(() => preparaLink(), []);
+  useEffect(() => {
+    preparaLink();
+    // The document link is prepared once when this viewer mounts.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   useEffect(() => {
     onchange = function(evt) {
@@ -90,15 +91,20 @@ const Visualizacao = ({ idDocumento, nrRevisao, setVisualizando, proceed, URL: d
 
   switch (tagType) {
     case 'audio':
-      return <audio className={classes.restricSize} aria-label={ariaLabel} src={link} controls controlsList='nodownload' />;
+      return <Box component='audio' sx={restricSize} aria-label={ariaLabel} src={link} controls controlsList='nodownload' />;
     case 'image':
-      return <img className={classes.restricSize} alt={ariaLabel || 'Imagem'} aria-label={ariaLabel} src={link} onClick={e => e.preventDefault()}/>;
+      return <Box component='img' sx={restricSize} alt={ariaLabel || 'Imagem'} aria-label={ariaLabel} src={link} onClick={e => e.preventDefault()}/>;
     case 'video':
-      return <video className={classes.restricSize} aria-label={ariaLabel} controls controlsList='nodownload' autoPlay src={link}/>;
+      return <Box component='video' sx={restricSize} aria-label={ariaLabel} controls controlsList='nodownload' autoPlay src={link}/>;
     default:
-      return link ? <iframe className={classes.iframe} aria-label={ariaLabel} title='Iframe' src={`${link}#toolbar=0`}/> : <Box justifyContent='center' alignItems='center' display='flex'><CircularProgress disableShrink/></Box>;
+      return link ? <Box component='iframe' sx={iframeSx} aria-label={ariaLabel} title='Iframe' src={`${link}#toolbar=0`}/> : <Box
+        sx={{
+          justifyContent: 'center',
+          alignItems: 'center',
+          display: 'flex'
+        }}><CircularProgress disableShrink/></Box>;
   }
 };
 
 
-export default Visualizacao;
+export default Visualizacao;

package/lib/components/DropArea/DropArea.js

@@ -1,6 +1,6 @@
 import { getDroppedOrSelectedFiles } from './Html5FileSelector';
 import { FilePreparer } from '../';
-import { Box, CircularProgress } from '@material-ui/core';
+import { Box, CircularProgress } from '@mui/material';
 import React, { useState, Children, isValidElement, cloneElement, forwardRef } from 'react';
 import { MdFileUpload } from 'react-icons/md';
 
@@ -50,14 +50,20 @@ const DropArea = ({ children, onChange, style, ...props }, ref) => {
           style={{ position: 'absolute', border: '2px dashed', background: 'rgba(0, 0, 0, 0.5)', zIndex: 5, width: '100%', height: '100%', display: 'grid', placeItems: 'center' }}
         >
           {(loading) ? 
-            <Box display='flex' justifyContent='center' alignItems='center' height='100%'>
+            <Box
+              sx={{
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                height: '100%'
+              }}>
               <CircularProgress disableShrink />
             </Box>
             :
             <MdFileUpload style={{ width: '100%', height: '99%' }} />
           }
         </div>
-      )} 
+      )}
       {deepMap(children, (filho) => filho.type === FilePreparer ? cloneElement(filho, { ...filho.props, ref }) : filho)}
     </div>
   );

package/lib/components/Editor/ScriptLoader2.ts

@@ -107,7 +107,7 @@ const createDocumentScriptLoader = (doc: Document) => {
   const deleteScripts = () => {
     for (const item of Object.values(lookup)) {
       const scriptTag = doc.getElementById(item.id);
-      if (scriptTag != null && scriptTag.tagName === 'SCRIPT') {
+      if (scriptTag !== null && scriptTag !== undefined && scriptTag.tagName === 'SCRIPT') {
         scriptTag.parentNode?.removeChild(scriptTag);
       }
     }
@@ -147,7 +147,7 @@ const createScriptLoader = () => {
   };
 
   const reinitialize = () => {
-    for (let loader = cache.pop(); loader != null; loader = cache.pop()) {
+    for (let loader = cache.pop(); loader !== null && loader !== undefined; loader = cache.pop()) {
       loader.deleteScripts();
     }
   };
@@ -158,4 +158,4 @@ const createScriptLoader = () => {
   };
 };
 
-export const ScriptLoader = createScriptLoader();
+export const ScriptLoader = createScriptLoader();

package/lib/components/Editor/Utils.ts

@@ -91,7 +91,7 @@ export const isInDoc = (elem: Node) => {
     // Fallback for IE and old Edge
     let current = elem;
     let parent = elem.parentNode;
-    while (parent != null) {
+    while (parent !== null && parent !== undefined) {
       current = parent;
       parent = current.parentNode;
     }
@@ -103,10 +103,10 @@ export const isInDoc = (elem: Node) => {
 
 export const setMode = (editor: TinyMCEEditor | undefined, mode: 'readonly' | 'design') => {
   if (editor !== undefined) {
-    if (editor.mode != null && typeof editor.mode === 'object' && typeof editor.mode.set === 'function') {
+    if (editor.mode !== null && editor.mode !== undefined && typeof editor.mode === 'object' && typeof editor.mode.set === 'function') {
       editor.mode.set(mode);
     } else { // support TinyMCE 4
       (editor as any).setMode(mode);
     }
   }
-};
+};

package/lib/components/Editor/components/Editor.tsx

@@ -43,7 +43,7 @@ export class Editor extends React.Component<IAllProps> {
   public editor?: TinyMCEEditor;
 
   private id: string;
-  private elementRef: React.RefObject<HTMLElement>;
+  private elementRef: React.RefObject<HTMLElement | null>;
   private inline: boolean;
   private currentContent?: string;
   private boundHandlers: Record<string, (event: EditorEvent<unknown>) => unknown>;

package/lib/components/Editor/tinymce/README.md

@@ -0,0 +1,73 @@
+# TinyMCE
+
+The world's #1 open source rich text editor.
+
+**Using an old version of TinyMCE?** We recommend you to upgrade to TinyMCE 6 to continue receiving security updates, or consider [TinyMCE 5 LTS](https://www.tiny.cloud/long-term-support/) if you need more time to upgrade.
+
+Used and trusted by millions of developers, TinyMCE is the world’s most customizable, scalable, and flexible rich text editor. We’ve helped launch the likes of Atlassian, Medium, Evernote (and lots more that we can’t tell you), by empowering them to create exceptional content and experiences for their users.
+
+With more than 350M+ downloads every year, we’re also one of the most trusted enterprise-grade open source HTML editors on the internet. There’s currently more than 100M+ products worldwide, powered by Tiny. As a high powered WYSIWYG editor, TinyMCE is built to scale, designed to innovate, and thrives on delivering results to difficult edge-cases.
+
+You can access a [full featured demo of TinyMCE](https://www.tiny.cloud/docs/tinymce/6/premium-full-featured/) in the docs on the TinyMCE website.
+
+<p align="center">
+  <img alt="Screenshot of the TinyMCE Editor" src="https://www.tiny.cloud/storage/github-readme-images/tinymce-editor-6x.png"\>
+</p>
+
+## Get started with TinyMCE
+
+Getting started with the TinyMCE rich text editor is easy, and for simple configurations can be done in less than 5 minutes.
+
+[TinyMCE Cloud Deployment Quick Start Guide](https://www.tiny.cloud/docs/tinymce/6/cloud-quick-start/)
+
+[TinyMCE Self-hosted Deployment Guide](https://www.tiny.cloud/docs/tinymce/6/npm-projects/)
+
+TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a [basic setup](https://www.tiny.cloud/docs/tinymce/6/basic-setup/).
+
+Configure it for one of three modes of editing:
+
+- [TinyMCE classic editing mode](https://www.tiny.cloud/docs/tinymce/6/use-tinymce-classic/).
+- [TinyMCE inline editing mode](https://www.tiny.cloud/docs/tinymce/6/use-tinymce-inline/).
+- [TinyMCE distraction-free editing mode](https://www.tiny.cloud/docs/tinymce/6/use-tinymce-distraction-free/).
+
+## Features
+
+### Integration
+
+TinyMCE is easily integrated into your projects with the help of components such as:
+
+- [tinymce-react](https://github.com/tinymce/tinymce-react)
+- [tinymce-vue](https://github.com/tinymce/tinymce-vue)
+- [tinymce-angular](https://github.com/tinymce/tinymce-angular)
+
+With over 29 integrations, and 400+ APIs, see the TinyMCE docs for a full list of editor [integrations](https://www.tiny.cloud/docs/tinymce/6/integrations/).
+
+### Customization
+
+It is easy to [configure the UI](https://www.tiny.cloud/docs/tinymce/6/customize-ui/) of your rich text editor to match the design of your site, product or application. Due to its flexibility, you can [configure the editor](https://www.tiny.cloud/docs/tinymce/6/basic-setup/) with as much or as little functionality as you like, depending on your requirements.
+
+With [50+ powerful plugins available](https://www.tiny.cloud/tinymce/features/), and content editable as the basis of TinyMCE, adding additional functionality is as simple as including a single line of code.
+
+Realizing the full power of most plugins requires only a few lines more.
+
+### Extensibility
+
+Sometimes your editor requirements can be quite unique, and you need the freedom and flexibility to innovate. Thanks to TinyMCE being open source, you can view the source code and develop your own extensions for custom functionality to meet your own requirements.
+
+The TinyMCE [API](https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.root/) is exposed to make it easier for you to write custom functionality that fits within the existing framework of TinyMCE [UI components](https://www.tiny.cloud/docs/tinymce/6/custom-ui-components/).
+
+### Extended Features and Support
+
+For the professional software teams that require more in-depth efficiency, compliance or collaborative features built to enterprise-grade standards, please [get in touch with our team](https://www.tiny.cloud/contact/).
+
+Tiny also offers dedicated SLAs and support for professional development teams.
+
+## Compiling and contributing
+
+In 2019 the decision was made to transition our codebase to a monorepo. For information on compiling and contributing, see: [contribution guidelines](https://github.com/tinymce/tinymce/blob/master/CONTRIBUTING.md).
+
+As an open source product, we encourage and support the active development of our software.
+
+## Want more information?
+
+Visit the [TinyMCE website](https://tiny.cloud/) and check out the [TinyMCE documentation](https://www.tiny.cloud/docs/).

package/lib/components/Editor/tinymce/langs/README.md

@@ -0,0 +1,3 @@
+This is where language files should be placed.
+
+Please DO NOT translate these directly, use this service instead: https://crowdin.com/project/tinymce