FT-EDI-HUB-SEARCHComeçando
Filtro busca typeahead nos listings
Toda view com toggle cards/lista (admin, EDI Hub, detalhe de empresa, reports) tem campo de busca typeahead que filtra em tempo real.
Atualizado em 5/25/2026
Filtro busca typeahead nos listings
Toda página que mostra um listing com toggle cards/lista ganhou campo de busca no topo, que filtra os itens visíveis em tempo real conforme você digita.
Onde funciona
| Página | O que filtra |
|---|---|
/admin | Tenants (nome, ID, plano) |
/edi-hub | Empresas (nome) e integrações (canal, formato, parceiro) |
/edi-hub/empresa/[id] | Integrações da empresa |
/reports | Tenants com relatórios disponíveis |
Como funciona
- Filtro client-side — sem chamada de rede, instantâneo
- Match case-insensitive em qualquer campo textual do card/linha
- Modo cards e modo lista ambos respeitam o filtro
- Preservação de estado vazio — se nada bate, mostra mensagem dedicada (ex: "Nenhuma integração encontrada com essa busca")
- Limpar busca com
Escou clicando no X
Diferença vs filtros estruturados
Os filtros de canal/formato/status (chips clicáveis) continuam funcionando em paralelo. A busca de texto é adicional, combina por AND:
chip "EDIFACT" + busca "carrefour" = só integrações EDIFACT cujo nome de parceiro contém "carrefour".
Atalhos
- Esc — limpa o campo de busca e devolve foco à lista
- / — em breve abrirá foco direto no campo (roadmap)
Para internacionalização
Placeholder e mensagem de vazio estão localizados em 3 idiomas (pt-BR, en, es) nos namespaces
common.searchPlaceholder e common.searchEmpty.