@entur/dropdown 7.3.8 → 8.0.0-beta.0

package/dist/Dropdown.d.ts

@@ -20,14 +20,8 @@ export type DropdownProps<ValueType> = {
      * @default false
      */
     clearable?: boolean;
-    /** Lar brukeren velge ved å "tab-e" seg ut av komponenten */
+    /** Velg det markerte elementet når brukeren "tab-er" seg vekk fra komponenten/input-feltet */
     selectOnTab?: boolean;
-    /**
-     * @deprecated
-     * Bruk selectOnTab i stedet
-     *
-     * Lar brukeren velge ved å "tab-e" seg ut av komponenten */
-    selectOnBlur?: boolean;
     /** Deaktiver dropdown-en */
     disabled?: boolean;
     /** Setter dropdown-en i read-only modus */

package/dist/MultiSelect.d.ts

@@ -55,10 +55,10 @@ export type MultiSelectProps<ValueType> = Omit<DropdownProps<ValueType>, 'select
     /** Callback som kalles når brukeren går ut av input-feltet */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     /** Callback når komponenten klikkes */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     /** Callback når en tast trykkes */
     onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    /** Callback når komponenten får fokus */
+    /** Callback når input-feltet får fokus */
     onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
 };
 export declare const MultiSelect: <ValueType extends unknown>(props: Omit<DropdownProps<ValueType>, "onChange" | "selectedItem"> & {
@@ -115,9 +115,9 @@ export declare const MultiSelect: <ValueType extends unknown>(props: Omit<Dropdo
     /** Callback som kalles når brukeren går ut av input-feltet */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     /** Callback når komponenten klikkes */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     /** Callback når en tast trykkes */
     onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    /** Callback når komponenten får fokus */
+    /** Callback når input-feltet får fokus */
     onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
 } & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/dist/SearchableDropdown.d.ts

@@ -17,10 +17,10 @@ export type SearchableDropdownProps<ValueType> = DropdownProps<ValueType> & {
     /** Callback som kalles når brukeren går ut av input-feltet */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     /** Callback når komponenten klikkes */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     /** Callback når en tast trykkes */
     onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    /** Callback når komponenten får fokus */
+    /** Callback når input-feltet får fokus */
     onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
 };
 export declare const SearchableDropdown: <ValueType extends unknown>(props: DropdownProps<ValueType> & {
@@ -39,9 +39,9 @@ export declare const SearchableDropdown: <ValueType extends unknown>(props: Drop
     /** Callback som kalles når brukeren går ut av input-feltet */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     /** Callback når komponenten klikkes */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     /** Callback når en tast trykkes */
     onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    /** Callback når komponenten får fokus */
+    /** Callback når input-feltet får fokus */
     onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
 } & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/dist/components/DropdownList.d.ts

@@ -1,10 +1,9 @@
-import { default as React } from 'react';
+import { default as React, MutableRefObject } from 'react';
 import { UseComboboxPropGetters, UseSelectPropGetters } from 'downshift';
 import { NormalizedDropdownItemType } from '../types';
 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;
@@ -12,15 +11,15 @@ type DropdownListProps<ValueType> = {
     floatingStyles: {
         [key: string]: any;
     } | undefined;
-    setListRef: (node: HTMLElement | null) => void;
+    innerRef?: MutableRefObject<HTMLUListElement> | ((node: HTMLElement | null) => void);
     loading?: boolean;
     loadingText?: string;
     noMatchesText?: string;
-    selectAllCheckboxState?: () => boolean | 'indeterminate';
+    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 declare const DropdownList: <ValueType extends unknown>({ ariaLabelChosenSingular, ariaLabelSelectedItem, getItemProps, isOpen, highlightedIndex, listItems, floatingStyles, innerRef, loading, loadingText, noMatchesText, readOnly, selectAllCheckboxState, selectAllItem, selectedItems, style, ...rest }: DropdownListProps<ValueType>) => React.JSX.Element;
 export {};

package/dist/components/FieldComponents.d.ts

@@ -10,7 +10,7 @@ export declare const SelectedItemTag: <ValueType extends unknown>({ ariaLabelRem
     readOnly?: boolean;
     removeSelectedItem: (item: NormalizedDropdownItemType<ValueType>) => void;
     selectedItem: NormalizedDropdownItemType<ValueType>;
-}) => React.JSX.Element;
+}) => React.JSX.Element | null;
 export declare const DropdownFieldAppendix: (props: Partial<UseComboboxGetToggleButtonPropsReturnValue> & {
     ariaLabelCloseList: string;
     ariaLabelOpenList: string;