- This example implements custom Option and Value components to render a Gravatar image for each user based on their email.
- It also demonstrates rendering HTML elements as the placeholder.
-
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index ad7049e3fa..0000000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,39 +0,0 @@
-var gulp = require('gulp');
-var initGulpTasks = require('react-component-gulp-tasks');
-
-var taskConfig = {
-
- component: {
- name: 'Select',
- dependencies: [
- 'classnames',
- 'react-input-autosize',
- 'react',
- 'react-dom'
- ],
- less: {
- path: 'less',
- entry: 'default.less'
- }
- },
-
- example: {
- src: 'examples/src',
- dist: 'examples/dist',
- standalone: true,
- files: [
- 'index.html',
- 'standalone.html',
- '.gitignore'
- ],
- scripts: [
- 'app.js'
- ],
- less: [
- 'example.less'
- ]
- }
-
-};
-
-initGulpTasks(gulp, taskConfig);
diff --git a/less/control.less b/less/control.less
deleted file mode 100644
index 6a5ced741d..0000000000
--- a/less/control.less
+++ /dev/null
@@ -1,275 +0,0 @@
-//
-// Control
-// ------------------------------
-
-// Mixins
-
-// focused styles
-.Select-focus-state(@color) {
- border-color: @color;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px fade(@color, 10%);
-}
-// "classic" focused styles: maintain for legacy
-.Select-focus-state-classic() {
- border-color: @select-input-border-focus lighten(@select-input-border-focus, 5%) lighten(@select-input-border-focus, 5%);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(@select-input-border-focus,50%);
-}
-
-// base
-
-.Select {
- position: relative;
-
- // preferred box model
- &,
- & div,
- & input,
- & span {
- .box-sizing(border-box);
- }
-
- // handle disabled state
- &.is-disabled > .Select-control {
- background-color: @select-input-bg-disabled;
- &:hover {
- box-shadow: none;
- }
- }
- &.is-disabled .Select-arrow-zone {
- cursor: default;
- pointer-events: none;
- opacity: 0.35;
- }
-}
-
-// base
-
-.Select-control {
- background-color: @select-input-bg;
- border-color: lighten(@select-input-border-color, 5%) @select-input-border-color darken(@select-input-border-color, 10%);
- border-radius: @select-input-border-radius;
- border: @select-input-border-width solid @select-input-border-color;
- color: @select-text-color;
- cursor: default;
- display: table;
- border-spacing: 0;
- border-collapse: separate;
- height: @select-input-height;
- outline: none;
- overflow: hidden;
- position: relative;
- width: 100%;
-
- &:hover {
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
- }
-
- .Select-input:focus {
- outline: none;
- }
-}
-
-.is-searchable {
- &.is-open > .Select-control {
- cursor: text;
- }
-}
-
-.is-open > .Select-control {
- .border-bottom-radius( 0 );
- background: @select-input-bg;
- border-color: darken(@select-input-border-color, 10%) @select-input-border-color lighten(@select-input-border-color, 5%);
-
- // flip the arrow so its pointing up when the menu is open
- .Select-arrow {
- top: -2px;
- border-color: transparent transparent @select-arrow-color;
- border-width: 0 @select-arrow-width @select-arrow-width;
- }
-}
-
-.is-searchable {
- &.is-focused:not(.is-open) > .Select-control {
- cursor: text;
- }
-}
-
-.is-focused:not(.is-open) > .Select-control {
- .Select-focus-state(@select-input-border-focus);
-}
-
-// placeholder
-.Select-placeholder,
-.Select--single > .Select-control .Select-value {
- bottom: 0;
- color: @select-input-placeholder;
- left: 0;
- line-height: @select-input-internal-height;
- padding-left: @select-padding-horizontal;
- padding-right: @select-padding-horizontal;
- position: absolute;
- right: 0;
- top: 0;
-
- // crop text
- max-width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.has-value.Select--single > .Select-control .Select-value,
-.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value {
- .Select-value-label {
- color: @select-text-color;
- }
- a.Select-value-label {
- cursor: pointer;
- text-decoration: none;
-
- &:hover,
- &:focus {
- color: @select-link-hover-color;
- outline: none;
- text-decoration: underline;
- }
- }
-}
-
-
-// the element users type in
-
-.Select-input {
- // inherits `display: inline-block` from "react-input-autosize"
- height: @select-input-internal-height;
- padding-left: @select-padding-horizontal;
- padding-right: @select-padding-horizontal;
- vertical-align: middle;
-
- > input {
- width: 100%;
- background: none transparent;
- border: 0 none;
- box-shadow: none;
- cursor: default;
- display: inline-block;
- font-family: inherit;
- font-size: inherit;
- // height: @select-input-internal-height;
- margin: 0;
- outline: none;
- // padding: 0;
- line-height: 14px; /* For IE 8 compatibility */
- padding: ((@select-input-internal-height - 14) / 2 - 2) 0 ((@select-input-internal-height - 14) / 2 + 2); /* For IE 8 compatibility */
- -webkit-appearance: none;
-
- .is-focused & {
- cursor: text;
- }
- }
-
-}
-
-// fake-hide the input when the control is pseudo-focused
-.has-value.is-pseudo-focused .Select-input {
- opacity: 0;
-}
-
-// fake input
-.Select-control:not(.is-searchable) > .Select-input {
- outline: none;
-}
-
-// loading indicator
-.Select-loading-zone {
- cursor: pointer;
- display: table-cell;
- position: relative;
- text-align: center;
- vertical-align: middle;
- width: @select-loading-size;
-}
-.Select-loading {
- .Select-spinner(@select-loading-size, @select-loading-color-bg, @select-loading-color);
- vertical-align: middle;
-}
-
-
-// the little cross that clears the field
-
-.Select-clear-zone {
- .animation( Select-animation-fadeIn 200ms );
- color: @select-clear-color;
- cursor: pointer;
- display: table-cell;
- position: relative;
- text-align: center;
- vertical-align: middle;
- width: @select-clear-width;
-
- &:hover {
- color: @select-clear-hover-color;
- }
-}
-.Select-clear {
- display: inline-block;
- font-size: @select-clear-size;
- line-height: 1;
-}
-.Select--multi .Select-clear-zone {
- width: @select-clear-width;
-}
-
-
-// arrow indicator
-
-.Select-arrow-zone {
- cursor: pointer;
- display: table-cell;
- position: relative;
- text-align: center;
- vertical-align: middle;
- width: (@select-arrow-width * 5);
- padding-right: @select-arrow-width;
-}
-
-.Select-arrow {
- border-color: @select-arrow-color transparent transparent;
- border-style: solid;
- border-width: @select-arrow-width @select-arrow-width (@select-arrow-width / 2);
- display: inline-block;
- height: 0;
- width: 0;
- position: relative;
-}
-.is-open .Select-arrow,
-.Select-arrow-zone:hover > .Select-arrow {
- border-top-color: @select-arrow-color-hover;
-}
-
-.Select--multi .Select-multi-value-wrapper {
- display: inline-block;
-}
-.Select .Select-aria-only {
- display: inline-block;
- height: 1px;
- width: 1px;
- margin: -1px;
- clip: rect(0,0,0,0);
- overflow: hidden;
- float: left;
-}
-
-// Animation
-// ------------------------------
-
-// fade in
-
-@-webkit-keyframes Select-animation-fadeIn {
- from { opacity: 0; }
- to { opacity: 1; }
-}
-@keyframes Select-animation-fadeIn {
- from { opacity: 0; }
- to { opacity: 1; }
-}
diff --git a/less/default.less b/less/default.less
deleted file mode 100644
index 894e61b203..0000000000
--- a/less/default.less
+++ /dev/null
@@ -1 +0,0 @@
-@import "select.less";
diff --git a/less/menu.less b/less/menu.less
deleted file mode 100644
index 8b9fe457c0..0000000000
--- a/less/menu.less
+++ /dev/null
@@ -1,79 +0,0 @@
-//
-// Select Menu
-// ------------------------------
-
-
-// wrapper around the menu
-
-.Select-menu-outer {
- // Unfortunately, having both border-radius and allows scrolling using overflow defined on the same
- // element forces the browser to repaint on scroll. However, if these definitions are split into an
- // outer and an inner element, the browser is able to optimize the scrolling behavior and does not
- // have to repaint on scroll.
- .border-bottom-radius( @select-input-border-radius );
- background-color: @select-input-bg;
- border: 1px solid @select-input-border-color;
- border-top-color: mix(@select-input-bg, @select-input-border-color, 50%);
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
- box-sizing: border-box;
- margin-top: -1px;
- max-height: @select-menu-max-height;
- position: absolute;
- top: 100%;
- width: 100%;
- z-index: @select-menu-zindex;
- -webkit-overflow-scrolling: touch;
-}
-
-
-// wrapper
-
-.Select-menu {
- max-height: (@select-menu-max-height - 2px);
- overflow-y: auto;
-}
-
-
-// options
-
-.Select-option {
- box-sizing: border-box;
- background-color: @select-option-bg;
- color: @select-option-color;
- cursor: pointer;
- display: block;
- padding: @select-padding-vertical @select-padding-horizontal;
-
- &:last-child {
- .border-bottom-radius( @select-input-border-radius );
- }
-
- &.is-selected {
- background-color: @select-option-selected-bg-fb; /* Fallback color for IE 8 */
- background-color: @select-option-selected-bg;
- color: @select-option-selected-color;
- }
-
- &.is-focused {
- background-color: @select-option-focused-bg-fb; /* Fallback color for IE 8 */
- background-color: @select-option-focused-bg;
- color: @select-option-focused-color;
- }
-
- &.is-disabled {
- color: @select-option-disabled-color;
- cursor: default;
- }
-
-}
-
-
-// no results
-
-.Select-noresults {
- box-sizing: border-box;
- color: @select-noresults-color;
- cursor: default;
- display: block;
- padding: @select-padding-vertical @select-padding-horizontal;
-}
diff --git a/less/mixins.less b/less/mixins.less
deleted file mode 100644
index b703f117ad..0000000000
--- a/less/mixins.less
+++ /dev/null
@@ -1,56 +0,0 @@
-//
-// Mixins
-// ------------------------------
-
-
-// Utilities
-
-.size(@width; @height) {
- width: @width;
- height: @height;
-}
-.square(@size) {
- .size(@size; @size);
-}
-.border-top-radius(@radius) {
- border-top-right-radius: @radius;
- border-top-left-radius: @radius;
-}
-.border-right-radius(@radius) {
- border-bottom-right-radius: @radius;
- border-top-right-radius: @radius;
-}
-.border-bottom-radius(@radius) {
- border-bottom-right-radius: @radius;
- border-bottom-left-radius: @radius;
-}
-.border-left-radius(@radius) {
- border-bottom-left-radius: @radius;
- border-top-left-radius: @radius;
-}
-
-
-// Vendor Prefixes
-
-.animation(@animation) {
- -webkit-animation: @animation;
- -o-animation: @animation;
- animation: @animation;
-}
-.box-sizing(@boxmodel) {
- -webkit-box-sizing: @boxmodel;
- -moz-box-sizing: @boxmodel;
- box-sizing: @boxmodel;
-}
-.rotate(@degrees) {
- -webkit-transform: rotate(@degrees);
- -ms-transform: rotate(@degrees); // IE9 only
- -o-transform: rotate(@degrees);
- transform: rotate(@degrees);
-}
-.transform(@transform) {
- -webkit-transform: @transform;
- -moz-transform: @transform;
- -ms-transform: @transform;
- transform: @transform;
-}
diff --git a/less/multi.less b/less/multi.less
deleted file mode 100644
index ee5449fe4e..0000000000
--- a/less/multi.less
+++ /dev/null
@@ -1,103 +0,0 @@
-//
-// Multi-Select
-// ------------------------------
-
-
-// Base
-
-.Select--multi {
-
- // add margin to the input element
- .Select-input {
- vertical-align: middle;
- // border: 1px solid transparent;
- margin-left: @select-padding-horizontal;
- padding: 0;
- }
-
- // reduce margin once there is value
- &.has-value .Select-input {
- margin-left: @select-item-gutter;
- }
-
- // Items
- .Select-value {
- background-color: @select-item-bg-fb; /* Fallback color for IE 8 */
- background-color: @select-item-bg;
- border-radius: @select-item-border-radius;
- border: 1px solid @select-item-border-color-fb; /* Fallback color for IE 8 */
- border: 1px solid @select-item-border-color;
- color: @select-item-color;
- display: inline-block;
- font-size: @select-item-font-size;
- line-height: 1.4;
- margin-left: @select-item-gutter;
- margin-top: @select-item-gutter;
- vertical-align: top;
- }
-
- // common
- .Select-value-icon,
- .Select-value-label {
- display: inline-block;
- vertical-align: middle;
- }
-
- // label
- .Select-value-label {
- .border-right-radius( @select-item-border-radius );
- cursor: default;
- padding: @select-item-padding-vertical @select-item-padding-horizontal;
- }
- a.Select-value-label {
- color: @select-item-color;
- cursor: pointer;
- text-decoration: none;
-
- &:hover {
- text-decoration: underline;
- }
- }
-
- // icon
- .Select-value-icon {
- cursor: pointer;
- .border-left-radius( @select-item-border-radius );
- border-right: 1px solid @select-item-border-color-fb; /* Fallback color for IE 8 */
- border-right: 1px solid @select-item-border-color;
-
- // move the baseline up by 1px
- padding: (@select-item-padding-vertical - 1) @select-item-padding-horizontal (@select-item-padding-vertical + 1);
-
- &:hover,
- &:focus {
- background-color: @select-item-hover-bg-fb; /* Fallback color for IE 8 */
- background-color: @select-item-hover-bg;
- color: @select-item-hover-color;
- }
- &:active {
- background-color: @select-item-border-color-fb; /* Fallback color for IE 8 */
- background-color: @select-item-border-color;
- }
- }
-
-}
-
-.Select--multi.is-disabled {
- .Select-value {
- background-color: @select-item-disabled-bg;
- border: 1px solid @select-item-disabled-border-color;
- color: @select-item-disabled-color;
- }
- // icon
- .Select-value-icon {
- cursor: not-allowed;
- border-right: 1px solid @select-item-disabled-border-color;
-
- &:hover,
- &:focus,
- &:active {
- background-color: @select-item-disabled-bg;
- }
- }
-}
diff --git a/less/select.less b/less/select.less
deleted file mode 100644
index a1875c7b58..0000000000
--- a/less/select.less
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * React Select
- * ============
- * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
- * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
- * MIT License: https://github.com/JedWatson/react-select
-*/
-
-// Variables
-// ------------------------------
-
-// common
-@select-primary-color: #007eff;
-
-// control options
-@select-input-bg: #fff;
-@select-input-bg-disabled: #f9f9f9;
-@select-input-border-color: #ccc;
-@select-input-border-radius: 4px;
-@select-input-border-focus: @select-primary-color;
-@select-input-border-width: 1px;
-@select-input-height: 36px;
-@select-input-internal-height: (@select-input-height - (@select-input-border-width * 2));
-@select-input-placeholder: #aaa;
-@select-text-color: #333;
-@select-link-hover-color: @select-input-border-focus;
-
-@select-padding-vertical: 8px;
-@select-padding-horizontal: 10px;
-
-// menu options
-@select-menu-zindex: 1;
-@select-menu-max-height: 200px;
-
-@select-option-color: lighten(@select-text-color, 20%);
-@select-option-bg: @select-input-bg;
-@select-option-focused-color: @select-text-color;
-@select-option-focused-bg: fade(@select-primary-color, 8%);
-@select-option-focused-bg-fb: mix(@select-primary-color, @select-option-bg, 8%); // Fallback color for IE 8
-@select-option-selected-color: @select-text-color;
-@select-option-selected-bg: fade(@select-primary-color, 4%);
-@select-option-selected-bg-fb: mix(@select-primary-color, @select-option-bg, 4%); // Fallback color for IE 8
-@select-option-disabled-color: lighten(@select-text-color, 60%);
-
-@select-noresults-color: lighten(@select-text-color, 40%);
-
-// clear "x" button
-@select-clear-size: floor((@select-input-height / 2));
-@select-clear-color: #999;
-@select-clear-hover-color: #D0021B; // red
-@select-clear-width: (@select-input-internal-height / 2);
-
-// arrow indicator
-@select-arrow-color: #999;
-@select-arrow-color-hover: #666;
-@select-arrow-width: 5px;
-
-// loading indicator
-@select-loading-size: 16px;
-@select-loading-color: @select-text-color;
-@select-loading-color-bg: @select-input-border-color;
-
-// multi-select item
-@select-item-font-size: .9em;
-
-@select-item-bg: fade(@select-primary-color, 8%);
-@select-item-bg-fb: mix(@select-primary-color, @select-input-bg, 8%); // Fallback color for IE 8
-@select-item-color: @select-primary-color;
-@select-item-border-color: fade(@select-primary-color, 24%);
-@select-item-border-color-fb: mix(@select-primary-color, @select-input-bg, 24%); // Fallback color for IE 8
-@select-item-hover-color: darken(@select-item-color, 5%);
-@select-item-hover-bg: darken(@select-item-bg, 5%);
-@select-item-hover-bg-fb: mix(darken(@select-primary-color, 5%), @select-item-bg-fb, 8%); // Fallback color for IE 8
-@select-item-disabled-color: #333;
-@select-item-disabled-bg: #fcfcfc;
-@select-item-disabled-border-color: darken(@select-item-disabled-bg, 10%);
-
-@select-item-border-radius: 2px;
-@select-item-gutter: 5px;
-
-@select-item-padding-horizontal: 5px;
-@select-item-padding-vertical: 2px;
-
-// imports
-@import "control.less";
-@import "menu.less";
-@import "mixins.less";
-@import "multi.less";
-@import "spinner.less";
diff --git a/less/spinner.less b/less/spinner.less
deleted file mode 100644
index 7263396700..0000000000
--- a/less/spinner.less
+++ /dev/null
@@ -1,22 +0,0 @@
-//
-// Spinner
-// ------------------------------
-
-.Select-spinner(@size, @orbit, @satellite) {
- .animation( Select-animation-spin 400ms infinite linear );
- .square(@size);
- box-sizing: border-box;
- border-radius: 50%;
- border: floor((@size / 8)) solid @orbit;
- border-right-color: @satellite;
- display: inline-block;
- position: relative;
-
-}
-
-@keyframes Select-animation-spin {
- to { transform: rotate(1turn); }
-}
-@-webkit-keyframes Select-animation-spin {
- to { -webkit-transform: rotate(1turn); }
-}
diff --git a/lib/Async.js b/lib/Async.js
deleted file mode 100644
index bcc34b5197..0000000000
--- a/lib/Async.js
+++ /dev/null
@@ -1,265 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
-var _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Select = require('./Select');
-
-var _Select2 = _interopRequireDefault(_Select);
-
-var _utilsStripDiacritics = require('./utils/stripDiacritics');
-
-var _utilsStripDiacritics2 = _interopRequireDefault(_utilsStripDiacritics);
-
-var propTypes = {
- autoload: _react2['default'].PropTypes.bool.isRequired, // automatically call the `loadOptions` prop on-mount; defaults to true
- cache: _react2['default'].PropTypes.any, // object to use to cache results; set to null/false to disable caching
- children: _react2['default'].PropTypes.func.isRequired, // Child function responsible for creating the inner Select component; (props: Object): PropTypes.element
- ignoreAccents: _react2['default'].PropTypes.bool, // strip diacritics when filtering; defaults to true
- ignoreCase: _react2['default'].PropTypes.bool, // perform case-insensitive filtering; defaults to true
- loadingPlaceholder: _react2['default'].PropTypes.oneOfType([// replaces the placeholder while options are loading
- _react2['default'].PropTypes.string, _react2['default'].PropTypes.node]),
- loadOptions: _react2['default'].PropTypes.func.isRequired, // callback to load options asynchronously; (inputValue: string, callback: Function): ?Promise
- options: _react.PropTypes.array.isRequired, // array of options
- placeholder: _react2['default'].PropTypes.oneOfType([// field placeholder, displayed when there's no value (shared with Select)
- _react2['default'].PropTypes.string, _react2['default'].PropTypes.node]),
- noResultsText: _react2['default'].PropTypes.oneOfType([// field noResultsText, displayed when no options come back from the server
- _react2['default'].PropTypes.string, _react2['default'].PropTypes.node]),
- onChange: _react2['default'].PropTypes.func, // onChange handler: function (newValue) {}
- searchPromptText: _react2['default'].PropTypes.oneOfType([// label to prompt for search input
- _react2['default'].PropTypes.string, _react2['default'].PropTypes.node]),
- onInputChange: _react2['default'].PropTypes.func, // optional for keeping track of what is being typed
- value: _react2['default'].PropTypes.any };
-
-// initial field value
-var defaultCache = {};
-
-var defaultProps = {
- autoload: true,
- cache: defaultCache,
- children: defaultChildren,
- ignoreAccents: true,
- ignoreCase: true,
- loadingPlaceholder: 'Loading...',
- options: [],
- searchPromptText: 'Type to search'
-};
-
-var Async = (function (_Component) {
- _inherits(Async, _Component);
-
- function Async(props, context) {
- _classCallCheck(this, Async);
-
- _get(Object.getPrototypeOf(Async.prototype), 'constructor', this).call(this, props, context);
-
- this._cache = props.cache === defaultCache ? {} : props.cache;
-
- this.state = {
- isLoading: false,
- options: props.options
- };
-
- this._onInputChange = this._onInputChange.bind(this);
- }
-
- _createClass(Async, [{
- key: 'componentDidMount',
- value: function componentDidMount() {
- var autoload = this.props.autoload;
-
- if (autoload) {
- this.loadOptions('');
- }
- }
- }, {
- key: 'componentWillUpdate',
- value: function componentWillUpdate(nextProps, nextState) {
- var _this = this;
-
- var propertiesToSync = ['options'];
- propertiesToSync.forEach(function (prop) {
- if (_this.props[prop] !== nextProps[prop]) {
- _this.setState(_defineProperty({}, prop, nextProps[prop]));
- }
- });
- }
- }, {
- key: 'clearOptions',
- value: function clearOptions() {
- this.setState({ options: [] });
- }
- }, {
- key: 'loadOptions',
- value: function loadOptions(inputValue) {
- var _this2 = this;
-
- var loadOptions = this.props.loadOptions;
-
- var cache = this._cache;
-
- if (cache && cache.hasOwnProperty(inputValue)) {
- this.setState({
- options: cache[inputValue]
- });
-
- return;
- }
-
- var callback = function callback(error, data) {
- if (callback === _this2._callback) {
- _this2._callback = null;
-
- var options = data && data.options || [];
-
- if (cache) {
- cache[inputValue] = options;
- }
-
- _this2.setState({
- isLoading: false,
- options: options
- });
- }
- };
-
- // Ignore all but the most recent request
- this._callback = callback;
-
- var promise = loadOptions(inputValue, callback);
- if (promise) {
- promise.then(function (data) {
- return callback(null, data);
- }, function (error) {
- return callback(error);
- });
- }
-
- if (this._callback && !this.state.isLoading) {
- this.setState({
- isLoading: true
- });
- }
-
- return inputValue;
- }
- }, {
- key: '_onInputChange',
- value: function _onInputChange(inputValue) {
- var _props = this.props;
- var ignoreAccents = _props.ignoreAccents;
- var ignoreCase = _props.ignoreCase;
- var onInputChange = _props.onInputChange;
-
- if (ignoreAccents) {
- inputValue = (0, _utilsStripDiacritics2['default'])(inputValue);
- }
-
- if (ignoreCase) {
- inputValue = inputValue.toLowerCase();
- }
-
- if (onInputChange) {
- onInputChange(inputValue);
- }
-
- return this.loadOptions(inputValue);
- }
- }, {
- key: 'inputValue',
- value: function inputValue() {
- if (this.select) {
- return this.select.state.inputValue;
- }
- return '';
- }
- }, {
- key: 'noResultsText',
- value: function noResultsText() {
- var _props2 = this.props;
- var loadingPlaceholder = _props2.loadingPlaceholder;
- var noResultsText = _props2.noResultsText;
- var searchPromptText = _props2.searchPromptText;
- var isLoading = this.state.isLoading;
-
- var inputValue = this.inputValue();
-
- if (isLoading) {
- return loadingPlaceholder;
- }
- if (inputValue && noResultsText) {
- return noResultsText;
- }
- return searchPromptText;
- }
- }, {
- key: 'focus',
- value: function focus() {
- this.select.focus();
- }
- }, {
- key: 'render',
- value: function render() {
- var _this3 = this;
-
- var _props3 = this.props;
- var children = _props3.children;
- var loadingPlaceholder = _props3.loadingPlaceholder;
- var placeholder = _props3.placeholder;
- var _state = this.state;
- var isLoading = _state.isLoading;
- var options = _state.options;
-
- var props = {
- noResultsText: this.noResultsText(),
- placeholder: isLoading ? loadingPlaceholder : placeholder,
- options: isLoading && loadingPlaceholder ? [] : options,
- ref: function ref(_ref) {
- return _this3.select = _ref;
- },
- onChange: function onChange(newValues) {
- if (_this3.props.multi && _this3.props.value && newValues.length > _this3.props.value.length) {
- _this3.clearOptions();
- }
- _this3.props.onChange(newValues);
- }
- };
-
- return children(_extends({}, this.props, props, {
- isLoading: isLoading,
- onInputChange: this._onInputChange
- }));
- }
- }]);
-
- return Async;
-})(_react.Component);
-
-exports['default'] = Async;
-
-Async.propTypes = propTypes;
-Async.defaultProps = defaultProps;
-
-function defaultChildren(props) {
- return _react2['default'].createElement(_Select2['default'], props);
-};
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/lib/AsyncCreatable.js b/lib/AsyncCreatable.js
deleted file mode 100644
index 18491df46a..0000000000
--- a/lib/AsyncCreatable.js
+++ /dev/null
@@ -1,56 +0,0 @@
-'use strict';
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Select = require('./Select');
-
-var _Select2 = _interopRequireDefault(_Select);
-
-function reduce(obj) {
- var props = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
-
- return Object.keys(obj).reduce(function (props, key) {
- var value = obj[key];
- if (value !== undefined) props[key] = value;
- return props;
- }, props);
-}
-
-var AsyncCreatable = _react2['default'].createClass({
- displayName: 'AsyncCreatableSelect',
-
- render: function render() {
- var _this = this;
-
- return _react2['default'].createElement(
- _Select2['default'].Async,
- this.props,
- function (asyncProps) {
- return _react2['default'].createElement(
- _Select2['default'].Creatable,
- _this.props,
- function (creatableProps) {
- return _react2['default'].createElement(_Select2['default'], _extends({}, reduce(asyncProps, reduce(creatableProps, {})), {
- onInputChange: function (input) {
- creatableProps.onInputChange(input);
- return asyncProps.onInputChange(input);
- },
- ref: function (ref) {
- creatableProps.ref(ref);
- asyncProps.ref(ref);
- }
- }));
- }
- );
- }
- );
- }
-});
-
-module.exports = AsyncCreatable;
\ No newline at end of file
diff --git a/lib/Creatable.js b/lib/Creatable.js
deleted file mode 100644
index b5d0101115..0000000000
--- a/lib/Creatable.js
+++ /dev/null
@@ -1,316 +0,0 @@
-'use strict';
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _Select = require('./Select');
-
-var _Select2 = _interopRequireDefault(_Select);
-
-var _utilsDefaultFilterOptions = require('./utils/defaultFilterOptions');
-
-var _utilsDefaultFilterOptions2 = _interopRequireDefault(_utilsDefaultFilterOptions);
-
-var _utilsDefaultMenuRenderer = require('./utils/defaultMenuRenderer');
-
-var _utilsDefaultMenuRenderer2 = _interopRequireDefault(_utilsDefaultMenuRenderer);
-
-var Creatable = _react2['default'].createClass({
- displayName: 'CreatableSelect',
-
- propTypes: {
- // Child function responsible for creating the inner Select component
- // This component can be used to compose HOCs (eg Creatable and Async)
- // (props: Object): PropTypes.element
- children: _react2['default'].PropTypes.func,
-
- // See Select.propTypes.filterOptions
- filterOptions: _react2['default'].PropTypes.any,
-
- // Searches for any matching option within the set of options.
- // This function prevents duplicate options from being created.
- // ({ option: Object, options: Array, labelKey: string, valueKey: string }): boolean
- isOptionUnique: _react2['default'].PropTypes.func,
-
- // Determines if the current input text represents a valid option.
- // ({ label: string }): boolean
- isValidNewOption: _react2['default'].PropTypes.func,
-
- // See Select.propTypes.menuRenderer
- menuRenderer: _react2['default'].PropTypes.any,
-
- // Factory to create new option.
- // ({ label: string, labelKey: string, valueKey: string }): Object
- newOptionCreator: _react2['default'].PropTypes.func,
-
- // input change handler: function (inputValue) {}
- onInputChange: _react2['default'].PropTypes.func,
-
- // input keyDown handler: function (event) {}
- onInputKeyDown: _react2['default'].PropTypes.func,
-
- // new option click handler: function (option) {}
- onNewOptionClick: _react2['default'].PropTypes.func,
-
- // See Select.propTypes.options
- options: _react2['default'].PropTypes.array,
-
- // Creates prompt/placeholder option text.
- // (filterText: string): string
- promptTextCreator: _react2['default'].PropTypes.func,
-
- // Decides if a keyDown event (eg its `keyCode`) should result in the creation of a new option.
- shouldKeyDownEventCreateNewOption: _react2['default'].PropTypes.func
- },
-
- // Default prop methods
- statics: {
- isOptionUnique: isOptionUnique,
- isValidNewOption: isValidNewOption,
- newOptionCreator: newOptionCreator,
- promptTextCreator: promptTextCreator,
- shouldKeyDownEventCreateNewOption: shouldKeyDownEventCreateNewOption
- },
-
- getDefaultProps: function getDefaultProps() {
- return {
- filterOptions: _utilsDefaultFilterOptions2['default'],
- isOptionUnique: isOptionUnique,
- isValidNewOption: isValidNewOption,
- menuRenderer: _utilsDefaultMenuRenderer2['default'],
- newOptionCreator: newOptionCreator,
- promptTextCreator: promptTextCreator,
- shouldKeyDownEventCreateNewOption: shouldKeyDownEventCreateNewOption
- };
- },
-
- createNewOption: function createNewOption() {
- var _props = this.props;
- var isValidNewOption = _props.isValidNewOption;
- var newOptionCreator = _props.newOptionCreator;
- var onNewOptionClick = _props.onNewOptionClick;
- var _props$options = _props.options;
- var options = _props$options === undefined ? [] : _props$options;
- var shouldKeyDownEventCreateNewOption = _props.shouldKeyDownEventCreateNewOption;
-
- if (isValidNewOption({ label: this.inputValue })) {
- var option = newOptionCreator({ label: this.inputValue, labelKey: this.labelKey, valueKey: this.valueKey });
- var _isOptionUnique = this.isOptionUnique({ option: option });
-
- // Don't add the same option twice.
- if (_isOptionUnique) {
- if (onNewOptionClick) {
- onNewOptionClick(option);
- } else {
- options.unshift(option);
-
- this.select.selectValue(option);
- }
- }
- }
- },
-
- filterOptions: function filterOptions() {
- var _props2 = this.props;
- var filterOptions = _props2.filterOptions;
- var isValidNewOption = _props2.isValidNewOption;
- var options = _props2.options;
- var promptTextCreator = _props2.promptTextCreator;
-
- // TRICKY Check currently selected options as well.
- // Don't display a create-prompt for a value that's selected.
- // This covers async edge-cases where a newly-created Option isn't yet in the async-loaded array.
- var excludeOptions = arguments[2] || [];
-
- var filteredOptions = filterOptions.apply(undefined, arguments) || [];
-
- if (isValidNewOption({ label: this.inputValue })) {
- var _newOptionCreator = this.props.newOptionCreator;
-
- var option = _newOptionCreator({
- label: this.inputValue,
- labelKey: this.labelKey,
- valueKey: this.valueKey
- });
-
- // TRICKY Compare to all options (not just filtered options) in case option has already been selected).
- // For multi-selects, this would remove it from the filtered list.
- var _isOptionUnique2 = this.isOptionUnique({
- option: option,
- options: excludeOptions.concat(filteredOptions)
- });
-
- if (_isOptionUnique2) {
- var _prompt = promptTextCreator(this.inputValue);
-
- this._createPlaceholderOption = _newOptionCreator({
- label: _prompt,
- labelKey: this.labelKey,
- valueKey: this.valueKey
- });
-
- filteredOptions.unshift(this._createPlaceholderOption);
- }
- }
-
- return filteredOptions;
- },
-
- isOptionUnique: function isOptionUnique(_ref2) {
- var option = _ref2.option;
- var options = _ref2.options;
- var isOptionUnique = this.props.isOptionUnique;
-
- options = options || this.select.filterOptions();
-
- return isOptionUnique({
- labelKey: this.labelKey,
- option: option,
- options: options,
- valueKey: this.valueKey
- });
- },
-
- menuRenderer: function menuRenderer(params) {
- var menuRenderer = this.props.menuRenderer;
-
- return menuRenderer(_extends({}, params, {
- onSelect: this.onOptionSelect,
- selectValue: this.onOptionSelect
- }));
- },
-
- onInputChange: function onInputChange(input) {
- var onInputChange = this.props.onInputChange;
-
- if (onInputChange) {
- onInputChange(input);
- }
-
- // This value may be needed in between Select mounts (when this.select is null)
- this.inputValue = input;
- },
-
- onInputKeyDown: function onInputKeyDown(event) {
- var _props3 = this.props;
- var shouldKeyDownEventCreateNewOption = _props3.shouldKeyDownEventCreateNewOption;
- var onInputKeyDown = _props3.onInputKeyDown;
-
- var focusedOption = this.select.getFocusedOption();
-
- if (focusedOption && focusedOption === this._createPlaceholderOption && shouldKeyDownEventCreateNewOption({ keyCode: event.keyCode })) {
- this.createNewOption();
-
- // Prevent decorated Select from doing anything additional with this keyDown event
- event.preventDefault();
- } else if (onInputKeyDown) {
- onInputKeyDown(event);
- }
- },
-
- onOptionSelect: function onOptionSelect(option, event) {
- if (option === this._createPlaceholderOption) {
- this.createNewOption();
- } else {
- this.select.selectValue(option);
- }
- },
-
- render: function render() {
- var _this = this;
-
- var _props4 = this.props;
- var newOptionCreator = _props4.newOptionCreator;
- var shouldKeyDownEventCreateNewOption = _props4.shouldKeyDownEventCreateNewOption;
-
- var restProps = _objectWithoutProperties(_props4, ['newOptionCreator', 'shouldKeyDownEventCreateNewOption']);
-
- var children = this.props.children;
-
- // We can't use destructuring default values to set the children,
- // because it won't apply work if `children` is null. A falsy check is
- // more reliable in real world use-cases.
- if (!children) {
- children = defaultChildren;
- }
-
- var props = _extends({}, restProps, {
- allowCreate: true,
- filterOptions: this.filterOptions,
- menuRenderer: this.menuRenderer,
- onInputChange: this.onInputChange,
- onInputKeyDown: this.onInputKeyDown,
- ref: function ref(_ref) {
- _this.select = _ref;
-
- // These values may be needed in between Select mounts (when this.select is null)
- if (_ref) {
- _this.labelKey = _ref.props.labelKey;
- _this.valueKey = _ref.props.valueKey;
- }
- }
- });
-
- return children(props);
- }
-});
-
-function defaultChildren(props) {
- return _react2['default'].createElement(_Select2['default'], props);
-};
-
-function isOptionUnique(_ref3) {
- var option = _ref3.option;
- var options = _ref3.options;
- var labelKey = _ref3.labelKey;
- var valueKey = _ref3.valueKey;
-
- return options.filter(function (existingOption) {
- return existingOption[labelKey] === option[labelKey] || existingOption[valueKey] === option[valueKey];
- }).length === 0;
-};
-
-function isValidNewOption(_ref4) {
- var label = _ref4.label;
-
- return !!label;
-};
-
-function newOptionCreator(_ref5) {
- var label = _ref5.label;
- var labelKey = _ref5.labelKey;
- var valueKey = _ref5.valueKey;
-
- var option = {};
- option[valueKey] = label;
- option[labelKey] = label;
- option.className = 'Select-create-option-placeholder';
- return option;
-};
-
-function promptTextCreator(label) {
- return 'Create option "' + label + '"';
-}
-
-function shouldKeyDownEventCreateNewOption(_ref6) {
- var keyCode = _ref6.keyCode;
-
- switch (keyCode) {
- case 9: // TAB
- case 13: // ENTER
- case 188:
- // COMMA
- return true;
- }
-
- return false;
-};
-
-module.exports = Creatable;
\ No newline at end of file
diff --git a/lib/Option.js b/lib/Option.js
deleted file mode 100644
index 5c8334ed7c..0000000000
--- a/lib/Option.js
+++ /dev/null
@@ -1,111 +0,0 @@
-'use strict';
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var Option = _react2['default'].createClass({
- displayName: 'Option',
-
- propTypes: {
- children: _react2['default'].PropTypes.node,
- className: _react2['default'].PropTypes.string, // className (based on mouse position)
- instancePrefix: _react2['default'].PropTypes.string.isRequired, // unique prefix for the ids (used for aria)
- isDisabled: _react2['default'].PropTypes.bool, // the option is disabled
- isFocused: _react2['default'].PropTypes.bool, // the option is focused
- isSelected: _react2['default'].PropTypes.bool, // the option is selected
- onFocus: _react2['default'].PropTypes.func, // method to handle mouseEnter on option element
- onSelect: _react2['default'].PropTypes.func, // method to handle click on option element
- onUnfocus: _react2['default'].PropTypes.func, // method to handle mouseLeave on option element
- option: _react2['default'].PropTypes.object.isRequired, // object that is base for that option
- optionIndex: _react2['default'].PropTypes.number },
- // index of the option, used to generate unique ids for aria
- blockEvent: function blockEvent(event) {
- event.preventDefault();
- event.stopPropagation();
- if (event.target.tagName !== 'A' || !('href' in event.target)) {
- return;
- }
- if (event.target.target) {
- window.open(event.target.href, event.target.target);
- } else {
- window.location.href = event.target.href;
- }
- },
-
- handleMouseDown: function handleMouseDown(event) {
- event.preventDefault();
- event.stopPropagation();
- this.props.onSelect(this.props.option, event);
- },
-
- handleMouseEnter: function handleMouseEnter(event) {
- this.onFocus(event);
- },
-
- handleMouseMove: function handleMouseMove(event) {
- this.onFocus(event);
- },
-
- handleTouchEnd: function handleTouchEnd(event) {
- // Check if the view is being dragged, In this case
- // we don't want to fire the click event (because the user only wants to scroll)
- if (this.dragging) return;
-
- this.handleMouseDown(event);
- },
-
- handleTouchMove: function handleTouchMove(event) {
- // Set a flag that the view is being dragged
- this.dragging = true;
- },
-
- handleTouchStart: function handleTouchStart(event) {
- // Set a flag that the view is not being dragged
- this.dragging = false;
- },
-
- onFocus: function onFocus(event) {
- if (!this.props.isFocused) {
- this.props.onFocus(this.props.option, event);
- }
- },
- render: function render() {
- var _props = this.props;
- var option = _props.option;
- var instancePrefix = _props.instancePrefix;
- var optionIndex = _props.optionIndex;
-
- var className = (0, _classnames2['default'])(this.props.className, option.className);
-
- return option.disabled ? _react2['default'].createElement(
- 'div',
- { className: className,
- onMouseDown: this.blockEvent,
- onClick: this.blockEvent },
- this.props.children
- ) : _react2['default'].createElement(
- 'div',
- { className: className,
- style: option.style,
- role: 'option',
- onMouseDown: this.handleMouseDown,
- onMouseEnter: this.handleMouseEnter,
- onMouseMove: this.handleMouseMove,
- onTouchStart: this.handleTouchStart,
- onTouchMove: this.handleTouchMove,
- onTouchEnd: this.handleTouchEnd,
- id: instancePrefix + '-option-' + optionIndex,
- title: option.title },
- this.props.children
- );
- }
-});
-
-module.exports = Option;
\ No newline at end of file
diff --git a/lib/Select.js b/lib/Select.js
deleted file mode 100644
index f3fb8bb8c8..0000000000
--- a/lib/Select.js
+++ /dev/null
@@ -1,1227 +0,0 @@
-/*!
- Copyright (c) 2016 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/react-select
-*/
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
- value: true
-});
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactDom = require('react-dom');
-
-var _reactDom2 = _interopRequireDefault(_reactDom);
-
-var _reactInputAutosize = require('react-input-autosize');
-
-var _reactInputAutosize2 = _interopRequireDefault(_reactInputAutosize);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _utilsDefaultArrowRenderer = require('./utils/defaultArrowRenderer');
-
-var _utilsDefaultArrowRenderer2 = _interopRequireDefault(_utilsDefaultArrowRenderer);
-
-var _utilsDefaultFilterOptions = require('./utils/defaultFilterOptions');
-
-var _utilsDefaultFilterOptions2 = _interopRequireDefault(_utilsDefaultFilterOptions);
-
-var _utilsDefaultMenuRenderer = require('./utils/defaultMenuRenderer');
-
-var _utilsDefaultMenuRenderer2 = _interopRequireDefault(_utilsDefaultMenuRenderer);
-
-var _utilsDefaultClearRenderer = require('./utils/defaultClearRenderer');
-
-var _utilsDefaultClearRenderer2 = _interopRequireDefault(_utilsDefaultClearRenderer);
-
-var _Async = require('./Async');
-
-var _Async2 = _interopRequireDefault(_Async);
-
-var _AsyncCreatable = require('./AsyncCreatable');
-
-var _AsyncCreatable2 = _interopRequireDefault(_AsyncCreatable);
-
-var _Creatable = require('./Creatable');
-
-var _Creatable2 = _interopRequireDefault(_Creatable);
-
-var _Option = require('./Option');
-
-var _Option2 = _interopRequireDefault(_Option);
-
-var _Value = require('./Value');
-
-var _Value2 = _interopRequireDefault(_Value);
-
-function stringifyValue(value) {
- var valueType = typeof value;
- if (valueType === 'string') {
- return value;
- } else if (valueType === 'object') {
- return JSON.stringify(value);
- } else if (valueType === 'number' || valueType === 'boolean') {
- return String(value);
- } else {
- return '';
- }
-}
-
-var stringOrNode = _react2['default'].PropTypes.oneOfType([_react2['default'].PropTypes.string, _react2['default'].PropTypes.node]);
-
-var instanceId = 1;
-
-var Select = _react2['default'].createClass({
-
- displayName: 'Select',
-
- propTypes: {
- addLabelText: _react2['default'].PropTypes.string, // placeholder displayed when you want to add a label on a multi-value input
- 'aria-label': _react2['default'].PropTypes.string, // Aria label (for assistive tech)
- 'aria-labelledby': _react2['default'].PropTypes.string, // HTML ID of an element that should be used as the label (for assistive tech)
- arrowRenderer: _react2['default'].PropTypes.func, // Create drop-down caret element
- autoBlur: _react2['default'].PropTypes.bool, // automatically blur the component when an option is selected
- autofocus: _react2['default'].PropTypes.bool, // autofocus the component on mount
- autosize: _react2['default'].PropTypes.bool, // whether to enable autosizing or not
- backspaceRemoves: _react2['default'].PropTypes.bool, // whether backspace removes an item if there is no text input
- backspaceToRemoveMessage: _react2['default'].PropTypes.string, // Message to use for screenreaders to press backspace to remove the current item - {label} is replaced with the item label
- className: _react2['default'].PropTypes.string, // className for the outer element
- clearAllText: stringOrNode, // title for the "clear" control when multi: true
- clearRenderer: _react2['default'].PropTypes.func, // create clearable x element
- clearValueText: stringOrNode, // title for the "clear" control
- clearable: _react2['default'].PropTypes.bool, // should it be possible to reset value
- deleteRemoves: _react2['default'].PropTypes.bool, // whether backspace removes an item if there is no text input
- delimiter: _react2['default'].PropTypes.string, // delimiter to use to join multiple values for the hidden field value
- disabled: _react2['default'].PropTypes.bool, // whether the Select is disabled or not
- escapeClearsValue: _react2['default'].PropTypes.bool, // whether escape clears the value when the menu is closed
- filterOption: _react2['default'].PropTypes.func, // method to filter a single option (option, filterString)
- filterOptions: _react2['default'].PropTypes.any, // boolean to enable default filtering or function to filter the options array ([options], filterString, [values])
- ignoreAccents: _react2['default'].PropTypes.bool, // whether to strip diacritics when filtering
- ignoreCase: _react2['default'].PropTypes.bool, // whether to perform case-insensitive filtering
- inputProps: _react2['default'].PropTypes.object, // custom attributes for the Input
- inputRenderer: _react2['default'].PropTypes.func, // returns a custom input component
- instanceId: _react2['default'].PropTypes.string, // set the components instanceId
- isLoading: _react2['default'].PropTypes.bool, // whether the Select is loading externally or not (such as options being loaded)
- joinValues: _react2['default'].PropTypes.bool, // joins multiple values into a single form field with the delimiter (legacy mode)
- labelKey: _react2['default'].PropTypes.string, // path of the label value in option objects
- matchPos: _react2['default'].PropTypes.string, // (any|start) match the start or entire string when filtering
- matchProp: _react2['default'].PropTypes.string, // (any|label|value) which option property to filter on
- menuBuffer: _react2['default'].PropTypes.number, // optional buffer (in px) between the bottom of the viewport and the bottom of the menu
- menuContainerStyle: _react2['default'].PropTypes.object, // optional style to apply to the menu container
- menuRenderer: _react2['default'].PropTypes.func, // renders a custom menu with options
- menuStyle: _react2['default'].PropTypes.object, // optional style to apply to the menu
- multi: _react2['default'].PropTypes.bool, // multi-value input
- name: _react2['default'].PropTypes.string, // generates a hidden tag with this field name for html forms
- noResultsText: stringOrNode, // placeholder displayed when there are no matching search results
- onBlur: _react2['default'].PropTypes.func, // onBlur handler: function (event) {}
- onBlurResetsInput: _react2['default'].PropTypes.bool, // whether input is cleared on blur
- onChange: _react2['default'].PropTypes.func, // onChange handler: function (newValue) {}
- onClose: _react2['default'].PropTypes.func, // fires when the menu is closed
- onCloseResetsInput: _react2['default'].PropTypes.bool, // whether input is cleared when menu is closed through the arrow
- onFocus: _react2['default'].PropTypes.func, // onFocus handler: function (event) {}
- onInputChange: _react2['default'].PropTypes.func, // onInputChange handler: function (inputValue) {}
- onInputKeyDown: _react2['default'].PropTypes.func, // input keyDown handler: function (event) {}
- onMenuScrollToBottom: _react2['default'].PropTypes.func, // fires when the menu is scrolled to the bottom; can be used to paginate options
- onOpen: _react2['default'].PropTypes.func, // fires when the menu is opened
- onValueClick: _react2['default'].PropTypes.func, // onClick handler for value labels: function (value, event) {}
- openAfterFocus: _react2['default'].PropTypes.bool, // boolean to enable opening dropdown when focused
- openOnFocus: _react2['default'].PropTypes.bool, // always open options menu on focus
- optionClassName: _react2['default'].PropTypes.string, // additional class(es) to apply to the elements
- optionComponent: _react2['default'].PropTypes.func, // option component to render in dropdown
- optionRenderer: _react2['default'].PropTypes.func, // optionRenderer: function (option) {}
- options: _react2['default'].PropTypes.array, // array of options
- pageSize: _react2['default'].PropTypes.number, // number of entries to page when using page up/down keys
- placeholder: stringOrNode, // field placeholder, displayed when there's no value
- required: _react2['default'].PropTypes.bool, // applies HTML5 required attribute when needed
- resetValue: _react2['default'].PropTypes.any, // value to use when you clear the control
- scrollMenuIntoView: _react2['default'].PropTypes.bool, // boolean to enable the viewport to shift so that the full menu fully visible when engaged
- searchable: _react2['default'].PropTypes.bool, // whether to enable searching feature or not
- simpleValue: _react2['default'].PropTypes.bool, // pass the value to onChange as a simple value (legacy pre 1.0 mode), defaults to false
- style: _react2['default'].PropTypes.object, // optional style to apply to the control
- tabIndex: _react2['default'].PropTypes.string, // optional tab index of the control
- tabSelectsValue: _react2['default'].PropTypes.bool, // whether to treat tabbing out while focused to be value selection
- value: _react2['default'].PropTypes.any, // initial field value
- valueComponent: _react2['default'].PropTypes.func, // value component to render
- valueKey: _react2['default'].PropTypes.string, // path of the label value in option objects
- valueRenderer: _react2['default'].PropTypes.func, // valueRenderer: function (option) {}
- wrapperStyle: _react2['default'].PropTypes.object },
-
- // optional style to apply to the component wrapper
- statics: { Async: _Async2['default'], AsyncCreatable: _AsyncCreatable2['default'], Creatable: _Creatable2['default'] },
-
- getDefaultProps: function getDefaultProps() {
- return {
- addLabelText: 'Add "{label}"?',
- arrowRenderer: _utilsDefaultArrowRenderer2['default'],
- autosize: true,
- backspaceRemoves: true,
- backspaceToRemoveMessage: 'Press backspace to remove {label}',
- clearable: true,
- clearAllText: 'Clear all',
- clearRenderer: _utilsDefaultClearRenderer2['default'],
- clearValueText: 'Clear value',
- deleteRemoves: true,
- delimiter: ',',
- disabled: false,
- escapeClearsValue: true,
- filterOptions: _utilsDefaultFilterOptions2['default'],
- ignoreAccents: true,
- ignoreCase: true,
- inputProps: {},
- isLoading: false,
- joinValues: false,
- labelKey: 'label',
- matchPos: 'any',
- matchProp: 'any',
- menuBuffer: 0,
- menuRenderer: _utilsDefaultMenuRenderer2['default'],
- multi: false,
- noResultsText: 'No results found',
- onBlurResetsInput: true,
- onCloseResetsInput: true,
- openAfterFocus: false,
- optionComponent: _Option2['default'],
- pageSize: 5,
- placeholder: 'Select...',
- required: false,
- scrollMenuIntoView: true,
- searchable: true,
- simpleValue: false,
- tabSelectsValue: true,
- valueComponent: _Value2['default'],
- valueKey: 'value'
- };
- },
-
- getInitialState: function getInitialState() {
- return {
- inputValue: '',
- isFocused: false,
- isOpen: false,
- isPseudoFocused: false,
- required: false
- };
- },
-
- componentWillMount: function componentWillMount() {
- this._instancePrefix = 'react-select-' + (this.props.instanceId || ++instanceId) + '-';
- var valueArray = this.getValueArray(this.props.value);
-
- if (this.props.required) {
- this.setState({
- required: this.handleRequired(valueArray[0], this.props.multi)
- });
- }
- },
-
- componentDidMount: function componentDidMount() {
- if (this.props.autofocus) {
- this.focus();
- }
- },
-
- componentWillReceiveProps: function componentWillReceiveProps(nextProps) {
- var valueArray = this.getValueArray(nextProps.value, nextProps);
-
- if (nextProps.required) {
- this.setState({
- required: this.handleRequired(valueArray[0], nextProps.multi)
- });
- }
- },
-
- componentWillUpdate: function componentWillUpdate(nextProps, nextState) {
- if (nextState.isOpen !== this.state.isOpen) {
- this.toggleTouchOutsideEvent(nextState.isOpen);
- var handler = nextState.isOpen ? nextProps.onOpen : nextProps.onClose;
- handler && handler();
- }
- },
-
- componentDidUpdate: function componentDidUpdate(prevProps, prevState) {
- // focus to the selected option
- if (this.menu && this.focused && this.state.isOpen && !this.hasScrolledToOption) {
- var focusedOptionNode = _reactDom2['default'].findDOMNode(this.focused);
- var menuNode = _reactDom2['default'].findDOMNode(this.menu);
- menuNode.scrollTop = focusedOptionNode.offsetTop;
- this.hasScrolledToOption = true;
- } else if (!this.state.isOpen) {
- this.hasScrolledToOption = false;
- }
-
- if (this._scrollToFocusedOptionOnUpdate && this.focused && this.menu) {
- this._scrollToFocusedOptionOnUpdate = false;
- var focusedDOM = _reactDom2['default'].findDOMNode(this.focused);
- var menuDOM = _reactDom2['default'].findDOMNode(this.menu);
- var focusedRect = focusedDOM.getBoundingClientRect();
- var menuRect = menuDOM.getBoundingClientRect();
- if (focusedRect.bottom > menuRect.bottom || focusedRect.top < menuRect.top) {
- menuDOM.scrollTop = focusedDOM.offsetTop + focusedDOM.clientHeight - menuDOM.offsetHeight;
- }
- }
- if (this.props.scrollMenuIntoView && this.menuContainer) {
- var menuContainerRect = this.menuContainer.getBoundingClientRect();
- if (window.innerHeight < menuContainerRect.bottom + this.props.menuBuffer) {
- window.scrollBy(0, menuContainerRect.bottom + this.props.menuBuffer - window.innerHeight);
- }
- }
- if (prevProps.disabled !== this.props.disabled) {
- this.setState({ isFocused: false }); // eslint-disable-line react/no-did-update-set-state
- this.closeMenu();
- }
- },
-
- componentWillUnmount: function componentWillUnmount() {
- if (!document.removeEventListener && document.detachEvent) {
- document.detachEvent('ontouchstart', this.handleTouchOutside);
- } else {
- document.removeEventListener('touchstart', this.handleTouchOutside);
- }
- },
-
- toggleTouchOutsideEvent: function toggleTouchOutsideEvent(enabled) {
- if (enabled) {
- if (!document.addEventListener && document.attachEvent) {
- document.attachEvent('ontouchstart', this.handleTouchOutside);
- } else {
- document.addEventListener('touchstart', this.handleTouchOutside);
- }
- } else {
- if (!document.removeEventListener && document.detachEvent) {
- document.detachEvent('ontouchstart', this.handleTouchOutside);
- } else {
- document.removeEventListener('touchstart', this.handleTouchOutside);
- }
- }
- },
-
- handleTouchOutside: function handleTouchOutside(event) {
- // handle touch outside on ios to dismiss menu
- if (this.wrapper && !this.wrapper.contains(event.target)) {
- this.closeMenu();
- }
- },
-
- focus: function focus() {
- if (!this.input) return;
- this.input.focus();
-
- if (this.props.openAfterFocus) {
- this.setState({
- isOpen: true
- });
- }
- },
-
- blurInput: function blurInput() {
- if (!this.input) return;
- this.input.blur();
- },
-
- handleTouchMove: function handleTouchMove(event) {
- // Set a flag that the view is being dragged
- this.dragging = true;
- },
-
- handleTouchStart: function handleTouchStart(event) {
- // Set a flag that the view is not being dragged
- this.dragging = false;
- },
-
- handleTouchEnd: function handleTouchEnd(event) {
- // Check if the view is being dragged, In this case
- // we don't want to fire the click event (because the user only wants to scroll)
- if (this.dragging) return;
-
- // Fire the mouse events
- this.handleMouseDown(event);
- },
-
- handleTouchEndClearValue: function handleTouchEndClearValue(event) {
- // Check if the view is being dragged, In this case
- // we don't want to fire the click event (because the user only wants to scroll)
- if (this.dragging) return;
-
- // Clear the value
- this.clearValue(event);
- },
-
- handleMouseDown: function handleMouseDown(event) {
- // if the event was triggered by a mousedown and not the primary
- // button, or if the component is disabled, ignore it.
- if (this.props.disabled || event.type === 'mousedown' && event.button !== 0) {
- return;
- }
-
- if (event.target.tagName === 'INPUT') {
- return;
- }
-
- // prevent default event handlers
- event.stopPropagation();
- event.preventDefault();
-
- // for the non-searchable select, toggle the menu
- if (!this.props.searchable) {
- this.focus();
- return this.setState({
- isOpen: !this.state.isOpen
- });
- }
-
- if (this.state.isFocused) {
- // On iOS, we can get into a state where we think the input is focused but it isn't really,
- // since iOS ignores programmatic calls to input.focus() that weren't triggered by a click event.
- // Call focus() again here to be safe.
- this.focus();
-
- var input = this.input;
- if (typeof input.getInput === 'function') {
- // Get the actual DOM input if the ref is an component
- input = input.getInput();
- }
-
- // clears the value so that the cursor will be at the end of input when the component re-renders
- input.value = '';
-
- // if the input is focused, ensure the menu is open
- this.setState({
- isOpen: true,
- isPseudoFocused: false
- });
- } else {
- // otherwise, focus the input and open the menu
- this._openAfterFocus = this.props.openOnFocus;
- this.focus();
- }
- },
-
- handleMouseDownOnArrow: function handleMouseDownOnArrow(event) {
- // if the event was triggered by a mousedown and not the primary
- // button, or if the component is disabled, ignore it.
- if (this.props.disabled || event.type === 'mousedown' && event.button !== 0) {
- return;
- }
- // If the menu isn't open, let the event bubble to the main handleMouseDown
- if (!this.state.isOpen) {
- return;
- }
- // prevent default event handlers
- event.stopPropagation();
- event.preventDefault();
- // close the menu
- this.closeMenu();
- },
-
- handleMouseDownOnMenu: function handleMouseDownOnMenu(event) {
- // if the event was triggered by a mousedown and not the primary
- // button, or if the component is disabled, ignore it.
- if (this.props.disabled || event.type === 'mousedown' && event.button !== 0) {
- return;
- }
- event.stopPropagation();
- event.preventDefault();
-
- this._openAfterFocus = true;
- this.focus();
- },
-
- closeMenu: function closeMenu() {
- if (this.props.onCloseResetsInput) {
- this.setState({
- isOpen: false,
- isPseudoFocused: this.state.isFocused && !this.props.multi,
- inputValue: ''
- });
- } else {
- this.setState({
- isOpen: false,
- isPseudoFocused: this.state.isFocused && !this.props.multi,
- inputValue: this.state.inputValue
- });
- }
- this.hasScrolledToOption = false;
- },
-
- handleInputFocus: function handleInputFocus(event) {
- if (this.props.disabled) return;
- var isOpen = this.state.isOpen || this._openAfterFocus || this.props.openOnFocus;
- if (this.props.onFocus) {
- this.props.onFocus(event);
- }
- this.setState({
- isFocused: true,
- isOpen: isOpen
- });
- this._openAfterFocus = false;
- },
-
- handleInputBlur: function handleInputBlur(event) {
- // The check for menu.contains(activeElement) is necessary to prevent IE11's scrollbar from closing the menu in certain contexts.
- if (this.menu && (this.menu === document.activeElement || this.menu.contains(document.activeElement))) {
- this.focus();
- return;
- }
-
- if (this.props.onBlur) {
- this.props.onBlur(event);
- }
- var onBlurredState = {
- isFocused: false,
- isOpen: false,
- isPseudoFocused: false
- };
- if (this.props.onBlurResetsInput) {
- onBlurredState.inputValue = '';
- }
- this.setState(onBlurredState);
- },
-
- handleInputChange: function handleInputChange(event) {
- var newInputValue = event.target.value;
-
- if (this.state.inputValue !== event.target.value && this.props.onInputChange) {
- var nextState = this.props.onInputChange(newInputValue);
- // Note: != used deliberately here to catch undefined and null
- if (nextState != null && typeof nextState !== 'object') {
- newInputValue = '' + nextState;
- }
- }
-
- this.setState({
- isOpen: true,
- isPseudoFocused: false,
- inputValue: newInputValue
- });
- },
-
- handleKeyDown: function handleKeyDown(event) {
- if (this.props.disabled) return;
-
- if (typeof this.props.onInputKeyDown === 'function') {
- this.props.onInputKeyDown(event);
- if (event.defaultPrevented) {
- return;
- }
- }
-
- switch (event.keyCode) {
- case 8:
- // backspace
- if (!this.state.inputValue && this.props.backspaceRemoves) {
- event.preventDefault();
- this.popValue();
- }
- return;
- case 9:
- // tab
- if (event.shiftKey || !this.state.isOpen || !this.props.tabSelectsValue) {
- return;
- }
- this.selectFocusedOption();
- return;
- case 13:
- // enter
- if (!this.state.isOpen) return;
- event.stopPropagation();
- this.selectFocusedOption();
- break;
- case 27:
- // escape
- if (this.state.isOpen) {
- this.closeMenu();
- event.stopPropagation();
- } else if (this.props.clearable && this.props.escapeClearsValue) {
- this.clearValue(event);
- event.stopPropagation();
- }
- break;
- case 38:
- // up
- this.focusPreviousOption();
- break;
- case 40:
- // down
- this.focusNextOption();
- break;
- case 33:
- // page up
- this.focusPageUpOption();
- break;
- case 34:
- // page down
- this.focusPageDownOption();
- break;
- case 35:
- // end key
- if (event.shiftKey) {
- return;
- }
- this.focusEndOption();
- break;
- case 36:
- // home key
- if (event.shiftKey) {
- return;
- }
- this.focusStartOption();
- break;
- case 46:
- // backspace
- if (!this.state.inputValue && this.props.deleteRemoves) {
- event.preventDefault();
- this.popValue();
- }
- return;
- default:
- return;
- }
- event.preventDefault();
- },
-
- handleValueClick: function handleValueClick(option, event) {
- if (!this.props.onValueClick) return;
- this.props.onValueClick(option, event);
- },
-
- handleMenuScroll: function handleMenuScroll(event) {
- if (!this.props.onMenuScrollToBottom) return;
- var target = event.target;
-
- if (target.scrollHeight > target.offsetHeight && !(target.scrollHeight - target.offsetHeight - target.scrollTop)) {
- this.props.onMenuScrollToBottom();
- }
- },
-
- handleRequired: function handleRequired(value, multi) {
- if (!value) return true;
- return multi ? value.length === 0 : Object.keys(value).length === 0;
- },
-
- getOptionLabel: function getOptionLabel(op) {
- return op[this.props.labelKey];
- },
-
- /**
- * Turns a value into an array from the given options
- * @param {String|Number|Array} value - the value of the select input
- * @param {Object} nextProps - optionally specify the nextProps so the returned array uses the latest configuration
- * @returns {Array} the value of the select represented in an array
- */
- getValueArray: function getValueArray(value, nextProps) {
- var _this = this;
-
- /** support optionally passing in the `nextProps` so `componentWillReceiveProps` updates will function as expected */
- var props = typeof nextProps === 'object' ? nextProps : this.props;
- if (props.multi) {
- if (typeof value === 'string') value = value.split(props.delimiter);
- if (!Array.isArray(value)) {
- if (value === null || value === undefined) return [];
- value = [value];
- }
- return value.map(function (value) {
- return _this.expandValue(value, props);
- }).filter(function (i) {
- return i;
- });
- }
- var expandedValue = this.expandValue(value, props);
- return expandedValue ? [expandedValue] : [];
- },
-
- /**
- * Retrieve a value from the given options and valueKey
- * @param {String|Number|Array} value - the selected value(s)
- * @param {Object} props - the Select component's props (or nextProps)
- */
- expandValue: function expandValue(value, props) {
- var valueType = typeof value;
- if (valueType !== 'string' && valueType !== 'number' && valueType !== 'boolean') return value;
- var options = props.options;
- var valueKey = props.valueKey;
-
- if (!options) return;
- for (var i = 0; i < options.length; i++) {
- if (options[i][valueKey] === value) return options[i];
- }
- },
-
- setValue: function setValue(value) {
- var _this2 = this;
-
- if (this.props.autoBlur) {
- this.blurInput();
- }
- if (!this.props.onChange) return;
- if (this.props.required) {
- var required = this.handleRequired(value, this.props.multi);
- this.setState({ required: required });
- }
- if (this.props.simpleValue && value) {
- value = this.props.multi ? value.map(function (i) {
- return i[_this2.props.valueKey];
- }).join(this.props.delimiter) : value[this.props.valueKey];
- }
- this.props.onChange(value);
- },
-
- selectValue: function selectValue(value) {
- var _this3 = this;
-
- //NOTE: update value in the callback to make sure the input value is empty so that there are no styling issues (Chrome had issue otherwise)
- this.hasScrolledToOption = false;
- if (this.props.multi) {
- this.setState({
- inputValue: '',
- focusedIndex: null
- }, function () {
- _this3.addValue(value);
- });
- } else {
- this.setState({
- isOpen: false,
- inputValue: '',
- isPseudoFocused: this.state.isFocused
- }, function () {
- _this3.setValue(value);
- });
- }
- },
-
- addValue: function addValue(value) {
- var valueArray = this.getValueArray(this.props.value);
- var visibleOptions = this._visibleOptions.filter(function (val) {
- return !val.disabled;
- });
- var lastValueIndex = visibleOptions.indexOf(value);
- this.setValue(valueArray.concat(value));
- if (visibleOptions.length - 1 === lastValueIndex) {
- // the last option was selected; focus the second-last one
- this.focusOption(visibleOptions[lastValueIndex - 1]);
- } else if (visibleOptions.length > lastValueIndex) {
- // focus the option below the selected one
- this.focusOption(visibleOptions[lastValueIndex + 1]);
- }
- },
-
- popValue: function popValue() {
- var valueArray = this.getValueArray(this.props.value);
- if (!valueArray.length) return;
- if (valueArray[valueArray.length - 1].clearableValue === false) return;
- this.setValue(valueArray.slice(0, valueArray.length - 1));
- },
-
- removeValue: function removeValue(value) {
- var valueArray = this.getValueArray(this.props.value);
- this.setValue(valueArray.filter(function (i) {
- return i !== value;
- }));
- this.focus();
- },
-
- clearValue: function clearValue(event) {
- // if the event was triggered by a mousedown and not the primary
- // button, ignore it.
- if (event && event.type === 'mousedown' && event.button !== 0) {
- return;
- }
- event.stopPropagation();
- event.preventDefault();
- this.setValue(this.getResetValue());
- this.setState({
- isOpen: false,
- inputValue: ''
- }, this.focus);
- },
-
- getResetValue: function getResetValue() {
- if (this.props.resetValue !== undefined) {
- return this.props.resetValue;
- } else if (this.props.multi) {
- return [];
- } else {
- return null;
- }
- },
-
- focusOption: function focusOption(option) {
- this.setState({
- focusedOption: option
- });
- },
-
- focusNextOption: function focusNextOption() {
- this.focusAdjacentOption('next');
- },
-
- focusPreviousOption: function focusPreviousOption() {
- this.focusAdjacentOption('previous');
- },
-
- focusPageUpOption: function focusPageUpOption() {
- this.focusAdjacentOption('page_up');
- },
-
- focusPageDownOption: function focusPageDownOption() {
- this.focusAdjacentOption('page_down');
- },
-
- focusStartOption: function focusStartOption() {
- this.focusAdjacentOption('start');
- },
-
- focusEndOption: function focusEndOption() {
- this.focusAdjacentOption('end');
- },
-
- focusAdjacentOption: function focusAdjacentOption(dir) {
- var options = this._visibleOptions.map(function (option, index) {
- return { option: option, index: index };
- }).filter(function (option) {
- return !option.option.disabled;
- });
- this._scrollToFocusedOptionOnUpdate = true;
- if (!this.state.isOpen) {
- this.setState({
- isOpen: true,
- inputValue: '',
- focusedOption: this._focusedOption || (options.length ? options[dir === 'next' ? 0 : options.length - 1].option : null)
- });
- return;
- }
- if (!options.length) return;
- var focusedIndex = -1;
- for (var i = 0; i < options.length; i++) {
- if (this._focusedOption === options[i].option) {
- focusedIndex = i;
- break;
- }
- }
- if (dir === 'next' && focusedIndex !== -1) {
- focusedIndex = (focusedIndex + 1) % options.length;
- } else if (dir === 'previous') {
- if (focusedIndex > 0) {
- focusedIndex = focusedIndex - 1;
- } else {
- focusedIndex = options.length - 1;
- }
- } else if (dir === 'start') {
- focusedIndex = 0;
- } else if (dir === 'end') {
- focusedIndex = options.length - 1;
- } else if (dir === 'page_up') {
- var potentialIndex = focusedIndex - this.props.pageSize;
- if (potentialIndex < 0) {
- focusedIndex = 0;
- } else {
- focusedIndex = potentialIndex;
- }
- } else if (dir === 'page_down') {
- var potentialIndex = focusedIndex + this.props.pageSize;
- if (potentialIndex > options.length - 1) {
- focusedIndex = options.length - 1;
- } else {
- focusedIndex = potentialIndex;
- }
- }
-
- if (focusedIndex === -1) {
- focusedIndex = 0;
- }
-
- this.setState({
- focusedIndex: options[focusedIndex].index,
- focusedOption: options[focusedIndex].option
- });
- },
-
- getFocusedOption: function getFocusedOption() {
- return this._focusedOption;
- },
-
- getInputValue: function getInputValue() {
- return this.state.inputValue;
- },
-
- selectFocusedOption: function selectFocusedOption() {
- if (this._focusedOption) {
- return this.selectValue(this._focusedOption);
- }
- },
-
- renderLoading: function renderLoading() {
- if (!this.props.isLoading) return;
- return _react2['default'].createElement(
- 'span',
- { className: 'Select-loading-zone', 'aria-hidden': 'true' },
- _react2['default'].createElement('span', { className: 'Select-loading' })
- );
- },
-
- renderValue: function renderValue(valueArray, isOpen) {
- var _this4 = this;
-
- var renderLabel = this.props.valueRenderer || this.getOptionLabel;
- var ValueComponent = this.props.valueComponent;
- if (!valueArray.length) {
- return !this.state.inputValue ? _react2['default'].createElement(
- 'div',
- { className: 'Select-placeholder' },
- this.props.placeholder
- ) : null;
- }
- var onClick = this.props.onValueClick ? this.handleValueClick : null;
- if (this.props.multi) {
- return valueArray.map(function (value, i) {
- return _react2['default'].createElement(
- ValueComponent,
- {
- id: _this4._instancePrefix + '-value-' + i,
- instancePrefix: _this4._instancePrefix,
- disabled: _this4.props.disabled || value.clearableValue === false,
- key: 'value-' + i + '-' + value[_this4.props.valueKey],
- onClick: onClick,
- onRemove: _this4.removeValue,
- value: value
- },
- renderLabel(value, i),
- _react2['default'].createElement(
- 'span',
- { className: 'Select-aria-only' },
- ' '
- )
- );
- });
- } else if (!this.state.inputValue) {
- if (isOpen) onClick = null;
- return _react2['default'].createElement(
- ValueComponent,
- {
- id: this._instancePrefix + '-value-item',
- disabled: this.props.disabled,
- instancePrefix: this._instancePrefix,
- onClick: onClick,
- value: valueArray[0]
- },
- renderLabel(valueArray[0])
- );
- }
- },
-
- renderInput: function renderInput(valueArray, focusedOptionIndex) {
- var _classNames,
- _this5 = this;
-
- var className = (0, _classnames2['default'])('Select-input', this.props.inputProps.className);
- var isOpen = !!this.state.isOpen;
-
- var ariaOwns = (0, _classnames2['default'])((_classNames = {}, _defineProperty(_classNames, this._instancePrefix + '-list', isOpen), _defineProperty(_classNames, this._instancePrefix + '-backspace-remove-message', this.props.multi && !this.props.disabled && this.state.isFocused && !this.state.inputValue), _classNames));
-
- // TODO: Check how this project includes Object.assign()
- var inputProps = _extends({}, this.props.inputProps, {
- role: 'combobox',
- 'aria-expanded': '' + isOpen,
- 'aria-owns': ariaOwns,
- 'aria-haspopup': '' + isOpen,
- 'aria-activedescendant': isOpen ? this._instancePrefix + '-option-' + focusedOptionIndex : this._instancePrefix + '-value',
- 'aria-labelledby': this.props['aria-labelledby'],
- 'aria-label': this.props['aria-label'],
- className: className,
- tabIndex: this.props.tabIndex,
- onBlur: this.handleInputBlur,
- onChange: this.handleInputChange,
- onFocus: this.handleInputFocus,
- ref: function ref(_ref) {
- return _this5.input = _ref;
- },
- required: this.state.required,
- value: this.state.inputValue
- });
-
- if (this.props.inputRenderer) {
- return this.props.inputRenderer(inputProps);
- }
-
- if (this.props.disabled || !this.props.searchable) {
- var _props$inputProps = this.props.inputProps;
- var inputClassName = _props$inputProps.inputClassName;
-
- var divProps = _objectWithoutProperties(_props$inputProps, ['inputClassName']);
-
- return _react2['default'].createElement('div', _extends({}, divProps, {
- role: 'combobox',
- 'aria-expanded': isOpen,
- 'aria-owns': isOpen ? this._instancePrefix + '-list' : this._instancePrefix + '-value',
- 'aria-activedescendant': isOpen ? this._instancePrefix + '-option-' + focusedOptionIndex : this._instancePrefix + '-value',
- className: className,
- tabIndex: this.props.tabIndex || 0,
- onBlur: this.handleInputBlur,
- onFocus: this.handleInputFocus,
- ref: function (ref) {
- return _this5.input = ref;
- },
- 'aria-readonly': '' + !!this.props.disabled,
- style: { border: 0, width: 1, display: 'inline-block' } }));
- }
-
- if (this.props.autosize) {
- return _react2['default'].createElement(_reactInputAutosize2['default'], _extends({}, inputProps, { minWidth: '5' }));
- }
- return _react2['default'].createElement(
- 'div',
- { className: className },
- _react2['default'].createElement('input', inputProps)
- );
- },
-
- renderClear: function renderClear() {
- if (!this.props.clearable || !this.props.value || this.props.value === 0 || this.props.multi && !this.props.value.length || this.props.disabled || this.props.isLoading) return;
- var clear = this.props.clearRenderer();
-
- return _react2['default'].createElement(
- 'span',
- { className: 'Select-clear-zone', title: this.props.multi ? this.props.clearAllText : this.props.clearValueText,
- 'aria-label': this.props.multi ? this.props.clearAllText : this.props.clearValueText,
- onMouseDown: this.clearValue,
- onTouchStart: this.handleTouchStart,
- onTouchMove: this.handleTouchMove,
- onTouchEnd: this.handleTouchEndClearValue
- },
- clear
- );
- },
-
- renderArrow: function renderArrow() {
- var onMouseDown = this.handleMouseDownOnArrow;
- var isOpen = this.state.isOpen;
- var arrow = this.props.arrowRenderer({ onMouseDown: onMouseDown, isOpen: isOpen });
-
- return _react2['default'].createElement(
- 'span',
- {
- className: 'Select-arrow-zone',
- onMouseDown: onMouseDown
- },
- arrow
- );
- },
-
- filterOptions: function filterOptions(excludeOptions) {
- var filterValue = this.state.inputValue;
- var options = this.props.options || [];
- if (this.props.filterOptions) {
- // Maintain backwards compatibility with boolean attribute
- var filterOptions = typeof this.props.filterOptions === 'function' ? this.props.filterOptions : _utilsDefaultFilterOptions2['default'];
-
- return filterOptions(options, filterValue, excludeOptions, {
- filterOption: this.props.filterOption,
- ignoreAccents: this.props.ignoreAccents,
- ignoreCase: this.props.ignoreCase,
- labelKey: this.props.labelKey,
- matchPos: this.props.matchPos,
- matchProp: this.props.matchProp,
- valueKey: this.props.valueKey
- });
- } else {
- return options;
- }
- },
-
- onOptionRef: function onOptionRef(ref, isFocused) {
- if (isFocused) {
- this.focused = ref;
- }
- },
-
- renderMenu: function renderMenu(options, valueArray, focusedOption) {
- if (options && options.length) {
- return this.props.menuRenderer({
- focusedOption: focusedOption,
- focusOption: this.focusOption,
- instancePrefix: this._instancePrefix,
- labelKey: this.props.labelKey,
- onFocus: this.focusOption,
- onSelect: this.selectValue,
- optionClassName: this.props.optionClassName,
- optionComponent: this.props.optionComponent,
- optionRenderer: this.props.optionRenderer || this.getOptionLabel,
- options: options,
- selectValue: this.selectValue,
- valueArray: valueArray,
- valueKey: this.props.valueKey,
- onOptionRef: this.onOptionRef
- });
- } else if (this.props.noResultsText) {
- return _react2['default'].createElement(
- 'div',
- { className: 'Select-noresults' },
- this.props.noResultsText
- );
- } else {
- return null;
- }
- },
-
- renderHiddenField: function renderHiddenField(valueArray) {
- var _this6 = this;
-
- if (!this.props.name) return;
- if (this.props.joinValues) {
- var value = valueArray.map(function (i) {
- return stringifyValue(i[_this6.props.valueKey]);
- }).join(this.props.delimiter);
- return _react2['default'].createElement('input', {
- type: 'hidden',
- ref: function (ref) {
- return _this6.value = ref;
- },
- name: this.props.name,
- value: value,
- disabled: this.props.disabled });
- }
- return valueArray.map(function (item, index) {
- return _react2['default'].createElement('input', { key: 'hidden.' + index,
- type: 'hidden',
- ref: 'value' + index,
- name: _this6.props.name,
- value: stringifyValue(item[_this6.props.valueKey]),
- disabled: _this6.props.disabled });
- });
- },
-
- getFocusableOptionIndex: function getFocusableOptionIndex(selectedOption) {
- var options = this._visibleOptions;
- if (!options.length) return null;
-
- var focusedOption = this.state.focusedOption || selectedOption;
- if (focusedOption && !focusedOption.disabled) {
- var focusedOptionIndex = options.indexOf(focusedOption);
- if (focusedOptionIndex !== -1) {
- return focusedOptionIndex;
- }
- }
-
- for (var i = 0; i < options.length; i++) {
- if (!options[i].disabled) return i;
- }
- return null;
- },
-
- renderOuter: function renderOuter(options, valueArray, focusedOption) {
- var _this7 = this;
-
- var menu = this.renderMenu(options, valueArray, focusedOption);
- if (!menu) {
- return null;
- }
-
- return _react2['default'].createElement(
- 'div',
- { ref: function (ref) {
- return _this7.menuContainer = ref;
- }, className: 'Select-menu-outer', style: this.props.menuContainerStyle },
- _react2['default'].createElement(
- 'div',
- { ref: function (ref) {
- return _this7.menu = ref;
- }, role: 'listbox', className: 'Select-menu', id: this._instancePrefix + '-list',
- style: this.props.menuStyle,
- onScroll: this.handleMenuScroll,
- onMouseDown: this.handleMouseDownOnMenu },
- menu
- )
- );
- },
-
- render: function render() {
- var _this8 = this;
-
- var valueArray = this.getValueArray(this.props.value);
- var options = this._visibleOptions = this.filterOptions(this.props.multi ? this.getValueArray(this.props.value) : null);
- var isOpen = this.state.isOpen;
- if (this.props.multi && !options.length && valueArray.length && !this.state.inputValue) isOpen = false;
- var focusedOptionIndex = this.getFocusableOptionIndex(valueArray[0]);
-
- var focusedOption = null;
- if (focusedOptionIndex !== null) {
- focusedOption = this._focusedOption = options[focusedOptionIndex];
- } else {
- focusedOption = this._focusedOption = null;
- }
- var className = (0, _classnames2['default'])('Select', this.props.className, {
- 'Select--multi': this.props.multi,
- 'Select--single': !this.props.multi,
- 'is-disabled': this.props.disabled,
- 'is-focused': this.state.isFocused,
- 'is-loading': this.props.isLoading,
- 'is-open': isOpen,
- 'is-pseudo-focused': this.state.isPseudoFocused,
- 'is-searchable': this.props.searchable,
- 'has-value': valueArray.length
- });
-
- var removeMessage = null;
- if (this.props.multi && !this.props.disabled && valueArray.length && !this.state.inputValue && this.state.isFocused && this.props.backspaceRemoves) {
- removeMessage = _react2['default'].createElement(
- 'span',
- { id: this._instancePrefix + '-backspace-remove-message', className: 'Select-aria-only', 'aria-live': 'assertive' },
- this.props.backspaceToRemoveMessage.replace('{label}', valueArray[valueArray.length - 1][this.props.labelKey])
- );
- }
-
- return _react2['default'].createElement(
- 'div',
- { ref: function (ref) {
- return _this8.wrapper = ref;
- },
- className: className,
- style: this.props.wrapperStyle },
- this.renderHiddenField(valueArray),
- _react2['default'].createElement(
- 'div',
- { ref: function (ref) {
- return _this8.control = ref;
- },
- className: 'Select-control',
- style: this.props.style,
- onKeyDown: this.handleKeyDown,
- onMouseDown: this.handleMouseDown,
- onTouchEnd: this.handleTouchEnd,
- onTouchStart: this.handleTouchStart,
- onTouchMove: this.handleTouchMove
- },
- _react2['default'].createElement(
- 'span',
- { className: 'Select-multi-value-wrapper', id: this._instancePrefix + '-value' },
- this.renderValue(valueArray, isOpen),
- this.renderInput(valueArray, focusedOptionIndex)
- ),
- removeMessage,
- this.renderLoading(),
- this.renderClear(),
- this.renderArrow()
- ),
- isOpen ? this.renderOuter(options, !this.props.multi ? valueArray : null, focusedOption) : null
- );
- }
-
-});
-
-exports['default'] = Select;
-module.exports = exports['default'];
diff --git a/lib/Value.js b/lib/Value.js
deleted file mode 100644
index 5d578eac2d..0000000000
--- a/lib/Value.js
+++ /dev/null
@@ -1,106 +0,0 @@
-'use strict';
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var Value = _react2['default'].createClass({
-
- displayName: 'Value',
-
- propTypes: {
- children: _react2['default'].PropTypes.node,
- disabled: _react2['default'].PropTypes.bool, // disabled prop passed to ReactSelect
- id: _react2['default'].PropTypes.string, // Unique id for the value - used for aria
- onClick: _react2['default'].PropTypes.func, // method to handle click on value label
- onRemove: _react2['default'].PropTypes.func, // method to handle removal of the value
- value: _react2['default'].PropTypes.object.isRequired },
-
- // the option object for this value
- handleMouseDown: function handleMouseDown(event) {
- if (event.type === 'mousedown' && event.button !== 0) {
- return;
- }
- if (this.props.onClick) {
- event.stopPropagation();
- this.props.onClick(this.props.value, event);
- return;
- }
- if (this.props.value.href) {
- event.stopPropagation();
- }
- },
-
- onRemove: function onRemove(event) {
- event.preventDefault();
- event.stopPropagation();
- this.props.onRemove(this.props.value);
- },
-
- handleTouchEndRemove: function handleTouchEndRemove(event) {
- // Check if the view is being dragged, In this case
- // we don't want to fire the click event (because the user only wants to scroll)
- if (this.dragging) return;
-
- // Fire the mouse events
- this.onRemove(event);
- },
-
- handleTouchMove: function handleTouchMove(event) {
- // Set a flag that the view is being dragged
- this.dragging = true;
- },
-
- handleTouchStart: function handleTouchStart(event) {
- // Set a flag that the view is not being dragged
- this.dragging = false;
- },
-
- renderRemoveIcon: function renderRemoveIcon() {
- if (this.props.disabled || !this.props.onRemove) return;
- return _react2['default'].createElement(
- 'span',
- { className: 'Select-value-icon',
- 'aria-hidden': 'true',
- onMouseDown: this.onRemove,
- onTouchEnd: this.handleTouchEndRemove,
- onTouchStart: this.handleTouchStart,
- onTouchMove: this.handleTouchMove },
- '×'
- );
- },
-
- renderLabel: function renderLabel() {
- var className = 'Select-value-label';
- return this.props.onClick || this.props.value.href ? _react2['default'].createElement(
- 'a',
- { className: className, href: this.props.value.href, target: this.props.value.target, onMouseDown: this.handleMouseDown, onTouchEnd: this.handleMouseDown },
- this.props.children
- ) : _react2['default'].createElement(
- 'span',
- { className: className, role: 'option', 'aria-selected': 'true', id: this.props.id },
- this.props.children
- );
- },
-
- render: function render() {
- return _react2['default'].createElement(
- 'div',
- { className: (0, _classnames2['default'])('Select-value', this.props.value.className),
- style: this.props.value.style,
- title: this.props.value.title
- },
- this.renderRemoveIcon(),
- this.renderLabel()
- );
- }
-
-});
-
-module.exports = Value;
\ No newline at end of file
diff --git a/lib/utils/defaultArrowRenderer.js b/lib/utils/defaultArrowRenderer.js
deleted file mode 100644
index 99115a3de9..0000000000
--- a/lib/utils/defaultArrowRenderer.js
+++ /dev/null
@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
- value: true
-});
-exports["default"] = arrowRenderer;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function arrowRenderer(_ref) {
- var onMouseDown = _ref.onMouseDown;
-
- return _react2["default"].createElement("span", {
- className: "Select-arrow",
- onMouseDown: onMouseDown
- });
-}
-
-;
-module.exports = exports["default"];
\ No newline at end of file
diff --git a/lib/utils/defaultClearRenderer.js b/lib/utils/defaultClearRenderer.js
deleted file mode 100644
index a529ecc22b..0000000000
--- a/lib/utils/defaultClearRenderer.js
+++ /dev/null
@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', {
- value: true
-});
-exports['default'] = clearRenderer;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function clearRenderer() {
- return _react2['default'].createElement('span', {
- className: 'Select-clear',
- dangerouslySetInnerHTML: { __html: '×' }
- });
-}
-
-;
-module.exports = exports['default'];
\ No newline at end of file
diff --git a/lib/utils/defaultFilterOptions.js b/lib/utils/defaultFilterOptions.js
deleted file mode 100644
index 19f054a746..0000000000
--- a/lib/utils/defaultFilterOptions.js
+++ /dev/null
@@ -1,42 +0,0 @@
-'use strict';
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var _stripDiacritics = require('./stripDiacritics');
-
-var _stripDiacritics2 = _interopRequireDefault(_stripDiacritics);
-
-function filterOptions(options, filterValue, excludeOptions, props) {
- var _this = this;
-
- if (props.ignoreAccents) {
- filterValue = (0, _stripDiacritics2['default'])(filterValue);
- }
-
- if (props.ignoreCase) {
- filterValue = filterValue.toLowerCase();
- }
-
- if (excludeOptions) excludeOptions = excludeOptions.map(function (i) {
- return i[props.valueKey];
- });
-
- return options.filter(function (option) {
- if (excludeOptions && excludeOptions.indexOf(option[props.valueKey]) > -1) return false;
- if (props.filterOption) return props.filterOption.call(_this, option, filterValue);
- if (!filterValue) return true;
- var valueTest = String(option[props.valueKey]);
- var labelTest = String(option[props.labelKey]);
- if (props.ignoreAccents) {
- if (props.matchProp !== 'label') valueTest = (0, _stripDiacritics2['default'])(valueTest);
- if (props.matchProp !== 'value') labelTest = (0, _stripDiacritics2['default'])(labelTest);
- }
- if (props.ignoreCase) {
- if (props.matchProp !== 'label') valueTest = valueTest.toLowerCase();
- if (props.matchProp !== 'value') labelTest = labelTest.toLowerCase();
- }
- return props.matchPos === 'start' ? props.matchProp !== 'label' && valueTest.substr(0, filterValue.length) === filterValue || props.matchProp !== 'value' && labelTest.substr(0, filterValue.length) === filterValue : props.matchProp !== 'label' && valueTest.indexOf(filterValue) >= 0 || props.matchProp !== 'value' && labelTest.indexOf(filterValue) >= 0;
- });
-}
-
-module.exports = filterOptions;
\ No newline at end of file
diff --git a/lib/utils/defaultMenuRenderer.js b/lib/utils/defaultMenuRenderer.js
deleted file mode 100644
index f5877091d0..0000000000
--- a/lib/utils/defaultMenuRenderer.js
+++ /dev/null
@@ -1,61 +0,0 @@
-'use strict';
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function menuRenderer(_ref) {
- var focusedOption = _ref.focusedOption;
- var instancePrefix = _ref.instancePrefix;
- var labelKey = _ref.labelKey;
- var onFocus = _ref.onFocus;
- var onSelect = _ref.onSelect;
- var optionClassName = _ref.optionClassName;
- var optionComponent = _ref.optionComponent;
- var optionRenderer = _ref.optionRenderer;
- var options = _ref.options;
- var valueArray = _ref.valueArray;
- var valueKey = _ref.valueKey;
- var onOptionRef = _ref.onOptionRef;
-
- var Option = optionComponent;
-
- return options.map(function (option, i) {
- var isSelected = valueArray && valueArray.indexOf(option) > -1;
- var isFocused = option === focusedOption;
- var optionClass = (0, _classnames2['default'])(optionClassName, {
- 'Select-option': true,
- 'is-selected': isSelected,
- 'is-focused': isFocused,
- 'is-disabled': option.disabled
- });
-
- return _react2['default'].createElement(
- Option,
- {
- className: optionClass,
- instancePrefix: instancePrefix,
- isDisabled: option.disabled,
- isFocused: isFocused,
- isSelected: isSelected,
- key: 'option-' + i + '-' + option[valueKey],
- onFocus: onFocus,
- onSelect: onSelect,
- option: option,
- optionIndex: i,
- ref: function (ref) {
- onOptionRef(ref, isFocused);
- }
- },
- optionRenderer(option, i)
- );
- });
-}
-
-module.exports = menuRenderer;
\ No newline at end of file
diff --git a/lib/utils/stripDiacritics.js b/lib/utils/stripDiacritics.js
deleted file mode 100644
index 2b46234737..0000000000
--- a/lib/utils/stripDiacritics.js
+++ /dev/null
@@ -1,10 +0,0 @@
-'use strict';
-
-var map = [{ 'base': 'A', 'letters': /[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u00C4\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g }, { 'base': 'AA', 'letters': /[\uA732]/g }, { 'base': 'AE', 'letters': /[\u00C6\u01FC\u01E2]/g }, { 'base': 'AO', 'letters': /[\uA734]/g }, { 'base': 'AU', 'letters': /[\uA736]/g }, { 'base': 'AV', 'letters': /[\uA738\uA73A]/g }, { 'base': 'AY', 'letters': /[\uA73C]/g }, { 'base': 'B', 'letters': /[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g }, { 'base': 'C', 'letters': /[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g }, { 'base': 'D', 'letters': /[\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779]/g }, { 'base': 'DZ', 'letters': /[\u01F1\u01C4]/g }, { 'base': 'Dz', 'letters': /[\u01F2\u01C5]/g }, { 'base': 'E', 'letters': /[\u0045\u24BA\uFF25\u00C8\u00C9\u00CA\u1EC0\u1EBE\u1EC4\u1EC2\u1EBC\u0112\u1E14\u1E16\u0114\u0116\u00CB\u1EBA\u011A\u0204\u0206\u1EB8\u1EC6\u0228\u1E1C\u0118\u1E18\u1E1A\u0190\u018E]/g }, { 'base': 'F', 'letters': /[\u0046\u24BB\uFF26\u1E1E\u0191\uA77B]/g }, { 'base': 'G', 'letters': /[\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E]/g }, { 'base': 'H', 'letters': /[\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D]/g }, { 'base': 'I', 'letters': /[\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197]/g }, { 'base': 'J', 'letters': /[\u004A\u24BF\uFF2A\u0134\u0248]/g }, { 'base': 'K', 'letters': /[\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2]/g }, { 'base': 'L', 'letters': /[\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780]/g }, { 'base': 'LJ', 'letters': /[\u01C7]/g }, { 'base': 'Lj', 'letters': /[\u01C8]/g }, { 'base': 'M', 'letters': /[\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C]/g }, { 'base': 'N', 'letters': /[\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4]/g }, { 'base': 'NJ', 'letters': /[\u01CA]/g }, { 'base': 'Nj', 'letters': /[\u01CB]/g }, { 'base': 'O', 'letters': /[\u004F\u24C4\uFF2F\u00D2\u00D3\u00D4\u1ED2\u1ED0\u1ED6\u1ED4\u00D5\u1E4C\u022C\u1E4E\u014C\u1E50\u1E52\u014E\u022E\u0230\u00D6\u022A\u1ECE\u0150\u01D1\u020C\u020E\u01A0\u1EDC\u1EDA\u1EE0\u1EDE\u1EE2\u1ECC\u1ED8\u01EA\u01EC\u00D8\u01FE\u0186\u019F\uA74A\uA74C]/g }, { 'base': 'OI', 'letters': /[\u01A2]/g }, { 'base': 'OO', 'letters': /[\uA74E]/g }, { 'base': 'OU', 'letters': /[\u0222]/g }, { 'base': 'P', 'letters': /[\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754]/g }, { 'base': 'Q', 'letters': /[\u0051\u24C6\uFF31\uA756\uA758\u024A]/g }, { 'base': 'R', 'letters': /[\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782]/g }, { 'base': 'S', 'letters': /[\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784]/g }, { 'base': 'T', 'letters': /[\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786]/g }, { 'base': 'TZ', 'letters': /[\uA728]/g }, { 'base': 'U', 'letters': /[\u0055\u24CA\uFF35\u00D9\u00DA\u00DB\u0168\u1E78\u016A\u1E7A\u016C\u00DC\u01DB\u01D7\u01D5\u01D9\u1EE6\u016E\u0170\u01D3\u0214\u0216\u01AF\u1EEA\u1EE8\u1EEE\u1EEC\u1EF0\u1EE4\u1E72\u0172\u1E76\u1E74\u0244]/g }, { 'base': 'V', 'letters': /[\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245]/g }, { 'base': 'VY', 'letters': /[\uA760]/g }, { 'base': 'W', 'letters': /[\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72]/g }, { 'base': 'X', 'letters': /[\u0058\u24CD\uFF38\u1E8A\u1E8C]/g }, { 'base': 'Y', 'letters': /[\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE]/g }, { 'base': 'Z', 'letters': /[\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762]/g }, { 'base': 'a', 'letters': /[\u0061\u24D0\uFF41\u1E9A\u00E0\u00E1\u00E2\u1EA7\u1EA5\u1EAB\u1EA9\u00E3\u0101\u0103\u1EB1\u1EAF\u1EB5\u1EB3\u0227\u01E1\u00E4\u01DF\u1EA3\u00E5\u01FB\u01CE\u0201\u0203\u1EA1\u1EAD\u1EB7\u1E01\u0105\u2C65\u0250]/g }, { 'base': 'aa', 'letters': /[\uA733]/g }, { 'base': 'ae', 'letters': /[\u00E6\u01FD\u01E3]/g }, { 'base': 'ao', 'letters': /[\uA735]/g }, { 'base': 'au', 'letters': /[\uA737]/g }, { 'base': 'av', 'letters': /[\uA739\uA73B]/g }, { 'base': 'ay', 'letters': /[\uA73D]/g }, { 'base': 'b', 'letters': /[\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253]/g }, { 'base': 'c', 'letters': /[\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184]/g }, { 'base': 'd', 'letters': /[\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A]/g }, { 'base': 'dz', 'letters': /[\u01F3\u01C6]/g }, { 'base': 'e', 'letters': /[\u0065\u24D4\uFF45\u00E8\u00E9\u00EA\u1EC1\u1EBF\u1EC5\u1EC3\u1EBD\u0113\u1E15\u1E17\u0115\u0117\u00EB\u1EBB\u011B\u0205\u0207\u1EB9\u1EC7\u0229\u1E1D\u0119\u1E19\u1E1B\u0247\u025B\u01DD]/g }, { 'base': 'f', 'letters': /[\u0066\u24D5\uFF46\u1E1F\u0192\uA77C]/g }, { 'base': 'g', 'letters': /[\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F]/g }, { 'base': 'h', 'letters': /[\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265]/g }, { 'base': 'hv', 'letters': /[\u0195]/g }, { 'base': 'i', 'letters': /[\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131]/g }, { 'base': 'j', 'letters': /[\u006A\u24D9\uFF4A\u0135\u01F0\u0249]/g }, { 'base': 'k', 'letters': /[\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3]/g }, { 'base': 'l', 'letters': /[\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747]/g }, { 'base': 'lj', 'letters': /[\u01C9]/g }, { 'base': 'm', 'letters': /[\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F]/g }, { 'base': 'n', 'letters': /[\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5]/g }, { 'base': 'nj', 'letters': /[\u01CC]/g }, { 'base': 'o', 'letters': /[\u006F\u24DE\uFF4F\u00F2\u00F3\u00F4\u1ED3\u1ED1\u1ED7\u1ED5\u00F5\u1E4D\u022D\u1E4F\u014D\u1E51\u1E53\u014F\u022F\u0231\u00F6\u022B\u1ECF\u0151\u01D2\u020D\u020F\u01A1\u1EDD\u1EDB\u1EE1\u1EDF\u1EE3\u1ECD\u1ED9\u01EB\u01ED\u00F8\u01FF\u0254\uA74B\uA74D\u0275]/g }, { 'base': 'oi', 'letters': /[\u01A3]/g }, { 'base': 'ou', 'letters': /[\u0223]/g }, { 'base': 'oo', 'letters': /[\uA74F]/g }, { 'base': 'p', 'letters': /[\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755]/g }, { 'base': 'q', 'letters': /[\u0071\u24E0\uFF51\u024B\uA757\uA759]/g }, { 'base': 'r', 'letters': /[\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783]/g }, { 'base': 's', 'letters': /[\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B]/g }, { 'base': 't', 'letters': /[\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787]/g }, { 'base': 'tz', 'letters': /[\uA729]/g }, { 'base': 'u', 'letters': /[\u0075\u24E4\uFF55\u00F9\u00FA\u00FB\u0169\u1E79\u016B\u1E7B\u016D\u00FC\u01DC\u01D8\u01D6\u01DA\u1EE7\u016F\u0171\u01D4\u0215\u0217\u01B0\u1EEB\u1EE9\u1EEF\u1EED\u1EF1\u1EE5\u1E73\u0173\u1E77\u1E75\u0289]/g }, { 'base': 'v', 'letters': /[\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C]/g }, { 'base': 'vy', 'letters': /[\uA761]/g }, { 'base': 'w', 'letters': /[\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73]/g }, { 'base': 'x', 'letters': /[\u0078\u24E7\uFF58\u1E8B\u1E8D]/g }, { 'base': 'y', 'letters': /[\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF]/g }, { 'base': 'z', 'letters': /[\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763]/g }];
-
-module.exports = function stripDiacritics(str) {
- for (var i = 0; i < map.length; i++) {
- str = str.replace(map[i].letters, map[i].base);
- }
- return str;
-};
\ No newline at end of file
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000000..c17ef2d629
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,6 @@
+[build]
+ command = "yarn build:docs"
+ publish = "docs/dist"
+
+[build.environment]
+ YARN_VERSION = "1.22.22"
diff --git a/package.json b/package.json
index 12151a0505..f09b73ef48 100644
--- a/package.json
+++ b/package.json
@@ -1,9 +1,8 @@
{
- "name": "react-select",
- "version": "1.0.0-rc.3",
+ "name": "@react-select/monorepo",
+ "private": true,
+ "version": "1.0.0",
"description": "A Select control built with and for ReactJS",
- "main": "lib/Select.js",
- "style": "dist/react-select.min.css",
"author": "Jed Watson",
"license": "MIT",
"repository": {
@@ -11,61 +10,86 @@
"url": "https://github.com/JedWatson/react-select.git"
},
"dependencies": {
- "classnames": "^2.2.4",
- "react-input-autosize": "^1.1.0"
- },
- "devDependencies": {
- "babel": "^5.8.23",
- "babel-eslint": "^4.1.3",
- "chai": "^3.5.0",
- "coveralls": "^2.11.12",
- "eslint": "^1.10.3",
- "eslint-plugin-react": "^3.15.0",
- "gulp": "^3.9.1",
- "isomorphic-fetch": "^2.2.1",
- "istanbul": "^0.4.5",
- "jsdom": "^9.5.0",
- "mocha": "^3.0.2",
- "react": "^15.0",
- "react-addons-shallow-compare": "^15.0",
- "react-addons-test-utils": "^15.0",
- "react-component-gulp-tasks": "^0.7.7",
- "react-dom": "^15.0",
- "react-gravatar": "^2.4.5",
- "react-highlight-words": "^0.3.0",
- "react-virtualized": "^7.23.0",
- "react-virtualized-select": "^1.4.0",
- "sinon": "^1.17.5",
- "unexpected": "^10.17.0",
- "unexpected-dom": "^3.1.0",
- "unexpected-react": "^3.2.4",
- "unexpected-sinon": "^10.4.0"
- },
- "peerDependencies": {
- "react": "^0.14 || ^15.0.0-rc || ^15.0",
- "react-dom": "^0.14 || ^15.0.0-rc || ^15.0"
- },
- "browserify-shim": {
- "classnames": "global:classNames",
- "react": "global:React",
- "react-dom": "global:ReactDOM",
- "react-input-autosize": "global:AutosizeInput"
+ "@babel/core": "^7.19.6",
+ "@babel/plugin-proposal-class-properties": "^7.12.1",
+ "@babel/plugin-proposal-private-methods": "^7.13.0",
+ "@babel/plugin-transform-runtime": "^7.12.0",
+ "@babel/polyfill": "^7.12.1",
+ "@babel/preset-env": "^7.19.4",
+ "@babel/preset-react": "^7.12.1",
+ "@babel/preset-typescript": "^7.18.6",
+ "@babel/runtime": "^7.12.0",
+ "@changesets/cli": "^2.17.0",
+ "@changesets/get-github-info": "^0.5.0",
+ "@emotion/babel-plugin": "^11.10.2",
+ "@emotion/jest": "^11.1.0",
+ "@manypkg/cli": "^0.19.2",
+ "@preconstruct/cli": "^2.6.2",
+ "@testing-library/dom": "8.19.0",
+ "@testing-library/jest-dom": "5.1.1",
+ "@testing-library/react": "12.1.4",
+ "@testing-library/user-event": "^10.0.0",
+ "@types/copy-webpack-plugin": "^5.0.2",
+ "@types/html-webpack-plugin": "^3.2.4",
+ "@types/jest-in-case": "^1.0.6",
+ "@types/node": "^16.11.68",
+ "@types/pretty-proptypes": "^1.1.0",
+ "@types/react": "^16.14.60",
+ "@types/react-dom": "^16.9.10",
+ "@types/react-transition-group": "^4.4.0",
+ "@typescript-eslint/eslint-plugin": "^4.14.0",
+ "@typescript-eslint/parser": "^4.14.0",
+ "babel-core": "^7.0.0-bridge.0",
+ "babel-eslint": "^10.1.0",
+ "babel-jest": "^23.6.0",
+ "babel-loader": "^8.2.5",
+ "concurrently": "^7.5.0",
+ "copy-webpack-plugin": "^5.0.3",
+ "coveralls": "^3.1.1",
+ "cross-env": "^7.0.3",
+ "css-loader": "^0.28.7",
+ "cypress": "^5.0.0",
+ "dotenv": "^16.0.3",
+ "eslint": "^7.18.0",
+ "eslint-plugin-react": "^7.22.0",
+ "eslint-plugin-react-hooks": "^4.2.0",
+ "gh-pages": "^1.1.0",
+ "jest": "^25.1.0",
+ "jest-in-case": "^1.0.2",
+ "prettier": "^2.2.1",
+ "style-loader": "^0.23.1",
+ "typescript": "^4.1.3",
+ "user-agent-data-types": "^0.4.2"
},
"scripts": {
- "build": "gulp clean && NODE_ENV=production gulp build",
- "bump": "gulp bump",
- "bump:major": "gulp bump:major",
- "bump:minor": "gulp bump:minor",
- "cover": "istanbul cover _mocha -- -u exports --compilers js:babel/register -R spec",
- "coveralls": "NODE_ENV=test istanbul cover _mocha --report lcovonly -- -u exports --compilers js:babel/register -R spec && cat coverage/lcov.info | coveralls",
- "examples": "gulp dev:server",
- "lint": "eslint .",
- "publish:examples": "NODE_ENV=production gulp publish:examples",
- "release": "NODE_ENV=production gulp release",
- "start": "gulp dev",
- "test": "npm run lint && mocha --compilers js:babel/register",
- "watch": "gulp watch:lib"
+ "build": "preconstruct build",
+ "watch": "preconstruct watch",
+ "coveralls": "cat coverage/lcov.info | coveralls",
+ "prettify": "prettier --write .",
+ "prettier:check": "prettier --check .",
+ "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+ "start": "cd docs && yarn start",
+ "start:test": "cd docs && yarn start:test",
+ "build:docs": "yarn --cwd=docs build:docs && yarn --cwd=storybook build && cp -r storybook/storybook-static docs/dist/storybook",
+ "fresh": "rm -rf node_modules && yarn install",
+ "test": "npm run test:jest && npm run test:cypress",
+ "test:jest": "jest --coverage",
+ "e2e": "concurrently --kill-others --success=first --names 'SERVER,E2E' 'yarn start:test' 'yarn test:cypress'",
+ "type-check": "tsc --build packages/react-select/tsconfig.json && tsc --build packages/react-select/src/__tests__/tsconfig.json && tsc --build docs/tsconfig.json && tsc --build cypress/tsconfig.json",
+ "precommit": "yarn run type-check",
+ "postinstall": "preconstruct dev && manypkg check",
+ "test:cypress": "yarn test:cypress:chrome && yarn test:cypress:firefox",
+ "test:cypress:chrome": "cypress run --browser chrome",
+ "test:cypress:firefox": "cypress run --browser firefox",
+ "test:cypress:watch": "node ./node_modules/.bin/cypress open",
+ "changeset": "changeset",
+ "version-packages": "changeset version",
+ "release": "yarn build && changeset publish"
},
+ "files": [
+ "dist",
+ "src"
+ ],
"keywords": [
"combobox",
"form",
@@ -75,5 +99,34 @@
"react-component",
"select",
"ui"
- ]
+ ],
+ "jest": {
+ "modulePathIgnorePatterns": [
+ "./node_modules"
+ ],
+ "testRegex": "src/*(/(__tests?__/)([^_].*/)*?[^_][^/]*?\\.(test|spec)?\\.(ts|js)x?)$",
+ "setupFilesAfterEnv": [
+ "./test-setup.js"
+ ],
+ "snapshotSerializers": [
+ "@emotion/jest/serializer"
+ ]
+ },
+ "workspaces": [
+ "packages/*",
+ "docs",
+ "storybook"
+ ],
+ "preconstruct": {
+ "packages": [
+ "packages/*",
+ "docs/generate-magical-types"
+ ],
+ "exports": {
+ "importConditionDefaultExport": "default"
+ }
+ },
+ "resolutions": {
+ "csstype": "^3.0.2"
+ }
}
diff --git a/packages/react-select/CHANGELOG.md b/packages/react-select/CHANGELOG.md
new file mode 100644
index 0000000000..393254bebd
--- /dev/null
+++ b/packages/react-select/CHANGELOG.md
@@ -0,0 +1,2017 @@
+# react-select
+
+## 5.10.2
+
+### Patch Changes
+
+- [`bf0c8615`](https://github.com/JedWatson/react-select/commit/bf0c8615f8574264883f984c0d2ff36ff9dcdcb7) [#6051](https://github.com/JedWatson/react-select/pull/6051) Thanks [@jnyholm-sc](https://github.com/jnyholm-sc)! - fix: hydration problem caused by isAppleDevice
+
+## 5.10.1
+
+### Patch Changes
+
+- [`c5706a0d`](https://github.com/JedWatson/react-select/commit/c5706a0d2b90f7a29bf12b760b048262ae8cc24c) [#6013](https://github.com/JedWatson/react-select/pull/6013) Thanks [@jonahShaf](https://github.com/jonahShaf)! - Distribute license file
+
+## 5.10.0
+
+### Minor Changes
+
+- [`6d28ed76`](https://github.com/JedWatson/react-select/commit/6d28ed762e5ef47543fc63ce7588db77455d1534) [#5993](https://github.com/JedWatson/react-select/pull/5993) Thanks [@onihani](https://github.com/onihani)! - Export the `FilterOptionOption` type
+
+## 5.9.0
+
+### Minor Changes
+
+- [`01206c33`](https://github.com/JedWatson/react-select/commit/01206c333c481b511e36521e5b568aebd4534b26) [#5984](https://github.com/JedWatson/react-select/pull/5984) Thanks [@Thris3n](https://github.com/Thris3n)! - Add React 19 to peer dependency range
+
+## 5.8.3
+
+### Patch Changes
+
+- [`111efad1`](https://github.com/JedWatson/react-select/commit/111efad170a11dbae96ae436251cd028e702eb72) [#5974](https://github.com/JedWatson/react-select/pull/5974) Thanks [@j2ghz](https://github.com/j2ghz)! - Fix types compatibility with React 19
+
+## 5.8.2
+
+### Patch Changes
+
+- [`781284a9`](https://github.com/JedWatson/react-select/commit/781284a97059b80c07eb77bc871540fe99304e8f) [#5771](https://github.com/JedWatson/react-select/pull/5771) Thanks [@tu4mo](https://github.com/tu4mo)! - Fix for calling non-cancellable scroll events
+
+## 5.8.1
+
+### Patch Changes
+
+- [`dd740ced`](https://github.com/JedWatson/react-select/commit/dd740cedb29c810a89da4445d4864cd7e63d3aaf) [#5960](https://github.com/JedWatson/react-select/pull/5960) Thanks [@leonaves](https://github.com/leonaves)! - No longer send pop-value action when multi-select is empty. This correctly resolves typings with that event, where removedValue cannot be undefined.
+
+## 5.8.0
+
+### Minor Changes
+
+- [`884f1c42`](https://github.com/JedWatson/react-select/commit/884f1c42549faad7cb210169223b427ad6f0c9fd) [#5758](https://github.com/JedWatson/react-select/pull/5758) Thanks [@Ke1sy](https://github.com/Ke1sy)! - 1. Added 'aria-activedescendant' for input and functionality to calculate it;
+
+ 2. Added role 'option' and 'aria-selected' for option;
+ 3. Added role 'listbox' for menu;
+ 4. Added tests for 'aria-activedescendant';
+ 5. Changes in aria-live region:
+
+ - the instructions how to use select will be announced only one time when user focuses the input for the first time.
+ - instructions for menu or selected value will be announced only once after focusing them.
+ - removed aria-live for focused option because currently with correct aria-attributes it will be announced by screenreader natively as well as the status of this option (active or disabled).
+ - separated ariaContext into ariaFocused, ariaResults, ariaGuidance to avoid announcing redundant information and higlight only current change.
+
+## 5.7.7
+
+### Patch Changes
+
+- [`224a8f0d`](https://github.com/JedWatson/react-select/commit/224a8f0d01a5b6200ff10280a0d7a9b613383032) [#5666](https://github.com/JedWatson/react-select/pull/5666) Thanks [@yhy-1](https://github.com/yhy-1)! - Add aria-disabled to select's control component.
+
+## 5.7.6
+
+### Patch Changes
+
+- [`f6315cd5`](https://github.com/JedWatson/react-select/commit/f6315cd5feddb2e9ea168bcad391b29990b53afb) [#5672](https://github.com/JedWatson/react-select/pull/5672) Thanks [@tu4mo](https://github.com/tu4mo)! - Fix for calling non-cancellable scroll events
+
+## 5.7.5
+
+### Patch Changes
+
+- [`9d1730ba`](https://github.com/JedWatson/react-select/commit/9d1730ba4f97a51d25c7e704acd1a4c2be8f7182) [#5347](https://github.com/JedWatson/react-select/pull/5347) Thanks [@aszmyd](https://github.com/aszmyd)! - Make scroll lock div work on a document context it belongs to
+
+## 5.7.4
+
+### Patch Changes
+
+- [`16414bb5`](https://github.com/JedWatson/react-select/commit/16414bb53295b362690d2b089d74182ddeabc1dd) [#5689](https://github.com/JedWatson/react-select/pull/5689) Thanks [@Rall3n](https://github.com/Rall3n)! - Resolve `defaultProps` deprecation warning for React v18+.
+
+## 5.7.3
+
+### Patch Changes
+
+- [`59513d00`](https://github.com/JedWatson/react-select/commit/59513d0035a20cf9c0575c4be52204de7f77d742) [#5626](https://github.com/JedWatson/react-select/pull/5626) Thanks [@emmatown](https://github.com/emmatown)! - Fix importing `react-select` in Node ESM
+
+## 5.7.2
+
+### Patch Changes
+
+- [`925cd4a2`](https://github.com/JedWatson/react-select/commit/925cd4a26097823187fb14cdae2561dd3c637e8c) [#5536](https://github.com/JedWatson/react-select/pull/5536) Thanks [@Rall3n](https://github.com/Rall3n)! - `required` prop accessibiltiy and functionality improvements
+
+## 5.7.1
+
+### Patch Changes
+
+- [`597143ee`](https://github.com/JedWatson/react-select/commit/597143ee3d5c27ce87e9b1508b068dc7c1323201) [#5559](https://github.com/JedWatson/react-select/pull/5559) Thanks [@gdiazdelaserna](https://github.com/gdiazdelaserna)! - Add `exports` field in package.json
+
+## 5.7.0
+
+### Minor Changes
+
+- [`0773095f`](https://github.com/JedWatson/react-select/commit/0773095f4990b636f64ae7d0ab593353a1e03b22) [#5457](https://github.com/JedWatson/react-select/pull/5457) Thanks [@nderkim](https://github.com/nderkim)! - Add classNames API and unstyled prop
+
+## 5.6.1
+
+### Patch Changes
+
+- [`cda16826`](https://github.com/JedWatson/react-select/commit/cda168262f777fd7be275d46063149c7d157fe55) [#5482](https://github.com/JedWatson/react-select/pull/5482) Thanks [@nderkim](https://github.com/nderkim)! - Fix unstable theme rerendering menu
+
+## 5.6.0
+
+### Minor Changes
+
+- [`c37e86d8`](https://github.com/JedWatson/react-select/commit/c37e86d8eaa3f6eba83696453a58d525cce6c7c6) [#4882](https://github.com/JedWatson/react-select/pull/4882) Thanks [@Rall3n](https://github.com/Rall3n)! - Add `required` prop
+
+## 5.5.9
+
+### Patch Changes
+
+- [`851ed2b8`](https://github.com/JedWatson/react-select/commit/851ed2b8b88d7230be2263a6c07c826bf507374d) [#5430](https://github.com/JedWatson/react-select/pull/5430) Thanks [@Rall3n](https://github.com/Rall3n)! - Fix focused option if `defaultMenuIsOpen` is set
+
+## 5.5.8
+
+### Patch Changes
+
+- [`1ad6de4e`](https://github.com/JedWatson/react-select/commit/1ad6de4ee75041129a657b92931a2965a1805c31) [#5084](https://github.com/JedWatson/react-select/pull/5084) Thanks [@kosciolek](https://github.com/kosciolek)! - When focusing a dropdown option, the numbers included in the aria live region take filtering into consideration.
+
+## 5.5.7
+
+### Patch Changes
+
+- [`0ca2d5ba`](https://github.com/JedWatson/react-select/commit/0ca2d5ba4aa42fb2a1bf033bcee660a293e39e50) [#5431](https://github.com/JedWatson/react-select/pull/5431) Thanks [@nderkim](https://github.com/nderkim)! - Change `class` components to `functional` components
+
+## 5.5.6
+
+### Patch Changes
+
+- [`92398939`](https://github.com/JedWatson/react-select/commit/9239893986c6aaaa7105d3f5a91022827e544b10) [#5409](https://github.com/JedWatson/react-select/pull/5409) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Move files around to as to be compatible with version 2 of `@preconstruct/cli`
+
+## 5.5.5
+
+### Patch Changes
+
+- [`0dd38029`](https://github.com/JedWatson/react-select/commit/0dd3802977e525b4d8ea1eb083f8f13788016c28) [#5246](https://github.com/JedWatson/react-select/pull/5246) Thanks [@Rall3n](https://github.com/Rall3n)! - Fix re-focus of component in Firefox if being disabled while focused
+
+## 5.5.4
+
+### Patch Changes
+
+- [`ebb0a17a`](https://github.com/JedWatson/react-select/commit/ebb0a17a30b22cb7e7f7467ed8eda4256166e401) [#5404](https://github.com/JedWatson/react-select/pull/5404) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Use ResizeObserver to auto-update menu position if available
+
+## 5.5.3
+
+### Patch Changes
+
+- [`07656aaa`](https://github.com/JedWatson/react-select/commit/07656aaac7f636129f8d09e723df9fa6e5ff2841) [#5399](https://github.com/JedWatson/react-select/pull/5399) Thanks [@dependabot](https://github.com/apps/dependabot)! - Update memoize-one
+
+## 5.5.2
+
+### Patch Changes
+
+- [`00238f1a`](https://github.com/JedWatson/react-select/commit/00238f1a65ce9184b99edd6d3b3307f9b5c0c6c1) [#5376](https://github.com/JedWatson/react-select/pull/5376) Thanks [@lukebennett88](https://github.com/lukebennett88)! - Fix bug with animated multi-value select width being too wide
+
+## 5.5.1
+
+### Patch Changes
+
+- [`0f6ef093`](https://github.com/JedWatson/react-select/commit/0f6ef093282ca7356fb0e7ee7c706681a5a97901) [#5381](https://github.com/JedWatson/react-select/pull/5381) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Disable use of ResizeObserver for menu position auto-updating to avoid potential breaking changes.
+
+## 5.5.0
+
+### Minor Changes
+
+- [`598f9ee0`](https://github.com/JedWatson/react-select/commit/598f9ee0e641138820ae1b3d2a2121a1c21d3876) [#5256](https://github.com/JedWatson/react-select/pull/5256) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Auto-update menu position when using menu portalling
+
+## 5.4.0
+
+### Minor Changes
+
+- [`5d49f70a`](https://github.com/JedWatson/react-select/commit/5d49f70aeb9d6c2685b81b361e3dab3e2064292d) [#5249](https://github.com/JedWatson/react-select/pull/5249) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Export `formatOptionLabel` types (i.e., `FormatOptionLabelMeta` and `FormatOptionLabelContext`).
+
+## 5.3.2
+
+### Patch Changes
+
+- [`1f140e42`](https://github.com/JedWatson/react-select/commit/1f140e423707e9966254050e3234a65ee05977e9) [#5177](https://github.com/JedWatson/react-select/pull/5177) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fix view height used for menu positioning to be the scroll parent instead of the window
+
+## 5.3.1
+
+### Patch Changes
+
+- [`03bf7351`](https://github.com/JedWatson/react-select/commit/03bf735127fec6e47de8ae45e7cdc0a39c8b638b) [#5164](https://github.com/JedWatson/react-select/pull/5164) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Bump @emotion/react to ^11.8.1 to avoid `useInsertionEffect` bug
+
+## 5.3.0
+
+### Minor Changes
+
+- [`c7d8d4b3`](https://github.com/JedWatson/react-select/commit/c7d8d4b3ee01cee63b34adf4a895ef07ce2f3b03) [#5133](https://github.com/JedWatson/react-select/pull/5133) Thanks [@nil4](https://github.com/nil4)! - Update `peerDependencies` to include React 18
+
+### Patch Changes
+
+- [`0aaa9575`](https://github.com/JedWatson/react-select/commit/0aaa9575ed7e817841b9c9b494b4bd4dc2247b26) [#5134](https://github.com/JedWatson/react-select/pull/5134) Thanks [@rkulinski](https://github.com/rkulinski)! - Use defaultPrevented to skip duplicate event handler for clicking select.
+
+- [`87e14431`](https://github.com/JedWatson/react-select/commit/87e144319f485fba20b46bc71eb8162f88d19430) [#5131](https://github.com/JedWatson/react-select/pull/5131) Thanks [@pcorpet](https://github.com/pcorpet)! - Avoid referencing an ID that is not in the DOM
+
+- [`7184d538`](https://github.com/JedWatson/react-select/commit/7184d538f587c1dd5a4ca5ad6cc0745fbb8d3809) [#5082](https://github.com/JedWatson/react-select/pull/5082) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fix type inference for Async's loadOptions prop
+
+- [`bd4ee8ae`](https://github.com/JedWatson/react-select/commit/bd4ee8ae66e581e8be1679fa4b1838451e3f23b7) [#5057](https://github.com/JedWatson/react-select/pull/5057) Thanks [@Rall3n](https://github.com/Rall3n)! - Prevent transition props from being forwarded to `` element in `DummyInput` component
+
+## 5.2.2
+
+### Patch Changes
+
+- [`940a50b1`](https://github.com/JedWatson/react-select/commit/940a50b1a579b279b82c1efc5608a92eb422919e) [#4928](https://github.com/JedWatson/react-select/pull/4928) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fix usage with esModuleInterop disabled
+
+- [`54f9538e`](https://github.com/JedWatson/react-select/commit/54f9538e350bae4e11aa11311731cb95eb56d669) [#4941](https://github.com/JedWatson/react-select/pull/4941) Thanks [@prichey](https://github.com/prichey)! - Use React's AriaAttributes type directly rather than recreating
+
+- [`e97d45c0`](https://github.com/JedWatson/react-select/commit/e97d45c04bbc91e9e2ff9509f0d9c16fc4e4234e) [#4908](https://github.com/JedWatson/react-select/pull/4908) Thanks [@vjee](https://github.com/vjee)! - Make 3rd argument of CommonProps['setValue'] optional.
+
+## 5.2.1
+
+### Patch Changes
+
+- [`f172d7f9`](https://github.com/JedWatson/react-select/commit/f172d7f9c20b82db14e795d578ee4802475d2bdc) [#4886](https://github.com/JedWatson/react-select/pull/4886) Thanks [@Akridian](https://github.com/Akridian)! - Hooks for creation of custom Selects are now exported from main entry
+
+## 5.2.0
+
+### Minor Changes
+
+- [`6c7a3d1e`](https://github.com/JedWatson/react-select/commit/6c7a3d1e07b7d6a8f484a829e69b20eae5a92b91) [#4785](https://github.com/JedWatson/react-select/pull/4785) Thanks [@Rall3n](https://github.com/Rall3n)! - Add `prevInputValue` to action meta
+
+- [`b522ac65`](https://github.com/JedWatson/react-select/commit/b522ac658f85701ecf413436f3cf8d8d49117c82) [#4860](https://github.com/JedWatson/react-select/pull/4860) Thanks [@ebonow](https://github.com/ebonow)! - Fix animated MultiValue transitions when being removed and change method used to generate unique keys for Option components. Closes #4844 , closes #4602
+
+### Patch Changes
+
+- [`417e7217`](https://github.com/JedWatson/react-select/commit/417e721786af309ede9b35983a18df89363cd1c5) [#4842](https://github.com/JedWatson/react-select/pull/4842) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Remove src directory from published package
+
+- [`480ea85b`](https://github.com/JedWatson/react-select/commit/480ea85bed6f7c90c45d14884b4ec1105d92971a) [#4846](https://github.com/JedWatson/react-select/pull/4846) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Add missing index to MultiValue props type
+
+- [`b8e34472`](https://github.com/JedWatson/react-select/commit/b8e34472d352a87e9687027a5c3f4ed767984177) [#4854](https://github.com/JedWatson/react-select/pull/4854) Thanks [@mikunpham](https://github.com/mikunpham)! - Make input container css re-compute whenever input value changes due to a bug from `@emotion/react` in development env.
+
+## 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 implementation 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
+
+- [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
+
+- [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.
+
+- [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
+
+## 5.0.0-beta.0
+
+### Major Changes
+
+- [ef87c3ac](https://github.com/JedWatson/react-select/commit/ef87c3ac7fd453800595eebebb85f1107f78d34c) [#4489](https://github.com/JedWatson/react-select/pull/4489) Thanks [@Methuselah96](https://github.com/Methuselah96)! - 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 implementation with new options in the creatable variant.
+
+- [#4625](https://github.com/JedWatson/react-select/pull/4625) Thanks [@ebonow](https://github.com/ebonow)! - Remove dependency on AutoSizeInput
+ - BREAKING CHANGES:
+ - IE11 no longer works as it does not fully support CSS grid
+ - Renaming the .prefix\_\_input now targets the input and NOT the container. Unfortunate but overdue and perhaps opens the door to completely decoupling the input from needing a container if autosizing is not important.
+
+### Patch Changes
+
+- [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
+
+---
+
+## 4.3.1
+
+### Patch Changes
+
+- [2c915d10](https://github.com/JedWatson/react-select/commit/2c915d10b5ce7b7f48aa0903fa838f9c294c434d) [#4577](https://github.com/JedWatson/react-select/pull/4577) - Bump @emotion/cache to v11.4.0 which fixes an issue where different versions of Emotion running at the same time causes styles to disappear in production.
+
+## 4.3.0
+
+### Minor Changes
+
+- [035294f4](https://github.com/JedWatson/react-select/commit/035294f457921423c9237861f7c73584bdecbcc4) [#3360](https://github.com/JedWatson/react-select/pull/3360) Thanks [@JedWatson](https://github.com/JedWatson)! - Now pass the focusedOption to the MenuList Component as a prop
+
+### Patch Changes
+
+- [7a414a7c](https://github.com/JedWatson/react-select/commit/7a414a7c7a1f8e2902e43bd476e3db17a8dce049) [#3262](https://github.com/JedWatson/react-select/pull/3262) Thanks [@JedWatson](https://github.com/JedWatson)! - The Menu bottom is no longer scrolled into view when menuShouldScrollIntoView=false
+
+## 4.2.1
+
+### Patch Changes
+
+- [ca3c41bb](https://github.com/JedWatson/react-select/commit/ca3c41bb55e2666589bbbb69d1153357191d07a4) [#4478](https://github.com/JedWatson/react-select/pull/4478) Thanks [@ebonow](https://github.com/ebonow)! - Check passive events polyfill for the existence of window for SSR
+
+## 4.2.0
+
+### Minor Changes
+
+- [2ffed9c6](https://github.com/JedWatson/react-select/commit/2ffed9c6c40c9d5b81d7c8faf7bfc995976299ec) [#4444](https://github.com/JedWatson/react-select/pull/4444) Thanks [@Rall3n](https://github.com/Rall3n)! - Use accessor props to get value and label in `compareOption`
+
+- [2baf5a9d](https://github.com/JedWatson/react-select/commit/2baf5a9df2f4f56f9c9374fcb879cb5259a6d8d0) [#4414](https://github.com/JedWatson/react-select/pull/4414) Thanks [@ebonow](https://github.com/ebonow)! - Add ariaLiveMessages prop for internationalization and other customisations
+
+- [7cdb8a6b](https://github.com/JedWatson/react-select/commit/7cdb8a6b4d9de89a599b3aee8b6d90a44a931ea6) [#4391](https://github.com/JedWatson/react-select/pull/4391) Thanks [@ebonow](https://github.com/ebonow)! - Pass and sanitize CommonProps passed to Group and Input components
+
+### Patch Changes
+
+- [c955415c](https://github.com/JedWatson/react-select/commit/c955415cd3724489423dd8e84d6dab5ace24c984) [#4437](https://github.com/JedWatson/react-select/pull/4437) Thanks [@ebonow](https://github.com/ebonow)! - Set event listeners to be non-passive to remove Chrome console warnings
+
+- [3ca22b2f](https://github.com/JedWatson/react-select/commit/3ca22b2f49ad4f05f98ec8a565d74c483c0b98aa) [#3827](https://github.com/JedWatson/react-select/pull/3827) Thanks [@emmatown](https://github.com/emmatown)! - Memoize stripDiacritics in createFilter for the input with memoize-one so that stripDiacritics is not called for the same string as many times as there are options every time the input changes
+
+ Inspired by https://blog.johnnyreilly.com/2019/04/react-select-with-less-typing-lag.html
+
+- [dce3863f](https://github.com/JedWatson/react-select/commit/dce3863ff2ba8dfb50f505d81a2e70cf2d7a97e7) [#4423](https://github.com/JedWatson/react-select/pull/4423) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Remove browser alias fields in order to fix SSR apps
+
+- [ec7c0728](https://github.com/JedWatson/react-select/commit/ec7c0728c5bfe98a81ab557699147ae244f7a073) [#4443](https://github.com/JedWatson/react-select/pull/4443) Thanks [@ebonow](https://github.com/ebonow)! - Allow tabIndex prop Type to be number or string
+
+## 4.1.0
+
+### Minor Changes
+
+- [b5f9b0c5](https://github.com/JedWatson/react-select/commit/b5f9b0c59d7ac8559f88287ba73f0495b4c8eed2) [#4342](https://github.com/JedWatson/react-select/pull/4342) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Standardized innerProps and className props on customisable components
+
+- [19b76342](https://github.com/JedWatson/react-select/commit/19b763428d6df254f0b9662f18a698dd3c59d83b) [#3911](https://github.com/JedWatson/react-select/pull/3911) Thanks [@eugenet8k](https://github.com/eugenet8k)! - Add `removedValues` to `onChange` event meta when the action is `clear` (when the user clears the value in the Select)
+
+### Patch Changes
+
+- [f600d13f](https://github.com/JedWatson/react-select/commit/f600d13f5981c9e54e78247fdd82f62555373cff) [#4422](https://github.com/JedWatson/react-select/pull/4422) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fix finding focusable options for groups
+
+- [a016c878](https://github.com/JedWatson/react-select/commit/a016c87821d9289ef9c317c0c397d64a0824ce16) [#4420](https://github.com/JedWatson/react-select/pull/4420) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Bump dependency on @babel/runtime in order to fix compatibility issues with Webpack 5
+
+- [10b5f5a5](https://github.com/JedWatson/react-select/commit/10b5f5a5edc93becb6b46f22666305ec8c1b7de3) [#4404](https://github.com/JedWatson/react-select/pull/4404) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Remove unnecessary dependency on @emotion/css
+
+## 4.0.2
+
+### Patch Changes
+
+- [44f285b0](https://github.com/JedWatson/react-select/commit/44f285b0d4a50e16713b9aa3746d73d80dee2c91) [#4399](https://github.com/JedWatson/react-select/pull/4399) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fixed building focusable options from groups
+
+## 4.0.1
+
+### Patch Changes
+
+- [645feb3e](https://github.com/JedWatson/react-select/commit/645feb3e34776a5f181b32f603027df5ca709b7d) [#4396](https://github.com/JedWatson/react-select/pull/4396) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fixed keys for options within groups
+
+## 4.0.0
+
+### Major Changes
+
+- [02050675](https://github.com/JedWatson/react-select/commit/020506755728f607a77145e2a00458526596496f) [#4339](https://github.com/JedWatson/react-select/pull/4339) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Standardized value passed to onChange
+
+- [26b6325c](https://github.com/JedWatson/react-select/commit/26b6325c95113591e568451bc2296f98318a8dd9) [#4283](https://github.com/JedWatson/react-select/pull/4283) Thanks [@majgaard](https://github.com/majgaard)! - Upgrades Emotion dependency to v11.0.0
+
+ BREAKING CHANGE: The NonceProvider component now requires a `cacheKey` prop that corresponds to the `key` for the Emotion cache.
+
+- [b2488bb5](https://github.com/JedWatson/react-select/commit/b2488bb561ed08c822bc1a828d2d9fd957f25bdf) [#4313](https://github.com/JedWatson/react-select/pull/4313) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Removed usages of UNSAFE React methods
+
+### Patch Changes
+
+- [2d5496d5](https://github.com/JedWatson/react-select/commit/2d5496d52b6650b57352a0ea0dfcab383567f3ac) [#4388](https://github.com/JedWatson/react-select/pull/4388) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Removed memoization of buildMenuOptions
+
+## 3.2.0
+
+### Minor Changes
+
+- [c615e93d](https://github.com/JedWatson/react-select/commit/c615e93dbca15b9f9c6c3e6437744ca53703347f) [#4084](https://github.com/JedWatson/react-select/pull/4084) Thanks [@JedWatson](https://github.com/JedWatson)! - Changed the `cx` and `getValue` props that are passed to components into instance properties, which means they now pass a referential equality check on subsequent renders.
+
+ This is helpful, for example, when you're optimising the performance of rendering custom Option components - see [#3055](https://github.com/JedWatson/react-select/issues/3055)
+
+- [72f6036f](https://github.com/JedWatson/react-select/commit/72f6036fa6f425837c8c2326bf91dff7bd7f6147) [#4306](https://github.com/JedWatson/react-select/pull/4306) Thanks [@bladey](https://github.com/bladey)! - Remove duplicate prop createOptionPosition
+
+### Patch Changes
+
+- [ee638d46](https://github.com/JedWatson/react-select/commit/ee638d4615e789090ea860d2e1c9f4d95a829d50) [#4275](https://github.com/JedWatson/react-select/pull/4275) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Adds react ^17.0.0 to peer dependencies for React 17 support
+
+- [a0133f19](https://github.com/JedWatson/react-select/commit/a0133f19f45eb2dc9a2faebd74e18f44da7d509b) [#4154](https://github.com/JedWatson/react-select/pull/4154) Thanks [@brenshanny](https://github.com/brenshanny)! - Creatable: Fixed removing MultiValues that have identical values. See issue #4137 for details.
+
+- [d1e660c6](https://github.com/JedWatson/react-select/commit/d1e660c6b261d7fd60a85a6eca2ee9e3e0348ea2) [#4213](https://github.com/JedWatson/react-select/pull/4213) Thanks [@eythort](https://github.com/eythort)! - Added a guard to the `ScrollCaptor` component to check that `el` exists before calling `removeEventListener`, fixes intermittent errors
+
+- [a1e1db25](https://github.com/JedWatson/react-select/commit/a1e1db255aceda301d9705d0639e7ca0302bd079) [#4373](https://github.com/JedWatson/react-select/pull/4373) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Fixed value passed to onChange when clearing value
+
+- [2ad29d61](https://github.com/JedWatson/react-select/commit/2ad29d615bc769c3b3dc4177eb0007a267369748) [#4136](https://github.com/JedWatson/react-select/pull/4136) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Base aria-live message on tabSelectsValue prop
+
+- [ad890f27](https://github.com/JedWatson/react-select/commit/ad890f279300b6baaca55a642141999a79af8883) [#4326](https://github.com/JedWatson/react-select/pull/4326) Thanks [@Methuselah96](https://github.com/Methuselah96)! - Updated react-input-autosize to v3.0.0
+
+- [b28d9922](https://github.com/JedWatson/react-select/commit/b28d99222ab191db27482c6219f8c8b12ef753d8) [#3990](https://github.com/JedWatson/react-select/pull/3990) Thanks [@nikitaindik](https://github.com/nikitaindik)! - Fixed onCreateOption is not always called for Creatable
+
+- [24ba8702](https://github.com/JedWatson/react-select/commit/24ba8702b93885790ee919de8c01ea8f44d1c354) [#4289](https://github.com/JedWatson/react-select/pull/4289) Thanks [@slimklim](https://github.com/slimklim)! - Added `innerProps` prop to the built-in `MenuList` component to reduce the need for additional DOM nodes or forking internal code when passing additional props to the DOM element the MenuList component is rendering.
+
+ See issue [#4265](https://github.com/JedWatson/react-select/issues/4265) for an explanation.
+
+## 3.1.1
+
+### Patch Changes
+
+- [c8d74bd5](https://github.com/JedWatson/react-select/commit/c8d74bd5710b1db6736837fb4334a59e46614a27) [#3979](https://github.com/JedWatson/react-select/pull/3979) Thanks [@emmatown](https://github.com/emmatown)! - Fix repository field
+
+- [c8447f48](https://github.com/JedWatson/react-select/commit/c8447f480f8b9ca04386bee08e8d3a6fbb4f07c8) [#4034](https://github.com/JedWatson/react-select/pull/4034) Thanks [@sophiebits](https://github.com/sophiebits)! - Improve performance of option filtering when ignoreAccents is enabled (the default)
+
+- [7af1aafb](https://github.com/JedWatson/react-select/commit/7af1aafb2314db02544b7970784b868e97ec4824) [#4295](https://github.com/JedWatson/react-select/pull/4295) Thanks [@JedWatson](https://github.com/JedWatson)! - Fix menuplacement context
+
+- [32ad5c04](https://github.com/JedWatson/react-select/commit/32ad5c040bdd96cd1ca71010c2558842d684629c) [#3892](https://github.com/JedWatson/react-select/pull/3892) Thanks [@flexdinesh](https://github.com/flexdinesh)! - Fix react-select ignoring HTML5 "form" attribute
+
+- [6af14fbb](https://github.com/JedWatson/react-select/commit/6af14fbbc8ab42f2d17721732c9fe221d47c9e30) [#3897](https://github.com/JedWatson/react-select/pull/3897) Thanks [@lorisdev](https://github.com/lorisdev)! - Removes the call to `onMenuOpen` on every input change
+
+ If you were relying on this undesired behavior it may be a breaking change.
+ Please upgrade accordingly.
+
+- [0eb1ef96](https://github.com/JedWatson/react-select/commit/0eb1ef9625de907fddaf29516cec3bd93bf9c5f7) Thanks [@JedWatson](https://github.com/JedWatson)! - Fixes touch issues in IE11
+
+- [ad608c8f](https://github.com/JedWatson/react-select/commit/ad608c8f1f445e70a082bae755dd30bda5b5f205) [#3928](https://github.com/JedWatson/react-select/pull/3928) Thanks [@dpordomingo](https://github.com/dpordomingo)! - Update MenuPlacer context usage in order to the new React Context API
+
+## 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 [@emmatown](https://github.com/emmatown)! - 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 [@emmatown](https://github.com/emmatown)! - Enable Babel loose mode to improve bundle size
+
+## 3.0.8
+
+### Patch Changes
+
+- [a575a3c4](https://github.com/JedWatson/react-select/commit/a575a3c41798696620c77e8098c1150b4adda6cb) [#3727](https://github.com/JedWatson/react-select/pull/3727) Thanks [@tonytangau](https://github.com/tonytangau)! - Adding an `index` prop to `MultiValue` components
+- [916f0d2c](https://github.com/JedWatson/react-select/commit/916f0d2c651189bfeff2289d8d3cc597e06cb2ea) [#3644](https://github.com/JedWatson/react-select/pull/3644) Thanks [@TrySound](https://github.com/TrySound)! - Remove usage of `raf` package and replace with `window.requestAnimationFrame` because React already depends on `requestAnimationFrame`
+- [cba15309](https://github.com/JedWatson/react-select/commit/cba15309c4d7523ab6a785c8d5c0c7ec1048e22f) [#3676](https://github.com/JedWatson/react-select/pull/3676) Thanks [@wiesys](https://github.com/wiesys)! - Fix `loadingMessage` and `noOptionsMessage` properties in `Styles` flow type
+- [32f9475e](https://github.com/JedWatson/react-select/commit/32f9475e6d43a71000a3906da9e6d2d30710efd2) [#3790](https://github.com/JedWatson/react-select/pull/3790) Thanks [@JedWatson](https://github.com/JedWatson)! - Remove unnecessary dependency on `classnames` package
+- [1731175d](https://github.com/JedWatson/react-select/commit/1731175d790530b9dbfa787e3fffaff3fb0e44a0) [#3733](https://github.com/JedWatson/react-select/pull/3733) Thanks [@ddc67cd](https://github.com/ddc67cd)! - Pass `name` to `onChange` meta in `Creatable` to make it consistent with onChange in standard `Select`
+
+## 3.0.7
+
+### Patch Changes
+
+- [df864f2](https://github.com/JedWatson/react-select/commit/df864f2) - Include updated yarn.lock
+
+## 3.0.6
+
+### Patch Changes
+
+- [3e0a7a7](https://github.com/JedWatson/react-select/commit/3e0a7a7) - \* remove emotion 9 dep from mono repo (this wasn't being used anywhere)
+ - update dep on react-input-autosize to 2.2.2 (adds UNSAFE prefix to deprecated lifecycles) (resolves #3773)
+
+## 3.0.5
+
+### Patch Changes
+
+- [270cc01](https://github.com/JedWatson/react-select/commit/270cc01) [#3719](https://github.com/JedWatson/react-select/pulls/3719) Thanks [@jossmac](https://github.com/jossmac)! - Leverage currentColor for loading indicator dots -- makes styling easier, and more consistent, for consumers
+- [bab8af1](https://github.com/JedWatson/react-select/commit/bab8af1) - Update lifecycle methods with UNSAFE prefix
+
+## 3.0.4
+
+### Patch Changes
+
+- [cd8c3090](https://github.com/JedWatson/react-select/commit/cd8c3090) [#3586](https://github.com/JedWatson/react-select/pull/3586) Thanks [@emmatown](https://github.com/emmatown)! - Add base entrypoint back
+
+- [#3569](https://github.com/JedWatson/react-select/pull/3569) Thanks [@vadimka123](https://github.com/vadimka123) - Performance improvement: menu items are built when the menu opens, not in the constructor
+
+- [#3326](https://github.com/JedWatson/react-select/pull/3326) Thanks [@stevemao](https://github.com/stevemao) Fix for iOS focus management when clearing the select value
+
+- [#3532](https://github.com/JedWatson/react-select/pull/3532) Thanks [@alisonhall](https://github.com/alisonhall)! - Change aria-live assertive to polite
+
+## 3.0.3
+
+- Remove base entrypoint to fix rollup dependency resolution issue
+
+## 3.0.2
+
+- fix erroneous build
+
+## 3.0.1
+
+- [patch][](https://github.com/JedWatson/react-select/commit/):
+
+ - Add README.md file for npm
+
+## 3.0.0
+
+- [major][9ad152b](https://github.com/JedWatson/react-select/commit/9ad152b) [#3574](https://github.com/JedWatson/react-select/pulls/3574) Thanks [@gwyneplaine](https://github.com/gwyneplaine):
+ - Upgrade emotion dependency from 9.x to 10.x [#3321](https://github.com/JedWatson/react-select/pull/3321)
+ - Normalize Values [#3416](https://github.com/JedWatson/react-select/pull/3416)
+ - Separate entrypoints for Async, Creatable and makeAnimated [#3541](https://github.com/JedWatson/react-select/pull/3541)
+ - UMD builds deprecated
+ - required react peer-dependecy of 16.8
+
+## v2.4.4 / 2019-05-27
+
+### BugFixes
+
+- [#3540] Fixed active styles previously being applied to disabled options. Thanks [@risenforces](https://github.com/risenforces)
+- [#3563] Fixed IME composition bugs in non Chrome browsers. Thanks [@jwilander](https://github.com/jwilander)
+
+## v2.4.3 / 2019-03-17
+
+### Bugfixes
+
+- [#3492](https://github.com/JedWatson/react-select/pull/3492) Add labels to fields to make inspection. [@destructobeam](https://github.com/destructobeam)
+- [#3442](https://github.com/JedWatson/react-select/pull/3442) Ignore keydown events on `Enter` in IME. [@sat0yu](https://github.com/sat0yu).
+- [#3343](https://github.com/JedWatson/react-select/pull/3343) fix lint issues. [@JoshMcCullough](https://github.com/JoshMcCullough).
+- [#3498](https://github.com/JedWatson/react-select/pull/3498) Fix async type. [@mufasa71](https://github.com/mufasa71)
+- [#3436](https://github.com/JedWatson/react-select/pull/3436) Allow Node as placeholder [@eemeli](https://github.com/eemeli).
+
+## v2.4.2 / 2019-03-11
+
+### Bug fixes
+
+- [#3446](https://github.com/JedWatson/react-select/pull/3446) Fix bug with select input value not being selectable. Thanks [kangweichan](https://github.com/kangweichan).
+- [#3445](https://github.com/JedWatson/react-select/pull/3446) Fix accessibility bug. Disabled options are now focusable and announced by screen-readers but not selectable. Thanks [sarahbethfederman](https://github.com/sarahbethfederman).
+
+## Updates
+
+- Fixed typo in style docs. Thanks [thiagodebastos](https://github.com/thiagodebastos).
+- [#3460](https://github.com/JedWatson/react-select/pull/3460) Added description for actionTypes to docs. Thanks [mikekellyio](https://github.com/mikekellyio)
+
+## v2.4.1 / 2019-02-18
+
+### Bug fixes
+
+- [#3432](https://github.com/JedWatson/react-select/pull/3432) Fix bug with select menu's not working on mobile.
+
+## v2.4.0 / 2019-02-15
+
+### Bug fixes
+
+- [#3427](https://github.com/JedWatson/react-select/pull/3427) remove focusOption() invocation on ENTER press if the menu is not open.
+- [#3402](https://github.com/JedWatson/react-select/pull/3402) fix menu scroll being reset on focus of a select with an open menu in ie11. See [#3342](https://github.com/JedWatson/react-select/issues/3342) for details. Thanks [timothypage](https://github.com/timothypage)
+- [#3420](https://github.com/JedWatson/react-select/pull/3420) fixed select menu being opened on click, when openMenuOnClick is false. Thanks [caleb](https://github.com/caleb) and [rscotten](https://github.com/rscotten)
+- [#3419](https://github.com/JedWatson/react-select/pull/3419) fixed bug with ScrollCaptor operating on an undefined scrollTarget. Thanks [iulian-radu-at](https://github.com/iulian-radu-at)
+- [#3411](https://github.com/JedWatson/react-select/pull/3411) fix bug where Enter key press on select with a closed menu wouldn't propagate up. Resolves [#2217](https://github.com/JedWatson/react-select/issues/2217).
+- [#3407](https://github.com/JedWatson/react-select/pull/3407) remove unnecessary aria-roles from menu and options. This is now all handled by our aria-live implementation. Resolves [#3355](https://github.com/JedWatson/react-select/issues/3355). Thanks [sarahbethfederman](https://github.com/sarahbethfederman).
+- [#3393](https://github.com/JedWatson/react-select/pull/3393), fix aria live announcement text for removing a selected option. Thanks [msharkeyiii](https://github.com/msharkeyiii).
+- [#3350](https://github.com/JedWatson/react-select/pull/3350) Updated to 0.91 of flow. Updated types to pass stricter type checking, in later versions of flow. Thanks [DragonWW](https://github.com/DragorWW)
+
+### Updates
+
+- [#3370](https://github.com/JedWatson/react-select/pull/3370) Updated memoize-one dependency to 5.0.0. Thanks [adam187](https://github.com/adam187)
+- [#3366](https://github.com/JedWatson/react-select/pull/3366/files) Update build tooling, to leverage babel 7. Thanks [DragonWW](https://github.com/DragorWW)
+
+## v2.3.0 / 2019-01-18
+
+### Bug fixes
+
+- [#3315](https://github.com/JedWatson/react-select/pull/3315) add RAF call to Collapse component getRef() such that getBoundingClientRect() is invoked consistently.
+- [#3275](https://github.com/JedWatson/react-select/pull/3275/files) wrap String invocation around inputValue to avoid calling toLowerCase on invalid elements. thanks [tavareshenrique](https://github.com/tavareshenrique)
+- [#3357](https://github.com/JedWatson/react-select/pull/3357), fix loadOptions call in Async select to always pass in a string for the inputValue.
+- [#3346](https://github.com/JedWatson/react-select/pull/3346) Revert work done in CSP nonce PR [#3260](https://github.com/JedWatson/react-select/pull/3260) to unblock react-select usage in an SSR setting. Users who need nonce support still, please pin your version of react-select at 2.2.0. Nonce support will be re-added in 3.0.0 along with an upgrade to emotion 10; which includes nonce support without having to provide a custom emotion instance.
+
+### Features
+
+- [#3115](https://github.com/JedWatson/react-select/pull/3115) menu-is-open modifier added to control class when the menu is open. [@s20lee](https://github.com/s20lee)
+
+## v2.2.0 / 2018-12-28
+
+### Bug Fixes
+
+- [#3296](https://github.com/JedWatson/react-select/pull/3296) Fix for tab interactions when in composition mode with an IME. Thanks [yshr446](https://github.com/yshr446) for the PR.
+- [#3302](https://github.com/JedWatson/react-select/pull/3302) Fix to breaking android and mobile safari touch bug [#2755](https://github.com/JedWatson/react-select/issues/2755), by adding more conscientious checks to the onTouchStart and onTouchMove listeners. Thanks [xakep139](https://github.com/xakep139) for the PR.
+- [#3303](https://github.com/JedWatson/react-select/pull/3303) Input and GroupHeading components now get passed the selectProps prop, thanks [maxmarchuk](https://github.com/maxmarchuk) for the PR.
+- [#3260](https://github.com/JedWatson/react-select/pull/3260) As a result of the CSP nonce support feature, the emotion instance is now cached and passed down to all internal components, meaning that users looking to heavily customise their Select components can do so without externally importing emotion, and nonce instances are respected per select instance. Please see [this segment](https://react-select.com/styles#cx-and-custom-components) in the docs for a more detailed explanation.
+- [#3299](https://github.com/JedWatson/react-select/pull/3299) fix to assistive text on menu open.
+
+### Feature
+
+- [#3260](https://github.com/JedWatson/react-select/pull/3260) Add CSP nonce support to Select, thanks [Avaq](https://github.com/Avaq) and [Andarist](https://github.com/Andarist) for the heavy lifting.
+
+## v2.1.2 / 2018-11-22
+
+### Bug fixes
+
+- [#3161] Initialize state with `inputValue` when `defaultOptions` is true in AsyncSelect, resolves [#3160](https://github.com/JedWatson/react-select/issues/3160), thanks [@cutterbl](https://github.com/cutterbl)
+- [#3096] Placeholder component now also receives the isFocused state value as a prop. Thanks [@Nelrohd](https://github.com/Nelrohd)
+- [#3060] Fix bug where trying to set the cursor somewhere in an input value would close the menu. Thanks [@stijndeschuymer](https://github.com/stijndeschuymer)
+- [#3163] Fixed bug where isDisabled wasn't being reflected onto the DummyInput, which meant that disabled non searchable selects were still focusable. Thanks [@gm0t](https://github.com/gm0t)
+- [#3216] Fixes bug where clearing with backspace in a single select would result in an empty array, as opposed to the expected empty object. Thanks [@IanVS](https://github.com/IanVS)
+- [#3013] Fixes bug where the menu would close on trying to scroll using the scroll bar in IE11. Thanks [@rakid](https://github.com/rakid)
+
+### Misc
+
+- A big shoutout to everyone who helped contribute to the docs. In no particular order [@acrawford13](https://github.com/JedWatson/react-select/commits?author=acrawford13), [@kirillku](https://github.com/kirillku), [@ajaymathur](https://github.com/ajaymathur), [@mgalgs](https://github.com/mgalgs), [@cutterbl](https://github.com/cutterbl), [@JonathanWbn](https://github.com/JonathanWbn), [@mwood23](https://github.com/mwood23), [@stevemao](https://github.com/stevemao), [@jossmac](https://github.com/jossmac), and anyone else I've missed.
+- Thanks to [@IanVS](https://github.com/IanVS) for cleaning up our cypress tests.
+
+## v2.1.1 / 2018-10-24
+
+### Bug fixes
+
+- [#3132] Strip theme props from default Input and GroupHeading components, as they were polluting the DOM.
+- [#3131] Add support for the 'Delete' key in the internal onKeyDown method. Same functionality as 'Backspace'.
+- [#3100] Update flow-types and normalised default prop declarations in indicators. Thanks [iseredov](https://github.com/iseredov)
+
+### Updates
+
+- [#3083] Added sideEffects property to package.json to support tree-shaking in webpack 4.x. Thanks [SimenB](https://github.com/SimenB).
+- [#3078] Update jest dependency to 23.6.0. Thanks [papandreou](https://github.com/papandreou)
+- [#3065] Update babel-plugin-emotion to 9.2.10. Thanks [mtzhang](https://github.com/mtzhang)
+- [#3108] Update docs to include instructions for replicating the simple-value use case within react-select v2. Thanks [elboletaire](https://github.com/elboletaire)
+
+## v2.1.0 / 2018-10-03
+
+- [#2839] Added support for theming via theme prop. Thanks [akx](https://github.com/akx)
+- [#2874] Fixed flow-types of MultiValue components. Thanks [mike1808](https://github.com/mike1808)
+- [#2903] Fix missing form input when there isn't a selected value. Thanks [alvinsj](https://github.com/alvinsj)
+- [#2934] Reduced theme colors to a sane value set to make the exported theme more easy to consume and configure. Thanks [jossmac](https://github.com/jossmac)
+- [#2876] Added overflow hidden to valueContainer to stop overflowing text in the control. Thanks [mike1808](https://github.com/mike1808)
+- [#2975] Separated menu placement logic from menu primitive. Thanks [jossmac](https://github.com/jossmac).
+
+## v2.0.0 / 2018-07-23
+
+- async select now accepts a filterOptions function as a prop [#2822](https://github.com/JedWatson/react-select/pull/2822)
+- [BREAKING] react-select now exports react-select.esm.js from dist instead of react-select.es.js [#2641](https://github.com/JedWatson/react-select/pull/2641)
+- [BREAKING] innerRef assignments in custom components must now be made from the root of the prop object, as opposed to reaching into innerProps. This is part of the work to normalize the behaviour circa custom components. [#2824](https://github.com/JedWatson/react-select/pull/2824)
+- className and classNamePrefix deprecation warning and backward compatibility removed. className now only affects the select container, classNamePrefix prefixes all internal components. [#2820](https://github.com/JedWatson/react-select/pull/2820)
+- Added `closeMenuOnScroll` prop, which can either be a `boolean` or a `function`, if set to `true` the select menu will close on scroll of the document/body. If a function is supplied, it must take the following shape `(event: ScrollEvent) => boolean`, the boolean value will be used to resolve whether the menu should be closed or stay open. [#2809](https://github.com/JedWatson/react-select/pull/2809), thanks [Vynlar](https://github.com/Vynlar) for this.
+- Added fix to support IME inputs. [#2767](https://github.com/JedWatson/react-select/pull/2767), thanks [shamabe](https://github.com/shamabe)
+- Removed primitives, and normalise multi-value components to be in line with existing component customisation patterns. [#2821](https://github.com/JedWatson/react-select/pull/2821)
+- Normalised isOptionDisabled to be inline with its sibling prop isOptionSelected. [#2821](https://github.com/JedWatson/react-select/pull/2695) Thanks [SimeonC](https://github.com/SimeonC)
+- [#2814](https://github.com/JedWatson/react-select/pull/2814) Added memoization to custom components within Select.js as well as in the exported makeAnimated factory method. Thanks to [Alex Reardon's](https://github.com/alexreardon) [memoize-one](https://github.com/alexreardon/memoize-one)
+- [#2652](https://github.com/JedWatson/react-select/pull/2652), Async Select now re-evaluates defaultOptions on componentWillReceiveProps. Thanks [jesstelford](https://github.com/jesstelford)
+
+## v2.0.0-beta.7 / 2018-07-03
+
+- Removed old aria-attributes in Option, MenuList and other components in favor of an aria-live-region implementation. `screenReaderStatus` prop is still at the moment untouched, and `aria-labelledby` and `aria-label` props are still available and retain their functionality. See [#2581](https://github.com/JedWatson/react-select/pull/2581).
+- Internal ref `input` is now `inputRef` for consistency.
+- Internal ref `menuRef` is now `menuListRef` for consistency.
+- Fixed bug with MultiValueRemove interaction not working in mobile [#2762](https://github.com/JedWatson/react-select/pull/2762), thanks [chuckbergeron](https://github.com/chuckbergeron).
+- Added makeAnimated function export, that takes passed in components and wraps them in higher order components that expose animated functionality. [#2724](https://github.com/JedWatson/react-select/pull/2724)
+- Added functionality to not render the menu if `noOptionsMessage` or `loadingMessage` are set to null. [#2754](https://github.com/JedWatson/react-select/pull/2754)
+- Fixed bug with mobile menu being blocked when `menuShouldBlockScroll` is true.
+ [#2756](https://github.com/JedWatson/react-select/pull/2756)
+- Enabled hideSelectedOptions functionality for single-select as well. Changed logic so that if isMulti is true and hideSelectedOptions is not defined, we will hide selected options by default. Explicitly setting hideSelectedOptions will override this behaviour. https://github.com/JedWatson/react-select/pull/2753
+- Updates to flow types, thanks [mike1808](https://github.com/mike1808), [himerus](https://github.com/himerus),
+ [teamable-software](https://github.com/teamable-software) and
+- Bumped internal flow-bin dependency to 0.72.0, [#2646](https://github.com/JedWatson/react-select/pull/2646) thanks [lunij](https://github.com/lunij)
+- Fixed [#2701](https://github.com/JedWatson/react-select/issues/2701), use of un-polyfilled array.includes() in Select.js, this has now been subbed out for a IE compatible implementation.
+- [#2733](https://github.com/JedWatson/react-select/issues/2733), fixed classname bug to do with prefixing classes with modifiers.
+- [#2723](https://github.com/JedWatson/react-select/issues/2732), fixed emotion compilation bug blocking loadingDot rendering.
+- [#2749](https://github.com/JedWatson/react-select/pull/2749) fixed typo in docs. thanks [JuhQ](https://github.com/juhq)
+- [#2717](https://github.com/JedWatson/react-select/pull/2717) added selected value to onChange to accommodate multi-select, thanks [SimeonC](https://github.com/simeonc)
+
+## v2.0.0-beta.6 / 2018-05-23
+
+- Fixed bug with `css` attribute being wrongly applied to a DOM element in SingleValue. Thanks [guigs](http://github.com/guigs)
+- Added `removedValue` to the `actionMeta` of the `remove-value` action that's passed into the `onChange` prop.
+- Reverted previous change of `innerRef` in `innerProps` of custom Components to `ref`. The property is now once again named `innerRef`. This is mostly to resolve issues with styled-components not passing `ref` down to wrapped dom elements, however this is also a safer pattern to apply as it requires users providing their own custom components to explicitly associate the passed down ref with the requisite dom element.
+- selectValue now filters items based on the getOptionValue method. Thanks (inv8der)[http://github.com/inv8der]
+- Added `createOptionPosition` to creatable select to allow users to specify where the createOption element appears in the menu.
+- Added touch handling logic to detect user intent to scroll the page when interacting with the select control.
+
+## v2.0.0-beta.5 / 2018-05-18
+
+- Added `controlShouldRenderValue` prop, defaults to true. Setting it to false disables rendering values in the control. Thanks[Joss Mackison](http://github.com/jossmac)
+
+## v2.0.0-beta.4 / 2018-05-15
+
+- Fixed bug where transition props were being spread onto the DummyInput causing react warnings in the console. Thanks [Mike Gardner](https://github.com/MikeLimeRocket)
+
+## v2.0.0-beta.3 / 2018-05-14
+
+**Note**: There is an important change in this release to the behaviour of `className`.
+
+Previously, `className` would control the class names applied to internal components
+as well as the containing element. Now, the `className` prop only controls the class
+name of the containing element, and the new prop `classNamePrefix` controls classes
+applies to internal components.
+
+Until 2.0.0 final is released, we have added backwards compatibility and a deprecation
+warning to cover this change.
+
+- Added `classNamePrefix` prop, which now controls the class names applied to internal components
+- Refactored cx internal implementation to reduce specificity of css-in-jss base styles.
+- `maxValueHeight` prop removed
+- Added `--is-disabled` className modifier to Option component, thanks [eemeli](https://github.com/eemeli)
+- Fixed various IE11 issues, see [#2583](https://github.com/JedWatson/react-select/issues/2583)
+- Added multi-value keyboard navigation using left and right arrows.
+- Simplified flow distribution, thanks [falconmick](https://github.com/falconmick)
+- Added fix to ensure focus is on the Input when the menu opens
+
+## v2.0.0-beta.2 / 2018-04-25
+
+- Switched from glam to [emotion](https://emotion.sh) for css-in-js
+- Input colour can now be changed
+- Use of React 16 Fragment removed, 2.0.0 should work with React 15
+- SSR support improved
+- Indicator icons are now exported
+
+## v2.0.0-beta.1 / 2018-04-20
+
+- Added `tabIndex` prop
+- Added `classNames` prop
+- Added upgrade guide from v1 --> v2
+- Fixed bug with overflowing long values in the control
+- Fixed ie11 bug to do with absolutely positioned children in flex parent.
+- Documentation ie11, styling and copy improvements
+
+## v2.0.0-alpha.11 / 2018-04-12
+
+Minor fix since last alpha:
+
+- Fixed a flow type issue that was causing issues for consumers
+
+## v2.0.0-alpha.10 / 2018-04-10
+
+Minor fix since last alpha:
+
+- Fixed an issue with `dist/react-select.es.js` where `babelHelpers` weren't defined
+
+## v2.0.0-alpha.9 / 2018-04-10
+
+Ongoing rewrite. Major changes since last alpha:
+
+- Added `openMenuOnClick` and `openMenuOnFocus` props
+- Significant test coverage and documentation improvements
+- Added `onMenuScrollToTop` and `onMenuScrollToBottom` event props
+- `scrollMenuIntoView` prop renamed `menuShouldScrollIntoView`
+- `onKeyDown` now based on event.key not event.keyCode
+- Component ids no longer have double separators
+- Fixed a Firefox bug with `position: absolute` and `display: flex`
+- Added support for fixed position menu and scroll blocking
+- Fixed issue with transition group props being passed to child components
+- Fixed issue with portalled menu display when `menuPlacement="top"`
+
+## v2.0.0-alpha.8 / 2018-02-20
+
+Ongoing rewrite. Major changes since last alpha:
+
+- Made `focus` and `blur` methods work consistently when composing HOCs
+- Added `menuPortalTarget` prop which portals the menu, with a `MenuPortal` component and `menuPortal` style key
+- Allow the `MultiValueRemove` component children to be changed
+- Lots of new tests, updates to documentation and examples
+
+## v2.0.0-alpha.7 / 2018-02-14
+
+Ongoing rewrite. Major changes since last alpha:
+
+- Significantly improved touch and mobile support
+- New positioning behaviour for the Menu
+- Added `scrollMenuIntoView` prop, which does exactly what you'd expect
+- Added action meta to the `onInputChange` event handler arguments
+- `Creatable` Component Added
+- `AsyncCreatable` Component Added
+- Fixed an issue with the layout that would trigger a Firefox repaint bug
+- Improved behaviour when the `isDisabled` prop value is changed
+- The `IndicatorSeparator` isn't rendered when there is no `DropdownIndicator`
+- Converted `StateManager` to a higher order component
+- New website, docs, and more tests! (still WIP)
+- Examples can now be launched in CodeSandbox, thanks to [Ben Conolly](https://github.com/noviny)
+
+## v2.0.0-alpha.6 / 2018-02-14
+
+Ongoing rewrite. Major changes since last alpha:
+
+- `menuIsOpen`, `inputValue` and `value` are now controllable props that default to internal state
+- Fixed missing loading indicator
+- Added "open in code sandbox" to all examples
+- Switched menu rendering from li to div tags for better screen reader usability
+- Removed unused primitives and simplified indicator components
+- Improved accessibility of groups and options, cleaned up Group implementation
+- Fixed some input alignment issues
+- Added right-to-left support with `isRtl` prop
+- Support blocking page scroll at menu boundaries with `captureMenuScroll` prop
+- Added automatic menu flipping at window boundaries with `menuPlacement` and `menuShouldFlip` props
+- Added `isSearchable` prop to support simple (not searchable) select inputs
+- Added `pageSize` prop
+
+## v2.0.0-alpha.5 / 2018-02-07
+
+Ongoing rewrite. Major changes since last alpha:
+
+- Fixed an issue where animated values would show ellipsis while leaving
+- Long single values are now also correctly truncated
+
+## v2.0.0-alpha.4 / 2018-02-06
+
+Ongoing rewrite. Major changes since last alpha:
+
+- Added support for Promises in the Async component
+- Added `setValue` method on the Select class
+- More consistent use of `innerProps` for internal components
+- Internal components are now provided a consistent set of props and API
+- Improved handling of keyboard and mouse interaction for options in the menu
+- Default filtering behaviour now has parity with v1
+- New `createFilter` method lets you customise the filter options
+- Some unnecessary components have been removed for better performance
+- Long values are now truncated
+
+## v2.0.0-alpha.3 / 2018-02-02
+
+Ongoing rewrite. Major changes since last alpha:
+
+- Added `getOptionValue`, `getOptionLabel` and `formatOptionLabel` props
+- Added `isOptionSelected` and `isOptionDisabled` props
+- Added `name` and `delimiter` props to support hidden html inputs for forms
+- Added `loadingMessage`, `noOptionsMessage` and `screenReaderStatus` props so messages can be customised
+- Customisable components are now passed `innerProps` for simpler implementation
+- Cleaned up internal Components and made sure they can all be styled
+- Implemented customisable filtering function with support for case and diacritics
+- Fixed various css bugs and vendor prefixing issues
+- Accessibility improvements
+
+## v2.0.0-alpha.2 / 2018-01-25
+
+Ongoing rewrite. Major changes since last alpha:
+
+- `Async` component added
+- `styles` prop added to Select component
+- `isLoading` prop to Select component and new indicator added
+- Support added for disabled options
+- Internal components cleaned up
+- Cypress tests added
+- CSS class names added to default components
+- Accessibility improvements
+
+## v2.0.0-alpha.1 / 2018-01-12
+
+Complete rewrite, docs and upgrade notes on changes from v1 to come later.
+
+## v1.2.1 / 2018-01-13
+
+- Fixed blocking the Del key when deleteRemoves is false, thanks [Nachtigall, Jens (init)](https://github.com/jnachtigall) - [see PR](https://github.com/JedWatson/react-select/pull/2291)
+- Fixed inline-block rendering for arrowRenderer without autosize, thanks [Harry Kao](https://github.com/harrykao) - [see PR](https://github.com/JedWatson/react-select/pull/2276)
+- Fixed dropdown menu positioning issues in IE 11, thanks [jharris4](https://github.com/jharris4) - [see PR](https://github.com/JedWatson/react-select/pull/2273)
+- Added missing rule to the `scss` stylesheet, thanks [Jordan Whitfield](https://github.com/mantissa7) - [see PR](https://github.com/JedWatson/react-select/pull/2280)
+ > > > > > > > master
+
+## v1.2.0 / 2018-01-08
+
+- Source cleanup, thanks to [Yuri S](https://github.com/yuri-sakharov) and
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2262)
+- Switched from babel-preset-es2015 to babel-preset-env, thanks
+ [Rambabu Yadlapalli](https://github.com/RamYadlapalli) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2254)
+- Fixed focused option. Issue #2237, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2245)
+- Fix onSelectResetsInput bug from keyboard navigation, thanks
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2259)
+- Fixed all warnings on running tests, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2231)
+- Added missing tests for Option.js and refactored Option-test.js., thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2249)
+- Added missing tests for Async.js, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2250)
+- Fixed console error in GitHub users example, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2244)
+- Fixed readme example. Issue #2235, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2246)
+- Regression fix for single select with onSelectResetsInput=false, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2226)
+- Pass placeholder prop to ValueComponent, thanks
+ [Aravind Srivatsan](https://github.com/aravindsrivats) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2225)
+- Refactored handleKeyDown switch, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2228)
+- onSelectResetsInput regression fixed, thanks
+ [Jed Watson](https://github.com/dehamilton) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2215)
+- Don't open drop down menu when clear values, thanks
+ [Jed Watson](https://github.com/Chopinsky) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2198)
+- Clear input value on receiving props with another value., thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2183)
+- Fix/is option unique crash, thanks [Jacob Zuo](https://github.com/Chopinsky) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2185)
+- Use react-input-autosize v2.1.2 for guard against undefined window, thanks
+ [DStyleZ](https://github.com/sximba) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2187)
+- Fix issue #2182, thanks [Kurt Hoyt](https://github.com/kurtinatlanta) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2213)
+- Documenting behavior of onBlurResetsInput in the readme., thanks
+ [hobbsl](https://github.com/levininja) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2212)
+- Use onSelectResetsInput for single select, thanks
+ [lachiet](https://github.com/lachiet) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2205)
+- Fix state value in README example, thanks
+ [Srishan Bhattarai](https://github.com/srishanbhattarai) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2192)
+- document breaking change of removing getInputValue, thanks
+ [Turadg Aleahmad](https://github.com/turadg) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2195)
+- Fixed search for invalid label and/or value, thanks
+ [Yuri S](https://github.com/yuri-sakharov) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2179)
+
+## v1.1.0 / 2017-11-28
+
+- added; more props are passed to the Option component: `focusOption`,
+ `inputValue`, `selectValue`, `removeValue`
+- added; the `inputValue` is passed as the third argument to the
+ `optionRenderer`
+- fixed; issues opening the menu correctly for multiselect when
+ `autosize={false}`
+- fixed; removed `event.stopPropagation()` from Select's `clearValue` and
+ `onClick` handlers, thanks [Thomas Burke](https://github.com/etburke)
+- fixed; `handleMouseDownOnArrow` when `openOnClick={false}`, thanks
+ [elias ghali](https://github.com/elghali)
+- fixed; conditional scrolling into view of focused option, thanks
+ [Michael Lewis](https://github.com/mtlewis)
+
+## v1.0.1 / 2017-11-24
+
+- reintroduced source files for scss and less stylesheets into the npm package
+
+## v1.0.0 / 2017-11-23
+
+- breaking; removed `getInputValue` function -
+ [see PR](https://github.com/JedWatson/react-select/pull/2108)
+- reverted spacebar-selects-option behaviour for searchable selects, thanks
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2163)
+- fixed behaviour where async doesn't handle onInputChange returning a value,
+ thanks [Anton](https://github.com/tehbi4) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2133)
+- fixed Creatable bug where the first enter keypress is ignored when
+ `promptTextCreator` returns only the label, thanks
+ [George Karagkiaouris](https://github.com/karaggeorge) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2140)
+- Utility functions are now exported from the es6 build, thanks
+ [Deiru](https://github.com/Deiru2k) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2154)
+- Update aria-only class to have absolute positioning, thanks
+ [Jacob Hilker](https://github.com/JHilker) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1243)
+- gives possibility to use ref property for Creatable, thanks
+ [blacktemplar](https://github.com/blacktemplar) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1646)
+- Adds lint and test pre-commit hooks, thanks
+ [carymcpoland](https://github.com/mcpolandc) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2077)
+- Disable some browser-specific behaviours that break the input, thanks
+ [Jed Watson](https://github.com/JedWatson) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2101)
+- onOpen: run after dom has rendered, thanks
+ [Karl-Aksel Puulmann](https://github.com/macobo) -
+ [see PR](https://github.com/JedWatson/react-select/pull/#1756)
+- fix not clearing when given invalid values, from #1756, thanks
+ [Mário][https://github.com/ticklemynausea] -
+ [see PR](https://github.com/JedWatson/react-select/pull/2100)
+- Exports Option Component, thanks
+ [Erkelens, Jan Paul](https://github.com/jperkelens) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2097)
+- Fix/numeric multi select, thanks
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2086)
+- removeSelected prop (round 2), for optionally keeping selected values in
+ dropdown, thanks [Jed Watson](https://github.com/banderson) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1891)
+- pass removeValue() and always pass valueArray, thanks
+ [kcliu](https://github.com/kcliu) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1850)
+- Accessibility Enhancements - Aria tags, Space/Enter keys, thanks
+ [sushmabadam](https://github.com/sushmabadam) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1428)
+- added rtl support, thanks [Dekel](https://github.com/dekelb) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1613)
+- Add inputValue to menuRenderer, thanks
+ [headcanon](https://github.com/chronick) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1732)
+- fix typo in handleKeyDown method, thanks
+ [jasonchangxo](https://github.com/jasonchangxo) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2088)
+- Fix/numeric multi select, thanks
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2086)
+- expose children in AsyncCreatable.js, thanks
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2084)
+- replace trim fn loop with regex, thanks
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2085)
+- Trim search text from beginning and the end. (fixes #1861), thanks
+ [Serkan Ozer](https://github.com/serkanozer) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1862)
+- Add variable for focused input background, thanks
+ [Aron Strandberg](https://github.com/aronstrandberg) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1998)
+- Added id in the input select, thanks
+ [thecreazy](https://github.com/thecreazy) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2027)
+- adding a nvmrc file and adding coverage to eslintignore, thanks
+ [Dave Birch](https://github.com/uxtx) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1137)
+- Updated the comment for the deleteRemoves option., thanks
+ [Abul Dider](https://github.com/dider7) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2078)
+- implemented optional rendering of arrow, thanks
+ [rolandjohann](https://github.com/rolandjohann) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1761)
+- Skip rendering arrow wrapper when custom arrow renderer returns falsy value,
+ thanks [Mike Lewis](https://github.com/mtlewis) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2055)
+- do not show clear button if value is an empty string, thanks
+ [Marie Godon](https://github.com/mariegodon) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2074)
+- Set isLoading to false if cache hit, thanks
+ [timhwang21](https://github.com/timhwang21) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2042)
+- Add aria-labels to Options, thanks
+ [jasonchangxo](https://github.com/jasonchangxo) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2036)
+- Adds source links to each example, thanks
+ [Damon Bauer](https://github.com/damonbauer) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2051)
+- Issue #2056: onInputChange should return modified value, thanks
+ [Caleb Scholze](https://github.com/cscholze) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2057)
+- Remove option `addLabelText` from README and propTypes, thanks
+ [Jannes Jeising](https://github.com/jjeising) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2040)
+- GitHub has a capital H, thanks
+ [David Baumgold](https://github.com/singingwolfboy) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2053)
+- refactor componentWillUnmount(), thanks
+ [riophae](https://github.com/riophae) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2064)
+- Slim down NPM package, thanks [Valentin Agachi](https://github.com/avaly) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2062)
+- Update contributing doc, thanks [Gregg Brewster](https://github.com/greggb) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2059)
+- strip proptypes in production build (fixes #1882), thanks
+ [Jochen Berger](https://github.com/jochenberger) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2003)
+- Support Webpack 2, Webpack 3, rollup., thanks
+ [Matthew Schnee](https://github.com/mschnee) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2020)
+- Add missing semicolon, thanks
+ [jochenberger](https://github.com/jochenberger) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2018)
+- autofocus --> autoFocus, thanks
+ [Charles Lee](https://github.com/gwyneplaine) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2002)
+- Async> cache async response regardless of req order, thanks
+ [Timothy Hwang](https://github.com/timhwang21) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2012)
+- Make this work in preact., thanks [liaoxuezhi](https://github.com/2betop) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2013)
+- Correct release candidate version on README, thanks
+ [Damon Aw](https://github.com/daemonsy) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2017)
+- Fix test name, thanks [jochenberger](https://github.com/jochenberger) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2005)
+- Fixing css states to be scoped with Select selector, closes #1951., thanks
+ [Adam Girton](https://github.com/agirton) -
+ [see PR](https://github.com/JedWatson/react-select/pull/2000)
+- fix typo, thanks [jochenberger](https://github.com/jochenberger) -
+ [see PR](https://github.com/JedWatson/react-select/pull/1999)
+
+## v1.0.0-rc.10 / 2017-09-13
+
+- changed; `openAfterFocus` prop has been renamed to `openOnClick`, and now
+ defaults to `true`
+- fixed; React.PropTypes deprecation warning, thanks
+ [Jeremy Liberman](https://github.com/MrLeebo)
+- improved; scrolling behaviour when navigating the menu with the keyboard,
+ thanks [boatkorachal](https://github.com/boatkorachal)
+- fixed; error with the `Async` cache when you type `"hasOwnProperty"`, thanks
+ [SuhushinAS](https://github.com/SuhushinAS)
+
+## v1.0.0-rc.9 / 2017-09-13
+
+- fixed; clearable padding style, thanks
+ [Minori Miyauchi](https://github.com/mmiyauchi)
+- fixed; removed use of `Object.assign`, fixes IE compatibility
+- added; new `closeOnSelect` prop (defaults to `true`) that controls whether the
+ menu is closed when an option is selected, thanks to
+ [Michael Elgar](https://github.com/melgar) for the original idea
+- changed; by default, the menu for multi-selects now closes when an option is
+ selected
+- changed; `Async` component no longer always clears options when one is
+ selected (although the menu is now closed by default). Use
+ `closeOnSelect={false} onSelectResetsInput={false}` to leave the menu open.
+- fixed; `Async` component always called `onChange` even when it wasn't provided
+- fixed; input lag for the `Async` component when results are returned from
+ cache
+- fixed; required was not being updated without an onChange handler
+- fixed; peer dependencies for `prop-types`, thanks
+ [Michaël De Boey](https://github.com/MichaelDeBoey)
+- fixed; internal optimisations, thanks
+ [Kieran Boyle](https://github.com/dysfunc)
+- added; `Value` component is now exported, thanks
+ [Prof Gra](https://github.com/Grahack)
+- fixed; callback fired after `Async` component unmounts, thanks
+ [Andrew Russell](https://github.com/DeadHeadRussell)
+- fixed; wrapping on Firefox in SCSS files, thanks
+ [Michael Williamson](https://github.com/mwilliamson)
+
+## v1.0.0-rc.8 / 2017-09-12
+
+- fixed; `onMenuScrollToBottom` does not work in chrome 58.0, thanks
+ [Simon Hartcher](https://github.com/deevus)
+- fixed; missing es6 module build for `js:next` entrypoint
+- updated; `react-input-autosize@2.0.0` including several fixes for react-select
+ (see
+ [changes](https://github.com/JedWatson/react-input-autosize/blob/master/HISTORY.md))
+
+## v1.0.0-rc.7 / 2017-09-11
+
+- fixed; issue with `lib` build preventing use in ES2015 environments
+
+## v1.0.0-rc.6 / 2017-09-10
+
+- fixed; changing `required` prop from `true` to `false` now works as expected,
+ thanks [George Karagkiaouris](https://github.com/karaggeorge)
+- added; new prop `onSelectResetsInput` controls whether the input value is
+ cleared when options are selected, thanks
+ [David Roeca](https://github.com/davidroeca) and
+ [Alexander Nosov](https://github.com/nosovsh)
+- fixed; tabindex parent bug fix for Edge, thanks
+ [George Payne](https://github.com/George-A-Payne)
+- fixed; update selectize link in README.md, thanks
+ [kerumen](https://github.com/kerumen)
+- added; standard issue template, thanks [agirton](https://github.com/agirton)
+- added; new build process using rollup and webpack. Removed grunt. thanks
+ [gwyneplaine](https://github.com/gwyneplaine)
+- fixed; updated contributor docs with the correct node version reference
+ [gwyneplaine](https://github.com/gwyneplaine)
+- fixed; missing method binds in Option, thanks
+ [agirton](https://github.com/agirton)
+- fixed; converted components to use es6 classes, thanks
+ [jochenberger](https://github.com/jochenberger)
+- fixed; console.log example in usage docs, thanks
+ [rohmanhm](https://github.com/rohmanhm)
+- fixed; hide create option after closing menu, thanks
+ [andreme](https://github.com/andreme)
+- fixed; remove circular reference, thanks [agirton](https://github.com/agirton)
+- fixed; readme typo, thanks [ieldanr](https:/github.com/ieldanr)
+- fixed; add missing function binds in Option component, thanks
+ [agirton](https://github.com/agirton) and
+ [blacktemplar](https://github.com/blacktemplar)
+- fixed; re-added fix to
+ [#1580](https://github.com/JedWatson/react-select/issues/1580), thanks
+ [agirton](https://github.com/agirton)
+- fixed; avoid mutating user inputs when ignoring case/accents, thanks
+ [not-an-aardvark](https://github.com/not-an-aardvark)
+- fixed; issues synchronising options props in `Async`, thanks
+ [cbergmiller](https://github.com/cbergmiller)
+- fixed; backspace handling for non-multi select controls, thanks
+ [Jeremy Liberman](https://github.com/MrLeebo)
+
+## v1.0.0-rc.5 / 2017-05-25
+
+- fixed; Allow `falsey` values to be clearable, thanks
+ [Simon Gaestel](https://github.com/sgaestel)
+- fixed; issue where Firefox would crash due to incorrect use of `aria-owns`
+ attribute, thanks [Max Hubenthal](https://github.com/mhubenthal)
+- fixed; regression where options not using the value key couldn't be focused,
+ thanks [Benjamin Piouffle](https://github.com/Betree)
+
+## v1.0.0-rc.4 / 2017-05-14
+
+- fixed; no more warning when using React 15.5, thanks
+ [Adam Girton](https://github.com/agirton)
+- fixed; issue comparing objects in `getFocusableOptionIndex`, thanks
+ [rndm2](https://github.com/rndm2)
+- fixed; missing .focus() method in `Creatable`, thanks
+ [Anton Alexandrenok](https://github.com/the-spyke)
+- added; support for `aria-describedby` attribute, thanks
+ [Eric Lee](https://github.com/ericj17)
+- added; `.is-clearable` className when clearable is true, thanks
+ [Dan Diaz](https://github.com/dan-diaz)
+
+## v1.0.0-rc.3 / 2017-02-01
+
+- added; `arrowRenderer` prop, thanks [Brian Vaughn](https://github.com/bvaughn)
+- added; child-function support to `Async` and `Creatable` components so that
+ they can compose each other (or future HOCs), thanks
+ [Brian Vaughn](https://github.com/bvaughn)
+- added; `asyncCreatable` HOC that combines `Async` and `Creatable` so they can
+ be used together, thanks [Brian Vaughn](https://github.com/bvaughn)
+- added; undocumented arguments for `menuRenderer`, thanks
+ [Julian Krispel-Samsel](https://github.com/juliankrispel)
+- fixed; Do not focus and open menu when disabled, thanks
+ [nhducit](https://github.com/nhducit)
+- fixed; Scrolling with arrow-keys is not working correctly, thanks
+ [Damian Pieczynski](https://github.com/piecyk)
+- added; "select all text" functionality `Shift+Home|Del`, thanks
+ [Damian Pieczynski](https://github.com/piecyk)
+- added; support for `boolean` values, thanks
+ [Aaron Hardy](https://github.com/Aaronius)
+- fixed; Remove duplicated `promptTextCreator` field from readme, thanks
+ [Jih-Chi Lee](https://github.com/jihchi)
+- fixed; Adding back ref that was removed in rc2, thanks
+ [Martin Jujou](https://github.com/jooj123)
+- fixed; `Creatable` component doesn't allow input key down handling, thanks
+ [Ivan Leonenko](https://github.com/IvanLeonenko)
+- added; Allow react nodes to be passed as loadingPlaceholder, thanks
+ [Daniel Heath](https://github.com/DanielHeath)
+- fixed; IE8 compatibility issues, thanks
+ [Kirill Mesnyankin](https://github.com/strayiker)
+- improved; Allow users to specify noResultsText, thanks
+ [Daniel Heath](https://github.com/DanielHeath)
+- added; Only remove options if a loading placeholder is available, thanks
+ [Daniel Heath](https://github.com/DanielHeath)
+- fixed; firefox display items in two rows due to reflow, thanks
+ [Daniel Heath](https://github.com/DanielHeath)
+- fixed; `Creatable` readme typo, thanks [Ben](https://github.com/rockingskier)
+- fixed; explain way to implement `allowCreate` functionality with `Creatable`
+ to readme, thanks [mayerwin](https://github.com/mayerwin)
+- added; delete key removes an item when there is no input, thanks
+ [forum-is](https://github.com/forum-is)
+- added; `onNewOptionClick` handler for `Creatable`, thanks
+ [Lee Siong Chan](https://github.com/leesiongchan)
+- fixed; `onInputChange` consistent for `Creatable`, thanks
+ [Lee Siong Chan](https://github.com/leesiongchan)
+- fixed; `menuRenderer` is treated consistently between `Creatable` and
+ `Select`, thanks [Brian Vaughn](https://github.com/bvaughn)
+- fixed; `asyncCreatable` options parsing will not parse undefined values into
+ props, thanks [Romain Dardour](https://github.com/unity)
+- added; pass `inputProps` to `inputRenderer`, thanks
+ [Alec Winograd](https://github.com/awinograd)
+- fixed; no exception when clearing an Async field that is not set to multi,
+ thanks [Patrik Stutz](https://github.com/VanCoding)
+- added; allow rendering a custom clear component, thanks
+ [Conor Hastings](https://github.com/conorhastings)
+- fixed; document `ignoreAccents`, thanks
+ [Domenico Matteo](https://github.com/dmatteo)
+- fixed; arrowing up or down in `Select` with 0 options does not throw type
+ error, thanks [Alex Howard](https://github.com/thezanke)
+- fixed; `Creatable` handles null children prop, thanks
+ [Jack Coulter](https://github.com/jscinoz)
+- added; provide `isOpen` to arrowRenderer, thanks
+ [Kuan](https://github.com/khankuan)
+- fixed; re-added the `focus()` method on `Select.Async`, thanks,
+ [Maarten Claes](https://github.com/mcls)
+- fixed; focus the next available option after a selection, not the top option,
+ thanks [Nicolas Raynaud](https://github.com/nraynaud)
+
+Note there has also been a breaking change to the props for the `Async`
+component: both `minimumInput` and `searchingText` have been removed. See #1226
+for more details. Apologies for doing this in an RC release, but we had to trade
+off between resolving some important bugs and breaking the API, and figured it
+was better to do this before declaring 1.0.0 stable.
+
+## v1.0.0-rc.1 / 2016-09-04
+
+- fixed; reset value to `[]` when `multi=true`, thanks
+ [Michael Williamson](https://github.com/mwilliamson)
+- added; pass index to `renderLabel` method, thanks
+ [nhducit](https://github.com/nhducit)
+- fixed; uncontrolled to controlled component warning in React 15.3
+- fixed; props cleanup, thanks
+ [Forbes Lindesay](https://github.com/ForbesLindesay)
+- fixed; issue where a value of the number `0` would be assumed to be no value,
+ thanks [Hanwen Cheng](https://github.com/hanwencheng)
+- fixed; internal refs converted to callbacks instead of strings, thanks
+ [Johnny Nguyen](https://github.com/gojohnnygo)
+- added; optional `instanceId` prop for server-side rendering, thanks
+ [Jevin Anderson](https://github.com/JevinAnderson)
+- added; `onCloseResetsInput` prop, thanks
+ [Frankie](https://github.com/frankievx)
+- added; `Creatable` component, replaces pre-1.0 `allowCreate` prop, thanks
+ [Brian Vaughn](https://github.com/bvaughn)
+
+## v1.0.0-beta14 / 2016-07-17
+
+- fixed; `react-input-autosize` has been updated to `1.1.0`, which includes
+ fixes for the new warnings that React 15.2 logs
+- fixed; "Unknown prop `inputClassName` on
tag" warning, thanks
+ [Max Stoiber](https://github.com/mxstbr)
+- fixed; Removed unnecessary `onUnfocus`, thanks
+ [Johnny Nguyen](https://github.com/gojohnnygo)
+- added; Support for react components in `searchPromptText`, thanks
+ [Matt](https://github.com/hellaeon)
+- fixed; focus bug on iOS, thanks
+ [Tony deCatanzaro](https://github.com/tonydecat)
+- fixed; Async bugs with Promises, thanks
+ [Vladimir](https://github.com/VladimirPal) and
+ [Ian Firkin](https://github.com/lobsteropteryx)
+- fixed; `searchingText` bug, thanks
+ [Tony deCatanzaro](https://github.com/tonydecat)
+- improved; More antive-like input behaviour, thanks
+ [Johnny Nguyen](https://github.com/gojohnnygo)
+- fixed; Added missing unit (px) to `minWidth` attribute, thanks
+ [Ian Witherow](https://github.com/ianwitherow)
+- added; Support for assistive technologies, thanks
+ [Dave Brotherstone](https://github.com/bruderstein)
+- fixed; React error if `onChange` callback causes a root component to unmount,
+ thanks [Nathan Norton](https://github.com/Xesued)
+- fixed; Open menu is now closed if `disabled` becomes true, thanks
+ [Jason Moon](https://github.com/jsnmoon)
+- fixed; Prevent `getFocusableOptionIndex` from returning a disabled option,
+ thanks [Brian Powers](https://github.com/brianspowers)
+- added; Home, End, Page Up/Down support, thanks
+ [Jason Kadrmas](https://github.com/blackjk3)
+- fixed; Don't render `backspaceToRemoveMessage` if `backspaceRemoves` is set to
+ false, thanks [Ryan Zec](https://github.com/ryanzec)
+- fixed; Issue with an outline appearing on the auto sized input, thanks
+ [Ryan Zec](https://github.com/ryanzec)
+- fixed; Events don't propagate when `esc` is pressed, thanks
+ [Yoshihide Jimbo](https://github.com/jmblog)
+- fixed; Update `required` prop based on nextProps on update, thanks
+ [Matt Shwery](https://github.com/mshwery)
+- fixed; On focus check whether input ref is a real input or an input component,
+ thanks [Peter Brant](https://github.com/pbrant) and
+ [Greg Poole](https://github.com/gpoole)
+
+Also a big thanks to [Brian Vaughn](https://github.com/bvaughn) for his help
+triaging issues for this release!
+
+## v1.0.0-beta13 / 2016-05-30
+
+- added; `inputRenderer` prop, allows you to override the input component,
+ thanks [Sean Burke](https://github.com/leftmostcat)
+- added; `openOnFocus` prop, causes the menu to always open when the select
+ control is focused, thanks
+ [HuysentruytRuben](https://github.com/HuysentruytRuben)
+- added; `react-virtualised-select` HOC example, thanks
+ [Brian Vaughn](https://github.com/bvaughn)
+- added; `tabSelectsValue` prop can be set to false to prevent selection of
+ focused option when tab is pressed, thanks
+ [Byron Anderson](https://github.com/byronanderson)
+- added; ability to override `resetValue` when clearing the control, thanks
+ [Alexander Luberg](https://github.com/LubergAlexander)
+- added; input can be updated with `onInputChange`, thanks
+ [Brett DeWoody](https://github.com/brettdewoody)
+- added; Styles for .is-selected class, thanks
+ [Danny Herran](https://github.com/dherran)
+- fixed; `noResultsText` prop type is now `stringOrNode` for Async component,
+ thanks [Michael Groeneman](https://github.com/mgroeneman)
+- fixed; `onInputChange` is wrapped by Async component, thanks
+ [Eric O'Connell](https://github.com/drd)
+- fixed; `scrollMenuIntoView` behaviour in IE10, thanks
+ [Ivan Jager](https://github.com/aij)
+- fixed; isEqualNode replaced with strict equality check, thanks
+ [Alexandre Balhier](https://github.com/abalhier)
+- fixed; issue with value object not being passed to `handleRequired`, thanks
+ [Andrew Hite](https://github.com/andyhite)
+- fixed; the menu-outer container is no longer rendered when it does not contain
+ anything, thanks [Kuan](https://github.com/khankuan)
+- improved; better support for IE8 in styles, thanks
+ [Rockallite Wulf](https://github.com/rockallite)
+
+## v1.0.0-beta12 / 2016-04-02
+
+- added; `menuRenderer` method and example for efficiently rendering thousands
+ of options, thanks [Brian Vaughn](https://github.com/bvaughn)
+- added; `optionClassName` prop, thanks [Max Tyler](https://github.com/iam4x)
+
+## v1.0.0-beta11 / 2016-03-09
+
+- updated dependencies to allow use with React 15.x
+- changed; multiple selected values are now submitted using multiple inputs,
+ thanks [Trinh Hoang Nhu](https://github.com/james4388)
+- added; `joinValues` prop to revert the above change and submit multiple values
+ in a single field with the delimiter
+
+## v1.0.0-beta10 / 2016-02-23
+
+- fixed build issues with v1.0.0-beta9
+
+## v1.0.0-beta9 / 2016-02-12
+
+- added; onBlurResetsInput prop, thanks
+ [Sly Bridges](https://github.com/slybridges)
+- changed; Enter selects and retains focus, Tab selects and shifts focus, thanks
+ [RDX](https://github.com/rdsubhas)
+- fixed; Hide noResultsText when value is falsy, thanks
+ [Fernando Alex Helwanger](https://github.com/fhelwanger)
+- added; `required` prop, adds HTML5 required attribute, thanks
+ [Domenico Matteo](https://github.com/dmatteo)
+- fixed; Touch drag behaviour, thanks
+ [Pavel Tarnopolsky](https://github.com/Paveltarno)
+- added; `onOpen` and `onClose` event props, thanks
+ [Jacob Page](https://github.com/DullReferenceException)
+- fixed; Pressing Enter on open Select should stop propagation, thanks
+ [Jeremy Liberman](https://github.com/MrLeebo)
+- fixed; Missing handleMouseDownOnMenu, thanks
+ [Jeremy Liberman](https://github.com/MrLeebo)
+- added; Ensures the selected option is immediately visible when the menu is
+ open, thanks [Martin Jujou](https://github.com/jooj123)
+- added; `autoBlur` prop, blurs the input when a value is selected, thanks
+ [Pavel Tarnopolsky](https://github.com/Paveltarno)
+- fixed; Several isFocused checks weren't working properly
+
+## v1.0.0-beta8 / 2015-12-20
+
+- fixed; input focus bug when toggling `disabled` prop, thanks
+ [Davide Curletti](https://github.com/dcurletti)
+- fixed; `focus()` is now exposed on the `Async` component, thanks
+ [AugustinLF](https://github.com/AugustinLF)
+
+## v1.0.0-beta7 / 2015-12-15
+
+- You can now use React elements for placeholders and the text props, thanks
+ [kromit](https://github.com/kromit) and
+ [Alyssa Biasi](https://github.com/alyssaBiasi)
+- Fixed a problem where the border doesn't show when the element is inside a
+ table, thanks [Rodrigo Boratto](https://github.com/rwrz)
+- New prop `scrollMenuIntoView` scrolls the viewport to display the menu, thanks
+ [Alexander Zaharakis](https://github.com/azaharakis)
+- New LESS / SCSS variable `select-option-bg` lets you control the menu option
+ background color, thanks [Evan Goldenberg](https://github.com/Naveg)
+- Fixed an error in the blur handler on IE when the menu is not visible, thanks
+ [Gaston Sanchez](https://github.com/gaastonsr)
+- Added support for a `clearableValue` option property in `multi` mode, thanks
+ [Sly Bridges](https://github.com/slybridges)
+
+## v1.0.0-beta6 / 2015-11-29
+
+- Test suite complete and passing, with a couple of minor fixes thanks to
+ @bruderstein
+
+## v1.0.0-beta5 / 2015-11-08
+
+- Fixes issues relating to serializing simple values into the hidden field
+
+## v1.0.0-beta4 / 2015-11-08
+
+- New default styles that match [Elemental UI](http://elemental-ui.com) and look
+ right at home in the new [KeystoneJS Admin UI](http://keystonejs.com)
+
+We're potentially going to ship some theme stylesheets in the future, shout out
+on GitHub if this interests you.
+
+## v1.0.0-beta3 / 2015-11-08
+
+- The selected value populated in the hidden field has been fixed (was `"[object Object]"` before)
+- Added new `autofocus` prop
+- Fixed duplicate key error for options and values with duplicate `value`
+ properties
+- SCSS variables now have `!default` so you can override them
+
+## v1.0.0-beta2 / 2015-11-06
+
+Changed since beta 1:
+
+- Async options cache works again
+- New style props for custom styling the component without modifying css
+ classes: `style` `wrapperStyle` `menuStyle` `menuContainerStyle`
+- The menu opens and closes correctly when `searchable={false}`, there is still
+ some work to do on this use-case
+
+## v1.0.0-beta1 / 2015-11-06
+
+This is a complete rewrite. Major changes include:
+
+- Everything is simpler (I'm nearly done and the source code is only 60% of the
+ size of the last version)
+- No more timeouts or weird handlers, the restructuring has let me make
+ everything more straight-forward
+- The options array is no longer preprocessed into state, just retrieved from
+ props
+- The values array is now initialised in the Options array during render, and
+ not stored in state, which along with the change to options makes the
+ component more reliable and fixes issues with props not updating correctly
+- The component no longer stores its own value in state (ever) - it needs to be
+ passed as a prop and handled with `onChange`.
+- Complex values are now enabled by default (so you're passed the option object,
+ not its value); you can enable the legacy mode with a prop
+- The Value and Option components have been cleaned up as well for consistency
+- The hidden `` field is now optional and the component is better suited
+ to use in a rich React.js app than it was
+- You can disable options filtering to do the filtering externally with
+ `onInputChange`
+- Accents on characters can now be ignored
+- The `asyncOptions` prop has been replaced by a new wrapper component:
+ `Select.Async`
+
+Note that "Tag mode" (creating options on the fly) isn't reimplemented yet.
+
+A full guide to the breaking changes and new features will be written up soon.
+In the meantime please see the new examples.
+
+## v0.9.1 / 2015-11-01
+
+- added; new Contributors example w/ async options loading and custom value /
+ label keys
+- fixed; several issues with custom `valueKey` and `labelKey` props
+- fixed; autoload now loads options with no search input
+
+## v0.9.0 / 2015-10-29
+
+- added; SCSS stylesheets!
+- improved; Options rendering should be more performant
+- breaking change; Custom `Option` components now need to pass their `option`
+ prop to event handlers; see
+ [this commit](https://github.com/JedWatson/react-select/commit/89af12a80a972794222b193a767f44234bbe9817)
+ for an example of the required change.
+
+## v0.8.4 / 2015-10-27
+
+- fixed; LESS math operations now work with --strict-math=on, thanks
+ [Vincent Fretin](https://github.com/vincentfretin)
+
+## v0.8.3 / 2015-10-27
+
+- fixed; IE issue where clicking the scrollbar would close the menu, thanks
+ [Pete Nykänen](https://github.com/petetnt)
+
+## v0.8.2 / 2015-10-22
+
+- added; Promise support for `loadAsyncOptions`, thanks
+ [Domenico Matteo](https://github.com/dmatteo)
+
+## v0.8.1 / 2015-10-20
+
+- fixed; `loadAsyncOptions` raises TypeError in setup, see #439 for details,
+ thanks [Pancham Mehrunkar](https://github.com/pancham348)
+
+## v0.8.0 / 2015-10-19
+
+This release contains significant DOM structure and CSS improvements by
+@jossmac, including:
+
+- no more `position: absolute` for inner controls
+- `display: table` is used for layout, which works in IE8 and above, and
+ [all other modern browsers](http://caniuse.com/#feat=css-table)
+- less "magic numbers" used for layout, should fix various browser-specific
+ alignment issues
+- clear "x" control now animates in
+- clearer `.Select--multi` className replaces `.Select.is-multi`
+- new height & theme variables
+- "dropdown" indicator chevron is no longer displayed for multi-select controls
+
+There are no functional changes, but if you've forked the LESS / CSS to create
+your own theme you'll want to pay close attention to PR #527 when upgrading to
+this version.
+
+## v0.7.0 / 2015-10-10
+
+React Select is updated for React 0.14. If you're still using React 0.13, please
+continue to use `react-select@0.6.x`. There are no functional differences
+between v0.7.0 and v0.6.12.
+
+Additionally, our tests now require Node.js 4.x. If you are developing
+`react-select`, please make sure you are running the latest version of node.
+
+Thanks to @bruderstein, @dmatteo and @hull for their help getting these updates
+shipped!
+
+## v0.6.12 / 2015-10-02
+
+- added; `labelKey` and `valueKey` props, so you can now use different keys in
+ `option` objects for the label and value
+- fixed; additional `isMounted()` checks in timeouts
+- fixed; componentDidUpdate timeout is reset correctly, see #208 and #434,
+ thanks [Petr Gladkikh](https://github.com/PetrGlad)
+- fixed; mousedown event on scrollbar in menu no longer hides it, thanks
+ [Yishai Burt](https://github.com/burtyish)
+
+## v0.6.11 / 2015-09-28
+
+- added; `isLoading` prop, allows indication of async options loading in
+ situations where more control is required, thanks
+ [Jon Gautsch](https://github.com/jgautsch)
+
+## v0.6.10 / 2015-09-24
+
+- fixed; a build issue with the previous release that prevented the stylesheet
+ being generated / included
+- fixed; a LESS syntax issue, thanks [Bob Cardenas](https://github.com/bcardi)
+
+## v0.6.9 / 2015-09-19
+
+- added; `style` key for package.json, thanks
+ [Stephen Wan](https://github.com/stephen)
+- added; `onInputChange` handler that returns the current input value, thanks
+ [Tom Leslie](https://github.com/lomteslie)
+- fixed; simplifying handleKey function & preventDefault behaviour, thanks
+ [davidpene](https://github.com/davidpene)
+- fixed; Display spinner while auto-loading initial data, thanks
+ [Ben Jenkinson](https://github.com/BenJenkinson)
+- fixed; better support for touch events, thanks
+ [Montlouis-Calixte Stéphane](https://github.com/bulby97)
+- fixed; prevent value splitting on non-multi-value select, thanks
+ [Alan R. Soares](https://github.com/alanrsoares)
+
+## v0.6.8 / 2015-09-16
+
+- fixed; broader range of allowed prereleases for React 0.14, including rc1
+- fixed; preventing backspace from navigating back in the browser history,
+ thanks [davidpene](https://github.com/davidpene)
+
+## v0.6.7 / 2015-08-28
+
+- fixed; missing styles for `.Select-search-prompt` and `.Select-searching`
+ issues, thanks [Jaak Erisalu](https://github.com/jaakerisalu) and
+ [davidpene](https://github.com/davidpene)
+
+## v0.6.6 / 2015-08-26
+
+- fixed; issue in Chrome where clicking the scrollbar would close the menu,
+ thanks [Vladimir Matsola](https://github.com/vomchik)
+
+## v0.6.5 / 2015-08-24
+
+- fixed; completely ignores clicks on disabled items, unless the target of the
+ click is a link, thanks [Ben Stahl](https://github.com/bhstahl)
+
+## v0.6.4 / 2015-08-24
+
+This release includes a huge improvement to the examples / website thanks to
+@jossmac. Also:
+
+- added; support for React 0.14 beta3
+- fixed; disabled options after searching, thanks @bruderstein
+- added; support for "Searching..." text (w/ prop) while loading async results,
+ thanks @bruderstein and @johnomalley
+- added; `className`, `style` and `title` keys are now supported in option
+ properties, thanks @bruderstein
+
+## v0.6.3 / 2015-08-18
+
+Otherwise known as "the real 0.6.2" this includes the updated build for the last
+version; sorry about that!
+
+## v0.6.2 / 2015-08-13
+
+- changed; if the `searchable` prop is `false`, the menu is opened _or closed_
+ on click, more like a standard Select input. thanks
+ [MaaikeB](https://github.com/MaaikeB)
+
+## v0.6.1 / 2015-08-09
+
+- added; Support for options with numeric values, thanks
+ [Dave Brotherstone](https://github.com/bruderstein)
+- changed; Disabled options now appear in the search results , thanks
+ [Dave Brotherstone](https://github.com/bruderstein)
+- fixed; asyncOptions are reloaded on componentWillReceiveProps when the value
+ has changed, thanks [Francis Cote](https://github.com/drfeelgoud)
+- added; `cacheAsyncResults` prop (default `true`) now controls whether the
+ internal cache is used for `asyncOptions`
+
+## v0.6.0 / 2015-08-05
+
+- improved; option, value and single value have been split out into their own
+ components, and can be customised with props. see
+ [#328](https://github.com/JedWatson/react-select/pull/328) for more details.
+- improved; Near-complete test coverage thanks to the awesome work of
+ [Dave Brotherstone](https://github.com/bruderstein)
+- improved; Support all alpha/beta/rc's of React 0.14.0, thanks
+ [Sébastien Lorber](https://github.com/slorber)
+- fixed; Close multi-select menu when tabbing away, thanks
+ [Ben Alpert](https://github.com/spicyj)
+- fixed; Bug where Select shows the value instead of the label (reapplying fix)
+- fixed; `valueRenderer` now works when `multi={false}`, thanks
+ [Chris Portela](https://github.com/0xCMP)
+- added; New property `backspaceRemoves` (default `true`), allows the default
+ behaviour of removing values with backspace when `multi={true}`, thanks
+ [Leo Lehikoinen](https://github.com/lehikol2)
+
+## v0.5.6 / 2015-07-27
+
+- fixed; Allow entering of commas when allowCreate is on but multi is off,
+ thanks [Angelo DiNardi](https://github.com/adinardi)
+- fixed; Times (clear) character is now rendered from string unicode character
+ for consistent output, thanks [Nibbles](https://github.com/Siliconrob)
+- fixed; allowCreate bug, thanks [goodzsq](https://github.com/goodzsq)
+- fixed; changes to props.placeholder weren't being reflected correctly, thanks
+ [alesn](https://github.com/alesn)
+- fixed; error when escape is pressedn where `clearValue` was not passed the
+ event, thanks [Mikhail Kotelnikov](https://github.com/mkotelnikov)
+- added; More tests, thanks [Dave Brotherstone](https://github.com/bruderstein)
+
+## v0.5.5 / 2015-07-12
+
+- fixed; replaced usage of `component.getDOMNode()` with
+ `React.findDOMNode(component)` for compatibility with React 0.14
+
+## v0.5.4 / 2015-07-06
+
+- fixed; regression in 0.5.3 that broke componentWillMount, sorry everyone!
+- added; `addLabelText` prop for customising the "add {label}?" text when in
+ tags mode, thanks [Fenn](https://github.com/Fenntasy)
+
+## v0.5.3 / 2015-07-05
+
+- fixed; autoload issues, thanks [Maxime Tyler](https://github.com/iam4x)
+- fixed; style incompatibilities with Foundation framework, thanks
+ [Timothy Kempf](https://github.com/Fauntleroy)
+
+## v0.5.2 / 2015-06-28
+
+- fixed; bug where Select shows the value instead of the label, thanks
+ [Stephen Demjanenko](https://github.com/sdemjanenko)
+- added; 'is-selected' classname is added to the selected option, thanks
+ [Alexey Volodkin](https://github.com/miraks)
+- fixed; async options are now loaded with the initial value, thanks
+ [Pokai Chang](https://github.com/Neson)
+- fixed; `react-input-autosize` now correctly escapes ampersands (&), not
+ actually a fix in react-select but worth noting here because it would have
+ been causing a problem in `react-select` as well.
+
+## v0.5.1 / 2015-06-21
+
+- added; custom option and value rendering capability, thanks
+ [Brian Reavis](https://github.com/brianreavis)
+- fixed; collapsing issue when single-select or empty multi-select fields are
+ disabled
+- fixed; issue where an empty value would be left after clearing all values in a
+ multi-select field
+
+## v0.5.0 / 2015-06-20
+
+- fixed; `esc` key incorrectly created empty options, thanks
+ [rgrzelak](https://github.com/rgrzelak)
+- adeed; New feature to allow option creation ("tags mode"), enable with
+ `allowCreate` prop, thanks [Florent Vilmart](https://github.com/flovilmart)
+ and [Brian Reavis](https://github.com/brianreavis)
+- fixed; IE8 compatibility fallback for `addEventListener/removeEventListener`,
+ which don't exist in IE8, thanks
+ [Stefan Billiet](https://github.com/StefanBilliet)
+- fixed; Undefined values when using asyncOptions, thanks
+ [bannaN](https://github.com/bannaN)
+- fixed; Prevent add the last focused value when the drop down menu is closed /
+ Pushing enter without dropdown open adds a value, thanks
+ [Giuseppe](https://github.com/giuse88)
+- fixed; Callback context is undefined, thanks
+ [Giuseppe](https://github.com/giuse88)
+- fixed; Issue with event being swallowed on Enter `keydown`, thanks
+ [Kevin Burke](https://github.com/kembuco)
+- added; Support for case-insensitive filtering when `matchPos="start"`, thanks
+ [wesrage](https://github.com/wesrage)
+- added; Support for customisable background color, thanks
+ [John Morales](https://github.com/JohnMorales)
+- fixed; Updated ESLint and cleared up warnings, thanks
+ [Alexander Shemetovsky](https://github.com/AlexKVal)
+- fixed; Close dropdown when clicking on select, thanks
+ [Nik Butenko](https://github.com/nkbt)
+- added; Tests, and mocha test framework, thanks
+ [Craig Dallimore](https://github.com/craigdallimore)
+- fixed; You can now start the example server and watch for changes with `npm start`
+
+## v0.4.9 / 2015-05-11
+
+- fixed; focus was being grabbed by the select when `autoload` and
+ `asyncOptions` were set
+- added; `focus` method on the component
+- added; support for disabled options, thanks
+ [Pasha Palangpour](https://github.com/pashap)
+- improved; more closures, less binds, for better performance, thanks
+ [Daniel Cousens](https://github.com/dcousens)
+
+## v0.4.8 / 2015-05-02
+
+- fixed; restored `dist/default.css`
+- fixed; standalone example works again
+- fixed; clarified dependency documentation and added dependencies for Bower
+- fixed; Scoping issues in `_bindCloseMenuIfClickedOutside`, thanks
+ [bannaN](https://github.com/bannaN)
+- fixed; Doesn't try to set focus afterupdate if component is disabled, thanks
+ [bannaN](https://github.com/bannaN)
+
+## v0.4.7 / 2015-04-21
+
+- improved; lodash is no longer a dependency, thanks
+ [Daniel Lo Nigro](https://github.com/Daniel15)
+
+## v0.4.6 / 2015-04-06
+
+- updated; dependencies, build process and input-autosize component
+
+## v0.4.5 / 2015-03-28
+
+- fixed; issue with long options overlapping arrow and clear icons, thanks
+ [Rohit Kalkur](https://github.com/rovolution)
+
+## v0.4.4 / 2015-03-26
+
+- fixed; error handling click events when the menu is closed, thanks
+ [Ilya Petrov](https://github.com/muromec)
+- fixed; issue where options will not be filtered in certain conditions, thanks
+ [G. Kay Lee](https://github.com/gsklee)
+
+## v0.4.3 / 2015-03-25
+
+- added tests and updated dependencies
+
+## v0.4.2 / 2015-03-23
+
+- added; ESLint and contributing guide
+- fixed; incorrect `classnames` variable assignment in window scope
+- fixed; all ESLint errors and warnings (except invalid JSX undefined/unused
+ vars due to ESLint bug)
+- fixed; first option is now focused correctly, thanks
+ [Eivind Siqveland Larsen](https://github.com/esiqveland)
+
+## v0.4.1 / 2015-03-20
+
+- fixed; IE11 issue: clicking on scrollbar within menu no longer closes menu,
+ thanks [Rohit Kalkur](https://github.com/rovolution)
+
+## v0.4.0 / 2015-03-12
+
+- updated; compatible with React 0.13
+
+## v0.3.5 / 2015-03-09
+
+- improved; less/no repaint on scroll for performance wins, thanks
+ [jsmunich](https://github.com/jsmunich)
+- added; `onBlur` and `onFocus` event handlers, thanks
+ [Jonas Budelmann](https://github.com/cloudkite)
+- added; support for `inputProps` prop, passed to the `` component,
+ thanks [Yann Plantevin](https://github.com/YannPl)
+- changed; now using
+ [react-component-gulp-tasks](https://github.com/JedWatson/react-component-gulp-tasks)
+ for build
+- fixed; issue w/ remote callbacks overriding cached options, thanks
+ [Corey McMahon](https://github.com/coreymcmahon)
+- fixed; if not `this.props.multi`, menu doesn't need handleMouseDown, thanks
+ [wenbing](https://github.com/wenbing)
+
+## v0.3.4 / 2015-02-23
+
+- fixed; issues with the underscore/lodash dependency change, thanks
+ [Aaron Powell](https://github.com/aaronpowell)
+
+## v0.3.3 / 2015-02-22
+
+- added; `disabled` prop, thanks [Danny Shaw](https://github.com/dannyshaw)
+- added; `searchable` prop - set to `false` to disable the search box, thanks
+ [Julen Ruiz Aizpuru](https://github.com/julen)
+- added; `onOptionLabelClick` prop - see
+ [#66](https://github.com/JedWatson/react-select/pull/66) for docs, thanks
+ [Dmitry Smirnov](https://github.com/dmitry-smirnov)
+- fixed; `text-overflow: ellipsis;` typo, thanks
+ [Andru Vallance](https://github.com/andru)
+
+## v0.3.2 / 2015-01-30
+
+- fixed; issue adding undefined values to multiselect, thanks
+ [Tejas Dinkar](https://github.com/gja)
+
+## v0.3.1 / 2015-01-20
+
+- fixed; missing `var` statement
+
+## v0.3.0 / 2015-01-20
+
+- added; node compatible build now available in `/lib`
+
+## v0.2.14 / 2015-01-07
+
+- added; `searchPromptText` property that is displayed when `asyncOptions` is
+ set and there are (a) no options loaded, and (b) no input entered to search
+ on, thanks [Anton Fedchenko](https://github.com/kompot)
+- added; `clearable` property (defaults to `true`) to control whether the
+ "clear" control is available, thanks
+ [Anton Fedchenko](https://github.com/kompot)
+
+## v0.2.13 / 2015-01-05
+
+- fixed; height issues in Safari, thanks
+ [Joss Mackison](https://github.com/jossmac)
+- added; Option to specify "Clear value" label as prop for i18n
+
+## v0.2.12 / 2015-01-04
+
+- fixed; UI now responds to touch events, and works on mobile devices! thanks
+ [Fraser Xu](https://github.com/fraserxu)
+
+## v0.2.11 / 2015-01-04
+
+- fixed; Options in the dropdown now scroll into view when they are focused,
+ thanks [Adam](https://github.com/fmovlex)
+- improved; Example dist is now excluded from the npm package
+
+## v0.2.10 / 2015-01-01
+
+- fixed; More specific mixin name to avoid conflicts (css)
+- fixed; Example CSS now correctly rebuilds on changes in development
+- fixed; Values are now expanded correctly when options change (see #28)
+- added; Option to specify "No results found" label as prop for i18n, thanks
+ [Julen Ruiz Aizpuru](https://github.com/julen)
+
+## v0.2.9 / 2014-12-09
+
+- added; `filterOption` and `filterOptions` props for more control over
+ filtering
+
+## v0.2.8 / 2014-12-08
+
+- added; `matchPos` option to control whether to match the `start` or `any`
+ position in the string when filtering options (default: `any`)
+- added; `matchProp` option to control whether to match the `value`, `label` or
+ `any` property of each option when filtering (default: `any`)
+
+## v0.2.7 / 2014-12-01
+
+- fixed; screen-readers will now read "clear value" instead of "times" for the
+ clear button
+- fixed; non-left-click mousedown events aren't blocked by the control
+
+## v0.2.6 / 2014-11-30
+
+- improved; better comparison of changes to [options] in `willReceiveProps`
+- fixed; now focuses the first option correctly when in multiselect mode
+- fixed; fixed focused option behaviour on value change
+- fixed; when filtering, there is always a focused option (#19)
+- changed; using ^ in package.json to compare dependencies
+
+## v0.2.5 / 2014-11-20
+
+- fixed; compatibility with case-sensitive file systems
+
+## v0.2.4 / 2014-11-20
+
+- fixed; package.json pointed at the right file
+
+## v0.2.3 / 2014-11-17
+
+- fixed; Updating state correctly when props change
+- improved; Build tasks and docs
+- added; Working standalone build
+- added; Minified dist version
+- added; Published to Bower
+
+## v0.2.2 / 2014-11-15
+
+- fixed; backspace event being incorrectly cancelled
+
+## v0.2.1 / 2014-11-15
+
+- fixed; issue where backspace incorrectly clears the value (#14)
+
+## v0.2.0 / 2014-11-15
+
+- changed; Major rewrite to improve focus handling and internal state management
+- added; Support for `multi` prop, enable multiselect mode
+
+## v0.1.1 / 2014-11-03
+
+- added; Support for `onChange` event
+- added; `propTypes` are defined by the `Select` component now
+- added; `className` property, sets the `className` on the outer `div` element
+- fixed; Removed deprecated `React.DOM.x` calls
+
+## v0.1.0 / 2014-11-01
+
+- updated; React to 0.12.0
+
+## v0.0.6 / 2014-10-14
+
+- fixed; Error keeping value when using Async Options
diff --git a/packages/react-select/LICENSE b/packages/react-select/LICENSE
new file mode 100644
index 0000000000..841ac571fa
--- /dev/null
+++ b/packages/react-select/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 Jed Watson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/react-select/README.md b/packages/react-select/README.md
new file mode 100644
index 0000000000..8a01c67c06
--- /dev/null
+++ b/packages/react-select/README.md
@@ -0,0 +1,168 @@
+[](https://www.npmjs.com/package/react-select)
+[](https://circleci.com/gh/JedWatson/react-select/tree/master)
+[](https://coveralls.io/github/JedWatson/react-select?branch=master)
+[](http://thinkmill.com.au/?utm_source=github&utm_medium=badge&utm_campaign=react-select)
+
+# React-Select
+
+The Select control for [React](https://reactjs.com). Initially built for use in [KeystoneJS](http://www.keystonejs.com).
+
+See [react-select.com](https://www.react-select.com) for live demos and comprehensive docs.
+
+React Select is funded by [Thinkmill](https://www.thinkmill.com.au) and [Atlassian](https://atlaskit.atlassian.com). It represents a whole new approach to developing powerful React.js components that _just work_ out of the box, while being extremely customisable.
+
+For the story behind this component, watch Jed's talk at React Conf 2019 - [building React Select](https://youtu.be/yS0jUnmBujE)
+
+Features include:
+
+- Flexible approach to data, with customisable functions
+- Extensible styling API with [emotion](https://emotion.sh)
+- Component Injection API for complete control over the UI behaviour
+- Controllable state props and modular architecture
+- Long-requested features like option groups, portal support, animation, and more
+
+## Using an older version?
+
+- [v3, v4, and v5 upgrade guide](https://react-select.com/upgrade)
+- [v2 upgrade guide](https://react-select.com/upgrade-to-v2)
+- React Select v1 documentation and examples are available at [v1.react-select.com](https://v1.react-select.com)
+
+# Installation and usage
+
+The easiest way to use react-select is to install it from npm and build it into your app with Webpack.
+
+```
+yarn add react-select
+```
+
+Then use it in your app:
+
+#### With React Component
+
+```js
+import React from 'react';
+import Select from 'react-select';
+
+const options = [
+ { value: 'chocolate', label: 'Chocolate' },
+ { value: 'strawberry', label: 'Strawberry' },
+ { value: 'vanilla', label: 'Vanilla' },
+];
+
+class App extends React.Component {
+ state = {
+ selectedOption: null,
+ };
+ handleChange = (selectedOption) => {
+ this.setState({ selectedOption }, () =>
+ console.log(`Option selected:`, this.state.selectedOption)
+ );
+ };
+ render() {
+ const { selectedOption } = this.state;
+
+ return (
+
+ );
+ }
+}
+```
+
+#### With React Hooks
+
+```js
+import React, { useState } from 'react';
+import Select from 'react-select';
+
+const options = [
+ { value: 'chocolate', label: 'Chocolate' },
+ { value: 'strawberry', label: 'Strawberry' },
+ { value: 'vanilla', label: 'Vanilla' },
+];
+
+export default function App() {
+ const [selectedOption, setSelectedOption] = useState(null);
+
+ return (
+
+
+
+ );
+}
+```
+
+## Props
+
+Common props you may want to specify include:
+
+- `autoFocus` - focus the control when it mounts
+- `className` - apply a className to the control
+- `classNamePrefix` - apply classNames to inner elements with the given prefix
+- `isDisabled` - disable the control
+- `isMulti` - allow the user to select multiple values
+- `isSearchable` - allow the user to search for matching options
+- `name` - generate an HTML input with this name, containing the current value
+- `onChange` - subscribe to change events
+- `options` - specify the options the user can select from
+- `placeholder` - change the text displayed when no option is selected
+- `noOptionsMessage` - ({ inputValue: string }) => string | null - Text to display when there are no options
+- `value` - control the current value
+
+See the [props documentation](https://www.react-select.com/props) for complete documentation on the props react-select supports.
+
+## Controllable Props
+
+You can control the following props by providing values for them. If you don't, react-select will manage them for you.
+
+- `value` / `onChange` - specify the current value of the control
+- `menuIsOpen` / `onMenuOpen` / `onMenuClose` - control whether the menu is open
+- `inputValue` / `onInputChange` - control the value of the search input (changing this will update the available options)
+
+If you don't provide these props, you can set the initial value of the state they control:
+
+- `defaultValue` - set the initial value of the control
+- `defaultMenuIsOpen` - set the initial open value of the menu
+- `defaultInputValue` - set the initial value of the search input
+
+## Methods
+
+React-select exposes two public methods:
+
+- `focus()` - focus the control programmatically
+- `blur()` - blur the control programmatically
+
+## Customisation
+
+Check the docs for more information on:
+
+- [Customising the styles](https://www.react-select.com/styles)
+- [Using custom components](https://www.react-select.com/components)
+- [Using the built-in animated components](https://www.react-select.com/home#animated-components)
+- [Creating an async select](https://www.react-select.com/async)
+- [Allowing users to create new options](https://www.react-select.com/creatable)
+- [Advanced use-cases](https://www.react-select.com/advanced)
+- [TypeScript guide](https://www.react-select.com/typescript)
+
+## TypeScript
+
+The v5 release represents a rewrite from JavaScript to TypeScript. The types for v4 and earlier releases are available at [@types](https://www.npmjs.com/package/@types/react-select). See the [TypeScript guide](https://www.react-select.com/typescript) for how to use the types starting with v5.
+
+# Thanks
+
+Thank you to everyone who has contributed to this project. It's been a wild ride.
+
+If you like React Select, you should [follow me on twitter](https://twitter.com/jedwatson)!
+
+Shout out to [Joss Mackison](https://github.com/jossmac), [Charles Lee](https://github.com/gwyneplaine), [Ben Conolly](https://github.com/Noviny), [Tom Walker](https://github.com/bladey), [Nathan Bierema](https://github.com/Methuselah96), [Eric Bonow](https://github.com/ebonow), [Emma Hamilton](https://github.com/emmatown), [Dave Brotherstone](https://github.com/bruderstein), [Brian Vaughn](https://github.com/bvaughn), and the [Atlassian Design System](https://atlassian.design) team who along with many other contributors have made this possible ❤️
+
+## License
+
+MIT Licensed. Copyright (c) Jed Watson 2022.
diff --git a/packages/react-select/animated/package.json b/packages/react-select/animated/package.json
new file mode 100644
index 0000000000..480f66dd01
--- /dev/null
+++ b/packages/react-select/animated/package.json
@@ -0,0 +1,5 @@
+{
+ "main": "dist/react-select-animated.cjs.js",
+ "module": "dist/react-select-animated.esm.js",
+ "types": "dist/react-select-animated.cjs.d.ts"
+}
diff --git a/packages/react-select/async-creatable/package.json b/packages/react-select/async-creatable/package.json
new file mode 100644
index 0000000000..0a3bddde09
--- /dev/null
+++ b/packages/react-select/async-creatable/package.json
@@ -0,0 +1,5 @@
+{
+ "main": "dist/react-select-async-creatable.cjs.js",
+ "module": "dist/react-select-async-creatable.esm.js",
+ "types": "dist/react-select-async-creatable.cjs.d.ts"
+}
diff --git a/packages/react-select/async/package.json b/packages/react-select/async/package.json
new file mode 100644
index 0000000000..b58d5d1e27
--- /dev/null
+++ b/packages/react-select/async/package.json
@@ -0,0 +1,5 @@
+{
+ "main": "dist/react-select-async.cjs.js",
+ "module": "dist/react-select-async.esm.js",
+ "types": "dist/react-select-async.cjs.d.ts"
+}
diff --git a/packages/react-select/base/package.json b/packages/react-select/base/package.json
new file mode 100644
index 0000000000..957568d890
--- /dev/null
+++ b/packages/react-select/base/package.json
@@ -0,0 +1,5 @@
+{
+ "main": "dist/react-select-base.cjs.js",
+ "module": "dist/react-select-base.esm.js",
+ "types": "dist/react-select-base.cjs.d.ts"
+}
diff --git a/packages/react-select/creatable/package.json b/packages/react-select/creatable/package.json
new file mode 100644
index 0000000000..347a42cf5c
--- /dev/null
+++ b/packages/react-select/creatable/package.json
@@ -0,0 +1,5 @@
+{
+ "main": "dist/react-select-creatable.cjs.js",
+ "module": "dist/react-select-creatable.esm.js",
+ "types": "dist/react-select-creatable.cjs.d.ts"
+}
diff --git a/packages/react-select/package.json b/packages/react-select/package.json
new file mode 100644
index 0000000000..901e9768c3
--- /dev/null
+++ b/packages/react-select/package.json
@@ -0,0 +1,96 @@
+{
+ "name": "react-select",
+ "version": "5.10.2",
+ "description": "A Select control built with and for ReactJS",
+ "main": "dist/react-select.cjs.js",
+ "module": "dist/react-select.esm.js",
+ "types": "dist/react-select.cjs.d.ts",
+ "sideEffects": false,
+ "author": "Jed Watson",
+ "license": "MIT",
+ "repository": "https://github.com/JedWatson/react-select/tree/master/packages/react-select",
+ "dependencies": {
+ "@babel/runtime": "^7.12.0",
+ "@emotion/cache": "^11.4.0",
+ "@emotion/react": "^11.8.1",
+ "@floating-ui/dom": "^1.0.1",
+ "@types/react-transition-group": "^4.4.0",
+ "memoize-one": "^6.0.0",
+ "prop-types": "^15.6.0",
+ "react-transition-group": "^4.3.0",
+ "use-isomorphic-layout-effect": "^1.2.0"
+ },
+ "devDependencies": {
+ "@types/jest-in-case": "^1.0.6",
+ "enzyme": "^3.8.0",
+ "enzyme-to-json": "^3.3.0",
+ "jest-in-case": "^1.0.2",
+ "react": "^16.13.0",
+ "react-dom": "^16.13.0"
+ },
+ "peerDependencies": {
+ "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+ },
+ "files": [
+ "dist",
+ "base",
+ "animated",
+ "async",
+ "creatable",
+ "async-creatable"
+ ],
+ "keywords": [
+ "combobox",
+ "form",
+ "input",
+ "multiselect",
+ "react",
+ "react-component",
+ "select",
+ "ui"
+ ],
+ "preconstruct": {
+ "entrypoints": [
+ "index.ts",
+ "base/index.ts",
+ "animated/index.ts",
+ "async/index.ts",
+ "creatable/index.ts",
+ "async-creatable/index.ts"
+ ]
+ },
+ "exports": {
+ ".": {
+ "module": "./dist/react-select.esm.js",
+ "import": "./dist/react-select.cjs.mjs",
+ "default": "./dist/react-select.cjs.js"
+ },
+ "./base": {
+ "module": "./base/dist/react-select-base.esm.js",
+ "import": "./base/dist/react-select-base.cjs.mjs",
+ "default": "./base/dist/react-select-base.cjs.js"
+ },
+ "./async": {
+ "module": "./async/dist/react-select-async.esm.js",
+ "import": "./async/dist/react-select-async.cjs.mjs",
+ "default": "./async/dist/react-select-async.cjs.js"
+ },
+ "./animated": {
+ "module": "./animated/dist/react-select-animated.esm.js",
+ "import": "./animated/dist/react-select-animated.cjs.mjs",
+ "default": "./animated/dist/react-select-animated.cjs.js"
+ },
+ "./creatable": {
+ "module": "./creatable/dist/react-select-creatable.esm.js",
+ "import": "./creatable/dist/react-select-creatable.cjs.mjs",
+ "default": "./creatable/dist/react-select-creatable.cjs.js"
+ },
+ "./async-creatable": {
+ "module": "./async-creatable/dist/react-select-async-creatable.esm.js",
+ "import": "./async-creatable/dist/react-select-async-creatable.cjs.mjs",
+ "default": "./async-creatable/dist/react-select-async-creatable.cjs.js"
+ },
+ "./package.json": "./package.json"
+ }
+}
diff --git a/packages/react-select/src/Async.tsx b/packages/react-select/src/Async.tsx
new file mode 100644
index 0000000000..35a1de7055
--- /dev/null
+++ b/packages/react-select/src/Async.tsx
@@ -0,0 +1,40 @@
+import * as React from 'react';
+import {
+ forwardRef,
+ MutableRefObject,
+ ReactElement,
+ RefAttributes,
+} from 'react';
+import Select from './Select';
+import { GroupBase } from './types';
+import useStateManager from './useStateManager';
+import useAsync from './useAsync';
+import type { AsyncProps } from './useAsync';
+export type { AsyncProps };
+
+type AsyncSelect = <
+ Option = unknown,
+ IsMulti extends boolean = false,
+ Group extends GroupBase