@ssplib/react-components 0.0.144 → 0.0.146

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

@@ -5,7 +5,7 @@ interface ColumnData {
     size?: number;
 }
 type FilterTypes = 'a-z' | 'z-a' | 'items' | 'date-interval' | 'data-a-z' | 'data-z-a';
-export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, isPublic, statusKeyName, csvExcludeKeys, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvNoZipText, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, csvWithoutZip, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, filters, hideTitleCSV, filterSeparator, filterStorageName, }: {
+export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, isPublic, statusKeyName, csvExcludeKeys, csvExcludeKeysCSV, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvNoZipText, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, csvWithoutZip, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, filters, hideTitleCSV, csvExcludeUpper, filterSeparator, filterStorageName, }: {
     normalize?: boolean;
     csvUpper?: boolean;
     filterStorageName?: string;
@@ -13,6 +13,7 @@ export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableNam
     columns: ColumnData[];
     tableName: string;
     csvShowAllButton?: boolean;
+    csvExcludeUpper?: string[];
     csvWithoutZip?: boolean;
     csvAllButtonTitle?: string;
     csvButtonTitle?: string;
@@ -23,6 +24,7 @@ export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableNam
     csvCustomKeyNames?: {
         [key: string]: string;
     };
+    csvExcludeKeysCSV?: string[];
     csvExcludeKeys?: string[];
     hideTitleCSV?: boolean;
     csvExcludeKeysAll?: string[];

package/components/form/table/Table.js

@@ -46,7 +46,7 @@ let startData = [];
 function Table({ columns, fetchFunc, emptyMsg = {
     user: 'Nenhum dado encontrado',
     public: 'Nenhum dado encontrado',
-}, dataPath = '', tableName = 'Dados', csv, columnSize, action, isPublic = false, statusKeyName = '', csvExcludeKeys = [], csvExcludeKeysAll = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvNoZipText = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, csvWithoutZip = false, itemCount = 10, csvUpper = false, csvZipFileNamesKey = '', generateCsvZip = false, filters = {}, hideTitleCSV = false, filterSeparator = '|', filterStorageName = 'tableFilters', }) {
+}, dataPath = '', tableName = 'Dados', csv, columnSize, action, isPublic = false, statusKeyName = '', csvExcludeKeys = [], csvExcludeKeysCSV = [], csvExcludeKeysAll = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvNoZipText = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, csvWithoutZip = false, itemCount = 10, csvUpper = false, csvZipFileNamesKey = '', generateCsvZip = false, filters = {}, hideTitleCSV = false, csvExcludeUpper = [], filterSeparator = '|', filterStorageName = 'tableFilters', }) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(null);
     const [data, setData] = (0, react_1.useState)(null);
@@ -210,9 +210,9 @@ function Table({ columns, fetchFunc, emptyMsg = {
         if (list.length <= 0)
             return;
         const originalKeys = Object.keys(list[0]);
-        const keys = originalKeys.filter((k) => !csvExcludeKeys.includes(k));
-        const header = keys.map((k) => (csvCustomKeyNames[k] ? csvCustomKeyNames[k] : k)).join(',') + '\n';
         if (generateCsvZip && zip) {
+            const keys = originalKeys.filter((k) => !csvExcludeKeys.includes(k));
+            const header = keys.map((k) => (csvCustomKeyNames[k] ? csvCustomKeyNames[k] : k)).join(',') + '\n';
             const zip = new jszip_1.default();
             const obj = {};
             list.forEach((x) => {
@@ -261,6 +261,8 @@ function Table({ columns, fetchFunc, emptyMsg = {
             });
         }
         else {
+            const keys = originalKeys.filter((k) => !csvExcludeKeysCSV.includes(k));
+            const header = keys.map((k) => (csvCustomKeyNames[k] ? csvCustomKeyNames[k] : k)).join(',') + '\n';
             const values = [];
             list.forEach((x) => {
                 let include = true;
@@ -278,7 +280,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                         if (k === 'rlEventoData')
                             return `${x[k][0]['DT_INICIO']} - ${x[k][0]['HR_INICIO']}`;
                         if (typeof x[k] === 'string') {
-                            let item = csvUpper ? x[k].toUpperCase() : x[k];
+                            let item = csvUpper && !csvExcludeUpper.includes(k) ? x[k].toUpperCase() : x[k];
                             item = normalize ? item.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : item;
                             return removeQuotes ? `${item}` : `"${item}"`;
                         }
@@ -653,7 +655,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                         xs: 'column',
                         md: 'row',
                     }, justifyContent: 'flex-end', spacing: 1 },
-                    csvWithoutZip && (react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: downloadCSV, sx: { backgroundColor: '#5a88b0', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvButtonTitle)),
+                    csvWithoutZip && (react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: downloadCSV, sx: { backgroundColor: '#5a88b0', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvNoZipText)),
                     csvShowAllButton && (react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: downloadCSVAll, sx: { backgroundColor: '#64748B', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvAllButtonTitle)),
                     react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => downloadCSV(e, true), sx: { backgroundColor: '#22C55E', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, csvButtonTitle)))))),
         react_1.default.createElement(material_1.SwipeableDrawer, { anchor: isSmall ? 'bottom' : 'right', open: filterOpen, onClose: (e) => setFilterOpen(false), onOpen: (e) => setFilterOpen(true) },

package/package.json

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