import * as React from "react";
export type PartialRecord<K extends keyof any, T> = Partial<Record<K, T>>;
type Mutable<T> = {
    -readonly [P in keyof T]: T[P];
};
type KeyOf<T> = Extract<keyof T, string>;
type BuiltInValidationAttrsFunction<T> = (fd: FormData) => T | null | undefined;
type BuiltInValidationAttrString = string | BuiltInValidationAttrsFunction<string>;
type BuiltInValidationAttrNumber = number | BuiltInValidationAttrsFunction<number>;
type BuiltInValidationAttrBoolean = boolean | BuiltInValidationAttrsFunction<boolean>;
type InputTextValidationAttrs = {
    type?: "text" | "search" | "url" | "tel" | "password";
    required?: BuiltInValidationAttrBoolean;
    minLength?: BuiltInValidationAttrNumber;
    maxLength?: BuiltInValidationAttrNumber;
    pattern?: BuiltInValidationAttrString;
};
type InputEmailValidationAttrs = {
    type: "email";
    multiple?: boolean;
    required?: BuiltInValidationAttrBoolean;
    minLength?: BuiltInValidationAttrNumber;
    maxLength?: BuiltInValidationAttrNumber;
    pattern?: BuiltInValidationAttrString;
};
type InputDateValidationAttrs = {
    type: "date" | "month" | "week" | "time" | "datetime-local";
    required?: BuiltInValidationAttrBoolean;
    min?: BuiltInValidationAttrString;
    max?: BuiltInValidationAttrString;
};
type InputNumberValidationAttrs = {
    type: "number";
    required?: BuiltInValidationAttrBoolean;
    min?: BuiltInValidationAttrNumber;
    max?: BuiltInValidationAttrNumber;
};
type InputRangeValidationAttrs = {
    type: "range";
    min?: BuiltInValidationAttrNumber;
    max?: BuiltInValidationAttrNumber;
};
type InputCheckboxValidationAttrs = {
    type: "checkbox";
    required?: BuiltInValidationAttrBoolean;
};
type InputRadioValidationAttrs = {
    type: "radio";
    required?: BuiltInValidationAttrBoolean;
};
type TextAreaValidationAttrs = {
    required?: BuiltInValidationAttrBoolean;
    minLength?: BuiltInValidationAttrNumber;
    maxLength?: BuiltInValidationAttrNumber;
};
type SelectValidationAttrs = {
    required?: BuiltInValidationAttrBoolean;
    multiple?: boolean;
};
type InputValidationAttrs = InputTextValidationAttrs | InputEmailValidationAttrs | InputDateValidationAttrs | InputNumberValidationAttrs | InputRangeValidationAttrs | InputCheckboxValidationAttrs | InputRadioValidationAttrs;
/**
 * Custom validation function
 */
export interface CustomValidations {
    [key: string]: (val: string, formData?: FormData) => boolean | Promise<boolean>;
}
/**
 * Error message - static string or () => string
 */
export type ErrorMessage = string | ((attrValue: string | undefined, name: string, value: string) => string);
/**
 * Definition for a single input in a form (validations + error messages)
 */
interface BaseControlDefinition {
    customValidations?: CustomValidations;
    errorMessages?: {
        [key: string]: ErrorMessage;
    };
    multiple?: boolean;
}
export interface InputDefinition extends BaseControlDefinition {
    element?: "input";
    validationAttrs?: InputValidationAttrs;
}
export interface TextAreaDefinition extends BaseControlDefinition {
    element: "textarea";
    validationAttrs?: TextAreaValidationAttrs;
}
export interface SelectDefinition extends BaseControlDefinition {
    element: "select";
    validationAttrs?: SelectValidationAttrs;
}
type ControlDefinition = InputDefinition | TextAreaDefinition | SelectDefinition;
/**
 * Form information (inputs, validations, error messages)
 */
export interface FormDefinition {
    inputs: {
        [key: string]: ControlDefinition;
    };
    errorMessages?: {
        [key: string]: ErrorMessage;
    };
}
/**
 * Mutable version of ValidityState that we can write to
 */
type MutableValidityState = Mutable<ValidityState>;
/**
 * Extended ValidityState which weill also contain our custom validations
 */
export type ExtendedValidityState = MutableValidityState & Record<string, boolean>;
export type AsyncValidationState = "idle" | "validating" | "done";
/**
 * Client-side state of the input
 */
export interface InputInfo {
    value: string | null;
    touched: boolean;
    dirty: boolean;
    state: AsyncValidationState;
    validity?: ExtendedValidityState;
    errorMessages?: Record<string, string>;
}
export type ServerOnlyCustomValidations<T extends FormDefinition> = Partial<{
    [key in KeyOf<T["inputs"]>]: CustomValidations;
}>;
export type ServerFormInfo<FormDef extends FormDefinition, FormDefInputs extends FormDef["inputs"] = FormDef["inputs"]> = {
    submittedValues: {
        [Key in KeyOf<FormDefInputs>]: FormDefInputs[Key]["element"] extends "textarea" ? FormDefInputs[Key]["multiple"] extends true ? string[] : string : FormDefInputs[Key]["element"] extends "select" ? FormDefInputs[Key]["multiple"] extends true ? string[] : FormDefInputs[Key] extends {
            validationAttrs: object;
        } ? FormDefInputs[Key]["validationAttrs"] extends {
            multiple: true;
        } ? string[] : string : string : FormDefInputs[Key] extends {
            validationAttrs: object;
        } ? FormDefInputs[Key]["validationAttrs"] extends {
            type: "checkbox";
        } ? FormDefInputs[Key]["validationAttrs"] extends {
            required: true;
        } ? string[] : string[] | null : FormDefInputs[Key]["validationAttrs"] extends {
            type: "email";
        } ? FormDefInputs[Key]["multiple"] extends true ? string[] : FormDefInputs[Key]["validationAttrs"] extends {
            multiple: true;
        } ? string[] : string : FormDefInputs[Key]["multiple"] extends true ? string[] : string : FormDefInputs[Key]["multiple"] extends true ? string[] : string;
    };
    inputs: Record<KeyOf<FormDefInputs>, InputInfo | InputInfo[]>;
    valid: boolean;
};
interface FormContextObject<T extends FormDefinition> {
    formDefinition: T;
    serverFormInfo?: ServerFormInfo<T>;
    forceUpdate: any;
}
export declare function validateServerFormData<T extends FormDefinition>(formData: FormData, formDefinition: T, serverCustomValidations?: ServerOnlyCustomValidations<T>): Promise<ServerFormInfo<T>>;
export declare const FormContext: React.Context<FormContextObject<FormDefinition> | null>;
export declare function useOptionalFormContext<T extends FormDefinition>(): FormContextObject<T> | null;
interface UseValidatedInputOpts<T extends FormDefinition> {
    name: KeyOf<T["inputs"]>;
    formDefinition?: T;
    serverFormInfo?: ServerFormInfo<T>;
    ref?: React.ForwardedRef<HTMLInputElement | null | undefined> | React.Ref<HTMLInputElement | null | undefined>;
    index?: number;
    forceUpdate?: any;
}
export declare function useValidatedInput<T extends FormDefinition>(opts: UseValidatedInputOpts<T>): {
    info: InputInfo;
    ref: React.RefObject<HTMLInputElement>;
    controller: React.MutableRefObject<AbortController | null>;
    getLabelAttrs: ({ ...attrs }?: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">) => Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">;
    getErrorsAttrs: ({ ...attrs }?: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">) => Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">;
    getInputAttrs: ({ ...attrs }?: React.ComponentPropsWithoutRef<"input">) => React.ComponentPropsWithoutRef<"input">;
};
interface UseValidatedTextAreaOpts<T extends FormDefinition> {
    name: KeyOf<T["inputs"]>;
    formDefinition?: T;
    serverFormInfo?: ServerFormInfo<T>;
    ref?: React.ForwardedRef<HTMLTextAreaElement | null | undefined> | React.Ref<HTMLTextAreaElement | null | undefined>;
    index?: number;
    forceUpdate?: any;
}
export declare function useValidatedTextArea<T extends FormDefinition>(opts: UseValidatedTextAreaOpts<T>): {
    info: InputInfo;
    ref: React.RefObject<HTMLTextAreaElement>;
    controller: React.MutableRefObject<AbortController | null>;
    getLabelAttrs: ({ ...attrs }?: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">) => Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">;
    getErrorsAttrs: ({ ...attrs }?: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">) => Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">;
    getTextAreaAttrs: ({ ...attrs }?: React.ComponentPropsWithoutRef<"textarea">) => React.ComponentPropsWithoutRef<"textarea">;
};
interface UseValidatedSelectOpts<T extends FormDefinition> {
    name: KeyOf<T["inputs"]>;
    formDefinition?: T;
    serverFormInfo?: ServerFormInfo<T>;
    ref?: React.ForwardedRef<HTMLSelectElement | null | undefined> | React.Ref<HTMLSelectElement | null | undefined>;
    index?: number;
    forceUpdate?: any;
}
export declare function useValidatedSelect<T extends FormDefinition>(opts: UseValidatedSelectOpts<T>): {
    info: InputInfo;
    ref: React.RefObject<HTMLSelectElement>;
    controller: React.MutableRefObject<AbortController | null>;
    getLabelAttrs: ({ ...attrs }?: Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">) => Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">;
    getErrorsAttrs: ({ ...attrs }?: Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">) => Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">;
    getSelectAttrs: ({ ...attrs }?: React.ComponentPropsWithoutRef<"select">) => React.ComponentPropsWithoutRef<"select">;
};
export interface FormProviderProps<T extends FormDefinition> extends React.PropsWithChildren<{
    formDefinition: T;
    serverFormInfo?: ServerFormInfo<T>;
    formRef?: React.RefObject<HTMLFormElement>;
}> {
}
export declare function FormProvider<T extends FormDefinition>(props: FormProviderProps<T>): JSX.Element;
export interface ControlWrapperProps<T extends FormDefinition> extends React.PropsWithChildren<{
    name: string;
    label?: string;
    labelAttrs: React.ComponentPropsWithoutRef<"label">;
    errorAttrs: React.ComponentPropsWithoutRef<"ul">;
    formDefinition?: T;
    serverFormInfo?: ServerFormInfo<T>;
    info: InputInfo;
}> {
}
export interface InputProps<T extends FormDefinition> extends UseValidatedInputOpts<T>, Omit<React.ComponentPropsWithoutRef<"input">, "name"> {
    label: string;
    index?: number;
}
export declare function Input<T extends FormDefinition>({ name, formDefinition: formDefinitionProp, serverFormInfo: serverFormInfoProp, label, index, ...inputAttrs }: InputProps<T>): JSX.Element;
export interface TextAreaProps<T extends FormDefinition> extends UseValidatedInputOpts<T>, Omit<React.ComponentPropsWithoutRef<"textarea">, "name"> {
    label: string;
    index?: number;
}
export declare function TextArea<T extends FormDefinition>({ name, formDefinition: formDefinitionProp, serverFormInfo: serverFormInfoProp, label, index, ...inputAttrs }: TextAreaProps<T>): JSX.Element;
export interface SelectProps<T extends FormDefinition> extends UseValidatedSelectOpts<T>, Omit<React.ComponentPropsWithoutRef<"select">, "name"> {
    label: string;
    index?: number;
}
export declare function Select<T extends FormDefinition>({ name, formDefinition: formDefinitionProp, serverFormInfo: serverFormInfoProp, label, index, children, ...inputAttrs }: SelectProps<T>): JSX.Element;
export interface ErrorProps {
    id?: string;
    messages?: Record<string, string>;
}
export declare function Errors({ id, messages, ...attrs }: ErrorProps): JSX.Element | null;
export {};