@luminati-io/uikit 3.1.5 → 3.1.7

package/dist/umd/uikit.development.js

@@ -24434,8 +24434,8 @@ var buildComponents = function buildComponents(props) {
     },
     DropdownIndicator: _dropdown_indicator__WEBPACK_IMPORTED_MODULE_1__["default"],
     ClearIndicator: _clear_indicator__WEBPACK_IMPORTED_MODULE_0__["default"],
-    MenuList: _menu_list__WEBPACK_IMPORTED_MODULE_3__["default"],
-    Group: _group__WEBPACK_IMPORTED_MODULE_2__["default"],
+    MenuList: _menu_list__WEBPACK_IMPORTED_MODULE_3__.MenuList,
+    Group: _group__WEBPACK_IMPORTED_MODULE_2__.Group,
     Option: _option__WEBPACK_IMPORTED_MODULE_4__.Option
   }, props.components);
   if (props.virtualized) {
@@ -24527,27 +24527,26 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Dropdown: () => (/* binding */ Dropdown)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
-/* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react-select */ "./node_modules/react-select/dist/react-select.esm.js");
+/* harmony import */ var react_select_creatable__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-select/creatable */ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js");
+/* harmony import */ var react_select_async__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-select/async */ "./node_modules/react-select/async/dist/react-select-async.esm.js");
+/* harmony import */ var react_select_async_creatable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-select/async-creatable */ "./node_modules/react-select/async-creatable/dist/react-select-async-creatable.esm.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../translation */ "./src/translation.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
-/* harmony import */ var _build_components__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./build_components */ "./src/input/dropdown/build_components.js");
-/* harmony import */ var _use_custom_styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./use_custom_styles */ "./src/input/dropdown/use_custom_styles.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/utils.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
+/* harmony import */ var _build_components__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./build_components */ "./src/input/dropdown/build_components.js");
+/* harmony import */ var _use_custom_styles__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./use_custom_styles */ "./src/input/dropdown/use_custom_styles.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
-var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected"];
+var _excluded = ["label", "labelIcon", "required", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "onCreateOption", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "async", "isLoading", "loadOptions"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
@@ -24562,11 +24561,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, forwardRef) {
+
+
+var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
   var label = props.label,
     labelIcon = props.labelIcon,
     required = props.required,
-    size = props.size,
     value = props.value,
     defaultValue = props.defaultValue,
     placeholder = props.placeholder,
@@ -24593,31 +24593,37 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     getOptionLabel = props.getOptionLabel,
     isOptionDisabled = props.isOptionDisabled,
     isOptionSelected = props.isOptionSelected,
+    async = props.async,
+    isLoading = props.isLoading,
+    loadOptions = props.loadOptions,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useLabelId)(props.id);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(props.id);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
-  var styles = (0,_use_custom_styles__WEBPACK_IMPORTED_MODULE_10__.useCustomStyles)(size);
-  var SelectComp = creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_11__["default"];
-  var _isOptionDisabled = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  var styles = (0,_use_custom_styles__WEBPACK_IMPORTED_MODULE_11__.useCustomStyles)(props);
+  var SelectComp = getComponent({
+    async: async,
+    creatable: creatable
+  });
+  var _isOptionDisabled = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return isOptionDisabled || function (opt) {
       return opt.disabled;
     };
   }, [isOptionDisabled]);
-  var _hideSelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  var _hideSelectedOptions = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return props.autosize === false ? false : hideSelectedOptions;
   }, [props.autosize, hideSelectedOptions]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
     ref: forwardRef,
     "data-testid": "dropdown"
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'components', 'virtualized', 'autosize', 'maxToShow', 'components'), {
+  }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getCommonProps)(rest), {
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].spacing['02']
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_8__.InputLabel, {
+    gap: "02"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.InputLabel, {
     id: labelId,
     label: label,
     labelIcon: labelIcon,
     required: required
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SelectComp, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SelectComp, {
     filterOption: filterOption,
     formatOptionLabel: formatOptionLabel,
     "aria-labelledby": label ? labelId : undefined,
@@ -24635,7 +24641,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     isDisabled: disabled,
     required: required,
     styles: styles,
-    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_9__.buildComponents)(props),
+    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_10__.buildComponents)(props),
     classNamePrefix: classNamePrefix,
     menuPortalTarget: menuPortalTarget,
     onChangeCapture: onChangeCapture,
@@ -24646,50 +24652,60 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     getOptionValue: getOptionValue,
     getOptionLabel: getOptionLabel,
     isOptionDisabled: _isOptionDisabled,
-    isOptionSelected: isOptionSelected
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_8__.HelperText, {
+    isOptionSelected: isOptionSelected,
+    isLoading: isLoading,
+    loadOptions: loadOptions
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
     invalid: invalid
   }, helperText));
 });
 Dropdown.displayName = 'Dropdown';
 Dropdown.propTypes = {
-  value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
-  defaultValue: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
-  filterOption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  formatOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  helperText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
-  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)).isRequired,
-  multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  clearable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  creatable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['bottom', 'auto', 'top']),
-  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  autosize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  hideSelectedOptions: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  onInputChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getOptionValue: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  isOptionDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  isOptionSelected: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  components: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)
+  value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  defaultValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  filterOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  formatOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  label: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  helperText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
+  multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  clearable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  creatable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onCreateOption: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['bottom', 'auto', 'top']),
+  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  autosize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  hideSelectedOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onInputChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getOptionValue: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getOptionLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isOptionDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isOptionSelected: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  async: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  loadOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  components: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  styles: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
 };
 Dropdown.defaultProps = {
   size: 'sm',
   clearable: false,
   menuPlacement: 'auto'
 };
+var getComponent = function getComponent(opt) {
+  if (opt.async) return opt.creatable ? react_select_async_creatable__WEBPACK_IMPORTED_MODULE_4__["default"] : react_select_async__WEBPACK_IMPORTED_MODULE_3__["default"];
+  return opt.creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_2__["default"] : react_select__WEBPACK_IMPORTED_MODULE_12__["default"];
+};
 
 /***/ }),
 
@@ -24842,7 +24858,7 @@ var getStyleProps = function getStyleProps(props, name, classNamesState) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Group: () => (/* binding */ Group)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -24872,7 +24888,6 @@ var Group = function Group(props) {
     text: label
   }), children);
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Group);
 
 /***/ }),
 
@@ -24885,7 +24900,7 @@ var Group = function Group(props) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   MenuList: () => (/* reexport safe */ _menu_list__WEBPACK_IMPORTED_MODULE_1__["default"]),
+/* harmony export */   MenuList: () => (/* reexport safe */ _menu_list__WEBPACK_IMPORTED_MODULE_1__.MenuList),
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dropdown */ "./src/input/dropdown/dropdown.js");
@@ -24896,7 +24911,6 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 
-
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_dropdown__WEBPACK_IMPORTED_MODULE_0__.Dropdown);
 
 /***/ }),
@@ -24910,7 +24924,7 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   MenuList: () => (/* binding */ MenuList)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -24943,7 +24957,6 @@ var MenuList = function MenuList(props) {
     });
   }));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuList);
 
 /***/ }),
 
@@ -24958,29 +24971,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Option: () => (/* binding */ Option)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../menu */ "./src/menu/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["onMouseMove", "onMouseOver"];
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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; }
 
 
 
 
-var StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_menu__WEBPACK_IMPORTED_MODULE_2__["default"].Item).withConfig({
+var StyledItem = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_menu__WEBPACK_IMPORTED_MODULE_3__["default"].Item).withConfig({
   displayName: "StyledItem",
   componentId: "sc-10s9fdi-0"
 })(["", ""], function (props) {
-  return props.selected ? "background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_3, ";") : undefined;
+  return props.selected ? "background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.blue_3, ";") : undefined;
 });
 var Option = function Option(props) {
   var data = props.data,
@@ -24990,13 +25003,10 @@ var Option = function Option(props) {
     isFocused = props.isFocused,
     isSelected = props.isSelected,
     innerRef = props.innerRef,
-    tag = props.tag;
-  // eslint-disable-next-line no-unused-vars
-  var _props$innerProps = props.innerProps,
-    onMouseMove = _props$innerProps.onMouseMove,
-    onMouseOver = _props$innerProps.onMouseOver,
-    innerProps = _objectWithoutProperties(_props$innerProps, _excluded);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledItem, _extends({
+    tag = props.tag,
+    children = props.children,
+    innerProps = props.innerProps;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledItem, _extends({
     ref: innerRef,
     type: "item",
     className: cx({
@@ -25005,8 +25015,8 @@ var Option = function Option(props) {
       'option--is-focused': isFocused,
       'option--is-selected': isSelected
     }, className)
-  }, innerProps, {
-    text: data.label,
+  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(innerProps, 'onMouseMove', 'onMouseOver'), {
+    text: children,
     tooltip: data.tooltip,
     disabled: isDisabled,
     selected: isSelected,
@@ -25048,9 +25058,23 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
-var useCustomStyles = function useCustomStyles(size) {
+var withUserStyles = function withUserStyles(styles, custom) {
+  var res = _objectSpread({}, styles);
+  Object.keys(custom).forEach(function (key) {
+    var cb = custom[key];
+    var fn = res[key];
+    res[key] = function (baseStyles, state) {
+      var _baseStyles = cb(baseStyles, state);
+      return fn ? fn(_baseStyles, state) : _baseStyles;
+    };
+  });
+  return res;
+};
+var useCustomStyles = function useCustomStyles(_ref) {
+  var styles = _ref.styles,
+    size = _ref.size;
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
-    return {
+    return withUserStyles(styles, {
       control: function control(baseStyles, state) {
         var height = {
           sm: 36,
@@ -25147,15 +25171,14 @@ var useCustomStyles = function useCustomStyles(size) {
         });
       },
       option: function option(baseStyles, state) {
-        console.log(baseStyles, state);
         var backgroundColor = baseStyles.backgroundColor;
         if (state.selected) backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_3;
         return _objectSpread(_objectSpread({}, baseStyles), {}, {
           backgroundColor: backgroundColor
         });
       }
-    };
-  }, [size]);
+    });
+  }, [styles, size]);
 };
 
 /***/ }),
@@ -62155,6 +62178,149 @@ var fromEntries = function fromEntries(entries) {
 
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect : react__WEBPACK_IMPORTED_MODULE_0__.useEffect;
 
+/***/ }),
+
+/***/ "./node_modules/react-select/async-creatable/dist/react-select-async-creatable.esm.js":
+/*!********************************************************************************************!*\
+  !*** ./node_modules/react-select/async-creatable/dist/react-select-async-creatable.esm.js ***!
+  \********************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ AsyncCreatableSelect$1)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _dist_Select_a221b56b_esm_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../dist/Select-a221b56b.esm.js */ "./node_modules/react-select/dist/Select-a221b56b.esm.js");
+/* harmony import */ var _dist_useAsync_ba7c6b77_esm_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../dist/useAsync-ba7c6b77.esm.js */ "./node_modules/react-select/dist/useAsync-ba7c6b77.esm.js");
+/* harmony import */ var _dist_useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../dist/useStateManager-7e1e8489.esm.js */ "./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js");
+/* harmony import */ var _dist_useCreatable_ab933985_esm_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../dist/useCreatable-ab933985.esm.js */ "./node_modules/react-select/dist/useCreatable-ab933985.esm.js");
+/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/esm/inherits.js");
+/* harmony import */ var _babel_runtime_helpers_createSuper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/createSuper */ "./node_modules/@babel/runtime/helpers/esm/createSuper.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var use_isomorphic_layout_effect__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! use-isomorphic-layout-effect */ "./node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var AsyncCreatableSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var stateManagerProps = (0,_dist_useAsync_ba7c6b77_esm_js__WEBPACK_IMPORTED_MODULE_15__.u)(props);
+  var creatableProps = (0,_dist_useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_16__.u)(stateManagerProps);
+  var selectProps = (0,_dist_useCreatable_ab933985_esm_js__WEBPACK_IMPORTED_MODULE_17__.u)(creatableProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_dist_Select_a221b56b_esm_js__WEBPACK_IMPORTED_MODULE_18__.S, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    ref: ref
+  }, selectProps));
+});
+var AsyncCreatableSelect$1 = AsyncCreatableSelect;
+
+
+
+
+/***/ }),
+
+/***/ "./node_modules/react-select/async/dist/react-select-async.esm.js":
+/*!************************************************************************!*\
+  !*** ./node_modules/react-select/async/dist/react-select-async.esm.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ AsyncSelect$1),
+/* harmony export */   useAsync: () => (/* reexport safe */ _dist_useAsync_ba7c6b77_esm_js__WEBPACK_IMPORTED_MODULE_2__.u)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/extends */ "./node_modules/@babel/runtime/helpers/esm/extends.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _dist_Select_a221b56b_esm_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../dist/Select-a221b56b.esm.js */ "./node_modules/react-select/dist/Select-a221b56b.esm.js");
+/* harmony import */ var _dist_useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../dist/useStateManager-7e1e8489.esm.js */ "./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js");
+/* harmony import */ var _dist_useAsync_ba7c6b77_esm_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../dist/useAsync-ba7c6b77.esm.js */ "./node_modules/react-select/dist/useAsync-ba7c6b77.esm.js");
+/* harmony import */ var _babel_runtime_helpers_objectSpread2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js");
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js");
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/esm/inherits.js");
+/* harmony import */ var _babel_runtime_helpers_createSuper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @babel/runtime/helpers/createSuper */ "./node_modules/@babel/runtime/helpers/esm/createSuper.js");
+/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js");
+/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
+/* harmony import */ var _babel_runtime_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @babel/runtime/helpers/taggedTemplateLiteral */ "./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js");
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var use_isomorphic_layout_effect__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! use-isomorphic-layout-effect */ "./node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.browser.esm.js");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var AsyncSelect = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var stateManagedProps = (0,_dist_useAsync_ba7c6b77_esm_js__WEBPACK_IMPORTED_MODULE_2__.u)(props);
+  var selectProps = (0,_dist_useStateManager_7e1e8489_esm_js__WEBPACK_IMPORTED_MODULE_16__.u)(stateManagedProps);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_dist_Select_a221b56b_esm_js__WEBPACK_IMPORTED_MODULE_17__.S, (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    ref: ref
+  }, selectProps));
+});
+var AsyncSelect$1 = AsyncSelect;
+
+
+
+
 /***/ }),
 
 /***/ "./node_modules/react-select/creatable/dist/react-select-creatable.esm.js":
@@ -66379,6 +66545,167 @@ var NonceProvider = (function (_ref) {
 
 
 
+/***/ }),
+
+/***/ "./node_modules/react-select/dist/useAsync-ba7c6b77.esm.js":
+/*!*****************************************************************!*\
+  !*** ./node_modules/react-select/dist/useAsync-ba7c6b77.esm.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   u: () => (/* binding */ useAsync)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/esm/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
+/* harmony import */ var _babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js");
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _index_a301f526_esm_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./index-a301f526.esm.js */ "./node_modules/react-select/dist/index-a301f526.esm.js");
+
+
+
+
+
+
+
+var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function useAsync(_ref) {
+  var _ref$defaultOptions = _ref.defaultOptions,
+    propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions,
+    _ref$cacheOptions = _ref.cacheOptions,
+    cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions,
+    propsLoadOptions = _ref.loadOptions;
+    _ref.options;
+    var _ref$isLoading = _ref.isLoading,
+    propsIsLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    propsOnInputChange = _ref.onInputChange,
+    _ref$filterOption = _ref.filterOption,
+    filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption,
+    restSelectProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__["default"])(_ref, _excluded);
+  var propsInputValue = restSelectProps.inputValue;
+  var lastRequest = (0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(undefined);
+  var mounted = (0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(false);
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined),
+    _useState2 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState, 2),
+    defaultOptions = _useState2[0],
+    setDefaultOptions = _useState2[1];
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(typeof propsInputValue !== 'undefined' ? propsInputValue : ''),
+    _useState4 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState3, 2),
+    stateInputValue = _useState4[0],
+    setStateInputValue = _useState4[1];
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(propsDefaultOptions === true),
+    _useState6 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState5, 2),
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
+  var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(undefined),
+    _useState8 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState7, 2),
+    loadedInputValue = _useState8[0],
+    setLoadedInputValue = _useState8[1];
+  var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)([]),
+    _useState10 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState9, 2),
+    loadedOptions = _useState10[0],
+    setLoadedOptions = _useState10[1];
+  var _useState11 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(false),
+    _useState12 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState11, 2),
+    passEmptyOptions = _useState12[0],
+    setPassEmptyOptions = _useState12[1];
+  var _useState13 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)({}),
+    _useState14 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState13, 2),
+    optionsCache = _useState14[0],
+    setOptionsCache = _useState14[1];
+  var _useState15 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(undefined),
+    _useState16 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState15, 2),
+    prevDefaultOptions = _useState16[0],
+    setPrevDefaultOptions = _useState16[1];
+  var _useState17 = (0,react__WEBPACK_IMPORTED_MODULE_4__.useState)(undefined),
+    _useState18 = (0,_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_2__["default"])(_useState17, 2),
+    prevCacheOptions = _useState18[0],
+    setPrevCacheOptions = _useState18[1];
+  if (cacheOptions !== prevCacheOptions) {
+    setOptionsCache({});
+    setPrevCacheOptions(cacheOptions);
+  }
+  if (propsDefaultOptions !== prevDefaultOptions) {
+    setDefaultOptions(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : undefined);
+    setPrevDefaultOptions(propsDefaultOptions);
+  }
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(function () {
+    mounted.current = true;
+    return function () {
+      mounted.current = false;
+    };
+  }, []);
+  var loadOptions = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(function (inputValue, callback) {
+    if (!propsLoadOptions) return callback();
+    var loader = propsLoadOptions(inputValue, callback);
+    if (loader && typeof loader.then === 'function') {
+      loader.then(callback, function () {
+        return callback();
+      });
+    }
+  }, [propsLoadOptions]);
+  (0,react__WEBPACK_IMPORTED_MODULE_4__.useEffect)(function () {
+    if (propsDefaultOptions === true) {
+      loadOptions(stateInputValue, function (options) {
+        if (!mounted.current) return;
+        setDefaultOptions(options || []);
+        setIsLoading(!!lastRequest.current);
+      });
+    }
+    // NOTE: this effect is designed to only run when the component mounts,
+    // so we don't want to include any hook dependencies
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var onInputChange = (0,react__WEBPACK_IMPORTED_MODULE_4__.useCallback)(function (newValue, actionMeta) {
+    var inputValue = (0,_index_a301f526_esm_js__WEBPACK_IMPORTED_MODULE_5__.L)(newValue, actionMeta, propsOnInputChange);
+    if (!inputValue) {
+      lastRequest.current = undefined;
+      setStateInputValue('');
+      setLoadedInputValue('');
+      setLoadedOptions([]);
+      setIsLoading(false);
+      setPassEmptyOptions(false);
+      return;
+    }
+    if (cacheOptions && optionsCache[inputValue]) {
+      setStateInputValue(inputValue);
+      setLoadedInputValue(inputValue);
+      setLoadedOptions(optionsCache[inputValue]);
+      setIsLoading(false);
+      setPassEmptyOptions(false);
+    } else {
+      var request = lastRequest.current = {};
+      setStateInputValue(inputValue);
+      setIsLoading(true);
+      setPassEmptyOptions(!loadedInputValue);
+      loadOptions(inputValue, function (options) {
+        if (!mounted) return;
+        if (request !== lastRequest.current) return;
+        lastRequest.current = undefined;
+        setIsLoading(false);
+        setLoadedInputValue(inputValue);
+        setLoadedOptions(options || []);
+        setPassEmptyOptions(false);
+        setOptionsCache(options ? (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, optionsCache), {}, (0,_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, inputValue, options)) : optionsCache);
+      });
+    }
+  }, [cacheOptions, loadOptions, loadedInputValue, optionsCache, propsOnInputChange]);
+  var options = passEmptyOptions ? [] : stateInputValue && loadedInputValue ? loadedOptions : defaultOptions || [];
+  return (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restSelectProps), {}, {
+    options: options,
+    isLoading: isLoading || propsIsLoading,
+    onInputChange: onInputChange,
+    filterOption: filterOption
+  });
+}
+
+
+
+
 /***/ }),
 
 /***/ "./node_modules/react-select/dist/useCreatable-ab933985.esm.js":