@entur/dropdown 5.5.0 → 6.0.0-beta.0

package/dist/dropdown.cjs.development.js

@@ -1844,13 +1844,24 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     });
     setShowSelectedItem(false);
   };
-  return React.createElement("div", {
-    className: classNames('eds-dropdown__wrapper', className, {
-      'eds-dropdown__wrapper--has-tooltip': labelTooltip !== undefined
+  return React.createElement(form.BaseFormControl, _extends({
+    append: React.createElement(FieldAppend$1, {
+      ariaLabelCloseList: ariaLabelCloseList,
+      ariaLabelOpenList: ariaLabelOpenList,
+      clearable: clearable,
+      labelClearSelectedItems: labelClearSelectedItem,
+      disabled: readOnly || disabled,
+      focusable: false,
+      getToggleButtonProps: getToggleButtonProps,
+      isOpen: isOpen,
+      loading: loading,
+      loadingText: loadingText,
+      onClear: handleOnClear,
+      selectedItems: [selectedItem]
+    }),
+    className: classNames('eds-dropdown', 'eds-dropdown--searchable', className, {
+      'eds-dropdown--has-tooltip': labelTooltip !== undefined
     }),
-    style: style
-  }, React.createElement(form.BaseFormControl, _extends({
-    className: classNames('eds-dropdown', 'eds-dropdown--searchable'),
     disabled: disabled,
     disableLabelAnimation: disableLabelAnimation,
     feedback: feedback,
@@ -1866,23 +1877,9 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     prepend: prepend,
     readOnly: readOnly,
     ref: refs.setReference,
+    style: style,
     variant: variant
-  }, rest, {
-    append: React.createElement(FieldAppend$1, {
-      ariaLabelCloseList: ariaLabelCloseList,
-      ariaLabelOpenList: ariaLabelOpenList,
-      clearable: clearable,
-      labelClearSelectedItems: labelClearSelectedItem,
-      disabled: readOnly || disabled,
-      focusable: false,
-      getToggleButtonProps: getToggleButtonProps,
-      isOpen: isOpen,
-      loading: loading,
-      loadingText: loadingText,
-      onClear: handleOnClear,
-      selectedItems: [selectedItem]
-    })
-  }), React.createElement("span", {
+  }, rest), React.createElement("span", {
     className: classNames('eds-dropdown--searchable__selected-item', {
       'eds-dropdown--searchable__selected-item--hidden': !showSelectedItem
     }),
@@ -1909,7 +1906,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
       if (selectOnTab && isOpen && e.key === 'Tab') onChange == null ? void 0 : onChange(listItems[highlightedIndex]);
     },
     ref: inputRef
-  })))), React.createElement(DropdownList, {
+  }))), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
     isOpen: isOpen,
@@ -2211,12 +2208,7 @@ var MultiSelect = function MultiSelect(_ref) {
       inputValue: inputValue
     });
   };
-  return React.createElement("div", {
-    className: classNames('eds-dropdown__wrapper', className, {
-      'eds-dropdown__wrapper--has-tooltip': labelTooltip !== undefined
-    }),
-    style: style
-  }, React.createElement(form.BaseFormControl, _extends({
+  return React.createElement(form.BaseFormControl, _extends({
     append: React.createElement(FieldAppend$1, {
       ariaLabelCloseList: ariaLabelCloseList,
       ariaLabelOpenList: ariaLabelOpenList,
@@ -2231,7 +2223,9 @@ var MultiSelect = function MultiSelect(_ref) {
       onClear: handleOnClear,
       getToggleButtonProps: getToggleButtonProps
     }),
-    className: classNames('eds-dropdown', 'eds-dropdown--multiselect'),
+    className: classNames('eds-dropdown', 'eds-dropdown--multiselect', className, {
+      'eds-dropdown--has-tooltip': labelTooltip !== undefined
+    }),
     disabled: disabled,
     feedback: feedback,
     isFilled: hasSelectedItems || inputValue !== EMPTY_INPUT,
@@ -2245,6 +2239,7 @@ var MultiSelect = function MultiSelect(_ref) {
     },
     readOnly: readOnly,
     ref: refs.setReference,
+    style: style,
     variant: variant
   }, rest), React.createElement("div", {
     className: classNames('eds-dropdown--multiselect__selected-items-and-input', {
@@ -2307,7 +2302,7 @@ var MultiSelect = function MultiSelect(_ref) {
     preventKeyAction: isOpen,
     ref: inputRef,
     value: inputValue != null ? inputValue : EMPTY_INPUT
-  }))))))), React.createElement(DropdownList, {
+  })))))), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
     getItemProps: getItemProps,
@@ -2405,12 +2400,7 @@ var Dropdown = function Dropdown(_ref) {
     }),
     refs = _useFloating.refs,
     floatingStyles = _useFloating.floatingStyles;
-  return React.createElement("div", {
-    className: classNames('eds-dropdown__wrapper', className, {
-      'eds-dropdown__wrapper--has-tooltip': labelTooltip !== undefined
-    }),
-    style: style
-  }, React.createElement(form.BaseFormControl, _extends({
+  return React.createElement(form.BaseFormControl, _extends({
     append: React.createElement(FieldAppend$1, {
       ariaHiddenToggleButton: true,
       ariaLabelCloseList: ariaLabelCloseList,
@@ -2430,8 +2420,8 @@ var Dropdown = function Dropdown(_ref) {
       disabled: readOnly || disabled,
       selectedItems: [selectedItem]
     }),
-    className: classNames('eds-dropdown', {
-      'eds-dropdown--not-filled': !isFilled
+    className: classNames('eds-dropdown', className, {
+      'eds-dropdown--has-tooltip': labelTooltip !== undefined
     }),
     disabled: disabled,
     disableLabelAnimation: disableLabelAnimation,
@@ -2444,6 +2434,7 @@ var Dropdown = function Dropdown(_ref) {
     prepend: prepend,
     readOnly: readOnly,
     ref: refs.setReference,
+    style: style,
     variant: variant
   }, rest), React.createElement("div", _extends({
     className: "eds-dropdown__selected-item"
@@ -2463,7 +2454,7 @@ var Dropdown = function Dropdown(_ref) {
     className: classNames('eds-dropdown__selected-item__placeholder', {
       'eds-dropdown__selected-item__placeholder--readonly': readOnly
     })
-  }, placeholder)) != null ? _ref3 : '')), React.createElement(DropdownList, {
+  }, placeholder)) != null ? _ref3 : ''), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
     getItemProps: getItemProps,