react-hook-form

🐞 fix #11773 regression on dirty check with reset (#11775)

🐞 fix #11719 validation stuck on true state (#11723)

🐛 bug(validatingFields, trigger): handle all fields validation trigger (#11624)
💚 ci: cleanup actions versions (#11629)
🐞 fix #11590 issue with trigger on validatingFields (#11613)

thanks to @Moshyfawn

💬 add isValidating and validatingFields to field state (#10657)

const { formState: { validatingFields } } = useForm({ mode: 'onBlur' });

⌨️ chore: replace ts-ignore with ts-expect-error (#11573)
🧗‍♂️ chore: update lib dev deps (#11548)
💅 related #11541 improve dirty check when undefined provided with reset api
😾 fix #11514 issue under strict mode reset invoke twice reset mounted field names with keepDirtyValues (#11546)
🤡 fix flush root render hack (#11521)
🧽 chore: removed unused utils and resp. test cases (#11476)
🐞 close #11503 issue dirty field update with async validation (#11509)

Revert "🔧 fix data param in handleSubmit when TTransformedValues is a union type (#11420)"
Revert "✨ feat(values): priorities values over defaultvalues (#11399)" (#11545)

❤️ Thanks to @deepgolani4, @pbankonier and @deepgolani4
❤️ Thank you principal.com for your contribution

🥲 Regression: Revert "⌨️ fix #10734 watch and useWatch without parameters return type (#11359)"

🔧 fix data param in handleSubmit when TTransformedValues is a union type (#11420)
👷 build(Engines): remove pnpm dependency (#11425)
🐞 fixes #11386 get new dirtyFields when reset keeping defaults and dirty values (#11401)
🏷️ improve CustomElement type (#11309)
💫 feat(useForm): leave formState flags in a consistent state when throwing in handleSubmit onValid (#11214)
⌨️ fix: change DeepPartial to account for object union types & unknown (#11385)
✨ feat(values): priorities values over defaultvalues (#11399)
🐞 close #11246 skip root validation on action when mode and revalidate mode is onSubmit (#11395)
💩 fix #11322 trigger extra re-render with useWatch plus shouldUnregister (#11394)
⌨️ fix #10734 watch and useWatch without parameters return type (#11359)
🧑‍✈️ fix #11281 issue with upgrade node version (#11392)
🐞 fix #11368 keep form state mounted when keeping values (#11384)
🐞 fix #11374: Nested deep partial with unknown (#11373)

thanks to @Moshyfawn, @jonahallibone, @eladattias1996, @RulerOfCakes, @anonkey, @Ar4ys, @IanVS and @r-kataoka11

🐛 fix(formState, disabled): infer controlled disabled form state (#11361)
🐛 fix(reset): remove global reset option flag (#11355)
🐛 fix(useController): check if disabled state was set by user (#11353)
🖨️ fix: Change DeepPartial type definition to be compatible with unknown (#11333)
🐞 fix #11328 resetField with object as defaultValue (#11329)

thanks to @Moshyfawn, @geeee and @RulerOfCakes

🐞 fix #11292 issue with controller validation prop (#11294)

🐞 fix #11276 issue with disabled omit on Controller (#11277)
🐞 fix #11287 disabled prop cause const dirtyFields update (#11291)

📮 feat: add reactive errors prop at useForm (#11188)

useForm({
  errors, // server errors
})

🖥️ feat: add react-server bundle (#11162)
🔩 chore: upgrade Node.js and pnpm (#11163)
🪖 feat: add ValidationModeFlags Type (#11144)
🐞 fix #11267 disabled prop does not affect controller validation (#11273)
🔧 refactor(util function): Enhance Consistency in Utility Functions: Standardizing Export, Function Types, and Naming (#11268)
⌨️ change type structure of UseFormHandleSubmit (#11245)
📮 fix(#11239): Set fields disabled state based on form and field disabled (#11241)
🍢 improved getDirtyFieldsFromDefaultValues type (#11238)
🐞 fix #11229 issue with values not re-render the root form (#11231)
🐞 fix #11218 useFieldArray focus issue with rules prop (#11221)
🔧 chore: improved isObjectType and swap (#11183)

thanks to @kotarella1110, @ssi02014, @thomasdbock, @mildfuzz and @Lennon57

🐞 #11106 fix disabled prop not update dirty formState (#11143)
🐞 fix controller update with disabled prop from useForm (#11142)

🐞 fix controller update with disabled prop from useForm

🧱 feature: disable prop for useForm (#10496)

const App = () => {
  const [disabled, setDisabled] = useState(false);
  const { handleSubmit } = useForm({ disabled });

  return (
    <form
      onSubmit={handleSubmit(async () => {
        setDisabled(true);
        await sleep(100);
        setDisabled(false);
      })}
    / >
  );
}

😵‍💫 fixed typo in useFormContext (#11126)
🫡 strictly manage constants and improve types (#11101)
🐞 fix #11076 disable toggle issue (#11090)
🚀 fix: Solve the issue of race condition with resolver. (#10991)
📖 docs: fix useWatch example syntax error (#11005)
📝 readme arabic version (#10992)

thanks to @Iyadchafroud @domuk-k @mehunk @ssi02014 and @tykhan

🫡 allow keepIsSubmitSuccessful flag (#9640)

const { reset } = useForm()

<Form
  onSubmit={() => {
    reset(formValues, {
      keepIsSubmitSuccessful: true,
    });
  }}
/>

🦉 fix typo in form.ts (#10978)
🤡 close #10907 potential fix on unmounted component (#10980)
🪖 simplify logic for subscription by name (#10947)

thanks to @stefanpl, @kai-dorschner-twinsity & @nitschSB

🐞 fix implicit type coercion (#10949)
🙄 close #10932 omit disabled prop when not defined (#10937)
🔧 fix controller test is dirty (#10899)

thanks to @samimakicc & @pierluigigiancola

🐞 fix #10878 return disabled field state (#10879)

thanks to @Moshyfawn

🧟‍♂️ feat: support disabled prop for useController (#10810)

const [disabled, setDisabled] = useState(false)
useController({
  disabled
})

• field value will be disabled
• field value will be omitted

🫖 prevent reset argument mutation (#10847)
🐞 fix: add exact option for array name in useWatch. (#10707)
🐞 update isDirty when setting disabled in register (#10805)
🧶 feat: trigger passed names to construct resolver options (#10590)

thanks to @selimb @vonagam @jgullstr and @rabbitson87

disabled prop

• new disabled props for useForm
• allow user to disable the entire form with all associated inputs

useForm({
  disabled: true
})

const App = () => {
  const [disabled, setDisabled] = useState(false);
  const { register, handleSubmit, control } = useForm({
    disabled,
  });

  return (
    <form
      onSubmit={handleSubmit(async () => {
        setDisabled(true);
        await sleep(100);
        setDisabled(false);
      })}
    >
      <input
        type={'checkbox'}
        {...register('checkbox')}
        data-testid={'checkbox'}
      />
      <input type={'radio'} {...register('radio')} data-testid={'radio'} />
      <input type={'range'} {...register('range')} data-testid={'range'} />
      <select {...register('select')} data-testid={'select'} />
      <textarea {...register('textarea')} data-testid={'textarea'} />

      <Controller control={control} render={({ field }) => <input disabled={field.disabled}  />} name="test" />

      <button>Submit</button>
    </form>
  );
}

🐞 fix #10767 dep issue with replayio (#10768)
🐞 fix #10762 async submit with Form component (#10766)
🫖 add test case for issue #10744 to avoid future regressions (#10759)

thanks to @eg-bernardo

📼 add Replay Test Suites (#10681)
Revert "🧑‍🎓 close #10585 update controller value on each render (#10586)"
🐞 close #10682 make sure action flag gets reset after useEffect (#10732)

thanks to @jasonLaster