@entur/dropdown 5.0.6 → 5.0.7

package/dist/dropdown.cjs.development.js

@@ -15,12 +15,6 @@ var button = require('@entur/button');
 var chip = require('@entur/chip');
 var tooltip = require('@entur/tooltip');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Downshift__default = /*#__PURE__*/_interopDefaultLegacy(Downshift);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return exports;
@@ -383,7 +377,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 
 var _excluded$d = ["children", "onChange", "onInputValueChange", "highlightFirstItemOnOpen", "className", "style", "searchable"];
-var DownshiftContext = /*#__PURE__*/React__default["default"].createContext(null);
+var DownshiftContext = /*#__PURE__*/React.createContext(null);
 var DownshiftProvider = function DownshiftProvider(_ref) {
   var children = _ref.children,
     _ref$onChange = _ref.onChange,
@@ -402,7 +396,7 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
     searchable = _ref$searchable === void 0 ? false : _ref$searchable,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var handleStateChange = function handleStateChange(changes, stateAndHelpers) {
-    if (changes.type === Downshift__default["default"].stateChangeTypes.controlledPropUpdatedSelectedItem) {
+    if (changes.type === Downshift.stateChangeTypes.controlledPropUpdatedSelectedItem) {
       return;
     }
     if ('selectedItem' in changes) {
@@ -437,23 +431,23 @@ var DownshiftProvider = function DownshiftProvider(_ref) {
       return _extends({}, changes, highlightFirstItemIndex);
     }
   };
-  return React__default["default"].createElement(Downshift__default["default"], _extends({
+  return React.createElement(Downshift, _extends({
     itemToString: function itemToString(item) {
       return item ? item.label : '';
     },
     onStateChange: handleStateChange,
     stateReducer: stateReducer
   }, rest), function (args) {
-    return React__default["default"].createElement("div", {
-      className: classNames__default["default"]('eds-input-group', className),
+    return React.createElement("div", {
+      className: classNames('eds-input-group', className),
       style: style
-    }, React__default["default"].createElement(DownshiftContext.Provider, {
+    }, React.createElement(DownshiftContext.Provider, {
       value: args
     }, children));
   });
 };
 var useDownshift = function useDownshift() {
-  var context = React__default["default"].useContext(DownshiftContext);
+  var context = React.useContext(DownshiftContext);
   if (!context) {
     throw new Error('You need to wrap your component in a DownshiftProvider');
   }
@@ -470,15 +464,15 @@ var DropdownListDeprecated = function DropdownListDeprecated(_ref) {
     selectedItem = _useDownshift.selectedItem,
     getItemProps = _useDownshift.getItemProps,
     getMenuProps = _useDownshift.getMenuProps;
-  return React__default["default"].createElement("ul", _extends({
-    className: classNames__default["default"]('eds-dropdown-list', {
+  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
-      React__default["default"].createElement("li", _extends({
-        className: classNames__default["default"]('eds-dropdown-list__item', {
+      React.createElement("li", _extends({
+        className: classNames('eds-dropdown-list__item', {
           'eds-dropdown-list__item--highlighted': highlightedIndex === index,
           'eds-dropdown-list__item--selected': selectedItem === item
         })
@@ -486,13 +480,13 @@ var DropdownListDeprecated = function DropdownListDeprecated(_ref) {
         key: "" + index + item.value,
         item: item,
         index: index
-      })), React__default["default"].createElement("span", null, item.label), item.icons && React__default["default"].createElement("span", null, item.icons.map(function (Icon, index) {
-        return React__default["default"].createElement(Icon, {
+      })), 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-dropdown-list__item-icon"
         });
-      })), selectedItem === item && React__default["default"].createElement(icons.CheckIcon, null))
+      })), selectedItem === item && React.createElement(icons.CheckIcon, null))
     );
   }) : null);
 };
@@ -501,14 +495,14 @@ var DropdownDeprecatedToggleButton = function DropdownDeprecatedToggleButton() {
   var _useDownshift = useDownshift(),
     getToggleButtonProps = _useDownshift.getToggleButtonProps,
     isOpen = _useDownshift.isOpen;
-  return React__default["default"].createElement("button", _extends({}, getToggleButtonProps({
-    className: classNames__default["default"]('eds-dropdown__toggle-button', {
+  return React.createElement("button", _extends({}, getToggleButtonProps({
+    className: classNames('eds-dropdown__toggle-button', {
       'eds-dropdown__toggle-button--open': isOpen
     })
   }), {
     tabIndex: "-1",
     type: "button"
-  }), React__default["default"].createElement(icons.DownArrowIcon, null));
+  }), React.createElement(icons.DownArrowIcon, null));
 };
 
 var _excluded$b = ["className", "children"];
@@ -516,9 +510,9 @@ var DropdownDeprecatedLoadingDots = function DropdownDeprecatedLoadingDots(_ref)
   var className = _ref.className,
     children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
-  return React__default["default"].createElement("div", _extends({
-    className: classNames__default["default"]('eds-inline-spinner', className)
-  }, rest), React__default["default"].createElement(loader.LoadingDots, null), React__default["default"].createElement(a11y.VisuallyHidden, null, children));
+  return React.createElement("div", _extends({
+    className: classNames('eds-inline-spinner', className)
+  }, rest), React.createElement(loader.LoadingDots, null), React.createElement(a11y.VisuallyHidden, null, children));
 };
 
 var _excluded$a = ["children", "className", "items", "loading", "loadingText", "placeholder", "style", "listStyle", "clearable", "label", "isFilled", "disableLabelAnimation"];
@@ -540,11 +534,11 @@ var BaseDropdownDeprecated = function BaseDropdownDeprecated(_ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var _useDownshift = useDownshift(),
     getLabelProps = _useDownshift.getLabelProps;
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     className: "eds-dropdown-wrapper",
     style: style
-  }, React__default["default"].createElement(form.BaseFormControl, _extends({
-    append: React__default["default"].createElement(Appendix$1, {
+  }, React.createElement(form.BaseFormControl, _extends({
+    append: React.createElement(Appendix$1, {
       clearable: clearable,
       loading: loading,
       loadingText: loadingText,
@@ -555,7 +549,7 @@ var BaseDropdownDeprecated = function BaseDropdownDeprecated(_ref) {
     isFilled: isFilled,
     labelProps: getLabelProps(),
     disableLabelAnimation: disableLabelAnimation
-  }, rest), children), React__default["default"].createElement(DropdownListDeprecated, _extends({
+  }, rest), children), React.createElement(DropdownListDeprecated, _extends({
     items: items,
     style: _extends({
       position: 'absolute',
@@ -568,7 +562,7 @@ var ClearButton$1 = function ClearButton(_ref2) {
   var _useDownshift2 = useDownshift(),
     clearSelection = _useDownshift2.clearSelection,
     selectedItem = _useDownshift2.selectedItem;
-  return React__default["default"].createElement(React__default["default"].Fragment, null, selectedItem && React__default["default"].createElement("button", _extends({
+  return React.createElement(React.Fragment, null, selectedItem && React.createElement("button", _extends({
     className: "eds-dropdown__clear-button",
     type: "button",
     tabIndex: -1,
@@ -576,7 +570,7 @@ var ClearButton$1 = function ClearButton(_ref2) {
       return clearSelection();
     },
     "aria-label": "Trykk for \xE5 fjerne valg"
-  }, props), React__default["default"].createElement(icons.CloseSmallIcon, null)), selectedItem && React__default["default"].createElement("div", {
+  }, props), React.createElement(icons.CloseSmallIcon, null)), selectedItem && React.createElement("div", {
     className: "eds-dropdown__divider"
   }));
 };
@@ -586,16 +580,16 @@ var Appendix$1 = function Appendix(_ref3) {
     loadingText = _ref3.loadingText,
     readOnly = _ref3.readOnly;
   if (loading) {
-    return React__default["default"].createElement(DropdownDeprecatedLoadingDots, null, loadingText);
+    return React.createElement(DropdownDeprecatedLoadingDots, null, loadingText);
   }
   if (readOnly) {
     return null;
   }
-  return clearable ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ClearButton$1, null), " ", React__default["default"].createElement(DropdownDeprecatedToggleButton, null)) : React__default["default"].createElement(DropdownDeprecatedToggleButton, null);
+  return clearable ? React.createElement(React.Fragment, null, React.createElement(ClearButton$1, null), " ", React.createElement(DropdownDeprecatedToggleButton, null)) : React.createElement(DropdownDeprecatedToggleButton, null);
 };
 
 var _excluded$9 = ["disabled", "placeholder", "selectOnTab", "openOnFocus", "listStyle", "items", "label", "disableLabelAnimation", "loading", "loadingText", "className", "clearable"];
-var RegularDropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var RegularDropdownDeprecated = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Vennligst velg' : _ref$placeholder,
@@ -620,7 +614,7 @@ var RegularDropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRe
     isOpen = _useDownshift.isOpen,
     highlightedIndex = _useDownshift.highlightedIndex,
     setHighlightedIndex = _useDownshift.setHighlightedIndex;
-  return React__default["default"].createElement(BaseDropdownDeprecated, _extends({
+  return React.createElement(BaseDropdownDeprecated, _extends({
     disabled: disabled,
     listStyle: listStyle,
     items: items,
@@ -631,7 +625,7 @@ var RegularDropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRe
     loadingText: loadingText,
     className: className,
     clearable: clearable
-  }, rest), React__default["default"].createElement("button", _extends({}, getToggleButtonProps(_extends({
+  }, rest), React.createElement("button", _extends({}, getToggleButtonProps(_extends({
     className: 'eds-form-control eds-dropdown__selected-item',
     style: {
       textAlign: 'left'
@@ -681,17 +675,17 @@ function LowerCaseFilterTest(item, input) {
   var inputRegex = new RegExp(sanitizeEscapeCharacters, 'i');
   return inputRegex.test(item.label);
 }
-/**
- * @deprecated
- * New SearchableDropdown available
- *
- * migration guide to new dropdown:
- * - change import from 'DropdownDeprecated' to 'Dropdown'
- * - change from 'value' to 'selectedItem'
- *  + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
- * - 'onChange' must update value of 'selectedItem'
+/**
+ * @deprecated
+ * New SearchableDropdown available
+ *
+ * migration guide to new dropdown:
+ * - change import from 'DropdownDeprecated' to 'Dropdown'
+ * - change from 'value' to 'selectedItem'
+ *  + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
+ * - 'onChange' must update value of 'selectedItem'
  */
-var SearchableDropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var SearchableDropdownDeprecated = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     className = _ref.className,
@@ -727,12 +721,12 @@ var SearchableDropdownDeprecated = /*#__PURE__*/React__default["default"].forwar
     hideSelectedItem = _useState[0],
     setHideSelectedItem = _useState[1];
   var inputRef = React.useRef(null);
-  var filteredItems = React__default["default"].useMemo(function () {
+  var filteredItems = React.useMemo(function () {
     return items.filter(function (item) {
       return itemFilter(item, inputValue);
     });
   }, [inputValue, items, itemFilter]);
-  return React__default["default"].createElement(BaseDropdownDeprecated, {
+  return React.createElement(BaseDropdownDeprecated, {
     items: filteredItems,
     disabled: disabled,
     readOnly: readOnly,
@@ -745,15 +739,15 @@ var SearchableDropdownDeprecated = /*#__PURE__*/React__default["default"].forwar
     label: label,
     isFilled: selectedItem ? true : false,
     disableLabelAnimation: disableLabelAnimation
-  }, !hideSelectedItem && selectedItem && !inputValue && React__default["default"].createElement("span", {
+  }, !hideSelectedItem && selectedItem && !inputValue && React.createElement("span", {
     className: "eds-dropdown__searchable-selected-item__wrapper"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     className: "eds-dropdown__searchable-selected-item",
     onClick: function onClick() {
       var _inputRef$current;
       return (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus();
     }
-  }, selectedItem.label)), React__default["default"].createElement("input", _extends({}, getInputProps(_extends({
+  }, selectedItem.label)), React.createElement("input", _extends({}, getInputProps(_extends({
     disabled: disabled,
     readOnly: readOnly,
     className: 'eds-form-control eds-dropdown__input',
@@ -780,18 +774,18 @@ var DropdownInputGroupDeprecated = function DropdownInputGroupDeprecated(_ref) {
     variant = _ref.variant,
     className = _ref.className,
     style = _ref.style;
-  return React__default["default"].createElement(form.VariantProvider, {
+  return React.createElement(form.VariantProvider, {
     variant: variant
-  }, React__default["default"].createElement("div", {
+  }, React.createElement("div", {
     className: className,
     style: style
-  }, children, feedback && variant && React__default["default"].createElement(form.FeedbackText, {
+  }, children, feedback && variant && React.createElement(form.FeedbackText, {
     variant: variant
   }, feedback)));
 };
 
 var useNormalizedItems = function useNormalizedItems(items) {
-  return React__default["default"].useMemo(function () {
+  return React.useMemo(function () {
     return items.map(function (item) {
       if (typeof item == 'string') {
         return {
@@ -810,8 +804,8 @@ var useNormalizedItems = function useNormalizedItems(items) {
 };
 
 var useIsMounted = function useIsMounted() {
-  var isMountedRef = React__default["default"].useRef(true);
-  React__default["default"].useEffect(function () {
+  var isMountedRef = React.useRef(true);
+  React.useEffect(function () {
     return function () {
       isMountedRef.current = false;
     };
@@ -841,12 +835,12 @@ debounceTimeout) {
   var isItemsFunction = typeof itemsOrItemsResolver === 'function';
   // Here, we normalize the itemsResolver argument to an async function, so we
   // can use it without thinking about the differences later
-  var itemsResolver = React__default["default"].useMemo(function () {
+  var itemsResolver = React.useMemo(function () {
     return isItemsFunction ? itemsOrItemsResolver : function () {
       return Promise.resolve(itemsOrItemsResolver);
     };
   }, [itemsOrItemsResolver, isItemsFunction]);
-  var _React$useReducer = React__default["default"].useReducer(reducer, {
+  var _React$useReducer = React.useReducer(reducer, {
       items: isItemsFunction ? [] : itemsOrItemsResolver,
       loading: false
     }),
@@ -860,7 +854,7 @@ debounceTimeout) {
   var isMounted = useIsMounted();
   // Next, let's create the fetching function. This should be called whenever
   // the input value changes
-  var fetchItems = React__default["default"].useCallback( /*#__PURE__*/function () {
+  var fetchItems = React.useCallback( /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(inputValue) {
       var resolvedItems;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -898,7 +892,7 @@ debounceTimeout) {
     };
   }(), [itemsResolver, isMounted]);
   var normalizedItems = useNormalizedItems(items);
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     // Let's fetch the list initially if it's specified
     if (isItemsFunction) {
       fetchItems('');
@@ -912,18 +906,18 @@ debounceTimeout) {
 };
 
 var _excluded$7 = ["highlightFirstItemOnOpen", "debounceTimeout", "disabled", "feedback", "items", "label", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "searchable", "selectOnTab", "openOnFocus", "variant", "value", "clearable", "className", "style", "listStyle", "itemFilter", "disableLabelAnimation"];
-/**
- * @deprecated
- * New Dropdown available
- *
- * migration guide to new dropdown:
- * - change import from 'DropdownDeprecated' to 'Dropdown'
- *  + if 'searchable', switch to 'SearchableDropdown'
- * - change from 'value' to 'selectedItem'
- *  + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
- * - 'onChange' must update value of 'selectedItem'
+/**
+ * @deprecated
+ * New Dropdown available
+ *
+ * migration guide to new dropdown:
+ * - change import from 'DropdownDeprecated' to 'Dropdown'
+ *  + if 'searchable', switch to 'SearchableDropdown'
+ * - change from 'value' to 'selectedItem'
+ *  + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
+ * - 'onChange' must update value of 'selectedItem'
  */
-var DropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var DropdownDeprecated = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var highlightFirstItemOnOpen = _ref.highlightFirstItemOnOpen,
     debounceTimeout = _ref.debounceTimeout,
     disabled = _ref.disabled,
@@ -967,7 +961,7 @@ var DropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRef(funct
     name: rest.name,
     'data-cy': rest['data-cy']
   };
-  return React__default["default"].createElement(DownshiftProvider, _extends({
+  return React.createElement(DownshiftProvider, _extends({
     selectedItem: selectedItem,
     onInputValueChange: fetchItems,
     onChange: onChange,
@@ -976,10 +970,10 @@ var DropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRef(funct
     className: className,
     style: style,
     searchable: searchable
-  }, rest), React__default["default"].createElement(DropdownInputGroupDeprecated, {
+  }, rest), React.createElement(DropdownInputGroupDeprecated, {
     feedback: feedback,
     variant: variant
-  }, React__default["default"].createElement(RenderedDropdown, _extends({
+  }, React.createElement(RenderedDropdown, _extends({
     label: label,
     items: normalizedItems,
     loading: loading,
@@ -998,9 +992,9 @@ var DropdownDeprecated = /*#__PURE__*/React__default["default"].forwardRef(funct
 });
 
 var _excluded$6 = ["className", "clearable", "debounceTimeout", "disabled", "feedback", "initialSelectedItems", "items", "itemsSelectedLabel", "label", "listStyle", "loading", "loadingText", "onChange", "openOnFocus", "readOnly", "style", "variant"];
-var MultiSelectOldContext = /*#__PURE__*/React__default["default"].createContext(null);
+var MultiSelectOldContext = /*#__PURE__*/React.createContext(null);
 var useMultiSelectOldContext = function useMultiSelectOldContext() {
-  var context = React__default["default"].useContext(MultiSelectOldContext);
+  var context = React.useContext(MultiSelectOldContext);
   if (!context) {
     throw new Error('You need to wrap your component in a DownshiftProvider');
   }
@@ -1023,15 +1017,15 @@ actionAndChanges) {
       return changes;
   }
 }
-/**
- * @deprecated
- * New MultiSelect available
- *
- * migration guide to new dropdown:
- * - change import from 'MultiSelectDeprecated' to 'MultiSelect'
- * - add state containing selected items to 'selectedItems' prop
- *  + type of 'selectedItems' is 'NormalizedDropdownType[]' and does not include 'string'
- * - 'onChange' must update value of 'selectedItem'
+/**
+ * @deprecated
+ * New MultiSelect available
+ *
+ * migration guide to new dropdown:
+ * - change import from 'MultiSelectDeprecated' to 'MultiSelect'
+ * - add state containing selected items to 'selectedItems' prop
+ *  + type of 'selectedItems' is 'NormalizedDropdownType[]' and does not include 'string'
+ * - 'onChange' must update value of 'selectedItem'
  */
 var MultiSelectDeprecated = function MultiSelectDeprecated(_ref) {
   var className = _ref.className,
@@ -1069,7 +1063,7 @@ var MultiSelectDeprecated = function MultiSelectDeprecated(_ref) {
   var _useState = React.useState(initialSelectedItems),
     selectedItems = _useState[0],
     setSelectedItems = _useState[1];
-  var reset = React__default["default"].useCallback(function () {
+  var reset = React.useCallback(function () {
     setSelectedItems([]);
   }, []);
   function isSelected(selectedCheckboxItem) {
@@ -1109,7 +1103,7 @@ var MultiSelectDeprecated = function MultiSelectDeprecated(_ref) {
     openMenu = _useSelect.openMenu;
   var buttonText = selectedItems.length ? itemsSelectedLabel(selectedItems) : '';
   var multiSelectId = utils.useRandomId('eds-multiselect');
-  return React__default["default"].createElement(MultiSelectOldContext.Provider, {
+  return React.createElement(MultiSelectOldContext.Provider, {
     value: {
       isOpen: isOpen,
       reset: reset,
@@ -1117,10 +1111,10 @@ var MultiSelectDeprecated = function MultiSelectDeprecated(_ref) {
       openMenu: openMenu,
       openOnFocus: openOnFocus
     }
-  }, React__default["default"].createElement("div", {
-    className: classNames__default["default"]('eds-multiselect', 'eds-dropdown-wrapper', className),
+  }, React.createElement("div", {
+    className: classNames('eds-multiselect', 'eds-dropdown-wrapper', className),
     style: style
-  }, React__default["default"].createElement(form.BaseFormControl, {
+  }, React.createElement(form.BaseFormControl, {
     label: label,
     labelId: multiSelectId,
     labelProps: getLabelProps(),
@@ -1129,20 +1123,20 @@ var MultiSelectDeprecated = function MultiSelectDeprecated(_ref) {
     isFilled: selectedItems.length > 0 || isOpen,
     disabled: disabled,
     readOnly: readOnly,
-    append: React__default["default"].createElement(Appendix, {
+    append: React.createElement(Appendix, {
       hasSelected: clearable && selectedItems.length > 0,
       loading: loading,
       loadingText: loadingText,
       readOnly: readOnly
     })
-  }, React__default["default"].createElement("button", _extends({}, getToggleButtonProps({
+  }, React.createElement("button", _extends({}, getToggleButtonProps({
     style: {
       textAlign: 'left'
     },
     type: 'button',
     className: 'eds-form-control eds-multiselect__button'
-  })), buttonText)), React__default["default"].createElement("ul", _extends({
-    className: classNames__default["default"]('eds-dropdown-list', {
+  })), buttonText)), React.createElement("ul", _extends({
+    className: classNames('eds-dropdown-list', {
       'eds-dropdown-list--open': isOpen
     })
   }, getMenuProps({
@@ -1151,8 +1145,8 @@ var MultiSelectDeprecated = function MultiSelectDeprecated(_ref) {
       top: tokens.space.extraLarge3 + tokens.space.extraSmall + "px"
     }, listStyle)
   })), isOpen && items.map(function (item, index) {
-    return React__default["default"].createElement("li", _extends({
-      className: classNames__default["default"]('eds-dropdown-list__item', {
+    return React.createElement("li", _extends({
+      className: classNames('eds-dropdown-list__item', {
         'eds-dropdown-list__item--highlighted': highlightedIndex === index,
         'eds-dropdown-list__item--selected': isSelected(item)
       }),
@@ -1164,18 +1158,18 @@ var MultiSelectDeprecated = function MultiSelectDeprecated(_ref) {
       style: {
         display: 'flex'
       }
-    }), React__default["default"].createElement("span", {
+    }), React.createElement("span", {
       style: {
         display: 'flex'
       }
-    }, React__default["default"].createElement("span", {
-      className: classNames__default["default"]('eds-multiselect-checkbox', {
+    }, React.createElement("span", {
+      className: classNames('eds-multiselect-checkbox', {
         'eds-multiselect-checkbox--checked': isSelected(item)
       })
-    }, React__default["default"].createElement(CheckboxIcon, null)), React__default["default"].createElement("span", {
+    }, React.createElement(CheckboxIcon, null)), React.createElement("span", {
       className: "eds-multiselect__item-label"
-    }, item.label)), item.icons && React__default["default"].createElement("span", null, item.icons.map(function (Icon, index) {
-      return React__default["default"].createElement(Icon, {
+    }, item.label)), item.icons && React.createElement("span", null, item.icons.map(function (Icon, index) {
+      return React.createElement(Icon, {
         key: index,
         inline: true,
         className: "eds-dropdown-list__item-icon"
@@ -1187,14 +1181,14 @@ var ClearButton = function ClearButton(_ref3) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
   var _useMultiSelectOldCon = useMultiSelectOldContext(),
     reset = _useMultiSelectOldCon.reset;
-  return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement("button", _extends({
+  return React.createElement(React.Fragment, null, React.createElement("button", _extends({
     className: "eds-dropdown__clear-button",
     type: "button",
     tabIndex: -1,
     onClick: function onClick() {
       return reset();
     }
-  }, props), React__default["default"].createElement(icons.CloseIcon, null)), React__default["default"].createElement("div", {
+  }, props), React.createElement(icons.CloseIcon, null)), React.createElement("div", {
     className: "eds-dropdown__divider"
   }));
 };
@@ -1204,12 +1198,12 @@ var Appendix = function Appendix(_ref4) {
     readOnly = _ref4.readOnly,
     hasSelected = _ref4.hasSelected;
   if (loading) {
-    return React__default["default"].createElement(DropdownDeprecatedLoadingDots, null, loadingText);
+    return React.createElement(DropdownDeprecatedLoadingDots, null, loadingText);
   }
   if (readOnly) {
     return null;
   }
-  return hasSelected ? React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ClearButton, null), React__default["default"].createElement(DropdownToggleButton, null)) : React__default["default"].createElement(DropdownToggleButton, null);
+  return hasSelected ? React.createElement(React.Fragment, null, React.createElement(ClearButton, null), React.createElement(DropdownToggleButton, null)) : React.createElement(DropdownToggleButton, null);
 };
 var DropdownToggleButton = function DropdownToggleButton() {
   var _useMultiSelectOldCon2 = useMultiSelectOldContext(),
@@ -1217,8 +1211,8 @@ var DropdownToggleButton = function DropdownToggleButton() {
     isOpen = _useMultiSelectOldCon2.isOpen,
     openMenu = _useMultiSelectOldCon2.openMenu,
     openOnFocus = _useMultiSelectOldCon2.openOnFocus;
-  return React__default["default"].createElement("button", _extends({}, getToggleButtonProps({
-    className: classNames__default["default"]('eds-dropdown__toggle-button', {
+  return React.createElement("button", _extends({}, getToggleButtonProps({
+    className: classNames('eds-dropdown__toggle-button', {
       'eds-dropdown__toggle-button--open': isOpen
     }),
     onFocus: function onFocus() {
@@ -1228,15 +1222,15 @@ var DropdownToggleButton = function DropdownToggleButton() {
     }
   }), {
     type: "button"
-  }), React__default["default"].createElement(icons.DownArrowIcon, null));
+  }), React.createElement(icons.DownArrowIcon, null));
 };
 var CheckboxIcon = function CheckboxIcon() {
-  return React__default["default"].createElement("svg", {
+  return React.createElement("svg", {
     className: "eds-checkbox-icon",
     width: "11px",
     height: "9px",
     viewBox: "6 11 37 33"
-  }, React__default["default"].createElement("path", {
+  }, React.createElement("path", {
     className: "eds-checkbox-icon__path",
     d: "M14.1 27.2l7.1 7.2 14.6-14.8",
     fill: "none"
@@ -1294,7 +1288,7 @@ var DropdownList = function DropdownList(_ref) {
     }
   };
   var selectAllListItemContent = function selectAllListItemContent() {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(form.Checkbox, {
+    return React.createElement(React.Fragment, null, React.createElement(form.Checkbox, {
       "aria-hidden": "true",
       checked: selectAllCheckboxState == null ? void 0 : selectAllCheckboxState(),
       className: "eds-dropdown__list__item__checkbox",
@@ -1302,13 +1296,13 @@ var DropdownList = function DropdownList(_ref) {
         return;
       },
       tabIndex: -1
-    }), React__default["default"].createElement("span", {
+    }), React.createElement("span", {
       className: "eds-dropdown__list__item__text",
       "aria-label": ariaLabelSelectAll()
     }, selectAllItem == null ? void 0 : selectAllItem.label));
   };
   var listItemContent = function listItemContent(item) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(form.Checkbox, {
+    return React.createElement(React.Fragment, null, React.createElement(form.Checkbox, {
       "aria-hidden": "true",
       checked: isItemSelected(item),
       className: "eds-dropdown__list__item__checkbox",
@@ -1319,10 +1313,10 @@ var DropdownList = function DropdownList(_ref) {
         display: 'none'
       } : {},
       tabIndex: -1
-    }), React__default["default"].createElement("span", {
+    }), React.createElement("span", {
       className: "eds-dropdown__list__item__text"
-    }, item.label, React__default["default"].createElement(a11y.VisuallyHidden, null, isItemSelected(item) ? ariaLabelSelectedItem : '')), item.icons && React__default["default"].createElement("span", null, item.icons.map(function (Icon) {
-      return React__default["default"].createElement(Icon, {
+    }, item.label, React.createElement(a11y.VisuallyHidden, null, isItemSelected(item) ? ariaLabelSelectedItem : '')), item.icons && React.createElement("span", null, item.icons.map(function (Icon) {
+      return React.createElement(Icon, {
         key: Icon.displayName,
         inline: true,
         className: "eds-dropdown__list__item__icon"
@@ -1331,7 +1325,7 @@ var DropdownList = function DropdownList(_ref) {
   };
   return (
     // use popover from @entur/tooltip when that package upgrades to floating-ui
-    React__default["default"].createElement("ul", _extends({}, getMenuProps(), {
+    React.createElement("ul", _extends({}, getMenuProps(), {
       className: "eds-dropdown__list",
       style: _extends({
         display: isOpen ? 'inline-block' : 'none'
@@ -1339,9 +1333,9 @@ var DropdownList = function DropdownList(_ref) {
     }), listItems.length > 0 && listItems.map(function (item, index) {
       var itemIsSelectAll = item.value === (selectAllItem == null ? void 0 : selectAllItem.value);
       if (itemIsSelectAll && listItems.length <= 2) return null;
-      return React__default["default"].createElement("li", _extends({
+      return React.createElement("li", _extends({
         key: item.label + item.value,
-        className: classNames__default["default"]('eds-dropdown__list__item', {
+        className: classNames('eds-dropdown__list__item', {
           'eds-dropdown__list__item--select-all': itemIsSelectAll,
           'eds-dropdown__list__item--highlighted': highlightedIndex === index,
           'eds-dropdown__list__item--selected': !isMultiselect && isItemSelected(item)
@@ -1351,10 +1345,10 @@ var DropdownList = function DropdownList(_ref) {
         item: item,
         index: index
       })), itemIsSelectAll ? selectAllListItemContent() : listItemContent(item));
-    }), isNoMatches && React__default["default"].createElement("li", {
+    }), isNoMatches && React.createElement("li", {
       key: "dropdown-list-no-match",
       className: "eds-dropdown__list__item"
-    }, noMatchesText), loading && React__default["default"].createElement("li", {
+    }, noMatchesText), loading && React.createElement("li", {
       key: "dropdown-list-loading",
       className: "eds-dropdown__list__item"
     }, loadingText))
@@ -1378,8 +1372,8 @@ var SelectedItemTag = function SelectedItemTag(_ref) {
       index: index
     })) != null ? _getSelectedItemProps : {},
     selectedItemProps = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
-  return React__default["default"].createElement(chip.TagChip, _extends({
-    className: classNames__default["default"]('eds-dropdown__selected-item-tag', {
+  return React.createElement(chip.TagChip, _extends({
+    className: classNames('eds-dropdown__selected-item-tag', {
       'eds-dropdown__selected-item-tag--readonly': readOnly,
       'eds-dropdown__selected-item-tag--disabled': disabled
     })
@@ -1391,7 +1385,7 @@ var SelectedItemTag = function SelectedItemTag(_ref) {
     closeButtonAriaLabel: selectedItem.label + " " + ariaLabelChosen + ", " + ariaLabelRemoveSelected + " ",
     key: selectedItem.value,
     "aria-live": "polite"
-  }), React__default["default"].createElement("span", {
+  }), React.createElement("span", {
     "aria-hidden": "true"
   }, selectedItem.label));
 };
@@ -1416,24 +1410,24 @@ var FieldAppend$1 = function FieldAppend(_ref3) {
     onClear = _ref3.onClear,
     selectedItems = _ref3.selectedItems;
   if (loading) {
-    return React__default["default"].createElement("div", {
+    return React.createElement("div", {
       className: 'eds-dropdown-appendix__toggle-button--loading-dots'
-    }, React__default["default"].createElement(loader.LoadingDots, {
+    }, React.createElement(loader.LoadingDots, {
       "aria-label": loadingText
     }));
   }
   if (disabled) {
     return null;
   }
-  return React__default["default"].createElement("div", {
+  return React.createElement("div", {
     className: "eds-dropdown-appendix"
-  }, clearable && (selectedItems == null ? void 0 : selectedItems.length) > 0 && selectedItems[0] !== null && React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(ClearableButton, {
+  }, clearable && (selectedItems == null ? void 0 : selectedItems.length) > 0 && selectedItems[0] !== null && React.createElement(React.Fragment, null, React.createElement(ClearableButton, {
     onClear: onClear,
     focusable: true,
     labelClearSelectedItems: labelClearSelectedItems
-  }), React__default["default"].createElement("div", {
+  }), React.createElement("div", {
     className: "eds-dropdown-appendix__divider"
-  })), React__default["default"].createElement(ToggleButton, {
+  })), React.createElement(ToggleButton, {
     "aria-hidden": ariaHiddenToggleButton,
     ariaLabelCloseList: ariaLabelCloseList,
     ariaLabelOpenList: ariaLabelOpenList,
@@ -1448,18 +1442,18 @@ var ClearableButton = function ClearableButton(_ref4) {
     labelClearSelectedItems = _ref4$labelClearSelec === void 0 ? 'Fjern valgte' : _ref4$labelClearSelec,
     _ref4$focusable = _ref4.focusable,
     focusable = _ref4$focusable === void 0 ? false : _ref4$focusable;
-  return React__default["default"].createElement(tooltip.Tooltip, {
+  return React.createElement(tooltip.Tooltip, {
     "aria-hidden": "true",
     placement: "top",
     content: labelClearSelectedItems,
     className: "eds-dropdown-appendix__clear-button__tooltip"
-  }, React__default["default"].createElement(button.IconButton, {
+  }, React.createElement(button.IconButton, {
     className: "eds-dropdown-appendix__clear-button",
     type: "button",
     tabIndex: focusable ? 0 : 1,
     onClick: onClear,
     "aria-label": labelClearSelectedItems
-  }, React__default["default"].createElement(icons.CloseSmallIcon, {
+  }, React.createElement(icons.CloseSmallIcon, {
     "aria-hidden": "true"
   })));
 };
@@ -1474,8 +1468,8 @@ var ToggleButton = function ToggleButton(_ref5) {
     ariaLabelOpenList = _ref5$ariaLabelOpenLi === void 0 ? 'Åpne liste med valg' : _ref5$ariaLabelOpenLi,
     _ref5$focusable = _ref5.focusable,
     focusable = _ref5$focusable === void 0 ? false : _ref5$focusable;
-  return React__default["default"].createElement(button.IconButton, _extends({}, getToggleButtonProps({
-    className: classNames__default["default"]('eds-dropdown-appendix__toggle-button', {
+  return React.createElement(button.IconButton, _extends({}, getToggleButtonProps({
+    className: classNames('eds-dropdown-appendix__toggle-button', {
       'eds-dropdown-appendix__toggle-button--open': isOpen
     }),
     'aria-labelledby': undefined
@@ -1484,7 +1478,7 @@ var ToggleButton = function ToggleButton(_ref5) {
     "aria-label": ariaHidden ? undefined : isOpen ? ariaLabelCloseList : ariaLabelOpenList,
     tabIndex: focusable ? 0 : -1,
     type: "button"
-  }), React__default["default"].createElement(icons.DownArrowIcon, {
+  }), React.createElement(icons.DownArrowIcon, {
     "aria-hidden": "true"
   }));
 };
@@ -1614,8 +1608,8 @@ function getA11yRemovalMessage(options) {
   if (removedItem.value === (selectAllItem == null ? void 0 : selectAllItem.value)) return 'Alle elementer i listen fjernet fra valgte.';
   return itemToString(removedItem) + " fjernet fra valgte.";
 }
-/**A VoiceOver click is always preformed in the center of the clicked element.
-   This functions expolits that to check if the performed click likely is
+/**A VoiceOver click is always preformed in the center of the clicked element.
+   This functions expolits that to check if the performed click likely is
    made by VoiceOver. */
 var isVoiceOverClick = function isVoiceOverClick(clickEvent) {
   var targetElementRect = clickEvent.currentTarget.getBoundingClientRect();
@@ -1665,7 +1659,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
   var _useState = React.useState(false),
     hideSelectedItem = _useState[0],
     setHideSelectedItem = _useState[1];
-  var _React$useState = React__default["default"].useState(0),
+  var _React$useState = React.useState(0),
     lastHighlightedIndex = _React$useState[0],
     setLastHighlightedIndex = _React$useState[1];
   var inputRef = React.useRef(null);
@@ -1673,7 +1667,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     normalizedItems = _useResolvedItems.items,
     loading = _useResolvedItems.loading,
     fetchItems = _useResolvedItems.fetchItems;
-  var _React$useState2 = React__default["default"].useState(normalizedItems),
+  var _React$useState2 = React.useState(normalizedItems),
     listItems = _React$useState2[0],
     setListItems = _React$useState2[1];
   var filterListItems = function filterListItems(_ref2) {
@@ -1689,12 +1683,12 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
       inputValue: inputValue != null ? inputValue : EMPTY_INPUT
     });
   };
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     filterListItems({
       inputValue: inputValue
     });
   }, [normalizedItems]); // eslint-disable-line react-hooks/exhaustive-deps
-  var stateReducer = React__default["default"].useCallback(function (_, _ref4) {
+  var stateReducer = React.useCallback(function (_, _ref4) {
     var type = _ref4.type,
       changes = _ref4.changes;
     if (changes.highlightedIndex !== undefined && (changes == null ? void 0 : changes.highlightedIndex) >= 0) {
@@ -1785,11 +1779,11 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
       inputValue: inputValue
     });
   };
-  return React__default["default"].createElement("div", {
-    className: classNames__default["default"]('eds-dropdown__wrapper', className),
+  return React.createElement("div", {
+    className: classNames('eds-dropdown__wrapper', className),
     style: style
-  }, React__default["default"].createElement(form.BaseFormControl, _extends({
-    append: React__default["default"].createElement(FieldAppend$1, {
+  }, React.createElement(form.BaseFormControl, _extends({
+    append: React.createElement(FieldAppend$1, {
       ariaLabelCloseList: ariaLabelCloseList,
       ariaLabelOpenList: ariaLabelOpenList,
       clearable: clearable,
@@ -1814,16 +1808,16 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     prepend: prepend,
     readOnly: readOnly,
     variant: variant
-  }, rest), !hideSelectedItem && selectedItem && !inputValue && React__default["default"].createElement("span", {
+  }, rest), !hideSelectedItem && selectedItem && !inputValue && React.createElement("span", {
     className: "eds-dropdown__selected-item__wrapper",
     "aria-hidden": "true"
-  }, React__default["default"].createElement("span", {
+  }, React.createElement("span", {
     className: "eds-dropdown__selected-item",
     onClick: function onClick() {
       var _inputRef$current2;
       return (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.focus();
     }
-  }, selectedItem.label)), React__default["default"].createElement("input", _extends({
+  }, selectedItem.label)), React.createElement("input", _extends({
     className: "eds-dropdown__input eds-form-control",
     disabled: readOnly || disabled,
     placeholder: (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : placeholder
@@ -1838,7 +1832,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
       setHideSelectedItem(true);
     },
     ref: inputRef
-  })))), React__default["default"].createElement(DropdownList, {
+  })))), React.createElement(DropdownList, {
     isOpen: isOpen,
     listItems: listItems,
     listStyle: listStyle,
@@ -1904,10 +1898,10 @@ var MultiSelect = function MultiSelect(_ref) {
     _ref$ariaLabelSelecte = _ref.ariaLabelSelectedItem,
     ariaLabelSelectedItem = _ref$ariaLabelSelecte === void 0 ? ', valgt element, trykk for å fjerne' : _ref$ariaLabelSelecte,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  var _React$useState = React__default["default"].useState(0),
+  var _React$useState = React.useState(0),
     lastHighlightedIndex = _React$useState[0],
     setLastHighlightedIndex = _React$useState[1];
-  var _React$useState2 = React__default["default"].useState(undefined),
+  var _React$useState2 = React.useState(undefined),
     lastRemovedItem = _React$useState2[0],
     setLastRemovedItem = _React$useState2[1];
   var inputRef = React.useRef(null);
@@ -1923,7 +1917,7 @@ var MultiSelect = function MultiSelect(_ref) {
   };
   // special 'item' used as a replacement selected item tag for when
   // there are more selected element than maxChips
-  var summarySelectedItems = React__default["default"].useMemo(function () {
+  var summarySelectedItems = React.useMemo(function () {
     return {
       value: EMPTY_INPUT,
       label: isAllNonAsyncItemsSelected ? labelAllItemsSelected : selectedItems.length + ' ' + ariaLabelChosenPlural
@@ -1945,7 +1939,7 @@ var MultiSelect = function MultiSelect(_ref) {
       inputValue: inputValue != null ? inputValue : EMPTY_INPUT
     });
   };
-  React__default["default"].useEffect(function () {
+  React.useEffect(function () {
     filterListItems({
       inputValue: inputValue
     });
@@ -1985,7 +1979,7 @@ var MultiSelect = function MultiSelect(_ref) {
     }),
     getSelectedItemProps = _useMultipleSelection.getSelectedItemProps,
     getDropdownProps = _useMultipleSelection.getDropdownProps;
-  var stateReducer = React__default["default"].useCallback(function (_, _ref5) {
+  var stateReducer = React.useCallback(function (_, _ref5) {
     var changes = _ref5.changes,
       type = _ref5.type;
     if (changes.highlightedIndex !== undefined && (changes == null ? void 0 : changes.highlightedIndex) >= 0) {
@@ -2110,11 +2104,11 @@ var MultiSelect = function MultiSelect(_ref) {
       inputValue: inputValue
     });
   };
-  return React__default["default"].createElement("div", {
-    className: classNames__default["default"]('eds-dropdown__wrapper', className),
+  return React.createElement("div", {
+    className: classNames('eds-dropdown__wrapper', className),
     style: style
-  }, React__default["default"].createElement(form.BaseFormControl, _extends({
-    append: React__default["default"].createElement(FieldAppend$1, {
+  }, React.createElement(form.BaseFormControl, _extends({
+    append: React.createElement(FieldAppend$1, {
       ariaLabelCloseList: ariaLabelCloseList,
       ariaLabelOpenList: ariaLabelOpenList,
       selectedItems: selectedItems,
@@ -2137,21 +2131,21 @@ var MultiSelect = function MultiSelect(_ref) {
     labelProps: getLabelProps(),
     readOnly: readOnly,
     variant: variant
-  }, rest), React__default["default"].createElement("div", {
-    className: classNames__default["default"]('eds-dropdown__selected-items-and-input', {
+  }, rest), React.createElement("div", {
+    className: classNames('eds-dropdown__selected-items-and-input', {
       'eds-dropdown__selected-items-and-input--filled': hasSelectedItems
     }),
     onClick: function onClick(e) {
       var _inputRef$current4;
       if (e.target === e.currentTarget) (_inputRef$current4 = inputRef.current) == null ? void 0 : _inputRef$current4.focus();
     }
-  }, selectedItems.length < maxChips ? React__default["default"].createElement(React__default["default"].Fragment, null, selectedItems.length > 1 ? React__default["default"].createElement(a11y.VisuallyHidden, {
+  }, selectedItems.length < maxChips ? React.createElement(React.Fragment, null, selectedItems.length > 1 ? React.createElement(a11y.VisuallyHidden, {
     onClick: function onClick() {
       var _inputRef$current5;
       return (_inputRef$current5 = inputRef.current) == null ? void 0 : _inputRef$current5.focus();
     }
-  }, ariaLabelJumpToInput) : React__default["default"].createElement(React__default["default"].Fragment, null), selectedItems.map(function (selectedItem, index) {
-    return React__default["default"].createElement(SelectedItemTag, {
+  }, ariaLabelJumpToInput) : React.createElement(React.Fragment, null), selectedItems.map(function (selectedItem, index) {
+    return React.createElement(SelectedItemTag, {
       ariaLabelChosen: ariaLabelChosenSingular,
       ariaLabelRemoveSelected: ariaLabelRemoveSelected,
       disabled: disabled,
@@ -2170,14 +2164,14 @@ var MultiSelect = function MultiSelect(_ref) {
       },
       selectedItem: selectedItem
     });
-  })) : React__default["default"].createElement(SelectedItemTag, {
+  })) : React.createElement(SelectedItemTag, {
     ariaLabelRemoveSelected: labelClearAllItems,
     ariaLabelChosen: "",
     disabled: disabled,
     readOnly: readOnly,
     removeSelectedItem: handleOnClear,
     selectedItem: summarySelectedItems
-  }), React__default["default"].createElement("input", _extends({
+  }), React.createElement("input", _extends({
     placeholder: placeholder,
     className: "eds-dropdown__input eds-form-control",
     disabled: readOnly || disabled
@@ -2188,7 +2182,7 @@ var MultiSelect = function MultiSelect(_ref) {
     preventKeyAction: isOpen,
     ref: inputRef,
     value: inputValue != null ? inputValue : EMPTY_INPUT
-  })))))), React__default["default"].createElement(DropdownList, {
+  })))))), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
     getItemProps: getItemProps,
@@ -2266,11 +2260,11 @@ var Dropdown = function Dropdown(_ref) {
     getMenuProps = _useSelect.getMenuProps,
     getToggleButtonProps = _useSelect.getToggleButtonProps,
     highlightedIndex = _useSelect.highlightedIndex;
-  return React__default["default"].createElement("div", {
-    className: classNames__default["default"]('eds-dropdown__wrapper', className),
+  return React.createElement("div", {
+    className: classNames('eds-dropdown__wrapper', className),
     style: style
-  }, React__default["default"].createElement(form.BaseFormControl, _extends({
-    append: React__default["default"].createElement(FieldAppend$1, {
+  }, React.createElement(form.BaseFormControl, _extends({
+    append: React.createElement(FieldAppend$1, {
       ariaHiddenToggleButton: true,
       ariaLabelCloseList: ariaLabelCloseList,
       ariaLabelOpenList: ariaLabelOpenList,
@@ -2287,7 +2281,7 @@ var Dropdown = function Dropdown(_ref) {
       disabled: readOnly || disabled,
       selectedItems: [selectedItem]
     }),
-    className: classNames__default["default"]('eds-dropdown', {
+    className: classNames('eds-dropdown', {
       'eds-dropdown--not-filled': !isFilled
     }),
     disabled: disabled,
@@ -2300,15 +2294,15 @@ var Dropdown = function Dropdown(_ref) {
     prepend: prepend,
     readOnly: readOnly,
     variant: variant
-  }, rest), React__default["default"].createElement("div", _extends({
+  }, rest), React.createElement("div", _extends({
     className: "eds-dropdown__selected-item-button"
   }, getToggleButtonProps({
     id: undefined
-  })), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React__default["default"].createElement("span", {
-    className: classNames__default["default"]('eds-dropdown__selected-item-button__placeholder', {
+  })), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("span", {
+    className: classNames('eds-dropdown__selected-item-button__placeholder', {
       'eds-dropdown__selected-item-button__placeholder--readonly': readOnly
     })
-  }, placeholder)) != null ? _ref3 : '')), React__default["default"].createElement(DropdownList, {
+  }, placeholder)) != null ? _ref3 : '')), React.createElement(DropdownList, {
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
@@ -2345,11 +2339,11 @@ var NativeDropdown = function NativeDropdown(_ref) {
     normalizedItems = _useResolvedItems.items,
     loading = _useResolvedItems.loading;
   var nativeDropdownId = utils.useRandomId('eds-dropdown-native');
-  return React__default["default"].createElement(form.BaseFormControl, {
+  return React.createElement(form.BaseFormControl, {
     disabled: disabled,
     readOnly: readOnly,
     prepend: prepend,
-    append: React__default["default"].createElement(FieldAppend, {
+    append: React.createElement(FieldAppend, {
       hidden: disabled || readOnly,
       loading: loading,
       loadingText: loadingText
@@ -2362,7 +2356,7 @@ var NativeDropdown = function NativeDropdown(_ref) {
     feedback: feedback,
     disableLabelAnimation: disableLabelAnimation,
     isFilled: true
-  }, React__default["default"].createElement("select", _extends({
+  }, React.createElement("select", _extends({
     "aria-invalid": variant === 'error',
     "aria-labelledby": nativeDropdownId,
     "aria-busy": loading,
@@ -2380,7 +2374,7 @@ var NativeDropdown = function NativeDropdown(_ref) {
     },
     value: (_ref2 = value != null ? value : selectedItem == null ? void 0 : selectedItem.value) != null ? _ref2 : undefined
   }, rest), normalizedItems.map(function (item) {
-    return React__default["default"].createElement("option", {
+    return React.createElement("option", {
       key: item.value,
       value: item.value
     }, item.label);
@@ -2391,16 +2385,16 @@ var FieldAppend = function FieldAppend(_ref3) {
     loadingText = _ref3.loadingText,
     hidden = _ref3.hidden;
   if (loading) {
-    return React__default["default"].createElement("div", {
+    return React.createElement("div", {
       className: "eds-dropdown-native__loading-dots"
-    }, React__default["default"].createElement(loader.LoadingDots, {
+    }, React.createElement(loader.LoadingDots, {
       "aria-label": loadingText
     }));
   }
   if (hidden) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null);
+    return React.createElement(React.Fragment, null);
   }
-  return React__default["default"].createElement(icons.DownArrowIcon, {
+  return React.createElement(icons.DownArrowIcon, {
     inline: true
   });
 };