Os componentes de filtro do Looker fornecem a funcionalidade de filtro avançado do Looker para aplicativos de dados personalizados criados com base no Looker.
Componentes do Looker
Os componentes do Looker são peças pré-criadas e baseadas no React do aplicativo Looker. Os desenvolvedores de aplicativos podem usar componentes em aplicativos de dados e extensões criados no Looker.
Os componentes podem ser usados com o framework de extensão do Looker e o SDK incorporado do Looker.
Componentes do filtro do Looker
Os componentes de filtro oferecem a funcionalidade de filtro avançado do Looker para aplicativos de dados personalizados e painéis incorporados incorporados do Looker. Ao usar a API Looker (por meio de um SDK ou uma extensão) para buscar o JSON de um determinado painel, os desenvolvedores podem incluir o componente de filtro no aplicativo e transmitir as propriedades de cada filtro no painel. O componente renderiza cada filtro de acordo com o campo e a configuração UI armazenada.
O pacote de componentes de filtro oferece 12 tipos de controle de filtros, semelhantes aos controles disponíveis para os próprios painéis do Looker:
- Grupo de botões
- Caixa de seleção
- Lista de tags
- Controle deslizante de intervalo
- Botão ativar
- Botão de opção
- Menu suspenso
- Controle deslizante
- Um dia
- Período
- Período
- Avançado
Os componentes do filtro são enviados por dois pacotes que funcionam juntos: @looker/filter-components e @looker/filter-expressions. O pacote @looker/filter-components renderiza um componente do filtro usando um campo, um tipo de filtro e expressões de filtro atuais, disponíveis em qualquer filtro do painel. O pacote @looker/filter-expressions transforma expressões de filtro em estruturas de dados que podem ser usadas pelo @looker/filter-components.
Por que usar componentes de filtro?
Os componentes do filtro liberam tempo do desenvolvedor e permitem que os analistas que trabalham no Looker criem e mantenham experiências do usuário robustas e personalizáveis. Os componentes de filtro do Looker oferecem os seguintes benefícios:
- Experiências de filtro de alta qualidade: os componentes de filtro fornecem a lógica de filtragem avançada do Looker e uma ampla variedade de controles de filtros para se adequar melhor aos tipos de filtros que você precisa.
- Desenvolvimento rápido — os componentes do filtro oferecem acesso imediato aos filtros, permitindo que os desenvolvedores se concentrem em outras tarefas e acelerem o desenvolvimento geral.
- Personalização: os controles de filtros podem ter a aparência do seu aplicativo, extensão ou painel incorporado. Os desenvolvedores podem usar componentes de filtro para fornecer mais personalização do que nunca.
- Vinculado a painéis do Looker: um componente do filtro pode ser conectado diretamente a um filtro em um painel do Looker, e uma versão desse filtro é renderizada no aplicativo, na extensão ou na incorporação do Looker que usa o componente. Qualquer usuário com acesso de edição ao painel do Looker conectado ao componente do filtro pode editá-lo no painel, o que atualiza o filtro no aplicativo, na extensão ou na incorporação. Isso libera tempo do desenvolvedor porque ele não é necessário sempre que houver um motivo comercial para ajustar o filtro.
- Vinculados ao modelo do Looker: os componentes do filtro reconhecem mudanças no modelo do Looker em que são criados, o que significa que os campos de filtro e outras opções são dinâmicos e atualizados com o modelo subjacente.
Como instalar e usar componentes de filtro
Faça o download dos pacotes @looker/filter-components e @looker/filter-expressions do repositório NPM @looker/components.
As informações sobre a instalação e o uso dos pacotes de componentes de filtro podem ser encontradas no documento README de cada pacote, disponível no NPM ou GitHub.
Um aplicativo de demonstração de componentes de filtro está disponível no GitHub. As instruções para usar a demonstração aparecem no documento README.