From 2aa410a96f96d14ce80d4d1b3f13e20d9c917b98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alessandro=20Gon=C3=A7aalves?= <suporte.appeduca@gmail.com>
Date: Thu, 23 Oct 2025 11:52:37 -0300
Subject: [PATCH] fix: multi-filtro corrigido

---
 src/app/DRE/analitico.tsx | 83 ++++++++++++++++++++++++++++++++++-----
 1 file changed, 74 insertions(+), 9 deletions(-)

diff --git a/src/app/DRE/analitico.tsx b/src/app/DRE/analitico.tsx
index e4d46ae..525a251 100644
--- a/src/app/DRE/analitico.tsx
+++ b/src/app/DRE/analitico.tsx
@@ -624,31 +624,51 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
 
   // Filtrar dados baseado nos filtros de coluna
   const filteredData = React.useMemo(() => {
-    if (!data || data.length === 0) return data;
+    console.log('🔍 Debug filteredData - data:', data?.length, 'columnFilters:', columnFilters);
+    
+    if (!data || data.length === 0) {
+      console.log('⚠️ No data available');
+      return data;
+    }
 
-    return data.filter((row) => {
+    const filtered = data.filter((row) => {
       return Object.entries(columnFilters).every(([field, filterValues]) => {
         if (!filterValues || filterValues.length === 0) return true;
         
         const cellValue = (row as any)[field];
         const stringValue = cellValue === null || cellValue === undefined ? "" : String(cellValue);
         
-        return filterValues.includes(stringValue);
+        const matches = filterValues.includes(stringValue);
+        if (!matches) {
+          console.log(`❌ Filter mismatch - Field: ${field}, CellValue: ${cellValue}, StringValue: ${stringValue}, FilterValues:`, filterValues);
+        }
+        return matches;
       });
     }).map((row, index) => ({
       ...row,
       id: `filtered-${row.id || row.recnum || index}` // Garantir ID único e estável
     }));
+    
+    console.log('✅ Filtered result:', filtered.length, 'out of', data.length);
+    return filtered;
   }, [data, columnFilters]);
 
   // Ordenar dados baseado na ordenação de coluna
   const sortedAndFilteredData = React.useMemo(() => {
-    if (!filteredData || filteredData.length === 0) return filteredData;
+    console.log('🔍 Debug sortedAndFilteredData - filteredData:', filteredData?.length, 'columnSorts:', columnSorts);
+    
+    if (!filteredData || filteredData.length === 0) {
+      console.log('⚠️ No filtered data available');
+      return filteredData;
+    }
 
     const sortField = Object.keys(columnSorts).find(field => columnSorts[field] !== null);
-    if (!sortField || !columnSorts[sortField]) return filteredData;
+    if (!sortField || !columnSorts[sortField]) {
+      console.log('✅ No sorting applied, returning filtered data as is');
+      return filteredData;
+    }
 
-    return [...filteredData].sort((a, b) => {
+    const sorted = [...filteredData].sort((a, b) => {
       const aValue = (a as any)[sortField];
       const bValue = (b as any)[sortField];
       
@@ -662,8 +682,29 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
         return bString.localeCompare(aString);
       }
     });
+    
+    console.log('✅ Sorted result:', sorted.length);
+    return sorted;
   }, [filteredData, columnSorts]);
 
+  // Debug useEffect para investigar estado inicial
+  React.useEffect(() => {
+    console.log('🔍 Debug Estado Inicial:');
+    console.log('📊 data:', data?.length);
+    console.log('🔍 columnFilters:', columnFilters);
+    console.log('📈 columnSorts:', columnSorts);
+    console.log('🌐 globalFilter:', globalFilter);
+    console.log('🔗 filtrosExternos:', filtrosExternos);
+  }, [data, columnFilters, columnSorts, globalFilter, filtrosExternos]);
+
+  // Debug useEffect para DataGrid
+  React.useEffect(() => {
+    console.log('🔍 Debug DataGrid - sortedAndFilteredData:', sortedAndFilteredData?.length, 'loading:', loading);
+    if (sortedAndFilteredData && sortedAndFilteredData.length > 0) {
+      console.log('📊 First row sample:', sortedAndFilteredData[0]);
+    }
+  }, [sortedAndFilteredData, loading]);
+
   // Calcular valor total dos dados filtrados
   const valorTotal = React.useMemo(() => {
     return sortedAndFilteredData.reduce((sum, item) => sum + (Number(item.valor) || 0), 0);
@@ -804,7 +845,27 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
               </Button>
             )}
         {data.length > 0 && (
-          <div className="flex items-center gap-2">
+            <div className="flex items-center gap-2">
+              <Button
+                onClick={() => {
+                  console.log('🧪 Teste - Forçando dados para aparecer');
+                  console.log('📊 data atual:', data.length);
+                  console.log('🔍 columnFilters atual:', columnFilters);
+                  console.log('📈 sortedAndFilteredData atual:', sortedAndFilteredData.length);
+                  
+                  // Limpar todos os filtros
+                  setColumnFilters({});
+                  setColumnSorts({});
+                  setGlobalFilter("");
+                  
+                  console.log('✅ Filtros limpos');
+                }}
+                variant="outline"
+                size="sm"
+                className="bg-yellow-100 border-yellow-300 text-yellow-800 hover:bg-yellow-200"
+              >
+                🧪 Teste Debug
+              </Button>
               <Button
               onClick={clearAllFilters}
               variant="outline"
@@ -818,7 +879,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                   {getFilterCount()}
                 </span>
               )}
-              </Button>
+            </Button>
               <Button
             onClick={exportToExcel}
             variant="outline"
@@ -875,7 +936,11 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                   },
                 },
               }}
-              getRowId={(row: any) => row.id || `row-${row.recnum || Math.random()}`}
+              getRowId={(row: any) => {
+                const id = row.id || row.recnum || `row-${Math.random()}`;
+                console.log('🔍 getRowId called for row:', { id, recnum: row.recnum, nome_fornecedor: row.nome_fornecedor });
+                return id;
+              }}
               sx={{
                 "& .MuiDataGrid-columnHeaders": {
                   position: "sticky",