@ssplib/react-components 0.0.282 → 0.0.284

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);
@@ -302,9 +302,9 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
         localStorage.removeItem(localTableName);
         setFilterKey(new Date().getTime().toString());
     }
-    const handleCSVDownload = (list) => {
+    const handleCSVDownload = (list, all = false) => {
         var _a;
-        (0, utils_1.downloadCSVFile)(list, csvConfig, JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]') || []);
+        (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) => {
         (0, utils_1.filtrarDados)({
@@ -465,14 +465,14 @@ 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 },
                 JSON.parse((_b = localStorage.getItem(localTableName)) !== null && _b !== void 0 ? _b : '[]')
                     .filter((x) => x.value || (x.operator === 'entre' && (x.value || x.value2))).length > 0 &&
                     react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => handleCSVDownload(list), sx: { backgroundColor: '#a5a5a5', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, "Baixar Filtrados"),
-                react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => handleCSVDownload(startData.current), sx: { backgroundColor: '#22C55E', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, "Baixar Tabela")))))),
+                react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(FileDownload_1.default, null), variant: 'contained', size: 'small', onClick: (e) => handleCSVDownload(startData.current, true), sx: { backgroundColor: '#22C55E', marginRight: { xs: 2, md: 0 }, width: { xs: '100%', md: 'fit-content' } } }, "Baixar Tabela")))))),
         react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', paddingY: 1, paddingTop: 2 },
             react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', spacing: 2 },
                 react_1.default.createElement(material_1.Button, { onClick: (e) => setListPage((s) => {

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

@@ -37,6 +37,7 @@ export interface CsvMapProps {
 }
 export interface CsvConfigProp {
     fileName: string;
+    downloadAll?: boolean;
     map: CsvMapProps[];
 }
 /**
@@ -79,10 +80,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

@@ -305,7 +305,7 @@ function downloadCSVFile(list, config, filters) {
             const obj = {};
             config.map.forEach(m => {
                 // opção de usar o valor do filtro no próprio campo
-                if (m.useFilterValue) {
+                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);

package/package.json

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