44 lines
996 B
TypeScript
44 lines
996 B
TypeScript
import useForm, { SubmitPromise, UseFormResult } from "@saleor/hooks/useForm";
|
|
import React from "react";
|
|
|
|
export interface FormProps<T>
|
|
extends Omit<React.HTMLProps<HTMLFormElement>, "onSubmit"> {
|
|
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, ...rest } = 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 {...rest} onSubmit={handleSubmit}>
|
|
{children(renderProps)}
|
|
</form>
|
|
);
|
|
}
|
|
Form.displayName = "Form";
|
|
|
|
export default Form;
|