halstack-react icon indicating copy to clipboard operation
halstack-react copied to clipboard

New predefined option "Select All" for the Select

Open GomezIvann opened this issue 1 year ago • 2 comments

Commonly, our Select component is used as a filter. For example, the new DxcBarChart filters the displayed data. In those scenarios where you select and unselect almost all the options, the need arises for an option that selects them all at once.

image https://www.delldesignsystem.com/components/dropdown/?tab=Design

The task here would be to investigate how to approach this functionality, from both design and implementation perspectives.

GomezIvann avatar May 24 '24 09:05 GomezIvann

Thank you for opening an issue! 🚀

Our team will review it as soon as possible. In the meantime, please make sure that you've provided all the necessary details to help us understand and address the issue effectively.

Feel free to contribute and participate in discussions!

github-actions[bot] avatar May 24 '24 09:05 github-actions[bot]

From our designer Irene:

Functional Requirements

  • Placement: The "Select All" option should be placed at the top of the dropdown list for easy access.
  • Behavior:
    • When "Select All" is clicked, all individual items in the dropdown are selected.
    • When "Deselect All" (same "Select All" option) is clicked again, all individual items in the dropdown are deselected.
  • Visibility: The "Select All" option should always be visible when the dropdown is expanded.
  • The prop is gonna be called enableSelectAll.

GomezIvann avatar May 24 '24 10:05 GomezIvann

This functionality is already available! https://developer.dxc.com/halstack/next/components/select/#using-selects-select-all-and-grouped-selection

GomezIvann avatar May 15 '25 10:05 GomezIvann