@entur/dropdown 6.0.3-RC.1 → 6.0.3-RC.3

package/dist/components/DropdownList.d.ts

@@ -13,7 +13,7 @@ type DropdownListProps<ValueType> = {
     listStyle: {
         [key: string]: any;
     } | undefined;
-    listRef?: React.Ref<HTMLUListElement>;
+    setListRef: (node: HTMLElement | null) => void;
     loading?: boolean;
     loadingText?: string;
     noMatchesText?: string;
@@ -22,5 +22,5 @@ type DropdownListProps<ValueType> = {
     selectedItems: NormalizedDropdownItemType<ValueType>[];
     [key: string]: any;
 };
-export declare const DropdownList: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelSelectedItem, getItemProps, getMenuProps, inputValue, isOpen, highlightedIndex, listItems, listStyle, listRef, loading, loadingText, noMatchesText, selectAllCheckboxState, selectAllItem, selectedItems, showSelectAllInList, ...rest }: DropdownListProps<ValueType>) => React.JSX.Element;
+export declare const DropdownList: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelSelectedItem, getItemProps, getMenuProps, inputValue, isOpen, highlightedIndex, listItems, listStyle, setListRef, loading, loadingText, noMatchesText, selectAllCheckboxState, selectAllItem, selectedItems, showSelectAllInList, ...rest }: DropdownListProps<ValueType>) => React.JSX.Element;
 export {};

package/dist/dropdown.cjs.development.js

@@ -1239,7 +1239,7 @@ function SelectedItemsLabel(items) {
   }).toString() : items.length + " elementer valgt";
 }
 
-var _excluded$5 = ["ariaLabelChosenSingular", "ariaLabelSelectedItem", "getItemProps", "getMenuProps", "inputValue", "isOpen", "highlightedIndex", "listItems", "listStyle", "listRef", "loading", "loadingText", "noMatchesText", "selectAllCheckboxState", "selectAllItem", "selectedItems", "showSelectAllInList"];
+var _excluded$5 = ["ariaLabelChosenSingular", "ariaLabelSelectedItem", "getItemProps", "getMenuProps", "inputValue", "isOpen", "highlightedIndex", "listItems", "listStyle", "setListRef", "loading", "loadingText", "noMatchesText", "selectAllCheckboxState", "selectAllItem", "selectedItems", "showSelectAllInList"];
 var DropdownList = function DropdownList(_ref) {
   var _listItems$;
   var _ref$ariaLabelChosenS = _ref.ariaLabelChosenSingular,
@@ -1252,7 +1252,7 @@ var DropdownList = function DropdownList(_ref) {
     highlightedIndex = _ref.highlightedIndex,
     listItems = _ref.listItems,
     listStyle = _ref.listStyle,
-    listRef = _ref.listRef,
+    setListRef = _ref.setListRef,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     _ref$loadingText = _ref.loadingText,
@@ -1339,7 +1339,7 @@ var DropdownList = function DropdownList(_ref) {
     }, {
       suppressRefError: true
     }), {
-      ref: utils.mergeRefs(listRef, getMenuProps().ref),
+      ref: setListRef,
       className: "eds-dropdown__list",
       style: _extends({
         display: isOpen ? 'inline-block' : 'none'
@@ -1899,7 +1899,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     isOpen: isOpen,
     listItems: listItems,
     listStyle: _extends({}, floatingStyles, listStyle),
-    listRef: refs.setFloating,
+    setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,
     noMatchesText: noMatchesText,
@@ -2279,7 +2279,7 @@ var MultiSelect = function MultiSelect(_ref) {
     isOpen: isOpen,
     listItems: listItems,
     listStyle: _extends({}, floatingStyles, listStyle),
-    listRef: refs.setFloating,
+    setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,
     noMatchesText: noMatchesText,
@@ -2419,9 +2419,12 @@ var Dropdown = function Dropdown(_ref) {
           onChange == null ? void 0 : onChange(highlitedItem);
         }
       }
-    },
+    }
+  }, {
+    suppressRefError: true
+  }), {
     ref: toggleButtonRef
-  })), (_ref3 = (_selectedItem$label = selectedItem == null ? void 0 : selectedItem.label) != null ? _selectedItem$label : React.createElement("div", {
+  }), (_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
     })
@@ -2434,7 +2437,7 @@ var Dropdown = function Dropdown(_ref) {
     isOpen: isOpen,
     listItems: normalizedItems,
     listStyle: _extends({}, floatingStyles, listStyle),
-    listRef: refs.setFloating,
+    setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,
     selectedItems: selectedItem !== null ? [selectedItem] : []