karsten-design-system 1.2.82 → 1.2.83

package/dist/index.js

@@ -4668,32 +4668,6 @@ function parseDateRange(value) {
         return [null, null];
     }
 }
-const useLocalStorage = (storageKey, key, defaultValue = {}) => {
-    const getStoredValue = () => {
-        if (!storageKey)
-            return defaultValue;
-        try {
-            const stored = localStorage.getItem(`${storageKey}_${key}`);
-            return stored ? JSON.parse(stored) : defaultValue;
-        }
-        catch {
-            return defaultValue;
-        }
-    };
-    const [storedValue, setStoredValue] = useState(getStoredValue);
-    const setValue = (value) => {
-        try {
-            setStoredValue(value);
-            if (storageKey) {
-                localStorage.setItem(`${storageKey}_${key}`, JSON.stringify(value));
-            }
-        }
-        catch (error) {
-            console.error(`Erro ao salvar ${key} no localStorage:`, error);
-        }
-    };
-    return [storedValue, setValue];
-};
 const getFromLocalStorage = (localStorageKey, key) => {
     try {
         const stored = localStorage.getItem(`${localStorageKey}_${key}`);
@@ -4709,8 +4683,15 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
     const [currentPage, setCurrentPage] = useState(1);
     const [filters, setFilters] = useState(() => {
         if (isPermanentFilterEnabled && localStorageKey) {
+            const storedFilters = getFromLocalStorage(localStorageKey, 'permanentFilters');
             const storedValues = getFromLocalStorage(localStorageKey, 'permanentFilterValues');
-            return storedValues || {};
+            const initialFilters = {};
+            Object.keys(storedFilters).forEach((dataIndex) => {
+                if (storedFilters[dataIndex] && storedValues[dataIndex]) {
+                    initialFilters[dataIndex] = storedValues[dataIndex];
+                }
+            });
+            return initialFilters;
         }
         return {};
     });
@@ -4753,7 +4734,7 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
                 buttonApplyFilterMessage: 'Aplicar',
                 noResultsMessage: 'Não há dados disponíveis',
                 selectColumnsMessage: 'Selecionar colunas',
-                permanentFilterMessage: 'Manter filtro ativo nas requisições',
+                permanentFilterMessage: 'Manter filtro sempre ativo',
             },
             en: {
                 filterByMessage: 'Filter by',
@@ -4767,7 +4748,7 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
                 buttonApplyFilterMessage: 'Apply',
                 noResultsMessage: 'No data available',
                 selectColumnsMessage: 'Select columns',
-                permanentFilterMessage: 'Keep filter active in requests',
+                permanentFilterMessage: 'Keep filter always active',
             },
             es: {
                 filterByMessage: 'Filtrar por',
@@ -4781,7 +4762,7 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
                 buttonApplyFilterMessage: 'Aplicar',
                 noResultsMessage: 'No hay datos disponibles',
                 selectColumnsMessage: 'Seleccionar columnas',
-                permanentFilterMessage: 'Mantener filtro activo en las solicitudes',
+                permanentFilterMessage: 'Mantener filtro siempre activo',
             },
         };
         return messages[systemLanguage || 'pt'];
@@ -4814,20 +4795,24 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
     useEffect(() => {
         setSortedData(data);
     }, [data]);
-    const [, setStoredFilters] = useLocalStorage(isPermanentFilterEnabled ? localStorageKey : undefined, 'permanentFilterValues', {});
-    const [, setStoredPermanentFilters] = useLocalStorage(isPermanentFilterEnabled ? localStorageKey : undefined, 'permanentFilters', {});
     useEffect(() => {
         if (isPermanentFilterEnabled && localStorageKey) {
-            setStoredFilters(filters);
-        }
-    }, [filters, setStoredFilters, isPermanentFilterEnabled, localStorageKey]);
-    useEffect(() => {
-        if (isPermanentFilterEnabled && localStorageKey) {
-            setStoredPermanentFilters(localPermanentFilters);
+            const permanentFiltersOnly = {};
+            Object.keys(filters).forEach((dataIndex) => {
+                if (localPermanentFilters[dataIndex] && filters[dataIndex]) {
+                    permanentFiltersOnly[dataIndex] = filters[dataIndex];
+                }
+            });
+            try {
+                localStorage.setItem(`${localStorageKey}_permanentFilterValues`, JSON.stringify(permanentFiltersOnly));
+            }
+            catch (error) {
+                console.error('Erro ao salvar filtros permanentes:', error);
+            }
         }
     }, [
+        filters,
         localPermanentFilters,
-        setStoredPermanentFilters,
         isPermanentFilterEnabled,
         localStorageKey,
     ]);
@@ -4839,9 +4824,18 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
             valuesToApply = getFromLocalStorage(localStorageKey, 'permanentFilterValues');
             const updatedFilters = {};
             const updatedStatus = {};
+            const cleanedValues = {};
+            Object.keys(valuesToApply).forEach((dataIndex) => {
+                if (filtersToApply[dataIndex]) {
+                    cleanedValues[dataIndex] = valuesToApply[dataIndex];
+                }
+            });
+            if (Object.keys(cleanedValues).length !== Object.keys(valuesToApply).length) {
+                localStorage.setItem(`${localStorageKey}_permanentFilterValues`, JSON.stringify(cleanedValues));
+            }
             Object.keys(filtersToApply).forEach((dataIndex) => {
-                if (filtersToApply[dataIndex] && valuesToApply[dataIndex]) {
-                    updatedFilters[dataIndex] = valuesToApply[dataIndex];
+                if (filtersToApply[dataIndex] && cleanedValues[dataIndex]) {
+                    updatedFilters[dataIndex] = cleanedValues[dataIndex];
                     updatedStatus[dataIndex] = 'applied';
                 }
             });
@@ -4890,11 +4884,24 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
             ...prev,
             [dataIndex]: filterValue ? 'applied' : 'default',
         }));
-        if (isPermanentFilterEnabled && !filterValue) {
-            setLocalPermanentFilters((prev) => ({
-                ...prev,
-                [dataIndex]: false,
-            }));
+        if (isPermanentFilterEnabled && localStorageKey) {
+            try {
+                localStorage.setItem(`${localStorageKey}_permanentFilters`, JSON.stringify(localPermanentFilters));
+            }
+            catch (error) {
+                console.error('Erro ao salvar filtros permanentes:', error);
+            }
+            if (!filterValue) {
+                setLocalPermanentFilters((prev) => ({
+                    ...prev,
+                    [dataIndex]: false,
+                }));
+            }
+            if (filterValue && !localPermanentFilters[dataIndex]) {
+                const storedValues = getFromLocalStorage(localStorageKey, 'permanentFilterValues');
+                delete storedValues[dataIndex];
+                localStorage.setItem(`${localStorageKey}_permanentFilterValues`, JSON.stringify(storedValues));
+            }
         }
     };
     const handleClearFilter = (column) => {
@@ -4913,6 +4920,19 @@ function Table({ columns, data, totalRecords, actions = [], actionsHeaderClassNa
                 ...prev,
                 [dataIndex]: false,
             }));
+            if (localStorageKey) {
+                try {
+                    const storedFilters = getFromLocalStorage(localStorageKey, 'permanentFilters');
+                    delete storedFilters[dataIndex];
+                    localStorage.setItem(`${localStorageKey}_permanentFilters`, JSON.stringify(storedFilters));
+                    const storedValues = getFromLocalStorage(localStorageKey, 'permanentFilterValues');
+                    delete storedValues[dataIndex];
+                    localStorage.setItem(`${localStorageKey}_permanentFilterValues`, JSON.stringify(storedValues));
+                }
+                catch (error) {
+                    console.error('Erro ao limpar filtros permanentes:', error);
+                }
+            }
         }
         if (onFilterChange) {
             onFilterChange(newFilters);