IBX-12476: Added the FilterDropdown component - #145
Open
tischsoic wants to merge 1 commit into
Open
Conversation
A button-triggered multi-select filter: the trigger shows the label with a counter chip (or the single selected value for the dashboard type) and a chevron or a filters icon depending on the type, and opens the dropdown's own ItemsContainer with search, checkbox items and a Clear footer. The panel is reused as-is; ItemsContainer gains optional hasSearch, renderFooter and containerAttributes, and Search an optional magnifier. Styles live under the ids-dropdown block as the --filter modifier so the list rows are literally the multi dropdown's. Co-authored-by: Claude <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Related PRs:
IBX-12475-dropdown-option-groups; only the top commit belongs to this PR.Description:
New
FilterDropdowncomponent from the Agentic Platform designs (Figma): a button trigger ("Filter", "More filters" or icon-only) that opens the dropdown panel with search, checkbox items and a Clear action. The trigger shows a counter chip, or the single selected value for thedashboardtype. Multi-select only.The panel is the Dropdown's own
ItemsContainer, reused as-is with three optional props (hasSearch,renderFooter,containerAttributes) and aminWidth; styles sit underids-dropdownas the--filtermodifier so item rows are literally the multi dropdown's. Colours were mapped by Figma variable name (the file renders in IbexaOP mode — the crimson hexes are not what ships). Designer questions still open: selected state of the "More filters" types, disabled/focus styling, counter chip vsTag, divider colour, panel geometry — the implementation uses the dropdown's values.For QA:
Storybook → FilterDropdown: all four types, opened menus, selected states; checking items updates the counter, Clear empties the selection and stays open, a nonsense search shows "No results found", Escape closes and refocuses the trigger.
Documentation: