@ssplib/react-components 0.0.49 → 0.0.51

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

@@ -3,9 +3,14 @@ interface ColumnData {
     title: string;
     keyName: string;
 }
-export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, isPublic, filters, }: {
+export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, isPublic, filters, statusKeyName, csvExcludeKeys, csvCustomKeyNames, }: {
     columns: ColumnData[];
     tableName: string;
+    csvCustomKeyNames?: {
+        [key: string]: string;
+    };
+    csvExcludeKeys?: string[];
+    statusKeyName?: string;
     action: (prop: any) => JSX.Element;
     csv?: {
         fileName: string;

package/components/form/table/Table.js

@@ -27,7 +27,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Table = void 0;
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const FileDownload_1 = __importDefault(require("@mui/icons-material/FileDownload"));
 const Search_1 = __importDefault(require("@mui/icons-material/Search"));
 const material_1 = require("@mui/material");
@@ -41,7 +40,7 @@ const auth_1 = require("../../../context/auth");
 function Table({ columns, fetchFunc, emptyMsg = {
     user: 'Nenhum dado encontrado',
     public: 'Nenhum dado encontrado',
-}, dataPath = '', tableName, csv, columnSize, action, isPublic = false, filters, }) {
+}, dataPath = '', tableName, csv, columnSize, action, isPublic = false, filters, statusKeyName = '', csvExcludeKeys = [], csvCustomKeyNames = {}, }) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(null);
     const [data, setData] = (0, react_1.useState)(null);
@@ -168,8 +167,8 @@ function Table({ columns, fetchFunc, emptyMsg = {
         e.preventDefault();
         if (list.length <= 0)
             return;
-        const keys = Object.keys(list[0]);
-        const header = keys.join(',') + '\n';
+        const keys = Object.keys(list[0]).filter((k) => !csvExcludeKeys.includes(k));
+        const header = keys.map((k) => (csvCustomKeyNames[k] ? csvCustomKeyNames[k] : k)).join(',') + '\n';
         const values = list
             .map((x) => {
             return keys
@@ -220,8 +219,6 @@ function Table({ columns, fetchFunc, emptyMsg = {
         });
         setList(newList);
         setPagCount(getCount(newList));
-        console.log('minha lista:', listData);
-        console.log('selecionei:', newValue, 'minha chave:', key);
     }, [data]);
     if (error)
         return (react_1.default.createElement(material_1.Box, { bgcolor: '#E2E8F0', padding: 2, marginX: 2 },
@@ -242,16 +239,13 @@ function Table({ columns, fetchFunc, emptyMsg = {
                     }, size: 'small', onChange: onInputChange, fullWidth: true, placeholder: `Pesquisar ${tableName}` }), filters === null || filters === void 0 ? void 0 :
                 filters.map((f) => (react_1.default.createElement(material_1.Autocomplete, { options: f.options.map((name) => name), onChange: (e, newValue) => onFilterSelect(f.key, newValue), renderInput: (args) => react_1.default.createElement(TextField_1.default, Object.assign({}, args, { label: f.name, size: 'small' })) })))),
             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, borderRadius: 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),
-                user && (react_1.default.createElement(material_1.Box, { sx: { '& a': { textDecoration: 'none' }, marginTop: 2 } },
-                    react_1.default.createElement(material_1.Link, { href: '/cadastro' },
-                        react_1.default.createElement(material_1.Button, { variant: 'contained', startIcon: react_1.default.createElement(Add_1.default, null), sx: { backgroundColor: '#64748B' } }, "Cadastrar")))))) : (getMaxItems().map((x, index) => (react_1.default.createElement(material_1.Paper, { key: index, sx: { padding: 0.5, borderRadius: 2, backgroundColor: index % 2 === 0 ? '#E2E8F0' : '#F8FAFC', paddingY: 2 }, elevation: 0 },
+                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, borderRadius: 2, backgroundColor: index % 2 === 0 ? '#E2E8F0' : '#F8FAFC', paddingY: 2 }, elevation: 0 },
                 react_1.default.createElement(Grid_1.default, { container: true, spacing: isSmall ? 2 : 0, paddingX: 2 },
                     columns.map((c) => (react_1.default.createElement(Grid_1.default, { key: c.keyName + index, item: true, xs: 12, md: 12 / columnSize },
                         react_1.default.createElement(material_1.Box, { sx: { width: 'max-content', borderRadius: 1, paddingX: 1 } },
                             react_1.default.createElement(Typography_1.default, { fontSize: 16, fontWeight: 700, color: '#1E293B', fontFamily: 'Inter' }, c.title)),
                         react_1.default.createElement(material_1.Box, { paddingLeft: 1 },
-                            react_1.default.createElement(Typography_1.default, { fontSize: 16, sx: { wordWrap: 'break-word', color: '#1E293B' }, fontFamily: 'Inter' }, c.keyName === 'stEventoExterno' ? getStatusMsg((0, lodash_get_1.default)(x, c.keyName)) : (0, lodash_get_1.default)(x, c.keyName)))))),
+                            react_1.default.createElement(Typography_1.default, { fontSize: 16, sx: { wordWrap: 'break-word', color: '#1E293B' }, fontFamily: 'Inter' }, c.keyName === statusKeyName ? getStatusMsg((0, lodash_get_1.default)(x, c.keyName)) : (0, lodash_get_1.default)(x, c.keyName)))))),
                     react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: 12 / columnSize },
                         react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', justifyContent: isSmall ? 'start' : 'flex-end', sx: { height: '100%', paddingBottom: isSmall ? 2 : 0 } }, action(x))))))))),
             getMaxItems().length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,

package/package.json

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