Merge branch 'master' into use-custom-downchevron-crossicon-3739

.changeset/chilly-eagles-arrive.md

@@ -0,0 +1,5 @@
+---
+"react-select": patch
+---
+
+Fix repository field

.changeset/flat-kings-applaud.md

@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Improve performance of option filtering when ignoreAccents is enabled (the default)

.changeset/sixty-forks-fry.md

@@ -0,0 +1,5 @@
+---
+"react-select": patch
+---
+
+Fix react-select ignoring HTML5 "form" attribute

.circleci/config.yml

@@ -2,7 +2,7 @@ version: 2
 
 docker_defaults: &docker_defaults
     docker:
-        - image: cypress/base:8
+        - image: cypress/base:13.6.0
           environment:
               TERM: xterm
     working_directory: ~/project/repo
@@ -17,7 +17,7 @@ install_steps: &install_steps
         - restore_cache:
               name: Restore node_modules cache
               keys:
-                  - dependency-cache-{{ .Branch }}-{{ checksum "package.json" }}
+                  - dependency-cache-{{ .Branch }}-{{ checksum "yarn.lock" }}
                   - dependency-cache-{{ .Branch }}-
                   - dependency-cache-
         - run:

.github/ISSUE_TEMPLATE.md

@@ -3,13 +3,21 @@
 Before creating an issue...
 
 # Are you asking a question?
-Please don't file GitHub issues to ask questions. Use Stack Overflow with a [#react-select](http://stackoverflow.com/questions/tagged/react-select) tag
+Please don't file GitHub issues to ask questions. Use Stack Overflow with a [#react-select](http://stackoverflow.com/questions/tagged/react-select) tag.
 
 
 # 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 (v3) 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 v3 please fork the following code-sandbox:
+https://codesandbox.io/s/react-select-v3-sandbox-jgdch
+
 To report bugs against react-select v2 please fork the following code-sandbox:
 https://codesandbox.io/s/k5rvn9z3lv
 

.github/workflows/release.yml

@@ -12,6 +12,9 @@ jobs:
     steps:
       - name: Checkout Repo
         uses: actions/checkout@master
+        with:
+          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits 
+          fetch-depth: 0
 
       - name: Setup Node.js 10.x
         uses: actions/setup-node@master

.nvmrc

@@ -1 +1 @@
-10
+12

babel.config.js

@@ -2,10 +2,7 @@ module.exports = {
   plugins: [
     'emotion',
     ['@babel/plugin-proposal-class-properties', { loose: true }],
+    '@babel/plugin-transform-runtime',
   ],
-  presets: [
-    ['@babel/preset-env', { loose: true }],
-    '@babel/preset-react',
-    '@babel/preset-flow',
-  ],
+  presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-flow'],
 };

docs/examples/StyleCompositionExample.js

@@ -1,5 +1,5 @@
-import React from 'react';
-import { css } from 'emotion';
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
 import Select from 'react-select';
 import { colourOptions } from '../data';
 
@@ -18,8 +18,8 @@ const Option = (props: OptionProps) => {
   return (
     <div
       ref={innerRef}
+      css={getStyles('option', props)}
       className={cx(
-        css(getStyles('option', props)),
         {
           option: true,
           'option--is-disabled': isDisabled,

docs/package.json

@@ -34,9 +34,9 @@
     "pretty-proptypes": "^0.5.0",
     "raf-schd": "^2.1.0",
     "raw-loader": "^2.0.0",
-    "react": "^16.8.0",
+    "react": "^16.13.0",
     "react-codesandboxer": "^2.0.1",
-    "react-dom": "^16.8.0",
+    "react-dom": "^16.13.0",
     "react-helmet": "^5.2.0",
     "react-markings": "^1.3.0",
     "react-router-dom": "^4.2.2",

docs/pages/advanced/index.js

@@ -95,8 +95,8 @@ export default function Advanced() {
       ${(
         <ExampleWrapper
           label="custom getOptionLabel function example"
-          urlPath="docs/examples/CustomSingleValue.js"
-          raw={require('!!raw-loader!../../examples/CustomSingleValue.js')}
+          urlPath="docs/examples/CustomGetOptionLabel.js"
+          raw={require('!!raw-loader!../../examples/CustomGetOptionLabel.js')}
         >
           <CustomGetOptionLabel />
         </ExampleWrapper>

docs/pages/home/index.js

@@ -136,7 +136,7 @@ export default function Home() {
   Use the Async component to load options from a remote source as the user types.
 
   ~~~jsx
-  import Async from 'react-select/async';
+  import AsyncSelect from 'react-select/async';
   ~~~
 
   ${(

package.json

@@ -15,9 +15,9 @@
     "@atlaskit/modal-dialog": "^4.0.3",
     "@atlaskit/spinner": "^5.0.0",
     "@atlaskit/tooltip": "^9.1.4",
-    "@babel/cli": "^7.0.0",
     "@babel/core": "^7.2.2",
     "@babel/plugin-proposal-class-properties": "^7.2.3",
+    "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/polyfill": "^7.0.0",
     "@babel/preset-env": "^7.0.0",
     "@babel/preset-flow": "^7.0.0",
@@ -28,13 +28,17 @@
     "@emotion/cache": "^10.0.9",
     "@emotion/core": "^10.0.9",
     "@emotion/css": "^10.0.9",
+    "@preconstruct/cli": "^1.0.0",
+    "@testing-library/dom": "7.0.4",
+    "@testing-library/jest-dom": "5.1.1",
+    "@testing-library/react": "10.0.1",
+    "@testing-library/user-event": "^10.0.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^9.0.0",
     "babel-jest": "^23.6.0",
     "babel-loader": "^8.0.0",
     "babel-plugin-emotion": "^10.0.9",
     "bolt-check": "^0.3.0",
-    "bundlesize": "^0.17.0",
     "chroma-js": "^1.3.6",
     "chrono-node": "^1.3.5",
     "codesandboxer": "^0.1.1",
@@ -55,21 +59,20 @@
     "flow-bin": "^0.91.0",
     "gh-pages": "^1.1.0",
     "html-webpack-plugin": "^3.2.0",
-    "jest": "^24.8.0",
+    "jest": "^25.1.0",
     "jest-emotion": "^10.0.11",
     "jest-in-case": "^1.0.2",
     "memoize-one": "^5.0.0",
     "moment": "^2.20.1",
     "node-fetch": "^2.5.0",
-    "@preconstruct/cli": "^1.0.0",
     "pretty-proptypes": "^0.5.0",
     "prop-types": "^15.6.0",
     "raf": "^3.4.0",
     "raf-schd": "^2.1.0",
     "raw-loader": "^2.0.0",
-    "react": "^16.8.0",
+    "react": "^16.13.0",
     "react-codesandboxer": "^2.0.1",
-    "react-dom": "^16.8.0",
+    "react-dom": "^16.13.0",
     "react-helmet": "^5.2.0",
     "react-input-autosize": "^2.2.2",
     "react-markings": "^1.3.0",
@@ -96,8 +99,8 @@
     "e2e": "concurrently --kill-others --success=first --names 'SERVER,E2E' 'yarn start --progress=false --no-info' 'yarn test:cypress'",
     "test:cypress": "cypress run --spec ./cypress/integration/select_spec.js",
     "test:cypress-watch": "node ./node_modules/.bin/cypress open",
-    "precommit": "flow check && lint-staged",
-    "postinstall": "preconstruct dev && bolt-check",
+    "precommit": "flow check",
+    "postinstall": "preconstruct dev",
     "changeset": "changeset",
     "version-packages": "changeset version",
     "release": "yarn build && changeset publish"
@@ -121,8 +124,8 @@
       "./node_modules"
     ],
     "testRegex": "src/*(/(__tests?__/)([^_].*/)*?[^_][^/]*?\\.(test|spec)?\\.(js?))$",
-    "setupFiles": [
-      "./enzymeAdapter.setup.js"
+    "setupFilesAfterEnv": [
+      "./test-setup.js"
     ],
     "snapshotSerializers": [
       "jest-emotion"

packages/react-select/CHANGELOG.md

@@ -1,5 +1,21 @@
 # react-select
 
+## 3.1.0
+
+### Minor Changes
+
+- [4cf6c43c](https://github.com/JedWatson/react-select/commit/4cf6c43cc17a01b043fb60b33cad355d433fdf8c) [#3690](https://github.com/JedWatson/react-select/pull/3690) Thanks [@JedWatson](https://github.com/JedWatson)! - Add `isLoading` prop support to the AsyncSelect component (see #3690)
+
+### Patch Changes
+
+- [83b48de4](https://github.com/JedWatson/react-select/commit/83b48de4a18263b361744fc5e89d9b9845b26e4f) [#3868](https://github.com/JedWatson/react-select/pull/3868) Thanks [@Tirzono](https://github.com/Tirzono)! - Fix for not focusing the selected value when the menu opens
+- [563b046a](https://github.com/JedWatson/react-select/commit/563b046a57a94c47950e62cedc4ce1c489f19f91) [#3794](https://github.com/JedWatson/react-select/pull/3794) Thanks [@mitchellhamilton](https://github.com/mitchellhamilton)! - Convert class components that don't have to be class components to function components to reduce bundle size
+- [c7e9c697](https://github.com/JedWatson/react-select/commit/c7e9c697dada15ce3ff9a767bf914ad890080433) [#3682](https://github.com/JedWatson/react-select/pull/3682) Thanks [@JedWatson](https://github.com/JedWatson)! - Allow the input component to be a `textarea` element
+- [3c7de0de](https://github.com/JedWatson/react-select/commit/3c7de0de52826fe74d303a01475c43fe88256156) [#3090](https://github.com/JedWatson/react-select/pull/3090) Thanks [@akiselev](https://github.com/akiselev)! - Add aria attributes to dummy input
+- [d2a820ef](https://github.com/JedWatson/react-select/commit/d2a820efc70835adf864169eebc76947783a15e2) [#3537](https://github.com/JedWatson/react-select/pull/3537) Thanks [@jdelStrother](https://github.com/jdelStrother)! - Fix Flow issues. Refer to the linked PR for more details on the specific issues.
+- [fc52085b](https://github.com/JedWatson/react-select/commit/fc52085b969b1b6f53adf29d52469db9560b828c) [#3662](https://github.com/JedWatson/react-select/pull/3662) Thanks [@eemeli](https://github.com/eemeli)! - Update react-transition-group to ^4.3.0
+- [edb18dd3](https://github.com/JedWatson/react-select/commit/edb18dd3d65b8fbc342bde9e805c5e3293ab6e37) [#3797](https://github.com/JedWatson/react-select/pull/3797) Thanks [@mitchellhamilton](https://github.com/mitchellhamilton)! - Enable Babel loose mode to improve bundle size
+
 ## 3.0.8
 
 ### Patch Changes

packages/react-select/package.json

@@ -1,16 +1,13 @@
 {
   "name": "react-select",
-  "version": "3.0.8",
+  "version": "3.1.0",
   "description": "A Select control built with and for ReactJS",
   "main": "dist/react-select.cjs.js",
   "module": "dist/react-select.esm.js",
   "sideEffects": false,
   "author": "Jed Watson",
   "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/JedWatson/react-select.git"
-  },
+  "repository": "https://github.com/JedWatson/react-select/tree/master/packages/react-select",
   "dependencies": {
     "@babel/runtime": "^7.4.4",
     "@emotion/cache": "^10.0.9",
@@ -26,8 +23,8 @@
     "enzyme": "^3.8.0",
     "enzyme-to-json": "^3.3.0",
     "jest-in-case": "^1.0.2",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0"
   },
   "peerDependencies": {
     "react": "^16.8.0",

packages/react-select/src/Async.js

@@ -25,9 +25,6 @@ export type AsyncProps = {
   /* Function that returns a promise, which is the set of options to be used
      once the promise resolves. */
   loadOptions: (string, (OptionsType) => void) => Promise<*> | void,
-  /* If cacheOptions is truthy, then the loaded data will be cached. The cache
-     will remain until `cacheOptions` changes value. */
-  cacheOptions: any,
   /* Same behaviour as for Select */
   onInputChange?: (string, InputActionMeta) => void,
   /* Same behaviour as for Select */