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

exports[`Metrics component Renders Metrics component 1`] = `
<Component
  config={true}
  layout={
    Object {
      "colorway": Array [
        "#8C55A3",
      ],
      "height": 220,
      "margin": Object {
        "b": 15,
        "l": 60,
        "pad": 0,
        "r": 10,
        "t": 30,
      },
      "showlegend": true,
    }
  }
  visualizations={
    Object {
      "data": Object {
        "appData": Object {
          "fromApp": false,
        },
        "defaultAxes": Object {},
        "explorer": Object {
          "explorerData": Object {
            "jsonData": Array [
              Object {
                "double_per_ip_bytes": 11606,
                "host": "artifacts.opensearch.org",
                "ip_count": 176,
                "per_ip_bytes": 5803,
                "resp_code": "404",
                "sum_bytes": 1021420,
              },
              Object {
                "double_per_ip_bytes": 10100,
                "host": "www.opensearch.org",
                "ip_count": 111,
                "per_ip_bytes": 5050,
                "resp_code": "404",
                "sum_bytes": 560638,
              },
              Object {
                "double_per_ip_bytes": 0,
                "host": "artifacts.opensearch.org",
                "ip_count": 94,
                "per_ip_bytes": 0,
                "resp_code": "503",
                "sum_bytes": 0,
              },
              Object {
                "double_per_ip_bytes": 0,
                "host": "www.opensearch.org",
                "ip_count": 78,
                "per_ip_bytes": 0,
                "resp_code": "503",
                "sum_bytes": 0,
              },
              Object {
                "double_per_ip_bytes": 11526,
                "host": "cdn.opensearch-opensearch-opensearch.org",
                "ip_count": 43,
                "per_ip_bytes": 5763,
                "resp_code": "404",
                "sum_bytes": 247840,
              },
              Object {
                "double_per_ip_bytes": 0,
                "host": "cdn.opensearch-opensearch-opensearch.org",
                "ip_count": 34,
                "per_ip_bytes": 0,
                "resp_code": "503",
                "sum_bytes": 0,
              },
              Object {
                "double_per_ip_bytes": 8882,
                "host": "opensearch-opensearch-opensearch.org",
                "ip_count": 13,
                "per_ip_bytes": 4441,
                "resp_code": "404",
                "sum_bytes": 57735,
              },
              Object {
                "double_per_ip_bytes": 0,
                "host": "opensearch-opensearch-opensearch.org",
                "ip_count": 6,
                "per_ip_bytes": 0,
                "resp_code": "503",
                "sum_bytes": 0,
              },
            ],
            "schema": Array [
              Object {
                "name": "agent",
                "type": "string",
              },
              Object {
                "name": "bytes",
                "type": "long",
              },
              Object {
                "name": "clientip",
                "type": "ip",
              },
              Object {
                "name": "event",
                "type": "struct",
              },
              Object {
                "name": "extension",
                "type": "string",
              },
              Object {
                "name": "geo",
                "type": "struct",
              },
              Object {
                "name": "host",
                "type": "string",
              },
              Object {
                "name": "index",
                "type": "string",
              },
              Object {
                "name": "ip",
                "type": "ip",
              },
              Object {
                "name": "machine",
                "type": "struct",
              },
              Object {
                "name": "memory",
                "type": "double",
              },
              Object {
                "name": "message",
                "type": "string",
              },
              Object {
                "name": "phpmemory",
                "type": "long",
              },
              Object {
                "name": "referer",
                "type": "string",
              },
              Object {
                "name": "request",
                "type": "string",
              },
              Object {
                "name": "response",
                "type": "string",
              },
              Object {
                "name": "tags",
                "type": "string",
              },
              Object {
                "name": "timestamp",
                "type": "timestamp",
              },
              Object {
                "name": "url",
                "type": "string",
              },
              Object {
                "name": "utc_time",
                "type": "timestamp",
              },
            ],
          },
        },
        "indexFields": Object {
          "availableFields": Array [
            Object {
              "name": "agent",
              "type": "string",
            },
            Object {
              "name": "bytes",
              "type": "long",
            },
            Object {
              "name": "clientip",
              "type": "ip",
            },
            Object {
              "name": "event",
              "type": "struct",
            },
            Object {
              "name": "extension",
              "type": "string",
            },
            Object {
              "name": "geo",
              "type": "struct",
            },
            Object {
              "name": "host",
              "type": "string",
            },
            Object {
              "name": "index",
              "type": "string",
            },
            Object {
              "name": "ip",
              "type": "ip",
            },
            Object {
              "name": "machine",
              "type": "struct",
            },
            Object {
              "name": "memory",
              "type": "double",
            },
            Object {
              "name": "message",
              "type": "string",
            },
            Object {
              "name": "phpmemory",
              "type": "long",
            },
            Object {
              "name": "referer",
              "type": "string",
            },
            Object {
              "name": "request",
              "type": "string",
            },
            Object {
              "name": "response",
              "type": "string",
            },
            Object {
              "name": "tags",
              "type": "string",
            },
            Object {
              "name": "timestamp",
              "type": "timestamp",
            },
            Object {
              "name": "url",
              "type": "string",
            },
            Object {
              "name": "utc_time",
              "type": "timestamp",
            },
          ],
          "queriedFields": Array [
            Object {
              "name": "double_per_ip_bytes",
              "type": "long",
            },
            Object {
              "name": "host",
              "type": "text",
            },
            Object {
              "name": "ip_count",
              "type": "integer",
            },
            Object {
              "name": "per_ip_bytes",
              "type": "long",
            },
            Object {
              "name": "resp_code",
              "type": "text",
            },
            Object {
              "name": "sum_bytes",
              "type": "long",
            },
          ],
          "selectedFields": Array [],
          "unselectedFields": Array [],
        },
        "query": Object {},
        "rawVizData": Object {
          "data": Object {
            "count()": Array [
              154,
              1753,
              116,
              468,
              1964,
              219,
            ],
            "tags": Array [
              "error",
              "info",
              "login",
              "security",
              "success",
              "warning",
            ],
          },
          "jsonData": Array [
            Object {
              "count()": 154,
              "tags": "error",
            },
            Object {
              "count()": 1753,
              "tags": "info",
            },
            Object {
              "count()": 116,
              "tags": "login",
            },
            Object {
              "count()": 468,
              "tags": "security",
            },
            Object {
              "count()": 1964,
              "tags": "success",
            },
            Object {
              "count()": 219,
              "tags": "warning",
            },
          ],
          "metadata": Object {
            "fields": Array [
              Object {
                "name": "count()",
                "type": "integer",
              },
              Object {
                "name": "tags",
                "type": "text",
              },
            ],
            "size": 6,
            "status": 200,
          },
        },
        "userConfigs": Object {
          "dataConfig": Object {
            "valueOptions": Object {
              "dimensions": Array [
                Object {
                  "label": "tags",
                  "name": "tags",
                  "type": "text",
                },
              ],
              "metrics": Array [
                Object {
                  "label": "count()",
                  "name": "count()",
                  "side": "left",
                  "type": "integer",
                },
              ],
            },
          },
        },
      },
      "vis": Object {
        "category": "Visualizations",
        "categoryaxis": "xaxis",
        "charttype": "auto",
        "component": [Function],
        "editorconfig": Object {
          "panelTabs": Array [
            Object {
              "editor": [Function],
              "id": "data-panel",
              "mapTo": "dataConfig",
              "name": "Style",
              "sections": Array [
                Object {
                  "editor": [Function],
                  "id": "tooltip_options",
                  "mapTo": "tooltipOptions",
                  "name": "Tooltip options",
                  "schemas": Array [
                    Object {
                      "component": null,
                      "mapTo": "tooltipMode",
                      "name": "Tooltip mode",
                      "props": Object {
                        "defaultSelections": Array [
                          Object {
                            "id": "show",
                            "name": "Show",
                          },
                        ],
                        "options": Array [
                          Object {
                            "id": "show",
                            "name": "Show",
                          },
                          Object {
                            "id": "hidden",
                            "name": "Hidden",
                          },
                        ],
                      },
                    },
                    Object {
                      "component": null,
                      "mapTo": "tooltipText",
                      "name": "Tooltip text",
                      "props": Object {
                        "defaultSelections": Array [
                          Object {
                            "id": "all",
                            "name": "All",
                          },
                        ],
                        "options": Array [
                          Object {
                            "id": "all",
                            "name": "All",
                          },
                          Object {
                            "id": "x",
                            "name": "Dimension",
                          },
                          Object {
                            "id": "y",
                            "name": "Series",
                          },
                        ],
                      },
                    },
                  ],
                },
                Object {
                  "editor": [Function],
                  "id": "chart_styles",
                  "mapTo": "chartStyles",
                  "name": "Chart styles",
                  "schemas": Array [
                    Object {
                      "component": [Function],
                      "eleType": "buttons",
                      "mapTo": "chartType",
                      "name": "Chart type",
                      "props": Object {
                        "defaultSelections": Array [
                          Object {
                            "id": "auto",
                            "name": "Auto",
                          },
                        ],
                        "options": Array [
                          Object {
                            "id": "auto",
                            "name": "Auto",
                          },
                          Object {
                            "id": "horizontal",
                            "name": "Horizontal",
                          },
                          Object {
                            "id": "text",
                            "name": "Text mode",
                          },
                        ],
                      },
                    },
                    Object {
                      "component": [Function],
                      "eleType": "buttons",
                      "mapTo": "orientation",
                      "name": "Orientation",
                      "props": Object {
                        "defaultSelections": Array [
                          Object {
                            "id": "auto",
                            "name": "Auto",
                          },
                        ],
                        "options": Array [
                          Object {
                            "id": "auto",
                            "name": "Auto",
                          },
                          Object {
                            "id": "h",
                            "name": "Horizontal",
                          },
                          Object {
                            "id": "v",
                            "name": "Vertical",
                          },
                        ],
                      },
                    },
                    Object {
                      "component": [Function],
                      "eleType": "textInput",
                      "mapTo": "seriesUnits",
                      "name": "Series units",
                      "title": "Series units",
                    },
                    Object {
                      "component": [Function],
                      "eleType": "input",
                      "mapTo": "precisionValue",
                      "name": "Series precision",
                      "props": Object {
                        "minLimit": 0,
                      },
                      "title": "Series precision",
                    },
                    Object {
                      "component": [Function],
                      "eleType": "input",
                      "mapTo": "titleSize",
                      "name": "Title size",
                      "title": "Title size",
                    },
                    Object {
                      "component": [Function],
                      "eleType": "input",
                      "mapTo": "valueSize",
                      "name": "Value size",
                      "title": "Value size",
                    },
                    Object {
                      "component": [Function],
                      "eleType": "buttons",
                      "mapTo": "textMode",
                      "name": "Text mode",
                      "props": Object {
                        "defaultSelections": Array [
                          Object {
                            "id": "auto",
                            "name": "Values + Names",
                          },
                        ],
                        "options": Array [
                          Object {
                            "id": "auto",
                            "name": "Auto",
                          },
                          Object {
                            "id": "names",
                            "name": "Names",
                          },
                          Object {
                            "id": "values",
                            "name": "Values",
                          },
                          Object {
                            "id": "values+names",
                            "name": "Values + Names",
                          },
                        ],
                      },
                    },
                  ],
                },
                Object {
                  "defaultState": Array [
                    Object {
                      "color": "#3CA1C7",
                      "isReadOnly": true,
                      "name": "Base",
                      "thid": "random_html_id",
                      "value": 0,
                    },
                  ],
                  "editor": [Function],
                  "id": "thresholds",
                  "mapTo": "thresholds",
                  "name": "Thresholds",
                  "schemas": Array [],
                },
              ],
            },
            Object {
              "content": Array [],
              "editor": [Function],
              "id": "style-panel",
              "mapTo": "layoutConfig",
              "name": "Layout",
            },
          ],
        },
        "fulllabel": "Metrics",
        "icontype": "stats",
        "id": "metrics",
        "label": "Metrics",
        "name": "metrics",
        "orientation": "auto",
        "precisionvalue": 1,
        "seriesaxis": "yaxis",
        "textmode": "auto",
        "titlesize": 30,
        "type": "metrics",
        "valuesize": 80,
        "visconfig": Object {
          "config": Object {
            "displaylogo": false,
            "responsive": true,
          },
          "layout": Object {
            "colorway": Array [
              "#3CA1C7",
              "#8C55A3",
              "#DB748A",
              "#F2BE4B",
              "#68CCC2",
              "#2A7866",
              "#843769",
              "#374FB8",
              "#BD6F26",
              "#4C636F",
            ],
            "height": 1180,
            "legend": Object {
              "orientation": "v",
              "traceorder": "normal",
            },
            "margin": Object {
              "b": 30,
              "l": 60,
              "pad": 0,
              "r": 30,
              "t": 50,
            },
            "paper_bgcolor": "rgba(0, 0, 0, 0)",
            "plot_bgcolor": "rgba(0, 0, 0, 0)",
            "showlegend": true,
            "xaxis": Object {
              "fixedrange": true,
              "showgrid": false,
              "visible": true,
            },
            "yaxis": Object {
              "fixedrange": true,
              "showgrid": false,
              "visible": true,
            },
          },
        },
      },
    }
  }
>
  <Component
    icon="stats"
  >
    <EuiText
      className="visWorkspaceNoData"
      color="subdued"
      data-test-subj="vizWorkspace__noData"
      size="xs"
      textAlign="center"
    >
      <div
        className="euiText euiText--extraSmall visWorkspaceNoData"
        data-test-subj="vizWorkspace__noData"
      >
        <EuiTextAlign
          textAlign="center"
        >
          <div
            className="euiTextAlign euiTextAlign--center"
          >
            <EuiTextColor
              color="subdued"
              component="div"
            >
              <div
                className="euiTextColor euiTextColor--subdued"
              >
                <EuiIcon
                  color="subdued"
                  size="xxl"
                  type="stats"
                >
                  <EuiIconEmpty
                    aria-hidden={true}
                    className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon-isLoading"
                    focusable="false"
                    role="img"
                    style={null}
                  >
                    <svg
                      aria-hidden={true}
                      className="euiIcon euiIcon--xxLarge euiIcon--subdued euiIcon-isLoading"
                      focusable="false"
                      height={16}
                      role="img"
                      style={null}
                      viewBox="0 0 16 16"
                      width={16}
                      xmlns="http://www.w3.org/2000/svg"
                    />
                  </EuiIconEmpty>
                </EuiIcon>
                <EuiSpacer
                  size="l"
                >
                  <div
                    className="euiSpacer euiSpacer--l"
                  />
                </EuiSpacer>
                <p>
                  <FormattedMessage
                    defaultMessage="No data found"
                    id="visualization_noData"
                    values={Object {}}
                  >
                    <span>
                      No data found
                    </span>
                  </FormattedMessage>
                </p>
              </div>
            </EuiTextColor>
          </div>
        </EuiTextAlign>
      </div>
    </EuiText>
  </Component>
</Component>
`;