Visualization Filter Block

[ehynd]

Prereq

Dependent on #725 and #727

Description

A user should be able to add a filter block that is linked to a frame. When the user updates the filter block, all visualization using that frame should also update. This is a block that an end user of the dashboard will be able to use, it will sit on the dashboard/within the app.

Design ticket: #520
Figma: https://www.figma.com/design/Qj4tWPsniFOJ6qSLfxOaBT/Drag-And-Drop---Design?node-id=10339-97938&t=vGHO2CjiAXIibyCw-0

Existing

Filter block exists in legacy system and Sayali has created the design for it in new platform. I would suggest clicking around in the legacy system to see prior functionality - click "Add Panel -> Add Filter" to see it. Ask Elise for a demo if needed

Requirements

What are more specific requirements that needs to take to consider this issue resolved.

• Block in left side panel should be called "Visualization Filter"
• Within Data Tab:
  • Select Display Type: options of Checklist, Dropdown, Multiselect, Silder
  • Select Frame: dropdown of all potential frames
  • Select Column: dropdown of all possible columns within the selected frame
  • Filter type: default or dynamic. A dynamic filter will show only possible values within the current frame, dependent on other filters. The default is to show all values in the original frame.
  • Show panel title: toggle a title block on/off
  • Searchable: toggle for whether or not the user can type ahead in the filter block itself to search for specific values. This should NOT be included if display type is "Slider"
  • Allow multiple selection: only applicable on checklist and dropdown. This option should NOT exist in Multi select (a given) or slider (not possible)
  • Restriction: when toggled on, the user can restrict a filter to other frames or other blocks
• Within tools tab:
  • Resizing
  • Change apply button color
  • Change apply button size

[Paulson-Robert]

Parking this ticket as of now to complete another priority one

[KirthikaKumar-K]

Slider:

Checklist:

Dropdown:

[KirthikaKumar-K]

Hi @ehynd , following our discussion, I’ll be removing the "Restrict Frame" field.
Hi @johbaxter , following our discussion, I’ll be removing the "Filter Type" field.

[KirthikaKumar-K]

Multiselect:

[KirthikaKumar-K]

Restricted Block:

[KirthikaKumar-K]

Hi @ehynd and @johbaxter,
As discussed on the call, the implementation of the Restriction feature has been put on hold. The remaining features have been implemented, and a PR has been raised accordingly.

[KirthikaKumar-K]

Hi @ehynd, The PR for this ticket has been successfully merged. I'm updating the status to Done.