@ssplib/react-components 0.0.125 → 0.0.127

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

@@ -5,7 +5,10 @@ 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, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvAllButtonTitle, csvShowAllButton, itemCount, filters, filterSeparator, }: {
+export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, isPublic, statusKeyName, csvExcludeKeys, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, itemCount, csvUpper, filters, filterSeparator, }: {
+    normalize?: boolean;
+    csvUpper?: boolean;
+    removeQuotes?: boolean;
     columns: ColumnData[];
     tableName: string;
     csvShowAllButton?: boolean;

package/components/form/table/Table.js

@@ -45,7 +45,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 = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', csvShowAllButton = false, itemCount = 10, filters = {}, filterSeparator = '|', }) {
+}, dataPath = '', tableName = 'Dados', csv, columnSize, action, isPublic = false, statusKeyName = '', csvExcludeKeys = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, itemCount = 10, csvUpper = false, filters = {}, filterSeparator = '|', }) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(null);
     const [data, setData] = (0, react_1.useState)(null);
@@ -219,8 +219,11 @@ function Table({ columns, fetchFunc, emptyMsg = {
                         return x[k]['NO_CIDADE'];
                     if (k === 'rlEventoData')
                         return `${x[k][0]['DT_INICIO']} - ${x[k][0]['HR_INICIO']}`;
-                    if (typeof x[k] === 'string')
-                        return `"${x[k]}"`;
+                    if (typeof x[k] === 'string') {
+                        let item = csvUpper ? x[k].toUpperCase() : x[k];
+                        item = normalize ? item.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : item;
+                        return removeQuotes ? `${item}` : `"${item}"`;
+                    }
                     return x[k];
                 })
                     .join(',');
@@ -248,8 +251,11 @@ function Table({ columns, fetchFunc, emptyMsg = {
                     return x[k]['NO_CIDADE'];
                 if (k === 'rlEventoData')
                     return `${x[k][0]['DT_INICIO']} - ${x[k][0]['HR_INICIO']}`;
-                if (typeof x[k] === 'string')
-                    return `"${x[k]}"`;
+                if (typeof x[k] === 'string') {
+                    let item = csvUpper ? x[k].toUpperCase() : x[k];
+                    item = normalize ? item.normalize('NFD').replace(/[\u0300-\u036f]/g, '') : item;
+                    return removeQuotes ? `${item}` : `"${item}"`;
+                }
                 return x[k];
             })
                 .join(',');
@@ -276,6 +282,8 @@ function Table({ columns, fetchFunc, emptyMsg = {
                 return (react_1.default.createElement(Typography_1.default, { color: '#22C55E', fontWeight: 600, fontFamily: 'Inter' }, "LICENCIADO"));
             case 'PA':
                 return (react_1.default.createElement(Typography_1.default, { color: '#6366F1', fontWeight: 600, fontFamily: 'Inter' }, "PR\u00C9 APROVADO"));
+            case 'FP':
+                return (react_1.default.createElement(Typography_1.default, { color: '#991b1b', fontWeight: 600, fontFamily: 'Inter' }, "FORA DO PRAZO"));
         }
     }, []);
     const toggleDrawer = (open) => (event) => {
@@ -484,7 +492,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                 react_1.default.createElement(TextField_1.default, { InputProps: {
                         startAdornment: react_1.default.createElement(Search_1.default, { sx: { marginRight: 1, fill: '#c0c0c0' } }),
                     }, size: 'small', onChange: onInputChange, fullWidth: true, placeholder: `Pesquisar ${tableName}` }),
-                react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FilterAlt, null), variant: 'contained', onClick: (e) => setFilterOpen(true) }, "Filtrar")),
+                Object.keys(filters).length > 0 && (react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FilterAlt, null), variant: 'contained', onClick: (e) => setFilterOpen(true) }, "Filtrar"))),
             react_1.default.createElement(material_1.Stack, { spacing: 0.2 },
                 getMaxItems().length <= 0 ? (react_1.default.createElement(material_1.Stack, { sx: { backgroundColor: '#E2E8F0', padding: 2, marginX: { xs: 2, md: 0 } }, justifyContent: 'center', alignItems: 'center' },
                     react_1.default.createElement(Typography_1.default, { fontSize: 21, fontFamily: 'Inter', fontWeight: 600, textAlign: 'center' }, user ? emptyMsg.user : emptyMsg.public))) : (getMaxItems().map((x, index) => (react_1.default.createElement(material_1.Paper, { key: index, sx: { padding: 0.5, backgroundColor: index % 2 === 0 ? '#E2E8F0' : '#F8FAFC', paddingY: 2 }, elevation: 0 },

package/package.json

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