Release v2.1.3
Summary
Relocated clear button from filter content area to header, positioned next to the active selection count badge. Button is now a round × icon with tooltip, consistent across all filter types.
Changed
- Filter clear buttons now appear in header next to count badge/indicator, not at bottom of filter content (#issue)
- Clear button styled as round icon with × character, hover/active states, and descriptive tooltips (#issue)
RangeHistogramFilterno longer renders its own clear button—handled by parentFilterPanel(#issue)- Custom filter examples updated to remove inline clear buttons following new pattern (#issue)
- Documentation updated with clear button behavior for all filter types and guidance for custom editors (#issue)
Implementation
FilterPanel.tsx: Clear buttons conditionally rendered in header for all filter types:
- String/option filters: next to selection count, calls
onFilterClear(filterKey) - Range filters: next to "Range" indicator, calls
onRangeChange(filterKey, null) - Custom filters: next to dot indicator, calls
onCustomValueChange(filterKey, undefined)
CSS: .pv-filter-clear-header with circular shape, transitions, and accessibility attributes.
Specs: Four specification files document expected behavior (when buttons appear, what actions they trigger, tooltip text).