Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Allow Conditions to set form values

See original GitHub issue

Scope: FormRender, Conditions

Description

User may often want to use a condition to not only (optionally) evaluate the display criteria for a form field, but to also (optionally) set a form value. For example, if there is a simple 3 field form - field A is a number, field B is a string and field C should have its value set based on a set of conditions on both A and B.

This feature should accomodate the ability to

evaluate a condition and set a form field without changing the visibility of the field
evaluate a condition and set a form field and change the visibility of the field
support hidden, but enabled fields

Semantics / Syntax Suggestion

<u>Evaluate a condition and set a form field without changing the visibility of the field</u>

{
  fields: [
    {
      name: 'Foo', // controlled field
      component: 'text-field',
      condition: {   // <-- new keyword 
        when: 'BarFoo', // name of controlled field
        is: 'Bar',      // condition
        remainVisible: true // remain visible (default)
        then: [{ // <-- absense of the "set" keyword means to set this field
          to: 'I have been set because BarFoo = Bar' // value to set
        },
        {
	 set: 'Woo',                                // name of field to set
          to: 'I have been set because BarFoo = Bar' // value to set
        }]
      }
    }, 
    {
      name: 'Woo', // controlled field
      component: 'text-field',
    },
    {
      name: 'BarFoo',
      label: 'Foo is Bar!',
      component: 'text-field',
    }
  ]
}

<u>Evaluate a condition and set a form field and change the visibility of the field</u>

{
  fields: [
    {
      name: 'Foo', // controlled field
      component: 'text-field',
      condition: {   // <-- new keyword 
        when: 'BarFoo', // name of controlled field
        is: 'Bar',      // condition
        remainVisible: false // become visible when condition is met and set fields
        then: [{ // <-- absense of the "set" keyword means to set this field
          to: 'I have been set because BarFoo = Bar' // value to set
        }]
      }
    }, 
    {
      name: 'Woo', // controlled field
      component: 'text-field',
    },
    {
      name: 'BarFoo',
      label: 'Foo is Bar!',
      component: 'text-field',
    }
  ]
}