fix: inclusão do input de busca do filtro

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}`}