@ssplib/react-components 0.0.284 → 0.0.286

package/components/form/file/DropFileUpload.js

@@ -28,12 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const material_1 = require("@mui/material");
 const system_1 = require("@mui/system");
+const axios_1 = __importDefault(require("axios"));
 const lodash_get_1 = __importDefault(require("lodash.get"));
 const react_1 = __importStar(require("react"));
+const react_dropzone_1 = require("react-dropzone");
 const auth_1 = require("../../../context/auth");
 const form_1 = require("../../../context/form");
-const react_dropzone_1 = require("react-dropzone");
-const axios_1 = __importDefault(require("axios"));
 const icons_1 = require("../../icons/icons");
 function bytesToMegabytes(bytes) {
     const megabytes = bytes / (1024 * 1024);
@@ -51,13 +51,6 @@ function bytesToKBorMB(bytes) {
         return `${MBValue.toFixed(1)}MB`;
     }
 }
-function LinearProgressWithLabel(props) {
-    return (react_1.default.createElement(material_1.Box, { sx: { display: 'flex', alignItems: 'center' } },
-        react_1.default.createElement(material_1.Box, { sx: { width: '100%', mr: 1 } },
-            react_1.default.createElement(material_1.LinearProgress, Object.assign({ variant: 'determinate' }, props))),
-        react_1.default.createElement(material_1.Box, { sx: { minWidth: 3 } },
-            react_1.default.createElement(material_1.Typography, { variant: 'body2', color: 'text.secondary' }, `${Math.round(props.value)}%`))));
-}
 function DropFileUpload({ name, tipoArquivo, title, required = false, multiple = false, apiURL, sizeLimit = 4, xs = 12, sm, md, route = '', tstToken = '', dropZoneOptions, }) {
     const { getRootProps, getInputProps } = (0, react_dropzone_1.useDropzone)(Object.assign({ multiple, useFsAccessApi: true, onDrop: (dropFiles) => {
             const fileList = [];
@@ -219,7 +212,7 @@ function DropFileUpload({ name, tipoArquivo, title, required = false, multiple =
                             backgroundColor: '#DE3F50',
                             borderRadius: '8px',
                         } }, "Remover")))),
-                progress > 0 && progress < 100 && (react_1.default.createElement(LinearProgressWithLabel, { value: progress, sx: {
+                progress > 0 && progress < 100 && (react_1.default.createElement(material_1.LinearProgress, { value: progress, sx: {
                         backgroundColor: '#103D6A',
                         '.MuiLinearProgress-bar': {
                             backgroundColor: '#BDDDFA',

package/components/form/table/Table.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TableProps } from './types';
-export declare function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg, dataPath, tableName, csvConfig, columnSize, action, useKC, itemCount, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, isExpandable, }: TableProps): JSX.Element;
+export declare function Table({ mediaQueryLG, columns, csvConfig, fetchFunc, emptyMsg, dataPath, tableName, columnSize, action, useKC, itemCount, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, isExpandable, }: TableProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Table>;
 export default _default;

package/components/form/table/Table.js

@@ -50,13 +50,10 @@ let isExpandAll = false;
 let localTableName = '';
 let filtersFuncData = {};
 let localTableNameCache = '';
-function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
+function Table({ mediaQueryLG, columns, csvConfig, fetchFunc, emptyMsg = {
     user: 'Nenhum dado encontrado',
     public: 'Nenhum dado encontrado',
-}, dataPath = '', tableName = 'Dado', csvConfig = {
-    fileName: tableName,
-    map: []
-}, columnSize, action, useKC = true, itemCount = 10, expandTextMaxLength = 50, collapsedSize = 53, customMargin = 4, customMarginMobile = 0, filtersFunc, filters = [], orderBy = [], customErrorMsg = undefined, customTableStyle = {}, id, initialData = null, isExpandable = true, }) {
+}, dataPath = '', tableName = 'Dado', columnSize, action, useKC = true, itemCount = 10, expandTextMaxLength = 50, collapsedSize = 53, customMargin = 4, customMarginMobile = 0, filtersFunc, filters = [], orderBy = [], customErrorMsg = undefined, customTableStyle = {}, id, initialData = null, isExpandable = true, }) {
     var _a, _b;
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
@@ -304,6 +301,8 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
     }
     const handleCSVDownload = (list, all = false) => {
         var _a;
+        if (!csvConfig)
+            return;
         (0, utils_1.downloadCSVFile)(list, Object.assign(Object.assign({}, csvConfig), (all ? { downloadAll: true } : {})), JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]') || []);
     };
     const handleFiltrarDados = (dt) => {
@@ -465,7 +464,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
                 }, spacing: {
                     xs: 2,
                     md: 0,
-                }, justifyContent: 'space-between', alignItems: 'center' }, csvConfig.map.length > 0 && (react_1.default.createElement(material_1.Stack, { direction: {
+                }, justifyContent: 'space-between', alignItems: 'center' }, csvConfig && (react_1.default.createElement(material_1.Stack, { direction: {
                     xs: 'column',
                     md: 'row',
                 }, justifyContent: 'flex-end', spacing: 1 },

package/components/form/table/types.d.ts

@@ -30,6 +30,8 @@ export interface FilterValue {
 export interface CsvMapProps {
     name: string;
     key: string;
+    onlyFilter?: boolean;
+    onlyAll?: boolean;
     useFilterValue?: {
         label: string;
         operators: FilterOperators[];
@@ -38,7 +40,9 @@ export interface CsvMapProps {
 export interface CsvConfigProp {
     fileName: string;
     downloadAll?: boolean;
-    map: CsvMapProps[];
+    customFiltered?: (list: any[], filters: FilterValue[]) => any[];
+    customAll?: (list: any[], filters: FilterValue[]) => any[];
+    map?: CsvMapProps[];
 }
 /**
  * Interface para as propriedades do componente Table.

package/components/form/table/utils.js

@@ -208,7 +208,7 @@ function filtrarDados({ filterData, startData, filtersFuncData = {}, localTableN
                     case 'data inicio':
                         currentData.forEach((cd) => {
                             var _a;
-                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
                             if (dates.length <= 0)
                                 return;
                             var inicioDate = dates[0];
@@ -221,9 +221,10 @@ function filtrarDados({ filterData, startData, filtersFuncData = {}, localTableN
                     case 'data fim':
                         currentData.forEach((cd) => {
                             var _a;
-                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
                             if (dates.length <= 0)
                                 return;
+                            console.log(dates);
                             var fimDate = dates[dates.length - 1];
                             var fimValue = (0, dayjs_1.default)(fimDate, 'DD/MM/YYYY');
                             if (fimValue.isSame((0, dayjs_1.default)(dt.value, 'DD/MM/YYYY'))) {
@@ -234,7 +235,7 @@ function filtrarDados({ filterData, startData, filtersFuncData = {}, localTableN
                     case 'tem a data':
                         currentData.forEach((cd) => {
                             var _a;
-                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
                             if (dates.includes(dt.value)) {
                                 filteredData.push(cd);
                             }
@@ -245,7 +246,7 @@ function filtrarDados({ filterData, startData, filtersFuncData = {}, localTableN
                         const dateB = dt.value2 ? (0, dayjs_1.default)(dt.value2, 'DD/MM/YYYY') : (0, dayjs_1.default)('31/12/2030', 'DD/MM/YYYY');
                         currentData.forEach((cd) => {
                             var _a;
-                            const dates = (_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : [];
+                            const dates = ((_a = filtersFuncData[dt.customFunc]((0, lodash_get_1.default)(cd, dt.keyName, ''))) !== null && _a !== void 0 ? _a : []).filter(d => d !== undefined && d !== '');
                             let isBetween = false;
                             dates.forEach((dtStr) => {
                                 if (isBetween)
@@ -300,22 +301,31 @@ function downloadCSVFile(list, config, filters) {
     return __awaiter(this, void 0, void 0, function* () {
         if (list.length <= 0)
             return;
-        // definindo os campos especificados do csv
-        const newData = list.map(x => {
-            const obj = {};
-            config.map.forEach(m => {
-                // opção de usar o valor do filtro no próprio campo
-                if (m.useFilterValue && !config.downloadAll) {
-                    const filterValueList = filters.filter(f => f.label == m.useFilterValue.label && m.useFilterValue.operators.includes(f.operator));
-                    const filterValue = filterValueList.length > 0 ? (filterValueList.reduce(r => r.value).value || undefined) : undefined;
-                    obj[m.name] = filterValue || (0, lodash_get_1.default)(x, m.key);
-                    return;
-                }
-                obj[m.name] = (0, lodash_get_1.default)(x, m.key);
+        let data = [];
+        if (config.downloadAll && config.customAll)
+            data = config.customAll(list, filters);
+        else if (!config.downloadAll && config.customFiltered)
+            data = config.customFiltered(list, filters);
+        else {
+            // definindo os campos especificados do csv
+            list.forEach(x => {
+                const obj = {};
+                config.map.forEach(m => {
+                    // opção de usar o valor do filtro no próprio campo
+                    if (m.useFilterValue && !config.downloadAll && !m.onlyAll) {
+                        const filterValueList = filters.filter(f => f.label == m.useFilterValue.label && m.useFilterValue.operators.includes(f.operator));
+                        const filterValue = filterValueList.length > 0 ? (filterValueList.reduce(r => r.value).value || undefined) : undefined;
+                        obj[m.name] = filterValue || (0, lodash_get_1.default)(x, m.key);
+                        return;
+                    }
+                    if (m.onlyFilter)
+                        return;
+                    obj[m.name] = (0, lodash_get_1.default)(x, m.key);
+                });
+                data.push(obj);
             });
-            return obj;
-        });
-        const worksheet = XLSX.utils.json_to_sheet(newData);
+        }
+        const worksheet = XLSX.utils.json_to_sheet(data);
         const workbook = XLSX.utils.book_new();
         XLSX.utils.book_append_sheet(workbook, worksheet, config.fileName);
         XLSX.writeFile(workbook, `${config.fileName}.xlsx`);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.284",
+    "version": "0.0.286",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",
@@ -37,15 +37,9 @@
         "type": "git",
         "url": "git+https://github.com/SSPDF/ssp-components.git"
     },
-    "keywords": [
-        "front",
-        "react",
-        "components",
-        "ssp",
-        "df"
-    ],
+    "keywords": ["front", "react", "components", "ssp", "df"],
     "bugs": {
         "url": "https://github.com/SSPDF/ssp-components/issues"
     },
     "homepage": "https://github.com/SSPDF/ssp-components#readme"
-}
+}