@entur/dropdown 3.0.19-RC.1 → 3.0.19-RC.2

package/dist/dropdown.esm.js

@@ -17,64 +17,52 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     reject(error);
     return;
   }
-
   if (info.done) {
     resolve(value);
   } else {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-
 function _asyncToGenerator(fn) {
   return function () {
     var self = this,
-        args = arguments;
+      args = arguments;
     return new Promise(function (resolve, reject) {
       var gen = fn.apply(self, args);
-
       function _next(value) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
-
       function _throw(err) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
-
       _next(undefined);
     });
   };
 }
-
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _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 _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;
 }
 
@@ -82,47 +70,41 @@ var _excluded$a = ["children", "onChange", "onInputValueChange", "highlightFirst
 var DownshiftContext = /*#__PURE__*/React.createContext(null);
 var DownshiftProvider = function DownshiftProvider(_ref) {
   var children = _ref.children,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return undefined;
-  } : _ref$onChange,
-      _ref$onInputValueChan = _ref.onInputValueChange,
-      onInputValueChange = _ref$onInputValueChan === void 0 ? function () {
-    return undefined;
-  } : _ref$onInputValueChan,
-      _ref$highlightFirstIt = _ref.highlightFirstItemOnOpen,
-      highlightFirstItemOnOpen = _ref$highlightFirstIt === void 0 ? false : _ref$highlightFirstIt,
-      className = _ref.className,
-      style = _ref.style,
-      _ref$searchable = _ref.searchable,
-      searchable = _ref$searchable === void 0 ? false : _ref$searchable,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
-
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {
+      return undefined;
+    } : _ref$onChange,
+    _ref$onInputValueChan = _ref.onInputValueChange,
+    onInputValueChange = _ref$onInputValueChan === void 0 ? function () {
+      return undefined;
+    } : _ref$onInputValueChan,
+    _ref$highlightFirstIt = _ref.highlightFirstItemOnOpen,
+    highlightFirstItemOnOpen = _ref$highlightFirstIt === void 0 ? false : _ref$highlightFirstIt,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$searchable = _ref.searchable,
+    searchable = _ref$searchable === void 0 ? false : _ref$searchable,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var handleStateChange = function handleStateChange(changes, stateAndHelpers) {
     if (changes.type === Downshift.stateChangeTypes.controlledPropUpdatedSelectedItem) {
       return;
     }
-
     if ('selectedItem' in changes) {
       onChange(changes.selectedItem, stateAndHelpers);
     } else if ('inputValue' in changes) {
       onInputValueChange(changes.inputValue);
     }
   };
-
   var stateReducer = function stateReducer(_, changes) {
     var highlightFirstOnOpen = highlightFirstItemOnOpen && 'isOpen' in changes && changes.isOpen;
     var highlightFirstItemIndex = highlightFirstOnOpen ? {
       highlightedIndex: 0
     } : {};
-
     if (searchable) {
       var type = changes.type;
-
       switch (type) {
         case '__autocomplete_change_input__':
           return _extends({}, changes, highlightFirstItemIndex);
-
         case '__autocomplete_click_item__':
         case '__autocomplete_keydown_enter__':
         case '__autocomplete_blur_input__':
@@ -132,7 +114,6 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
             // we will reset input field value to blank
             inputValue: ''
           }, highlightFirstItemIndex);
-
         default:
           return _extends({}, changes, highlightFirstItemIndex);
       }
@@ -140,7 +121,6 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
       return _extends({}, changes, highlightFirstItemIndex);
     }
   };
-
   return React.createElement(Downshift, _extends({
     itemToString: function itemToString(item) {
       return item ? item.label : '';
@@ -158,32 +138,29 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
 };
 var useDownshift = function useDownshift() {
   var context = React.useContext(DownshiftContext);
-
   if (!context) {
     throw new Error('You need to wrap your component in a DownshiftProvider');
   }
-
   return context;
 };
 
 var _excluded$9 = ["items"];
 var DropdownList$1 = function DropdownList(_ref) {
   var items = _ref.items,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
-
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   var _useDownshift = useDownshift(),
-      highlightedIndex = _useDownshift.highlightedIndex,
-      isOpen = _useDownshift.isOpen,
-      selectedItem = _useDownshift.selectedItem,
-      getItemProps = _useDownshift.getItemProps,
-      getMenuProps = _useDownshift.getMenuProps;
-
+    highlightedIndex = _useDownshift.highlightedIndex,
+    isOpen = _useDownshift.isOpen,
+    selectedItem = _useDownshift.selectedItem,
+    getItemProps = _useDownshift.getItemProps,
+    getMenuProps = _useDownshift.getMenuProps;
   return React.createElement("ul", _extends({
     className: classNames('eds-dropdown-list', {
       'eds-dropdown-list--open': isOpen
     })
   }, getMenuProps(), rest), isOpen ? items.map(function (item, index) {
-    return (// eslint-disable-next-line react/jsx-key
+    return (
+      // eslint-disable-next-line react/jsx-key
       React.createElement("li", _extends({
         className: classNames('eds-dropdown-list__item', {
           'eds-dropdown-list__item--highlighted': highlightedIndex === index,
@@ -206,9 +183,8 @@ var DropdownList$1 = function DropdownList(_ref) {
 
 var DropdownToggleButton$1 = function DropdownToggleButton() {
   var _useDownshift = useDownshift(),
-      getToggleButtonProps = _useDownshift.getToggleButtonProps,
-      isOpen = _useDownshift.isOpen;
-
+    getToggleButtonProps = _useDownshift.getToggleButtonProps,
+    isOpen = _useDownshift.isOpen;
   return React.createElement("button", _extends({}, getToggleButtonProps({
     className: classNames('eds-dropdown__toggle-button', {
       'eds-dropdown__toggle-button--open': isOpen
@@ -222,9 +198,8 @@ var DropdownToggleButton$1 = function DropdownToggleButton() {
 var _excluded$8 = ["className", "children"];
 var DropdownLoadingDots = function DropdownLoadingDots(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   return React.createElement("div", _extends({
     className: classNames('eds-inline-spinner', className)
   }, rest), React.createElement(LoadingDots, null), React.createElement(VisuallyHidden, null, children));
@@ -233,24 +208,22 @@ var DropdownLoadingDots = function DropdownLoadingDots(_ref) {
 var _excluded$7 = ["children", "className", "items", "loading", "loadingText", "placeholder", "style", "listStyle", "clearable", "label", "isFilled", "disableLabelAnimation"];
 var BaseDropdown = function BaseDropdown(_ref) {
   var children = _ref.children,
-      className = _ref.className,
-      items = _ref.items,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _ref$loadingText = _ref.loadingText,
-      loadingText = _ref$loadingText === void 0 ? 'Loading...' : _ref$loadingText,
-      style = _ref.style,
-      listStyle = _ref.listStyle,
-      clearable = _ref.clearable,
-      label = _ref.label,
-      _ref$isFilled = _ref.isFilled,
-      isFilled = _ref$isFilled === void 0 ? false : _ref$isFilled,
-      disableLabelAnimation = _ref.disableLabelAnimation,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-
+    className = _ref.className,
+    items = _ref.items,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$loadingText = _ref.loadingText,
+    loadingText = _ref$loadingText === void 0 ? 'Loading...' : _ref$loadingText,
+    style = _ref.style,
+    listStyle = _ref.listStyle,
+    clearable = _ref.clearable,
+    label = _ref.label,
+    _ref$isFilled = _ref.isFilled,
+    isFilled = _ref$isFilled === void 0 ? false : _ref$isFilled,
+    disableLabelAnimation = _ref.disableLabelAnimation,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var _useDownshift = useDownshift(),
-      getLabelProps = _useDownshift.getLabelProps;
-
+    getLabelProps = _useDownshift.getLabelProps;
   return React.createElement("div", {
     className: "eds-dropdown-wrapper",
     style: style
@@ -274,14 +247,11 @@ var BaseDropdown = function BaseDropdown(_ref) {
     }, listStyle)
   }, rest)));
 };
-
 var ClearButton$1 = function ClearButton(_ref2) {
   var props = _extends({}, _ref2);
-
   var _useDownshift2 = useDownshift(),
-      clearSelection = _useDownshift2.clearSelection,
-      selectedItem = _useDownshift2.selectedItem;
-
+    clearSelection = _useDownshift2.clearSelection,
+    selectedItem = _useDownshift2.selectedItem;
   return React.createElement(React.Fragment, null, selectedItem && React.createElement("button", _extends({
     className: "eds-dropdown__clear-button",
     type: "button",
@@ -293,52 +263,46 @@ var ClearButton$1 = function ClearButton(_ref2) {
     className: "eds-dropdown__divider"
   }));
 };
-
 var Appendix$2 = function Appendix(_ref3) {
   var clearable = _ref3.clearable,
-      loading = _ref3.loading,
-      loadingText = _ref3.loadingText,
-      readOnly = _ref3.readOnly;
-
+    loading = _ref3.loading,
+    loadingText = _ref3.loadingText,
+    readOnly = _ref3.readOnly;
   if (loading) {
     return React.createElement(DropdownLoadingDots, null, loadingText);
   }
-
   if (readOnly) {
     return null;
   }
-
   return clearable ? React.createElement(React.Fragment, null, React.createElement(ClearButton$1, null), " ", React.createElement(DropdownToggleButton$1, null)) : React.createElement(DropdownToggleButton$1, null);
 };
 
 var _excluded$6 = ["disabled", "placeholder", "selectOnTab", "openOnFocus", "listStyle", "items", "label", "disableLabelAnimation", "loading", "loadingText", "className", "clearable"];
 var RegularDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? 'Vennligst velg' : _ref$placeholder,
-      _ref$selectOnTab = _ref.selectOnTab,
-      selectOnTab = _ref$selectOnTab === void 0 ? false : _ref$selectOnTab,
-      _ref$openOnFocus = _ref.openOnFocus,
-      openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
-      listStyle = _ref.listStyle,
-      items = _ref.items,
-      label = _ref.label,
-      disableLabelAnimation = _ref.disableLabelAnimation,
-      loading = _ref.loading,
-      loadingText = _ref.loadingText,
-      className = _ref.className,
-      clearable = _ref.clearable,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
-
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Vennligst velg' : _ref$placeholder,
+    _ref$selectOnTab = _ref.selectOnTab,
+    selectOnTab = _ref$selectOnTab === void 0 ? false : _ref$selectOnTab,
+    _ref$openOnFocus = _ref.openOnFocus,
+    openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
+    listStyle = _ref.listStyle,
+    items = _ref.items,
+    label = _ref.label,
+    disableLabelAnimation = _ref.disableLabelAnimation,
+    loading = _ref.loading,
+    loadingText = _ref.loadingText,
+    className = _ref.className,
+    clearable = _ref.clearable,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _useDownshift = useDownshift(),
-      getToggleButtonProps = _useDownshift.getToggleButtonProps,
-      selectedItem = _useDownshift.selectedItem,
-      selectHighlightedItem = _useDownshift.selectHighlightedItem,
-      openMenu = _useDownshift.openMenu,
-      isOpen = _useDownshift.isOpen,
-      highlightedIndex = _useDownshift.highlightedIndex,
-      setHighlightedIndex = _useDownshift.setHighlightedIndex;
-
+    getToggleButtonProps = _useDownshift.getToggleButtonProps,
+    selectedItem = _useDownshift.selectedItem,
+    selectHighlightedItem = _useDownshift.selectHighlightedItem,
+    openMenu = _useDownshift.openMenu,
+    isOpen = _useDownshift.isOpen,
+    highlightedIndex = _useDownshift.highlightedIndex,
+    setHighlightedIndex = _useDownshift.setHighlightedIndex;
   return React.createElement(BaseDropdown, _extends({
     disabled: disabled,
     listStyle: listStyle,
@@ -361,7 +325,6 @@ var RegularDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       if (selectOnTab && e.key === 'Tab') {
         selectHighlightedItem();
       }
-
       if (isOpen) {
         var keyDownValue = e.key;
         var matchedItems = items.map(function (item, index) {
@@ -375,7 +338,6 @@ var RegularDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         var nextHighlightItem = matchedItems.find(function (item) {
           return item.index > (highlightedIndex != null ? highlightedIndex : 0);
         });
-
         if (nextHighlightItem) {
           setHighlightedIndex(nextHighlightItem.index);
         } else if (matchedItems.length > 0) {
@@ -394,55 +356,49 @@ var RegularDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 
 var _excluded$5 = ["disabled", "className", "items", "loading", "loadingText", "readOnly", "prepend", "selectOnTab", "openOnFocus", "listStyle", "clearable", "itemFilter", "label", "disableLabelAnimation", "placeholder"];
-
 function LowerCaseFilterTest(item, input) {
   if (!input) {
     return true;
   }
-
   var sanitizeEscapeCharacters = input.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
   var inputRegex = new RegExp(sanitizeEscapeCharacters, 'i');
   return inputRegex.test(item.label);
 }
-
 var SearchableDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      className = _ref.className,
-      items = _ref.items,
-      loading = _ref.loading,
-      loadingText = _ref.loadingText,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      prepend = _ref.prepend,
-      _ref$selectOnTab = _ref.selectOnTab,
-      selectOnTab = _ref$selectOnTab === void 0 ? false : _ref$selectOnTab,
-      _ref$openOnFocus = _ref.openOnFocus,
-      openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
-      listStyle = _ref.listStyle,
-      clearable = _ref.clearable,
-      _ref$itemFilter = _ref.itemFilter,
-      itemFilter = _ref$itemFilter === void 0 ? function (item, inputValue) {
-    return LowerCaseFilterTest(item, inputValue);
-  } : _ref$itemFilter,
-      label = _ref.label,
-      disableLabelAnimation = _ref.disableLabelAnimation,
-      placeholder = _ref.placeholder,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
-
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    className = _ref.className,
+    items = _ref.items,
+    loading = _ref.loading,
+    loadingText = _ref.loadingText,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    prepend = _ref.prepend,
+    _ref$selectOnTab = _ref.selectOnTab,
+    selectOnTab = _ref$selectOnTab === void 0 ? false : _ref$selectOnTab,
+    _ref$openOnFocus = _ref.openOnFocus,
+    openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
+    listStyle = _ref.listStyle,
+    clearable = _ref.clearable,
+    _ref$itemFilter = _ref.itemFilter,
+    itemFilter = _ref$itemFilter === void 0 ? function (item, inputValue) {
+      return LowerCaseFilterTest(item, inputValue);
+    } : _ref$itemFilter,
+    label = _ref.label,
+    disableLabelAnimation = _ref.disableLabelAnimation,
+    placeholder = _ref.placeholder,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var _useDownshift = useDownshift(),
-      getInputProps = _useDownshift.getInputProps,
-      inputValue = _useDownshift.inputValue,
-      selectHighlightedItem = _useDownshift.selectHighlightedItem,
-      isOpen = _useDownshift.isOpen,
-      openMenu = _useDownshift.openMenu,
-      closeMenu = _useDownshift.closeMenu,
-      selectedItem = _useDownshift.selectedItem;
-
+    getInputProps = _useDownshift.getInputProps,
+    inputValue = _useDownshift.inputValue,
+    selectHighlightedItem = _useDownshift.selectHighlightedItem,
+    isOpen = _useDownshift.isOpen,
+    openMenu = _useDownshift.openMenu,
+    closeMenu = _useDownshift.closeMenu,
+    selectedItem = _useDownshift.selectedItem;
   var _useState = useState(false),
-      hideSelectedItem = _useState[0],
-      setHideSelectedItem = _useState[1];
-
+    hideSelectedItem = _useState[0],
+    setHideSelectedItem = _useState[1];
   var inputRef = useRef(null);
   var filteredItems = React.useMemo(function () {
     return items.filter(function (item) {
@@ -468,7 +424,6 @@ var SearchableDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "eds-dropdown__searchable-selected-item",
     onClick: function onClick() {
       var _inputRef$current;
-
       return (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
     }
   }, selectedItem.label)), React.createElement("input", _extends({}, getInputProps(_extends({
@@ -494,10 +449,10 @@ var SearchableDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
 var DropdownInputGroup = function DropdownInputGroup(_ref) {
   var children = _ref.children,
-      feedback = _ref.feedback,
-      variant = _ref.variant,
-      className = _ref.className,
-      style = _ref.style;
+    feedback = _ref.feedback,
+    variant = _ref.variant,
+    className = _ref.className,
+    style = _ref.style;
   return React.createElement(VariantProvider, {
     variant: variant
   }, React.createElement("div", {
@@ -516,19 +471,19 @@ var runtime = {exports: {}};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 (function (module) {
   var runtime = /*#__PURE__*/function (exports) {
 
     var Op = Object.prototype;
     var hasOwn = Op.hasOwnProperty;
+    var defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    };
     var undefined$1; // More compressible than void 0.
-
     var $Symbol = typeof Symbol === "function" ? Symbol : {};
     var iteratorSymbol = $Symbol.iterator || "@@iterator";
     var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
     var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
     function define(obj, key, value) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -538,7 +493,6 @@ var runtime = {exports: {}};
       });
       return obj[key];
     }
-
     try {
       // IE 8 has a broken Object.defineProperty that only works on DOM objects.
       define({}, "");
@@ -547,19 +501,22 @@ var runtime = {exports: {}};
         return obj[key] = value;
       };
     }
-
     function wrap(innerFn, outerFn, self, tryLocsList) {
       // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
       var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
       var generator = Object.create(protoGenerator.prototype);
-      var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
-      // .throw, and .return methods.
+      var context = new Context(tryLocsList || []);
 
-      generator._invoke = makeInvokeMethod(innerFn, self, context);
+      // The ._invoke method unifies the implementations of the .next,
+      // .throw, and .return methods.
+      defineProperty(generator, "_invoke", {
+        value: makeInvokeMethod(innerFn, self, context)
+      });
       return generator;
     }
+    exports.wrap = wrap;
 
-    exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
+    // Try/catch helper to minimize deoptimizations. Returns a completion
     // record like context.tryEntries[i].completion. This interface could
     // have been (and was previously) designed to take a closure to be
     // invoked without arguments, but in all the cases we care about we
@@ -569,7 +526,6 @@ var runtime = {exports: {}};
     // in every case, so we don't have to touch the arguments object. The
     // only additional allocation required is the completion record, which
     // has a stable shape and so hopefully should be cheap to allocate.
-
     function tryCatch(fn, obj, arg) {
       try {
         return {
@@ -583,47 +539,50 @@ var runtime = {exports: {}};
         };
       }
     }
-
     var GenStateSuspendedStart = "suspendedStart";
     var GenStateSuspendedYield = "suspendedYield";
     var GenStateExecuting = "executing";
-    var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
+    var GenStateCompleted = "completed";
+
+    // Returning this object from the innerFn has the same effect as
     // breaking out of the dispatch switch statement.
+    var ContinueSentinel = {};
 
-    var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
+    // Dummy constructor functions that we use as the .constructor and
     // .constructor.prototype properties for functions that return Generator
     // objects. For full spec compliance, you may wish to configure your
     // minifier not to mangle the names of these two functions.
-
     function Generator() {}
-
     function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
 
-    function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
+    // This is a polyfill for %IteratorPrototype% for environments that
     // don't natively support it.
-
-
     var IteratorPrototype = {};
-
-    IteratorPrototype[iteratorSymbol] = function () {
+    define(IteratorPrototype, iteratorSymbol, function () {
       return this;
-    };
-
+    });
     var getProto = Object.getPrototypeOf;
     var NativeIteratorPrototype = getProto && /*#__PURE__*/getProto( /*#__PURE__*/getProto( /*#__PURE__*/values([])));
-
     if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
       // This environment has a native %IteratorPrototype%; use it instead
       // of the polyfill.
       IteratorPrototype = NativeIteratorPrototype;
     }
-
     var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = /*#__PURE__*/Object.create(IteratorPrototype);
-    GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
-    GeneratorFunctionPrototype.constructor = GeneratorFunction;
-    GeneratorFunction.displayName = /*#__PURE__*/define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
-    // Iterator interface in terms of a single ._invoke method.
+    GeneratorFunction.prototype = GeneratorFunctionPrototype;
+    defineProperty(Gp, "constructor", {
+      value: GeneratorFunctionPrototype,
+      configurable: true
+    });
+    defineProperty(GeneratorFunctionPrototype, "constructor", {
+      value: GeneratorFunction,
+      configurable: true
+    });
+    GeneratorFunction.displayName = /*#__PURE__*/define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction");
 
+    // Helper for defining the .next, .throw, and .return methods of the
+    // Iterator interface in terms of a single ._invoke method.
     function defineIteratorMethods(prototype) {
       ["next", "throw", "return"].forEach(function (method) {
         define(prototype, method, function (arg) {
@@ -631,14 +590,13 @@ var runtime = {exports: {}};
         });
       });
     }
-
     exports.isGeneratorFunction = function (genFun) {
       var ctor = typeof genFun === "function" && genFun.constructor;
-      return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
+      return ctor ? ctor === GeneratorFunction ||
+      // For the native GeneratorFunction constructor, the best we can
       // do is to check its .name property.
       (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
     };
-
     exports.mark = function (genFun) {
       if (Object.setPrototypeOf) {
         Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
@@ -646,31 +604,27 @@ var runtime = {exports: {}};
         genFun.__proto__ = GeneratorFunctionPrototype;
         define(genFun, toStringTagSymbol, "GeneratorFunction");
       }
-
       genFun.prototype = Object.create(Gp);
       return genFun;
-    }; // Within the body of any async function, `await x` is transformed to
+    };
+
+    // Within the body of any async function, `await x` is transformed to
     // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
     // `hasOwn.call(value, "__await")` to determine if the yielded value is
     // meant to be awaited.
-
-
     exports.awrap = function (arg) {
       return {
         __await: arg
       };
     };
-
     function AsyncIterator(generator, PromiseImpl) {
       function invoke(method, arg, resolve, reject) {
         var record = tryCatch(generator[method], generator, arg);
-
         if (record.type === "throw") {
           reject(record.arg);
         } else {
           var result = record.arg;
           var value = result.value;
-
           if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
             return PromiseImpl.resolve(value.__await).then(function (value) {
               invoke("next", value, resolve, reject);
@@ -678,7 +632,6 @@ var runtime = {exports: {}};
               invoke("throw", err, resolve, reject);
             });
           }
-
           return PromiseImpl.resolve(value).then(function (unwrapped) {
             // When a yielded Promise is resolved, its final value becomes
             // the .value of the Promise<{value,done}> result for the
@@ -692,17 +645,15 @@ var runtime = {exports: {}};
           });
         }
       }
-
       var previousPromise;
-
       function enqueue(method, arg) {
         function callInvokeWithMethodAndArg() {
           return new PromiseImpl(function (resolve, reject) {
             invoke(method, arg, resolve, reject);
           });
         }
-
-        return previousPromise = // If enqueue has been called before, then we want to wait until
+        return previousPromise =
+        // If enqueue has been called before, then we want to wait until
         // all previous Promises have been resolved before calling invoke,
         // so that results are always delivered in the correct order. If
         // enqueue has not been called before, then it is important to
@@ -714,26 +665,27 @@ var runtime = {exports: {}};
         // execute code before the first await. Since we implement simple
         // async functions in terms of async generators, it is especially
         // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
+        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg,
+        // Avoid propagating failures to Promises returned by later
         // invocations of the iterator.
         callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      } // Define the unified helper method that is used to implement .next,
-      // .throw, and .return (see defineIteratorMethods).
-
+      }
 
-      this._invoke = enqueue;
+      // Define the unified helper method that is used to implement .next,
+      // .throw, and .return (see defineIteratorMethods).
+      defineProperty(this, "_invoke", {
+        value: enqueue
+      });
     }
-
     defineIteratorMethods(AsyncIterator.prototype);
-
-    AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
       return this;
-    };
+    });
+    exports.AsyncIterator = AsyncIterator;
 
-    exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
+    // Note that simple async functions are implemented on top of
     // AsyncIterator objects; they just return a Promise for the value of
     // the final result produced by the iterator.
-
     exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
       if (PromiseImpl === void 0) PromiseImpl = Promise;
       var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
@@ -742,39 +694,32 @@ var runtime = {exports: {}};
         return result.done ? result.value : iter.next();
       });
     };
-
     function makeInvokeMethod(innerFn, self, context) {
       var state = GenStateSuspendedStart;
       return function invoke(method, arg) {
         if (state === GenStateExecuting) {
           throw new Error("Generator is already running");
         }
-
         if (state === GenStateCompleted) {
           if (method === "throw") {
             throw arg;
-          } // Be forgiving, per 25.3.3.3.3 of the spec:
-          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-
+          }
 
+          // Be forgiving, per 25.3.3.3.3 of the spec:
+          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
           return doneResult();
         }
-
         context.method = method;
         context.arg = arg;
-
         while (true) {
           var delegate = context.delegate;
-
           if (delegate) {
             var delegateResult = maybeInvokeDelegate(delegate, context);
-
             if (delegateResult) {
               if (delegateResult === ContinueSentinel) continue;
               return delegateResult;
             }
           }
-
           if (context.method === "next") {
             // Setting context._sent for legacy support of Babel's
             // function.sent implementation.
@@ -784,104 +729,94 @@ var runtime = {exports: {}};
               state = GenStateCompleted;
               throw context.arg;
             }
-
             context.dispatchException(context.arg);
           } else if (context.method === "return") {
             context.abrupt("return", context.arg);
           }
-
           state = GenStateExecuting;
           var record = tryCatch(innerFn, self, context);
-
           if (record.type === "normal") {
             // If an exception is thrown from innerFn, we leave state ===
             // GenStateExecuting and loop back for another invocation.
             state = context.done ? GenStateCompleted : GenStateSuspendedYield;
-
             if (record.arg === ContinueSentinel) {
               continue;
             }
-
             return {
               value: record.arg,
               done: context.done
             };
           } else if (record.type === "throw") {
-            state = GenStateCompleted; // Dispatch the exception by looping back around to the
+            state = GenStateCompleted;
+            // Dispatch the exception by looping back around to the
             // context.dispatchException(context.arg) call above.
-
             context.method = "throw";
             context.arg = record.arg;
           }
         }
       };
-    } // Call delegate.iterator[context.method](context.arg) and handle the
+    }
+
+    // Call delegate.iterator[context.method](context.arg) and handle the
     // result, either by returning a { value, done } result from the
     // delegate iterator, or by modifying context.method and context.arg,
     // setting context.delegate to null, and returning the ContinueSentinel.
-
-
     function maybeInvokeDelegate(delegate, context) {
-      var method = delegate.iterator[context.method];
-
+      var methodName = context.method;
+      var method = delegate.iterator[methodName];
       if (method === undefined$1) {
         // A .throw or .return when the delegate iterator has no .throw
-        // method always terminates the yield* loop.
+        // method, or a missing .next mehtod, always terminate the
+        // yield* loop.
         context.delegate = null;
 
-        if (context.method === "throw") {
-          // Note: ["return"] must be used for ES3 parsing compatibility.
-          if (delegate.iterator["return"]) {
-            // If the delegate iterator has a return method, give it a
-            // chance to clean up.
-            context.method = "return";
-            context.arg = undefined$1;
-            maybeInvokeDelegate(delegate, context);
-
-            if (context.method === "throw") {
-              // If maybeInvokeDelegate(context) changed context.method from
-              // "return" to "throw", let that override the TypeError below.
-              return ContinueSentinel;
-            }
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (methodName === "throw" && delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined$1;
+          maybeInvokeDelegate(delegate, context);
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
           }
-
+        }
+        if (methodName !== "return") {
           context.method = "throw";
-          context.arg = new TypeError("The iterator does not provide a 'throw' method");
+          context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method");
         }
-
         return ContinueSentinel;
       }
-
       var record = tryCatch(method, delegate.iterator, context.arg);
-
       if (record.type === "throw") {
         context.method = "throw";
         context.arg = record.arg;
         context.delegate = null;
         return ContinueSentinel;
       }
-
       var info = record.arg;
-
       if (!info) {
         context.method = "throw";
         context.arg = new TypeError("iterator result is not an object");
         context.delegate = null;
         return ContinueSentinel;
       }
-
       if (info.done) {
         // Assign the result of the finished delegate to the temporary
         // variable specified by delegate.resultName (see delegateYield).
-        context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
+        context[delegate.resultName] = info.value;
+
+        // Resume execution at the desired location (see delegateYield).
+        context.next = delegate.nextLoc;
 
-        context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
+        // If context.method was "throw" but the delegate handled the
         // exception, let the outer generator proceed normally. If
         // context.method was "next", forget context.arg since it has been
         // "consumed" by the delegate iterator. If context.method was
         // "return", allow the original .return call to continue in the
         // outer generator.
-
         if (context.method !== "return") {
           context.method = "next";
           context.arg = undefined$1;
@@ -889,55 +824,49 @@ var runtime = {exports: {}};
       } else {
         // Re-yield the result returned by the delegate method.
         return info;
-      } // The delegate iterator is finished, so forget it and continue with
-      // the outer generator.
-
+      }
 
+      // The delegate iterator is finished, so forget it and continue with
+      // the outer generator.
       context.delegate = null;
       return ContinueSentinel;
-    } // Define Generator.prototype.{next,throw,return} in terms of the
-    // unified ._invoke helper method.
-
+    }
 
+    // Define Generator.prototype.{next,throw,return} in terms of the
+    // unified ._invoke helper method.
     defineIteratorMethods(Gp);
-    define(Gp, toStringTagSymbol, "Generator"); // A Generator should always return itself as the iterator object when the
+    define(Gp, toStringTagSymbol, "Generator");
+
+    // A Generator should always return itself as the iterator object when the
     // @@iterator function is called on it. Some browsers' implementations of the
     // iterator prototype chain incorrectly implement this, causing the Generator
     // object to not be returned from this call. This ensures that doesn't happen.
     // See https://github.com/facebook/regenerator/issues/274 for more details.
-
-    Gp[iteratorSymbol] = function () {
+    define(Gp, iteratorSymbol, function () {
       return this;
-    };
-
-    Gp.toString = function () {
+    });
+    define(Gp, "toString", function () {
       return "[object Generator]";
-    };
-
+    });
     function pushTryEntry(locs) {
       var entry = {
         tryLoc: locs[0]
       };
-
       if (1 in locs) {
         entry.catchLoc = locs[1];
       }
-
       if (2 in locs) {
         entry.finallyLoc = locs[2];
         entry.afterLoc = locs[3];
       }
-
       this.tryEntries.push(entry);
     }
-
     function resetTryEntry(entry) {
       var record = entry.completion || {};
       record.type = "normal";
       delete record.arg;
       entry.completion = record;
     }
-
     function Context(tryLocsList) {
       // The root entry object (effectively a try statement without a catch
       // or a finally block) gives us a place to store values thrown from
@@ -948,97 +877,85 @@ var runtime = {exports: {}};
       tryLocsList.forEach(pushTryEntry, this);
       this.reset(true);
     }
-
-    exports.keys = function (object) {
+    exports.keys = function (val) {
+      var object = Object(val);
       var keys = [];
-
       for (var key in object) {
         keys.push(key);
       }
+      keys.reverse();
 
-      keys.reverse(); // Rather than returning an object with a next method, we keep
+      // Rather than returning an object with a next method, we keep
       // things simple and return the next function itself.
-
       return function next() {
         while (keys.length) {
           var key = keys.pop();
-
           if (key in object) {
             next.value = key;
             next.done = false;
             return next;
           }
-        } // To avoid creating an additional object, we just hang the .value
+        }
+
+        // To avoid creating an additional object, we just hang the .value
         // and .done properties off the next function object itself. This
         // also ensures that the minifier will not anonymize the function.
-
-
         next.done = true;
         return next;
       };
     };
-
     function values(iterable) {
       if (iterable) {
         var iteratorMethod = iterable[iteratorSymbol];
-
         if (iteratorMethod) {
           return iteratorMethod.call(iterable);
         }
-
         if (typeof iterable.next === "function") {
           return iterable;
         }
-
         if (!isNaN(iterable.length)) {
           var i = -1,
-              next = function next() {
-            while (++i < iterable.length) {
-              if (hasOwn.call(iterable, i)) {
-                next.value = iterable[i];
-                next.done = false;
-                return next;
+            next = function next() {
+              while (++i < iterable.length) {
+                if (hasOwn.call(iterable, i)) {
+                  next.value = iterable[i];
+                  next.done = false;
+                  return next;
+                }
               }
-            }
-
-            next.value = undefined$1;
-            next.done = true;
-            return next;
-          };
-
+              next.value = undefined$1;
+              next.done = true;
+              return next;
+            };
           return next.next = next;
         }
-      } // Return an iterator with no values.
-
+      }
 
+      // Return an iterator with no values.
       return {
         next: doneResult
       };
     }
-
     exports.values = values;
-
     function doneResult() {
       return {
         value: undefined$1,
         done: true
       };
     }
-
     Context.prototype = {
       constructor: Context,
       reset: function reset(skipTempReset) {
         this.prev = 0;
-        this.next = 0; // Resetting context._sent for legacy support of Babel's
+        this.next = 0;
+        // Resetting context._sent for legacy support of Babel's
         // function.sent implementation.
-
         this.sent = this._sent = undefined$1;
         this.done = false;
         this.delegate = null;
         this.method = "next";
         this.arg = undefined$1;
         this.tryEntries.forEach(resetTryEntry);
-
         if (!skipTempReset) {
           for (var name in this) {
             // Not sure about the optimal order of these conditions:
@@ -1052,50 +969,40 @@ var runtime = {exports: {}};
         this.done = true;
         var rootEntry = this.tryEntries[0];
         var rootRecord = rootEntry.completion;
-
         if (rootRecord.type === "throw") {
           throw rootRecord.arg;
         }
-
         return this.rval;
       },
       dispatchException: function dispatchException(exception) {
         if (this.done) {
           throw exception;
         }
-
         var context = this;
-
         function handle(loc, caught) {
           record.type = "throw";
           record.arg = exception;
           context.next = loc;
-
           if (caught) {
             // If the dispatched exception was caught by a catch block,
             // then let that catch block handle the exception normally.
             context.method = "next";
             context.arg = undefined$1;
           }
-
           return !!caught;
         }
-
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
           var record = entry.completion;
-
           if (entry.tryLoc === "root") {
             // Exception thrown outside of any try block that could handle
             // it, so set the completion value of the entire function to
             // throw the exception.
             return handle("end");
           }
-
           if (entry.tryLoc <= this.prev) {
             var hasCatch = hasOwn.call(entry, "catchLoc");
             var hasFinally = hasOwn.call(entry, "finallyLoc");
-
             if (hasCatch && hasFinally) {
               if (this.prev < entry.catchLoc) {
                 return handle(entry.catchLoc, true);
@@ -1119,36 +1026,30 @@ var runtime = {exports: {}};
       abrupt: function abrupt(type, arg) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
             var finallyEntry = entry;
             break;
           }
         }
-
         if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
           // Ignore the finally entry if control is not jumping to a
           // location outside the try/catch block.
           finallyEntry = null;
         }
-
         var record = finallyEntry ? finallyEntry.completion : {};
         record.type = type;
         record.arg = arg;
-
         if (finallyEntry) {
           this.method = "next";
           this.next = finallyEntry.finallyLoc;
           return ContinueSentinel;
         }
-
         return this.complete(record);
       },
       complete: function complete(record, afterLoc) {
         if (record.type === "throw") {
           throw record.arg;
         }
-
         if (record.type === "break" || record.type === "continue") {
           this.next = record.arg;
         } else if (record.type === "return") {
@@ -1158,13 +1059,11 @@ var runtime = {exports: {}};
         } else if (record.type === "normal" && afterLoc) {
           this.next = afterLoc;
         }
-
         return ContinueSentinel;
       },
       finish: function finish(finallyLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.finallyLoc === finallyLoc) {
             this.complete(entry.completion, entry.afterLoc);
             resetTryEntry(entry);
@@ -1175,21 +1074,18 @@ var runtime = {exports: {}};
       "catch": function _catch(tryLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc === tryLoc) {
             var record = entry.completion;
-
             if (record.type === "throw") {
               var thrown = record.arg;
               resetTryEntry(entry);
             }
-
             return thrown;
           }
-        } // The context.catch method must only be called with a location
-        // argument that corresponds to a known catch block.
-
+        }
 
+        // The context.catch method must only be called with a location
+        // argument that corresponds to a known catch block.
         throw new Error("illegal catch attempt");
       },
       delegateYield: function delegateYield(iterable, resultName, nextLoc) {
@@ -1198,43 +1094,46 @@ var runtime = {exports: {}};
           resultName: resultName,
           nextLoc: nextLoc
         };
-
         if (this.method === "next") {
           // Deliberately forget the last sent value so that we don't
           // accidentally pass it on to the delegate.
           this.arg = undefined$1;
         }
-
         return ContinueSentinel;
       }
-    }; // Regardless of whether this script is executing as a CommonJS module
+    };
+
+    // Regardless of whether this script is executing as a CommonJS module
     // or not, return the runtime object so that we can declare the variable
     // regeneratorRuntime in the outer scope, which allows this module to be
     // injected easily by `bin/regenerator --include-runtime script.js`.
-
     return exports;
-  }( // If this script is executing as a CommonJS module, use module.exports
+  }(
+  // If this script is executing as a CommonJS module, use module.exports
   // as the regeneratorRuntime namespace. Otherwise create a new empty
   // object. Either way, the resulting object will be used to initialize
   // the regeneratorRuntime variable at the top of this file.
   module.exports );
-
   try {
     regeneratorRuntime = runtime;
   } catch (accidentalStrictMode) {
     // This module should not be running in strict mode, so the above
     // assignment should always work unless something is misconfigured. Just
-    // in case runtime.js accidentally runs in strict mode, we can escape
+    // in case runtime.js accidentally runs in strict mode, in modern engines
+    // we can explicitly access globalThis. In older engines we can escape
     // strict mode using a global Function call. This could conceivably fail
     // if a Content Security Policy forbids using Function, but in that case
     // the proper solution is to fix the accidental strict mode problem. If
     // you've misconfigured your bundler to force strict mode and applied a
     // CSP to forbid Function, and you're not willing to fix either of those
     // problems, please detail your unique predicament in a GitHub issue.
-    Function("r", "regeneratorRuntime = r")(runtime);
+    if (typeof globalThis === "object") {
+      globalThis.regeneratorRuntime = runtime;
+    } else {
+      Function("r", "regeneratorRuntime = r")(runtime);
+    }
   }
 })(runtime);
-
 var _regeneratorRuntime = runtime.exports;
 
 var useNormalizedItems = function useNormalizedItems(items) {
@@ -1246,13 +1145,11 @@ var useNormalizedItems = function useNormalizedItems(items) {
           label: item
         };
       }
-
       if (!('value' in item)) {
         return _extends({}, item, {
           value: item.label
         });
       }
-
       return item;
     });
   }, [items]);
@@ -1267,7 +1164,6 @@ var useIsMounted = function useIsMounted() {
   }, []);
   return isMountedRef.current;
 };
-
 var reducer = function reducer(_state, action) {
   switch (action.type) {
     case 'request results':
@@ -1275,7 +1171,6 @@ var reducer = function reducer(_state, action) {
         items: [],
         loading: true
       };
-
     case 'received results':
       return {
         items: action.payload,
@@ -1283,40 +1178,34 @@ var reducer = function reducer(_state, action) {
       };
   }
 };
-
-var useResolvedItems = function useResolvedItems(
-/** The list of items, or an async function that resolves the list of items */
-itemsOrItemsResolver,
-/** The time to wait after the input changes to the fetchItems method is called */
+var useResolvedItems = function useResolvedItems( /** The list of items, or an async function that resolves the list of items */
+itemsOrItemsResolver, /** The time to wait after the input changes to the fetchItems method is called */
 debounceTimeout) {
   if (debounceTimeout === void 0) {
     debounceTimeout = 250;
   }
-
-  var isItemsFunction = typeof itemsOrItemsResolver === 'function'; // Here, we normalize the itemsResolver argument to an async function, so we
+  var isItemsFunction = typeof itemsOrItemsResolver === 'function';
+  // Here, we normalize the itemsResolver argument to an async function, so we
   // can use it without thinking about the differences later
-
   var itemsResolver = React.useMemo(function () {
     return isItemsFunction ? itemsOrItemsResolver : function () {
       return Promise.resolve(itemsOrItemsResolver);
     };
   }, [itemsOrItemsResolver, isItemsFunction]);
-
   var _React$useReducer = React.useReducer(reducer, {
-    items: isItemsFunction ? [] : itemsOrItemsResolver,
-    loading: false
-  }),
-      _React$useReducer$ = _React$useReducer[0],
-      items = _React$useReducer$.items,
-      loading = _React$useReducer$.loading,
-      dispatch = _React$useReducer[1]; // This is a way to check whether or not the dropdown is still in the
+      items: isItemsFunction ? [] : itemsOrItemsResolver,
+      loading: false
+    }),
+    _React$useReducer$ = _React$useReducer[0],
+    items = _React$useReducer$.items,
+    loading = _React$useReducer$.loading,
+    dispatch = _React$useReducer[1];
+  // This is a way to check whether or not the dropdown is still in the
   // document. We use it below to make sure we're not updating the state of
   // an unmounted component.
-
-
-  var isMounted = useIsMounted(); // Next, let's create the fetching function. This should be called whenever
+  var isMounted = useIsMounted();
+  // Next, let's create the fetching function. This should be called whenever
   // the input value changes
-
   var fetchItems = React.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(inputValue) {
       var resolvedItems;
@@ -1328,26 +1217,21 @@ debounceTimeout) {
                 _context.next = 2;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 2:
               dispatch({
                 type: 'request results'
               });
               _context.next = 5;
               return itemsResolver(inputValue);
-
             case 5:
               resolvedItems = _context.sent;
-
               if (isMounted) {
                 dispatch({
                   type: 'received results',
                   payload: resolvedItems
                 });
               }
-
             case 7:
             case "end":
               return _context.stop();
@@ -1355,7 +1239,6 @@ debounceTimeout) {
         }
       }, _callee);
     }));
-
     return function (_x) {
       return _ref.apply(this, arguments);
     };
@@ -1377,38 +1260,36 @@ debounceTimeout) {
 var _excluded$4 = ["highlightFirstItemOnOpen", "debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value", "clearable", "className", "style", "listStyle", "itemFilter", "disableLabelAnimation"];
 var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var highlightFirstItemOnOpen = _ref.highlightFirstItemOnOpen,
-      debounceTimeout = _ref.debounceTimeout,
-      disabled = _ref.disabled,
-      feedback = _ref.feedback,
-      items = _ref.items,
-      label = _ref.label,
-      loadingText = _ref.loadingText,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return undefined;
-  } : _ref$onChange,
-      placeholder = _ref.placeholder,
-      prepend = _ref.prepend,
-      readOnly = _ref.readOnly,
-      searchable = _ref.searchable,
-      selectOnTab = _ref.selectOnTab,
-      openOnFocus = _ref.openOnFocus,
-      variant = _ref.variant,
-      value = _ref.value,
-      _ref$clearable = _ref.clearable,
-      clearable = _ref$clearable === void 0 ? false : _ref$clearable,
-      className = _ref.className,
-      style = _ref.style,
-      listStyle = _ref.listStyle,
-      itemFilter = _ref.itemFilter,
-      disableLabelAnimation = _ref.disableLabelAnimation,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-
+    debounceTimeout = _ref.debounceTimeout,
+    disabled = _ref.disabled,
+    feedback = _ref.feedback,
+    items = _ref.items,
+    label = _ref.label,
+    loadingText = _ref.loadingText,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {
+      return undefined;
+    } : _ref$onChange,
+    placeholder = _ref.placeholder,
+    prepend = _ref.prepend,
+    readOnly = _ref.readOnly,
+    searchable = _ref.searchable,
+    selectOnTab = _ref.selectOnTab,
+    openOnFocus = _ref.openOnFocus,
+    variant = _ref.variant,
+    value = _ref.value,
+    _ref$clearable = _ref.clearable,
+    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
+    className = _ref.className,
+    style = _ref.style,
+    listStyle = _ref.listStyle,
+    itemFilter = _ref.itemFilter,
+    disableLabelAnimation = _ref.disableLabelAnimation,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var _useResolvedItems = useResolvedItems(items, debounceTimeout),
-      normalizedItems = _useResolvedItems.items,
-      loading = _useResolvedItems.loading,
-      fetchItems = _useResolvedItems.fetchItems;
-
+    normalizedItems = _useResolvedItems.items,
+    loading = _useResolvedItems.loading,
+    fetchItems = _useResolvedItems.fetchItems;
   var selectedItem = value === undefined ? undefined : normalizedItems.find(function (item) {
     return value === item.value;
   }) || null;
@@ -1454,34 +1335,30 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 var _excluded$3 = ["className", "disabled", "readOnly", "items", "loadingText", "prepend", "style", "label", "variant", "feedback", "disableLabelAnimation"];
 var NativeDropdown = function NativeDropdown(_ref) {
   var className = _ref.className,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      items = _ref.items,
-      loadingText = _ref.loadingText,
-      prepend = _ref.prepend,
-      style = _ref.style,
-      label = _ref.label,
-      variant = _ref.variant,
-      feedback = _ref.feedback,
-      disableLabelAnimation = _ref.disableLabelAnimation,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
-
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    items = _ref.items,
+    loadingText = _ref.loadingText,
+    prepend = _ref.prepend,
+    style = _ref.style,
+    label = _ref.label,
+    variant = _ref.variant,
+    feedback = _ref.feedback,
+    disableLabelAnimation = _ref.disableLabelAnimation,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   var _useResolvedItems = useResolvedItems(items),
-      normalizedItems = _useResolvedItems.items,
-      loading = _useResolvedItems.loading;
-
+    normalizedItems = _useResolvedItems.items,
+    loading = _useResolvedItems.loading;
   var rightSideIcon = React.createElement(DownArrowIcon, {
     inline: true
   });
-
   if (disabled || readOnly) {
     rightSideIcon = null;
   } else if (loading) {
     rightSideIcon = React.createElement(DropdownLoadingDots, null, loadingText);
   }
-
   var nativeDropdownId = useRandomId('eds-native-dropdown');
   return React.createElement(BaseFormControl, {
     disabled: disabled,
@@ -1510,22 +1387,18 @@ var NativeDropdown = function NativeDropdown(_ref) {
 
 var _excluded$2 = ["items", "itemsSelectedLabel", "label", "feedback", "variant", "disabled", "readOnly", "onChange", "className", "clearable", "loading", "loadingText", "openOnFocus", "style", "listStyle", "initialSelectedItems", "debounceTimeout"];
 var MultiSelectContext = /*#__PURE__*/React.createContext(null);
-
 var useMultiSelectContext = function useMultiSelectContext() {
   var context = React.useContext(MultiSelectContext);
-
   if (!context) {
     throw new Error('You need to wrap your component in a DownshiftProvider');
   }
-
   return context;
 };
-
-function stateReducer(state, //StateChangeOptions<NormalizedDropdownItemType>,
+function stateReducer(state,
+//StateChangeOptions<NormalizedDropdownItemType>,
 actionAndChanges) {
   var changes = actionAndChanges.changes,
-      type = actionAndChanges.type;
-
+    type = actionAndChanges.type;
   switch (type) {
     case useSelect.stateChangeTypes.MenuKeyDownEnter:
     case useSelect.stateChangeTypes.MenuKeyDownSpaceButton:
@@ -1534,96 +1407,84 @@ actionAndChanges) {
         isOpen: true,
         highlightedIndex: state.highlightedIndex
       });
-
     default:
       return changes;
   }
 }
-
 var MultiSelect = function MultiSelect(_ref) {
   var input = _ref.items,
-      _ref$itemsSelectedLab = _ref.itemsSelectedLabel,
-      itemsSelectedLabel = _ref$itemsSelectedLab === void 0 ? function (items) {
-    return SelectedItemsLabel(items);
-  } : _ref$itemsSelectedLab,
-      label = _ref.label,
-      feedback = _ref.feedback,
-      variant = _ref.variant,
-      disabled = _ref.disabled,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {
-    return undefined;
-  } : _ref$onChange,
-      className = _ref.className,
-      _ref$clearable = _ref.clearable,
-      clearable = _ref$clearable === void 0 ? false : _ref$clearable,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      _ref$loadingText = _ref.loadingText,
-      loadingText = _ref$loadingText === void 0 ? '' : _ref$loadingText,
-      _ref$openOnFocus = _ref.openOnFocus,
-      openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
-      style = _ref.style,
-      listStyle = _ref.listStyle,
-      _ref$initialSelectedI = _ref.initialSelectedItems,
-      initialSelectedItems = _ref$initialSelectedI === void 0 ? [] : _ref$initialSelectedI,
-      debounceTimeout = _ref.debounceTimeout,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-
+    _ref$itemsSelectedLab = _ref.itemsSelectedLabel,
+    itemsSelectedLabel = _ref$itemsSelectedLab === void 0 ? function (items) {
+      return SelectedItemsLabel(items);
+    } : _ref$itemsSelectedLab,
+    label = _ref.label,
+    feedback = _ref.feedback,
+    variant = _ref.variant,
+    disabled = _ref.disabled,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {
+      return undefined;
+    } : _ref$onChange,
+    className = _ref.className,
+    _ref$clearable = _ref.clearable,
+    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$loadingText = _ref.loadingText,
+    loadingText = _ref$loadingText === void 0 ? '' : _ref$loadingText,
+    _ref$openOnFocus = _ref.openOnFocus,
+    openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
+    style = _ref.style,
+    listStyle = _ref.listStyle,
+    _ref$initialSelectedI = _ref.initialSelectedItems,
+    initialSelectedItems = _ref$initialSelectedI === void 0 ? [] : _ref$initialSelectedI,
+    debounceTimeout = _ref.debounceTimeout,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _useResolvedItems = useResolvedItems(input, debounceTimeout),
-      items = _useResolvedItems.items;
-
+    items = _useResolvedItems.items;
   var _useState = useState(initialSelectedItems),
-      selectedItems = _useState[0],
-      setSelectedItems = _useState[1];
-
+    selectedItems = _useState[0],
+    setSelectedItems = _useState[1];
   var reset = React.useCallback(function () {
     setSelectedItems([]);
   }, []);
-
   function isSelected(selectedCheckboxItem) {
     return selectedItems.some(function (selected) {
       return selected.value === selectedCheckboxItem.value;
     });
   }
-
   var _useSelect = useSelect(_extends({
-    items: items,
-    stateReducer: stateReducer,
-    selectedItem: null,
-    onSelectedItemChange: function onSelectedItemChange(_ref2) {
-      var selectedItem = _ref2.selectedItem;
-
-      if (!selectedItem) {
-        return;
-      }
-
-      var itemIsFound = isSelected(selectedItem);
-
-      if (itemIsFound) {
-        var slicedItemList = selectedItems.filter(function (item) {
-          return item.value !== selectedItem.value;
-        });
-        setSelectedItems(slicedItemList);
-        onChange(slicedItemList);
-      } else {
-        var _slicedItemList = [].concat(selectedItems, [selectedItem]);
-
-        setSelectedItems(_slicedItemList);
-        onChange(_slicedItemList);
+      items: items,
+      stateReducer: stateReducer,
+      selectedItem: null,
+      onSelectedItemChange: function onSelectedItemChange(_ref2) {
+        var selectedItem = _ref2.selectedItem;
+        if (!selectedItem) {
+          return;
+        }
+        var itemIsFound = isSelected(selectedItem);
+        if (itemIsFound) {
+          var slicedItemList = selectedItems.filter(function (item) {
+            return item.value !== selectedItem.value;
+          });
+          setSelectedItems(slicedItemList);
+          onChange(slicedItemList);
+        } else {
+          var _slicedItemList = [].concat(selectedItems, [selectedItem]);
+          setSelectedItems(_slicedItemList);
+          onChange(_slicedItemList);
+        }
       }
-    }
-  }, rest)),
-      isOpen = _useSelect.isOpen,
-      getToggleButtonProps = _useSelect.getToggleButtonProps,
-      getLabelProps = _useSelect.getLabelProps,
-      getMenuProps = _useSelect.getMenuProps,
-      highlightedIndex = _useSelect.highlightedIndex,
-      getItemProps = _useSelect.getItemProps,
-      openMenu = _useSelect.openMenu;
-
+    }, rest)),
+    isOpen = _useSelect.isOpen,
+    getToggleButtonProps = _useSelect.getToggleButtonProps,
+    getLabelProps = _useSelect.getLabelProps,
+    getMenuProps = _useSelect.getMenuProps,
+    highlightedIndex = _useSelect.highlightedIndex,
+    getItemProps = _useSelect.getItemProps,
+    openMenu = _useSelect.openMenu;
   var buttonText = selectedItems.length ? itemsSelectedLabel(selectedItems) : '';
   var multiSelectId = useRandomId('eds-multiselect');
   return React.createElement(MultiSelectContext.Provider, {
@@ -1700,13 +1561,10 @@ var MultiSelect = function MultiSelect(_ref) {
     })));
   }))));
 };
-
 var ClearButton = function ClearButton(_ref3) {
   var props = _extends({}, _ref3);
-
   var _useMultiSelectContex = useMultiSelectContext(),
-      reset = _useMultiSelectContex.reset;
-
+    reset = _useMultiSelectContex.reset;
   return React.createElement(React.Fragment, null, React.createElement("button", _extends({
     className: "eds-dropdown__clear-button",
     type: "button",
@@ -1718,31 +1576,25 @@ var ClearButton = function ClearButton(_ref3) {
     className: "eds-dropdown__divider"
   }));
 };
-
 var Appendix$1 = function Appendix(_ref4) {
   var loading = _ref4.loading,
-      loadingText = _ref4.loadingText,
-      readOnly = _ref4.readOnly,
-      hasSelected = _ref4.hasSelected;
-
+    loadingText = _ref4.loadingText,
+    readOnly = _ref4.readOnly,
+    hasSelected = _ref4.hasSelected;
   if (loading) {
     return React.createElement(DropdownLoadingDots, null, loadingText);
   }
-
   if (readOnly) {
     return null;
   }
-
   return hasSelected ? React.createElement(React.Fragment, null, React.createElement(ClearButton, null), React.createElement(DropdownToggleButton, null)) : React.createElement(DropdownToggleButton, null);
 };
-
 var DropdownToggleButton = function DropdownToggleButton() {
   var _useMultiSelectContex2 = useMultiSelectContext(),
-      getToggleButtonProps = _useMultiSelectContex2.getToggleButtonProps,
-      isOpen = _useMultiSelectContex2.isOpen,
-      openMenu = _useMultiSelectContex2.openMenu,
-      openOnFocus = _useMultiSelectContex2.openOnFocus;
-
+    getToggleButtonProps = _useMultiSelectContex2.getToggleButtonProps,
+    isOpen = _useMultiSelectContex2.isOpen,
+    openMenu = _useMultiSelectContex2.openMenu,
+    openOnFocus = _useMultiSelectContex2.openOnFocus;
   return React.createElement("button", _extends({}, getToggleButtonProps({
     className: classNames('eds-dropdown__toggle-button', {
       'eds-dropdown__toggle-button--open': isOpen
@@ -1756,7 +1608,6 @@ var DropdownToggleButton = function DropdownToggleButton() {
     type: "button"
   }), React.createElement(DownArrowIcon, null));
 };
-
 var CheckboxIcon = function CheckboxIcon() {
   return React.createElement("svg", {
     className: "eds-checkbox-icon",
@@ -1769,7 +1620,6 @@ var CheckboxIcon = function CheckboxIcon() {
     fill: "none"
   }));
 };
-
 function SelectedItemsLabel(items) {
   return items.length < 3 ? items.map(function (item) {
     return item.label;
@@ -1779,14 +1629,13 @@ function SelectedItemsLabel(items) {
 var _excluded$1 = ["selectedItem", "isOpen", "getMenuProps", "getItemProps", "filteredItems", "highlightedIndex", "listStyle"];
 var DropdownList = function DropdownList(_ref) {
   var selectedItem = _ref.selectedItem,
-      isOpen = _ref.isOpen,
-      getMenuProps = _ref.getMenuProps,
-      getItemProps = _ref.getItemProps,
-      filteredItems = _ref.filteredItems,
-      highlightedIndex = _ref.highlightedIndex,
-      listStyle = _ref.listStyle,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-
+    isOpen = _ref.isOpen,
+    getMenuProps = _ref.getMenuProps,
+    getItemProps = _ref.getItemProps,
+    filteredItems = _ref.filteredItems,
+    highlightedIndex = _ref.highlightedIndex,
+    listStyle = _ref.listStyle,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   return React.createElement("ul", _extends({
     className: classNames('eds-searchable-dropdown__list', {
       'eds-searchable-dropdown__list--open': isOpen
@@ -1794,7 +1643,8 @@ var DropdownList = function DropdownList(_ref) {
   }, getMenuProps(), {
     style: _extends({}, rest.style, listStyle)
   }), isOpen ? filteredItems.map(function (item, index) {
-    return (// eslint-disable-next-line react/jsx-key
+    return (
+      // eslint-disable-next-line react/jsx-key
       React.createElement("li", _extends({
         className: classNames('eds-searchable-dropdown__list__item', {
           'eds-searchable-dropdown__list__item--highlighted': highlightedIndex === index,
@@ -1816,53 +1666,45 @@ var DropdownList = function DropdownList(_ref) {
 };
 
 var _excluded = ["items", "selectedItem", "onChange", "label", "placeholder", "clearable", "openOnFocus", "readonly", "feedback", "variant", "className", "listStyle"];
-
 function lowerCaseFilterTest(item, input) {
   if (!input) {
     return true;
   }
-
   var sanitizeEscapeCharacters = input.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
   var inputRegex = new RegExp(sanitizeEscapeCharacters, 'i');
   return inputRegex.test(item.label);
-} // TODO Husk å @deprecate searchable-prop-en til Dropdown når denne komponenten skal ha official release
+}
+// TODO Husk å @deprecate searchable-prop-en til Dropdown når denne komponenten skal ha official release
 // TODO Husk å generelt legge inn støtte for typeof value === string
-
-
 var SearchableDropdownBeta = function SearchableDropdownBeta(_ref) {
   var _selectedItem$label;
-
   var items = _ref.items,
-      value = _ref.selectedItem,
-      onChange = _ref.onChange,
-      label = _ref.label,
-      placeholder = _ref.placeholder,
-      _ref$clearable = _ref.clearable,
-      clearable = _ref$clearable === void 0 ? false : _ref$clearable,
-      _ref$openOnFocus = _ref.openOnFocus,
-      openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
-      _ref$readonly = _ref.readonly,
-      readonly = _ref$readonly === void 0 ? false : _ref$readonly,
-      feedback = _ref.feedback,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'info' : _ref$variant,
-      className = _ref.className,
-      listStyle = _ref.listStyle,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    value = _ref.selectedItem,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    _ref$clearable = _ref.clearable,
+    clearable = _ref$clearable === void 0 ? false : _ref$clearable,
+    _ref$openOnFocus = _ref.openOnFocus,
+    openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
+    feedback = _ref.feedback,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'info' : _ref$variant,
+    className = _ref.className,
+    listStyle = _ref.listStyle,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _React$useState = React.useState(items),
-      filteredItems = _React$useState[0],
-      setFilteredItems = _React$useState[1];
-
+    filteredItems = _React$useState[0],
+    setFilteredItems = _React$useState[1];
   var _useState = useState(false),
-      hideSelectedItem = _useState[0],
-      setHideSelectedItem = _useState[1];
-
+    hideSelectedItem = _useState[0],
+    setHideSelectedItem = _useState[1];
   var inputRef = useRef(null);
   var stateReducer = React.useCallback(function (_, actionAndChanges) {
     var type = actionAndChanges.type,
-        changes = actionAndChanges.changes;
-
+      changes = actionAndChanges.changes;
     switch (type) {
       case useCombobox.stateChangeTypes.ItemClick:
       case useCombobox.stateChangeTypes.InputKeyDownEnter:
@@ -1871,43 +1713,40 @@ var SearchableDropdownBeta = function SearchableDropdownBeta(_ref) {
         return _extends({}, changes, changes.selectedItem && {
           inputValue: ''
         });
-
       default:
         return changes;
     }
   }, []);
-
   var _useCombobox = useCombobox(_extends({
-    onInputValueChange: function onInputValueChange(_ref2) {
-      var inputValue = _ref2.inputValue;
-      setFilteredItems(items.filter(function (item) {
-        return lowerCaseFilterTest(item, inputValue);
-      }));
-    },
-    items: filteredItems,
-    itemToString: function itemToString(item) {
-      if (item) return item.value;
-      return '';
-    },
-    stateReducer: stateReducer,
-    selectedItem: value,
-    onSelectedItemChange: function onSelectedItemChange(_ref3) {
-      var newSelectedItem = _ref3.selectedItem;
-      return onChange(newSelectedItem != null ? newSelectedItem : null);
-    }
-  }, rest)),
-      isOpen = _useCombobox.isOpen,
-      getToggleButtonProps = _useCombobox.getToggleButtonProps,
-      getLabelProps = _useCombobox.getLabelProps,
-      getMenuProps = _useCombobox.getMenuProps,
-      getInputProps = _useCombobox.getInputProps,
-      getComboboxProps = _useCombobox.getComboboxProps,
-      highlightedIndex = _useCombobox.highlightedIndex,
-      getItemProps = _useCombobox.getItemProps,
-      selectedItem = _useCombobox.selectedItem,
-      openMenu = _useCombobox.openMenu,
-      inputValue = _useCombobox.inputValue;
-
+      onInputValueChange: function onInputValueChange(_ref2) {
+        var inputValue = _ref2.inputValue;
+        setFilteredItems(items.filter(function (item) {
+          return lowerCaseFilterTest(item, inputValue);
+        }));
+      },
+      items: filteredItems,
+      itemToString: function itemToString(item) {
+        if (item) return item.value;
+        return '';
+      },
+      stateReducer: stateReducer,
+      selectedItem: value,
+      onSelectedItemChange: function onSelectedItemChange(_ref3) {
+        var newSelectedItem = _ref3.selectedItem;
+        return onChange(newSelectedItem != null ? newSelectedItem : null);
+      }
+    }, rest)),
+    isOpen = _useCombobox.isOpen,
+    getToggleButtonProps = _useCombobox.getToggleButtonProps,
+    getLabelProps = _useCombobox.getLabelProps,
+    getMenuProps = _useCombobox.getMenuProps,
+    getInputProps = _useCombobox.getInputProps,
+    getComboboxProps = _useCombobox.getComboboxProps,
+    highlightedIndex = _useCombobox.highlightedIndex,
+    getItemProps = _useCombobox.getItemProps,
+    selectedItem = _useCombobox.selectedItem,
+    openMenu = _useCombobox.openMenu,
+    inputValue = _useCombobox.inputValue;
   return React.createElement("div", {
     className: "eds-searchable-dropdown__wrapper"
   }, React.createElement(BaseFormControl, _extends({
@@ -1934,7 +1773,6 @@ var SearchableDropdownBeta = function SearchableDropdownBeta(_ref) {
     className: "eds-searchable-dropdown__selected-item",
     onClick: function onClick() {
       var _inputRef$current;
-
       return (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
     }
   }, selectedItem.label)), React.createElement("input", _extends({
@@ -1959,15 +1797,13 @@ var SearchableDropdownBeta = function SearchableDropdownBeta(_ref) {
     getItemProps: getItemProps
   }));
 };
-
 var Appendix = function Appendix(_ref4) {
   var clearable = _ref4.clearable,
-      readOnly = _ref4.readOnly,
-      getToggleButtonProps = _ref4.getToggleButtonProps,
-      selectedItem = _ref4.selectedItem,
-      isOpen = _ref4.isOpen,
-      onChange = _ref4.onChange;
-
+    readOnly = _ref4.readOnly,
+    getToggleButtonProps = _ref4.getToggleButtonProps,
+    selectedItem = _ref4.selectedItem,
+    isOpen = _ref4.isOpen,
+    onChange = _ref4.onChange;
   // TODO implement loading / async
   // if (loading) {
   //   return <DropdownLoadingDots>{loadingText}</DropdownLoadingDots>;
@@ -1975,7 +1811,6 @@ var Appendix = function Appendix(_ref4) {
   if (readOnly) {
     return null;
   }
-
   return React.createElement("div", {
     style: {
       display: 'flex',