react-super-forms-library
Version:
React Super Forms allow you to create forms elements like text input, phone number input, text-area box , radio input , checkbox input box etcetera elements with basic styling, just with minimal configurations so you can focus on the task that is more imp
83 lines (82 loc) • 5.25 kB
TypeScript
import * as React from "react";
import { FormikValues } from "formik";
export type MenuOptionObject<T = unknown> = {
name: string | React.ReactNode;
value: string;
} & T;
export type MenuOptions<T> = Array<string> | Array<MenuOptionObject<T>>;
export type ReadAsType = keyof Pick<FileReader, "readAsBinaryString" | "readAsDataURL" | "readAsArrayBuffer" | "readAsText">;
export declare const getMenuOptions: <T extends any>(options: MenuOptions<T>) => (number | MenuOptionObject<T> | {
[x: number]: boolean | undefined;
length?: boolean | undefined;
toString?: boolean | undefined;
toLocaleString?: boolean | undefined;
pop?: boolean | undefined;
push?: boolean | undefined;
concat?: boolean | undefined;
join?: boolean | undefined;
reverse?: boolean | undefined;
shift?: boolean | undefined;
slice?: boolean | undefined;
sort?: boolean | undefined;
splice?: boolean | undefined;
unshift?: boolean | undefined;
indexOf?: boolean | undefined;
lastIndexOf?: boolean | undefined;
every?: boolean | undefined;
some?: boolean | undefined;
forEach?: boolean | undefined;
map?: boolean | undefined;
filter?: boolean | undefined;
reduce?: boolean | undefined;
reduceRight?: boolean | undefined;
find?: boolean | undefined;
findIndex?: boolean | undefined;
fill?: boolean | undefined;
copyWithin?: boolean | undefined;
entries?: boolean | undefined;
keys?: boolean | undefined;
values?: boolean | undefined;
includes?: boolean | undefined;
flatMap?: boolean | undefined;
flat?: boolean | undefined;
at?: boolean | undefined;
findLast?: boolean | undefined;
findLastIndex?: boolean | undefined;
toReversed?: boolean | undefined;
toSorted?: boolean | undefined;
toSpliced?: boolean | undefined;
with?: boolean | undefined;
[Symbol.iterator]?: boolean | undefined;
readonly [Symbol.unscopables]?: boolean | undefined;
} | ((...items: string[]) => number) | ((...items: MenuOptionObject<T>[]) => number) | {
(...items: ConcatArray<string>[]): string[];
(...items: (string | ConcatArray<string>)[]): string[];
} | {
(...items: ConcatArray<MenuOptionObject<T>>[]): MenuOptionObject<T>[];
(...items: (MenuOptionObject<T> | ConcatArray<MenuOptionObject<T>>)[]): MenuOptionObject<T>[];
} | ((separator?: string) => string) | ((compareFn?: ((a: string, b: string) => number) | undefined) => string[]) | ((compareFn?: ((a: MenuOptionObject<T>, b: MenuOptionObject<T>) => number) | undefined) => MenuOptionObject<T>[]) | ((searchElement: string, fromIndex?: number) => number) | ((searchElement: MenuOptionObject<T>, fromIndex?: number) => number) | ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | ((callbackfn: (value: MenuOptionObject<T>, index: number, array: MenuOptionObject<T>[]) => void, thisArg?: any) => void) | {
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
(callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
<U>(callbackfn: (previousValue: U, currentValue: string, currentIndex: number, array: string[]) => U, initialValue: U): U;
} | {
(callbackfn: (previousValue: MenuOptionObject<T>, currentValue: MenuOptionObject<T>, currentIndex: number, array: MenuOptionObject<T>[]) => MenuOptionObject<T>): MenuOptionObject<T>;
(callbackfn: (previousValue: MenuOptionObject<T>, currentValue: MenuOptionObject<T>, currentIndex: number, array: MenuOptionObject<T>[]) => MenuOptionObject<T>, initialValue: MenuOptionObject<T>): MenuOptionObject<T>;
<U>(callbackfn: (previousValue: U, currentValue: MenuOptionObject<T>, currentIndex: number, array: MenuOptionObject<T>[]) => U, initialValue: U): U;
} | ((value: string, start?: number, end?: number) => string[]) | ((value: MenuOptionObject<T>, start?: number, end?: number) => MenuOptionObject<T>[]) | ((target: number, start: number, end?: number) => string[]) | ((target: number, start: number, end?: number) => MenuOptionObject<T>[]) | ((searchElement: string, fromIndex?: number) => boolean) | ((searchElement: MenuOptionObject<T>, fromIndex?: number) => boolean) | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[]) | ((index: number) => string | undefined) | ((index: number) => MenuOptionObject<T> | undefined) | ((index: number, value: string) => string[]) | ((index: number, value: MenuOptionObject<T>) => MenuOptionObject<T>[]) | {
name: string;
value: string;
})[];
export declare const getFieldError: (fieldName: string, formikProps: FormikValues) => any;
export declare const processFilesWithCallback: (files: FileList | File[], callback: Function, readAs?: ReadAsType, encoding?: string) => void;
export declare const setValue: (value: any, formikProps: FormikValues, fieldProps: any) => void;
export declare const ComponentMapConfig: {
[key: string]: {
component: React.JSX.Element;
props?: object;
};
};
export declare const getComponentConfig: (type: string) => {
component: React.JSX.Element;
props?: object;
};