From f34292953954e15355afe6f01421249ff2e6b83f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alessandro=20Gon=C3=A7aalves?= <suporte.appeduca@gmail.com>
Date: Mon, 20 Oct 2025 17:43:04 -0300
Subject: [PATCH] fix: calculo do dao card totalizador

---
 src/app/DRE/analitico.tsx | 98 +++++++++++++++++++++++----------------
 1 file changed, 57 insertions(+), 41 deletions(-)

diff --git a/src/app/DRE/analitico.tsx b/src/app/DRE/analitico.tsx
index bc8bb10..920d417 100644
--- a/src/app/DRE/analitico.tsx
+++ b/src/app/DRE/analitico.tsx
@@ -284,11 +284,27 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
     setGlobalFilter("");
   };
 
-  const totalValor = data.reduce((sum, item) => {
+  const [totalValor, setTotalValor] = React.useState(0);
+
+  React.useEffect(() => {
+    // Usar dados filtrados da tabela em vez dos dados originais
+    const filteredData = table.getRowModel().rows.map(row => row.original);
+    const newTotal = filteredData.reduce((sum, item) => {
     const valor =
-      typeof item.valor === "string" ? parseFloat(item.valor) : item.valor;
+        typeof item.valor === "string" ? parseFloat(item.valor) : item.valor;
     return sum + (isNaN(valor) ? 0 : valor);
   }, 0);
+    
+    console.log('🔄 Calculando total:', {
+      totalRows: table.getRowModel().rows.length,
+      originalDataLength: data.length,
+      newTotal,
+      columnFilters: columnFilters.length,
+      globalFilter
+    });
+    
+    setTotalValor(newTotal);
+  }, [table, data, columnFilters, globalFilter]);
 
   const exportToExcel = () => {
     if (data.length === 0) return;
@@ -402,17 +418,17 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
               Limpar Filtros
             </Button>
           )}
-          {data.length > 0 && (
-            <Button
-              onClick={exportToExcel}
-              variant="outline"
-              size="sm"
+        {data.length > 0 && (
+          <Button
+            onClick={exportToExcel}
+            variant="outline"
+            size="sm"
               className="flex items-center gap-2 bg-white border-gray-300 hover:bg-green-50 hover:border-green-300 text-gray-700"
-            >
-              <Download className="h-4 w-4" />
-              Exportar XLSX
-            </Button>
-          )}
+          >
+            <Download className="h-4 w-4" />
+            Exportar XLSX
+          </Button>
+        )}
         </div>
       </div>
 
@@ -432,8 +448,8 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
               <div className="col-span-2">Conta</div>
               <div className="col-span-1 text-right">Valor</div>
               <div className="col-span-1">Recnum</div>
-            </div>
           </div>
+        </div>
 
           {/* Table Body */}
           <div
@@ -449,8 +465,8 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                 <div className="text-center">
                   <div className="w-8 h-8 border-2 border-blue-600 border-t-transparent rounded-full animate-spin mx-auto mb-2"></div>
                   <p className="text-gray-500">Carregando dados...</p>
-                </div>
-              </div>
+            </div>
+            </div>
             ) : virtualRows.length === 0 ? (
               <div className="flex items-center justify-center h-64">
                 <div className="text-center">
@@ -468,10 +484,10 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                         d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
                       />
                     </svg>
-                  </div>
+            </div>
                   <p className="text-gray-500">Nenhum dado encontrado</p>
-                </div>
-              </div>
+            </div>
+            </div>
             ) : (
               <div
                 className="relative"
@@ -489,38 +505,38 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                         {new Date(
                           row.original.data_competencia
                         ).toLocaleDateString("pt-BR")}
-                      </div>
+            </div>
                       <div className="col-span-1 text-gray-600">
                         {new Date(
                           row.original.data_vencimento
                         ).toLocaleDateString("pt-BR")}
-                      </div>
+            </div>
                       <div className="col-span-1 text-gray-600">
                         {new Date(row.original.data_caixa).toLocaleDateString(
                           "pt-BR"
                         )}
-                      </div>
+            </div>
                       <div className="col-span-1 font-medium text-gray-900">
                         {row.original.codigo_fornecedor}
-                      </div>
+          </div>
                       <div
                         className="col-span-2 text-gray-700 truncate"
                         title={row.original.nome_fornecedor}
                       >
                         {row.original.nome_fornecedor}
-                      </div>
+        </div>
                       <div className="col-span-1 text-gray-600">
                         {row.original.codigo_centrocusto}
-                      </div>
+            </div>
                       <div className="col-span-1 text-gray-600">
                         {row.original.codigo_conta}
-                      </div>
+            </div>
                       <div
                         className="col-span-2 text-gray-700 truncate"
                         title={row.original.conta}
                       >
                         {row.original.conta}
-                      </div>
+                </div>
                       <div
                         className={`col-span-1 text-right font-semibold ${
                           row.original.valor < 0
@@ -532,16 +548,16 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                           style: "currency",
                           currency: "BRL",
                         }).format(row.original.valor)}
-                      </div>
+                </div>
                       <div className="col-span-1 text-gray-500">
                         {row.original.recnum}
-                      </div>
-                    </div>
+                </div>
+                </div>
                   );
                 })}
-              </div>
+                </div>
             )}
-          </div>
+                </div>
 
           {/* Summary Footer - Integrado */}
           {data.length > 0 && (
@@ -573,12 +589,12 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                     <p className="text-sm text-gray-600">
                       Transações encontradas
                     </p>
-                  </div>
+                </div>
                 </div>
                 <div className="text-right">
                   <h3 className="text-lg font-bold">
-                    <span
-                      className={
+                      <span
+                        className={
                         totalValor < 0 ? "text-red-600" : "text-green-600"
                       }
                     >
@@ -587,14 +603,14 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                         style: "currency",
                         currency: "BRL",
                       }).format(totalValor)}
-                    </span>
+                      </span>
                   </h3>
                   <p className="text-sm text-gray-600">
                     Soma de todos os valores
                   </p>
                 </div>
+                </div>
               </div>
-            </div>
           )}
         </div>
       </div>
@@ -640,7 +656,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                       ))}
                     </SelectContent>
                   </Select>
-                </div>
+            </div>
 
                 <div className="flex-1">
                   <label className="block text-sm font-medium text-gray-700 mb-1">
@@ -668,7 +684,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                       <SelectItem value="notEmpty">não está vazio</SelectItem>
                     </SelectContent>
                   </Select>
-                </div>
+            </div>
 
                 {!(
                   cond.operator === "empty" || cond.operator === "notEmpty"
@@ -687,7 +703,7 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                       placeholder="Digite o valor"
                       className="w-full bg-white border-gray-300"
                     />
-                  </div>
+          </div>
                 )}
 
                 {conditions.length > 1 && (
@@ -703,8 +719,8 @@ export default function AnaliticoComponent({ filtros }: AnaliticoProps) {
                     >
                       ✕
                     </Button>
-                  </div>
-                )}
+        </div>
+      )}
               </div>
             ))}