UNPKG

styled-hook-form

Version:

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

126 lines (125 loc) 6.74 kB
/// <reference types="react" /> import { FieldValues } from "react-hook-form"; import { FileEditorProps } from "./types"; declare const FileEditor: import("react").ForwardRefExoticComponent<(import("../../types").FormFieldBase & { type: import("../../types").FormFieldType.File; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined; } & { name: string | `${string}.${string}` | `${string}.${number}`; label?: string | undefined; } & import("react").RefAttributes<HTMLInputElement>) | (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; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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 & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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 & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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 & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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 & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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 & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<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; } & FileEditorProps & { methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined; } & { name: string | `${string}.${string}` | `${string}.${number}`; label?: string | undefined; } & import("react").RefAttributes<HTMLInputElement>)>; export { FileEditor };