New field feature enable in multi select when search text doesn't match any option

[jorge-cob]

When search criteria does not match any option, a feature can be enabled that will show a button allowing to handle a given function. In the Storybook's example the function passed will set a new state with the given item.

• In case enableNewFields is passed as prop, a button will render instead of the No option list item.
• onNewField should be given a function that will be called with the search text as parameter.

Might be interesting to even allow customization of the icon and the label.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/harshzalavadiya/react-multi-select-component/FWhTqxPWu7z9Kyvh57JPhSLq3ohv
✅ Preview: https://react-multi-select-component-git-fork-jo-868023-harshzalavadiya.vercel.app

[harshzalavadiya]

@jorge-cob Thank you for the PR however few points

• instead of calling this enableNewFields we can think of it as react-select's isCreatable https://react-select.com/creatable#creatable
• instead of rendering button we can have just simple list saying Create ${newItem}
• Also this option should be enabled if passed via prop (not only when there are no options but no options will be hidden if isCreatable is enabled)

[jorge-cob]

@harshzalavadiya thanks for the feedback.

Here a list of changes made to original PR:

• enableNewFields is now named isCreatable as suggested
• List item is rendered instead of button when no options are available.
• When adding a new field, it gets automatically selected following https://react-select.com/creatable#creatable behaviour.

[harshzalavadiya]

@jorge-cob I have made few changes and added docs but I'm not able to push the changes into this PR, can you enable allow edit from maintainers option?

also sorry for late response, I have been bit busy lately so :P

[jorge-cob]

@harshzalavadiya edits by maintainers was already enabled. Maybe it's something else?

[harshzalavadiya]

@jorge-cob thanks for checking out, no issues, I'll merge this with another local branch feat-creatable and then apply patch on top of that so that should work as expected

[harshzalavadiya]

released v4.0.3 thank you for the PR :)