Merge branch 'master' into current-input-value-meta

.changeset/nasty-eagles-suffer.md

@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Remove src directory from published package

.changeset/small-bobcats-push.md

@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Add missing index to MultiValue props type

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,27 @@
+---
+name: Bug report
+about: File a bug report
+title: '<title>'
+labels: [issue/bug-unconfirmed]
+assignees: ''
+---
+
+**Thanks for using react-select!**
+
+If you are going to ask a question or want to propose a change or a new feature, then please don't file an issue for this.
+Questions and feature requests have their own place in our discussions section.
+
+## Are you reporting a bug or runtime error?
+
+Please include a test case that demonstrates the issue you're reporting!
+
+This is very helpful to maintainers in order to help us see the issue you're seeing.
+
+Please note we are currently only directing our efforts towards the current major (v5) version and beyond.
+
+We understand this might be inconvenient but it is in the best interest of supporting the broader community and to sustain the `react-select` project going forward.
+
+To report bugs against react-select v5 please fork the following code-sandbox:
+https://codesandbox.io/s/react-select-v5-sandbox-y5jtm
+
+You may also find the [online Babel tool](https://babeljs.io/repl/) quite helpful if you wish to use ES6/ES7 syntax not yet supported by the browser you are using.

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,11 @@
+blank_issues_enabled: false
+contact_links:
+  - name: Feature request
+    url: https://github.com/JedWatson/react-select/discussions/categories/ideas
+    about: Got an idea for a feature or want to propose a change? Then this is the place for you.
+  - name: Question on usage
+    url: https://github.com/JedWatson/react-select/discussions/categories/q-a
+    about: If you have a question regarding the usage of the library.
+  - name: StackOverflow
+    url: https://stackoverflow.com/questions/tagged/react-select
+    about: Alternatively you can visit StackOverflow with the `[react-select]` tag

docs/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @react-select/docs
 
+## 3.1.1
+
+### Patch Changes
+
+- [638f5455](https://github.com/JedWatson/react-select/commit/638f545517d320fe70ca954511a71e96956abae3) [#4702](https://github.com/JedWatson/react-select/pull/4702) Thanks [@Methuselah96](https://github.com/Methuselah96)! - The Option generic is no longer required to extend the OptionBase type
+
+- Updated dependencies [10225290]:
+- Updated dependencies [53f1972b]:
+- Updated dependencies [b41f4ceb]:
+- Updated dependencies [4b028829]:
+- Updated dependencies [7fcec537]:
+- Updated dependencies [ca2c0e5b]:
+- Updated dependencies [9e82aadc]:
+- Updated dependencies [638f5455]:
+- Updated dependencies [23cea0b5]:
+- Updated dependencies [ef87c3ac]:
+  - react-select@undefined
+
 ## 3.1.1-beta.1
 
 ### Patch Changes

docs/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@react-select/docs",
   "private": true,
-  "version": "3.1.1-beta.1",
+  "version": "3.1.1",
   "main": "dist/docs.cjs.js",
   "author": "Jed Watson",
   "license": "MIT",
@@ -45,6 +45,7 @@
     "babel-plugin-macros": "^3.0.1",
     "chroma-js": "^1.3.6",
     "chrono-node": "^2.1.11",
+    "clean-webpack-plugin": "^3.0.0",
     "codesandboxer": "^0.1.1",
     "copy-webpack-plugin": "^5.0.3",
     "cross-env": "^5.1.3",
@@ -62,7 +63,7 @@
     "react-helmet": "^5.2.0",
     "react-markings": "^1.3.0",
     "react-router-dom": "^4.2.2",
-    "react-select": "^5.0.0-beta.1",
+    "react-select": "^5.0.0",
     "react-sortable-hoc": "^1.9.1",
     "react-syntax-highlighter": "^7.0.1",
     "style-loader": "^0.23.1",

docs/pages/upgrade/index.tsx

@@ -38,6 +38,20 @@ Here are the most notable changes when replacing \`@types/react-select\` with ou
         <TypesReplacementTable />
         <br />
         {md`
+If you were previously importing a type from the \`src\` directory when using \`@types/react-select\`:
+
+~~~jsx
+import { ... } from 'react-select/src/...';
+~~~
+
+These should now be imported from the \`dist/declarations/src\` directory:
+
+~~~jsx
+import { ... } from 'react-select/dist/declarations/src/...';
+~~~
+
+We export any types from the main entry point that we think might be useful to the user. If you are using a type that is not exported from the main entry point please open a PR or issue so that we can add it.
+
 #### Drop IE11 support
 
 This allows us to use modern CSS in order to improve the quality of \`react-select\` and remove excessive JavaScript code to work around not having the ability to use modern CSS. If you need IE11 support either:

docs/webpack.config.ts

@@ -4,6 +4,7 @@ import CopyWebpackPlugin from 'copy-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
 import { config } from 'dotenv';
+import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 
 config();
 
@@ -51,12 +52,18 @@ const webpackConfig: webpack.Configuration = {
     //   'process.env.CLIENT_ID': `'${process.env.CLIENT_ID}'`,
     //   'process.env.CLIENT_SECRET': `'${process.env.CLIENT_SECRET}'`,
     // }),
+    new CleanWebpackPlugin(),
     new HtmlWebpackPlugin({
       filename: 'index.html',
       inject: false,
       template: path.resolve(__dirname, 'index.html'),
     }),
-    new CopyWebpackPlugin(['_redirects', 'favicon.ico', 'index.css']),
+    new CopyWebpackPlugin([
+      '_redirects',
+      'favicon.ico',
+      'index.css',
+      'magical-types/*',
+    ]),
     new ForkTsCheckerWebpackPlugin({
       async: false,
       typescript: {

package.json

@@ -174,5 +174,8 @@
   "browser": {
     "./dist/react-select.cjs.js": "./dist/react-select.browser.cjs.js",
     "./dist/react-select.esm.js": "./dist/react-select.browser.esm.js"
+  },
+  "resolutions": {
+    "csstype": "^3.0.2"
   }
 }

packages/react-select/CHANGELOG.md

@@ -1,5 +1,56 @@
 # react-select
 
+## 5.1.0
+
+### Minor Changes
+
+- [8b38d49b](https://github.com/JedWatson/react-select/commit/8b38d49b4a779c653f70b502a61f7c64220fa44d) [#4807](https://github.com/JedWatson/react-select/pull/4807) Thanks [@hcharley](https://github.com/hcharley)! - Export AsyncCreatableProps from creatable entrypoint
+
+- [46eeda1a](https://github.com/JedWatson/react-select/commit/46eeda1a6829af168ae24b49a251d12e410706ab) [#4801](https://github.com/JedWatson/react-select/pull/4801) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Export more types from main entry point
+
+### Patch Changes
+
+- [fdd01e66](https://github.com/JedWatson/react-select/commit/fdd01e664400b684b83c2b1c629bd3c76b152236) [#4833](https://github.com/JedWatson/react-select/pull/4833) Thanks [@ebonow](https://github.com/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](https://github.com/JedWatson/react-select/commit/0937604ffcec5d56dd4918ae728feee345e1c78c) [#4823](https://github.com/JedWatson/react-select/pull/4823) Thanks [@mikunpham](https://github.com/mikunpham)! - Fix the issue where input contents are moved to the left due to multiple space characters.
+
+- [ec80b577](https://github.com/JedWatson/react-select/commit/ec80b577665f2bd9b2cff9d7ca34723b6b65e5b8) [#4803](https://github.com/JedWatson/react-select/pull/4803) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Import CSSObject from @emotion/react instead of @emotion/serialize
+
+## 5.0.0
+
+### Major Changes
+
+- [ef87c3ac](https://github.com/JedWatson/react-select/commit/ef87c3ac7fd453800595eebebb85f1107f78d34c) [#4683](https://github.com/JedWatson/react-select/pull/4683) Thanks [@JedWatson](https://github.com/JedWatson)! - React-Select has been converted from Flow to TypeScript.
+
+  Other changes for v5 include usage of `forwardRef`, new hooks for `stateManager`, `async` and `creatable` components, and more reliable filtering implementaion with new options in the creatable variant.
+
+### Patch Changes
+
+- [10225290](https://github.com/JedWatson/react-select/commit/10225290f9b1c9a722fc96fa4c74d91bfbeb7df8) [#4720](https://github.com/JedWatson/react-select/pull/4720) - Updated the layout for the singleValue input/placeholder/container so that it works better when used in flex layouts.
+
+- [53f1972b](https://github.com/JedWatson/react-select/commit/53f1972b2d76443a63df18eb538ccbf68787e362) [#4731](https://github.com/JedWatson/react-select/pull/4731) Thanks [@JedWatson](https://github.com/JedWatson)! - MultiValue key now includes a hyphen between the value and the index to prevent edge cases where you could get a duplicate key error
+
+- [b41f4ceb](https://github.com/JedWatson/react-select/commit/b41f4cebbcaa8714bcf36cf24357f580a74c6a16) [#4704](https://github.com/JedWatson/react-select/pull/4704) Thanks [@Rall3n](https://github.com/Rall3n)! - Fix findDOMNode deprecation by adding refs to transition components
+
+- [4b028829](https://github.com/JedWatson/react-select/commit/4b028829721bcd9014d70ee8dce1efbaf6373cd0) [#4634](https://github.com/JedWatson/react-select/pull/4634) - The readonly attribute has been removed from the DummyInput to improve accessibility
+
+- [7fcec537](https://github.com/JedWatson/react-select/commit/7fcec537e75b80b3084b64db76150cfef9d2ee2f) [#4697](https://github.com/JedWatson/react-select/pull/4697) - Add the role of combobox and the required ARIA attributes to the Input and DummyInput components to allow JAWS support and a better screen reader experience overall.
+
+- [ca2c0e5b](https://github.com/JedWatson/react-select/commit/ca2c0e5b18f0c862e7cb5956d0f56104ffa4255f) [#4756](https://github.com/JedWatson/react-select/pull/4756) Thanks [@fdcds](https://github.com/fdcds)! - Add `option` field to type of `CreateOptionActionMeta`
+
+- [9e82aadc](https://github.com/JedWatson/react-select/commit/9e82aadcd1931f730235d317a2299a681da8c373) [#4676](https://github.com/JedWatson/react-select/pull/4676) - The following improvements have been made for screen reader users:
+
+  - NVDA now announces the context text when initially focused
+  - Selected option/s (single and multi) are now announced when initially focused
+  - VoiceOver now announces the context text when re-focusing
+  - The clear action is now announced
+  - Placeholder text is now announced
+  - Mobile VoiceOver is now able to remove selected multi options
+
+- [638f5455](https://github.com/JedWatson/react-select/commit/638f545517d320fe70ca954511a71e96956abae3) [#4702](https://github.com/JedWatson/react-select/pull/4702) Thanks [@Methuselah96](https://github.com/Methuselah96)! - The Option generic is no longer required to extend the OptionBase type
+
+- [23cea0b5](https://github.com/JedWatson/react-select/commit/23cea0b513525bdf6282e3d03e66eff38da9e993) [#4782](https://github.com/JedWatson/react-select/pull/4782) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fix type of loadingMessage prop to allow it to return any ReactNode
+
 ## 5.0.0-beta.1
 
 ### Patch Changes

packages/react-select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-select",
-  "version": "5.0.0-beta.1",
+  "version": "5.1.0",
   "description": "A Select control built with and for ReactJS",
   "main": "dist/react-select.cjs.js",
   "module": "dist/react-select.esm.js",
@@ -32,7 +32,6 @@
   },
   "files": [
     "dist",
-    "src",
     "base",
     "animated",
     "async",

packages/react-select/src/AsyncCreatable.tsx

@@ -5,7 +5,7 @@ import useAsync, { AsyncAdditionalProps } from './useAsync';
 import useStateManager, { StateManagerProps } from './useStateManager';
 import useCreatable, { CreatableAdditionalProps } from './useCreatable';
 
-type AsyncCreatableProps<
+export type AsyncCreatableProps<
   Option,
   IsMulti extends boolean,
   Group extends GroupBase<Option>

packages/react-select/src/__tests__/__snapshots__/Async.test.tsx.snap

@@ -98,7 +98,7 @@ exports[`defaults - snapshot 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;

packages/react-select/src/__tests__/__snapshots__/AsyncCreatable.test.tsx.snap

@@ -98,7 +98,7 @@ exports[`defaults - snapshot 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;

packages/react-select/src/__tests__/__snapshots__/Creatable.test.tsx.snap

@@ -98,7 +98,7 @@ exports[`defaults - snapshot 1`] = `
 .emotion-6:after {
   content: attr(data-value) " ";
   visibility: hidden;
-  white-space: nowrap;
+  white-space: pre;
   grid-area: 1/2;
   font: inherit;
   min-width: 2px;