kasiazjc opened a new pull request, #40169:
URL: https://github.com/apache/superset/pull/40169
## Summary
Replaces the cluttered inline filter row in all CRUD list views (Dashboards,
Charts, Datasets, Saved Queries, etc.) with compact pill-style triggers that
open a clean dropdown on click.
- **Search filter** stays as an inline search input (always visible, primary
interaction)
- **Select filters** become compact pills → click → clean options list with
search + checkmark on selected item
- **Date range / Numerical range filters** become compact pills → click →
control + Apply button
- **Active state**: pill gets colored border + dot indicator; hover shows
tooltip with selected value; `×` to clear inline
- **1 new component** (`CompactFilterTrigger`) + 2 supporting components; no
new dependencies
## Design decisions
- Border radius and height use `theme.borderRadius` / `theme.controlHeight`
— adapts to any custom theme
- Dropdown panel matches the existing **DrillBy submenu** pattern:
`sizeUnit*2` padding, 35px row height, `iconSize="l"` search icon, debounced
async fetch via `Constants.FAST_DEBOUNCE`
- `autoFocus` removed; search input focuses via
`InputRef.input.focus({preventScroll:true})` after 100ms on open (exact DrillBy
pattern) — prevents focus hijack on page load
- `destroyPopupOnHide` intentionally omitted — keeps filter refs live for
external `clearFilters()` to work correctly
## Test plan
- [ ] Search filter — type, results filter, focus stays
- [ ] Select pill — click, choose option, pill activates, hover shows
tooltip, `×` clears
- [ ] Async select (Owner, Tag) — search debounces, results load
- [ ] Date range pill — pick dates, Apply closes dropdown, pill activates
- [ ] Numerical range pill — enter values, Apply closes, pill activates
- [ ] Clear All Filters — all pills reset
- [ ] Dark mode / custom theme — colors adapt correctly
- [ ] `/dashboard/list`, `/chart/list`, `/dataset/list`,
`/savedqueryview/list`
🤖 Generated with [Claude Code](https://claude.com/claude-code)
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
