feat(hooks): add use-form hook and changes to related components

[danielsimao]

Closes #12

📝 Description

• Updated outdated testing packages
• Add use-form hook
  1. add getTokenFieldProps: specific function for TokenInput that required some changes on that component
  2. changes to getSelectFieldProps: blur handler has moved in from getFieldProps
  3. props that were passed in previous mentioned function, now are defined in hook level using hideErrors prop.
  4. add tests
• fix some type issues that were blocking the build
• changes to TokenInput which are related to use-form (try here):
  1. added onValueChange: this event is not used to maintain use-form updated, instead of relying on manually trigger
  event
  2. improved aria: added aria-controls to balance MAX button which affects the input. When the input is affected by the button, the focus is set to the input. Why? Based on html native number input which has buttons that increment and decrement the input, when clicked, the focus is always set on the input. This is essencial because it allows external form apis do know that the input is being touched (this is achieved with onBlur event).

⛳️ Current behavior (updates)

• TokenInput: when the max button is triggered, focus is not set on the input

🚀 New behavior

• TokenInput: focus is set on the input when max btn is triggered.

[changeset-bot]

🦋 Changeset detected

Latest commit: 3c9ad30

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@interlay/ui	Patch
@interlay/hooks	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 21, 2023 10:16am

[tomjeatt]

Looks great