@entur/dropdown 5.0.6 → 5.0.8

package/dist/Dropdown.d.ts

@@ -1,62 +1,62 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
-import './Dropdown.scss';
-export type DropdownProps = {
-    /** Tilgjengelige valg i dropdown-en */
-    items: PotentiallyAsyncDropdownItemType;
-    /** Valgt verdi. Bruk null for ingen verdi. */
-    selectedItem: NormalizedDropdownItemType | null;
-    /** Callback ved valg som skal oppdatere selectedItem */
-    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType | null>>;
-    /** Beskrivende tekst som forklarer feltet */
-    label: string;
-    /** Placeholder-tekst når ingenting er satt */
-    placeholder?: string;
-    /** Om man skal ha mulighet for å nullstille Dropdown-en
-     * @default false
-     */
-    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;
-    /** En tekst som beskriver hva som skjer når man venter på items */
-    loadingText?: string;
-    /** Om man skal ha mulighet for å nullstille Dropdown-en
-     * @default "fjern valgt"
-     */
-    labelClearSelectedItem?: string;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
-     */
-    disableLabelAnimation?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Styling som sendes ned til Dropdown-lista */
-    listStyle?: {
-        [key: string]: any;
-    };
-    /** Styling for Dropdown-en */
-    style?: {
-        [key: string]: any;
-    };
-    /** 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 Dropdown: ({ ariaLabelCloseList, ariaLabelOpenList, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, style, variant, ...rest }: DropdownProps) => JSX.Element;
+import React, { Dispatch, SetStateAction } from 'react';
+import { VariantType } from '@entur/form';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import './Dropdown.scss';
+export type DropdownProps = {
+    /** Tilgjengelige valg i dropdown-en */
+    items: PotentiallyAsyncDropdownItemType;
+    /** Valgt verdi. Bruk null for ingen verdi. */
+    selectedItem: NormalizedDropdownItemType | null;
+    /** Callback ved valg som skal oppdatere selectedItem */
+    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType | null>>;
+    /** Beskrivende tekst som forklarer feltet */
+    label: string;
+    /** Placeholder-tekst når ingenting er satt */
+    placeholder?: string;
+    /** Om man skal ha mulighet for å nullstille Dropdown-en
+     * @default false
+     */
+    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;
+    /** En tekst som beskriver hva som skjer når man venter på items */
+    loadingText?: string;
+    /** Om man skal ha mulighet for å nullstille Dropdown-en
+     * @default "fjern valgt"
+     */
+    labelClearSelectedItem?: string;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Styling som sendes ned til Dropdown-lista */
+    listStyle?: {
+        [key: string]: any;
+    };
+    /** Styling for Dropdown-en */
+    style?: {
+        [key: string]: any;
+    };
+    /** 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 Dropdown: ({ ariaLabelCloseList, ariaLabelOpenList, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, style, variant, ...rest }: DropdownProps) => React.JSX.Element;

package/dist/MultiSelect.d.ts

@@ -1,111 +1,111 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
-import './Dropdown.scss';
-export type MultiSelectProps = {
-    /** Beskrivende tekst som forklarer feltet */
-    label: string;
-    /** Tilgjengelige valg i MultiSelect */
-    items: PotentiallyAsyncDropdownItemType;
-    /** 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 | Dispatch<SetStateAction<NormalizedDropdownItemType[]>>;
-    /** 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;
-    /** Hvilken valideringsvariant som gjelder */
-    variant?: VariantType;
-    /** Valideringsmelding, brukes sammen med `variant` */
-    feedback?: string;
-    /** 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
-     * @default "Laster inn …"
-     */
-    loadingText?: string;
-    /** Tekst som kommer opp når det ikke er noe treff på filtreringsøket
-     * @default "Ingen treff for søket"
-     */
-    noMatchesText?: string;
-    /** 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
-     */
-    maxChips?: 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"
-     */
-    labelSelectAll?: string;
-    /** Teksten som vises for «Velg alle»-elementet i listen
-     * @default "Alle valgt"
-     */
-    labelAllItemsSelected?: string;
-    /** Skjermleser-tekst som for å fjerne alle valg
-     * @default "Fjern valgte"
-     */
-    labelClearAllItems?: string;
-    /** Tekst for skjemleser på knapper for å fjerne valgt element
-     * @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"
-     */
-    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;
-    /** Tekst for skjemleser for å indikere at et element i listen er valgt
-     * @default ", valgt element, trykk for å fjerne"
-     */
-    ariaLabelSelectedItem?: string;
-};
-export declare const MultiSelect: ({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, itemFilter, items: initialItems, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, listStyle, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps) => JSX.Element;
+import React, { Dispatch, SetStateAction } from 'react';
+import { VariantType } from '@entur/form';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import './Dropdown.scss';
+export type MultiSelectProps = {
+    /** Beskrivende tekst som forklarer feltet */
+    label: string;
+    /** Tilgjengelige valg i MultiSelect */
+    items: PotentiallyAsyncDropdownItemType;
+    /** 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 | Dispatch<SetStateAction<NormalizedDropdownItemType[]>>;
+    /** 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;
+    /** Hvilken valideringsvariant som gjelder */
+    variant?: VariantType;
+    /** Valideringsmelding, brukes sammen med `variant` */
+    feedback?: string;
+    /** 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
+     * @default "Laster inn …"
+     */
+    loadingText?: string;
+    /** Tekst som kommer opp når det ikke er noe treff på filtreringsøket
+     * @default "Ingen treff for søket"
+     */
+    noMatchesText?: string;
+    /** 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
+     */
+    maxChips?: 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"
+     */
+    labelSelectAll?: string;
+    /** Teksten som vises for «Velg alle»-elementet i listen
+     * @default "Alle valgt"
+     */
+    labelAllItemsSelected?: string;
+    /** Skjermleser-tekst som for å fjerne alle valg
+     * @default "Fjern valgte"
+     */
+    labelClearAllItems?: string;
+    /** Tekst for skjemleser på knapper for å fjerne valgt element
+     * @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"
+     */
+    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;
+    /** Tekst for skjemleser for å indikere at et element i listen er valgt
+     * @default ", valgt element, trykk for å fjerne"
+     */
+    ariaLabelSelectedItem?: string;
+};
+export declare const MultiSelect: ({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, itemFilter, items: initialItems, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, listStyle, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps) => React.JSX.Element;

package/dist/NativeDropdown.d.ts

@@ -1,52 +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>;
+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/SearchableDropdown.d.ts

@@ -1,70 +1,70 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { VariantType } from '@entur/form';
-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 */
-    selectedItem: NormalizedDropdownItemType | null;
-    /** Callback ved valg som skal brukes til å oppdatere selectedItem */
-    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType | null>>;
-    /** 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 */
-    label: string;
-    /** Placeholder-tekst når ingenting er satt */
-    placeholder?: string;
-    /** Vis knapp for å nullstille Dropdown-en skal vises
-     * @default true
-     */
-    clearable?: boolean;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
-     */
-    disableLabelAnimation?: boolean;
-    /** 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;
-    /** 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` */
-    feedback?: string;
-    className?: string;
-    style?: {
-        [key: string]: any;
-    };
-    /** Style som kun påføres listeelementet */
-    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 SearchableDropdown: ({ 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;
+import React, { Dispatch, SetStateAction } from 'react';
+import { VariantType } from '@entur/form';
+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 */
+    selectedItem: NormalizedDropdownItemType | null;
+    /** Callback ved valg som skal brukes til å oppdatere selectedItem */
+    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType | null>>;
+    /** 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 */
+    label: string;
+    /** Placeholder-tekst når ingenting er satt */
+    placeholder?: string;
+    /** Vis knapp for å nullstille Dropdown-en skal vises
+     * @default true
+     */
+    clearable?: boolean;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+    /** 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;
+    /** 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` */
+    feedback?: string;
+    className?: string;
+    style?: {
+        [key: string]: any;
+    };
+    /** Style som kun påføres listeelementet */
+    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 SearchableDropdown: ({ 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) => React.JSX.Element;

package/dist/components/DropdownList.d.ts

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