@entur/dropdown 5.0.0-beta.2 → 5.0.0-beta.4

package/dist/BaseDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
 import './BaseDropdown.scss';
 type BaseDropdownProps = {
     className?: string;

package/dist/DownshiftProvider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ControllerStateAndHelpers } from 'downshift';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
 export type DownshiftProviderProps = {
     onChange?: (selectedItem: NormalizedDropdownItemType, stateAndHelpers: ControllerStateAndHelpers<NormalizedDropdownItemType>) => void;
     onInputValueChange?: (value: string) => void;

package/dist/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
+import { PotentiallyAsyncDropdownItemType } from './beta/useResolvedItems';
 export type DropdownProps = {
     /** Beskrivende tekst som forklarer feltet */
     label: string;

package/dist/DropdownList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
 import './DropdownList.scss';
 export type DropdownListProps = {
     items: NormalizedDropdownItemType[];

package/dist/MultiSelect.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { UseSelectProps } from 'downshift';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
 import { VariantType } from '@entur/form';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import { PotentiallyAsyncDropdownItemType } from './beta/useResolvedItems';
 import './MultiSelect.scss';
 import './DropdownList.scss';
 type MultiSelectProps = {

package/dist/RegularDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
 type RegularDropdownProps = {
     items: NormalizedDropdownItemType[];
     disabled?: boolean;

package/dist/SearchableDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
 import './SearchableDropdown.scss';
 type SearchableDropdownProps = {
     className?: string;

package/dist/beta/Dropdown.d.ts

@@ -1,56 +1,62 @@
 import React from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
 import './Dropdown.scss';
 export type DropdownBetaProps = {
     /** Tilgjengelige valg i dropdown-en */
     items: PotentiallyAsyncDropdownItemType;
     /** Valgt verdi. Bruk null for ingen verdi. */
     selectedItem: NormalizedDropdownItemType | null;
+    /** Callback som skal oppdatere selectedItem */
+    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void;
     /** Beskrivende tekst som forklarer feltet */
     label: string;
-    /** Tooltip for labelen */
-    labelTooltip?: string;
+    /** Placeholder-tekst når ingenting er satt */
+    placeholder?: string;
+    /** Om man skal ha mulighet for å nullstille Dropdown-en
+     * @default true
+     */
+    clearable?: boolean;
+    /** Lar brukeren velge ved å "tab-e" seg ut av komponenten */
+    selectOnBlur?: boolean;
+    /** Deaktiver dropdown-en */
+    disabled?: boolean;
+    /** Setter dropdown-en i read-only modus */
+    readOnly?: boolean;
     /** Hvilken valideringsvariant som gjelder */
     variant?: VariantType;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
     /** Tekst eller ikon som kommer før dropdown-en */
     prepend?: React.ReactNode;
-    /** Deaktiver dropdown-en */
-    disabled?: boolean;
-    /** Setter dropdown-en i read-only modus */
-    readOnly?: boolean;
-    /** Placeholder-tekst når ingenting er satt */
-    placeholder?: string;
     /** En tekst som beskriver hva som skjer når man venter på items */
     loadingText?: string;
-    /** Callback når brukeren endrer valg */
-    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void;
-    /** Lar brukeren velge ved å "tab-e" seg ut av komponenten */
-    selectOnTab?: boolean;
-    /** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe */
-    openOnFocus?: boolean;
-    /** Antall millisekunder man venter før man kaller en potensiell items-funksjon */
-    debounceTimeout?: number;
     /** Om man skal ha mulighet for å nullstille Dropdown-en
+     * @default "fjern valgt"
+     */
+    labelClearSelectedItem?: string;
+    /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
-    clearable?: boolean;
+    disableLabelAnimation?: boolean;
     /** Ekstra klassenavn */
     className?: string;
-    /** Marker første valgmulighet automatisk */
-    highlightFirstItemOnOpen?: boolean;
     /** Styling som sendes ned til Dropdown-lista */
     listStyle?: {
         [key: string]: any;
     };
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
+    /** Styling for Dropdown-en */
+    style?: {
+        [key: string]: any;
+    };
+    /** Tekst for skjemleser for knapp som lukker listen med valg
+     * @default "Lukk liste med valg"
      */
-    disableLabelAnimation?: boolean;
-    /** Alle ekstra props videresendes til Downshift */
-    [key: string]: any;
+    ariaLabelCloseList?: string;
+    /** Tekst for skjemleser for knapp som åpner listen med valg
+     * @default "Åpne liste med valg"
+     */
+    ariaLabelOpenList?: string;
 };
-export declare const DropdownBeta: ({ className, clearable, debounceTimeout, feedback, items: initialItems, label, listStyle, onChange, openOnFocus, placeholder, readonly, selectedItem, selectOnBlur, selectOnTab, variant, ...rest }: DropdownBetaProps) => JSX.Element;
+export declare const DropdownBeta: ({ ariaLabelCloseList, ariaLabelOpenList, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, style, variant, ...rest }: DropdownBetaProps) => JSX.Element;

package/dist/beta/MultiSelect.d.ts

@@ -1,77 +1,97 @@
 import React from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
 import './Dropdown.scss';
 export type MultiSelectBetaProps = {
     /** Tilgjengelige valg i MultiSelect */
     items: PotentiallyAsyncDropdownItemType;
-    /** Elementer som er valgt blant 'items'.
-     *  Denne skal oppdateres av onChange.
+    /** Elementer som er valgt blant 'items'. Bruk tom liste for ingen valgte
      */
     selectedItems: NormalizedDropdownItemType[];
     /** Callback med alle valgte verdier.
      *  Bruk denne til å oppdatere selectedItems-listen */
-    onChange: (selectedItems: NormalizedDropdownItemType[]) => void;
+    onChange?: (selectedItems: NormalizedDropdownItemType[]) => void;
     /** Beskrivende tekst som forklarer feltet */
     label?: string;
     /** Hvilken valideringsvariant som gjelder */
     variant?: VariantType;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
-    /** Tekst eller ikon som kommer før MultiSelect */
-    prepend?: React.ReactNode;
     /** Om dropdown-en er deaktivert */
     disabled?: boolean;
     /** Om dropdown-en er i read-only modus */
     readOnly?: boolean;
+    /** Om en knapp for å fjerne alle valg skal vises
+     * @default true
+     */
+    clearable?: boolean;
     /** Placeholder-tekst når ingenting er satt */
     placeholder?: string;
     /** En tekst som beskriver hva som skjer når man venter på items */
     loadingText?: string;
-    /** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe
-     * @default false
-     */
-    openOnFocus?: boolean;
     /** Skjuler «Velg alle» fra listen med valg
      * @default false
      */
     hideSelectAll?: boolean;
+    /** Antall millisekunder man venter før man kaller en potensiell items-funksjon
+     * @default 250
+     */
+    debounceTimeout?: number;
+    /** Maks antall individuelle valgt-element-tags i MultiSelect-en før de blir til en samle-tag
+     * @default 10
+     */
+    maxTags?: number;
+    /** Tekst eller ikon som kommer før MultiSelect */
+    prepend?: React.ReactNode;
+    /** Resetter input etter at et element er valgt i listen
+     * @default false
+     */
+    clearInputOnSelect?: boolean;
+    /** Lar brukeren velge ved å "tab-e" seg ut av komponenten */
+    selectOnBlur?: boolean;
+    style?: React.CSSProperties;
+    /** Styling som sendes ned til MultiSelect-lista */
+    listStyle?: {
+        [key: string]: any;
+    };
+    /** Ekstra klassenavn */
+    className?: string;
     /** Teksten som vises for «Velg alle»-elementet i listen
      * @default "Velg alle"
      */
-    selectAllLabel?: string;
+    labelSelectAll?: string;
     /** Teksten som vises for «Velg alle»-elementet i listen
      * @default "Alle valgt"
      */
-    allItemsSelectedLabel?: string;
+    labelAllItemsSelected?: string;
     /** Skjermleser-tekst som for å fjerne alle valg
      * @default "Fjern valgte"
      */
-    removeAllItemsAriaLabel?: string;
-    /** Ekstra klassenavn */
-    className?: string;
+    labelClearAllItems?: string;
     /** Tekst for skjemleser på knapper for å fjerne valgt element
      * @default "trykk for å fjerne valg"
      */
     ariaLabelRemoveSelected?: string;
-    /** Styling som sendes ned til MultiSelect-lista */
-    listStyle?: {
-        [key: string]: any;
-    };
-    /** Antall millisekunder man venter før man kaller en potensiell items-funksjon
-     * @default 250
+    /** Tekst for skjemleser for å indikere at et element er valgt
+     * @default "valgt"
      */
-    debounceTimeout?: number;
-    maxTags?: number;
-    /** Om en knapp for å fjerne alle valg skal vises
-     * @default false
+    ariaLabelChosenSingular?: string;
+    /** Tekst for skjemleser for å indikere at et element er valgt
+     * @default "valgte"
      */
-    clearable?: boolean;
-    clearInputOnSelect?: boolean;
-    selectOnBlur?: boolean;
-    readonly?: boolean;
-    loading?: boolean;
-    style?: React.CSSProperties;
+    ariaLabelChosenPlural?: string;
+    /** Tekst for skjemleser for knapp som lukker listen med valg
+     * @default "Lukk liste med valg"
+     */
+    ariaLabelCloseList?: string;
+    /** Tekst for skjemleser for knapp som åpner listen med valg
+     * @default "Åpne liste med valg"
+     */
+    ariaLabelOpenList?: string;
+    /** Tekst for skjemleser for å hoppe til input-feltet
+     * @default `${selectedItems.length} valgte elementer, trykk for å hoppe til tekstfeltet`
+     */
+    ariaLabelJumpToInput?: string;
 };
-export declare const MultiSelectBeta: ({ allItemsSelectedLabel, ariaLabelRemoveSelected, className, clearable, clearInputOnSelect, debounceTimeout, feedback, hideSelectAll, items: initialItems, label, listStyle, maxTags, onChange, openOnFocus, placeholder, readonly, removeAllItemsAriaLabel, selectAllLabel, selectedItems, selectOnBlur, style, variant, ...rest }: MultiSelectBetaProps) => JSX.Element;
+export declare const MultiSelectBeta: ({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, items: initialItems, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, listStyle, loadingText, maxTags, onChange, placeholder, readOnly, selectedItems, selectOnBlur, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ...rest }: MultiSelectBetaProps) => JSX.Element;

package/dist/beta/NativeDropdown.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import { VariantType } from '@entur/form';
+import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
+import './Dropdown.scss';
+export type NativeDropdownProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /**
+     * For å deaktivere dropdow-nen
+     * @default false
+     **/
+    disabled?: boolean;
+    /** Valideringsmelding, brukes sammen med `variant` */
+    feedback?: string;
+    /** Alle valg for dropdown-en å ha */
+    items: PotentiallyAsyncDropdownItemType;
+    /** Beskrivende tekst som forklarer feltet */
+    label: string;
+    /** En callback for endringer av value
+     * Obs: merk at parameter her denne ikke er samme som i en HTML select.
+     * Bruk { target } hvis du trenger info om select-elementet som ble trykket på
+     */
+    onChange?: ({ value, selectedItem, target, }: {
+        value: string;
+        selectedItem: NormalizedDropdownItemType | null;
+        target: EventTarget & HTMLSelectElement;
+    }) => void;
+    /** Tekst eller ikon som kommer før dropdown-en */
+    prepend?: React.ReactNode;
+    /**
+     * Setter dropdown-en i read-only modus
+     * @default false
+     **/
+    readOnly?: boolean;
+    /** Den valgte verdien som NormalizedDropdownItemType
+     * (Brukes når komponenten er 'controlled')
+     */
+    selectedItem?: NormalizedDropdownItemType | null;
+    /** Den valgte verdien som sting
+     * (Brukes når komponenten er 'controlled)
+     */
+    value?: string;
+    /** Hvilken valideringsvariant som gjelder */
+    variant?: VariantType;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+    [key: string]: any;
+};
+export declare const NativeDropdown: React.FC<NativeDropdownProps>;

package/dist/beta/SearchableDropdown.d.ts

@@ -1,19 +1,17 @@
-/// <reference types="react" />
+import React from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
 import './Dropdown.scss';
 export type SearchableDropdownProps = {
     /** Tilgjengelige valg i dropdown-en */
     items: PotentiallyAsyncDropdownItemType;
-    /** Valgt element. Bruk null for ingen verdi.
-     * Det er denne som skal oppdateres av onChange
-     */
+    /** Valgt element. Bruk null for ingen verdi */
     selectedItem: NormalizedDropdownItemType | null;
-    /** Callback for når brukeren endrer valg */
-    onChange: (value: NormalizedDropdownItemType | null) => void;
-    /** Filtreringen som blir brukt dersom man har en searchable Dropdown
-     * @default Enkel tekstsammenligning
+    /** Callback ved valg som skal brukes til å oppdatere selectedItem */
+    onChange?: (value: NormalizedDropdownItemType | null) => void;
+    /** Filtreringen som brukes når man skriver inn tekst i inputfeltet
+     * @default Regex-test som sjekker om item.label inneholder input-teksten
      */
     itemFilter?: (item: NormalizedDropdownItemType, inputValue: string | undefined) => boolean;
     /** Beskrivende tekst som forklarer feltet */
@@ -21,24 +19,29 @@ export type SearchableDropdownProps = {
     /** Placeholder-tekst når ingenting er satt */
     placeholder?: string;
     /** Vis knapp for å nullstille Dropdown-en skal vises
-     * @default false
+     * @default true
      */
     clearable?: boolean;
-    /** Vis listen med valg skal vises på fokus av inputfeltet
-     * @default false
-     */
-    openOnFocus?: boolean;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
     disableLabelAnimation?: boolean;
-    /** Antall millisekunder man venter før man kaller en potensiell items-funksjon */
+    /** Antall millisekunder man venter etter tekstinput før det gjøres kall for å oppdatere items
+     * Denne er kun relevant hvis du sender inn en funksjon som items.
+     */
     debounceTimeout?: number;
+    /** Deaktiver dropdown-en */
+    disabled?: boolean;
+    /** Lar brukeren velge ved å "tab-e" seg ut av komponenten */
+    selectOnBlur?: boolean;
     /** Gjør dropdown-en til å kun kunne leses
      * @default false
      */
-    readonly?: boolean;
-    selectOnBlur?: boolean;
+    readOnly?: boolean;
+    /** 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 */
+    loadingText?: string;
     /** Hvilken valideringsvariant som gjelder */
     variant?: VariantType;
     /** Valideringsmelding, brukes sammen med `variant` */
@@ -51,5 +54,17 @@ export type SearchableDropdownProps = {
     listStyle?: {
         [key: string]: any;
     };
+    /** Tekst som beskriver at man fjerner valget sitt
+     * @default "fjern valgt"
+     */
+    labelClearSelectedItem?: string;
+    /** Tekst for skjemleser for knapp som lukker listen med valg
+     * @default "Lukk liste med valg"
+     */
+    ariaLabelCloseList?: string;
+    /** Tekst for skjemleser for knapp som åpner listen med valg
+     * @default "Åpne liste med valg"
+     */
+    ariaLabelOpenList?: string;
 };
-export declare const SearchableDropdownBeta: ({ className, clearable, debounceTimeout, disableLabelAnimation, feedback, itemFilter, items: initialItems, label, listStyle, onChange, openOnFocus, placeholder, readonly, selectedItem: value, selectOnBlur, variant, ...rest }: SearchableDropdownProps) => JSX.Element;
+export declare const SearchableDropdownBeta: ({ ariaLabelCloseList, ariaLabelOpenList, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, itemFilter, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, style, variant, ...rest }: SearchableDropdownProps) => JSX.Element;

package/dist/beta/components/DropdownList.d.ts

@@ -1,24 +1,24 @@
 /// <reference types="react" />
 import { UseComboboxGetMenuPropsOptions, GetPropsCommonOptions, UseComboboxGetItemPropsOptions } from 'downshift';
-import { NormalizedDropdownItemType } from '../../useNormalizedItems';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
 import './DropdownList.scss';
 type DropdownListProps = {
-    selectedItems: NormalizedDropdownItemType[];
+    ariaLabelSelectedItem?: string;
+    getItemProps: (options: UseComboboxGetItemPropsOptions<NormalizedDropdownItemType>) => any;
+    getMenuProps: (options?: UseComboboxGetMenuPropsOptions | undefined, otherOptions?: GetPropsCommonOptions | undefined) => any;
+    highlightedIndex: number;
     isOpen: boolean;
     listItems: NormalizedDropdownItemType[];
-    highlightedIndex: number;
     listStyle: {
         [key: string]: any;
     } | undefined;
-    getMenuProps: (options?: UseComboboxGetMenuPropsOptions | undefined, otherOptions?: GetPropsCommonOptions | undefined) => any;
-    getItemProps: (options: UseComboboxGetItemPropsOptions<NormalizedDropdownItemType>) => any;
-    selectAllCheckboxState?: () => boolean | 'indeterminate';
-    noMatchesText?: string;
-    loadingText?: string;
-    selectedItemAriaLabel?: string;
     loading?: boolean;
+    loadingText?: string;
+    noMatchesText?: string;
+    selectAllCheckboxState?: () => boolean | 'indeterminate';
     selectAllItem?: NormalizedDropdownItemType;
+    selectedItems: NormalizedDropdownItemType[];
     [key: string]: any;
 };
-export declare const DropdownList: ({ selectedItems, listItems, inputValue, isOpen, getMenuProps, getItemProps, highlightedIndex, showSelectAllInList, loading, selectAllCheckboxState, selectAllItem, listStyle, noMatchesText, loadingText, selectedItemAriaLabel, ...rest }: DropdownListProps) => JSX.Element;
+export declare const DropdownList: ({ ariaLabelSelectedItem, getItemProps, getMenuProps, inputValue, isOpen, highlightedIndex, listItems, listStyle, loading, loadingText, noMatchesText, selectAllCheckboxState, selectAllItem, selectedItems, showSelectAllInList, ...rest }: DropdownListProps) => JSX.Element;
 export {};

package/dist/beta/components/FieldComponents.d.ts

@@ -1,24 +1,29 @@
-import { UseComboboxGetToggleButtonPropsOptions, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
-import { NormalizedDropdownItemType } from '../../useNormalizedItems';
 import React from 'react';
+import { UseComboboxGetToggleButtonPropsOptions, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
 import './FieldComponents.scss';
-export declare const SelectedItemTag: ({ getSelectedItemProps, removeSelectedItem, selectedItem, index, ariaLabelRemoveSelected, }: {
+export declare const SelectedItemTag: ({ ariaLabelRemoveSelected, ariaLabelChosen, disabled, getSelectedItemProps, index, readOnly, removeSelectedItem, selectedItem, }: {
+    ariaLabelRemoveSelected: string;
+    ariaLabelChosen?: string | undefined;
+    disabled?: boolean | undefined;
     getSelectedItemProps?: ((options: UseMultipleSelectionGetSelectedItemPropsOptions<NormalizedDropdownItemType>) => any) | undefined;
+    index?: number | undefined;
+    readOnly?: boolean | undefined;
     removeSelectedItem: (item: NormalizedDropdownItemType) => void;
     selectedItem: NormalizedDropdownItemType;
-    index?: number | undefined;
-    ariaLabelRemoveSelected: string;
 }) => JSX.Element;
 export declare const FieldAppend: React.FC<{
-    selectedItems: (NormalizedDropdownItemType | null)[];
+    ariaHiddenToggleButton?: boolean;
+    ariaLabelCloseList?: string;
+    ariaLabelOpenList?: string;
+    clearable?: boolean;
+    labelClearSelectedItems?: string;
+    disabled?: boolean;
+    focusable?: boolean;
+    getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
     isOpen: boolean;
-    clearable: boolean;
     loading?: boolean;
     loadingText?: string;
-    ariaLabelClearItems?: string;
-    clearSelectedItemsLabel?: string;
-    readOnly: boolean;
-    focusable?: boolean;
     onClear: () => void;
-    getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
+    selectedItems: (NormalizedDropdownItemType | null)[];
 }>;

package/dist/beta/index.d.ts

@@ -1,3 +1,5 @@
 export * from './SearchableDropdown';
 export * from './MultiSelect';
 export * from './Dropdown';
+export * from './NativeDropdown';
+export type { NormalizedDropdownItemType, DropdownItemType, } from './useNormalizedItems';

package/dist/{useNormalizedItems.d.ts → beta/useNormalizedItems.d.ts}

@@ -1,13 +1,12 @@
 import React from 'react';
-/** A dropdown item has a string label and a string value */
-export type NormalizedDropdownItemType = {
-    value: string;
-    label: string;
-    icons?: React.ComponentType<any>[];
-};
 export type DropdownItemType = {
     value?: string;
     label: string;
     icons?: React.ComponentType<any>[];
 } | string;
+export type NormalizedDropdownItemType = {
+    value: string;
+    label: string;
+    icons?: React.ComponentType<any>[];
+};
 export declare const useNormalizedItems: (items: DropdownItemType[]) => NormalizedDropdownItemType[];

package/dist/beta/utils.d.ts

@@ -1,16 +1,24 @@
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import { A11yRemovalMessage, A11yStatusMessageOptions } from 'downshift';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
+import React from 'react';
+export declare const EMPTY_INPUT = "";
 export declare function lowerCaseFilterTest(item: NormalizedDropdownItemType, input: string | undefined): boolean;
 export declare const itemToString: (item: NormalizedDropdownItemType | null) => string;
 type useMultiselectUtilsType = {
     selectedItems: NormalizedDropdownItemType[];
     listItems: NormalizedDropdownItemType[];
-    selectAllValue: string;
+    selectAll: NormalizedDropdownItemType;
 };
-export declare const useMultiselectUtils: ({ listItems, selectedItems, selectAllValue, }: useMultiselectUtilsType) => {
+export declare const useMultiselectUtils: ({ listItems, selectedItems, selectAll, }: useMultiselectUtilsType) => {
     addClickedItemToSelectedItems: (clickedItem: NormalizedDropdownItemType, onChange: (value: NormalizedDropdownItemType[]) => void) => void;
     allListItemsAreSelected: boolean;
     clickedItemIsInSelectedItems: (clickedItem: NormalizedDropdownItemType) => boolean;
     clickedItemIsSelectAll: (clickedItem: NormalizedDropdownItemType) => boolean;
+    handleListItemClicked: ({ clickedItem, onChange, setLastRemovedItem, }: {
+        clickedItem: NormalizedDropdownItemType;
+        onChange: (value: NormalizedDropdownItemType[]) => void;
+        setLastRemovedItem: any;
+    }) => void;
     hasSelectedItems: boolean;
     listItemsWithoutSelectAll: NormalizedDropdownItemType[];
     removeClickedItemFromSelectedItems: (clickedItem: NormalizedDropdownItemType, onChange: (value: NormalizedDropdownItemType[]) => void) => void;
@@ -19,4 +27,22 @@ export declare const useMultiselectUtils: ({ listItems, selectedItems, selectAll
     someListItemsAreSelected: boolean;
     unselectAllListItems: (onChange: (value: NormalizedDropdownItemType[]) => void) => void;
 };
+type getA11yStatusMessageType<Item> = A11yStatusMessageOptions<Item> & {
+    selectAllItemIncluded?: boolean;
+    ariaLabelNoResults?: string;
+};
+export declare function getA11yStatusMessage<Item>(options: getA11yStatusMessageType<Item>): string;
+type getA11ySelectionMessageType<Item> = A11yStatusMessageOptions<Item> & {
+    selectAllItem?: NormalizedDropdownItemType;
+};
+export declare function getA11ySelectionMessage(options: getA11ySelectionMessageType<NormalizedDropdownItemType>): string;
+type getA11yRemovalMessageType<Item> = A11yRemovalMessage<Item> & {
+    selectAllItem?: NormalizedDropdownItemType;
+    removedItem?: NormalizedDropdownItemType;
+};
+export declare function getA11yRemovalMessage(options: getA11yRemovalMessageType<NormalizedDropdownItemType>): string;
+/**A VoiceOver click is always preformed in the center of the clicked element.
+   This functions expolits that to check if the performed click likely is
+   made by VoiceOver. */
+export declare const isVoiceOverClick: (clickEvent: React.MouseEvent) => boolean;
 export {};