@entur/dropdown 5.2.0-beta.0 → 5.2.0

package/dist/dropdown.cjs.development.js

@@ -784,14 +784,6 @@ var DropdownInputGroupDeprecated = function DropdownInputGroupDeprecated(_ref) {
   }, feedback)));
 };
 
-// export type DropdownItemType<ValueType> =
-//   | { value?: ValueType; label: string; icons?: React.ComponentType<any>[] }
-//   | string;
-// export type NormalizedDropdownItemType = {
-//   value: string | number | Record<any, any>;
-//   label: string;
-//   icons?: React.ComponentType<any>[];
-// };
 var useNormalizedItems = function useNormalizedItems(items) {
   return React.useMemo(function () {
     return items.map(function (item) {
@@ -801,12 +793,14 @@ var useNormalizedItems = function useNormalizedItems(items) {
           label: item
         };
       }
-      if (!('value' in item)) {
+      if ((item == null ? void 0 : item.value) === undefined) {
         return _extends({}, item, {
           value: item.label
         });
       }
-      return item;
+      return _extends({}, item, {
+        value: item.value
+      });
     });
   }, [items]);
 };
@@ -1783,14 +1777,15 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
       stateReducer: stateReducer,
       onStateChange: function onStateChange(_ref5) {
         var type = _ref5.type,
-          clickedItem = _ref5.selectedItem;
+          newSelectedItem = _ref5.selectedItem;
         switch (type) {
           // @ts-expect-error This falltrough is wanted
           case Downshift.useCombobox.stateChangeTypes.InputBlur:
             if (!selectOnBlur) break;
           case Downshift.useCombobox.stateChangeTypes.InputKeyDownEnter: // eslint-disable-line no-fallthrough
           case Downshift.useCombobox.stateChangeTypes.ItemClick:
-            onChange(clickedItem != null ? clickedItem : null);
+            if (newSelectedItem === undefined) return;
+            onChange(newSelectedItem != null ? newSelectedItem : null);
         }
       },
       // Accessibility
@@ -2211,7 +2206,10 @@ var MultiSelect = function MultiSelect(_ref) {
   }, rest), React.createElement("div", {
     className: classNames('eds-dropdown--multiselect__selected-items-and-input', {
       'eds-dropdown--multiselect__selected-items-and-input--filled': hasSelectedItems
-    })
+    }),
+    onClick: function onClick(e) {
+      if (e.target === e.currentTarget) openMenu();
+    }
   }, selectedItems.length < maxChips ? React.createElement(React.Fragment, null, selectedItems.length > 1 ? React.createElement(a11y.VisuallyHidden, {
     onClick: function onClick() {
       var _inputRef$current5;
@@ -2332,7 +2330,7 @@ var Dropdown = function Dropdown(_ref) {
       selectedItem: selectedItem,
       onStateChange: function onStateChange(_ref2) {
         var type = _ref2.type,
-          clickedItem = _ref2.selectedItem;
+          newSelectedItem = _ref2.selectedItem;
         switch (type) {
           // @ts-expect-error This falltrough is wanted
           case Downshift.useSelect.stateChangeTypes.ToggleButtonBlur:
@@ -2340,7 +2338,8 @@ var Dropdown = function Dropdown(_ref) {
           case Downshift.useSelect.stateChangeTypes.ToggleButtonKeyDownEnter: // eslint-disable-line no-fallthrough
           case Downshift.useSelect.stateChangeTypes.ItemClick:
             {
-              onChange == null ? void 0 : onChange(clickedItem !== undefined ? clickedItem : null);
+              if (newSelectedItem === undefined) return;
+              onChange == null ? void 0 : onChange(newSelectedItem != null ? newSelectedItem : null);
             }
         }
       },
@@ -2399,7 +2398,7 @@ var Dropdown = function Dropdown(_ref) {
         }
       }
     }
-  })), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("span", {
+  })), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("div", {
     className: classNames('eds-dropdown__selected-item__placeholder', {
       'eds-dropdown__selected-item__placeholder--readonly': readOnly
     })