@entur/dropdown 4.0.10 → 5.0.0-RC.0

package/dist/Dropdown.d.ts

@@ -2,60 +2,61 @@ import React from 'react';
 import { VariantType } from '@entur/form';
 import { NormalizedDropdownItemType } from './useNormalizedItems';
 import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import './Dropdown.scss';
 export type DropdownProps = {
-    /** Beskrivende tekst som forklarer feltet */
-    label: string;
-    /** Tilgjengelige valg i dropdownen */
+    /** Tilgjengelige valg i dropdown-en */
     items: PotentiallyAsyncDropdownItemType;
     /** Valgt verdi. Bruk null for ingen verdi. */
-    value?: string | null;
-    /** Om man skal kunne søke i dropdownen eller ikke */
-    searchable?: boolean;
-    /** Tooltip for labelen */
-    labelTooltip?: string;
+    selectedItem: NormalizedDropdownItemType | null;
+    /** Callback ved valg som skal oppdatere selectedItem */
+    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void;
+    /** 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 dropdownen */
+    /** Tekst eller ikon som kommer før dropdown-en */
     prepend?: React.ReactNode;
-    /** Deaktiver dropdownen */
-    disabled?: boolean;
-    /** Setter dropdownen 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 å "tæbbe" 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 muliget for å nullstille Dropdownen
+    /** 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;
     };
-    /** Filtreringen som blir brukt dersom man har en searchable Dropdown
-     * @default Enkel tekstsammenligning
+    /** Styling for Dropdown-en */
+    style?: {
+        [key: string]: any;
+    };
+    /** Tekst for skjemleser for knapp som lukker listen med valg
+     * @default "Lukk liste med valg"
      */
-    itemFilter?: (item: NormalizedDropdownItemType) => boolean;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
+    ariaLabelCloseList?: string;
+    /** Tekst for skjemleser for knapp som åpner listen med valg
+     * @default "Åpne liste med valg"
      */
-    disableLabelAnimation?: boolean;
-    /** Alle ekstra props videresendes til Downshift */
-    [key: string]: any;
+    ariaLabelOpenList?: string;
 };
-export declare const Dropdown: React.FC<DropdownProps>;
+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;

package/dist/MultiSelect.d.ts

@@ -1,54 +1,111 @@
 import React from 'react';
-import { UseSelectProps } from 'downshift';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
 import { VariantType } from '@entur/form';
+import { NormalizedDropdownItemType } from './useNormalizedItems';
 import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
-import './MultiSelect.scss';
-import './DropdownList.scss';
-type MultiSelectProps = {
+import './Dropdown.scss';
+export type MultiSelectProps = {
     /** Tilgjengelige valg i MultiSelect */
     items: PotentiallyAsyncDropdownItemType;
-    /** Tekst som vises i boksen når elementer er valgt */
-    itemsSelectedLabel?: (selectedItems: NormalizedDropdownItemType[], numberOfItems?: number) => string;
+    /** 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;
+    /** 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;
     /** Hvilken valideringsvariant som gjelder */
     variant?: VariantType;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
-    /** Tekst eller ikon som kommer før MultiSelect */
-    prepend?: React.ReactNode;
-    /** Deaktiver dropdownen */
+    /** Om dropdown-en er deaktivert */
     disabled?: boolean;
-    /** Setter dropdownen i read-only modus */
+    /** 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 */
+    /** En tekst som beskriver hva som skjer når man venter på items
+     * @default "Laster inn …"
+     */
     loadingText?: string;
-    /** Callback når brukeren endrer valg */
-    onChange?: (e: any) => void;
-    /** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe
+    /** 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
      */
-    openOnFocus?: boolean;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Styling som sendes ned til MultiSelect-lista */
-    listStyle?: {
-        [key: string]: any;
-    };
+    hideSelectAll?: boolean;
     /** Antall millisekunder man venter før man kaller en potensiell items-funksjon
      * @default 250
      */
     debounceTimeout?: number;
-    /** Om man skal ha muliget for å nullstille Dropdownen
+    /** 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
      */
-    clearable?: boolean;
-    loading?: boolean;
+    clearInputOnSelect?: boolean;
+    /** Lar brukeren velge ved å "tab-e" seg ut av komponenten */
+    selectOnBlur?: boolean;
     style?: React.CSSProperties;
-    initialSelectedItems?: NormalizedDropdownItemType[];
-} & Omit<UseSelectProps<NormalizedDropdownItemType>, 'initialSelectedItem' | 'items'>;
-export declare const MultiSelect: React.FC<MultiSelectProps>;
-export {};
+    /** 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, maxTags, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps) => JSX.Element;

package/dist/NativeDropdown.d.ts

@@ -1,31 +1,45 @@
-import { VariantType } from '@entur/form';
 import React from 'react';
-import './NativeDropdown.scss';
+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 dropdownen
+     * For å deaktivere dropdow-nen
      * @default false
      **/
     disabled?: boolean;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
-    /** Alle valg for dropdownen å ha */
+    /** Alle valg for dropdown-en å ha */
     items: PotentiallyAsyncDropdownItemType;
     /** Beskrivende tekst som forklarer feltet */
     label: string;
-    /** En callback for endringer av value */
-    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    /** Tekst eller ikon som kommer før dropdownen */
+    /** 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 dropdownen i read-only modus
+     * Setter dropdown-en i read-only modus
      * @default false
      **/
     readOnly?: boolean;
-    /** Den valgte verdien */
+    /** 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;

package/dist/SearchableDropdown.d.ts

@@ -1,24 +1,70 @@
 import React from 'react';
+import { VariantType } from '@entur/form';
 import { NormalizedDropdownItemType } from './useNormalizedItems';
-import './SearchableDropdown.scss';
-type SearchableDropdownProps = {
-    className?: string;
-    disabled?: boolean;
-    items: NormalizedDropdownItemType[];
-    loading?: boolean;
-    loadingText?: string;
+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?: (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 */
+    label: string;
+    /** Placeholder-tekst når ingenting er satt */
     placeholder?: string;
-    prepend?: React.ReactNode;
+    /** 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;
-    selectOnTab?: boolean;
-    openOnFocus?: 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;
     };
-    clearable: boolean;
-    itemFilter?: (item: NormalizedDropdownItemType) => boolean;
-    disableLabelAnimation?: boolean;
-    [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: React.FC<SearchableDropdownProps>;
-export {};
+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;

package/dist/components/DropdownList.d.ts

@@ -0,0 +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 {};

package/dist/components/FieldComponents.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { UseComboboxGetToggleButtonPropsOptions, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import './FieldComponents.scss';
+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;
+}) => JSX.Element;
+export declare const FieldAppend: React.FC<{
+    ariaHiddenToggleButton?: boolean;
+    ariaLabelCloseList?: string;
+    ariaLabelOpenList?: string;
+    clearable?: boolean;
+    labelClearSelectedItems?: string;
+    disabled?: boolean;
+    focusable?: boolean;
+    getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
+    isOpen: boolean;
+    loading?: boolean;
+    loadingText?: string;
+    onClear: () => void;
+    selectedItems: (NormalizedDropdownItemType | null)[];
+}>;

package/dist/{BaseDropdown.d.ts → deprecated/BaseDropdown.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
 import './BaseDropdown.scss';
-type BaseDropdownProps = {
+type BaseDropdownDeprecatedProps = {
     className?: string;
     disabled?: boolean;
     items: NormalizedDropdownItemType[];
@@ -18,5 +18,5 @@ type BaseDropdownProps = {
     disableLabelAnimation?: boolean;
     [key: string]: any;
 };
-export declare const BaseDropdown: React.FC<BaseDropdownProps>;
+export declare const BaseDropdownDeprecated: React.FC<BaseDropdownDeprecatedProps>;
 export {};

package/dist/{DownshiftProvider.d.ts → deprecated/DownshiftProvider.d.ts}

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

package/dist/deprecated/Dropdown.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+import { VariantType } from '@entur/form';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
+export type DropdownDeprecatedProps = {
+    /** Beskrivende tekst som forklarer feltet */
+    label: string;
+    /** Tilgjengelige valg i dropdownen */
+    items: PotentiallyAsyncDropdownItemType;
+    /** Valgt verdi. Bruk null for ingen verdi. */
+    value?: string | null;
+    /** Om man skal kunne søke i dropdownen eller ikke */
+    searchable?: boolean;
+    /** Tooltip for labelen */
+    labelTooltip?: string;
+    /** Hvilken valideringsvariant som gjelder */
+    variant?: VariantType;
+    /** Valideringsmelding, brukes sammen med `variant` */
+    feedback?: string;
+    /** Tekst eller ikon som kommer før dropdownen */
+    prepend?: React.ReactNode;
+    /** Deaktiver dropdownen */
+    disabled?: boolean;
+    /** Setter dropdownen 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 å "tæbbe" 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 muliget for å nullstille Dropdownen
+     * @default false
+     */
+    clearable?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Marker første valgmulighet automatisk */
+    highlightFirstItemOnOpen?: boolean;
+    /** Styling som sendes ned til Dropdown-lista */
+    listStyle?: {
+        [key: string]: any;
+    };
+    /** Filtreringen som blir brukt dersom man har en searchable Dropdown
+     * @default Enkel tekstsammenligning
+     */
+    itemFilter?: (item: NormalizedDropdownItemType) => boolean;
+    /** Plasserer labelen statisk på toppen av inputfeltet
+     * @default false
+     */
+    disableLabelAnimation?: boolean;
+    /** Alle ekstra props videresendes til Downshift */
+    [key: string]: any;
+};
+/**
+ * @deprecated
+ * New Dropdown available
+ *
+ * migration guide to new dropdown:
+ * - change import from 'DropdownOld' to 'Dropdown'
+ *  + if 'searchable', switch to 'SearchableDropdown'
+ * - change from 'value' to 'selectedItem'
+ *  + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
+ * - 'onChange' must update value of 'selectedItem'
+ */
+export declare const DropdownDeprecated: React.FC<DropdownDeprecatedProps>;

package/dist/{DropdownInputGroup.d.ts → deprecated/DropdownInputGroup.d.ts}

@@ -1,6 +1,6 @@
 import { VariantType } from '@entur/form';
 import React from 'react';
-export type DropdownInputGroupProps = {
+export type DropdownInputGroupDeprecatedProps = {
     feedback?: string;
     variant?: VariantType;
     className?: string;
@@ -8,4 +8,4 @@ export type DropdownInputGroupProps = {
         [key: string]: any;
     };
 };
-export declare const DropdownInputGroup: React.FC<DropdownInputGroupProps>;
+export declare const DropdownInputGroupDeprecated: React.FC<DropdownInputGroupDeprecatedProps>;

package/dist/deprecated/DropdownList.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import './DropdownList.scss';
+export type DropdownListDeprecatedProps = {
+    items: NormalizedDropdownItemType[];
+    [key: string]: any;
+};
+export declare const DropdownListDeprecated: React.FC<DropdownListDeprecatedProps>;

package/dist/{DropdownLoadingDots.d.ts → deprecated/DropdownLoadingDots.d.ts}

@@ -7,4 +7,4 @@ export type InlineSpinnerType = {
     children: string;
     [key: string]: any;
 };
-export declare const DropdownLoadingDots: React.FC<InlineSpinnerType>;
+export declare const DropdownDeprecatedLoadingDots: React.FC<InlineSpinnerType>;

package/dist/deprecated/DropdownToggleButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './DropdownToggleButton.scss';
+export declare const DropdownDeprecatedToggleButton: () => JSX.Element;

package/dist/deprecated/MultiSelect.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import { UseSelectProps } from 'downshift';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import { VariantType } from '@entur/form';
+import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
+import './MultiSelect.scss';
+import './DropdownList.scss';
+type MultiSelectDeprecatedProps = {
+    /** Tilgjengelige valg i MultiSelect */
+    items: PotentiallyAsyncDropdownItemType;
+    /** Tekst som vises i boksen når elementer er valgt */
+    itemsSelectedLabel?: (selectedItems: NormalizedDropdownItemType[], numberOfItems?: number) => string;
+    /** 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;
+    /** Deaktiver dropdownen */
+    disabled?: boolean;
+    /** Setter dropdownen 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?: (e: any) => void;
+    /** Om man skal vise items ved fokusering av input-feltet, før man skriver inn noe
+     * @default false
+     */
+    openOnFocus?: boolean;
+    /** Ekstra klassenavn */
+    className?: 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
+     */
+    debounceTimeout?: number;
+    /** Om man skal ha muliget for å nullstille Dropdownen
+     * @default false
+     */
+    clearable?: boolean;
+    loading?: boolean;
+    style?: React.CSSProperties;
+    initialSelectedItems?: NormalizedDropdownItemType[];
+} & Omit<UseSelectProps<NormalizedDropdownItemType>, 'initialSelectedItem' | 'items'>;
+/**
+ * @deprecated
+ * New MultiSelect available
+ *
+ * migration guide to new dropdown:
+ * - change import from 'DropdownOld' to 'Dropdown'
+ * - change from 'value' to 'selectedItem'
+ *  + type of 'selectedItem' is 'NormalizedDropdownType' and does not include 'string'
+ * - 'onChange' must update value of 'selectedItem'
+ */
+export declare const MultiSelectDeprecated: React.FC<MultiSelectDeprecatedProps>;
+export {};

package/dist/{RegularDropdown.d.ts → deprecated/RegularDropdown.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
-type RegularDropdownProps = {
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
+type RegularDropdownDeprecatedProps = {
     items: NormalizedDropdownItemType[];
     disabled?: boolean;
     placeholder?: string;
@@ -16,5 +16,5 @@ type RegularDropdownProps = {
     clearable?: boolean;
     [key: string]: any;
 };
-export declare const RegularDropdown: React.FC<RegularDropdownProps>;
+export declare const RegularDropdownDeprecated: React.FC<RegularDropdownDeprecatedProps>;
 export {};