Introduce resolve props

[rvsia]

closes #646

For more details read the documentation page

This PR

• add resolveProps for form-connected fields
• moves actionsMapper functionality to renderForm (so you can use actions for subForms etc.)
• allows to merge mapper's actions and field's actions

Example of resolve props

{
    name: 'text_box_2',
    label: 'Validate me',
    isRequired: true,
    validate: [{
        type: 'required'
    }],
    component: components.TEXT_FIELD,
    resolveProps: (_props, {
        meta
    }) => {
        if (meta.valid && meta.touched) {
            return {
                helperText: 'Validated',
                validated: 'success'
            };
        }

        return {};
    }
}

[Hyperkid123]

We should follow the current order of priority Schema > GlobalProps. Merge the resolvers but if there are definitions in both component mapper and in the schema and share same keys, the schema key will override the mapper key.

{
  ...mapperResolver,
  ...schemaResolver
}

[codecov]

Codecov Report

Merging #651 into master will increase coverage by 0.02%.
The diff coverage is 100.00%.

@@            Coverage Diff             @@
##           master     #651      +/-   ##
==========================================
+ Coverage   93.00%   93.02%   +0.02%     
==========================================
  Files         189      189              
  Lines        3015     3025      +10     
  Branches      990      997       +7     
==========================================
+ Hits         2804     2814      +10     
  Misses        211      211              

Impacted Files	Coverage Δ
...ges/react-form-renderer/src/files/use-field-api.js	90.90% <100.00%> (-0.52%)	⬇️
...act-form-renderer/src/form-renderer/render-form.js	100.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 146e2d3...8788317. Read the comment docs.

[Hyperkid123]

@rvsia can you open an issue to cache the use field return value? It should improve performance a bit.

[Hyperkid123]

meta and form options types should be defined. You can use the final form meta props definition.

[rvsia]

Oh I missed formOptions, I will add it tomorrow.

[Hyperkid123]

I think you only want the meta typing right? Input is not passed to the function,

[rvsia]

It is.

[Hyperkid123]

Then the name is a bit confusing. I would expect just the meta object here. Can we change it?

[rvsia]

It's called InputMeta.. should it be InputAndMeta? :D

[Hyperkid123]

what about fieldApi?

[Hyperkid123]

🎉 This PR is included in version 2.8.0 🎉

The release is available on

• react-form-renderer (@latest dist-tag)

• pf3-component-mapper (@latest dist-tag)

• pf4-component-mapper (@latest dist-tag)

• mui-component-mapper (@latest dist-tag)

Demo can be found here!