react-select

Package Overview

Dependencies

Maintainers

Versions

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-select - npm Package Compare versions

Comparing version 4.3.1 to 5.0.0-beta.0

animated/dist/react-select.cjs.d.ts

async-creatable/dist/react-select.cjs.d.ts

async/dist/react-select.cjs.d.ts

base/dist/react-select.cjs.d.ts

creatable/dist/react-select.cjs.d.ts

dist/declarations/src/accessibility/index.d.ts

dist/declarations/src/animated/index.d.ts

dist/declarations/src/animated/Input.d.ts

dist/declarations/src/animated/MultiValue.d.ts

dist/declarations/src/animated/Placeholder.d.ts

dist/declarations/src/animated/SingleValue.d.ts

dist/declarations/src/animated/transitions.d.ts

dist/declarations/src/animated/ValueContainer.d.ts

dist/declarations/src/Async.d.ts

dist/declarations/src/AsyncCreatable.d.ts

dist/declarations/src/builtins.d.ts

dist/declarations/src/components/containers.d.ts

dist/declarations/src/components/Control.d.ts

dist/declarations/src/components/Group.d.ts

dist/declarations/src/components/index.d.ts

dist/declarations/src/components/indicators.d.ts

dist/declarations/src/components/Input.d.ts

dist/declarations/src/components/LiveRegion.d.ts

dist/declarations/src/components/Menu.d.ts

dist/declarations/src/components/MultiValue.d.ts

dist/declarations/src/components/Option.d.ts

dist/declarations/src/components/Placeholder.d.ts

dist/declarations/src/components/SingleValue.d.ts

dist/declarations/src/Creatable.d.ts

dist/declarations/src/diacritics.d.ts

dist/declarations/src/filters.d.ts

dist/declarations/src/index.d.ts

dist/declarations/src/internal/A11yText.d.ts

dist/declarations/src/internal/DummyInput.d.ts

dist/declarations/src/internal/index.d.ts

dist/declarations/src/internal/ScrollManager.d.ts

dist/declarations/src/internal/useScrollCapture.d.ts

dist/declarations/src/internal/useScrollLock.d.ts

dist/declarations/src/NonceProvider.d.ts

dist/declarations/src/Select.d.ts

dist/declarations/src/stateManager.d.ts

dist/declarations/src/styles.d.ts

dist/declarations/src/theme.d.ts

dist/declarations/src/types.d.ts

dist/declarations/src/useAsync.d.ts

dist/declarations/src/useCreatable.d.ts

dist/declarations/src/useStateManager.d.ts

dist/declarations/src/utils.d.ts

dist/index-1b148735.cjs.prod.js

dist/index-97f24564.cjs.dev.js

dist/index-bf813086.esm.js

dist/react-select.cjs.d.ts

dist/Select-7b597858.cjs.dev.js

dist/Select-e525c82d.esm.js

dist/Select-f5a13d08.cjs.prod.js

dist/useAsync-051d33ba.esm.js

dist/useAsync-7e1fe527.cjs.prod.js

dist/useAsync-850cc2f7.cjs.dev.js

dist/useCreatable-6767ffe2.esm.js

dist/useCreatable-8c976e7d.cjs.prod.js

dist/useCreatable-faa3da33.cjs.dev.js

dist/useStateManager-3965ca69.esm.js

dist/useStateManager-9a696a0b.cjs.dev.js

dist/useStateManager-bfbe3571.cjs.prod.js

src/__tests__/__snapshots__/Async.test.tsx.snap

src/__tests__/__snapshots__/AsyncCreatable.test.tsx.snap

src/__tests__/__snapshots__/Creatable.test.tsx.snap

src/__tests__/__snapshots__/Select.test.tsx.snap

src/__tests__/__snapshots__/StateManaged.test.tsx.snap

src/__tests__/Async.test.tsx

src/__tests__/AsyncCreatable.test.tsx

src/__tests__/constants.ts

src/__tests__/Creatable.test.tsx

src/__tests__/Select.test.tsx

src/__tests__/StateManaged.test.tsx

src/accessibility/index.ts

src/animated/index.ts

src/animated/Input.tsx

src/animated/MultiValue.tsx

src/animated/Placeholder.tsx

src/animated/SingleValue.tsx

src/animated/transitions.tsx

src/animated/ValueContainer.tsx

src/Async.tsx

src/AsyncCreatable.tsx

src/builtins.ts

src/components/containers.tsx

src/components/Control.tsx

src/components/Group.tsx

src/components/index.ts

src/components/indicators.tsx

src/components/Input.tsx

src/components/LiveRegion.tsx

src/components/Menu.tsx

src/components/MultiValue.tsx

src/components/Option.tsx

src/components/Placeholder.tsx

src/components/SingleValue.tsx

src/Creatable.tsx

src/diacritics.ts

src/filters.ts

src/index.ts

src/internal/A11yText.tsx

src/internal/DummyInput.tsx

src/internal/index.ts

src/internal/ScrollManager.tsx

src/internal/useScrollCapture.ts

src/internal/useScrollLock.ts

src/NonceProvider.tsx

src/Select.tsx

src/stateManager.tsx

src/styles.ts

src/theme.ts

src/types.ts

src/useAsync.ts

src/useCreatable.ts

src/useStateManager.ts

src/utils.ts

115

animated/dist/react-select.cjs.dev.js

		@@ -5,6 +5,5 @@ 'use strict';

		var index$1 = require('../../dist/index-fe3694ff.cjs.dev.js');
		var index$1 = require('../../dist/index-97f24564.cjs.dev.js');
		var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
		var memoizeOne = require('memoize-one');
		var _typeof = require('@babel/runtime/helpers/typeof');
		var React = require('react');
		@@ -18,3 +17,3 @@ var _extends = require('@babel/runtime/helpers/extends');
		require('@babel/runtime/helpers/taggedTemplateLiteral');
		require('react-input-autosize');
		require('@babel/runtime/helpers/typeof');
		require('@babel/runtime/helpers/defineProperty');
		@@ -27,3 +26,2 @@ require('react-dom');
		var memoizeOne__default = /#__PURE__/_interopDefault(memoizeOne);
		var _typeof__default = /#__PURE__/_interopDefault(_typeof);
		var React__default = /#__PURE__/_interopDefault(React);
		@@ -35,94 +33,5 @@ var _extends__default = /#__PURE__/_interopDefault(_extends);

		var isArray = Array.isArray;
		var keyList = Object.keys;
		var hasProp = Object.prototype.hasOwnProperty;
		var _excluded$3 = ["in", "onExited", "appear", "enter", "exit"];

		function equal(a, b) {
		// fast-deep-equal index.js 2.0.1
		if (a === b) return true;

		if (a && b && _typeof__default['default'](a) == 'object' && _typeof__default['default'](b) == 'object') {
		var arrA = isArray(a),
		arrB = isArray(b),
		i,
		length,
		key;

		if (arrA && arrB) {
		length = a.length;
		if (length != b.length) return false;

		for (i = length; i-- !== 0;) {
		if (!equal(a[i], b[i])) return false;
		}

		return true;
		}

		if (arrA != arrB) return false;
		var dateA = a instanceof Date,
		dateB = b instanceof Date;
		if (dateA != dateB) return false;
		if (dateA && dateB) return a.getTime() == b.getTime();
		var regexpA = a instanceof RegExp,
		regexpB = b instanceof RegExp;
		if (regexpA != regexpB) return false;
		if (regexpA && regexpB) return a.toString() == b.toString();
		var keys = keyList(a);
		length = keys.length;

		if (length !== keyList(b).length) {
		return false;
		}

		for (i = length; i-- !== 0;) {
		if (!hasProp.call(b, keys[i])) return false;
		} // end fast-deep-equal
		// Custom handling for React


		for (i = length; i-- !== 0;) {
		key = keys[i];

		if (key === '_owner' && a.$$typeof) {
		// React-specific: avoid traversing React elements' _owner.
		// _owner contains circular references
		// and is not needed when comparing the actual elements (and not their owners)
		// .$$typeof and ._store on just reasonable markers of a react element
		continue;
		} else {
		// all other properties should be traversed as usual
		if (!equal(a[key], b[key])) return false;
		}
		} // fast-deep-equal index.js 2.0.1


		return true;
		}

		return a !== a && b !== b;
		} // end fast-deep-equal


		function exportedEqual(a, b) {
		try {
		return equal(a, b);
		} catch (error) {
		if (error.message && error.message.match(/stack\|recursion/i)) {
		// warn on circular references, don't crash
		// browsers give this different errors name and messages:
		// chrome/safari: "RangeError", "Maximum call stack size exceeded"
		// firefox: "InternalError", too much recursion"
		// edge: "Error", "Out of stack space"
		console.warn('Warning: react-fast-compare does not handle circular references.', error.name, error.message);
		return false;
		} // some other error. we should definitely know about these


		throw error;
		}
		}

		// strip transition props off before spreading onto select component
		// note we need to be explicit about innerRef for flow
		var AnimatedInput = function AnimatedInput(WrappedComponent) {
		@@ -135,3 +44,3 @@ return function (_ref) {
		_ref.exit;
		var props = _objectWithoutProperties__default['default'](_ref, ["in", "onExited", "appear", "enter", "exit"]);
		var props = _objectWithoutProperties__default['default'](_ref, _excluded$3);

		@@ -142,2 +51,3 @@ return /#__PURE__/React__default['default'].createElement(WrappedComponent, props);

		var _excluded$2 = ["component", "duration", "in", "onExited"];
		var Fade = function Fade(_ref) {
		@@ -149,3 +59,3 @@ var Tag = _ref.component,
		_ref.onExited;
		var props = _objectWithoutProperties__default['default'](_ref, ["component", "duration", "in", "onExited"]);
		var props = _objectWithoutProperties__default['default'](_ref, _excluded$2);

		@@ -290,2 +200,5 @@ var transition = {

		var _excluded$1 = ["in", "onExited"];

		// strip transition props off before spreading onto actual component
		var AnimatedMultiValue = function AnimatedMultiValue(WrappedComponent) {
		@@ -295,3 +208,3 @@ return function (_ref) {
		onExited = _ref.onExited,
		props = _objectWithoutProperties__default['default'](_ref, ["in", "onExited"]);
		props = _objectWithoutProperties__default['default'](_ref, _excluded$1);

		@@ -307,2 +220,3 @@ return /#__PURE__/React__default['default'].createElement(Collapse, {

		// fade in when last multi-value removed, otherwise instant
		var AnimatedPlaceholder = function AnimatedPlaceholder(WrappedComponent) {
		@@ -317,2 +231,3 @@ return function (props) {

		// instant fade; all transition-group children must be transitions
		var AnimatedSingleValue = function AnimatedSingleValue(WrappedComponent) {
		@@ -335,2 +250,4 @@ return function (props) {

		var _excluded = ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"];

		var makeAnimated = function makeAnimated() {
		@@ -347,3 +264,3 @@ var externalComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		ValueContainer = components.ValueContainer,
		rest = _objectWithoutProperties__default['default'](components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
		rest = _objectWithoutProperties__default['default'](components, _excluded);

		@@ -365,3 +282,3 @@ return index$1._objectSpread2({
		var ValueContainer = AnimatedComponents.ValueContainer;
		var index = memoizeOne__default['default'](makeAnimated, exportedEqual);
		var index = memoizeOne__default['default'](makeAnimated);

		@@ -368,0 +285,0 @@ exports.Input = Input;

animated/dist/react-select.cjs.prod.js

		@@ -7,3 +7,3 @@ "use strict";

		var index$1 = require("../../dist/index-ea9e225d.cjs.prod.js"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), memoizeOne = require("memoize-one"), _typeof = require("@babel/runtime/helpers/typeof"), React = require("react"), _extends = require("@babel/runtime/helpers/extends"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), reactTransitionGroup = require("react-transition-group");
		var index$1 = require("../../dist/index-1b148735.cjs.prod.js"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), memoizeOne = require("memoize-one"), React = require("react"), _extends = require("@babel/runtime/helpers/extends"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), reactTransitionGroup = require("react-transition-group");

		@@ -17,52 +17,15 @@ function _interopDefault(e) {
		require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("react-input-autosize"), require("@babel/runtime/helpers/defineProperty"),
		require("@babel/runtime/helpers/typeof"), require("@babel/runtime/helpers/defineProperty"),
		require("react-dom");

		var _objectWithoutProperties__default = _interopDefault(_objectWithoutProperties), memoizeOne__default = _interopDefault(memoizeOne), _typeof__default = _interopDefault(_typeof), React__default = _interopDefault(React), _extends__default = _interopDefault(_extends), _classCallCheck__default = _interopDefault(_classCallCheck), _createClass__default = _interopDefault(_createClass), _inherits__default = _interopDefault(_inherits), isArray = Array.isArray, keyList = Object.keys, hasProp = Object.prototype.hasOwnProperty;

		function equal(a, b) {
		if (a === b) return !0;
		if (a && b && "object" == _typeof__default.default(a) && "object" == _typeof__default.default(b)) {
		var i, length, key, arrA = isArray(a), arrB = isArray(b);
		if (arrA && arrB) {
		if ((length = a.length) != b.length) return !1;
		for (i = length; 0 != i--; ) if (!equal(a[i], b[i])) return !1;
		return !0;
		}
		if (arrA != arrB) return !1;
		var dateA = a instanceof Date, dateB = b instanceof Date;
		if (dateA != dateB) return !1;
		if (dateA && dateB) return a.getTime() == b.getTime();
		var regexpA = a instanceof RegExp, regexpB = b instanceof RegExp;
		if (regexpA != regexpB) return !1;
		if (regexpA && regexpB) return a.toString() == b.toString();
		var keys = keyList(a);
		if ((length = keys.length) !== keyList(b).length) return !1;
		for (i = length; 0 != i--; ) if (!hasProp.call(b, keys[i])) return !1;
		for (i = length; 0 != i--; ) if (!("_owner" === (key = keys[i]) && a.$$typeof \|\| equal(a[key], b[key]))) return !1;
		return !0;
		}
		return a != a && b != b;
		}

		function exportedEqual(a, b) {
		try {
		return equal(a, b);
		} catch (error) {
		if (error.message && error.message.match(/stack\|recursion/i)) return console.warn("Warning: react-fast-compare does not handle circular references.", error.name, error.message),
		!1;
		throw error;
		}
		}

		var AnimatedInput = function(WrappedComponent) {
		var _objectWithoutProperties__default = _interopDefault(_objectWithoutProperties), memoizeOne__default = _interopDefault(memoizeOne), React__default = _interopDefault(React), _extends__default = _interopDefault(_extends), _classCallCheck__default = _interopDefault(_classCallCheck), _createClass__default = _interopDefault(_createClass), _inherits__default = _interopDefault(_inherits), _excluded$3 = [ "in", "onExited", "appear", "enter", "exit" ], AnimatedInput = function(WrappedComponent) {
		return function(_ref) {
		_ref.in, _ref.onExited, _ref.appear, _ref.enter, _ref.exit;
		var props = _objectWithoutProperties__default.default(_ref, [ "in", "onExited", "appear", "enter", "exit" ]);
		var props = _objectWithoutProperties__default.default(_ref, _excluded$3);
		return React__default.default.createElement(WrappedComponent, props);
		};
		}, Fade = function(_ref) {
		}, _excluded$2 = [ "component", "duration", "in", "onExited" ], Fade = function(_ref) {
		var Tag = _ref.component, _ref$duration = _ref.duration, duration = void 0 === _ref$duration ? 1 : _ref$duration, inProp = _ref.in;
		_ref.onExited;
		var props = _objectWithoutProperties__default.default(_ref, [ "component", "duration", "in", "onExited" ]), transition = {
		var props = _objectWithoutProperties__default.default(_ref, _excluded$2), transition = {
		entering: {
		@@ -154,5 +117,5 @@ opacity: 0
		} ]), Collapse;
		}(React.Component), AnimatedMultiValue = function(WrappedComponent) {
		}(React.Component), _excluded$1 = [ "in", "onExited" ], AnimatedMultiValue = function(WrappedComponent) {
		return function(_ref) {
		var inProp = _ref.in, onExited = _ref.onExited, props = _objectWithoutProperties__default.default(_ref, [ "in", "onExited" ]);
		var inProp = _ref.in, onExited = _ref.onExited, props = _objectWithoutProperties__default.default(_ref, _excluded$1);
		return React__default.default.createElement(Collapse, {
		@@ -184,6 +147,6 @@ in: inProp,
		};
		}, makeAnimated = function() {
		}, _excluded = [ "Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer" ], makeAnimated = function() {
		var externalComponents = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, components = index$1.defaultComponents({
		components: externalComponents
		}), Input = components.Input, MultiValue = components.MultiValue, Placeholder = components.Placeholder, SingleValue = components.SingleValue, ValueContainer = components.ValueContainer, rest = _objectWithoutProperties__default.default(components, [ "Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer" ]);
		}), Input = components.Input, MultiValue = components.MultiValue, Placeholder = components.Placeholder, SingleValue = components.SingleValue, ValueContainer = components.ValueContainer, rest = _objectWithoutProperties__default.default(components, _excluded);
		return index$1._objectSpread2({
		@@ -196,5 +159,5 @@ Input: AnimatedInput(Input),
		}, rest);
		}, AnimatedComponents = makeAnimated(), Input = AnimatedComponents.Input, MultiValue = AnimatedComponents.MultiValue, Placeholder = AnimatedComponents.Placeholder, SingleValue = AnimatedComponents.SingleValue, ValueContainer = AnimatedComponents.ValueContainer, index = memoizeOne__default.default(makeAnimated, exportedEqual);
		}, AnimatedComponents = makeAnimated(), Input = AnimatedComponents.Input, MultiValue = AnimatedComponents.MultiValue, Placeholder = AnimatedComponents.Placeholder, SingleValue = AnimatedComponents.SingleValue, ValueContainer = AnimatedComponents.ValueContainer, index = memoizeOne__default.default(makeAnimated);

		exports.Input = Input, exports.MultiValue = MultiValue, exports.Placeholder = Placeholder,
		exports.SingleValue = SingleValue, exports.ValueContainer = ValueContainer, exports.default = index;

114

animated/dist/react-select.esm.js

		@@ -1,5 +0,4 @@
		import { a as _objectSpread2, _ as _createSuper, C as defaultComponents } from '../../dist/index-4bd03571.esm.js';
		import { a as _objectSpread2, _ as _createSuper, F as defaultComponents } from '../../dist/index-bf813086.esm.js';
		import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
		import memoizeOne from 'memoize-one';
		import _typeof from '@babel/runtime/helpers/esm/typeof';
		import React, { Component } from 'react';
		@@ -13,98 +12,9 @@ import _extends from '@babel/runtime/helpers/esm/extends';
		import '@babel/runtime/helpers/taggedTemplateLiteral';
		import 'react-input-autosize';
		import '@babel/runtime/helpers/typeof';
		import '@babel/runtime/helpers/defineProperty';
		import 'react-dom';

		var isArray = Array.isArray;
		var keyList = Object.keys;
		var hasProp = Object.prototype.hasOwnProperty;
		var _excluded$3 = ["in", "onExited", "appear", "enter", "exit"];

		function equal(a, b) {
		// fast-deep-equal index.js 2.0.1
		if (a === b) return true;

		if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
		var arrA = isArray(a),
		arrB = isArray(b),
		i,
		length,
		key;

		if (arrA && arrB) {
		length = a.length;
		if (length != b.length) return false;

		for (i = length; i-- !== 0;) {
		if (!equal(a[i], b[i])) return false;
		}

		return true;
		}

		if (arrA != arrB) return false;
		var dateA = a instanceof Date,
		dateB = b instanceof Date;
		if (dateA != dateB) return false;
		if (dateA && dateB) return a.getTime() == b.getTime();
		var regexpA = a instanceof RegExp,
		regexpB = b instanceof RegExp;
		if (regexpA != regexpB) return false;
		if (regexpA && regexpB) return a.toString() == b.toString();
		var keys = keyList(a);
		length = keys.length;

		if (length !== keyList(b).length) {
		return false;
		}

		for (i = length; i-- !== 0;) {
		if (!hasProp.call(b, keys[i])) return false;
		} // end fast-deep-equal
		// Custom handling for React


		for (i = length; i-- !== 0;) {
		key = keys[i];

		if (key === '_owner' && a.$$typeof) {
		// React-specific: avoid traversing React elements' _owner.
		// _owner contains circular references
		// and is not needed when comparing the actual elements (and not their owners)
		// .$$typeof and ._store on just reasonable markers of a react element
		continue;
		} else {
		// all other properties should be traversed as usual
		if (!equal(a[key], b[key])) return false;
		}
		} // fast-deep-equal index.js 2.0.1


		return true;
		}

		return a !== a && b !== b;
		} // end fast-deep-equal


		function exportedEqual(a, b) {
		try {
		return equal(a, b);
		} catch (error) {
		if (error.message && error.message.match(/stack\|recursion/i)) {
		// warn on circular references, don't crash
		// browsers give this different errors name and messages:
		// chrome/safari: "RangeError", "Maximum call stack size exceeded"
		// firefox: "InternalError", too much recursion"
		// edge: "Error", "Out of stack space"
		console.warn('Warning: react-fast-compare does not handle circular references.', error.name, error.message);
		return false;
		} // some other error. we should definitely know about these


		throw error;
		}
		}

		// strip transition props off before spreading onto select component
		// note we need to be explicit about innerRef for flow
		var AnimatedInput = function AnimatedInput(WrappedComponent) {
		@@ -117,3 +27,3 @@ return function (_ref) {
		_ref.exit;
		var props = _objectWithoutProperties(_ref, ["in", "onExited", "appear", "enter", "exit"]);
		var props = _objectWithoutProperties(_ref, _excluded$3);

		@@ -124,2 +34,3 @@ return /#__PURE__/React.createElement(WrappedComponent, props);

		var _excluded$2 = ["component", "duration", "in", "onExited"];
		var Fade = function Fade(_ref) {
		@@ -131,3 +42,3 @@ var Tag = _ref.component,
		_ref.onExited;
		var props = _objectWithoutProperties(_ref, ["component", "duration", "in", "onExited"]);
		var props = _objectWithoutProperties(_ref, _excluded$2);

		@@ -272,2 +183,5 @@ var transition = {

		var _excluded$1 = ["in", "onExited"];

		// strip transition props off before spreading onto actual component
		var AnimatedMultiValue = function AnimatedMultiValue(WrappedComponent) {
		@@ -277,3 +191,3 @@ return function (_ref) {
		onExited = _ref.onExited,
		props = _objectWithoutProperties(_ref, ["in", "onExited"]);
		props = _objectWithoutProperties(_ref, _excluded$1);

		@@ -289,2 +203,3 @@ return /#__PURE__/React.createElement(Collapse, {

		// fade in when last multi-value removed, otherwise instant
		var AnimatedPlaceholder = function AnimatedPlaceholder(WrappedComponent) {
		@@ -299,2 +214,3 @@ return function (props) {

		// instant fade; all transition-group children must be transitions
		var AnimatedSingleValue = function AnimatedSingleValue(WrappedComponent) {
		@@ -317,2 +233,4 @@ return function (props) {

		var _excluded = ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"];

		var makeAnimated = function makeAnimated() {
		@@ -329,3 +247,3 @@ var externalComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
		ValueContainer = components.ValueContainer,
		rest = _objectWithoutProperties(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
		rest = _objectWithoutProperties(components, _excluded);

		@@ -347,5 +265,5 @@ return _objectSpread2({
		var ValueContainer = AnimatedComponents.ValueContainer;
		var index = memoizeOne(makeAnimated, exportedEqual);
		var index = memoizeOne(makeAnimated);

		export default index;
		export { Input, MultiValue, Placeholder, SingleValue, ValueContainer };

animated/package.json

		{
		"main": "dist/react-select.cjs.js",
		"module": "dist/react-select.esm.js",
		"types": "dist/react-select.cjs.d.ts",
		"preconstruct": {
		@@ -5,0 +6,0 @@ "source": "../src/animated"

async-creatable/dist/react-select.cjs.dev.js

		@@ -5,26 +5,36 @@ 'use strict';

		var async_dist_reactSelect = require('../../async/dist/react-select.cjs.dev.js');
		var creatable_dist_reactSelect = require('../../creatable/dist/react-select.cjs.dev.js');
		var stateManager = require('../../dist/stateManager-80f4e9df.cjs.dev.js');
		var base_dist_reactSelect = require('../../dist/Select-92d95971.cjs.dev.js');
		require('@babel/runtime/helpers/extends');
		require('@babel/runtime/helpers/objectWithoutProperties');
		require('@babel/runtime/helpers/defineProperty');
		require('../../dist/index-fe3694ff.cjs.dev.js');
		var _extends = require('@babel/runtime/helpers/extends');
		var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
		var React = require('react');
		var useAsync = require('../../dist/useAsync-850cc2f7.cjs.dev.js');
		var useStateManager = require('../../dist/useStateManager-9a696a0b.cjs.dev.js');
		var useCreatable = require('../../dist/useCreatable-faa3da33.cjs.dev.js');
		require('../../dist/index-97f24564.cjs.dev.js');
		require('@emotion/react');
		require('@babel/runtime/helpers/taggedTemplateLiteral');
		require('@babel/runtime/helpers/objectWithoutProperties');
		require('@babel/runtime/helpers/typeof');
		require('react-input-autosize');
		require('@babel/runtime/helpers/classCallCheck');
		require('@babel/runtime/helpers/createClass');
		require('@babel/runtime/helpers/inherits');
		require('react');
		require('@babel/runtime/helpers/defineProperty');
		require('react-dom');
		require('@babel/runtime/helpers/toConsumableArray');
		require('memoize-one');
		require('@babel/runtime/helpers/slicedToArray');

		var SelectCreatable = creatable_dist_reactSelect.makeCreatableSelect(base_dist_reactSelect.Select);
		var SelectCreatableState = stateManager.manageState(SelectCreatable);
		var AsyncCreatable = async_dist_reactSelect.makeAsyncSelect(SelectCreatableState);
		function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

		exports.default = AsyncCreatable;
		var _extends__default = /#__PURE__/_interopDefault(_extends);
		var React__default = /#__PURE__/_interopDefault(React);

		var AsyncCreatableSelect = /#__PURE__/React__default['default'].forwardRef(function (props, ref) {
		var stateManagerProps = useAsync.useAsync(props);
		var creatableProps = useStateManager.useStateManager(stateManagerProps);
		var selectProps = useCreatable.useCreatable(creatableProps);
		return /#__PURE__/React__default['default'].createElement(base_dist_reactSelect.Select, _extends__default['default']({
		ref: ref
		}, selectProps));
		});

		exports.default = AsyncCreatableSelect;

async-creatable/dist/react-select.cjs.prod.js

		@@ -7,14 +7,24 @@ "use strict";

		var async_dist_reactSelect = require("../../async/dist/react-select.cjs.prod.js"), creatable_dist_reactSelect = require("../../creatable/dist/react-select.cjs.prod.js"), stateManager = require("../../dist/stateManager-799f6a0f.cjs.prod.js"), base_dist_reactSelect = require("../../dist/Select-fd7cb895.cjs.prod.js");
		var _extends = require("@babel/runtime/helpers/extends"), base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js"), React = require("react"), useAsync = require("../../dist/useAsync-7e1fe527.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-bfbe3571.cjs.prod.js"), useCreatable = require("../../dist/useCreatable-8c976e7d.cjs.prod.js");

		require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/objectWithoutProperties"),
		require("@babel/runtime/helpers/defineProperty"), require("../../dist/index-ea9e225d.cjs.prod.js"),
		require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/typeof"), require("react-input-autosize"), require("@babel/runtime/helpers/classCallCheck"),
		require("@babel/runtime/helpers/createClass"), require("@babel/runtime/helpers/inherits"),
		require("react"), require("react-dom"), require("@babel/runtime/helpers/toConsumableArray"),
		require("memoize-one");
		function _interopDefault(e) {
		return e && e.__esModule ? e : {
		default: e
		};
		}

		var SelectCreatable = creatable_dist_reactSelect.makeCreatableSelect(base_dist_reactSelect.Select), SelectCreatableState = stateManager.manageState(SelectCreatable), AsyncCreatable = async_dist_reactSelect.makeAsyncSelect(SelectCreatableState);
		require("../../dist/index-1b148735.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/typeof"),
		require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),
		require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/defineProperty"),
		require("react-dom"), require("@babel/runtime/helpers/toConsumableArray"), require("memoize-one"),
		require("@babel/runtime/helpers/slicedToArray");

		exports.default = AsyncCreatable;
		var _extends__default = _interopDefault(_extends), React__default = _interopDefault(React), AsyncCreatableSelect = React__default.default.forwardRef((function(props, ref) {
		var stateManagerProps = useAsync.useAsync(props), creatableProps = useStateManager.useStateManager(stateManagerProps), selectProps = useCreatable.useCreatable(creatableProps);
		return React__default.default.createElement(base_dist_reactSelect.Select, _extends__default.default({
		ref: ref
		}, selectProps));
		}));

		exports.default = AsyncCreatableSelect;

async-creatable/dist/react-select.esm.js

		@@ -1,25 +0,30 @@
		import { makeAsyncSelect } from '../../async/dist/react-select.esm.js';
		import { makeCreatableSelect } from '../../creatable/dist/react-select.esm.js';
		import { m as manageState } from '../../dist/stateManager-845a3300.esm.js';
		import { S as Select } from '../../dist/Select-dbb12e54.esm.js';
		import '@babel/runtime/helpers/extends';
		import '@babel/runtime/helpers/objectWithoutProperties';
		import '@babel/runtime/helpers/defineProperty';
		import '../../dist/index-4bd03571.esm.js';
		import _extends from '@babel/runtime/helpers/esm/extends';
		import { S as Select } from '../../dist/Select-e525c82d.esm.js';
		import React from 'react';
		import { u as useAsync } from '../../dist/useAsync-051d33ba.esm.js';
		import { u as useStateManager } from '../../dist/useStateManager-3965ca69.esm.js';
		import { u as useCreatable } from '../../dist/useCreatable-6767ffe2.esm.js';
		import '../../dist/index-bf813086.esm.js';
		import '@emotion/react';
		import '@babel/runtime/helpers/taggedTemplateLiteral';
		import '@babel/runtime/helpers/objectWithoutProperties';
		import '@babel/runtime/helpers/typeof';
		import 'react-input-autosize';
		import '@babel/runtime/helpers/classCallCheck';
		import '@babel/runtime/helpers/createClass';
		import '@babel/runtime/helpers/inherits';
		import 'react';
		import '@babel/runtime/helpers/defineProperty';
		import 'react-dom';
		import '@babel/runtime/helpers/toConsumableArray';
		import 'memoize-one';
		import '@babel/runtime/helpers/slicedToArray';

		var SelectCreatable = makeCreatableSelect(Select);
		var SelectCreatableState = manageState(SelectCreatable);
		var AsyncCreatable = makeAsyncSelect(SelectCreatableState);
		var AsyncCreatableSelect = /#__PURE__/React.forwardRef(function (props, ref) {
		var stateManagerProps = useAsync(props);
		var creatableProps = useStateManager(stateManagerProps);
		var selectProps = useCreatable(creatableProps);
		return /#__PURE__/React.createElement(Select, _extends({
		ref: ref
		}, selectProps));
		});

		export default AsyncCreatable;
		export default AsyncCreatableSelect;

async-creatable/package.json

		{
		"main": "dist/react-select.cjs.js",
		"module": "dist/react-select.esm.js",
		"types": "dist/react-select.cjs.d.ts",
		"preconstruct": {
		@@ -5,0 +6,0 @@ "source": "../src/AsyncCreatable"

226

async/dist/react-select.cjs.dev.js

		@@ -6,18 +6,19 @@ 'use strict';
		var _extends = require('@babel/runtime/helpers/extends');
		var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
		var _defineProperty = require('@babel/runtime/helpers/defineProperty');
		var index = require('../../dist/index-fe3694ff.cjs.dev.js');
		var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
		var _createClass = require('@babel/runtime/helpers/createClass');
		var _inherits = require('@babel/runtime/helpers/inherits');
		var React = require('react');
		var base_dist_reactSelect = require('../../dist/Select-92d95971.cjs.dev.js');
		var stateManager = require('../../dist/stateManager-80f4e9df.cjs.dev.js');
		var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
		var useStateManager = require('../../dist/useStateManager-9a696a0b.cjs.dev.js');
		var useAsync = require('../../dist/useAsync-850cc2f7.cjs.dev.js');
		require('../../dist/index-97f24564.cjs.dev.js');
		require('@emotion/react');
		require('@babel/runtime/helpers/taggedTemplateLiteral');
		require('@babel/runtime/helpers/objectWithoutProperties');
		require('@babel/runtime/helpers/typeof');
		require('react-input-autosize');
		require('@babel/runtime/helpers/classCallCheck');
		require('@babel/runtime/helpers/createClass');
		require('@babel/runtime/helpers/inherits');
		require('@babel/runtime/helpers/defineProperty');
		require('react-dom');
		require('@babel/runtime/helpers/toConsumableArray');
		require('memoize-one');
		require('@babel/runtime/helpers/slicedToArray');

		@@ -27,203 +28,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
		var _extends__default = /#__PURE__/_interopDefault(_extends);
		var _objectWithoutProperties__default = /#__PURE__/_interopDefault(_objectWithoutProperties);
		var _defineProperty__default = /#__PURE__/_interopDefault(_defineProperty);
		var _classCallCheck__default = /#__PURE__/_interopDefault(_classCallCheck);
		var _createClass__default = /#__PURE__/_interopDefault(_createClass);
		var _inherits__default = /#__PURE__/_interopDefault(_inherits);
		var React__default = /#__PURE__/_interopDefault(React);

		var defaultProps = {
		cacheOptions: false,
		defaultOptions: false,
		filterOption: null,
		isLoading: false
		};
		var makeAsyncSelect = function makeAsyncSelect(SelectComponent) {
		var _class, _temp;
		var AsyncSelect = /#__PURE__/React__default['default'].forwardRef(function (props, ref) {
		var stateManagedProps = useAsync.useAsync(props);
		var selectProps = useStateManager.useStateManager(stateManagedProps);
		return /#__PURE__/React__default['default'].createElement(base_dist_reactSelect.Select, _extends__default['default']({
		ref: ref
		}, selectProps));
		});

		return _temp = _class = /#__PURE__/function (_Component) {
		_inherits__default['default'](Async, _Component);

		var _super = index._createSuper(Async);

		function Async(props) {
		var _this;

		_classCallCheck__default['default'](this, Async);

		_this = _super.call(this);
		_this.select = void 0;
		_this.lastRequest = void 0;
		_this.mounted = false;

		_this.handleInputChange = function (newValue, actionMeta) {
		var _this$props = _this.props,
		cacheOptions = _this$props.cacheOptions,
		onInputChange = _this$props.onInputChange; // TODO

		var inputValue = index.handleInputChange(newValue, actionMeta, onInputChange);

		if (!inputValue) {
		delete _this.lastRequest;

		_this.setState({
		inputValue: '',
		loadedInputValue: '',
		loadedOptions: [],
		isLoading: false,
		passEmptyOptions: false
		});

		return;
		}

		if (cacheOptions && _this.state.optionsCache[inputValue]) {
		_this.setState({
		inputValue: inputValue,
		loadedInputValue: inputValue,
		loadedOptions: _this.state.optionsCache[inputValue],
		isLoading: false,
		passEmptyOptions: false
		});
		} else {
		var request = _this.lastRequest = {};

		_this.setState({
		inputValue: inputValue,
		isLoading: true,
		passEmptyOptions: !_this.state.loadedInputValue
		}, function () {
		_this.loadOptions(inputValue, function (options) {
		if (!_this.mounted) return;
		if (request !== _this.lastRequest) return;
		delete _this.lastRequest;

		_this.setState(function (state) {
		return {
		isLoading: false,
		loadedInputValue: inputValue,
		loadedOptions: options \|\| [],
		passEmptyOptions: false,
		optionsCache: options ? index._objectSpread2(index._objectSpread2({}, state.optionsCache), {}, _defineProperty__default['default']({}, inputValue, options)) : state.optionsCache
		};
		});
		});
		});
		}

		return inputValue;
		};

		_this.state = {
		defaultOptions: Array.isArray(props.defaultOptions) ? props.defaultOptions : undefined,
		inputValue: typeof props.inputValue !== 'undefined' ? props.inputValue : '',
		isLoading: props.defaultOptions === true,
		loadedOptions: [],
		passEmptyOptions: false,
		optionsCache: {},
		prevDefaultOptions: undefined,
		prevCacheOptions: undefined
		};
		return _this;
		}

		_createClass__default['default'](Async, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var _this2 = this;

		this.mounted = true;
		var defaultOptions = this.props.defaultOptions;
		var inputValue = this.state.inputValue;

		if (defaultOptions === true) {
		this.loadOptions(inputValue, function (options) {
		if (!_this2.mounted) return;
		var isLoading = !!_this2.lastRequest;

		_this2.setState({
		defaultOptions: options \|\| [],
		isLoading: isLoading
		});
		});
		}
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		this.mounted = false;
		}
		}, {
		key: "focus",
		value: function focus() {
		this.select.focus();
		}
		}, {
		key: "blur",
		value: function blur() {
		this.select.blur();
		}
		}, {
		key: "loadOptions",
		value: function loadOptions(inputValue, callback) {
		var loadOptions = this.props.loadOptions;
		if (!loadOptions) return callback();
		var loader = loadOptions(inputValue, callback);

		if (loader && typeof loader.then === 'function') {
		loader.then(callback, function () {
		return callback();
		});
		}
		}
		}, {
		key: "render",
		value: function render() {
		var _this3 = this;

		var _this$props2 = this.props;
		_this$props2.loadOptions;
		var isLoadingProp = _this$props2.isLoading,
		props = _objectWithoutProperties__default['default'](_this$props2, ["loadOptions", "isLoading"]);

		var _this$state = this.state,
		defaultOptions = _this$state.defaultOptions,
		inputValue = _this$state.inputValue,
		isLoading = _this$state.isLoading,
		loadedInputValue = _this$state.loadedInputValue,
		loadedOptions = _this$state.loadedOptions,
		passEmptyOptions = _this$state.passEmptyOptions;
		var options = passEmptyOptions ? [] : inputValue && loadedInputValue ? loadedOptions : defaultOptions \|\| [];
		return /#__PURE__/React__default['default'].createElement(SelectComponent, _extends__default['default']({}, props, {
		ref: function ref(_ref) {
		_this3.select = _ref;
		},
		options: options,
		isLoading: isLoading \|\| isLoadingProp,
		onInputChange: this.handleInputChange
		}));
		}
		}], [{
		key: "getDerivedStateFromProps",
		value: function getDerivedStateFromProps(props, state) {
		var newCacheOptionsState = props.cacheOptions !== state.prevCacheOptions ? {
		prevCacheOptions: props.cacheOptions,
		optionsCache: {}
		} : {};
		var newDefaultOptionsState = props.defaultOptions !== state.prevDefaultOptions ? {
		prevDefaultOptions: props.defaultOptions,
		defaultOptions: Array.isArray(props.defaultOptions) ? props.defaultOptions : undefined
		} : {};
		return index._objectSpread2(index._objectSpread2({}, newCacheOptionsState), newDefaultOptionsState);
		}
		}]);

		return Async;
		}(React.Component), _class.defaultProps = defaultProps, _temp;
		};
		var SelectState = stateManager.manageState(base_dist_reactSelect.Select);
		var Async = makeAsyncSelect(SelectState);

		exports.default = Async;
		exports.defaultProps = defaultProps;
		exports.makeAsyncSelect = makeAsyncSelect;
		exports.default = AsyncSelect;

150

async/dist/react-select.cjs.prod.js

		@@ -7,3 +7,3 @@ "use strict";

		var _extends = require("@babel/runtime/helpers/extends"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), _defineProperty = require("@babel/runtime/helpers/defineProperty"), index = require("../../dist/index-ea9e225d.cjs.prod.js"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-fd7cb895.cjs.prod.js"), stateManager = require("../../dist/stateManager-799f6a0f.cjs.prod.js");
		var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-bfbe3571.cjs.prod.js"), useAsync = require("../../dist/useAsync-7e1fe527.cjs.prod.js");

		@@ -16,138 +16,16 @@ function _interopDefault(e) {

		require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/typeof"), require("react-input-autosize"), require("react-dom"),
		require("@babel/runtime/helpers/toConsumableArray"), require("memoize-one");
		require("../../dist/index-1b148735.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/typeof"),
		require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),
		require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/defineProperty"),
		require("react-dom"), require("@babel/runtime/helpers/toConsumableArray"), require("memoize-one"),
		require("@babel/runtime/helpers/slicedToArray");

		var _extends__default = _interopDefault(_extends), _objectWithoutProperties__default = _interopDefault(_objectWithoutProperties), _defineProperty__default = _interopDefault(_defineProperty), _classCallCheck__default = _interopDefault(_classCallCheck), _createClass__default = _interopDefault(_createClass), _inherits__default = _interopDefault(_inherits), React__default = _interopDefault(React), defaultProps = {
		cacheOptions: !1,
		defaultOptions: !1,
		filterOption: null,
		isLoading: !1
		}, makeAsyncSelect = function(SelectComponent) {
		var _class, _temp;
		return _temp = _class = function(_Component) {
		_inherits__default.default(Async, _Component);
		var _super = index._createSuper(Async);
		function Async(props) {
		var _this;
		return _classCallCheck__default.default(this, Async), (_this = _super.call(this)).select = void 0,
		_this.lastRequest = void 0, _this.mounted = !1, _this.handleInputChange = function(newValue, actionMeta) {
		var _this$props = _this.props, cacheOptions = _this$props.cacheOptions, onInputChange = _this$props.onInputChange, inputValue = index.handleInputChange(newValue, actionMeta, onInputChange);
		if (!inputValue) return delete _this.lastRequest, void _this.setState({
		inputValue: "",
		loadedInputValue: "",
		loadedOptions: [],
		isLoading: !1,
		passEmptyOptions: !1
		});
		if (cacheOptions && _this.state.optionsCache[inputValue]) _this.setState({
		inputValue: inputValue,
		loadedInputValue: inputValue,
		loadedOptions: _this.state.optionsCache[inputValue],
		isLoading: !1,
		passEmptyOptions: !1
		}); else {
		var request = _this.lastRequest = {};
		_this.setState({
		inputValue: inputValue,
		isLoading: !0,
		passEmptyOptions: !_this.state.loadedInputValue
		}, (function() {
		_this.loadOptions(inputValue, (function(options) {
		_this.mounted && request === _this.lastRequest && (delete _this.lastRequest, _this.setState((function(state) {
		return {
		isLoading: !1,
		loadedInputValue: inputValue,
		loadedOptions: options \|\| [],
		passEmptyOptions: !1,
		optionsCache: options ? index._objectSpread2(index._objectSpread2({}, state.optionsCache), {}, _defineProperty__default.default({}, inputValue, options)) : state.optionsCache
		};
		})));
		}));
		}));
		}
		return inputValue;
		}, _this.state = {
		defaultOptions: Array.isArray(props.defaultOptions) ? props.defaultOptions : void 0,
		inputValue: void 0 !== props.inputValue ? props.inputValue : "",
		isLoading: !0 === props.defaultOptions,
		loadedOptions: [],
		passEmptyOptions: !1,
		optionsCache: {},
		prevDefaultOptions: void 0,
		prevCacheOptions: void 0
		}, _this;
		}
		return _createClass__default.default(Async, [ {
		key: "componentDidMount",
		value: function() {
		var _this2 = this;
		this.mounted = !0;
		var defaultOptions = this.props.defaultOptions, inputValue = this.state.inputValue;
		!0 === defaultOptions && this.loadOptions(inputValue, (function(options) {
		if (_this2.mounted) {
		var isLoading = !!_this2.lastRequest;
		_this2.setState({
		defaultOptions: options \|\| [],
		isLoading: isLoading
		});
		}
		}));
		}
		}, {
		key: "componentWillUnmount",
		value: function() {
		this.mounted = !1;
		}
		}, {
		key: "focus",
		value: function() {
		this.select.focus();
		}
		}, {
		key: "blur",
		value: function() {
		this.select.blur();
		}
		}, {
		key: "loadOptions",
		value: function(inputValue, callback) {
		var loadOptions = this.props.loadOptions;
		if (!loadOptions) return callback();
		var loader = loadOptions(inputValue, callback);
		loader && "function" == typeof loader.then && loader.then(callback, (function() {
		return callback();
		}));
		}
		}, {
		key: "render",
		value: function() {
		var _this3 = this, _this$props2 = this.props;
		_this$props2.loadOptions;
		var isLoadingProp = _this$props2.isLoading, props = _objectWithoutProperties__default.default(_this$props2, [ "loadOptions", "isLoading" ]), _this$state = this.state, defaultOptions = _this$state.defaultOptions, inputValue = _this$state.inputValue, isLoading = _this$state.isLoading, loadedInputValue = _this$state.loadedInputValue, loadedOptions = _this$state.loadedOptions, options = _this$state.passEmptyOptions ? [] : inputValue && loadedInputValue ? loadedOptions : defaultOptions \|\| [];
		return React__default.default.createElement(SelectComponent, _extends__default.default({}, props, {
		ref: function(_ref) {
		_this3.select = _ref;
		},
		options: options,
		isLoading: isLoading \|\| isLoadingProp,
		onInputChange: this.handleInputChange
		}));
		}
		} ], [ {
		key: "getDerivedStateFromProps",
		value: function(props, state) {
		var newCacheOptionsState = props.cacheOptions !== state.prevCacheOptions ? {
		prevCacheOptions: props.cacheOptions,
		optionsCache: {}
		} : {}, newDefaultOptionsState = props.defaultOptions !== state.prevDefaultOptions ? {
		prevDefaultOptions: props.defaultOptions,
		defaultOptions: Array.isArray(props.defaultOptions) ? props.defaultOptions : void 0
		} : {};
		return index._objectSpread2(index._objectSpread2({}, newCacheOptionsState), newDefaultOptionsState);
		}
		} ]), Async;
		}(React.Component), _class.defaultProps = defaultProps, _temp;
		}, SelectState = stateManager.manageState(base_dist_reactSelect.Select), Async = makeAsyncSelect(SelectState);
		var _extends__default = _interopDefault(_extends), React__default = _interopDefault(React), AsyncSelect = React__default.default.forwardRef((function(props, ref) {
		var stateManagedProps = useAsync.useAsync(props), selectProps = useStateManager.useStateManager(stateManagedProps);
		return React__default.default.createElement(base_dist_reactSelect.Select, _extends__default.default({
		ref: ref
		}, selectProps));
		}));

		exports.default = Async, exports.defaultProps = defaultProps, exports.makeAsyncSelect = makeAsyncSelect;
		exports.default = AsyncSelect;

222

async/dist/react-select.esm.js

		import _extends from '@babel/runtime/helpers/esm/extends';
		import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
		import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
		import { _ as _createSuper, H as handleInputChange, a as _objectSpread2 } from '../../dist/index-4bd03571.esm.js';
		import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
		import _createClass from '@babel/runtime/helpers/esm/createClass';
		import _inherits from '@babel/runtime/helpers/esm/inherits';
		import React, { Component } from 'react';
		import { S as Select } from '../../dist/Select-dbb12e54.esm.js';
		import { m as manageState } from '../../dist/stateManager-845a3300.esm.js';
		import React from 'react';
		import { S as Select } from '../../dist/Select-e525c82d.esm.js';
		import { u as useStateManager } from '../../dist/useStateManager-3965ca69.esm.js';
		import { u as useAsync } from '../../dist/useAsync-051d33ba.esm.js';
		import '../../dist/index-bf813086.esm.js';
		import '@emotion/react';
		import '@babel/runtime/helpers/taggedTemplateLiteral';
		import '@babel/runtime/helpers/objectWithoutProperties';
		import '@babel/runtime/helpers/typeof';
		import 'react-input-autosize';
		import '@babel/runtime/helpers/classCallCheck';
		import '@babel/runtime/helpers/createClass';
		import '@babel/runtime/helpers/inherits';
		import '@babel/runtime/helpers/defineProperty';
		import 'react-dom';
		import '@babel/runtime/helpers/toConsumableArray';
		import 'memoize-one';
		import '@babel/runtime/helpers/slicedToArray';

		var defaultProps = {
		cacheOptions: false,
		defaultOptions: false,
		filterOption: null,
		isLoading: false
		};
		var makeAsyncSelect = function makeAsyncSelect(SelectComponent) {
		var _class, _temp;
		var AsyncSelect = /#__PURE__/React.forwardRef(function (props, ref) {
		var stateManagedProps = useAsync(props);
		var selectProps = useStateManager(stateManagedProps);
		return /#__PURE__/React.createElement(Select, _extends({
		ref: ref
		}, selectProps));
		});

		return _temp = _class = /#__PURE__/function (_Component) {
		_inherits(Async, _Component);

		var _super = _createSuper(Async);

		function Async(props) {
		var _this;

		_classCallCheck(this, Async);

		_this = _super.call(this);
		_this.select = void 0;
		_this.lastRequest = void 0;
		_this.mounted = false;

		_this.handleInputChange = function (newValue, actionMeta) {
		var _this$props = _this.props,
		cacheOptions = _this$props.cacheOptions,
		onInputChange = _this$props.onInputChange; // TODO

		var inputValue = handleInputChange(newValue, actionMeta, onInputChange);

		if (!inputValue) {
		delete _this.lastRequest;

		_this.setState({
		inputValue: '',
		loadedInputValue: '',
		loadedOptions: [],
		isLoading: false,
		passEmptyOptions: false
		});

		return;
		}

		if (cacheOptions && _this.state.optionsCache[inputValue]) {
		_this.setState({
		inputValue: inputValue,
		loadedInputValue: inputValue,
		loadedOptions: _this.state.optionsCache[inputValue],
		isLoading: false,
		passEmptyOptions: false
		});
		} else {
		var request = _this.lastRequest = {};

		_this.setState({
		inputValue: inputValue,
		isLoading: true,
		passEmptyOptions: !_this.state.loadedInputValue
		}, function () {
		_this.loadOptions(inputValue, function (options) {
		if (!_this.mounted) return;
		if (request !== _this.lastRequest) return;
		delete _this.lastRequest;

		_this.setState(function (state) {
		return {
		isLoading: false,
		loadedInputValue: inputValue,
		loadedOptions: options \|\| [],
		passEmptyOptions: false,
		optionsCache: options ? _objectSpread2(_objectSpread2({}, state.optionsCache), {}, _defineProperty({}, inputValue, options)) : state.optionsCache
		};
		});
		});
		});
		}

		return inputValue;
		};

		_this.state = {
		defaultOptions: Array.isArray(props.defaultOptions) ? props.defaultOptions : undefined,
		inputValue: typeof props.inputValue !== 'undefined' ? props.inputValue : '',
		isLoading: props.defaultOptions === true,
		loadedOptions: [],
		passEmptyOptions: false,
		optionsCache: {},
		prevDefaultOptions: undefined,
		prevCacheOptions: undefined
		};
		return _this;
		}

		_createClass(Async, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var _this2 = this;

		this.mounted = true;
		var defaultOptions = this.props.defaultOptions;
		var inputValue = this.state.inputValue;

		if (defaultOptions === true) {
		this.loadOptions(inputValue, function (options) {
		if (!_this2.mounted) return;
		var isLoading = !!_this2.lastRequest;

		_this2.setState({
		defaultOptions: options \|\| [],
		isLoading: isLoading
		});
		});
		}
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		this.mounted = false;
		}
		}, {
		key: "focus",
		value: function focus() {
		this.select.focus();
		}
		}, {
		key: "blur",
		value: function blur() {
		this.select.blur();
		}
		}, {
		key: "loadOptions",
		value: function loadOptions(inputValue, callback) {
		var loadOptions = this.props.loadOptions;
		if (!loadOptions) return callback();
		var loader = loadOptions(inputValue, callback);

		if (loader && typeof loader.then === 'function') {
		loader.then(callback, function () {
		return callback();
		});
		}
		}
		}, {
		key: "render",
		value: function render() {
		var _this3 = this;

		var _this$props2 = this.props;
		_this$props2.loadOptions;
		var isLoadingProp = _this$props2.isLoading,
		props = _objectWithoutProperties(_this$props2, ["loadOptions", "isLoading"]);

		var _this$state = this.state,
		defaultOptions = _this$state.defaultOptions,
		inputValue = _this$state.inputValue,
		isLoading = _this$state.isLoading,
		loadedInputValue = _this$state.loadedInputValue,
		loadedOptions = _this$state.loadedOptions,
		passEmptyOptions = _this$state.passEmptyOptions;
		var options = passEmptyOptions ? [] : inputValue && loadedInputValue ? loadedOptions : defaultOptions \|\| [];
		return /#__PURE__/React.createElement(SelectComponent, _extends({}, props, {
		ref: function ref(_ref) {
		_this3.select = _ref;
		},
		options: options,
		isLoading: isLoading \|\| isLoadingProp,
		onInputChange: this.handleInputChange
		}));
		}
		}], [{
		key: "getDerivedStateFromProps",
		value: function getDerivedStateFromProps(props, state) {
		var newCacheOptionsState = props.cacheOptions !== state.prevCacheOptions ? {
		prevCacheOptions: props.cacheOptions,
		optionsCache: {}
		} : {};
		var newDefaultOptionsState = props.defaultOptions !== state.prevDefaultOptions ? {
		prevDefaultOptions: props.defaultOptions,
		defaultOptions: Array.isArray(props.defaultOptions) ? props.defaultOptions : undefined
		} : {};
		return _objectSpread2(_objectSpread2({}, newCacheOptionsState), newDefaultOptionsState);
		}
		}]);

		return Async;
		}(Component), _class.defaultProps = defaultProps, _temp;
		};
		var SelectState = manageState(Select);
		var Async = makeAsyncSelect(SelectState);

		export default Async;
		export { defaultProps, makeAsyncSelect };
		export default AsyncSelect;

async/package.json

		{
		"main": "dist/react-select.cjs.js",
		"module": "dist/react-select.esm.js",
		"types": "dist/react-select.cjs.d.ts",
		"preconstruct": {
		@@ -5,0 +6,0 @@ "source": "../src/Async"

base/dist/react-select.cjs.dev.js

		@@ -6,3 +6,3 @@ 'use strict';
		require('@babel/runtime/helpers/extends');
		require('../../dist/index-fe3694ff.cjs.dev.js');
		require('../../dist/index-97f24564.cjs.dev.js');
		require('@babel/runtime/helpers/classCallCheck');
		@@ -13,3 +13,3 @@ require('@babel/runtime/helpers/createClass');
		require('react');
		var base_dist_reactSelect = require('../../dist/Select-92d95971.cjs.dev.js');
		var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
		require('@emotion/react');
		@@ -19,3 +19,2 @@ require('@babel/runtime/helpers/taggedTemplateLiteral');
		require('@babel/runtime/helpers/typeof');
		require('react-input-autosize');
		require('@babel/runtime/helpers/defineProperty');
		@@ -22,0 +21,0 @@ require('react-dom');

base/dist/react-select.cjs.prod.js

		@@ -5,3 +5,3 @@ "use strict";
		value: !0
		}), require("@babel/runtime/helpers/extends"), require("../../dist/index-ea9e225d.cjs.prod.js"),
		}), require("@babel/runtime/helpers/extends"), require("../../dist/index-1b148735.cjs.prod.js"),
		require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),
		@@ -11,8 +11,7 @@ require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/toConsumableArray"),

		var base_dist_reactSelect = require("../../dist/Select-fd7cb895.cjs.prod.js");
		var base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js");

		require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/typeof"),
		require("react-input-autosize"), require("@babel/runtime/helpers/defineProperty"),
		require("react-dom"), require("memoize-one"), exports.default = base_dist_reactSelect.Select,
		exports.defaultProps = base_dist_reactSelect.defaultProps;
		require("@babel/runtime/helpers/defineProperty"), require("react-dom"), require("memoize-one"),
		exports.default = base_dist_reactSelect.Select, exports.defaultProps = base_dist_reactSelect.defaultProps;

base/dist/react-select.esm.js

		import '@babel/runtime/helpers/extends';
		import '../../dist/index-4bd03571.esm.js';
		import '../../dist/index-bf813086.esm.js';
		import '@babel/runtime/helpers/classCallCheck';
		@@ -8,3 +8,3 @@ import '@babel/runtime/helpers/createClass';
		import 'react';
		export { S as default, b as defaultProps } from '../../dist/Select-dbb12e54.esm.js';
		export { S as default, b as defaultProps } from '../../dist/Select-e525c82d.esm.js';
		import '@emotion/react';
		@@ -14,5 +14,4 @@ import '@babel/runtime/helpers/taggedTemplateLiteral';
		import '@babel/runtime/helpers/typeof';
		import 'react-input-autosize';
		import '@babel/runtime/helpers/defineProperty';
		import 'react-dom';
		import 'memoize-one';

base/package.json

		{
		"main": "dist/react-select.cjs.js",
		"module": "dist/react-select.esm.js",
		"types": "dist/react-select.cjs.d.ts",
		"preconstruct": {
		@@ -5,0 +6,0 @@ "source": "../src/Select"

191

creatable/dist/react-select.cjs.dev.js

		@@ -6,10 +6,7 @@ 'use strict';
		var _extends = require('@babel/runtime/helpers/extends');
		var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
		var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
		var _createClass = require('@babel/runtime/helpers/createClass');
		var _inherits = require('@babel/runtime/helpers/inherits');
		var index = require('../../dist/index-fe3694ff.cjs.dev.js');
		var React = require('react');
		var base_dist_reactSelect = require('../../dist/Select-92d95971.cjs.dev.js');
		var stateManager = require('../../dist/stateManager-80f4e9df.cjs.dev.js');
		var base_dist_reactSelect = require('../../dist/Select-7b597858.cjs.dev.js');
		var useStateManager = require('../../dist/useStateManager-9a696a0b.cjs.dev.js');
		var useCreatable = require('../../dist/useCreatable-faa3da33.cjs.dev.js');
		require('../../dist/index-97f24564.cjs.dev.js');
		require('@emotion/react');
		@@ -19,6 +16,10 @@ require('@babel/runtime/helpers/taggedTemplateLiteral');
		require('@babel/runtime/helpers/typeof');
		require('react-input-autosize');
		require('@babel/runtime/helpers/classCallCheck');
		require('@babel/runtime/helpers/createClass');
		require('@babel/runtime/helpers/inherits');
		require('@babel/runtime/helpers/defineProperty');
		require('react-dom');
		require('@babel/runtime/helpers/toConsumableArray');
		require('memoize-one');
		require('@babel/runtime/helpers/slicedToArray');

		@@ -28,170 +29,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
		var _extends__default = /#__PURE__/_interopDefault(_extends);
		var _toConsumableArray__default = /#__PURE__/_interopDefault(_toConsumableArray);
		var _classCallCheck__default = /#__PURE__/_interopDefault(_classCallCheck);
		var _createClass__default = /#__PURE__/_interopDefault(_createClass);
		var _inherits__default = /#__PURE__/_interopDefault(_inherits);
		var React__default = /#__PURE__/_interopDefault(React);

		var compareOption = function compareOption() {
		var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
		var option = arguments.length > 1 ? arguments[1] : undefined;
		var accessors = arguments.length > 2 ? arguments[2] : undefined;
		var candidate = String(inputValue).toLowerCase();
		var optionValue = String(accessors.getOptionValue(option)).toLowerCase();
		var optionLabel = String(accessors.getOptionLabel(option)).toLowerCase();
		return optionValue === candidate \|\| optionLabel === candidate;
		};
		var CreatableSelect = /#__PURE__/React__default['default'].forwardRef(function (props, ref) {
		var creatableProps = useStateManager.useStateManager(props);
		var selectProps = useCreatable.useCreatable(creatableProps);
		return /#__PURE__/React__default['default'].createElement(base_dist_reactSelect.Select, _extends__default['default']({
		ref: ref
		}, selectProps));
		});

		var builtins = {
		formatCreateLabel: function formatCreateLabel(inputValue) {
		return "Create \"".concat(inputValue, "\"");
		},
		isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions, accessors) {
		return !(!inputValue \|\| selectValue.some(function (option) {
		return compareOption(inputValue, option, accessors);
		}) \|\| selectOptions.some(function (option) {
		return compareOption(inputValue, option, accessors);
		}));
		},
		getNewOptionData: function getNewOptionData(inputValue, optionLabel) {
		return {
		label: optionLabel,
		value: inputValue,
		__isNew__: true
		};
		},
		getOptionValue: base_dist_reactSelect.getOptionValue,
		getOptionLabel: base_dist_reactSelect.getOptionLabel
		};
		var defaultProps = index._objectSpread2({
		allowCreateWhileLoading: false,
		createOptionPosition: 'last'
		}, builtins);
		var makeCreatableSelect = function makeCreatableSelect(SelectComponent) {
		var _class, _temp;

		return _temp = _class = /#__PURE__/function (_Component) {
		_inherits__default['default'](Creatable, _Component);

		var _super = index._createSuper(Creatable);

		function Creatable(props) {
		var _this;

		_classCallCheck__default['default'](this, Creatable);

		_this = _super.call(this, props);
		_this.select = void 0;

		_this.onChange = function (newValue, actionMeta) {
		var _this$props = _this.props,
		getNewOptionData = _this$props.getNewOptionData,
		inputValue = _this$props.inputValue,
		isMulti = _this$props.isMulti,
		onChange = _this$props.onChange,
		onCreateOption = _this$props.onCreateOption,
		value = _this$props.value,
		name = _this$props.name;

		if (actionMeta.action !== 'select-option') {
		return onChange(newValue, actionMeta);
		}

		var newOption = _this.state.newOption;
		var valueArray = Array.isArray(newValue) ? newValue : [newValue];

		if (valueArray[valueArray.length - 1] === newOption) {
		if (onCreateOption) onCreateOption(inputValue);else {
		var newOptionData = getNewOptionData(inputValue, inputValue);
		var newActionMeta = {
		action: 'create-option',
		name: name,
		option: newOptionData
		};

		if (isMulti) {
		onChange([].concat(_toConsumableArray__default['default'](index.cleanValue(value)), [newOptionData]), newActionMeta);
		} else {
		onChange(newOptionData, newActionMeta);
		}
		}
		return;
		}

		onChange(newValue, actionMeta);
		};

		var options = props.options \|\| [];
		_this.state = {
		newOption: undefined,
		options: options
		};
		return _this;
		}

		_createClass__default['default'](Creatable, [{
		key: "focus",
		value: function focus() {
		this.select.focus();
		}
		}, {
		key: "blur",
		value: function blur() {
		this.select.blur();
		}
		}, {
		key: "render",
		value: function render() {
		var _this2 = this;

		var options = this.state.options;
		return /#__PURE__/React__default['default'].createElement(SelectComponent, _extends__default['default']({}, this.props, {
		ref: function ref(_ref) {
		_this2.select = _ref;
		},
		options: options,
		onChange: this.onChange
		}));
		}
		}], [{
		key: "getDerivedStateFromProps",
		value: function getDerivedStateFromProps(props, state) {
		var allowCreateWhileLoading = props.allowCreateWhileLoading,
		createOptionPosition = props.createOptionPosition,
		formatCreateLabel = props.formatCreateLabel,
		getNewOptionData = props.getNewOptionData,
		inputValue = props.inputValue,
		isLoading = props.isLoading,
		isValidNewOption = props.isValidNewOption,
		value = props.value,
		getOptionValue = props.getOptionValue,
		getOptionLabel = props.getOptionLabel;
		var options = props.options \|\| [];
		var newOption = state.newOption;

		if (isValidNewOption(inputValue, index.cleanValue(value), options, {
		getOptionValue: getOptionValue,
		getOptionLabel: getOptionLabel
		})) {
		newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
		} else {
		newOption = undefined;
		}

		return {
		newOption: newOption,
		options: (allowCreateWhileLoading \|\| !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray__default['default'](options)) : [].concat(_toConsumableArray__default['default'](options), [newOption]) : options
		};
		}
		}]);

		return Creatable;
		}(React.Component), _class.defaultProps = defaultProps, _temp;
		}; // TODO: do this in package entrypoint

		var SelectCreatable = makeCreatableSelect(base_dist_reactSelect.Select);
		var Creatable = stateManager.manageState(SelectCreatable);

		exports.default = Creatable;
		exports.defaultProps = defaultProps;
		exports.makeCreatableSelect = makeCreatableSelect;
		exports.default = CreatableSelect;

108

creatable/dist/react-select.cjs.prod.js

		@@ -7,3 +7,3 @@ "use strict";

		var _extends = require("@babel/runtime/helpers/extends"), _toConsumableArray = require("@babel/runtime/helpers/toConsumableArray"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), index = require("../../dist/index-ea9e225d.cjs.prod.js"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-fd7cb895.cjs.prod.js"), stateManager = require("../../dist/stateManager-799f6a0f.cjs.prod.js");
		var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("../../dist/Select-f5a13d08.cjs.prod.js"), useStateManager = require("../../dist/useStateManager-bfbe3571.cjs.prod.js"), useCreatable = require("../../dist/useCreatable-8c976e7d.cjs.prod.js");

		@@ -16,98 +16,16 @@ function _interopDefault(e) {

		require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("../../dist/index-1b148735.cjs.prod.js"), require("@emotion/react"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/typeof"),
		require("react-input-autosize"), require("@babel/runtime/helpers/defineProperty"),
		require("react-dom"), require("memoize-one");
		require("@babel/runtime/helpers/classCallCheck"), require("@babel/runtime/helpers/createClass"),
		require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/defineProperty"),
		require("react-dom"), require("@babel/runtime/helpers/toConsumableArray"), require("memoize-one"),
		require("@babel/runtime/helpers/slicedToArray");

		var _extends__default = _interopDefault(_extends), _toConsumableArray__default = _interopDefault(_toConsumableArray), _classCallCheck__default = _interopDefault(_classCallCheck), _createClass__default = _interopDefault(_createClass), _inherits__default = _interopDefault(_inherits), React__default = _interopDefault(React), compareOption = function() {
		var inputValue = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "", option = arguments.length > 1 ? arguments[1] : void 0, accessors = arguments.length > 2 ? arguments[2] : void 0, candidate = String(inputValue).toLowerCase(), optionValue = String(accessors.getOptionValue(option)).toLowerCase(), optionLabel = String(accessors.getOptionLabel(option)).toLowerCase();
		return optionValue === candidate \|\| optionLabel === candidate;
		}, builtins = {
		formatCreateLabel: function(inputValue) {
		return 'Create "'.concat(inputValue, '"');
		},
		isValidNewOption: function(inputValue, selectValue, selectOptions, accessors) {
		return !(!inputValue \|\| selectValue.some((function(option) {
		return compareOption(inputValue, option, accessors);
		})) \|\| selectOptions.some((function(option) {
		return compareOption(inputValue, option, accessors);
		})));
		},
		getNewOptionData: function(inputValue, optionLabel) {
		return {
		label: optionLabel,
		value: inputValue,
		__isNew__: !0
		};
		},
		getOptionValue: base_dist_reactSelect.getOptionValue,
		getOptionLabel: base_dist_reactSelect.getOptionLabel
		}, defaultProps = index._objectSpread2({
		allowCreateWhileLoading: !1,
		createOptionPosition: "last"
		}, builtins), makeCreatableSelect = function(SelectComponent) {
		var _class, _temp;
		return _temp = _class = function(_Component) {
		_inherits__default.default(Creatable, _Component);
		var _super = index._createSuper(Creatable);
		function Creatable(props) {
		var _this;
		_classCallCheck__default.default(this, Creatable), (_this = _super.call(this, props)).select = void 0,
		_this.onChange = function(newValue, actionMeta) {
		var _this$props = _this.props, getNewOptionData = _this$props.getNewOptionData, inputValue = _this$props.inputValue, isMulti = _this$props.isMulti, onChange = _this$props.onChange, onCreateOption = _this$props.onCreateOption, value = _this$props.value, name = _this$props.name;
		if ("select-option" !== actionMeta.action) return onChange(newValue, actionMeta);
		var newOption = _this.state.newOption, valueArray = Array.isArray(newValue) ? newValue : [ newValue ];
		if (valueArray[valueArray.length - 1] !== newOption) onChange(newValue, actionMeta); else if (onCreateOption) onCreateOption(inputValue); else {
		var newOptionData = getNewOptionData(inputValue, inputValue), newActionMeta = {
		action: "create-option",
		name: name,
		option: newOptionData
		};
		onChange(isMulti ? [].concat(_toConsumableArray__default.default(index.cleanValue(value)), [ newOptionData ]) : newOptionData, newActionMeta);
		}
		};
		var options = props.options \|\| [];
		return _this.state = {
		newOption: void 0,
		options: options
		}, _this;
		}
		return _createClass__default.default(Creatable, [ {
		key: "focus",
		value: function() {
		this.select.focus();
		}
		}, {
		key: "blur",
		value: function() {
		this.select.blur();
		}
		}, {
		key: "render",
		value: function() {
		var _this2 = this, options = this.state.options;
		return React__default.default.createElement(SelectComponent, _extends__default.default({}, this.props, {
		ref: function(_ref) {
		_this2.select = _ref;
		},
		options: options,
		onChange: this.onChange
		}));
		}
		} ], [ {
		key: "getDerivedStateFromProps",
		value: function(props, state) {
		var allowCreateWhileLoading = props.allowCreateWhileLoading, createOptionPosition = props.createOptionPosition, formatCreateLabel = props.formatCreateLabel, getNewOptionData = props.getNewOptionData, inputValue = props.inputValue, isLoading = props.isLoading, isValidNewOption = props.isValidNewOption, value = props.value, getOptionValue = props.getOptionValue, getOptionLabel = props.getOptionLabel, options = props.options \|\| [], newOption = state.newOption;
		return {
		newOption: newOption = isValidNewOption(inputValue, index.cleanValue(value), options, {
		getOptionValue: getOptionValue,
		getOptionLabel: getOptionLabel
		}) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : void 0,
		options: !allowCreateWhileLoading && isLoading \|\| !newOption ? options : "first" === createOptionPosition ? [ newOption ].concat(_toConsumableArray__default.default(options)) : [].concat(_toConsumableArray__default.default(options), [ newOption ])
		};
		}
		} ]), Creatable;
		}(React.Component), _class.defaultProps = defaultProps, _temp;
		}, SelectCreatable = makeCreatableSelect(base_dist_reactSelect.Select), Creatable = stateManager.manageState(SelectCreatable);
		var _extends__default = _interopDefault(_extends), React__default = _interopDefault(React), CreatableSelect = React__default.default.forwardRef((function(props, ref) {
		var creatableProps = useStateManager.useStateManager(props), selectProps = useCreatable.useCreatable(creatableProps);
		return React__default.default.createElement(base_dist_reactSelect.Select, _extends__default.default({
		ref: ref
		}, selectProps));
		}));

		exports.default = Creatable, exports.defaultProps = defaultProps, exports.makeCreatableSelect = makeCreatableSelect;
		exports.default = CreatableSelect;

188

creatable/dist/react-select.esm.js

		import _extends from '@babel/runtime/helpers/esm/extends';
		import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
		import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
		import _createClass from '@babel/runtime/helpers/esm/createClass';
		import _inherits from '@babel/runtime/helpers/esm/inherits';
		import { a as _objectSpread2, _ as _createSuper, E as cleanValue } from '../../dist/index-4bd03571.esm.js';
		import React, { Component } from 'react';
		import { S as Select, g as getOptionValue, a as getOptionLabel } from '../../dist/Select-dbb12e54.esm.js';
		import { m as manageState } from '../../dist/stateManager-845a3300.esm.js';
		import React from 'react';
		import { S as Select } from '../../dist/Select-e525c82d.esm.js';
		import { u as useStateManager } from '../../dist/useStateManager-3965ca69.esm.js';
		import { u as useCreatable } from '../../dist/useCreatable-6767ffe2.esm.js';
		import '../../dist/index-bf813086.esm.js';
		import '@emotion/react';
		@@ -14,168 +11,19 @@ import '@babel/runtime/helpers/taggedTemplateLiteral';
		import '@babel/runtime/helpers/typeof';
		import 'react-input-autosize';
		import '@babel/runtime/helpers/classCallCheck';
		import '@babel/runtime/helpers/createClass';
		import '@babel/runtime/helpers/inherits';
		import '@babel/runtime/helpers/defineProperty';
		import 'react-dom';
		import '@babel/runtime/helpers/toConsumableArray';
		import 'memoize-one';
		import '@babel/runtime/helpers/slicedToArray';

		var compareOption = function compareOption() {
		var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
		var option = arguments.length > 1 ? arguments[1] : undefined;
		var accessors = arguments.length > 2 ? arguments[2] : undefined;
		var candidate = String(inputValue).toLowerCase();
		var optionValue = String(accessors.getOptionValue(option)).toLowerCase();
		var optionLabel = String(accessors.getOptionLabel(option)).toLowerCase();
		return optionValue === candidate \|\| optionLabel === candidate;
		};
		var CreatableSelect = /#__PURE__/React.forwardRef(function (props, ref) {
		var creatableProps = useStateManager(props);
		var selectProps = useCreatable(creatableProps);
		return /#__PURE__/React.createElement(Select, _extends({
		ref: ref
		}, selectProps));
		});

		var builtins = {
		formatCreateLabel: function formatCreateLabel(inputValue) {
		return "Create \"".concat(inputValue, "\"");
		},
		isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions, accessors) {
		return !(!inputValue \|\| selectValue.some(function (option) {
		return compareOption(inputValue, option, accessors);
		}) \|\| selectOptions.some(function (option) {
		return compareOption(inputValue, option, accessors);
		}));
		},
		getNewOptionData: function getNewOptionData(inputValue, optionLabel) {
		return {
		label: optionLabel,
		value: inputValue,
		__isNew__: true
		};
		},
		getOptionValue: getOptionValue,
		getOptionLabel: getOptionLabel
		};
		var defaultProps = _objectSpread2({
		allowCreateWhileLoading: false,
		createOptionPosition: 'last'
		}, builtins);
		var makeCreatableSelect = function makeCreatableSelect(SelectComponent) {
		var _class, _temp;

		return _temp = _class = /#__PURE__/function (_Component) {
		_inherits(Creatable, _Component);

		var _super = _createSuper(Creatable);

		function Creatable(props) {
		var _this;

		_classCallCheck(this, Creatable);

		_this = _super.call(this, props);
		_this.select = void 0;

		_this.onChange = function (newValue, actionMeta) {
		var _this$props = _this.props,
		getNewOptionData = _this$props.getNewOptionData,
		inputValue = _this$props.inputValue,
		isMulti = _this$props.isMulti,
		onChange = _this$props.onChange,
		onCreateOption = _this$props.onCreateOption,
		value = _this$props.value,
		name = _this$props.name;

		if (actionMeta.action !== 'select-option') {
		return onChange(newValue, actionMeta);
		}

		var newOption = _this.state.newOption;
		var valueArray = Array.isArray(newValue) ? newValue : [newValue];

		if (valueArray[valueArray.length - 1] === newOption) {
		if (onCreateOption) onCreateOption(inputValue);else {
		var newOptionData = getNewOptionData(inputValue, inputValue);
		var newActionMeta = {
		action: 'create-option',
		name: name,
		option: newOptionData
		};

		if (isMulti) {
		onChange([].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newActionMeta);
		} else {
		onChange(newOptionData, newActionMeta);
		}
		}
		return;
		}

		onChange(newValue, actionMeta);
		};

		var options = props.options \|\| [];
		_this.state = {
		newOption: undefined,
		options: options
		};
		return _this;
		}

		_createClass(Creatable, [{
		key: "focus",
		value: function focus() {
		this.select.focus();
		}
		}, {
		key: "blur",
		value: function blur() {
		this.select.blur();
		}
		}, {
		key: "render",
		value: function render() {
		var _this2 = this;

		var options = this.state.options;
		return /#__PURE__/React.createElement(SelectComponent, _extends({}, this.props, {
		ref: function ref(_ref) {
		_this2.select = _ref;
		},
		options: options,
		onChange: this.onChange
		}));
		}
		}], [{
		key: "getDerivedStateFromProps",
		value: function getDerivedStateFromProps(props, state) {
		var allowCreateWhileLoading = props.allowCreateWhileLoading,
		createOptionPosition = props.createOptionPosition,
		formatCreateLabel = props.formatCreateLabel,
		getNewOptionData = props.getNewOptionData,
		inputValue = props.inputValue,
		isLoading = props.isLoading,
		isValidNewOption = props.isValidNewOption,
		value = props.value,
		getOptionValue = props.getOptionValue,
		getOptionLabel = props.getOptionLabel;
		var options = props.options \|\| [];
		var newOption = state.newOption;

		if (isValidNewOption(inputValue, cleanValue(value), options, {
		getOptionValue: getOptionValue,
		getOptionLabel: getOptionLabel
		})) {
		newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
		} else {
		newOption = undefined;
		}

		return {
		newOption: newOption,
		options: (allowCreateWhileLoading \|\| !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(options)) : [].concat(_toConsumableArray(options), [newOption]) : options
		};
		}
		}]);

		return Creatable;
		}(Component), _class.defaultProps = defaultProps, _temp;
		}; // TODO: do this in package entrypoint

		var SelectCreatable = makeCreatableSelect(Select);
		var Creatable = manageState(SelectCreatable);

		export default Creatable;
		export { defaultProps, makeCreatableSelect };
		export default CreatableSelect;

creatable/package.json

		{
		"main": "dist/react-select.cjs.js",
		"module": "dist/react-select.esm.js",
		"types": "dist/react-select.cjs.d.ts",
		"preconstruct": {
		@@ -5,0 +6,0 @@ "source": "../src/Creatable"

dist/react-select.cjs.dev.js

		@@ -5,18 +5,18 @@ 'use strict';

		var base_dist_reactSelect = require('./Select-92d95971.cjs.dev.js');
		var stateManager = require('./stateManager-80f4e9df.cjs.dev.js');
		var _extends = require('@babel/runtime/helpers/extends');
		var React = require('react');
		var base_dist_reactSelect = require('./Select-7b597858.cjs.dev.js');
		var useStateManager = require('./useStateManager-9a696a0b.cjs.dev.js');
		var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
		var _createClass = require('@babel/runtime/helpers/createClass');
		var _inherits = require('@babel/runtime/helpers/inherits');
		var index$1 = require('./index-fe3694ff.cjs.dev.js');
		var React = require('react');
		var index = require('./index-97f24564.cjs.dev.js');
		var react = require('@emotion/react');
		var createCache = require('@emotion/cache');
		var memoizeOne = require('memoize-one');
		require('@babel/runtime/helpers/extends');
		require('@babel/runtime/helpers/toConsumableArray');
		require('@babel/runtime/helpers/objectWithoutProperties');
		require('@babel/runtime/helpers/slicedToArray');
		require('@babel/runtime/helpers/taggedTemplateLiteral');
		require('@babel/runtime/helpers/typeof');
		require('react-input-autosize');
		require('@babel/runtime/helpers/defineProperty');
		@@ -27,13 +27,21 @@ require('react-dom');

		var _extends__default = /#__PURE__/_interopDefault(_extends);
		var React__default = /#__PURE__/_interopDefault(React);
		var _classCallCheck__default = /#__PURE__/_interopDefault(_classCallCheck);
		var _createClass__default = /#__PURE__/_interopDefault(_createClass);
		var _inherits__default = /#__PURE__/_interopDefault(_inherits);
		var React__default = /#__PURE__/_interopDefault(React);
		var createCache__default = /#__PURE__/_interopDefault(createCache);
		var memoizeOne__default = /#__PURE__/_interopDefault(memoizeOne);

		var StateManagedSelect = /#__PURE__/React__default['default'].forwardRef(function (props, ref) {
		var baseSelectProps = useStateManager.useStateManager(props);
		return /#__PURE__/React__default['default'].createElement(base_dist_reactSelect.Select, _extends__default['default']({
		ref: ref
		}, baseSelectProps));
		});

		var NonceProvider = /#__PURE__/function (_Component) {
		_inherits__default['default'](NonceProvider, _Component);

		var _super = index$1._createSuper(NonceProvider);
		var _super = index._createSuper(NonceProvider);

		@@ -71,9 +79,7 @@ function NonceProvider(props) {

		var index = stateManager.manageState(base_dist_reactSelect.Select);

		exports.createFilter = base_dist_reactSelect.createFilter;
		exports.defaultTheme = base_dist_reactSelect.defaultTheme;
		exports.mergeStyles = base_dist_reactSelect.mergeStyles;
		exports.components = index$1.components;
		exports.components = index.components;
		exports.NonceProvider = NonceProvider;
		exports.default = index;
		exports.default = StateManagedSelect;

dist/react-select.cjs.prod.js

		@@ -7,3 +7,3 @@ "use strict";

		var base_dist_reactSelect = require("./Select-fd7cb895.cjs.prod.js"), stateManager = require("./stateManager-799f6a0f.cjs.prod.js"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), index$1 = require("./index-ea9e225d.cjs.prod.js"), React = require("react"), react = require("@emotion/react"), createCache = require("@emotion/cache"), memoizeOne = require("memoize-one");
		var _extends = require("@babel/runtime/helpers/extends"), React = require("react"), base_dist_reactSelect = require("./Select-f5a13d08.cjs.prod.js"), useStateManager = require("./useStateManager-bfbe3571.cjs.prod.js"), _classCallCheck = require("@babel/runtime/helpers/classCallCheck"), _createClass = require("@babel/runtime/helpers/createClass"), _inherits = require("@babel/runtime/helpers/inherits"), index = require("./index-1b148735.cjs.prod.js"), react = require("@emotion/react"), createCache = require("@emotion/cache"), memoizeOne = require("memoize-one");

		@@ -16,10 +16,15 @@ function _interopDefault(e) {

		require("@babel/runtime/helpers/extends"), require("@babel/runtime/helpers/toConsumableArray"),
		require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/typeof"), require("react-input-autosize"), require("@babel/runtime/helpers/defineProperty"),
		require("@babel/runtime/helpers/toConsumableArray"), require("@babel/runtime/helpers/objectWithoutProperties"),
		require("@babel/runtime/helpers/slicedToArray"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
		require("@babel/runtime/helpers/typeof"), require("@babel/runtime/helpers/defineProperty"),
		require("react-dom");

		var _classCallCheck__default = _interopDefault(_classCallCheck), _createClass__default = _interopDefault(_createClass), _inherits__default = _interopDefault(_inherits), React__default = _interopDefault(React), createCache__default = _interopDefault(createCache), memoizeOne__default = _interopDefault(memoizeOne), NonceProvider = function(_Component) {
		var _extends__default = _interopDefault(_extends), React__default = _interopDefault(React), _classCallCheck__default = _interopDefault(_classCallCheck), _createClass__default = _interopDefault(_createClass), _inherits__default = _interopDefault(_inherits), createCache__default = _interopDefault(createCache), memoizeOne__default = _interopDefault(memoizeOne), StateManagedSelect = React__default.default.forwardRef((function(props, ref) {
		var baseSelectProps = useStateManager.useStateManager(props);
		return React__default.default.createElement(base_dist_reactSelect.Select, _extends__default.default({
		ref: ref
		}, baseSelectProps));
		})), NonceProvider = function(_Component) {
		_inherits__default.default(NonceProvider, _Component);
		var _super = index$1._createSuper(NonceProvider);
		var _super = index._createSuper(NonceProvider);
		function NonceProvider(props) {
		@@ -44,6 +49,6 @@ var _this;
		} ]), NonceProvider;
		}(React.Component), index = stateManager.manageState(base_dist_reactSelect.Select);
		}(React.Component);

		exports.createFilter = base_dist_reactSelect.createFilter, exports.defaultTheme = base_dist_reactSelect.defaultTheme,
		exports.mergeStyles = base_dist_reactSelect.mergeStyles, exports.components = index$1.components,
		exports.NonceProvider = NonceProvider, exports.default = index;
		exports.mergeStyles = base_dist_reactSelect.mergeStyles, exports.components = index.components,
		exports.NonceProvider = NonceProvider, exports.default = StateManagedSelect;

dist/react-select.esm.js

		@@ -1,22 +0,29 @@
		import { S as Select } from './Select-dbb12e54.esm.js';
		export { c as createFilter, d as defaultTheme, m as mergeStyles } from './Select-dbb12e54.esm.js';
		import { m as manageState } from './stateManager-845a3300.esm.js';
		import _extends from '@babel/runtime/helpers/esm/extends';
		import React, { Component } from 'react';
		import { S as Select } from './Select-e525c82d.esm.js';
		export { c as createFilter, d as defaultTheme, m as mergeStyles } from './Select-e525c82d.esm.js';
		import { u as useStateManager } from './useStateManager-3965ca69.esm.js';
		import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
		import _createClass from '@babel/runtime/helpers/esm/createClass';
		import _inherits from '@babel/runtime/helpers/esm/inherits';
		import { _ as _createSuper } from './index-4bd03571.esm.js';
		export { c as components } from './index-4bd03571.esm.js';
		import React, { Component } from 'react';
		import { _ as _createSuper } from './index-bf813086.esm.js';
		export { c as components } from './index-bf813086.esm.js';
		import { CacheProvider } from '@emotion/react';
		import createCache from '@emotion/cache';
		import memoizeOne from 'memoize-one';
		import '@babel/runtime/helpers/extends';
		import '@babel/runtime/helpers/toConsumableArray';
		import '@babel/runtime/helpers/objectWithoutProperties';
		import '@babel/runtime/helpers/slicedToArray';
		import '@babel/runtime/helpers/taggedTemplateLiteral';
		import '@babel/runtime/helpers/typeof';
		import 'react-input-autosize';
		import '@babel/runtime/helpers/defineProperty';
		import 'react-dom';

		var StateManagedSelect = /#__PURE__/React.forwardRef(function (props, ref) {
		var baseSelectProps = useStateManager(props);
		return /#__PURE__/React.createElement(Select, _extends({
		ref: ref
		}, baseSelectProps));
		});

		var NonceProvider = /#__PURE__/function (_Component) {
		@@ -58,5 +65,3 @@ _inherits(NonceProvider, _Component);

		var index = manageState(Select);

		export default index;
		export default StateManagedSelect;
		export { NonceProvider };

package.json

		{
		"name": "react-select",
		"version": "4.3.1",
		"version": "5.0.0-beta.0",
		"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,
		@@ -15,8 +16,9 @@ "author": "Jed Watson",
		"@emotion/react": "^11.1.1",
		"@types/react-transition-group": "^4.4.0",
		"memoize-one": "^5.0.0",
		"prop-types": "^15.6.0",
		"react-input-autosize": "^3.0.0",
		"react-transition-group": "^4.3.0"
		},
		"devDependencies": {
		"@types/jest-in-case": "^1.0.3",
		"enzyme": "^3.8.0",
		@@ -23,0 +25,0 @@ "enzyme-to-json": "^3.3.0",

README.md

		@@ -54,3 +54,3 @@ [![NPM](https://img.shields.io/npm/v/react-select.svg)](https://www.npmjs.com/package/react-select)
		};
		handleChange = selectedOption => {
		handleChange = (selectedOption) => {
		this.setState({ selectedOption });
		@@ -57,0 +57,0 @@ console.log(`Option selected:`, selectedOption);

animated/dist/react-select.cjs.js.flow

async-creatable/dist/react-select.cjs.js.flow

async/dist/react-select.cjs.js.flow

base/dist/react-select.cjs.js.flow

creatable/dist/react-select.cjs.js.flow

dist/index-4bd03571.esm.js

dist/index-ea9e225d.cjs.prod.js

dist/index-fe3694ff.cjs.dev.js

dist/react-select.cjs.js.flow

dist/Select-92d95971.cjs.dev.js

dist/Select-dbb12e54.esm.js

dist/Select-fd7cb895.cjs.prod.js

dist/stateManager-799f6a0f.cjs.prod.js

dist/stateManager-80f4e9df.cjs.dev.js

dist/stateManager-845a3300.esm.js

src/__tests__/__snapshots__/Async.test.js.snap

src/__tests__/__snapshots__/AsyncCreatable.test.js.snap

src/__tests__/__snapshots__/Creatable.test.js.snap

src/__tests__/__snapshots__/Select.test.js.snap

src/__tests__/__snapshots__/StateManaged.test.js.snap

src/__tests__/Async.test.js

src/__tests__/AsyncCreatable.test.js

src/__tests__/constants.js

src/__tests__/Creatable.test.js

src/__tests__/Select.test.js

src/__tests__/StateManaged.test.js

src/accessibility/index.js

src/animated/index.js

src/animated/Input.js

src/animated/MultiValue.js

src/animated/Placeholder.js

src/animated/SingleValue.js

src/animated/transitions.js

src/animated/ValueContainer.js

src/Async.js

src/AsyncCreatable.js

src/builtins.js

src/components/containers.js

src/components/Control.js

src/components/Group.js

src/components/index.js

src/components/indicators.js

src/components/Input.js

src/components/LiveRegion.js

src/components/Menu.js

src/components/MultiValue.js

src/components/Option.js

src/components/Placeholder.js

src/components/SingleValue.js

src/Creatable.js

src/diacritics.js

src/filters.js

src/index.js

src/internal/A11yText.js

src/internal/DummyInput.js

src/internal/index.js

src/internal/react-fast-compare.js

src/internal/ScrollManager.js

src/internal/useScrollCapture.js

src/internal/useScrollLock.js

src/NonceProvider.js

src/Select.js

src/stateManager.js

src/styles.js

src/theme.js

src/types.js

src/utils.js

CHANGELOG.md

Sorry, the diff of this file is too big to display

react-select - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics

Dependency changes