Identify form resets incomponents using useField

[adrianrudnik]

Is there a way to react to parents resetForm() calls inside an input component that is implemented based on useField()?

Right now, there are two cases I need to react to:

• Initial view render, leading to clean form rendering based on useForm(), leading to onMounted event inside the input component that uses useField(). This one is the basic one and works without hassle.
• User pushing "reset form", leading to resetForm(), resetting values on the already mounted component and reset the input component back to a "default" state, not just the "values".

My use case is a grouped input component that has an input text and a dropdown (imagine "label" input text and "language" dropdown). The dependency is that the input text changes based on the dropdown.

Using a resetForm() right now pushes "default" values down to the input component instance, but I have no idea how I identify that this is a reset and not just a value change. I need to reset the dropdown into a clean state as well (i.e. back to users' default language or the first available one as dropdown value, then reset the input text).

I tried some combinations of useFields own value and meta.dirty, but there is no meta.pristine or meta.reset to watchand identify form resets reliably.

Is there a way how a component can identify a complete form reset and do extra stuff involved with that?

[logaretm]

dirty should be the opposite of pristine. So if you watch for it you should detect when the field is set to its initial value. It doesn't give you exactly what you need but it could be enough.

Alternatively, you could check if value === meta.initialValue which is pretty much the opposite of dirty.

There are no plans at the moment to add hooks like beforeReset at the moment.