Skip to content

Release v2.1.3

Choose a tag to compare

@github-actions github-actions released this 04 Jun 16:43
c3b1dd6

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)
  • RangeHistogramFilter no longer renders its own clear button—handled by parent FilterPanel (#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).