dependabot[bot] opened a new pull request #16827: URL: https://github.com/apache/superset/pull/16827
Bumps [react-select](https://github.com/JedWatson/react-select) from 3.1.0 to 5.0.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/JedWatson/react-select/releases";>react-select's releases</a>.</em></p> <blockquote> <h2>[email protected]</h2> <h1>Upgrade Guide</h1> <h2>Summary</h2> <ul> <li>Convert to TypeScript (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4489";>#4489</a>) - TypeScript types now come packaged with <code>react-select</code> so you no longer need to have <code>@types/react-select</code> installed; we no longer include Flow types</li> <li>Drop IE11 support (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4625";>#4625</a>, <a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4720";>#4720</a>, <a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4634";>#4634</a>) - 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)</li> <li>Use <code>forwardRef</code> for all wrapped components (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4489";>#4489</a>) - this means that if you were accessing anything on the <code>Select</code> instance using a <code>ref</code>, the <code>ref</code> will now reference the internal <code>Select</code> directly (see below for how to upgrade)</li> <li>Replace HOCs with hooks (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4489";>#4489</a>) - if you were using our HOCs to create custom <code>Select</code>s (i.e., <code>makeCreatableSelect</code>, <code>mangeState</code>, <code>makeAsyncSelect</code>) these have now been replaced by hooks (i.e., <code>useCreatable</code>, <code>useStateManager</code>, <code>useAsync</code>)</li> <li>Remove dependency on <a href="https://github.com/JedWatson/react-input-autosize";>AutosizeInput</a> (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4625";>#4625</a>) - our new solution uses CSS grid which IE11 does not fully support; also <code>.prefix__input</code> now targets the input and NOT the container</li> <li>Improve screen reader experience (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4676";>#4676</a>) - this isn't a breaking change in the API but it does change the screen reader announcements</li> <li>Use CSS grid for single value layout (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4720";>#4720</a>) - 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 <code>Select</code>s</li> <li>Remove <code>readonly</code> attribute on our <code>DummyInput</code> (<a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4634";>#4634</a>) - this results in better accessibility but uses <code>caret-color</code> which is not available on IE11</li> </ul> <h2>Details</h2> <h3>Convert to TypeScript</h3> <p>We've rewritten <code>react-select</code> in TypeScript which means you can remove any dependencies on <code>@types/react-select</code>. If you were using the Flow types than look into contributing types for v5 to <code>flow-typed</code>.</p> <p>Here are the most notable changes when replacing <code>@types/react-select</code> with our packaged types:</p> <table> <thead> <tr> <th><code>@types/react-select</code></th> <th>react-select</th> <th>Notes</th> </tr> </thead> <tbody> <tr> <td><code>OptinTypeBase</code></td> <td>no replacement</td> <td>Options can be any type (if using <code>getOptionValue</code> and <code>getOptionLabel</code>) so there's no longer a base type for options</td> </tr> <tr> <td><code>OptionsType</code></td> <td><code>Options</code></td> <td></td> </tr> <tr> <td><code>GroupTypeBase</code></td> <td><code>GroupBase</code></td> <td></td> </tr> <tr> <td><code>GroupedOptionsType</code></td> <td>no replacement</td> <td>This is equivalent to <code>ReadonlyArray<Group></code></td> </tr> <tr> <td><code>ValueType</code></td> <td><code>OnChangeValue</code></td> <td></td> </tr> <tr> <td><code>InputActionTypes</code></td> <td><code>InputAction</code></td> <td></td> </tr> <tr> <td><code>NamedProps</code></td> <td><code>Props</code></td> <td></td> </tr> <tr> <td><code>Select</code> (the <code>ref</code> type)</td> <td><code>SelectInstance</code></td> <td>See "Use <code>forwardRef</code> for all wrapped components" for more details</td> </tr> <tr> <td><code>AsyncSelect</code> (the <code>ref</code> type)</td> <td><code>SelectInstance</code></td> <td>See "Use <code>forwardRef</code> for all wrapped components" for more details</td> </tr> <tr> <td><code>CreatableSelect</code> (the <code>ref</code> type)</td> <td><code>SelectInstance</code></td> <td>See "Use <code>forwardRef</code> for all wrapped components" for more details</td> </tr> <tr> <td><code>AsyncCreatableSelect</code> (the <code>ref</code> type)</td> <td><code>SelectInstance</code></td> <td>See "Use <code>forwardRef</code> for all wrapped components" for more details</td> </tr> </tbody> </table> <h3>Drop IE11 support</h3> <p>This allows us to use modern CSS in order to improve the quality of <code>react-select</code> and remove excessive JavaScript code to work around not having the ability to use modern CSS. If you need IE11 support either:</p> <ol> <li>Stay on v4.</li> <li>Attempt to use our <a href="https://react-select.com/styles";>Styles API</a> and/or <a href="https://react-select.com/components";>Components API</a> to override styles and/or components that don't support IE11. The only change that might be hard to override is "Remove <code>readonly</code> attribute on our <code>DummyInput</code>" since you can't override the <code>DummyInput</code> component with the Styles or Components API.</li> <li>If there are simple changes that make <code>react-select</code> compatible with IE11, open a PR. We are unlikely to provide official support for IE11 since supporting IE11 makes maintaining <code>react-select</code> a lot more difficult and holds us back from changes we want to make, but we also are glad to accept simple changes if they make your life easier.</li> </ol> <h3>Use <code>forwardRef</code> for all wrapped components</h3> <p>NOTE: Accessing any of the internals of the <code>Select</code> component using <code>ref</code>s is not part of our public API. The internals of the <code>Select</code> component can change at any time (including in minor and patch releases). The only methods on the <code>Select</code> component that are part of the public API are the <code>focus()</code> and <code>blur()</code> methods.</p> <p><code>react-select</code> exports five components: <code>BaseSelect</code>, <code>CreatableSelect</code>, <code>Select</code> (the default export), <code>AsyncSelect</code>, <code>AsyncCreatableSelect</code>. The last four components are wrappers around the <code>BaseSelect</code>. Previously the <code>ref</code> for each of these components was pointing to itself, but now we use <code>forwardRef</code> which means that the <code>ref</code>s for all five components now point to <code>BaseSelect</code>.</p> <p>The <code>focus()</code> and <code>blur()</code> methods are untouched by this change. However if you were accessing the internals of the <code>BaseSelect</code> component, you will need to update how you were accessing the <code>BaseSelect</code>. Here is how to update access to the <code>BaseSelect</code> component:</p> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/JedWatson/react-select/blob/master/docs/CHANGELOG.md";>react-select's changelog</a>.</em></p> <blockquote> <h1><code>@react-select/docs</code></h1> <h2>3.1.1</h2> <h3>Patch Changes</h3> <ul> <li> <p><a href="https://github.com/JedWatson/react-select/commit/638f545517d320fe70ca954511a71e96956abae3";>638f5455</a> <a href="https://github-redirect.dependabot.com/JedWatson/react-select/pull/4702";>#4702</a> Thanks <a href="https://github.com/Methuselah96";><code>@Methuselah96</code></a>! - The Option generic is no longer required to extend the OptionBase type</p> </li> <li> <p>Updated dependencies [10225290]:</p> </li> <li> <p>Updated dependencies [53f1972b]:</p> </li> <li> <p>Updated dependencies [b41f4ceb]:</p> </li> <li> <p>Updated dependencies [4b028829]:</p> </li> <li> <p>Updated dependencies [7fcec537]:</p> </li> <li> <p>Updated dependencies [ca2c0e5b]:</p> </li> <li> <p>Updated dependencies [9e82aadc]:</p> </li> <li> <p>Updated dependencies [638f5455]:</p> </li> <li> <p>Updated dependencies [23cea0b5]:</p> </li> <li> <p>Updated dependencies [ef87c3ac]:</p> <ul> <li>react-select@undefined</li> </ul> </li> </ul> <h2>3.1.1-beta.1</h2> <h3>Patch Changes</h3> <ul> <li> <p><a href="https://github.com/JedWatson/react-select/commit/638f545517d320fe70ca954511a71e96956abae3";>638f5455</a> <a href="https://github-redirect.dependabot.com/JedWatson/react-select/pull/4702";>#4702</a> Thanks <a href="https://github.com/Methuselah96";><code>@Methuselah96</code></a>! - The Option generic is no longer required to extend the OptionBase type</p> </li> <li> <p>Updated dependencies [10225290]:</p> </li> <li> <p>Updated dependencies [53f1972b]:</p> </li> <li> <p>Updated dependencies [b41f4ceb]:</p> </li> <li> <p>Updated dependencies [7fcec537]:</p> </li> <li> <p>Updated dependencies [9e82aadc]:</p> </li> <li> <p>Updated dependencies [638f5455]:</p> <ul> <li>react-select@undefined</li> </ul> </li> </ul> <h2>3.1.1-beta.0</h2> <h3>Patch Changes</h3> <ul> <li>Updated dependencies [4b028829]:</li> <li>Updated dependencies [ef87c3ac]: <ul> <li>react-select@undefined</li> </ul> </li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/JedWatson/react-select/commit/a4de91cd73132354afeb86041020caf8200b437a";><code>a4de91c</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4783";>#4783</a> from JedWatson/changeset-release/master</li> <li><a href="https://github.com/JedWatson/react-select/commit/6f45882c4c5457a3c1bd178142e1b8f46946a5f3";><code>6f45882</code></a> Version Packages</li> <li><a href="https://github.com/JedWatson/react-select/commit/46b2ea8166816d4b02eae22b6e8e3974f86601aa";><code>46b2ea8</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4784";>#4784</a> from JedWatson/exit-prerelease-mode</li> <li><a href="https://github.com/JedWatson/react-select/commit/ee5a298e633d677b80ec28624b4004678b13ef72";><code>ee5a298</code></a> Exit prerelease mode</li> <li><a href="https://github.com/JedWatson/react-select/commit/8cbec15c5d1bf2c740198c28fb534757ba3a1873";><code>8cbec15</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4748";>#4748</a> from JedWatson/dependabot/npm_and_yarn/url-parse-1.5.3</li> <li><a href="https://github.com/JedWatson/react-select/commit/b46e801bd74e3dafb2e23e62fb03d9a5ff4dd5bf";><code>b46e801</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4756";>#4756</a> from fdcds/patch-1</li> <li><a href="https://github.com/JedWatson/react-select/commit/f2201c1dd2e9b841bcac6605b40430f1533f5b23";><code>f2201c1</code></a> Merge branch 'master' into patch-1</li> <li><a href="https://github.com/JedWatson/react-select/commit/be452993b4dce0453d456d338d298f0ec3c05db3";><code>be45299</code></a> Merge pull request <a href="https://github-redirect.dependabot.com/JedWatson/react-select/issues/4782";>#4782</a> from JedWatson/Methuselah96-patch-1</li> <li><a href="https://github.com/JedWatson/react-select/commit/3f1f3824a933bfa5898601fe75a00028e6e67c2b";><code>3f1f382</code></a> Merge branch 'master' into Methuselah96-patch-1</li> <li><a href="https://github.com/JedWatson/react-select/commit/85d3eb87130588ba87a76544252b8d7355c2aa2e";><code>85d3eb8</code></a> Merge branch 'master' into patch-1</li> <li>Additional commits viewable in <a href="https://github.com/JedWatson/react-select/compare/[email protected]@5.0.0";>compare view</a></li> </ul> </details> <br /> [](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) 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-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> 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) </details> -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
