src/components/datamap/fixtures/formWithConditionalPanel.js

export default {
  type: 'form',
  display: 'form',
  components: [
    {
      label: 'Checkbox',
      tableView: false,
      key: 'checkbox',
      type: 'checkbox',
      input: true
    },
    {
      label: 'Data Map',
      tableView: false,
      key: 'dataMap1',
      conditional: {
        show: true,
        conjunction: 'all',
        conditions: [
          {
            component: 'checkbox',
            operator: 'isEqual',
            value: 'true'
          }
        ]
      },
      type: 'datamap',
      input: true,
      valueComponent: {
        type: 'textfield',
        key: 'value',
        label: 'Value',
        input: true,
        hideLabel: true,
        tableView: true
      }
    },
    {
      collapsible: false,
      key: 'panel',
      conditional: {
        show: true,
        conjunction: 'all',
        conditions: [
          {
            component: 'checkbox',
            operator: 'isEqual',
            value: 'true'
          }
        ]
      },
      type: 'panel',
      label: 'Panel',
      input: false,
      tableView: false,
      components: [
        {
          label: 'Data Map',
          tableView: false,
          key: 'dataMap',
          type: 'datamap',
          input: true,
          valueComponent: {
            type: 'textfield',
            key: 'value',
            label: 'Value',
            input: true,
            hideLabel: true,
            tableView: true
          }
        }
      ]
    },
    {
      type: 'button',
      label: 'Submit',
      key: 'submit',
      disableOnInvalid: true,
      input: true,
      tableView: false
    }
  ],
};