fix(multiselect): add useEffect to selection hook to update externally

[ychavoya]

Closes #16124

Update MultiSelect's useSelection hook to include a useEffect that updates the selected items when they are updated externally (controlled component), since the recently added useState is only executed on initial render.

Changelog

Changed

• Ability to update a controlled MultiSelect's selected items externally

Testing / Reviewing

Added a Storybook to test controlled MultiSelect components. The MultiSelect in this storybook should update its selected values when the included buttons are pressed, and a storybook action should be triggered.

Also added a unit test that tests this behavior.

[github-actions]

DCO Assistant Lite bot All contributors have signed the DCO.

[ychavoya]

I have read the DCO document and I hereby sign the DCO.

[ychavoya]

recheck

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	b58bc40
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/6639100d3882e8000818f75d
😎 Deploy Preview	https://deploy-preview-16139--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[tw15egan]

LGTM 👍 ✅

[ychavoya]

Hi, I noticed that an error in a different part of the useSelection hook was conflicting with the changes and therefore was causing a test to run indefinitely. I sent a commit to fix that

[tay1orjones]

Thanks for this!

[tay1orjones]

@guidari @preetibansalui This is something to look out for in #16147

[preetibansalui]

@guidari @preetibansalui This is something to look out for in #16147

Thanks @tay1orjones, We will look into this. I have one doubt. For this PR, I know it is to provide controlled state only, but aren't we giving a wrong example here in storybook by selecting all items (including disabled item).

[tay1orjones]

This introduced two new bugs:

• [Bug]: Multiselect Controlled state is selecting disabled items #16445
• [Bug]: MultiSelect selection results in an infinite loop #16469