39 lines
894 B
TypeScript
39 lines
894 B
TypeScript
import useForm, { SubmitPromise, UseFormResult } from "@saleor/hooks/useForm";
|
|
import React from "react";
|
|
|
|
export interface FormProps<T> {
|
|
children: (props: UseFormResult<T>) => React.ReactNode;
|
|
confirmLeave?: boolean;
|
|
initial?: T;
|
|
resetOnSubmit?: boolean;
|
|
onSubmit?: (data: T) => SubmitPromise | void;
|
|
}
|
|
|
|
function Form<T>(props: FormProps<T>) {
|
|
const { children, initial, resetOnSubmit, onSubmit } = props;
|
|
const renderProps = useForm(initial, onSubmit);
|
|
|
|
function handleSubmit(event?: React.FormEvent<any>, cb?: () => void) {
|
|
const { reset, submit } = renderProps;
|
|
|
|
if (event) {
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
}
|
|
|
|
if (cb) {
|
|
cb();
|
|
}
|
|
|
|
if (resetOnSubmit) {
|
|
reset();
|
|
}
|
|
|
|
submit();
|
|
}
|
|
|
|
return <form onSubmit={handleSubmit}>{children(renderProps)}</form>;
|
|
}
|
|
Form.displayName = "Form";
|
|
|
|
export default Form;
|