Os componentes de filtro do Looker oferecem a funcionalidade avançada de filtro do Looker para aplicativos de dados personalizados criados com base no Looker.
Componentes do Looker
Os componentes do Looker são partes pré-criadas do aplicativo do Looker baseadas em React. Os desenvolvedores de aplicativos podem usar componentes em aplicativos de dados e extensões criadas com base no Looker.
Os componentes podem ser usados com o framework de extensão do Looker e o SDK de incorporação do Looker.
Componentes de filtro do Looker
Os componentes de filtro oferecem a funcionalidade avançada de filtro do Looker para aplicativos de dados personalizados e painéis incorporados personalizados do Looker. Usando a API Looker (por meio de um SDK ou uma extensão) para buscar JSON em 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 de interface armazenada.
O pacote de componentes de filtro oferece 12 tipos de controles de filtro, semelhantes aos controles disponíveis para os painéis do Looker:
- Grupo de botões
- Caixa de seleção
- Lista de tags
- Controle deslizante de intervalo
- Botão de alternância
- Botão de opção
- Menu suspenso
- Controle deslizante
- Um dia
- Período
- Período
- Avançado
Os componentes de filtro são entregues em dois pacotes que funcionam juntos: @looker/filter-components e @looker/filter-expressions. O pacote @looker/filter-components renderiza um componente de filtro usando um campo, um tipo de filtro e as expressões de filtro atuais, que estão 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 por @looker/filter-components.
Por que usar componentes de filtro?
Os componentes de filtro liberam tempo para os desenvolvedores e permitem que os analistas que trabalham no Looker criem e mantenham experiências de 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 oferecem a lógica avançada de filtro do Looker e uma ampla variedade de controles de filtro para se adequar melhor aos tipos de filtro necessários.
- Desenvolvimento rápido: os componentes de 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 filtro podem ser personalizados de acordo com a aparência e a sensação do aplicativo, da extensão ou do painel incorporado. Os desenvolvedores podem usar componentes de filtro para oferecer mais personalização do que nunca.
- Vinculado a painéis do Looker: um componente de filtro pode ser conectado diretamente a um filtro em um painel do Looker, e uma versão desse filtro será renderizada no aplicativo, na extensão ou na incorporação do Looker que está usando o componente. Qualquer usuário com acesso de edição ao painel do Looker conectado ao componente de filtro pode editar o filtro no painel do Looker, o que atualiza o filtro no aplicativo, na extensão ou na incorporação. Isso libera tempo para os desenvolvedores, porque eles não precisam ser chamados sempre que há um motivo comercial para ajustar um filtro.
- Vinculados ao modelo do Looker: os componentes de filtro sabem das mudanças no modelo do Looker em que foram criados. Isso significa que os campos de filtro e outras opções são dinâmicos e são atualizados junto com as atualizações do modelo.
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.
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 no 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.