@entur/dropdown 5.0.0-beta.4 → 5.0.1

package/dist/Dropdown.d.ts

@@ -1,61 +1,62 @@
-import React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from './beta/useResolvedItems';
+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 | 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 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 './beta/useNormalizedItems';
+import React, { Dispatch, SetStateAction } from 'react';
 import { VariantType } from '@entur/form';
-import { PotentiallyAsyncDropdownItemType } from './beta/useResolvedItems';
-import './MultiSelect.scss';
-import './DropdownList.scss';
-type MultiSelectProps = {
+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;
-    /** Tekst som vises i boksen når elementer er valgt */
-    itemsSelectedLabel?: (selectedItems: NormalizedDropdownItemType[], numberOfItems?: number) => string;
-    /** Beskrivende tekst som forklarer feltet */
-    label?: 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 | 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;
-    /** 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
+     */
+    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
      */
-    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, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps) => JSX.Element;

package/dist/SearchableDropdown.d.ts

@@ -1,24 +1,70 @@
-import React from 'react';
-import { NormalizedDropdownItemType } from './beta/useNormalizedItems';
-import './SearchableDropdown.scss';
-type SearchableDropdownProps = {
-    className?: string;
-    disabled?: boolean;
-    items: NormalizedDropdownItemType[];
-    loading?: boolean;
-    loadingText?: string;
+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;
-    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/{beta/components → components}/DropdownList.d.ts

@@ -3,6 +3,7 @@ import { UseComboboxGetMenuPropsOptions, GetPropsCommonOptions, UseComboboxGetIt
 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;
@@ -20,5 +21,5 @@ type DropdownListProps = {
     selectedItems: NormalizedDropdownItemType[];
     [key: string]: any;
 };
-export declare const DropdownList: ({ ariaLabelSelectedItem, getItemProps, getMenuProps, inputValue, isOpen, highlightedIndex, listItems, listStyle, loading, loadingText, noMatchesText, selectAllCheckboxState, selectAllItem, selectedItems, showSelectAllInList, ...rest }: DropdownListProps) => JSX.Element;
+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/{BaseDropdown.d.ts → deprecated/BaseDropdown.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from './beta/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 './beta/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 'DropdownDeprecated' 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 'MultiSelectDeprecated' to 'MultiSelect'
+ * - add state containing selected items to 'selectedItems' prop
+ *  + type of 'selectedItems' 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 './beta/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 {};

package/dist/deprecated/SearchableDropdown.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import './SearchableDropdown.scss';
+type SearchableDropdownDeprecatedProps = {
+    className?: string;
+    disabled?: boolean;
+    items: NormalizedDropdownItemType[];
+    loading?: boolean;
+    loadingText?: string;
+    placeholder?: string;
+    prepend?: React.ReactNode;
+    readOnly?: boolean;
+    selectOnTab?: boolean;
+    openOnFocus?: boolean;
+    listStyle?: {
+        [key: string]: any;
+    };
+    clearable: boolean;
+    itemFilter?: (item: NormalizedDropdownItemType) => boolean;
+    disableLabelAnimation?: boolean;
+    [key: string]: any;
+};
+/**
+ * @deprecated
+ * New SearchableDropdown available
+ *
+ * migration guide to new dropdown:
+ * - change import from 'DropdownDeprecated' 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 SearchableDropdownDeprecated: React.FC<SearchableDropdownDeprecatedProps>;
+export {};

package/dist/deprecated/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dropdown';
+export * from './MultiSelect';