import React, { ReactNode } from 'react';
import { FormikConfig, FormikHelpers } from 'formik';
import { SelectOption, SelectProps as UiKitSelectProps } from '../Select/Select';
import { MultiSelectOption, MultiSelectProps as UiKitMultiSelectProps } from '../MultiSelect/MultiSelect';
import { IconName } from '@blueprintjs/core';
import { CheckboxProps as UiKitCheckboxProps } from '../Checkbox/Checkbox';
import { ToggleProps as UiKitToggleProps } from '../Toggle/Toggle';
import { TagInputProps as UiKitTagInputProps } from '../TagInput/TagInput';
import { RadioButtonGroupProps } from '../RadioButton/RadioButtonGroup';
import { IFormGroupProps, IInputGroupProps, Intent, ITagInputProps, ITextAreaProps, IFileInputProps, HTMLInputProps } from '@blueprintjs/core';
import { ColorPickerProps } from '../ColorPicker/ColorPicker';
import { InputWithIdentifierProps } from '../InputWithIdentifier/InputWithIdentifier';
import { MultiTypeInputProps, MultiSelectTypeInputProps, MultiTextInputProps, MultiSelectWithSubmenuTypeInputProps, SelectWithSubmenuTypeInputProps, SelectWithSubmenuTypeInputPropsV2 } from '../MultiTypeInput/MultiTypeInput';
import { CategorizedSelectProps, CategorizedSelectOption } from '../CategorizedSelected/CategorizedSelect';
import { SelectWithSubviewProps } from '../SelectWithSubview/SelectWithSubview';
import { MultiSelectWithSubviewProps } from '../MultiSelectWithSubView/MultiSelectWithSubView';
import { ExpressionInputProps as ExpressionInputLocalProps } from '../ExpressionInput/ExpressionInput';
import { DropDownProps } from '../DropDown/DropDown';
import { FormikContextProps, FormikExtended } from './utils';
import { SelectWithSubmenuOption } from '../SelectWithSubmenu/SelectWithSubmenu';
import { SubmenuSelectOption } from '../SelectWithSubmenu/SelectWithSubmenuV2';
import { SelectWithBiLevelOption } from 'components/Select/BiLevelSelect';
export declare const getDefaultAutoCompleteValue: () => string;
export interface TagInputProps<T> extends Omit<IFormGroupProps, 'labelFor' | 'items'> {
    name: string;
    items: T[];
    labelFor: UiKitTagInputProps<T>['labelFor'];
    itemFromNewTag: UiKitTagInputProps<T>['itemFromNewTag'];
    tagInputProps: Omit<UiKitTagInputProps<T>, 'labelFor' | 'keyOf' | 'itemFromNewTag' | 'items' | 'onChange'>;
    onChange?: UiKitTagInputProps<T>['onChange'];
}
export interface KVTagInputProps extends Omit<IFormGroupProps, 'labelFor' | 'items'> {
    name: string;
    tagsProps?: Partial<ITagInputProps>;
    isArray?: boolean;
    onChange?: ITagInputProps['onChange'];
}
export interface MultiInputProps extends Omit<IFormGroupProps, 'labelFor' | 'items'> {
    name: string;
    tagsProps?: Partial<ITagInputProps>;
}
export interface CustomRenderProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    render: (formik: FormikExtended<any>, intent: Intent, disabled?: boolean, inline?: boolean) => React.ReactNode;
}
export interface FileInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    fileInput?: Omit<IFileInputProps, 'inputProps' | 'text' | 'buttonText'>;
    inputProps?: Omit<IFileInputProps['inputProps'], 'name' | 'disabled' | 'multiple'>;
    placeholder?: string;
    buttonText?: string;
    onChange?: React.FormEventHandler<HTMLInputElement>;
    multiple?: boolean;
    shouldSetFieldValue?: boolean;
}
export interface RadioGroupProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    items: RadioButtonGroupProps['options'];
    radioGroup?: Omit<RadioButtonGroupProps, 'selectedValue' | 'onChange' | 'options'>;
    onChange?: RadioButtonGroupProps['onChange'];
}
export interface CheckboxProps extends UiKitCheckboxProps, Omit<IFormGroupProps, 'labelFor' | 'label'> {
    name: string;
    label: string;
}
export interface ToggleProps extends UiKitToggleProps, Omit<IFormGroupProps, 'labelFor' | 'label'> {
    name: string;
    label: string;
}
export interface MultiSelectProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    items: MultiSelectOption[];
    tagInputProps?: ITagInputProps;
    placeholder?: string;
    multiSelectProps?: Omit<UiKitMultiSelectProps, 'items' | 'onChange' | 'value' | 'tagInputProps'>;
    onChange?: UiKitMultiSelectProps['onChange'];
    usePortal?: UiKitMultiSelectProps['usePortal'];
    popoverClassName?: UiKitMultiSelectProps['popoverClassName'];
}
export interface SelectProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    items: SelectOption[];
    placeholder?: string;
    inputGroup?: Omit<IInputGroupProps, 'name' | 'value'>;
    selectProps?: Omit<UiKitSelectProps, 'items' | 'onChange' | 'value'>;
    onChange?: UiKitSelectProps['onChange'];
    usePortal?: UiKitSelectProps['usePortal'];
    value?: UiKitSelectProps['value'];
    onQueryChange?: UiKitSelectProps['onQueryChange'];
    addClearButton?: boolean;
}
export interface DropDownFormikProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    onChange?: DropDownProps['onChange'];
    items: DropDownProps['items'];
    usePortal?: boolean;
    addClearBtn?: boolean;
    placeholder?: string;
    dropDownProps?: Omit<DropDownProps, 'items' | 'onChange' | 'value'>;
}
export interface TextProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    inputGroup?: Omit<IInputGroupProps & HTMLInputProps, 'name' | 'value' | 'onChange' | 'placeholder'>;
    placeholder?: string;
    onChange?: IInputGroupProps['onChange'];
    isIdentifier?: boolean;
}
export interface ExpressionInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    placeholder?: string;
    expressionInputProps?: Omit<ExpressionInputLocalProps, 'name' | 'value' | 'onChange' | 'items'>;
    onChange?: ExpressionInputLocalProps['onChange'];
    items?: ExpressionInputLocalProps['items'];
}
export interface TextAreaProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    placeholder?: string;
    autoFocus?: boolean;
    textArea?: Omit<ITextAreaProps, 'name' | 'value' | 'onChange'>;
    onChange?: ITextAreaProps['onChange'];
    maxLength?: number;
}
export interface FormikFormProps extends Omit<HTMLFormElement, 'className'> {
    className?: string;
    disabled?: boolean;
    children: React.ReactNode;
    formik?: FormikExtended<any>;
    [Symbol.iterator]?(): IterableIterator<Element>;
}
export interface FormikProps<Values> extends Omit<FormikConfig<Values>, 'onSubmit' | 'render'> {
    formLoading?: boolean;
    onSubmit: (values: Values, formikActions: FormikHelpers<Values>) => void | Promise<void> | Promise<Values>;
    formName: string;
}
export declare function Formik<Values = Record<string, unknown>>(props: FormikProps<Values>): React.ReactElement;
export interface FormColorPickerProps extends ColorPickerProps, Omit<IFormGroupProps, 'labelFor' | 'label'> {
    name: string;
    label: string;
}
export interface FormMultiTypeInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    /**
     *Enable this when we want to use value, instead of label/value
     */
    useValue?: boolean;
    selectItems: SelectOption[];
    multiTypeInputProps?: Omit<MultiTypeInputProps, 'name'>;
    disabled?: boolean;
}
export interface FormMultiTypeBiLevelInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    value?: SelectWithBiLevelOption;
    /**
     *Enable this when we want to use value, instead of label/value
     */
    useValue?: boolean;
    selectItems: SelectWithBiLevelOption[];
    parentIcon?: IconName;
    childIcon?: IconName;
    multiTypeInputProps?: Omit<MultiTypeInputProps, 'name'>;
    disabled?: boolean;
}
export interface FormMultiSelectTypeInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    /**
     *Enable this when we want to use value, instead of label/value
     */
    useValue?: boolean;
    selectItems: MultiSelectOption[];
    multiSelectTypeInputProps?: Omit<MultiSelectTypeInputProps, 'name'>;
    disabled?: boolean;
}
export interface FormSelectWithSubmenuTypeInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    value?: SelectWithSubmenuOption;
    /**
     *Enable this when we want to use value, instead of label/value
     */
    useValue?: boolean;
    selectItems: SelectWithSubmenuOption[];
    selectWithSubmenuTypeInputProps?: Omit<SelectWithSubmenuTypeInputProps, 'name'>;
    disabled?: boolean;
}
export interface FormSelectWithSubmenuTypeInputPropsV2 extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    value?: SubmenuSelectOption;
    /**
     *Enable this when we want to use value, instead of label/value
     */
    useValue?: boolean;
    selectItems: SubmenuSelectOption[];
    selectWithSubmenuTypeInputProps?: Omit<SelectWithSubmenuTypeInputPropsV2, 'name'>;
    disabled?: boolean;
}
export interface FormMultiSelectWithSubmenuTypeInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    multiSelectWithSubmenuTypeInputProps?: Omit<MultiSelectWithSubmenuTypeInputProps, 'name'>;
    disabled?: boolean;
}
export interface FormMultiTextTypeInputProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: ReactNode | string;
    placeholder?: string;
    onChange?: MultiTextInputProps['onChange'];
    multiTextInputProps?: Omit<MultiTextInputProps, 'name'>;
    disabled?: boolean;
}
export interface FormCategorizedSelect extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    items: CategorizedSelectOption[];
    onChange?: UiKitSelectProps['onChange'];
    categorizedSelectProps?: CategorizedSelectProps;
}
export interface FormSelectWithSubviewProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    items: SelectOption[];
    changeViewButtonLabel: string;
    subview: SelectWithSubviewProps['subview'];
    onChange?: UiKitSelectProps['onChange'];
    selectWithSubviewProps?: Omit<SelectWithSubviewProps, 'items' | 'subview' | 'onChange' | 'changeViewButtonLabel'>;
}
export interface FormMultiSelectWithSubviewProps extends Omit<IFormGroupProps, 'labelFor'> {
    name: string;
    label: string;
    placeholder?: string;
    items: MultiSelectOption[];
    changeViewButtonLabel: string;
    subview: MultiSelectWithSubviewProps['subview'];
    onChange?: MultiSelectProps['onChange'];
    multiSelectWithSubviewProps?: Omit<MultiSelectWithSubviewProps, 'items' | 'subview' | 'onChange' | 'changeViewButtonLabel'>;
    disabled?: boolean;
}
export declare const FormInput: {
    TagInput: React.ComponentType<TagInputProps<unknown> & FormikContextProps<any>>;
    KVTagInput: React.ComponentType<KVTagInputProps & FormikContextProps<any>>;
    MultiInput: React.ComponentType<MultiInputProps & FormikContextProps<any>>;
    CustomRender: React.ComponentType<CustomRenderProps & FormikContextProps<any>>;
    FileInput: React.ComponentType<FileInputProps & FormikContextProps<any>>;
    RadioGroup: React.ComponentType<RadioGroupProps & FormikContextProps<any>>;
    CheckBox: React.ComponentType<CheckboxProps & FormikContextProps<any>>;
    Toggle: React.ComponentType<ToggleProps & FormikContextProps<any>>;
    MultiSelect: React.ComponentType<MultiSelectProps & FormikContextProps<any>>;
    Select: React.ComponentType<SelectProps & FormikContextProps<any>>;
    DropDown: React.ComponentType<DropDownFormikProps & FormikContextProps<any>>;
    Text: React.ComponentType<TextProps & FormikContextProps<any>>;
    ExpressionInput: React.ComponentType<ExpressionInputProps & FormikContextProps<any>>;
    TextArea: React.ComponentType<TextAreaProps & FormikContextProps<any>>;
    ColorPicker: React.ComponentType<FormColorPickerProps & FormikContextProps<any>>;
    InputWithIdentifier: React.ComponentType<Omit<InputWithIdentifierProps, "formik">>;
    MultiTypeInput: React.ComponentType<FormMultiTypeInputProps & FormikContextProps<any>>;
    MultiTypeBiLevelInput: React.ComponentType<FormMultiTypeBiLevelInputProps & FormikContextProps<any>>;
    SelectWithSubmenuTypeInput: React.ComponentType<FormSelectWithSubmenuTypeInputProps & FormikContextProps<any>>;
    SelectWithSubmenuTypeInputV2: React.ComponentType<FormSelectWithSubmenuTypeInputPropsV2 & FormikContextProps<any>>;
    MultiSelectWithSubmenuTypeInput: React.ComponentType<FormMultiSelectWithSubmenuTypeInputProps & FormikContextProps<any>>;
    MultiTextInput: React.ComponentType<FormMultiTextTypeInputProps & FormikContextProps<any>>;
    MultiSelectTypeInput: React.ComponentType<FormMultiSelectTypeInputProps & FormikContextProps<any>>;
    CategorizedSelect: React.ComponentType<FormCategorizedSelect & FormikContextProps<any>>;
    SelectWithSubview: React.ComponentType<FormSelectWithSubviewProps & FormikContextProps<any>>;
    MultiSelectWithSubview: React.ComponentType<FormMultiSelectWithSubviewProps & FormikContextProps<any>>;
    DurationInput: React.ComponentType<import("./DurationInput").DurationInputProps & FormikContextProps<any>>;
};
export declare const FormikForm: React.ComponentType<FormikFormProps>;