import React, { ReactNode, FormEvent, MouseEvent, ChangeEvent } from 'react';
import type { DebouncedFunc } from 'lodash';
import { QueryFormValues } from '../types.js';
import { SelectOption } from '../types.js';
import { QueryComparators } from '../utils/comparators.js';
import { QueryFilters } from '../utils/filters.js';
export interface QueryFormProps {
    values: QueryFormValues;
    searchQueryRegex: RegExp | null;
    onFormValuesChange: (values: Partial<QueryFormValues>) => void;
}
interface QueryFormState {
    searchValue: string;
}
export declare class QueryForm extends React.PureComponent<QueryFormProps, QueryFormState> {
    constructor(props: QueryFormProps);
    inputSearchRef: React.RefObject<HTMLInputElement | null>;
    handleSubmit: (evt: FormEvent<HTMLFormElement>) => void;
    handleButtonGroupClick: (isAsc: boolean) => void;
    handleSelectComparatorChange: (option: SelectOption<QueryComparators> | undefined | null) => void;
    handleSelectFilterChange: (option: SelectOption<QueryFilters> | undefined | null) => void;
    handleRegexSearchClick: () => void;
    restoreCaretPosition: (start: number | null, end: number | null) => void;
    invalidateSearchValueFromProps: DebouncedFunc<() => void>;
    handleSearchChange: (evt: ChangeEvent<HTMLInputElement>) => void;
    handleClearSearchClick: (evt: MouseEvent<HTMLButtonElement>) => void;
    render(): ReactNode;
}
export {};