UI for managing filters

[kuldar]

Why

While reducing focus from the actual GraphQL query, we still need to make it possible for users to filter down the table into a list of results they're interested in.

Changes

• New Filter button at the top of the databrowser to expand/collaps the filters section
• Clicking on "Add another filter" would create a new row with a dropdown that let's you choose a field to filter
• After selecting a field, the filters would appear as a second dropdown, based on the type of the field that was selected
  • The available filters should reflect (in a simplified format) the available filters in Prisma's API.
• When adding/changing the filters, the results table would change into a "outdated" mode, with all of the rows grayed out, and the Run button more prominently highlighted
• To refrain from too much conditional complexity, the user can currently only select to filter against all or any of the listed filters.

Questions

• Should the filters be automatically added to the GraphQL query?
• How far can we get with just all/any filter-matching? An alternative would be to support grouped/nested conditionals e.g. if (X and Y) or (X and Z)
• With the current UI, users would still have to go into code to change the Type they're querying.
  • Should we make this changeable through the table header as well?
  • Or should we rather follow the mental model of "querying a new type" == new tab?

[FluorescentHallucinogen]

What about using something similar to OneGraph Explorer (or the Explorer itself) for that? :wink:

I worry about the flexibility of this solution.

It seems Explorer allows to construct as complex queries as possible (including filter combinators OR, AND and NOT) only with mouse clicks. Please correct me if I'm wrong.

Rationale on the OneGraph blog:

• https://www.onegraph.com/blog/2019/01/24/How_OneGraph_onboards_users_new_to_GraphQL.html

Integration to GraphQL Playground:

• https://github.com/prisma/graphql-playground/issues/936
• https://github.com/prisma/graphql-playground/pull/943

[FluorescentHallucinogen]

Here's my vision (a slightly modified version of Explorer tab from Playground v2 concept):