react-hook-form

• patch issue around nested array error not been cleared

fix #722 validation with schema validation (#723)

✨ add ErrorMessage component (#715) @kotarella1110

<ErrorMessage name="firstName" errors={errors} />

🐞 fix Controller component props and event names (#718)
👨🏻‍💻 fix #716 clear error object when it is empty (#717)
🐞 fix #712 setValue path type (#714)

🥂 fix #710 change touched from array to object (#711)

• change formState touched from array to object with better type support

👨‍🏫 improve controller with inner props override rest props

✌️close #700 improve controller with defaultValue (#701)
🐞fix #704 only run validate schema when reading isValid state (#705)

🥂 New feature

• control: this will be the prop pass to RHFInput

we probably can skip this hack too: https://github.com/react-hook-form/react-hook-form/pull/635

<RHF control={control} name="test" />

https://github.com/react-hook-form/react-hook-form-input/pull/45

• move RHFInput into the main repo and rename it to Controller

https://github.com/react-hook-form/react-hook-form-input

<Controller control={control} name="test" />

🔨 Breaking and improved changes

• ✨improve module exports:

(we will export all types as well)

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

🚨import useForm from 'react-hook-form'; will no longer work

• ✨nested errors object and better typescript support

type form = {
  yourDetail: {
    firstName: string,
  }
}

errors?.yourDetail?.firstName

🚨no more flat errors :-) better TS support

• ✨triggerValidation argument change from Object, Object[] to String, String[]

triggerValidation('firstName');
triggerValidation(['firstName', 'lastName']);

🚨triggerValidation({ name: 'test', value: 'test' }); no longer work

• ✨watch support { nest: boolean }

watch(); // { 'test.firstName': 'bill' }
watch({ nest: true }); // { test: { firstName: 'bill' } }

• ✨improve custom register

register('test', { required: true });

🚨register({ name: 'test'}) => register('test')

• ✨setError support nested object

setError('yourDetail.firstName', 'test');
errors.yourDetails.firstName;

🚨setError('yourDetail.firstName') no longer output flat errors object

handleSubmit no longer rerun array inputs contains undefined or null

✂️ API removed:

• validationSchemaOption: hardly anyone want to use validation with abort early, or change the config.

• native validation: hardly anyone used this feature. https://react-hook-form.com/api/#Browserbuiltinvalidation

Thanks to @JeromeDeLeon @kotarella1110 @umidbekkarimov @bopfer

🥂 required attribute will check for boolean false (#682)

🐞 fix #670 reset issue with context (#673)

🐞 fix reset with default values (#667)

✌🏻 close #637 isValid with reset (#663)

👁 fix #646 fix re-render issue (#647)
💅🏻 fix #645 issue around zero in front of number (#649)
🙏🏻 fixing checkbox dynamic rendering (#654)
🐞 fix #650 reset all fields reference (#652)
🥂 fix isValid with reset api (#657)
🐞 fix #655 nativeValidation register's value and message (#658)

🥂 properly fixed isValid formState with schema and build-in validation. (sorry this is a long dragged issue)

• proper tracking with isValid during register phase
• tracking when input removed
• added automation tests

📖 Story:
The challenge for me was to track form valid state during render phase, because RHF embrace uncontrolled inputs, so users can provide default value during render phase and we need to track valid on the fly, and this took me quite few attend to get it right.

❤️ Thanks:
@krnlde have been amazing on report issues and helping on testing. much appreciated your support!
@sergiors same thanks goes to you for helping on testing as well.

🌲 improve attribute read (#634)
🐞 fix #631 with revalidating submit mode (#632)
👓 close #579 fix typescript usage support (#630)

✌️ close #612 & Improve variable naming (#629)
🐞 close #627 isValid with validation schema (#628)

🐞 fix scheme isValid (#626)
🐞 close #617 fix validate function with cached ref (#622)
😓 register into field issue with isValid (#621)
🙏🏻 fix isValid when there is no input validation (#614)

🐞 fix #603 isValid issue (#604)
😓 fix: fix async validate type (#602)

🥃 Infer return type of watch method when possible (#590)
🐞 fix default value with register input when node remove (#592)
✌️ close #589 remove value and message for validate function (#595)
💪 remove schema related react ref (#596)
😓 add handleSubmit back to the contextType
🐞 fix invalid with custom error during handleSubmit (#601)
✂️ remove delete keyword in the code base (#599)

🐞 close #587 issue with onBlur validation (#588)
🐞 fix #575 triggerValidation typescript

🥂 close #580 to support required with value and message
🐞 fix #557 setValue re-render with schema validation (#574)
🐞 fix #581 focus issue with checkbox and radio (#582)
🐞 close #584 remove checkbox reference after removing (#586)

😥revert return unregister function from register, sorry it cause issue around register