fix(filter-clear): disable clear button when value is empty array

[Sophmrs]

Summary

Solves this issue: #2064

Now multi select filter's clear button renders as disabled correctly when the value is an empty array, not only with empty strings (or other falsy values). The behaviour is now the same for single item (radio) or multiple item (checkbox) filters.

Examples

This behavior can be observed in the Filter Show story:

This multiselect filter:

<Filter label="Multiple status" defaultValue={[]}>
  <FilterItem value="Stable">Stable</FilterItem>
  <FilterItem value="Experimental">Experimental</FilterItem>
  <FilterItem value="Deprecated">Deprecated</FilterItem>
</Filter>

renders the clear button as disabled when it has no value and nothing is selected

and still renders it enabled when an item is selected

or if it has an item already applied

While this single selection filter:

<Filter label="Single status">
  <FilterItem value="Stable">Stable</FilterItem>
  <FilterItem value="Experimental">Experimental</FilterItem>
  <FilterItem value="Deprecated">Deprecated</FilterItem>
</Filter>

still renders as it did before, as expected, here disabled with no value

here enabled with an item selected

and here enabled with an item already applied

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Updated (UTC)
shoreline-docs	⬜️ Ignored (Inspect)		Jan 28, 2025 6:39pm

[vaporwavie]

nice work! thanks for the contribution.