@entur/dropdown 6.0.8 → 6.0.9

package/dist/MultiSelect.d.ts

@@ -33,6 +33,8 @@ export type MultiSelectProps<ValueType> = {
      * @default true
      */
     clearable?: boolean;
+    /** Plasserer ledeteksten statisk på toppen av inputfeltet */
+    disableLabelAnimation?: boolean;
     /** Placeholder-tekst når ingenting er satt */
     placeholder?: string;
     /** En tekst som beskriver hva som skjer når man venter på items
@@ -120,5 +122,5 @@ export type MultiSelectProps<ValueType> = {
      */
     ariaLabelSelectedItem?: string;
 };
-export declare const MultiSelect: <ValueType extends unknown>({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, items: initialItems, itemFilter, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, labelTooltip, listStyle, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, selectOnTab, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps<ValueType>) => React.JSX.Element;
+export declare const MultiSelect: <ValueType extends unknown>({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, disableLabelAnimation, feedback, hideSelectAll, items: initialItems, itemFilter, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, labelTooltip, listStyle, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, selectOnTab, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps<ValueType>) => React.JSX.Element;
 export {};

package/dist/components/DropdownList.d.ts

@@ -10,7 +10,7 @@ type DropdownListProps<ValueType> = {
     highlightedIndex: number;
     isOpen: boolean;
     listItems: NormalizedDropdownItemType<ValueType | string>[];
-    listStyle: {
+    floatingStyles: {
         [key: string]: any;
     } | undefined;
     setListRef: (node: HTMLElement | null) => void;
@@ -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, setListRef, 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, floatingStyles, 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", "setListRef", "loading", "loadingText", "noMatchesText", "selectAllCheckboxState", "selectAllItem", "selectedItems", "showSelectAllInList"];
+var _excluded$5 = ["ariaLabelChosenSingular", "ariaLabelSelectedItem", "getItemProps", "getMenuProps", "inputValue", "isOpen", "highlightedIndex", "listItems", "floatingStyles", "setListRef", "loading", "loadingText", "noMatchesText", "selectAllCheckboxState", "selectAllItem", "selectedItems", "showSelectAllInList"];
 var DropdownList = function DropdownList(_ref) {
   var _listItems$;
   var _ref$ariaLabelChosenS = _ref.ariaLabelChosenSingular,
@@ -1251,7 +1251,7 @@ var DropdownList = function DropdownList(_ref) {
     isOpen = _ref.isOpen,
     highlightedIndex = _ref.highlightedIndex,
     listItems = _ref.listItems,
-    listStyle = _ref.listStyle,
+    floatingStyles = _ref.floatingStyles,
     setListRef = _ref.setListRef,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
@@ -1334,16 +1334,17 @@ var DropdownList = function DropdownList(_ref) {
   };
   return (
     // use popover from @entur/tooltip when that package upgrades to floating-ui
-    React.createElement("ul", _extends({}, getMenuProps({
+    React.createElement("div", {
+      className: "eds-dropdown__list__floating-container",
+      style: _extends({
+        display: isOpen ? undefined : 'none'
+      }, floatingStyles),
+      ref: setListRef
+    }, React.createElement("ul", _extends({}, getMenuProps({
       'aria-multiselectable': isMultiselect
-    }, {
-      suppressRefError: true
     }), {
-      ref: setListRef,
       className: "eds-dropdown__list",
-      style: _extends({
-        display: isOpen ? 'inline-block' : 'none'
-      }, rest.style, listStyle)
+      style: _extends({}, rest.style)
     }), !loading && 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;
@@ -1368,7 +1369,7 @@ var DropdownList = function DropdownList(_ref) {
     }, noMatchesText), loading && React.createElement("li", {
       key: "dropdown-list-loading",
       className: "eds-dropdown__list__item"
-    }, loadingText))
+    }, loadingText)))
   );
 };
 
@@ -1893,12 +1894,13 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
   }))), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
+    floatingStyles: floatingStyles,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
     isOpen: isOpen,
     listItems: listItems,
-    listStyle: _extends({}, floatingStyles, listStyle),
+    style: listStyle,
     setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,
@@ -1907,7 +1909,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
   }));
 };
 
-var _excluded$2 = ["className", "clearable", "clearInputOnSelect", "debounceTimeout", "disabled", "feedback", "hideSelectAll", "items", "itemFilter", "label", "labelAllItemsSelected", "labelClearAllItems", "labelSelectAll", "labelTooltip", "listStyle", "loadingText", "maxChips", "noMatchesText", "onChange", "placeholder", "readOnly", "selectedItems", "selectOnBlur", "selectOnTab", "style", "variant", "ariaLabelChosenSingular", "ariaLabelChosenPlural", "ariaLabelCloseList", "ariaLabelJumpToInput", "ariaLabelOpenList", "ariaLabelRemoveSelected", "ariaLabelSelectedItem"];
+var _excluded$2 = ["className", "clearable", "clearInputOnSelect", "debounceTimeout", "disabled", "disableLabelAnimation", "feedback", "hideSelectAll", "items", "itemFilter", "label", "labelAllItemsSelected", "labelClearAllItems", "labelSelectAll", "labelTooltip", "listStyle", "loadingText", "maxChips", "noMatchesText", "onChange", "placeholder", "readOnly", "selectedItems", "selectOnBlur", "selectOnTab", "style", "variant", "ariaLabelChosenSingular", "ariaLabelChosenPlural", "ariaLabelCloseList", "ariaLabelJumpToInput", "ariaLabelOpenList", "ariaLabelRemoveSelected", "ariaLabelSelectedItem"];
 var MultiSelect = function MultiSelect(_ref) {
   var className = _ref.className,
     _ref$clearable = _ref.clearable,
@@ -1917,6 +1919,7 @@ var MultiSelect = function MultiSelect(_ref) {
     debounceTimeout = _ref.debounceTimeout,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    disableLabelAnimation = _ref.disableLabelAnimation,
     feedback = _ref.feedback,
     _ref$hideSelectAll = _ref.hideSelectAll,
     hideSelectAll = _ref$hideSelectAll === void 0 ? false : _ref$hideSelectAll,
@@ -2196,6 +2199,7 @@ var MultiSelect = function MultiSelect(_ref) {
       'eds-dropdown--has-tooltip': labelTooltip !== undefined
     }),
     disabled: disabled,
+    disableLabelAnimation: disableLabelAnimation,
     feedback: feedback,
     isFilled: hasSelectedItems || inputValue !== EMPTY_INPUT,
     label: label,
@@ -2272,13 +2276,14 @@ var MultiSelect = function MultiSelect(_ref) {
   })))))), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
+    floatingStyles: floatingStyles,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
     inputValue: inputValue,
     isOpen: isOpen,
     listItems: listItems,
-    listStyle: _extends({}, floatingStyles, listStyle),
+    style: listStyle,
     setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,
@@ -2428,12 +2433,13 @@ var Dropdown = function Dropdown(_ref) {
   }, placeholder)) != null ? _ref3 : ''), React.createElement(DropdownList, {
     ariaLabelChosenSingular: ariaLabelChosenSingular,
     ariaLabelSelectedItem: ariaLabelSelectedItem,
+    floatingStyles: floatingStyles,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
     isOpen: isOpen,
     listItems: normalizedItems,
-    listStyle: _extends({}, floatingStyles, listStyle),
+    style: listStyle,
     setListRef: refs.setFloating,
     loading: loading,
     loadingText: loadingText,