@entur/dropdown 5.1.3 → 5.2.0-beta.0

package/dist/Dropdown.d.ts

@@ -1,15 +1,14 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
-export type DropdownProps = {
+export type DropdownProps<ValueType> = {
     /** Tilgjengelige valg i dropdown-en */
-    items: PotentiallyAsyncDropdownItemType;
+    items: PotentiallyAsyncDropdownItemType<ValueType>;
     /** Valgt verdi. Bruk null for ingen verdi. */
-    selectedItem: NormalizedDropdownItemType | null;
+    selectedItem: NormalizedDropdownItemType<ValueType> | null;
     /** Callback ved valg som skal oppdatere selectedItem */
-    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType | null>>;
+    onChange?: (selectedItem: NormalizedDropdownItemType<ValueType> | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType<ValueType> | null>>;
     /** Beskrivende tekst som forklarer feltet */
     label: string;
     /** Placeholder-tekst når ingenting er satt */
@@ -76,4 +75,4 @@ export type DropdownProps = {
      */
     ariaLabelSelectedItem?: string;
 };
-export declare const Dropdown: ({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, selectOnTab, style, variant, ...rest }: DropdownProps) => React.JSX.Element;
+export declare const Dropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, selectOnTab, style, variant, ...rest }: DropdownProps<ValueType>) => React.JSX.Element;

package/dist/MultiSelect.d.ts

@@ -1,23 +1,22 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
-export type MultiSelectProps = {
+export type MultiSelectProps<ValueType> = {
     /** Beskrivende tekst som forklarer feltet */
     label: string;
     /** Tilgjengelige valg i MultiSelect */
-    items: PotentiallyAsyncDropdownItemType;
+    items: PotentiallyAsyncDropdownItemType<ValueType>;
     /** Elementer som er valgt blant 'items'. Bruk tom liste for ingen valgte
      */
-    selectedItems: NormalizedDropdownItemType[];
+    selectedItems: NormalizedDropdownItemType<ValueType>[];
     /** Callback med alle valgte verdier.
      *  Bruk denne til å oppdatere selectedItems-listen */
-    onChange?: (selectedItems: NormalizedDropdownItemType[]) => void | Dispatch<SetStateAction<NormalizedDropdownItemType[]>>;
+    onChange?: (selectedItems: NormalizedDropdownItemType<ValueType>[]) => void | Dispatch<SetStateAction<NormalizedDropdownItemType<ValueType>[]>>;
     /** 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;
+    itemFilter?: (item: NormalizedDropdownItemType<ValueType>, inputValue: string | undefined) => boolean;
     /** Hvilken valideringsvariant som gjelder */
     variant?: VariantType;
     /** Valideringsmelding, brukes sammen med `variant` */
@@ -115,4 +114,4 @@ export type MultiSelectProps = {
      */
     ariaLabelSelectedItem?: string;
 };
-export declare const MultiSelect: ({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, items: initialItems, itemFilter, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, listStyle, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, selectOnTab, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps) => React.JSX.Element;
+export declare const MultiSelect: <ValueType extends unknown>({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, items: initialItems, itemFilter, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, listStyle, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, selectOnTab, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps<ValueType>) => React.JSX.Element;

package/dist/NativeDropdown.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { VariantType } from '@entur/form';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
+import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
-export type NativeDropdownProps = {
+export type NativeDropdownProps<ValueType> = {
     /** Ekstra klassenavn */
     className?: string;
     /**
@@ -14,7 +13,7 @@ export type NativeDropdownProps = {
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
     /** Alle valg for dropdown-en å ha */
-    items: PotentiallyAsyncDropdownItemType;
+    items: PotentiallyAsyncDropdownItemType<ValueType>;
     /** Beskrivende tekst som forklarer feltet */
     label: string;
     /** En callback for endringer av value
@@ -23,7 +22,7 @@ export type NativeDropdownProps = {
      */
     onChange?: ({ value, selectedItem, target, }: {
         value: string;
-        selectedItem: NormalizedDropdownItemType | null;
+        selectedItem: NormalizedDropdownItemType<ValueType> | null;
         target: EventTarget & HTMLSelectElement;
     }) => void;
     /** Tekst eller ikon som kommer før dropdown-en */
@@ -36,7 +35,7 @@ export type NativeDropdownProps = {
     /** Den valgte verdien som NormalizedDropdownItemType
      * (Brukes når komponenten er 'controlled')
      */
-    selectedItem?: NormalizedDropdownItemType | null;
+    selectedItem?: NormalizedDropdownItemType<ValueType> | null;
     /** Den valgte verdien som sting
      * (Brukes når komponenten er 'controlled)
      */
@@ -49,4 +48,4 @@ export type NativeDropdownProps = {
     disableLabelAnimation?: boolean;
     [key: string]: any;
 };
-export declare const NativeDropdown: React.FC<NativeDropdownProps>;
+export declare const NativeDropdown: <ValueType extends string | number>({ className, disabled, disableLabelAnimation, feedback, items, label, loadingText, onChange, prepend, readOnly, selectedItem, style, value, variant, ...rest }: NativeDropdownProps<ValueType>) => React.JSX.Element;

package/dist/SearchableDropdown.d.ts

@@ -1,19 +1,18 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from './useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from './useResolvedItems';
+import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
 import './Dropdown.scss';
-export type SearchableDropdownProps = {
+export type SearchableDropdownProps<ValueType> = {
     /** Tilgjengelige valg i dropdown-en */
-    items: PotentiallyAsyncDropdownItemType;
+    items: PotentiallyAsyncDropdownItemType<ValueType>;
     /** Valgt element. Bruk null for ingen verdi */
-    selectedItem: NormalizedDropdownItemType | null;
+    selectedItem: NormalizedDropdownItemType<ValueType> | null;
     /** Callback ved valg som skal brukes til å oppdatere selectedItem */
-    onChange?: (selectedItem: NormalizedDropdownItemType | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType | null>>;
+    onChange?: (selectedItem: NormalizedDropdownItemType<ValueType> | null) => void | Dispatch<SetStateAction<NormalizedDropdownItemType<ValueType> | 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;
+    itemFilter?: (item: NormalizedDropdownItemType<ValueType>, inputValue: string | undefined) => boolean;
     /** Beskrivende tekst som forklarer feltet */
     label: string;
     /** Placeholder-tekst når ingenting er satt */
@@ -86,4 +85,4 @@ export type SearchableDropdownProps = {
      */
     ariaLabelSelectedItem?: string;
 };
-export declare const SearchableDropdown: ({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, items: initialItems, itemFilter, label, labelClearSelectedItem, listStyle, loadingText, noMatchesText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, selectOnTab, style, variant, ...rest }: SearchableDropdownProps) => React.JSX.Element;
+export declare const SearchableDropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, items: initialItems, itemFilter, label, labelClearSelectedItem, listStyle, loadingText, noMatchesText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, selectOnTab, style, variant, ...rest }: SearchableDropdownProps<ValueType>) => React.JSX.Element;

package/dist/components/DropdownList.d.ts

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

package/dist/components/FieldComponents.d.ts

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

package/dist/deprecated/BaseDropdown.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
 import './BaseDropdown.scss';
+import { NormalizedDropdownItemDeprecatedType } from './types';
 type BaseDropdownDeprecatedProps = {
     className?: string;
     disabled?: boolean;
-    items: NormalizedDropdownItemType[];
+    items: NormalizedDropdownItemDeprecatedType[];
     loading?: boolean;
     loadingText?: string;
     placeholder?: string;

package/dist/deprecated/DownshiftProvider.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ControllerStateAndHelpers } from 'downshift';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import { NormalizedDropdownItemDeprecatedType } from './types';
 export type DownshiftProviderProps = {
-    onChange?: (selectedItem: NormalizedDropdownItemType, stateAndHelpers: ControllerStateAndHelpers<NormalizedDropdownItemType>) => void;
+    onChange?: (selectedItem: NormalizedDropdownItemDeprecatedType, stateAndHelpers: ControllerStateAndHelpers<NormalizedDropdownItemDeprecatedType>) => void;
     onInputValueChange?: (value: string) => void;
     inputValue?: string;
-    initialSelectedItem?: NormalizedDropdownItemType;
+    initialSelectedItem?: NormalizedDropdownItemDeprecatedType;
     highlightFirstItemOnOpen?: boolean;
     className?: string;
     style?: React.CSSProperties;
@@ -13,4 +13,4 @@ export type DownshiftProviderProps = {
     [key: string]: any;
 };
 export declare const DownshiftProvider: React.FC<DownshiftProviderProps>;
-export declare const useDownshift: () => ControllerStateAndHelpers<NormalizedDropdownItemType>;
+export declare const useDownshift: () => ControllerStateAndHelpers<NormalizedDropdownItemDeprecatedType>;

package/dist/deprecated/Dropdown.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import { VariantType } from '@entur/form';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
-import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
+import { NormalizedDropdownItemDeprecatedType, PotentiallyAsyncDropdownItemDeprecatedType } from './types';
 export type DropdownDeprecatedProps = {
     /** Beskrivende tekst som forklarer feltet */
     label: string;
     /** Tilgjengelige valg i dropdownen */
-    items: PotentiallyAsyncDropdownItemType;
+    items: PotentiallyAsyncDropdownItemDeprecatedType;
     /** Valgt verdi. Bruk null for ingen verdi. */
     value?: string | null;
     /** Om man skal kunne søke i dropdownen eller ikke */
@@ -28,7 +27,7 @@ export type DropdownDeprecatedProps = {
     /** 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;
+    onChange?: (selectedItem: NormalizedDropdownItemDeprecatedType | 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 */
@@ -50,7 +49,7 @@ export type DropdownDeprecatedProps = {
     /** Filtreringen som blir brukt dersom man har en searchable Dropdown
      * @default Enkel tekstsammenligning
      */
-    itemFilter?: (item: NormalizedDropdownItemType) => boolean;
+    itemFilter?: (item: NormalizedDropdownItemDeprecatedType) => boolean;
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */

package/dist/deprecated/DropdownList.d.ts

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

package/dist/deprecated/MultiSelect.d.ts

@@ -1,15 +1,14 @@
 import React from 'react';
 import { UseSelectProps } from 'downshift';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
 import { VariantType } from '@entur/form';
-import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
+import { NormalizedDropdownItemDeprecatedType, PotentiallyAsyncDropdownItemDeprecatedType } from './types';
 import './MultiSelect.scss';
 import './DropdownList.scss';
 type MultiSelectDeprecatedProps = {
     /** Tilgjengelige valg i MultiSelect */
-    items: PotentiallyAsyncDropdownItemType;
+    items: PotentiallyAsyncDropdownItemDeprecatedType;
     /** Tekst som vises i boksen når elementer er valgt */
-    itemsSelectedLabel?: (selectedItems: NormalizedDropdownItemType[], numberOfItems?: number) => string;
+    itemsSelectedLabel?: (selectedItems: NormalizedDropdownItemDeprecatedType[], numberOfItems?: number) => string;
     /** Beskrivende tekst som forklarer feltet */
     label?: string;
     /** Hvilken valideringsvariant som gjelder */
@@ -48,8 +47,8 @@ type MultiSelectDeprecatedProps = {
     clearable?: boolean;
     loading?: boolean;
     style?: React.CSSProperties;
-    initialSelectedItems?: NormalizedDropdownItemType[];
-} & Omit<UseSelectProps<NormalizedDropdownItemType>, 'initialSelectedItem' | 'items'>;
+    initialSelectedItems?: NormalizedDropdownItemDeprecatedType[];
+} & Omit<UseSelectProps<NormalizedDropdownItemDeprecatedType>, 'initialSelectedItem' | 'items'>;
 /**
  * @deprecated
  * New MultiSelect available

package/dist/deprecated/RegularDropdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import { NormalizedDropdownItemDeprecatedType } from './types';
 type RegularDropdownDeprecatedProps = {
-    items: NormalizedDropdownItemType[];
+    items: NormalizedDropdownItemDeprecatedType[];
     disabled?: boolean;
     placeholder?: string;
     loading?: boolean;

package/dist/deprecated/SearchableDropdown.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { NormalizedDropdownItemType } from '../useNormalizedItems';
+import { NormalizedDropdownItemDeprecatedType } from './types';
 import './SearchableDropdown.scss';
 type SearchableDropdownDeprecatedProps = {
     className?: string;
     disabled?: boolean;
-    items: NormalizedDropdownItemType[];
+    items: NormalizedDropdownItemDeprecatedType[];
     loading?: boolean;
     loadingText?: string;
     placeholder?: string;
@@ -16,7 +16,7 @@ type SearchableDropdownDeprecatedProps = {
         [key: string]: any;
     };
     clearable: boolean;
-    itemFilter?: (item: NormalizedDropdownItemType) => boolean;
+    itemFilter?: (item: NormalizedDropdownItemDeprecatedType) => boolean;
     disableLabelAnimation?: boolean;
     [key: string]: any;
 };

package/dist/deprecated/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type DropdownItemDeprecatedType = {
+    value?: string;
+    label: string;
+    icons?: React.ComponentType<any>[];
+} | string;
+export type NormalizedDropdownItemDeprecatedType = {
+    value: string;
+    label: string;
+    icons?: React.ComponentType<any>[];
+};
+type AsyncDropdownItemDeprecatedType = (inputType: string, abortControllerRef: React.MutableRefObject<AbortController>) => Promise<DropdownItemDeprecatedType[]>;
+type SyncDropdownItemDeprecatedType = (inputType: string, abortControllerRef: React.MutableRefObject<AbortController>) => DropdownItemDeprecatedType[];
+export type PotentiallyAsyncDropdownItemDeprecatedType = DropdownItemDeprecatedType[] | SyncDropdownItemDeprecatedType | AsyncDropdownItemDeprecatedType;
+export {};

package/dist/dropdown.cjs.development.js

@@ -784,6 +784,14 @@ var DropdownInputGroupDeprecated = function DropdownInputGroupDeprecated(_ref) {
   }, feedback)));
 };
 
+// export type DropdownItemType<ValueType> =
+//   | { value?: ValueType; label: string; icons?: React.ComponentType<any>[] }
+//   | string;
+// export type NormalizedDropdownItemType = {
+//   value: string | number | Record<any, any>;
+//   label: string;
+//   icons?: React.ComponentType<any>[];
+// };
 var useNormalizedItems = function useNormalizedItems(items) {
   return React.useMemo(function () {
     return items.map(function (item) {
@@ -995,7 +1003,7 @@ var useMultiSelectOldContext = function useMultiSelectOldContext() {
   return context;
 };
 function stateReducer(state,
-//StateChangeOptions<NormalizedDropdownItemType>,
+//StateChangeOptions<NormalizedDropdownItemDeprecatedType>,
 actionAndChanges) {
   var changes = actionAndChanges.changes,
     type = actionAndChanges.type;
@@ -1338,6 +1346,9 @@ var DropdownList = function DropdownList(_ref) {
         })
       }, getItemProps({
         key: (item == null ? void 0 : item.label) + (item == null ? void 0 : item.value),
+        // @ts-expect-error Since getItemProps expects the same item type
+        // here as items, it throws error when selectAllItem is a string.
+        // This does, however, not cause any functional issues.
         item: item,
         index: index
       })), itemIsSelectAll ? selectAllListItemContent() : listItemContent(item));
@@ -2213,7 +2224,7 @@ var MultiSelect = function MultiSelect(_ref) {
       disabled: disabled,
       getSelectedItemProps: getSelectedItemProps,
       index: index,
-      key: selectedItem == null ? void 0 : selectedItem.value,
+      key: (selectedItem == null ? void 0 : selectedItem.label) + (typeof (selectedItem == null ? void 0 : selectedItem.value) === 'string' ? selectedItem.value : ''),
       readOnly: readOnly,
       removeSelectedItem: function removeSelectedItem() {
         var _inputRef$current6;