@ssplib/react-components 0.0.281 → 0.0.283

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, csv, 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, fetchFunc, emptyMsg, dataPath, tableName, csvConfig, 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

@@ -56,7 +56,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
 }, dataPath = '', tableName = 'Dado', csvConfig = {
     fileName: tableName,
     map: []
-}, csv, 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, }) {
+}, 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);
@@ -465,7 +465,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
                 }, spacing: {
                     xs: 2,
                     md: 0,
-                }, justifyContent: 'space-between', alignItems: 'center' }, csv && (react_1.default.createElement(material_1.Stack, { direction: {
+                }, justifyContent: 'space-between', alignItems: 'center' }, csvConfig.map.length > 0 && (react_1.default.createElement(material_1.Stack, { direction: {
                     xs: 'column',
                     md: 'row',
                 }, justifyContent: 'flex-end', spacing: 1 },

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

@@ -79,10 +79,6 @@ export interface TableProps {
     expandTextMaxLength?: number;
     /** Ações por linha */
     action: (prop: any) => JSX.Element;
-    /** Configuração para exportação CSV */
-    csv?: {
-        fileName: string;
-    };
     /** Quantidade de itens por página */
     itemCount?: number;
     /** Número de colunas da tabela */

package/components/form/table/utils.js

@@ -304,8 +304,10 @@ function downloadCSVFile(list, config, filters) {
         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) {
-                    const filterValue = filters.filter(f => f.label == m.useFilterValue.label && m.useFilterValue.operators.includes(f.operator)).reduce(r => r.value).value || undefined;
+                    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;
                 }
@@ -315,7 +317,7 @@ function downloadCSVFile(list, config, filters) {
         });
         const worksheet = XLSX.utils.json_to_sheet(newData);
         const workbook = XLSX.utils.book_new();
-        XLSX.utils.book_append_sheet(workbook, worksheet, 'Teste');
+        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.281",
+    "version": "0.0.283",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",