styled-hook-form/lib/components/form-builder/editors/numeric-editor/numeric-input.d.ts

React form library for styled-components based on grommet and react-hook-form

/// <reference types="react" />
declare const NumericEditor: import("react").ForwardRefExoticComponent<(import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Number;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Text;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    minLength?: number | undefined;
    maxLength?: number | undefined;
    defaultValue?: string | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "onChange" | "value"> | undefined;
} & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Date;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    minDate?: string | undefined;
    maxDate?: string | undefined;
    dateInputProps?: import("grommet").DateInputProps | undefined;
    defaultValue?: string | Date | undefined;
} & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Boolean;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    defaultValue?: boolean | undefined;
    controlType: "switch" | "checkbox";
    checkBoxProps?: import("grommet").CheckBoxProps | undefined;
} & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.DropDown;
} & import("..").DropDownProps & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Password;
} & import("..").PasswordEditorProps & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.File;
} & import("..").FileEditorProps & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Time;
} & import("..").TimeEditorProps & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Custom;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    editorComponent: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
    props?: any;
} & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Custom;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    editorComponent: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
    props?: any;
} & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    type: import("../../types").FormFieldType.Custom;
    name?: string | `${string}.${string}` | `${string}.${number}` | undefined;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.SubForm;
} & import("..").SubFormEditorProps & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.SubForm;
} & import("..").SubFormEditorProps & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    type: import("../../types").FormFieldType.SubForm;
    name?: string | `${string}.${string}` | `${string}.${number}` | undefined;
    label?: undefined;
} & import("react").RefAttributes<HTMLInputElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Hidden;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    label?: string | undefined;
} & {
    min?: number | undefined;
    max?: number | undefined;
    defaultValue?: number | undefined;
    inputProps?: Omit<import("grommet").TextInputProps, "ref" | "type" | "defaultValue" | "onChange"> | undefined;
} & {
    methods?: import("react-hook-form").UseFormReturn<import("react-hook-form").FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & import("react").RefAttributes<HTMLInputElement>)>;
export { NumericEditor };