Clickable Combobox Groups

[LeviRemi]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Description

Allow for Combobox Item Group to be clickable, triggering a selection (or deselection) of all items in the group.

Acceptance Criteria

Allow developers to toggle a Combobox Item Group as clickable, and configure an event handler on that click wherein the event provides access to all selected elements in the group.

Relevant Info

I suggest that an Item Group's click-ability should be optional, and should impact the visual/hover interaction of the element so it is clear that the group is clickable.

Which Component

Combobox Item Group

Example Use Case

This would be especially helpful for large combobox lists where it is common for a user to want to select all items in a given group. That is the use-case we have encountered with our customer, and we have had to work around this limitation.

Priority impact

p4 - not time sensitive

Calcite package

• [X] @esri/calcite-components
• [X] @esri/calcite-components-react

Esri team

Professional Services - Services Delivery

[hgonzago]

Just to piggy-back off of this. We have had quite a few discussions over the best way to handle feature template display within the JS SDK Editor widget. This widget is used in various apps and would benefit tremendously by providing this functionality.

cc/ @JonUihlein

@avezina @tristan-morrison

[geospatialem]

Some discussion points:

• Design expertise is needed to determine if other design systems have similar support (spike)
  • Are there examples "in the wild"?
• Accessibility should be considered as part of the supporting effort

[ashetland]

We could revise these designs for Select All for Combobox Items (#2311) to also include a select all for groups.

It seems like from the above that "the group is clickable" is only related to selecting all the items in that group. Am I understanding that correctly?