import { InputTexts } from "@helpers/types";
import { ReactNode } from "react";
import { FormatOptionLabelMeta, OptionProps, MenuPlacement, MenuPosition, PropsValue, ControlProps, DropdownIndicatorProps, SingleValue, MultiValue, GroupBase, StylesConfig, OptionsOrGroups, ValueContainerProps } from "react-select";
import { IDropdownOption, OptionVariants } from "../../Dropdown.interface";
export interface ISingleSelectDropdownProps {
    onSelect: (items: SingleValue<IDropdownOption>) => void;
}
export interface IMultiSelectDropdownProps {
    onSelect: (items: MultiValue<IDropdownOption>) => void;
}
export interface ICommonSelectDropdownProps<T = {}> extends InputTexts, ISelectDropdownStateManagerProps, ISelectProps {
    id: string;
    isMulti?: boolean;
    options: OptionsOrGroups<T & IDropdownOption, GroupBase<T & IDropdownOption>>;
    variant?: OptionVariants;
    hideSelectedOptions?: boolean;
    placeholderText?: string;
    disabled?: boolean;
    instanceId?: string;
    isClearable?: boolean;
    isLoading?: boolean;
    isSearchable?: boolean;
    noOptionsMessage?: ReactNode;
    formatGroupLabel?: (data: GroupBase<IDropdownOption>) => ReactNode;
    customStylesOverrides?: () => StylesConfig<IDropdownOption, boolean, GroupBase<IDropdownOption>>;
    onInputChange?: (inputValue: string) => void;
    prefixIcon?: ReactNode;
    areAllMultiValuesShown?: boolean;
}
export type ISelectDropdownProps = ICommonSelectDropdownProps & (ISingleSelectDropdownProps | IMultiSelectDropdownProps);
interface ISelectDropdownStateManagerProps {
    defaultInputValue?: string;
    defaultMenuIsOpen?: boolean;
    defaultValue?: null | IDropdownOption | ReadonlyArray<IDropdownOption>;
}
export interface ISelectProps {
    form?: string;
    autoFocus?: boolean;
    backspaceRemovesValue?: boolean;
    blurInputOnSelect?: boolean;
    closeMenuOnSelect?: boolean;
    closeMenuOnScroll?: boolean;
    controlShouldRenderValue?: boolean;
    delimiter?: string;
    escapeClearsValue?: boolean;
    inputId?: string;
    isRtl?: boolean;
    minMenuHeight?: number;
    maxMenuHeight?: number;
    menuPlacement?: MenuPlacement;
    menuPosition?: MenuPosition;
    menuPortalTarget?: HTMLElement | null;
    menuShouldScrollIntoView?: boolean;
    name?: string;
    openMenuOnFocus?: boolean;
    openMenuOnClick?: boolean;
    pageSize?: number;
    tabIndex?: number;
    tabSelectsValue?: boolean;
    required?: boolean;
    inputValue?: string;
    value?: PropsValue<IDropdownOption> | undefined;
    filterOption?: (option: {
        label: string;
        value: string;
        data: IDropdownOption;
    }, inputValue: string) => boolean;
    getOptionLabel?: (option: IDropdownOption) => string;
    getOptionValue?: (option: IDropdownOption) => string;
    formatOptionLabel?: (data: IDropdownOption, formatOptionLabelMeta: FormatOptionLabelMeta<IDropdownOption>) => ReactNode;
    loadingMessage?: (obj: {
        inputValue: string;
    }) => ReactNode;
    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
    onMenuScrollToTop?: (event: WheelEvent | TouchEvent) => void;
    onMenuScrollToBottom?: (event: WheelEvent | TouchEvent) => void;
}
export interface ISelectDropdownOptionProps {
    option: OptionProps<IDropdownOption>;
    variant: OptionVariants;
    formatOptionLabel?: (data: IDropdownOption, formatOptionLabelMeta: FormatOptionLabelMeta<IDropdownOption>) => ReactNode;
}
export interface IDropdownControlProps<T = IDropdownOption> extends ControlProps<T> {
    isError?: boolean;
}
export interface IDropdownIndicatorProps<T = IDropdownOption> extends DropdownIndicatorProps<T> {
    isHidden?: boolean;
}
export interface IValueContainerProps<T = IDropdownOption> extends ValueContainerProps<T> {
    areAllMultiValuesShown?: boolean;
}
export {};