feat: Filter options in Content Display Options

Description

Original ticket ID: AWSUI-22334

This PR adds the support for filtering down the options in the content display options in collection preferences. The reordering gets disabled when a search starts and the drag handles show the disabled state.

There are 1 new property and a set of i18n strings to support this change:

columnFiltering?: boolean;
i18nStrings: {
  columnFilteringPlaceholder?: string;
  columnFilteringAriaLabel?: string;
  columnFilteringCountText?: (count: number) => string;
  columnFilteringNoMatchText?: string;
  columnFilteringClearFilterText?: string;
}

Related links, issue #, if available: n/a Original filtering request ticket

How has this been tested?

Manual and unit tests

Enabled the search filter by setting searchableColumns to true and setting the supporting text properties.
Start typing in the text filter input above the reorderable options, the list will filter down and the drag handles will be disabled.
Clear button will clear the filter and enable the dragging again.
Filtering by a non-existant option will show an empty state
The matches count next to the filter input reflects the count of the filtered options

Review checklist

_The following items are to be evaluated by the author(s) and the reviewer(s)._ #### Correctness - _Changes include appropriate documentation updates._ - _Changes are backward-compatible if not indicated, see [`CONTRIBUTING.md`](https://github.com/cloudscape-design/components/blob/main/CONTRIBUTING.md#public-apis)._ - _Changes do not include unsupported browser features, see [`CONTRIBUTING.md`](https://github.com/cloudscape-design/components/blob/main/CONTRIBUTING.md#browsers-support)._ - _Changes were manually tested for accessibility, see [accessibility guidelines](https://cloudscape.design/foundation/core-principles/accessibility/)._ #### Security - _If the code handles URLs: all URLs are validated through [the `checkSafeUrl` function](https://github.com/cloudscape-design/components/blob/main/src/internal/utils/check-safe-url.ts)._ #### Testing - _Changes are covered with new/existing unit tests?_ - _Changes are covered with new/existing integration tests?_

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

cloudscape-design / components

feat: Filter options in Content Display Options #2644

Description

How has this been tested?

Codecov Report