v0.6.2

   🚀 Features

• combobox:
  • Added the ability to reject new values  -  by @logaretm (8b505)
  • Added openOnFocus prop  -  by @logaretm (3bdc8)

   🐞 Bug Fixes

• Activedecendant should highlight the focused option  -  by @logaretm (697f9)
• combobox:
  • Prevent creating new options on blur  -  by @logaretm (ff716)
  • Readonly should not allow value mutation  -  by @logaretm (698ea)
• types:
  • Infer initial values from schema rather than itself  -  by @logaretm in #107 (db5b1)

    View changes on GitHub

v0.6.1

   🐞 Bug Fixes

• UseCustomField validation not running form schema  -  by @logaretm (7d16b)

    View changes on GitHub

v0.6.0

   💣 Breaking Changes

• Changed useSelect.popupProps to be listBoxProps.

   🚀 Features

• Implement useCustomField closes #96  -  by @logaretm in #99 and #96 (cbb5b)
• Implement useComboBox  -  by @logaretm in #102 (eb2f5)
• Expose the validate function on custom fields  -  by @logaretm in #105 (6b83e)

   🐞 Bug Fixes

• Only scroll the option into view if it is not visible  -  by @logaretm (10ba7)

    View changes on GitHub

v0.5.1

   🐞 Bug Fixes

• select: Selection state reactivity closes #100  -  by @logaretm in #101 and #100 (c9c5b)

    View changes on GitHub

v0.5.0

🆕 Submit States and Errors

We added new submit states to the useForm which will allow you to build submit-only error display and more.

Added wasSubmitted state (#91)

This property is true if the form was submitted and the handler was called without any errors thrown. This is useful when you want to show a success message after the form has been submitted.

Added isSubmitAttempted (#90)

This property is true if the form was submitted, but unlike wasSubmitted, it turns true even if the form is invalid.

Added submitAttemptsCount (#92)

This property represents the number of times the form has been submitted regardless of whether it was valid or not.

This can be useful when you want to disable certain UI elements, or show some feedback to the user. You might even want to gather analytics! maybe your form is too hard?

Added submitErrors and submitErrorMessage (#89)

Unlike validation errors which are mostly "live" and react to the values changing regardless of when you display them, submit errors are only populated when the form is submitted. This is useful if you want to only show errors after submits rather than live which could be too aggressive for your needs.

Each field exposes submitErrorMessage and submitErrors, using these will only display errors after the form is submitted.

import { useTextField } from '@formwerk/core';

const { submitErrorMessage, submitErrors } = useTextField({
  // ...
});

Forms also expose getSubmitError and getSubmitErrors to get the submit error of a specific field or all fields respectively, if you need access to them on the form level.

For more information and live examples check the forms guide in the docs 📚.

    View changes on GitHub

Thanks to @s8n11c