@ssplib/react-components 0.0.141 → 0.0.143

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

@@ -5,9 +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, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, filters, hideTitleCSV, filterSeparator, }: {
+export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, isPublic, statusKeyName, csvExcludeKeys, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, filters, hideTitleCSV, filterSeparator, filterStorageName, }: {
     normalize?: boolean;
     csvUpper?: boolean;
+    filterStorageName?: string;
     removeQuotes?: boolean;
     columns: ColumnData[];
     tableName: 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', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, itemCount = 10, csvUpper = false, csvZipFileNamesKey = '', generateCsvZip = false, filters = {}, hideTitleCSV = false, filterSeparator = '|', }) {
+}, dataPath = '', tableName = 'Dados', csv, columnSize, action, isPublic = false, statusKeyName = '', csvExcludeKeys = [], csvExcludeKeysAll = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, itemCount = 10, csvUpper = false, csvZipFileNamesKey = '', generateCsvZip = false, filters = {}, hideTitleCSV = false, 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);
@@ -83,7 +83,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                     else {
                         setData(j);
                         startData = JSON.parse(JSON.stringify(j));
-                        const oldFilters = localStorage.getItem('tableFilters');
+                        const oldFilters = localStorage.getItem(filterStorageName);
                         if (oldFilters) {
                             const filters = JSON.parse(oldFilters);
                             setAppliedFilters(filters);
@@ -350,7 +350,28 @@ function Table({ columns, fetchFunc, emptyMsg = {
     }, [appliedFilters]);
     const filterBasedOnList = (filteredList) => {
         let rawList = JSON.parse(JSON.stringify(Array.isArray(startData) ? startData : (0, lodash_get_1.default)(startData, dataPath)));
-        if (filteredList.length === 0) {
+        if (filteredList.length <= 0 || rawList.length <= 0) {
+            setList(rawList);
+            setPagCount(getCount(rawList));
+            setCurrentPage(0);
+            setListPage(1);
+            return;
+        }
+        let canContinue = true;
+        // verificando todas as chaves existem, se a chave não existir, não pode continuar e nao faz nada
+        filteredList
+            .map((x) => x.keyName)
+            .forEach((x) => {
+            if (!canContinue)
+                return;
+            if (!Object.keys(rawList[0]).includes(x)) {
+                canContinue = false;
+                return;
+            }
+        });
+        if (!canContinue) {
+            setAppliedFilters([]);
+            localStorage.setItem(filterStorageName, JSON.stringify([]));
             setList(rawList);
             setPagCount(getCount(rawList));
             setCurrentPage(0);
@@ -521,7 +542,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                 return 0;
             });
         }
-        appliedFilters.map((x) => {
+        appliedFilters.forEach((x) => {
             if (!x.isDate)
                 category(x.type, x.keyName, x.uniqueName, x.customValue, x.referencekey);
             else
@@ -544,7 +565,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                     referencekey,
                 },
             ];
-            localStorage.setItem('tableFilters', JSON.stringify(value));
+            localStorage.setItem(filterStorageName, JSON.stringify(value));
             return value;
         });
     };
@@ -552,7 +573,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
         const value = JSON.parse(JSON.stringify(Array.isArray(startData) ? startData : (0, lodash_get_1.default)(startData, dataPath)));
         setList(value);
         setAppliedFilters([]);
-        localStorage.setItem('tableFilters', JSON.stringify([]));
+        localStorage.setItem(filterStorageName, JSON.stringify([]));
     };
     const removeFilter = (uniqueName) => {
         if (uniqueName === 'isDate')
@@ -560,7 +581,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
         else
             setAppliedFilters((s) => {
                 const value = s.filter((x) => x.uniqueName !== uniqueName);
-                localStorage.setItem('tableFilters', JSON.stringify(value));
+                localStorage.setItem(filterStorageName, JSON.stringify(value));
                 return value;
             });
     };
@@ -576,7 +597,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
                     id: from + keyName,
                 },
             ];
-            localStorage.setItem('tableFilters', JSON.stringify(value));
+            localStorage.setItem(filterStorageName, JSON.stringify(value));
             return value;
         });
     };

package/package.json

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