@ssplib/react-components 0.0.106 → 0.0.107

package/components/form/file/FileUpload.js

@@ -115,11 +115,13 @@ function FileUpload({ name, tipoArquivo, title, required = false, multiple = fal
     };
     (0, react_1.useEffect)(() => {
         const dt = new DataTransfer();
-        files.forEach((x) => {
+        files
+            .filter((x) => !filesError.includes(x.id))
+            .forEach((x) => {
             dt.items.add(x.file);
         });
         context === null || context === void 0 ? void 0 : context.formSetValue(name, dt.files);
-    }, [files, context, name]);
+    }, [files, context, filesError, name]);
     (0, react_1.useEffect)(() => {
         return () => {
             context.setFilesUid((files) => files.filter((x) => x.CO_TIPO_ARQUIVO !== parseInt(tipoArquivo)));
@@ -130,12 +132,14 @@ function FileUpload({ name, tipoArquivo, title, required = false, multiple = fal
         react_1.default.createElement(material_1.Box, { sx: { backgroundColor: '#e2eafc', padding: 1, borderRadius: 1, marginTop: 1 } },
             react_1.default.createElement("input", Object.assign({ id: name, type: 'file', multiple: multiple }, context === null || context === void 0 ? void 0 : context.formRegister(name, {
                 validate: (v, f) => {
+                    console.log('dsadsadas 1');
                     if (v.length <= 0 && required)
                         return 'O campo de arquivo é obrigatório';
                 },
             }), { onChange: onFile, accept: '.pdf', style: { display: 'none' } })),
             react_1.default.createElement("input", Object.assign({ id: name + 'foto', type: 'file', capture: 'environment', multiple: multiple }, context === null || context === void 0 ? void 0 : context.formRegister(name, {
                 validate: (v, f) => {
+                    console.log('dsadsadas 2');
                     if (v.length <= 0 && required)
                         return 'O campo de arquivo é obrigatório';
                 },
@@ -155,7 +159,6 @@ function FileUpload({ name, tipoArquivo, title, required = false, multiple = fal
                 files.length,
                 " arquivo",
                 files.length > 1 && 's'),
-            (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name) && (react_1.default.createElement(material_1.Typography, { variant: 'caption', sx: { color: '#e53935' } }, "* O campo de arquivo \u00E9 obrigat\u00F3rio")),
             files.length > 0 && (react_1.default.createElement(material_1.TableContainer, { component: material_1.Paper },
                 react_1.default.createElement(system_1.Stack, { direction: 'column' }, files.map((x) => (react_1.default.createElement(system_1.Stack, { key: x.name, direction: 'row', justifyContent: 'space-between', padding: 0.5 },
                     react_1.default.createElement(material_1.Box, null,
@@ -163,6 +166,7 @@ function FileUpload({ name, tipoArquivo, title, required = false, multiple = fal
                             filesLoaded.includes(x.id) ? (react_1.default.createElement(Done_1.default, { sx: { fill: '#06d6a0' } })) : filesError.includes(x.id) ? (react_1.default.createElement(Clear_1.default, { sx: { fill: 'red' } })) : (react_1.default.createElement(material_1.CircularProgress, { size: 22, sx: { color: 'black' } })),
                             react_1.default.createElement(PictureAsPdf_1.default, { color: 'error' }),
                             react_1.default.createElement(material_1.Typography, { fontWeight: 600 }, x.name))),
-                    react_1.default.createElement(material_1.Box, null, (filesLoaded.includes(x.id) || filesError.includes(x.id)) && (react_1.default.createElement(material_1.Button, { variant: 'contained', size: 'small', sx: { textTransform: 'none', backgroundColor: '#d1495b', '&:hover': { backgroundColor: '#c1121f' } }, onClick: (e) => deleteFile(e, x.id), startIcon: react_1.default.createElement(Delete_1.default, null) }, "Remover"))))))))))));
+                    react_1.default.createElement(material_1.Box, null, (filesLoaded.includes(x.id) || filesError.includes(x.id)) && (react_1.default.createElement(material_1.Button, { variant: 'contained', size: 'small', sx: { textTransform: 'none', backgroundColor: '#d1495b', '&:hover': { backgroundColor: '#c1121f' } }, onClick: (e) => deleteFile(e, x.id), startIcon: react_1.default.createElement(Delete_1.default, null) }, "Remover"))))))))),
+            (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name) && (react_1.default.createElement(material_1.Typography, { variant: 'caption', color: '#e53935', fontWeight: 600, fontSize: 14, paddingTop: 2 }, "* O campo de arquivo \u00E9 obrigat\u00F3rio")))));
 }
 exports.default = FileUpload;

package/components/form/table/Table.js

@@ -206,12 +206,10 @@ function Table({ columns, fetchFunc, emptyMsg = {
         });
         const csvData = header + values.join('\n');
         // download
-        const a = document.createElement('a');
-        a.href = 'data:text/csv;charset=utf-8,' + csvData;
-        a.download = `${csv === null || csv === void 0 ? void 0 : csv.fileName}.csv`;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
+        var link = window.document.createElement('a');
+        link.setAttribute('href', 'data:text/csv;charset=utf-8,%EF%BB%BF' + encodeURI(csvData));
+        link.setAttribute('download', `${csv === null || csv === void 0 ? void 0 : csv.fileName}.csv`);
+        link.click();
     }, [list]);
     const downloadCSVAll = (0, react_1.useCallback)((e) => {
         e.preventDefault();
@@ -236,12 +234,10 @@ function Table({ columns, fetchFunc, emptyMsg = {
             .join('\n');
         const csvData = header + values;
         // download
-        const a = document.createElement('a');
-        a.href = 'data:text/csv;charset=utf-8,' + csvData;
-        a.download = `${csv === null || csv === void 0 ? void 0 : csv.fileName}.csv`;
-        document.body.appendChild(a);
-        a.click();
-        document.body.removeChild(a);
+        var link = window.document.createElement('a');
+        link.setAttribute('href', 'data:text/csv;charset=utf-8,%EF%BB%BF' + encodeURI(csvData));
+        link.setAttribute('download', `${csv === null || csv === void 0 ? void 0 : csv.fileName}.csv`);
+        link.click();
     }, [list]);
     const getStatusMsg = (0, react_1.useCallback)((cod) => {
         switch (cod) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.106",
+    "version": "0.0.107",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",