@entur/dropdown 3.0.24 → 3.0.25

package/dist/dropdown.cjs.development.js

@@ -27,55 +27,64 @@ 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) {
     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 _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure undefined");
-}
+
 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;
 }
 
@@ -83,41 +92,47 @@ var _excluded$a = ["children", "onChange", "onInputValueChange", "highlightFirst
 var DownshiftContext = /*#__PURE__*/React__default["default"].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__default["default"].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__':
@@ -127,6 +142,7 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
             // we will reset input field value to blank
             inputValue: ''
           }, highlightFirstItemIndex);
+
         default:
           return _extends({}, changes, highlightFirstItemIndex);
       }
@@ -134,6 +150,7 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
       return _extends({}, changes, highlightFirstItemIndex);
     }
   };
+
   return React__default["default"].createElement(Downshift__default["default"], _extends({
     itemToString: function itemToString(item) {
       return item ? item.label : '';
@@ -151,29 +168,32 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
 };
 var useDownshift = function useDownshift() {
   var context = React__default["default"].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__default["default"].createElement("ul", _extends({
     className: classNames__default["default"]('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__default["default"].createElement("li", _extends({
         className: classNames__default["default"]('eds-dropdown-list__item', {
           'eds-dropdown-list__item--highlighted': highlightedIndex === index,
@@ -196,8 +216,9 @@ 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__default["default"].createElement("button", _extends({}, getToggleButtonProps({
     className: classNames__default["default"]('eds-dropdown__toggle-button', {
       'eds-dropdown__toggle-button--open': isOpen
@@ -211,8 +232,9 @@ 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__default["default"].createElement("div", _extends({
     className: classNames__default["default"]('eds-inline-spinner', className)
   }, rest), React__default["default"].createElement(loader.LoadingDots, null), React__default["default"].createElement(a11y.VisuallyHidden, null, children));
@@ -221,22 +243,24 @@ 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__default["default"].createElement("div", {
     className: "eds-dropdown-wrapper",
     style: style
@@ -260,11 +284,14 @@ var BaseDropdown = function BaseDropdown(_ref) {
     }, listStyle)
   }, rest)));
 };
+
 var ClearButton$1 = function ClearButton(_ref2) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
+  var props = _extends({}, _ref2);
+
   var _useDownshift2 = useDownshift(),
-    clearSelection = _useDownshift2.clearSelection,
-    selectedItem = _useDownshift2.selectedItem;
+      clearSelection = _useDownshift2.clearSelection,
+      selectedItem = _useDownshift2.selectedItem;
+
   return React__default["default"].createElement(React__default["default"].Fragment, null, selectedItem && React__default["default"].createElement("button", _extends({
     className: "eds-dropdown__clear-button",
     type: "button",
@@ -276,46 +303,52 @@ 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__default["default"].createElement(DropdownLoadingDots, null, loadingText);
   }
+
   if (readOnly) {
     return null;
   }
+
   return clearable ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ClearButton$1, null), " ", React__default["default"].createElement(DropdownToggleButton$1, null)) : React__default["default"].createElement(DropdownToggleButton$1, null);
 };
 
 var _excluded$6 = ["disabled", "placeholder", "selectOnTab", "openOnFocus", "listStyle", "items", "label", "disableLabelAnimation", "loading", "loadingText", "className", "clearable"];
 var RegularDropdown = /*#__PURE__*/React__default["default"].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__default["default"].createElement(BaseDropdown, _extends({
     disabled: disabled,
     listStyle: listStyle,
@@ -338,6 +371,7 @@ var RegularDropdown = /*#__PURE__*/React__default["default"].forwardRef(function
       if (selectOnTab && e.key === 'Tab') {
         selectHighlightedItem();
       }
+
       if (isOpen) {
         var keyDownValue = e.key;
         var matchedItems = items.map(function (item, index) {
@@ -351,6 +385,7 @@ var RegularDropdown = /*#__PURE__*/React__default["default"].forwardRef(function
         var nextHighlightItem = matchedItems.find(function (item) {
           return item.index > (highlightedIndex != null ? highlightedIndex : 0);
         });
+
         if (nextHighlightItem) {
           setHighlightedIndex(nextHighlightItem.index);
         } else if (matchedItems.length > 0) {
@@ -369,49 +404,55 @@ var RegularDropdown = /*#__PURE__*/React__default["default"].forwardRef(function
 });
 
 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__default["default"].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 = React.useState(false),
-    hideSelectedItem = _useState[0],
-    setHideSelectedItem = _useState[1];
+      hideSelectedItem = _useState[0],
+      setHideSelectedItem = _useState[1];
+
   var inputRef = React.useRef(null);
   var filteredItems = React__default["default"].useMemo(function () {
     return items.filter(function (item) {
@@ -437,6 +478,7 @@ var SearchableDropdown = /*#__PURE__*/React__default["default"].forwardRef(funct
     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__default["default"].createElement("input", _extends({}, getInputProps(_extends({
@@ -462,10 +504,10 @@ var SearchableDropdown = /*#__PURE__*/React__default["default"].forwardRef(funct
 
 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__default["default"].createElement(form.VariantProvider, {
     variant: variant
   }, React__default["default"].createElement("div", {
@@ -484,16 +526,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 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,
@@ -503,6 +548,7 @@ var runtime = {exports: {}};
       });
       return obj[key];
     }
+
     try {
       // IE 8 has a broken Object.defineProperty that only works on DOM objects.
       define({}, "");
@@ -511,20 +557,19 @@ 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,
+      var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
       // .throw, and .return methods.
+
       generator._invoke = makeInvokeMethod(innerFn, self, context);
       return generator;
     }
-    exports.wrap = wrap;
 
-    // Try/catch helper to minimize deoptimizations. Returns a completion
+    exports.wrap = wrap; // 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
@@ -534,6 +579,7 @@ 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 {
@@ -547,44 +593,47 @@ 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 = {};
 
-    // Dummy constructor functions that we use as the .constructor and
+    var ContinueSentinel = {}; // 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() {}
 
-    // This is a polyfill for %IteratorPrototype% for environments that
+    function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
     // don't natively support it.
+
+
     var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
+
+    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 = GeneratorFunctionPrototype;
-    define(Gp, "constructor", GeneratorFunctionPrototype);
-    define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-    GeneratorFunction.displayName = /*#__PURE__*/define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction");
 
-    // Helper for defining the .next, .throw, and .return methods of the
+    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.
+
     function defineIteratorMethods(prototype) {
       ["next", "throw", "return"].forEach(function (method) {
         define(prototype, method, function (arg) {
@@ -592,13 +641,14 @@ 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);
@@ -606,27 +656,31 @@ 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);
@@ -634,6 +688,7 @@ 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
@@ -647,15 +702,17 @@ 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
@@ -667,25 +724,26 @@ 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,
+      } // Define the unified helper method that is used to implement .next,
       // .throw, and .return (see defineIteratorMethods).
+
+
       this._invoke = enqueue;
     }
+
     defineIteratorMethods(AsyncIterator.prototype);
-    define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+
+    AsyncIterator.prototype[asyncIteratorSymbol] = function () {
       return this;
-    });
-    exports.AsyncIterator = AsyncIterator;
+    };
 
-    // Note that simple async functions are implemented on top of
+    exports.AsyncIterator = AsyncIterator; // 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);
@@ -694,32 +752,39 @@ 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:
+          } // 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.
@@ -729,44 +794,51 @@ 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];
+
       if (method === undefined$1) {
         // A .throw or .return when the delegate iterator has no .throw
         // method always terminates the yield* loop.
         context.delegate = null;
+
         if (context.method === "throw") {
           // Note: ["return"] must be used for ES3 parsing compatibility.
           if (delegate.iterator["return"]) {
@@ -775,45 +847,51 @@ var runtime = {exports: {}};
             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;
             }
           }
+
           context.method = "throw";
           context.arg = new TypeError("The iterator does not provide a 'throw' 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.next = delegate.nextLoc;
+        context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
 
-        // If context.method was "throw" but the delegate handled the
+        context.next = delegate.nextLoc; // 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;
@@ -821,49 +899,55 @@ 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 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
+    } // 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
+
+    defineIteratorMethods(Gp);
+    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.
-    define(Gp, iteratorSymbol, function () {
+
+    Gp[iteratorSymbol] = function () {
       return this;
-    });
-    define(Gp, "toString", function () {
+    };
+
+    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
@@ -874,84 +958,97 @@ var runtime = {exports: {}};
       tryLocsList.forEach(pushTryEntry, this);
       this.reset(true);
     }
+
     exports.keys = function (object) {
       var keys = [];
+
       for (var key in object) {
         keys.push(key);
       }
-      keys.reverse();
 
-      // Rather than returning an object with a next method, we keep
+      keys.reverse(); // 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:
@@ -965,40 +1062,50 @@ 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);
@@ -1022,30 +1129,36 @@ 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") {
@@ -1055,11 +1168,13 @@ 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);
@@ -1070,18 +1185,21 @@ 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
+        } // 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) {
@@ -1090,46 +1208,43 @@ 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, in modern engines
-    // we can explicitly access globalThis. In older engines we can escape
+    // in case runtime.js accidentally runs in strict mode, 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.
-    if (typeof globalThis === "object") {
-      globalThis.regeneratorRuntime = runtime;
-    } else {
-      Function("r", "regeneratorRuntime = r")(runtime);
-    }
+    Function("r", "regeneratorRuntime = r")(runtime);
   }
 })(runtime);
+
 var _regeneratorRuntime = runtime.exports;
 
 var useNormalizedItems = function useNormalizedItems(items) {
@@ -1141,11 +1256,13 @@ var useNormalizedItems = function useNormalizedItems(items) {
           label: item
         };
       }
+
       if (!('value' in item)) {
         return _extends({}, item, {
           value: item.label
         });
       }
+
       return item;
     });
   }, [items]);
@@ -1160,6 +1277,7 @@ var useIsMounted = function useIsMounted() {
   }, []);
   return isMountedRef.current;
 };
+
 var reducer = function reducer(_state, action) {
   switch (action.type) {
     case 'request results':
@@ -1167,6 +1285,7 @@ var reducer = function reducer(_state, action) {
         items: [],
         loading: true
       };
+
     case 'received results':
       return {
         items: action.payload,
@@ -1174,34 +1293,40 @@ 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__default["default"].useMemo(function () {
     return isItemsFunction ? itemsOrItemsResolver : function () {
       return Promise.resolve(itemsOrItemsResolver);
     };
   }, [itemsOrItemsResolver, isItemsFunction]);
+
   var _React$useReducer = React__default["default"].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__default["default"].useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(inputValue) {
       var resolvedItems;
@@ -1213,21 +1338,26 @@ 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();
@@ -1235,6 +1365,7 @@ debounceTimeout) {
         }
       }, _callee);
     }));
+
     return function (_x) {
       return _ref.apply(this, arguments);
     };
@@ -1256,36 +1387,38 @@ 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__default["default"].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;
@@ -1331,30 +1464,34 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function (_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__default["default"].createElement(icons.DownArrowIcon, {
     inline: true
   });
+
   if (disabled || readOnly) {
     rightSideIcon = null;
   } else if (loading) {
     rightSideIcon = React__default["default"].createElement(DropdownLoadingDots, null, loadingText);
   }
+
   var nativeDropdownId = utils.useRandomId('eds-native-dropdown');
   return React__default["default"].createElement(form.BaseFormControl, {
     disabled: disabled,
@@ -1383,18 +1520,22 @@ 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__default["default"].createContext(null);
+
 var useMultiSelectContext = function useMultiSelectContext() {
   var context = React__default["default"].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 Downshift.useSelect.stateChangeTypes.MenuKeyDownEnter:
     case Downshift.useSelect.stateChangeTypes.MenuKeyDownSpaceButton:
@@ -1403,84 +1544,96 @@ 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 = React.useState(initialSelectedItems),
-    selectedItems = _useState[0],
-    setSelectedItems = _useState[1];
+      selectedItems = _useState[0],
+      setSelectedItems = _useState[1];
+
   var reset = React__default["default"].useCallback(function () {
     setSelectedItems([]);
   }, []);
+
   function isSelected(selectedCheckboxItem) {
     return selectedItems.some(function (selected) {
       return selected.value === selectedCheckboxItem.value;
     });
   }
+
   var _useSelect = Downshift.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;
       }
-    }, rest)),
-    isOpen = _useSelect.isOpen,
-    getToggleButtonProps = _useSelect.getToggleButtonProps,
-    getLabelProps = _useSelect.getLabelProps,
-    getMenuProps = _useSelect.getMenuProps,
-    highlightedIndex = _useSelect.highlightedIndex,
-    getItemProps = _useSelect.getItemProps,
-    openMenu = _useSelect.openMenu;
+
+      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;
+
   var buttonText = selectedItems.length ? itemsSelectedLabel(selectedItems) : '';
   var multiSelectId = utils.useRandomId('eds-multiselect');
   return React__default["default"].createElement(MultiSelectContext.Provider, {
@@ -1557,10 +1710,13 @@ var MultiSelect = function MultiSelect(_ref) {
     })));
   }))));
 };
+
 var ClearButton = function ClearButton(_ref3) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
+  var props = _extends({}, _ref3);
+
   var _useMultiSelectContex = useMultiSelectContext(),
-    reset = _useMultiSelectContex.reset;
+      reset = _useMultiSelectContex.reset;
+
   return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("button", _extends({
     className: "eds-dropdown__clear-button",
     type: "button",
@@ -1572,25 +1728,31 @@ 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__default["default"].createElement(DropdownLoadingDots, null, loadingText);
   }
+
   if (readOnly) {
     return null;
   }
+
   return hasSelected ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ClearButton, null), React__default["default"].createElement(DropdownToggleButton, null)) : React__default["default"].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__default["default"].createElement("button", _extends({}, getToggleButtonProps({
     className: classNames__default["default"]('eds-dropdown__toggle-button', {
       'eds-dropdown__toggle-button--open': isOpen
@@ -1604,6 +1766,7 @@ var DropdownToggleButton = function DropdownToggleButton() {
     type: "button"
   }), React__default["default"].createElement(icons.DownArrowIcon, null));
 };
+
 var CheckboxIcon = function CheckboxIcon() {
   return React__default["default"].createElement("svg", {
     className: "eds-checkbox-icon",
@@ -1616,6 +1779,7 @@ var CheckboxIcon = function CheckboxIcon() {
     fill: "none"
   }));
 };
+
 function SelectedItemsLabel(items) {
   return items.length < 3 ? items.map(function (item) {
     return item.label;
@@ -1625,13 +1789,14 @@ 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__default["default"].createElement("ul", _extends({
     className: classNames__default["default"]('eds-searchable-dropdown__list', {
       'eds-searchable-dropdown__list--open': isOpen
@@ -1639,8 +1804,7 @@ 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__default["default"].createElement("li", _extends({
         className: classNames__default["default"]('eds-searchable-dropdown__list__item', {
           'eds-searchable-dropdown__list__item--highlighted': highlightedIndex === index,
@@ -1662,45 +1826,53 @@ 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__default["default"].useState(items),
-    filteredItems = _React$useState[0],
-    setFilteredItems = _React$useState[1];
+      filteredItems = _React$useState[0],
+      setFilteredItems = _React$useState[1];
+
   var _useState = React.useState(false),
-    hideSelectedItem = _useState[0],
-    setHideSelectedItem = _useState[1];
+      hideSelectedItem = _useState[0],
+      setHideSelectedItem = _useState[1];
+
   var inputRef = React.useRef(null);
   var stateReducer = React__default["default"].useCallback(function (_, actionAndChanges) {
     var type = actionAndChanges.type,
-      changes = actionAndChanges.changes;
+        changes = actionAndChanges.changes;
+
     switch (type) {
       case Downshift.useCombobox.stateChangeTypes.ItemClick:
       case Downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
@@ -1709,40 +1881,43 @@ var SearchableDropdownBeta = function SearchableDropdownBeta(_ref) {
         return _extends({}, changes, changes.selectedItem && {
           inputValue: ''
         });
+
       default:
         return changes;
     }
   }, []);
+
   var _useCombobox = Downshift.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__default["default"].createElement("div", {
     className: "eds-searchable-dropdown__wrapper"
   }, React__default["default"].createElement(form.BaseFormControl, _extends({
@@ -1769,6 +1944,7 @@ 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__default["default"].createElement("input", _extends({
@@ -1793,13 +1969,15 @@ 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>;
@@ -1807,6 +1985,7 @@ var Appendix = function Appendix(_ref4) {
   if (readOnly) {
     return null;
   }
+
   return React__default["default"].createElement("div", {
     style: {
       display: 'flex',