argous 1.2.223 → 1.2.225

package/dist/api/index.d.ts

@@ -69,3 +69,5 @@ export function getWidgets(data: any, abortController: any): Promise<any>;
 export function getWidgetInfo(pgCode: any): Promise<any>;
 export function sendWidgets(widgets: any): Promise<any>;
 export function getPublicDoc(data: any): Promise<any>;
+export function getProgramAnnotations(data: any, token: any): Promise<any>;
+export function saveProgramAnnotation(data: any, token: any): Promise<any>;

package/dist/api/index.js

@@ -47,7 +47,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPublicDoc = exports.sendWidgets = exports.getWidgetInfo = exports.getWidgets = exports.scanDocument = exports.getLink = exports.getFileFromLink = exports.createDocument = exports.prepareFile = exports.getDocsUrl = exports.searchUsers = exports.getFileInfo = exports.cancelFileUpload = exports.endFileUpload = exports.sendFilePart = exports.inicFileUpload = exports.enviaCompartilhamentoDePrograma = exports.fixTimelinePost = exports.removePostTimeLine = exports.publicaTimeline = exports.toggleLikePost = exports.recebeInfoEstatisticas = exports.recebeInfoLoginsAtivos = exports.recebeThreadsUsuario = exports.recebeInfoThread = exports.recebeThread = exports.readNotificacao = exports.readNotificacoes = exports.getNotificacoes = exports.callProgram = exports.toggleFavorite = exports.getFavorites = exports.method = exports.action = exports.agSet = exports.agGet = exports.getProgram = exports.getPostPublicacao = exports.removeCommentPost = exports.addCommentPost = exports.getPostsTimeline = exports.getMenu = exports.validaToken = exports.logout = exports.login = exports.fetchToArgous = exports.headers = exports.api = exports.server = void 0;
+exports.getProgramAnnotations = exports.getPublicDoc = exports.sendWidgets = exports.getWidgetInfo = exports.getWidgets = exports.scanDocument = exports.getLink = exports.getFileFromLink = exports.createDocument = exports.prepareFile = exports.getDocsUrl = exports.searchUsers = exports.getFileInfo = exports.cancelFileUpload = exports.endFileUpload = exports.sendFilePart = exports.inicFileUpload = exports.enviaCompartilhamentoDePrograma = exports.fixTimelinePost = exports.removePostTimeLine = exports.publicaTimeline = exports.toggleLikePost = exports.recebeInfoEstatisticas = exports.recebeInfoLoginsAtivos = exports.recebeThreadsUsuario = exports.recebeInfoThread = exports.recebeThread = exports.readNotificacao = exports.readNotificacoes = exports.getNotificacoes = exports.callProgram = exports.toggleFavorite = exports.getFavorites = exports.method = exports.action = exports.agSet = exports.agGet = exports.getProgram = exports.getPostPublicacao = exports.removeCommentPost = exports.addCommentPost = exports.getPostsTimeline = exports.getMenu = exports.validaToken = exports.logout = exports.login = exports.fetchToArgous = exports.headers = exports.api = exports.server = void 0;
+exports.saveProgramAnnotation = void 0;
 var utils_1 = require("../utils");
 var config_1 = require("../utils/config");
 var server = function () { return "://" + config_1.getConfig()[/^[a-z]+.+\.com\.br$/.test(window.location.host) ? 'ip' : 'ip'] + "/" + (config_1.getConfig().path ? config_1.getConfig().path : 'jUniIII') + "/"; };
@@ -895,3 +896,37 @@ var getPublicDoc = function (data) { return __awaiter(void 0, void 0, void 0, fu
     });
 }); };
 exports.getPublicDoc = getPublicDoc;
+var getProgramAnnotations = function (data, token) { return __awaiter(void 0, void 0, void 0, function () {
+    var res;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch(exports.api() + "aggetpgannotation.rslvr", {
+                    method: 'post',
+                    headers: exports.headers(token),
+                    body: JSON.stringify(data)
+                })];
+            case 1:
+                res = _a.sent();
+                return [4 /*yield*/, res.json()];
+            case 2: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+exports.getProgramAnnotations = getProgramAnnotations;
+var saveProgramAnnotation = function (data, token) { return __awaiter(void 0, void 0, void 0, function () {
+    var res;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, fetch(exports.api() + "agsavepgannotation.rslvr", {
+                    method: 'post',
+                    headers: exports.headers(token),
+                    body: JSON.stringify(data)
+                })];
+            case 1:
+                res = _a.sent();
+                return [4 /*yield*/, res.json()];
+            case 2: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+exports.saveProgramAnnotation = saveProgramAnnotation;

package/dist/components/BarraFerramentas/BarraFerramentas.d.ts

@@ -15,7 +15,10 @@ export interface BarraFerramentasProps {
   nmExclui?: string, 
   executaFuncao?: (prm: string) => void,
   habWidget?: boolean,
-  addWidget?: () => void
+  addWidget?: () => void,
+  snAnotacaoPrograma: boolean,
+  openAnnotations: (event: Event) => void,
+  toolbarLoading: object
 }
 
 declare function BarraFerramentas(props: BarraFerramentasProps): JSX.Element

package/dist/components/BarraFerramentas/BarraFerramentas.js

@@ -85,17 +85,33 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
         marginLeft: theme.spacing(2)
     }
 }); });
+var ToolbarTooltip = core_1.withStyles({
+    popper: {
+        zIndex: 1300
+    }
+})(core_1.Tooltip);
+var CustomTooltip = function (_a) {
+    var disabled = _a.disabled, arrow = _a.arrow, placement = _a.placement, title = _a.title, children = _a.children;
+    var _b = react_1.useState(false), open = _b[0], setOpen = _b[1];
+    react_1.useEffect(function () { return (disabled && open) && setOpen(false); }, [disabled, open]);
+    return (react_1.default.createElement(ToolbarTooltip, __assign({}, { arrow: arrow, placement: placement, title: title }, { onOpen: function () { return (!disabled) && setOpen(true); }, onClose: function () { return setOpen(false); }, open: open }), children));
+};
+var ButtonLoadingFeedback = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? 'secondary' : _c;
+    return react_1.default.createElement(core_1.CircularProgress, __assign({}, { size: size, color: color }));
+};
 function BarraFerramentas(_a) {
-    var titulo = _a.titulo, _b = _a.abas, abas = _b === void 0 ? [] : _b, _c = _a.ferramentas, ferramentas = _c === void 0 ? [] : _c, _d = _a.habFavorito, habFavorito = _d === void 0 ? true : _d, _e = _a.habCrud, habCrud = _e === void 0 ? false : _e, _f = _a.habNavegador, habNavegador = _f === void 0 ? false : _f, checkIfIsFavorite = _a.checkIfIsFavorite, addFavorite = _a.addFavorite, favoriteAnimationInsert = _a.favoriteAnimationInsert, favoriteAnimationRemove = _a.favoriteAnimationRemove, nmFuncaoVoltar = _a.nmFuncaoVoltar, nmCompartilhar = _a.nmCompartilhar, _g = _a.linkCompartilhamento, linkCompartilhamento = _g === void 0 ? '' : _g, threads = _a.threads, currentProgram = _a.currentProgram, nmSalva = _a.nmSalva, nmExclui = _a.nmExclui, _h = _a.executaFuncao, executaFuncao = _h === void 0 ? function (prm) { return void (prm); } : _h, _j = _a.habWidget, habWidget = _j === void 0 ? false : _j, _k = _a.addWidget, addWidget = _k === void 0 ? function () { return ''; } : _k;
+    var titulo = _a.titulo, _b = _a.abas, abas = _b === void 0 ? [] : _b, _c = _a.ferramentas, ferramentas = _c === void 0 ? [] : _c, _d = _a.habFavorito, habFavorito = _d === void 0 ? true : _d, _e = _a.habCrud, habCrud = _e === void 0 ? false : _e, _f = _a.habNavegador, habNavegador = _f === void 0 ? false : _f, checkIfIsFavorite = _a.checkIfIsFavorite, addFavorite = _a.addFavorite, favoriteAnimationInsert = _a.favoriteAnimationInsert, favoriteAnimationRemove = _a.favoriteAnimationRemove, nmFuncaoVoltar = _a.nmFuncaoVoltar, nmCompartilhar = _a.nmCompartilhar, _g = _a.linkCompartilhamento, linkCompartilhamento = _g === void 0 ? '' : _g, threads = _a.threads, currentProgram = _a.currentProgram, nmSalva = _a.nmSalva, nmExclui = _a.nmExclui, _h = _a.executaFuncao, executaFuncao = _h === void 0 ? function (prm) { return void (prm); } : _h, _j = _a.habWidget, habWidget = _j === void 0 ? false : _j, _k = _a.addWidget, addWidget = _k === void 0 ? function () { return ''; } : _k, _l = _a.snAnotacaoPrograma, snAnotacaoPrograma = _l === void 0 ? false : _l, _m = _a.openAnnotations, openAnnotations = _m === void 0 ? function () { return ''; } : _m, _o = _a.toolbarLoading, toolbarLoading = _o === void 0 ? {} : _o;
     var classes = useStyles({ habNavegador: habNavegador });
     var anchorMenu = react_1.useRef(null);
     var anchorCompartilhar = react_1.useRef(null);
-    var _l = react_1.useState(false), open = _l[0], setOpen = _l[1];
-    var _m = react_1.useState(undefined), abaAtual = _m[0], setAbaAtual = _m[1];
-    var _o = react_1.useState(true), habEditar = _o[0], setHabEditar = _o[1];
-    var _p = react_1.useState(false), habSalvar = _p[0], setHabSalvar = _p[1];
-    var _q = react_1.useState(false), habExcluir = _q[0], setHabExcluir = _q[1];
-    var _r = react_1.useState(false), openCompartilhar = _r[0], setOpenCompartilhar = _r[1];
+    var _p = react_1.useState(false), open = _p[0], setOpen = _p[1];
+    var _q = react_1.useState(undefined), abaAtual = _q[0], setAbaAtual = _q[1];
+    var _r = react_1.useState(true), habEditar = _r[0], setHabEditar = _r[1];
+    var _s = react_1.useState(false), habSalvar = _s[0], setHabSalvar = _s[1];
+    var _t = react_1.useState(false), habExcluir = _t[0], setHabExcluir = _t[1];
+    var _u = react_1.useState(false), openCompartilhar = _u[0], setOpenCompartilhar = _u[1];
+    var _v = react_1.useState(false), disableTooltip = _v[0], setDisableTooltip = _v[1];
     react_1.useEffect(function () {
         if (anchorMenu.current)
             anchorMenu.current.focus();
@@ -145,8 +161,13 @@ function BarraFerramentas(_a) {
             setOpen(false);
         }
     }
+    function handleAnnotationsClick(event) {
+        setDisableTooltip(true);
+        openAnnotations(event);
+        setTimeout(function () { return setDisableTooltip(false); }, 0);
+    }
     var getFerramentas = function (item, index) {
-        return (react_1.default.createElement(core_1.Tooltip, { key: index, title: item[1] || '' },
+        return (react_1.default.createElement(CustomTooltip, { key: index, title: item[1] || '' },
             react_1.default.createElement(core_1.IconButton, { onClick: function () { return lodash_1.isFunction(item[2]) ? item[2]() : executaFuncao(item[2] || 'F' + index); } }, typeof item[0] === 'string' ? (react_1.default.createElement("i", { style: { color: '#999' }, className: item[0] })) : (item[0]))));
     };
     return react_1.default.createElement(react_1.default.Fragment, null,
@@ -163,31 +184,31 @@ function BarraFerramentas(_a) {
                                 return (react_1.default.createElement(core_1.MenuItem, { className: clsx_1.default((_a = {}, _a[classes.menuSelected] = abaAtual === item[0], _a)), key: key, onClick: selecionaAba(key, item[0], item[2]) }, item[0]));
                             }))))));
             }),
-            react_1.default.createElement(core_1.Typography, { component: 'div', variant: 'h6', className: classes.title }, abaAtual ? (react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' },
+            react_1.default.createElement(core_1.Typography, { component: 'div', variant: 'h6', className: classes.title }, (abaAtual) ? (react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' },
                 abaAtual,
                 " ",
                 react_1.default.createElement(core_1.Typography, { variant: 'caption' },
                     "( ",
                     titulo,
                     " )"))) : (react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' }, titulo))),
-            habNavegador && (react_1.default.createElement(core_1.Box, { className: classes.navigator },
-                react_1.default.createElement(core_1.Tooltip, { title: 'Primeiro registro' },
+            (habNavegador) && (react_1.default.createElement(core_1.Box, { className: classes.navigator },
+                react_1.default.createElement(CustomTooltip, { title: 'Primeiro registro' },
                     react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NF'); } },
                         react_1.default.createElement(md_1.MdFirstPage, null))),
-                react_1.default.createElement(core_1.Tooltip, { title: 'Registro anterior' },
+                react_1.default.createElement(CustomTooltip, { title: 'Registro anterior' },
                     react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NP'); } },
                         react_1.default.createElement(md_1.MdKeyboardArrowLeft, null))),
-                react_1.default.createElement(core_1.Tooltip, { title: 'Pr\u00F3ximo registro' },
+                react_1.default.createElement(CustomTooltip, { title: 'Pr\u00F3ximo registro' },
                     react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NN'); } },
                         react_1.default.createElement(md_1.MdKeyboardArrowRight, null))),
-                react_1.default.createElement(core_1.Tooltip, { title: '\u00DAltimo registro' },
+                react_1.default.createElement(CustomTooltip, { title: '\u00DAltimo registro' },
                     react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NL'); } },
                         react_1.default.createElement(md_1.MdLastPage, null))))),
-            lodash_1.isArray(ferramentas) && ferramentas.map(function (g) { return g.map(function (item, index) { return getFerramentas(item, index); }); }),
-            nmFuncaoVoltar && (react_1.default.createElement(core_1.Tooltip, { title: 'Voltar' },
+            (lodash_1.isArray(ferramentas)) && ferramentas.map(function (g) { return g.map(function (item, index) { return getFerramentas(item, index); }); }),
+            (nmFuncaoVoltar) && (react_1.default.createElement(CustomTooltip, { title: 'Voltar' },
                 react_1.default.createElement(core_1.IconButton, { onClick: function () { return executaFuncao(nmFuncaoVoltar); } },
                     react_1.default.createElement(md_1.MdArrowBack, null)))),
-            habCrud && react_1.default.createElement(react_1.default.Fragment, null, habEditar ? (react_1.default.createElement(core_1.Tooltip, { title: 'Editar' },
+            (habCrud) && react_1.default.createElement(react_1.default.Fragment, null, (habEditar) ? (react_1.default.createElement(CustomTooltip, { title: 'Editar' },
                 react_1.default.createElement(core_1.IconButton, { onClick: function () {
                         setHabEditar(false);
                         setHabSalvar(true);
@@ -199,13 +220,13 @@ function BarraFerramentas(_a) {
                     setHabExcluir(false);
                 } },
                 react_1.default.createElement(core_1.Box, null,
-                    habSalvar && (react_1.default.createElement(core_1.Tooltip, { title: 'Salvar Registro' },
+                    (habSalvar) && (react_1.default.createElement(CustomTooltip, { title: 'Salvar Registro' },
                         react_1.default.createElement(core_1.IconButton, { onClick: function () { return executaFuncao(nmSalva); } },
                             react_1.default.createElement(md_1.MdSave, null)))),
-                    habExcluir && (react_1.default.createElement(core_1.Tooltip, { title: 'Excluir Registro' },
+                    (habExcluir) && (react_1.default.createElement(CustomTooltip, { title: 'Excluir Registro' },
                         react_1.default.createElement(core_1.IconButton, { onClick: function () { return executaFuncao(nmExclui); } },
                             react_1.default.createElement(md_1.MdDelete, null)))))))),
-            nmCompartilhar && (react_1.default.createElement(core_1.Tooltip, { title: 'Compartilhar' },
+            (nmCompartilhar) && (react_1.default.createElement(CustomTooltip, { title: 'Compartilhar' },
                 react_1.default.createElement(core_1.IconButton, { ref: anchorCompartilhar, onClick: toggleCompartilhar },
                     react_1.default.createElement(md_1.MdShare, null)))),
             react_1.default.createElement(core_1.Popper, { open: openCompartilhar, anchorEl: anchorCompartilhar.current, role: undefined, transition: true, keepMounted: true, style: { zIndex: 2, marginRight: 10 } }, function (_a) {
@@ -214,12 +235,13 @@ function BarraFerramentas(_a) {
                     react_1.default.createElement(core_1.ClickAwayListener, { onClickAway: closeCompartilhar },
                         react_1.default.createElement(__1.Compartilhar, __assign({}, { linkCompartilhamento: linkCompartilhamento })))));
             }),
-            lodash_1.isArray(threads) && threads.map(function (thread, key) { return react_1.default.createElement(ThreadLog_1.default, __assign({}, { key: key, thread: thread, currentProgram: currentProgram })); }),
-            habWidget &&
-                (react_1.default.createElement(core_1.Tooltip, { title: 'Adicionar widget' },
-                    react_1.default.createElement(core_1.IconButton, { onClick: addWidget },
-                        react_1.default.createElement(ai_1.AiOutlineAppstoreAdd, null)))),
-            habFavorito && checkIfIsFavorite && (react_1.default.createElement(core_1.Tooltip, { title: 'Favorito' },
+            (lodash_1.isArray(threads)) && threads.map(function (thread, key) { return react_1.default.createElement(ThreadLog_1.default, __assign({}, { key: key, thread: thread, currentProgram: currentProgram })); }),
+            (habWidget) && (react_1.default.createElement(CustomTooltip, { title: 'Adicionar widget' },
+                react_1.default.createElement(core_1.IconButton, { onClick: addWidget },
+                    react_1.default.createElement(ai_1.AiOutlineAppstoreAdd, null)))),
+            (snAnotacaoPrograma) && (react_1.default.createElement(CustomTooltip, { title: 'Anota\u00E7\u00F5es', disabled: disableTooltip },
+                react_1.default.createElement(core_1.IconButton, { disabled: toolbarLoading === null || toolbarLoading === void 0 ? void 0 : toolbarLoading.annotations, onClick: handleAnnotationsClick }, (toolbarLoading === null || toolbarLoading === void 0 ? void 0 : toolbarLoading.annotations) ? react_1.default.createElement(ButtonLoadingFeedback, null) : react_1.default.createElement(md_1.MdEditNote, null)))),
+            (habFavorito && checkIfIsFavorite) && (react_1.default.createElement(CustomTooltip, { title: 'Favorito' },
                 react_1.default.createElement(core_1.IconButton, { onClick: addFavorite },
                     react_1.default.createElement(fa_1.FaStar, { className: "pg-fav-start " + checkIfIsFavorite() }),
                     favoriteAnimationInsert && react_1.default.createElement(fa_1.FaStar, { className: 'pg-fav-start active insertion-star-fav' }),

package/dist/components/Document/Icons.d.ts

@@ -0,0 +1,193 @@
+export function IconsComponent({ type, fileName, mimeType, idDocumento, link, ...props }: React.ImgHTMLAttributes<HTMLImageElement> & Tipos): JSX.Element;
+/**
+ * @typedef {object} FileIcons - Objeto de icones
+ * @property {JSX.Element} ai -Icone de arquivos do Ilustrator
+ * @property {JSX.Element} audio -Icone genérico de Audio
+ * @property {JSX.Element} avi -Icone de videos AVI
+ * @property {JSX.Element} css -Icone de arquivos CSS
+ * @property {JSX.Element} csv -Icone de arquivos CSV
+ * @property {JSX.Element} dbf -Icone de arquivos DBF
+ * @property {JSX.Element} doc -Icone de arquivos Word
+ * @property {JSX.Element} dwg -Icone de arquivos DWG
+ * @property {JSX.Element} exe -Icone de arquivos EXE
+ * @property {JSX.Element} file -Icone de arquivos genéricos
+ * @property {JSX.Element} fla -Icone de arquivos FLA
+ * @property {JSX.Element} html -Icone de arquivos HTML
+ * @property {JSX.Element} image -Icone genérico de Imagens
+ * @property {JSX.Element} iso -Icone de imagens ISO
+ * @property {JSX.Element} jpg -Icone de imagens JPG
+ * @property {JSX.Element} js -Icone de arquivos Javascript
+ * @property {JSX.Element} json -Icone de arquivos JSON
+ * @property {JSX.Element} mod -Icone de modelos de documentos
+ * @property {JSX.Element} mp3 -Icone de músicas MP3
+ * @property {JSX.Element} mp4 -Icone de vídeos MP4
+ * @property {JSX.Element} pdf -Icone de arquivos PDP
+ * @property {JSX.Element} png -Icone de imagens PNG
+ * @property {JSX.Element} ppt -Icone de arquivos do Power Point
+ * @property {JSX.Element} psd -Icone de arquivos do Photoshop
+ * @property {JSX.Element} rtf -Icone de arquivos RTF
+ * @property {JSX.Element} search -Icone genérico de Busca
+ * @property {JSX.Element} svg -Icone de arquivos SVG
+ * @property {JSX.Element} txt -Icone de arquivos de Texto
+ * @property {JSX.Element} video -Icone genérico de Vídeo
+ * @property {JSX.Element} xls -Icone de arquivos do Excel
+ * @property {JSX.Element} xml -Icone de arquivos XML
+ * @property {JSX.Element} zip -Icone de arquivos ZIP
+ * @property {JSX.Element} zip1 -Icone genérico de arquivos comprimidos
+ */
+/** @type {FileIcons}  */
+export const Icons: FileIcons;
+export default Icons;
+export type Extencoes = 'ai' | 'audio' | 'avi' | 'css' | 'csv' | 'dbf' | 'doc' | 'dwg' | 'exe' | 'file' | 'fla' | 'html' | 'image' | 'iso' | 'jpg' | 'js' | 'json' | 'mod' | 'mp3' | 'mp4' | 'pdf' | 'png' | 'ppt' | 'psd' | 'rtf' | 'search' | 'svg' | 'txt' | 'video' | 'xls' | 'xml' | 'zip' | 'zip1';
+export type Tipos = {
+    /**
+     * - Tipos de arquivos suportados
+     */
+    type: Extencoes;
+    /**
+     * - MimeType do arquivo
+     */
+    mimeType: string;
+    /**
+     * - Nome do arquivo
+     */
+    fileName: string;
+};
+/**
+ * - Objeto de icones
+ */
+export type FileIcons = {
+    /**
+     * -Icone de arquivos do Ilustrator
+     */
+    ai: JSX.Element;
+    /**
+     * -Icone genérico de Audio
+     */
+    audio: JSX.Element;
+    /**
+     * -Icone de videos AVI
+     */
+    avi: JSX.Element;
+    /**
+     * -Icone de arquivos CSS
+     */
+    css: JSX.Element;
+    /**
+     * -Icone de arquivos CSV
+     */
+    csv: JSX.Element;
+    /**
+     * -Icone de arquivos DBF
+     */
+    dbf: JSX.Element;
+    /**
+     * -Icone de arquivos Word
+     */
+    doc: JSX.Element;
+    /**
+     * -Icone de arquivos DWG
+     */
+    dwg: JSX.Element;
+    /**
+     * -Icone de arquivos EXE
+     */
+    exe: JSX.Element;
+    /**
+     * -Icone de arquivos genéricos
+     */
+    file: JSX.Element;
+    /**
+     * -Icone de arquivos FLA
+     */
+    fla: JSX.Element;
+    /**
+     * -Icone de arquivos HTML
+     */
+    html: JSX.Element;
+    /**
+     * -Icone genérico de Imagens
+     */
+    image: JSX.Element;
+    /**
+     * -Icone de imagens ISO
+     */
+    iso: JSX.Element;
+    /**
+     * -Icone de imagens JPG
+     */
+    jpg: JSX.Element;
+    /**
+     * -Icone de arquivos Javascript
+     */
+    js: JSX.Element;
+    /**
+     * -Icone de arquivos JSON
+     */
+    json: JSX.Element;
+    /**
+     * -Icone de modelos de documentos
+     */
+    mod: JSX.Element;
+    /**
+     * -Icone de músicas MP3
+     */
+    mp3: JSX.Element;
+    /**
+     * -Icone de vídeos MP4
+     */
+    mp4: JSX.Element;
+    /**
+     * -Icone de arquivos PDP
+     */
+    pdf: JSX.Element;
+    /**
+     * -Icone de imagens PNG
+     */
+    png: JSX.Element;
+    /**
+     * -Icone de arquivos do Power Point
+     */
+    ppt: JSX.Element;
+    /**
+     * -Icone de arquivos do Photoshop
+     */
+    psd: JSX.Element;
+    /**
+     * -Icone de arquivos RTF
+     */
+    rtf: JSX.Element;
+    /**
+     * -Icone genérico de Busca
+     */
+    search: JSX.Element;
+    /**
+     * -Icone de arquivos SVG
+     */
+    svg: JSX.Element;
+    /**
+     * -Icone de arquivos de Texto
+     */
+    txt: JSX.Element;
+    /**
+     * -Icone genérico de Vídeo
+     */
+    video: JSX.Element;
+    /**
+     * -Icone de arquivos do Excel
+     */
+    xls: JSX.Element;
+    /**
+     * -Icone de arquivos XML
+     */
+    xml: JSX.Element;
+    /**
+     * -Icone de arquivos ZIP
+     */
+    zip: JSX.Element;
+    /**
+     * -Icone genérico de arquivos comprimidos
+     */
+    zip1: JSX.Element;
+};
+import React from "react";