From 2e2cfa9ab0425ee04491c9bd96e4c2410fdae452 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alessandro=20Gon=C3=A7aalves?= <suporte.appeduca@gmail.com>
Date: Fri, 31 Oct 2025 09:56:24 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20inclus=C3=A3o=20do=20input=20de=20busca?=
 =?UTF-8?q?=20do=20filtro?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/DRE/teste.tsx | 36 ++++++++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/app/DRE/teste.tsx b/src/app/DRE/teste.tsx
index 88dc0bd..9e72067 100644
--- a/src/app/DRE/teste.tsx
+++ b/src/app/DRE/teste.tsx
@@ -209,6 +209,10 @@ export default function Teste() {
   const [opcoesSubgrupos, setOpcoesSubgrupos] = useState<string[]>([]);
   const [opcoesCentrosCusto, setOpcoesCentrosCusto] = useState<string[]>([]);
   const [opcoesContas, setOpcoesContas] = useState<string[]>([]);
+  
+  // Estados para filtros de busca nos campos de seleção
+  const [filtroCentroCusto, setFiltroCentroCusto] = useState<string>("");
+  const [filtroConta, setFiltroConta] = useState<string>("");
 
   // Estados para analítico
   const [analiticoFiltros, setAnaliticoFiltros] = useState({
@@ -1968,8 +1972,22 @@ export default function Teste() {
               </Button>
             </div>
           </div>
+                  {/* Input de filtro para Centro de Custo */}
+                  <Input
+                    placeholder="Filtrar centros de custo..."
+                    value={filtroCentroCusto}
+                    onChange={(e) => setFiltroCentroCusto(e.target.value)}
+                    className="h-8 text-sm"
+                  />
                   <div className="max-h-32 overflow-y-auto border rounded-md p-1 space-y-1">
-                    {opcoesCentrosCusto.map(centro => (
+                    {opcoesCentrosCusto
+                      .filter(centro => {
+                        if (!filtroCentroCusto) return true;
+                        const termo = filtroCentroCusto.toLowerCase();
+                        const nomeCompleto = `${centro}${codigosCentrosCusto[centro] ? ` - ${codigosCentrosCusto[centro]}` : ''}`;
+                        return nomeCompleto.toLowerCase().includes(termo);
+                      })
+                      .map(centro => (
                       <div key={centro} className="flex items-center space-x-1">
                         <Checkbox
                           id={`centro-${centro}`}
@@ -2017,8 +2035,22 @@ export default function Teste() {
               </Button>
               </div>
           </div>
+                  {/* Input de filtro para Conta */}
+                  <Input
+                    placeholder="Filtrar contas..."
+                    value={filtroConta}
+                    onChange={(e) => setFiltroConta(e.target.value)}
+                    className="h-8 text-sm"
+                  />
                   <div className="max-h-32 overflow-y-auto border rounded-md p-1 space-y-1">
-                    {opcoesContas.map(conta => (
+                    {opcoesContas
+                      .filter(conta => {
+                        if (!filtroConta) return true;
+                        const termo = filtroConta.toLowerCase();
+                        const nomeCompleto = `${conta}${codigosContas[conta] ? ` - ${codigosContas[conta]}` : ''}`;
+                        return nomeCompleto.toLowerCase().includes(termo);
+                      })
+                      .map(conta => (
                       <div key={conta} className="flex items-center space-x-1">
                         <Checkbox
                           id={`conta-${conta}`}