@entur/dropdown 5.0.6 → 5.0.8

package/dist/dropdown.esm.js

@@ -671,15 +671,15 @@ 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.forwardRef(function (_ref, ref) {
   var _ref$disabled = _ref.disabled,
@@ -835,7 +835,7 @@ debounceTimeout) {
     return isItemsFunction ? itemsOrItemsResolver : function () {
       return Promise.resolve(itemsOrItemsResolver);
     };
-  }, [itemsOrItemsResolver, isItemsFunction]);
+  }, [isItemsFunction]);
   var _React$useReducer = React.useReducer(reducer, {
       items: isItemsFunction ? [] : itemsOrItemsResolver,
       loading: false
@@ -902,16 +902,16 @@ 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.forwardRef(function (_ref, ref) {
   var highlightFirstItemOnOpen = _ref.highlightFirstItemOnOpen,
@@ -1013,15 +1013,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,
@@ -1500,11 +1500,20 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
   var listItemsWithoutSelectAll = listItems.filter(function (item) {
     return item.value !== selectAll.value;
   });
-  var allListItemsAreSelected = listItemsWithoutSelectAll.filter(function (item) {
-    return !selectedItems.includes(item);
-  }).length === 0;
-  var someListItemsAreSelected = listItemsWithoutSelectAll.some(function (item) {
-    return selectedItems.includes(item);
+  var unselectedItemsInListItems = listItemsWithoutSelectAll.filter(function (listItem) {
+    return !selectedItems.some(function (selectedItem) {
+      return selectedItem.value === listItem.value;
+    });
+  });
+  var allListItemsAreSelected = !listItemsWithoutSelectAll.some(function (listItem) {
+    return !selectedItems.some(function (selectedItem) {
+      return selectedItem.value === listItem.value;
+    });
+  });
+  var someListItemsAreSelected = listItemsWithoutSelectAll.some(function (listItem) {
+    return selectedItems.some(function (selectedItem) {
+      return selectedItem.value === listItem.value;
+    });
   });
   var addClickedItemToSelectedItems = function addClickedItemToSelectedItems(clickedItem, onChange) {
     return onChange([].concat(selectedItems, [clickedItem]));
@@ -1545,14 +1554,15 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
     return false;
   };
   var selectAllUnselectedItemsInListItems = function selectAllUnselectedItemsInListItems(onChange) {
-    onChange([].concat(selectedItems, listItemsWithoutSelectAll.filter(function (item) {
-      return !selectedItems.includes(item);
-    })));
+    onChange([].concat(selectedItems, unselectedItemsInListItems));
   };
   var unselectAllListItems = function unselectAllListItems(onChange) {
-    onChange(selectedItems.filter(function (item) {
-      return !listItemsWithoutSelectAll.includes(item);
-    }));
+    var selectedItemsWithoutItemsInListItems = selectedItems.filter(function (selectedItem) {
+      return !listItemsWithoutSelectAll.some(function (listItem) {
+        return listItem.value === selectedItem.value;
+      });
+    });
+    onChange(selectedItemsWithoutItemsInListItems);
   };
   return {
     addClickedItemToSelectedItems: addClickedItemToSelectedItems,
@@ -1604,8 +1614,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();
@@ -1930,7 +1940,10 @@ var MultiSelect = function MultiSelect(_ref) {
   };
   var updateListItems = function updateListItems(_ref3) {
     var inputValue = _ref3.inputValue;
-    if (typeof initialItems === 'function') fetchItems(inputValue != null ? inputValue : EMPTY_INPUT); // fetch items only if user provides a function as items
+    var shouldRefetchItems =
+    // fetch items only if user provides a function with inputValue argument as items
+    typeof initialItems === 'function' && initialItems.length > 0; // Function.length == number of arguments
+    if (shouldRefetchItems) fetchItems(inputValue != null ? inputValue : EMPTY_INPUT);
     filterListItems({
       inputValue: inputValue != null ? inputValue : EMPTY_INPUT
     });