@entur/dropdown 5.3.3 → 5.3.5

package/dist/dropdown.esm.js

@@ -1382,6 +1382,7 @@ var SelectedItemTag = function SelectedItemTag(_ref) {
     })) != null ? _getSelectedItemProps : {},
     selectedItemProps = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
   return React.createElement(TagChip, _extends({
+    size: "small",
     className: classNames('eds-dropdown__selected-item-tag', {
       'eds-dropdown__selected-item-tag--readonly': readOnly,
       'eds-dropdown__selected-item-tag--disabled': disabled
@@ -1636,7 +1637,7 @@ function getA11yRemovalMessage(options) {
 }
 /* end a11y utils */
 
-var _excluded$3 = ["ariaLabelChosenSingular", "ariaLabelCloseList", "ariaLabelOpenList", "ariaLabelSelectedItem", "className", "clearable", "debounceTimeout", "disabled", "disableLabelAnimation", "feedback", "items", "itemFilter", "label", "labelClearSelectedItem", "listStyle", "loadingText", "noMatchesText", "onChange", "placeholder", "prepend", "readOnly", "selectedItem", "selectOnBlur", "selectOnTab", "style", "variant"];
+var _excluded$3 = ["ariaLabelChosenSingular", "ariaLabelCloseList", "ariaLabelOpenList", "ariaLabelSelectedItem", "className", "clearable", "debounceTimeout", "disabled", "disableLabelAnimation", "feedback", "items", "itemFilter", "label", "labelClearSelectedItem", "labelTooltip", "listStyle", "loadingText", "noMatchesText", "onChange", "placeholder", "prepend", "readOnly", "selectedItem", "selectOnBlur", "selectOnTab", "style", "variant"];
 var SearchableDropdown = function SearchableDropdown(_ref) {
   var _document, _selectedItem$label;
   var ariaLabelChosenSingular = _ref.ariaLabelChosenSingular,
@@ -1658,6 +1659,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     label = _ref.label,
     _ref$labelClearSelect = _ref.labelClearSelectedItem,
     labelClearSelectedItem = _ref$labelClearSelect === void 0 ? 'fjern valgt' : _ref$labelClearSelect,
+    labelTooltip = _ref.labelTooltip,
     listStyle = _ref.listStyle,
     loadingText = _ref.loadingText,
     noMatchesText = _ref.noMatchesText,
@@ -1816,7 +1818,9 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     setShowSelectedItem(false);
   };
   return React.createElement("div", {
-    className: classNames('eds-dropdown__wrapper', className),
+    className: classNames('eds-dropdown__wrapper', className, {
+      'eds-dropdown__wrapper--has-tooltip': labelTooltip !== undefined
+    }),
     style: style
   }, React.createElement(BaseFormControl, _extends({
     className: classNames('eds-dropdown', 'eds-dropdown--searchable'),
@@ -1827,6 +1831,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     label: label,
     labelId: getLabelProps().id,
     labelProps: getLabelProps(),
+    labelTooltip: labelTooltip,
     onClick: function onClick(e) {
       var _inputRef$current2;
       if (e.target === e.currentTarget) (_inputRef$current2 = inputRef.current) == null ? void 0 : _inputRef$current2.focus();
@@ -1892,7 +1897,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
   }));
 };
 
-var _excluded$2 = ["className", "clearable", "clearInputOnSelect", "debounceTimeout", "disabled", "feedback", "hideSelectAll", "items", "itemFilter", "label", "labelAllItemsSelected", "labelClearAllItems", "labelSelectAll", "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", "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,
@@ -1915,6 +1920,7 @@ var MultiSelect = function MultiSelect(_ref) {
     labelClearAllItems = _ref$labelClearAllIte === void 0 ? 'Fjern valgte' : _ref$labelClearAllIte,
     _ref$labelSelectAll = _ref.labelSelectAll,
     labelSelectAll = _ref$labelSelectAll === void 0 ? 'Velg alle' : _ref$labelSelectAll,
+    labelTooltip = _ref.labelTooltip,
     listStyle = _ref.listStyle,
     loadingText = _ref.loadingText,
     _ref$maxChips = _ref.maxChips,
@@ -2162,7 +2168,9 @@ var MultiSelect = function MultiSelect(_ref) {
     });
   };
   return React.createElement("div", {
-    className: classNames('eds-dropdown__wrapper', className),
+    className: classNames('eds-dropdown__wrapper', className, {
+      'eds-dropdown__wrapper--has-tooltip': labelTooltip !== undefined
+    }),
     style: style
   }, React.createElement(BaseFormControl, _extends({
     append: React.createElement(FieldAppend$1, {
@@ -2186,6 +2194,7 @@ var MultiSelect = function MultiSelect(_ref) {
     label: label,
     labelId: getLabelProps().id,
     labelProps: getLabelProps(),
+    labelTooltip: labelTooltip,
     onClick: function onClick(e) {
       var _inputRef$current4;
       if (e.target === e.currentTarget) (_inputRef$current4 = inputRef.current) == null ? void 0 : _inputRef$current4.focus();
@@ -2272,7 +2281,7 @@ var MultiSelect = function MultiSelect(_ref) {
   }));
 };
 
-var _excluded$1 = ["ariaLabelChosenSingular", "ariaLabelCloseList", "ariaLabelOpenList", "ariaLabelSelectedItem", "className", "clearable", "disabled", "disableLabelAnimation", "feedback", "items", "label", "labelClearSelectedItem", "listStyle", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "selectedItem", "selectOnBlur", "selectOnTab", "style", "variant"];
+var _excluded$1 = ["ariaLabelChosenSingular", "ariaLabelCloseList", "ariaLabelOpenList", "ariaLabelSelectedItem", "className", "clearable", "disabled", "disableLabelAnimation", "feedback", "items", "label", "labelClearSelectedItem", "labelTooltip", "listStyle", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "selectedItem", "selectOnBlur", "selectOnTab", "style", "variant"];
 var Dropdown = function Dropdown(_ref) {
   var _ref3, _selectedItem$label;
   var ariaLabelChosenSingular = _ref.ariaLabelChosenSingular,
@@ -2290,6 +2299,7 @@ var Dropdown = function Dropdown(_ref) {
     label = _ref.label,
     _ref$labelClearSelect = _ref.labelClearSelectedItem,
     labelClearSelectedItem = _ref$labelClearSelect === void 0 ? 'fjern valgt' : _ref$labelClearSelect,
+    labelTooltip = _ref.labelTooltip,
     listStyle = _ref.listStyle,
     loadingText = _ref.loadingText,
     onChange = _ref.onChange,
@@ -2340,7 +2350,9 @@ var Dropdown = function Dropdown(_ref) {
     getToggleButtonProps = _useSelect.getToggleButtonProps,
     highlightedIndex = _useSelect.highlightedIndex;
   return React.createElement("div", {
-    className: classNames('eds-dropdown__wrapper', className),
+    className: classNames('eds-dropdown__wrapper', className, {
+      'eds-dropdown__wrapper--has-tooltip': labelTooltip !== undefined
+    }),
     style: style
   }, React.createElement(BaseFormControl, _extends({
     append: React.createElement(FieldAppend$1, {
@@ -2372,6 +2384,7 @@ var Dropdown = function Dropdown(_ref) {
     label: label,
     labelId: getLabelProps().id,
     labelProps: getLabelProps(),
+    labelTooltip: labelTooltip,
     prepend: prepend,
     readOnly: readOnly,
     variant: variant