@entur/dropdown 7.3.2-beta.9 → 7.3.2

package/dist/MultiSelect.d.ts

@@ -1,108 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { DropdownProps } from './Dropdown';
-import { NormalizedDropdownItemType } from './types';
-import './Dropdown.scss';
-export type MultiSelectProps<ValueType> = 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 | 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<ValueType>, inputValue: string | undefined) => boolean;
-    /** 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;
-};
-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

@@ -1,56 +0,0 @@
-import React from 'react';
-import { VariantType } from '@entur/utils';
-import { NormalizedDropdownItemType, PotentiallyAsyncDropdownItemType } from './types';
-import './Dropdown.scss';
-/** @deprecated use variant="information" instead */
-declare const info = "info";
-/** @deprecated use variant="negative" instead */
-declare const error = "error";
-export type NativeDropdownProps<ValueType> = {
-    /** 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<ValueType>;
-    /** 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<ValueType> | 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<ValueType> | null;
-    /** Den valgte verdien som sting
-     * (Brukes når komponenten er 'controlled)
-     */
-    value?: string;
-    /** Hvilken valideringsvariant som gjelder*/
-    variant?: VariantType | typeof error | typeof info;
-    /** Plasserer labelen statisk på toppen av inputfeltet
-     * @default false
-     */
-    disableLabelAnimation?: boolean;
-    [key: string]: any;
-};
-export declare const NativeDropdown: <ValueType extends string | number>(props: NativeDropdownProps<ValueType> & React.RefAttributes<HTMLSelectElement>) => React.ReactElement | null;
-export {};

package/dist/SearchableDropdown.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { DropdownProps } from './Dropdown';
-import { NormalizedDropdownItemType } from './types';
-import './Dropdown.scss';
-export type SearchableDropdownProps<ValueType> = 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;
-    /** 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;
-};
-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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { UseComboboxPropGetters, UseSelectPropGetters } from 'downshift';
-import { NormalizedDropdownItemType } from '../types';
-import './DropdownList.scss';
-type DropdownListProps<ValueType> = {
-    ariaLabelChosenSingular?: string;
-    ariaLabelSelectedItem?: string;
-    getMenuProps: UseComboboxPropGetters<ValueType>['getMenuProps'] | UseSelectPropGetters<ValueType>['getMenuProps'];
-    getItemProps: UseComboboxPropGetters<ValueType>['getItemProps'] | UseSelectPropGetters<ValueType>['getItemProps'];
-    highlightedIndex: number;
-    isOpen: boolean;
-    listItems: NormalizedDropdownItemType<ValueType | string>[];
-    floatingStyles: {
-        [key: string]: any;
-    } | undefined;
-    setListRef: (node: HTMLElement | null) => void;
-    loading?: boolean;
-    loadingText?: string;
-    noMatchesText?: string;
-    selectAllCheckboxState?: () => boolean | 'indeterminate';
-    selectAllItem?: NormalizedDropdownItemType<string>;
-    selectedItems: NormalizedDropdownItemType<ValueType>[];
-    style?: React.CSSProperties;
-    readOnly?: boolean;
-};
-export declare const DropdownList: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelSelectedItem, getItemProps, getMenuProps, isOpen, highlightedIndex, listItems, floatingStyles, setListRef, loading, loadingText, noMatchesText, selectAllCheckboxState, selectAllItem, selectedItems, readOnly, ...rest }: DropdownListProps<ValueType>) => React.JSX.Element;
-export {};

package/dist/components/FieldComponents.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-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, }: {
-    ariaLabelRemoveSelected: string;
-    ariaLabelChosen?: string;
-    disabled?: boolean;
-    getSelectedItemProps?: (options: UseMultipleSelectionGetSelectedItemPropsOptions<NormalizedDropdownItemType<ValueType>>) => any;
-    index?: number;
-    readOnly?: boolean;
-    removeSelectedItem: (item: NormalizedDropdownItemType<ValueType>) => void;
-    selectedItem: NormalizedDropdownItemType<ValueType>;
-}) => React.JSX.Element;
-export declare const DropdownFieldAppendix: (props: Partial<UseComboboxGetToggleButtonPropsReturnValue> & {
-    ariaLabelCloseList: string;
-    ariaLabelOpenList: string;
-    clearable?: boolean;
-    labelClearSelected: string;
-    disabled?: boolean;
-    focusable?: boolean;
-    isOpen: boolean;
-    loading: boolean;
-    loadingText: string | undefined;
-    onClear: () => void;
-    itemIsSelected: boolean;
-} & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
-export declare const ClearableButton: ({ onClear, labelClearSelectedItems, focusable, }: {
-    onClear: () => void;
-    labelClearSelectedItems?: string;
-    focusable?: boolean;
-    ariaLabelClearItems?: string;
-}) => React.JSX.Element;