Bump react-select from 4.3.1 to 5.1.0 in /client

[dependabot]

Bumps react-select from 4.3.1 to 5.1.0.

Release notes

Sourced from react-select's releases.

[email protected]

Minor Changes

• 8b38d49b #4807 Thanks @​hcharley! - Export AsyncCreatableProps from creatable entrypoint

• 46eeda1a #4801 Thanks @​Methuselah96! - Export more types from main entry point

Patch Changes

• fdd01e66 #4833 Thanks @​ebonow! - Value container display property should be grid when isMulti and has no value so the Placeholder component is positioned correctly with the Input

• 0937604f #4823 Thanks @​mikunpham! - Fix the issue where input contents are moved to the left due to multiple space characters.

• ec80b577 #4803 Thanks @​Methuselah96! - Import CSSObject from @​emotion/react instead of @​emotion/serialize

[email protected]

Upgrade Guide

Summary

• Convert to TypeScript (#4489) - TypeScript types now come packaged with react-select so you no longer need to have @types/react-select installed; we no longer include Flow types
• Drop IE11 support (#4625, #4720, #4634) - this allows us to make changes to our CSS that we've wanted to make for a long time as well as remove unnecessary JS solutions (those changes are noted below)
• Use forwardRef for all wrapped components (#4489) - this means that if you were accessing anything on the Select instance using a ref, the ref will now reference the internal Select directly (see below for how to upgrade)
• Replace HOCs with hooks (#4489) - if you were using our HOCs to create custom Selects (i.e., makeCreatableSelect, mangeState, makeAsyncSelect) these have now been replaced by hooks (i.e., useCreatable, useStateManager, useAsync)
• Remove dependency on AutosizeInput (#4625) - our new solution uses CSS grid which IE11 does not fully support; also .prefix__input now targets the input and NOT the container
• Improve screen reader experience (#4676) - this isn't a breaking change in the API but it does change the screen reader announcements
• Use CSS grid for single value layout (#4720) - this also isn't a breaking change in the API but is it a change in the styles since it switches to using CSS grid (not fully supported by IE11) for single-value Selects
• Remove readonly attribute on our DummyInput (#4634) - this results in better accessibility but uses caret-color which is not available on IE11

Details

Convert to TypeScript

We've rewritten react-select in TypeScript which means you can remove any dependencies on @types/react-select. If you were using the Flow types than look into contributing types for v5 to flow-typed.

Here are the most notable changes when replacing @types/react-select with our packaged types:

@​types/react-select	react-select	Notes
OptinTypeBase	no replacement	Options can be any type (if using getOptionValue and getOptionLabel) so there's no longer a base type for options
OptionsType	Options
GroupTypeBase	GroupBase
GroupedOptionsType	no replacement	This is equivalent to ReadonlyArray<Group>
ValueType	OnChangeValue
InputActionTypes	InputAction
NamedProps	Props
Select (the ref type)	SelectInstance	See "Use forwardRef for all wrapped components" for more details
AsyncSelect (the ref type)	SelectInstance	See "Use forwardRef for all wrapped components" for more details
CreatableSelect (the ref type)	SelectInstance	See "Use forwardRef for all wrapped components" for more details
AsyncCreatableSelect (the ref type)	SelectInstance	See "Use forwardRef for all wrapped components" for more details

... (truncated)

Commits

• c1ffcd6 Version Packages (#4838)
• fdd01e6 Set ValueContainer display grid if isMulti and has no value (#4833)
• 0937604 fix: input contents are moved to the left due to space char (#4823)
• 8b38d49 feat(#4806): export AsyncCreatableProps from AsyncCreatable.tsx (#4807)
• ec80b57 Import CSSObject from @​emotion/react instead of @​emotion/serialize (#4803)
• 1845460 Add note about importing from the src directory to the upgrade guide (#4802)
• 46eeda1 Export more types from main entry point (#4801)
• 39cfae1 Add template chooser configuration (#4709)
• 23517d1 Fix "Props" documentation page not loading types (#4810)
• a4de91c Merge pull request #4783 from JedWatson/changeset-release/master
• Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[dependabot]

Superseded by #433.