@entur/dropdown 4.0.0-beta.2 → 4.0.0

package/dist/dropdown.esm.js

@@ -7,7 +7,309 @@ import { CheckIcon, DownArrowIcon, CloseSmallIcon, CloseIcon } from '@entur/icon
 import { VisuallyHidden } from '@entur/a11y';
 import { LoadingDots } from '@entur/loader';
 import { space } from '@entur/tokens';
+import { IconButton } from '@entur/button';
 
+function _regeneratorRuntime() {
+  _regeneratorRuntime = function () {
+    return exports;
+  };
+  var exports = {},
+    Op = Object.prototype,
+    hasOwn = Op.hasOwnProperty,
+    defineProperty = Object.defineProperty || function (obj, key, desc) {
+      obj[key] = desc.value;
+    },
+    $Symbol = "function" == typeof Symbol ? Symbol : {},
+    iteratorSymbol = $Symbol.iterator || "@@iterator",
+    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+  function define(obj, key, value) {
+    return Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: !0,
+      configurable: !0,
+      writable: !0
+    }), obj[key];
+  }
+  try {
+    define({}, "");
+  } catch (err) {
+    define = function (obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+      generator = Object.create(protoGenerator.prototype),
+      context = new Context(tryLocsList || []);
+    return defineProperty(generator, "_invoke", {
+      value: makeInvokeMethod(innerFn, self, context)
+    }), generator;
+  }
+  function tryCatch(fn, obj, arg) {
+    try {
+      return {
+        type: "normal",
+        arg: fn.call(obj, arg)
+      };
+    } catch (err) {
+      return {
+        type: "throw",
+        arg: err
+      };
+    }
+  }
+  exports.wrap = wrap;
+  var ContinueSentinel = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  var IteratorPrototype = {};
+  define(IteratorPrototype, iteratorSymbol, function () {
+    return this;
+  });
+  var getProto = Object.getPrototypeOf,
+    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function (method) {
+      define(prototype, method, function (arg) {
+        return this._invoke(method, arg);
+      });
+    });
+  }
+  function AsyncIterator(generator, PromiseImpl) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if ("throw" !== record.type) {
+        var result = record.arg,
+          value = result.value;
+        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+          invoke("next", value, resolve, reject);
+        }, function (err) {
+          invoke("throw", err, resolve, reject);
+        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+          result.value = unwrapped, resolve(result);
+        }, function (error) {
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+      reject(record.arg);
+    }
+    var previousPromise;
+    defineProperty(this, "_invoke", {
+      value: function (method, arg) {
+        function callInvokeWithMethodAndArg() {
+          return new PromiseImpl(function (resolve, reject) {
+            invoke(method, arg, resolve, reject);
+          });
+        }
+        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+      }
+    });
+  }
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = "suspendedStart";
+    return function (method, arg) {
+      if ("executing" === state) throw new Error("Generator is already running");
+      if ("completed" === state) {
+        if ("throw" === method) throw arg;
+        return doneResult();
+      }
+      for (context.method = method, context.arg = arg;;) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+          if ("suspendedStart" === state) throw state = "completed", context.arg;
+          context.dispatchException(context.arg);
+        } else "return" === context.method && context.abrupt("return", context.arg);
+        state = "executing";
+        var record = tryCatch(innerFn, self, context);
+        if ("normal" === record.type) {
+          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+          return {
+            value: record.arg,
+            done: context.done
+          };
+        }
+        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+      }
+    };
+  }
+  function maybeInvokeDelegate(delegate, context) {
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+    var record = tryCatch(method, delegate.iterator, context.arg);
+    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+    var info = record.arg;
+    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+  }
+  function pushTryEntry(locs) {
+    var entry = {
+      tryLoc: locs[0]
+    };
+    1 in locs && (entry.catchLoc = locs[1]), 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) {
+    this.tryEntries = [{
+      tryLoc: "root"
+    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+  }
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) return iteratorMethod.call(iterable);
+      if ("function" == typeof iterable.next) return iterable;
+      if (!isNaN(iterable.length)) {
+        var i = -1,
+          next = function next() {
+            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+            return next.value = undefined, next.done = !0, next;
+          };
+        return next.next = next;
+      }
+    }
+    return {
+      next: doneResult
+    };
+  }
+  function doneResult() {
+    return {
+      value: undefined,
+      done: !0
+    };
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+    value: GeneratorFunctionPrototype,
+    configurable: !0
+  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+    value: GeneratorFunction,
+    configurable: !0
+  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+    var ctor = "function" == typeof genFun && genFun.constructor;
+    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+  }, exports.mark = function (genFun) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+  }, exports.awrap = function (arg) {
+    return {
+      __await: arg
+    };
+  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+    return this;
+  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+    void 0 === PromiseImpl && (PromiseImpl = Promise);
+    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+      return result.done ? result.value : iter.next();
+    });
+  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+    return this;
+  }), define(Gp, "toString", function () {
+    return "[object Generator]";
+  }), exports.keys = function (val) {
+    var object = Object(val),
+      keys = [];
+    for (var key in object) keys.push(key);
+    return keys.reverse(), function next() {
+      for (; keys.length;) {
+        var key = keys.pop();
+        if (key in object) return next.value = key, next.done = !1, next;
+      }
+      return next.done = !0, next;
+    };
+  }, exports.values = values, Context.prototype = {
+    constructor: Context,
+    reset: function (skipTempReset) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+    },
+    stop: function () {
+      this.done = !0;
+      var rootRecord = this.tryEntries[0].completion;
+      if ("throw" === rootRecord.type) throw rootRecord.arg;
+      return this.rval;
+    },
+    dispatchException: function (exception) {
+      if (this.done) throw exception;
+      var context = this;
+      function handle(loc, caught) {
+        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+      }
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i],
+          record = entry.completion;
+        if ("root" === entry.tryLoc) return handle("end");
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc"),
+            hasFinally = hasOwn.call(entry, "finallyLoc");
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+          } else {
+            if (!hasFinally) throw new Error("try statement without catch or finally");
+            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+          }
+        }
+      }
+    },
+    abrupt: function (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;
+        }
+      }
+      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+      var record = finallyEntry ? finallyEntry.completion : {};
+      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+    },
+    complete: function (record, afterLoc) {
+      if ("throw" === record.type) throw record.arg;
+      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+    },
+    finish: function (finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+      }
+    },
+    catch: function (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 ("throw" === record.type) {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    },
+    delegateYield: function (iterable, resultName, nextLoc) {
+      return this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+    }
+  }, exports;
+}
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -16,112 +318,97 @@ 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 _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
+}
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
-var _excluded$9 = ["children", "onChange", "onInputValueChange", "highlightFirstItemOnOpen", "className", "style", "searchable"];
+var _excluded$a = ["children", "onChange", "onInputValueChange", "highlightFirstItemOnOpen", "className", "style", "searchable"];
 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$9);
-
+    _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__':
@@ -131,7 +418,6 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
             // we will reset input field value to blank
             inputValue: ''
           }, highlightFirstItemIndex);
-
         default:
           return _extends({}, changes, highlightFirstItemIndex);
       }
@@ -139,7 +425,6 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
       return _extends({}, changes, highlightFirstItemIndex);
     }
   };
-
   return React.createElement(Downshift, _extends({
     itemToString: function itemToString(item) {
       return item ? item.label : '';
@@ -157,32 +442,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$8 = ["items"];
-var DropdownList = function DropdownList(_ref) {
+var _excluded$9 = ["items"];
+var DropdownList$1 = function DropdownList(_ref) {
   var items = _ref.items,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-
+    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,
@@ -205,9 +487,8 @@ var DropdownList = 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
@@ -218,38 +499,35 @@ var DropdownToggleButton$1 = function DropdownToggleButton() {
   }), React.createElement(DownArrowIcon, null));
 };
 
-var _excluded$7 = ["className", "children"];
+var _excluded$8 = ["className", "children"];
 var DropdownLoadingDots = function DropdownLoadingDots(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
-
+    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));
 };
 
-var _excluded$6 = ["children", "className", "items", "loading", "loadingText", "placeholder", "style", "listStyle", "clearable", "label", "isFilled", "disableLabelAnimation"];
+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$6);
-
+    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
@@ -265,7 +543,7 @@ var BaseDropdown = function BaseDropdown(_ref) {
     isFilled: isFilled,
     labelProps: getLabelProps(),
     disableLabelAnimation: disableLabelAnimation
-  }, rest), children), React.createElement(DropdownList, _extends({
+  }, rest), children), React.createElement(DropdownList$1, _extends({
     items: items,
     style: _extends({
       position: 'absolute',
@@ -273,14 +551,11 @@ var BaseDropdown = function BaseDropdown(_ref) {
     }, listStyle)
   }, rest)));
 };
-
 var ClearButton$1 = function ClearButton(_ref2) {
-  var props = _extends({}, _ref2);
-
+  var props = _extends({}, (_objectDestructuringEmpty(_ref2), _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",
@@ -292,52 +567,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$5 = ["disabled", "placeholder", "selectOnTab", "openOnFocus", "listStyle", "items", "label", "disableLabelAnimation", "loading", "loadingText", "className", "clearable"];
+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$5);
-
+    _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,
@@ -360,7 +629,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) {
@@ -374,7 +642,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) {
@@ -392,56 +659,50 @@ var RegularDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }), selectedItem ? selectedItem.label : placeholder));
 });
 
-var _excluded$4 = ["disabled", "className", "items", "loading", "loadingText", "readOnly", "prepend", "selectOnTab", "openOnFocus", "listStyle", "clearable", "itemFilter", "label", "disableLabelAnimation", "placeholder"];
-
+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$4);
-
+    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) {
@@ -467,7 +728,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({
@@ -493,10 +753,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", {
@@ -507,735 +767,6 @@ var DropdownInputGroup = function DropdownInputGroup(_ref) {
   }, feedback)));
 };
 
-var runtime = {exports: {}};
-
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * 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,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-      return obj[key];
-    }
-
-    try {
-      // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-      define({}, "");
-    } catch (err) {
-      define = function define(obj, key, value) {
-        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.
-
-      generator._invoke = makeInvokeMethod(innerFn, self, context);
-      return generator;
-    }
-
-    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
-    // already have an existing method we want to call, so there's no need
-    // to create a new function object. We can even get away with assuming
-    // the method takes exactly one argument, since that happens to be true
-    // 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 {
-          type: "normal",
-          arg: fn.call(obj, arg)
-        };
-      } catch (err) {
-        return {
-          type: "throw",
-          arg: err
-        };
-      }
-    }
-
-    var GenStateSuspendedStart = "suspendedStart";
-    var GenStateSuspendedYield = "suspendedYield";
-    var GenStateExecuting = "executing";
-    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
-    // .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
-    // don't natively support it.
-
-
-    var IteratorPrototype = {};
-
-    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.
-
-    function defineIteratorMethods(prototype) {
-      ["next", "throw", "return"].forEach(function (method) {
-        define(prototype, method, function (arg) {
-          return this._invoke(method, arg);
-        });
-      });
-    }
-
-    exports.isGeneratorFunction = function (genFun) {
-      var ctor = typeof genFun === "function" && genFun.constructor;
-      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);
-      } else {
-        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
-    // `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);
-            }, function (err) {
-              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
-            // current iteration.
-            result.value = unwrapped;
-            resolve(result);
-          }, function (error) {
-            // If a rejected Promise was yielded, throw the rejection back
-            // into the async generator function so it can be handled there.
-            return invoke("throw", error, resolve, reject);
-          });
-        }
-      }
-
-      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
-        // 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
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // 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
-        // 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;
-    }
-
-    defineIteratorMethods(AsyncIterator.prototype);
-
-    AsyncIterator.prototype[asyncIteratorSymbol] = function () {
-      return this;
-    };
-
-    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);
-      return exports.isGeneratorFunction(outerFn) ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function (result) {
-        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
-
-
-          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.
-            context.sent = context._sent = context.arg;
-          } else if (context.method === "throw") {
-            if (state === GenStateSuspendedStart) {
-              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
-            // context.dispatchException(context.arg) call above.
-
-            context.method = "throw";
-            context.arg = record.arg;
-          }
-        }
-      };
-    } // 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"]) {
-            // 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;
-            }
-          }
-
-          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; // 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;
-        }
-      } 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.
-
-
-      context.delegate = null;
-      return ContinueSentinel;
-    } // 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
-    // @@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 () {
-      return this;
-    };
-
-    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
-      // locations where there is no enclosing try statement.
-      this.tryEntries = [{
-        tryLoc: "root"
-      }];
-      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
-      // 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
-        // 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.value = undefined$1;
-            next.done = true;
-            return next;
-          };
-
-          return next.next = next;
-        }
-      } // 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
-        // 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:
-            if (name.charAt(0) === "t" && hasOwn.call(this, name) && !isNaN(+name.slice(1))) {
-              this[name] = undefined$1;
-            }
-          }
-        }
-      },
-      stop: function stop() {
-        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);
-              } else if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else if (hasCatch) {
-              if (this.prev < entry.catchLoc) {
-                return handle(entry.catchLoc, true);
-              }
-            } else if (hasFinally) {
-              if (this.prev < entry.finallyLoc) {
-                return handle(entry.finallyLoc);
-              }
-            } else {
-              throw new Error("try statement without catch or finally");
-            }
-          }
-        }
-      },
-      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") {
-          this.rval = this.arg = record.arg;
-          this.method = "return";
-          this.next = "end";
-        } 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);
-            return ContinueSentinel;
-          }
-        }
-      },
-      "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.
-
-
-        throw new Error("illegal catch attempt");
-      },
-      delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-        this.delegate = {
-          iterator: values(iterable),
-          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
-    // 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
-  // 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
-    // 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);
-  }
-})(runtime);
-
-var _regeneratorRuntime = runtime.exports;
-
 var useNormalizedItems = function useNormalizedItems(items) {
   return React.useMemo(function () {
     return items.map(function (item) {
@@ -1245,13 +776,11 @@ var useNormalizedItems = function useNormalizedItems(items) {
           label: item
         };
       }
-
       if (!('value' in item)) {
         return _extends({}, item, {
           value: item.label
         });
       }
-
       return item;
     });
   }, [items]);
@@ -1266,7 +795,6 @@ var useIsMounted = function useIsMounted() {
   }, []);
   return isMountedRef.current;
 };
-
 var reducer = function reducer(_state, action) {
   switch (action.type) {
     case 'request results':
@@ -1274,7 +802,6 @@ var reducer = function reducer(_state, action) {
         items: [],
         loading: true
       };
-
     case 'received results':
       return {
         items: action.payload,
@@ -1282,44 +809,38 @@ 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 _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(inputValue) {
       var resolvedItems;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -1327,26 +848,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();
@@ -1354,7 +870,6 @@ debounceTimeout) {
         }
       }, _callee);
     }));
-
     return function (_x) {
       return _ref.apply(this, arguments);
     };
@@ -1373,41 +888,39 @@ debounceTimeout) {
   };
 };
 
-var _excluded$3 = ["highlightFirstItemOnOpen", "debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value", "clearable", "className", "style", "listStyle", "itemFilter", "disableLabelAnimation"];
+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$3);
-
+    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;
@@ -1450,37 +963,33 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, searchAbleProps))));
 });
 
-var _excluded$2 = ["className", "disabled", "readOnly", "items", "loadingText", "prepend", "style", "label", "variant", "feedback", "disableLabelAnimation"];
+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$2);
-
+    _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,
@@ -1507,24 +1016,20 @@ var NativeDropdown = function NativeDropdown(_ref) {
   })));
 };
 
-var _excluded$1 = ["items", "itemsSelectedLabel", "label", "feedback", "variant", "disabled", "readOnly", "onChange", "className", "clearable", "loading", "loadingText", "openOnFocus", "style", "listStyle", "initialSelectedItems", "debounceTimeout"];
+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:
@@ -1533,96 +1038,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$1);
-
+    _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, {
@@ -1699,13 +1192,10 @@ var MultiSelect = function MultiSelect(_ref) {
     })));
   }))));
 };
-
 var ClearButton = function ClearButton(_ref3) {
-  var props = _extends({}, _ref3);
-
+  var props = _extends({}, (_objectDestructuringEmpty(_ref3), _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",
@@ -1717,31 +1207,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
@@ -1755,7 +1239,6 @@ var DropdownToggleButton = function DropdownToggleButton() {
     type: "button"
   }), React.createElement(DownArrowIcon, null));
 };
-
 var CheckboxIcon = function CheckboxIcon() {
   return React.createElement("svg", {
     className: "eds-checkbox-icon",
@@ -1768,60 +1251,91 @@ var CheckboxIcon = function CheckboxIcon() {
     fill: "none"
   }));
 };
-
 function SelectedItemsLabel(items) {
   return items.length < 3 ? items.map(function (item) {
     return item.label;
   }).toString() : items.length + " elementer valgt";
 }
 
-var _excluded = ["items", "selectedItem", "onChange", "label", "placeholder", "clearable", "openOnFocus", "readonly", "feedback", "variant", "className", "listStyle"];
+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);
+  return React.createElement("ul", _extends({
+    className: classNames('eds-searchable-dropdown__list', {
+      'eds-searchable-dropdown__list--open': isOpen
+    })
+  }, getMenuProps(), {
+    style: _extends({}, rest.style, listStyle)
+  }), isOpen ? filteredItems.map(function (item, index) {
+    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,
+          'eds-searchable-dropdown__list__item--selected': (selectedItem == null ? void 0 : selectedItem.value) === item.value
+        })
+      }, getItemProps({
+        key: "" + index + item.value,
+        item: item,
+        index: index
+      })), React.createElement("span", null, item.label), item.icons && React.createElement("span", null, item.icons.map(function (Icon, index) {
+        return React.createElement(Icon, {
+          key: index,
+          inline: true,
+          className: "eds-searchable-dropdown__list__item-icon"
+        });
+      })), (selectedItem == null ? void 0 : selectedItem.value) === item.value && React.createElement(CheckIcon, null))
+    );
+  }) : null);
+};
 
+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:
@@ -1830,44 +1344,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; // TODO Husk å generelt legge inn støtte for typeof value === string
-
-
+      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({
@@ -1894,7 +1404,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({
@@ -1909,42 +1418,23 @@ var SearchableDropdownBeta = function SearchableDropdownBeta(_ref) {
       setHideSelectedItem(false);
     },
     ref: inputRef
-  })))), React.createElement("ul", _extends({
-    className: classNames('eds-searchable-dropdown__list', {
-      'eds-searchable-dropdown__list--open': isOpen
-    })
-  }, getMenuProps(), {
-    style: _extends({}, rest.style, listStyle)
-  }), isOpen ? filteredItems.map(function (item, index) {
-    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,
-          'eds-searchable-dropdown__list__item--selected': (selectedItem == null ? void 0 : selectedItem.value) === item.value
-        })
-      }, getItemProps({
-        key: "" + index + item.value,
-        item: item,
-        index: index
-      })), React.createElement("span", null, item.label), item.icons && React.createElement("span", null, item.icons.map(function (Icon, index) {
-        return React.createElement(Icon, {
-          key: index,
-          inline: true,
-          className: "eds-searchable-dropdown__list__item-icon"
-        });
-      })), (selectedItem == null ? void 0 : selectedItem.value) === item.value && React.createElement(CheckIcon, null))
-    );
-  }) : null));
+  })))), React.createElement(DropdownList, {
+    selectedItem: selectedItem,
+    isOpen: isOpen,
+    filteredItems: filteredItems,
+    highlightedIndex: highlightedIndex,
+    listStyle: listStyle,
+    getMenuProps: getMenuProps,
+    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>;
@@ -1952,13 +1442,12 @@ var Appendix = function Appendix(_ref4) {
   if (readOnly) {
     return null;
   }
-
   return React.createElement("div", {
     style: {
       display: 'flex',
       alignItems: 'center'
     }
-  }, clearable && selectedItem && React.createElement(React.Fragment, null, React.createElement("button", {
+  }, clearable && selectedItem && React.createElement(React.Fragment, null, React.createElement(IconButton, {
     className: "eds-searchable-dropdown-appendix__clear-button",
     type: "button",
     tabIndex: -1,
@@ -1967,12 +1456,12 @@ var Appendix = function Appendix(_ref4) {
     }
   }, React.createElement(CloseSmallIcon, null)), React.createElement("div", {
     className: "eds-searchable-dropdown-appendix__divider"
-  })), React.createElement("button", _extends({}, getToggleButtonProps({
+  })), React.createElement(IconButton, _extends({}, getToggleButtonProps({
     className: classNames('eds-searchable-dropdown-appendix__toggle-button', {
       'eds-searchable-dropdown-appendix__toggle-button--open': isOpen
     })
   }), {
-    tabIndex: "-1",
+    tabIndex: -1,
     type: "button"
   }), React.createElement(DownArrowIcon, null)));
 };