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([]); const [opcoesCentrosCusto, setOpcoesCentrosCusto] = useState([]); const [opcoesContas, setOpcoesContas] = useState([]); + + // Estados para filtros de busca nos campos de seleção + const [filtroCentroCusto, setFiltroCentroCusto] = useState(""); + const [filtroConta, setFiltroConta] = useState(""); // Estados para analítico const [analiticoFiltros, setAnaliticoFiltros] = useState({ @@ -1968,8 +1972,22 @@ export default function Teste() { + {/* Input de filtro para Centro de Custo */} + setFiltroCentroCusto(e.target.value)} + className="h-8 text-sm" + />
- {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 => (
+ {/* Input de filtro para Conta */} + setFiltroConta(e.target.value)} + className="h-8 text-sm" + />
- {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 => (