Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import React from 'react';

import { useForm, FormProvider } from 'react-hook-form';

import { useForm, FormProvider } from 'react-hook-form';

import { Spinner } from '..';

import { Spinner } from '..';

export function Form({

export function Form({

  children,

  children,

  onSubmit,

  onSubmit,

  defaultValues,

  defaultValues,

  reset: propReset = false,

  reset: propReset = false,

  style,

  style,

  ...rest

  ...rest

}) {

}) {

  const methods = useForm({ defaultValues });

  const methods = useForm({ defaultValues });

  const {

  const {

    handleSubmit,

    handleSubmit,

    reset,

    reset,

    formState: { isSubmitting }

    formState: { isSubmitting }

  } = methods;

  } = methods;

  const handleFormSubmit = async (data) => {

  const handleFormSubmit = async (data) => {

    if (onSubmit) {

    if (onSubmit) {

      await onSubmit(data);

      await onSubmit(data);

    }

    }

    if (propReset) {

    if (propReset) {

      reset(undefined, { keepDefaultValues: true });

      reset(undefined, { keepDefaultValues: true });

    }

    }

  };

  };

  return (

  return (

    <FormProvider {...methods}>

    <FormProvider {...methods}>

      <form

      <form

        onSubmit={handleSubmit(handleFormSubmit)}

        onSubmit={handleSubmit(handleFormSubmit)}

        style={{ position: 'relative', ...style }}

        style={{ position: 'relative', ...style }}

        {...rest}

        {...rest}

      >

      >

        {children}

        {children}

        {isSubmitting && <Spinner absolute />}

        {isSubmitting && <Spinner absolute />}

      </form>

      </form>

    </FormProvider>

    </FormProvider>

  );

  );

}

}