[Select] Create options onPaste event

[SerhiiTsybulskyi]

PR Checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Issue Number: N/A

What is the new behavior?

Screen.Recording.2024-04-30.at.11.38.46.mov

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[netlify]

✅ Deploy Preview for reablocks-storybook ready!

Name	Link
🔨 Latest commit	45b1166
🔍 Latest deploy log	https://app.netlify.com/sites/reablocks-storybook/deploys/6630dd8c18fc450008b62205
😎 Deploy Preview	https://deploy-preview-162--reablocks-storybook.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.

[SerhiiTsybulskyi]

I've added this mapping to keep readability for

selectOnKeys={['Space', 'Comma']

I think this more friendly format instead array of numbers (key codes)

[amcdnl]

You don't really need this with https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key

[SerhiiTsybulskyi]

This is works for Keyboard events (manually filling) but didn't work on paste due to ClipboardEvent (another way to interact with input needs a little bit different handler)

[amcdnl]

Does it select if its already a 'created' option?

[SerhiiTsybulskyi]

yes

[amcdnl]

if creatable = false but I paste in a option this condition is invalid. I think it should be selectOnPaste then when combined w/ creatable would create them or of not just select them.