feat: add select only option to listbox toggle mode

[romansndlr]

In some cases when using the default selection behavior for the ListBox which is toggle in multi selection mode, you want the ability to clear out all existing selections and only "focus" on one option.

As I see it, this is complimentary to the existing feature where it is possible to switch to "toggle" mode when holding ctrl/cmd in selection behavior replace. This is essentially the inverse of that behavior.

[eyalcohen4]

we really need this in our Multi Select component :)

[romansndlr]

@devongovett @LFDanLu Would love to get your review on this one 🙏

[snowystinger]

To clear the selection, wouldn't you press Esc? I'm not sure I've come across this particular keyboard behaviour before, but maybe I never knew about it, do you have some examples in the real world or specs that outline this behaviour for aria?

[romansndlr]

To clear the selection, wouldn't you press Esc? I'm not sure I've come across this particular keyboard behaviour before, but maybe I never knew about it, do you have some examples in the real world or specs that outline this behaviour for aria?

Thanks for the review! Yeah, you could clear and then set but this solution romoves the need for that extra step.

One example I'm aware of is the layers panel in Illustrator I think. If you hold meta and click on the eye icon it should behave in a similar way.

[snowystinger]

The selection behaviour for the layers panel in Illustrator appears to be doing the same thing as selectionBehavior="replace"
https://react-spectrum.adobe.com/react-aria/ListBox.html#selection-behavior

Steps:

1. click Tomato
2. shift click Egg Salad
3. click Cheese
   Result:
   only Cheese is selected

Steps:

1. click Tomato
2. shift click Egg Salad
3. command click Tuna Salad
   Result:
   Tomato, Cheese, and Egg Salad are selected

I repeated the same steps in an Illustrator document with multiple layers.

Update:
And I just realized I was selecting the objects, not the layers. This confusion https://community.adobe.com/t5/illustrator-discussions/can-someone-explain-selecting-layers-objects/td-p/9147082
Will need to discuss this with the team. If you have any less confusing examples, that'd help the case.

[snowystinger]

I tried bringing this up with the team today and found that the Illustrator use case was all behaving like selectionBehavior="replace", I'm not sure if I did something differently last time or if they updated the app?

The "eye" is always the same behavior, regardless of meta key from what I can tell.

I'm not sure if there is anything to do here anymore. Will need new reproduction instructions.

Finally, the only selection in the layers panel is the highlighting. The other two, eye and object, are independent of collection selection and should be implemented on the application side.

[romansndlr]

I tried bringing this up with the team today and found that the Illustrator use case was all behaving like selectionBehavior="replace", I'm not sure if I did something differently last time or if they updated the app?

The "eye" is always the same behavior, regardless of meta key from what I can tell.

I'm not sure if there is anything to do here anymore. Will need new reproduction instructions.

Finally, the only selection in the layers panel is the highlighting. The other two, eye and object, are independent of collection selection and should be implemented on the application side.

Fair enough. Closing then.