Part of #55083

This ticket is a stub to include designs for search & filtering in tables. Considerations that could affect the design include:

• Scalability – there can be thousands of datapoints that a user might want to filter by. Performance, search, etc. all need to be factored in to the UI.
• Optimise for common use cases: It could be beneficial for some tables to present 'primary' filters to users by default.
• Advanced filter operators. These can be per-filter e.g: "Show posts in categories: recipes and reviews" vs. "Show posts in categories: recipes or reviews". Or even combined across filters e.g. "Show published posts and posts with no comments" vs. "Show published posts or posts with no comments". Clearly this can get quite complicated quite quickly, so should receive appropriate prominence.
• Saving filter configurations for reuse.
• Resetting; per-filter and globally.
• Shortcuts; create filter from column headers.
• Loading states while filters are enacted.

Iterations

Support pages, templates, and template parts pages.

DataViews component

• Top-level bar:
  • Spacing issues in the top-level bar (see). #56151
  • Make sure it grows gracefully when there are many of them (see).
  • @oandregal Create a more condensed view for filters in the list layout. Design. #56983
  • Disable filters when there's only one option. E.g. filtering pages by author is pointless on a site with only a single author.
  • Hide the combobox in search widget when there are more than X options. Probably use a selectlist.
• Global search #54966
• Filter for ENUMERATION field. Target design. @oandregal
  • Basic implementation based on SelectControl. #55270
  • Users should be able to add/remove filters in the UI. The page should be able to define some default filters. Design. #55992
  • Refactor the filter UX to target design #58569 @ntsekouras
  • Create custom component based on DropdownMenu. Same UI in top-level & columns. #56110
  • Allow resetting all filters at once. Design. #55955
  • Implement multiple selection. #56468 #59610 #59696
  • Implement NOT IN operation. Design. #56479
  • Fix labels for buttons (see).
  • Support search & scrolling when there are many items.
  • Implement conditions "any" or "all". Design.
  • Logical operators: AND & OR. Needs design.
• Filter for DATE field. Starting design.
• Filter for TEXT field. Needs design.
• Column filters. #55508
• Hook for DataViews consumers to easily filter their dataset.
• Data views: Advanced filtering #64898
• Adding a filter from the column-header-menu should open the filter panel #64612
• Truncate filter chips #59696