@entur/dropdown 5.3.3 → 5.3.5

package/dist/Dropdown.d.ts

@@ -43,6 +43,8 @@ export type DropdownProps<ValueType> = {
      * @default "fjern valgt"
      */
     labelClearSelectedItem?: string;
+    /** En tooltip som gir ekstra info om inputfeltet */
+    labelTooltip?: React.ReactNode;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
@@ -75,4 +77,4 @@ export type DropdownProps<ValueType> = {
      */
     ariaLabelSelectedItem?: string;
 };
-export declare const Dropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, selectOnTab, style, variant, ...rest }: DropdownProps<ValueType>) => React.JSX.Element;
+export declare const Dropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, labelTooltip, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, selectOnTab, style, variant, ...rest }: DropdownProps<ValueType>) => React.JSX.Element;

package/dist/MultiSelect.d.ts

@@ -84,6 +84,8 @@ export type MultiSelectProps<ValueType> = {
      * @default "Fjern valgte"
      */
     labelClearAllItems?: string;
+    /** En tooltip som gir ekstra info om inputfeltet */
+    labelTooltip?: React.ReactNode;
     /** Tekst for skjemleser på knapper for å fjerne valgt element
      * @default "trykk for å fjerne valg"
      */
@@ -114,4 +116,4 @@ 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, 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, 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;

package/dist/SearchableDropdown.d.ts

@@ -67,6 +67,8 @@ export type SearchableDropdownProps<ValueType> = {
      * @default "fjern valgt"
      */
     labelClearSelectedItem?: string;
+    /** En tooltip som gir ekstra info om inputfeltet */
+    labelTooltip?: React.ReactNode;
     /** Tekst for skjemleser for knapp som lukker listen med valg
      * @default "Lukk liste med valg"
      */
@@ -85,4 +87,4 @@ export type SearchableDropdownProps<ValueType> = {
      */
     ariaLabelSelectedItem?: string;
 };
-export declare const SearchableDropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, items: initialItems, itemFilter, label, labelClearSelectedItem, listStyle, loadingText, noMatchesText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, selectOnTab, style, variant, ...rest }: SearchableDropdownProps<ValueType>) => React.JSX.Element;
+export declare const SearchableDropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, items: initialItems, itemFilter, label, labelClearSelectedItem, labelTooltip, listStyle, loadingText, noMatchesText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, selectOnTab, style, variant, ...rest }: SearchableDropdownProps<ValueType>) => React.JSX.Element;

package/dist/dropdown.cjs.development.js

@@ -1386,6 +1386,7 @@ var SelectedItemTag = function SelectedItemTag(_ref) {
     })) != null ? _getSelectedItemProps : {},
     selectedItemProps = _objectWithoutPropertiesLoose(_ref2, _excluded$4);
   return React.createElement(chip.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
@@ -1640,7 +1641,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,
@@ -1662,6 +1663,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,
@@ -1820,7 +1822,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(form.BaseFormControl, _extends({
     className: classNames('eds-dropdown', 'eds-dropdown--searchable'),
@@ -1831,6 +1835,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();
@@ -1896,7 +1901,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,
@@ -1919,6 +1924,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,
@@ -2166,7 +2172,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(form.BaseFormControl, _extends({
     append: React.createElement(FieldAppend$1, {
@@ -2190,6 +2198,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();
@@ -2276,7 +2285,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,
@@ -2294,6 +2303,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,
@@ -2344,7 +2354,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(form.BaseFormControl, _extends({
     append: React.createElement(FieldAppend$1, {
@@ -2376,6 +2388,7 @@ var Dropdown = function Dropdown(_ref) {
     label: label,
     labelId: getLabelProps().id,
     labelProps: getLabelProps(),
+    labelTooltip: labelTooltip,
     prepend: prepend,
     readOnly: readOnly,
     variant: variant