@entur/dropdown 5.0.0-beta.1 → 5.0.0-beta.3

package/dist/beta/Dropdown.d.ts

@@ -29,28 +29,24 @@ export type DropdownBetaProps = {
     /** Callback når brukeren endrer valg */
     onChange?: (selectedItem: NormalizedDropdownItemType | null) => void;
     /** Lar brukeren velge ved å "tab-e" 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;
+    selectOnBlur?: boolean;
     /** Om man skal ha mulighet for å nullstille Dropdown-en
      * @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;
     };
+    /** Styling for Dropdown-en */
+    style?: {
+        [key: string]: any;
+    };
     /** Plasserer labelen statisk på toppen av inputfeltet
      * @default false
      */
     disableLabelAnimation?: boolean;
-    /** Alle ekstra props videresendes til Downshift */
-    [key: string]: any;
 };
-export declare const DropdownBeta: ({ className, clearable, debounceTimeout, feedback, items: initialItems, label, listStyle, onChange, openOnFocus, placeholder, readonly, selectedItem, selectOnBlur, selectOnTab, variant, ...rest }: DropdownBetaProps) => JSX.Element;
+export declare const DropdownBeta: ({ className, clearable, disabled, disableLabelAnimation, feedback, items: initialItems, label, labelTooltip, listStyle, loadingText, onChange, placeholder, prepend, readOnly, selectedItem, selectOnBlur, style, variant, ...rest }: DropdownBetaProps) => JSX.Element;

package/dist/beta/MultiSelect.d.ts

@@ -41,6 +41,14 @@ export type MultiSelectBetaProps = {
      * @default "Velg alle"
      */
     selectAllLabel?: string;
+    /** Teksten som vises for «Velg alle»-elementet i listen
+     * @default "Alle valgt"
+     */
+    allItemsSelectedLabel?: string;
+    /** Skjermleser-tekst som for å fjerne alle valg
+     * @default "Fjern valgte"
+     */
+    clearAllItemsAriaLabel?: string;
     /** Ekstra klassenavn */
     className?: string;
     /** Tekst for skjemleser på knapper for å fjerne valgt element
@@ -55,13 +63,14 @@ export type MultiSelectBetaProps = {
      * @default 250
      */
     debounceTimeout?: number;
+    maxTags?: number;
     /** Om en knapp for å fjerne alle valg skal vises
      * @default false
      */
     clearable?: boolean;
+    clearInputOnSelect?: boolean;
     selectOnBlur?: boolean;
-    readonly?: boolean;
     loading?: boolean;
     style?: React.CSSProperties;
 };
-export declare const MultiSelectBeta: ({ ariaLabelRemoveSelected, className, clearable, debounceTimeout, feedback, hideSelectAll, items: initialItems, label, listStyle, onChange, openOnFocus, placeholder, readonly, selectAllLabel, selectedItems, selectOnBlur, style, variant, ...rest }: MultiSelectBetaProps) => JSX.Element;
+export declare const MultiSelectBeta: ({ allItemsSelectedLabel, ariaLabelRemoveSelected, className, clearable, clearInputOnSelect, debounceTimeout, disabled, feedback, hideSelectAll, items: initialItems, label, listStyle, loadingText, maxTags, onChange, openOnFocus, placeholder, readOnly, clearAllItemsAriaLabel, selectAllLabel, selectedItems, selectOnBlur, style, variant, ...rest }: MultiSelectBetaProps) => JSX.Element;

package/dist/beta/SearchableDropdown.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { VariantType } from '@entur/form';
 import { NormalizedDropdownItemType } from '../useNormalizedItems';
 import { PotentiallyAsyncDropdownItemType } from '../useResolvedItems';
@@ -34,10 +34,16 @@ export type SearchableDropdownProps = {
     disableLabelAnimation?: boolean;
     /** Antall millisekunder man venter før man kaller en potensiell items-funksjon */
     debounceTimeout?: number;
+    /** Deaktiver dropdown-en */
+    disabled?: boolean;
     /** Gjør dropdown-en til å kun kunne leses
      * @default false
      */
-    readonly?: boolean;
+    readOnly?: 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;
     selectOnBlur?: boolean;
     /** Hvilken valideringsvariant som gjelder */
     variant?: VariantType;
@@ -52,4 +58,4 @@ export type SearchableDropdownProps = {
         [key: string]: any;
     };
 };
-export declare const SearchableDropdownBeta: ({ className, clearable, debounceTimeout, disableLabelAnimation, feedback, itemFilter, items: initialItems, label, listStyle, onChange, openOnFocus, placeholder, readonly, selectedItem: value, selectOnBlur, variant, ...rest }: SearchableDropdownProps) => JSX.Element;
+export declare const SearchableDropdownBeta: ({ className, clearable, debounceTimeout, disabled, disableLabelAnimation, feedback, itemFilter, items: initialItems, label, listStyle, loadingText, onChange, openOnFocus, placeholder, prepend, readOnly, selectedItem: value, selectOnBlur, style, variant, ...rest }: SearchableDropdownProps) => JSX.Element;

package/dist/beta/components/FieldComponents.d.ts

@@ -1,24 +1,25 @@
+import React from 'react';
 import { UseComboboxGetToggleButtonPropsOptions, UseMultipleSelectionGetSelectedItemPropsOptions } from 'downshift';
 import { NormalizedDropdownItemType } from '../../useNormalizedItems';
-import React from 'react';
 import './FieldComponents.scss';
-export declare const SelectedElementsTag: ({ getSelectedItemProps, removeSelectedItem, selectedItem, index, ariaLabelRemoveSelected, }: {
-    getSelectedItemProps: (options: UseMultipleSelectionGetSelectedItemPropsOptions<NormalizedDropdownItemType>) => any;
+export declare const SelectedItemTag: ({ ariaLabelRemoveSelected, disabled, getSelectedItemProps, index, readOnly, removeSelectedItem, selectedItem, }: {
+    ariaLabelRemoveSelected: string;
+    disabled?: boolean | undefined;
+    getSelectedItemProps?: ((options: UseMultipleSelectionGetSelectedItemPropsOptions<NormalizedDropdownItemType>) => any) | undefined;
+    index?: number | undefined;
+    readOnly?: boolean | undefined;
     removeSelectedItem: (item: NormalizedDropdownItemType) => void;
     selectedItem: NormalizedDropdownItemType;
-    index: number;
-    ariaLabelRemoveSelected: string;
 }) => JSX.Element;
 export declare const FieldAppend: React.FC<{
-    selectedItems: (NormalizedDropdownItemType | null)[];
+    clearable?: boolean;
+    clearSelectedItemsLabel?: string;
+    disabled?: boolean;
+    focusable?: boolean;
+    getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
     isOpen: boolean;
-    clearable: boolean;
     loading?: boolean;
     loadingText?: string;
-    ariaLabelClearItems?: string;
-    clearSelectedItemsLabel?: string;
-    readOnly: boolean;
-    focusable?: boolean;
     onClear: () => void;
-    getToggleButtonProps: (options?: UseComboboxGetToggleButtonPropsOptions | undefined) => any;
+    selectedItems: (NormalizedDropdownItemType | null)[];
 }>;

package/dist/beta/utils.d.ts

@@ -1,4 +1,5 @@
 import { NormalizedDropdownItemType } from '../useNormalizedItems';
+export declare const EMPTY_INPUT = "";
 export declare function lowerCaseFilterTest(item: NormalizedDropdownItemType, input: string | undefined): boolean;
 export declare const itemToString: (item: NormalizedDropdownItemType | null) => string;
 type useMultiselectUtilsType = {
@@ -11,6 +12,10 @@ export declare const useMultiselectUtils: ({ listItems, selectedItems, selectAll
     allListItemsAreSelected: boolean;
     clickedItemIsInSelectedItems: (clickedItem: NormalizedDropdownItemType) => boolean;
     clickedItemIsSelectAll: (clickedItem: NormalizedDropdownItemType) => boolean;
+    handleListItemClicked: ({ clickedItem, onChange, }: {
+        clickedItem: NormalizedDropdownItemType;
+        onChange: (value: NormalizedDropdownItemType[]) => void;
+    }) => void;
     hasSelectedItems: boolean;
     listItemsWithoutSelectAll: NormalizedDropdownItemType[];
     removeClickedItemFromSelectedItems: (clickedItem: NormalizedDropdownItemType, onChange: (value: NormalizedDropdownItemType[]) => void) => void;