ManageIQ/manageiq-ui-classic

View on GitHub
app/javascript/spec/host-edit-form/__snapshots__/host-edit-form.spec.js.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Show Edit Host Form Component should render form for *one* host 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],
    }
  }
>
  <HostEditForm
    ids={
      Array [
        1,
      ]
    }
  >
    <Connect(MiqFormRenderer)
      canReset={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],
          "protocol-selector": [Function],
          "radio": [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],
          "validate-host-credentials": [Function],
          "wizard": [Function],
        }
      }
      initialValues={
        Object {
          "authentications": Object {},
          "ems_id": "2",
          "host_validate_against": 1,
          "hostname": null,
          "id": "1",
          "ipaddress": "10.197.65.254",
          "name": "10.197.65.254",
          "type": "ManageIQ::Providers::IbmPowerHmc::InfraManager::Host",
        }
      }
      onCancel={[Function]}
      onReset={[Function]}
      onSubmit={[Function]}
      schema={
        Object {
          "fields": Array [
            Object {
              "component": "text-field",
              "id": "name",
              "isDisabled": true,
              "label": "Name:",
              "name": "name",
            },
            Object {
              "component": "text-field",
              "id": "hostname",
              "isDisabled": true,
              "label": "Hostname (or IPv4 or IPv6 address:",
              "name": "hostname",
            },
            Object {
              "component": "text-field",
              "id": "custom_identifier",
              "isDisabled": true,
              "label": "Custom Identifier:",
              "name": "custom_identifier",
            },
            Object {
              "component": "sub-form",
              "fields": Array [
                Object {
                  "component": "tabs",
                  "fields": Array [
                    Object {
                      "component": "tab-item",
                      "fields": Array [
                        Object {
                          "component": "validate-host-credentials",
                          "fields": Array [
                            Object {
                              "component": "text-field",
                              "id": "authentications.default.userid",
                              "isRequired": true,
                              "label": "Username",
                              "name": "authentications.default.userid",
                              "validate": Array [
                                Object {
                                  "type": "required",
                                },
                              ],
                            },
                            Object {
                              "component": "password-field",
                              "id": "authentications.default.password",
                              "isRequired": true,
                              "label": "Password",
                              "name": "authentications.default.password",
                              "type": "password",
                              "validate": Array [
                                Object {
                                  "type": "required",
                                },
                              ],
                            },
                          ],
                          "id": "endpoints.default.valid",
                          "isRequired": true,
                          "name": "endpoints.default.valid",
                          "skipSubmit": true,
                        },
                      ],
                      "id": "default-tab",
                      "name": "default-tab",
                      "title": "Default",
                    },
                    Object {
                      "component": "tab-item",
                      "fields": Array [
                        Object {
                          "component": "validate-host-credentials",
                          "fields": Array [
                            Object {
                              "component": "text-field",
                              "id": "authentications.remote.userid",
                              "isRequired": true,
                              "label": "Username",
                              "name": "authentications.remote.userid",
                              "validate": Array [
                                Object {
                                  "type": "required",
                                },
                              ],
                            },
                            Object {
                              "component": "password-field",
                              "helperText": "Required if SSH login is disabled for the Default account.",
                              "id": "authentications.remote.password",
                              "isRequired": true,
                              "label": "Password",
                              "name": "authentications.remote.password",
                              "type": "password",
                              "validate": Array [
                                Object {
                                  "type": "required",
                                },
                              ],
                            },
                          ],
                          "id": "endpoints.remote.valid",
                          "isRequired": true,
                          "name": "endpoints.remote.valid",
                          "skipSubmit": true,
                        },
                      ],
                      "id": "remote-tab",
                      "name": "remote-tab",
                      "title": "Remote Login",
                    },
                    Object {
                      "component": "tab-item",
                      "fields": Array [
                        Object {
                          "component": "validate-host-credentials",
                          "fields": Array [
                            Object {
                              "component": "text-field",
                              "id": "authentications.ws.userid",
                              "isRequired": true,
                              "label": "Username",
                              "name": "authentications.ws.userid",
                              "validate": Array [
                                Object {
                                  "type": "required",
                                },
                              ],
                            },
                            Object {
                              "component": "password-field",
                              "helperText": "Used for access to Web Services.",
                              "id": "authentications.ws.password",
                              "isRequired": true,
                              "label": "Password",
                              "name": "authentications.ws.password",
                              "type": "password",
                              "validate": Array [
                                Object {
                                  "type": "required",
                                },
                              ],
                            },
                          ],
                          "id": "endpoints.ws.valid",
                          "isRequired": true,
                          "name": "endpoints.ws.valid",
                          "skipSubmit": true,
                        },
                      ],
                      "id": "ws-tab",
                      "name": "ws-tab",
                      "title": "Web Service",
                    },
                  ],
                  "name": "tabs",
                },
              ],
              "id": "endpoints-subform",
              "name": "endpoints-subform",
              "title": "Endpoints",
            },
          ],
        }
      }
    >
      <MiqFormRenderer
        buttonsLabels={Object {}}
        canReset={true}
        className="form-react"
        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],
            "protocol-selector": [Function],
            "radio": [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],
            "validate-host-credentials": [Function],
            "wizard": [Function],
          }
        }
        disableSubmit={
          Array [
            "pristine",
            "invalid",
          ]
        }
        dispatch={[Function]}
        initialValues={
          Object {
            "authentications": Object {},
            "ems_id": "2",
            "host_validate_against": 1,
            "hostname": null,
            "id": "1",
            "ipaddress": "10.197.65.254",
            "name": "10.197.65.254",
            "type": "ManageIQ::Providers::IbmPowerHmc::InfraManager::Host",
          }
        }
        onCancel={[Function]}
        onReset={[Function]}
        onSubmit={[Function]}
        schema={
          Object {
            "fields": Array [
              Object {
                "component": "text-field",
                "id": "name",
                "isDisabled": true,
                "label": "Name:",
                "name": "name",
              },
              Object {
                "component": "text-field",
                "id": "hostname",
                "isDisabled": true,
                "label": "Hostname (or IPv4 or IPv6 address:",
                "name": "hostname",
              },
              Object {
                "component": "text-field",
                "id": "custom_identifier",
                "isDisabled": true,
                "label": "Custom Identifier:",
                "name": "custom_identifier",
              },
              Object {
                "component": "sub-form",
                "fields": Array [
                  Object {
                    "component": "tabs",
                    "fields": Array [
                      Object {
                        "component": "tab-item",
                        "fields": Array [
                          Object {
                            "component": "validate-host-credentials",
                            "fields": Array [
                              Object {
                                "component": "text-field",
                                "id": "authentications.default.userid",
                                "isRequired": true,
                                "label": "Username",
                                "name": "authentications.default.userid",
                                "validate": Array [
                                  Object {
                                    "type": "required",
                                  },
                                ],
                              },
                              Object {
                                "component": "password-field",
                                "id": "authentications.default.password",
                                "isRequired": true,
                                "label": "Password",
                                "name": "authentications.default.password",
                                "type": "password",
                                "validate": Array [
                                  Object {
                                    "type": "required",
                                  },
                                ],
                              },
                            ],
                            "id": "endpoints.default.valid",
                            "isRequired": true,
                            "name": "endpoints.default.valid",
                            "skipSubmit": true,
                          },
                        ],
                        "id": "default-tab",
                        "name": "default-tab",
                        "title": "Default",
                      },
                      Object {
                        "component": "tab-item",
                        "fields": Array [
                          Object {
                            "component": "validate-host-credentials",
                            "fields": Array [
                              Object {
                                "component": "text-field",
                                "id": "authentications.remote.userid",
                                "isRequired": true,
                                "label": "Username",
                                "name": "authentications.remote.userid",
                                "validate": Array [
                                  Object {
                                    "type": "required",
                                  },
                                ],
                              },
                              Object {
                                "component": "password-field",
                                "helperText": "Required if SSH login is disabled for the Default account.",
                                "id": "authentications.remote.password",
                                "isRequired": true,
                                "label": "Password",
                                "name": "authentications.remote.password",
                                "type": "password",
                                "validate": Array [
                                  Object {
                                    "type": "required",
                                  },
                                ],
                              },
                            ],
                            "id": "endpoints.remote.valid",
                            "isRequired": true,
                            "name": "endpoints.remote.valid",
                            "skipSubmit": true,
                          },
                        ],
                        "id": "remote-tab",
                        "name": "remote-tab",
                        "title": "Remote Login",
                      },
                      Object {
                        "component": "tab-item",
                        "fields": Array [
                          Object {
                            "component": "validate-host-credentials",
                            "fields": Array [
                              Object {
                                "component": "text-field",
                                "id": "authentications.ws.userid",
                                "isRequired": true,
                                "label": "Username",
                                "name": "authentications.ws.userid",
                                "validate": Array [
                                  Object {
                                    "type": "required",
                                  },
                                ],
                              },
                              Object {
                                "component": "password-field",
                                "helperText": "Used for access to Web Services.",
                                "id": "authentications.ws.password",
                                "isRequired": true,
                                "label": "Password",
                                "name": "authentications.ws.password",
                                "type": "password",
                                "validate": Array [
                                  Object {
                                    "type": "required",
                                  },
                                ],
                              },
                            ],
                            "id": "endpoints.ws.valid",
                            "isRequired": true,
                            "name": "endpoints.ws.valid",
                            "skipSubmit": true,
                          },
                        ],
                        "id": "ws-tab",
                        "name": "ws-tab",
                        "title": "Web Service",
                      },
                    ],
                    "name": "tabs",
                  },
                ],
                "id": "endpoints-subform",
                "name": "endpoints-subform",
                "title": "Endpoints",
              },
            ],
          }
        }
        showFormControls={true}
      >
        <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],
              "protocol-selector": [Function],
              "radio": [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],
              "validate-host-credentials": [Function],
              "wizard": [Function],
            }
          }
          dispatch={[Function]}
          initialValues={
            Object {
              "authentications": Object {},
              "ems_id": "2",
              "host_validate_against": 1,
              "hostname": null,
              "id": "1",
              "ipaddress": "10.197.65.254",
              "name": "10.197.65.254",
              "type": "ManageIQ::Providers::IbmPowerHmc::InfraManager::Host",
            }
          }
          onCancel={[Function]}
          onReset={[Function]}
          onSubmit={[Function]}
          schema={
            Object {
              "fields": Array [
                Object {
                  "component": "text-field",
                  "id": "name",
                  "isDisabled": true,
                  "label": "Name:",
                  "name": "name",
                },
                Object {
                  "component": "text-field",
                  "id": "hostname",
                  "isDisabled": true,
                  "label": "Hostname (or IPv4 or IPv6 address:",
                  "name": "hostname",
                },
                Object {
                  "component": "text-field",
                  "id": "custom_identifier",
                  "isDisabled": true,
                  "label": "Custom Identifier:",
                  "name": "custom_identifier",
                },
                Object {
                  "component": "sub-form",
                  "fields": Array [
                    Object {
                      "component": "tabs",
                      "fields": Array [
                        Object {
                          "component": "tab-item",
                          "fields": Array [
                            Object {
                              "component": "validate-host-credentials",
                              "fields": Array [
                                Object {
                                  "component": "text-field",
                                  "id": "authentications.default.userid",
                                  "isRequired": true,
                                  "label": "Username",
                                  "name": "authentications.default.userid",
                                  "validate": Array [
                                    Object {
                                      "type": "required",
                                    },
                                  ],
                                },
                                Object {
                                  "component": "password-field",
                                  "id": "authentications.default.password",
                                  "isRequired": true,
                                  "label": "Password",
                                  "name": "authentications.default.password",
                                  "type": "password",
                                  "validate": Array [
                                    Object {
                                      "type": "required",
                                    },
                                  ],
                                },
                              ],
                              "id": "endpoints.default.valid",
                              "isRequired": true,
                              "name": "endpoints.default.valid",
                              "skipSubmit": true,
                            },
                          ],
                          "id": "default-tab",
                          "name": "default-tab",
                          "title": "Default",
                        },
                        Object {
                          "component": "tab-item",
                          "fields": Array [
                            Object {
                              "component": "validate-host-credentials",
                              "fields": Array [
                                Object {
                                  "component": "text-field",
                                  "id": "authentications.remote.userid",
                                  "isRequired": true,
                                  "label": "Username",
                                  "name": "authentications.remote.userid",
                                  "validate": Array [
                                    Object {
                                      "type": "required",
                                    },
                                  ],
                                },
                                Object {
                                  "component": "password-field",
                                  "helperText": "Required if SSH login is disabled for the Default account.",
                                  "id": "authentications.remote.password",
                                  "isRequired": true,
                                  "label": "Password",
                                  "name": "authentications.remote.password",
                                  "type": "password",
                                  "validate": Array [
                                    Object {
                                      "type": "required",
                                    },
                                  ],
                                },
                              ],
                              "id": "endpoints.remote.valid",
                              "isRequired": true,
                              "name": "endpoints.remote.valid",
                              "skipSubmit": true,
                            },
                          ],
                          "id": "remote-tab",
                          "name": "remote-tab",
                          "title": "Remote Login",
                        },
                        Object {
                          "component": "tab-item",
                          "fields": Array [
                            Object {
                              "component": "validate-host-credentials",
                              "fields": Array [
                                Object {
                                  "component": "text-field",
                                  "id": "authentications.ws.userid",
                                  "isRequired": true,
                                  "label": "Username",
                                  "name": "authentications.ws.userid",
                                  "validate": Array [
                                    Object {
                                      "type": "required",
                                    },
                                  ],
                                },
                                Object {
                                  "component": "password-field",
                                  "helperText": "Used for access to Web Services.",
                                  "id": "authentications.ws.password",
                                  "isRequired": true,
                                  "label": "Password",
                                  "name": "authentications.ws.password",
                                  "type": "password",
                                  "validate": Array [
                                    Object {
                                      "type": "required",
                                    },
                                  ],
                                },
                              ],
                              "id": "endpoints.ws.valid",
                              "isRequired": true,
                              "name": "endpoints.ws.valid",
                              "skipSubmit": true,
                            },
                          ],
                          "id": "ws-tab",
                          "name": "ws-tab",
                          "title": "Web Service",
                        },
                      ],
                      "name": "tabs",
                    },
                  ],
                  "id": "endpoints-subform",
                  "name": "endpoints-subform",
                  "title": "Endpoints",
                },
                Object {
                  "component": "spy-field",
                  "initialize": undefined,
                  "name": "spy-field",
                },
              ],
            }
          }
        >
          <ReactFinalForm
            decorators={
              Array [
                [Function],
              ]
            }
            dispatch={[Function]}
            initialValues={
              Object {
                "authentications": Object {},
                "ems_id": "2",
                "host_validate_against": 1,
                "hostname": null,
                "id": "1",
                "ipaddress": "10.197.65.254",
                "name": "10.197.65.254",
                "type": "ManageIQ::Providers::IbmPowerHmc::InfraManager::Host",
              }
            }
            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,
              }
            }
          >
            <Component
              formFields={
                Array [
                  <SingleField
                    component="text-field"
                    id="name"
                    isDisabled={true}
                    label="Name:"
                    name="name"
                  />,
                  <SingleField
                    component="text-field"
                    id="hostname"
                    isDisabled={true}
                    label="Hostname (or IPv4 or IPv6 address:"
                    name="hostname"
                  />,
                  <SingleField
                    component="text-field"
                    id="custom_identifier"
                    isDisabled={true}
                    label="Custom Identifier:"
                    name="custom_identifier"
                  />,
                  <SingleField
                    component="sub-form"
                    fields={
                      Array [
                        Object {
                          "component": "tabs",
                          "fields": Array [
                            Object {
                              "component": "tab-item",
                              "fields": Array [
                                Object {
                                  "component": "validate-host-credentials",
                                  "fields": Array [
                                    Object {
                                      "component": "text-field",
                                      "id": "authentications.default.userid",
                                      "isRequired": true,
                                      "label": "Username",
                                      "name": "authentications.default.userid",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                    Object {
                                      "component": "password-field",
                                      "id": "authentications.default.password",
                                      "isRequired": true,
                                      "label": "Password",
                                      "name": "authentications.default.password",
                                      "type": "password",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                  ],
                                  "id": "endpoints.default.valid",
                                  "isRequired": true,
                                  "name": "endpoints.default.valid",
                                  "skipSubmit": true,
                                },
                              ],
                              "id": "default-tab",
                              "name": "default-tab",
                              "title": "Default",
                            },
                            Object {
                              "component": "tab-item",
                              "fields": Array [
                                Object {
                                  "component": "validate-host-credentials",
                                  "fields": Array [
                                    Object {
                                      "component": "text-field",
                                      "id": "authentications.remote.userid",
                                      "isRequired": true,
                                      "label": "Username",
                                      "name": "authentications.remote.userid",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                    Object {
                                      "component": "password-field",
                                      "helperText": "Required if SSH login is disabled for the Default account.",
                                      "id": "authentications.remote.password",
                                      "isRequired": true,
                                      "label": "Password",
                                      "name": "authentications.remote.password",
                                      "type": "password",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                  ],
                                  "id": "endpoints.remote.valid",
                                  "isRequired": true,
                                  "name": "endpoints.remote.valid",
                                  "skipSubmit": true,
                                },
                              ],
                              "id": "remote-tab",
                              "name": "remote-tab",
                              "title": "Remote Login",
                            },
                            Object {
                              "component": "tab-item",
                              "fields": Array [
                                Object {
                                  "component": "validate-host-credentials",
                                  "fields": Array [
                                    Object {
                                      "component": "text-field",
                                      "id": "authentications.ws.userid",
                                      "isRequired": true,
                                      "label": "Username",
                                      "name": "authentications.ws.userid",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                    Object {
                                      "component": "password-field",
                                      "helperText": "Used for access to Web Services.",
                                      "id": "authentications.ws.password",
                                      "isRequired": true,
                                      "label": "Password",
                                      "name": "authentications.ws.password",
                                      "type": "password",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                  ],
                                  "id": "endpoints.ws.valid",
                                  "isRequired": true,
                                  "name": "endpoints.ws.valid",
                                  "skipSubmit": true,
                                },
                              ],
                              "id": "ws-tab",
                              "name": "ws-tab",
                              "title": "Web Service",
                            },
                          ],
                          "name": "tabs",
                        },
                      ]
                    }
                    id="endpoints-subform"
                    name="endpoints-subform"
                    title="Endpoints"
                  />,
                  <SingleField
                    component="spy-field"
                    name="spy-field"
                  />,
                ]
              }
              schema={
                Object {
                  "fields": Array [
                    Object {
                      "component": "text-field",
                      "id": "name",
                      "isDisabled": true,
                      "label": "Name:",
                      "name": "name",
                    },
                    Object {
                      "component": "text-field",
                      "id": "hostname",
                      "isDisabled": true,
                      "label": "Hostname (or IPv4 or IPv6 address:",
                      "name": "hostname",
                    },
                    Object {
                      "component": "text-field",
                      "id": "custom_identifier",
                      "isDisabled": true,
                      "label": "Custom Identifier:",
                      "name": "custom_identifier",
                    },
                    Object {
                      "component": "sub-form",
                      "fields": Array [
                        Object {
                          "component": "tabs",
                          "fields": Array [
                            Object {
                              "component": "tab-item",
                              "fields": Array [
                                Object {
                                  "component": "validate-host-credentials",
                                  "fields": Array [
                                    Object {
                                      "component": "text-field",
                                      "id": "authentications.default.userid",
                                      "isRequired": true,
                                      "label": "Username",
                                      "name": "authentications.default.userid",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                    Object {
                                      "component": "password-field",
                                      "id": "authentications.default.password",
                                      "isRequired": true,
                                      "label": "Password",
                                      "name": "authentications.default.password",
                                      "type": "password",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                  ],
                                  "id": "endpoints.default.valid",
                                  "isRequired": true,
                                  "name": "endpoints.default.valid",
                                  "skipSubmit": true,
                                },
                              ],
                              "id": "default-tab",
                              "name": "default-tab",
                              "title": "Default",
                            },
                            Object {
                              "component": "tab-item",
                              "fields": Array [
                                Object {
                                  "component": "validate-host-credentials",
                                  "fields": Array [
                                    Object {
                                      "component": "text-field",
                                      "id": "authentications.remote.userid",
                                      "isRequired": true,
                                      "label": "Username",
                                      "name": "authentications.remote.userid",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                    Object {
                                      "component": "password-field",
                                      "helperText": "Required if SSH login is disabled for the Default account.",
                                      "id": "authentications.remote.password",
                                      "isRequired": true,
                                      "label": "Password",
                                      "name": "authentications.remote.password",
                                      "type": "password",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                  ],
                                  "id": "endpoints.remote.valid",
                                  "isRequired": true,
                                  "name": "endpoints.remote.valid",
                                  "skipSubmit": true,
                                },
                              ],
                              "id": "remote-tab",
                              "name": "remote-tab",
                              "title": "Remote Login",
                            },
                            Object {
                              "component": "tab-item",
                              "fields": Array [
                                Object {
                                  "component": "validate-host-credentials",
                                  "fields": Array [
                                    Object {
                                      "component": "text-field",
                                      "id": "authentications.ws.userid",
                                      "isRequired": true,
                                      "label": "Username",
                                      "name": "authentications.ws.userid",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                    Object {
                                      "component": "password-field",
                                      "helperText": "Used for access to Web Services.",
                                      "id": "authentications.ws.password",
                                      "isRequired": true,
                                      "label": "Password",
                                      "name": "authentications.ws.password",
                                      "type": "password",
                                      "validate": Array [
                                        Object {
                                          "type": "required",
                                        },
                                      ],
                                    },
                                  ],
                                  "id": "endpoints.ws.valid",
                                  "isRequired": true,
                                  "name": "endpoints.ws.valid",
                                  "skipSubmit": true,
                                },
                              ],
                              "id": "ws-tab",
                              "name": "ws-tab",
                              "title": "Web Service",
                            },
                          ],
                          "name": "tabs",
                        },
                      ],
                      "id": "endpoints-subform",
                      "name": "endpoints-subform",
                      "title": "Endpoints",
                    },
                    Object {
                      "component": "spy-field",
                      "initialize": undefined,
                      "name": "spy-field",
                    },
                  ],
                }
              }
            >
              <WrappedFormTemplate
                canReset={true}
                cancelLabel="Cancel"
                disableSubmit={
                  Array [
                    "pristine",
                    "invalid",
                  ]
                }
                formFields={
                  Array [
                    <SingleField
                      component="text-field"
                      id="name"
                      isDisabled={true}
                      label="Name:"
                      name="name"
                    />,
                    <SingleField
                      component="text-field"
                      id="hostname"
                      isDisabled={true}
                      label="Hostname (or IPv4 or IPv6 address:"
                      name="hostname"
                    />,
                    <SingleField
                      component="text-field"
                      id="custom_identifier"
                      isDisabled={true}
                      label="Custom Identifier:"
                      name="custom_identifier"
                    />,
                    <SingleField
                      component="sub-form"
                      fields={
                        Array [
                          Object {
                            "component": "tabs",
                            "fields": Array [
                              Object {
                                "component": "tab-item",
                                "fields": Array [
                                  Object {
                                    "component": "validate-host-credentials",
                                    "fields": Array [
                                      Object {
                                        "component": "text-field",
                                        "id": "authentications.default.userid",
                                        "isRequired": true,
                                        "label": "Username",
                                        "name": "authentications.default.userid",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                      Object {
                                        "component": "password-field",
                                        "id": "authentications.default.password",
                                        "isRequired": true,
                                        "label": "Password",
                                        "name": "authentications.default.password",
                                        "type": "password",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                    ],
                                    "id": "endpoints.default.valid",
                                    "isRequired": true,
                                    "name": "endpoints.default.valid",
                                    "skipSubmit": true,
                                  },
                                ],
                                "id": "default-tab",
                                "name": "default-tab",
                                "title": "Default",
                              },
                              Object {
                                "component": "tab-item",
                                "fields": Array [
                                  Object {
                                    "component": "validate-host-credentials",
                                    "fields": Array [
                                      Object {
                                        "component": "text-field",
                                        "id": "authentications.remote.userid",
                                        "isRequired": true,
                                        "label": "Username",
                                        "name": "authentications.remote.userid",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                      Object {
                                        "component": "password-field",
                                        "helperText": "Required if SSH login is disabled for the Default account.",
                                        "id": "authentications.remote.password",
                                        "isRequired": true,
                                        "label": "Password",
                                        "name": "authentications.remote.password",
                                        "type": "password",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                    ],
                                    "id": "endpoints.remote.valid",
                                    "isRequired": true,
                                    "name": "endpoints.remote.valid",
                                    "skipSubmit": true,
                                  },
                                ],
                                "id": "remote-tab",
                                "name": "remote-tab",
                                "title": "Remote Login",
                              },
                              Object {
                                "component": "tab-item",
                                "fields": Array [
                                  Object {
                                    "component": "validate-host-credentials",
                                    "fields": Array [
                                      Object {
                                        "component": "text-field",
                                        "id": "authentications.ws.userid",
                                        "isRequired": true,
                                        "label": "Username",
                                        "name": "authentications.ws.userid",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                      Object {
                                        "component": "password-field",
                                        "helperText": "Used for access to Web Services.",
                                        "id": "authentications.ws.password",
                                        "isRequired": true,
                                        "label": "Password",
                                        "name": "authentications.ws.password",
                                        "type": "password",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                    ],
                                    "id": "endpoints.ws.valid",
                                    "isRequired": true,
                                    "name": "endpoints.ws.valid",
                                    "skipSubmit": true,
                                  },
                                ],
                                "id": "ws-tab",
                                "name": "ws-tab",
                                "title": "Web Service",
                              },
                            ],
                            "name": "tabs",
                          },
                        ]
                      }
                      id="endpoints-subform"
                      name="endpoints-subform"
                      title="Endpoints"
                    />,
                    <SingleField
                      component="spy-field"
                      name="spy-field"
                    />,
                  ]
                }
                formWrapperProps={
                  Object {
                    "className": "form-react",
                  }
                }
                resetLabel="Reset"
                schema={
                  Object {
                    "fields": Array [
                      Object {
                        "component": "text-field",
                        "id": "name",
                        "isDisabled": true,
                        "label": "Name:",
                        "name": "name",
                      },
                      Object {
                        "component": "text-field",
                        "id": "hostname",
                        "isDisabled": true,
                        "label": "Hostname (or IPv4 or IPv6 address:",
                        "name": "hostname",
                      },
                      Object {
                        "component": "text-field",
                        "id": "custom_identifier",
                        "isDisabled": true,
                        "label": "Custom Identifier:",
                        "name": "custom_identifier",
                      },
                      Object {
                        "component": "sub-form",
                        "fields": Array [
                          Object {
                            "component": "tabs",
                            "fields": Array [
                              Object {
                                "component": "tab-item",
                                "fields": Array [
                                  Object {
                                    "component": "validate-host-credentials",
                                    "fields": Array [
                                      Object {
                                        "component": "text-field",
                                        "id": "authentications.default.userid",
                                        "isRequired": true,
                                        "label": "Username",
                                        "name": "authentications.default.userid",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                      Object {
                                        "component": "password-field",
                                        "id": "authentications.default.password",
                                        "isRequired": true,
                                        "label": "Password",
                                        "name": "authentications.default.password",
                                        "type": "password",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                    ],
                                    "id": "endpoints.default.valid",
                                    "isRequired": true,
                                    "name": "endpoints.default.valid",
                                    "skipSubmit": true,
                                  },
                                ],
                                "id": "default-tab",
                                "name": "default-tab",
                                "title": "Default",
                              },
                              Object {
                                "component": "tab-item",
                                "fields": Array [
                                  Object {
                                    "component": "validate-host-credentials",
                                    "fields": Array [
                                      Object {
                                        "component": "text-field",
                                        "id": "authentications.remote.userid",
                                        "isRequired": true,
                                        "label": "Username",
                                        "name": "authentications.remote.userid",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                      Object {
                                        "component": "password-field",
                                        "helperText": "Required if SSH login is disabled for the Default account.",
                                        "id": "authentications.remote.password",
                                        "isRequired": true,
                                        "label": "Password",
                                        "name": "authentications.remote.password",
                                        "type": "password",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                    ],
                                    "id": "endpoints.remote.valid",
                                    "isRequired": true,
                                    "name": "endpoints.remote.valid",
                                    "skipSubmit": true,
                                  },
                                ],
                                "id": "remote-tab",
                                "name": "remote-tab",
                                "title": "Remote Login",
                              },
                              Object {
                                "component": "tab-item",
                                "fields": Array [
                                  Object {
                                    "component": "validate-host-credentials",
                                    "fields": Array [
                                      Object {
                                        "component": "text-field",
                                        "id": "authentications.ws.userid",
                                        "isRequired": true,
                                        "label": "Username",
                                        "name": "authentications.ws.userid",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                      Object {
                                        "component": "password-field",
                                        "helperText": "Used for access to Web Services.",
                                        "id": "authentications.ws.password",
                                        "isRequired": true,
                                        "label": "Password",
                                        "name": "authentications.ws.password",
                                        "type": "password",
                                        "validate": Array [
                                          Object {
                                            "type": "required",
                                          },
                                        ],
                                      },
                                    ],
                                    "id": "endpoints.ws.valid",
                                    "isRequired": true,
                                    "name": "endpoints.ws.valid",
                                    "skipSubmit": true,
                                  },
                                ],
                                "id": "ws-tab",
                                "name": "ws-tab",
                                "title": "Web Service",
                              },
                            ],
                            "name": "tabs",
                          },
                        ],
                        "id": "endpoints-subform",
                        "name": "endpoints-subform",
                        "title": "Endpoints",
                      },
                      Object {
                        "component": "spy-field",
                        "initialize": undefined,
                        "name": "spy-field",
                      },
                    ],
                  }
                }
                showFormControls={true}
                submitLabel="Save"
              >
                <FormTemplate
                  Button={[Function]}
                  ButtonGroup={[Function]}
                  Description={[Function]}
                  FormWrapper={[Function]}
                  Header={[Function]}
                  Title={[Function]}
                  buttonOrder={
                    Array [
                      "submit",
                      "reset",
                      "cancel",
                    ]
                  }
                  canReset={true}
                  cancelLabel="Cancel"
                  disableSubmit={
                    Array [
                      "pristine",
                      "invalid",
                    ]
                  }
                  formFields={
                    Array [
                      <SingleField
                        component="text-field"
                        id="name"
                        isDisabled={true}
                        label="Name:"
                        name="name"
                      />,
                      <SingleField
                        component="text-field"
                        id="hostname"
                        isDisabled={true}
                        label="Hostname (or IPv4 or IPv6 address:"
                        name="hostname"
                      />,
                      <SingleField
                        component="text-field"
                        id="custom_identifier"
                        isDisabled={true}
                        label="Custom Identifier:"
                        name="custom_identifier"
                      />,
                      <SingleField
                        component="sub-form"
                        fields={
                          Array [
                            Object {
                              "component": "tabs",
                              "fields": Array [
                                Object {
                                  "component": "tab-item",
                                  "fields": Array [
                                    Object {
                                      "component": "validate-host-credentials",
                                      "fields": Array [
                                        Object {
                                          "component": "text-field",
                                          "id": "authentications.default.userid",
                                          "isRequired": true,
                                          "label": "Username",
                                          "name": "authentications.default.userid",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                        Object {
                                          "component": "password-field",
                                          "id": "authentications.default.password",
                                          "isRequired": true,
                                          "label": "Password",
                                          "name": "authentications.default.password",
                                          "type": "password",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                      ],
                                      "id": "endpoints.default.valid",
                                      "isRequired": true,
                                      "name": "endpoints.default.valid",
                                      "skipSubmit": true,
                                    },
                                  ],
                                  "id": "default-tab",
                                  "name": "default-tab",
                                  "title": "Default",
                                },
                                Object {
                                  "component": "tab-item",
                                  "fields": Array [
                                    Object {
                                      "component": "validate-host-credentials",
                                      "fields": Array [
                                        Object {
                                          "component": "text-field",
                                          "id": "authentications.remote.userid",
                                          "isRequired": true,
                                          "label": "Username",
                                          "name": "authentications.remote.userid",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                        Object {
                                          "component": "password-field",
                                          "helperText": "Required if SSH login is disabled for the Default account.",
                                          "id": "authentications.remote.password",
                                          "isRequired": true,
                                          "label": "Password",
                                          "name": "authentications.remote.password",
                                          "type": "password",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                      ],
                                      "id": "endpoints.remote.valid",
                                      "isRequired": true,
                                      "name": "endpoints.remote.valid",
                                      "skipSubmit": true,
                                    },
                                  ],
                                  "id": "remote-tab",
                                  "name": "remote-tab",
                                  "title": "Remote Login",
                                },
                                Object {
                                  "component": "tab-item",
                                  "fields": Array [
                                    Object {
                                      "component": "validate-host-credentials",
                                      "fields": Array [
                                        Object {
                                          "component": "text-field",
                                          "id": "authentications.ws.userid",
                                          "isRequired": true,
                                          "label": "Username",
                                          "name": "authentications.ws.userid",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                        Object {
                                          "component": "password-field",
                                          "helperText": "Used for access to Web Services.",
                                          "id": "authentications.ws.password",
                                          "isRequired": true,
                                          "label": "Password",
                                          "name": "authentications.ws.password",
                                          "type": "password",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                      ],
                                      "id": "endpoints.ws.valid",
                                      "isRequired": true,
                                      "name": "endpoints.ws.valid",
                                      "skipSubmit": true,
                                    },
                                  ],
                                  "id": "ws-tab",
                                  "name": "ws-tab",
                                  "title": "Web Service",
                                },
                              ],
                              "name": "tabs",
                            },
                          ]
                        }
                        id="endpoints-subform"
                        name="endpoints-subform"
                        title="Endpoints"
                      />,
                      <SingleField
                        component="spy-field"
                        name="spy-field"
                      />,
                    ]
                  }
                  formWrapperProps={
                    Object {
                      "className": "form-react",
                    }
                  }
                  resetLabel="Reset"
                  schema={
                    Object {
                      "fields": Array [
                        Object {
                          "component": "text-field",
                          "id": "name",
                          "isDisabled": true,
                          "label": "Name:",
                          "name": "name",
                        },
                        Object {
                          "component": "text-field",
                          "id": "hostname",
                          "isDisabled": true,
                          "label": "Hostname (or IPv4 or IPv6 address:",
                          "name": "hostname",
                        },
                        Object {
                          "component": "text-field",
                          "id": "custom_identifier",
                          "isDisabled": true,
                          "label": "Custom Identifier:",
                          "name": "custom_identifier",
                        },
                        Object {
                          "component": "sub-form",
                          "fields": Array [
                            Object {
                              "component": "tabs",
                              "fields": Array [
                                Object {
                                  "component": "tab-item",
                                  "fields": Array [
                                    Object {
                                      "component": "validate-host-credentials",
                                      "fields": Array [
                                        Object {
                                          "component": "text-field",
                                          "id": "authentications.default.userid",
                                          "isRequired": true,
                                          "label": "Username",
                                          "name": "authentications.default.userid",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                        Object {
                                          "component": "password-field",
                                          "id": "authentications.default.password",
                                          "isRequired": true,
                                          "label": "Password",
                                          "name": "authentications.default.password",
                                          "type": "password",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                      ],
                                      "id": "endpoints.default.valid",
                                      "isRequired": true,
                                      "name": "endpoints.default.valid",
                                      "skipSubmit": true,
                                    },
                                  ],
                                  "id": "default-tab",
                                  "name": "default-tab",
                                  "title": "Default",
                                },
                                Object {
                                  "component": "tab-item",
                                  "fields": Array [
                                    Object {
                                      "component": "validate-host-credentials",
                                      "fields": Array [
                                        Object {
                                          "component": "text-field",
                                          "id": "authentications.remote.userid",
                                          "isRequired": true,
                                          "label": "Username",
                                          "name": "authentications.remote.userid",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                        Object {
                                          "component": "password-field",
                                          "helperText": "Required if SSH login is disabled for the Default account.",
                                          "id": "authentications.remote.password",
                                          "isRequired": true,
                                          "label": "Password",
                                          "name": "authentications.remote.password",
                                          "type": "password",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                      ],
                                      "id": "endpoints.remote.valid",
                                      "isRequired": true,
                                      "name": "endpoints.remote.valid",
                                      "skipSubmit": true,
                                    },
                                  ],
                                  "id": "remote-tab",
                                  "name": "remote-tab",
                                  "title": "Remote Login",
                                },
                                Object {
                                  "component": "tab-item",
                                  "fields": Array [
                                    Object {
                                      "component": "validate-host-credentials",
                                      "fields": Array [
                                        Object {
                                          "component": "text-field",
                                          "id": "authentications.ws.userid",
                                          "isRequired": true,
                                          "label": "Username",
                                          "name": "authentications.ws.userid",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                        Object {
                                          "component": "password-field",
                                          "helperText": "Used for access to Web Services.",
                                          "id": "authentications.ws.password",
                                          "isRequired": true,
                                          "label": "Password",
                                          "name": "authentications.ws.password",
                                          "type": "password",
                                          "validate": Array [
                                            Object {
                                              "type": "required",
                                            },
                                          ],
                                        },
                                      ],
                                      "id": "endpoints.ws.valid",
                                      "isRequired": true,
                                      "name": "endpoints.ws.valid",
                                      "skipSubmit": true,
                                    },
                                  ],
                                  "id": "ws-tab",
                                  "name": "ws-tab",
                                  "title": "Web Service",
                                },
                              ],
                              "name": "tabs",
                            },
                          ],
                          "id": "endpoints-subform",
                          "name": "endpoints-subform",
                          "title": "Endpoints",
                        },
                        Object {
                          "component": "spy-field",
                          "initialize": undefined,
                          "name": "spy-field",
                        },
                      ],
                    }
                  }
                  showFormControls={true}
                  submitLabel="Save"
                >
                  <Form
                    className="form-react"
                    onSubmit={[Function]}
                  >
                    <Form
                      className="form-0-2-3 form-react"
                      noValidate={true}
                      onSubmit={[Function]}
                    >
                      <form
                        className="bx--form form-0-2-3 form-react"
                        noValidate={true}
                        onSubmit={[Function]}
                      >
                         
                        <SingleField
                          component="text-field"
                          id="name"
                          isDisabled={true}
                          key="name"
                          label="Name:"
                          name="name"
                        >
                          <FormConditionWrapper
                            field={
                              Object {
                                "component": "text-field",
                                "id": "name",
                                "isDisabled": true,
                                "label": "Name:",
                                "name": "name",
                              }
                            }
                          >
                            <FormFieldHideWrapper
                              hideField={false}
                            >
                              <TextField
                                component="text-field"
                                id="name"
                                isDisabled={true}
                                label="Name:"
                                name="name"
                              >
                                <TextInput
                                  disabled={true}
                                  id="name"
                                  invalid={false}
                                  invalidText=""
                                  key="name"
                                  labelText="Name:"
                                  name="name"
                                  onBlur={[Function]}
                                  onChange={[Function]}
                                  onFocus={[Function]}
                                  value="10.197.65.254"
                                  warn={false}
                                  warnText=""
                                >
                                  <div
                                    className="bx--form-item bx--text-input-wrapper"
                                  >
                                    <label
                                      className="bx--label bx--label--disabled"
                                      htmlFor="name"
                                    >
                                      Name:
                                    </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={true}
                                          id="name"
                                          name="name"
                                          onBlur={[Function]}
                                          onChange={[Function]}
                                          onClick={[Function]}
                                          onFocus={[Function]}
                                          type="text"
                                          value="10.197.65.254"
                                        />
                                      </div>
                                    </div>
                                  </div>
                                </TextInput>
                              </TextField>
                            </FormFieldHideWrapper>
                          </FormConditionWrapper>
                        </SingleField>
                        <SingleField
                          component="text-field"
                          id="hostname"
                          isDisabled={true}
                          key="hostname"
                          label="Hostname (or IPv4 or IPv6 address:"
                          name="hostname"
                        >
                          <FormConditionWrapper
                            field={
                              Object {
                                "component": "text-field",
                                "id": "hostname",
                                "isDisabled": true,
                                "label": "Hostname (or IPv4 or IPv6 address:",
                                "name": "hostname",
                              }
                            }
                          >
                            <FormFieldHideWrapper
                              hideField={false}
                            >
                              <TextField
                                component="text-field"
                                id="hostname"
                                isDisabled={true}
                                label="Hostname (or IPv4 or IPv6 address:"
                                name="hostname"
                              >
                                <TextInput
                                  disabled={true}
                                  id="hostname"
                                  invalid={false}
                                  invalidText=""
                                  key="hostname"
                                  labelText="Hostname (or IPv4 or IPv6 address:"
                                  name="hostname"
                                  onBlur={[Function]}
                                  onChange={[Function]}
                                  onFocus={[Function]}
                                  value=""
                                  warn={false}
                                  warnText=""
                                >
                                  <div
                                    className="bx--form-item bx--text-input-wrapper"
                                  >
                                    <label
                                      className="bx--label bx--label--disabled"
                                      htmlFor="hostname"
                                    >
                                      Hostname (or IPv4 or IPv6 address:
                                    </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={true}
                                          id="hostname"
                                          name="hostname"
                                          onBlur={[Function]}
                                          onChange={[Function]}
                                          onClick={[Function]}
                                          onFocus={[Function]}
                                          type="text"
                                          value=""
                                        />
                                      </div>
                                    </div>
                                  </div>
                                </TextInput>
                              </TextField>
                            </FormFieldHideWrapper>
                          </FormConditionWrapper>
                        </SingleField>
                        <SingleField
                          component="text-field"
                          id="custom_identifier"
                          isDisabled={true}
                          key="custom_identifier"
                          label="Custom Identifier:"
                          name="custom_identifier"
                        >
                          <FormConditionWrapper
                            field={
                              Object {
                                "component": "text-field",
                                "id": "custom_identifier",
                                "isDisabled": true,
                                "label": "Custom Identifier:",
                                "name": "custom_identifier",
                              }
                            }
                          >
                            <FormFieldHideWrapper
                              hideField={false}
                            >
                              <TextField
                                component="text-field"
                                id="custom_identifier"
                                isDisabled={true}
                                label="Custom Identifier:"
                                name="custom_identifier"
                              >
                                <TextInput
                                  disabled={true}
                                  id="custom_identifier"
                                  invalid={false}
                                  invalidText=""
                                  key="custom_identifier"
                                  labelText="Custom Identifier:"
                                  name="custom_identifier"
                                  onBlur={[Function]}
                                  onChange={[Function]}
                                  onFocus={[Function]}
                                  value=""
                                  warn={false}
                                  warnText=""
                                >
                                  <div
                                    className="bx--form-item bx--text-input-wrapper"
                                  >
                                    <label
                                      className="bx--label bx--label--disabled"
                                      htmlFor="custom_identifier"
                                    >
                                      Custom Identifier:
                                    </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={true}
                                          id="custom_identifier"
                                          name="custom_identifier"
                                          onBlur={[Function]}
                                          onChange={[Function]}
                                          onClick={[Function]}
                                          onFocus={[Function]}
                                          type="text"
                                          value=""
                                        />
                                      </div>
                                    </div>
                                  </div>
                                </TextInput>
                              </TextField>
                            </FormFieldHideWrapper>
                          </FormConditionWrapper>
                        </SingleField>
                        <SingleField
                          component="sub-form"
                          fields={
                            Array [
                              Object {
                                "component": "tabs",
                                "fields": Array [
                                  Object {
                                    "component": "tab-item",
                                    "fields": Array [
                                      Object {
                                        "component": "validate-host-credentials",
                                        "fields": Array [
                                          Object {
                                            "component": "text-field",
                                            "id": "authentications.default.userid",
                                            "isRequired": true,
                                            "label": "Username",
                                            "name": "authentications.default.userid",
                                            "validate": Array [
                                              Object {
                                                "type": "required",
                                              },
                                            ],
                                          },
                                          Object {
                                            "component": "password-field",
                                            "id": "authentications.default.password",
                                            "isRequired": true,
                                            "label": "Password",
                                            "name": "authentications.default.password",
                                            "type": "password",
                                            "validate": Array [
                                              Object {
                                                "type": "required",
                                              },
                                            ],
                                          },
                                        ],
                                        "id": "endpoints.default.valid",
                                        "isRequired": true,
                                        "name": "endpoints.default.valid",
                                        "skipSubmit": true,
                                      },
                                    ],
                                    "id": "default-tab",
                                    "name": "default-tab",
                                    "title": "Default",
                                  },
                                  Object {
                                    "component": "tab-item",
                                    "fields": Array [
                                      Object {
                                        "component": "validate-host-credentials",
                                        "fields": Array [
                                          Object {
                                            "component": "text-field",
                                            "id": "authentications.remote.userid",
                                            "isRequired": true,
                                            "label": "Username",
                                            "name": "authentications.remote.userid",
                                            "validate": Array [
                                              Object {
                                                "type": "required",
                                              },
                                            ],
                                          },
                                          Object {
                                            "component": "password-field",
                                            "helperText": "Required if SSH login is disabled for the Default account.",
                                            "id": "authentications.remote.password",
                                            "isRequired": true,
                                            "label": "Password",
                                            "name": "authentications.remote.password",
                                            "type": "password",
                                            "validate": Array [
                                              Object {
                                                "type": "required",
                                              },
                                            ],
                                          },
                                        ],
                                        "id": "endpoints.remote.valid",
                                        "isRequired": true,
                                        "name": "endpoints.remote.valid",
                                        "skipSubmit": true,
                                      },
                                    ],
                                    "id": "remote-tab",
                                    "name": "remote-tab",
                                    "title": "Remote Login",
                                  },
                                  Object {
                                    "component": "tab-item",
                                    "fields": Array [
                                      Object {
                                        "component": "validate-host-credentials",
                                        "fields": Array [
                                          Object {
                                            "component": "text-field",
                                            "id": "authentications.ws.userid",
                                            "isRequired": true,
                                            "label": "Username",
                                            "name": "authentications.ws.userid",
                                            "validate": Array [
                                              Object {
                                                "type": "required",
                                              },
                                            ],
                                          },
                                          Object {
                                            "component": "password-field",
                                            "helperText": "Used for access to Web Services.",
                                            "id": "authentications.ws.password",
                                            "isRequired": true,
                                            "label": "Password",
                                            "name": "authentications.ws.password",
                                            "type": "password",
                                            "validate": Array [
                                              Object {
                                                "type": "required",
                                              },
                                            ],
                                          },
                                        ],
                                        "id": "endpoints.ws.valid",
                                        "isRequired": true,
                                        "name": "endpoints.ws.valid",
                                        "skipSubmit": true,
                                      },
                                    ],
                                    "id": "ws-tab",
                                    "name": "ws-tab",
                                    "title": "Web Service",
                                  },
                                ],
                                "name": "tabs",
                              },
                            ]
                          }
                          id="endpoints-subform"
                          key="endpoints-subform"
                          name="endpoints-subform"
                          title="Endpoints"
                        >
                          <FormConditionWrapper
                            field={
                              Object {
                                "component": "sub-form",
                                "fields": Array [
                                  Object {
                                    "component": "tabs",
                                    "fields": Array [
                                      Object {
                                        "component": "tab-item",
                                        "fields": Array [
                                          Object {
                                            "component": "validate-host-credentials",
                                            "fields": Array [
                                              Object {
                                                "component": "text-field",
                                                "id": "authentications.default.userid",
                                                "isRequired": true,
                                                "label": "Username",
                                                "name": "authentications.default.userid",
                                                "validate": Array [
                                                  Object {
                                                    "type": "required",
                                                  },
                                                ],
                                              },
                                              Object {
                                                "component": "password-field",
                                                "id": "authentications.default.password",
                                                "isRequired": true,
                                                "label": "Password",
                                                "name": "authentications.default.password",
                                                "type": "password",
                                                "validate": Array [
                                                  Object {
                                                    "type": "required",
                                                  },
                                                ],
                                              },
                                            ],
                                            "id": "endpoints.default.valid",
                                            "isRequired": true,
                                            "name": "endpoints.default.valid",
                                            "skipSubmit": true,
                                          },
                                        ],
                                        "id": "default-tab",
                                        "name": "default-tab",
                                        "title": "Default",
                                      },
                                      Object {
                                        "component": "tab-item",
                                        "fields": Array [
                                          Object {
                                            "component": "validate-host-credentials",
                                            "fields": Array [
                                              Object {
                                                "component": "text-field",
                                                "id": "authentications.remote.userid",
                                                "isRequired": true,
                                                "label": "Username",
                                                "name": "authentications.remote.userid",
                                                "validate": Array [
                                                  Object {
                                                    "type": "required",
                                                  },
                                                ],
                                              },
                                              Object {
                                                "component": "password-field",
                                                "helperText": "Required if SSH login is disabled for the Default account.",
                                                "id": "authentications.remote.password",
                                                "isRequired": true,
                                                "label": "Password",
                                                "name": "authentications.remote.password",
                                                "type": "password",
                                                "validate": Array [
                                                  Object {
                                                    "type": "required",
                                                  },
                                                ],
                                              },
                                            ],
                                            "id": "endpoints.remote.valid",
                                            "isRequired": true,
                                            "name": "endpoints.remote.valid",
                                            "skipSubmit": true,
                                          },
                                        ],
                                        "id": "remote-tab",
                                        "name": "remote-tab",
                                        "title": "Remote Login",
                                      },
                                      Object {
                                        "component": "tab-item",
                                        "fields": Array [
                                          Object {
                                            "component": "validate-host-credentials",
                                            "fields": Array [
                                              Object {
                                                "component": "text-field",
                                                "id": "authentications.ws.userid",
                                                "isRequired": true,
                                                "label": "Username",
                                                "name": "authentications.ws.userid",
                                                "validate": Array [
                                                  Object {
                                                    "type": "required",
                                                  },
                                                ],
                                              },
                                              Object {
                                                "component": "password-field",
                                                "helperText": "Used for access to Web Services.",
                                                "id": "authentications.ws.password",
                                                "isRequired": true,
                                                "label": "Password",
                                                "name": "authentications.ws.password",
                                                "type": "password",
                                                "validate": Array [
                                                  Object {
                                                    "type": "required",
                                                  },
                                                ],
                                              },
                                            ],
                                            "id": "endpoints.ws.valid",
                                            "isRequired": true,
                                            "name": "endpoints.ws.valid",
                                            "skipSubmit": true,
                                          },
                                        ],
                                        "id": "ws-tab",
                                        "name": "ws-tab",
                                        "title": "Web Service",
                                      },
                                    ],
                                    "name": "tabs",
                                  },
                                ],
                                "id": "endpoints-subform",
                                "name": "endpoints-subform",
                                "title": "Endpoints",
                              }
                            }
                          >
                            <FormFieldHideWrapper
                              hideField={false}
                            >
                              <SubForm
                                DescriptionElement="p"
                                TitleElement="h3"
                                component="sub-form"
                                fields={
                                  Array [
                                    Object {
                                      "component": "tabs",
                                      "fields": Array [
                                        Object {
                                          "component": "tab-item",
                                          "fields": Array [
                                            Object {
                                              "component": "validate-host-credentials",
                                              "fields": Array [
                                                Object {
                                                  "component": "text-field",
                                                  "id": "authentications.default.userid",
                                                  "isRequired": true,
                                                  "label": "Username",
                                                  "name": "authentications.default.userid",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                                Object {
                                                  "component": "password-field",
                                                  "id": "authentications.default.password",
                                                  "isRequired": true,
                                                  "label": "Password",
                                                  "name": "authentications.default.password",
                                                  "type": "password",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                              ],
                                              "id": "endpoints.default.valid",
                                              "isRequired": true,
                                              "name": "endpoints.default.valid",
                                              "skipSubmit": true,
                                            },
                                          ],
                                          "id": "default-tab",
                                          "name": "default-tab",
                                          "title": "Default",
                                        },
                                        Object {
                                          "component": "tab-item",
                                          "fields": Array [
                                            Object {
                                              "component": "validate-host-credentials",
                                              "fields": Array [
                                                Object {
                                                  "component": "text-field",
                                                  "id": "authentications.remote.userid",
                                                  "isRequired": true,
                                                  "label": "Username",
                                                  "name": "authentications.remote.userid",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                                Object {
                                                  "component": "password-field",
                                                  "helperText": "Required if SSH login is disabled for the Default account.",
                                                  "id": "authentications.remote.password",
                                                  "isRequired": true,
                                                  "label": "Password",
                                                  "name": "authentications.remote.password",
                                                  "type": "password",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                              ],
                                              "id": "endpoints.remote.valid",
                                              "isRequired": true,
                                              "name": "endpoints.remote.valid",
                                              "skipSubmit": true,
                                            },
                                          ],
                                          "id": "remote-tab",
                                          "name": "remote-tab",
                                          "title": "Remote Login",
                                        },
                                        Object {
                                          "component": "tab-item",
                                          "fields": Array [
                                            Object {
                                              "component": "validate-host-credentials",
                                              "fields": Array [
                                                Object {
                                                  "component": "text-field",
                                                  "id": "authentications.ws.userid",
                                                  "isRequired": true,
                                                  "label": "Username",
                                                  "name": "authentications.ws.userid",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                                Object {
                                                  "component": "password-field",
                                                  "helperText": "Used for access to Web Services.",
                                                  "id": "authentications.ws.password",
                                                  "isRequired": true,
                                                  "label": "Password",
                                                  "name": "authentications.ws.password",
                                                  "type": "password",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                              ],
                                              "id": "endpoints.ws.valid",
                                              "isRequired": true,
                                              "name": "endpoints.ws.valid",
                                              "skipSubmit": true,
                                            },
                                          ],
                                          "id": "ws-tab",
                                          "name": "ws-tab",
                                          "title": "Web Service",
                                        },
                                      ],
                                      "name": "tabs",
                                    },
                                  ]
                                }
                                id="endpoints-subform"
                                name="endpoints-subform"
                                title="Endpoints"
                              >
                                <div
                                  className=""
                                  id="endpoints-subform"
                                  name="endpoints-subform"
                                >
                                  <div>
                                    <h3>
                                      Endpoints
                                    </h3>
                                  </div>
                                  <SingleField
                                    component="tabs"
                                    fields={
                                      Array [
                                        Object {
                                          "component": "tab-item",
                                          "fields": Array [
                                            Object {
                                              "component": "validate-host-credentials",
                                              "fields": Array [
                                                Object {
                                                  "component": "text-field",
                                                  "id": "authentications.default.userid",
                                                  "isRequired": true,
                                                  "label": "Username",
                                                  "name": "authentications.default.userid",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                                Object {
                                                  "component": "password-field",
                                                  "id": "authentications.default.password",
                                                  "isRequired": true,
                                                  "label": "Password",
                                                  "name": "authentications.default.password",
                                                  "type": "password",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                              ],
                                              "id": "endpoints.default.valid",
                                              "isRequired": true,
                                              "name": "endpoints.default.valid",
                                              "skipSubmit": true,
                                            },
                                          ],
                                          "id": "default-tab",
                                          "name": "default-tab",
                                          "title": "Default",
                                        },
                                        Object {
                                          "component": "tab-item",
                                          "fields": Array [
                                            Object {
                                              "component": "validate-host-credentials",
                                              "fields": Array [
                                                Object {
                                                  "component": "text-field",
                                                  "id": "authentications.remote.userid",
                                                  "isRequired": true,
                                                  "label": "Username",
                                                  "name": "authentications.remote.userid",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                                Object {
                                                  "component": "password-field",
                                                  "helperText": "Required if SSH login is disabled for the Default account.",
                                                  "id": "authentications.remote.password",
                                                  "isRequired": true,
                                                  "label": "Password",
                                                  "name": "authentications.remote.password",
                                                  "type": "password",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                              ],
                                              "id": "endpoints.remote.valid",
                                              "isRequired": true,
                                              "name": "endpoints.remote.valid",
                                              "skipSubmit": true,
                                            },
                                          ],
                                          "id": "remote-tab",
                                          "name": "remote-tab",
                                          "title": "Remote Login",
                                        },
                                        Object {
                                          "component": "tab-item",
                                          "fields": Array [
                                            Object {
                                              "component": "validate-host-credentials",
                                              "fields": Array [
                                                Object {
                                                  "component": "text-field",
                                                  "id": "authentications.ws.userid",
                                                  "isRequired": true,
                                                  "label": "Username",
                                                  "name": "authentications.ws.userid",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                                Object {
                                                  "component": "password-field",
                                                  "helperText": "Used for access to Web Services.",
                                                  "id": "authentications.ws.password",
                                                  "isRequired": true,
                                                  "label": "Password",
                                                  "name": "authentications.ws.password",
                                                  "type": "password",
                                                  "validate": Array [
                                                    Object {
                                                      "type": "required",
                                                    },
                                                  ],
                                                },
                                              ],
                                              "id": "endpoints.ws.valid",
                                              "isRequired": true,
                                              "name": "endpoints.ws.valid",
                                              "skipSubmit": true,
                                            },
                                          ],
                                          "id": "ws-tab",
                                          "name": "ws-tab",
                                          "title": "Web Service",
                                        },
                                      ]
                                    }
                                    key="tabs"
                                    name="tabs"
                                  >
                                    <FormConditionWrapper
                                      field={
                                        Object {
                                          "component": "tabs",
                                          "fields": Array [
                                            Object {
                                              "component": "tab-item",
                                              "fields": Array [
                                                Object {
                                                  "component": "validate-host-credentials",
                                                  "fields": Array [
                                                    Object {
                                                      "component": "text-field",
                                                      "id": "authentications.default.userid",
                                                      "isRequired": true,
                                                      "label": "Username",
                                                      "name": "authentications.default.userid",
                                                      "validate": Array [
                                                        Object {
                                                          "type": "required",
                                                        },
                                                      ],
                                                    },
                                                    Object {
                                                      "component": "password-field",
                                                      "id": "authentications.default.password",
                                                      "isRequired": true,
                                                      "label": "Password",
                                                      "name": "authentications.default.password",
                                                      "type": "password",
                                                      "validate": Array [
                                                        Object {
                                                          "type": "required",
                                                        },
                                                      ],
                                                    },
                                                  ],
                                                  "id": "endpoints.default.valid",
                                                  "isRequired": true,
                                                  "name": "endpoints.default.valid",
                                                  "skipSubmit": true,
                                                },
                                              ],
                                              "id": "default-tab",
                                              "name": "default-tab",
                                              "title": "Default",
                                            },
                                            Object {
                                              "component": "tab-item",
                                              "fields": Array [
                                                Object {
                                                  "component": "validate-host-credentials",
                                                  "fields": Array [
                                                    Object {
                                                      "component": "text-field",
                                                      "id": "authentications.remote.userid",
                                                      "isRequired": true,
                                                      "label": "Username",
                                                      "name": "authentications.remote.userid",
                                                      "validate": Array [
                                                        Object {
                                                          "type": "required",
                                                        },
                                                      ],
                                                    },
                                                    Object {
                                                      "component": "password-field",
                                                      "helperText": "Required if SSH login is disabled for the Default account.",
                                                      "id": "authentications.remote.password",
                                                      "isRequired": true,
                                                      "label": "Password",
                                                      "name": "authentications.remote.password",
                                                      "type": "password",
                                                      "validate": Array [
                                                        Object {
                                                          "type": "required",
                                                        },
                                                      ],
                                                    },
                                                  ],
                                                  "id": "endpoints.remote.valid",
                                                  "isRequired": true,
                                                  "name": "endpoints.remote.valid",
                                                  "skipSubmit": true,
                                                },
                                              ],
                                              "id": "remote-tab",
                                              "name": "remote-tab",
                                              "title": "Remote Login",
                                            },
                                            Object {
                                              "component": "tab-item",
                                              "fields": Array [
                                                Object {
                                                  "component": "validate-host-credentials",
                                                  "fields": Array [
                                                    Object {
                                                      "component": "text-field",
                                                      "id": "authentications.ws.userid",
                                                      "isRequired": true,
                                                      "label": "Username",
                                                      "name": "authentications.ws.userid",
                                                      "validate": Array [
                                                        Object {
                                                          "type": "required",
                                                        },
                                                      ],
                                                    },
                                                    Object {
                                                      "component": "password-field",
                                                      "helperText": "Used for access to Web Services.",
                                                      "id": "authentications.ws.password",
                                                      "isRequired": true,
                                                      "label": "Password",
                                                      "name": "authentications.ws.password",
                                                      "type": "password",
                                                      "validate": Array [
                                                        Object {
                                                          "type": "required",
                                                        },
                                                      ],
                                                    },
                                                  ],
                                                  "id": "endpoints.ws.valid",
                                                  "isRequired": true,
                                                  "name": "endpoints.ws.valid",
                                                  "skipSubmit": true,
                                                },
                                              ],
                                              "id": "ws-tab",
                                              "name": "ws-tab",
                                              "title": "Web Service",
                                            },
                                          ],
                                          "name": "tabs",
                                        }
                                      }
                                    >
                                      <FormFieldHideWrapper
                                        hideField={false}
                                      >
                                        <Tabs
                                          TabWrapperProps={Object {}}
                                          component="tabs"
                                          fields={
                                            Array [
                                              Object {
                                                "component": "tab-item",
                                                "fields": Array [
                                                  Object {
                                                    "component": "validate-host-credentials",
                                                    "fields": Array [
                                                      Object {
                                                        "component": "text-field",
                                                        "id": "authentications.default.userid",
                                                        "isRequired": true,
                                                        "label": "Username",
                                                        "name": "authentications.default.userid",
                                                        "validate": Array [
                                                          Object {
                                                            "type": "required",
                                                          },
                                                        ],
                                                      },
                                                      Object {
                                                        "component": "password-field",
                                                        "id": "authentications.default.password",
                                                        "isRequired": true,
                                                        "label": "Password",
                                                        "name": "authentications.default.password",
                                                        "type": "password",
                                                        "validate": Array [
                                                          Object {
                                                            "type": "required",
                                                          },
                                                        ],
                                                      },
                                                    ],
                                                    "id": "endpoints.default.valid",
                                                    "isRequired": true,
                                                    "name": "endpoints.default.valid",
                                                    "skipSubmit": true,
                                                  },
                                                ],
                                                "id": "default-tab",
                                                "name": "default-tab",
                                                "title": "Default",
                                              },
                                              Object {
                                                "component": "tab-item",
                                                "fields": Array [
                                                  Object {
                                                    "component": "validate-host-credentials",
                                                    "fields": Array [
                                                      Object {
                                                        "component": "text-field",
                                                        "id": "authentications.remote.userid",
                                                        "isRequired": true,
                                                        "label": "Username",
                                                        "name": "authentications.remote.userid",
                                                        "validate": Array [
                                                          Object {
                                                            "type": "required",
                                                          },
                                                        ],
                                                      },
                                                      Object {
                                                        "component": "password-field",
                                                        "helperText": "Required if SSH login is disabled for the Default account.",
                                                        "id": "authentications.remote.password",
                                                        "isRequired": true,
                                                        "label": "Password",
                                                        "name": "authentications.remote.password",
                                                        "type": "password",
                                                        "validate": Array [
                                                          Object {
                                                            "type": "required",
                                                          },
                                                        ],
                                                      },
                                                    ],
                                                    "id": "endpoints.remote.valid",
                                                    "isRequired": true,
                                                    "name": "endpoints.remote.valid",
                                                    "skipSubmit": true,
                                                  },
                                                ],
                                                "id": "remote-tab",
                                                "name": "remote-tab",
                                                "title": "Remote Login",
                                              },
                                              Object {
                                                "component": "tab-item",
                                                "fields": Array [
                                                  Object {
                                                    "component": "validate-host-credentials",
                                                    "fields": Array [
                                                      Object {
                                                        "component": "text-field",
                                                        "id": "authentications.ws.userid",
                                                        "isRequired": true,
                                                        "label": "Username",
                                                        "name": "authentications.ws.userid",
                                                        "validate": Array [
                                                          Object {
                                                            "type": "required",
                                                          },
                                                        ],
                                                      },
                                                      Object {
                                                        "component": "password-field",
                                                        "helperText": "Used for access to Web Services.",
                                                        "id": "authentications.ws.password",
                                                        "isRequired": true,
                                                        "label": "Password",
                                                        "name": "authentications.ws.password",
                                                        "type": "password",
                                                        "validate": Array [
                                                          Object {
                                                            "type": "required",
                                                          },
                                                        ],
                                                      },
                                                    ],
                                                    "id": "endpoints.ws.valid",
                                                    "isRequired": true,
                                                    "name": "endpoints.ws.valid",
                                                    "skipSubmit": true,
                                                  },
                                                ],
                                                "id": "ws-tab",
                                                "name": "ws-tab",
                                                "title": "Web Service",
                                              },
                                            ]
                                          }
                                          name="tabs"
                                        >
                                          <Tabs
                                            scrollDebounceWait={150}
                                            scrollIntoView={true}
                                            selected={0}
                                            selectionMode="automatic"
                                            type="default"
                                          >
                                            <div
                                              className="bx--tabs--scrollable"
                                              selected={0}
                                            >
                                              <button
                                                aria-hidden="true"
                                                aria-label="Scroll left"
                                                className="bx--tab--overflow-nav-button--hidden"
                                                onClick={[Function]}
                                                onMouseDown={[Function]}
                                                onMouseUp={[Function]}
                                                tabIndex="-1"
                                                type="button"
                                              >
                                                <ForwardRef(ChevronLeft16)>
                                                  <Icon
                                                    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}
                                                      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="M5 8L10 3 10.7 3.7 6.4 8 10.7 12.3 10 13z"
                                                      />
                                                    </svg>
                                                  </Icon>
                                                </ForwardRef(ChevronLeft16)>
                                              </button>
                                              <ul
                                                className="bx--tabs--scrollable__nav"
                                                onScroll={[Function]}
                                                role="tablist"
                                                tabIndex={-1}
                                              >
                                                <Tab
                                                  component="tab-item"
                                                  handleTabClick={[Function]}
                                                  handleTabKeyDown={[Function]}
                                                  id="default-tab"
                                                  index={0}
                                                  key=".$default-tab"
                                                  label="Default"
                                                  onClick={[Function]}
                                                  onKeyDown={[Function]}
                                                  selected={true}
                                                  tabIndex={0}
                                                >
                                                  <li
                                                    className="bx--tabs--scrollable__nav-item bx--tabs__nav-item--selected bx--tabs--scrollable__nav-item--selected"
                                                    component="tab-item"
                                                    onClick={[Function]}
                                                    onKeyDown={[Function]}
                                                    role="presentation"
                                                  >
                                                    <button
                                                      aria-controls="default-tab__panel"
                                                      aria-selected={true}
                                                      className="bx--tabs--scrollable__nav-link"
                                                      href="#"
                                                      id="default-tab"
                                                      role="tab"
                                                      tabIndex={0}
                                                      type="button"
                                                    >
                                                      Default
                                                    </button>
                                                  </li>
                                                </Tab>
                                                <Tab
                                                  component="tab-item"
                                                  handleTabClick={[Function]}
                                                  handleTabKeyDown={[Function]}
                                                  id="remote-tab"
                                                  index={1}
                                                  key=".$remote-tab"
                                                  label="Remote Login"
                                                  onClick={[Function]}
                                                  onKeyDown={[Function]}
                                                  selected={false}
                                                  tabIndex={-1}
                                                >
                                                  <li
                                                    className="bx--tabs--scrollable__nav-item"
                                                    component="tab-item"
                                                    onClick={[Function]}
                                                    onKeyDown={[Function]}
                                                    role="presentation"
                                                  >
                                                    <button
                                                      aria-controls="remote-tab__panel"
                                                      aria-selected={false}
                                                      className="bx--tabs--scrollable__nav-link"
                                                      href="#"
                                                      id="remote-tab"
                                                      role="tab"
                                                      tabIndex={-1}
                                                      type="button"
                                                    >
                                                      Remote Login
                                                    </button>
                                                  </li>
                                                </Tab>
                                                <Tab
                                                  component="tab-item"
                                                  handleTabClick={[Function]}
                                                  handleTabKeyDown={[Function]}
                                                  id="ws-tab"
                                                  index={2}
                                                  key=".$ws-tab"
                                                  label="Web Service"
                                                  onClick={[Function]}
                                                  onKeyDown={[Function]}
                                                  selected={false}
                                                  tabIndex={-1}
                                                >
                                                  <li
                                                    className="bx--tabs--scrollable__nav-item"
                                                    component="tab-item"
                                                    onClick={[Function]}
                                                    onKeyDown={[Function]}
                                                    role="presentation"
                                                  >
                                                    <button
                                                      aria-controls="ws-tab__panel"
                                                      aria-selected={false}
                                                      className="bx--tabs--scrollable__nav-link"
                                                      href="#"
                                                      id="ws-tab"
                                                      role="tab"
                                                      tabIndex={-1}
                                                      type="button"
                                                    >
                                                      Web Service
                                                    </button>
                                                  </li>
                                                </Tab>
                                              </ul>
                                              <button
                                                aria-hidden="true"
                                                aria-label="Scroll right"
                                                className="bx--tab--overflow-nav-button--hidden"
                                                onClick={[Function]}
                                                onMouseDown={[Function]}
                                                onMouseUp={[Function]}
                                                tabIndex="-1"
                                                type="button"
                                              >
                                                <ForwardRef(ChevronRight16)>
                                                  <Icon
                                                    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}
                                                      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="M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z"
                                                      />
                                                    </svg>
                                                  </Icon>
                                                </ForwardRef(ChevronRight16)>
                                              </button>
                                            </div>
                                            <TabContent
                                              aria-labelledby="default-tab"
                                              hidden={false}
                                              id="default-tab__panel"
                                              key=".$.$default-tab"
                                              selected={true}
                                            >
                                              <div
                                                aria-labelledby="default-tab"
                                                className="bx--tab-content"
                                                hidden={false}
                                                id="default-tab__panel"
                                                role="tabpanel"
                                                selected={true}
                                              >
                                                <div
                                                  className="tab-0-2-5"
                                                >
                                                  <SingleField
                                                    component="validate-host-credentials"
                                                    fields={
                                                      Array [
                                                        Object {
                                                          "component": "text-field",
                                                          "id": "authentications.default.userid",
                                                          "isRequired": true,
                                                          "label": "Username",
                                                          "name": "authentications.default.userid",
                                                          "validate": Array [
                                                            Object {
                                                              "type": "required",
                                                            },
                                                          ],
                                                        },
                                                        Object {
                                                          "component": "password-field",
                                                          "id": "authentications.default.password",
                                                          "isRequired": true,
                                                          "label": "Password",
                                                          "name": "authentications.default.password",
                                                          "type": "password",
                                                          "validate": Array [
                                                            Object {
                                                              "type": "required",
                                                            },
                                                          ],
                                                        },
                                                      ]
                                                    }
                                                    id="endpoints.default.valid"
                                                    isRequired={true}
                                                    key="endpoints.default.valid"
                                                    name="endpoints.default.valid"
                                                    skipSubmit={true}
                                                  >
                                                    <FormConditionWrapper
                                                      field={
                                                        Object {
                                                          "component": "validate-host-credentials",
                                                          "fields": Array [
                                                            Object {
                                                              "component": "text-field",
                                                              "id": "authentications.default.userid",
                                                              "isRequired": true,
                                                              "label": "Username",
                                                              "name": "authentications.default.userid",
                                                              "validate": Array [
                                                                Object {
                                                                  "type": "required",
                                                                },
                                                              ],
                                                            },
                                                            Object {
                                                              "component": "password-field",
                                                              "id": "authentications.default.password",
                                                              "isRequired": true,
                                                              "label": "Password",
                                                              "name": "authentications.default.password",
                                                              "type": "password",
                                                              "validate": Array [
                                                                Object {
                                                                  "type": "required",
                                                                },
                                                              ],
                                                            },
                                                          ],
                                                          "id": "endpoints.default.valid",
                                                          "isRequired": true,
                                                          "name": "endpoints.default.valid",
                                                          "skipSubmit": true,
                                                        }
                                                      }
                                                    >
                                                      <FormFieldHideWrapper
                                                        hideField={false}
                                                      >
                                                        <ValidateHostCredentials
                                                          component="validate-host-credentials"
                                                          edit={false}
                                                          fields={
                                                            Array [
                                                              Object {
                                                                "component": "text-field",
                                                                "id": "authentications.default.userid",
                                                                "isRequired": true,
                                                                "label": "Username",
                                                                "name": "authentications.default.userid",
                                                                "validate": Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ],
                                                              },
                                                              Object {
                                                                "component": "password-field",
                                                                "id": "authentications.default.password",
                                                                "isRequired": true,
                                                                "label": "Password",
                                                                "name": "authentications.default.password",
                                                                "type": "password",
                                                                "validate": Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ],
                                                              },
                                                            ]
                                                          }
                                                          id="endpoints.default.valid"
                                                          isRequired={true}
                                                          name="endpoints.default.valid"
                                                          skipSubmit={true}
                                                          validateDefaultError="Validation Required"
                                                          validateLabel="Validate"
                                                          validation={true}
                                                          validationDependencies={Array []}
                                                          validationProgressLabel="Validating"
                                                          validationSuccessLabel="Validation successful"
                                                        >
                                                          <AsyncCredentials
                                                            asyncValidate={[Function]}
                                                            component="validate-host-credentials"
                                                            edit={true}
                                                            fields={
                                                              Array [
                                                                Object {
                                                                  "component": "text-field",
                                                                  "id": "authentications.default.userid",
                                                                  "isRequired": true,
                                                                  "label": "Username",
                                                                  "name": "authentications.default.userid",
                                                                  "validate": Array [
                                                                    Object {
                                                                      "type": "required",
                                                                    },
                                                                  ],
                                                                },
                                                                Object {
                                                                  "component": "password-field",
                                                                  "id": "authentications.default.password",
                                                                  "isRequired": true,
                                                                  "label": "Password",
                                                                  "name": "authentications.default.password",
                                                                  "type": "password",
                                                                  "validate": Array [
                                                                    Object {
                                                                      "type": "required",
                                                                    },
                                                                  ],
                                                                },
                                                              ]
                                                            }
                                                            id="endpoints.default.valid"
                                                            isRequired={true}
                                                            name="endpoints.default.valid"
                                                            skipSubmit={true}
                                                            validateDefaultError="Validation Required"
                                                            validateLabel="Validate"
                                                            validation={true}
                                                            validationDependencies={Array []}
                                                            validationProgressLabel="Validating"
                                                            validationSuccessLabel="Validation successful"
                                                          >
                                                            <SingleField
                                                              component="text-field"
                                                              id="authentications.default.userid"
                                                              isRequired={true}
                                                              key="authentications.default.userid"
                                                              label="Username"
                                                              name="authentications.default.userid"
                                                              validate={
                                                                Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ]
                                                              }
                                                            >
                                                              <FormConditionWrapper
                                                                field={
                                                                  Object {
                                                                    "component": "text-field",
                                                                    "id": "authentications.default.userid",
                                                                    "isDisabled": undefined,
                                                                    "isRequired": true,
                                                                    "label": "Username",
                                                                    "name": "authentications.default.userid",
                                                                    "validate": Array [
                                                                      Object {
                                                                        "type": "required",
                                                                      },
                                                                    ],
                                                                  }
                                                                }
                                                              >
                                                                <FormFieldHideWrapper
                                                                  hideField={false}
                                                                >
                                                                  <TextField
                                                                    component="text-field"
                                                                    id="authentications.default.userid"
                                                                    isRequired={true}
                                                                    label="Username"
                                                                    name="authentications.default.userid"
                                                                    validate={
                                                                      Array [
                                                                        Object {
                                                                          "type": "required",
                                                                        },
                                                                      ]
                                                                    }
                                                                  >
                                                                    <TextInput
                                                                      id="authentications.default.userid"
                                                                      invalid={false}
                                                                      invalidText=""
                                                                      key="authentications.default.userid"
                                                                      labelText={
                                                                        <IsRequired>
                                                                          Username
                                                                        </IsRequired>
                                                                      }
                                                                      name="authentications.default.userid"
                                                                      onBlur={[Function]}
                                                                      onChange={[Function]}
                                                                      onFocus={[Function]}
                                                                      value=""
                                                                      warn={false}
                                                                      warnText=""
                                                                    >
                                                                      <div
                                                                        className="bx--form-item bx--text-input-wrapper"
                                                                      >
                                                                        <label
                                                                          className="bx--label"
                                                                          htmlFor="authentications.default.userid"
                                                                        >
                                                                          <IsRequired>
                                                                            <span
                                                                              aria-hidden="true"
                                                                              className="ddorg__carbon-component-mapper_is-required isRequired-0-2-6"
                                                                            >
                                                                              *
                                                                            </span>
                                                                            Username
                                                                          </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="authentications.default.userid"
                                                                              name="authentications.default.userid"
                                                                              onBlur={[Function]}
                                                                              onChange={[Function]}
                                                                              onClick={[Function]}
                                                                              onFocus={[Function]}
                                                                              type="text"
                                                                              value=""
                                                                            />
                                                                          </div>
                                                                        </div>
                                                                      </div>
                                                                    </TextInput>
                                                                  </TextField>
                                                                </FormFieldHideWrapper>
                                                              </FormConditionWrapper>
                                                            </SingleField>
                                                            <SingleField
                                                              component="password-field"
                                                              edit={true}
                                                              id="authentications.default.password"
                                                              isRequired={true}
                                                              key="authentications.default.password"
                                                              label="Password"
                                                              name="authentications.default.password"
                                                              parent="endpoints.default.valid"
                                                              type="password"
                                                              validate={
                                                                Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ]
                                                              }
                                                            >
                                                              <FormConditionWrapper
                                                                field={
                                                                  Object {
                                                                    "component": "password-field",
                                                                    "edit": true,
                                                                    "id": "authentications.default.password",
                                                                    "isDisabled": undefined,
                                                                    "isRequired": true,
                                                                    "label": "Password",
                                                                    "name": "authentications.default.password",
                                                                    "parent": "endpoints.default.valid",
                                                                    "type": "password",
                                                                    "validate": Array [
                                                                      Object {
                                                                        "type": "required",
                                                                      },
                                                                    ],
                                                                  }
                                                                }
                                                              >
                                                                <FormFieldHideWrapper
                                                                  hideField={false}
                                                                >
                                                                  <PasswordField
                                                                    cancelEditLabel="Cancel"
                                                                    changeEditLabel="Change"
                                                                    component="password-field"
                                                                    componentClass="text-field"
                                                                    edit={true}
                                                                    id="authentications.default.password"
                                                                    isRequired={true}
                                                                    label="Password"
                                                                    name="authentications.default.password"
                                                                    parent="endpoints.default.valid"
                                                                    type="password"
                                                                    validate={
                                                                      Array [
                                                                        Object {
                                                                          "type": "required",
                                                                        },
                                                                      ]
                                                                    }
                                                                  >
                                                                    <FormGroup
                                                                      hasMargin={true}
                                                                      invalid={false}
                                                                      legendText="Password"
                                                                      message={false}
                                                                      messageText=""
                                                                    >
                                                                      <fieldset
                                                                        className="bx--fieldset"
                                                                      >
                                                                        <legend
                                                                          className="bx--label"
                                                                        >
                                                                          Password
                                                                        </legend>
                                                                        <div
                                                                          className="bx--grid"
                                                                          style={
                                                                            Object {
                                                                              "marginLeft": 0,
                                                                              "paddingLeft": 0,
                                                                            }
                                                                          }
                                                                        >
                                                                          <div
                                                                            className="bx--row"
                                                                          >
                                                                            <div
                                                                              className="bx--col-lg-15 bx--col-md-7 bx--col-sm-3"
                                                                            >
                                                                              <TextInput
                                                                                autoComplete="new-password"
                                                                                disabled={true}
                                                                                id="authentications.default.password-password-placeholder"
                                                                                labelText=""
                                                                                placeholder="●●●●●●●●"
                                                                                type="password"
                                                                              >
                                                                                <div
                                                                                  className="bx--form-item bx--text-input-wrapper"
                                                                                >
                                                                                  <div
                                                                                    className="bx--text-input__field-outer-wrapper"
                                                                                  >
                                                                                    <div
                                                                                      className="bx--text-input__field-wrapper"
                                                                                      data-invalid={null}
                                                                                    >
                                                                                      <input
                                                                                        autoComplete="new-password"
                                                                                        className="bx--text-input bx--text-input--md"
                                                                                        disabled={true}
                                                                                        id="authentications.default.password-password-placeholder"
                                                                                        onChange={[Function]}
                                                                                        onClick={[Function]}
                                                                                        placeholder="●●●●●●●●"
                                                                                        title="●●●●●●●●"
                                                                                        type="password"
                                                                                      />
                                                                                    </div>
                                                                                  </div>
                                                                                </div>
                                                                              </TextInput>
                                                                            </div>
                                                                            <div
                                                                              className="bx--col-sm-1 bx--col-md-1 bx--col-lg-1"
                                                                            >
                                                                              <Button
                                                                                hasIconOnly={true}
                                                                                iconDescription="Change"
                                                                                kind="primary"
                                                                                onClick={[Function]}
                                                                                renderIcon={
                                                                                  Object {
                                                                                    "$$typeof": Symbol(react.forward_ref),
                                                                                    "render": [Function],
                                                                                  }
                                                                                }
                                                                                size="field"
                                                                              >
                                                                                <button
                                                                                  aria-describedby={null}
                                                                                  aria-pressed={null}
                                                                                  className="bx--btn bx--btn--md bx--btn--primary bx--tooltip--hidden bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--btn--icon-only--top bx--tooltip--align-center"
                                                                                  disabled={false}
                                                                                  onBlur={[Function]}
                                                                                  onClick={[Function]}
                                                                                  onFocus={[Function]}
                                                                                  onMouseEnter={[Function]}
                                                                                  onMouseLeave={[Function]}
                                                                                  tabIndex={0}
                                                                                  type="button"
                                                                                >
                                                                                  <div
                                                                                    className="bx--assistive-text"
                                                                                    onMouseEnter={[Function]}
                                                                                  >
                                                                                    Change
                                                                                  </div>
                                                                                  <ForwardRef(Edit16)
                                                                                    aria-hidden="true"
                                                                                    aria-label="Change"
                                                                                    className="bx--btn__icon"
                                                                                  >
                                                                                    <Icon
                                                                                      aria-hidden="true"
                                                                                      aria-label="Change"
                                                                                      className="bx--btn__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"
                                                                                        aria-label="Change"
                                                                                        className="bx--btn__icon"
                                                                                        fill="currentColor"
                                                                                        focusable="false"
                                                                                        height={16}
                                                                                        preserveAspectRatio="xMidYMid meet"
                                                                                        role="img"
                                                                                        viewBox="0 0 32 32"
                                                                                        width={16}
                                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                                      >
                                                                                        <path
                                                                                          d="M2 26H30V28H2zM25.4 9c.8-.8.8-2 0-2.8 0 0 0 0 0 0l-3.6-3.6c-.8-.8-2-.8-2.8 0 0 0 0 0 0 0l-15 15V24h6.4L25.4 9zM20.4 4L24 7.6l-3 3L17.4 7 20.4 4zM6 22v-3.6l10-10 3.6 3.6-10 10H6z"
                                                                                        />
                                                                                      </svg>
                                                                                    </Icon>
                                                                                  </ForwardRef(Edit16)>
                                                                                </button>
                                                                              </Button>
                                                                            </div>
                                                                          </div>
                                                                        </div>
                                                                      </fieldset>
                                                                    </FormGroup>
                                                                  </PasswordField>
                                                                </FormFieldHideWrapper>
                                                              </FormConditionWrapper>
                                                            </SingleField>
                                                            <input
                                                              name="endpoints.default.valid"
                                                              onBlur={[Function]}
                                                              onChange={[Function]}
                                                              onFocus={[Function]}
                                                              type="hidden"
                                                              value={true}
                                                            />
                                                            <FormSpy
                                                              subscription={
                                                                Object {
                                                                  "dirtyFields": true,
                                                                  "values": true,
                                                                }
                                                              }
                                                            >
                                                              <Button
                                                                disabled={true}
                                                                kind="tertiary"
                                                                onClick={[Function]}
                                                                size="small"
                                                              >
                                                                <button
                                                                  aria-describedby={null}
                                                                  aria-pressed={null}
                                                                  className="bx--btn bx--btn--sm bx--btn--tertiary bx--btn--disabled"
                                                                  disabled={true}
                                                                  onBlur={[Function]}
                                                                  onClick={[Function]}
                                                                  onFocus={[Function]}
                                                                  onMouseEnter={[Function]}
                                                                  onMouseLeave={[Function]}
                                                                  tabIndex={0}
                                                                  type="button"
                                                                >
                                                                  Validate
                                                                </button>
                                                              </Button>
                                                              <HelperTextBlock
                                                                helperText={false}
                                                              />
                                                            </FormSpy>
                                                          </AsyncCredentials>
                                                        </ValidateHostCredentials>
                                                      </FormFieldHideWrapper>
                                                    </FormConditionWrapper>
                                                  </SingleField>
                                                </div>
                                              </div>
                                            </TabContent>
                                            <TabContent
                                              aria-labelledby="remote-tab"
                                              hidden={true}
                                              id="remote-tab__panel"
                                              key=".$.$remote-tab"
                                              selected={false}
                                            >
                                              <div
                                                aria-labelledby="remote-tab"
                                                className="bx--tab-content"
                                                hidden={true}
                                                id="remote-tab__panel"
                                                role="tabpanel"
                                                selected={false}
                                              >
                                                <div
                                                  className="tab-0-2-5"
                                                >
                                                  <SingleField
                                                    component="validate-host-credentials"
                                                    fields={
                                                      Array [
                                                        Object {
                                                          "component": "text-field",
                                                          "id": "authentications.remote.userid",
                                                          "isRequired": true,
                                                          "label": "Username",
                                                          "name": "authentications.remote.userid",
                                                          "validate": Array [
                                                            Object {
                                                              "type": "required",
                                                            },
                                                          ],
                                                        },
                                                        Object {
                                                          "component": "password-field",
                                                          "helperText": "Required if SSH login is disabled for the Default account.",
                                                          "id": "authentications.remote.password",
                                                          "isRequired": true,
                                                          "label": "Password",
                                                          "name": "authentications.remote.password",
                                                          "type": "password",
                                                          "validate": Array [
                                                            Object {
                                                              "type": "required",
                                                            },
                                                          ],
                                                        },
                                                      ]
                                                    }
                                                    id="endpoints.remote.valid"
                                                    isRequired={true}
                                                    key="endpoints.remote.valid"
                                                    name="endpoints.remote.valid"
                                                    skipSubmit={true}
                                                  >
                                                    <FormConditionWrapper
                                                      field={
                                                        Object {
                                                          "component": "validate-host-credentials",
                                                          "fields": Array [
                                                            Object {
                                                              "component": "text-field",
                                                              "id": "authentications.remote.userid",
                                                              "isRequired": true,
                                                              "label": "Username",
                                                              "name": "authentications.remote.userid",
                                                              "validate": Array [
                                                                Object {
                                                                  "type": "required",
                                                                },
                                                              ],
                                                            },
                                                            Object {
                                                              "component": "password-field",
                                                              "helperText": "Required if SSH login is disabled for the Default account.",
                                                              "id": "authentications.remote.password",
                                                              "isRequired": true,
                                                              "label": "Password",
                                                              "name": "authentications.remote.password",
                                                              "type": "password",
                                                              "validate": Array [
                                                                Object {
                                                                  "type": "required",
                                                                },
                                                              ],
                                                            },
                                                          ],
                                                          "id": "endpoints.remote.valid",
                                                          "isRequired": true,
                                                          "name": "endpoints.remote.valid",
                                                          "skipSubmit": true,
                                                        }
                                                      }
                                                    >
                                                      <FormFieldHideWrapper
                                                        hideField={false}
                                                      >
                                                        <ValidateHostCredentials
                                                          component="validate-host-credentials"
                                                          edit={false}
                                                          fields={
                                                            Array [
                                                              Object {
                                                                "component": "text-field",
                                                                "id": "authentications.remote.userid",
                                                                "isRequired": true,
                                                                "label": "Username",
                                                                "name": "authentications.remote.userid",
                                                                "validate": Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ],
                                                              },
                                                              Object {
                                                                "component": "password-field",
                                                                "helperText": "Required if SSH login is disabled for the Default account.",
                                                                "id": "authentications.remote.password",
                                                                "isRequired": true,
                                                                "label": "Password",
                                                                "name": "authentications.remote.password",
                                                                "type": "password",
                                                                "validate": Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ],
                                                              },
                                                            ]
                                                          }
                                                          id="endpoints.remote.valid"
                                                          isRequired={true}
                                                          name="endpoints.remote.valid"
                                                          skipSubmit={true}
                                                          validateDefaultError="Validation Required"
                                                          validateLabel="Validate"
                                                          validation={true}
                                                          validationDependencies={Array []}
                                                          validationProgressLabel="Validating"
                                                          validationSuccessLabel="Validation successful"
                                                        >
                                                          <AsyncCredentials
                                                            asyncValidate={[Function]}
                                                            component="validate-host-credentials"
                                                            edit={true}
                                                            fields={
                                                              Array [
                                                                Object {
                                                                  "component": "text-field",
                                                                  "id": "authentications.remote.userid",
                                                                  "isRequired": true,
                                                                  "label": "Username",
                                                                  "name": "authentications.remote.userid",
                                                                  "validate": Array [
                                                                    Object {
                                                                      "type": "required",
                                                                    },
                                                                  ],
                                                                },
                                                                Object {
                                                                  "component": "password-field",
                                                                  "helperText": "Required if SSH login is disabled for the Default account.",
                                                                  "id": "authentications.remote.password",
                                                                  "isRequired": true,
                                                                  "label": "Password",
                                                                  "name": "authentications.remote.password",
                                                                  "type": "password",
                                                                  "validate": Array [
                                                                    Object {
                                                                      "type": "required",
                                                                    },
                                                                  ],
                                                                },
                                                              ]
                                                            }
                                                            id="endpoints.remote.valid"
                                                            isRequired={true}
                                                            name="endpoints.remote.valid"
                                                            skipSubmit={true}
                                                            validateDefaultError="Validation Required"
                                                            validateLabel="Validate"
                                                            validation={true}
                                                            validationDependencies={Array []}
                                                            validationProgressLabel="Validating"
                                                            validationSuccessLabel="Validation successful"
                                                          >
                                                            <SingleField
                                                              component="text-field"
                                                              id="authentications.remote.userid"
                                                              isRequired={true}
                                                              key="authentications.remote.userid"
                                                              label="Username"
                                                              name="authentications.remote.userid"
                                                              validate={
                                                                Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ]
                                                              }
                                                            >
                                                              <FormConditionWrapper
                                                                field={
                                                                  Object {
                                                                    "component": "text-field",
                                                                    "id": "authentications.remote.userid",
                                                                    "isDisabled": undefined,
                                                                    "isRequired": true,
                                                                    "label": "Username",
                                                                    "name": "authentications.remote.userid",
                                                                    "validate": Array [
                                                                      Object {
                                                                        "type": "required",
                                                                      },
                                                                    ],
                                                                  }
                                                                }
                                                              >
                                                                <FormFieldHideWrapper
                                                                  hideField={false}
                                                                >
                                                                  <TextField
                                                                    component="text-field"
                                                                    id="authentications.remote.userid"
                                                                    isRequired={true}
                                                                    label="Username"
                                                                    name="authentications.remote.userid"
                                                                    validate={
                                                                      Array [
                                                                        Object {
                                                                          "type": "required",
                                                                        },
                                                                      ]
                                                                    }
                                                                  >
                                                                    <TextInput
                                                                      id="authentications.remote.userid"
                                                                      invalid={false}
                                                                      invalidText=""
                                                                      key="authentications.remote.userid"
                                                                      labelText={
                                                                        <IsRequired>
                                                                          Username
                                                                        </IsRequired>
                                                                      }
                                                                      name="authentications.remote.userid"
                                                                      onBlur={[Function]}
                                                                      onChange={[Function]}
                                                                      onFocus={[Function]}
                                                                      value=""
                                                                      warn={false}
                                                                      warnText=""
                                                                    >
                                                                      <div
                                                                        className="bx--form-item bx--text-input-wrapper"
                                                                      >
                                                                        <label
                                                                          className="bx--label"
                                                                          htmlFor="authentications.remote.userid"
                                                                        >
                                                                          <IsRequired>
                                                                            <span
                                                                              aria-hidden="true"
                                                                              className="ddorg__carbon-component-mapper_is-required isRequired-0-2-6"
                                                                            >
                                                                              *
                                                                            </span>
                                                                            Username
                                                                          </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="authentications.remote.userid"
                                                                              name="authentications.remote.userid"
                                                                              onBlur={[Function]}
                                                                              onChange={[Function]}
                                                                              onClick={[Function]}
                                                                              onFocus={[Function]}
                                                                              type="text"
                                                                              value=""
                                                                            />
                                                                          </div>
                                                                        </div>
                                                                      </div>
                                                                    </TextInput>
                                                                  </TextField>
                                                                </FormFieldHideWrapper>
                                                              </FormConditionWrapper>
                                                            </SingleField>
                                                            <SingleField
                                                              component="password-field"
                                                              edit={true}
                                                              helperText="Required if SSH login is disabled for the Default account."
                                                              id="authentications.remote.password"
                                                              isRequired={true}
                                                              key="authentications.remote.password"
                                                              label="Password"
                                                              name="authentications.remote.password"
                                                              parent="endpoints.remote.valid"
                                                              type="password"
                                                              validate={
                                                                Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ]
                                                              }
                                                            >
                                                              <FormConditionWrapper
                                                                field={
                                                                  Object {
                                                                    "component": "password-field",
                                                                    "edit": true,
                                                                    "helperText": "Required if SSH login is disabled for the Default account.",
                                                                    "id": "authentications.remote.password",
                                                                    "isDisabled": undefined,
                                                                    "isRequired": true,
                                                                    "label": "Password",
                                                                    "name": "authentications.remote.password",
                                                                    "parent": "endpoints.remote.valid",
                                                                    "type": "password",
                                                                    "validate": Array [
                                                                      Object {
                                                                        "type": "required",
                                                                      },
                                                                    ],
                                                                  }
                                                                }
                                                              >
                                                                <FormFieldHideWrapper
                                                                  hideField={false}
                                                                >
                                                                  <PasswordField
                                                                    cancelEditLabel="Cancel"
                                                                    changeEditLabel="Change"
                                                                    component="password-field"
                                                                    componentClass="text-field"
                                                                    edit={true}
                                                                    helperText="Required if SSH login is disabled for the Default account."
                                                                    id="authentications.remote.password"
                                                                    isRequired={true}
                                                                    label="Password"
                                                                    name="authentications.remote.password"
                                                                    parent="endpoints.remote.valid"
                                                                    type="password"
                                                                    validate={
                                                                      Array [
                                                                        Object {
                                                                          "type": "required",
                                                                        },
                                                                      ]
                                                                    }
                                                                  >
                                                                    <FormGroup
                                                                      hasMargin={true}
                                                                      invalid={false}
                                                                      legendText="Password"
                                                                      message={false}
                                                                      messageText=""
                                                                    >
                                                                      <fieldset
                                                                        className="bx--fieldset"
                                                                      >
                                                                        <legend
                                                                          className="bx--label"
                                                                        >
                                                                          Password
                                                                        </legend>
                                                                        <div
                                                                          className="bx--grid"
                                                                          style={
                                                                            Object {
                                                                              "marginLeft": 0,
                                                                              "paddingLeft": 0,
                                                                            }
                                                                          }
                                                                        >
                                                                          <div
                                                                            className="bx--row"
                                                                          >
                                                                            <div
                                                                              className="bx--col-lg-15 bx--col-md-7 bx--col-sm-3"
                                                                            >
                                                                              <TextInput
                                                                                autoComplete="new-password"
                                                                                disabled={true}
                                                                                id="authentications.remote.password-password-placeholder"
                                                                                labelText=""
                                                                                placeholder="●●●●●●●●"
                                                                                type="password"
                                                                              >
                                                                                <div
                                                                                  className="bx--form-item bx--text-input-wrapper"
                                                                                >
                                                                                  <div
                                                                                    className="bx--text-input__field-outer-wrapper"
                                                                                  >
                                                                                    <div
                                                                                      className="bx--text-input__field-wrapper"
                                                                                      data-invalid={null}
                                                                                    >
                                                                                      <input
                                                                                        autoComplete="new-password"
                                                                                        className="bx--text-input bx--text-input--md"
                                                                                        disabled={true}
                                                                                        id="authentications.remote.password-password-placeholder"
                                                                                        onChange={[Function]}
                                                                                        onClick={[Function]}
                                                                                        placeholder="●●●●●●●●"
                                                                                        title="●●●●●●●●"
                                                                                        type="password"
                                                                                      />
                                                                                    </div>
                                                                                  </div>
                                                                                </div>
                                                                              </TextInput>
                                                                            </div>
                                                                            <div
                                                                              className="bx--col-sm-1 bx--col-md-1 bx--col-lg-1"
                                                                            >
                                                                              <Button
                                                                                hasIconOnly={true}
                                                                                iconDescription="Change"
                                                                                kind="primary"
                                                                                onClick={[Function]}
                                                                                renderIcon={
                                                                                  Object {
                                                                                    "$$typeof": Symbol(react.forward_ref),
                                                                                    "render": [Function],
                                                                                  }
                                                                                }
                                                                                size="field"
                                                                              >
                                                                                <button
                                                                                  aria-describedby={null}
                                                                                  aria-pressed={null}
                                                                                  className="bx--btn bx--btn--md bx--btn--primary bx--tooltip--hidden bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--btn--icon-only--top bx--tooltip--align-center"
                                                                                  disabled={false}
                                                                                  onBlur={[Function]}
                                                                                  onClick={[Function]}
                                                                                  onFocus={[Function]}
                                                                                  onMouseEnter={[Function]}
                                                                                  onMouseLeave={[Function]}
                                                                                  tabIndex={0}
                                                                                  type="button"
                                                                                >
                                                                                  <div
                                                                                    className="bx--assistive-text"
                                                                                    onMouseEnter={[Function]}
                                                                                  >
                                                                                    Change
                                                                                  </div>
                                                                                  <ForwardRef(Edit16)
                                                                                    aria-hidden="true"
                                                                                    aria-label="Change"
                                                                                    className="bx--btn__icon"
                                                                                  >
                                                                                    <Icon
                                                                                      aria-hidden="true"
                                                                                      aria-label="Change"
                                                                                      className="bx--btn__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"
                                                                                        aria-label="Change"
                                                                                        className="bx--btn__icon"
                                                                                        fill="currentColor"
                                                                                        focusable="false"
                                                                                        height={16}
                                                                                        preserveAspectRatio="xMidYMid meet"
                                                                                        role="img"
                                                                                        viewBox="0 0 32 32"
                                                                                        width={16}
                                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                                      >
                                                                                        <path
                                                                                          d="M2 26H30V28H2zM25.4 9c.8-.8.8-2 0-2.8 0 0 0 0 0 0l-3.6-3.6c-.8-.8-2-.8-2.8 0 0 0 0 0 0 0l-15 15V24h6.4L25.4 9zM20.4 4L24 7.6l-3 3L17.4 7 20.4 4zM6 22v-3.6l10-10 3.6 3.6-10 10H6z"
                                                                                        />
                                                                                      </svg>
                                                                                    </Icon>
                                                                                  </ForwardRef(Edit16)>
                                                                                </button>
                                                                              </Button>
                                                                            </div>
                                                                          </div>
                                                                        </div>
                                                                      </fieldset>
                                                                    </FormGroup>
                                                                  </PasswordField>
                                                                </FormFieldHideWrapper>
                                                              </FormConditionWrapper>
                                                            </SingleField>
                                                            <input
                                                              name="endpoints.remote.valid"
                                                              onBlur={[Function]}
                                                              onChange={[Function]}
                                                              onFocus={[Function]}
                                                              type="hidden"
                                                              value={true}
                                                            />
                                                            <FormSpy
                                                              subscription={
                                                                Object {
                                                                  "dirtyFields": true,
                                                                  "values": true,
                                                                }
                                                              }
                                                            >
                                                              <Button
                                                                disabled={true}
                                                                kind="tertiary"
                                                                onClick={[Function]}
                                                                size="small"
                                                              >
                                                                <button
                                                                  aria-describedby={null}
                                                                  aria-pressed={null}
                                                                  className="bx--btn bx--btn--sm bx--btn--tertiary bx--btn--disabled"
                                                                  disabled={true}
                                                                  onBlur={[Function]}
                                                                  onClick={[Function]}
                                                                  onFocus={[Function]}
                                                                  onMouseEnter={[Function]}
                                                                  onMouseLeave={[Function]}
                                                                  tabIndex={0}
                                                                  type="button"
                                                                >
                                                                  Validate
                                                                </button>
                                                              </Button>
                                                              <HelperTextBlock
                                                                helperText={false}
                                                              />
                                                            </FormSpy>
                                                          </AsyncCredentials>
                                                        </ValidateHostCredentials>
                                                      </FormFieldHideWrapper>
                                                    </FormConditionWrapper>
                                                  </SingleField>
                                                </div>
                                              </div>
                                            </TabContent>
                                            <TabContent
                                              aria-labelledby="ws-tab"
                                              hidden={true}
                                              id="ws-tab__panel"
                                              key=".$.$ws-tab"
                                              selected={false}
                                            >
                                              <div
                                                aria-labelledby="ws-tab"
                                                className="bx--tab-content"
                                                hidden={true}
                                                id="ws-tab__panel"
                                                role="tabpanel"
                                                selected={false}
                                              >
                                                <div
                                                  className="tab-0-2-5"
                                                >
                                                  <SingleField
                                                    component="validate-host-credentials"
                                                    fields={
                                                      Array [
                                                        Object {
                                                          "component": "text-field",
                                                          "id": "authentications.ws.userid",
                                                          "isRequired": true,
                                                          "label": "Username",
                                                          "name": "authentications.ws.userid",
                                                          "validate": Array [
                                                            Object {
                                                              "type": "required",
                                                            },
                                                          ],
                                                        },
                                                        Object {
                                                          "component": "password-field",
                                                          "helperText": "Used for access to Web Services.",
                                                          "id": "authentications.ws.password",
                                                          "isRequired": true,
                                                          "label": "Password",
                                                          "name": "authentications.ws.password",
                                                          "type": "password",
                                                          "validate": Array [
                                                            Object {
                                                              "type": "required",
                                                            },
                                                          ],
                                                        },
                                                      ]
                                                    }
                                                    id="endpoints.ws.valid"
                                                    isRequired={true}
                                                    key="endpoints.ws.valid"
                                                    name="endpoints.ws.valid"
                                                    skipSubmit={true}
                                                  >
                                                    <FormConditionWrapper
                                                      field={
                                                        Object {
                                                          "component": "validate-host-credentials",
                                                          "fields": Array [
                                                            Object {
                                                              "component": "text-field",
                                                              "id": "authentications.ws.userid",
                                                              "isRequired": true,
                                                              "label": "Username",
                                                              "name": "authentications.ws.userid",
                                                              "validate": Array [
                                                                Object {
                                                                  "type": "required",
                                                                },
                                                              ],
                                                            },
                                                            Object {
                                                              "component": "password-field",
                                                              "helperText": "Used for access to Web Services.",
                                                              "id": "authentications.ws.password",
                                                              "isRequired": true,
                                                              "label": "Password",
                                                              "name": "authentications.ws.password",
                                                              "type": "password",
                                                              "validate": Array [
                                                                Object {
                                                                  "type": "required",
                                                                },
                                                              ],
                                                            },
                                                          ],
                                                          "id": "endpoints.ws.valid",
                                                          "isRequired": true,
                                                          "name": "endpoints.ws.valid",
                                                          "skipSubmit": true,
                                                        }
                                                      }
                                                    >
                                                      <FormFieldHideWrapper
                                                        hideField={false}
                                                      >
                                                        <ValidateHostCredentials
                                                          component="validate-host-credentials"
                                                          edit={false}
                                                          fields={
                                                            Array [
                                                              Object {
                                                                "component": "text-field",
                                                                "id": "authentications.ws.userid",
                                                                "isRequired": true,
                                                                "label": "Username",
                                                                "name": "authentications.ws.userid",
                                                                "validate": Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ],
                                                              },
                                                              Object {
                                                                "component": "password-field",
                                                                "helperText": "Used for access to Web Services.",
                                                                "id": "authentications.ws.password",
                                                                "isRequired": true,
                                                                "label": "Password",
                                                                "name": "authentications.ws.password",
                                                                "type": "password",
                                                                "validate": Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ],
                                                              },
                                                            ]
                                                          }
                                                          id="endpoints.ws.valid"
                                                          isRequired={true}
                                                          name="endpoints.ws.valid"
                                                          skipSubmit={true}
                                                          validateDefaultError="Validation Required"
                                                          validateLabel="Validate"
                                                          validation={true}
                                                          validationDependencies={Array []}
                                                          validationProgressLabel="Validating"
                                                          validationSuccessLabel="Validation successful"
                                                        >
                                                          <AsyncCredentials
                                                            asyncValidate={[Function]}
                                                            component="validate-host-credentials"
                                                            edit={true}
                                                            fields={
                                                              Array [
                                                                Object {
                                                                  "component": "text-field",
                                                                  "id": "authentications.ws.userid",
                                                                  "isRequired": true,
                                                                  "label": "Username",
                                                                  "name": "authentications.ws.userid",
                                                                  "validate": Array [
                                                                    Object {
                                                                      "type": "required",
                                                                    },
                                                                  ],
                                                                },
                                                                Object {
                                                                  "component": "password-field",
                                                                  "helperText": "Used for access to Web Services.",
                                                                  "id": "authentications.ws.password",
                                                                  "isRequired": true,
                                                                  "label": "Password",
                                                                  "name": "authentications.ws.password",
                                                                  "type": "password",
                                                                  "validate": Array [
                                                                    Object {
                                                                      "type": "required",
                                                                    },
                                                                  ],
                                                                },
                                                              ]
                                                            }
                                                            id="endpoints.ws.valid"
                                                            isRequired={true}
                                                            name="endpoints.ws.valid"
                                                            skipSubmit={true}
                                                            validateDefaultError="Validation Required"
                                                            validateLabel="Validate"
                                                            validation={true}
                                                            validationDependencies={Array []}
                                                            validationProgressLabel="Validating"
                                                            validationSuccessLabel="Validation successful"
                                                          >
                                                            <SingleField
                                                              component="text-field"
                                                              id="authentications.ws.userid"
                                                              isRequired={true}
                                                              key="authentications.ws.userid"
                                                              label="Username"
                                                              name="authentications.ws.userid"
                                                              validate={
                                                                Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ]
                                                              }
                                                            >
                                                              <FormConditionWrapper
                                                                field={
                                                                  Object {
                                                                    "component": "text-field",
                                                                    "id": "authentications.ws.userid",
                                                                    "isDisabled": undefined,
                                                                    "isRequired": true,
                                                                    "label": "Username",
                                                                    "name": "authentications.ws.userid",
                                                                    "validate": Array [
                                                                      Object {
                                                                        "type": "required",
                                                                      },
                                                                    ],
                                                                  }
                                                                }
                                                              >
                                                                <FormFieldHideWrapper
                                                                  hideField={false}
                                                                >
                                                                  <TextField
                                                                    component="text-field"
                                                                    id="authentications.ws.userid"
                                                                    isRequired={true}
                                                                    label="Username"
                                                                    name="authentications.ws.userid"
                                                                    validate={
                                                                      Array [
                                                                        Object {
                                                                          "type": "required",
                                                                        },
                                                                      ]
                                                                    }
                                                                  >
                                                                    <TextInput
                                                                      id="authentications.ws.userid"
                                                                      invalid={false}
                                                                      invalidText=""
                                                                      key="authentications.ws.userid"
                                                                      labelText={
                                                                        <IsRequired>
                                                                          Username
                                                                        </IsRequired>
                                                                      }
                                                                      name="authentications.ws.userid"
                                                                      onBlur={[Function]}
                                                                      onChange={[Function]}
                                                                      onFocus={[Function]}
                                                                      value=""
                                                                      warn={false}
                                                                      warnText=""
                                                                    >
                                                                      <div
                                                                        className="bx--form-item bx--text-input-wrapper"
                                                                      >
                                                                        <label
                                                                          className="bx--label"
                                                                          htmlFor="authentications.ws.userid"
                                                                        >
                                                                          <IsRequired>
                                                                            <span
                                                                              aria-hidden="true"
                                                                              className="ddorg__carbon-component-mapper_is-required isRequired-0-2-6"
                                                                            >
                                                                              *
                                                                            </span>
                                                                            Username
                                                                          </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="authentications.ws.userid"
                                                                              name="authentications.ws.userid"
                                                                              onBlur={[Function]}
                                                                              onChange={[Function]}
                                                                              onClick={[Function]}
                                                                              onFocus={[Function]}
                                                                              type="text"
                                                                              value=""
                                                                            />
                                                                          </div>
                                                                        </div>
                                                                      </div>
                                                                    </TextInput>
                                                                  </TextField>
                                                                </FormFieldHideWrapper>
                                                              </FormConditionWrapper>
                                                            </SingleField>
                                                            <SingleField
                                                              component="password-field"
                                                              edit={true}
                                                              helperText="Used for access to Web Services."
                                                              id="authentications.ws.password"
                                                              isRequired={true}
                                                              key="authentications.ws.password"
                                                              label="Password"
                                                              name="authentications.ws.password"
                                                              parent="endpoints.ws.valid"
                                                              type="password"
                                                              validate={
                                                                Array [
                                                                  Object {
                                                                    "type": "required",
                                                                  },
                                                                ]
                                                              }
                                                            >
                                                              <FormConditionWrapper
                                                                field={
                                                                  Object {
                                                                    "component": "password-field",
                                                                    "edit": true,
                                                                    "helperText": "Used for access to Web Services.",
                                                                    "id": "authentications.ws.password",
                                                                    "isDisabled": undefined,
                                                                    "isRequired": true,
                                                                    "label": "Password",
                                                                    "name": "authentications.ws.password",
                                                                    "parent": "endpoints.ws.valid",
                                                                    "type": "password",
                                                                    "validate": Array [
                                                                      Object {
                                                                        "type": "required",
                                                                      },
                                                                    ],
                                                                  }
                                                                }
                                                              >
                                                                <FormFieldHideWrapper
                                                                  hideField={false}
                                                                >
                                                                  <PasswordField
                                                                    cancelEditLabel="Cancel"
                                                                    changeEditLabel="Change"
                                                                    component="password-field"
                                                                    componentClass="text-field"
                                                                    edit={true}
                                                                    helperText="Used for access to Web Services."
                                                                    id="authentications.ws.password"
                                                                    isRequired={true}
                                                                    label="Password"
                                                                    name="authentications.ws.password"
                                                                    parent="endpoints.ws.valid"
                                                                    type="password"
                                                                    validate={
                                                                      Array [
                                                                        Object {
                                                                          "type": "required",
                                                                        },
                                                                      ]
                                                                    }
                                                                  >
                                                                    <FormGroup
                                                                      hasMargin={true}
                                                                      invalid={false}
                                                                      legendText="Password"
                                                                      message={false}
                                                                      messageText=""
                                                                    >
                                                                      <fieldset
                                                                        className="bx--fieldset"
                                                                      >
                                                                        <legend
                                                                          className="bx--label"
                                                                        >
                                                                          Password
                                                                        </legend>
                                                                        <div
                                                                          className="bx--grid"
                                                                          style={
                                                                            Object {
                                                                              "marginLeft": 0,
                                                                              "paddingLeft": 0,
                                                                            }
                                                                          }
                                                                        >
                                                                          <div
                                                                            className="bx--row"
                                                                          >
                                                                            <div
                                                                              className="bx--col-lg-15 bx--col-md-7 bx--col-sm-3"
                                                                            >
                                                                              <TextInput
                                                                                autoComplete="new-password"
                                                                                disabled={true}
                                                                                id="authentications.ws.password-password-placeholder"
                                                                                labelText=""
                                                                                placeholder="●●●●●●●●"
                                                                                type="password"
                                                                              >
                                                                                <div
                                                                                  className="bx--form-item bx--text-input-wrapper"
                                                                                >
                                                                                  <div
                                                                                    className="bx--text-input__field-outer-wrapper"
                                                                                  >
                                                                                    <div
                                                                                      className="bx--text-input__field-wrapper"
                                                                                      data-invalid={null}
                                                                                    >
                                                                                      <input
                                                                                        autoComplete="new-password"
                                                                                        className="bx--text-input bx--text-input--md"
                                                                                        disabled={true}
                                                                                        id="authentications.ws.password-password-placeholder"
                                                                                        onChange={[Function]}
                                                                                        onClick={[Function]}
                                                                                        placeholder="●●●●●●●●"
                                                                                        title="●●●●●●●●"
                                                                                        type="password"
                                                                                      />
                                                                                    </div>
                                                                                  </div>
                                                                                </div>
                                                                              </TextInput>
                                                                            </div>
                                                                            <div
                                                                              className="bx--col-sm-1 bx--col-md-1 bx--col-lg-1"
                                                                            >
                                                                              <Button
                                                                                hasIconOnly={true}
                                                                                iconDescription="Change"
                                                                                kind="primary"
                                                                                onClick={[Function]}
                                                                                renderIcon={
                                                                                  Object {
                                                                                    "$$typeof": Symbol(react.forward_ref),
                                                                                    "render": [Function],
                                                                                  }
                                                                                }
                                                                                size="field"
                                                                              >
                                                                                <button
                                                                                  aria-describedby={null}
                                                                                  aria-pressed={null}
                                                                                  className="bx--btn bx--btn--md bx--btn--primary bx--tooltip--hidden bx--btn--icon-only bx--tooltip__trigger bx--tooltip--a11y bx--btn--icon-only--top bx--tooltip--align-center"
                                                                                  disabled={false}
                                                                                  onBlur={[Function]}
                                                                                  onClick={[Function]}
                                                                                  onFocus={[Function]}
                                                                                  onMouseEnter={[Function]}
                                                                                  onMouseLeave={[Function]}
                                                                                  tabIndex={0}
                                                                                  type="button"
                                                                                >
                                                                                  <div
                                                                                    className="bx--assistive-text"
                                                                                    onMouseEnter={[Function]}
                                                                                  >
                                                                                    Change
                                                                                  </div>
                                                                                  <ForwardRef(Edit16)
                                                                                    aria-hidden="true"
                                                                                    aria-label="Change"
                                                                                    className="bx--btn__icon"
                                                                                  >
                                                                                    <Icon
                                                                                      aria-hidden="true"
                                                                                      aria-label="Change"
                                                                                      className="bx--btn__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"
                                                                                        aria-label="Change"
                                                                                        className="bx--btn__icon"
                                                                                        fill="currentColor"
                                                                                        focusable="false"
                                                                                        height={16}
                                                                                        preserveAspectRatio="xMidYMid meet"
                                                                                        role="img"
                                                                                        viewBox="0 0 32 32"
                                                                                        width={16}
                                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                                      >
                                                                                        <path
                                                                                          d="M2 26H30V28H2zM25.4 9c.8-.8.8-2 0-2.8 0 0 0 0 0 0l-3.6-3.6c-.8-.8-2-.8-2.8 0 0 0 0 0 0 0l-15 15V24h6.4L25.4 9zM20.4 4L24 7.6l-3 3L17.4 7 20.4 4zM6 22v-3.6l10-10 3.6 3.6-10 10H6z"
                                                                                        />
                                                                                      </svg>
                                                                                    </Icon>
                                                                                  </ForwardRef(Edit16)>
                                                                                </button>
                                                                              </Button>
                                                                            </div>
                                                                          </div>
                                                                        </div>
                                                                      </fieldset>
                                                                    </FormGroup>
                                                                  </PasswordField>
                                                                </FormFieldHideWrapper>
                                                              </FormConditionWrapper>
                                                            </SingleField>
                                                            <input
                                                              name="endpoints.ws.valid"
                                                              onBlur={[Function]}
                                                              onChange={[Function]}
                                                              onFocus={[Function]}
                                                              type="hidden"
                                                              value={true}
                                                            />
                                                            <FormSpy
                                                              subscription={
                                                                Object {
                                                                  "dirtyFields": true,
                                                                  "values": true,
                                                                }
                                                              }
                                                            >
                                                              <Button
                                                                disabled={true}
                                                                kind="tertiary"
                                                                onClick={[Function]}
                                                                size="small"
                                                              >
                                                                <button
                                                                  aria-describedby={null}
                                                                  aria-pressed={null}
                                                                  className="bx--btn bx--btn--sm bx--btn--tertiary bx--btn--disabled"
                                                                  disabled={true}
                                                                  onBlur={[Function]}
                                                                  onClick={[Function]}
                                                                  onFocus={[Function]}
                                                                  onMouseEnter={[Function]}
                                                                  onMouseLeave={[Function]}
                                                                  tabIndex={0}
                                                                  type="button"
                                                                >
                                                                  Validate
                                                                </button>
                                                              </Button>
                                                              <HelperTextBlock
                                                                helperText={false}
                                                              />
                                                            </FormSpy>
                                                          </AsyncCredentials>
                                                        </ValidateHostCredentials>
                                                      </FormFieldHideWrapper>
                                                    </FormConditionWrapper>
                                                  </SingleField>
                                                </div>
                                              </div>
                                            </TabContent>
                                          </Tabs>
                                        </Tabs>
                                      </FormFieldHideWrapper>
                                    </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>
                        <FormSpy>
                          <FormControls
                            Button={[Function]}
                            ButtonGroup={[Function]}
                            FormSpy={[Function]}
                            buttonOrder={
                              Array [
                                "submit",
                                "reset",
                                "cancel",
                              ]
                            }
                            canReset={true}
                            cancelLabel="Cancel"
                            disableSubmit={true}
                            formFields={
                              Array [
                                <SingleField
                                  component="text-field"
                                  id="name"
                                  isDisabled={true}
                                  label="Name:"
                                  name="name"
                                />,
                                <SingleField
                                  component="text-field"
                                  id="hostname"
                                  isDisabled={true}
                                  label="Hostname (or IPv4 or IPv6 address:"
                                  name="hostname"
                                />,
                                <SingleField
                                  component="text-field"
                                  id="custom_identifier"
                                  isDisabled={true}
                                  label="Custom Identifier:"
                                  name="custom_identifier"
                                />,
                                <SingleField
                                  component="sub-form"
                                  fields={
                                    Array [
                                      Object {
                                        "component": "tabs",
                                        "fields": Array [
                                          Object {
                                            "component": "tab-item",
                                            "fields": Array [
                                              Object {
                                                "component": "validate-host-credentials",
                                                "fields": Array [
                                                  Object {
                                                    "component": "text-field",
                                                    "id": "authentications.default.userid",
                                                    "isRequired": true,
                                                    "label": "Username",
                                                    "name": "authentications.default.userid",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                  Object {
                                                    "component": "password-field",
                                                    "id": "authentications.default.password",
                                                    "isRequired": true,
                                                    "label": "Password",
                                                    "name": "authentications.default.password",
                                                    "type": "password",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                ],
                                                "id": "endpoints.default.valid",
                                                "isRequired": true,
                                                "name": "endpoints.default.valid",
                                                "skipSubmit": true,
                                              },
                                            ],
                                            "id": "default-tab",
                                            "name": "default-tab",
                                            "title": "Default",
                                          },
                                          Object {
                                            "component": "tab-item",
                                            "fields": Array [
                                              Object {
                                                "component": "validate-host-credentials",
                                                "fields": Array [
                                                  Object {
                                                    "component": "text-field",
                                                    "id": "authentications.remote.userid",
                                                    "isRequired": true,
                                                    "label": "Username",
                                                    "name": "authentications.remote.userid",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                  Object {
                                                    "component": "password-field",
                                                    "helperText": "Required if SSH login is disabled for the Default account.",
                                                    "id": "authentications.remote.password",
                                                    "isRequired": true,
                                                    "label": "Password",
                                                    "name": "authentications.remote.password",
                                                    "type": "password",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                ],
                                                "id": "endpoints.remote.valid",
                                                "isRequired": true,
                                                "name": "endpoints.remote.valid",
                                                "skipSubmit": true,
                                              },
                                            ],
                                            "id": "remote-tab",
                                            "name": "remote-tab",
                                            "title": "Remote Login",
                                          },
                                          Object {
                                            "component": "tab-item",
                                            "fields": Array [
                                              Object {
                                                "component": "validate-host-credentials",
                                                "fields": Array [
                                                  Object {
                                                    "component": "text-field",
                                                    "id": "authentications.ws.userid",
                                                    "isRequired": true,
                                                    "label": "Username",
                                                    "name": "authentications.ws.userid",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                  Object {
                                                    "component": "password-field",
                                                    "helperText": "Used for access to Web Services.",
                                                    "id": "authentications.ws.password",
                                                    "isRequired": true,
                                                    "label": "Password",
                                                    "name": "authentications.ws.password",
                                                    "type": "password",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                ],
                                                "id": "endpoints.ws.valid",
                                                "isRequired": true,
                                                "name": "endpoints.ws.valid",
                                                "skipSubmit": true,
                                              },
                                            ],
                                            "id": "ws-tab",
                                            "name": "ws-tab",
                                            "title": "Web Service",
                                          },
                                        ],
                                        "name": "tabs",
                                      },
                                    ]
                                  }
                                  id="endpoints-subform"
                                  name="endpoints-subform"
                                  title="Endpoints"
                                />,
                                <SingleField
                                  component="spy-field"
                                  name="spy-field"
                                />,
                              ]
                            }
                            formSpyProps={
                              Object {
                                "active": undefined,
                                "dirty": true,
                                "dirtyFields": Object {
                                  "endpoints.default.valid": true,
                                  "endpoints.remote.valid": true,
                                  "endpoints.ws.valid": true,
                                },
                                "dirtyFieldsSinceLastSubmit": Object {
                                  "endpoints.default.valid": true,
                                  "endpoints.remote.valid": true,
                                  "endpoints.ws.valid": true,
                                  "hostname": true,
                                  "name": true,
                                },
                                "dirtySinceLastSubmit": false,
                                "error": undefined,
                                "errors": Object {
                                  "authentications": Object {
                                    "default": Object {
                                      "userid": "Required",
                                    },
                                    "remote": Object {
                                      "userid": "Required",
                                    },
                                    "ws": Object {
                                      "userid": "Required",
                                    },
                                  },
                                },
                                "form": Object {
                                  "batch": [Function],
                                  "blur": [Function],
                                  "change": [Function],
                                  "destroyOnUnregister": false,
                                  "focus": [Function],
                                  "getFieldState": [Function],
                                  "getRegisteredFields": [Function],
                                  "getState": [Function],
                                  "initialize": [Function],
                                  "isValidationPaused": [Function],
                                  "mutators": Object {
                                    "concat": [Function],
                                    "insert": [Function],
                                    "move": [Function],
                                    "pop": [Function],
                                    "push": [Function],
                                    "remove": [Function],
                                    "removeBatch": [Function],
                                    "shift": [Function],
                                    "swap": [Function],
                                    "unshift": [Function],
                                    "update": [Function],
                                  },
                                  "pauseValidation": [Function],
                                  "registerField": [Function],
                                  "reset": [Function],
                                  "resetFieldState": [Function],
                                  "restart": [Function],
                                  "resumeValidation": [Function],
                                  "setConfig": [Function],
                                  "submit": [Function],
                                  "subscribe": [Function],
                                },
                                "hasSubmitErrors": false,
                                "hasValidationErrors": true,
                                "initialValues": Object {
                                  "authentications": Object {},
                                  "ems_id": "2",
                                  "host_validate_against": 1,
                                  "hostname": null,
                                  "id": "1",
                                  "ipaddress": "10.197.65.254",
                                  "name": "10.197.65.254",
                                  "type": "ManageIQ::Providers::IbmPowerHmc::InfraManager::Host",
                                },
                                "invalid": true,
                                "modified": Object {
                                  "authentications.default.userid": false,
                                  "authentications.remote.userid": false,
                                  "authentications.ws.userid": false,
                                  "custom_identifier": false,
                                  "endpoints.default.valid": true,
                                  "endpoints.remote.valid": true,
                                  "endpoints.ws.valid": true,
                                  "hostname": false,
                                  "name": false,
                                },
                                "modifiedSinceLastSubmit": false,
                                "pristine": false,
                                "submitError": undefined,
                                "submitErrors": undefined,
                                "submitFailed": false,
                                "submitSucceeded": false,
                                "submitting": false,
                                "touched": Object {
                                  "authentications.default.userid": false,
                                  "authentications.remote.userid": false,
                                  "authentications.ws.userid": false,
                                  "custom_identifier": false,
                                  "endpoints.default.valid": false,
                                  "endpoints.remote.valid": false,
                                  "endpoints.ws.valid": false,
                                  "hostname": false,
                                  "name": false,
                                },
                                "valid": false,
                                "validating": false,
                                "values": Object {
                                  "authentications": Object {},
                                  "ems_id": "2",
                                  "endpoints": Object {
                                    "default": Object {
                                      "valid": true,
                                    },
                                    "remote": Object {
                                      "valid": true,
                                    },
                                    "ws": Object {
                                      "valid": true,
                                    },
                                  },
                                  "host_validate_against": 1,
                                  "hostname": null,
                                  "id": "1",
                                  "ipaddress": "10.197.65.254",
                                  "name": "10.197.65.254",
                                  "type": "ManageIQ::Providers::IbmPowerHmc::InfraManager::Host",
                                },
                                "visited": Object {
                                  "authentications.default.userid": false,
                                  "authentications.remote.userid": false,
                                  "authentications.ws.userid": false,
                                  "custom_identifier": false,
                                  "endpoints.default.valid": false,
                                  "endpoints.remote.valid": false,
                                  "endpoints.ws.valid": false,
                                  "hostname": false,
                                  "name": false,
                                },
                              }
                            }
                            onCancel={[Function]}
                            onReset={[Function]}
                            resetLabel="Reset"
                            schema={
                              Object {
                                "fields": Array [
                                  Object {
                                    "component": "text-field",
                                    "id": "name",
                                    "isDisabled": true,
                                    "label": "Name:",
                                    "name": "name",
                                  },
                                  Object {
                                    "component": "text-field",
                                    "id": "hostname",
                                    "isDisabled": true,
                                    "label": "Hostname (or IPv4 or IPv6 address:",
                                    "name": "hostname",
                                  },
                                  Object {
                                    "component": "text-field",
                                    "id": "custom_identifier",
                                    "isDisabled": true,
                                    "label": "Custom Identifier:",
                                    "name": "custom_identifier",
                                  },
                                  Object {
                                    "component": "sub-form",
                                    "fields": Array [
                                      Object {
                                        "component": "tabs",
                                        "fields": Array [
                                          Object {
                                            "component": "tab-item",
                                            "fields": Array [
                                              Object {
                                                "component": "validate-host-credentials",
                                                "fields": Array [
                                                  Object {
                                                    "component": "text-field",
                                                    "id": "authentications.default.userid",
                                                    "isRequired": true,
                                                    "label": "Username",
                                                    "name": "authentications.default.userid",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                  Object {
                                                    "component": "password-field",
                                                    "id": "authentications.default.password",
                                                    "isRequired": true,
                                                    "label": "Password",
                                                    "name": "authentications.default.password",
                                                    "type": "password",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                ],
                                                "id": "endpoints.default.valid",
                                                "isRequired": true,
                                                "name": "endpoints.default.valid",
                                                "skipSubmit": true,
                                              },
                                            ],
                                            "id": "default-tab",
                                            "name": "default-tab",
                                            "title": "Default",
                                          },
                                          Object {
                                            "component": "tab-item",
                                            "fields": Array [
                                              Object {
                                                "component": "validate-host-credentials",
                                                "fields": Array [
                                                  Object {
                                                    "component": "text-field",
                                                    "id": "authentications.remote.userid",
                                                    "isRequired": true,
                                                    "label": "Username",
                                                    "name": "authentications.remote.userid",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                  Object {
                                                    "component": "password-field",
                                                    "helperText": "Required if SSH login is disabled for the Default account.",
                                                    "id": "authentications.remote.password",
                                                    "isRequired": true,
                                                    "label": "Password",
                                                    "name": "authentications.remote.password",
                                                    "type": "password",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                ],
                                                "id": "endpoints.remote.valid",
                                                "isRequired": true,
                                                "name": "endpoints.remote.valid",
                                                "skipSubmit": true,
                                              },
                                            ],
                                            "id": "remote-tab",
                                            "name": "remote-tab",
                                            "title": "Remote Login",
                                          },
                                          Object {
                                            "component": "tab-item",
                                            "fields": Array [
                                              Object {
                                                "component": "validate-host-credentials",
                                                "fields": Array [
                                                  Object {
                                                    "component": "text-field",
                                                    "id": "authentications.ws.userid",
                                                    "isRequired": true,
                                                    "label": "Username",
                                                    "name": "authentications.ws.userid",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                  Object {
                                                    "component": "password-field",
                                                    "helperText": "Used for access to Web Services.",
                                                    "id": "authentications.ws.password",
                                                    "isRequired": true,
                                                    "label": "Password",
                                                    "name": "authentications.ws.password",
                                                    "type": "password",
                                                    "validate": Array [
                                                      Object {
                                                        "type": "required",
                                                      },
                                                    ],
                                                  },
                                                ],
                                                "id": "endpoints.ws.valid",
                                                "isRequired": true,
                                                "name": "endpoints.ws.valid",
                                                "skipSubmit": true,
                                              },
                                            ],
                                            "id": "ws-tab",
                                            "name": "ws-tab",
                                            "title": "Web Service",
                                          },
                                        ],
                                        "name": "tabs",
                                      },
                                    ],
                                    "id": "endpoints-subform",
                                    "name": "endpoints-subform",
                                    "title": "Endpoints",
                                  },
                                  Object {
                                    "component": "spy-field",
                                    "initialize": undefined,
                                    "name": "spy-field",
                                  },
                                ],
                              }
                            }
                            submitLabel="Save"
                          >
                            <ButtonGroup>
                              <ButtonSet
                                className=""
                              >
                                <div
                                  className="bx--btn-set"
                                >
                                  <Button
                                    buttonType="submit"
                                    disabled={true}
                                    key="form-submit"
                                    label="Save"
                                    type="submit"
                                    variant="primary"
                                  >
                                    <Button
                                      disabled={true}
                                      kind="primary"
                                      type="submit"
                                      variant="primary"
                                    >
                                      <button
                                        aria-describedby={null}
                                        aria-pressed={null}
                                        className="bx--btn bx--btn--primary bx--btn--disabled"
                                        disabled={true}
                                        onBlur={[Function]}
                                        onClick={[Function]}
                                        onFocus={[Function]}
                                        onMouseEnter={[Function]}
                                        onMouseLeave={[Function]}
                                        tabIndex={0}
                                        type="submit"
                                        variant="primary"
                                      >
                                        Save
                                      </button>
                                    </Button>
                                  </Button>
                                  <Button
                                    buttonType="reset"
                                    disabled={false}
                                    key="form-reset"
                                    label="Reset"
                                    onClick={[Function]}
                                    type="button"
                                  >
                                    <Button
                                      disabled={false}
                                      kind="secondary"
                                      onClick={[Function]}
                                      type="button"
                                    >
                                      <button
                                        aria-describedby={null}
                                        aria-pressed={null}
                                        className="bx--btn bx--btn--secondary"
                                        disabled={false}
                                        onBlur={[Function]}
                                        onClick={[Function]}
                                        onFocus={[Function]}
                                        onMouseEnter={[Function]}
                                        onMouseLeave={[Function]}
                                        tabIndex={0}
                                        type="button"
                                      >
                                        Reset
                                      </button>
                                    </Button>
                                  </Button>
                                  <Button
                                    buttonType="cancel"
                                    key="form-cancel"
                                    label="Cancel"
                                    onClick={[Function]}
                                    type="button"
                                  >
                                    <Button
                                      kind="secondary"
                                      onClick={[Function]}
                                      type="button"
                                    >
                                      <button
                                        aria-describedby={null}
                                        aria-pressed={null}
                                        className="bx--btn bx--btn--secondary"
                                        disabled={false}
                                        onBlur={[Function]}
                                        onClick={[Function]}
                                        onFocus={[Function]}
                                        onMouseEnter={[Function]}
                                        onMouseLeave={[Function]}
                                        tabIndex={0}
                                        type="button"
                                      >
                                        Cancel
                                      </button>
                                    </Button>
                                  </Button>
                                </div>
                              </ButtonSet>
                            </ButtonGroup>
                          </FormControls>
                        </FormSpy>
                         
                      </form>
                    </Form>
                  </Form>
                </FormTemplate>
              </WrappedFormTemplate>
            </Component>
          </ReactFinalForm>
        </FormRenderer>
      </MiqFormRenderer>
    </Connect(MiqFormRenderer)>
  </HostEditForm>
</Provider>
`;

exports[`Show Edit Host Form Component should render form for multiple hosts 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],
    }
  }
>
  <HostEditForm
    ids={
      Array [
        1,
        2,
        3,
      ]
    }
  >
    <Connect(MiqFormRenderer)
      canReset={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],
          "protocol-selector": [Function],
          "radio": [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],
          "validate-host-credentials": [Function],
          "wizard": [Function],
        }
      }
      onCancel={[Function]}
      onReset={[Function]}
      onSubmit={[Function]}
      schema={
        Object {
          "fields": Array [
            Object {
              "component": "select",
              "id": "host_validate_against",
              "isRequired": true,
              "label": "Select a Host to validate against",
              "loadOptions": [Function],
              "name": "host_validate_against",
              "onChange": [Function],
              "validate": Array [
                Object {
                  "type": "required",
                },
              ],
            },
          ],
        }
      }
    >
      <MiqFormRenderer
        buttonsLabels={Object {}}
        canReset={true}
        className="form-react"
        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],
            "protocol-selector": [Function],
            "radio": [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],
            "validate-host-credentials": [Function],
            "wizard": [Function],
          }
        }
        disableSubmit={
          Array [
            "pristine",
            "invalid",
          ]
        }
        dispatch={[Function]}
        onCancel={[Function]}
        onReset={[Function]}
        onSubmit={[Function]}
        schema={
          Object {
            "fields": Array [
              Object {
                "component": "select",
                "id": "host_validate_against",
                "isRequired": true,
                "label": "Select a Host to validate against",
                "loadOptions": [Function],
                "name": "host_validate_against",
                "onChange": [Function],
                "validate": Array [
                  Object {
                    "type": "required",
                  },
                ],
              },
            ],
          }
        }
        showFormControls={true}
      >
        <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],
              "protocol-selector": [Function],
              "radio": [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],
              "validate-host-credentials": [Function],
              "wizard": [Function],
            }
          }
          dispatch={[Function]}
          initialValues={Object {}}
          onCancel={[Function]}
          onReset={[Function]}
          onSubmit={[Function]}
          schema={
            Object {
              "fields": Array [
                Object {
                  "component": "select",
                  "id": "host_validate_against",
                  "isRequired": true,
                  "label": "Select a Host to validate against",
                  "loadOptions": [Function],
                  "name": "host_validate_against",
                  "onChange": [Function],
                  "validate": Array [
                    Object {
                      "type": "required",
                    },
                  ],
                },
                Object {
                  "component": "spy-field",
                  "initialize": undefined,
                  "name": "spy-field",
                },
              ],
            }
          }
        >
          <ReactFinalForm
            decorators={
              Array [
                [Function],
              ]
            }
            dispatch={[Function]}
            initialValues={Object {}}
            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,
              }
            }
          >
            <Component
              formFields={
                Array [
                  <SingleField
                    component="select"
                    id="host_validate_against"
                    isRequired={true}
                    label="Select a Host to validate against"
                    loadOptions={[Function]}
                    name="host_validate_against"
                    onChange={[Function]}
                    validate={
                      Array [
                        Object {
                          "type": "required",
                        },
                      ]
                    }
                  />,
                  <SingleField
                    component="spy-field"
                    name="spy-field"
                  />,
                ]
              }
              schema={
                Object {
                  "fields": Array [
                    Object {
                      "component": "select",
                      "id": "host_validate_against",
                      "isRequired": true,
                      "label": "Select a Host to validate against",
                      "loadOptions": [Function],
                      "name": "host_validate_against",
                      "onChange": [Function],
                      "validate": Array [
                        Object {
                          "type": "required",
                        },
                      ],
                    },
                    Object {
                      "component": "spy-field",
                      "initialize": undefined,
                      "name": "spy-field",
                    },
                  ],
                }
              }
            >
              <WrappedFormTemplate
                canReset={true}
                cancelLabel="Cancel"
                disableSubmit={
                  Array [
                    "pristine",
                    "invalid",
                  ]
                }
                formFields={
                  Array [
                    <SingleField
                      component="select"
                      id="host_validate_against"
                      isRequired={true}
                      label="Select a Host to validate against"
                      loadOptions={[Function]}
                      name="host_validate_against"
                      onChange={[Function]}
                      validate={
                        Array [
                          Object {
                            "type": "required",
                          },
                        ]
                      }
                    />,
                    <SingleField
                      component="spy-field"
                      name="spy-field"
                    />,
                  ]
                }
                formWrapperProps={
                  Object {
                    "className": "form-react",
                  }
                }
                resetLabel="Reset"
                schema={
                  Object {
                    "fields": Array [
                      Object {
                        "component": "select",
                        "id": "host_validate_against",
                        "isRequired": true,
                        "label": "Select a Host to validate against",
                        "loadOptions": [Function],
                        "name": "host_validate_against",
                        "onChange": [Function],
                        "validate": Array [
                          Object {
                            "type": "required",
                          },
                        ],
                      },
                      Object {
                        "component": "spy-field",
                        "initialize": undefined,
                        "name": "spy-field",
                      },
                    ],
                  }
                }
                showFormControls={true}
                submitLabel="Save"
              >
                <FormTemplate
                  Button={[Function]}
                  ButtonGroup={[Function]}
                  Description={[Function]}
                  FormWrapper={[Function]}
                  Header={[Function]}
                  Title={[Function]}
                  buttonOrder={
                    Array [
                      "submit",
                      "reset",
                      "cancel",
                    ]
                  }
                  canReset={true}
                  cancelLabel="Cancel"
                  disableSubmit={
                    Array [
                      "pristine",
                      "invalid",
                    ]
                  }
                  formFields={
                    Array [
                      <SingleField
                        component="select"
                        id="host_validate_against"
                        isRequired={true}
                        label="Select a Host to validate against"
                        loadOptions={[Function]}
                        name="host_validate_against"
                        onChange={[Function]}
                        validate={
                          Array [
                            Object {
                              "type": "required",
                            },
                          ]
                        }
                      />,
                      <SingleField
                        component="spy-field"
                        name="spy-field"
                      />,
                    ]
                  }
                  formWrapperProps={
                    Object {
                      "className": "form-react",
                    }
                  }
                  resetLabel="Reset"
                  schema={
                    Object {
                      "fields": Array [
                        Object {
                          "component": "select",
                          "id": "host_validate_against",
                          "isRequired": true,
                          "label": "Select a Host to validate against",
                          "loadOptions": [Function],
                          "name": "host_validate_against",
                          "onChange": [Function],
                          "validate": Array [
                            Object {
                              "type": "required",
                            },
                          ],
                        },
                        Object {
                          "component": "spy-field",
                          "initialize": undefined,
                          "name": "spy-field",
                        },
                      ],
                    }
                  }
                  showFormControls={true}
                  submitLabel="Save"
                >
                  <Form
                    className="form-react"
                    onSubmit={[Function]}
                  >
                    <Form
                      className="form-0-2-3 form-react"
                      noValidate={true}
                      onSubmit={[Function]}
                    >
                      <form
                        className="bx--form form-0-2-3 form-react"
                        noValidate={true}
                        onSubmit={[Function]}
                      >
                         
                        <SingleField
                          component="select"
                          id="host_validate_against"
                          isRequired={true}
                          key="host_validate_against"
                          label="Select a Host to validate against"
                          loadOptions={[Function]}
                          name="host_validate_against"
                          onChange={[Function]}
                          validate={
                            Array [
                              Object {
                                "type": "required",
                              },
                            ]
                          }
                        >
                          <FormConditionWrapper
                            field={
                              Object {
                                "component": "select",
                                "id": "host_validate_against",
                                "isRequired": true,
                                "label": "Select a Host to validate against",
                                "loadOptions": [Function],
                                "name": "host_validate_against",
                                "onChange": [Function],
                                "validate": Array [
                                  Object {
                                    "type": "required",
                                  },
                                ],
                              }
                            }
                          >
                            <FormFieldHideWrapper
                              hideField={false}
                            >
                              <SelectWithOnChange
                                component="select"
                                id="host_validate_against"
                                isRequired={true}
                                label="Select a Host to validate against"
                                loadOptions={[Function]}
                                name="host_validate_against"
                                onChange={[Function]}
                                placeholder="<Choose>"
                                validate={
                                  Array [
                                    Object {
                                      "type": "required",
                                    },
                                  ]
                                }
                              >
                                <Select
                                  component="select"
                                  id="host_validate_against"
                                  isRequired={true}
                                  label="Select a Host to validate against"
                                  loadOptions={[Function]}
                                  loadingMessage="Loading..."
                                  name="host_validate_against"
                                  placeholder="<Choose>"
                                  validate={
                                    Array [
                                      Object {
                                        "type": "required",
                                      },
                                    ]
                                  }
                                >
                                  <Select
                                    SelectComponent={[Function]}
                                    id="host_validate_against"
                                    invalidText=""
                                    labelText={
                                      <IsRequired>
                                        Select a Host to validate against
                                      </IsRequired>
                                    }
                                    loadOptions={[Function]}
                                    loadOptionsChangeCounter={1}
                                    loadingMessage="Loading..."
                                    name="host_validate_against"
                                    onBlur={[Function]}
                                    onChange={[Function]}
                                    onFocus={[Function]}
                                    placeholder="<Choose>"
                                    simpleValue={false}
                                    value=""
                                  >
                                    <ClearedSelect
                                      className=""
                                      closeMenuOnSelect={true}
                                      hideSelectedOptions={false}
                                      id="host_validate_against"
                                      invalidText=""
                                      isClearable={false}
                                      isFetching={false}
                                      isSearchable={false}
                                      labelText={
                                        <IsRequired>
                                          Select a Host to validate against
                                        </IsRequired>
                                      }
                                      name="host_validate_against"
                                      noOptionsMessage={[Function]}
                                      onBlur={[Function]}
                                      onChange={[Function]}
                                      onFocus={[Function]}
                                      onInputChange={[Function]}
                                      options={
                                        Array [
                                          Object {
                                            "label": "<Choose>",
                                            "value": "-1",
                                          },
                                          Object {
                                            "label": "aramis",
                                            "value": "9",
                                          },
                                          Object {
                                            "label": "10.197.65.254",
                                            "value": "10",
                                          },
                                        ]
                                      }
                                      placeholder="<Choose>"
                                      value=""
                                    >
                                      <Select
                                        className=""
                                        disabled={false}
                                        helperText=""
                                        id="host_validate_against"
                                        inline={false}
                                        invalid={false}
                                        invalidText=""
                                        labelText={
                                          <IsRequired>
                                            Select a Host to validate against
                                          </IsRequired>
                                        }
                                        light={false}
                                        name="host_validate_against"
                                        onBlur={[Function]}
                                        onChange={[Function]}
                                        onFocus={[Function]}
                                        value=""
                                      >
                                        <div
                                          className="bx--form-item"
                                        >
                                          <div
                                            className="bx--select"
                                          >
                                            <label
                                              className="bx--label"
                                              htmlFor="host_validate_against"
                                            >
                                              <IsRequired>
                                                <span
                                                  aria-hidden="true"
                                                  className="ddorg__carbon-component-mapper_is-required isRequired-0-2-6"
                                                >
                                                  *
                                                </span>
                                                Select a Host to validate against
                                              </IsRequired>
                                            </label>
                                            <div
                                              className="bx--select-input__wrapper"
                                              data-invalid={null}
                                            >
                                              <select
                                                className="bx--select-input"
                                                id="host_validate_against"
                                                name="host_validate_against"
                                                onBlur={[Function]}
                                                onChange={[Function]}
                                                onFocus={[Function]}
                                                value=""
                                              >
                                                <SelectItem
                                                  disabled={false}
                                                  hidden={false}
                                                  key="-1"
                                                  label="<Choose>"
                                                  text="<Choose>"
                                                  value="-1"
                                                >
                                                  <option
                                                    className="bx--select-option"
                                                    disabled={false}
                                                    hidden={false}
                                                    label="<Choose>"
                                                    value="-1"
                                                  >
                                                    &lt;Choose&gt;
                                                  </option>
                                                </SelectItem>
                                                <SelectItem
                                                  disabled={false}
                                                  hidden={false}
                                                  key="9"
                                                  label="aramis"
                                                  text="aramis"
                                                  value="9"
                                                >
                                                  <option
                                                    className="bx--select-option"
                                                    disabled={false}
                                                    hidden={false}
                                                    label="aramis"
                                                    value="9"
                                                  >
                                                    aramis
                                                  </option>
                                                </SelectItem>
                                                <SelectItem
                                                  disabled={false}
                                                  hidden={false}
                                                  key="10"
                                                  label="10.197.65.254"
                                                  text="10.197.65.254"
                                                  value="10"
                                                >
                                                  <option
                                                    className="bx--select-option"
                                                    disabled={false}
                                                    hidden={false}
                                                    label="10.197.65.254"
                                                    value="10"
                                                  >
                                                    10.197.65.254
                                                  </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="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>
                        <FormSpy>
                          <FormControls
                            Button={[Function]}
                            ButtonGroup={[Function]}
                            FormSpy={[Function]}
                            buttonOrder={
                              Array [
                                "submit",
                                "reset",
                                "cancel",
                              ]
                            }
                            canReset={true}
                            cancelLabel="Cancel"
                            disableSubmit={true}
                            formFields={
                              Array [
                                <SingleField
                                  component="select"
                                  id="host_validate_against"
                                  isRequired={true}
                                  label="Select a Host to validate against"
                                  loadOptions={[Function]}
                                  name="host_validate_against"
                                  onChange={[Function]}
                                  validate={
                                    Array [
                                      Object {
                                        "type": "required",
                                      },
                                    ]
                                  }
                                />,
                                <SingleField
                                  component="spy-field"
                                  name="spy-field"
                                />,
                              ]
                            }
                            formSpyProps={
                              Object {
                                "active": undefined,
                                "dirty": false,
                                "dirtyFields": Object {},
                                "dirtyFieldsSinceLastSubmit": Object {},
                                "dirtySinceLastSubmit": false,
                                "error": undefined,
                                "errors": Object {
                                  "host_validate_against": "Required",
                                },
                                "form": Object {
                                  "batch": [Function],
                                  "blur": [Function],
                                  "change": [Function],
                                  "destroyOnUnregister": false,
                                  "focus": [Function],
                                  "getFieldState": [Function],
                                  "getRegisteredFields": [Function],
                                  "getState": [Function],
                                  "initialize": [Function],
                                  "isValidationPaused": [Function],
                                  "mutators": Object {
                                    "concat": [Function],
                                    "insert": [Function],
                                    "move": [Function],
                                    "pop": [Function],
                                    "push": [Function],
                                    "remove": [Function],
                                    "removeBatch": [Function],
                                    "shift": [Function],
                                    "swap": [Function],
                                    "unshift": [Function],
                                    "update": [Function],
                                  },
                                  "pauseValidation": [Function],
                                  "registerField": [Function],
                                  "reset": [Function],
                                  "resetFieldState": [Function],
                                  "restart": [Function],
                                  "resumeValidation": [Function],
                                  "setConfig": [Function],
                                  "submit": [Function],
                                  "subscribe": [Function],
                                },
                                "hasSubmitErrors": false,
                                "hasValidationErrors": true,
                                "initialValues": Object {},
                                "invalid": true,
                                "modified": Object {
                                  "host_validate_against": false,
                                },
                                "modifiedSinceLastSubmit": false,
                                "pristine": true,
                                "submitError": undefined,
                                "submitErrors": undefined,
                                "submitFailed": false,
                                "submitSucceeded": false,
                                "submitting": false,
                                "touched": Object {
                                  "host_validate_against": false,
                                },
                                "valid": false,
                                "validating": false,
                                "values": Object {},
                                "visited": Object {
                                  "host_validate_against": false,
                                },
                              }
                            }
                            onCancel={[Function]}
                            onReset={[Function]}
                            resetLabel="Reset"
                            schema={
                              Object {
                                "fields": Array [
                                  Object {
                                    "component": "select",
                                    "id": "host_validate_against",
                                    "isRequired": true,
                                    "label": "Select a Host to validate against",
                                    "loadOptions": [Function],
                                    "name": "host_validate_against",
                                    "onChange": [Function],
                                    "validate": Array [
                                      Object {
                                        "type": "required",
                                      },
                                    ],
                                  },
                                  Object {
                                    "component": "spy-field",
                                    "initialize": undefined,
                                    "name": "spy-field",
                                  },
                                ],
                              }
                            }
                            submitLabel="Save"
                          >
                            <ButtonGroup>
                              <ButtonSet
                                className=""
                              >
                                <div
                                  className="bx--btn-set"
                                >
                                  <Button
                                    buttonType="submit"
                                    disabled={true}
                                    key="form-submit"
                                    label="Save"
                                    type="submit"
                                    variant="primary"
                                  >
                                    <Button
                                      disabled={true}
                                      kind="primary"
                                      type="submit"
                                      variant="primary"
                                    >
                                      <button
                                        aria-describedby={null}
                                        aria-pressed={null}
                                        className="bx--btn bx--btn--primary bx--btn--disabled"
                                        disabled={true}
                                        onBlur={[Function]}
                                        onClick={[Function]}
                                        onFocus={[Function]}
                                        onMouseEnter={[Function]}
                                        onMouseLeave={[Function]}
                                        tabIndex={0}
                                        type="submit"
                                        variant="primary"
                                      >
                                        Save
                                      </button>
                                    </Button>
                                  </Button>
                                  <Button
                                    buttonType="reset"
                                    disabled={true}
                                    key="form-reset"
                                    label="Reset"
                                    onClick={[Function]}
                                    type="button"
                                  >
                                    <Button
                                      disabled={true}
                                      kind="secondary"
                                      onClick={[Function]}
                                      type="button"
                                    >
                                      <button
                                        aria-describedby={null}
                                        aria-pressed={null}
                                        className="bx--btn bx--btn--secondary bx--btn--disabled"
                                        disabled={true}
                                        onBlur={[Function]}
                                        onClick={[Function]}
                                        onFocus={[Function]}
                                        onMouseEnter={[Function]}
                                        onMouseLeave={[Function]}
                                        tabIndex={0}
                                        type="button"
                                      >
                                        Reset
                                      </button>
                                    </Button>
                                  </Button>
                                  <Button
                                    buttonType="cancel"
                                    key="form-cancel"
                                    label="Cancel"
                                    onClick={[Function]}
                                    type="button"
                                  >
                                    <Button
                                      kind="secondary"
                                      onClick={[Function]}
                                      type="button"
                                    >
                                      <button
                                        aria-describedby={null}
                                        aria-pressed={null}
                                        className="bx--btn bx--btn--secondary"
                                        disabled={false}
                                        onBlur={[Function]}
                                        onClick={[Function]}
                                        onFocus={[Function]}
                                        onMouseEnter={[Function]}
                                        onMouseLeave={[Function]}
                                        tabIndex={0}
                                        type="button"
                                      >
                                        Cancel
                                      </button>
                                    </Button>
                                  </Button>
                                </div>
                              </ButtonSet>
                            </ButtonGroup>
                          </FormControls>
                        </FormSpy>
                         
                      </form>
                    </Form>
                  </Form>
                </FormTemplate>
              </WrappedFormTemplate>
            </Component>
          </ReactFinalForm>
        </FormRenderer>
      </MiqFormRenderer>
    </Connect(MiqFormRenderer)>
  </HostEditForm>
</Provider>
`;