mirror of
https://github.com/idanoo/GoScrobble.git
synced 2024-11-25 09:55:15 +00:00
48 lines
2.0 KiB
TypeScript
48 lines
2.0 KiB
TypeScript
|
import * as React from 'react';
|
||
|
import { FormikProps, GenericFieldHTMLAttributes, FieldMetaProps, FieldHelperProps, FieldInputProps, FieldValidator } from './types';
|
||
|
export interface FieldProps<V = any, FormValues = any> {
|
||
|
field: FieldInputProps<V>;
|
||
|
form: FormikProps<FormValues>;
|
||
|
meta: FieldMetaProps<V>;
|
||
|
}
|
||
|
export interface FieldConfig<V = any> {
|
||
|
/**
|
||
|
* Field component to render. Can either be a string like 'select' or a component.
|
||
|
*/
|
||
|
component?: string | React.ComponentType<FieldProps<V>> | React.ComponentType | React.ForwardRefExoticComponent<any>;
|
||
|
/**
|
||
|
* Component to render. Can either be a string e.g. 'select', 'input', or 'textarea', or a component.
|
||
|
*/
|
||
|
as?: React.ComponentType<FieldProps<V>['field']> | string | React.ComponentType | React.ForwardRefExoticComponent<any>;
|
||
|
/**
|
||
|
* Render prop (works like React router's <Route render={props =>} />)
|
||
|
* @deprecated
|
||
|
*/
|
||
|
render?: (props: FieldProps<V>) => React.ReactNode;
|
||
|
/**
|
||
|
* Children render function <Field name>{props => ...}</Field>)
|
||
|
*/
|
||
|
children?: ((props: FieldProps<V>) => React.ReactNode) | React.ReactNode;
|
||
|
/**
|
||
|
* Validate a single field value independently
|
||
|
*/
|
||
|
validate?: FieldValidator;
|
||
|
/**
|
||
|
* Field name
|
||
|
*/
|
||
|
name: string;
|
||
|
/** HTML input type */
|
||
|
type?: string;
|
||
|
/** Field value */
|
||
|
value?: any;
|
||
|
/** Inner ref */
|
||
|
innerRef?: (instance: any) => void;
|
||
|
}
|
||
|
export declare type FieldAttributes<T> = GenericFieldHTMLAttributes & FieldConfig<T> & T & {
|
||
|
name: string;
|
||
|
};
|
||
|
export declare type FieldHookConfig<T> = GenericFieldHTMLAttributes & FieldConfig<T>;
|
||
|
export declare function useField<Val = any>(propsOrFieldName: string | FieldHookConfig<Val>): [FieldInputProps<Val>, FieldMetaProps<Val>, FieldHelperProps<Val>];
|
||
|
export declare function Field({ validate, name, render, children, as: is, // `as` is reserved in typescript lol
|
||
|
component, ...props }: FieldAttributes<any>): any;
|