diff --git a/app/javascript/components/reconfigure-vm-form/reconfigure-form-fields.js b/app/javascript/components/reconfigure-vm-form/reconfigure-form-fields.js
index a24a235811a..5cc178c6dac 100644
--- a/app/javascript/components/reconfigure-vm-form/reconfigure-form-fields.js
+++ b/app/javascript/components/reconfigure-vm-form/reconfigure-form-fields.js
@@ -149,19 +149,19 @@ const driveTable = (data, roles, setData, onCellClick) => ({
   hideField: !data.dataTable.drives || data.dataTable.drives.length === 0,
 });
 
-const renderDatatables = (recordId, data, roles, setData, onCellClick, buttonClick) => {
+const renderDatatables = (recordId, data, roles, setData, onCellClick, buttonClick) => [diskTable(data, roles, setData, onCellClick, buttonClick),
+  networkTable(data, roles, setData, onCellClick, buttonClick),
+  driveTable(data, roles, setData, onCellClick)];
+
+export const reconfigureFormFields = (recordId, roles, memory, data, setData, options, onCellClick, buttonClick) => {
+  const formFields = [
+    memoryField(roles),
+    memoryFormFields(memory),
+    processorField(roles),
+    processorFormFields(data, setData, options, memory.max_cpu),
+  ];
   if (recordId.length === 1) {
-    return [diskTable(data, roles, setData, onCellClick, buttonClick),
-      networkTable(data, roles, setData, onCellClick, buttonClick),
-      driveTable(data, roles, setData, onCellClick)];
+    formFields.push(renderDatatables(recordId, data, roles, setData, onCellClick, buttonClick));
   }
-  return '';
+  return formFields;
 };
-
-export const reconfigureFormFields = (recordId, roles, memory, data, setData, options, onCellClick, buttonClick) => ([
-  memoryField(roles),
-  memoryFormFields(memory),
-  processorField(roles),
-  processorFormFields(data, setData, options, memory.max_cpu),
-  renderDatatables(recordId, data, roles, setData, onCellClick, buttonClick),
-]);
diff --git a/app/javascript/spec/reconfigure-vm-form/__snapshots__/reconfigure-vm-form.spec.js.snap b/app/javascript/spec/reconfigure-vm-form/__snapshots__/reconfigure-vm-form.spec.js.snap
index 9bcd926cd30..e05e4dad93b 100644
--- a/app/javascript/spec/reconfigure-vm-form/__snapshots__/reconfigure-vm-form.spec.js.snap
+++ b/app/javascript/spec/reconfigure-vm-form/__snapshots__/reconfigure-vm-form.spec.js.snap
@@ -20713,7 +20713,6 @@ exports[`Reconfigure VM form component should render reconfigure form and show h
                     "id": "processor-sub-form",
                     "name": "processor-sub-form",
                   },
-                  "",
                 ],
               ],
               "name": "BasicInformation",
@@ -20946,7 +20945,6 @@ exports[`Reconfigure VM form component should render reconfigure form and show h
                       "id": "processor-sub-form",
                       "name": "processor-sub-form",
                     },
-                    "",
                   ],
                 ],
                 "name": "BasicInformation",
@@ -21172,7 +21170,6 @@ exports[`Reconfigure VM form component should render reconfigure form and show h
                         "id": "processor-sub-form",
                         "name": "processor-sub-form",
                       },
-                      "",
                     ],
                   ],
                   "name": "BasicInformation",
@@ -21195,257 +21192,4528 @@ exports[`Reconfigure VM form component should render reconfigure form and show h
             }
           }
         >
-          <SchemaErrorComponent
-            message="Each fields item must have \\"component\\" property!"
-            name="DefaultSchemaError"
-          >
-            <div
-              style={
-                Object {
-                  "border": "1px solid #bbb",
-                  "borderCollapse": "collapse",
-                  "borderRadius": 2,
-                  "padding": 5,
-                }
+          <ReactFinalForm
+            decorators={
+              Array [
+                [Function],
+              ]
+            }
+            dispatch={[Function]}
+            initialValues={
+              Object {
+                "cb_memory": true,
+                "cores_per_socket_count": "1",
+                "mem_type": "GB",
+                "memory": "4",
+                "processor": true,
+                "socket_count": "3",
               }
-            >
-              <h1
-                style={
-                  Object {
-                    "fontSize": 24,
-                    "marginBottom": 5,
-                  }
-                }
-              >
-                Form could not be rendered, because of invalid form schema.
-              </h1>
-              <h2
-                style={
-                  Object {
-                    "fontSize": 20,
-                    "marginBottom": 5,
-                  }
-                }
-              >
-                DefaultSchemaError
-                :
-              </h2>
-              <p
-                style={
-                  Object {
-                    "marginBottom": 5,
-                  }
-                }
-              >
-                Each fields item must have "component" property!
-              </p>
-              <p>
-                If you don't know what this error means, please contact site administrator.
-              </p>
-            </div>
-          </SchemaErrorComponent>
-        </FormRenderer>
-      </MiqFormRenderer>
-    </Connect(MiqFormRenderer)>
-  </ReconfigureVmForm>
-</Provider>
-`;
-
-exports[`Reconfigure VM form component should render reconfigure form and show network add form 1`] = `
-<Provider
-  store={
-    Object {
-      "asyncReducers": Object {
-        "FormButtons": [Function],
-        "miqCustomTabReducer": [Function],
-        "notificationReducer": [Function],
-      },
-      "dispatch": [Function],
-      "getState": [Function],
-      "injectReducers": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-      Symbol(observable): [Function],
-    }
-  }
->
-  <ReconfigureVmForm
-    memory={
-      Object {
-        "max": 10,
-        "min": 1024,
-      }
-    }
-    options={
-      Object {
-        "avail_adapter_names": Array [],
-        "controller_types": Array [
-          "VirtualController",
-          "ParaVirtualController",
-          "VirtualBusController",
-        ],
-        "cores_options": Array [
-          1,
-          2,
-          3,
-          4,
-        ],
-        "host_file_options": Array [
-          Array [
-            "host file test 1.iso",
-            "host file test 1.iso,18",
-          ],
-          Array [
-            "host file test 2.iso",
-            "host file test 2.iso,18",
-          ],
-          Array [
-            "host file test 3.iso",
-            "host file test 3.iso,18",
-          ],
-        ],
-        "socket_options": Array [
-          1,
-          2,
-          3,
-          4,
-        ],
-        "vlan_options": Array [
-          "vlan test 0",
-          "vlan test 1",
-          "vlan test 3",
-        ],
-      }
-    }
-    recordId={
-      Array [
-        12,
-      ]
-    }
-    requestId="new"
-    roles={
-      Object {
-        "allowCdromsChange": true,
-        "allowCpuChange": true,
-        "allowDiskChange": true,
-        "allowDiskSizeChange": true,
-        "allowMemoryChange": true,
-        "allowNetworkChange": true,
-        "isRedhat": true,
-        "isVmwareCloud": false,
-        "isVmwareInfra": true,
-      }
-    }
-  >
-    <Connect(MiqFormRenderer)
-      FormTemplate={[Function]}
-      clearOnUnmount={true}
-      componentMapper={
-        Object {
-          "checkbox": [Function],
-          "code-editor": [Function],
-          "date-picker": [Function],
-          "dual-list-select": [Function],
-          "edit-password-field": [Function],
-          "field-array": [Function],
-          "file-upload": [Function],
-          "font-icon-picker": [Function],
-          "font-icon-picker-ddf": [Function],
-          "multi-select": [Function],
-          "password-field": [Function],
-          "plain-text": [Function],
-          "radio": [Function],
-          "reconfigure-table": [Function],
-          "select": [Function],
-          "slider": [Function],
-          "sub-form": [Function],
-          "switch": [Function],
-          "tabs": [Function],
-          "text-field": [Function],
-          "textarea": [Function],
-          "time-picker": [Function],
-          "tree-selector": [Function],
-          "tree-view": [Function],
-          "validate-credentials": [Function],
-          "wizard": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "cb_memory": false,
-          "cores_per_socket_count": "1",
-          "mem_type": "GB",
-          "memory": "16",
-          "processor": false,
-          "socket_count": "4",
-        }
-      }
-      onCancel={[Function]}
-      onReset={[Function]}
-      onSubmit={[Function]}
-      schema={
-        Object {
-          "fields": Array [
-            Object {
-              "className": "network_form",
-              "component": "sub-form",
-              "fields": Array [
+            }
+            mutators={
+              Object {
+                "concat": [Function],
+                "insert": [Function],
+                "move": [Function],
+                "pop": [Function],
+                "push": [Function],
+                "remove": [Function],
+                "removeBatch": [Function],
+                "shift": [Function],
+                "swap": [Function],
+                "unshift": [Function],
+                "update": [Function],
+              }
+            }
+            onSubmit={[Function]}
+            render={[Function]}
+            subscription={
+              Object {
+                "pristine": true,
+                "submitting": true,
+                "valid": true,
+              }
+            }
+          >
+            <FormTemplate
+              formFields={
                 Array [
-                  Object {
-                    "autoFocus": true,
-                    "component": "text-field",
-                    "hideField": true,
-                    "id": "name",
-                    "initialValue": "",
-                    "isReadOnly": false,
-                    "label": "Name",
-                    "name": "name",
-                  },
-                  Object {
-                    "component": "select",
-                    "hideField": false,
-                    "id": "vlan",
-                    "includeEmpty": true,
-                    "initialValue": "",
-                    "isRequired": true,
-                    "label": "vLan",
-                    "name": "vlan",
-                    "options": Array [
-                      Object {
-                        "label": "vlan test 0",
-                        "value": "vlan test 0",
-                      },
-                      Object {
-                        "label": "vlan test 1",
-                        "value": "vlan test 1",
-                      },
-                      Object {
-                        "label": "vlan test 3",
-                        "value": "vlan test 3",
-                      },
-                    ],
-                    "placeholder": "<Choose>",
-                    "validate": Array [
-                      Object {
-                        "hideField": false,
-                        "type": "customRequired",
-                      },
-                    ],
-                  },
-                  Object {
-                    "component": "select",
-                    "hideField": true,
-                    "id": "network",
-                    "includeEmpty": true,
-                    "initialValue": "",
-                    "isRequired": true,
-                    "label": "Network",
-                    "name": "network",
-                    "options": Array [],
-                    "placeholder": "<Choose>",
-                    "validate": Array [
-                      Object {
-                        "hideField": true,
+                  <SingleField
+                    className="reconfigure_form"
+                    component="sub-form"
+                    fields={
+                      Array [
+                        Array [
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Memory",
+                            "name": "cb_memory",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "cb_memory",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "text-field",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "initialValue": 16,
+                                "isRequired": true,
+                                "label": "Memory Size",
+                                "name": "memory",
+                                "validate": Array [
+                                  Object {
+                                    "type": "memoryCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "helperText": "Between 1024MB and 0.009765625GB",
+                                "id": "memoryType",
+                                "initialValue": "GB",
+                                "label": "Unit",
+                                "name": "mem_type",
+                                "options": Array [
+                                  Object {
+                                    "label": "GB",
+                                    "value": "GB",
+                                  },
+                                  Object {
+                                    "label": "MB",
+                                    "value": "MB",
+                                  },
+                                ],
+                              },
+                            ],
+                            "id": "memory-sub-form",
+                            "name": "memory-sub-form",
+                          },
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Processor",
+                            "name": "processor",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "processor",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "socket",
+                                "label": "Sockets",
+                                "name": "socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "socket",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "cores",
+                                "label": "Cores Per Socket",
+                                "name": "cores_per_socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "cores",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "text-field",
+                                "id": "total_cpus",
+                                "initialValue": 3,
+                                "isReadOnly": true,
+                                "label": "Total Processors",
+                                "name": "total_cpus",
+                                "type": "number",
+                              },
+                            ],
+                            "id": "processor-sub-form",
+                            "name": "processor-sub-form",
+                          },
+                        ],
+                      ]
+                    }
+                    name="BasicInformation"
+                    title="Options"
+                  />,
+                  <SingleField
+                    component="spy-field"
+                    name="spy-field"
+                  />,
+                ]
+              }
+              schema={
+                Object {
+                  "fields": Array [
+                    Object {
+                      "className": "reconfigure_form",
+                      "component": "sub-form",
+                      "fields": Array [
+                        Array [
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Memory",
+                            "name": "cb_memory",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "cb_memory",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "text-field",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "initialValue": 16,
+                                "isRequired": true,
+                                "label": "Memory Size",
+                                "name": "memory",
+                                "validate": Array [
+                                  Object {
+                                    "type": "memoryCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "helperText": "Between 1024MB and 0.009765625GB",
+                                "id": "memoryType",
+                                "initialValue": "GB",
+                                "label": "Unit",
+                                "name": "mem_type",
+                                "options": Array [
+                                  Object {
+                                    "label": "GB",
+                                    "value": "GB",
+                                  },
+                                  Object {
+                                    "label": "MB",
+                                    "value": "MB",
+                                  },
+                                ],
+                              },
+                            ],
+                            "id": "memory-sub-form",
+                            "name": "memory-sub-form",
+                          },
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Processor",
+                            "name": "processor",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "processor",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "socket",
+                                "label": "Sockets",
+                                "name": "socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "socket",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "cores",
+                                "label": "Cores Per Socket",
+                                "name": "cores_per_socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "cores",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "text-field",
+                                "id": "total_cpus",
+                                "initialValue": 3,
+                                "isReadOnly": true,
+                                "label": "Total Processors",
+                                "name": "total_cpus",
+                                "type": "number",
+                              },
+                            ],
+                            "id": "processor-sub-form",
+                            "name": "processor-sub-form",
+                          },
+                        ],
+                      ],
+                      "name": "BasicInformation",
+                      "title": "Options",
+                    },
+                    Object {
+                      "component": "spy-field",
+                      "initialize": undefined,
+                      "name": "spy-field",
+                    },
+                  ],
+                }
+              }
+            >
+              <ReconfigureTemplate
+                canSubmit={false}
+                formFields={
+                  Array [
+                    <SingleField
+                      className="reconfigure_form"
+                      component="sub-form"
+                      fields={
+                        Array [
+                          Array [
+                            Object {
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Memory",
+                              "name": "cb_memory",
+                              "offText": "No",
+                              "onText": "Yes",
+                            },
+                            Object {
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "cb_memory",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "text-field",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "initialValue": 16,
+                                  "isRequired": true,
+                                  "label": "Memory Size",
+                                  "name": "memory",
+                                  "validate": Array [
+                                    Object {
+                                      "type": "memoryCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                  "id": "memoryType",
+                                  "initialValue": "GB",
+                                  "label": "Unit",
+                                  "name": "mem_type",
+                                  "options": Array [
+                                    Object {
+                                      "label": "GB",
+                                      "value": "GB",
+                                    },
+                                    Object {
+                                      "label": "MB",
+                                      "value": "MB",
+                                    },
+                                  ],
+                                },
+                              ],
+                              "id": "memory-sub-form",
+                              "name": "memory-sub-form",
+                            },
+                            Object {
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Processor",
+                              "name": "processor",
+                              "offText": "No",
+                              "onText": "Yes",
+                            },
+                            Object {
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "processor",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "socket",
+                                  "label": "Sockets",
+                                  "name": "socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "socket",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "cores",
+                                  "label": "Cores Per Socket",
+                                  "name": "cores_per_socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "cores",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "text-field",
+                                  "id": "total_cpus",
+                                  "initialValue": 3,
+                                  "isReadOnly": true,
+                                  "label": "Total Processors",
+                                  "name": "total_cpus",
+                                  "type": "number",
+                                },
+                              ],
+                              "id": "processor-sub-form",
+                              "name": "processor-sub-form",
+                            },
+                          ],
+                        ]
+                      }
+                      name="BasicInformation"
+                      title="Options"
+                    />,
+                    <SingleField
+                      component="spy-field"
+                      name="spy-field"
+                    />,
+                  ]
+                }
+                hideButtons={false}
+                schema={
+                  Object {
+                    "fields": Array [
+                      Object {
+                        "className": "reconfigure_form",
+                        "component": "sub-form",
+                        "fields": Array [
+                          Array [
+                            Object {
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Memory",
+                              "name": "cb_memory",
+                              "offText": "No",
+                              "onText": "Yes",
+                            },
+                            Object {
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "cb_memory",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "text-field",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "initialValue": 16,
+                                  "isRequired": true,
+                                  "label": "Memory Size",
+                                  "name": "memory",
+                                  "validate": Array [
+                                    Object {
+                                      "type": "memoryCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                  "id": "memoryType",
+                                  "initialValue": "GB",
+                                  "label": "Unit",
+                                  "name": "mem_type",
+                                  "options": Array [
+                                    Object {
+                                      "label": "GB",
+                                      "value": "GB",
+                                    },
+                                    Object {
+                                      "label": "MB",
+                                      "value": "MB",
+                                    },
+                                  ],
+                                },
+                              ],
+                              "id": "memory-sub-form",
+                              "name": "memory-sub-form",
+                            },
+                            Object {
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Processor",
+                              "name": "processor",
+                              "offText": "No",
+                              "onText": "Yes",
+                            },
+                            Object {
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "processor",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "socket",
+                                  "label": "Sockets",
+                                  "name": "socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "socket",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "cores",
+                                  "label": "Cores Per Socket",
+                                  "name": "cores_per_socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "cores",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "text-field",
+                                  "id": "total_cpus",
+                                  "initialValue": 3,
+                                  "isReadOnly": true,
+                                  "label": "Total Processors",
+                                  "name": "total_cpus",
+                                  "type": "number",
+                                },
+                              ],
+                              "id": "processor-sub-form",
+                              "name": "processor-sub-form",
+                            },
+                          ],
+                        ],
+                        "name": "BasicInformation",
+                        "title": "Options",
+                      },
+                      Object {
+                        "component": "spy-field",
+                        "initialize": undefined,
+                        "name": "spy-field",
+                      },
+                    ],
+                  }
+                }
+              >
+                <form
+                  className="form-react reconfigure-form"
+                  onSubmit={[Function]}
+                >
+                  <SingleField
+                    className="reconfigure_form"
+                    component="sub-form"
+                    fields={
+                      Array [
+                        Array [
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Memory",
+                            "name": "cb_memory",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "cb_memory",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "text-field",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "initialValue": 16,
+                                "isRequired": true,
+                                "label": "Memory Size",
+                                "name": "memory",
+                                "validate": Array [
+                                  Object {
+                                    "type": "memoryCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "helperText": "Between 1024MB and 0.009765625GB",
+                                "id": "memoryType",
+                                "initialValue": "GB",
+                                "label": "Unit",
+                                "name": "mem_type",
+                                "options": Array [
+                                  Object {
+                                    "label": "GB",
+                                    "value": "GB",
+                                  },
+                                  Object {
+                                    "label": "MB",
+                                    "value": "MB",
+                                  },
+                                ],
+                              },
+                            ],
+                            "id": "memory-sub-form",
+                            "name": "memory-sub-form",
+                          },
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Processor",
+                            "name": "processor",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "processor",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "socket",
+                                "label": "Sockets",
+                                "name": "socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "socket",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "cores",
+                                "label": "Cores Per Socket",
+                                "name": "cores_per_socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "cores",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "text-field",
+                                "id": "total_cpus",
+                                "initialValue": 3,
+                                "isReadOnly": true,
+                                "label": "Total Processors",
+                                "name": "total_cpus",
+                                "type": "number",
+                              },
+                            ],
+                            "id": "processor-sub-form",
+                            "name": "processor-sub-form",
+                          },
+                        ],
+                      ]
+                    }
+                    key="BasicInformation"
+                    name="BasicInformation"
+                    title="Options"
+                  >
+                    <FormConditionWrapper
+                      field={
+                        Object {
+                          "className": "reconfigure_form",
+                          "component": "sub-form",
+                          "fields": Array [
+                            Array [
+                              Object {
+                                "component": "switch",
+                                "isDisabled": false,
+                                "label": "Memory",
+                                "name": "cb_memory",
+                                "offText": "No",
+                                "onText": "Yes",
+                              },
+                              Object {
+                                "className": "reconfigure-sub-form",
+                                "component": "sub-form",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "fields": Array [
+                                  Object {
+                                    "component": "text-field",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "initialValue": 16,
+                                    "isRequired": true,
+                                    "label": "Memory Size",
+                                    "name": "memory",
+                                    "validate": Array [
+                                      Object {
+                                        "type": "memoryCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "helperText": "Between 1024MB and 0.009765625GB",
+                                    "id": "memoryType",
+                                    "initialValue": "GB",
+                                    "label": "Unit",
+                                    "name": "mem_type",
+                                    "options": Array [
+                                      Object {
+                                        "label": "GB",
+                                        "value": "GB",
+                                      },
+                                      Object {
+                                        "label": "MB",
+                                        "value": "MB",
+                                      },
+                                    ],
+                                  },
+                                ],
+                                "id": "memory-sub-form",
+                                "name": "memory-sub-form",
+                              },
+                              Object {
+                                "component": "switch",
+                                "isDisabled": false,
+                                "label": "Processor",
+                                "name": "processor",
+                                "offText": "No",
+                                "onText": "Yes",
+                              },
+                              Object {
+                                "className": "reconfigure-sub-form",
+                                "component": "sub-form",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "processor",
+                                },
+                                "fields": Array [
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "socket",
+                                    "label": "Sockets",
+                                    "name": "socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "socket",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "cores",
+                                    "label": "Cores Per Socket",
+                                    "name": "cores_per_socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "cores",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "text-field",
+                                    "id": "total_cpus",
+                                    "initialValue": 3,
+                                    "isReadOnly": true,
+                                    "label": "Total Processors",
+                                    "name": "total_cpus",
+                                    "type": "number",
+                                  },
+                                ],
+                                "id": "processor-sub-form",
+                                "name": "processor-sub-form",
+                              },
+                            ],
+                          ],
+                          "name": "BasicInformation",
+                          "title": "Options",
+                        }
+                      }
+                    >
+                      <FormFieldHideWrapper
+                        hideField={false}
+                      >
+                        <SubForm
+                          DescriptionElement="p"
+                          TitleElement="h3"
+                          className="reconfigure_form"
+                          component="sub-form"
+                          fields={
+                            Array [
+                              Array [
+                                Object {
+                                  "component": "switch",
+                                  "isDisabled": false,
+                                  "label": "Memory",
+                                  "name": "cb_memory",
+                                  "offText": "No",
+                                  "onText": "Yes",
+                                },
+                                Object {
+                                  "className": "reconfigure-sub-form",
+                                  "component": "sub-form",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "fields": Array [
+                                    Object {
+                                      "component": "text-field",
+                                      "condition": Object {
+                                        "is": true,
+                                        "when": "cb_memory",
+                                      },
+                                      "initialValue": 16,
+                                      "isRequired": true,
+                                      "label": "Memory Size",
+                                      "name": "memory",
+                                      "validate": Array [
+                                        Object {
+                                          "type": "memoryCheck",
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "component": "select",
+                                      "condition": Object {
+                                        "is": true,
+                                        "when": "cb_memory",
+                                      },
+                                      "helperText": "Between 1024MB and 0.009765625GB",
+                                      "id": "memoryType",
+                                      "initialValue": "GB",
+                                      "label": "Unit",
+                                      "name": "mem_type",
+                                      "options": Array [
+                                        Object {
+                                          "label": "GB",
+                                          "value": "GB",
+                                        },
+                                        Object {
+                                          "label": "MB",
+                                          "value": "MB",
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                  "id": "memory-sub-form",
+                                  "name": "memory-sub-form",
+                                },
+                                Object {
+                                  "component": "switch",
+                                  "isDisabled": false,
+                                  "label": "Processor",
+                                  "name": "processor",
+                                  "offText": "No",
+                                  "onText": "Yes",
+                                },
+                                Object {
+                                  "className": "reconfigure-sub-form",
+                                  "component": "sub-form",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "processor",
+                                  },
+                                  "fields": Array [
+                                    Object {
+                                      "component": "select",
+                                      "hideField": false,
+                                      "id": "socket",
+                                      "label": "Sockets",
+                                      "name": "socket_count",
+                                      "onChange": [Function],
+                                      "options": Array [
+                                        Object {
+                                          "label": "1",
+                                          "value": 1,
+                                        },
+                                        Object {
+                                          "label": "2",
+                                          "value": 2,
+                                        },
+                                        Object {
+                                          "label": "3",
+                                          "value": 3,
+                                        },
+                                        Object {
+                                          "label": "4",
+                                          "value": 4,
+                                        },
+                                      ],
+                                      "validate": Array [
+                                        Object {
+                                          "field": "socket",
+                                          "type": "cpuCheck",
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "component": "select",
+                                      "hideField": false,
+                                      "id": "cores",
+                                      "label": "Cores Per Socket",
+                                      "name": "cores_per_socket_count",
+                                      "onChange": [Function],
+                                      "options": Array [
+                                        Object {
+                                          "label": "1",
+                                          "value": 1,
+                                        },
+                                        Object {
+                                          "label": "2",
+                                          "value": 2,
+                                        },
+                                        Object {
+                                          "label": "3",
+                                          "value": 3,
+                                        },
+                                        Object {
+                                          "label": "4",
+                                          "value": 4,
+                                        },
+                                      ],
+                                      "validate": Array [
+                                        Object {
+                                          "field": "cores",
+                                          "type": "cpuCheck",
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "component": "text-field",
+                                      "id": "total_cpus",
+                                      "initialValue": 3,
+                                      "isReadOnly": true,
+                                      "label": "Total Processors",
+                                      "name": "total_cpus",
+                                      "type": "number",
+                                    },
+                                  ],
+                                  "id": "processor-sub-form",
+                                  "name": "processor-sub-form",
+                                },
+                              ],
+                            ]
+                          }
+                          name="BasicInformation"
+                          title="Options"
+                        >
+                          <div
+                            className="reconfigure_form"
+                            name="BasicInformation"
+                          >
+                            <div>
+                              <h3>
+                                Options
+                              </h3>
+                            </div>
+                            <SingleField
+                              component="switch"
+                              isDisabled={false}
+                              key="cb_memory"
+                              label="Memory"
+                              name="cb_memory"
+                              offText="No"
+                              onText="Yes"
+                            >
+                              <FormConditionWrapper
+                                field={
+                                  Object {
+                                    "component": "switch",
+                                    "isDisabled": false,
+                                    "label": "Memory",
+                                    "name": "cb_memory",
+                                    "offText": "No",
+                                    "onText": "Yes",
+                                  }
+                                }
+                              >
+                                <FormFieldHideWrapper
+                                  hideField={false}
+                                >
+                                  <Switch
+                                    component="switch"
+                                    isDisabled={false}
+                                    label="Memory"
+                                    name="cb_memory"
+                                    offText="No"
+                                    onText="Yes"
+                                  >
+                                    <div>
+                                      <FeatureToggle(Toggle)
+                                        disabled={false}
+                                        id="cb_memory"
+                                        key="cb_memory"
+                                        labelA="No"
+                                        labelB="Yes"
+                                        labelText="Memory"
+                                        name="cb_memory"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        toggled={true}
+                                        type="checkbox"
+                                      >
+                                        <Toggle
+                                          aria-label="Toggle"
+                                          defaultToggled={false}
+                                          disabled={false}
+                                          id="cb_memory"
+                                          labelA="No"
+                                          labelB="Yes"
+                                          labelText="Memory"
+                                          name="cb_memory"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          onToggle={[Function]}
+                                          toggled={true}
+                                          type="checkbox"
+                                        >
+                                          <div
+                                            className="bx--form-item"
+                                          >
+                                            <input
+                                              aria-label={null}
+                                              checked={true}
+                                              className="bx--toggle-input"
+                                              disabled={false}
+                                              id="cb_memory"
+                                              name="cb_memory"
+                                              onBlur={[Function]}
+                                              onChange={[Function]}
+                                              onFocus={[Function]}
+                                              onKeyUp={[Function]}
+                                              type="checkbox"
+                                            />
+                                            <label
+                                              aria-label={null}
+                                              className="bx--toggle-input__label"
+                                              htmlFor="cb_memory"
+                                            >
+                                              Memory
+                                              <span
+                                                className="bx--toggle__switch"
+                                              >
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--off"
+                                                >
+                                                  No
+                                                </span>
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--on"
+                                                >
+                                                  Yes
+                                                </span>
+                                              </span>
+                                            </label>
+                                          </div>
+                                        </Toggle>
+                                      </FeatureToggle(Toggle)>
+                                      <HelperTextBlock />
+                                    </div>
+                                  </Switch>
+                                </FormFieldHideWrapper>
+                              </FormConditionWrapper>
+                            </SingleField>
+                            <SingleField
+                              className="reconfigure-sub-form"
+                              component="sub-form"
+                              condition={
+                                Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                }
+                              }
+                              fields={
+                                Array [
+                                  Object {
+                                    "component": "text-field",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "initialValue": 16,
+                                    "isRequired": true,
+                                    "label": "Memory Size",
+                                    "name": "memory",
+                                    "validate": Array [
+                                      Object {
+                                        "type": "memoryCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "helperText": "Between 1024MB and 0.009765625GB",
+                                    "id": "memoryType",
+                                    "initialValue": "GB",
+                                    "label": "Unit",
+                                    "name": "mem_type",
+                                    "options": Array [
+                                      Object {
+                                        "label": "GB",
+                                        "value": "GB",
+                                      },
+                                      Object {
+                                        "label": "MB",
+                                        "value": "MB",
+                                      },
+                                    ],
+                                  },
+                                ]
+                              }
+                              id="memory-sub-form"
+                              key="memory-sub-form"
+                              name="memory-sub-form"
+                            >
+                              <FormConditionWrapper
+                                condition={
+                                  Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  }
+                                }
+                                field={
+                                  Object {
+                                    "className": "reconfigure-sub-form",
+                                    "component": "sub-form",
+                                    "fields": Array [
+                                      Object {
+                                        "component": "text-field",
+                                        "condition": Object {
+                                          "is": true,
+                                          "when": "cb_memory",
+                                        },
+                                        "initialValue": 16,
+                                        "isRequired": true,
+                                        "label": "Memory Size",
+                                        "name": "memory",
+                                        "validate": Array [
+                                          Object {
+                                            "type": "memoryCheck",
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "component": "select",
+                                        "condition": Object {
+                                          "is": true,
+                                          "when": "cb_memory",
+                                        },
+                                        "helperText": "Between 1024MB and 0.009765625GB",
+                                        "id": "memoryType",
+                                        "initialValue": "GB",
+                                        "label": "Unit",
+                                        "name": "mem_type",
+                                        "options": Array [
+                                          Object {
+                                            "label": "GB",
+                                            "value": "GB",
+                                          },
+                                          Object {
+                                            "label": "MB",
+                                            "value": "MB",
+                                          },
+                                        ],
+                                      },
+                                    ],
+                                    "id": "memory-sub-form",
+                                    "name": "memory-sub-form",
+                                  }
+                                }
+                              >
+                                <ConditionTriggerDetector
+                                  condition={
+                                    Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    }
+                                  }
+                                  field={
+                                    Object {
+                                      "className": "reconfigure-sub-form",
+                                      "component": "sub-form",
+                                      "fields": Array [
+                                        Object {
+                                          "component": "text-field",
+                                          "condition": Object {
+                                            "is": true,
+                                            "when": "cb_memory",
+                                          },
+                                          "initialValue": 16,
+                                          "isRequired": true,
+                                          "label": "Memory Size",
+                                          "name": "memory",
+                                          "validate": Array [
+                                            Object {
+                                              "type": "memoryCheck",
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "component": "select",
+                                          "condition": Object {
+                                            "is": true,
+                                            "when": "cb_memory",
+                                          },
+                                          "helperText": "Between 1024MB and 0.009765625GB",
+                                          "id": "memoryType",
+                                          "initialValue": "GB",
+                                          "label": "Unit",
+                                          "name": "mem_type",
+                                          "options": Array [
+                                            Object {
+                                              "label": "GB",
+                                              "value": "GB",
+                                            },
+                                            Object {
+                                              "label": "MB",
+                                              "value": "MB",
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                      "id": "memory-sub-form",
+                                      "name": "memory-sub-form",
+                                    }
+                                  }
+                                  triggers={
+                                    Array [
+                                      "cb_memory",
+                                    ]
+                                  }
+                                >
+                                  <ForwardRef(Field)
+                                    name="cb_memory"
+                                    subscription={
+                                      Object {
+                                        "value": true,
+                                      }
+                                    }
+                                  >
+                                    <ConditionTriggerDetector
+                                      condition={
+                                        Object {
+                                          "is": true,
+                                          "when": "cb_memory",
+                                        }
+                                      }
+                                      field={
+                                        Object {
+                                          "className": "reconfigure-sub-form",
+                                          "component": "sub-form",
+                                          "fields": Array [
+                                            Object {
+                                              "component": "text-field",
+                                              "condition": Object {
+                                                "is": true,
+                                                "when": "cb_memory",
+                                              },
+                                              "initialValue": 16,
+                                              "isRequired": true,
+                                              "label": "Memory Size",
+                                              "name": "memory",
+                                              "validate": Array [
+                                                Object {
+                                                  "type": "memoryCheck",
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "component": "select",
+                                              "condition": Object {
+                                                "is": true,
+                                                "when": "cb_memory",
+                                              },
+                                              "helperText": "Between 1024MB and 0.009765625GB",
+                                              "id": "memoryType",
+                                              "initialValue": "GB",
+                                              "label": "Unit",
+                                              "name": "mem_type",
+                                              "options": Array [
+                                                Object {
+                                                  "label": "GB",
+                                                  "value": "GB",
+                                                },
+                                                Object {
+                                                  "label": "MB",
+                                                  "value": "MB",
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                          "id": "memory-sub-form",
+                                          "name": "memory-sub-form",
+                                        }
+                                      }
+                                      triggers={Array []}
+                                      values={
+                                        Object {
+                                          "cb_memory": true,
+                                        }
+                                      }
+                                    >
+                                      <ConditionTriggerWrapper
+                                        condition={
+                                          Object {
+                                            "is": true,
+                                            "when": "cb_memory",
+                                          }
+                                        }
+                                        field={
+                                          Object {
+                                            "className": "reconfigure-sub-form",
+                                            "component": "sub-form",
+                                            "fields": Array [
+                                              Object {
+                                                "component": "text-field",
+                                                "condition": Object {
+                                                  "is": true,
+                                                  "when": "cb_memory",
+                                                },
+                                                "initialValue": 16,
+                                                "isRequired": true,
+                                                "label": "Memory Size",
+                                                "name": "memory",
+                                                "validate": Array [
+                                                  Object {
+                                                    "type": "memoryCheck",
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "component": "select",
+                                                "condition": Object {
+                                                  "is": true,
+                                                  "when": "cb_memory",
+                                                },
+                                                "helperText": "Between 1024MB and 0.009765625GB",
+                                                "id": "memoryType",
+                                                "initialValue": "GB",
+                                                "label": "Unit",
+                                                "name": "mem_type",
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "GB",
+                                                    "value": "GB",
+                                                  },
+                                                  Object {
+                                                    "label": "MB",
+                                                    "value": "MB",
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                            "id": "memory-sub-form",
+                                            "name": "memory-sub-form",
+                                          }
+                                        }
+                                        values={
+                                          Object {
+                                            "cb_memory": true,
+                                          }
+                                        }
+                                      >
+                                        <Component
+                                          condition={
+                                            Object {
+                                              "is": true,
+                                              "when": "cb_memory",
+                                            }
+                                          }
+                                          field={
+                                            Object {
+                                              "className": "reconfigure-sub-form",
+                                              "component": "sub-form",
+                                              "fields": Array [
+                                                Object {
+                                                  "component": "text-field",
+                                                  "condition": Object {
+                                                    "is": true,
+                                                    "when": "cb_memory",
+                                                  },
+                                                  "initialValue": 16,
+                                                  "isRequired": true,
+                                                  "label": "Memory Size",
+                                                  "name": "memory",
+                                                  "validate": Array [
+                                                    Object {
+                                                      "type": "memoryCheck",
+                                                    },
+                                                  ],
+                                                },
+                                                Object {
+                                                  "component": "select",
+                                                  "condition": Object {
+                                                    "is": true,
+                                                    "when": "cb_memory",
+                                                  },
+                                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                                  "id": "memoryType",
+                                                  "initialValue": "GB",
+                                                  "label": "Unit",
+                                                  "name": "mem_type",
+                                                  "options": Array [
+                                                    Object {
+                                                      "label": "GB",
+                                                      "value": "GB",
+                                                    },
+                                                    Object {
+                                                      "label": "MB",
+                                                      "value": "MB",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                              "id": "memory-sub-form",
+                                              "name": "memory-sub-form",
+                                            }
+                                          }
+                                          values={
+                                            Object {
+                                              "cb_memory": true,
+                                            }
+                                          }
+                                        >
+                                          <FormFieldHideWrapper
+                                            hideField={false}
+                                          >
+                                            <SubForm
+                                              DescriptionElement="p"
+                                              TitleElement="h3"
+                                              className="reconfigure-sub-form"
+                                              component="sub-form"
+                                              fields={
+                                                Array [
+                                                  Object {
+                                                    "component": "text-field",
+                                                    "condition": Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    },
+                                                    "initialValue": 16,
+                                                    "isRequired": true,
+                                                    "label": "Memory Size",
+                                                    "name": "memory",
+                                                    "validate": Array [
+                                                      Object {
+                                                        "type": "memoryCheck",
+                                                      },
+                                                    ],
+                                                  },
+                                                  Object {
+                                                    "component": "select",
+                                                    "condition": Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    },
+                                                    "helperText": "Between 1024MB and 0.009765625GB",
+                                                    "id": "memoryType",
+                                                    "initialValue": "GB",
+                                                    "label": "Unit",
+                                                    "name": "mem_type",
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "GB",
+                                                        "value": "GB",
+                                                      },
+                                                      Object {
+                                                        "label": "MB",
+                                                        "value": "MB",
+                                                      },
+                                                    ],
+                                                  },
+                                                ]
+                                              }
+                                              id="memory-sub-form"
+                                              name="memory-sub-form"
+                                            >
+                                              <div
+                                                className="reconfigure-sub-form"
+                                                id="memory-sub-form"
+                                                name="memory-sub-form"
+                                              >
+                                                <SingleField
+                                                  component="text-field"
+                                                  condition={
+                                                    Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    }
+                                                  }
+                                                  initialValue={16}
+                                                  isRequired={true}
+                                                  key="memory"
+                                                  label="Memory Size"
+                                                  name="memory"
+                                                  validate={
+                                                    Array [
+                                                      Object {
+                                                        "type": "memoryCheck",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    condition={
+                                                      Object {
+                                                        "is": true,
+                                                        "when": "cb_memory",
+                                                      }
+                                                    }
+                                                    field={
+                                                      Object {
+                                                        "component": "text-field",
+                                                        "initialValue": 16,
+                                                        "isRequired": true,
+                                                        "label": "Memory Size",
+                                                        "name": "memory",
+                                                        "validate": Array [
+                                                          Object {
+                                                            "type": "memoryCheck",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <ConditionTriggerDetector
+                                                      condition={
+                                                        Object {
+                                                          "is": true,
+                                                          "when": "cb_memory",
+                                                        }
+                                                      }
+                                                      field={
+                                                        Object {
+                                                          "component": "text-field",
+                                                          "initialValue": 16,
+                                                          "isRequired": true,
+                                                          "label": "Memory Size",
+                                                          "name": "memory",
+                                                          "validate": Array [
+                                                            Object {
+                                                              "type": "memoryCheck",
+                                                            },
+                                                          ],
+                                                        }
+                                                      }
+                                                      triggers={
+                                                        Array [
+                                                          "cb_memory",
+                                                        ]
+                                                      }
+                                                    >
+                                                      <ForwardRef(Field)
+                                                        name="cb_memory"
+                                                        subscription={
+                                                          Object {
+                                                            "value": true,
+                                                          }
+                                                        }
+                                                      >
+                                                        <ConditionTriggerDetector
+                                                          condition={
+                                                            Object {
+                                                              "is": true,
+                                                              "when": "cb_memory",
+                                                            }
+                                                          }
+                                                          field={
+                                                            Object {
+                                                              "component": "text-field",
+                                                              "initialValue": 16,
+                                                              "isRequired": true,
+                                                              "label": "Memory Size",
+                                                              "name": "memory",
+                                                              "validate": Array [
+                                                                Object {
+                                                                  "type": "memoryCheck",
+                                                                },
+                                                              ],
+                                                            }
+                                                          }
+                                                          triggers={Array []}
+                                                          values={
+                                                            Object {
+                                                              "cb_memory": true,
+                                                            }
+                                                          }
+                                                        >
+                                                          <ConditionTriggerWrapper
+                                                            condition={
+                                                              Object {
+                                                                "is": true,
+                                                                "when": "cb_memory",
+                                                              }
+                                                            }
+                                                            field={
+                                                              Object {
+                                                                "component": "text-field",
+                                                                "initialValue": 16,
+                                                                "isRequired": true,
+                                                                "label": "Memory Size",
+                                                                "name": "memory",
+                                                                "validate": Array [
+                                                                  Object {
+                                                                    "type": "memoryCheck",
+                                                                  },
+                                                                ],
+                                                              }
+                                                            }
+                                                            values={
+                                                              Object {
+                                                                "cb_memory": true,
+                                                              }
+                                                            }
+                                                          >
+                                                            <Component
+                                                              condition={
+                                                                Object {
+                                                                  "is": true,
+                                                                  "when": "cb_memory",
+                                                                }
+                                                              }
+                                                              field={
+                                                                Object {
+                                                                  "component": "text-field",
+                                                                  "initialValue": 16,
+                                                                  "isRequired": true,
+                                                                  "label": "Memory Size",
+                                                                  "name": "memory",
+                                                                  "validate": Array [
+                                                                    Object {
+                                                                      "type": "memoryCheck",
+                                                                    },
+                                                                  ],
+                                                                }
+                                                              }
+                                                              values={
+                                                                Object {
+                                                                  "cb_memory": true,
+                                                                }
+                                                              }
+                                                            >
+                                                              <FormFieldHideWrapper
+                                                                hideField={false}
+                                                              >
+                                                                <TextField
+                                                                  component="text-field"
+                                                                  initialValue={16}
+                                                                  isRequired={true}
+                                                                  label="Memory Size"
+                                                                  name="memory"
+                                                                  validate={
+                                                                    Array [
+                                                                      Object {
+                                                                        "type": "memoryCheck",
+                                                                      },
+                                                                    ]
+                                                                  }
+                                                                >
+                                                                  <TextInput
+                                                                    id="memory"
+                                                                    invalid={false}
+                                                                    invalidText=""
+                                                                    key="memory"
+                                                                    labelText={
+                                                                      <IsRequired>
+                                                                        Memory Size
+                                                                      </IsRequired>
+                                                                    }
+                                                                    name="memory"
+                                                                    onBlur={[Function]}
+                                                                    onChange={[Function]}
+                                                                    onFocus={[Function]}
+                                                                    value="4"
+                                                                    warn={false}
+                                                                    warnText=""
+                                                                  >
+                                                                    <div
+                                                                      className="bx--form-item bx--text-input-wrapper"
+                                                                    >
+                                                                      <label
+                                                                        className="bx--label"
+                                                                        htmlFor="memory"
+                                                                      >
+                                                                        <IsRequired>
+                                                                          <span
+                                                                            aria-hidden="true"
+                                                                            className="ddorg__carbon-component-mapper_is-required isRequired-0-2-3"
+                                                                          >
+                                                                            *
+                                                                          </span>
+                                                                          Memory Size
+                                                                        </IsRequired>
+                                                                      </label>
+                                                                      <div
+                                                                        className="bx--text-input__field-outer-wrapper"
+                                                                      >
+                                                                        <div
+                                                                          className="bx--text-input__field-wrapper"
+                                                                          data-invalid={null}
+                                                                        >
+                                                                          <input
+                                                                            className="bx--text-input bx--text-input--md"
+                                                                            disabled={false}
+                                                                            id="memory"
+                                                                            name="memory"
+                                                                            onBlur={[Function]}
+                                                                            onChange={[Function]}
+                                                                            onClick={[Function]}
+                                                                            onFocus={[Function]}
+                                                                            type="text"
+                                                                            value="4"
+                                                                          />
+                                                                        </div>
+                                                                      </div>
+                                                                    </div>
+                                                                  </TextInput>
+                                                                </TextField>
+                                                              </FormFieldHideWrapper>
+                                                            </Component>
+                                                          </ConditionTriggerWrapper>
+                                                        </ConditionTriggerDetector>
+                                                      </ForwardRef(Field)>
+                                                    </ConditionTriggerDetector>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                                <SingleField
+                                                  component="select"
+                                                  condition={
+                                                    Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    }
+                                                  }
+                                                  helperText="Between 1024MB and 0.009765625GB"
+                                                  id="memoryType"
+                                                  initialValue="GB"
+                                                  key="mem_type"
+                                                  label="Unit"
+                                                  name="mem_type"
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "GB",
+                                                        "value": "GB",
+                                                      },
+                                                      Object {
+                                                        "label": "MB",
+                                                        "value": "MB",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    condition={
+                                                      Object {
+                                                        "is": true,
+                                                        "when": "cb_memory",
+                                                      }
+                                                    }
+                                                    field={
+                                                      Object {
+                                                        "component": "select",
+                                                        "helperText": "Between 1024MB and 0.009765625GB",
+                                                        "id": "memoryType",
+                                                        "initialValue": "GB",
+                                                        "label": "Unit",
+                                                        "name": "mem_type",
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "GB",
+                                                            "value": "GB",
+                                                          },
+                                                          Object {
+                                                            "label": "MB",
+                                                            "value": "MB",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <ConditionTriggerDetector
+                                                      condition={
+                                                        Object {
+                                                          "is": true,
+                                                          "when": "cb_memory",
+                                                        }
+                                                      }
+                                                      field={
+                                                        Object {
+                                                          "component": "select",
+                                                          "helperText": "Between 1024MB and 0.009765625GB",
+                                                          "id": "memoryType",
+                                                          "initialValue": "GB",
+                                                          "label": "Unit",
+                                                          "name": "mem_type",
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "GB",
+                                                              "value": "GB",
+                                                            },
+                                                            Object {
+                                                              "label": "MB",
+                                                              "value": "MB",
+                                                            },
+                                                          ],
+                                                        }
+                                                      }
+                                                      triggers={
+                                                        Array [
+                                                          "cb_memory",
+                                                        ]
+                                                      }
+                                                    >
+                                                      <ForwardRef(Field)
+                                                        name="cb_memory"
+                                                        subscription={
+                                                          Object {
+                                                            "value": true,
+                                                          }
+                                                        }
+                                                      >
+                                                        <ConditionTriggerDetector
+                                                          condition={
+                                                            Object {
+                                                              "is": true,
+                                                              "when": "cb_memory",
+                                                            }
+                                                          }
+                                                          field={
+                                                            Object {
+                                                              "component": "select",
+                                                              "helperText": "Between 1024MB and 0.009765625GB",
+                                                              "id": "memoryType",
+                                                              "initialValue": "GB",
+                                                              "label": "Unit",
+                                                              "name": "mem_type",
+                                                              "options": Array [
+                                                                Object {
+                                                                  "label": "GB",
+                                                                  "value": "GB",
+                                                                },
+                                                                Object {
+                                                                  "label": "MB",
+                                                                  "value": "MB",
+                                                                },
+                                                              ],
+                                                            }
+                                                          }
+                                                          triggers={Array []}
+                                                          values={
+                                                            Object {
+                                                              "cb_memory": true,
+                                                            }
+                                                          }
+                                                        >
+                                                          <ConditionTriggerWrapper
+                                                            condition={
+                                                              Object {
+                                                                "is": true,
+                                                                "when": "cb_memory",
+                                                              }
+                                                            }
+                                                            field={
+                                                              Object {
+                                                                "component": "select",
+                                                                "helperText": "Between 1024MB and 0.009765625GB",
+                                                                "id": "memoryType",
+                                                                "initialValue": "GB",
+                                                                "label": "Unit",
+                                                                "name": "mem_type",
+                                                                "options": Array [
+                                                                  Object {
+                                                                    "label": "GB",
+                                                                    "value": "GB",
+                                                                  },
+                                                                  Object {
+                                                                    "label": "MB",
+                                                                    "value": "MB",
+                                                                  },
+                                                                ],
+                                                              }
+                                                            }
+                                                            values={
+                                                              Object {
+                                                                "cb_memory": true,
+                                                              }
+                                                            }
+                                                          >
+                                                            <Component
+                                                              condition={
+                                                                Object {
+                                                                  "is": true,
+                                                                  "when": "cb_memory",
+                                                                }
+                                                              }
+                                                              field={
+                                                                Object {
+                                                                  "component": "select",
+                                                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                                                  "id": "memoryType",
+                                                                  "initialValue": "GB",
+                                                                  "label": "Unit",
+                                                                  "name": "mem_type",
+                                                                  "options": Array [
+                                                                    Object {
+                                                                      "label": "GB",
+                                                                      "value": "GB",
+                                                                    },
+                                                                    Object {
+                                                                      "label": "MB",
+                                                                      "value": "MB",
+                                                                    },
+                                                                  ],
+                                                                }
+                                                              }
+                                                              values={
+                                                                Object {
+                                                                  "cb_memory": true,
+                                                                }
+                                                              }
+                                                            >
+                                                              <FormFieldHideWrapper
+                                                                hideField={false}
+                                                              >
+                                                                <SelectWithOnChange
+                                                                  component="select"
+                                                                  helperText="Between 1024MB and 0.009765625GB"
+                                                                  id="memoryType"
+                                                                  initialValue="GB"
+                                                                  label="Unit"
+                                                                  name="mem_type"
+                                                                  options={
+                                                                    Array [
+                                                                      Object {
+                                                                        "label": "GB",
+                                                                        "value": "GB",
+                                                                      },
+                                                                      Object {
+                                                                        "label": "MB",
+                                                                        "value": "MB",
+                                                                      },
+                                                                    ]
+                                                                  }
+                                                                  placeholder="<Choose>"
+                                                                >
+                                                                  <Select
+                                                                    component="select"
+                                                                    helperText="Between 1024MB and 0.009765625GB"
+                                                                    id="memoryType"
+                                                                    initialValue="GB"
+                                                                    label="Unit"
+                                                                    loadingMessage="Loading..."
+                                                                    name="mem_type"
+                                                                    options={
+                                                                      Array [
+                                                                        Object {
+                                                                          "label": "GB",
+                                                                          "value": "GB",
+                                                                        },
+                                                                        Object {
+                                                                          "label": "MB",
+                                                                          "value": "MB",
+                                                                        },
+                                                                      ]
+                                                                    }
+                                                                    placeholder="<Choose>"
+                                                                  >
+                                                                    <Select
+                                                                      SelectComponent={[Function]}
+                                                                      compareValues={[Function]}
+                                                                      helperText="Between 1024MB and 0.009765625GB"
+                                                                      id="memoryType"
+                                                                      invalid={false}
+                                                                      invalidText=""
+                                                                      isClearable={false}
+                                                                      isSearchable={false}
+                                                                      labelText="Unit"
+                                                                      loadOptionsChangeCounter={1}
+                                                                      loadingMessage="Loading..."
+                                                                      name="mem_type"
+                                                                      onBlur={[Function]}
+                                                                      onChange={[Function]}
+                                                                      onFocus={[Function]}
+                                                                      options={
+                                                                        Array [
+                                                                          Object {
+                                                                            "label": "GB",
+                                                                            "value": "GB",
+                                                                          },
+                                                                          Object {
+                                                                            "label": "MB",
+                                                                            "value": "MB",
+                                                                          },
+                                                                        ]
+                                                                      }
+                                                                      placeholder="<Choose>"
+                                                                      pluckSingleValue={true}
+                                                                      simpleValue={false}
+                                                                      value="GB"
+                                                                    >
+                                                                      <ClearedSelect
+                                                                        className=""
+                                                                        closeMenuOnSelect={true}
+                                                                        helperText="Between 1024MB and 0.009765625GB"
+                                                                        hideSelectedOptions={false}
+                                                                        id="memoryType"
+                                                                        invalidText=""
+                                                                        isClearable={false}
+                                                                        isFetching={false}
+                                                                        isSearchable={false}
+                                                                        labelText="Unit"
+                                                                        name="mem_type"
+                                                                        noOptionsMessage={[Function]}
+                                                                        onBlur={[Function]}
+                                                                        onChange={[Function]}
+                                                                        onFocus={[Function]}
+                                                                        onInputChange={[Function]}
+                                                                        options={
+                                                                          Array [
+                                                                            Object {
+                                                                              "label": "GB",
+                                                                              "value": "GB",
+                                                                            },
+                                                                            Object {
+                                                                              "label": "MB",
+                                                                              "value": "MB",
+                                                                            },
+                                                                          ]
+                                                                        }
+                                                                        placeholder="<Choose>"
+                                                                        value="GB"
+                                                                      >
+                                                                        <Select
+                                                                          className=""
+                                                                          disabled={false}
+                                                                          helperText="Between 1024MB and 0.009765625GB"
+                                                                          id="mem_type"
+                                                                          inline={false}
+                                                                          invalid={false}
+                                                                          invalidText=""
+                                                                          labelText="Unit"
+                                                                          light={false}
+                                                                          name="mem_type"
+                                                                          onBlur={[Function]}
+                                                                          onChange={[Function]}
+                                                                          onFocus={[Function]}
+                                                                          value="GB"
+                                                                        >
+                                                                          <div
+                                                                            className="bx--form-item"
+                                                                          >
+                                                                            <div
+                                                                              className="bx--select"
+                                                                            >
+                                                                              <label
+                                                                                className="bx--label"
+                                                                                htmlFor="mem_type"
+                                                                              >
+                                                                                Unit
+                                                                              </label>
+                                                                              <div
+                                                                                className="bx--select-input__wrapper"
+                                                                                data-invalid={null}
+                                                                              >
+                                                                                <select
+                                                                                  className="bx--select-input"
+                                                                                  id="mem_type"
+                                                                                  name="mem_type"
+                                                                                  onBlur={[Function]}
+                                                                                  onChange={[Function]}
+                                                                                  onFocus={[Function]}
+                                                                                  value="GB"
+                                                                                >
+                                                                                  <SelectItem
+                                                                                    disabled={false}
+                                                                                    hidden={false}
+                                                                                    key="GB"
+                                                                                    label="GB"
+                                                                                    text="GB"
+                                                                                    value="GB"
+                                                                                  >
+                                                                                    <option
+                                                                                      className="bx--select-option"
+                                                                                      disabled={false}
+                                                                                      hidden={false}
+                                                                                      label="GB"
+                                                                                      value="GB"
+                                                                                    >
+                                                                                      GB
+                                                                                    </option>
+                                                                                  </SelectItem>
+                                                                                  <SelectItem
+                                                                                    disabled={false}
+                                                                                    hidden={false}
+                                                                                    key="MB"
+                                                                                    label="MB"
+                                                                                    text="MB"
+                                                                                    value="MB"
+                                                                                  >
+                                                                                    <option
+                                                                                      className="bx--select-option"
+                                                                                      disabled={false}
+                                                                                      hidden={false}
+                                                                                      label="MB"
+                                                                                      value="MB"
+                                                                                    >
+                                                                                      MB
+                                                                                    </option>
+                                                                                  </SelectItem>
+                                                                                </select>
+                                                                                <ForwardRef(ChevronDown16)
+                                                                                  className="bx--select__arrow"
+                                                                                >
+                                                                                  <Icon
+                                                                                    className="bx--select__arrow"
+                                                                                    fill="currentColor"
+                                                                                    height={16}
+                                                                                    preserveAspectRatio="xMidYMid meet"
+                                                                                    viewBox="0 0 16 16"
+                                                                                    width={16}
+                                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                                  >
+                                                                                    <svg
+                                                                                      aria-hidden={true}
+                                                                                      className="bx--select__arrow"
+                                                                                      fill="currentColor"
+                                                                                      focusable="false"
+                                                                                      height={16}
+                                                                                      preserveAspectRatio="xMidYMid meet"
+                                                                                      viewBox="0 0 16 16"
+                                                                                      width={16}
+                                                                                      xmlns="http://www.w3.org/2000/svg"
+                                                                                    >
+                                                                                      <path
+                                                                                        d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
+                                                                                      />
+                                                                                    </svg>
+                                                                                  </Icon>
+                                                                                </ForwardRef(ChevronDown16)>
+                                                                              </div>
+                                                                              <div
+                                                                                className="bx--form__helper-text"
+                                                                              >
+                                                                                Between 1024MB and 0.009765625GB
+                                                                              </div>
+                                                                            </div>
+                                                                          </div>
+                                                                        </Select>
+                                                                      </ClearedSelect>
+                                                                    </Select>
+                                                                  </Select>
+                                                                </SelectWithOnChange>
+                                                              </FormFieldHideWrapper>
+                                                            </Component>
+                                                          </ConditionTriggerWrapper>
+                                                        </ConditionTriggerDetector>
+                                                      </ForwardRef(Field)>
+                                                    </ConditionTriggerDetector>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                              </div>
+                                            </SubForm>
+                                          </FormFieldHideWrapper>
+                                        </Component>
+                                      </ConditionTriggerWrapper>
+                                    </ConditionTriggerDetector>
+                                  </ForwardRef(Field)>
+                                </ConditionTriggerDetector>
+                              </FormConditionWrapper>
+                            </SingleField>
+                            <SingleField
+                              component="switch"
+                              isDisabled={false}
+                              key="processor"
+                              label="Processor"
+                              name="processor"
+                              offText="No"
+                              onText="Yes"
+                            >
+                              <FormConditionWrapper
+                                field={
+                                  Object {
+                                    "component": "switch",
+                                    "isDisabled": false,
+                                    "label": "Processor",
+                                    "name": "processor",
+                                    "offText": "No",
+                                    "onText": "Yes",
+                                  }
+                                }
+                              >
+                                <FormFieldHideWrapper
+                                  hideField={false}
+                                >
+                                  <Switch
+                                    component="switch"
+                                    isDisabled={false}
+                                    label="Processor"
+                                    name="processor"
+                                    offText="No"
+                                    onText="Yes"
+                                  >
+                                    <div>
+                                      <FeatureToggle(Toggle)
+                                        disabled={false}
+                                        id="processor"
+                                        key="processor"
+                                        labelA="No"
+                                        labelB="Yes"
+                                        labelText="Processor"
+                                        name="processor"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        toggled={true}
+                                        type="checkbox"
+                                      >
+                                        <Toggle
+                                          aria-label="Toggle"
+                                          defaultToggled={false}
+                                          disabled={false}
+                                          id="processor"
+                                          labelA="No"
+                                          labelB="Yes"
+                                          labelText="Processor"
+                                          name="processor"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          onToggle={[Function]}
+                                          toggled={true}
+                                          type="checkbox"
+                                        >
+                                          <div
+                                            className="bx--form-item"
+                                          >
+                                            <input
+                                              aria-label={null}
+                                              checked={true}
+                                              className="bx--toggle-input"
+                                              disabled={false}
+                                              id="processor"
+                                              name="processor"
+                                              onBlur={[Function]}
+                                              onChange={[Function]}
+                                              onFocus={[Function]}
+                                              onKeyUp={[Function]}
+                                              type="checkbox"
+                                            />
+                                            <label
+                                              aria-label={null}
+                                              className="bx--toggle-input__label"
+                                              htmlFor="processor"
+                                            >
+                                              Processor
+                                              <span
+                                                className="bx--toggle__switch"
+                                              >
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--off"
+                                                >
+                                                  No
+                                                </span>
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--on"
+                                                >
+                                                  Yes
+                                                </span>
+                                              </span>
+                                            </label>
+                                          </div>
+                                        </Toggle>
+                                      </FeatureToggle(Toggle)>
+                                      <HelperTextBlock />
+                                    </div>
+                                  </Switch>
+                                </FormFieldHideWrapper>
+                              </FormConditionWrapper>
+                            </SingleField>
+                            <SingleField
+                              className="reconfigure-sub-form"
+                              component="sub-form"
+                              condition={
+                                Object {
+                                  "is": true,
+                                  "when": "processor",
+                                }
+                              }
+                              fields={
+                                Array [
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "socket",
+                                    "label": "Sockets",
+                                    "name": "socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "socket",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "cores",
+                                    "label": "Cores Per Socket",
+                                    "name": "cores_per_socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "cores",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "text-field",
+                                    "id": "total_cpus",
+                                    "initialValue": 3,
+                                    "isReadOnly": true,
+                                    "label": "Total Processors",
+                                    "name": "total_cpus",
+                                    "type": "number",
+                                  },
+                                ]
+                              }
+                              id="processor-sub-form"
+                              key="processor-sub-form"
+                              name="processor-sub-form"
+                            >
+                              <FormConditionWrapper
+                                condition={
+                                  Object {
+                                    "is": true,
+                                    "when": "processor",
+                                  }
+                                }
+                                field={
+                                  Object {
+                                    "className": "reconfigure-sub-form",
+                                    "component": "sub-form",
+                                    "fields": Array [
+                                      Object {
+                                        "component": "select",
+                                        "hideField": false,
+                                        "id": "socket",
+                                        "label": "Sockets",
+                                        "name": "socket_count",
+                                        "onChange": [Function],
+                                        "options": Array [
+                                          Object {
+                                            "label": "1",
+                                            "value": 1,
+                                          },
+                                          Object {
+                                            "label": "2",
+                                            "value": 2,
+                                          },
+                                          Object {
+                                            "label": "3",
+                                            "value": 3,
+                                          },
+                                          Object {
+                                            "label": "4",
+                                            "value": 4,
+                                          },
+                                        ],
+                                        "validate": Array [
+                                          Object {
+                                            "field": "socket",
+                                            "type": "cpuCheck",
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "component": "select",
+                                        "hideField": false,
+                                        "id": "cores",
+                                        "label": "Cores Per Socket",
+                                        "name": "cores_per_socket_count",
+                                        "onChange": [Function],
+                                        "options": Array [
+                                          Object {
+                                            "label": "1",
+                                            "value": 1,
+                                          },
+                                          Object {
+                                            "label": "2",
+                                            "value": 2,
+                                          },
+                                          Object {
+                                            "label": "3",
+                                            "value": 3,
+                                          },
+                                          Object {
+                                            "label": "4",
+                                            "value": 4,
+                                          },
+                                        ],
+                                        "validate": Array [
+                                          Object {
+                                            "field": "cores",
+                                            "type": "cpuCheck",
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "component": "text-field",
+                                        "id": "total_cpus",
+                                        "initialValue": 3,
+                                        "isReadOnly": true,
+                                        "label": "Total Processors",
+                                        "name": "total_cpus",
+                                        "type": "number",
+                                      },
+                                    ],
+                                    "id": "processor-sub-form",
+                                    "name": "processor-sub-form",
+                                  }
+                                }
+                              >
+                                <ConditionTriggerDetector
+                                  condition={
+                                    Object {
+                                      "is": true,
+                                      "when": "processor",
+                                    }
+                                  }
+                                  field={
+                                    Object {
+                                      "className": "reconfigure-sub-form",
+                                      "component": "sub-form",
+                                      "fields": Array [
+                                        Object {
+                                          "component": "select",
+                                          "hideField": false,
+                                          "id": "socket",
+                                          "label": "Sockets",
+                                          "name": "socket_count",
+                                          "onChange": [Function],
+                                          "options": Array [
+                                            Object {
+                                              "label": "1",
+                                              "value": 1,
+                                            },
+                                            Object {
+                                              "label": "2",
+                                              "value": 2,
+                                            },
+                                            Object {
+                                              "label": "3",
+                                              "value": 3,
+                                            },
+                                            Object {
+                                              "label": "4",
+                                              "value": 4,
+                                            },
+                                          ],
+                                          "validate": Array [
+                                            Object {
+                                              "field": "socket",
+                                              "type": "cpuCheck",
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "component": "select",
+                                          "hideField": false,
+                                          "id": "cores",
+                                          "label": "Cores Per Socket",
+                                          "name": "cores_per_socket_count",
+                                          "onChange": [Function],
+                                          "options": Array [
+                                            Object {
+                                              "label": "1",
+                                              "value": 1,
+                                            },
+                                            Object {
+                                              "label": "2",
+                                              "value": 2,
+                                            },
+                                            Object {
+                                              "label": "3",
+                                              "value": 3,
+                                            },
+                                            Object {
+                                              "label": "4",
+                                              "value": 4,
+                                            },
+                                          ],
+                                          "validate": Array [
+                                            Object {
+                                              "field": "cores",
+                                              "type": "cpuCheck",
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "component": "text-field",
+                                          "id": "total_cpus",
+                                          "initialValue": 3,
+                                          "isReadOnly": true,
+                                          "label": "Total Processors",
+                                          "name": "total_cpus",
+                                          "type": "number",
+                                        },
+                                      ],
+                                      "id": "processor-sub-form",
+                                      "name": "processor-sub-form",
+                                    }
+                                  }
+                                  triggers={
+                                    Array [
+                                      "processor",
+                                    ]
+                                  }
+                                >
+                                  <ForwardRef(Field)
+                                    name="processor"
+                                    subscription={
+                                      Object {
+                                        "value": true,
+                                      }
+                                    }
+                                  >
+                                    <ConditionTriggerDetector
+                                      condition={
+                                        Object {
+                                          "is": true,
+                                          "when": "processor",
+                                        }
+                                      }
+                                      field={
+                                        Object {
+                                          "className": "reconfigure-sub-form",
+                                          "component": "sub-form",
+                                          "fields": Array [
+                                            Object {
+                                              "component": "select",
+                                              "hideField": false,
+                                              "id": "socket",
+                                              "label": "Sockets",
+                                              "name": "socket_count",
+                                              "onChange": [Function],
+                                              "options": Array [
+                                                Object {
+                                                  "label": "1",
+                                                  "value": 1,
+                                                },
+                                                Object {
+                                                  "label": "2",
+                                                  "value": 2,
+                                                },
+                                                Object {
+                                                  "label": "3",
+                                                  "value": 3,
+                                                },
+                                                Object {
+                                                  "label": "4",
+                                                  "value": 4,
+                                                },
+                                              ],
+                                              "validate": Array [
+                                                Object {
+                                                  "field": "socket",
+                                                  "type": "cpuCheck",
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "component": "select",
+                                              "hideField": false,
+                                              "id": "cores",
+                                              "label": "Cores Per Socket",
+                                              "name": "cores_per_socket_count",
+                                              "onChange": [Function],
+                                              "options": Array [
+                                                Object {
+                                                  "label": "1",
+                                                  "value": 1,
+                                                },
+                                                Object {
+                                                  "label": "2",
+                                                  "value": 2,
+                                                },
+                                                Object {
+                                                  "label": "3",
+                                                  "value": 3,
+                                                },
+                                                Object {
+                                                  "label": "4",
+                                                  "value": 4,
+                                                },
+                                              ],
+                                              "validate": Array [
+                                                Object {
+                                                  "field": "cores",
+                                                  "type": "cpuCheck",
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "component": "text-field",
+                                              "id": "total_cpus",
+                                              "initialValue": 3,
+                                              "isReadOnly": true,
+                                              "label": "Total Processors",
+                                              "name": "total_cpus",
+                                              "type": "number",
+                                            },
+                                          ],
+                                          "id": "processor-sub-form",
+                                          "name": "processor-sub-form",
+                                        }
+                                      }
+                                      triggers={Array []}
+                                      values={
+                                        Object {
+                                          "processor": true,
+                                        }
+                                      }
+                                    >
+                                      <ConditionTriggerWrapper
+                                        condition={
+                                          Object {
+                                            "is": true,
+                                            "when": "processor",
+                                          }
+                                        }
+                                        field={
+                                          Object {
+                                            "className": "reconfigure-sub-form",
+                                            "component": "sub-form",
+                                            "fields": Array [
+                                              Object {
+                                                "component": "select",
+                                                "hideField": false,
+                                                "id": "socket",
+                                                "label": "Sockets",
+                                                "name": "socket_count",
+                                                "onChange": [Function],
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "1",
+                                                    "value": 1,
+                                                  },
+                                                  Object {
+                                                    "label": "2",
+                                                    "value": 2,
+                                                  },
+                                                  Object {
+                                                    "label": "3",
+                                                    "value": 3,
+                                                  },
+                                                  Object {
+                                                    "label": "4",
+                                                    "value": 4,
+                                                  },
+                                                ],
+                                                "validate": Array [
+                                                  Object {
+                                                    "field": "socket",
+                                                    "type": "cpuCheck",
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "component": "select",
+                                                "hideField": false,
+                                                "id": "cores",
+                                                "label": "Cores Per Socket",
+                                                "name": "cores_per_socket_count",
+                                                "onChange": [Function],
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "1",
+                                                    "value": 1,
+                                                  },
+                                                  Object {
+                                                    "label": "2",
+                                                    "value": 2,
+                                                  },
+                                                  Object {
+                                                    "label": "3",
+                                                    "value": 3,
+                                                  },
+                                                  Object {
+                                                    "label": "4",
+                                                    "value": 4,
+                                                  },
+                                                ],
+                                                "validate": Array [
+                                                  Object {
+                                                    "field": "cores",
+                                                    "type": "cpuCheck",
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "component": "text-field",
+                                                "id": "total_cpus",
+                                                "initialValue": 3,
+                                                "isReadOnly": true,
+                                                "label": "Total Processors",
+                                                "name": "total_cpus",
+                                                "type": "number",
+                                              },
+                                            ],
+                                            "id": "processor-sub-form",
+                                            "name": "processor-sub-form",
+                                          }
+                                        }
+                                        values={
+                                          Object {
+                                            "processor": true,
+                                          }
+                                        }
+                                      >
+                                        <Component
+                                          condition={
+                                            Object {
+                                              "is": true,
+                                              "when": "processor",
+                                            }
+                                          }
+                                          field={
+                                            Object {
+                                              "className": "reconfigure-sub-form",
+                                              "component": "sub-form",
+                                              "fields": Array [
+                                                Object {
+                                                  "component": "select",
+                                                  "hideField": false,
+                                                  "id": "socket",
+                                                  "label": "Sockets",
+                                                  "name": "socket_count",
+                                                  "onChange": [Function],
+                                                  "options": Array [
+                                                    Object {
+                                                      "label": "1",
+                                                      "value": 1,
+                                                    },
+                                                    Object {
+                                                      "label": "2",
+                                                      "value": 2,
+                                                    },
+                                                    Object {
+                                                      "label": "3",
+                                                      "value": 3,
+                                                    },
+                                                    Object {
+                                                      "label": "4",
+                                                      "value": 4,
+                                                    },
+                                                  ],
+                                                  "validate": Array [
+                                                    Object {
+                                                      "field": "socket",
+                                                      "type": "cpuCheck",
+                                                    },
+                                                  ],
+                                                },
+                                                Object {
+                                                  "component": "select",
+                                                  "hideField": false,
+                                                  "id": "cores",
+                                                  "label": "Cores Per Socket",
+                                                  "name": "cores_per_socket_count",
+                                                  "onChange": [Function],
+                                                  "options": Array [
+                                                    Object {
+                                                      "label": "1",
+                                                      "value": 1,
+                                                    },
+                                                    Object {
+                                                      "label": "2",
+                                                      "value": 2,
+                                                    },
+                                                    Object {
+                                                      "label": "3",
+                                                      "value": 3,
+                                                    },
+                                                    Object {
+                                                      "label": "4",
+                                                      "value": 4,
+                                                    },
+                                                  ],
+                                                  "validate": Array [
+                                                    Object {
+                                                      "field": "cores",
+                                                      "type": "cpuCheck",
+                                                    },
+                                                  ],
+                                                },
+                                                Object {
+                                                  "component": "text-field",
+                                                  "id": "total_cpus",
+                                                  "initialValue": 3,
+                                                  "isReadOnly": true,
+                                                  "label": "Total Processors",
+                                                  "name": "total_cpus",
+                                                  "type": "number",
+                                                },
+                                              ],
+                                              "id": "processor-sub-form",
+                                              "name": "processor-sub-form",
+                                            }
+                                          }
+                                          values={
+                                            Object {
+                                              "processor": true,
+                                            }
+                                          }
+                                        >
+                                          <FormFieldHideWrapper
+                                            hideField={false}
+                                          >
+                                            <SubForm
+                                              DescriptionElement="p"
+                                              TitleElement="h3"
+                                              className="reconfigure-sub-form"
+                                              component="sub-form"
+                                              fields={
+                                                Array [
+                                                  Object {
+                                                    "component": "select",
+                                                    "hideField": false,
+                                                    "id": "socket",
+                                                    "label": "Sockets",
+                                                    "name": "socket_count",
+                                                    "onChange": [Function],
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ],
+                                                    "validate": Array [
+                                                      Object {
+                                                        "field": "socket",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ],
+                                                  },
+                                                  Object {
+                                                    "component": "select",
+                                                    "hideField": false,
+                                                    "id": "cores",
+                                                    "label": "Cores Per Socket",
+                                                    "name": "cores_per_socket_count",
+                                                    "onChange": [Function],
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ],
+                                                    "validate": Array [
+                                                      Object {
+                                                        "field": "cores",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ],
+                                                  },
+                                                  Object {
+                                                    "component": "text-field",
+                                                    "id": "total_cpus",
+                                                    "initialValue": 3,
+                                                    "isReadOnly": true,
+                                                    "label": "Total Processors",
+                                                    "name": "total_cpus",
+                                                    "type": "number",
+                                                  },
+                                                ]
+                                              }
+                                              id="processor-sub-form"
+                                              name="processor-sub-form"
+                                            >
+                                              <div
+                                                className="reconfigure-sub-form"
+                                                id="processor-sub-form"
+                                                name="processor-sub-form"
+                                              >
+                                                <SingleField
+                                                  component="select"
+                                                  hideField={false}
+                                                  id="socket"
+                                                  key="socket_count"
+                                                  label="Sockets"
+                                                  name="socket_count"
+                                                  onChange={[Function]}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ]
+                                                  }
+                                                  validate={
+                                                    Array [
+                                                      Object {
+                                                        "field": "socket",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    field={
+                                                      Object {
+                                                        "component": "select",
+                                                        "id": "socket",
+                                                        "label": "Sockets",
+                                                        "name": "socket_count",
+                                                        "onChange": [Function],
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "1",
+                                                            "value": 1,
+                                                          },
+                                                          Object {
+                                                            "label": "2",
+                                                            "value": 2,
+                                                          },
+                                                          Object {
+                                                            "label": "3",
+                                                            "value": 3,
+                                                          },
+                                                          Object {
+                                                            "label": "4",
+                                                            "value": 4,
+                                                          },
+                                                        ],
+                                                        "validate": Array [
+                                                          Object {
+                                                            "field": "socket",
+                                                            "type": "cpuCheck",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <FormFieldHideWrapper
+                                                      hideField={false}
+                                                    >
+                                                      <SelectWithOnChange
+                                                        component="select"
+                                                        id="socket"
+                                                        label="Sockets"
+                                                        name="socket_count"
+                                                        onChange={[Function]}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "1",
+                                                              "value": 1,
+                                                            },
+                                                            Object {
+                                                              "label": "2",
+                                                              "value": 2,
+                                                            },
+                                                            Object {
+                                                              "label": "3",
+                                                              "value": 3,
+                                                            },
+                                                            Object {
+                                                              "label": "4",
+                                                              "value": 4,
+                                                            },
+                                                          ]
+                                                        }
+                                                        placeholder="<Choose>"
+                                                        validate={
+                                                          Array [
+                                                            Object {
+                                                              "field": "socket",
+                                                              "type": "cpuCheck",
+                                                            },
+                                                          ]
+                                                        }
+                                                      >
+                                                        <Select
+                                                          component="select"
+                                                          id="socket"
+                                                          label="Sockets"
+                                                          loadingMessage="Loading..."
+                                                          name="socket_count"
+                                                          options={
+                                                            Array [
+                                                              Object {
+                                                                "label": "1",
+                                                                "value": 1,
+                                                              },
+                                                              Object {
+                                                                "label": "2",
+                                                                "value": 2,
+                                                              },
+                                                              Object {
+                                                                "label": "3",
+                                                                "value": 3,
+                                                              },
+                                                              Object {
+                                                                "label": "4",
+                                                                "value": 4,
+                                                              },
+                                                            ]
+                                                          }
+                                                          placeholder="<Choose>"
+                                                          validate={
+                                                            Array [
+                                                              Object {
+                                                                "field": "socket",
+                                                                "type": "cpuCheck",
+                                                              },
+                                                            ]
+                                                          }
+                                                        >
+                                                          <Select
+                                                            SelectComponent={[Function]}
+                                                            compareValues={[Function]}
+                                                            id="socket"
+                                                            invalid={false}
+                                                            invalidText=""
+                                                            isClearable={false}
+                                                            isSearchable={false}
+                                                            labelText="Sockets"
+                                                            loadOptionsChangeCounter={1}
+                                                            loadingMessage="Loading..."
+                                                            name="socket_count"
+                                                            onBlur={[Function]}
+                                                            onChange={[Function]}
+                                                            onFocus={[Function]}
+                                                            options={
+                                                              Array [
+                                                                Object {
+                                                                  "label": "1",
+                                                                  "value": 1,
+                                                                },
+                                                                Object {
+                                                                  "label": "2",
+                                                                  "value": 2,
+                                                                },
+                                                                Object {
+                                                                  "label": "3",
+                                                                  "value": 3,
+                                                                },
+                                                                Object {
+                                                                  "label": "4",
+                                                                  "value": 4,
+                                                                },
+                                                              ]
+                                                            }
+                                                            placeholder="<Choose>"
+                                                            pluckSingleValue={true}
+                                                            simpleValue={false}
+                                                            value="3"
+                                                          >
+                                                            <ClearedSelect
+                                                              className=""
+                                                              closeMenuOnSelect={true}
+                                                              hideSelectedOptions={false}
+                                                              id="socket"
+                                                              invalidText=""
+                                                              isClearable={false}
+                                                              isFetching={false}
+                                                              isSearchable={false}
+                                                              labelText="Sockets"
+                                                              name="socket_count"
+                                                              noOptionsMessage={[Function]}
+                                                              onBlur={[Function]}
+                                                              onChange={[Function]}
+                                                              onFocus={[Function]}
+                                                              onInputChange={[Function]}
+                                                              options={
+                                                                Array [
+                                                                  Object {
+                                                                    "label": "1",
+                                                                    "value": 1,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "2",
+                                                                    "value": 2,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "3",
+                                                                    "value": 3,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "4",
+                                                                    "value": 4,
+                                                                  },
+                                                                ]
+                                                              }
+                                                              placeholder="<Choose>"
+                                                              value="3"
+                                                            >
+                                                              <Select
+                                                                className=""
+                                                                disabled={false}
+                                                                helperText=""
+                                                                id="socket_count"
+                                                                inline={false}
+                                                                invalid={false}
+                                                                invalidText=""
+                                                                labelText="Sockets"
+                                                                light={false}
+                                                                name="socket_count"
+                                                                onBlur={[Function]}
+                                                                onChange={[Function]}
+                                                                onFocus={[Function]}
+                                                                value="3"
+                                                              >
+                                                                <div
+                                                                  className="bx--form-item"
+                                                                >
+                                                                  <div
+                                                                    className="bx--select"
+                                                                  >
+                                                                    <label
+                                                                      className="bx--label"
+                                                                      htmlFor="socket_count"
+                                                                    >
+                                                                      Sockets
+                                                                    </label>
+                                                                    <div
+                                                                      className="bx--select-input__wrapper"
+                                                                      data-invalid={null}
+                                                                    >
+                                                                      <select
+                                                                        className="bx--select-input"
+                                                                        id="socket_count"
+                                                                        name="socket_count"
+                                                                        onBlur={[Function]}
+                                                                        onChange={[Function]}
+                                                                        onFocus={[Function]}
+                                                                        value="3"
+                                                                      >
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="1"
+                                                                          label="1"
+                                                                          text="1"
+                                                                          value={1}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="1"
+                                                                            value={1}
+                                                                          >
+                                                                            1
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="2"
+                                                                          label="2"
+                                                                          text="2"
+                                                                          value={2}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="2"
+                                                                            value={2}
+                                                                          >
+                                                                            2
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="3"
+                                                                          label="3"
+                                                                          text="3"
+                                                                          value={3}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="3"
+                                                                            value={3}
+                                                                          >
+                                                                            3
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="4"
+                                                                          label="4"
+                                                                          text="4"
+                                                                          value={4}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="4"
+                                                                            value={4}
+                                                                          >
+                                                                            4
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                      </select>
+                                                                      <ForwardRef(ChevronDown16)
+                                                                        className="bx--select__arrow"
+                                                                      >
+                                                                        <Icon
+                                                                          className="bx--select__arrow"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 16 16"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="bx--select__arrow"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(ChevronDown16)>
+                                                                    </div>
+                                                                  </div>
+                                                                </div>
+                                                              </Select>
+                                                            </ClearedSelect>
+                                                          </Select>
+                                                        </Select>
+                                                      </SelectWithOnChange>
+                                                    </FormFieldHideWrapper>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                                <SingleField
+                                                  component="select"
+                                                  hideField={false}
+                                                  id="cores"
+                                                  key="cores_per_socket_count"
+                                                  label="Cores Per Socket"
+                                                  name="cores_per_socket_count"
+                                                  onChange={[Function]}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ]
+                                                  }
+                                                  validate={
+                                                    Array [
+                                                      Object {
+                                                        "field": "cores",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    field={
+                                                      Object {
+                                                        "component": "select",
+                                                        "id": "cores",
+                                                        "label": "Cores Per Socket",
+                                                        "name": "cores_per_socket_count",
+                                                        "onChange": [Function],
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "1",
+                                                            "value": 1,
+                                                          },
+                                                          Object {
+                                                            "label": "2",
+                                                            "value": 2,
+                                                          },
+                                                          Object {
+                                                            "label": "3",
+                                                            "value": 3,
+                                                          },
+                                                          Object {
+                                                            "label": "4",
+                                                            "value": 4,
+                                                          },
+                                                        ],
+                                                        "validate": Array [
+                                                          Object {
+                                                            "field": "cores",
+                                                            "type": "cpuCheck",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <FormFieldHideWrapper
+                                                      hideField={false}
+                                                    >
+                                                      <SelectWithOnChange
+                                                        component="select"
+                                                        id="cores"
+                                                        label="Cores Per Socket"
+                                                        name="cores_per_socket_count"
+                                                        onChange={[Function]}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "1",
+                                                              "value": 1,
+                                                            },
+                                                            Object {
+                                                              "label": "2",
+                                                              "value": 2,
+                                                            },
+                                                            Object {
+                                                              "label": "3",
+                                                              "value": 3,
+                                                            },
+                                                            Object {
+                                                              "label": "4",
+                                                              "value": 4,
+                                                            },
+                                                          ]
+                                                        }
+                                                        placeholder="<Choose>"
+                                                        validate={
+                                                          Array [
+                                                            Object {
+                                                              "field": "cores",
+                                                              "type": "cpuCheck",
+                                                            },
+                                                          ]
+                                                        }
+                                                      >
+                                                        <Select
+                                                          component="select"
+                                                          id="cores"
+                                                          label="Cores Per Socket"
+                                                          loadingMessage="Loading..."
+                                                          name="cores_per_socket_count"
+                                                          options={
+                                                            Array [
+                                                              Object {
+                                                                "label": "1",
+                                                                "value": 1,
+                                                              },
+                                                              Object {
+                                                                "label": "2",
+                                                                "value": 2,
+                                                              },
+                                                              Object {
+                                                                "label": "3",
+                                                                "value": 3,
+                                                              },
+                                                              Object {
+                                                                "label": "4",
+                                                                "value": 4,
+                                                              },
+                                                            ]
+                                                          }
+                                                          placeholder="<Choose>"
+                                                          validate={
+                                                            Array [
+                                                              Object {
+                                                                "field": "cores",
+                                                                "type": "cpuCheck",
+                                                              },
+                                                            ]
+                                                          }
+                                                        >
+                                                          <Select
+                                                            SelectComponent={[Function]}
+                                                            compareValues={[Function]}
+                                                            id="cores"
+                                                            invalid={false}
+                                                            invalidText=""
+                                                            isClearable={false}
+                                                            isSearchable={false}
+                                                            labelText="Cores Per Socket"
+                                                            loadOptionsChangeCounter={1}
+                                                            loadingMessage="Loading..."
+                                                            name="cores_per_socket_count"
+                                                            onBlur={[Function]}
+                                                            onChange={[Function]}
+                                                            onFocus={[Function]}
+                                                            options={
+                                                              Array [
+                                                                Object {
+                                                                  "label": "1",
+                                                                  "value": 1,
+                                                                },
+                                                                Object {
+                                                                  "label": "2",
+                                                                  "value": 2,
+                                                                },
+                                                                Object {
+                                                                  "label": "3",
+                                                                  "value": 3,
+                                                                },
+                                                                Object {
+                                                                  "label": "4",
+                                                                  "value": 4,
+                                                                },
+                                                              ]
+                                                            }
+                                                            placeholder="<Choose>"
+                                                            pluckSingleValue={true}
+                                                            simpleValue={false}
+                                                            value="1"
+                                                          >
+                                                            <ClearedSelect
+                                                              className=""
+                                                              closeMenuOnSelect={true}
+                                                              hideSelectedOptions={false}
+                                                              id="cores"
+                                                              invalidText=""
+                                                              isClearable={false}
+                                                              isFetching={false}
+                                                              isSearchable={false}
+                                                              labelText="Cores Per Socket"
+                                                              name="cores_per_socket_count"
+                                                              noOptionsMessage={[Function]}
+                                                              onBlur={[Function]}
+                                                              onChange={[Function]}
+                                                              onFocus={[Function]}
+                                                              onInputChange={[Function]}
+                                                              options={
+                                                                Array [
+                                                                  Object {
+                                                                    "label": "1",
+                                                                    "value": 1,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "2",
+                                                                    "value": 2,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "3",
+                                                                    "value": 3,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "4",
+                                                                    "value": 4,
+                                                                  },
+                                                                ]
+                                                              }
+                                                              placeholder="<Choose>"
+                                                              value="1"
+                                                            >
+                                                              <Select
+                                                                className=""
+                                                                disabled={false}
+                                                                helperText=""
+                                                                id="cores_per_socket_count"
+                                                                inline={false}
+                                                                invalid={false}
+                                                                invalidText=""
+                                                                labelText="Cores Per Socket"
+                                                                light={false}
+                                                                name="cores_per_socket_count"
+                                                                onBlur={[Function]}
+                                                                onChange={[Function]}
+                                                                onFocus={[Function]}
+                                                                value="1"
+                                                              >
+                                                                <div
+                                                                  className="bx--form-item"
+                                                                >
+                                                                  <div
+                                                                    className="bx--select"
+                                                                  >
+                                                                    <label
+                                                                      className="bx--label"
+                                                                      htmlFor="cores_per_socket_count"
+                                                                    >
+                                                                      Cores Per Socket
+                                                                    </label>
+                                                                    <div
+                                                                      className="bx--select-input__wrapper"
+                                                                      data-invalid={null}
+                                                                    >
+                                                                      <select
+                                                                        className="bx--select-input"
+                                                                        id="cores_per_socket_count"
+                                                                        name="cores_per_socket_count"
+                                                                        onBlur={[Function]}
+                                                                        onChange={[Function]}
+                                                                        onFocus={[Function]}
+                                                                        value="1"
+                                                                      >
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="1"
+                                                                          label="1"
+                                                                          text="1"
+                                                                          value={1}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="1"
+                                                                            value={1}
+                                                                          >
+                                                                            1
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="2"
+                                                                          label="2"
+                                                                          text="2"
+                                                                          value={2}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="2"
+                                                                            value={2}
+                                                                          >
+                                                                            2
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="3"
+                                                                          label="3"
+                                                                          text="3"
+                                                                          value={3}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="3"
+                                                                            value={3}
+                                                                          >
+                                                                            3
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="4"
+                                                                          label="4"
+                                                                          text="4"
+                                                                          value={4}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="4"
+                                                                            value={4}
+                                                                          >
+                                                                            4
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                      </select>
+                                                                      <ForwardRef(ChevronDown16)
+                                                                        className="bx--select__arrow"
+                                                                      >
+                                                                        <Icon
+                                                                          className="bx--select__arrow"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 16 16"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="bx--select__arrow"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(ChevronDown16)>
+                                                                    </div>
+                                                                  </div>
+                                                                </div>
+                                                              </Select>
+                                                            </ClearedSelect>
+                                                          </Select>
+                                                        </Select>
+                                                      </SelectWithOnChange>
+                                                    </FormFieldHideWrapper>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                                <SingleField
+                                                  component="text-field"
+                                                  id="total_cpus"
+                                                  initialValue={3}
+                                                  isReadOnly={true}
+                                                  key="total_cpus"
+                                                  label="Total Processors"
+                                                  name="total_cpus"
+                                                  type="number"
+                                                >
+                                                  <FormConditionWrapper
+                                                    field={
+                                                      Object {
+                                                        "component": "text-field",
+                                                        "id": "total_cpus",
+                                                        "initialValue": 3,
+                                                        "isReadOnly": true,
+                                                        "label": "Total Processors",
+                                                        "name": "total_cpus",
+                                                        "type": "number",
+                                                      }
+                                                    }
+                                                  >
+                                                    <FormFieldHideWrapper
+                                                      hideField={false}
+                                                    >
+                                                      <TextField
+                                                        component="text-field"
+                                                        id="total_cpus"
+                                                        initialValue={3}
+                                                        isReadOnly={true}
+                                                        label="Total Processors"
+                                                        name="total_cpus"
+                                                        type="number"
+                                                      >
+                                                        <ForwardRef(NumberInput)
+                                                          id="total_cpus"
+                                                          invalid={false}
+                                                          invalidText=""
+                                                          key="total_cpus"
+                                                          label="Total Processors"
+                                                          name="total_cpus"
+                                                          onBlur={[Function]}
+                                                          onChange={[Function]}
+                                                          onFocus={[Function]}
+                                                          readOnly={true}
+                                                          type="number"
+                                                          value={3}
+                                                          warn={false}
+                                                          warnText=""
+                                                        >
+                                                          <NumberInput
+                                                            allowEmpty={false}
+                                                            ariaLabel="Numeric input field with increment and decrement buttons"
+                                                            disabled={false}
+                                                            helperText=""
+                                                            hideLabel={false}
+                                                            iconDescription="choose a number"
+                                                            id="total_cpus"
+                                                            innerRef={null}
+                                                            invalid={false}
+                                                            invalidText=""
+                                                            label="Total Processors"
+                                                            light={false}
+                                                            name="total_cpus"
+                                                            onBlur={[Function]}
+                                                            onChange={[Function]}
+                                                            onFocus={[Function]}
+                                                            readOnly={true}
+                                                            step={1}
+                                                            translateWithId={[Function]}
+                                                            type="number"
+                                                            value={3}
+                                                            warn={false}
+                                                            warnText=""
+                                                          >
+                                                            <div
+                                                              className="bx--form-item"
+                                                            >
+                                                              <div
+                                                                className="bx--number bx--number--helpertext bx--number--readonly"
+                                                              >
+                                                                <label
+                                                                  className="bx--label"
+                                                                  htmlFor="total_cpus"
+                                                                >
+                                                                  Total Processors
+                                                                </label>
+                                                                <div
+                                                                  className="bx--number__input-wrapper"
+                                                                >
+                                                                  <input
+                                                                    aria-describedby={null}
+                                                                    aria-invalid={false}
+                                                                    aria-label={null}
+                                                                    data-invalid={false}
+                                                                    disabled={false}
+                                                                    id="total_cpus"
+                                                                    name="total_cpus"
+                                                                    onBlur={[Function]}
+                                                                    onChange={[Function]}
+                                                                    onFocus={[Function]}
+                                                                    pattern="[0-9]*"
+                                                                    readOnly={true}
+                                                                    step={1}
+                                                                    type="number"
+                                                                    value={3}
+                                                                  />
+                                                                  <ForwardRef(EditOff16)
+                                                                    className="bx--number__readonly-icon"
+                                                                  >
+                                                                    <Icon
+                                                                      className="bx--number__readonly-icon"
+                                                                      fill="currentColor"
+                                                                      height={16}
+                                                                      preserveAspectRatio="xMidYMid meet"
+                                                                      viewBox="0 0 32 32"
+                                                                      width={16}
+                                                                      xmlns="http://www.w3.org/2000/svg"
+                                                                    >
+                                                                      <svg
+                                                                        aria-hidden={true}
+                                                                        className="bx--number__readonly-icon"
+                                                                        fill="currentColor"
+                                                                        focusable="false"
+                                                                        height={16}
+                                                                        preserveAspectRatio="xMidYMid meet"
+                                                                        viewBox="0 0 32 32"
+                                                                        width={16}
+                                                                        xmlns="http://www.w3.org/2000/svg"
+                                                                      >
+                                                                        <path
+                                                                          d="M30 28.6L3.4 2 2 3.4l10.1 10.1L4 21.6V28h6.4l8.1-8.1L28.6 30 30 28.6zM9.6 26H6v-3.6l7.5-7.5 3.6 3.6L9.6 26zM29.4 6.2L29.4 6.2l-3.6-3.6c-.8-.8-2-.8-2.8 0l0 0 0 0-8 8 1.4 1.4L20 8.4l3.6 3.6L20 15.6l1.4 1.4 8-8C30.2 8.2 30.2 7 29.4 6.2L29.4 6.2zM25 10.6L21.4 7l3-3L28 7.6 25 10.6z"
+                                                                        />
+                                                                      </svg>
+                                                                    </Icon>
+                                                                  </ForwardRef(EditOff16)>
+                                                                  <div
+                                                                    className="bx--number__controls"
+                                                                  >
+                                                                    <button
+                                                                      aria-label="Decrement number"
+                                                                      className="bx--number__control-btn down-icon"
+                                                                      disabled={false}
+                                                                      onClick={[Function]}
+                                                                      tabIndex="-1"
+                                                                      title="Decrement number"
+                                                                      type="button"
+                                                                    >
+                                                                      <ForwardRef(Subtract16)
+                                                                        className="down-icon"
+                                                                      >
+                                                                        <Icon
+                                                                          className="down-icon"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 32 32"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="down-icon"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 32 32"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M8 15H24V17H8z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(Subtract16)>
+                                                                    </button>
+                                                                    <div
+                                                                      className="bx--number__rule-divider"
+                                                                    />
+                                                                    <button
+                                                                      aria-label="Increment number"
+                                                                      className="bx--number__control-btn up-icon"
+                                                                      disabled={false}
+                                                                      onClick={[Function]}
+                                                                      tabIndex="-1"
+                                                                      title="Increment number"
+                                                                      type="button"
+                                                                    >
+                                                                      <ForwardRef(Add16)
+                                                                        className="up-icon"
+                                                                      >
+                                                                        <Icon
+                                                                          className="up-icon"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 32 32"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="up-icon"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 32 32"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(Add16)>
+                                                                    </button>
+                                                                    <div
+                                                                      className="bx--number__rule-divider"
+                                                                    />
+                                                                  </div>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </NumberInput>
+                                                        </ForwardRef(NumberInput)>
+                                                      </TextField>
+                                                    </FormFieldHideWrapper>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                              </div>
+                                            </SubForm>
+                                          </FormFieldHideWrapper>
+                                        </Component>
+                                      </ConditionTriggerWrapper>
+                                    </ConditionTriggerDetector>
+                                  </ForwardRef(Field)>
+                                </ConditionTriggerDetector>
+                              </FormConditionWrapper>
+                            </SingleField>
+                          </div>
+                        </SubForm>
+                      </FormFieldHideWrapper>
+                    </FormConditionWrapper>
+                  </SingleField>
+                  <SingleField
+                    component="spy-field"
+                    key="spy-field"
+                    name="spy-field"
+                  >
+                    <FormConditionWrapper
+                      field={
+                        Object {
+                          "component": "spy-field",
+                          "initialize": undefined,
+                          "name": "spy-field",
+                        }
+                      }
+                    >
+                      <FormFieldHideWrapper
+                        hideField={false}
+                      >
+                        <SpyField
+                          component="spy-field"
+                          name="spy-field"
+                        >
+                          <FormSpy
+                            onChange={[Function]}
+                            subscription={
+                              Object {
+                                "pristine": true,
+                                "valid": true,
+                              }
+                            }
+                          />
+                        </SpyField>
+                      </FormFieldHideWrapper>
+                    </FormConditionWrapper>
+                  </SingleField>
+                  <div
+                    className="bx--btn-set"
+                  >
+                    <button
+                      alt="Save"
+                      className="bx--btn bx--btn--primary"
+                      disabled={true}
+                      type="submit"
+                    >
+                      Save
+                    </button>
+                    <button
+                      alt="Reset"
+                      className="bx--btn bx--btn--secondary"
+                      disabled={true}
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      Reset
+                    </button>
+                    <button
+                      alt="Cancel"
+                      className="bx--btn bx--btn--secondary"
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      Cancel
+                    </button>
+                  </div>
+                </form>
+              </ReconfigureTemplate>
+            </FormTemplate>
+          </ReactFinalForm>
+        </FormRenderer>
+      </MiqFormRenderer>
+    </Connect(MiqFormRenderer)>
+  </ReconfigureVmForm>
+</Provider>
+`;
+
+exports[`Reconfigure VM form component should render reconfigure form and show network add form 1`] = `
+<Provider
+  store={
+    Object {
+      "asyncReducers": Object {
+        "FormButtons": [Function],
+        "miqCustomTabReducer": [Function],
+        "notificationReducer": [Function],
+      },
+      "dispatch": [Function],
+      "getState": [Function],
+      "injectReducers": [Function],
+      "replaceReducer": [Function],
+      "subscribe": [Function],
+      Symbol(observable): [Function],
+    }
+  }
+>
+  <ReconfigureVmForm
+    memory={
+      Object {
+        "max": 10,
+        "min": 1024,
+      }
+    }
+    options={
+      Object {
+        "avail_adapter_names": Array [],
+        "controller_types": Array [
+          "VirtualController",
+          "ParaVirtualController",
+          "VirtualBusController",
+        ],
+        "cores_options": Array [
+          1,
+          2,
+          3,
+          4,
+        ],
+        "host_file_options": Array [
+          Array [
+            "host file test 1.iso",
+            "host file test 1.iso,18",
+          ],
+          Array [
+            "host file test 2.iso",
+            "host file test 2.iso,18",
+          ],
+          Array [
+            "host file test 3.iso",
+            "host file test 3.iso,18",
+          ],
+        ],
+        "socket_options": Array [
+          1,
+          2,
+          3,
+          4,
+        ],
+        "vlan_options": Array [
+          "vlan test 0",
+          "vlan test 1",
+          "vlan test 3",
+        ],
+      }
+    }
+    recordId={
+      Array [
+        12,
+      ]
+    }
+    requestId="new"
+    roles={
+      Object {
+        "allowCdromsChange": true,
+        "allowCpuChange": true,
+        "allowDiskChange": true,
+        "allowDiskSizeChange": true,
+        "allowMemoryChange": true,
+        "allowNetworkChange": true,
+        "isRedhat": true,
+        "isVmwareCloud": false,
+        "isVmwareInfra": true,
+      }
+    }
+  >
+    <Connect(MiqFormRenderer)
+      FormTemplate={[Function]}
+      clearOnUnmount={true}
+      componentMapper={
+        Object {
+          "checkbox": [Function],
+          "code-editor": [Function],
+          "date-picker": [Function],
+          "dual-list-select": [Function],
+          "edit-password-field": [Function],
+          "field-array": [Function],
+          "file-upload": [Function],
+          "font-icon-picker": [Function],
+          "font-icon-picker-ddf": [Function],
+          "multi-select": [Function],
+          "password-field": [Function],
+          "plain-text": [Function],
+          "radio": [Function],
+          "reconfigure-table": [Function],
+          "select": [Function],
+          "slider": [Function],
+          "sub-form": [Function],
+          "switch": [Function],
+          "tabs": [Function],
+          "text-field": [Function],
+          "textarea": [Function],
+          "time-picker": [Function],
+          "tree-selector": [Function],
+          "tree-view": [Function],
+          "validate-credentials": [Function],
+          "wizard": [Function],
+        }
+      }
+      initialValues={
+        Object {
+          "cb_memory": false,
+          "cores_per_socket_count": "1",
+          "mem_type": "GB",
+          "memory": "16",
+          "processor": false,
+          "socket_count": "4",
+        }
+      }
+      onCancel={[Function]}
+      onReset={[Function]}
+      onSubmit={[Function]}
+      schema={
+        Object {
+          "fields": Array [
+            Object {
+              "className": "network_form",
+              "component": "sub-form",
+              "fields": Array [
+                Array [
+                  Object {
+                    "autoFocus": true,
+                    "component": "text-field",
+                    "hideField": true,
+                    "id": "name",
+                    "initialValue": "",
+                    "isReadOnly": false,
+                    "label": "Name",
+                    "name": "name",
+                  },
+                  Object {
+                    "component": "select",
+                    "hideField": false,
+                    "id": "vlan",
+                    "includeEmpty": true,
+                    "initialValue": "",
+                    "isRequired": true,
+                    "label": "vLan",
+                    "name": "vlan",
+                    "options": Array [
+                      Object {
+                        "label": "vlan test 0",
+                        "value": "vlan test 0",
+                      },
+                      Object {
+                        "label": "vlan test 1",
+                        "value": "vlan test 1",
+                      },
+                      Object {
+                        "label": "vlan test 3",
+                        "value": "vlan test 3",
+                      },
+                    ],
+                    "placeholder": "<Choose>",
+                    "validate": Array [
+                      Object {
+                        "hideField": false,
+                        "type": "customRequired",
+                      },
+                    ],
+                  },
+                  Object {
+                    "component": "select",
+                    "hideField": true,
+                    "id": "network",
+                    "includeEmpty": true,
+                    "initialValue": "",
+                    "isRequired": true,
+                    "label": "Network",
+                    "name": "network",
+                    "options": Array [],
+                    "placeholder": "<Choose>",
+                    "validate": Array [
+                      Object {
+                        "hideField": true,
                         "type": "customRequired",
                       },
                     ],
@@ -34962,744 +39230,5012 @@ exports[`Reconfigure VM form component should render reconfigure form without da
         "isVmwareCloud": false,
         "isVmwareInfra": true,
       }
-    }
-  >
-    <Connect(MiqFormRenderer)
-      FormTemplate={[Function]}
-      clearOnUnmount={false}
-      componentMapper={
+    }
+  >
+    <Connect(MiqFormRenderer)
+      FormTemplate={[Function]}
+      clearOnUnmount={false}
+      componentMapper={
+        Object {
+          "checkbox": [Function],
+          "code-editor": [Function],
+          "date-picker": [Function],
+          "dual-list-select": [Function],
+          "edit-password-field": [Function],
+          "field-array": [Function],
+          "file-upload": [Function],
+          "font-icon-picker": [Function],
+          "font-icon-picker-ddf": [Function],
+          "multi-select": [Function],
+          "password-field": [Function],
+          "plain-text": [Function],
+          "radio": [Function],
+          "reconfigure-table": [Function],
+          "select": [Function],
+          "slider": [Function],
+          "sub-form": [Function],
+          "switch": [Function],
+          "tabs": [Function],
+          "text-field": [Function],
+          "textarea": [Function],
+          "time-picker": [Function],
+          "tree-selector": [Function],
+          "tree-view": [Function],
+          "validate-credentials": [Function],
+          "wizard": [Function],
+        }
+      }
+      initialValues={
+        Object {
+          "cb_memory": true,
+          "cores_per_socket_count": "1",
+          "mem_type": "GB",
+          "memory": "4",
+          "processor": true,
+          "socket_count": "3",
+        }
+      }
+      onCancel={[Function]}
+      onReset={[Function]}
+      onSubmit={[Function]}
+      schema={
+        Object {
+          "fields": Array [
+            Object {
+              "className": "reconfigure_form",
+              "component": "sub-form",
+              "fields": Array [
+                Array [
+                  Object {
+                    "component": "switch",
+                    "isDisabled": false,
+                    "label": "Memory",
+                    "name": "cb_memory",
+                    "offText": "No",
+                    "onText": "Yes",
+                  },
+                  Object {
+                    "className": "reconfigure-sub-form",
+                    "component": "sub-form",
+                    "condition": Object {
+                      "is": true,
+                      "when": "cb_memory",
+                    },
+                    "fields": Array [
+                      Object {
+                        "component": "text-field",
+                        "condition": Object {
+                          "is": true,
+                          "when": "cb_memory",
+                        },
+                        "initialValue": 16,
+                        "isRequired": true,
+                        "label": "Memory Size",
+                        "name": "memory",
+                        "validate": Array [
+                          Object {
+                            "type": "memoryCheck",
+                          },
+                        ],
+                      },
+                      Object {
+                        "component": "select",
+                        "condition": Object {
+                          "is": true,
+                          "when": "cb_memory",
+                        },
+                        "helperText": "Between 1024MB and 0.009765625GB",
+                        "id": "memoryType",
+                        "initialValue": "GB",
+                        "label": "Unit",
+                        "name": "mem_type",
+                        "options": Array [
+                          Object {
+                            "label": "GB",
+                            "value": "GB",
+                          },
+                          Object {
+                            "label": "MB",
+                            "value": "MB",
+                          },
+                        ],
+                      },
+                    ],
+                    "id": "memory-sub-form",
+                    "name": "memory-sub-form",
+                  },
+                  Object {
+                    "component": "switch",
+                    "isDisabled": false,
+                    "label": "Processor",
+                    "name": "processor",
+                    "offText": "No",
+                    "onText": "Yes",
+                  },
+                  Object {
+                    "className": "reconfigure-sub-form",
+                    "component": "sub-form",
+                    "condition": Object {
+                      "is": true,
+                      "when": "processor",
+                    },
+                    "fields": Array [
+                      Object {
+                        "component": "select",
+                        "hideField": false,
+                        "id": "socket",
+                        "label": "Sockets",
+                        "name": "socket_count",
+                        "onChange": [Function],
+                        "options": Array [
+                          Object {
+                            "label": "1",
+                            "value": 1,
+                          },
+                          Object {
+                            "label": "2",
+                            "value": 2,
+                          },
+                          Object {
+                            "label": "3",
+                            "value": 3,
+                          },
+                          Object {
+                            "label": "4",
+                            "value": 4,
+                          },
+                        ],
+                        "validate": Array [
+                          Object {
+                            "field": "socket",
+                            "type": "cpuCheck",
+                          },
+                        ],
+                      },
+                      Object {
+                        "component": "select",
+                        "hideField": false,
+                        "id": "cores",
+                        "label": "Cores Per Socket",
+                        "name": "cores_per_socket_count",
+                        "onChange": [Function],
+                        "options": Array [
+                          Object {
+                            "label": "1",
+                            "value": 1,
+                          },
+                          Object {
+                            "label": "2",
+                            "value": 2,
+                          },
+                          Object {
+                            "label": "3",
+                            "value": 3,
+                          },
+                          Object {
+                            "label": "4",
+                            "value": 4,
+                          },
+                        ],
+                        "validate": Array [
+                          Object {
+                            "field": "cores",
+                            "type": "cpuCheck",
+                          },
+                        ],
+                      },
+                      Object {
+                        "component": "text-field",
+                        "id": "total_cpus",
+                        "initialValue": 3,
+                        "isReadOnly": true,
+                        "label": "Total Processors",
+                        "name": "total_cpus",
+                        "type": "number",
+                      },
+                    ],
+                    "id": "processor-sub-form",
+                    "name": "processor-sub-form",
+                  },
+                ],
+              ],
+              "name": "BasicInformation",
+              "title": "Options",
+            },
+          ],
+        }
+      }
+      validatorMapper={
         Object {
-          "checkbox": [Function],
-          "code-editor": [Function],
-          "date-picker": [Function],
-          "dual-list-select": [Function],
-          "edit-password-field": [Function],
-          "field-array": [Function],
-          "file-upload": [Function],
-          "font-icon-picker": [Function],
-          "font-icon-picker-ddf": [Function],
-          "multi-select": [Function],
-          "password-field": [Function],
-          "plain-text": [Function],
-          "radio": [Function],
-          "reconfigure-table": [Function],
-          "select": [Function],
-          "slider": [Function],
-          "sub-form": [Function],
-          "switch": [Function],
-          "tabs": [Function],
-          "text-field": [Function],
-          "textarea": [Function],
-          "time-picker": [Function],
-          "tree-selector": [Function],
-          "tree-view": [Function],
-          "validate-credentials": [Function],
-          "wizard": [Function],
+          "cpuCheck": [Function],
+          "customRequired": [Function],
+          "diskMemoryCheck": [Function],
+          "memoryCheck": [Function],
+        }
+      }
+    >
+      <MiqFormRenderer
+        FormTemplate={[Function]}
+        buttonsLabels={Object {}}
+        canReset={false}
+        className="form-react"
+        clearOnUnmount={false}
+        componentMapper={
+          Object {
+            "checkbox": [Function],
+            "code-editor": [Function],
+            "date-picker": [Function],
+            "dual-list-select": [Function],
+            "edit-password-field": [Function],
+            "field-array": [Function],
+            "file-upload": [Function],
+            "font-icon-picker": [Function],
+            "font-icon-picker-ddf": [Function],
+            "multi-select": [Function],
+            "password-field": [Function],
+            "plain-text": [Function],
+            "radio": [Function],
+            "reconfigure-table": [Function],
+            "select": [Function],
+            "slider": [Function],
+            "sub-form": [Function],
+            "switch": [Function],
+            "tabs": [Function],
+            "text-field": [Function],
+            "textarea": [Function],
+            "time-picker": [Function],
+            "tree-selector": [Function],
+            "tree-view": [Function],
+            "validate-credentials": [Function],
+            "wizard": [Function],
+          }
+        }
+        disableSubmit={
+          Array [
+            "pristine",
+            "invalid",
+          ]
+        }
+        dispatch={[Function]}
+        initialValues={
+          Object {
+            "cb_memory": true,
+            "cores_per_socket_count": "1",
+            "mem_type": "GB",
+            "memory": "4",
+            "processor": true,
+            "socket_count": "3",
+          }
+        }
+        onCancel={[Function]}
+        onReset={[Function]}
+        onSubmit={[Function]}
+        schema={
+          Object {
+            "fields": Array [
+              Object {
+                "className": "reconfigure_form",
+                "component": "sub-form",
+                "fields": Array [
+                  Array [
+                    Object {
+                      "component": "switch",
+                      "isDisabled": false,
+                      "label": "Memory",
+                      "name": "cb_memory",
+                      "offText": "No",
+                      "onText": "Yes",
+                    },
+                    Object {
+                      "className": "reconfigure-sub-form",
+                      "component": "sub-form",
+                      "condition": Object {
+                        "is": true,
+                        "when": "cb_memory",
+                      },
+                      "fields": Array [
+                        Object {
+                          "component": "text-field",
+                          "condition": Object {
+                            "is": true,
+                            "when": "cb_memory",
+                          },
+                          "initialValue": 16,
+                          "isRequired": true,
+                          "label": "Memory Size",
+                          "name": "memory",
+                          "validate": Array [
+                            Object {
+                              "type": "memoryCheck",
+                            },
+                          ],
+                        },
+                        Object {
+                          "component": "select",
+                          "condition": Object {
+                            "is": true,
+                            "when": "cb_memory",
+                          },
+                          "helperText": "Between 1024MB and 0.009765625GB",
+                          "id": "memoryType",
+                          "initialValue": "GB",
+                          "label": "Unit",
+                          "name": "mem_type",
+                          "options": Array [
+                            Object {
+                              "label": "GB",
+                              "value": "GB",
+                            },
+                            Object {
+                              "label": "MB",
+                              "value": "MB",
+                            },
+                          ],
+                        },
+                      ],
+                      "id": "memory-sub-form",
+                      "name": "memory-sub-form",
+                    },
+                    Object {
+                      "component": "switch",
+                      "isDisabled": false,
+                      "label": "Processor",
+                      "name": "processor",
+                      "offText": "No",
+                      "onText": "Yes",
+                    },
+                    Object {
+                      "className": "reconfigure-sub-form",
+                      "component": "sub-form",
+                      "condition": Object {
+                        "is": true,
+                        "when": "processor",
+                      },
+                      "fields": Array [
+                        Object {
+                          "component": "select",
+                          "hideField": false,
+                          "id": "socket",
+                          "label": "Sockets",
+                          "name": "socket_count",
+                          "onChange": [Function],
+                          "options": Array [
+                            Object {
+                              "label": "1",
+                              "value": 1,
+                            },
+                            Object {
+                              "label": "2",
+                              "value": 2,
+                            },
+                            Object {
+                              "label": "3",
+                              "value": 3,
+                            },
+                            Object {
+                              "label": "4",
+                              "value": 4,
+                            },
+                          ],
+                          "validate": Array [
+                            Object {
+                              "field": "socket",
+                              "type": "cpuCheck",
+                            },
+                          ],
+                        },
+                        Object {
+                          "component": "select",
+                          "hideField": false,
+                          "id": "cores",
+                          "label": "Cores Per Socket",
+                          "name": "cores_per_socket_count",
+                          "onChange": [Function],
+                          "options": Array [
+                            Object {
+                              "label": "1",
+                              "value": 1,
+                            },
+                            Object {
+                              "label": "2",
+                              "value": 2,
+                            },
+                            Object {
+                              "label": "3",
+                              "value": 3,
+                            },
+                            Object {
+                              "label": "4",
+                              "value": 4,
+                            },
+                          ],
+                          "validate": Array [
+                            Object {
+                              "field": "cores",
+                              "type": "cpuCheck",
+                            },
+                          ],
+                        },
+                        Object {
+                          "component": "text-field",
+                          "id": "total_cpus",
+                          "initialValue": 3,
+                          "isReadOnly": true,
+                          "label": "Total Processors",
+                          "name": "total_cpus",
+                          "type": "number",
+                        },
+                      ],
+                      "id": "processor-sub-form",
+                      "name": "processor-sub-form",
+                    },
+                  ],
+                ],
+                "name": "BasicInformation",
+                "title": "Options",
+              },
+            ],
+          }
         }
-      }
-      initialValues={
-        Object {
-          "cb_memory": true,
-          "cores_per_socket_count": "1",
-          "mem_type": "GB",
-          "memory": "4",
-          "processor": true,
-          "socket_count": "3",
+        showFormControls={true}
+        validatorMapper={
+          Object {
+            "cpuCheck": [Function],
+            "customRequired": [Function],
+            "diskMemoryCheck": [Function],
+            "memoryCheck": [Function],
+          }
         }
-      }
-      onCancel={[Function]}
-      onReset={[Function]}
-      onSubmit={[Function]}
-      schema={
-        Object {
-          "fields": Array [
+      >
+        <FormRenderer
+          FormTemplate={[Function]}
+          clearOnUnmount={false}
+          componentMapper={
+            Object {
+              "checkbox": [Function],
+              "code-editor": [Function],
+              "date-picker": [Function],
+              "dual-list-select": [Function],
+              "edit-password-field": [Function],
+              "field-array": [Function],
+              "file-upload": [Function],
+              "font-icon-picker": [Function],
+              "font-icon-picker-ddf": [Function],
+              "multi-select": [Function],
+              "password-field": [Function],
+              "plain-text": [Function],
+              "radio": [Function],
+              "reconfigure-table": [Function],
+              "select": [Function],
+              "slider": [Function],
+              "spy-field": [Function],
+              "sub-form": [Function],
+              "switch": [Function],
+              "tabs": [Function],
+              "text-field": [Function],
+              "textarea": [Function],
+              "time-picker": [Function],
+              "tree-selector": [Function],
+              "tree-view": [Function],
+              "validate-credentials": [Function],
+              "wizard": [Function],
+            }
+          }
+          dispatch={[Function]}
+          initialValues={
+            Object {
+              "cb_memory": true,
+              "cores_per_socket_count": "1",
+              "mem_type": "GB",
+              "memory": "4",
+              "processor": true,
+              "socket_count": "3",
+            }
+          }
+          onCancel={[Function]}
+          onReset={[Function]}
+          onSubmit={[Function]}
+          schema={
             Object {
-              "className": "reconfigure_form",
-              "component": "sub-form",
               "fields": Array [
-                Array [
-                  Object {
-                    "component": "switch",
-                    "isDisabled": false,
-                    "label": "Memory",
-                    "name": "cb_memory",
-                    "offText": "No",
-                    "onText": "Yes",
-                  },
-                  Object {
-                    "className": "reconfigure-sub-form",
-                    "component": "sub-form",
-                    "condition": Object {
-                      "is": true,
-                      "when": "cb_memory",
-                    },
-                    "fields": Array [
+                Object {
+                  "className": "reconfigure_form",
+                  "component": "sub-form",
+                  "fields": Array [
+                    Array [
                       Object {
-                        "component": "text-field",
-                        "condition": Object {
-                          "is": true,
-                          "when": "cb_memory",
-                        },
-                        "initialValue": 16,
-                        "isRequired": true,
-                        "label": "Memory Size",
-                        "name": "memory",
-                        "validate": Array [
-                          Object {
-                            "type": "memoryCheck",
-                          },
-                        ],
+                        "component": "switch",
+                        "isDisabled": false,
+                        "label": "Memory",
+                        "name": "cb_memory",
+                        "offText": "No",
+                        "onText": "Yes",
                       },
                       Object {
-                        "component": "select",
+                        "className": "reconfigure-sub-form",
+                        "component": "sub-form",
                         "condition": Object {
                           "is": true,
                           "when": "cb_memory",
                         },
-                        "helperText": "Between 1024MB and 0.009765625GB",
-                        "id": "memoryType",
-                        "initialValue": "GB",
-                        "label": "Unit",
-                        "name": "mem_type",
-                        "options": Array [
+                        "fields": Array [
                           Object {
-                            "label": "GB",
-                            "value": "GB",
+                            "component": "text-field",
+                            "condition": Object {
+                              "is": true,
+                              "when": "cb_memory",
+                            },
+                            "initialValue": 16,
+                            "isRequired": true,
+                            "label": "Memory Size",
+                            "name": "memory",
+                            "validate": Array [
+                              Object {
+                                "type": "memoryCheck",
+                              },
+                            ],
                           },
                           Object {
-                            "label": "MB",
-                            "value": "MB",
+                            "component": "select",
+                            "condition": Object {
+                              "is": true,
+                              "when": "cb_memory",
+                            },
+                            "helperText": "Between 1024MB and 0.009765625GB",
+                            "id": "memoryType",
+                            "initialValue": "GB",
+                            "label": "Unit",
+                            "name": "mem_type",
+                            "options": Array [
+                              Object {
+                                "label": "GB",
+                                "value": "GB",
+                              },
+                              Object {
+                                "label": "MB",
+                                "value": "MB",
+                              },
+                            ],
                           },
                         ],
+                        "id": "memory-sub-form",
+                        "name": "memory-sub-form",
                       },
-                    ],
-                    "id": "memory-sub-form",
-                    "name": "memory-sub-form",
-                  },
-                  Object {
-                    "component": "switch",
-                    "isDisabled": false,
-                    "label": "Processor",
-                    "name": "processor",
-                    "offText": "No",
-                    "onText": "Yes",
-                  },
-                  Object {
-                    "className": "reconfigure-sub-form",
-                    "component": "sub-form",
-                    "condition": Object {
-                      "is": true,
-                      "when": "processor",
-                    },
-                    "fields": Array [
                       Object {
-                        "component": "select",
-                        "hideField": false,
-                        "id": "socket",
-                        "label": "Sockets",
-                        "name": "socket_count",
-                        "onChange": [Function],
-                        "options": Array [
-                          Object {
-                            "label": "1",
-                            "value": 1,
-                          },
-                          Object {
-                            "label": "2",
-                            "value": 2,
-                          },
+                        "component": "switch",
+                        "isDisabled": false,
+                        "label": "Processor",
+                        "name": "processor",
+                        "offText": "No",
+                        "onText": "Yes",
+                      },
+                      Object {
+                        "className": "reconfigure-sub-form",
+                        "component": "sub-form",
+                        "condition": Object {
+                          "is": true,
+                          "when": "processor",
+                        },
+                        "fields": Array [
                           Object {
-                            "label": "3",
-                            "value": 3,
+                            "component": "select",
+                            "hideField": false,
+                            "id": "socket",
+                            "label": "Sockets",
+                            "name": "socket_count",
+                            "onChange": [Function],
+                            "options": Array [
+                              Object {
+                                "label": "1",
+                                "value": 1,
+                              },
+                              Object {
+                                "label": "2",
+                                "value": 2,
+                              },
+                              Object {
+                                "label": "3",
+                                "value": 3,
+                              },
+                              Object {
+                                "label": "4",
+                                "value": 4,
+                              },
+                            ],
+                            "validate": Array [
+                              Object {
+                                "field": "socket",
+                                "type": "cpuCheck",
+                              },
+                            ],
                           },
                           Object {
-                            "label": "4",
-                            "value": 4,
+                            "component": "select",
+                            "hideField": false,
+                            "id": "cores",
+                            "label": "Cores Per Socket",
+                            "name": "cores_per_socket_count",
+                            "onChange": [Function],
+                            "options": Array [
+                              Object {
+                                "label": "1",
+                                "value": 1,
+                              },
+                              Object {
+                                "label": "2",
+                                "value": 2,
+                              },
+                              Object {
+                                "label": "3",
+                                "value": 3,
+                              },
+                              Object {
+                                "label": "4",
+                                "value": 4,
+                              },
+                            ],
+                            "validate": Array [
+                              Object {
+                                "field": "cores",
+                                "type": "cpuCheck",
+                              },
+                            ],
                           },
-                        ],
-                        "validate": Array [
                           Object {
-                            "field": "socket",
-                            "type": "cpuCheck",
+                            "component": "text-field",
+                            "id": "total_cpus",
+                            "initialValue": 3,
+                            "isReadOnly": true,
+                            "label": "Total Processors",
+                            "name": "total_cpus",
+                            "type": "number",
                           },
                         ],
+                        "id": "processor-sub-form",
+                        "name": "processor-sub-form",
                       },
-                      Object {
-                        "component": "select",
-                        "hideField": false,
-                        "id": "cores",
-                        "label": "Cores Per Socket",
-                        "name": "cores_per_socket_count",
-                        "onChange": [Function],
-                        "options": Array [
-                          Object {
-                            "label": "1",
-                            "value": 1,
-                          },
+                    ],
+                  ],
+                  "name": "BasicInformation",
+                  "title": "Options",
+                },
+                Object {
+                  "component": "spy-field",
+                  "initialize": undefined,
+                  "name": "spy-field",
+                },
+              ],
+            }
+          }
+          validatorMapper={
+            Object {
+              "cpuCheck": [Function],
+              "customRequired": [Function],
+              "diskMemoryCheck": [Function],
+              "memoryCheck": [Function],
+            }
+          }
+        >
+          <ReactFinalForm
+            decorators={
+              Array [
+                [Function],
+              ]
+            }
+            dispatch={[Function]}
+            initialValues={
+              Object {
+                "cb_memory": true,
+                "cores_per_socket_count": "1",
+                "mem_type": "GB",
+                "memory": "4",
+                "processor": true,
+                "socket_count": "3",
+              }
+            }
+            mutators={
+              Object {
+                "concat": [Function],
+                "insert": [Function],
+                "move": [Function],
+                "pop": [Function],
+                "push": [Function],
+                "remove": [Function],
+                "removeBatch": [Function],
+                "shift": [Function],
+                "swap": [Function],
+                "unshift": [Function],
+                "update": [Function],
+              }
+            }
+            onSubmit={[Function]}
+            render={[Function]}
+            subscription={
+              Object {
+                "pristine": true,
+                "submitting": true,
+                "valid": true,
+              }
+            }
+          >
+            <FormTemplate
+              formFields={
+                Array [
+                  <SingleField
+                    className="reconfigure_form"
+                    component="sub-form"
+                    fields={
+                      Array [
+                        Array [
                           Object {
-                            "label": "2",
-                            "value": 2,
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Memory",
+                            "name": "cb_memory",
+                            "offText": "No",
+                            "onText": "Yes",
                           },
                           Object {
-                            "label": "3",
-                            "value": 3,
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "cb_memory",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "text-field",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "initialValue": 16,
+                                "isRequired": true,
+                                "label": "Memory Size",
+                                "name": "memory",
+                                "validate": Array [
+                                  Object {
+                                    "type": "memoryCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "helperText": "Between 1024MB and 0.009765625GB",
+                                "id": "memoryType",
+                                "initialValue": "GB",
+                                "label": "Unit",
+                                "name": "mem_type",
+                                "options": Array [
+                                  Object {
+                                    "label": "GB",
+                                    "value": "GB",
+                                  },
+                                  Object {
+                                    "label": "MB",
+                                    "value": "MB",
+                                  },
+                                ],
+                              },
+                            ],
+                            "id": "memory-sub-form",
+                            "name": "memory-sub-form",
                           },
                           Object {
-                            "label": "4",
-                            "value": 4,
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Processor",
+                            "name": "processor",
+                            "offText": "No",
+                            "onText": "Yes",
                           },
-                        ],
-                        "validate": Array [
                           Object {
-                            "field": "cores",
-                            "type": "cpuCheck",
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "processor",
+                            },
+                            "fields": Array [
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "socket",
+                                "label": "Sockets",
+                                "name": "socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "socket",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "cores",
+                                "label": "Cores Per Socket",
+                                "name": "cores_per_socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "cores",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "text-field",
+                                "id": "total_cpus",
+                                "initialValue": 3,
+                                "isReadOnly": true,
+                                "label": "Total Processors",
+                                "name": "total_cpus",
+                                "type": "number",
+                              },
+                            ],
+                            "id": "processor-sub-form",
+                            "name": "processor-sub-form",
                           },
                         ],
-                      },
-                      Object {
-                        "component": "text-field",
-                        "id": "total_cpus",
-                        "initialValue": 3,
-                        "isReadOnly": true,
-                        "label": "Total Processors",
-                        "name": "total_cpus",
-                        "type": "number",
-                      },
-                    ],
-                    "id": "processor-sub-form",
-                    "name": "processor-sub-form",
-                  },
-                  "",
-                ],
-              ],
-              "name": "BasicInformation",
-              "title": "Options",
-            },
-          ],
-        }
-      }
-      validatorMapper={
-        Object {
-          "cpuCheck": [Function],
-          "customRequired": [Function],
-          "diskMemoryCheck": [Function],
-          "memoryCheck": [Function],
-        }
-      }
-    >
-      <MiqFormRenderer
-        FormTemplate={[Function]}
-        buttonsLabels={Object {}}
-        canReset={false}
-        className="form-react"
-        clearOnUnmount={false}
-        componentMapper={
-          Object {
-            "checkbox": [Function],
-            "code-editor": [Function],
-            "date-picker": [Function],
-            "dual-list-select": [Function],
-            "edit-password-field": [Function],
-            "field-array": [Function],
-            "file-upload": [Function],
-            "font-icon-picker": [Function],
-            "font-icon-picker-ddf": [Function],
-            "multi-select": [Function],
-            "password-field": [Function],
-            "plain-text": [Function],
-            "radio": [Function],
-            "reconfigure-table": [Function],
-            "select": [Function],
-            "slider": [Function],
-            "sub-form": [Function],
-            "switch": [Function],
-            "tabs": [Function],
-            "text-field": [Function],
-            "textarea": [Function],
-            "time-picker": [Function],
-            "tree-selector": [Function],
-            "tree-view": [Function],
-            "validate-credentials": [Function],
-            "wizard": [Function],
-          }
-        }
-        disableSubmit={
-          Array [
-            "pristine",
-            "invalid",
-          ]
-        }
-        dispatch={[Function]}
-        initialValues={
-          Object {
-            "cb_memory": true,
-            "cores_per_socket_count": "1",
-            "mem_type": "GB",
-            "memory": "4",
-            "processor": true,
-            "socket_count": "3",
-          }
-        }
-        onCancel={[Function]}
-        onReset={[Function]}
-        onSubmit={[Function]}
-        schema={
-          Object {
-            "fields": Array [
-              Object {
-                "className": "reconfigure_form",
-                "component": "sub-form",
-                "fields": Array [
-                  Array [
-                    Object {
-                      "component": "switch",
-                      "isDisabled": false,
-                      "label": "Memory",
-                      "name": "cb_memory",
-                      "offText": "No",
-                      "onText": "Yes",
-                    },
+                      ]
+                    }
+                    name="BasicInformation"
+                    title="Options"
+                  />,
+                  <SingleField
+                    component="spy-field"
+                    name="spy-field"
+                  />,
+                ]
+              }
+              schema={
+                Object {
+                  "fields": Array [
                     Object {
-                      "className": "reconfigure-sub-form",
+                      "className": "reconfigure_form",
                       "component": "sub-form",
-                      "condition": Object {
-                        "is": true,
-                        "when": "cb_memory",
-                      },
                       "fields": Array [
-                        Object {
-                          "component": "text-field",
-                          "condition": Object {
-                            "is": true,
-                            "when": "cb_memory",
-                          },
-                          "initialValue": 16,
-                          "isRequired": true,
-                          "label": "Memory Size",
-                          "name": "memory",
-                          "validate": Array [
-                            Object {
-                              "type": "memoryCheck",
-                            },
-                          ],
-                        },
-                        Object {
-                          "component": "select",
-                          "condition": Object {
-                            "is": true,
-                            "when": "cb_memory",
+                        Array [
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Memory",
+                            "name": "cb_memory",
+                            "offText": "No",
+                            "onText": "Yes",
                           },
-                          "helperText": "Between 1024MB and 0.009765625GB",
-                          "id": "memoryType",
-                          "initialValue": "GB",
-                          "label": "Unit",
-                          "name": "mem_type",
-                          "options": Array [
-                            Object {
-                              "label": "GB",
-                              "value": "GB",
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "cb_memory",
                             },
-                            Object {
-                              "label": "MB",
-                              "value": "MB",
+                            "fields": Array [
+                              Object {
+                                "component": "text-field",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "initialValue": 16,
+                                "isRequired": true,
+                                "label": "Memory Size",
+                                "name": "memory",
+                                "validate": Array [
+                                  Object {
+                                    "type": "memoryCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "helperText": "Between 1024MB and 0.009765625GB",
+                                "id": "memoryType",
+                                "initialValue": "GB",
+                                "label": "Unit",
+                                "name": "mem_type",
+                                "options": Array [
+                                  Object {
+                                    "label": "GB",
+                                    "value": "GB",
+                                  },
+                                  Object {
+                                    "label": "MB",
+                                    "value": "MB",
+                                  },
+                                ],
+                              },
+                            ],
+                            "id": "memory-sub-form",
+                            "name": "memory-sub-form",
+                          },
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Processor",
+                            "name": "processor",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "processor",
                             },
-                          ],
-                        },
+                            "fields": Array [
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "socket",
+                                "label": "Sockets",
+                                "name": "socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "socket",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "select",
+                                "hideField": false,
+                                "id": "cores",
+                                "label": "Cores Per Socket",
+                                "name": "cores_per_socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "cores",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
+                              },
+                              Object {
+                                "component": "text-field",
+                                "id": "total_cpus",
+                                "initialValue": 3,
+                                "isReadOnly": true,
+                                "label": "Total Processors",
+                                "name": "total_cpus",
+                                "type": "number",
+                              },
+                            ],
+                            "id": "processor-sub-form",
+                            "name": "processor-sub-form",
+                          },
+                        ],
                       ],
-                      "id": "memory-sub-form",
-                      "name": "memory-sub-form",
+                      "name": "BasicInformation",
+                      "title": "Options",
                     },
                     Object {
-                      "component": "switch",
-                      "isDisabled": false,
-                      "label": "Processor",
-                      "name": "processor",
-                      "offText": "No",
-                      "onText": "Yes",
+                      "component": "spy-field",
+                      "initialize": undefined,
+                      "name": "spy-field",
                     },
-                    Object {
-                      "className": "reconfigure-sub-form",
-                      "component": "sub-form",
-                      "condition": Object {
-                        "is": true,
-                        "when": "processor",
-                      },
-                      "fields": Array [
-                        Object {
-                          "component": "select",
-                          "hideField": false,
-                          "id": "socket",
-                          "label": "Sockets",
-                          "name": "socket_count",
-                          "onChange": [Function],
-                          "options": Array [
-                            Object {
-                              "label": "1",
-                              "value": 1,
-                            },
+                  ],
+                }
+              }
+            >
+              <ReconfigureTemplate
+                canSubmit={false}
+                formFields={
+                  Array [
+                    <SingleField
+                      className="reconfigure_form"
+                      component="sub-form"
+                      fields={
+                        Array [
+                          Array [
                             Object {
-                              "label": "2",
-                              "value": 2,
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Memory",
+                              "name": "cb_memory",
+                              "offText": "No",
+                              "onText": "Yes",
                             },
                             Object {
-                              "label": "3",
-                              "value": 3,
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "cb_memory",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "text-field",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "initialValue": 16,
+                                  "isRequired": true,
+                                  "label": "Memory Size",
+                                  "name": "memory",
+                                  "validate": Array [
+                                    Object {
+                                      "type": "memoryCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                  "id": "memoryType",
+                                  "initialValue": "GB",
+                                  "label": "Unit",
+                                  "name": "mem_type",
+                                  "options": Array [
+                                    Object {
+                                      "label": "GB",
+                                      "value": "GB",
+                                    },
+                                    Object {
+                                      "label": "MB",
+                                      "value": "MB",
+                                    },
+                                  ],
+                                },
+                              ],
+                              "id": "memory-sub-form",
+                              "name": "memory-sub-form",
                             },
                             Object {
-                              "label": "4",
-                              "value": 4,
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Processor",
+                              "name": "processor",
+                              "offText": "No",
+                              "onText": "Yes",
                             },
-                          ],
-                          "validate": Array [
                             Object {
-                              "field": "socket",
-                              "type": "cpuCheck",
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "processor",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "socket",
+                                  "label": "Sockets",
+                                  "name": "socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "socket",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "cores",
+                                  "label": "Cores Per Socket",
+                                  "name": "cores_per_socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "cores",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "text-field",
+                                  "id": "total_cpus",
+                                  "initialValue": 3,
+                                  "isReadOnly": true,
+                                  "label": "Total Processors",
+                                  "name": "total_cpus",
+                                  "type": "number",
+                                },
+                              ],
+                              "id": "processor-sub-form",
+                              "name": "processor-sub-form",
                             },
                           ],
-                        },
-                        Object {
-                          "component": "select",
-                          "hideField": false,
-                          "id": "cores",
-                          "label": "Cores Per Socket",
-                          "name": "cores_per_socket_count",
-                          "onChange": [Function],
-                          "options": Array [
-                            Object {
-                              "label": "1",
-                              "value": 1,
-                            },
+                        ]
+                      }
+                      name="BasicInformation"
+                      title="Options"
+                    />,
+                    <SingleField
+                      component="spy-field"
+                      name="spy-field"
+                    />,
+                  ]
+                }
+                hideButtons={false}
+                schema={
+                  Object {
+                    "fields": Array [
+                      Object {
+                        "className": "reconfigure_form",
+                        "component": "sub-form",
+                        "fields": Array [
+                          Array [
                             Object {
-                              "label": "2",
-                              "value": 2,
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Memory",
+                              "name": "cb_memory",
+                              "offText": "No",
+                              "onText": "Yes",
                             },
                             Object {
-                              "label": "3",
-                              "value": 3,
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "cb_memory",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "text-field",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "initialValue": 16,
+                                  "isRequired": true,
+                                  "label": "Memory Size",
+                                  "name": "memory",
+                                  "validate": Array [
+                                    Object {
+                                      "type": "memoryCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                  "id": "memoryType",
+                                  "initialValue": "GB",
+                                  "label": "Unit",
+                                  "name": "mem_type",
+                                  "options": Array [
+                                    Object {
+                                      "label": "GB",
+                                      "value": "GB",
+                                    },
+                                    Object {
+                                      "label": "MB",
+                                      "value": "MB",
+                                    },
+                                  ],
+                                },
+                              ],
+                              "id": "memory-sub-form",
+                              "name": "memory-sub-form",
                             },
                             Object {
-                              "label": "4",
-                              "value": 4,
+                              "component": "switch",
+                              "isDisabled": false,
+                              "label": "Processor",
+                              "name": "processor",
+                              "offText": "No",
+                              "onText": "Yes",
                             },
-                          ],
-                          "validate": Array [
                             Object {
-                              "field": "cores",
-                              "type": "cpuCheck",
+                              "className": "reconfigure-sub-form",
+                              "component": "sub-form",
+                              "condition": Object {
+                                "is": true,
+                                "when": "processor",
+                              },
+                              "fields": Array [
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "socket",
+                                  "label": "Sockets",
+                                  "name": "socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "socket",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "select",
+                                  "hideField": false,
+                                  "id": "cores",
+                                  "label": "Cores Per Socket",
+                                  "name": "cores_per_socket_count",
+                                  "onChange": [Function],
+                                  "options": Array [
+                                    Object {
+                                      "label": "1",
+                                      "value": 1,
+                                    },
+                                    Object {
+                                      "label": "2",
+                                      "value": 2,
+                                    },
+                                    Object {
+                                      "label": "3",
+                                      "value": 3,
+                                    },
+                                    Object {
+                                      "label": "4",
+                                      "value": 4,
+                                    },
+                                  ],
+                                  "validate": Array [
+                                    Object {
+                                      "field": "cores",
+                                      "type": "cpuCheck",
+                                    },
+                                  ],
+                                },
+                                Object {
+                                  "component": "text-field",
+                                  "id": "total_cpus",
+                                  "initialValue": 3,
+                                  "isReadOnly": true,
+                                  "label": "Total Processors",
+                                  "name": "total_cpus",
+                                  "type": "number",
+                                },
+                              ],
+                              "id": "processor-sub-form",
+                              "name": "processor-sub-form",
                             },
                           ],
-                        },
-                        Object {
-                          "component": "text-field",
-                          "id": "total_cpus",
-                          "initialValue": 3,
-                          "isReadOnly": true,
-                          "label": "Total Processors",
-                          "name": "total_cpus",
-                          "type": "number",
-                        },
-                      ],
-                      "id": "processor-sub-form",
-                      "name": "processor-sub-form",
-                    },
-                    "",
-                  ],
-                ],
-                "name": "BasicInformation",
-                "title": "Options",
-              },
-            ],
-          }
-        }
-        showFormControls={true}
-        validatorMapper={
-          Object {
-            "cpuCheck": [Function],
-            "customRequired": [Function],
-            "diskMemoryCheck": [Function],
-            "memoryCheck": [Function],
-          }
-        }
-      >
-        <FormRenderer
-          FormTemplate={[Function]}
-          clearOnUnmount={false}
-          componentMapper={
-            Object {
-              "checkbox": [Function],
-              "code-editor": [Function],
-              "date-picker": [Function],
-              "dual-list-select": [Function],
-              "edit-password-field": [Function],
-              "field-array": [Function],
-              "file-upload": [Function],
-              "font-icon-picker": [Function],
-              "font-icon-picker-ddf": [Function],
-              "multi-select": [Function],
-              "password-field": [Function],
-              "plain-text": [Function],
-              "radio": [Function],
-              "reconfigure-table": [Function],
-              "select": [Function],
-              "slider": [Function],
-              "spy-field": [Function],
-              "sub-form": [Function],
-              "switch": [Function],
-              "tabs": [Function],
-              "text-field": [Function],
-              "textarea": [Function],
-              "time-picker": [Function],
-              "tree-selector": [Function],
-              "tree-view": [Function],
-              "validate-credentials": [Function],
-              "wizard": [Function],
-            }
-          }
-          dispatch={[Function]}
-          initialValues={
-            Object {
-              "cb_memory": true,
-              "cores_per_socket_count": "1",
-              "mem_type": "GB",
-              "memory": "4",
-              "processor": true,
-              "socket_count": "3",
-            }
-          }
-          onCancel={[Function]}
-          onReset={[Function]}
-          onSubmit={[Function]}
-          schema={
-            Object {
-              "fields": Array [
-                Object {
-                  "className": "reconfigure_form",
-                  "component": "sub-form",
-                  "fields": Array [
-                    Array [
-                      Object {
-                        "component": "switch",
-                        "isDisabled": false,
-                        "label": "Memory",
-                        "name": "cb_memory",
-                        "offText": "No",
-                        "onText": "Yes",
+                        ],
+                        "name": "BasicInformation",
+                        "title": "Options",
                       },
                       Object {
-                        "className": "reconfigure-sub-form",
-                        "component": "sub-form",
-                        "condition": Object {
-                          "is": true,
-                          "when": "cb_memory",
-                        },
-                        "fields": Array [
+                        "component": "spy-field",
+                        "initialize": undefined,
+                        "name": "spy-field",
+                      },
+                    ],
+                  }
+                }
+              >
+                <form
+                  className="form-react reconfigure-form"
+                  onSubmit={[Function]}
+                >
+                  <SingleField
+                    className="reconfigure_form"
+                    component="sub-form"
+                    fields={
+                      Array [
+                        Array [
                           Object {
-                            "component": "text-field",
-                            "condition": Object {
-                              "is": true,
-                              "when": "cb_memory",
-                            },
-                            "initialValue": 16,
-                            "isRequired": true,
-                            "label": "Memory Size",
-                            "name": "memory",
-                            "validate": Array [
-                              Object {
-                                "type": "memoryCheck",
-                              },
-                            ],
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Memory",
+                            "name": "cb_memory",
+                            "offText": "No",
+                            "onText": "Yes",
                           },
                           Object {
-                            "component": "select",
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
                             "condition": Object {
                               "is": true,
                               "when": "cb_memory",
                             },
-                            "helperText": "Between 1024MB and 0.009765625GB",
-                            "id": "memoryType",
-                            "initialValue": "GB",
-                            "label": "Unit",
-                            "name": "mem_type",
-                            "options": Array [
-                              Object {
-                                "label": "GB",
-                                "value": "GB",
-                              },
-                              Object {
-                                "label": "MB",
-                                "value": "MB",
-                              },
-                            ],
-                          },
-                        ],
-                        "id": "memory-sub-form",
-                        "name": "memory-sub-form",
-                      },
-                      Object {
-                        "component": "switch",
-                        "isDisabled": false,
-                        "label": "Processor",
-                        "name": "processor",
-                        "offText": "No",
-                        "onText": "Yes",
-                      },
-                      Object {
-                        "className": "reconfigure-sub-form",
-                        "component": "sub-form",
-                        "condition": Object {
-                          "is": true,
-                          "when": "processor",
-                        },
-                        "fields": Array [
-                          Object {
-                            "component": "select",
-                            "hideField": false,
-                            "id": "socket",
-                            "label": "Sockets",
-                            "name": "socket_count",
-                            "onChange": [Function],
-                            "options": Array [
+                            "fields": Array [
                               Object {
-                                "label": "1",
-                                "value": 1,
+                                "component": "text-field",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "initialValue": 16,
+                                "isRequired": true,
+                                "label": "Memory Size",
+                                "name": "memory",
+                                "validate": Array [
+                                  Object {
+                                    "type": "memoryCheck",
+                                  },
+                                ],
                               },
                               Object {
-                                "label": "2",
-                                "value": 2,
+                                "component": "select",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "helperText": "Between 1024MB and 0.009765625GB",
+                                "id": "memoryType",
+                                "initialValue": "GB",
+                                "label": "Unit",
+                                "name": "mem_type",
+                                "options": Array [
+                                  Object {
+                                    "label": "GB",
+                                    "value": "GB",
+                                  },
+                                  Object {
+                                    "label": "MB",
+                                    "value": "MB",
+                                  },
+                                ],
                               },
+                            ],
+                            "id": "memory-sub-form",
+                            "name": "memory-sub-form",
+                          },
+                          Object {
+                            "component": "switch",
+                            "isDisabled": false,
+                            "label": "Processor",
+                            "name": "processor",
+                            "offText": "No",
+                            "onText": "Yes",
+                          },
+                          Object {
+                            "className": "reconfigure-sub-form",
+                            "component": "sub-form",
+                            "condition": Object {
+                              "is": true,
+                              "when": "processor",
+                            },
+                            "fields": Array [
                               Object {
-                                "label": "3",
-                                "value": 3,
+                                "component": "select",
+                                "hideField": false,
+                                "id": "socket",
+                                "label": "Sockets",
+                                "name": "socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "socket",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
                               },
                               Object {
-                                "label": "4",
-                                "value": 4,
+                                "component": "select",
+                                "hideField": false,
+                                "id": "cores",
+                                "label": "Cores Per Socket",
+                                "name": "cores_per_socket_count",
+                                "onChange": [Function],
+                                "options": Array [
+                                  Object {
+                                    "label": "1",
+                                    "value": 1,
+                                  },
+                                  Object {
+                                    "label": "2",
+                                    "value": 2,
+                                  },
+                                  Object {
+                                    "label": "3",
+                                    "value": 3,
+                                  },
+                                  Object {
+                                    "label": "4",
+                                    "value": 4,
+                                  },
+                                ],
+                                "validate": Array [
+                                  Object {
+                                    "field": "cores",
+                                    "type": "cpuCheck",
+                                  },
+                                ],
                               },
-                            ],
-                            "validate": Array [
                               Object {
-                                "field": "socket",
-                                "type": "cpuCheck",
+                                "component": "text-field",
+                                "id": "total_cpus",
+                                "initialValue": 3,
+                                "isReadOnly": true,
+                                "label": "Total Processors",
+                                "name": "total_cpus",
+                                "type": "number",
                               },
                             ],
+                            "id": "processor-sub-form",
+                            "name": "processor-sub-form",
                           },
-                          Object {
-                            "component": "select",
-                            "hideField": false,
-                            "id": "cores",
-                            "label": "Cores Per Socket",
-                            "name": "cores_per_socket_count",
-                            "onChange": [Function],
-                            "options": Array [
+                        ],
+                      ]
+                    }
+                    key="BasicInformation"
+                    name="BasicInformation"
+                    title="Options"
+                  >
+                    <FormConditionWrapper
+                      field={
+                        Object {
+                          "className": "reconfigure_form",
+                          "component": "sub-form",
+                          "fields": Array [
+                            Array [
                               Object {
-                                "label": "1",
-                                "value": 1,
+                                "component": "switch",
+                                "isDisabled": false,
+                                "label": "Memory",
+                                "name": "cb_memory",
+                                "offText": "No",
+                                "onText": "Yes",
                               },
                               Object {
-                                "label": "2",
-                                "value": 2,
+                                "className": "reconfigure-sub-form",
+                                "component": "sub-form",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                },
+                                "fields": Array [
+                                  Object {
+                                    "component": "text-field",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "initialValue": 16,
+                                    "isRequired": true,
+                                    "label": "Memory Size",
+                                    "name": "memory",
+                                    "validate": Array [
+                                      Object {
+                                        "type": "memoryCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "helperText": "Between 1024MB and 0.009765625GB",
+                                    "id": "memoryType",
+                                    "initialValue": "GB",
+                                    "label": "Unit",
+                                    "name": "mem_type",
+                                    "options": Array [
+                                      Object {
+                                        "label": "GB",
+                                        "value": "GB",
+                                      },
+                                      Object {
+                                        "label": "MB",
+                                        "value": "MB",
+                                      },
+                                    ],
+                                  },
+                                ],
+                                "id": "memory-sub-form",
+                                "name": "memory-sub-form",
                               },
                               Object {
-                                "label": "3",
-                                "value": 3,
+                                "component": "switch",
+                                "isDisabled": false,
+                                "label": "Processor",
+                                "name": "processor",
+                                "offText": "No",
+                                "onText": "Yes",
                               },
                               Object {
-                                "label": "4",
-                                "value": 4,
+                                "className": "reconfigure-sub-form",
+                                "component": "sub-form",
+                                "condition": Object {
+                                  "is": true,
+                                  "when": "processor",
+                                },
+                                "fields": Array [
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "socket",
+                                    "label": "Sockets",
+                                    "name": "socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "socket",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "cores",
+                                    "label": "Cores Per Socket",
+                                    "name": "cores_per_socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "cores",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "text-field",
+                                    "id": "total_cpus",
+                                    "initialValue": 3,
+                                    "isReadOnly": true,
+                                    "label": "Total Processors",
+                                    "name": "total_cpus",
+                                    "type": "number",
+                                  },
+                                ],
+                                "id": "processor-sub-form",
+                                "name": "processor-sub-form",
                               },
                             ],
-                            "validate": Array [
+                          ],
+                          "name": "BasicInformation",
+                          "title": "Options",
+                        }
+                      }
+                    >
+                      <FormFieldHideWrapper
+                        hideField={false}
+                      >
+                        <SubForm
+                          DescriptionElement="p"
+                          TitleElement="h3"
+                          className="reconfigure_form"
+                          component="sub-form"
+                          fields={
+                            Array [
+                              Array [
+                                Object {
+                                  "component": "switch",
+                                  "isDisabled": false,
+                                  "label": "Memory",
+                                  "name": "cb_memory",
+                                  "offText": "No",
+                                  "onText": "Yes",
+                                },
+                                Object {
+                                  "className": "reconfigure-sub-form",
+                                  "component": "sub-form",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  },
+                                  "fields": Array [
+                                    Object {
+                                      "component": "text-field",
+                                      "condition": Object {
+                                        "is": true,
+                                        "when": "cb_memory",
+                                      },
+                                      "initialValue": 16,
+                                      "isRequired": true,
+                                      "label": "Memory Size",
+                                      "name": "memory",
+                                      "validate": Array [
+                                        Object {
+                                          "type": "memoryCheck",
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "component": "select",
+                                      "condition": Object {
+                                        "is": true,
+                                        "when": "cb_memory",
+                                      },
+                                      "helperText": "Between 1024MB and 0.009765625GB",
+                                      "id": "memoryType",
+                                      "initialValue": "GB",
+                                      "label": "Unit",
+                                      "name": "mem_type",
+                                      "options": Array [
+                                        Object {
+                                          "label": "GB",
+                                          "value": "GB",
+                                        },
+                                        Object {
+                                          "label": "MB",
+                                          "value": "MB",
+                                        },
+                                      ],
+                                    },
+                                  ],
+                                  "id": "memory-sub-form",
+                                  "name": "memory-sub-form",
+                                },
+                                Object {
+                                  "component": "switch",
+                                  "isDisabled": false,
+                                  "label": "Processor",
+                                  "name": "processor",
+                                  "offText": "No",
+                                  "onText": "Yes",
+                                },
+                                Object {
+                                  "className": "reconfigure-sub-form",
+                                  "component": "sub-form",
+                                  "condition": Object {
+                                    "is": true,
+                                    "when": "processor",
+                                  },
+                                  "fields": Array [
+                                    Object {
+                                      "component": "select",
+                                      "hideField": false,
+                                      "id": "socket",
+                                      "label": "Sockets",
+                                      "name": "socket_count",
+                                      "onChange": [Function],
+                                      "options": Array [
+                                        Object {
+                                          "label": "1",
+                                          "value": 1,
+                                        },
+                                        Object {
+                                          "label": "2",
+                                          "value": 2,
+                                        },
+                                        Object {
+                                          "label": "3",
+                                          "value": 3,
+                                        },
+                                        Object {
+                                          "label": "4",
+                                          "value": 4,
+                                        },
+                                      ],
+                                      "validate": Array [
+                                        Object {
+                                          "field": "socket",
+                                          "type": "cpuCheck",
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "component": "select",
+                                      "hideField": false,
+                                      "id": "cores",
+                                      "label": "Cores Per Socket",
+                                      "name": "cores_per_socket_count",
+                                      "onChange": [Function],
+                                      "options": Array [
+                                        Object {
+                                          "label": "1",
+                                          "value": 1,
+                                        },
+                                        Object {
+                                          "label": "2",
+                                          "value": 2,
+                                        },
+                                        Object {
+                                          "label": "3",
+                                          "value": 3,
+                                        },
+                                        Object {
+                                          "label": "4",
+                                          "value": 4,
+                                        },
+                                      ],
+                                      "validate": Array [
+                                        Object {
+                                          "field": "cores",
+                                          "type": "cpuCheck",
+                                        },
+                                      ],
+                                    },
+                                    Object {
+                                      "component": "text-field",
+                                      "id": "total_cpus",
+                                      "initialValue": 3,
+                                      "isReadOnly": true,
+                                      "label": "Total Processors",
+                                      "name": "total_cpus",
+                                      "type": "number",
+                                    },
+                                  ],
+                                  "id": "processor-sub-form",
+                                  "name": "processor-sub-form",
+                                },
+                              ],
+                            ]
+                          }
+                          name="BasicInformation"
+                          title="Options"
+                        >
+                          <div
+                            className="reconfigure_form"
+                            name="BasicInformation"
+                          >
+                            <div>
+                              <h3>
+                                Options
+                              </h3>
+                            </div>
+                            <SingleField
+                              component="switch"
+                              isDisabled={false}
+                              key="cb_memory"
+                              label="Memory"
+                              name="cb_memory"
+                              offText="No"
+                              onText="Yes"
+                            >
+                              <FormConditionWrapper
+                                field={
+                                  Object {
+                                    "component": "switch",
+                                    "isDisabled": false,
+                                    "label": "Memory",
+                                    "name": "cb_memory",
+                                    "offText": "No",
+                                    "onText": "Yes",
+                                  }
+                                }
+                              >
+                                <FormFieldHideWrapper
+                                  hideField={false}
+                                >
+                                  <Switch
+                                    component="switch"
+                                    isDisabled={false}
+                                    label="Memory"
+                                    name="cb_memory"
+                                    offText="No"
+                                    onText="Yes"
+                                  >
+                                    <div>
+                                      <FeatureToggle(Toggle)
+                                        disabled={false}
+                                        id="cb_memory"
+                                        key="cb_memory"
+                                        labelA="No"
+                                        labelB="Yes"
+                                        labelText="Memory"
+                                        name="cb_memory"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        toggled={true}
+                                        type="checkbox"
+                                      >
+                                        <Toggle
+                                          aria-label="Toggle"
+                                          defaultToggled={false}
+                                          disabled={false}
+                                          id="cb_memory"
+                                          labelA="No"
+                                          labelB="Yes"
+                                          labelText="Memory"
+                                          name="cb_memory"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          onToggle={[Function]}
+                                          toggled={true}
+                                          type="checkbox"
+                                        >
+                                          <div
+                                            className="bx--form-item"
+                                          >
+                                            <input
+                                              aria-label={null}
+                                              checked={true}
+                                              className="bx--toggle-input"
+                                              disabled={false}
+                                              id="cb_memory"
+                                              name="cb_memory"
+                                              onBlur={[Function]}
+                                              onChange={[Function]}
+                                              onFocus={[Function]}
+                                              onKeyUp={[Function]}
+                                              type="checkbox"
+                                            />
+                                            <label
+                                              aria-label={null}
+                                              className="bx--toggle-input__label"
+                                              htmlFor="cb_memory"
+                                            >
+                                              Memory
+                                              <span
+                                                className="bx--toggle__switch"
+                                              >
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--off"
+                                                >
+                                                  No
+                                                </span>
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--on"
+                                                >
+                                                  Yes
+                                                </span>
+                                              </span>
+                                            </label>
+                                          </div>
+                                        </Toggle>
+                                      </FeatureToggle(Toggle)>
+                                      <HelperTextBlock />
+                                    </div>
+                                  </Switch>
+                                </FormFieldHideWrapper>
+                              </FormConditionWrapper>
+                            </SingleField>
+                            <SingleField
+                              className="reconfigure-sub-form"
+                              component="sub-form"
+                              condition={
+                                Object {
+                                  "is": true,
+                                  "when": "cb_memory",
+                                }
+                              }
+                              fields={
+                                Array [
+                                  Object {
+                                    "component": "text-field",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "initialValue": 16,
+                                    "isRequired": true,
+                                    "label": "Memory Size",
+                                    "name": "memory",
+                                    "validate": Array [
+                                      Object {
+                                        "type": "memoryCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "condition": Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    },
+                                    "helperText": "Between 1024MB and 0.009765625GB",
+                                    "id": "memoryType",
+                                    "initialValue": "GB",
+                                    "label": "Unit",
+                                    "name": "mem_type",
+                                    "options": Array [
+                                      Object {
+                                        "label": "GB",
+                                        "value": "GB",
+                                      },
+                                      Object {
+                                        "label": "MB",
+                                        "value": "MB",
+                                      },
+                                    ],
+                                  },
+                                ]
+                              }
+                              id="memory-sub-form"
+                              key="memory-sub-form"
+                              name="memory-sub-form"
+                            >
+                              <FormConditionWrapper
+                                condition={
+                                  Object {
+                                    "is": true,
+                                    "when": "cb_memory",
+                                  }
+                                }
+                                field={
+                                  Object {
+                                    "className": "reconfigure-sub-form",
+                                    "component": "sub-form",
+                                    "fields": Array [
+                                      Object {
+                                        "component": "text-field",
+                                        "condition": Object {
+                                          "is": true,
+                                          "when": "cb_memory",
+                                        },
+                                        "initialValue": 16,
+                                        "isRequired": true,
+                                        "label": "Memory Size",
+                                        "name": "memory",
+                                        "validate": Array [
+                                          Object {
+                                            "type": "memoryCheck",
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "component": "select",
+                                        "condition": Object {
+                                          "is": true,
+                                          "when": "cb_memory",
+                                        },
+                                        "helperText": "Between 1024MB and 0.009765625GB",
+                                        "id": "memoryType",
+                                        "initialValue": "GB",
+                                        "label": "Unit",
+                                        "name": "mem_type",
+                                        "options": Array [
+                                          Object {
+                                            "label": "GB",
+                                            "value": "GB",
+                                          },
+                                          Object {
+                                            "label": "MB",
+                                            "value": "MB",
+                                          },
+                                        ],
+                                      },
+                                    ],
+                                    "id": "memory-sub-form",
+                                    "name": "memory-sub-form",
+                                  }
+                                }
+                              >
+                                <ConditionTriggerDetector
+                                  condition={
+                                    Object {
+                                      "is": true,
+                                      "when": "cb_memory",
+                                    }
+                                  }
+                                  field={
+                                    Object {
+                                      "className": "reconfigure-sub-form",
+                                      "component": "sub-form",
+                                      "fields": Array [
+                                        Object {
+                                          "component": "text-field",
+                                          "condition": Object {
+                                            "is": true,
+                                            "when": "cb_memory",
+                                          },
+                                          "initialValue": 16,
+                                          "isRequired": true,
+                                          "label": "Memory Size",
+                                          "name": "memory",
+                                          "validate": Array [
+                                            Object {
+                                              "type": "memoryCheck",
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "component": "select",
+                                          "condition": Object {
+                                            "is": true,
+                                            "when": "cb_memory",
+                                          },
+                                          "helperText": "Between 1024MB and 0.009765625GB",
+                                          "id": "memoryType",
+                                          "initialValue": "GB",
+                                          "label": "Unit",
+                                          "name": "mem_type",
+                                          "options": Array [
+                                            Object {
+                                              "label": "GB",
+                                              "value": "GB",
+                                            },
+                                            Object {
+                                              "label": "MB",
+                                              "value": "MB",
+                                            },
+                                          ],
+                                        },
+                                      ],
+                                      "id": "memory-sub-form",
+                                      "name": "memory-sub-form",
+                                    }
+                                  }
+                                  triggers={
+                                    Array [
+                                      "cb_memory",
+                                    ]
+                                  }
+                                >
+                                  <ForwardRef(Field)
+                                    name="cb_memory"
+                                    subscription={
+                                      Object {
+                                        "value": true,
+                                      }
+                                    }
+                                  >
+                                    <ConditionTriggerDetector
+                                      condition={
+                                        Object {
+                                          "is": true,
+                                          "when": "cb_memory",
+                                        }
+                                      }
+                                      field={
+                                        Object {
+                                          "className": "reconfigure-sub-form",
+                                          "component": "sub-form",
+                                          "fields": Array [
+                                            Object {
+                                              "component": "text-field",
+                                              "condition": Object {
+                                                "is": true,
+                                                "when": "cb_memory",
+                                              },
+                                              "initialValue": 16,
+                                              "isRequired": true,
+                                              "label": "Memory Size",
+                                              "name": "memory",
+                                              "validate": Array [
+                                                Object {
+                                                  "type": "memoryCheck",
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "component": "select",
+                                              "condition": Object {
+                                                "is": true,
+                                                "when": "cb_memory",
+                                              },
+                                              "helperText": "Between 1024MB and 0.009765625GB",
+                                              "id": "memoryType",
+                                              "initialValue": "GB",
+                                              "label": "Unit",
+                                              "name": "mem_type",
+                                              "options": Array [
+                                                Object {
+                                                  "label": "GB",
+                                                  "value": "GB",
+                                                },
+                                                Object {
+                                                  "label": "MB",
+                                                  "value": "MB",
+                                                },
+                                              ],
+                                            },
+                                          ],
+                                          "id": "memory-sub-form",
+                                          "name": "memory-sub-form",
+                                        }
+                                      }
+                                      triggers={Array []}
+                                      values={
+                                        Object {
+                                          "cb_memory": true,
+                                        }
+                                      }
+                                    >
+                                      <ConditionTriggerWrapper
+                                        condition={
+                                          Object {
+                                            "is": true,
+                                            "when": "cb_memory",
+                                          }
+                                        }
+                                        field={
+                                          Object {
+                                            "className": "reconfigure-sub-form",
+                                            "component": "sub-form",
+                                            "fields": Array [
+                                              Object {
+                                                "component": "text-field",
+                                                "condition": Object {
+                                                  "is": true,
+                                                  "when": "cb_memory",
+                                                },
+                                                "initialValue": 16,
+                                                "isRequired": true,
+                                                "label": "Memory Size",
+                                                "name": "memory",
+                                                "validate": Array [
+                                                  Object {
+                                                    "type": "memoryCheck",
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "component": "select",
+                                                "condition": Object {
+                                                  "is": true,
+                                                  "when": "cb_memory",
+                                                },
+                                                "helperText": "Between 1024MB and 0.009765625GB",
+                                                "id": "memoryType",
+                                                "initialValue": "GB",
+                                                "label": "Unit",
+                                                "name": "mem_type",
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "GB",
+                                                    "value": "GB",
+                                                  },
+                                                  Object {
+                                                    "label": "MB",
+                                                    "value": "MB",
+                                                  },
+                                                ],
+                                              },
+                                            ],
+                                            "id": "memory-sub-form",
+                                            "name": "memory-sub-form",
+                                          }
+                                        }
+                                        values={
+                                          Object {
+                                            "cb_memory": true,
+                                          }
+                                        }
+                                      >
+                                        <Component
+                                          condition={
+                                            Object {
+                                              "is": true,
+                                              "when": "cb_memory",
+                                            }
+                                          }
+                                          field={
+                                            Object {
+                                              "className": "reconfigure-sub-form",
+                                              "component": "sub-form",
+                                              "fields": Array [
+                                                Object {
+                                                  "component": "text-field",
+                                                  "condition": Object {
+                                                    "is": true,
+                                                    "when": "cb_memory",
+                                                  },
+                                                  "initialValue": 16,
+                                                  "isRequired": true,
+                                                  "label": "Memory Size",
+                                                  "name": "memory",
+                                                  "validate": Array [
+                                                    Object {
+                                                      "type": "memoryCheck",
+                                                    },
+                                                  ],
+                                                },
+                                                Object {
+                                                  "component": "select",
+                                                  "condition": Object {
+                                                    "is": true,
+                                                    "when": "cb_memory",
+                                                  },
+                                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                                  "id": "memoryType",
+                                                  "initialValue": "GB",
+                                                  "label": "Unit",
+                                                  "name": "mem_type",
+                                                  "options": Array [
+                                                    Object {
+                                                      "label": "GB",
+                                                      "value": "GB",
+                                                    },
+                                                    Object {
+                                                      "label": "MB",
+                                                      "value": "MB",
+                                                    },
+                                                  ],
+                                                },
+                                              ],
+                                              "id": "memory-sub-form",
+                                              "name": "memory-sub-form",
+                                            }
+                                          }
+                                          values={
+                                            Object {
+                                              "cb_memory": true,
+                                            }
+                                          }
+                                        >
+                                          <FormFieldHideWrapper
+                                            hideField={false}
+                                          >
+                                            <SubForm
+                                              DescriptionElement="p"
+                                              TitleElement="h3"
+                                              className="reconfigure-sub-form"
+                                              component="sub-form"
+                                              fields={
+                                                Array [
+                                                  Object {
+                                                    "component": "text-field",
+                                                    "condition": Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    },
+                                                    "initialValue": 16,
+                                                    "isRequired": true,
+                                                    "label": "Memory Size",
+                                                    "name": "memory",
+                                                    "validate": Array [
+                                                      Object {
+                                                        "type": "memoryCheck",
+                                                      },
+                                                    ],
+                                                  },
+                                                  Object {
+                                                    "component": "select",
+                                                    "condition": Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    },
+                                                    "helperText": "Between 1024MB and 0.009765625GB",
+                                                    "id": "memoryType",
+                                                    "initialValue": "GB",
+                                                    "label": "Unit",
+                                                    "name": "mem_type",
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "GB",
+                                                        "value": "GB",
+                                                      },
+                                                      Object {
+                                                        "label": "MB",
+                                                        "value": "MB",
+                                                      },
+                                                    ],
+                                                  },
+                                                ]
+                                              }
+                                              id="memory-sub-form"
+                                              name="memory-sub-form"
+                                            >
+                                              <div
+                                                className="reconfigure-sub-form"
+                                                id="memory-sub-form"
+                                                name="memory-sub-form"
+                                              >
+                                                <SingleField
+                                                  component="text-field"
+                                                  condition={
+                                                    Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    }
+                                                  }
+                                                  initialValue={16}
+                                                  isRequired={true}
+                                                  key="memory"
+                                                  label="Memory Size"
+                                                  name="memory"
+                                                  validate={
+                                                    Array [
+                                                      Object {
+                                                        "type": "memoryCheck",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    condition={
+                                                      Object {
+                                                        "is": true,
+                                                        "when": "cb_memory",
+                                                      }
+                                                    }
+                                                    field={
+                                                      Object {
+                                                        "component": "text-field",
+                                                        "initialValue": 16,
+                                                        "isRequired": true,
+                                                        "label": "Memory Size",
+                                                        "name": "memory",
+                                                        "validate": Array [
+                                                          Object {
+                                                            "type": "memoryCheck",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <ConditionTriggerDetector
+                                                      condition={
+                                                        Object {
+                                                          "is": true,
+                                                          "when": "cb_memory",
+                                                        }
+                                                      }
+                                                      field={
+                                                        Object {
+                                                          "component": "text-field",
+                                                          "initialValue": 16,
+                                                          "isRequired": true,
+                                                          "label": "Memory Size",
+                                                          "name": "memory",
+                                                          "validate": Array [
+                                                            Object {
+                                                              "type": "memoryCheck",
+                                                            },
+                                                          ],
+                                                        }
+                                                      }
+                                                      triggers={
+                                                        Array [
+                                                          "cb_memory",
+                                                        ]
+                                                      }
+                                                    >
+                                                      <ForwardRef(Field)
+                                                        name="cb_memory"
+                                                        subscription={
+                                                          Object {
+                                                            "value": true,
+                                                          }
+                                                        }
+                                                      >
+                                                        <ConditionTriggerDetector
+                                                          condition={
+                                                            Object {
+                                                              "is": true,
+                                                              "when": "cb_memory",
+                                                            }
+                                                          }
+                                                          field={
+                                                            Object {
+                                                              "component": "text-field",
+                                                              "initialValue": 16,
+                                                              "isRequired": true,
+                                                              "label": "Memory Size",
+                                                              "name": "memory",
+                                                              "validate": Array [
+                                                                Object {
+                                                                  "type": "memoryCheck",
+                                                                },
+                                                              ],
+                                                            }
+                                                          }
+                                                          triggers={Array []}
+                                                          values={
+                                                            Object {
+                                                              "cb_memory": true,
+                                                            }
+                                                          }
+                                                        >
+                                                          <ConditionTriggerWrapper
+                                                            condition={
+                                                              Object {
+                                                                "is": true,
+                                                                "when": "cb_memory",
+                                                              }
+                                                            }
+                                                            field={
+                                                              Object {
+                                                                "component": "text-field",
+                                                                "initialValue": 16,
+                                                                "isRequired": true,
+                                                                "label": "Memory Size",
+                                                                "name": "memory",
+                                                                "validate": Array [
+                                                                  Object {
+                                                                    "type": "memoryCheck",
+                                                                  },
+                                                                ],
+                                                              }
+                                                            }
+                                                            values={
+                                                              Object {
+                                                                "cb_memory": true,
+                                                              }
+                                                            }
+                                                          >
+                                                            <Component
+                                                              condition={
+                                                                Object {
+                                                                  "is": true,
+                                                                  "when": "cb_memory",
+                                                                }
+                                                              }
+                                                              field={
+                                                                Object {
+                                                                  "component": "text-field",
+                                                                  "initialValue": 16,
+                                                                  "isRequired": true,
+                                                                  "label": "Memory Size",
+                                                                  "name": "memory",
+                                                                  "validate": Array [
+                                                                    Object {
+                                                                      "type": "memoryCheck",
+                                                                    },
+                                                                  ],
+                                                                }
+                                                              }
+                                                              values={
+                                                                Object {
+                                                                  "cb_memory": true,
+                                                                }
+                                                              }
+                                                            >
+                                                              <FormFieldHideWrapper
+                                                                hideField={false}
+                                                              >
+                                                                <TextField
+                                                                  component="text-field"
+                                                                  initialValue={16}
+                                                                  isRequired={true}
+                                                                  label="Memory Size"
+                                                                  name="memory"
+                                                                  validate={
+                                                                    Array [
+                                                                      Object {
+                                                                        "type": "memoryCheck",
+                                                                      },
+                                                                    ]
+                                                                  }
+                                                                >
+                                                                  <TextInput
+                                                                    id="memory"
+                                                                    invalid={false}
+                                                                    invalidText=""
+                                                                    key="memory"
+                                                                    labelText={
+                                                                      <IsRequired>
+                                                                        Memory Size
+                                                                      </IsRequired>
+                                                                    }
+                                                                    name="memory"
+                                                                    onBlur={[Function]}
+                                                                    onChange={[Function]}
+                                                                    onFocus={[Function]}
+                                                                    value="4"
+                                                                    warn={false}
+                                                                    warnText=""
+                                                                  >
+                                                                    <div
+                                                                      className="bx--form-item bx--text-input-wrapper"
+                                                                    >
+                                                                      <label
+                                                                        className="bx--label"
+                                                                        htmlFor="memory"
+                                                                      >
+                                                                        <IsRequired>
+                                                                          <span
+                                                                            aria-hidden="true"
+                                                                            className="ddorg__carbon-component-mapper_is-required isRequired-0-2-3"
+                                                                          >
+                                                                            *
+                                                                          </span>
+                                                                          Memory Size
+                                                                        </IsRequired>
+                                                                      </label>
+                                                                      <div
+                                                                        className="bx--text-input__field-outer-wrapper"
+                                                                      >
+                                                                        <div
+                                                                          className="bx--text-input__field-wrapper"
+                                                                          data-invalid={null}
+                                                                        >
+                                                                          <input
+                                                                            className="bx--text-input bx--text-input--md"
+                                                                            disabled={false}
+                                                                            id="memory"
+                                                                            name="memory"
+                                                                            onBlur={[Function]}
+                                                                            onChange={[Function]}
+                                                                            onClick={[Function]}
+                                                                            onFocus={[Function]}
+                                                                            type="text"
+                                                                            value="4"
+                                                                          />
+                                                                        </div>
+                                                                      </div>
+                                                                    </div>
+                                                                  </TextInput>
+                                                                </TextField>
+                                                              </FormFieldHideWrapper>
+                                                            </Component>
+                                                          </ConditionTriggerWrapper>
+                                                        </ConditionTriggerDetector>
+                                                      </ForwardRef(Field)>
+                                                    </ConditionTriggerDetector>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                                <SingleField
+                                                  component="select"
+                                                  condition={
+                                                    Object {
+                                                      "is": true,
+                                                      "when": "cb_memory",
+                                                    }
+                                                  }
+                                                  helperText="Between 1024MB and 0.009765625GB"
+                                                  id="memoryType"
+                                                  initialValue="GB"
+                                                  key="mem_type"
+                                                  label="Unit"
+                                                  name="mem_type"
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "GB",
+                                                        "value": "GB",
+                                                      },
+                                                      Object {
+                                                        "label": "MB",
+                                                        "value": "MB",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    condition={
+                                                      Object {
+                                                        "is": true,
+                                                        "when": "cb_memory",
+                                                      }
+                                                    }
+                                                    field={
+                                                      Object {
+                                                        "component": "select",
+                                                        "helperText": "Between 1024MB and 0.009765625GB",
+                                                        "id": "memoryType",
+                                                        "initialValue": "GB",
+                                                        "label": "Unit",
+                                                        "name": "mem_type",
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "GB",
+                                                            "value": "GB",
+                                                          },
+                                                          Object {
+                                                            "label": "MB",
+                                                            "value": "MB",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <ConditionTriggerDetector
+                                                      condition={
+                                                        Object {
+                                                          "is": true,
+                                                          "when": "cb_memory",
+                                                        }
+                                                      }
+                                                      field={
+                                                        Object {
+                                                          "component": "select",
+                                                          "helperText": "Between 1024MB and 0.009765625GB",
+                                                          "id": "memoryType",
+                                                          "initialValue": "GB",
+                                                          "label": "Unit",
+                                                          "name": "mem_type",
+                                                          "options": Array [
+                                                            Object {
+                                                              "label": "GB",
+                                                              "value": "GB",
+                                                            },
+                                                            Object {
+                                                              "label": "MB",
+                                                              "value": "MB",
+                                                            },
+                                                          ],
+                                                        }
+                                                      }
+                                                      triggers={
+                                                        Array [
+                                                          "cb_memory",
+                                                        ]
+                                                      }
+                                                    >
+                                                      <ForwardRef(Field)
+                                                        name="cb_memory"
+                                                        subscription={
+                                                          Object {
+                                                            "value": true,
+                                                          }
+                                                        }
+                                                      >
+                                                        <ConditionTriggerDetector
+                                                          condition={
+                                                            Object {
+                                                              "is": true,
+                                                              "when": "cb_memory",
+                                                            }
+                                                          }
+                                                          field={
+                                                            Object {
+                                                              "component": "select",
+                                                              "helperText": "Between 1024MB and 0.009765625GB",
+                                                              "id": "memoryType",
+                                                              "initialValue": "GB",
+                                                              "label": "Unit",
+                                                              "name": "mem_type",
+                                                              "options": Array [
+                                                                Object {
+                                                                  "label": "GB",
+                                                                  "value": "GB",
+                                                                },
+                                                                Object {
+                                                                  "label": "MB",
+                                                                  "value": "MB",
+                                                                },
+                                                              ],
+                                                            }
+                                                          }
+                                                          triggers={Array []}
+                                                          values={
+                                                            Object {
+                                                              "cb_memory": true,
+                                                            }
+                                                          }
+                                                        >
+                                                          <ConditionTriggerWrapper
+                                                            condition={
+                                                              Object {
+                                                                "is": true,
+                                                                "when": "cb_memory",
+                                                              }
+                                                            }
+                                                            field={
+                                                              Object {
+                                                                "component": "select",
+                                                                "helperText": "Between 1024MB and 0.009765625GB",
+                                                                "id": "memoryType",
+                                                                "initialValue": "GB",
+                                                                "label": "Unit",
+                                                                "name": "mem_type",
+                                                                "options": Array [
+                                                                  Object {
+                                                                    "label": "GB",
+                                                                    "value": "GB",
+                                                                  },
+                                                                  Object {
+                                                                    "label": "MB",
+                                                                    "value": "MB",
+                                                                  },
+                                                                ],
+                                                              }
+                                                            }
+                                                            values={
+                                                              Object {
+                                                                "cb_memory": true,
+                                                              }
+                                                            }
+                                                          >
+                                                            <Component
+                                                              condition={
+                                                                Object {
+                                                                  "is": true,
+                                                                  "when": "cb_memory",
+                                                                }
+                                                              }
+                                                              field={
+                                                                Object {
+                                                                  "component": "select",
+                                                                  "helperText": "Between 1024MB and 0.009765625GB",
+                                                                  "id": "memoryType",
+                                                                  "initialValue": "GB",
+                                                                  "label": "Unit",
+                                                                  "name": "mem_type",
+                                                                  "options": Array [
+                                                                    Object {
+                                                                      "label": "GB",
+                                                                      "value": "GB",
+                                                                    },
+                                                                    Object {
+                                                                      "label": "MB",
+                                                                      "value": "MB",
+                                                                    },
+                                                                  ],
+                                                                }
+                                                              }
+                                                              values={
+                                                                Object {
+                                                                  "cb_memory": true,
+                                                                }
+                                                              }
+                                                            >
+                                                              <FormFieldHideWrapper
+                                                                hideField={false}
+                                                              >
+                                                                <SelectWithOnChange
+                                                                  component="select"
+                                                                  helperText="Between 1024MB and 0.009765625GB"
+                                                                  id="memoryType"
+                                                                  initialValue="GB"
+                                                                  label="Unit"
+                                                                  name="mem_type"
+                                                                  options={
+                                                                    Array [
+                                                                      Object {
+                                                                        "label": "GB",
+                                                                        "value": "GB",
+                                                                      },
+                                                                      Object {
+                                                                        "label": "MB",
+                                                                        "value": "MB",
+                                                                      },
+                                                                    ]
+                                                                  }
+                                                                  placeholder="<Choose>"
+                                                                >
+                                                                  <Select
+                                                                    component="select"
+                                                                    helperText="Between 1024MB and 0.009765625GB"
+                                                                    id="memoryType"
+                                                                    initialValue="GB"
+                                                                    label="Unit"
+                                                                    loadingMessage="Loading..."
+                                                                    name="mem_type"
+                                                                    options={
+                                                                      Array [
+                                                                        Object {
+                                                                          "label": "GB",
+                                                                          "value": "GB",
+                                                                        },
+                                                                        Object {
+                                                                          "label": "MB",
+                                                                          "value": "MB",
+                                                                        },
+                                                                      ]
+                                                                    }
+                                                                    placeholder="<Choose>"
+                                                                  >
+                                                                    <Select
+                                                                      SelectComponent={[Function]}
+                                                                      compareValues={[Function]}
+                                                                      helperText="Between 1024MB and 0.009765625GB"
+                                                                      id="memoryType"
+                                                                      invalid={false}
+                                                                      invalidText=""
+                                                                      isClearable={false}
+                                                                      isSearchable={false}
+                                                                      labelText="Unit"
+                                                                      loadOptionsChangeCounter={1}
+                                                                      loadingMessage="Loading..."
+                                                                      name="mem_type"
+                                                                      onBlur={[Function]}
+                                                                      onChange={[Function]}
+                                                                      onFocus={[Function]}
+                                                                      options={
+                                                                        Array [
+                                                                          Object {
+                                                                            "label": "GB",
+                                                                            "value": "GB",
+                                                                          },
+                                                                          Object {
+                                                                            "label": "MB",
+                                                                            "value": "MB",
+                                                                          },
+                                                                        ]
+                                                                      }
+                                                                      placeholder="<Choose>"
+                                                                      pluckSingleValue={true}
+                                                                      simpleValue={false}
+                                                                      value="GB"
+                                                                    >
+                                                                      <ClearedSelect
+                                                                        className=""
+                                                                        closeMenuOnSelect={true}
+                                                                        helperText="Between 1024MB and 0.009765625GB"
+                                                                        hideSelectedOptions={false}
+                                                                        id="memoryType"
+                                                                        invalidText=""
+                                                                        isClearable={false}
+                                                                        isFetching={false}
+                                                                        isSearchable={false}
+                                                                        labelText="Unit"
+                                                                        name="mem_type"
+                                                                        noOptionsMessage={[Function]}
+                                                                        onBlur={[Function]}
+                                                                        onChange={[Function]}
+                                                                        onFocus={[Function]}
+                                                                        onInputChange={[Function]}
+                                                                        options={
+                                                                          Array [
+                                                                            Object {
+                                                                              "label": "GB",
+                                                                              "value": "GB",
+                                                                            },
+                                                                            Object {
+                                                                              "label": "MB",
+                                                                              "value": "MB",
+                                                                            },
+                                                                          ]
+                                                                        }
+                                                                        placeholder="<Choose>"
+                                                                        value="GB"
+                                                                      >
+                                                                        <Select
+                                                                          className=""
+                                                                          disabled={false}
+                                                                          helperText="Between 1024MB and 0.009765625GB"
+                                                                          id="mem_type"
+                                                                          inline={false}
+                                                                          invalid={false}
+                                                                          invalidText=""
+                                                                          labelText="Unit"
+                                                                          light={false}
+                                                                          name="mem_type"
+                                                                          onBlur={[Function]}
+                                                                          onChange={[Function]}
+                                                                          onFocus={[Function]}
+                                                                          value="GB"
+                                                                        >
+                                                                          <div
+                                                                            className="bx--form-item"
+                                                                          >
+                                                                            <div
+                                                                              className="bx--select"
+                                                                            >
+                                                                              <label
+                                                                                className="bx--label"
+                                                                                htmlFor="mem_type"
+                                                                              >
+                                                                                Unit
+                                                                              </label>
+                                                                              <div
+                                                                                className="bx--select-input__wrapper"
+                                                                                data-invalid={null}
+                                                                              >
+                                                                                <select
+                                                                                  className="bx--select-input"
+                                                                                  id="mem_type"
+                                                                                  name="mem_type"
+                                                                                  onBlur={[Function]}
+                                                                                  onChange={[Function]}
+                                                                                  onFocus={[Function]}
+                                                                                  value="GB"
+                                                                                >
+                                                                                  <SelectItem
+                                                                                    disabled={false}
+                                                                                    hidden={false}
+                                                                                    key="GB"
+                                                                                    label="GB"
+                                                                                    text="GB"
+                                                                                    value="GB"
+                                                                                  >
+                                                                                    <option
+                                                                                      className="bx--select-option"
+                                                                                      disabled={false}
+                                                                                      hidden={false}
+                                                                                      label="GB"
+                                                                                      value="GB"
+                                                                                    >
+                                                                                      GB
+                                                                                    </option>
+                                                                                  </SelectItem>
+                                                                                  <SelectItem
+                                                                                    disabled={false}
+                                                                                    hidden={false}
+                                                                                    key="MB"
+                                                                                    label="MB"
+                                                                                    text="MB"
+                                                                                    value="MB"
+                                                                                  >
+                                                                                    <option
+                                                                                      className="bx--select-option"
+                                                                                      disabled={false}
+                                                                                      hidden={false}
+                                                                                      label="MB"
+                                                                                      value="MB"
+                                                                                    >
+                                                                                      MB
+                                                                                    </option>
+                                                                                  </SelectItem>
+                                                                                </select>
+                                                                                <ForwardRef(ChevronDown16)
+                                                                                  className="bx--select__arrow"
+                                                                                >
+                                                                                  <Icon
+                                                                                    className="bx--select__arrow"
+                                                                                    fill="currentColor"
+                                                                                    height={16}
+                                                                                    preserveAspectRatio="xMidYMid meet"
+                                                                                    viewBox="0 0 16 16"
+                                                                                    width={16}
+                                                                                    xmlns="http://www.w3.org/2000/svg"
+                                                                                  >
+                                                                                    <svg
+                                                                                      aria-hidden={true}
+                                                                                      className="bx--select__arrow"
+                                                                                      fill="currentColor"
+                                                                                      focusable="false"
+                                                                                      height={16}
+                                                                                      preserveAspectRatio="xMidYMid meet"
+                                                                                      viewBox="0 0 16 16"
+                                                                                      width={16}
+                                                                                      xmlns="http://www.w3.org/2000/svg"
+                                                                                    >
+                                                                                      <path
+                                                                                        d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
+                                                                                      />
+                                                                                    </svg>
+                                                                                  </Icon>
+                                                                                </ForwardRef(ChevronDown16)>
+                                                                              </div>
+                                                                              <div
+                                                                                className="bx--form__helper-text"
+                                                                              >
+                                                                                Between 1024MB and 0.009765625GB
+                                                                              </div>
+                                                                            </div>
+                                                                          </div>
+                                                                        </Select>
+                                                                      </ClearedSelect>
+                                                                    </Select>
+                                                                  </Select>
+                                                                </SelectWithOnChange>
+                                                              </FormFieldHideWrapper>
+                                                            </Component>
+                                                          </ConditionTriggerWrapper>
+                                                        </ConditionTriggerDetector>
+                                                      </ForwardRef(Field)>
+                                                    </ConditionTriggerDetector>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                              </div>
+                                            </SubForm>
+                                          </FormFieldHideWrapper>
+                                        </Component>
+                                      </ConditionTriggerWrapper>
+                                    </ConditionTriggerDetector>
+                                  </ForwardRef(Field)>
+                                </ConditionTriggerDetector>
+                              </FormConditionWrapper>
+                            </SingleField>
+                            <SingleField
+                              component="switch"
+                              isDisabled={false}
+                              key="processor"
+                              label="Processor"
+                              name="processor"
+                              offText="No"
+                              onText="Yes"
+                            >
+                              <FormConditionWrapper
+                                field={
+                                  Object {
+                                    "component": "switch",
+                                    "isDisabled": false,
+                                    "label": "Processor",
+                                    "name": "processor",
+                                    "offText": "No",
+                                    "onText": "Yes",
+                                  }
+                                }
+                              >
+                                <FormFieldHideWrapper
+                                  hideField={false}
+                                >
+                                  <Switch
+                                    component="switch"
+                                    isDisabled={false}
+                                    label="Processor"
+                                    name="processor"
+                                    offText="No"
+                                    onText="Yes"
+                                  >
+                                    <div>
+                                      <FeatureToggle(Toggle)
+                                        disabled={false}
+                                        id="processor"
+                                        key="processor"
+                                        labelA="No"
+                                        labelB="Yes"
+                                        labelText="Processor"
+                                        name="processor"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        onFocus={[Function]}
+                                        toggled={true}
+                                        type="checkbox"
+                                      >
+                                        <Toggle
+                                          aria-label="Toggle"
+                                          defaultToggled={false}
+                                          disabled={false}
+                                          id="processor"
+                                          labelA="No"
+                                          labelB="Yes"
+                                          labelText="Processor"
+                                          name="processor"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          onFocus={[Function]}
+                                          onToggle={[Function]}
+                                          toggled={true}
+                                          type="checkbox"
+                                        >
+                                          <div
+                                            className="bx--form-item"
+                                          >
+                                            <input
+                                              aria-label={null}
+                                              checked={true}
+                                              className="bx--toggle-input"
+                                              disabled={false}
+                                              id="processor"
+                                              name="processor"
+                                              onBlur={[Function]}
+                                              onChange={[Function]}
+                                              onFocus={[Function]}
+                                              onKeyUp={[Function]}
+                                              type="checkbox"
+                                            />
+                                            <label
+                                              aria-label={null}
+                                              className="bx--toggle-input__label"
+                                              htmlFor="processor"
+                                            >
+                                              Processor
+                                              <span
+                                                className="bx--toggle__switch"
+                                              >
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--off"
+                                                >
+                                                  No
+                                                </span>
+                                                <span
+                                                  aria-hidden="true"
+                                                  className="bx--toggle__text--on"
+                                                >
+                                                  Yes
+                                                </span>
+                                              </span>
+                                            </label>
+                                          </div>
+                                        </Toggle>
+                                      </FeatureToggle(Toggle)>
+                                      <HelperTextBlock />
+                                    </div>
+                                  </Switch>
+                                </FormFieldHideWrapper>
+                              </FormConditionWrapper>
+                            </SingleField>
+                            <SingleField
+                              className="reconfigure-sub-form"
+                              component="sub-form"
+                              condition={
+                                Object {
+                                  "is": true,
+                                  "when": "processor",
+                                }
+                              }
+                              fields={
+                                Array [
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "socket",
+                                    "label": "Sockets",
+                                    "name": "socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "socket",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "select",
+                                    "hideField": false,
+                                    "id": "cores",
+                                    "label": "Cores Per Socket",
+                                    "name": "cores_per_socket_count",
+                                    "onChange": [Function],
+                                    "options": Array [
+                                      Object {
+                                        "label": "1",
+                                        "value": 1,
+                                      },
+                                      Object {
+                                        "label": "2",
+                                        "value": 2,
+                                      },
+                                      Object {
+                                        "label": "3",
+                                        "value": 3,
+                                      },
+                                      Object {
+                                        "label": "4",
+                                        "value": 4,
+                                      },
+                                    ],
+                                    "validate": Array [
+                                      Object {
+                                        "field": "cores",
+                                        "type": "cpuCheck",
+                                      },
+                                    ],
+                                  },
+                                  Object {
+                                    "component": "text-field",
+                                    "id": "total_cpus",
+                                    "initialValue": 3,
+                                    "isReadOnly": true,
+                                    "label": "Total Processors",
+                                    "name": "total_cpus",
+                                    "type": "number",
+                                  },
+                                ]
+                              }
+                              id="processor-sub-form"
+                              key="processor-sub-form"
+                              name="processor-sub-form"
+                            >
+                              <FormConditionWrapper
+                                condition={
+                                  Object {
+                                    "is": true,
+                                    "when": "processor",
+                                  }
+                                }
+                                field={
+                                  Object {
+                                    "className": "reconfigure-sub-form",
+                                    "component": "sub-form",
+                                    "fields": Array [
+                                      Object {
+                                        "component": "select",
+                                        "hideField": false,
+                                        "id": "socket",
+                                        "label": "Sockets",
+                                        "name": "socket_count",
+                                        "onChange": [Function],
+                                        "options": Array [
+                                          Object {
+                                            "label": "1",
+                                            "value": 1,
+                                          },
+                                          Object {
+                                            "label": "2",
+                                            "value": 2,
+                                          },
+                                          Object {
+                                            "label": "3",
+                                            "value": 3,
+                                          },
+                                          Object {
+                                            "label": "4",
+                                            "value": 4,
+                                          },
+                                        ],
+                                        "validate": Array [
+                                          Object {
+                                            "field": "socket",
+                                            "type": "cpuCheck",
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "component": "select",
+                                        "hideField": false,
+                                        "id": "cores",
+                                        "label": "Cores Per Socket",
+                                        "name": "cores_per_socket_count",
+                                        "onChange": [Function],
+                                        "options": Array [
+                                          Object {
+                                            "label": "1",
+                                            "value": 1,
+                                          },
+                                          Object {
+                                            "label": "2",
+                                            "value": 2,
+                                          },
+                                          Object {
+                                            "label": "3",
+                                            "value": 3,
+                                          },
+                                          Object {
+                                            "label": "4",
+                                            "value": 4,
+                                          },
+                                        ],
+                                        "validate": Array [
+                                          Object {
+                                            "field": "cores",
+                                            "type": "cpuCheck",
+                                          },
+                                        ],
+                                      },
+                                      Object {
+                                        "component": "text-field",
+                                        "id": "total_cpus",
+                                        "initialValue": 3,
+                                        "isReadOnly": true,
+                                        "label": "Total Processors",
+                                        "name": "total_cpus",
+                                        "type": "number",
+                                      },
+                                    ],
+                                    "id": "processor-sub-form",
+                                    "name": "processor-sub-form",
+                                  }
+                                }
+                              >
+                                <ConditionTriggerDetector
+                                  condition={
+                                    Object {
+                                      "is": true,
+                                      "when": "processor",
+                                    }
+                                  }
+                                  field={
+                                    Object {
+                                      "className": "reconfigure-sub-form",
+                                      "component": "sub-form",
+                                      "fields": Array [
+                                        Object {
+                                          "component": "select",
+                                          "hideField": false,
+                                          "id": "socket",
+                                          "label": "Sockets",
+                                          "name": "socket_count",
+                                          "onChange": [Function],
+                                          "options": Array [
+                                            Object {
+                                              "label": "1",
+                                              "value": 1,
+                                            },
+                                            Object {
+                                              "label": "2",
+                                              "value": 2,
+                                            },
+                                            Object {
+                                              "label": "3",
+                                              "value": 3,
+                                            },
+                                            Object {
+                                              "label": "4",
+                                              "value": 4,
+                                            },
+                                          ],
+                                          "validate": Array [
+                                            Object {
+                                              "field": "socket",
+                                              "type": "cpuCheck",
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "component": "select",
+                                          "hideField": false,
+                                          "id": "cores",
+                                          "label": "Cores Per Socket",
+                                          "name": "cores_per_socket_count",
+                                          "onChange": [Function],
+                                          "options": Array [
+                                            Object {
+                                              "label": "1",
+                                              "value": 1,
+                                            },
+                                            Object {
+                                              "label": "2",
+                                              "value": 2,
+                                            },
+                                            Object {
+                                              "label": "3",
+                                              "value": 3,
+                                            },
+                                            Object {
+                                              "label": "4",
+                                              "value": 4,
+                                            },
+                                          ],
+                                          "validate": Array [
+                                            Object {
+                                              "field": "cores",
+                                              "type": "cpuCheck",
+                                            },
+                                          ],
+                                        },
+                                        Object {
+                                          "component": "text-field",
+                                          "id": "total_cpus",
+                                          "initialValue": 3,
+                                          "isReadOnly": true,
+                                          "label": "Total Processors",
+                                          "name": "total_cpus",
+                                          "type": "number",
+                                        },
+                                      ],
+                                      "id": "processor-sub-form",
+                                      "name": "processor-sub-form",
+                                    }
+                                  }
+                                  triggers={
+                                    Array [
+                                      "processor",
+                                    ]
+                                  }
+                                >
+                                  <ForwardRef(Field)
+                                    name="processor"
+                                    subscription={
+                                      Object {
+                                        "value": true,
+                                      }
+                                    }
+                                  >
+                                    <ConditionTriggerDetector
+                                      condition={
+                                        Object {
+                                          "is": true,
+                                          "when": "processor",
+                                        }
+                                      }
+                                      field={
+                                        Object {
+                                          "className": "reconfigure-sub-form",
+                                          "component": "sub-form",
+                                          "fields": Array [
+                                            Object {
+                                              "component": "select",
+                                              "hideField": false,
+                                              "id": "socket",
+                                              "label": "Sockets",
+                                              "name": "socket_count",
+                                              "onChange": [Function],
+                                              "options": Array [
+                                                Object {
+                                                  "label": "1",
+                                                  "value": 1,
+                                                },
+                                                Object {
+                                                  "label": "2",
+                                                  "value": 2,
+                                                },
+                                                Object {
+                                                  "label": "3",
+                                                  "value": 3,
+                                                },
+                                                Object {
+                                                  "label": "4",
+                                                  "value": 4,
+                                                },
+                                              ],
+                                              "validate": Array [
+                                                Object {
+                                                  "field": "socket",
+                                                  "type": "cpuCheck",
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "component": "select",
+                                              "hideField": false,
+                                              "id": "cores",
+                                              "label": "Cores Per Socket",
+                                              "name": "cores_per_socket_count",
+                                              "onChange": [Function],
+                                              "options": Array [
+                                                Object {
+                                                  "label": "1",
+                                                  "value": 1,
+                                                },
+                                                Object {
+                                                  "label": "2",
+                                                  "value": 2,
+                                                },
+                                                Object {
+                                                  "label": "3",
+                                                  "value": 3,
+                                                },
+                                                Object {
+                                                  "label": "4",
+                                                  "value": 4,
+                                                },
+                                              ],
+                                              "validate": Array [
+                                                Object {
+                                                  "field": "cores",
+                                                  "type": "cpuCheck",
+                                                },
+                                              ],
+                                            },
+                                            Object {
+                                              "component": "text-field",
+                                              "id": "total_cpus",
+                                              "initialValue": 3,
+                                              "isReadOnly": true,
+                                              "label": "Total Processors",
+                                              "name": "total_cpus",
+                                              "type": "number",
+                                            },
+                                          ],
+                                          "id": "processor-sub-form",
+                                          "name": "processor-sub-form",
+                                        }
+                                      }
+                                      triggers={Array []}
+                                      values={
+                                        Object {
+                                          "processor": true,
+                                        }
+                                      }
+                                    >
+                                      <ConditionTriggerWrapper
+                                        condition={
+                                          Object {
+                                            "is": true,
+                                            "when": "processor",
+                                          }
+                                        }
+                                        field={
+                                          Object {
+                                            "className": "reconfigure-sub-form",
+                                            "component": "sub-form",
+                                            "fields": Array [
+                                              Object {
+                                                "component": "select",
+                                                "hideField": false,
+                                                "id": "socket",
+                                                "label": "Sockets",
+                                                "name": "socket_count",
+                                                "onChange": [Function],
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "1",
+                                                    "value": 1,
+                                                  },
+                                                  Object {
+                                                    "label": "2",
+                                                    "value": 2,
+                                                  },
+                                                  Object {
+                                                    "label": "3",
+                                                    "value": 3,
+                                                  },
+                                                  Object {
+                                                    "label": "4",
+                                                    "value": 4,
+                                                  },
+                                                ],
+                                                "validate": Array [
+                                                  Object {
+                                                    "field": "socket",
+                                                    "type": "cpuCheck",
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "component": "select",
+                                                "hideField": false,
+                                                "id": "cores",
+                                                "label": "Cores Per Socket",
+                                                "name": "cores_per_socket_count",
+                                                "onChange": [Function],
+                                                "options": Array [
+                                                  Object {
+                                                    "label": "1",
+                                                    "value": 1,
+                                                  },
+                                                  Object {
+                                                    "label": "2",
+                                                    "value": 2,
+                                                  },
+                                                  Object {
+                                                    "label": "3",
+                                                    "value": 3,
+                                                  },
+                                                  Object {
+                                                    "label": "4",
+                                                    "value": 4,
+                                                  },
+                                                ],
+                                                "validate": Array [
+                                                  Object {
+                                                    "field": "cores",
+                                                    "type": "cpuCheck",
+                                                  },
+                                                ],
+                                              },
+                                              Object {
+                                                "component": "text-field",
+                                                "id": "total_cpus",
+                                                "initialValue": 3,
+                                                "isReadOnly": true,
+                                                "label": "Total Processors",
+                                                "name": "total_cpus",
+                                                "type": "number",
+                                              },
+                                            ],
+                                            "id": "processor-sub-form",
+                                            "name": "processor-sub-form",
+                                          }
+                                        }
+                                        values={
+                                          Object {
+                                            "processor": true,
+                                          }
+                                        }
+                                      >
+                                        <Component
+                                          condition={
+                                            Object {
+                                              "is": true,
+                                              "when": "processor",
+                                            }
+                                          }
+                                          field={
+                                            Object {
+                                              "className": "reconfigure-sub-form",
+                                              "component": "sub-form",
+                                              "fields": Array [
+                                                Object {
+                                                  "component": "select",
+                                                  "hideField": false,
+                                                  "id": "socket",
+                                                  "label": "Sockets",
+                                                  "name": "socket_count",
+                                                  "onChange": [Function],
+                                                  "options": Array [
+                                                    Object {
+                                                      "label": "1",
+                                                      "value": 1,
+                                                    },
+                                                    Object {
+                                                      "label": "2",
+                                                      "value": 2,
+                                                    },
+                                                    Object {
+                                                      "label": "3",
+                                                      "value": 3,
+                                                    },
+                                                    Object {
+                                                      "label": "4",
+                                                      "value": 4,
+                                                    },
+                                                  ],
+                                                  "validate": Array [
+                                                    Object {
+                                                      "field": "socket",
+                                                      "type": "cpuCheck",
+                                                    },
+                                                  ],
+                                                },
+                                                Object {
+                                                  "component": "select",
+                                                  "hideField": false,
+                                                  "id": "cores",
+                                                  "label": "Cores Per Socket",
+                                                  "name": "cores_per_socket_count",
+                                                  "onChange": [Function],
+                                                  "options": Array [
+                                                    Object {
+                                                      "label": "1",
+                                                      "value": 1,
+                                                    },
+                                                    Object {
+                                                      "label": "2",
+                                                      "value": 2,
+                                                    },
+                                                    Object {
+                                                      "label": "3",
+                                                      "value": 3,
+                                                    },
+                                                    Object {
+                                                      "label": "4",
+                                                      "value": 4,
+                                                    },
+                                                  ],
+                                                  "validate": Array [
+                                                    Object {
+                                                      "field": "cores",
+                                                      "type": "cpuCheck",
+                                                    },
+                                                  ],
+                                                },
+                                                Object {
+                                                  "component": "text-field",
+                                                  "id": "total_cpus",
+                                                  "initialValue": 3,
+                                                  "isReadOnly": true,
+                                                  "label": "Total Processors",
+                                                  "name": "total_cpus",
+                                                  "type": "number",
+                                                },
+                                              ],
+                                              "id": "processor-sub-form",
+                                              "name": "processor-sub-form",
+                                            }
+                                          }
+                                          values={
+                                            Object {
+                                              "processor": true,
+                                            }
+                                          }
+                                        >
+                                          <FormFieldHideWrapper
+                                            hideField={false}
+                                          >
+                                            <SubForm
+                                              DescriptionElement="p"
+                                              TitleElement="h3"
+                                              className="reconfigure-sub-form"
+                                              component="sub-form"
+                                              fields={
+                                                Array [
+                                                  Object {
+                                                    "component": "select",
+                                                    "hideField": false,
+                                                    "id": "socket",
+                                                    "label": "Sockets",
+                                                    "name": "socket_count",
+                                                    "onChange": [Function],
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ],
+                                                    "validate": Array [
+                                                      Object {
+                                                        "field": "socket",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ],
+                                                  },
+                                                  Object {
+                                                    "component": "select",
+                                                    "hideField": false,
+                                                    "id": "cores",
+                                                    "label": "Cores Per Socket",
+                                                    "name": "cores_per_socket_count",
+                                                    "onChange": [Function],
+                                                    "options": Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ],
+                                                    "validate": Array [
+                                                      Object {
+                                                        "field": "cores",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ],
+                                                  },
+                                                  Object {
+                                                    "component": "text-field",
+                                                    "id": "total_cpus",
+                                                    "initialValue": 3,
+                                                    "isReadOnly": true,
+                                                    "label": "Total Processors",
+                                                    "name": "total_cpus",
+                                                    "type": "number",
+                                                  },
+                                                ]
+                                              }
+                                              id="processor-sub-form"
+                                              name="processor-sub-form"
+                                            >
+                                              <div
+                                                className="reconfigure-sub-form"
+                                                id="processor-sub-form"
+                                                name="processor-sub-form"
+                                              >
+                                                <SingleField
+                                                  component="select"
+                                                  hideField={false}
+                                                  id="socket"
+                                                  key="socket_count"
+                                                  label="Sockets"
+                                                  name="socket_count"
+                                                  onChange={[Function]}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ]
+                                                  }
+                                                  validate={
+                                                    Array [
+                                                      Object {
+                                                        "field": "socket",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    field={
+                                                      Object {
+                                                        "component": "select",
+                                                        "id": "socket",
+                                                        "label": "Sockets",
+                                                        "name": "socket_count",
+                                                        "onChange": [Function],
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "1",
+                                                            "value": 1,
+                                                          },
+                                                          Object {
+                                                            "label": "2",
+                                                            "value": 2,
+                                                          },
+                                                          Object {
+                                                            "label": "3",
+                                                            "value": 3,
+                                                          },
+                                                          Object {
+                                                            "label": "4",
+                                                            "value": 4,
+                                                          },
+                                                        ],
+                                                        "validate": Array [
+                                                          Object {
+                                                            "field": "socket",
+                                                            "type": "cpuCheck",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <FormFieldHideWrapper
+                                                      hideField={false}
+                                                    >
+                                                      <SelectWithOnChange
+                                                        component="select"
+                                                        id="socket"
+                                                        label="Sockets"
+                                                        name="socket_count"
+                                                        onChange={[Function]}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "1",
+                                                              "value": 1,
+                                                            },
+                                                            Object {
+                                                              "label": "2",
+                                                              "value": 2,
+                                                            },
+                                                            Object {
+                                                              "label": "3",
+                                                              "value": 3,
+                                                            },
+                                                            Object {
+                                                              "label": "4",
+                                                              "value": 4,
+                                                            },
+                                                          ]
+                                                        }
+                                                        placeholder="<Choose>"
+                                                        validate={
+                                                          Array [
+                                                            Object {
+                                                              "field": "socket",
+                                                              "type": "cpuCheck",
+                                                            },
+                                                          ]
+                                                        }
+                                                      >
+                                                        <Select
+                                                          component="select"
+                                                          id="socket"
+                                                          label="Sockets"
+                                                          loadingMessage="Loading..."
+                                                          name="socket_count"
+                                                          options={
+                                                            Array [
+                                                              Object {
+                                                                "label": "1",
+                                                                "value": 1,
+                                                              },
+                                                              Object {
+                                                                "label": "2",
+                                                                "value": 2,
+                                                              },
+                                                              Object {
+                                                                "label": "3",
+                                                                "value": 3,
+                                                              },
+                                                              Object {
+                                                                "label": "4",
+                                                                "value": 4,
+                                                              },
+                                                            ]
+                                                          }
+                                                          placeholder="<Choose>"
+                                                          validate={
+                                                            Array [
+                                                              Object {
+                                                                "field": "socket",
+                                                                "type": "cpuCheck",
+                                                              },
+                                                            ]
+                                                          }
+                                                        >
+                                                          <Select
+                                                            SelectComponent={[Function]}
+                                                            compareValues={[Function]}
+                                                            id="socket"
+                                                            invalid={false}
+                                                            invalidText=""
+                                                            isClearable={false}
+                                                            isSearchable={false}
+                                                            labelText="Sockets"
+                                                            loadOptionsChangeCounter={1}
+                                                            loadingMessage="Loading..."
+                                                            name="socket_count"
+                                                            onBlur={[Function]}
+                                                            onChange={[Function]}
+                                                            onFocus={[Function]}
+                                                            options={
+                                                              Array [
+                                                                Object {
+                                                                  "label": "1",
+                                                                  "value": 1,
+                                                                },
+                                                                Object {
+                                                                  "label": "2",
+                                                                  "value": 2,
+                                                                },
+                                                                Object {
+                                                                  "label": "3",
+                                                                  "value": 3,
+                                                                },
+                                                                Object {
+                                                                  "label": "4",
+                                                                  "value": 4,
+                                                                },
+                                                              ]
+                                                            }
+                                                            placeholder="<Choose>"
+                                                            pluckSingleValue={true}
+                                                            simpleValue={false}
+                                                            value="3"
+                                                          >
+                                                            <ClearedSelect
+                                                              className=""
+                                                              closeMenuOnSelect={true}
+                                                              hideSelectedOptions={false}
+                                                              id="socket"
+                                                              invalidText=""
+                                                              isClearable={false}
+                                                              isFetching={false}
+                                                              isSearchable={false}
+                                                              labelText="Sockets"
+                                                              name="socket_count"
+                                                              noOptionsMessage={[Function]}
+                                                              onBlur={[Function]}
+                                                              onChange={[Function]}
+                                                              onFocus={[Function]}
+                                                              onInputChange={[Function]}
+                                                              options={
+                                                                Array [
+                                                                  Object {
+                                                                    "label": "1",
+                                                                    "value": 1,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "2",
+                                                                    "value": 2,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "3",
+                                                                    "value": 3,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "4",
+                                                                    "value": 4,
+                                                                  },
+                                                                ]
+                                                              }
+                                                              placeholder="<Choose>"
+                                                              value="3"
+                                                            >
+                                                              <Select
+                                                                className=""
+                                                                disabled={false}
+                                                                helperText=""
+                                                                id="socket_count"
+                                                                inline={false}
+                                                                invalid={false}
+                                                                invalidText=""
+                                                                labelText="Sockets"
+                                                                light={false}
+                                                                name="socket_count"
+                                                                onBlur={[Function]}
+                                                                onChange={[Function]}
+                                                                onFocus={[Function]}
+                                                                value="3"
+                                                              >
+                                                                <div
+                                                                  className="bx--form-item"
+                                                                >
+                                                                  <div
+                                                                    className="bx--select"
+                                                                  >
+                                                                    <label
+                                                                      className="bx--label"
+                                                                      htmlFor="socket_count"
+                                                                    >
+                                                                      Sockets
+                                                                    </label>
+                                                                    <div
+                                                                      className="bx--select-input__wrapper"
+                                                                      data-invalid={null}
+                                                                    >
+                                                                      <select
+                                                                        className="bx--select-input"
+                                                                        id="socket_count"
+                                                                        name="socket_count"
+                                                                        onBlur={[Function]}
+                                                                        onChange={[Function]}
+                                                                        onFocus={[Function]}
+                                                                        value="3"
+                                                                      >
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="1"
+                                                                          label="1"
+                                                                          text="1"
+                                                                          value={1}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="1"
+                                                                            value={1}
+                                                                          >
+                                                                            1
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="2"
+                                                                          label="2"
+                                                                          text="2"
+                                                                          value={2}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="2"
+                                                                            value={2}
+                                                                          >
+                                                                            2
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="3"
+                                                                          label="3"
+                                                                          text="3"
+                                                                          value={3}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="3"
+                                                                            value={3}
+                                                                          >
+                                                                            3
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="4"
+                                                                          label="4"
+                                                                          text="4"
+                                                                          value={4}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="4"
+                                                                            value={4}
+                                                                          >
+                                                                            4
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                      </select>
+                                                                      <ForwardRef(ChevronDown16)
+                                                                        className="bx--select__arrow"
+                                                                      >
+                                                                        <Icon
+                                                                          className="bx--select__arrow"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 16 16"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="bx--select__arrow"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(ChevronDown16)>
+                                                                    </div>
+                                                                  </div>
+                                                                </div>
+                                                              </Select>
+                                                            </ClearedSelect>
+                                                          </Select>
+                                                        </Select>
+                                                      </SelectWithOnChange>
+                                                    </FormFieldHideWrapper>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                                <SingleField
+                                                  component="select"
+                                                  hideField={false}
+                                                  id="cores"
+                                                  key="cores_per_socket_count"
+                                                  label="Cores Per Socket"
+                                                  name="cores_per_socket_count"
+                                                  onChange={[Function]}
+                                                  options={
+                                                    Array [
+                                                      Object {
+                                                        "label": "1",
+                                                        "value": 1,
+                                                      },
+                                                      Object {
+                                                        "label": "2",
+                                                        "value": 2,
+                                                      },
+                                                      Object {
+                                                        "label": "3",
+                                                        "value": 3,
+                                                      },
+                                                      Object {
+                                                        "label": "4",
+                                                        "value": 4,
+                                                      },
+                                                    ]
+                                                  }
+                                                  validate={
+                                                    Array [
+                                                      Object {
+                                                        "field": "cores",
+                                                        "type": "cpuCheck",
+                                                      },
+                                                    ]
+                                                  }
+                                                >
+                                                  <FormConditionWrapper
+                                                    field={
+                                                      Object {
+                                                        "component": "select",
+                                                        "id": "cores",
+                                                        "label": "Cores Per Socket",
+                                                        "name": "cores_per_socket_count",
+                                                        "onChange": [Function],
+                                                        "options": Array [
+                                                          Object {
+                                                            "label": "1",
+                                                            "value": 1,
+                                                          },
+                                                          Object {
+                                                            "label": "2",
+                                                            "value": 2,
+                                                          },
+                                                          Object {
+                                                            "label": "3",
+                                                            "value": 3,
+                                                          },
+                                                          Object {
+                                                            "label": "4",
+                                                            "value": 4,
+                                                          },
+                                                        ],
+                                                        "validate": Array [
+                                                          Object {
+                                                            "field": "cores",
+                                                            "type": "cpuCheck",
+                                                          },
+                                                        ],
+                                                      }
+                                                    }
+                                                  >
+                                                    <FormFieldHideWrapper
+                                                      hideField={false}
+                                                    >
+                                                      <SelectWithOnChange
+                                                        component="select"
+                                                        id="cores"
+                                                        label="Cores Per Socket"
+                                                        name="cores_per_socket_count"
+                                                        onChange={[Function]}
+                                                        options={
+                                                          Array [
+                                                            Object {
+                                                              "label": "1",
+                                                              "value": 1,
+                                                            },
+                                                            Object {
+                                                              "label": "2",
+                                                              "value": 2,
+                                                            },
+                                                            Object {
+                                                              "label": "3",
+                                                              "value": 3,
+                                                            },
+                                                            Object {
+                                                              "label": "4",
+                                                              "value": 4,
+                                                            },
+                                                          ]
+                                                        }
+                                                        placeholder="<Choose>"
+                                                        validate={
+                                                          Array [
+                                                            Object {
+                                                              "field": "cores",
+                                                              "type": "cpuCheck",
+                                                            },
+                                                          ]
+                                                        }
+                                                      >
+                                                        <Select
+                                                          component="select"
+                                                          id="cores"
+                                                          label="Cores Per Socket"
+                                                          loadingMessage="Loading..."
+                                                          name="cores_per_socket_count"
+                                                          options={
+                                                            Array [
+                                                              Object {
+                                                                "label": "1",
+                                                                "value": 1,
+                                                              },
+                                                              Object {
+                                                                "label": "2",
+                                                                "value": 2,
+                                                              },
+                                                              Object {
+                                                                "label": "3",
+                                                                "value": 3,
+                                                              },
+                                                              Object {
+                                                                "label": "4",
+                                                                "value": 4,
+                                                              },
+                                                            ]
+                                                          }
+                                                          placeholder="<Choose>"
+                                                          validate={
+                                                            Array [
+                                                              Object {
+                                                                "field": "cores",
+                                                                "type": "cpuCheck",
+                                                              },
+                                                            ]
+                                                          }
+                                                        >
+                                                          <Select
+                                                            SelectComponent={[Function]}
+                                                            compareValues={[Function]}
+                                                            id="cores"
+                                                            invalid={false}
+                                                            invalidText=""
+                                                            isClearable={false}
+                                                            isSearchable={false}
+                                                            labelText="Cores Per Socket"
+                                                            loadOptionsChangeCounter={1}
+                                                            loadingMessage="Loading..."
+                                                            name="cores_per_socket_count"
+                                                            onBlur={[Function]}
+                                                            onChange={[Function]}
+                                                            onFocus={[Function]}
+                                                            options={
+                                                              Array [
+                                                                Object {
+                                                                  "label": "1",
+                                                                  "value": 1,
+                                                                },
+                                                                Object {
+                                                                  "label": "2",
+                                                                  "value": 2,
+                                                                },
+                                                                Object {
+                                                                  "label": "3",
+                                                                  "value": 3,
+                                                                },
+                                                                Object {
+                                                                  "label": "4",
+                                                                  "value": 4,
+                                                                },
+                                                              ]
+                                                            }
+                                                            placeholder="<Choose>"
+                                                            pluckSingleValue={true}
+                                                            simpleValue={false}
+                                                            value="1"
+                                                          >
+                                                            <ClearedSelect
+                                                              className=""
+                                                              closeMenuOnSelect={true}
+                                                              hideSelectedOptions={false}
+                                                              id="cores"
+                                                              invalidText=""
+                                                              isClearable={false}
+                                                              isFetching={false}
+                                                              isSearchable={false}
+                                                              labelText="Cores Per Socket"
+                                                              name="cores_per_socket_count"
+                                                              noOptionsMessage={[Function]}
+                                                              onBlur={[Function]}
+                                                              onChange={[Function]}
+                                                              onFocus={[Function]}
+                                                              onInputChange={[Function]}
+                                                              options={
+                                                                Array [
+                                                                  Object {
+                                                                    "label": "1",
+                                                                    "value": 1,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "2",
+                                                                    "value": 2,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "3",
+                                                                    "value": 3,
+                                                                  },
+                                                                  Object {
+                                                                    "label": "4",
+                                                                    "value": 4,
+                                                                  },
+                                                                ]
+                                                              }
+                                                              placeholder="<Choose>"
+                                                              value="1"
+                                                            >
+                                                              <Select
+                                                                className=""
+                                                                disabled={false}
+                                                                helperText=""
+                                                                id="cores_per_socket_count"
+                                                                inline={false}
+                                                                invalid={false}
+                                                                invalidText=""
+                                                                labelText="Cores Per Socket"
+                                                                light={false}
+                                                                name="cores_per_socket_count"
+                                                                onBlur={[Function]}
+                                                                onChange={[Function]}
+                                                                onFocus={[Function]}
+                                                                value="1"
+                                                              >
+                                                                <div
+                                                                  className="bx--form-item"
+                                                                >
+                                                                  <div
+                                                                    className="bx--select"
+                                                                  >
+                                                                    <label
+                                                                      className="bx--label"
+                                                                      htmlFor="cores_per_socket_count"
+                                                                    >
+                                                                      Cores Per Socket
+                                                                    </label>
+                                                                    <div
+                                                                      className="bx--select-input__wrapper"
+                                                                      data-invalid={null}
+                                                                    >
+                                                                      <select
+                                                                        className="bx--select-input"
+                                                                        id="cores_per_socket_count"
+                                                                        name="cores_per_socket_count"
+                                                                        onBlur={[Function]}
+                                                                        onChange={[Function]}
+                                                                        onFocus={[Function]}
+                                                                        value="1"
+                                                                      >
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="1"
+                                                                          label="1"
+                                                                          text="1"
+                                                                          value={1}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="1"
+                                                                            value={1}
+                                                                          >
+                                                                            1
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="2"
+                                                                          label="2"
+                                                                          text="2"
+                                                                          value={2}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="2"
+                                                                            value={2}
+                                                                          >
+                                                                            2
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="3"
+                                                                          label="3"
+                                                                          text="3"
+                                                                          value={3}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="3"
+                                                                            value={3}
+                                                                          >
+                                                                            3
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                        <SelectItem
+                                                                          disabled={false}
+                                                                          hidden={false}
+                                                                          key="4"
+                                                                          label="4"
+                                                                          text="4"
+                                                                          value={4}
+                                                                        >
+                                                                          <option
+                                                                            className="bx--select-option"
+                                                                            disabled={false}
+                                                                            hidden={false}
+                                                                            label="4"
+                                                                            value={4}
+                                                                          >
+                                                                            4
+                                                                          </option>
+                                                                        </SelectItem>
+                                                                      </select>
+                                                                      <ForwardRef(ChevronDown16)
+                                                                        className="bx--select__arrow"
+                                                                      >
+                                                                        <Icon
+                                                                          className="bx--select__arrow"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 16 16"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="bx--select__arrow"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 16 16"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(ChevronDown16)>
+                                                                    </div>
+                                                                  </div>
+                                                                </div>
+                                                              </Select>
+                                                            </ClearedSelect>
+                                                          </Select>
+                                                        </Select>
+                                                      </SelectWithOnChange>
+                                                    </FormFieldHideWrapper>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                                <SingleField
+                                                  component="text-field"
+                                                  id="total_cpus"
+                                                  initialValue={3}
+                                                  isReadOnly={true}
+                                                  key="total_cpus"
+                                                  label="Total Processors"
+                                                  name="total_cpus"
+                                                  type="number"
+                                                >
+                                                  <FormConditionWrapper
+                                                    field={
+                                                      Object {
+                                                        "component": "text-field",
+                                                        "id": "total_cpus",
+                                                        "initialValue": 3,
+                                                        "isReadOnly": true,
+                                                        "label": "Total Processors",
+                                                        "name": "total_cpus",
+                                                        "type": "number",
+                                                      }
+                                                    }
+                                                  >
+                                                    <FormFieldHideWrapper
+                                                      hideField={false}
+                                                    >
+                                                      <TextField
+                                                        component="text-field"
+                                                        id="total_cpus"
+                                                        initialValue={3}
+                                                        isReadOnly={true}
+                                                        label="Total Processors"
+                                                        name="total_cpus"
+                                                        type="number"
+                                                      >
+                                                        <ForwardRef(NumberInput)
+                                                          id="total_cpus"
+                                                          invalid={false}
+                                                          invalidText=""
+                                                          key="total_cpus"
+                                                          label="Total Processors"
+                                                          name="total_cpus"
+                                                          onBlur={[Function]}
+                                                          onChange={[Function]}
+                                                          onFocus={[Function]}
+                                                          readOnly={true}
+                                                          type="number"
+                                                          value={3}
+                                                          warn={false}
+                                                          warnText=""
+                                                        >
+                                                          <NumberInput
+                                                            allowEmpty={false}
+                                                            ariaLabel="Numeric input field with increment and decrement buttons"
+                                                            disabled={false}
+                                                            helperText=""
+                                                            hideLabel={false}
+                                                            iconDescription="choose a number"
+                                                            id="total_cpus"
+                                                            innerRef={null}
+                                                            invalid={false}
+                                                            invalidText=""
+                                                            label="Total Processors"
+                                                            light={false}
+                                                            name="total_cpus"
+                                                            onBlur={[Function]}
+                                                            onChange={[Function]}
+                                                            onFocus={[Function]}
+                                                            readOnly={true}
+                                                            step={1}
+                                                            translateWithId={[Function]}
+                                                            type="number"
+                                                            value={3}
+                                                            warn={false}
+                                                            warnText=""
+                                                          >
+                                                            <div
+                                                              className="bx--form-item"
+                                                            >
+                                                              <div
+                                                                className="bx--number bx--number--helpertext bx--number--readonly"
+                                                              >
+                                                                <label
+                                                                  className="bx--label"
+                                                                  htmlFor="total_cpus"
+                                                                >
+                                                                  Total Processors
+                                                                </label>
+                                                                <div
+                                                                  className="bx--number__input-wrapper"
+                                                                >
+                                                                  <input
+                                                                    aria-describedby={null}
+                                                                    aria-invalid={false}
+                                                                    aria-label={null}
+                                                                    data-invalid={false}
+                                                                    disabled={false}
+                                                                    id="total_cpus"
+                                                                    name="total_cpus"
+                                                                    onBlur={[Function]}
+                                                                    onChange={[Function]}
+                                                                    onFocus={[Function]}
+                                                                    pattern="[0-9]*"
+                                                                    readOnly={true}
+                                                                    step={1}
+                                                                    type="number"
+                                                                    value={3}
+                                                                  />
+                                                                  <ForwardRef(EditOff16)
+                                                                    className="bx--number__readonly-icon"
+                                                                  >
+                                                                    <Icon
+                                                                      className="bx--number__readonly-icon"
+                                                                      fill="currentColor"
+                                                                      height={16}
+                                                                      preserveAspectRatio="xMidYMid meet"
+                                                                      viewBox="0 0 32 32"
+                                                                      width={16}
+                                                                      xmlns="http://www.w3.org/2000/svg"
+                                                                    >
+                                                                      <svg
+                                                                        aria-hidden={true}
+                                                                        className="bx--number__readonly-icon"
+                                                                        fill="currentColor"
+                                                                        focusable="false"
+                                                                        height={16}
+                                                                        preserveAspectRatio="xMidYMid meet"
+                                                                        viewBox="0 0 32 32"
+                                                                        width={16}
+                                                                        xmlns="http://www.w3.org/2000/svg"
+                                                                      >
+                                                                        <path
+                                                                          d="M30 28.6L3.4 2 2 3.4l10.1 10.1L4 21.6V28h6.4l8.1-8.1L28.6 30 30 28.6zM9.6 26H6v-3.6l7.5-7.5 3.6 3.6L9.6 26zM29.4 6.2L29.4 6.2l-3.6-3.6c-.8-.8-2-.8-2.8 0l0 0 0 0-8 8 1.4 1.4L20 8.4l3.6 3.6L20 15.6l1.4 1.4 8-8C30.2 8.2 30.2 7 29.4 6.2L29.4 6.2zM25 10.6L21.4 7l3-3L28 7.6 25 10.6z"
+                                                                        />
+                                                                      </svg>
+                                                                    </Icon>
+                                                                  </ForwardRef(EditOff16)>
+                                                                  <div
+                                                                    className="bx--number__controls"
+                                                                  >
+                                                                    <button
+                                                                      aria-label="Decrement number"
+                                                                      className="bx--number__control-btn down-icon"
+                                                                      disabled={false}
+                                                                      onClick={[Function]}
+                                                                      tabIndex="-1"
+                                                                      title="Decrement number"
+                                                                      type="button"
+                                                                    >
+                                                                      <ForwardRef(Subtract16)
+                                                                        className="down-icon"
+                                                                      >
+                                                                        <Icon
+                                                                          className="down-icon"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 32 32"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="down-icon"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 32 32"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M8 15H24V17H8z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(Subtract16)>
+                                                                    </button>
+                                                                    <div
+                                                                      className="bx--number__rule-divider"
+                                                                    />
+                                                                    <button
+                                                                      aria-label="Increment number"
+                                                                      className="bx--number__control-btn up-icon"
+                                                                      disabled={false}
+                                                                      onClick={[Function]}
+                                                                      tabIndex="-1"
+                                                                      title="Increment number"
+                                                                      type="button"
+                                                                    >
+                                                                      <ForwardRef(Add16)
+                                                                        className="up-icon"
+                                                                      >
+                                                                        <Icon
+                                                                          className="up-icon"
+                                                                          fill="currentColor"
+                                                                          height={16}
+                                                                          preserveAspectRatio="xMidYMid meet"
+                                                                          viewBox="0 0 32 32"
+                                                                          width={16}
+                                                                          xmlns="http://www.w3.org/2000/svg"
+                                                                        >
+                                                                          <svg
+                                                                            aria-hidden={true}
+                                                                            className="up-icon"
+                                                                            fill="currentColor"
+                                                                            focusable="false"
+                                                                            height={16}
+                                                                            preserveAspectRatio="xMidYMid meet"
+                                                                            viewBox="0 0 32 32"
+                                                                            width={16}
+                                                                            xmlns="http://www.w3.org/2000/svg"
+                                                                          >
+                                                                            <path
+                                                                              d="M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z"
+                                                                            />
+                                                                          </svg>
+                                                                        </Icon>
+                                                                      </ForwardRef(Add16)>
+                                                                    </button>
+                                                                    <div
+                                                                      className="bx--number__rule-divider"
+                                                                    />
+                                                                  </div>
+                                                                </div>
+                                                              </div>
+                                                            </div>
+                                                          </NumberInput>
+                                                        </ForwardRef(NumberInput)>
+                                                      </TextField>
+                                                    </FormFieldHideWrapper>
+                                                  </FormConditionWrapper>
+                                                </SingleField>
+                                              </div>
+                                            </SubForm>
+                                          </FormFieldHideWrapper>
+                                        </Component>
+                                      </ConditionTriggerWrapper>
+                                    </ConditionTriggerDetector>
+                                  </ForwardRef(Field)>
+                                </ConditionTriggerDetector>
+                              </FormConditionWrapper>
+                            </SingleField>
+                          </div>
+                        </SubForm>
+                      </FormFieldHideWrapper>
+                    </FormConditionWrapper>
+                  </SingleField>
+                  <SingleField
+                    component="spy-field"
+                    key="spy-field"
+                    name="spy-field"
+                  >
+                    <FormConditionWrapper
+                      field={
+                        Object {
+                          "component": "spy-field",
+                          "initialize": undefined,
+                          "name": "spy-field",
+                        }
+                      }
+                    >
+                      <FormFieldHideWrapper
+                        hideField={false}
+                      >
+                        <SpyField
+                          component="spy-field"
+                          name="spy-field"
+                        >
+                          <FormSpy
+                            onChange={[Function]}
+                            subscription={
                               Object {
-                                "field": "cores",
-                                "type": "cpuCheck",
-                              },
-                            ],
-                          },
-                          Object {
-                            "component": "text-field",
-                            "id": "total_cpus",
-                            "initialValue": 3,
-                            "isReadOnly": true,
-                            "label": "Total Processors",
-                            "name": "total_cpus",
-                            "type": "number",
-                          },
-                        ],
-                        "id": "processor-sub-form",
-                        "name": "processor-sub-form",
-                      },
-                      "",
-                    ],
-                  ],
-                  "name": "BasicInformation",
-                  "title": "Options",
-                },
-                Object {
-                  "component": "spy-field",
-                  "initialize": undefined,
-                  "name": "spy-field",
-                },
-              ],
-            }
-          }
-          validatorMapper={
-            Object {
-              "cpuCheck": [Function],
-              "customRequired": [Function],
-              "diskMemoryCheck": [Function],
-              "memoryCheck": [Function],
-            }
-          }
-        >
-          <SchemaErrorComponent
-            message="Each fields item must have \\"component\\" property!"
-            name="DefaultSchemaError"
-          >
-            <div
-              style={
-                Object {
-                  "border": "1px solid #bbb",
-                  "borderCollapse": "collapse",
-                  "borderRadius": 2,
-                  "padding": 5,
-                }
-              }
-            >
-              <h1
-                style={
-                  Object {
-                    "fontSize": 24,
-                    "marginBottom": 5,
-                  }
-                }
-              >
-                Form could not be rendered, because of invalid form schema.
-              </h1>
-              <h2
-                style={
-                  Object {
-                    "fontSize": 20,
-                    "marginBottom": 5,
-                  }
-                }
-              >
-                DefaultSchemaError
-                :
-              </h2>
-              <p
-                style={
-                  Object {
-                    "marginBottom": 5,
-                  }
-                }
-              >
-                Each fields item must have "component" property!
-              </p>
-              <p>
-                If you don't know what this error means, please contact site administrator.
-              </p>
-            </div>
-          </SchemaErrorComponent>
+                                "pristine": true,
+                                "valid": true,
+                              }
+                            }
+                          />
+                        </SpyField>
+                      </FormFieldHideWrapper>
+                    </FormConditionWrapper>
+                  </SingleField>
+                  <div
+                    className="bx--btn-set"
+                  >
+                    <button
+                      alt="Save"
+                      className="bx--btn bx--btn--primary"
+                      disabled={true}
+                      type="submit"
+                    >
+                      Save
+                    </button>
+                    <button
+                      alt="Reset"
+                      className="bx--btn bx--btn--secondary"
+                      disabled={true}
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      Reset
+                    </button>
+                    <button
+                      alt="Cancel"
+                      className="bx--btn bx--btn--secondary"
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      Cancel
+                    </button>
+                  </div>
+                </form>
+              </ReconfigureTemplate>
+            </FormTemplate>
+          </ReactFinalForm>
         </FormRenderer>
       </MiqFormRenderer>
     </Connect(MiqFormRenderer)>