@entur/dropdown 7.1.0 → 7.1.1-beta.0

package/dist/Dropdown.d.ts

@@ -37,7 +37,7 @@ export type DropdownProps<ValueType> = {
     variant?: VariantType | typeof error | typeof info;
     /** Valideringsmelding, brukes sammen med `variant` */
     feedback?: string;
-    /** Tekst eller ikon som kommer før dropdown-en */
+    /** Tekst eller ikon som kommer først i dropdown-feltet */
     prepend?: React.ReactNode;
     /** */
     loading?: boolean;
@@ -87,5 +87,5 @@ export type DropdownProps<ValueType> = {
      */
     ariaLabelSelectedItem?: string;
 };
-export declare const Dropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelClearSelectedItem, labelTooltip, listStyle, loading, loadingText, noMatchesText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, selectOnTab, style, variant, ...rest }: DropdownProps<ValueType>) => React.JSX.Element;
+export declare const Dropdown: <ValueType extends unknown>(props: DropdownProps<ValueType> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
 export {};

package/dist/MultiSelect.d.ts

@@ -54,4 +54,55 @@ export type MultiSelectProps<ValueType> = Omit<DropdownProps<ValueType>, 'select
      */
     ariaLabelJumpToInput?: string;
 };
-export declare const MultiSelect: <ValueType extends unknown>({ className, clearable, clearInputOnSelect, debounceTimeout, disabled, disableLabelAnimation, feedback, hideSelectAll, items: initialItems, itemFilter, label, labelAllItemsSelected, labelClearAllItems, labelSelectAll, labelTooltip, listStyle, loading, loadingText, maxChips, noMatchesText, onChange, placeholder, readOnly, selectedItems, selectOnBlur, selectOnTab, style, variant, ariaLabelChosenSingular, ariaLabelChosenPlural, ariaLabelCloseList, ariaLabelJumpToInput, ariaLabelOpenList, ariaLabelRemoveSelected, ariaLabelSelectedItem, ...rest }: MultiSelectProps<ValueType>) => React.JSX.Element;
+export declare const MultiSelect: <ValueType extends unknown>(props: Omit<DropdownProps<ValueType>, "selectedItem" | "onChange"> & {
+    /** Elementer som er valgt blant 'items'. Bruk tom liste for ingen valgte
+     */
+    selectedItems: NormalizedDropdownItemType<ValueType>[];
+    /** Callback med alle valgte verdier.
+     *  Bruk denne til å oppdatere selectedItems-listen */
+    onChange?: ((selectedItems: NormalizedDropdownItemType<ValueType>[]) => void | React.Dispatch<React.SetStateAction<NormalizedDropdownItemType<ValueType>[]>>) | undefined;
+    /** 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<ValueType>, inputValue: string | undefined) => boolean) | undefined;
+    /** 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;
+    /** Resetter input etter at et element er valgt i listen
+     * @default false
+     */
+    clearInputOnSelect?: boolean;
+    /** 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 "valgte"
+     */
+    ariaLabelChosenPlural?: string;
+    /** Tekst for skjemleser for å hoppe til input-feltet
+     * @default `${selectedItems.length} valgte elementer, trykk for å hoppe til tekstfeltet`
+     */
+    ariaLabelJumpToInput?: string;
+} & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/dist/NativeDropdown.d.ts

@@ -52,5 +52,5 @@ export type NativeDropdownProps<ValueType> = {
     disableLabelAnimation?: boolean;
     [key: string]: any;
 };
-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;
+export declare const NativeDropdown: <ValueType extends string | number>(props: NativeDropdownProps<ValueType> & React.RefAttributes<HTMLSelectElement>) => React.ReactElement | null;
 export {};

package/dist/SearchableDropdown.d.ts

@@ -16,4 +16,17 @@ export type SearchableDropdownProps<ValueType> = DropdownProps<ValueType> & {
      */
     noMatchesText?: string;
 };
-export declare const SearchableDropdown: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelCloseList, ariaLabelOpenList, ariaLabelSelectedItem, className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, items: initialItems, itemFilter, label, labelClearSelectedItem, labelTooltip, listStyle, loading, loadingText, noMatchesText, onChange, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, selectOnTab, style, variant, ...rest }: SearchableDropdownProps<ValueType>) => React.JSX.Element;
+export declare const SearchableDropdown: <ValueType extends unknown>(props: DropdownProps<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<ValueType>, inputValue: string | undefined) => boolean) | undefined;
+    /** 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;
+    /** Tekst som kommer opp når det ikke er noe treff på filtreringsøket
+     * @default "Ingen treff for søket"
+     */
+    noMatchesText?: string;
+} & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/dist/components/DropdownList.d.ts

@@ -20,7 +20,7 @@ type DropdownListProps<ValueType> = {
     selectAllCheckboxState?: () => boolean | 'indeterminate';
     selectAllItem?: NormalizedDropdownItemType<string>;
     selectedItems: NormalizedDropdownItemType<ValueType>[];
-    [key: string]: any;
+    style?: React.CSSProperties;
 };
-export declare const DropdownList: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelSelectedItem, getItemProps, getMenuProps, inputValue, isOpen, highlightedIndex, listItems, floatingStyles, setListRef, loading, loadingText, noMatchesText, selectAllCheckboxState, selectAllItem, selectedItems, showSelectAllInList, ...rest }: DropdownListProps<ValueType>) => React.JSX.Element;
+export declare const DropdownList: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelSelectedItem, getItemProps, getMenuProps, isOpen, highlightedIndex, listItems, floatingStyles, setListRef, loading, loadingText, noMatchesText, selectAllCheckboxState, selectAllItem, selectedItems, ...rest }: DropdownListProps<ValueType>) => React.JSX.Element;
 export {};

package/dist/components/FieldComponents.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UseComboboxGetToggleButtonPropsOptions, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
+import { UseComboboxGetToggleButtonPropsReturnValue, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
 import { NormalizedDropdownItemType } from '../types';
 import './FieldComponents.scss';
 export declare const SelectedItemTag: <ValueType extends unknown>({ ariaLabelRemoveSelected, ariaLabelChosen, disabled, getSelectedItemProps, index, readOnly, removeSelectedItem, selectedItem, }: {
@@ -12,20 +12,22 @@ export declare const SelectedItemTag: <ValueType extends unknown>({ ariaLabelRem
     removeSelectedItem: (item: NormalizedDropdownItemType<ValueType>) => void;
     selectedItem: NormalizedDropdownItemType<ValueType>;
 }) => React.JSX.Element;
-type FieldAppendProps<ValueType> = {
-    ariaHiddenToggleButton?: boolean;
-    ariaLabelCloseList?: string;
-    ariaLabelOpenList?: string;
+export declare const DropdownFieldAppendix: (props: Partial<UseComboboxGetToggleButtonPropsReturnValue> & {
+    ariaLabelCloseList: string;
+    ariaLabelOpenList: string;
     clearable?: boolean;
-    labelClearSelectedItems?: string;
+    labelClearSelected: string;
     disabled?: boolean;
     focusable?: boolean;
-    getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
     isOpen: boolean;
-    loading?: boolean;
-    loadingText?: string;
+    loading: boolean;
+    loadingText: string | undefined;
+    onClear: () => void;
+    itemIsSelected: boolean;
+} & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
+export declare const ClearableButton: ({ onClear, labelClearSelectedItems, focusable, }: {
     onClear: () => void;
-    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 {};
+    labelClearSelectedItems?: string;
+    focusable?: boolean;
+    ariaLabelClearItems?: string;
+}) => React.JSX.Element;