@entur/dropdown 5.0.14 → 5.0.16

package/dist/Dropdown.d.ts

@@ -36,7 +36,9 @@ export type DropdownProps = {
     feedback?: string;
     /** Tekst eller ikon som kommer før dropdown-en */
     prepend?: React.ReactNode;
-    /** En tekst som beskriver hva som skjer når man venter på items */
+    /** En tekst som beskriver hva som skjer når man venter på items
+     * @default 'Laster inn …'
+     */
     loadingText?: string;
     /** Om man skal ha mulighet for å nullstille Dropdown-en
      * @default "fjern valgt"
@@ -64,5 +66,14 @@ export type DropdownProps = {
      * @default "Åpne liste med valg"
      */
     ariaLabelOpenList?: string;
+    /** Ord for at et element er valgt i entall
+     * eks. 'Element 1, _valgt_'
+     * @default 'valgt'
+     */
+    ariaLabelChosenSingular?: string;
+    /** Tekst for skjermleser som beskriver statusen til et element som valgt
+     * @default ', valgt element, trykk for å fjerne'
+     */
+    ariaLabelSelectedItem?: string;
 };
-export declare const Dropdown: ({ ariaLabelCloseList, ariaLabelOpenList, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, selectOnTab, style, variant, ...rest }: DropdownProps) => React.JSX.Element;
+export declare const Dropdown: ({ 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) => React.JSX.Element;

package/dist/MultiSelect.d.ts

@@ -89,10 +89,6 @@ export type MultiSelectProps = {
      * @default "trykk for å fjerne valg"
      */
     ariaLabelRemoveSelected?: string;
-    /** Tekst for skjemleser for å indikere at et element er valgt
-     * @default "valgt"
-     */
-    ariaLabelChosenSingular?: string;
     /** Tekst for skjemleser for å indikere at et element er valgt
      * @default "valgte"
      */
@@ -109,8 +105,13 @@ export type MultiSelectProps = {
      * @default `${selectedItems.length} valgte elementer, trykk for å hoppe til tekstfeltet`
      */
     ariaLabelJumpToInput?: string;
-    /** Tekst for skjemleser for å indikere at et element i listen er valgt
-     * @default ", valgt element, trykk for å fjerne"
+    /** Ord for at et element er valgt i entall
+     * eks. 'Element 1, _valgt_'
+     * @default 'valgt'
+     */
+    ariaLabelChosenSingular?: string;
+    /** Tekst for skjermleser som beskriver statusen til et element som valgt
+     * @default ', valgt element, trykk for å fjerne'
      */
     ariaLabelSelectedItem?: string;
 };

package/dist/SearchableDropdown.d.ts

@@ -40,6 +40,10 @@ export type SearchableDropdownProps = {
      *
      * Lar brukeren velge ved å "tab-e" seg ut av komponenten */
     selectOnBlur?: boolean;
+    /** Tekst som kommer opp når det ikke er noe treff på filtreringsøket
+     * @default "Ingen treff for søket"
+     */
+    noMatchesText?: string;
     /** Gjør dropdown-en til å kun kunne leses
      * @default false
      */
@@ -72,5 +76,14 @@ export type SearchableDropdownProps = {
      * @default "Åpne liste med valg"
      */
     ariaLabelOpenList?: string;
+    /** Ord for at et element er valgt i entall
+     * eks. 'Element 1, _valgt_'
+     * @default "valgt"
+     */
+    ariaLabelChosenSingular?: string;
+    /** Tekst for skjermleser som beskriver statusen til et element som valgt
+     * @default ", valgt element, trykk for å fjerne"
+     */
+    ariaLabelSelectedItem?: string;
 };
-export declare const SearchableDropdown: ({ ariaLabelCloseList, ariaLabelOpenList, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, items: initialItems, itemFilter, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, selectOnTab, style, variant, ...rest }: SearchableDropdownProps) => React.JSX.Element;
+export declare const SearchableDropdown: ({ 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) => React.JSX.Element;

package/dist/dropdown.cjs.development.js

@@ -1642,11 +1642,13 @@ var isVoiceOverClick = function isVoiceOverClick(clickEvent) {
 };
 /* end a11y utils */
 
-var _excluded$3 = ["ariaLabelCloseList", "ariaLabelOpenList", "className", "clearable", "debounceTimeout", "disabled", "disableLabelAnimation", "feedback", "items", "itemFilter", "label", "labelClearSelectedItem", "listStyle", "loadingText", "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", "listStyle", "loadingText", "noMatchesText", "onChange", "placeholder", "prepend", "readOnly", "selectedItem", "selectOnBlur", "selectOnTab", "style", "variant"];
 var SearchableDropdown = function SearchableDropdown(_ref) {
   var _selectedItem$label;
-  var ariaLabelCloseList = _ref.ariaLabelCloseList,
+  var ariaLabelChosenSingular = _ref.ariaLabelChosenSingular,
+    ariaLabelCloseList = _ref.ariaLabelCloseList,
     ariaLabelOpenList = _ref.ariaLabelOpenList,
+    ariaLabelSelectedItem = _ref.ariaLabelSelectedItem,
     className = _ref.className,
     _ref$clearable = _ref.clearable,
     clearable = _ref$clearable === void 0 ? true : _ref$clearable,
@@ -1664,6 +1666,7 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     labelClearSelectedItem = _ref$labelClearSelect === void 0 ? 'fjern valgt' : _ref$labelClearSelect,
     listStyle = _ref.listStyle,
     loadingText = _ref.loadingText,
+    noMatchesText = _ref.noMatchesText,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {
       return undefined;
@@ -1864,11 +1867,14 @@ var SearchableDropdown = function SearchableDropdown(_ref) {
     },
     ref: inputRef
   })))), React.createElement(DropdownList, {
+    ariaLabelChosenSingular: ariaLabelChosenSingular,
+    ariaLabelSelectedItem: ariaLabelSelectedItem,
     isOpen: isOpen,
     listItems: listItems,
     listStyle: listStyle,
     loading: loading,
     loadingText: loadingText,
+    noMatchesText: noMatchesText,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,
@@ -1903,6 +1909,7 @@ var MultiSelect = function MultiSelect(_ref) {
     loadingText = _ref.loadingText,
     _ref$maxChips = _ref.maxChips,
     maxChips = _ref$maxChips === void 0 ? 10 : _ref$maxChips,
+    noMatchesText = _ref.noMatchesText,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {
       return undefined;
@@ -1919,8 +1926,7 @@ var MultiSelect = function MultiSelect(_ref) {
     style = _ref.style,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'info' : _ref$variant,
-    _ref$ariaLabelChosenS = _ref.ariaLabelChosenSingular,
-    ariaLabelChosenSingular = _ref$ariaLabelChosenS === void 0 ? 'valgt' : _ref$ariaLabelChosenS,
+    ariaLabelChosenSingular = _ref.ariaLabelChosenSingular,
     _ref$ariaLabelChosenP = _ref.ariaLabelChosenPlural,
     ariaLabelChosenPlural = _ref$ariaLabelChosenP === void 0 ? 'valgte' : _ref$ariaLabelChosenP,
     ariaLabelCloseList = _ref.ariaLabelCloseList,
@@ -1929,8 +1935,7 @@ var MultiSelect = function MultiSelect(_ref) {
     ariaLabelOpenList = _ref.ariaLabelOpenList,
     _ref$ariaLabelRemoveS = _ref.ariaLabelRemoveSelected,
     ariaLabelRemoveSelected = _ref$ariaLabelRemoveS === void 0 ? 'trykk for å fjerne valg' : _ref$ariaLabelRemoveS,
-    _ref$ariaLabelSelecte = _ref.ariaLabelSelectedItem,
-    ariaLabelSelectedItem = _ref$ariaLabelSelecte === void 0 ? ', valgt element, trykk for å fjerne' : _ref$ariaLabelSelecte,
+    ariaLabelSelectedItem = _ref.ariaLabelSelectedItem,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _React$useState = React.useState(0),
     lastHighlightedIndex = _React$useState[0],
@@ -2244,17 +2249,20 @@ var MultiSelect = function MultiSelect(_ref) {
     listStyle: listStyle,
     loading: loading,
     loadingText: loadingText,
+    noMatchesText: noMatchesText,
     selectAllCheckboxState: selectAllCheckboxState,
     selectAllItem: selectAll,
     selectedItems: selectedItems
   }));
 };
 
-var _excluded$1 = ["ariaLabelCloseList", "ariaLabelOpenList", "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", "listStyle", "loadingText", "onChange", "placeholder", "prepend", "readOnly", "selectedItem", "selectOnBlur", "selectOnTab", "style", "variant"];
 var Dropdown = function Dropdown(_ref) {
   var _ref3, _selectedItem$label;
-  var ariaLabelCloseList = _ref.ariaLabelCloseList,
+  var ariaLabelChosenSingular = _ref.ariaLabelChosenSingular,
+    ariaLabelCloseList = _ref.ariaLabelCloseList,
     ariaLabelOpenList = _ref.ariaLabelOpenList,
+    ariaLabelSelectedItem = _ref.ariaLabelSelectedItem,
     className = _ref.className,
     _ref$clearable = _ref.clearable,
     clearable = _ref$clearable === void 0 ? false : _ref$clearable,
@@ -2358,6 +2366,8 @@ var Dropdown = function Dropdown(_ref) {
       'eds-dropdown__selected-item__placeholder--readonly': readOnly
     })
   }, placeholder)) != null ? _ref3 : '')), React.createElement(DropdownList, {
+    ariaLabelChosenSingular: ariaLabelChosenSingular,
+    ariaLabelSelectedItem: ariaLabelSelectedItem,
     getItemProps: getItemProps,
     getMenuProps: getMenuProps,
     highlightedIndex: highlightedIndex,