material-table-core-formik
Version:
A @material-table/core wrapper to display a dialog for add, edit and delete. It also allows Formik/YUP validation.
24 lines (23 loc) • 955 B
TypeScript
/// <reference types="react" />
import { MaterialTableProps, Column, Localization } from '@material-table/core';
import { FormikErrors } from 'formik';
import { GridProps } from '@material-ui/core';
interface IColumn<Data extends object> extends Column<Data> {
gridProps?: Partial<GridProps>;
}
interface IData extends Object {
tableData?: {};
}
interface IFormikWrapperProps<RowData extends IData> extends MaterialTableProps<RowData> {
validate?: (value: RowData) => void | object | Promise<FormikErrors<RowData>>;
validationSchema?: any | (() => any);
localization?: IWrapperLocalization;
columns: IColumn<RowData>[];
}
interface IWrapperLocalization extends Localization {
deleteHeader?: string;
deleteAction?: string;
}
declare function FormikWrapper<RowData extends IData>(props: IFormikWrapperProps<RowData>): JSX.Element;
export default FormikWrapper;
export { IFormikWrapperProps, IColumn };