import React from 'react';
import { GlobalDefaultTheme, PartialGlobalDefaultTheme } from '../../utils/useTheme';
import { COMPONENTS_NAMESPACES } from '../../constants';
import { CustomEventHandler, CustomRender, SetState, SomeObject, TransformSuggestionToMatchFilter } from '../../commonTypes';
import { SuggestionListProps, SuggestionTarget } from '../../src/SuggestionList/types';
import { ValidationProps } from '../Validation/types';
import { FilterRules } from '../DropDownSelect/types';
import { DivProps } from '../Div';
import { TagProps } from '../Tags/types';
export interface BlurData {
    setFilterValue: SetState<string>;
    setFocused: SetState<boolean>;
    validateCurrent: () => boolean;
    value: MultiSelectValue;
}
export interface BlurEvent<T = Value> extends React.FocusEvent<HTMLInputElement> {
    component: {
        isValid?: boolean;
        name?: string;
        value: T[];
    };
}
export declare type ChangeEvent<T = Value> = MouseSelectEvent<T> | EnterSelectEvent<T> | ClearEvent<T> | ResetEvent<T>;
export interface ClearData {
    setValue: SetState<MultiSelectValue>;
    value: MultiSelectValue;
}
export interface ClearEvent<T> extends React.MouseEvent {
    component: {
        deselectedValues: T[];
        name?: string;
        selectedValue: undefined;
        value: T[];
    };
}
export interface EnterPressEvent<T = Value> extends React.KeyboardEvent<HTMLInputElement> {
    component: {
        name?: string;
        value: T[] | string;
    };
}
export interface EnterSelectEvent<T> extends React.KeyboardEvent {
    component: {
        deselectedValues: undefined;
        name?: string;
        selectedValue: T | T[];
        value: T[];
    };
}
export interface FilterDataParams {
    compareObjectsBy: MultiSelectProps['compareObjectsBy'];
    /**
     * Data to display in list.
     * If array of objects is passed, you need to specify "textField" - field of object that contains data to be displayed in list
     */
    data: MultiSelectProps['data'];
    /**
     * Filter data by rule. "smart" - default search, startsWith - search by first chars, "includes" - search by occurrence.
     * With large amounts of data(more 1-2 thousand values) is undesirable to use "smart search".
     */
    filterRule?: FilterRules;
    /** Fields, when containing search data */
    searchFields?: string[];
    /** Selected fields in multiselect */
    selectedValues: MultiSelectValue;
    /** Permanent list, items do not disappear when clicked */
    shouldKeepSuggestions?: boolean;
    /** Object's field name from which data will be rendered as list items */
    textField?: string;
    /** Eliminates differences between suggestions from filtered list and value in input */
    transformSuggestionToMatchFilter?: TransformSuggestionToMatchFilter;
    /** Value by which filtering is performed */
    value: string;
}
export interface FocusData {
    setFocused: SetState<boolean>;
    value: MultiSelectValue;
}
export interface FocusEvent<T = Value> extends React.FocusEvent<HTMLInputElement> {
    component: {
        name?: string;
        value: T[];
    };
}
export interface GetSortedSuggestionsProps {
    filteredData?: Value[];
    selectedSuggestions?: Value[];
    shouldSelectedGoFirst?: boolean;
    sortSuggestions: MultiSelectProps['sortSuggestions'];
}
export interface KeyDownData {
    filterValue: string;
    handleSelect: CustomEventHandler<React.MouseEvent<HTMLElement> & SuggestionTarget>;
    highlightedSuggestion: Value;
    setHighlightedSuggestion: SetState<Value>;
    value: MultiSelectValue;
}
export interface MouseDownData {
    inputRef: React.MutableRefObject<HTMLInputElement | null>;
    isDisabled: boolean | undefined;
    isFocused: boolean;
    setFocused: SetState<boolean>;
}
export interface MouseSelectEvent<T> extends React.MouseEvent {
    component: {
        deselectedValues?: T[];
        name?: string;
        selectedValue?: T | T[];
        value: T[];
    };
}
export interface MultiSelectComponent {
    <T extends MultiSelectValue | null | undefined>(props: MultiSelectProps<T>): React.ReactElement;
    displayName?: string;
}
export interface MultiSelectProps<T extends MultiSelectValue | null | undefined = MultiSelectValue | null | undefined> extends ValidationProps {
    /** Custom prop */
    [x: string]: unknown;
    /** Browser-based autofill of input field, by default "off" */
    autoComplete?: string;
    /** "Select all" in drop-down list */
    canSelectAll?: boolean;
    /** Comparing objects by an arbitrary field, not by reference */
    compareObjectsBy?: T extends object ? ((suggestionListItems: SomeObject) => any) | string : never;
    /**
     * Data to display in list.
     * If array of objects is passed, you need to specify "textField" - field of object that contains data to be displayed in list
     */
    data?: MultiSelectValue;
    /** Default value */
    defaultValue?: T;
    /**
     * Filter data by rule. "smart" - default search, startsWith - search by first chars, "includes" - search by occurrence.
     * With large amounts of data(more 1-2 thousand values) is undesirable to use "smart search".
     */
    filterRule?: FilterRules;
    /** Key for grouping */
    groupBy?: (option: Value) => string | undefined;
    /** Checkboxes in drop-down list */
    hasCheckBoxes?: boolean;
    /** Button for clearing data in input. Appears only in non-empty input */
    hasClearButton?: boolean;
    /** Custom input render */
    inputRender?: CustomRender<MultiSelectProps, MultiSelectState, React.InputHTMLAttributes<HTMLInputElement> & {
        ref?: React.Ref<HTMLInputElement | null>;
    }>;
    /** Off input state */
    isDisabled?: boolean;
    /** Loader will be displayed instead of list at the time of loading */
    isLoading?: boolean;
    /** Sets open state of list */
    isOpen?: boolean;
    /** Customization of appearance of drop-down list item */
    itemRender?: SuggestionListProps['itemRender'];
    /** Customization of appearance of drop-down list */
    listRender?: SuggestionListProps['listRender'];
    /** Limit on number of selected items. After reaching limit, drop-down window stops appearing */
    maxSelected?: number;
    /** Number of tags after which they will be combined into one "n values selected" */
    maxTags?: number;
    /** Component name */
    name?: string;
    /** Attribute for displaying drop-down list if there are no values in data equal to contents of input data. Accepts JSX */
    noSuggestionsRender?: any;
    /** Handler for focus loss event */
    onBlur?: (event: FocusEvent) => void;
    /** Handler for data changes in input */
    onChange?: (event: ChangeEvent) => void;
    /** Handler for Enter press event */
    onEnterPress?: (ev: EnterPressEvent) => void;
    /** Element focus handler */
    onFocus?: (event: FocusEvent) => void;
    /** Placeholder of input */
    placeholder?: string;
    /** Ref */
    ref?: React.Ref<MultiSelectRefCurrent>;
    /** Fields, when containing search data */
    searchFields?: string[];
    /** Customization of "Select all" text in drop-down list */
    selectAllItemRender?: SuggestionListProps['selectAllItemRender'];
    /** Display component without filter */
    shouldHideInput?: boolean;
    /** Permanent list, items do not disappear when clicked */
    shouldKeepSuggestions?: boolean;
    /** Output selected values in list first */
    shouldSelectedGoFirst?: boolean;
    /** Sorting drop-down list */
    sortSuggestions?: (a: Value, b: Value) => number;
    /** Custom tag rendering */
    tagRender?: CustomRender<MultiSelectProps, MultiSelectState, TagProps>;
    /** Custom message about combined tags */
    tagsUnionRender?: CustomRender<MultiSelectProps, MultiSelectState, DivProps>;
    /** Object's field name from which data will be rendered as list items */
    textField?: T extends object ? string : never;
    /** Theme of component */
    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.multiSelect];
    /** Eliminates differences between suggestions from filtered list and value in input */
    transformSuggestionToMatchFilter?: TransformSuggestionToMatchFilter;
    /** Sets value in input (will be displayed as selected tags) */
    value?: T;
    /** Custom render of wrapper */
    wrapperRender?: CustomRender<MultiSelectProps, MultiSelectState, DivProps>;
}
export interface MultiSelectRefCurrent {
    input: HTMLInputElement | null;
    wrapper: HTMLElement | null;
}
export interface MultiSelectState {
    filterValue: string;
    isFocused: boolean;
    value: MultiSelectValue;
}
export declare type MultiSelectValue = Value[];
export interface ResetEvent<T> {
    component: {
        deselectedValues: undefined;
        name?: string;
        selectedValue: undefined;
        value: T[];
    };
}
export interface SelectData {
    data: MultiSelectProps['data'];
    setFilterValue: SetState<string>;
    setFocused: SetState<boolean>;
    setValue: SetState<MultiSelectValue>;
    value: MultiSelectValue;
}
export interface TagsContainerProps {
    children: React.ReactElement<TagProps>;
    hasClearButton?: boolean;
    isDisabled?: boolean;
    isFocused: boolean;
    isLoading?: boolean;
    onClearIconClick: React.MouseEventHandler<HTMLElement>;
    onMouseDown: React.MouseEventHandler<HTMLElement>;
    onTagClick: CustomEventHandler<React.MouseEvent<HTMLElement> & SuggestionTarget>;
    placeholder?: MultiSelectProps['placeholder'];
    shouldHideInput?: MultiSelectProps['shouldHideInput'];
    textField?: string;
    theme: GlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.multiSelect];
    value: MultiSelectValue;
}
export interface IconsProps {
    hasClearButton?: boolean;
    isDisabled?: boolean;
    isFocused: boolean;
    isLoading?: boolean;
    onClearIconClick?: React.MouseEventHandler<HTMLElement>;
    theme: GlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.multiSelect];
    value: Value[];
}
export declare type Value = SomeObject | string | number | null;