Conditional Fields Example Document

condFields.json

{
    "field1":{
       "field1a":{
          "when":"(a) => a.includes('USA')"
       },
       "field1b":{
          "when":"(a) => a.includes('Mexico')"
       },
       "field1c":{
          "when":"(a) => a.includes('Canada')",
          "field1ca": {
              "when": "(a) => a.includes('Ontario')",
              "field1caa": {
                  "when": "(a) => a.length > 0"
              }
              
          }
       }
    },
    "field2":{
       "field2a": {
          "when":"(a) => a === 'Yes'"
       }
    }
 }

Where do we store the show condition in this concept? With the rest of the metadata?

The "show condition" is implied with this method. As we visit each node - and whatever AND/OR nodes are associated with it - we render the field in the DOM

a quick example of how I imagine node traversal working with this: https://codesandbox.io/s/staging-darkness-15r62?file=/src/App.js