Socket
Socket
Sign inDemoInstall

react-select

Package Overview
Dependencies
70
Maintainers
5
Versions
178
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 3.1.0 to 3.1.1

dist/index-1114b2b6.esm.js

147

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

@@ -7,2 +7,10 @@ 'use strict';

var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,11 +21,9 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
require('../../dist/utils-896a48cb.browser.cjs.js');
var index$1 = require('../../dist/index-30113876.browser.cjs.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('../../dist/index-e1aca374.browser.cjs.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var reactTransitionGroup = require('react-transition-group');
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
// strip transition props off before spreading onto select component

@@ -32,13 +38,15 @@ // note we need to be explicit about innerRef for flow

exit = _ref.exit,
props = _objectWithoutPropertiesLoose(_ref, ["in", "onExited", "appear", "enter", "exit"]);
props = _objectWithoutProperties(_ref, ["in", "onExited", "appear", "enter", "exit"]);
return React__default.createElement(WrappedComponent, props);
return /*#__PURE__*/React__default.createElement(WrappedComponent, props);
};
};
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var Fade = function Fade(_ref) {

@@ -50,3 +58,3 @@ var Tag = _ref.component,

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$1(_ref, ["component", "duration", "in", "onExited"]);
props = _objectWithoutProperties(_ref, ["component", "duration", "in", "onExited"]);

@@ -59,3 +67,3 @@ var transition = {

opacity: 1,
transition: "opacity " + duration + "ms"
transition: "opacity ".concat(duration, "ms")
},

@@ -69,3 +77,3 @@ exiting: {

};
return React__default.createElement(reactTransitionGroup.Transition, {
return /*#__PURE__*/React__default.createElement(reactTransitionGroup.Transition, {
mountOnEnter: true,

@@ -77,5 +85,5 @@ unmountOnExit: true,

var innerProps = {
style: _extends({}, transition[state])
style: _objectSpread({}, transition[state])
};
return React__default.createElement(Tag, _extends({
return /*#__PURE__*/React__default.createElement(Tag, _extends({
innerProps: innerProps

@@ -91,10 +99,12 @@ }, props));

// finally removing from DOM
var Collapse =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Collapse, _Component);
var Collapse = /*#__PURE__*/function (_Component) {
_inherits(Collapse, _Component);
var _super = _createSuper(Collapse);
function Collapse() {
var _this;
_classCallCheck(this, Collapse);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

@@ -104,3 +114,3 @@ args[_key] = arguments[_key];

_this = _Component.call.apply(_Component, [this].concat(args)) || this;
_this = _super.call.apply(_super, [this].concat(args));
_this.duration = collapseDuration;

@@ -114,3 +124,3 @@ _this.rafID = void 0;

width: 0,
transition: "width " + _this.duration + "ms ease-out"
transition: "width ".concat(_this.duration, "ms ease-out")
},

@@ -158,41 +168,39 @@ exited: {

var _proto = Collapse.prototype;
_createClass(Collapse, [{
key: "componentWillUnmount",
value: function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
_proto.componentWillUnmount = function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
;
}, {
key: "render",
value: function render() {
var _this2 = this;
_proto.render = function render() {
var _this2 = this;
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return /*#__PURE__*/React__default.createElement(reactTransitionGroup.Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _objectSpread(_objectSpread({}, _this2.getStyle(width)), _this2.getTransition(state));
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return React__default.createElement(reactTransitionGroup.Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _extends({}, _this2.getStyle(width), _this2.getTransition(state));
return /*#__PURE__*/React__default.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
}
}]);
return React__default.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
};
return Collapse;
}(React.Component);
function _extends$1() { _extends$1 = 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; }; return _extends$1.apply(this, arguments); }
function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var AnimatedMultiValue = function AnimatedMultiValue(WrappedComponent) {

@@ -202,8 +210,8 @@ return function (_ref) {

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$2(_ref, ["in", "onExited"]);
props = _objectWithoutProperties(_ref, ["in", "onExited"]);
return React__default.createElement(Collapse, {
return /*#__PURE__*/React__default.createElement(Collapse, {
in: inProp,
onExited: onExited
}, React__default.createElement(WrappedComponent, _extends$1({
}, /*#__PURE__*/React__default.createElement(WrappedComponent, _extends({
cropWithEllipsis: inProp

@@ -214,7 +222,5 @@ }, props)));

function _extends$2() { _extends$2 = 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; }; return _extends$2.apply(this, arguments); }
var AnimatedPlaceholder = function AnimatedPlaceholder(WrappedComponent) {
return function (props) {
return React__default.createElement(Fade, _extends$2({
return /*#__PURE__*/React__default.createElement(Fade, _extends({
component: WrappedComponent,

@@ -226,7 +232,5 @@ duration: props.isMulti ? collapseDuration : 1

function _extends$3() { _extends$3 = 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; }; return _extends$3.apply(this, arguments); }
var AnimatedSingleValue = function AnimatedSingleValue(WrappedComponent) {
return function (props) {
return React__default.createElement(Fade, _extends$3({
return /*#__PURE__*/React__default.createElement(Fade, _extends({
component: WrappedComponent

@@ -237,8 +241,6 @@ }, props));

function _extends$4() { _extends$4 = 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; }; return _extends$4.apply(this, arguments); }
// make ValueContainer a transition group
var AnimatedValueContainer = function AnimatedValueContainer(WrappedComponent) {
return function (props) {
return React__default.createElement(reactTransitionGroup.TransitionGroup, _extends$4({
return /*#__PURE__*/React__default.createElement(reactTransitionGroup.TransitionGroup, _extends({
component: WrappedComponent

@@ -249,11 +251,8 @@ }, props));

function _extends$5() { _extends$5 = 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; }; return _extends$5.apply(this, arguments); }
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var makeAnimated = function makeAnimated(externalComponents) {
if (externalComponents === void 0) {
externalComponents = {};
}
var makeAnimated = function makeAnimated() {
var externalComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var components = index$1.defaultComponents({

@@ -268,5 +267,5 @@ components: externalComponents

ValueContainer = components.ValueContainer,
rest = _objectWithoutPropertiesLoose$3(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
rest = _objectWithoutProperties(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
return _extends$5({
return _objectSpread$1({
Input: AnimatedInput(Input),

@@ -273,0 +272,0 @@ MultiValue: AnimatedMultiValue(MultiValue),

@@ -0,1 +1,9 @@

import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import _extends from '@babel/runtime/helpers/esm/extends';
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
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 _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,11 +13,9 @@ import memoizeOne from 'memoize-one';

import 'react-dom';
import 'prop-types';
import '../../dist/utils-06b0d5a4.browser.esm.js';
import { x as exportedEqual, w as defaultComponents } from '../../dist/index-4322c0ed.browser.esm.js';
import '@babel/runtime/helpers/typeof';
import { A as exportedEqual, y as defaultComponents } from '../../dist/index-4b37608a.browser.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { Transition, TransitionGroup } from 'react-transition-group';
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
// strip transition props off before spreading onto select component

@@ -24,13 +30,15 @@ // note we need to be explicit about innerRef for flow

exit = _ref.exit,
props = _objectWithoutPropertiesLoose(_ref, ["in", "onExited", "appear", "enter", "exit"]);
props = _objectWithoutProperties(_ref, ["in", "onExited", "appear", "enter", "exit"]);
return React.createElement(WrappedComponent, props);
return /*#__PURE__*/React.createElement(WrappedComponent, props);
};
};
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var Fade = function Fade(_ref) {

@@ -42,3 +50,3 @@ var Tag = _ref.component,

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$1(_ref, ["component", "duration", "in", "onExited"]);
props = _objectWithoutProperties(_ref, ["component", "duration", "in", "onExited"]);

@@ -51,3 +59,3 @@ var transition = {

opacity: 1,
transition: "opacity " + duration + "ms"
transition: "opacity ".concat(duration, "ms")
},

@@ -61,3 +69,3 @@ exiting: {

};
return React.createElement(Transition, {
return /*#__PURE__*/React.createElement(Transition, {
mountOnEnter: true,

@@ -69,5 +77,5 @@ unmountOnExit: true,

var innerProps = {
style: _extends({}, transition[state])
style: _objectSpread({}, transition[state])
};
return React.createElement(Tag, _extends({
return /*#__PURE__*/React.createElement(Tag, _extends({
innerProps: innerProps

@@ -83,10 +91,12 @@ }, props));

// finally removing from DOM
var Collapse =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Collapse, _Component);
var Collapse = /*#__PURE__*/function (_Component) {
_inherits(Collapse, _Component);
var _super = _createSuper(Collapse);
function Collapse() {
var _this;
_classCallCheck(this, Collapse);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

@@ -96,3 +106,3 @@ args[_key] = arguments[_key];

_this = _Component.call.apply(_Component, [this].concat(args)) || this;
_this = _super.call.apply(_super, [this].concat(args));
_this.duration = collapseDuration;

@@ -106,3 +116,3 @@ _this.rafID = void 0;

width: 0,
transition: "width " + _this.duration + "ms ease-out"
transition: "width ".concat(_this.duration, "ms ease-out")
},

@@ -150,41 +160,39 @@ exited: {

var _proto = Collapse.prototype;
_createClass(Collapse, [{
key: "componentWillUnmount",
value: function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
_proto.componentWillUnmount = function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
;
}, {
key: "render",
value: function render() {
var _this2 = this;
_proto.render = function render() {
var _this2 = this;
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return /*#__PURE__*/React.createElement(Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _objectSpread(_objectSpread({}, _this2.getStyle(width)), _this2.getTransition(state));
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return React.createElement(Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _extends({}, _this2.getStyle(width), _this2.getTransition(state));
return /*#__PURE__*/React.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
}
}]);
return React.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
};
return Collapse;
}(Component);
function _extends$1() { _extends$1 = 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; }; return _extends$1.apply(this, arguments); }
function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var AnimatedMultiValue = function AnimatedMultiValue(WrappedComponent) {

@@ -194,8 +202,8 @@ return function (_ref) {

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$2(_ref, ["in", "onExited"]);
props = _objectWithoutProperties(_ref, ["in", "onExited"]);
return React.createElement(Collapse, {
return /*#__PURE__*/React.createElement(Collapse, {
in: inProp,
onExited: onExited
}, React.createElement(WrappedComponent, _extends$1({
}, /*#__PURE__*/React.createElement(WrappedComponent, _extends({
cropWithEllipsis: inProp

@@ -206,7 +214,5 @@ }, props)));

function _extends$2() { _extends$2 = 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; }; return _extends$2.apply(this, arguments); }
var AnimatedPlaceholder = function AnimatedPlaceholder(WrappedComponent) {
return function (props) {
return React.createElement(Fade, _extends$2({
return /*#__PURE__*/React.createElement(Fade, _extends({
component: WrappedComponent,

@@ -218,7 +224,5 @@ duration: props.isMulti ? collapseDuration : 1

function _extends$3() { _extends$3 = 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; }; return _extends$3.apply(this, arguments); }
var AnimatedSingleValue = function AnimatedSingleValue(WrappedComponent) {
return function (props) {
return React.createElement(Fade, _extends$3({
return /*#__PURE__*/React.createElement(Fade, _extends({
component: WrappedComponent

@@ -229,8 +233,6 @@ }, props));

function _extends$4() { _extends$4 = 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; }; return _extends$4.apply(this, arguments); }
// make ValueContainer a transition group
var AnimatedValueContainer = function AnimatedValueContainer(WrappedComponent) {
return function (props) {
return React.createElement(TransitionGroup, _extends$4({
return /*#__PURE__*/React.createElement(TransitionGroup, _extends({
component: WrappedComponent

@@ -241,11 +243,8 @@ }, props));

function _extends$5() { _extends$5 = 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; }; return _extends$5.apply(this, arguments); }
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var makeAnimated = function makeAnimated(externalComponents) {
if (externalComponents === void 0) {
externalComponents = {};
}
var makeAnimated = function makeAnimated() {
var externalComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var components = defaultComponents({

@@ -260,5 +259,5 @@ components: externalComponents

ValueContainer = components.ValueContainer,
rest = _objectWithoutPropertiesLoose$3(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
rest = _objectWithoutProperties(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
return _extends$5({
return _objectSpread$1({
Input: AnimatedInput(Input),

@@ -265,0 +264,0 @@ MultiValue: AnimatedMultiValue(MultiValue),

@@ -7,2 +7,10 @@ 'use strict';

var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,11 +21,9 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
require('../../dist/utils-03a02e63.cjs.dev.js');
var index$1 = require('../../dist/index-503cf1e8.cjs.dev.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('../../dist/index-b9b656b9.cjs.dev.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var reactTransitionGroup = require('react-transition-group');
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
// strip transition props off before spreading onto select component

@@ -32,13 +38,15 @@ // note we need to be explicit about innerRef for flow

exit = _ref.exit,
props = _objectWithoutPropertiesLoose(_ref, ["in", "onExited", "appear", "enter", "exit"]);
props = _objectWithoutProperties(_ref, ["in", "onExited", "appear", "enter", "exit"]);
return React__default.createElement(WrappedComponent, props);
return /*#__PURE__*/React__default.createElement(WrappedComponent, props);
};
};
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var Fade = function Fade(_ref) {

@@ -50,3 +58,3 @@ var Tag = _ref.component,

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$1(_ref, ["component", "duration", "in", "onExited"]);
props = _objectWithoutProperties(_ref, ["component", "duration", "in", "onExited"]);

@@ -59,3 +67,3 @@ var transition = {

opacity: 1,
transition: "opacity " + duration + "ms"
transition: "opacity ".concat(duration, "ms")
},

@@ -69,3 +77,3 @@ exiting: {

};
return React__default.createElement(reactTransitionGroup.Transition, {
return /*#__PURE__*/React__default.createElement(reactTransitionGroup.Transition, {
mountOnEnter: true,

@@ -77,5 +85,5 @@ unmountOnExit: true,

var innerProps = {
style: _extends({}, transition[state])
style: _objectSpread({}, transition[state])
};
return React__default.createElement(Tag, _extends({
return /*#__PURE__*/React__default.createElement(Tag, _extends({
innerProps: innerProps

@@ -91,10 +99,12 @@ }, props));

// finally removing from DOM
var Collapse =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Collapse, _Component);
var Collapse = /*#__PURE__*/function (_Component) {
_inherits(Collapse, _Component);
var _super = _createSuper(Collapse);
function Collapse() {
var _this;
_classCallCheck(this, Collapse);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

@@ -104,3 +114,3 @@ args[_key] = arguments[_key];

_this = _Component.call.apply(_Component, [this].concat(args)) || this;
_this = _super.call.apply(_super, [this].concat(args));
_this.duration = collapseDuration;

@@ -114,3 +124,3 @@ _this.rafID = void 0;

width: 0,
transition: "width " + _this.duration + "ms ease-out"
transition: "width ".concat(_this.duration, "ms ease-out")
},

@@ -158,41 +168,39 @@ exited: {

var _proto = Collapse.prototype;
_createClass(Collapse, [{
key: "componentWillUnmount",
value: function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
_proto.componentWillUnmount = function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
;
}, {
key: "render",
value: function render() {
var _this2 = this;
_proto.render = function render() {
var _this2 = this;
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return /*#__PURE__*/React__default.createElement(reactTransitionGroup.Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _objectSpread(_objectSpread({}, _this2.getStyle(width)), _this2.getTransition(state));
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return React__default.createElement(reactTransitionGroup.Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _extends({}, _this2.getStyle(width), _this2.getTransition(state));
return /*#__PURE__*/React__default.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
}
}]);
return React__default.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
};
return Collapse;
}(React.Component);
function _extends$1() { _extends$1 = 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; }; return _extends$1.apply(this, arguments); }
function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var AnimatedMultiValue = function AnimatedMultiValue(WrappedComponent) {

@@ -202,8 +210,8 @@ return function (_ref) {

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$2(_ref, ["in", "onExited"]);
props = _objectWithoutProperties(_ref, ["in", "onExited"]);
return React__default.createElement(Collapse, {
return /*#__PURE__*/React__default.createElement(Collapse, {
in: inProp,
onExited: onExited
}, React__default.createElement(WrappedComponent, _extends$1({
}, /*#__PURE__*/React__default.createElement(WrappedComponent, _extends({
cropWithEllipsis: inProp

@@ -214,7 +222,5 @@ }, props)));

function _extends$2() { _extends$2 = 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; }; return _extends$2.apply(this, arguments); }
var AnimatedPlaceholder = function AnimatedPlaceholder(WrappedComponent) {
return function (props) {
return React__default.createElement(Fade, _extends$2({
return /*#__PURE__*/React__default.createElement(Fade, _extends({
component: WrappedComponent,

@@ -226,7 +232,5 @@ duration: props.isMulti ? collapseDuration : 1

function _extends$3() { _extends$3 = 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; }; return _extends$3.apply(this, arguments); }
var AnimatedSingleValue = function AnimatedSingleValue(WrappedComponent) {
return function (props) {
return React__default.createElement(Fade, _extends$3({
return /*#__PURE__*/React__default.createElement(Fade, _extends({
component: WrappedComponent

@@ -237,8 +241,6 @@ }, props));

function _extends$4() { _extends$4 = 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; }; return _extends$4.apply(this, arguments); }
// make ValueContainer a transition group
var AnimatedValueContainer = function AnimatedValueContainer(WrappedComponent) {
return function (props) {
return React__default.createElement(reactTransitionGroup.TransitionGroup, _extends$4({
return /*#__PURE__*/React__default.createElement(reactTransitionGroup.TransitionGroup, _extends({
component: WrappedComponent

@@ -249,11 +251,8 @@ }, props));

function _extends$5() { _extends$5 = 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; }; return _extends$5.apply(this, arguments); }
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var makeAnimated = function makeAnimated(externalComponents) {
if (externalComponents === void 0) {
externalComponents = {};
}
var makeAnimated = function makeAnimated() {
var externalComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var components = index$1.defaultComponents({

@@ -268,5 +267,5 @@ components: externalComponents

ValueContainer = components.ValueContainer,
rest = _objectWithoutPropertiesLoose$3(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
rest = _objectWithoutProperties(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
return _extends$5({
return _objectSpread$1({
Input: AnimatedInput(Input),

@@ -273,0 +272,0 @@ MultiValue: AnimatedMultiValue(MultiValue),

@@ -11,23 +11,15 @@ "use strict";

var React = require("react"), React__default = _interopDefault(React), memoizeOne = _interopDefault(require("memoize-one"));
var _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), _extends = _interopDefault(require("@babel/runtime/helpers/extends")), _defineProperty = _interopDefault(require("@babel/runtime/helpers/defineProperty")), _classCallCheck = _interopDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass = _interopDefault(require("@babel/runtime/helpers/createClass")), _inherits = _interopDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn = _interopDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf = _interopDefault(require("@babel/runtime/helpers/getPrototypeOf")), React = require("react"), React__default = _interopDefault(React), memoizeOne = _interopDefault(require("memoize-one"));
require("@emotion/core"), require("react-dom"), require("prop-types"), require("../../dist/utils-2db2ca57.cjs.prod.js");
require("@emotion/core"), require("react-dom"), require("@babel/runtime/helpers/typeof");
var index$1 = require("../../dist/index-4f270825.cjs.prod.js");
var index$1 = require("../../dist/index-ca44a118.cjs.prod.js");
require("@emotion/css"), require("react-input-autosize");
require("@emotion/css"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("react-input-autosize");
var reactTransitionGroup = require("react-transition-group");
function _objectWithoutPropertiesLoose(source, excluded) {
if (null == source) return {};
var key, i, target = {}, sourceKeys = Object.keys(source);
for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
return target;
}
var AnimatedInput = function(WrappedComponent) {
var reactTransitionGroup = require("react-transition-group"), AnimatedInput = function(WrappedComponent) {
return function(_ref) {
_ref.in, _ref.onExited, _ref.appear, _ref.enter, _ref.exit;
var props = _objectWithoutPropertiesLoose(_ref, [ "in", "onExited", "appear", "enter", "exit" ]);
var props = _objectWithoutProperties(_ref, [ "in", "onExited", "appear", "enter", "exit" ]);
return React__default.createElement(WrappedComponent, props);

@@ -37,21 +29,46 @@ };

function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype), subClass.prototype.constructor = subClass,
subClass.__proto__ = superClass;
function _createSuper(Derived) {
var hasNativeReflectConstruct = _isNativeReflectConstruct();
return function() {
var result, Super = _getPrototypeOf(Derived);
if (hasNativeReflectConstruct) {
var NewTarget = _getPrototypeOf(this).constructor;
result = Reflect.construct(Super, arguments, NewTarget);
} else result = Super.apply(this, arguments);
return _possibleConstructorReturn(this, result);
};
}
function _extends() {
return (_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
}
return target;
}).apply(this, arguments);
function _isNativeReflectConstruct() {
if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
if (Reflect.construct.sham) return !1;
if ("function" == typeof Proxy) return !0;
try {
return Date.prototype.toString.call(Reflect.construct(Date, [], (function() {}))),
!0;
} catch (e) {
return !1;
}
}
function _objectWithoutPropertiesLoose$1(source, excluded) {
if (null == source) return {};
var key, i, target = {}, sourceKeys = Object.keys(source);
for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter((function(sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
}))), keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys(Object(source), !0).forEach((function(key) {
_defineProperty(target, key, source[key]);
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach((function(key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
}));
}
return target;

@@ -62,3 +79,3 @@ }

var Tag = _ref.component, _ref$duration = _ref.duration, duration = void 0 === _ref$duration ? 1 : _ref$duration, inProp = _ref.in, props = (_ref.onExited,
_objectWithoutPropertiesLoose$1(_ref, [ "component", "duration", "in", "onExited" ])), transition = {
_objectWithoutProperties(_ref, [ "component", "duration", "in", "onExited" ])), transition = {
entering: {

@@ -69,3 +86,3 @@ opacity: 0

opacity: 1,
transition: "opacity " + duration + "ms"
transition: "opacity ".concat(duration, "ms")
},

@@ -86,3 +103,3 @@ exiting: {

var innerProps = {
style: _extends({}, transition[state])
style: _objectSpread({}, transition[state])
};

@@ -94,5 +111,9 @@ return React__default.createElement(Tag, _extends({

}, collapseDuration = 260, Collapse = function(_Component) {
_inherits(Collapse, _Component);
var _super = _createSuper(Collapse);
function Collapse() {
for (var _this, _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
return (_this = _Component.call.apply(_Component, [ this ].concat(args)) || this).duration = collapseDuration,
var _this;
_classCallCheck(this, Collapse);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
return (_this = _super.call.apply(_super, [ this ].concat(args))).duration = collapseDuration,
_this.rafID = void 0, _this.state = {

@@ -103,3 +124,3 @@ width: "auto"

width: 0,
transition: "width " + _this.duration + "ms ease-out"
transition: "width ".concat(_this.duration, "ms ease-out")
},

@@ -126,66 +147,39 @@ exited: {

}
_inheritsLoose(Collapse, _Component);
var _proto = Collapse.prototype;
return _proto.componentWillUnmount = function() {
this.rafID && window.cancelAnimationFrame(this.rafID);
}, _proto.render = function() {
var _this2 = this, _this$props = this.props, children = _this$props.children, inProp = _this$props.in, width = this.state.width;
return React__default.createElement(reactTransitionGroup.Transition, {
enter: !1,
mountOnEnter: !0,
unmountOnExit: !0,
in: inProp,
timeout: this.duration
}, (function(state) {
var style = _extends({}, _this2.getStyle(width), _this2.getTransition(state));
return React__default.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
}));
}, Collapse;
}(React.Component);
function _extends$1() {
return (_extends$1 = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
return _createClass(Collapse, [ {
key: "componentWillUnmount",
value: function() {
this.rafID && window.cancelAnimationFrame(this.rafID);
}
return target;
}).apply(this, arguments);
}
function _objectWithoutPropertiesLoose$2(source, excluded) {
if (null == source) return {};
var key, i, target = {}, sourceKeys = Object.keys(source);
for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
return target;
}
var AnimatedMultiValue = function(WrappedComponent) {
}, {
key: "render",
value: function() {
var _this2 = this, _this$props = this.props, children = _this$props.children, inProp = _this$props.in, width = this.state.width;
return React__default.createElement(reactTransitionGroup.Transition, {
enter: !1,
mountOnEnter: !0,
unmountOnExit: !0,
in: inProp,
timeout: this.duration
}, (function(state) {
var style = _objectSpread(_objectSpread({}, _this2.getStyle(width)), _this2.getTransition(state));
return React__default.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
}));
}
} ]), Collapse;
}(React.Component), AnimatedMultiValue = function(WrappedComponent) {
return function(_ref) {
var inProp = _ref.in, onExited = _ref.onExited, props = _objectWithoutPropertiesLoose$2(_ref, [ "in", "onExited" ]);
var inProp = _ref.in, onExited = _ref.onExited, props = _objectWithoutProperties(_ref, [ "in", "onExited" ]);
return React__default.createElement(Collapse, {
in: inProp,
onExited: onExited
}, React__default.createElement(WrappedComponent, _extends$1({
}, React__default.createElement(WrappedComponent, _extends({
cropWithEllipsis: inProp
}, props)));
};
};
function _extends$2() {
return (_extends$2 = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
}
return target;
}).apply(this, arguments);
}
var AnimatedPlaceholder = function(WrappedComponent) {
}, AnimatedPlaceholder = function(WrappedComponent) {
return function(props) {
return React__default.createElement(Fade, _extends$2({
return React__default.createElement(Fade, _extends({
component: WrappedComponent,

@@ -195,35 +189,11 @@ duration: props.isMulti ? collapseDuration : 1

};
};
function _extends$3() {
return (_extends$3 = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
}
return target;
}).apply(this, arguments);
}
var AnimatedSingleValue = function(WrappedComponent) {
}, AnimatedSingleValue = function(WrappedComponent) {
return function(props) {
return React__default.createElement(Fade, _extends$3({
return React__default.createElement(Fade, _extends({
component: WrappedComponent
}, props));
};
};
function _extends$4() {
return (_extends$4 = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
}
return target;
}).apply(this, arguments);
}
var AnimatedValueContainer = function(WrappedComponent) {
}, AnimatedValueContainer = function(WrappedComponent) {
return function(props) {
return React__default.createElement(reactTransitionGroup.TransitionGroup, _extends$4({
return React__default.createElement(reactTransitionGroup.TransitionGroup, _extends({
component: WrappedComponent

@@ -234,25 +204,30 @@ }, props));

function _extends$5() {
return (_extends$5 = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
}
return target;
}).apply(this, arguments);
function ownKeys$1(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter((function(sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
}))), keys.push.apply(keys, symbols);
}
return keys;
}
function _objectWithoutPropertiesLoose$3(source, excluded) {
if (null == source) return {};
var key, i, target = {}, sourceKeys = Object.keys(source);
for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
function _objectSpread$1(target) {
for (var i = 1; i < arguments.length; i++) {
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys$1(Object(source), !0).forEach((function(key) {
_defineProperty(target, key, source[key]);
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach((function(key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
}));
}
return target;
}
var makeAnimated = function(externalComponents) {
void 0 === externalComponents && (externalComponents = {});
var components = index$1.defaultComponents({
var 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 = _objectWithoutPropertiesLoose$3(components, [ "Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer" ]);
return _extends$5({
}), Input = components.Input, MultiValue = components.MultiValue, Placeholder = components.Placeholder, SingleValue = components.SingleValue, ValueContainer = components.ValueContainer, rest = _objectWithoutProperties(components, [ "Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer" ]);
return _objectSpread$1({
Input: AnimatedInput(Input),

@@ -259,0 +234,0 @@ MultiValue: AnimatedMultiValue(MultiValue),

@@ -0,1 +1,9 @@

import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import _extends from '@babel/runtime/helpers/esm/extends';
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
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 _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,11 +13,9 @@ import memoizeOne from 'memoize-one';

import 'react-dom';
import 'prop-types';
import '../../dist/utils-711604ed.esm.js';
import { x as exportedEqual, w as defaultComponents } from '../../dist/index-52626178.esm.js';
import '@babel/runtime/helpers/typeof';
import { A as exportedEqual, y as defaultComponents } from '../../dist/index-1114b2b6.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { Transition, TransitionGroup } from 'react-transition-group';
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
// strip transition props off before spreading onto select component

@@ -24,13 +30,15 @@ // note we need to be explicit about innerRef for flow

exit = _ref.exit,
props = _objectWithoutPropertiesLoose(_ref, ["in", "onExited", "appear", "enter", "exit"]);
props = _objectWithoutProperties(_ref, ["in", "onExited", "appear", "enter", "exit"]);
return React.createElement(WrappedComponent, props);
return /*#__PURE__*/React.createElement(WrappedComponent, props);
};
};
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var Fade = function Fade(_ref) {

@@ -42,3 +50,3 @@ var Tag = _ref.component,

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$1(_ref, ["component", "duration", "in", "onExited"]);
props = _objectWithoutProperties(_ref, ["component", "duration", "in", "onExited"]);

@@ -51,3 +59,3 @@ var transition = {

opacity: 1,
transition: "opacity " + duration + "ms"
transition: "opacity ".concat(duration, "ms")
},

@@ -61,3 +69,3 @@ exiting: {

};
return React.createElement(Transition, {
return /*#__PURE__*/React.createElement(Transition, {
mountOnEnter: true,

@@ -69,5 +77,5 @@ unmountOnExit: true,

var innerProps = {
style: _extends({}, transition[state])
style: _objectSpread({}, transition[state])
};
return React.createElement(Tag, _extends({
return /*#__PURE__*/React.createElement(Tag, _extends({
innerProps: innerProps

@@ -83,10 +91,12 @@ }, props));

// finally removing from DOM
var Collapse =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Collapse, _Component);
var Collapse = /*#__PURE__*/function (_Component) {
_inherits(Collapse, _Component);
var _super = _createSuper(Collapse);
function Collapse() {
var _this;
_classCallCheck(this, Collapse);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

@@ -96,3 +106,3 @@ args[_key] = arguments[_key];

_this = _Component.call.apply(_Component, [this].concat(args)) || this;
_this = _super.call.apply(_super, [this].concat(args));
_this.duration = collapseDuration;

@@ -106,3 +116,3 @@ _this.rafID = void 0;

width: 0,
transition: "width " + _this.duration + "ms ease-out"
transition: "width ".concat(_this.duration, "ms ease-out")
},

@@ -150,41 +160,39 @@ exited: {

var _proto = Collapse.prototype;
_createClass(Collapse, [{
key: "componentWillUnmount",
value: function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
_proto.componentWillUnmount = function componentWillUnmount() {
if (this.rafID) {
window.cancelAnimationFrame(this.rafID);
}
} // width must be calculated; cannot transition from `undefined` to `number`
;
}, {
key: "render",
value: function render() {
var _this2 = this;
_proto.render = function render() {
var _this2 = this;
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return /*#__PURE__*/React.createElement(Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _objectSpread(_objectSpread({}, _this2.getStyle(width)), _this2.getTransition(state));
var _this$props = this.props,
children = _this$props.children,
inProp = _this$props.in;
var width = this.state.width;
return React.createElement(Transition, {
enter: false,
mountOnEnter: true,
unmountOnExit: true,
in: inProp,
timeout: this.duration
}, function (state) {
var style = _extends({}, _this2.getStyle(width), _this2.getTransition(state));
return /*#__PURE__*/React.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
}
}]);
return React.createElement("div", {
ref: _this2.getWidth,
style: style
}, children);
});
};
return Collapse;
}(Component);
function _extends$1() { _extends$1 = 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; }; return _extends$1.apply(this, arguments); }
function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var AnimatedMultiValue = function AnimatedMultiValue(WrappedComponent) {

@@ -194,8 +202,8 @@ return function (_ref) {

onExited = _ref.onExited,
props = _objectWithoutPropertiesLoose$2(_ref, ["in", "onExited"]);
props = _objectWithoutProperties(_ref, ["in", "onExited"]);
return React.createElement(Collapse, {
return /*#__PURE__*/React.createElement(Collapse, {
in: inProp,
onExited: onExited
}, React.createElement(WrappedComponent, _extends$1({
}, /*#__PURE__*/React.createElement(WrappedComponent, _extends({
cropWithEllipsis: inProp

@@ -206,7 +214,5 @@ }, props)));

function _extends$2() { _extends$2 = 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; }; return _extends$2.apply(this, arguments); }
var AnimatedPlaceholder = function AnimatedPlaceholder(WrappedComponent) {
return function (props) {
return React.createElement(Fade, _extends$2({
return /*#__PURE__*/React.createElement(Fade, _extends({
component: WrappedComponent,

@@ -218,7 +224,5 @@ duration: props.isMulti ? collapseDuration : 1

function _extends$3() { _extends$3 = 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; }; return _extends$3.apply(this, arguments); }
var AnimatedSingleValue = function AnimatedSingleValue(WrappedComponent) {
return function (props) {
return React.createElement(Fade, _extends$3({
return /*#__PURE__*/React.createElement(Fade, _extends({
component: WrappedComponent

@@ -229,8 +233,6 @@ }, props));

function _extends$4() { _extends$4 = 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; }; return _extends$4.apply(this, arguments); }
// make ValueContainer a transition group
var AnimatedValueContainer = function AnimatedValueContainer(WrappedComponent) {
return function (props) {
return React.createElement(TransitionGroup, _extends$4({
return /*#__PURE__*/React.createElement(TransitionGroup, _extends({
component: WrappedComponent

@@ -241,11 +243,8 @@ }, props));

function _extends$5() { _extends$5 = 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; }; return _extends$5.apply(this, arguments); }
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectWithoutPropertiesLoose$3(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var makeAnimated = function makeAnimated(externalComponents) {
if (externalComponents === void 0) {
externalComponents = {};
}
var makeAnimated = function makeAnimated() {
var externalComponents = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var components = defaultComponents({

@@ -260,5 +259,5 @@ components: externalComponents

ValueContainer = components.ValueContainer,
rest = _objectWithoutPropertiesLoose$3(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
rest = _objectWithoutProperties(components, ["Input", "MultiValue", "Placeholder", "SingleValue", "ValueContainer"]);
return _extends$5({
return _objectSpread$1({
Input: AnimatedInput(Input),

@@ -265,0 +264,0 @@ MultiValue: AnimatedMultiValue(MultiValue),

@@ -5,2 +5,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/extends');
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/assertThisInitialized');
require('@babel/runtime/helpers/inherits');
require('@babel/runtime/helpers/possibleConstructorReturn');
require('@babel/runtime/helpers/getPrototypeOf');
require('react');

@@ -10,9 +21,9 @@ require('memoize-one');

require('react-dom');
require('prop-types');
require('../../dist/utils-896a48cb.browser.cjs.js');
require('../../dist/index-30113876.browser.cjs.js');
var reactSelect = require('../../dist/Select-b0ada71d.browser.cjs.js');
require('@babel/runtime/helpers/typeof');
require('../../dist/index-e1aca374.browser.cjs.js');
var reactSelect = require('../../dist/Select-cd5e5391.browser.cjs.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('../../dist/stateManager-61815400.browser.cjs.js');
var stateManager = require('../../dist/stateManager-8478caa9.browser.cjs.js');
var reactSelect$1 = require('../../async/dist/react-select.browser.cjs.js');

@@ -19,0 +30,0 @@ var reactSelect$2 = require('../../creatable/dist/react-select.browser.cjs.js');

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import '@babel/runtime/helpers/inherits';
import '@babel/runtime/helpers/possibleConstructorReturn';
import '@babel/runtime/helpers/getPrototypeOf';
import 'react';

@@ -5,9 +16,9 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import '../../dist/utils-06b0d5a4.browser.esm.js';
import '../../dist/index-4322c0ed.browser.esm.js';
import { S as Select } from '../../dist/Select-9fdb8cd0.browser.esm.js';
import '@babel/runtime/helpers/typeof';
import '../../dist/index-4b37608a.browser.esm.js';
import { S as Select } from '../../dist/Select-5d18b8d9.browser.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from '../../dist/stateManager-04f734a2.browser.esm.js';
import { m as manageState } from '../../dist/stateManager-2f2b6f5b.browser.esm.js';
import { makeAsyncSelect } from '../../async/dist/react-select.browser.esm.js';

@@ -14,0 +25,0 @@ import { makeCreatableSelect } from '../../creatable/dist/react-select.browser.esm.js';

@@ -5,2 +5,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/extends');
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/assertThisInitialized');
require('@babel/runtime/helpers/inherits');
require('@babel/runtime/helpers/possibleConstructorReturn');
require('@babel/runtime/helpers/getPrototypeOf');
require('react');

@@ -10,9 +21,9 @@ require('memoize-one');

require('react-dom');
require('prop-types');
require('../../dist/utils-03a02e63.cjs.dev.js');
require('../../dist/index-503cf1e8.cjs.dev.js');
var reactSelect = require('../../dist/Select-062d63ee.cjs.dev.js');
require('@babel/runtime/helpers/typeof');
require('../../dist/index-b9b656b9.cjs.dev.js');
var reactSelect = require('../../dist/Select-165abc78.cjs.dev.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('../../dist/stateManager-d41587a2.cjs.dev.js');
var stateManager = require('../../dist/stateManager-71df4ad8.cjs.dev.js');
var reactSelect$1 = require('../../async/dist/react-select.cjs.dev.js');

@@ -19,0 +30,0 @@ var reactSelect$2 = require('../../creatable/dist/react-select.cjs.dev.js');

@@ -5,11 +5,18 @@ "use strict";

value: !0
}), require("react"), require("memoize-one"), require("@emotion/core"), require("react-dom"),
require("prop-types"), require("../../dist/utils-2db2ca57.cjs.prod.js"), require("../../dist/index-4f270825.cjs.prod.js");
}), require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/extends"),
require("@babel/runtime/helpers/slicedToArray"), require("@babel/runtime/helpers/toConsumableArray"),
require("@babel/runtime/helpers/defineProperty"), require("@babel/runtime/helpers/classCallCheck"),
require("@babel/runtime/helpers/createClass"), require("@babel/runtime/helpers/assertThisInitialized"),
require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/possibleConstructorReturn"),
require("@babel/runtime/helpers/getPrototypeOf"), require("react"), require("memoize-one"),
require("@emotion/core"), require("react-dom"), require("@babel/runtime/helpers/typeof"),
require("../../dist/index-ca44a118.cjs.prod.js");
var reactSelect = require("../../dist/Select-95fb2b5c.cjs.prod.js");
var reactSelect = require("../../dist/Select-8e51cf72.cjs.prod.js");
require("@emotion/css"), require("react-input-autosize");
require("@emotion/css"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("react-input-autosize");
var stateManager = require("../../dist/stateManager-1f3302b2.cjs.prod.js"), reactSelect$1 = require("../../async/dist/react-select.cjs.prod.js"), reactSelect$2 = require("../../creatable/dist/react-select.cjs.prod.js"), SelectCreatable = reactSelect$2.makeCreatableSelect(reactSelect.Select), SelectCreatableState = stateManager.manageState(SelectCreatable), AsyncCreatable = reactSelect$1.makeAsyncSelect(SelectCreatableState);
var stateManager = require("../../dist/stateManager-55f1941f.cjs.prod.js"), reactSelect$1 = require("../../async/dist/react-select.cjs.prod.js"), reactSelect$2 = require("../../creatable/dist/react-select.cjs.prod.js"), SelectCreatable = reactSelect$2.makeCreatableSelect(reactSelect.Select), SelectCreatableState = stateManager.manageState(SelectCreatable), AsyncCreatable = reactSelect$1.makeAsyncSelect(SelectCreatableState);
exports.default = AsyncCreatable;

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import '@babel/runtime/helpers/inherits';
import '@babel/runtime/helpers/possibleConstructorReturn';
import '@babel/runtime/helpers/getPrototypeOf';
import 'react';

@@ -5,9 +16,9 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import '../../dist/utils-711604ed.esm.js';
import '../../dist/index-52626178.esm.js';
import { S as Select } from '../../dist/Select-073d29ba.esm.js';
import '@babel/runtime/helpers/typeof';
import '../../dist/index-1114b2b6.esm.js';
import { S as Select } from '../../dist/Select-98a488cb.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from '../../dist/stateManager-149692c5.esm.js';
import { m as manageState } from '../../dist/stateManager-4518fdaa.esm.js';
import { makeAsyncSelect } from '../../async/dist/react-select.esm.js';

@@ -14,0 +25,0 @@ import { makeCreatableSelect } from '../../creatable/dist/react-select.esm.js';

@@ -7,2 +7,13 @@ 'use strict';

var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
require('@babel/runtime/helpers/assertThisInitialized');
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,15 +24,13 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
var utils = require('../../dist/utils-896a48cb.browser.cjs.js');
require('../../dist/index-30113876.browser.cjs.js');
var reactSelect = require('../../dist/Select-b0ada71d.browser.cjs.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('../../dist/index-e1aca374.browser.cjs.js');
var reactSelect = require('../../dist/Select-cd5e5391.browser.cjs.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('../../dist/stateManager-61815400.browser.cjs.js');
var stateManager = require('../../dist/stateManager-8478caa9.browser.cjs.js');
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var defaultProps = {

@@ -36,11 +45,13 @@ cacheOptions: false,

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Async, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Async, _Component);
var _super = _createSuper(Async);
function Async(props) {
var _this;
_this = _Component.call(this) || this;
_classCallCheck(this, Async);
_this = _super.call(this);
_this.select = void 0;

@@ -56,3 +67,3 @@ _this.lastRequest = void 0;

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

@@ -122,87 +133,94 @@ if (!inputValue) {

var _proto = Async.prototype;
_createClass(Async, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
_proto.componentDidMount = function componentDidMount() {
var _this2 = this;
this.mounted = true;
var defaultOptions = this.props.defaultOptions;
var inputValue = this.state.inputValue;
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;
if (defaultOptions === true) {
this.loadOptions(inputValue, function (options) {
if (!_this2.mounted) return;
var isLoading = !!_this2.lastRequest;
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
});
});
});
}
}
};
}, {
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
}
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
if (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
}
}
}, {
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 (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
if (loader && typeof loader.then === 'function') {
loader.then(callback, function () {
return callback();
});
}
}
};
}, {
key: "render",
value: function render() {
var _this3 = this;
_proto.componentWillUnmount = function componentWillUnmount() {
this.mounted = false;
};
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutProperties(_this$props2, ["loadOptions", "isLoading"]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.loadOptions = 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();
});
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.createElement(SelectComponent, _extends({}, props, {
ref: function ref(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
}
};
}]);
_proto.render = function render() {
var _this3 = this;
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutPropertiesLoose(_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 React__default.createElement(SelectComponent, _extends({}, props, {
ref: function ref(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
};
return Async;

@@ -209,0 +227,0 @@ }(React.Component), _class.defaultProps = defaultProps, _temp;

@@ -0,1 +1,12 @@

import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import _extends from '@babel/runtime/helpers/esm/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
import _createClass from '@babel/runtime/helpers/esm/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import _inherits from '@babel/runtime/helpers/esm/inherits';
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,15 +16,13 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import { k as handleInputChange } from '../../dist/utils-06b0d5a4.browser.esm.js';
import '../../dist/index-4322c0ed.browser.esm.js';
import { S as Select } from '../../dist/Select-9fdb8cd0.browser.esm.js';
import '@babel/runtime/helpers/typeof';
import { G as handleInputChange } from '../../dist/index-4b37608a.browser.esm.js';
import { S as Select } from '../../dist/Select-5d18b8d9.browser.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from '../../dist/stateManager-04f734a2.browser.esm.js';
import { m as manageState } from '../../dist/stateManager-2f2b6f5b.browser.esm.js';
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var defaultProps = {

@@ -28,11 +37,13 @@ cacheOptions: false,

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Async, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Async, _Component);
var _super = _createSuper(Async);
function Async(props) {
var _this;
_this = _Component.call(this) || this;
_classCallCheck(this, Async);
_this = _super.call(this);
_this.select = void 0;

@@ -113,87 +124,94 @@ _this.lastRequest = void 0;

var _proto = Async.prototype;
_createClass(Async, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
_proto.componentDidMount = function componentDidMount() {
var _this2 = this;
this.mounted = true;
var defaultOptions = this.props.defaultOptions;
var inputValue = this.state.inputValue;
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;
if (defaultOptions === true) {
this.loadOptions(inputValue, function (options) {
if (!_this2.mounted) return;
var isLoading = !!_this2.lastRequest;
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
});
});
});
}
}
};
}, {
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
}
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
if (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
}
}
}, {
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 (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
if (loader && typeof loader.then === 'function') {
loader.then(callback, function () {
return callback();
});
}
}
};
}, {
key: "render",
value: function render() {
var _this3 = this;
_proto.componentWillUnmount = function componentWillUnmount() {
this.mounted = false;
};
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutProperties(_this$props2, ["loadOptions", "isLoading"]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.loadOptions = 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();
});
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
}));
}
};
}]);
_proto.render = function render() {
var _this3 = this;
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutPropertiesLoose(_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 React.createElement(SelectComponent, _extends({}, props, {
ref: function ref(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
};
return Async;

@@ -200,0 +218,0 @@ }(Component), _class.defaultProps = defaultProps, _temp;

@@ -7,2 +7,13 @@ 'use strict';

var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
require('@babel/runtime/helpers/assertThisInitialized');
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,15 +24,13 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
var utils = require('../../dist/utils-03a02e63.cjs.dev.js');
require('../../dist/index-503cf1e8.cjs.dev.js');
var reactSelect = require('../../dist/Select-062d63ee.cjs.dev.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('../../dist/index-b9b656b9.cjs.dev.js');
var reactSelect = require('../../dist/Select-165abc78.cjs.dev.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('../../dist/stateManager-d41587a2.cjs.dev.js');
var stateManager = require('../../dist/stateManager-71df4ad8.cjs.dev.js');
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var defaultProps = {

@@ -36,11 +45,13 @@ cacheOptions: false,

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Async, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Async, _Component);
var _super = _createSuper(Async);
function Async(props) {
var _this;
_this = _Component.call(this) || this;
_classCallCheck(this, Async);
_this = _super.call(this);
_this.select = void 0;

@@ -56,3 +67,3 @@ _this.lastRequest = void 0;

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

@@ -122,87 +133,94 @@ if (!inputValue) {

var _proto = Async.prototype;
_createClass(Async, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
_proto.componentDidMount = function componentDidMount() {
var _this2 = this;
this.mounted = true;
var defaultOptions = this.props.defaultOptions;
var inputValue = this.state.inputValue;
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;
if (defaultOptions === true) {
this.loadOptions(inputValue, function (options) {
if (!_this2.mounted) return;
var isLoading = !!_this2.lastRequest;
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
});
});
});
}
}
};
}, {
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
}
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
if (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
}
}
}, {
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 (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
if (loader && typeof loader.then === 'function') {
loader.then(callback, function () {
return callback();
});
}
}
};
}, {
key: "render",
value: function render() {
var _this3 = this;
_proto.componentWillUnmount = function componentWillUnmount() {
this.mounted = false;
};
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutProperties(_this$props2, ["loadOptions", "isLoading"]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.loadOptions = 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();
});
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.createElement(SelectComponent, _extends({}, props, {
ref: function ref(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
}
};
}]);
_proto.render = function render() {
var _this3 = this;
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutPropertiesLoose(_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 React__default.createElement(SelectComponent, _extends({}, props, {
ref: function ref(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
};
return Async;

@@ -209,0 +227,0 @@ }(React.Component), _class.defaultProps = defaultProps, _temp;

@@ -11,36 +11,44 @@ "use strict";

var React = require("react"), React__default = _interopDefault(React);
var _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), _extends = _interopDefault(require("@babel/runtime/helpers/extends"));
require("memoize-one"), require("@emotion/core"), require("react-dom"), require("prop-types");
require("@babel/runtime/helpers/slicedToArray"), require("@babel/runtime/helpers/toConsumableArray"),
require("@babel/runtime/helpers/defineProperty");
var utils = require("../../dist/utils-2db2ca57.cjs.prod.js");
var _classCallCheck = _interopDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass = _interopDefault(require("@babel/runtime/helpers/createClass"));
require("../../dist/index-4f270825.cjs.prod.js");
require("@babel/runtime/helpers/assertThisInitialized");
var reactSelect = require("../../dist/Select-95fb2b5c.cjs.prod.js");
var _inherits = _interopDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn = _interopDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf = _interopDefault(require("@babel/runtime/helpers/getPrototypeOf")), React = require("react"), React__default = _interopDefault(React);
require("@emotion/css"), require("react-input-autosize");
require("memoize-one"), require("@emotion/core"), require("react-dom"), require("@babel/runtime/helpers/typeof");
var stateManager = require("../../dist/stateManager-1f3302b2.cjs.prod.js");
var index$1 = require("../../dist/index-ca44a118.cjs.prod.js"), reactSelect = require("../../dist/Select-8e51cf72.cjs.prod.js");
function _extends() {
return (_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
}
return target;
}).apply(this, arguments);
}
require("@emotion/css"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("react-input-autosize");
function _objectWithoutPropertiesLoose(source, excluded) {
if (null == source) return {};
var key, i, target = {}, sourceKeys = Object.keys(source);
for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], excluded.indexOf(key) >= 0 || (target[key] = source[key]);
return target;
var stateManager = require("../../dist/stateManager-55f1941f.cjs.prod.js");
function _createSuper(Derived) {
var hasNativeReflectConstruct = _isNativeReflectConstruct();
return function() {
var result, Super = _getPrototypeOf(Derived);
if (hasNativeReflectConstruct) {
var NewTarget = _getPrototypeOf(this).constructor;
result = Reflect.construct(Super, arguments, NewTarget);
} else result = Super.apply(this, arguments);
return _possibleConstructorReturn(this, result);
};
}
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype), subClass.prototype.constructor = subClass,
subClass.__proto__ = superClass;
function _isNativeReflectConstruct() {
if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
if (Reflect.construct.sham) return !1;
if ("function" == typeof Proxy) return !0;
try {
return Date.prototype.toString.call(Reflect.construct(Date, [], (function() {}))),
!0;
} catch (e) {
return !1;
}
}

@@ -56,7 +64,9 @@

return _temp = _class = function(_Component) {
_inherits(Async, _Component);
var _super = _createSuper(Async);
function Async(props) {
var _this;
return (_this = _Component.call(this) || this).select = void 0, _this.lastRequest = void 0,
_this.mounted = !1, _this.optionsCache = {}, _this.handleInputChange = function(newValue, actionMeta) {
var _this$props = _this.props, cacheOptions = _this$props.cacheOptions, onInputChange = _this$props.onInputChange, inputValue = utils.handleInputChange(newValue, actionMeta, onInputChange);
return _classCallCheck(this, Async), (_this = _super.call(this)).select = void 0,
_this.lastRequest = void 0, _this.mounted = !1, _this.optionsCache = {}, _this.handleInputChange = function(newValue, actionMeta) {
var _this$props = _this.props, cacheOptions = _this$props.cacheOptions, onInputChange = _this$props.onInputChange, inputValue = index$1.handleInputChange(newValue, actionMeta, onInputChange);
if (!inputValue) return delete _this.lastRequest, void _this.setState({

@@ -102,47 +112,66 @@ inputValue: "",

}
_inheritsLoose(Async, _Component);
var _proto = Async.prototype;
return _proto.componentDidMount = 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
});
}
}));
}, _proto.UNSAFE_componentWillReceiveProps = function(nextProps) {
nextProps.cacheOptions !== this.props.cacheOptions && (this.optionsCache = {}),
nextProps.defaultOptions !== this.props.defaultOptions && this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : void 0
});
}, _proto.componentWillUnmount = function() {
this.mounted = !1;
}, _proto.focus = function() {
this.select.focus();
}, _proto.blur = function() {
this.select.blur();
}, _proto.loadOptions = 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();
}));
}, _proto.render = function() {
var _this3 = this, _this$props2 = this.props, isLoadingProp = (_this$props2.loadOptions,
_this$props2.isLoading), props = _objectWithoutPropertiesLoose(_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.createElement(SelectComponent, _extends({}, props, {
ref: function(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
}, Async;
return _createClass(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: "UNSAFE_componentWillReceiveProps",
value: function(nextProps) {
nextProps.cacheOptions !== this.props.cacheOptions && (this.optionsCache = {}),
nextProps.defaultOptions !== this.props.defaultOptions && this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : void 0
});
}
}, {
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, isLoadingProp = (_this$props2.loadOptions,
_this$props2.isLoading), props = _objectWithoutProperties(_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.createElement(SelectComponent, _extends({}, props, {
ref: function(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
}
} ]), Async;
}(React.Component), _class.defaultProps = defaultProps, _temp;

@@ -149,0 +178,0 @@ }, SelectState = stateManager.manageState(reactSelect.Select), Async = makeAsyncSelect(SelectState);

@@ -0,1 +1,12 @@

import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
import _extends from '@babel/runtime/helpers/esm/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
import _createClass from '@babel/runtime/helpers/esm/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import _inherits from '@babel/runtime/helpers/esm/inherits';
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,15 +16,13 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import { k as handleInputChange } from '../../dist/utils-711604ed.esm.js';
import '../../dist/index-52626178.esm.js';
import { S as Select } from '../../dist/Select-073d29ba.esm.js';
import '@babel/runtime/helpers/typeof';
import { G as handleInputChange } from '../../dist/index-1114b2b6.esm.js';
import { S as Select } from '../../dist/Select-98a488cb.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from '../../dist/stateManager-149692c5.esm.js';
import { m as manageState } from '../../dist/stateManager-4518fdaa.esm.js';
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var defaultProps = {

@@ -28,11 +37,13 @@ cacheOptions: false,

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Async, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Async, _Component);
var _super = _createSuper(Async);
function Async(props) {
var _this;
_this = _Component.call(this) || this;
_classCallCheck(this, Async);
_this = _super.call(this);
_this.select = void 0;

@@ -113,87 +124,94 @@ _this.lastRequest = void 0;

var _proto = Async.prototype;
_createClass(Async, [{
key: "componentDidMount",
value: function componentDidMount() {
var _this2 = this;
_proto.componentDidMount = function componentDidMount() {
var _this2 = this;
this.mounted = true;
var defaultOptions = this.props.defaultOptions;
var inputValue = this.state.inputValue;
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;
if (defaultOptions === true) {
this.loadOptions(inputValue, function (options) {
if (!_this2.mounted) return;
var isLoading = !!_this2.lastRequest;
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
_this2.setState({
defaultOptions: options || [],
isLoading: isLoading
});
});
});
}
}
};
}, {
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
}
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
// if the cacheOptions prop changes, clear the cache
if (nextProps.cacheOptions !== this.props.cacheOptions) {
this.optionsCache = {};
if (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
}
}
}, {
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 (nextProps.defaultOptions !== this.props.defaultOptions) {
this.setState({
defaultOptions: Array.isArray(nextProps.defaultOptions) ? nextProps.defaultOptions : undefined
});
if (loader && typeof loader.then === 'function') {
loader.then(callback, function () {
return callback();
});
}
}
};
}, {
key: "render",
value: function render() {
var _this3 = this;
_proto.componentWillUnmount = function componentWillUnmount() {
this.mounted = false;
};
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutProperties(_this$props2, ["loadOptions", "isLoading"]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.loadOptions = 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();
});
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
}));
}
};
}]);
_proto.render = function render() {
var _this3 = this;
var _this$props2 = this.props,
loadOptions = _this$props2.loadOptions,
isLoadingProp = _this$props2.isLoading,
props = _objectWithoutPropertiesLoose(_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 React.createElement(SelectComponent, _extends({}, props, {
ref: function ref(_ref) {
_this3.select = _ref;
},
options: options,
isLoading: isLoading || isLoadingProp,
onInputChange: this.handleInputChange
}));
};
return Async;

@@ -200,0 +218,0 @@ }(Component), _class.defaultProps = defaultProps, _temp;

@@ -5,2 +5,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/extends');
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/assertThisInitialized');
require('@babel/runtime/helpers/inherits');
require('@babel/runtime/helpers/possibleConstructorReturn');
require('@babel/runtime/helpers/getPrototypeOf');
require('react');

@@ -10,7 +21,7 @@ require('memoize-one');

require('react-dom');
require('prop-types');
require('../../dist/utils-896a48cb.browser.cjs.js');
require('../../dist/index-30113876.browser.cjs.js');
var reactSelect = require('../../dist/Select-b0ada71d.browser.cjs.js');
require('@babel/runtime/helpers/typeof');
require('../../dist/index-e1aca374.browser.cjs.js');
var reactSelect = require('../../dist/Select-cd5e5391.browser.cjs.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');

@@ -17,0 +28,0 @@

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import '@babel/runtime/helpers/inherits';
import '@babel/runtime/helpers/possibleConstructorReturn';
import '@babel/runtime/helpers/getPrototypeOf';
import 'react';

@@ -5,7 +16,7 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import '../../dist/utils-06b0d5a4.browser.esm.js';
import '../../dist/index-4322c0ed.browser.esm.js';
export { S as default, d as defaultProps } from '../../dist/Select-9fdb8cd0.browser.esm.js';
import '@babel/runtime/helpers/typeof';
import '../../dist/index-4b37608a.browser.esm.js';
export { S as default, d as defaultProps } from '../../dist/Select-5d18b8d9.browser.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';

@@ -5,2 +5,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/extends');
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/assertThisInitialized');
require('@babel/runtime/helpers/inherits');
require('@babel/runtime/helpers/possibleConstructorReturn');
require('@babel/runtime/helpers/getPrototypeOf');
require('react');

@@ -10,7 +21,7 @@ require('memoize-one');

require('react-dom');
require('prop-types');
require('../../dist/utils-03a02e63.cjs.dev.js');
require('../../dist/index-503cf1e8.cjs.dev.js');
var reactSelect = require('../../dist/Select-062d63ee.cjs.dev.js');
require('@babel/runtime/helpers/typeof');
require('../../dist/index-b9b656b9.cjs.dev.js');
var reactSelect = require('../../dist/Select-165abc78.cjs.dev.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');

@@ -17,0 +28,0 @@

@@ -5,8 +5,14 @@ "use strict";

value: !0
}), require("react"), require("memoize-one"), require("@emotion/core"), require("react-dom"),
require("prop-types"), require("../../dist/utils-2db2ca57.cjs.prod.js"), require("../../dist/index-4f270825.cjs.prod.js");
}), require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/extends"),
require("@babel/runtime/helpers/slicedToArray"), require("@babel/runtime/helpers/toConsumableArray"),
require("@babel/runtime/helpers/defineProperty"), require("@babel/runtime/helpers/classCallCheck"),
require("@babel/runtime/helpers/createClass"), require("@babel/runtime/helpers/assertThisInitialized"),
require("@babel/runtime/helpers/inherits"), require("@babel/runtime/helpers/possibleConstructorReturn"),
require("@babel/runtime/helpers/getPrototypeOf"), require("react"), require("memoize-one"),
require("@emotion/core"), require("react-dom"), require("@babel/runtime/helpers/typeof"),
require("../../dist/index-ca44a118.cjs.prod.js");
var reactSelect = require("../../dist/Select-95fb2b5c.cjs.prod.js");
var reactSelect = require("../../dist/Select-8e51cf72.cjs.prod.js");
require("@emotion/css"), require("react-input-autosize"), exports.default = reactSelect.Select,
exports.defaultProps = reactSelect.defaultProps;
require("@emotion/css"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("react-input-autosize"), exports.default = reactSelect.Select, exports.defaultProps = reactSelect.defaultProps;

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import '@babel/runtime/helpers/inherits';
import '@babel/runtime/helpers/possibleConstructorReturn';
import '@babel/runtime/helpers/getPrototypeOf';
import 'react';

@@ -5,7 +16,7 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import '../../dist/utils-711604ed.esm.js';
import '../../dist/index-52626178.esm.js';
export { S as default, d as defaultProps } from '../../dist/Select-073d29ba.esm.js';
import '@babel/runtime/helpers/typeof';
import '../../dist/index-1114b2b6.esm.js';
export { S as default, d as defaultProps } from '../../dist/Select-98a488cb.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';

@@ -7,2 +7,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
require('@babel/runtime/helpers/slicedToArray');
var _toConsumableArray = _interopDefault(require('@babel/runtime/helpers/toConsumableArray'));
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
require('@babel/runtime/helpers/assertThisInitialized');
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,19 +24,21 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
var utils = require('../../dist/utils-896a48cb.browser.cjs.js');
require('../../dist/index-30113876.browser.cjs.js');
var reactSelect = require('../../dist/Select-b0ada71d.browser.cjs.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('../../dist/index-e1aca374.browser.cjs.js');
var reactSelect = require('../../dist/Select-cd5e5391.browser.cjs.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('../../dist/stateManager-61815400.browser.cjs.js');
var stateManager = require('../../dist/stateManager-8478caa9.browser.cjs.js');
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var compareOption = function compareOption(inputValue, option) {
if (inputValue === void 0) {
inputValue = '';
}
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var compareOption = function compareOption() {
var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var option = arguments.length > 1 ? arguments[1] : undefined;
var candidate = String(inputValue).toLowerCase();

@@ -39,3 +52,3 @@ var optionValue = String(option.value).toLowerCase();

formatCreateLabel: function formatCreateLabel(inputValue) {
return "Create \"" + inputValue + "\"";
return "Create \"".concat(inputValue, "\"");
},

@@ -57,3 +70,3 @@ isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions) {

};
var defaultProps = _extends({
var defaultProps = _objectSpread({
allowCreateWhileLoading: false,

@@ -65,11 +78,13 @@ createOptionPosition: 'last'

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Creatable, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Creatable, _Component);
var _super = _createSuper(Creatable);
function Creatable(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, Creatable);
_this = _super.call(this, props);
_this.select = void 0;

@@ -103,3 +118,3 @@

if (isMulti) {
onChange([].concat(utils.cleanValue(value), [newOptionData]), newActionMeta);
onChange([].concat(_toConsumableArray(index$1.cleanValue(value)), [newOptionData]), newActionMeta);
} else {

@@ -123,49 +138,53 @@ onChange(newOptionData, newActionMeta);

var _proto = Creatable.prototype;
_createClass(Creatable, [{
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
if (isValidNewOption(inputValue, index$1.cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
}
if (isValidNewOption(inputValue, utils.cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(options)) : [].concat(_toConsumableArray(options), [newOption]) : options
});
}
}, {
key: "focus",
value: function focus() {
this.select.focus();
}
}, {
key: "blur",
value: function blur() {
this.select.blur();
}
}, {
key: "render",
value: function render() {
var _this2 = this;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(options) : [].concat(options, [newOption]) : options
});
};
var options = this.state.options;
return /*#__PURE__*/React__default.createElement(SelectComponent, _extends({}, this.props, {
ref: function ref(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
}
}]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.render = function render() {
var _this2 = this;
var options = this.state.options;
return React__default.createElement(SelectComponent, _extends({}, this.props, {
ref: function ref(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
};
return Creatable;

@@ -172,0 +191,0 @@ }(React.Component), _class.defaultProps = defaultProps, _temp;

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import _extends from '@babel/runtime/helpers/esm/extends';
import '@babel/runtime/helpers/slicedToArray';
import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
import _createClass from '@babel/runtime/helpers/esm/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import _inherits from '@babel/runtime/helpers/esm/inherits';
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,19 +16,21 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import { e as cleanValue } from '../../dist/utils-06b0d5a4.browser.esm.js';
import '../../dist/index-4322c0ed.browser.esm.js';
import { S as Select } from '../../dist/Select-9fdb8cd0.browser.esm.js';
import '@babel/runtime/helpers/typeof';
import { B as cleanValue } from '../../dist/index-4b37608a.browser.esm.js';
import { S as Select } from '../../dist/Select-5d18b8d9.browser.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from '../../dist/stateManager-04f734a2.browser.esm.js';
import { m as manageState } from '../../dist/stateManager-2f2b6f5b.browser.esm.js';
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var compareOption = function compareOption(inputValue, option) {
if (inputValue === void 0) {
inputValue = '';
}
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var compareOption = function compareOption() {
var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var option = arguments.length > 1 ? arguments[1] : undefined;
var candidate = String(inputValue).toLowerCase();

@@ -31,3 +44,3 @@ var optionValue = String(option.value).toLowerCase();

formatCreateLabel: function formatCreateLabel(inputValue) {
return "Create \"" + inputValue + "\"";
return "Create \"".concat(inputValue, "\"");
},

@@ -49,3 +62,3 @@ isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions) {

};
var defaultProps = _extends({
var defaultProps = _objectSpread({
allowCreateWhileLoading: false,

@@ -57,11 +70,13 @@ createOptionPosition: 'last'

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Creatable, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Creatable, _Component);
var _super = _createSuper(Creatable);
function Creatable(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, Creatable);
_this = _super.call(this, props);
_this.select = void 0;

@@ -95,3 +110,3 @@

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

@@ -115,49 +130,53 @@ onChange(newOptionData, newActionMeta);

var _proto = Creatable.prototype;
_createClass(Creatable, [{
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
if (isValidNewOption(inputValue, cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
}
if (isValidNewOption(inputValue, cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(options)) : [].concat(_toConsumableArray(options), [newOption]) : options
});
}
}, {
key: "focus",
value: function focus() {
this.select.focus();
}
}, {
key: "blur",
value: function blur() {
this.select.blur();
}
}, {
key: "render",
value: function render() {
var _this2 = this;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(options) : [].concat(options, [newOption]) : options
});
};
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
}));
}
}]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.render = function render() {
var _this2 = this;
var options = this.state.options;
return React.createElement(SelectComponent, _extends({}, this.props, {
ref: function ref(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
};
return Creatable;

@@ -164,0 +183,0 @@ }(Component), _class.defaultProps = defaultProps, _temp;

@@ -7,2 +7,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
require('@babel/runtime/helpers/slicedToArray');
var _toConsumableArray = _interopDefault(require('@babel/runtime/helpers/toConsumableArray'));
var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
require('@babel/runtime/helpers/assertThisInitialized');
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,19 +24,21 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
var utils = require('../../dist/utils-03a02e63.cjs.dev.js');
require('../../dist/index-503cf1e8.cjs.dev.js');
var reactSelect = require('../../dist/Select-062d63ee.cjs.dev.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('../../dist/index-b9b656b9.cjs.dev.js');
var reactSelect = require('../../dist/Select-165abc78.cjs.dev.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('../../dist/stateManager-d41587a2.cjs.dev.js');
var stateManager = require('../../dist/stateManager-71df4ad8.cjs.dev.js');
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var compareOption = function compareOption(inputValue, option) {
if (inputValue === void 0) {
inputValue = '';
}
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var compareOption = function compareOption() {
var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var option = arguments.length > 1 ? arguments[1] : undefined;
var candidate = String(inputValue).toLowerCase();

@@ -39,3 +52,3 @@ var optionValue = String(option.value).toLowerCase();

formatCreateLabel: function formatCreateLabel(inputValue) {
return "Create \"" + inputValue + "\"";
return "Create \"".concat(inputValue, "\"");
},

@@ -57,3 +70,3 @@ isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions) {

};
var defaultProps = _extends({
var defaultProps = _objectSpread({
allowCreateWhileLoading: false,

@@ -65,11 +78,13 @@ createOptionPosition: 'last'

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Creatable, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Creatable, _Component);
var _super = _createSuper(Creatable);
function Creatable(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, Creatable);
_this = _super.call(this, props);
_this.select = void 0;

@@ -103,3 +118,3 @@

if (isMulti) {
onChange([].concat(utils.cleanValue(value), [newOptionData]), newActionMeta);
onChange([].concat(_toConsumableArray(index$1.cleanValue(value)), [newOptionData]), newActionMeta);
} else {

@@ -123,49 +138,53 @@ onChange(newOptionData, newActionMeta);

var _proto = Creatable.prototype;
_createClass(Creatable, [{
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
if (isValidNewOption(inputValue, index$1.cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
}
if (isValidNewOption(inputValue, utils.cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(options)) : [].concat(_toConsumableArray(options), [newOption]) : options
});
}
}, {
key: "focus",
value: function focus() {
this.select.focus();
}
}, {
key: "blur",
value: function blur() {
this.select.blur();
}
}, {
key: "render",
value: function render() {
var _this2 = this;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(options) : [].concat(options, [newOption]) : options
});
};
var options = this.state.options;
return /*#__PURE__*/React__default.createElement(SelectComponent, _extends({}, this.props, {
ref: function ref(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
}
}]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.render = function render() {
var _this2 = this;
var options = this.state.options;
return React__default.createElement(SelectComponent, _extends({}, this.props, {
ref: function ref(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
};
return Creatable;

@@ -172,0 +191,0 @@ }(React.Component), _class.defaultProps = defaultProps, _temp;

@@ -9,40 +9,76 @@ "use strict";

value: !0
});
}), require("@babel/runtime/helpers/objectWithoutProperties");
var React = require("react"), React__default = _interopDefault(React);
var _extends = _interopDefault(require("@babel/runtime/helpers/extends"));
require("memoize-one"), require("@emotion/core"), require("react-dom"), require("prop-types");
require("@babel/runtime/helpers/slicedToArray");
var utils = require("../../dist/utils-2db2ca57.cjs.prod.js");
var _toConsumableArray = _interopDefault(require("@babel/runtime/helpers/toConsumableArray")), _defineProperty = _interopDefault(require("@babel/runtime/helpers/defineProperty")), _classCallCheck = _interopDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass = _interopDefault(require("@babel/runtime/helpers/createClass"));
require("../../dist/index-4f270825.cjs.prod.js");
require("@babel/runtime/helpers/assertThisInitialized");
var reactSelect = require("../../dist/Select-95fb2b5c.cjs.prod.js");
var _inherits = _interopDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn = _interopDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf = _interopDefault(require("@babel/runtime/helpers/getPrototypeOf")), React = require("react"), React__default = _interopDefault(React);
require("@emotion/css"), require("react-input-autosize");
require("memoize-one"), require("@emotion/core"), require("react-dom"), require("@babel/runtime/helpers/typeof");
var stateManager = require("../../dist/stateManager-1f3302b2.cjs.prod.js");
var index$1 = require("../../dist/index-ca44a118.cjs.prod.js"), reactSelect = require("../../dist/Select-8e51cf72.cjs.prod.js");
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype), subClass.prototype.constructor = subClass,
subClass.__proto__ = superClass;
require("@emotion/css"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("react-input-autosize");
var stateManager = require("../../dist/stateManager-55f1941f.cjs.prod.js");
function _createSuper(Derived) {
var hasNativeReflectConstruct = _isNativeReflectConstruct();
return function() {
var result, Super = _getPrototypeOf(Derived);
if (hasNativeReflectConstruct) {
var NewTarget = _getPrototypeOf(this).constructor;
result = Reflect.construct(Super, arguments, NewTarget);
} else result = Super.apply(this, arguments);
return _possibleConstructorReturn(this, result);
};
}
function _extends() {
return (_extends = Object.assign || function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
}
return target;
}).apply(this, arguments);
function _isNativeReflectConstruct() {
if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
if (Reflect.construct.sham) return !1;
if ("function" == typeof Proxy) return !0;
try {
return Date.prototype.toString.call(Reflect.construct(Date, [], (function() {}))),
!0;
} catch (e) {
return !1;
}
}
var compareOption = function(inputValue, option) {
void 0 === inputValue && (inputValue = "");
var candidate = String(inputValue).toLowerCase(), optionValue = String(option.value).toLowerCase(), optionLabel = String(option.label).toLowerCase();
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter((function(sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
}))), keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys(Object(source), !0).forEach((function(key) {
_defineProperty(target, key, source[key]);
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach((function(key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
}));
}
return target;
}
var compareOption = function() {
var inputValue = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "", option = arguments.length > 1 ? arguments[1] : void 0, candidate = String(inputValue).toLowerCase(), optionValue = String(option.value).toLowerCase(), optionLabel = String(option.label).toLowerCase();
return optionValue === candidate || optionLabel === candidate;
}, builtins = {
formatCreateLabel: function(inputValue) {
return 'Create "' + inputValue + '"';
return 'Create "'.concat(inputValue, '"');
},

@@ -63,3 +99,3 @@ isValidNewOption: function(inputValue, selectValue, selectOptions) {

}
}, defaultProps = _extends({
}, defaultProps = _objectSpread({
allowCreateWhileLoading: !1,

@@ -70,5 +106,8 @@ createOptionPosition: "last"

return _temp = _class = function(_Component) {
_inherits(Creatable, _Component);
var _super = _createSuper(Creatable);
function Creatable(props) {
var _this;
(_this = _Component.call(this, props) || this).select = void 0, _this.onChange = function(newValue, actionMeta) {
_classCallCheck(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;

@@ -82,3 +121,3 @@ if ("select-option" !== actionMeta.action) return onChange(newValue, actionMeta);

};
onChange(isMulti ? [].concat(utils.cleanValue(value), [ newOptionData ]) : newOptionData, newActionMeta);
onChange(isMulti ? [].concat(_toConsumableArray(index$1.cleanValue(value)), [ newOptionData ]) : newOptionData, newActionMeta);
}

@@ -92,25 +131,35 @@ };

}
_inheritsLoose(Creatable, _Component);
var _proto = Creatable.prototype;
return _proto.UNSAFE_componentWillReceiveProps = function(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading, createOptionPosition = nextProps.createOptionPosition, formatCreateLabel = nextProps.formatCreateLabel, getNewOptionData = nextProps.getNewOptionData, inputValue = nextProps.inputValue, isLoading = nextProps.isLoading, isValidNewOption = nextProps.isValidNewOption, value = nextProps.value, options = nextProps.options || [], newOption = this.state.newOption;
newOption = isValidNewOption(inputValue, utils.cleanValue(value), options) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : void 0,
this.setState({
newOption: newOption,
options: !allowCreateWhileLoading && isLoading || !newOption ? options : "first" === createOptionPosition ? [ newOption ].concat(options) : [].concat(options, [ newOption ])
});
}, _proto.focus = function() {
this.select.focus();
}, _proto.blur = function() {
this.select.blur();
}, _proto.render = function() {
var _this2 = this, options = this.state.options;
return React__default.createElement(SelectComponent, _extends({}, this.props, {
ref: function(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
}, Creatable;
return _createClass(Creatable, [ {
key: "UNSAFE_componentWillReceiveProps",
value: function(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading, createOptionPosition = nextProps.createOptionPosition, formatCreateLabel = nextProps.formatCreateLabel, getNewOptionData = nextProps.getNewOptionData, inputValue = nextProps.inputValue, isLoading = nextProps.isLoading, isValidNewOption = nextProps.isValidNewOption, value = nextProps.value, options = nextProps.options || [], newOption = this.state.newOption;
newOption = isValidNewOption(inputValue, index$1.cleanValue(value), options) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : void 0,
this.setState({
newOption: newOption,
options: !allowCreateWhileLoading && isLoading || !newOption ? options : "first" === createOptionPosition ? [ newOption ].concat(_toConsumableArray(options)) : [].concat(_toConsumableArray(options), [ newOption ])
});
}
}, {
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.createElement(SelectComponent, _extends({}, this.props, {
ref: function(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
}
} ]), Creatable;
}(React.Component), _class.defaultProps = defaultProps, _temp;

@@ -117,0 +166,0 @@ }, SelectCreatable = makeCreatableSelect(reactSelect.Select), Creatable = stateManager.manageState(SelectCreatable);

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import _extends from '@babel/runtime/helpers/esm/extends';
import '@babel/runtime/helpers/slicedToArray';
import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
import _createClass from '@babel/runtime/helpers/esm/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import _inherits from '@babel/runtime/helpers/esm/inherits';
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,19 +16,21 @@ import 'memoize-one';

import 'react-dom';
import 'prop-types';
import { e as cleanValue } from '../../dist/utils-711604ed.esm.js';
import '../../dist/index-52626178.esm.js';
import { S as Select } from '../../dist/Select-073d29ba.esm.js';
import '@babel/runtime/helpers/typeof';
import { B as cleanValue } from '../../dist/index-1114b2b6.esm.js';
import { S as Select } from '../../dist/Select-98a488cb.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from '../../dist/stateManager-149692c5.esm.js';
import { m as manageState } from '../../dist/stateManager-4518fdaa.esm.js';
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
function _extends() { _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; }; return _extends.apply(this, arguments); }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var compareOption = function compareOption(inputValue, option) {
if (inputValue === void 0) {
inputValue = '';
}
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var compareOption = function compareOption() {
var inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var option = arguments.length > 1 ? arguments[1] : undefined;
var candidate = String(inputValue).toLowerCase();

@@ -31,3 +44,3 @@ var optionValue = String(option.value).toLowerCase();

formatCreateLabel: function formatCreateLabel(inputValue) {
return "Create \"" + inputValue + "\"";
return "Create \"".concat(inputValue, "\"");
},

@@ -49,3 +62,3 @@ isValidNewOption: function isValidNewOption(inputValue, selectValue, selectOptions) {

};
var defaultProps = _extends({
var defaultProps = _objectSpread({
allowCreateWhileLoading: false,

@@ -57,11 +70,13 @@ createOptionPosition: 'last'

return _temp = _class =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(Creatable, _Component);
return _temp = _class = /*#__PURE__*/function (_Component) {
_inherits(Creatable, _Component);
var _super = _createSuper(Creatable);
function Creatable(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, Creatable);
_this = _super.call(this, props);
_this.select = void 0;

@@ -95,3 +110,3 @@

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

@@ -115,49 +130,53 @@ onChange(newOptionData, newActionMeta);

var _proto = Creatable.prototype;
_createClass(Creatable, [{
key: "UNSAFE_componentWillReceiveProps",
value: function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
_proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
var allowCreateWhileLoading = nextProps.allowCreateWhileLoading,
createOptionPosition = nextProps.createOptionPosition,
formatCreateLabel = nextProps.formatCreateLabel,
getNewOptionData = nextProps.getNewOptionData,
inputValue = nextProps.inputValue,
isLoading = nextProps.isLoading,
isValidNewOption = nextProps.isValidNewOption,
value = nextProps.value;
var options = nextProps.options || [];
var newOption = this.state.newOption;
if (isValidNewOption(inputValue, cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
}
if (isValidNewOption(inputValue, cleanValue(value), options)) {
newOption = getNewOptionData(inputValue, formatCreateLabel(inputValue));
} else {
newOption = undefined;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(options)) : [].concat(_toConsumableArray(options), [newOption]) : options
});
}
}, {
key: "focus",
value: function focus() {
this.select.focus();
}
}, {
key: "blur",
value: function blur() {
this.select.blur();
}
}, {
key: "render",
value: function render() {
var _this2 = this;
this.setState({
newOption: newOption,
options: (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(options) : [].concat(options, [newOption]) : options
});
};
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
}));
}
}]);
_proto.focus = function focus() {
this.select.focus();
};
_proto.blur = function blur() {
this.select.blur();
};
_proto.render = function render() {
var _this2 = this;
var options = this.state.options;
return React.createElement(SelectComponent, _extends({}, this.props, {
ref: function ref(_ref) {
_this2.select = _ref;
},
options: options,
onChange: this.onChange
}));
};
return Creatable;

@@ -164,0 +183,0 @@ }(Component), _class.defaultProps = defaultProps, _temp;

@@ -7,2 +7,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/extends');
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
require('@babel/runtime/helpers/assertThisInitialized');
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,23 +24,27 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
require('./utils-896a48cb.browser.cjs.js');
var index$1 = require('./index-30113876.browser.cjs.js');
var reactSelect = require('./Select-b0ada71d.browser.cjs.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('./index-e1aca374.browser.cjs.js');
var reactSelect = require('./Select-cd5e5391.browser.cjs.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('./stateManager-61815400.browser.cjs.js');
var stateManager = require('./stateManager-8478caa9.browser.cjs.js');
var createCache = _interopDefault(require('@emotion/cache'));
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
var NonceProvider =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(NonceProvider, _Component);
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var NonceProvider = /*#__PURE__*/function (_Component) {
_inherits(NonceProvider, _Component);
var _super = _createSuper(NonceProvider);
function NonceProvider(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, NonceProvider);
_this = _super.call(this, props);
_this.createEmotionCache = function (nonce) {

@@ -45,11 +60,12 @@ return createCache({

var _proto = NonceProvider.prototype;
_createClass(NonceProvider, [{
key: "render",
value: function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return /*#__PURE__*/React__default.createElement(core.CacheProvider, {
value: emotionCache
}, this.props.children);
}
}]);
_proto.render = function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return React__default.createElement(core.CacheProvider, {
value: emotionCache
}, this.props.children);
};
return NonceProvider;

@@ -56,0 +72,0 @@ }(React.Component);

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
import _createClass from '@babel/runtime/helpers/esm/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import _inherits from '@babel/runtime/helpers/esm/inherits';
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,24 +16,28 @@ import memoizeOne from 'memoize-one';

import 'react-dom';
import 'prop-types';
import './utils-06b0d5a4.browser.esm.js';
export { y as components } from './index-4322c0ed.browser.esm.js';
import { S as Select } from './Select-9fdb8cd0.browser.esm.js';
export { c as createFilter, a as defaultTheme, m as mergeStyles } from './Select-9fdb8cd0.browser.esm.js';
import '@babel/runtime/helpers/typeof';
export { F as components } from './index-4b37608a.browser.esm.js';
import { S as Select } from './Select-5d18b8d9.browser.esm.js';
export { c as createFilter, a as defaultTheme, m as mergeStyles } from './Select-5d18b8d9.browser.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from './stateManager-04f734a2.browser.esm.js';
import { m as manageState } from './stateManager-2f2b6f5b.browser.esm.js';
import createCache from '@emotion/cache';
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
var NonceProvider =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(NonceProvider, _Component);
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var NonceProvider = /*#__PURE__*/function (_Component) {
_inherits(NonceProvider, _Component);
var _super = _createSuper(NonceProvider);
function NonceProvider(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, NonceProvider);
_this = _super.call(this, props);
_this.createEmotionCache = function (nonce) {

@@ -38,11 +53,12 @@ return createCache({

var _proto = NonceProvider.prototype;
_createClass(NonceProvider, [{
key: "render",
value: function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return /*#__PURE__*/React.createElement(CacheProvider, {
value: emotionCache
}, this.props.children);
}
}]);
_proto.render = function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return React.createElement(CacheProvider, {
value: emotionCache
}, this.props.children);
};
return NonceProvider;

@@ -49,0 +65,0 @@ }(Component);

@@ -7,2 +7,13 @@ 'use strict';

require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/extends');
require('@babel/runtime/helpers/slicedToArray');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/defineProperty');
var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
require('@babel/runtime/helpers/assertThisInitialized');
var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
var React = require('react');

@@ -13,23 +24,27 @@ var React__default = _interopDefault(React);

require('react-dom');
require('prop-types');
require('./utils-03a02e63.cjs.dev.js');
var index$1 = require('./index-503cf1e8.cjs.dev.js');
var reactSelect = require('./Select-062d63ee.cjs.dev.js');
require('@babel/runtime/helpers/typeof');
var index$1 = require('./index-b9b656b9.cjs.dev.js');
var reactSelect = require('./Select-165abc78.cjs.dev.js');
require('@emotion/css');
require('@babel/runtime/helpers/taggedTemplateLiteral');
require('react-input-autosize');
var stateManager = require('./stateManager-d41587a2.cjs.dev.js');
var stateManager = require('./stateManager-71df4ad8.cjs.dev.js');
var createCache = _interopDefault(require('@emotion/cache'));
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
var NonceProvider =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(NonceProvider, _Component);
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var NonceProvider = /*#__PURE__*/function (_Component) {
_inherits(NonceProvider, _Component);
var _super = _createSuper(NonceProvider);
function NonceProvider(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, NonceProvider);
_this = _super.call(this, props);
_this.createEmotionCache = function (nonce) {

@@ -45,11 +60,12 @@ return createCache({

var _proto = NonceProvider.prototype;
_createClass(NonceProvider, [{
key: "render",
value: function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return /*#__PURE__*/React__default.createElement(core.CacheProvider, {
value: emotionCache
}, this.props.children);
}
}]);
_proto.render = function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return React__default.createElement(core.CacheProvider, {
value: emotionCache
}, this.props.children);
};
return NonceProvider;

@@ -56,0 +72,0 @@ }(React.Component);

@@ -9,23 +9,51 @@ "use strict";

value: !0
});
}), require("@babel/runtime/helpers/objectWithoutProperties"), require("@babel/runtime/helpers/extends"),
require("@babel/runtime/helpers/slicedToArray"), require("@babel/runtime/helpers/toConsumableArray"),
require("@babel/runtime/helpers/defineProperty");
var React = require("react"), React__default = _interopDefault(React), memoizeOne = _interopDefault(require("memoize-one")), core = require("@emotion/core");
var _classCallCheck = _interopDefault(require("@babel/runtime/helpers/classCallCheck")), _createClass = _interopDefault(require("@babel/runtime/helpers/createClass"));
require("react-dom"), require("prop-types"), require("./utils-2db2ca57.cjs.prod.js");
require("@babel/runtime/helpers/assertThisInitialized");
var index$1 = require("./index-4f270825.cjs.prod.js"), reactSelect = require("./Select-95fb2b5c.cjs.prod.js");
var _inherits = _interopDefault(require("@babel/runtime/helpers/inherits")), _possibleConstructorReturn = _interopDefault(require("@babel/runtime/helpers/possibleConstructorReturn")), _getPrototypeOf = _interopDefault(require("@babel/runtime/helpers/getPrototypeOf")), React = require("react"), React__default = _interopDefault(React), memoizeOne = _interopDefault(require("memoize-one")), core = require("@emotion/core");
require("@emotion/css"), require("react-input-autosize");
require("react-dom"), require("@babel/runtime/helpers/typeof");
var stateManager = require("./stateManager-1f3302b2.cjs.prod.js"), createCache = _interopDefault(require("@emotion/cache"));
var index$1 = require("./index-ca44a118.cjs.prod.js"), reactSelect = require("./Select-8e51cf72.cjs.prod.js");
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype), subClass.prototype.constructor = subClass,
subClass.__proto__ = superClass;
require("@emotion/css"), require("@babel/runtime/helpers/taggedTemplateLiteral"),
require("react-input-autosize");
var stateManager = require("./stateManager-55f1941f.cjs.prod.js"), createCache = _interopDefault(require("@emotion/cache"));
function _createSuper(Derived) {
var hasNativeReflectConstruct = _isNativeReflectConstruct();
return function() {
var result, Super = _getPrototypeOf(Derived);
if (hasNativeReflectConstruct) {
var NewTarget = _getPrototypeOf(this).constructor;
result = Reflect.construct(Super, arguments, NewTarget);
} else result = Super.apply(this, arguments);
return _possibleConstructorReturn(this, result);
};
}
function _isNativeReflectConstruct() {
if ("undefined" == typeof Reflect || !Reflect.construct) return !1;
if (Reflect.construct.sham) return !1;
if ("function" == typeof Proxy) return !0;
try {
return Date.prototype.toString.call(Reflect.construct(Date, [], (function() {}))),
!0;
} catch (e) {
return !1;
}
}
var NonceProvider = function(_Component) {
_inherits(NonceProvider, _Component);
var _super = _createSuper(NonceProvider);
function NonceProvider(props) {
var _this;
return (_this = _Component.call(this, props) || this).createEmotionCache = function(nonce) {
return _classCallCheck(this, NonceProvider), (_this = _super.call(this, props)).createEmotionCache = function(nonce) {
return createCache({

@@ -36,8 +64,11 @@ nonce: nonce

}
return _inheritsLoose(NonceProvider, _Component), NonceProvider.prototype.render = function() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return React__default.createElement(core.CacheProvider, {
value: emotionCache
}, this.props.children);
}, NonceProvider;
return _createClass(NonceProvider, [ {
key: "render",
value: function() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return React__default.createElement(core.CacheProvider, {
value: emotionCache
}, this.props.children);
}
} ]), NonceProvider;
}(React.Component), index = stateManager.manageState(reactSelect.Select);

@@ -44,0 +75,0 @@

@@ -0,1 +1,12 @@

import '@babel/runtime/helpers/objectWithoutProperties';
import '@babel/runtime/helpers/extends';
import '@babel/runtime/helpers/slicedToArray';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
import _createClass from '@babel/runtime/helpers/esm/createClass';
import '@babel/runtime/helpers/assertThisInitialized';
import _inherits from '@babel/runtime/helpers/esm/inherits';
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
import React, { Component } from 'react';

@@ -5,24 +16,28 @@ import memoizeOne from 'memoize-one';

import 'react-dom';
import 'prop-types';
import './utils-711604ed.esm.js';
export { y as components } from './index-52626178.esm.js';
import { S as Select } from './Select-073d29ba.esm.js';
export { c as createFilter, a as defaultTheme, m as mergeStyles } from './Select-073d29ba.esm.js';
import '@babel/runtime/helpers/typeof';
export { F as components } from './index-1114b2b6.esm.js';
import { S as Select } from './Select-98a488cb.esm.js';
export { c as createFilter, a as defaultTheme, m as mergeStyles } from './Select-98a488cb.esm.js';
import '@emotion/css';
import '@babel/runtime/helpers/taggedTemplateLiteral';
import 'react-input-autosize';
import { m as manageState } from './stateManager-149692c5.esm.js';
import { m as manageState } from './stateManager-4518fdaa.esm.js';
import createCache from '@emotion/cache';
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
var NonceProvider =
/*#__PURE__*/
function (_Component) {
_inheritsLoose(NonceProvider, _Component);
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
var NonceProvider = /*#__PURE__*/function (_Component) {
_inherits(NonceProvider, _Component);
var _super = _createSuper(NonceProvider);
function NonceProvider(props) {
var _this;
_this = _Component.call(this, props) || this;
_classCallCheck(this, NonceProvider);
_this = _super.call(this, props);
_this.createEmotionCache = function (nonce) {

@@ -38,11 +53,12 @@ return createCache({

var _proto = NonceProvider.prototype;
_createClass(NonceProvider, [{
key: "render",
value: function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return /*#__PURE__*/React.createElement(CacheProvider, {
value: emotionCache
}, this.props.children);
}
}]);
_proto.render = function render() {
var emotionCache = this.createEmotionCache(this.props.nonce);
return React.createElement(CacheProvider, {
value: emotionCache
}, this.props.children);
};
return NonceProvider;

@@ -49,0 +65,0 @@ }(Component);

{
"name": "react-select",
"version": "3.1.0",
"version": "3.1.1",
"description": "A Select control built with and for ReactJS",

@@ -10,6 +10,3 @@ "main": "dist/react-select.cjs.js",

"license": "MIT",
"repository": {
"type": "git",
"url": "https://github.com/JedWatson/react-select.git"
},
"repository": "https://github.com/JedWatson/react-select/tree/master/packages/react-select",
"dependencies": {

@@ -26,8 +23,7 @@ "@babel/runtime": "^7.4.4",

"devDependencies": {
"cypress": "^1.4.1",
"enzyme": "^3.8.0",
"enzyme-to-json": "^3.3.0",
"jest-in-case": "^1.0.2",
"react": "^16.8.0",
"react-dom": "^16.8.0"
"react": "^16.13.0",
"react-dom": "^16.13.0"
},

@@ -34,0 +30,0 @@ "peerDependencies": {

import React from 'react';
import { mount } from 'enzyme';
import toJson from 'enzyme-to-json';
import cases from 'jest-in-case';
import { render, fireEvent, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import Async from '../Async';
import { OPTIONS } from './constants';
import { components } from '../components';
const { Option } = components;
test('defaults - snapshot', () => {
const tree = mount(<Async />);
expect(toJson(tree)).toMatchSnapshot();
const { container } = render(<Async />);
expect(container).toMatchSnapshot();
});

@@ -23,5 +21,12 @@

'load option prop with defaultOptions true',
({ props, expectOptionLength }) => {
const asyncSelectWrapper = mount(<Async menuIsOpen {...props} />);
expect(asyncSelectWrapper.find(Option).length).toBe(expectOptionLength);
async ({ props, expectOptionLength }) => {
const { container } = render(
<Async classNamePrefix="react-select" menuIsOpen {...props} />
);
await waitFor(() => {
expect(container.querySelectorAll('.react-select__option').length).toBe(
expectOptionLength
);
});
},

@@ -37,3 +42,2 @@ {

'with promise > should resolve options': {
skip: true,
props: {

@@ -49,9 +53,11 @@ defaultOptions: true,

test('load options prop with defaultOptions true and inputValue prop', () => {
const loadOptionsSpy = jest.fn((value) => value);
const loadOptionsSpy = jest.fn(value => value);
const searchString = 'hello world';
mount(<Async
render(
<Async
loadOptions={loadOptionsSpy}
defaultOptions
inputValue={searchString}
/>);
/>
);
expect(loadOptionsSpy).toHaveReturnedWith(searchString);

@@ -67,14 +73,17 @@ });

'load options props with no default options',
({ props, expectloadOptionsLength }) => {
let asyncSelectWrapper = mount(
<Async className="react-select" classNamePrefix="react-select" {...props} />
async ({ props, expectloadOptionsLength }) => {
let { container } = render(
<Async
className="react-select"
classNamePrefix="react-select"
{...props}
/>
);
let inputValueWrapper = asyncSelectWrapper.find(
'div.react-select__input input'
);
asyncSelectWrapper.setProps({ inputValue: 'a' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'a' } });
expect(asyncSelectWrapper.find(Option).length).toBe(
expectloadOptionsLength
);
let input = container.querySelector('div.react-select__input input');
userEvent.type(input, 'a');
await waitFor(() => {
expect(container.querySelectorAll('.react-select__option').length).toBe(
expectloadOptionsLength
);
});
},

@@ -89,3 +98,2 @@ {

'with promise > should resolve the options': {
skip: true,
props: {

@@ -99,39 +107,70 @@ loadOptions: () => Promise.resolve(OPTIONS),

/**
* Need to update props to trigger on change in input
* when updating props renders the component therefore options cache is lost thus loadOptions is called again
*/
test.skip('to not call loadOptions again for same value when cacheOptions is true', () => {
let loadOptionsSpy = jest.fn();
let asyncSelectWrapper = mount(
<Async className="react-select" classNamePrefix="react-select" loadOptions={loadOptionsSpy} cacheOptions />
test('to not call loadOptions again for same value when cacheOptions is true', () => {
let loadOptionsSpy = jest.fn((_, callback) => callback([]));
let { container } = render(
<Async
className="react-select"
classNamePrefix="react-select"
loadOptions={loadOptionsSpy}
cacheOptions
/>
);
let inputValueWrapper = asyncSelectWrapper.find(
'div.react-select__input input'
);
let input = container.querySelector('div.react-select__input input');
asyncSelectWrapper.setProps({ inputValue: 'a' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'a' } });
expect(loadOptionsSpy).toHaveBeenCalledTimes(1);
asyncSelectWrapper.setProps({ inputValue: 'b' });
inputValueWrapper.simulate('change', {
target: { value: 'b' },
currentTarget: { value: 'b' },
fireEvent.input(input, {
target: {
value: 'foo',
},
bubbles: true,
cancelable: true,
});
fireEvent.input(input, {
target: {
value: 'bar',
},
bubbles: true,
cancelable: true,
});
fireEvent.input(input, {
target: {
value: 'foo',
},
bubbles: true,
cancelable: true,
});
expect(loadOptionsSpy).toHaveBeenCalledTimes(2);
asyncSelectWrapper.setProps({ inputValue: 'b' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'b' } });
expect(loadOptionsSpy).toHaveBeenCalledTimes(2);
});
test('to create new cache for each instance', () => {
const asyncSelectWrapper = mount(<Async cacheOptions />);
const instanceOne = asyncSelectWrapper.instance();
test('to create new cache for each instance', async () => {
let loadOptionsOne = jest.fn();
let { container: containerOne } = render(
<Async
classNamePrefix="react-select"
cacheOptions
menuIsOpen
loadOptions={loadOptionsOne}
/>
);
userEvent.type(
containerOne.querySelector('div.react-select__input input'),
'a'
);
const asyncSelectTwoWrapper = mount(<Async cacheOptions />);
const instanceTwo = asyncSelectTwoWrapper.instance();
let loadOptionsTwo = jest.fn();
let { container: containerTwo } = render(
<Async
classNamePrefix="react-select"
cacheOptions
menuIsOpen
loadOptions={loadOptionsTwo}
/>
);
expect(instanceOne.optionsCache).not.toBe(instanceTwo.optionsCache);
userEvent.type(
containerTwo.querySelector('div.react-select__input input'),
'a'
);
expect(loadOptionsOne).toHaveBeenCalled();
expect(loadOptionsTwo).toHaveBeenCalled();
});

@@ -144,22 +183,34 @@

};
let asyncSelectWrapper = mount(
<Async className="react-select" classNamePrefix="react-select" loadOptions={loadOptions} />
let { container } = render(
<Async
className="react-select"
classNamePrefix="react-select"
loadOptions={loadOptions}
/>
);
let inputValueWrapper = asyncSelectWrapper.find(
'div.react-select__input input'
);
asyncSelectWrapper.setProps({ inputValue: 'foo' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'foo' } });
asyncSelectWrapper.setProps({ inputValue: 'bar' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'bar' } });
expect(asyncSelectWrapper.find(Option).exists()).toBeFalsy();
let input = container.querySelector('div.react-select__input input');
fireEvent.input(input, {
target: {
value: 'foo',
},
bubbles: true,
cancelable: true,
});
fireEvent.input(input, {
target: {
value: 'bar',
},
bubbles: true,
cancelable: true,
});
expect(container.querySelector('.react-select__option')).toBeFalsy();
callbacks[1]([{ value: 'bar', label: 'bar' }]);
callbacks[0]([{ value: 'foo', label: 'foo' }]);
asyncSelectWrapper.update();
expect(asyncSelectWrapper.find(Option).text()).toBe('bar');
expect(container.querySelector('.react-select__option').textContent).toBe(
'bar'
);
});
/**
* This throws a jsdom exception
*/
// QUESTION: we currently do not do this, do we want to?
test.skip('in case of callbacks should handle an error by setting options to an empty array', () => {

@@ -169,3 +220,3 @@ const loadOptions = (inputValue, callback) => {

};
let asyncSelectWrapper = mount(
let { container } = render(
<Async

@@ -178,9 +229,11 @@ className="react-select"

);
let inputValueWrapper = asyncSelectWrapper.find(
'div.react-select__input input'
);
asyncSelectWrapper.setProps({ inputValue: 'foo' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'foo' } });
asyncSelectWrapper.update();
expect(asyncSelectWrapper.find(Option).length).toBe(1);
let input = container.querySelector('div.react-select__input input');
fireEvent.input(input, {
target: {
value: 'foo',
},
bubbles: true,
cancelable: true,
});
expect(container.querySelectorAll('.react-select__option').length).toBe(0);
});
import React from 'react';
import { mount } from 'enzyme';
import toJson from 'enzyme-to-json';
import AsyncCreatable from '../AsyncCreatable';
import Select from '../Select';
import { components } from '../components';
import { OPTIONS } from './constants';
const { Menu, Option } = components;
import { render, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
test('defaults - snapshot', () => {
const tree = mount(<AsyncCreatable />);
expect(toJson(tree)).toMatchSnapshot();
const { container } = render(<AsyncCreatable />);
expect(container).toMatchSnapshot();
});
test('creates an inner Select', () => {
const asyncCreatableWrapper = mount(
<AsyncCreatable className="react-select" classNamePrefix="react-select"/>
const { container } = render(
<AsyncCreatable className="react-select" classNamePrefix="react-select" />
);
expect(asyncCreatableWrapper.find(Select).exists()).toBeTruthy();
expect(container.querySelector('.react-select')).toBeInTheDocument();
});
test('render decorated select with props passed', () => {
const asyncCreatableWrapper = mount(<AsyncCreatable className="foo" classNamePrefix="foo" />);
expect(asyncCreatableWrapper.find(Select).props().className).toBe('foo');
const { container } = render(
<AsyncCreatable className="foo" classNamePrefix="foo" />
);
expect(container.querySelector('.foo')).toBeInTheDocument();
});
test('to show the create option in menu', () => {
let asyncCreatableWrapper = mount(
<AsyncCreatable className="react-select" classNamePrefix="react-select"/>
let { container, rerender } = render(
<AsyncCreatable className="react-select" classNamePrefix="react-select" />
);
let inputValueWrapper = asyncCreatableWrapper.find(
'div.react-select__input input'
let input = container.querySelector('div.react-select__input input');
rerender(
<AsyncCreatable
className="react-select"
classNamePrefix="react-select"
inputValue="a"
/>
);
asyncCreatableWrapper.setProps({ inputValue: 'a' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'a' } });
expect(
asyncCreatableWrapper
.find(Option)
.last()
.text()
).toBe('Create "a"');
userEvent.type(input, 'a');
expect(container.querySelector('.react-select__option').textContent).toBe(
'Create "a"'
);
});
test('to show loading and then create option in menu', () => {
jest.useFakeTimers();
test('to show loading and then create option in menu', async () => {
let loadOptionsSpy = jest.fn((inputValue, callback) =>
setTimeout(() => callback(OPTIONS), 200)
);
let asyncCreatableWrapper = mount(
<AsyncCreatable className="react-select" classNamePrefix="react-select" loadOptions={loadOptionsSpy} />
let { container } = render(
<AsyncCreatable
className="react-select"
classNamePrefix="react-select"
loadOptions={loadOptionsSpy}
/>
);
let inputValueWrapper = asyncCreatableWrapper.find(
'div.react-select__input input'
);
asyncCreatableWrapper.setProps({ inputValue: 'a' });
inputValueWrapper.simulate('change', { currentTarget: { value: 'a' } });
let input = container.querySelector('div.react-select__input input');
userEvent.type(input, 'a');
// to show a loading message while loading options
expect(asyncCreatableWrapper.find(Menu).text()).toBe('Loading...');
jest.runAllTimers();
asyncCreatableWrapper.update();
// show create options once options are loaded
expect(
asyncCreatableWrapper
.find(Option)
.last()
.text()
).toBe('Create "a"');
expect(container.querySelector('.react-select__menu').textContent).toBe(
'Loading...'
);
await waitFor(() => {
// show create options once options are loaded
let options = container.querySelectorAll('.react-select__option');
expect(options[options.length - 1].textContent).toBe('Create "a"');
});
});

@@ -61,1 +61,6 @@ // @flow

];
export const OPTIONS_ACCENTED = [
{ label: 'school', value: 'en' },
{ label: 'école', value: 'fr' },
];
import React from 'react';
import { shallow, mount } from 'enzyme';
import toJson from 'enzyme-to-json';
import { render, fireEvent } from '@testing-library/react';
import cases from 'jest-in-case';

@@ -8,17 +7,28 @@

import { OPTIONS } from './constants';
import { components } from '../components';
const { Menu, NoOptionsMessage } = components;
const BASIC_PROPS = {
className: 'react-select',
classNamePrefix: 'react-select',
onChange: jest.fn(),
onInputChange: jest.fn(),
onMenuClose: jest.fn(),
onMenuOpen: jest.fn(),
name: 'test-input-name',
options: OPTIONS,
};
test('defaults - snapshot', () => {
const tree = shallow(<Creatable />);
expect(toJson(tree)).toMatchSnapshot();
const { container } = render(<Creatable />);
expect(container).toMatchSnapshot();
});
cases('filtered option is an exact match for an existing option',
({ props = { options: OPTIONS } }) => {
const creatableSelectWrapper = mount(<Creatable menuIsOpen {...props} />);
creatableSelectWrapper.setProps({ inputValue: 'one' });
expect(creatableSelectWrapper.find(Menu).text()).not.toEqual(
expect.stringContaining('create')
);
cases(
'filtered option is an exact match for an existing option',
({ props }) => {
props = { ...BASIC_PROPS, ...props };
const { container, rerender } = render(<Creatable menuIsOpen {...props} />);
rerender(<Creatable inputValue="one" menuIsOpen {...props} />);
expect(
container.querySelector('.react-select__menu').textContent
).not.toEqual(expect.stringContaining('create'));
},

@@ -36,13 +46,24 @@ {

cases('filterOptions returns invalid value ( null )',
({ props = { option: OPTIONS } }) => {
cases(
'filterOptions returns invalid value ( null )',
({ props }) => {
props = { ...BASIC_PROPS, ...props };
let filterOptionSpy = jest.fn().mockReturnValue(null);
const creatableSelectWrapper = mount(
const { container, rerender } = render(
<Creatable filterOption={filterOptionSpy} menuIsOpen {...props} />
);
creatableSelectWrapper.setProps({ inputValue: 'one' });
expect(creatableSelectWrapper.find(NoOptionsMessage).exists()).toBeTruthy();
expect(creatableSelectWrapper.find(Menu).text()).not.toEqual(
expect.stringContaining('create')
rerender(
<Creatable
filterOption={filterOptionSpy}
menuIsOpen
inputValue="one"
{...props}
/>
);
expect(
container.querySelector('.react-select__menu-notice--no-options')
.textContent
).toEqual(expect.stringContaining('No options'));
},

@@ -60,7 +81,13 @@ {

cases('inputValue does not match any option after filter',
({ props = { options: OPTIONS } }) => {
const creatableSelectWrapper = mount(<Creatable menuIsOpen {...props} />);
creatableSelectWrapper.setProps({ inputValue: 'option not is list' });
expect(creatableSelectWrapper.find(Menu).text()).toBe(
cases(
'inputValue does not match any option after filter',
({ props }) => {
props = { ...BASIC_PROPS, ...props };
const { container, rerender } = render(<Creatable menuIsOpen {...props} />);
rerender(
<Creatable menuIsOpen {...props} inputValue="option not is list" />
);
expect(container.querySelector('.react-select__menu').textContent).toBe(
'Create "option not is list"'

@@ -80,20 +107,44 @@ );

cases('isValidNewOption() prop',
({ props = { options: OPTIONS } }) => {
cases(
'isValidNewOption() prop',
({ props }) => {
props = { ...BASIC_PROPS, ...props };
let isValidNewOption = jest.fn(options => options === 'new Option');
const creatableSelectWrapper = mount(
<Creatable menuIsOpen {...props} isValidNewOption={isValidNewOption} />
const { container, rerender } = render(
<Creatable menuIsOpen isValidNewOption={isValidNewOption} {...props} />
);
creatableSelectWrapper.setProps({ inputValue: 'new Option' });
expect(creatableSelectWrapper.find(Menu).text()).toEqual(
expect.stringContaining('Create "new Option"')
rerender(
<Creatable
menuIsOpen
isValidNewOption={isValidNewOption}
{...props}
inputValue="new Option"
/>
);
expect(creatableSelectWrapper.find(NoOptionsMessage).exists()).toBeFalsy();
creatableSelectWrapper.setProps({ inputValue: 'invalid new Option' });
expect(creatableSelectWrapper.find(Menu).text()).not.toEqual(
expect.stringContaining('Create "invalid new Option"')
expect(container.querySelector('.react-select__menu').textContent).toEqual(
'Create "new Option"'
);
expect(creatableSelectWrapper.find(NoOptionsMessage).exists()).toBeTruthy();
expect(
container.querySelector('.react-select__menu-notice--no-options')
).toBeFalsy();
rerender(
<Creatable
menuIsOpen
isValidNewOption={isValidNewOption}
inputValue="invalid new Option"
{...props}
/>
);
expect(
container.querySelector('.react-select__menu').textContent
).not.toEqual('Create "invalid new Option"');
expect(
container.querySelector('.react-select__menu-notice--no-options')
).toBeTruthy();
},

@@ -111,14 +162,13 @@ {

cases('close by hitting escape with search text present',
({ props = { options: OPTIONS } }) => {
const creatableSelectWrapper = mount(<Creatable menuIsOpen {...props} />);
creatableSelectWrapper.setState({ inputValue: 'new Option' });
creatableSelectWrapper.update();
creatableSelectWrapper.simulate('keyDown', { keyCode: 27, key: 'Escape' });
creatableSelectWrapper.update();
expect(creatableSelectWrapper.state('inputValue')).toBe('');
cases(
'close by hitting escape with search text present',
({ props }) => {
props = { ...BASIC_PROPS, ...props };
const { container, rerender } = render(<Creatable menuIsOpen {...props} />);
rerender(<Creatable menuIsOpen inputValue="new Option" {...props} />);
fireEvent.keyDown(container, { keyCode: 27, key: 'Escape' });
expect(container.querySelector('input').textContent).toEqual('');
},
{
'single select > should remove the search text': {
},
'single select > should remove the search text': {},
'multi select > should remove the search text': {

@@ -134,12 +184,14 @@ props: {

test('should remove the new option after closing on blur', () => {
const creatableSelectWrapper = mount(
const { container, rerender } = render(
<Creatable menuIsOpen options={OPTIONS} />
);
creatableSelectWrapper.setState({ inputValue: 'new Option' });
creatableSelectWrapper.find('Control input').simulate('blur');
expect(creatableSelectWrapper.state('inputValue')).toBe('');
rerender(<Creatable menuIsOpen options={OPTIONS} inputValue="new Option" />);
fireEvent.blur(container);
expect(container.querySelector('input').textContent).toEqual('');
});
cases('getNewOptionData() prop',
({ props = { options: OPTIONS } }) => {
cases(
'getNewOptionData() prop',
({ props }) => {
props = { ...BASIC_PROPS, ...props };
let getNewOptionDataSpy = jest.fn(label => ({

@@ -149,13 +201,20 @@ label: `custom text ${label}`,

}));
const creatableSelectWrapper = mount(
<Creatable menuIsOpen {...props} getNewOptionData={getNewOptionDataSpy} />
const { container, rerender } = render(
<Creatable menuIsOpen getNewOptionData={getNewOptionDataSpy} {...props} />
);
creatableSelectWrapper.setState({ inputValue: 'new Option' });
expect(creatableSelectWrapper.find(Menu).text()).toEqual(
expect.stringContaining('custom text new Option')
rerender(
<Creatable
menuIsOpen
getNewOptionData={getNewOptionDataSpy}
inputValue="new Option"
{...props}
/>
);
expect(container.querySelector('.react-select__menu').textContent).toEqual(
'custom text new Option'
);
},
{
'single select > should create option as per label returned from getNewOptionData': {
},
'single select > should create option as per label returned from getNewOptionData': {},
'multi select > should create option as per label returned from getNewOptionData': {

@@ -170,15 +229,25 @@ props: {

cases('formatCreateLabel() prop',
cases(
'formatCreateLabel() prop',
({ props = { options: OPTIONS } }) => {
props = { ...BASIC_PROPS, ...props };
let formatCreateLabelSpy = jest.fn(label => `custom label "${label}"`);
const creatableSelectWrapper = mount(
const { container, rerender } = render(
<Creatable
menuIsOpen
formatCreateLabel={formatCreateLabelSpy}
{...props}
/>
);
rerender(
<Creatable
menuIsOpen
formatCreateLabel={formatCreateLabelSpy}
inputValue="new Option"
{...props}
/>
);
creatableSelectWrapper.setState({ inputValue: 'new Option' });
expect(creatableSelectWrapper.find(Menu).text()).toEqual(
expect.stringContaining('custom label "new Option"')
expect(container.querySelector('.react-select__menu').textContent).toEqual(
'custom label "new Option"'
);

@@ -185,0 +254,0 @@ },

import React from 'react';
import { shallow, mount } from 'enzyme';
import toJson from 'enzyme-to-json';
import { render, fireEvent } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import cases from 'jest-in-case';

@@ -8,22 +9,47 @@

import Select from '../';
import SelectBase from '../Select';
import { components } from '../components';
const { Control, Menu } = components;
function openMenu(container) {
expect(
container.querySelector('.react-select__menu')
).not.toBeInTheDocument();
toggleMenuOpen(container);
expect(container.querySelector('.react-select__menu')).toBeInTheDocument();
}
function toggleMenuOpen(container) {
fireEvent.mouseDown(
container.querySelector('.react-select__dropdown-indicator'),
{ button: 0 }
);
}
function closeMenu(container) {
expect(container.querySelector('.react-select__menu')).toBeInTheDocument();
toggleMenuOpen(container);
expect(
container.querySelector('.react-select__menu')
).not.toBeInTheDocument();
}
const BASIC_PROPS = {
className: 'react-select',
classNamePrefix: 'react-select',
onChange: jest.fn(),
onInputChange: jest.fn(),
onMenuClose: jest.fn(),
onMenuOpen: jest.fn(),
name: 'test-input-name',
options: OPTIONS,
name: 'test-input-name',
};
test('defaults > snapshot', () => {
const tree = shallow(<Select />);
expect(toJson(tree)).toMatchSnapshot();
const { container } = render(<Select />);
expect(container).toMatchSnapshot();
});
test('passes down the className prop', () => {
let selectWrapper = mount(<Select {...BASIC_PROPS} className="test-class" />);
expect(selectWrapper.find(SelectBase).props().className).toBe('test-class');
const { container } = render(<Select {...BASIC_PROPS} />);
expect(container.querySelector('.react-select')).toBeTruthy();
});

@@ -33,20 +59,13 @@

'click on dropdown indicator',
({ props = BASIC_PROPS }) => {
let selectWrapper = mount(<Select {...props} />);
({ props }) => {
let { container } = render(<Select {...props} />);
// Menu not open by defualt
expect(selectWrapper.find(Menu).exists()).toBeFalsy();
// Open Menu
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('mouseDown', { button: 0 });
expect(selectWrapper.find(Menu).exists()).toBeTruthy();
// close open menu
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('mouseDown', { button: 0 });
expect(selectWrapper.find(Menu).exists()).toBeFalsy();
expect(
container.querySelector('.react-select__menu')
).not.toBeInTheDocument();
openMenu(container);
closeMenu(container);
},
{
'single select > should toggle Menu': {},
'single select > should toggle Menu': { props: BASIC_PROPS },
'multi select > should toggle Menu': {

@@ -62,30 +81,27 @@ props: {

test('If menuIsOpen prop is passed Menu should not close on clicking Dropdown Indicator', () => {
let selectWrapper = mount(<Select {...BASIC_PROPS} menuIsOpen />);
expect(selectWrapper.find(Menu).exists()).toBeTruthy();
const { container } = render(<Select menuIsOpen {...BASIC_PROPS} />);
expect(container.querySelector('.react-select__menu')).toBeTruthy();
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('mouseDown', { button: 0 });
expect(selectWrapper.find(Menu).exists()).toBeTruthy();
toggleMenuOpen(container);
expect(container.querySelector('.react-select__menu')).toBeTruthy();
});
test('defaultMenuIsOpen prop > should open by menu default and clicking on Dropdown Indicator should toggle menu', () => {
let selectWrapper = mount(<Select {...BASIC_PROPS} defaultMenuIsOpen />);
expect(selectWrapper.find(Menu).exists()).toBeTruthy();
const { container } = render(<Select defaultMenuIsOpen {...BASIC_PROPS} />);
expect(container.querySelector('.react-select__menu')).toBeTruthy();
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('mouseDown', { button: 0 });
expect(selectWrapper.find(Menu).exists()).toBeFalsy();
toggleMenuOpen(container);
expect(container.querySelector('.react-select__menu')).toBeFalsy();
});
test('Menu is controllable by menuIsOpen prop', () => {
let selectWrapper = mount(<Select {...BASIC_PROPS} />);
expect(selectWrapper.find(Menu).exists()).toBeFalsy();
const menuClass = `.${BASIC_PROPS.classNamePrefix}__menu`;
const { container, rerender } = render(<Select {...BASIC_PROPS} />);
expect(container.querySelector(menuClass)).toBeFalsy();
selectWrapper.setProps({ menuIsOpen: true });
expect(selectWrapper.find(Menu).exists()).toBeTruthy();
rerender(<Select menuIsOpen {...BASIC_PROPS} />);
expect(container.querySelector(menuClass)).toBeTruthy();
selectWrapper.setProps({ menuIsOpen: false });
expect(selectWrapper.find(Menu).exists()).toBeFalsy();
rerender(<Select menuIsOpen={false} {...BASIC_PROPS} />);
expect(container.querySelector(menuClass)).toBeFalsy();
});

@@ -95,10 +111,13 @@

'Menu to open by default if menuIsOpen prop is true',
({ props = { ...BASIC_PROPS, menuIsOpen: true } }) => {
let selectWrapper = mount(<Select {...props} />);
expect(selectWrapper.find(Menu).exists()).toBeTruthy();
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('mouseDown', { button: 0 });
// menu is not closed
expect(selectWrapper.find(Menu).exists()).toBeTruthy();
({ props }) => {
props = { ...BASIC_PROPS, ...props, menuIsOpen: true };
const menuClass = `.${BASIC_PROPS.classNamePrefix}__menu`;
const { container } = render(<Select {...props} />);
expect(container.querySelector(menuClass)).toBeTruthy();
userEvent.click(
container.querySelector('div.react-select__dropdown-indicator')
);
expect(container.querySelector(menuClass)).toBeTruthy();
},

@@ -118,15 +137,20 @@ {

test('multi select > selecting multiple values', () => {
let selectWrapper = mount(<Select {...BASIC_PROPS} isMulti />);
// Open Menu
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('mouseDown', { button: 0 });
selectWrapper.find(Menu).simulate('keyDown', { keyCode: 13, key: 'Enter' });
expect(selectWrapper.find(Control).text()).toBe('0');
let { container } = render(<Select {...BASIC_PROPS} isMulti />);
openMenu(container);
fireEvent.keyDown(container.querySelector('.react-select__menu'), {
keyCode: 13,
key: 'Enter',
});
expect(container.querySelector('.react-select__control').textContent).toBe(
'0'
);
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('mouseDown', { button: 0 });
selectWrapper.find(Menu).simulate('keyDown', { keyCode: 13, key: 'Enter' });
expect(selectWrapper.find(Control).text()).toBe('01');
openMenu(container);
fireEvent.keyDown(container.querySelector('.react-select__menu'), {
keyCode: 13,
key: 'Enter',
});
expect(container.querySelector('.react-select__control').textContent).toBe(
'01'
);
});

@@ -136,12 +160,8 @@

const props = { ...BASIC_PROPS, defaultInputValue: '0' };
let selectWrapper = mount(<Select {...props} />);
expect(selectWrapper.find('Control input').props().value).toBe('0');
let input = selectWrapper.find('Control input').getDOMNode();
// Thit is to set the event.currentTarget.value
// Enzyme issue : https://github.com/airbnb/enzyme/issues/218
input.value = 'A';
selectWrapper
.find('Control input')
.simulate('change', { keyCode: 65, Key: 'A' });
expect(selectWrapper.find('Control input').props().value).toBe('A');
let { container } = render(<Select {...props} />);
let input = container.querySelector('.react-select__control input');
expect(input.value).toBe('0');
userEvent.type(input, 'A');
expect(input.value).toBe('0A');
});

@@ -151,11 +171,7 @@

const props = { ...BASIC_PROPS, inputValue: '0' };
let selectWrapper = mount(<Select {...props} />);
let input = selectWrapper.find('Control input').getDOMNode();
// Thit is to set the event.currentTarget.value
// Enzyme issue : https://github.com/airbnb/enzyme/issues/218
input.value = 'A';
selectWrapper
.find('Control input')
.simulate('change', { keyCode: 65, Key: 'A' });
expect(selectWrapper.find('Control input').props().value).toBe('0');
let { container } = render(<Select {...props} />);
let input = container.querySelector('.react-select__control input');
expect(input.value).toBe('0');
userEvent.type(input, 'A');
expect(input.value).toBe('0');
});

@@ -165,20 +181,14 @@

const props = { ...BASIC_PROPS, defaultValue: [OPTIONS[0]] };
let selectWrapper = mount(<Select {...props} menuIsOpen />);
expect(selectWrapper.find('input[type="hidden"]').props().value).toBe('zero');
selectWrapper
.find('div.react-select__option')
.at(1)
.simulate('click');
expect(selectWrapper.find('input[type="hidden"]').props().value).toBe('one');
let { container } = render(<Select {...props} menuIsOpen />);
expect(container.querySelector('input[type="hidden"]').value).toBe('zero');
userEvent.click(container.querySelectorAll('div.react-select__option')[1]);
expect(container.querySelector('input[type="hidden"]').value).toBe('one');
});
test('value prop > should update the value on selecting option', () => {
test('value prop > should not update the value on selecting option', () => {
const props = { ...BASIC_PROPS, value: [OPTIONS[0]] };
let selectWrapper = mount(<Select {...props} menuIsOpen />);
expect(selectWrapper.find('input[type="hidden"]').props().value).toBe('zero');
selectWrapper
.find('div.react-select__option')
.at(1)
.simulate('click');
expect(selectWrapper.find('input[type="hidden"]').props().value).toBe('zero');
let { container } = render(<Select {...props} menuIsOpen />);
expect(container.querySelector('input[type="hidden"]').value).toBe('zero');
userEvent.click(container.querySelectorAll('div.react-select__option')[1]);
expect(container.querySelector('input[type="hidden"]').value).toBe('zero');
});

@@ -190,12 +200,10 @@

props = { ...BASIC_PROPS },
event,
event: [eventName, eventArgs],
selectOption,
expectSelectedOption,
}) => {
let selectWrapper = mount(<Select {...props} />);
let toSelectOption = selectWrapper
.find('div.react-select__option')
.findWhere(n => n.props().children === selectOption.label);
toSelectOption.simulate(...event);
expect(selectWrapper.find('input[type="hidden"]').props().value).toBe(
let { container, getByText } = render(<Select {...props} />);
let toSelectOption = getByText(selectOption.label);
fireEvent[eventName](toSelectOption, eventArgs);
expect(container.querySelector('input[type="hidden"]').value).toBe(
expectSelectedOption

@@ -235,12 +243,15 @@ );

}) => {
let selectWrapper = mount(<Select {...props} />);
// open the menu
selectWrapper
.find('div.react-select__dropdown-indicator')
.simulate('keyDown', { keyCode: 40, key: 'ArrowDown' });
eventsToSimulate.map(eventToSimulate => {
selectWrapper.find(Menu).simulate(...eventToSimulate);
let { container } = render(<Select {...props} />);
openMenu(container);
eventsToSimulate.map(([eventName, eventArgs]) => {
fireEvent[eventName](
container.querySelector('.react-select__menu'),
eventArgs
);
});
selectWrapper.find(Menu).simulate('keyDown', { keyCode: 13, key: 'Enter' });
expect(selectWrapper.find('input[type="hidden"]').props().value).toBe(
fireEvent.keyDown(container.querySelector('.react-select__menu'), {
keyCode: 13,
key: 'Enter',
});
expect(container.querySelector('input[type="hidden"]').value).toBe(
expectedSelectedOption

@@ -247,0 +258,0 @@ );

@@ -28,5 +28,2 @@ // @flow

loadOptions: (string, (OptionsType) => void) => Promise<*> | void,
/* If cacheOptions is truthy, then the loaded data will be cached. The cache
will remain until `cacheOptions` changes value. */
cacheOptions: any,
/* Same behaviour as for Select */

@@ -33,0 +30,0 @@ onInputChange?: (string, InputActionMeta) => void,

@@ -18,2 +18,4 @@ // @flow

className?: string,
/** The ID of the form that the input belongs to */
form?: string,
};

@@ -20,0 +22,0 @@

// @flow
/** @jsx jsx */
import {
createContext,
Component,

@@ -11,3 +12,2 @@ type Element as ReactElement,

import { createPortal } from 'react-dom';
import PropTypes from 'prop-types';

@@ -262,2 +262,6 @@ import {

const PortalPlacementContext = createContext<{
getPortalPlacement?: (() => void) | null,
}>({ getPortalPlacement: null });
// NOTE: internal only

@@ -269,5 +273,4 @@ export class MenuPlacer extends Component<MenuPlacerProps, MenuState> {

};
static contextTypes = {
getPortalPlacement: PropTypes.func,
};
static contextType = PortalPlacementContext;
getPlacement = (ref: ElementRef<*>) => {

@@ -282,3 +285,2 @@ const {

} = this.props;
const { getPortalPlacement } = this.context;

@@ -301,2 +303,3 @@ if (!ref) return;

const { getPortalPlacement } = this.context;
if (getPortalPlacement) getPortalPlacement(state);

@@ -489,10 +492,2 @@

state = { placement: null };
static childContextTypes = {
getPortalPlacement: PropTypes.func,
};
getChildContext() {
return {
getPortalPlacement: this.getPortalPlacement,
};
}

@@ -535,4 +530,10 @@ // callback for occassions where the menu must "flip"

return appendTo ? createPortal(menuWrapper, appendTo) : menuWrapper;
return (
<PortalPlacementContext.Provider
value={{ getPortalPlacement: this.getPortalPlacement }}
>
{appendTo ? createPortal(menuWrapper, appendTo) : menuWrapper}
</PortalPlacementContext.Provider>
);
}
}
// @flow
const diacritics = [
{ 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 },
{ 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' },
{ base:'AA',letters:'\uA732' },
{ base:'AE',letters:'\u00C6\u01FC\u01E2' },
{ base:'AO',letters:'\uA734' },
{ base:'AU',letters:'\uA736' },
{ base:'AV',letters:'\uA738\uA73A' },
{ base:'AY',letters:'\uA73C' },
{ base:'B', letters:'\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181' },
{ base:'C', letters:'\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E' },
{ base:'D', letters:'\u0044\u24B9\uFF24\u1E0A\u010E\u1E0C\u1E10\u1E12\u1E0E\u0110\u018B\u018A\u0189\uA779' },
{ base:'DZ',letters:'\u01F1\u01C4' },
{ base:'Dz',letters:'\u01F2\u01C5' },
{ 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' },
{ base:'F', letters:'\u0046\u24BB\uFF26\u1E1E\u0191\uA77B' },
{ base:'G', letters:'\u0047\u24BC\uFF27\u01F4\u011C\u1E20\u011E\u0120\u01E6\u0122\u01E4\u0193\uA7A0\uA77D\uA77E' },
{ base:'H', letters:'\u0048\u24BD\uFF28\u0124\u1E22\u1E26\u021E\u1E24\u1E28\u1E2A\u0126\u2C67\u2C75\uA78D' },
{ base:'I', letters:'\u0049\u24BE\uFF29\u00CC\u00CD\u00CE\u0128\u012A\u012C\u0130\u00CF\u1E2E\u1EC8\u01CF\u0208\u020A\u1ECA\u012E\u1E2C\u0197' },
{ base:'J', letters:'\u004A\u24BF\uFF2A\u0134\u0248' },
{ base:'K', letters:'\u004B\u24C0\uFF2B\u1E30\u01E8\u1E32\u0136\u1E34\u0198\u2C69\uA740\uA742\uA744\uA7A2' },
{ base:'L', letters:'\u004C\u24C1\uFF2C\u013F\u0139\u013D\u1E36\u1E38\u013B\u1E3C\u1E3A\u0141\u023D\u2C62\u2C60\uA748\uA746\uA780' },
{ base:'LJ',letters:'\u01C7' },
{ base:'Lj',letters:'\u01C8' },
{ base:'M', letters:'\u004D\u24C2\uFF2D\u1E3E\u1E40\u1E42\u2C6E\u019C' },
{ base:'N', letters:'\u004E\u24C3\uFF2E\u01F8\u0143\u00D1\u1E44\u0147\u1E46\u0145\u1E4A\u1E48\u0220\u019D\uA790\uA7A4' },
{ base:'NJ',letters:'\u01CA' },
{ base:'Nj',letters:'\u01CB' },
{ 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' },
{ base:'OI',letters:'\u01A2' },
{ base:'OO',letters:'\uA74E' },
{ base:'OU',letters:'\u0222' },
{ base:'P', letters:'\u0050\u24C5\uFF30\u1E54\u1E56\u01A4\u2C63\uA750\uA752\uA754' },
{ base:'Q', letters:'\u0051\u24C6\uFF31\uA756\uA758\u024A' },
{ base:'R', letters:'\u0052\u24C7\uFF32\u0154\u1E58\u0158\u0210\u0212\u1E5A\u1E5C\u0156\u1E5E\u024C\u2C64\uA75A\uA7A6\uA782' },
{ base:'S', letters:'\u0053\u24C8\uFF33\u1E9E\u015A\u1E64\u015C\u1E60\u0160\u1E66\u1E62\u1E68\u0218\u015E\u2C7E\uA7A8\uA784' },
{ base:'T', letters:'\u0054\u24C9\uFF34\u1E6A\u0164\u1E6C\u021A\u0162\u1E70\u1E6E\u0166\u01AC\u01AE\u023E\uA786' },
{ base:'TZ',letters:'\uA728' },
{ 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' },
{ base:'V', letters:'\u0056\u24CB\uFF36\u1E7C\u1E7E\u01B2\uA75E\u0245' },
{ base:'VY',letters:'\uA760' },
{ base:'W', letters:'\u0057\u24CC\uFF37\u1E80\u1E82\u0174\u1E86\u1E84\u1E88\u2C72' },
{ base:'X', letters:'\u0058\u24CD\uFF38\u1E8A\u1E8C' },
{ base:'Y', letters:'\u0059\u24CE\uFF39\u1EF2\u00DD\u0176\u1EF8\u0232\u1E8E\u0178\u1EF6\u1EF4\u01B3\u024E\u1EFE' },
{ base:'Z', letters:'\u005A\u24CF\uFF3A\u0179\u1E90\u017B\u017D\u1E92\u1E94\u01B5\u0224\u2C7F\u2C6B\uA762' },
{ 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' },
{ base:'aa',letters:'\uA733' },
{ base:'ae',letters:'\u00E6\u01FD\u01E3' },
{ base:'ao',letters:'\uA735' },
{ base:'au',letters:'\uA737' },
{ base:'av',letters:'\uA739\uA73B' },
{ base:'ay',letters:'\uA73D' },
{ base:'b', letters:'\u0062\u24D1\uFF42\u1E03\u1E05\u1E07\u0180\u0183\u0253' },
{ base:'c', letters:'\u0063\u24D2\uFF43\u0107\u0109\u010B\u010D\u00E7\u1E09\u0188\u023C\uA73F\u2184' },
{ base:'d', letters:'\u0064\u24D3\uFF44\u1E0B\u010F\u1E0D\u1E11\u1E13\u1E0F\u0111\u018C\u0256\u0257\uA77A' },
{ base:'dz',letters:'\u01F3\u01C6' },
{ 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' },
{ base:'f', letters:'\u0066\u24D5\uFF46\u1E1F\u0192\uA77C' },
{ base:'g', letters:'\u0067\u24D6\uFF47\u01F5\u011D\u1E21\u011F\u0121\u01E7\u0123\u01E5\u0260\uA7A1\u1D79\uA77F' },
{ base:'h', letters:'\u0068\u24D7\uFF48\u0125\u1E23\u1E27\u021F\u1E25\u1E29\u1E2B\u1E96\u0127\u2C68\u2C76\u0265' },
{ base:'hv',letters:'\u0195' },
{ base:'i', letters:'\u0069\u24D8\uFF49\u00EC\u00ED\u00EE\u0129\u012B\u012D\u00EF\u1E2F\u1EC9\u01D0\u0209\u020B\u1ECB\u012F\u1E2D\u0268\u0131' },
{ base:'j', letters:'\u006A\u24D9\uFF4A\u0135\u01F0\u0249' },
{ base:'k', letters:'\u006B\u24DA\uFF4B\u1E31\u01E9\u1E33\u0137\u1E35\u0199\u2C6A\uA741\uA743\uA745\uA7A3' },
{ base:'l', letters:'\u006C\u24DB\uFF4C\u0140\u013A\u013E\u1E37\u1E39\u013C\u1E3D\u1E3B\u017F\u0142\u019A\u026B\u2C61\uA749\uA781\uA747' },
{ base:'lj',letters:'\u01C9' },
{ base:'m', letters:'\u006D\u24DC\uFF4D\u1E3F\u1E41\u1E43\u0271\u026F' },
{ base:'n', letters:'\u006E\u24DD\uFF4E\u01F9\u0144\u00F1\u1E45\u0148\u1E47\u0146\u1E4B\u1E49\u019E\u0272\u0149\uA791\uA7A5' },
{ base:'nj',letters:'\u01CC' },
{ 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' },
{ base:'oi',letters:'\u01A3' },
{ base:'ou',letters:'\u0223' },
{ base:'oo',letters:'\uA74F' },
{ base:'p', letters:'\u0070\u24DF\uFF50\u1E55\u1E57\u01A5\u1D7D\uA751\uA753\uA755' },
{ base:'q', letters:'\u0071\u24E0\uFF51\u024B\uA757\uA759' },
{ base:'r', letters:'\u0072\u24E1\uFF52\u0155\u1E59\u0159\u0211\u0213\u1E5B\u1E5D\u0157\u1E5F\u024D\u027D\uA75B\uA7A7\uA783' },
{ base:'s', letters:'\u0073\u24E2\uFF53\u00DF\u015B\u1E65\u015D\u1E61\u0161\u1E67\u1E63\u1E69\u0219\u015F\u023F\uA7A9\uA785\u1E9B' },
{ base:'t', letters:'\u0074\u24E3\uFF54\u1E6B\u1E97\u0165\u1E6D\u021B\u0163\u1E71\u1E6F\u0167\u01AD\u0288\u2C66\uA787' },
{ base:'tz',letters:'\uA729' },
{ 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' },
{ base:'v', letters:'\u0076\u24E5\uFF56\u1E7D\u1E7F\u028B\uA75F\u028C' },
{ base:'vy',letters:'\uA761' },
{ base:'w', letters:'\u0077\u24E6\uFF57\u1E81\u1E83\u0175\u1E87\u1E85\u1E98\u1E89\u2C73' },
{ base:'x', letters:'\u0078\u24E7\uFF58\u1E8B\u1E8D' },
{ base:'y', letters:'\u0079\u24E8\uFF59\u1EF3\u00FD\u0177\u1EF9\u0233\u1E8F\u00FF\u1EF7\u1E99\u1EF5\u01B4\u024F\u1EFF' },
{ base:'z', letters:'\u007A\u24E9\uFF5A\u017A\u1E91\u017C\u017E\u1E93\u1E95\u01B6\u0225\u0240\u2C6C\uA763' },
];
const anyDiacritic = new RegExp('[' + diacritics.map(d => d.letters).join('') + ']', 'g');
const diacriticToBase = {};
for (let i = 0; i < diacritics.length; i++) {
let diacritic = diacritics[i];
for (let j = 0; j < diacritic.letters.length; j++) {
diacriticToBase[diacritic.letters[j]] = diacritic.base;
}
}
export const stripDiacritics = (str: string) => {
for (let i = 0; i < diacritics.length; i++) {
str = str.replace(diacritics[i].letters, diacritics[i].base);
}
return str;
return str.replace(anyDiacritic, match => diacriticToBase[match]);
};

@@ -246,2 +246,4 @@ // @flow

value: ValueType,
/* Sets the form attribute on the input */
form?: string,
};

@@ -1043,3 +1045,3 @@

onTouchStart = ({ touches }: TouchEvent) => {
const touch = touches.item(0);
const touch = touches && touches.item(0);
if (!touch) {

@@ -1054,3 +1056,3 @@ return;

onTouchMove = ({ touches }: TouchEvent) => {
const touch = touches.item(0);
const touch = touches && touches.item(0);
if (!touch) {

@@ -1108,3 +1110,5 @@ return;

this.onInputChange(inputValue, { action: 'input-change' });
this.onMenuOpen();
if (!this.props.menuIsOpen) {
this.onMenuOpen();
}
};

@@ -1417,2 +1421,3 @@ onInputFocus = (event: SyntheticFocusEvent<HTMLInputElement>) => {

tabIndex,
form,
} = this.props;

@@ -1443,2 +1448,3 @@ const { Input } = this.components;

tabIndex={tabIndex}
form={form}
value=""

@@ -1469,2 +1475,3 @@ {...ariaAttributes}

tabIndex={tabIndex}
form={form}
theme={theme}

@@ -1821,4 +1828,4 @@ type="text"

<A11yText aria-live="polite">
<p id="aria-selection-event">&nbsp;{this.state.ariaLiveSelection}</p>
<p id="aria-context">&nbsp;{this.constructAriaLiveMessage()}</p>
<span id="aria-selection-event">&nbsp;{this.state.ariaLiveSelection}</span>
<span id="aria-context">&nbsp;{this.constructAriaLiveMessage()}</span>
</A11yText>

@@ -1825,0 +1832,0 @@ );

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc