native-base-form-builder/dist/Types/Types.d.ts

Form builder component using Nativebase and React Hook Form

import { Input, Select } from 'native-base';
import { ComponentProps } from 'react';
import { ControllerRenderProps, FieldValues, RegisterOptions, UseFormStateReturn } from 'react-hook-form';
import Logic from '../Logic/Logic';
export declare type FormBuilderProps = {
    formConfigArray: Array<Omit<LogicProps, 'control'> | Array<Omit<LogicProps, 'control'>>>;
    inputSpacing?: number;
    inputSpacingHorizontal?: number;
    control: any;
    setFocus: (name: any) => void;
    CustomTextInput?: any;
};
export declare type INPUT_TYPES = 'text' | 'email' | 'password' | 'select' | 'custom';
export declare type OPTIONS = Array<{
    label: string;
    value: string | number;
}>;
export declare type LogicProps = {
    name: string;
    rules?: Omit<RegisterOptions, 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;
    shouldUnregister?: boolean;
    defaultValue?: unknown;
    type: INPUT_TYPES;
    textInputProps?: ComponentProps<typeof Input>;
    selectInputProps?: ComponentProps<typeof Select>;
    label?: string;
    isRequired?: boolean;
    options?: OPTIONS;
    control: any;
    JSX?: typeof Logic;
    inputSpacing?: number;
    inputSpacingHorizontal?: number;
    flex?: number;
    CustomTextInput?: any;
};
export declare type InputSelectProps = {
    field: ControllerRenderProps<FieldValues, string>;
    formState: UseFormStateReturn<FieldValues>;
    selectInputProps?: ComponentProps<typeof Select>;
    label?: string;
    isRequired?: boolean;
    options: OPTIONS;
    CustomTextInput?: any;
};
export declare type InputTextProps = {
    field: ControllerRenderProps<FieldValues, string>;
    formState: UseFormStateReturn<FieldValues>;
    textInputProps?: ComponentProps<typeof Input>;
    label?: string;
    isRequired?: boolean;
    CustomTextInput?: any;
};