feat: enable dynamic validation

[baptisteArno]

Summary

Enable dynamic validation. For example, if we need a field to change its required prop based on other fields value.

I created a useField wrapper that changes its data property (to trigger a field reload) if the validate function has changed. We have to do this ourselves because the useField hook from react-final-form doesn't "reload" the field if the validate function changes (See this comment in the source code)

Also, now this new useField hook is calling pickValidators and useValidation itself. It results in a cleaner code IMO 👌

Relevant logs and/or screenshots

Before

CleanShot.2022-09-27.at.13.28.55.mp4

After

CleanShot.2022-09-27.at.13.29.23.mp4

[chambo-e]

Worried about our own useField and final-form useField conflict in DX

Wouldn't useOnFieldChange be able to handle this kind of issue ?

What are we trying to implement here ? :)

[baptisteArno]

Worried about our own useField and final-form useField conflict in DX

Yeah, that may be concerning, but we do the same with Form. useField isn't publicly exported, it's only used in scw-form code base. I don't think it would impact DX that much!

Wouldn't useOnFieldChange be able to handle this kind of issue ?

From what I understand, useOnFieldChange (hook from our internal code) is just a value change subscriber that triggers a callback when the value change? That's not really the same topic here.

The whole point of this PR is to update input metadata when the validation props are changing. react-final-form explain why they don't do it here

[baptisteArno]

@chambo-e

@DorianMaliszewski suggested renaming the custom useField hook to useFormField to avoid the confusion.

We also discussed other potential solutions. This is the best one we could find.

[scaleway-bot]

🎉 This PR is included in version 1.32.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀