// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`NewVisModal filter for visualization types should render as expected 1`] = `
<NewVisModal
  addBasePath={[Function]}
  application={Object {}}
  editorParams={Array []}
  intl={
    Object {
      "defaultFormats": Object {},
      "defaultLocale": "en",
      "formatDate": [Function],
      "formatHTMLMessage": [Function],
      "formatMessage": [Function],
      "formatNumber": [Function],
      "formatPlural": [Function],
      "formatRelative": [Function],
      "formatTime": [Function],
      "formats": Object {
        "date": Object {
          "full": Object {
            "day": "numeric",
            "month": "long",
            "weekday": "long",
            "year": "numeric",
          },
          "long": Object {
            "day": "numeric",
            "month": "long",
            "year": "numeric",
          },
          "medium": Object {
            "day": "numeric",
            "month": "short",
            "year": "numeric",
          },
          "short": Object {
            "day": "numeric",
            "month": "numeric",
            "year": "2-digit",
          },
        },
        "number": Object {
          "currency": Object {
            "style": "currency",
          },
          "percent": Object {
            "style": "percent",
          },
        },
        "relative": Object {
          "days": Object {
            "units": "day",
          },
          "hours": Object {
            "units": "hour",
          },
          "minutes": Object {
            "units": "minute",
          },
          "months": Object {
            "units": "month",
          },
          "seconds": Object {
            "units": "second",
          },
          "years": Object {
            "units": "year",
          },
        },
        "time": Object {
          "full": Object {
            "hour": "numeric",
            "minute": "numeric",
            "second": "numeric",
            "timeZoneName": "short",
          },
          "long": Object {
            "hour": "numeric",
            "minute": "numeric",
            "second": "numeric",
            "timeZoneName": "short",
          },
          "medium": Object {
            "hour": "numeric",
            "minute": "numeric",
            "second": "numeric",
          },
          "short": Object {
            "hour": "numeric",
            "minute": "numeric",
          },
        },
      },
      "formatters": Object {
        "getDateTimeFormat": [Function],
        "getMessageFormat": [Function],
        "getNumberFormat": [Function],
        "getPluralFormat": [Function],
        "getRelativeFormat": [Function],
      },
      "locale": "en",
      "messages": Object {},
      "now": [Function],
      "onError": [Function],
      "textComponent": Symbol(react.fragment),
      "timeZone": null,
    }
  }
  isOpen={true}
  onClose={[Function]}
  savedObjects={Object {}}
  uiSettings={
    Object {
      "get": [MockFunction] {
        "calls": Array [
          Array [
            "visualize:enableLabs",
          ],
        ],
        "results": Array [
          Object {
            "type": "return",
            "value": undefined,
          },
        ],
      },
    }
  }
  visTypesRegistry={
    Object {
      "all": [Function],
      "get": [Function],
      "getAliases": [Function],
    }
  }
>
  <EuiModal
    aria-label="Start creating your visualization by selecting a type for that visualization. Hit escape to close this modal. Hit Tab key to go further."
    className="visNewVisDialog"
    onClose={[Function]}
  >
    <EuiOverlayMask>
      <Portal
        containerInfo={
          <div
            class="euiOverlayMask euiOverlayMask--aboveHeader"
          >
            <div
              data-eui="EuiFocusTrap"
            >
              <div
                aria-label="Start creating your visualization by selecting a type for that visualization. Hit escape to close this modal. Hit Tab key to go further."
                class="euiModal euiModal--maxWidth-default visNewVisDialog"
                tabindex="0"
              >
                <button
                  aria-label="Closes this modal window"
                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                  type="button"
                >
                  <span
                    aria-hidden="true"
                    class="euiButtonIcon__icon"
                    color="inherit"
                    data-euiicon-type="cross"
                  />
                </button>
                <div
                  class="euiModal__flex"
                >
                  <div
                    class="euiModalHeader"
                  >
                    <div
                      class="euiModalHeader__title"
                    >
                      New Visualization
                    </div>
                  </div>
                  <div
                    class="visNewVisDialog__body"
                  >
                    <div
                      class="euiFlexGroup euiFlexGroup--gutterExtraLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                    >
                      <div
                        class="euiFlexItem"
                      >
                        <div
                          class="euiFlexGroup euiFlexGroup--directionColumn visNewVisDialog__list"
                        >
                          <div
                            class="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__searchWrapper"
                          >
                            <div
                              class="euiFormControlLayout euiFormControlLayout--fullWidth"
                            >
                              <div
                                class="euiFormControlLayout__childrenWrapper"
                              >
                                <input
                                  aria-label="Filter for a visualization type"
                                  class="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
                                  data-test-subj="filterVisType"
                                  placeholder="Filter"
                                  type="search"
                                  value="with"
                                />
                                <div
                                  class="euiFormControlLayoutIcons"
                                >
                                  <span
                                    class="euiFormControlLayoutCustomIcon"
                                  >
                                    <span
                                      aria-hidden="true"
                                      class="euiFormControlLayoutCustomIcon__icon"
                                      data-euiicon-type="search"
                                    />
                                  </span>
                                </div>
                                <div
                                  class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                                >
                                  <button
                                    aria-label="Clear input"
                                    class="euiFormControlLayoutClearButton"
                                    type="button"
                                  >
                                    <span
                                      class="euiFormControlLayoutClearButton__icon"
                                      data-euiicon-type="cross"
                                    />
                                  </button>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div
                            class="euiFlexItem euiFlexItem--flexGrow1 visNewVisDialog__typesWrapper"
                          >
                            <span
                              aria-live="polite"
                              class="euiScreenReaderOnly"
                            >
                              3 types found
                            </span>
                            <ul
                              class="euiKeyPadMenu visNewVisDialog__types"
                              data-test-subj="visNewDialogTypes"
                            >
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-visAliasWithPromotion"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-visAliasWithPromotion"
                                  data-vis-stage="alias"
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis alias with promotion
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-visWithAliasUrl"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-visWithAliasUrl"
                                  data-vis-stage="alias"
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis with alias Url
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-visWithSearch"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-visWithSearch"
                                  data-vis-stage="production"
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis with search
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-vis"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-vis"
                                  data-vis-stage="production"
                                  disabled=""
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis Type 1
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div
                        class="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__description"
                      >
                        <h2
                          class="euiTitle euiTitle--small"
                        >
                          Select a visualization type
                        </h2>
                        <div
                          class="euiSpacer euiSpacer--m"
                        />
                        <div
                          class="euiText euiText--medium"
                        >
                          <p>
                            Start creating your visualization by selecting a type for that visualization.
                          </p>
                          <p>
                            <strong>
                              promotion description
                            </strong>
                          </p>
                          <button
                            class="euiButton euiButton--primary euiButton--small euiButton--fill"
                            type="button"
                          >
                            <span
                              class="euiButtonContent euiButtonContent--iconRight euiButton__content"
                            >
                              <span
                                class="euiButtonContent__icon"
                                color="inherit"
                                data-euiicon-type="popout"
                              />
                              <span
                                class="euiButton__text"
                              >
                                another app
                              </span>
                            </span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        }
      >
        <EuiFocusTrap>
          <div
            data-eui="EuiFocusTrap"
          >
            <div
              aria-label="Start creating your visualization by selecting a type for that visualization. Hit escape to close this modal. Hit Tab key to go further."
              className="euiModal euiModal--maxWidth-default visNewVisDialog"
              onKeyDown={[Function]}
              tabIndex={0}
            >
              <EuiI18n
                default="Closes this modal window"
                token="euiModal.closeModal"
              >
                <EuiButtonIcon
                  aria-label="Closes this modal window"
                  className="euiModal__closeIcon"
                  color="text"
                  iconType="cross"
                  onClick={[Function]}
                >
                  <button
                    aria-label="Closes this modal window"
                    className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                    disabled={false}
                    onClick={[Function]}
                    type="button"
                  >
                    <EuiIcon
                      aria-hidden="true"
                      className="euiButtonIcon__icon"
                      color="inherit"
                      size="m"
                      type="cross"
                    >
                      <span
                        aria-hidden="true"
                        className="euiButtonIcon__icon"
                        color="inherit"
                        data-euiicon-type="cross"
                        size="m"
                      />
                    </EuiIcon>
                  </button>
                </EuiButtonIcon>
              </EuiI18n>
              <div
                className="euiModal__flex"
              >
                <TypeSelection
                  addBasePath={[Function]}
                  onVisTypeSelected={[Function]}
                  visTypesRegistry={
                    Object {
                      "all": [Function],
                      "get": [Function],
                      "getAliases": [Function],
                    }
                  }
                >
                  <EuiModalHeader>
                    <div
                      className="euiModalHeader"
                    >
                      <EuiModalHeaderTitle>
                        <div
                          className="euiModalHeader__title"
                        >
                          <FormattedMessage
                            defaultMessage="New Visualization"
                            id="visualizations.newVisWizard.title"
                            values={Object {}}
                          >
                            New Visualization
                          </FormattedMessage>
                        </div>
                      </EuiModalHeaderTitle>
                    </div>
                  </EuiModalHeader>
                  <div
                    className="visNewVisDialog__body"
                  >
                    <EuiFlexGroup
                      gutterSize="xl"
                    >
                      <div
                        className="euiFlexGroup euiFlexGroup--gutterExtraLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                      >
                        <EuiFlexItem>
                          <div
                            className="euiFlexItem"
                          >
                            <EuiFlexGroup
                              className="visNewVisDialog__list"
                              direction="column"
                              gutterSize="none"
                              responsive={false}
                            >
                              <div
                                className="euiFlexGroup euiFlexGroup--directionColumn visNewVisDialog__list"
                              >
                                <EuiFlexItem
                                  className="visNewVisDialog__searchWrapper"
                                  grow={false}
                                >
                                  <div
                                    className="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__searchWrapper"
                                  >
                                    <EuiFieldSearch
                                      aria-label="Filter for a visualization type"
                                      compressed={false}
                                      data-test-subj="filterVisType"
                                      fullWidth={true}
                                      incremental={false}
                                      isClearable={true}
                                      isLoading={false}
                                      onChange={[Function]}
                                      placeholder="Filter"
                                      value="with"
                                    >
                                      <EuiFormControlLayout
                                        clear={
                                          Object {
                                            "onClick": [Function],
                                          }
                                        }
                                        compressed={false}
                                        fullWidth={true}
                                        icon="search"
                                        isLoading={false}
                                      >
                                        <div
                                          className="euiFormControlLayout euiFormControlLayout--fullWidth"
                                        >
                                          <div
                                            className="euiFormControlLayout__childrenWrapper"
                                          >
                                            <EuiValidatableControl>
                                              <input
                                                aria-label="Filter for a visualization type"
                                                className="euiFieldSearch euiFieldSearch--fullWidth euiFieldSearch-isClearable"
                                                data-test-subj="filterVisType"
                                                onChange={[Function]}
                                                onKeyUp={[Function]}
                                                placeholder="Filter"
                                                type="search"
                                                value="with"
                                              />
                                            </EuiValidatableControl>
                                            <EuiFormControlLayoutIcons
                                              clear={
                                                Object {
                                                  "onClick": [Function],
                                                }
                                              }
                                              compressed={false}
                                              icon="search"
                                              isLoading={false}
                                            >
                                              <div
                                                className="euiFormControlLayoutIcons"
                                              >
                                                <EuiFormControlLayoutCustomIcon
                                                  size="m"
                                                  type="search"
                                                >
                                                  <span
                                                    className="euiFormControlLayoutCustomIcon"
                                                  >
                                                    <EuiIcon
                                                      aria-hidden="true"
                                                      className="euiFormControlLayoutCustomIcon__icon"
                                                      size="m"
                                                      type="search"
                                                    >
                                                      <span
                                                        aria-hidden="true"
                                                        className="euiFormControlLayoutCustomIcon__icon"
                                                        data-euiicon-type="search"
                                                        size="m"
                                                      />
                                                    </EuiIcon>
                                                  </span>
                                                </EuiFormControlLayoutCustomIcon>
                                              </div>
                                              <div
                                                className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
                                              >
                                                <EuiFormControlLayoutClearButton
                                                  onClick={[Function]}
                                                  size="m"
                                                >
                                                  <EuiI18n
                                                    default="Clear input"
                                                    token="euiFormControlLayoutClearButton.label"
                                                  >
                                                    <button
                                                      aria-label="Clear input"
                                                      className="euiFormControlLayoutClearButton"
                                                      onClick={[Function]}
                                                      type="button"
                                                    >
                                                      <EuiIcon
                                                        className="euiFormControlLayoutClearButton__icon"
                                                        type="cross"
                                                      >
                                                        <span
                                                          className="euiFormControlLayoutClearButton__icon"
                                                          data-euiicon-type="cross"
                                                        />
                                                      </EuiIcon>
                                                    </button>
                                                  </EuiI18n>
                                                </EuiFormControlLayoutClearButton>
                                              </div>
                                            </EuiFormControlLayoutIcons>
                                          </div>
                                        </div>
                                      </EuiFormControlLayout>
                                    </EuiFieldSearch>
                                  </div>
                                </EuiFlexItem>
                                <EuiFlexItem
                                  className="visNewVisDialog__typesWrapper"
                                  grow={1}
                                >
                                  <div
                                    className="euiFlexItem euiFlexItem--flexGrow1 visNewVisDialog__typesWrapper"
                                  >
                                    <EuiScreenReaderOnly>
                                      <span
                                        aria-live="polite"
                                        className="euiScreenReaderOnly"
                                      >
                                        <FormattedMessage
                                          defaultMessage="{resultCount} {resultCount, plural, one {type} other {types} } found"
                                          id="visualizations.newVisWizard.resultsFound"
                                          values={
                                            Object {
                                              "resultCount": 3,
                                            }
                                          }
                                        >
                                          3 types found
                                        </FormattedMessage>
                                      </span>
                                    </EuiScreenReaderOnly>
                                    <EuiKeyPadMenu
                                      className="visNewVisDialog__types"
                                      data-test-subj="visNewDialogTypes"
                                    >
                                      <ul
                                        className="euiKeyPadMenu visNewVisDialog__types"
                                        data-test-subj="visNewDialogTypes"
                                      >
                                        <li
                                          key=".$visAliasWithPromotion"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-visAliasWithPromotion"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-visAliasWithPromotion"
                                            data-vis-stage="alias"
                                            disabled={false}
                                            key="visAliasWithPromotion"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis alias with promotion
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-visAliasWithPromotion"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-visAliasWithPromotion"
                                              data-vis-stage="alias"
                                              disabled={false}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis alias with promotion
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                        <li
                                          key=".$visWithAliasUrl"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-visWithAliasUrl"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-visWithAliasUrl"
                                            data-vis-stage="alias"
                                            disabled={false}
                                            key="visWithAliasUrl"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis with alias Url
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-visWithAliasUrl"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-visWithAliasUrl"
                                              data-vis-stage="alias"
                                              disabled={false}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis with alias Url
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                        <li
                                          key=".$visWithSearch"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-visWithSearch"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-visWithSearch"
                                            data-vis-stage="production"
                                            disabled={false}
                                            key="visWithSearch"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis with search
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-visWithSearch"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-visWithSearch"
                                              data-vis-stage="production"
                                              disabled={false}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis with search
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                        <li
                                          key=".$vis"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-vis"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-vis"
                                            data-vis-stage="production"
                                            disabled={true}
                                            key="vis"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis Type 1
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-vis"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-vis"
                                              data-vis-stage="production"
                                              disabled={true}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis Type 1
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                      </ul>
                                    </EuiKeyPadMenu>
                                  </div>
                                </EuiFlexItem>
                              </div>
                            </EuiFlexGroup>
                          </div>
                        </EuiFlexItem>
                        <EuiFlexItem
                          className="visNewVisDialog__description"
                          grow={false}
                        >
                          <div
                            className="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__description"
                          >
                            <EuiTitle
                              size="s"
                            >
                              <h2
                                className="euiTitle euiTitle--small"
                              >
                                <FormattedMessage
                                  defaultMessage="Select a visualization type"
                                  id="visualizations.newVisWizard.selectVisType"
                                  values={Object {}}
                                >
                                  Select a visualization type
                                </FormattedMessage>
                              </h2>
                            </EuiTitle>
                            <EuiSpacer
                              size="m"
                            >
                              <div
                                className="euiSpacer euiSpacer--m"
                              />
                            </EuiSpacer>
                            <NewVisHelp
                              onPromotionClicked={[Function]}
                              promotedTypes={
                                Array [
                                  Object {
                                    "aliasApp": "anotherApp",
                                    "aliasPath": "#/anotherUrl",
                                    "name": "visAliasWithPromotion",
                                    "promotion": Object {
                                      "buttonText": "another app",
                                      "description": "promotion description",
                                    },
                                    "stage": "production",
                                    "title": "Vis alias with promotion",
                                  },
                                ]
                              }
                            >
                              <EuiText>
                                <div
                                  className="euiText euiText--medium"
                                >
                                  <p>
                                    <FormattedMessage
                                      defaultMessage="Start creating your visualization by selecting a type for that visualization."
                                      id="visualizations.newVisWizard.helpText"
                                      values={Object {}}
                                    >
                                      Start creating your visualization by selecting a type for that visualization.
                                    </FormattedMessage>
                                  </p>
                                  <p>
                                    <strong>
                                      promotion description
                                    </strong>
                                  </p>
                                  <EuiButton
                                    fill={true}
                                    iconSide="right"
                                    iconType="popout"
                                    onClick={[Function]}
                                    size="s"
                                  >
                                    <EuiButtonDisplay
                                      baseClassName="euiButton"
                                      disabled={false}
                                      element="button"
                                      fill={true}
                                      iconSide="right"
                                      iconType="popout"
                                      isDisabled={false}
                                      onClick={[Function]}
                                      size="s"
                                      type="button"
                                    >
                                      <button
                                        className="euiButton euiButton--primary euiButton--small euiButton--fill"
                                        disabled={false}
                                        onClick={[Function]}
                                        style={
                                          Object {
                                            "minWidth": undefined,
                                          }
                                        }
                                        type="button"
                                      >
                                        <EuiButtonContent
                                          className="euiButton__content"
                                          iconSide="right"
                                          iconType="popout"
                                          textProps={
                                            Object {
                                              "className": "euiButton__text",
                                            }
                                          }
                                        >
                                          <span
                                            className="euiButtonContent euiButtonContent--iconRight euiButton__content"
                                          >
                                            <EuiIcon
                                              className="euiButtonContent__icon"
                                              color="inherit"
                                              size="m"
                                              type="popout"
                                            >
                                              <span
                                                className="euiButtonContent__icon"
                                                color="inherit"
                                                data-euiicon-type="popout"
                                                size="m"
                                              />
                                            </EuiIcon>
                                            <span
                                              className="euiButton__text"
                                            >
                                              another app
                                            </span>
                                          </span>
                                        </EuiButtonContent>
                                      </button>
                                    </EuiButtonDisplay>
                                  </EuiButton>
                                </div>
                              </EuiText>
                            </NewVisHelp>
                          </div>
                        </EuiFlexItem>
                      </div>
                    </EuiFlexGroup>
                  </div>
                </TypeSelection>
              </div>
            </div>
          </div>
        </EuiFocusTrap>
      </Portal>
    </EuiOverlayMask>
  </EuiModal>
</NewVisModal>
`;

exports[`NewVisModal should render as expected 1`] = `
<NewVisModal
  addBasePath={[Function]}
  application={Object {}}
  editorParams={Array []}
  intl={
    Object {
      "defaultFormats": Object {},
      "defaultLocale": "en",
      "formatDate": [Function],
      "formatHTMLMessage": [Function],
      "formatMessage": [Function],
      "formatNumber": [Function],
      "formatPlural": [Function],
      "formatRelative": [Function],
      "formatTime": [Function],
      "formats": Object {
        "date": Object {
          "full": Object {
            "day": "numeric",
            "month": "long",
            "weekday": "long",
            "year": "numeric",
          },
          "long": Object {
            "day": "numeric",
            "month": "long",
            "year": "numeric",
          },
          "medium": Object {
            "day": "numeric",
            "month": "short",
            "year": "numeric",
          },
          "short": Object {
            "day": "numeric",
            "month": "numeric",
            "year": "2-digit",
          },
        },
        "number": Object {
          "currency": Object {
            "style": "currency",
          },
          "percent": Object {
            "style": "percent",
          },
        },
        "relative": Object {
          "days": Object {
            "units": "day",
          },
          "hours": Object {
            "units": "hour",
          },
          "minutes": Object {
            "units": "minute",
          },
          "months": Object {
            "units": "month",
          },
          "seconds": Object {
            "units": "second",
          },
          "years": Object {
            "units": "year",
          },
        },
        "time": Object {
          "full": Object {
            "hour": "numeric",
            "minute": "numeric",
            "second": "numeric",
            "timeZoneName": "short",
          },
          "long": Object {
            "hour": "numeric",
            "minute": "numeric",
            "second": "numeric",
            "timeZoneName": "short",
          },
          "medium": Object {
            "hour": "numeric",
            "minute": "numeric",
            "second": "numeric",
          },
          "short": Object {
            "hour": "numeric",
            "minute": "numeric",
          },
        },
      },
      "formatters": Object {
        "getDateTimeFormat": [Function],
        "getMessageFormat": [Function],
        "getNumberFormat": [Function],
        "getPluralFormat": [Function],
        "getRelativeFormat": [Function],
      },
      "locale": "en",
      "messages": Object {},
      "now": [Function],
      "onError": [Function],
      "textComponent": Symbol(react.fragment),
      "timeZone": null,
    }
  }
  isOpen={true}
  onClose={[Function]}
  savedObjects={Object {}}
  uiSettings={
    Object {
      "get": [MockFunction] {
        "calls": Array [
          Array [
            "visualize:enableLabs",
          ],
        ],
        "results": Array [
          Object {
            "type": "return",
            "value": undefined,
          },
        ],
      },
    }
  }
  visTypesRegistry={
    Object {
      "all": [Function],
      "get": [Function],
      "getAliases": [Function],
    }
  }
>
  <EuiModal
    aria-label="Start creating your visualization by selecting a type for that visualization. Hit escape to close this modal. Hit Tab key to go further."
    className="visNewVisDialog"
    onClose={[Function]}
  >
    <EuiOverlayMask>
      <Portal
        containerInfo={
          <div
            class="euiOverlayMask euiOverlayMask--aboveHeader"
          >
            <div
              data-eui="EuiFocusTrap"
            >
              <div
                aria-label="Start creating your visualization by selecting a type for that visualization. Hit escape to close this modal. Hit Tab key to go further."
                class="euiModal euiModal--maxWidth-default visNewVisDialog"
                tabindex="0"
              >
                <button
                  aria-label="Closes this modal window"
                  class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                  type="button"
                >
                  <span
                    aria-hidden="true"
                    class="euiButtonIcon__icon"
                    color="inherit"
                    data-euiicon-type="cross"
                  />
                </button>
                <div
                  class="euiModal__flex"
                >
                  <div
                    class="euiModalHeader"
                  >
                    <div
                      class="euiModalHeader__title"
                    >
                      New Visualization
                    </div>
                  </div>
                  <div
                    class="visNewVisDialog__body"
                  >
                    <div
                      class="euiFlexGroup euiFlexGroup--gutterExtraLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                    >
                      <div
                        class="euiFlexItem"
                      >
                        <div
                          class="euiFlexGroup euiFlexGroup--directionColumn visNewVisDialog__list"
                        >
                          <div
                            class="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__searchWrapper"
                          >
                            <div
                              class="euiFormControlLayout euiFormControlLayout--fullWidth"
                            >
                              <div
                                class="euiFormControlLayout__childrenWrapper"
                              >
                                <input
                                  aria-label="Filter for a visualization type"
                                  class="euiFieldSearch euiFieldSearch--fullWidth"
                                  data-test-subj="filterVisType"
                                  placeholder="Filter"
                                  type="search"
                                  value=""
                                />
                                <div
                                  class="euiFormControlLayoutIcons"
                                >
                                  <span
                                    class="euiFormControlLayoutCustomIcon"
                                  >
                                    <span
                                      aria-hidden="true"
                                      class="euiFormControlLayoutCustomIcon__icon"
                                      data-euiicon-type="search"
                                    />
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div
                            class="euiFlexItem euiFlexItem--flexGrow1 visNewVisDialog__typesWrapper"
                          >
                            <span
                              aria-live="polite"
                              class="euiScreenReaderOnly"
                            />
                            <ul
                              class="euiKeyPadMenu visNewVisDialog__types"
                              data-test-subj="visNewDialogTypes"
                            >
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-visAliasWithPromotion"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-visAliasWithPromotion"
                                  data-vis-stage="alias"
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis alias with promotion
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-vis"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-vis"
                                  data-vis-stage="production"
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis Type 1
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-visWithAliasUrl"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-visWithAliasUrl"
                                  data-vis-stage="alias"
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis with alias Url
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                              <li>
                                <button
                                  aria-describedby="visTypeDescription-visWithSearch"
                                  class="euiKeyPadMenuItem visNewVisDialog__type"
                                  data-test-subj="visType-visWithSearch"
                                  data-vis-stage="production"
                                  type="button"
                                >
                                  <div
                                    class="euiKeyPadMenuItem__inner"
                                  >
                                    <div
                                      class="euiKeyPadMenuItem__icon"
                                    >
                                      <span
                                        color="secondary"
                                        data-euiicon-type="empty"
                                      />
                                    </div>
                                    <p
                                      class="euiKeyPadMenuItem__label"
                                    >
                                      <span
                                        data-test-subj="visTypeTitle"
                                      >
                                        Vis with search
                                      </span>
                                    </p>
                                  </div>
                                </button>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div
                        class="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__description"
                      >
                        <h2
                          class="euiTitle euiTitle--small"
                        >
                          Select a visualization type
                        </h2>
                        <div
                          class="euiSpacer euiSpacer--m"
                        />
                        <div
                          class="euiText euiText--medium"
                        >
                          <p>
                            Start creating your visualization by selecting a type for that visualization.
                          </p>
                          <p>
                            <strong>
                              promotion description
                            </strong>
                          </p>
                          <button
                            class="euiButton euiButton--primary euiButton--small euiButton--fill"
                            type="button"
                          >
                            <span
                              class="euiButtonContent euiButtonContent--iconRight euiButton__content"
                            >
                              <span
                                class="euiButtonContent__icon"
                                color="inherit"
                                data-euiicon-type="popout"
                              />
                              <span
                                class="euiButton__text"
                              >
                                another app
                              </span>
                            </span>
                          </button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        }
      >
        <EuiFocusTrap>
          <div
            data-eui="EuiFocusTrap"
          >
            <div
              aria-label="Start creating your visualization by selecting a type for that visualization. Hit escape to close this modal. Hit Tab key to go further."
              className="euiModal euiModal--maxWidth-default visNewVisDialog"
              onKeyDown={[Function]}
              tabIndex={0}
            >
              <EuiI18n
                default="Closes this modal window"
                token="euiModal.closeModal"
              >
                <EuiButtonIcon
                  aria-label="Closes this modal window"
                  className="euiModal__closeIcon"
                  color="text"
                  iconType="cross"
                  onClick={[Function]}
                >
                  <button
                    aria-label="Closes this modal window"
                    className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiModal__closeIcon"
                    disabled={false}
                    onClick={[Function]}
                    type="button"
                  >
                    <EuiIcon
                      aria-hidden="true"
                      className="euiButtonIcon__icon"
                      color="inherit"
                      size="m"
                      type="cross"
                    >
                      <span
                        aria-hidden="true"
                        className="euiButtonIcon__icon"
                        color="inherit"
                        data-euiicon-type="cross"
                        size="m"
                      />
                    </EuiIcon>
                  </button>
                </EuiButtonIcon>
              </EuiI18n>
              <div
                className="euiModal__flex"
              >
                <TypeSelection
                  addBasePath={[Function]}
                  onVisTypeSelected={[Function]}
                  visTypesRegistry={
                    Object {
                      "all": [Function],
                      "get": [Function],
                      "getAliases": [Function],
                    }
                  }
                >
                  <EuiModalHeader>
                    <div
                      className="euiModalHeader"
                    >
                      <EuiModalHeaderTitle>
                        <div
                          className="euiModalHeader__title"
                        >
                          <FormattedMessage
                            defaultMessage="New Visualization"
                            id="visualizations.newVisWizard.title"
                            values={Object {}}
                          >
                            New Visualization
                          </FormattedMessage>
                        </div>
                      </EuiModalHeaderTitle>
                    </div>
                  </EuiModalHeader>
                  <div
                    className="visNewVisDialog__body"
                  >
                    <EuiFlexGroup
                      gutterSize="xl"
                    >
                      <div
                        className="euiFlexGroup euiFlexGroup--gutterExtraLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                      >
                        <EuiFlexItem>
                          <div
                            className="euiFlexItem"
                          >
                            <EuiFlexGroup
                              className="visNewVisDialog__list"
                              direction="column"
                              gutterSize="none"
                              responsive={false}
                            >
                              <div
                                className="euiFlexGroup euiFlexGroup--directionColumn visNewVisDialog__list"
                              >
                                <EuiFlexItem
                                  className="visNewVisDialog__searchWrapper"
                                  grow={false}
                                >
                                  <div
                                    className="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__searchWrapper"
                                  >
                                    <EuiFieldSearch
                                      aria-label="Filter for a visualization type"
                                      compressed={false}
                                      data-test-subj="filterVisType"
                                      fullWidth={true}
                                      incremental={false}
                                      isClearable={true}
                                      isLoading={false}
                                      onChange={[Function]}
                                      placeholder="Filter"
                                      value=""
                                    >
                                      <EuiFormControlLayout
                                        compressed={false}
                                        fullWidth={true}
                                        icon="search"
                                        isLoading={false}
                                      >
                                        <div
                                          className="euiFormControlLayout euiFormControlLayout--fullWidth"
                                        >
                                          <div
                                            className="euiFormControlLayout__childrenWrapper"
                                          >
                                            <EuiValidatableControl>
                                              <input
                                                aria-label="Filter for a visualization type"
                                                className="euiFieldSearch euiFieldSearch--fullWidth"
                                                data-test-subj="filterVisType"
                                                onChange={[Function]}
                                                onKeyUp={[Function]}
                                                placeholder="Filter"
                                                type="search"
                                                value=""
                                              />
                                            </EuiValidatableControl>
                                            <EuiFormControlLayoutIcons
                                              compressed={false}
                                              icon="search"
                                              isLoading={false}
                                            >
                                              <div
                                                className="euiFormControlLayoutIcons"
                                              >
                                                <EuiFormControlLayoutCustomIcon
                                                  size="m"
                                                  type="search"
                                                >
                                                  <span
                                                    className="euiFormControlLayoutCustomIcon"
                                                  >
                                                    <EuiIcon
                                                      aria-hidden="true"
                                                      className="euiFormControlLayoutCustomIcon__icon"
                                                      size="m"
                                                      type="search"
                                                    >
                                                      <span
                                                        aria-hidden="true"
                                                        className="euiFormControlLayoutCustomIcon__icon"
                                                        data-euiicon-type="search"
                                                        size="m"
                                                      />
                                                    </EuiIcon>
                                                  </span>
                                                </EuiFormControlLayoutCustomIcon>
                                              </div>
                                            </EuiFormControlLayoutIcons>
                                          </div>
                                        </div>
                                      </EuiFormControlLayout>
                                    </EuiFieldSearch>
                                  </div>
                                </EuiFlexItem>
                                <EuiFlexItem
                                  className="visNewVisDialog__typesWrapper"
                                  grow={1}
                                >
                                  <div
                                    className="euiFlexItem euiFlexItem--flexGrow1 visNewVisDialog__typesWrapper"
                                  >
                                    <EuiScreenReaderOnly>
                                      <span
                                        aria-live="polite"
                                        className="euiScreenReaderOnly"
                                      />
                                    </EuiScreenReaderOnly>
                                    <EuiKeyPadMenu
                                      className="visNewVisDialog__types"
                                      data-test-subj="visNewDialogTypes"
                                    >
                                      <ul
                                        className="euiKeyPadMenu visNewVisDialog__types"
                                        data-test-subj="visNewDialogTypes"
                                      >
                                        <li
                                          key=".$visAliasWithPromotion"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-visAliasWithPromotion"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-visAliasWithPromotion"
                                            data-vis-stage="alias"
                                            disabled={false}
                                            key="visAliasWithPromotion"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis alias with promotion
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-visAliasWithPromotion"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-visAliasWithPromotion"
                                              data-vis-stage="alias"
                                              disabled={false}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis alias with promotion
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                        <li
                                          key=".$vis"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-vis"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-vis"
                                            data-vis-stage="production"
                                            disabled={false}
                                            key="vis"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis Type 1
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-vis"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-vis"
                                              data-vis-stage="production"
                                              disabled={false}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis Type 1
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                        <li
                                          key=".$visWithAliasUrl"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-visWithAliasUrl"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-visWithAliasUrl"
                                            data-vis-stage="alias"
                                            disabled={false}
                                            key="visWithAliasUrl"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis with alias Url
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-visWithAliasUrl"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-visWithAliasUrl"
                                              data-vis-stage="alias"
                                              disabled={false}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis with alias Url
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                        <li
                                          key=".$visWithSearch"
                                        >
                                          <EuiKeyPadMenuItem
                                            aria-describedby="visTypeDescription-visWithSearch"
                                            className="visNewVisDialog__type"
                                            data-test-subj="visType-visWithSearch"
                                            data-vis-stage="production"
                                            disabled={false}
                                            key="visWithSearch"
                                            label={
                                              <span
                                                data-test-subj="visTypeTitle"
                                              >
                                                Vis with search
                                              </span>
                                            }
                                            onBlur={[Function]}
                                            onClick={[Function]}
                                            onFocus={[Function]}
                                            onMouseEnter={[Function]}
                                            onMouseLeave={[Function]}
                                          >
                                            <button
                                              aria-describedby="visTypeDescription-visWithSearch"
                                              className="euiKeyPadMenuItem visNewVisDialog__type"
                                              data-test-subj="visType-visWithSearch"
                                              data-vis-stage="production"
                                              disabled={false}
                                              onBlur={[Function]}
                                              onClick={[Function]}
                                              onFocus={[Function]}
                                              onMouseEnter={[Function]}
                                              onMouseLeave={[Function]}
                                              type="button"
                                            >
                                              <div
                                                className="euiKeyPadMenuItem__inner"
                                              >
                                                <div
                                                  className="euiKeyPadMenuItem__icon"
                                                >
                                                  <VisTypeIcon>
                                                    <EuiIcon
                                                      color="secondary"
                                                      size="l"
                                                      type="empty"
                                                    >
                                                      <span
                                                        color="secondary"
                                                        data-euiicon-type="empty"
                                                        size="l"
                                                      />
                                                    </EuiIcon>
                                                  </VisTypeIcon>
                                                </div>
                                                <p
                                                  className="euiKeyPadMenuItem__label"
                                                >
                                                  <span
                                                    data-test-subj="visTypeTitle"
                                                  >
                                                    Vis with search
                                                  </span>
                                                </p>
                                              </div>
                                            </button>
                                          </EuiKeyPadMenuItem>
                                        </li>
                                      </ul>
                                    </EuiKeyPadMenu>
                                  </div>
                                </EuiFlexItem>
                              </div>
                            </EuiFlexGroup>
                          </div>
                        </EuiFlexItem>
                        <EuiFlexItem
                          className="visNewVisDialog__description"
                          grow={false}
                        >
                          <div
                            className="euiFlexItem euiFlexItem--flexGrowZero visNewVisDialog__description"
                          >
                            <EuiTitle
                              size="s"
                            >
                              <h2
                                className="euiTitle euiTitle--small"
                              >
                                <FormattedMessage
                                  defaultMessage="Select a visualization type"
                                  id="visualizations.newVisWizard.selectVisType"
                                  values={Object {}}
                                >
                                  Select a visualization type
                                </FormattedMessage>
                              </h2>
                            </EuiTitle>
                            <EuiSpacer
                              size="m"
                            >
                              <div
                                className="euiSpacer euiSpacer--m"
                              />
                            </EuiSpacer>
                            <NewVisHelp
                              onPromotionClicked={[Function]}
                              promotedTypes={
                                Array [
                                  Object {
                                    "aliasApp": "anotherApp",
                                    "aliasPath": "#/anotherUrl",
                                    "name": "visAliasWithPromotion",
                                    "promotion": Object {
                                      "buttonText": "another app",
                                      "description": "promotion description",
                                    },
                                    "stage": "production",
                                    "title": "Vis alias with promotion",
                                  },
                                ]
                              }
                            >
                              <EuiText>
                                <div
                                  className="euiText euiText--medium"
                                >
                                  <p>
                                    <FormattedMessage
                                      defaultMessage="Start creating your visualization by selecting a type for that visualization."
                                      id="visualizations.newVisWizard.helpText"
                                      values={Object {}}
                                    >
                                      Start creating your visualization by selecting a type for that visualization.
                                    </FormattedMessage>
                                  </p>
                                  <p>
                                    <strong>
                                      promotion description
                                    </strong>
                                  </p>
                                  <EuiButton
                                    fill={true}
                                    iconSide="right"
                                    iconType="popout"
                                    onClick={[Function]}
                                    size="s"
                                  >
                                    <EuiButtonDisplay
                                      baseClassName="euiButton"
                                      disabled={false}
                                      element="button"
                                      fill={true}
                                      iconSide="right"
                                      iconType="popout"
                                      isDisabled={false}
                                      onClick={[Function]}
                                      size="s"
                                      type="button"
                                    >
                                      <button
                                        className="euiButton euiButton--primary euiButton--small euiButton--fill"
                                        disabled={false}
                                        onClick={[Function]}
                                        style={
                                          Object {
                                            "minWidth": undefined,
                                          }
                                        }
                                        type="button"
                                      >
                                        <EuiButtonContent
                                          className="euiButton__content"
                                          iconSide="right"
                                          iconType="popout"
                                          textProps={
                                            Object {
                                              "className": "euiButton__text",
                                            }
                                          }
                                        >
                                          <span
                                            className="euiButtonContent euiButtonContent--iconRight euiButton__content"
                                          >
                                            <EuiIcon
                                              className="euiButtonContent__icon"
                                              color="inherit"
                                              size="m"
                                              type="popout"
                                            >
                                              <span
                                                className="euiButtonContent__icon"
                                                color="inherit"
                                                data-euiicon-type="popout"
                                                size="m"
                                              />
                                            </EuiIcon>
                                            <span
                                              className="euiButton__text"
                                            >
                                              another app
                                            </span>
                                          </span>
                                        </EuiButtonContent>
                                      </button>
                                    </EuiButtonDisplay>
                                  </EuiButton>
                                </div>
                              </EuiText>
                            </NewVisHelp>
                          </div>
                        </EuiFlexItem>
                      </div>
                    </EuiFlexGroup>
                  </div>
                </TypeSelection>
              </div>
            </div>
          </div>
        </EuiFocusTrap>
      </Portal>
    </EuiOverlayMask>
  </EuiModal>
</NewVisModal>
`;