feat(SelectItem): Emit a select event when an option is selected

[kilobyte2007]

I've implemented a select event/emit on the SelectItem so it's consistent with Listbox/Combobox.
This is especially important when using multiple because we cannot rely on update:modelValue as we only need the specific item that was last selected.

Let me know if you have any questions or objections!

[pkg-pr-new]

Open in Stackblitz

npm i https://pkg.pr.new/reka-ui@1513

commit: 2922b10

[kilobyte2007]

I see there's a failing check. But it doesn't seem to be caused by my changes as I didn't touch that part of the code.

[zernonia]

Yoo @kilobyte2007 ! I've fixed the test issue, can you please rebase the branch on origin/main or merge from origin/main? 😁

[zernonia]

I think we shouldn't have this conditional here, it will prevent the select from being emitted.

[kilobyte2007]

It is needed because this logic is handling the initial mousedown event, when the dropdown just shows up. Without this check the dropdown just shows up on mousedown and disappears on mouseup.

So basically the check that we had previously - has moved from handleSelect to handleSelectCustomEvent, as this is the place now where we handle the original event. And the check that we have now in handleSelect is for actually preventing the artificially created event.

Let me know if the explanation is clear enough!