@bigbinary/neetoui 8.3.76 → 8.3.77

package/dist/cjs/{react-select-creatable.esm-lcdODVBz.js → react-select-creatable.esm-CYabSQvs.js}

@@ -27,7 +27,10 @@ require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/typeof');
 require('@babel/runtime/helpers/defineProperty');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -44,7 +47,19 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var _objectSpread__default = /*#__PURE__*/_interopDefault(_objectSpread);
+var _classCallCheck__default = /*#__PURE__*/_interopDefault(_classCallCheck);
+var _createClass__default = /*#__PURE__*/_interopDefault(_createClass);
+var _inherits__default = /*#__PURE__*/_interopDefault(_inherits);
+var _createSuper__default = /*#__PURE__*/_interopDefault(_createSuper);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefault(_toConsumableArray);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var _slicedToArray__default = /*#__PURE__*/_interopDefault(_slicedToArray);
+var _typeof__default = /*#__PURE__*/_interopDefault(_typeof);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 
 /*
 
@@ -2634,7 +2649,7 @@ function classNames(prefix, state, className) {
 
 var cleanValue = function cleanValue(value) {
   if (isArray(value)) return value.filter(Boolean);
-  if (_typeof(value) === 'object' && value !== null) return [value];
+  if (_typeof__default.default(value) === 'object' && value !== null) return [value];
   return [];
 };
 
@@ -2657,8 +2672,8 @@ var cleanCommonProps = function cleanCommonProps(props) {
     props.selectProps;
     props.setValue;
     props.theme;
-    var innerProps = _objectWithoutProperties(props, _excluded$3);
-  return _objectSpread({}, innerProps);
+    var innerProps = _objectWithoutProperties__default.default(props, _excluded$3);
+  return _objectSpread__default.default({}, innerProps);
 };
 
 // ==============================
@@ -2855,12 +2870,12 @@ var removeProps = function removeProps(propsObj) {
     properties[_key - 1] = arguments[_key];
   }
   var propsMap = Object.entries(propsObj).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 1),
+    var _ref2 = _slicedToArray__default.default(_ref, 1),
       key = _ref2[0];
     return !properties.includes(key);
   });
   return propsMap.reduce(function (newProps, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
+    var _ref4 = _slicedToArray__default.default(_ref3, 2),
       key = _ref4[0],
       val = _ref4[1];
     newProps[key] = val;
@@ -3044,7 +3059,7 @@ var menuCSS = function menuCSS(_ref2) {
     colors = _ref2$theme.colors;
   return _ref3 = {
     label: 'menu'
-  }, _defineProperty(_ref3, alignToControl(placement), '100%'), _defineProperty(_ref3, "backgroundColor", colors.neutral0), _defineProperty(_ref3, "borderRadius", borderRadius), _defineProperty(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty(_ref3, "marginBottom", spacing.menuGutter), _defineProperty(_ref3, "marginTop", spacing.menuGutter), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "width", '100%'), _defineProperty(_ref3, "zIndex", 1), _ref3;
+  }, _defineProperty__default.default(_ref3, alignToControl(placement), '100%'), _defineProperty__default.default(_ref3, "backgroundColor", colors.neutral0), _defineProperty__default.default(_ref3, "borderRadius", borderRadius), _defineProperty__default.default(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty__default.default(_ref3, "marginBottom", spacing.menuGutter), _defineProperty__default.default(_ref3, "marginTop", spacing.menuGutter), _defineProperty__default.default(_ref3, "position", 'absolute'), _defineProperty__default.default(_ref3, "width", '100%'), _defineProperty__default.default(_ref3, "zIndex", 1), _ref3;
 };
 var PortalPlacementContext = /*#__PURE__*/React.createContext(null);
 
@@ -3061,11 +3076,11 @@ var MenuPlacer = function MenuPlacer(props) {
     setPortalPlacement = _ref4.setPortalPlacement;
   var ref = React.useRef(null);
   var _useState = React.useState(maxMenuHeight),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     maxHeight = _useState2[0],
     setMaxHeight = _useState2[1];
   var _useState3 = React.useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     placement = _useState4[0],
     setPlacement = _useState4[1];
   index(function () {
@@ -3090,7 +3105,7 @@ var MenuPlacer = function MenuPlacer(props) {
   }, [maxMenuHeight, menuPlacement, menuPosition, menuShouldScrollIntoView, minMenuHeight, setPortalPlacement, theme]);
   return children({
     ref: ref,
-    placerProps: _objectSpread(_objectSpread({}, props), {}, {
+    placerProps: _objectSpread__default.default(_objectSpread__default.default({}, props), {}, {
       placement: placement || coercePlacement(menuPlacement),
       maxHeight: maxHeight
     })
@@ -3103,7 +3118,7 @@ var Menu = function Menu(props) {
     getStyles = props.getStyles,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('menu', props),
     className: cx({
       menu: true
@@ -3137,7 +3152,7 @@ var MenuList = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('menuList', props),
     className: cx({
       'menu-list': true,
@@ -3169,7 +3184,7 @@ var NoOptionsMessage = function NoOptionsMessage(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('noOptionsMessage', props),
     className: cx({
       'menu-notice': true,
@@ -3186,7 +3201,7 @@ var LoadingMessage = function LoadingMessage(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('loadingMessage', props),
     className: cx({
       'menu-notice': true,
@@ -3227,7 +3242,7 @@ var MenuPortal = function MenuPortal(_ref8) {
   var menuPortalRef = React.useRef(null);
   var cleanupRef = React.useRef(null);
   var _useState5 = React.useState(coercePlacement(menuPlacement)),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     placement = _useState6[0],
     setPortalPlacement = _useState6[1];
   var portalPlacementContext = React.useMemo(function () {
@@ -3236,7 +3251,7 @@ var MenuPortal = function MenuPortal(_ref8) {
     };
   }, []);
   var _useState7 = React.useState(null),
-    _useState8 = _slicedToArray(_useState7, 2),
+    _useState8 = _slicedToArray__default.default(_useState7, 2),
     computedPosition = _useState8[0],
     setComputedPosition = _useState8[1];
   var updateComputedPosition = React.useCallback(function () {
@@ -3277,7 +3292,7 @@ var MenuPortal = function MenuPortal(_ref8) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
 
   // same wrapper element whether fixed or portalled
-  var menuWrapper = jsx("div", _extends({
+  var menuWrapper = jsx("div", _extends__default.default({
     ref: setMenuPortalElement,
     css: getStyles('menuPortal', {
       offset: computedPosition.offset,
@@ -3312,7 +3327,7 @@ var SelectContainer = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('container', props),
     className: cx({
       '--is-disabled': isDisabled,
@@ -3349,7 +3364,7 @@ var ValueContainer = function ValueContainer(props) {
     isMulti = props.isMulti,
     getStyles = props.getStyles,
     hasValue = props.hasValue;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('valueContainer', props),
     className: cx({
       'value-container': true,
@@ -3377,7 +3392,7 @@ var IndicatorsContainer = function IndicatorsContainer(props) {
     cx = props.cx,
     innerProps = props.innerProps,
     getStyles = props.getStyles;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('indicatorsContainer', props),
     className: cx({
       indicators: true
@@ -3397,8 +3412,8 @@ var _ref2$2 = {
 
 var Svg = function Svg(_ref) {
   var size = _ref.size,
-    props = _objectWithoutProperties(_ref, _excluded$2$1);
-  return jsx("svg", _extends({
+    props = _objectWithoutProperties__default.default(_ref, _excluded$2$1);
+  return jsx("svg", _extends__default.default({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -3408,14 +3423,14 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return jsx(Svg, _extends({
+  return jsx(Svg, _extends__default.default({
     size: 20
   }, props), jsx("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return jsx(Svg, _extends({
+  return jsx(Svg, _extends__default.default({
     size: 20
   }, props), jsx("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -3449,7 +3464,7 @@ var DropdownIndicator = function DropdownIndicator(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('dropdownIndicator', props),
     className: cx({
       indicator: true,
@@ -3464,7 +3479,7 @@ var ClearIndicator = function ClearIndicator(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('clearIndicator', props),
     className: cx({
       indicator: true,
@@ -3496,7 +3511,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("span", _extends({}, innerProps, {
+  return jsx("span", _extends__default.default({}, innerProps, {
     css: getStyles('indicatorSeparator', props),
     className: cx({
       'indicator-separator': true
@@ -3508,7 +3523,7 @@ var IndicatorSeparator = function IndicatorSeparator(props) {
 // Loading
 // ==============================
 
-var loadingDotAnimations = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
+var loadingDotAnimations = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  0%, 80%, 100% { opacity: 0; }\n  40% { opacity: 1; }\n"])));
 var loadingIndicatorCSS = function loadingIndicatorCSS(_ref5) {
   var isFocused = _ref5.isFocused,
     size = _ref5.size,
@@ -3551,7 +3566,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
     getStyles = props.getStyles,
     innerProps = props.innerProps,
     isRtl = props.isRtl;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('loadingIndicator', props),
     className: cx({
       indicator: true,
@@ -3611,7 +3626,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     ref: innerRef,
     css: getStyles('control', props),
     className: cx({
@@ -3642,12 +3657,12 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('group', props),
     className: cx({
       group: true
     }, className)
-  }, innerProps), jsx(Heading, _extends({}, headingProps, {
+  }, innerProps), jsx(Heading, _extends__default.default({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -3675,8 +3690,8 @@ var GroupHeading = function GroupHeading(props) {
     className = props.className;
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
-    var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
-  return jsx("div", _extends({
+    var innerProps = _objectWithoutProperties__default.default(_cleanCommonProps, _excluded$1$1);
+  return jsx("div", _extends__default.default({
     css: getStyles('groupHeading', props),
     className: cx({
       'group-heading': true
@@ -3691,7 +3706,7 @@ var inputCSS = function inputCSS(_ref) {
     _ref$theme = _ref.theme,
     spacing = _ref$theme.spacing,
     colors = _ref$theme.colors;
-  return _objectSpread({
+  return _objectSpread__default.default({
     margin: spacing.baseUnit / 2,
     paddingBottom: spacing.baseUnit / 2,
     paddingTop: spacing.baseUnit / 2,
@@ -3716,14 +3731,14 @@ var containerStyle = {
   display: 'inline-grid',
   gridArea: '1 / 1 / 2 / 3',
   gridTemplateColumns: '0 min-content',
-  '&:after': _objectSpread({
+  '&:after': _objectSpread__default.default({
     content: 'attr(data-value) " "',
     visibility: 'hidden',
     whiteSpace: 'pre'
   }, spacingStyle)
 };
 var inputStyle = function inputStyle(isHidden) {
-  return _objectSpread({
+  return _objectSpread__default.default({
     label: 'input',
     color: 'inherit',
     background: 0,
@@ -3741,14 +3756,14 @@ var Input = function Input(props) {
     isDisabled = _cleanCommonProps.isDisabled,
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
-    innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$4);
+    innerProps = _objectWithoutProperties__default.default(_cleanCommonProps, _excluded$4);
   return jsx("div", {
     className: cx({
       'input-container': true
     }, className),
     css: getStyles('input', props),
     "data-value": value || ''
-  }, jsx("input", _extends({
+  }, jsx("input", _extends__default.default({
     className: cx({
       input: true
     }, inputClassName),
@@ -3818,7 +3833,7 @@ var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     role: "button"
   }, innerProps), children || jsx(CrossIcon, {
     size: 14
@@ -3843,7 +3858,7 @@ var MultiValue = function MultiValue(props) {
       emotionCx = _ref6.cx;
     return jsx(Container, {
       data: data,
-      innerProps: _objectSpread({
+      innerProps: _objectSpread__default.default({
         className: emotionCx(css(getStyles('multiValue', props)), cx({
           'multi-value': true,
           'multi-value--is-disabled': isDisabled
@@ -3860,7 +3875,7 @@ var MultiValue = function MultiValue(props) {
       selectProps: selectProps
     }, children), jsx(Remove, {
       data: data,
-      innerProps: _objectSpread({
+      innerProps: _objectSpread__default.default({
         className: emotionCx(css(getStyles('multiValueRemove', props)), cx({
           'multi-value__remove': true
         }, className)),
@@ -3905,7 +3920,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('option', props),
     className: cx({
       option: true,
@@ -3936,7 +3951,7 @@ var Placeholder = function Placeholder(props) {
     cx = props.cx,
     getStyles = props.getStyles,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('placeholder', props),
     className: cx({
       placeholder: true
@@ -3968,7 +3983,7 @@ var SingleValue = function SingleValue(props) {
     getStyles = props.getStyles,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return jsx("div", _extends({
+  return jsx("div", _extends__default.default({
     css: getStyles('singleValue', props),
     className: cx({
       'single-value': true,
@@ -4005,7 +4020,7 @@ var components = {
   ValueContainer: ValueContainer
 };
 var defaultComponents = function defaultComponents(props) {
-  return _objectSpread(_objectSpread({}, components), props.components);
+  return _objectSpread__default.default(_objectSpread__default.default({}, components), props.components);
 };
 
 var safeIsNaN = Number.isNaN ||
@@ -4064,7 +4079,7 @@ var _ref = {
   styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"
 } ;
 var A11yText = function A11yText(props) {
-  return jsx("span", _extends({
+  return jsx("span", _extends__default.default({
     css: _ref
   }, props));
 };
@@ -4161,7 +4176,7 @@ var LiveRegion = function LiveRegion(props) {
 
   // Update aria live message configuration when prop changes
   var messages = React.useMemo(function () {
-    return _objectSpread(_objectSpread({}, defaultAriaLiveMessages), ariaLiveMessages || {});
+    return _objectSpread__default.default(_objectSpread__default.default({}, defaultAriaLiveMessages), ariaLiveMessages || {});
   }, [ariaLiveMessages]);
 
   // Update aria live selected option when prop changes
@@ -4185,7 +4200,7 @@ var LiveRegion = function LiveRegion(props) {
       // If there are multiple items from the action then return an array of labels
       var multiSelected = selectedOptions || removedValues || undefined;
       var labels = multiSelected ? multiSelected.map(getOptionLabel) : [];
-      var onChangeProps = _objectSpread({
+      var onChangeProps = _objectSpread__default.default({
         // multiSelected items are usually items that have already been selected
         // or set by the user as a default value so we assume they are not disabled
         isDisabled: selected && isOptionDisabled(selected, selectValue),
@@ -4538,7 +4553,7 @@ var createFilter = function createFilter(config) {
   return function (option, rawInput) {
     // eslint-disable-next-line no-underscore-dangle
     if (option.data.__isNew__) return true;
-    var _ignoreCase$ignoreAcc = _objectSpread({
+    var _ignoreCase$ignoreAcc = _objectSpread__default.default({
         ignoreCase: true,
         ignoreAccents: true,
         stringify: defaultStringify,
@@ -4567,10 +4582,10 @@ var createFilter = function createFilter(config) {
 var _excluded$2 = ["innerRef"];
 function DummyInput(_ref) {
   var innerRef = _ref.innerRef,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties__default.default(_ref, _excluded$2);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return jsx("input", _extends({
+  return jsx("input", _extends__default.default({
     ref: innerRef
   }, filteredProps, {
     css: /*#__PURE__*/css$2({
@@ -5034,7 +5049,7 @@ function buildCategorizedOptions(props, selectValue) {
 function buildFocusableOptionsFromCategorizedOptions(categorizedOptions) {
   return categorizedOptions.reduce(function (optionsAccumulator, categorizedOption) {
     if (categorizedOption.type === 'group') {
-      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray(categorizedOption.options.map(function (option) {
+      optionsAccumulator.push.apply(optionsAccumulator, _toConsumableArray__default.default(categorizedOption.options.map(function (option) {
         return option.data;
       })));
     } else {
@@ -5110,8 +5125,8 @@ var shouldHideSelectedOptions = function shouldHideSelectedOptions(props) {
 };
 var instanceId = 1;
 var Select = /*#__PURE__*/function (_Component) {
-  _inherits(Select, _Component);
-  var _super = _createSuper(Select);
+  _inherits__default.default(Select, _Component);
+  var _super = _createSuper__default.default(Select);
   // Misc. Instance Properties
   // ------------------------------
 
@@ -5125,7 +5140,7 @@ var Select = /*#__PURE__*/function (_Component) {
 
   function Select(_props) {
     var _this;
-    _classCallCheck(this, Select);
+    _classCallCheck__default.default(this, Select);
     _this = _super.call(this, _props);
     _this.state = {
       ariaSelection: null,
@@ -5214,7 +5229,7 @@ var Select = /*#__PURE__*/function (_Component) {
       } else if (!isDisabled) {
         // Select option if option is not disabled
         if (isMulti) {
-          _this.setValue(multiValueAsValue([].concat(_toConsumableArray(selectValue), [newValue])), 'select-option', newValue);
+          _this.setValue(multiValueAsValue([].concat(_toConsumableArray__default.default(selectValue), [newValue])), 'select-option', newValue);
         } else {
           _this.setValue(singleValueAsValue(newValue), 'select-option');
         }
@@ -5303,7 +5318,7 @@ var Select = /*#__PURE__*/function (_Component) {
     };
     _this.ariaOnChange = function (value, actionMeta) {
       _this.setState({
-        ariaSelection: _objectSpread({
+        ariaSelection: _objectSpread__default.default({
           value: value
         }, actionMeta)
       });
@@ -5649,7 +5664,7 @@ var Select = /*#__PURE__*/function (_Component) {
     }
     return _this;
   }
-  _createClass(Select, [{
+  _createClass__default.default(Select, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.startListeningComposition();
@@ -5869,7 +5884,7 @@ var Select = /*#__PURE__*/function (_Component) {
       }
       // Otherwise, if a plain theme object was passed in,
       // overlay it with the default theme.
-      return _objectSpread(_objectSpread({}, defaultTheme), this.props.theme);
+      return _objectSpread__default.default(_objectSpread__default.default({}, defaultTheme), this.props.theme);
     }
   }, {
     key: "getCommonProps",
@@ -6031,7 +6046,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var id = inputId || this.getElementId('input');
 
       // aria attributes makes the JSX "noisy", separated for clarity
-      var ariaAttributes = _objectSpread(_objectSpread(_objectSpread({
+      var ariaAttributes = _objectSpread__default.default(_objectSpread__default.default(_objectSpread__default.default({
         'aria-autocomplete': 'list',
         'aria-expanded': menuIsOpen,
         'aria-haspopup': true,
@@ -6053,7 +6068,7 @@ var Select = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends({
+        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends__default.default({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -6066,7 +6081,7 @@ var Select = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React__namespace.createElement(Input, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(Input, _extends__default.default({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -6107,7 +6122,7 @@ var Select = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends__default.default({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -6120,7 +6135,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends__default.default({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -6149,7 +6164,7 @@ var Select = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends__default.default({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -6172,7 +6187,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends__default.default({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -6191,7 +6206,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends__default.default({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -6209,7 +6224,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends__default.default({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -6228,7 +6243,7 @@ var Select = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends__default.default({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -6290,7 +6305,7 @@ var Select = /*#__PURE__*/function (_Component) {
           onMouseOver: onHover,
           tabIndex: -1
         };
-        return /*#__PURE__*/React__namespace.createElement(Option, _extends({}, commonProps, {
+        return /*#__PURE__*/React__namespace.createElement(Option, _extends__default.default({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -6312,7 +6327,7 @@ var Select = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React__namespace.createElement(Group, _extends({}, commonProps, {
+            return /*#__PURE__*/React__namespace.createElement(Group, _extends__default.default({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -6349,12 +6364,12 @@ var Select = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends__default.default({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React__namespace.createElement(Menu, _extends({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React__namespace.createElement(Menu, _extends__default.default({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -6369,7 +6384,7 @@ var Select = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends__default.default({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -6384,7 +6399,7 @@ var Select = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends__default.default({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -6454,7 +6469,7 @@ var Select = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LiveRegion, _extends__default.default({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -6479,7 +6494,7 @@ var Select = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends__default.default({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -6487,7 +6502,7 @@ var Select = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends__default.default({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -6496,9 +6511,9 @@ var Select = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends({}, commonProps, {
+      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends__default.default({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends__default.default({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -6552,7 +6567,7 @@ var Select = /*#__PURE__*/function (_Component) {
       if ((ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === 'initial-input-focus') {
         newAriaSelection = null;
       }
-      return _objectSpread(_objectSpread(_objectSpread({}, newMenuOptionsState), newInputIsHiddenState), {}, {
+      return _objectSpread__default.default(_objectSpread__default.default(_objectSpread__default.default({}, newMenuOptionsState), newInputIsHiddenState), {}, {
         prevProps: props,
         ariaSelection: newAriaSelection,
         prevWasFocused: hasKeptFocus
@@ -6578,17 +6593,17 @@ function useStateManager(_ref) {
     propsOnMenuClose = _ref.onMenuClose,
     propsOnMenuOpen = _ref.onMenuOpen,
     propsValue = _ref.value,
-    restSelectProps = _objectWithoutProperties(_ref, _excluded$1);
+    restSelectProps = _objectWithoutProperties__default.default(_ref, _excluded$1);
   var _useState = React.useState(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
-    _useState2 = _slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray__default.default(_useState, 2),
     stateInputValue = _useState2[0],
     setStateInputValue = _useState2[1];
   var _useState3 = React.useState(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
-    _useState4 = _slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray__default.default(_useState3, 2),
     stateMenuIsOpen = _useState4[0],
     setStateMenuIsOpen = _useState4[1];
   var _useState5 = React.useState(propsValue !== undefined ? propsValue : defaultValue),
-    _useState6 = _slicedToArray(_useState5, 2),
+    _useState6 = _slicedToArray__default.default(_useState5, 2),
     stateValue = _useState6[0],
     setStateValue = _useState6[1];
   var onChange = React.useCallback(function (value, actionMeta) {
@@ -6619,7 +6634,7 @@ function useStateManager(_ref) {
   var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;
   var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;
   var value = propsValue !== undefined ? propsValue : stateValue;
-  return _objectSpread(_objectSpread({}, restSelectProps), {}, {
+  return _objectSpread__default.default(_objectSpread__default.default({}, restSelectProps), {}, {
     inputValue: inputValue,
     menuIsOpen: menuIsOpen,
     onChange: onChange,
@@ -6674,7 +6689,7 @@ function useCreatable(_ref) {
     _ref$options = _ref.options,
     propsOptions = _ref$options === void 0 ? [] : _ref$options,
     propsOnChange = _ref.onChange,
-    restSelectProps = _objectWithoutProperties(_ref, _excluded);
+    restSelectProps = _objectWithoutProperties__default.default(_ref, _excluded);
   var _restSelectProps$getO = restSelectProps.getOptionValue,
     getOptionValue$1$1 = _restSelectProps$getO === void 0 ? getOptionValue$1 : _restSelectProps$getO,
     _restSelectProps$getO2 = restSelectProps.getOptionLabel,
@@ -6691,7 +6706,7 @@ function useCreatable(_ref) {
     }) ? getNewOptionData(inputValue, formatCreateLabel(inputValue)) : undefined;
   }, [formatCreateLabel, getNewOptionData, getOptionLabel$1$1, getOptionValue$1$1, inputValue, isValidNewOption, propsOptions, value]);
   var options = React.useMemo(function () {
-    return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray(propsOptions)) : [].concat(_toConsumableArray(propsOptions), [newOption]) : propsOptions;
+    return (allowCreateWhileLoading || !isLoading) && newOption ? createOptionPosition === 'first' ? [newOption].concat(_toConsumableArray__default.default(propsOptions)) : [].concat(_toConsumableArray__default.default(propsOptions), [newOption]) : propsOptions;
   }, [allowCreateWhileLoading, createOptionPosition, isLoading, newOption, propsOptions]);
   var onChange = React.useCallback(function (newValue, actionMeta) {
     if (actionMeta.action !== 'select-option') {
@@ -6706,13 +6721,13 @@ function useCreatable(_ref) {
           name: name,
           option: newOptionData
         };
-        propsOnChange(valueTernary(isMulti, [].concat(_toConsumableArray(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
+        propsOnChange(valueTernary(isMulti, [].concat(_toConsumableArray__default.default(cleanValue(value)), [newOptionData]), newOptionData), newActionMeta);
       }
       return;
     }
     propsOnChange(newValue, actionMeta);
   }, [getNewOptionData, inputValue, isMulti, name, newOption, onCreateOption, propsOnChange, value]);
-  return _objectSpread(_objectSpread({}, restSelectProps), {}, {
+  return _objectSpread__default.default(_objectSpread__default.default({}, restSelectProps), {}, {
     options: options,
     onChange: onChange
   });
@@ -6721,7 +6736,7 @@ function useCreatable(_ref) {
 var CreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var creatableProps = useStateManager(props);
   var selectProps = useCreatable(creatableProps);
-  return /*#__PURE__*/React__namespace.createElement(Select, _extends({
+  return /*#__PURE__*/React__namespace.createElement(Select, _extends__default.default({
     ref: ref
   }, selectProps));
 });
@@ -6732,4 +6747,4 @@ exports.components = components;
 exports.handleInputChange = handleInputChange;
 exports.useCreatable = useCreatable;
 exports.useStateManager = useStateManager;
-//# sourceMappingURL=react-select-creatable.esm-lcdODVBz.js.map
+//# sourceMappingURL=react-select-creatable.esm-CYabSQvs.js.map