styled-hook-form/lib/components/form-builder/editors/drop-down/dropdown.d.ts

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

import React from "react";
import { FieldValues } from "react-hook-form";
import { DropDownProps } from "./types";
declare const DropDown: React.MemoExoticComponent<React.ForwardRefExoticComponent<(import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.DropDown;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (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;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (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;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (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;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Boolean;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    defaultValue?: boolean | undefined;
    controlType: "switch" | "checkbox";
    checkBoxProps?: import("grommet").CheckBoxProps | undefined;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Password;
} & import("..").PasswordEditorProps & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.File;
} & import("..").FileEditorProps & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Time;
} & import("..").TimeEditorProps & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Custom;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    editorComponent: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    props?: any;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Custom;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    editorComponent: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    props?: any;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    type: import("../../types").FormFieldType.Custom;
    name?: string | `${string}.${string}` | `${string}.${number}` | undefined;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.SubForm;
} & import("..").SubFormEditorProps & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.SubForm;
} & import("..").SubFormEditorProps & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    type: import("../../types").FormFieldType.SubForm;
    name?: string | `${string}.${string}` | `${string}.${number}` | undefined;
    label?: undefined;
} & React.RefAttributes<HTMLButtonElement>) | (import("../../types").FormFieldBase & {
    type: import("../../types").FormFieldType.Hidden;
} & Pick<import("../../types").FormFieldBase, "validationRules"> & {
    label?: string | undefined;
} & DropDownProps & {
    methods?: import("react-hook-form").UseFormReturn<FieldValues, any> | undefined;
} & {
    name: string | `${string}.${string}` | `${string}.${number}`;
    label?: string | undefined;
} & React.RefAttributes<HTMLButtonElement>)>>;
export { DropDown };