mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
[8.x] [Security Solution] [EUI Refresh] [Explore page] Migrate styled-components (#207318) (#208928)
# Backport This will backport the following commits from `main` to `8.x`: - [[Security Solution] [EUI Refresh] [Explore page] Migrate styled-components (#207318)](https://github.com/elastic/kibana/pull/207318) <!--- Backport version: 9.4.3 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport) <!--BACKPORT [{"author":{"name":"Agustina Nahir Ruidiaz","email":"61565784+agusruidiazgd@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-01-30T12:24:05Z","message":"[Security Solution] [EUI Refresh] [Explore page] Migrate styled-components (#207318)\n\n## Summary\r\nAddresses [#206437](https://github.com/elastic/kibana/issues/206437)\r\nThis PR migrates `explore page` from `styled-components` to\r\n`@emotion/styled`.\r\nIn the process I also convert the kbn/ui-theme json tokens to euiTheme\r\ncounterparts.\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/f1702c0d-78f7-4e17-a8d6-c7c9ae19d3b7\r\n\r\n\r\n\r\n### Checklist\r\n\r\nCheck the PR satisfies following conditions. \r\n\r\nReviewers should verify this PR satisfies this list as well.\r\n\r\n- [ ] [Unit or functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere updated or added to match the most common scenarios\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>","sha":"1e63b5ae999eb5022f9f02626db9f70e17d28a92","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:Threat Hunting:Explore","backport:prev-minor","ci:cloud-deploy","EUI Visual Refresh"],"title":"[Security Solution] [EUI Refresh] [Explore page] Migrate styled-components","number":207318,"url":"https://github.com/elastic/kibana/pull/207318","mergeCommit":{"message":"[Security Solution] [EUI Refresh] [Explore page] Migrate styled-components (#207318)\n\n## Summary\r\nAddresses [#206437](https://github.com/elastic/kibana/issues/206437)\r\nThis PR migrates `explore page` from `styled-components` to\r\n`@emotion/styled`.\r\nIn the process I also convert the kbn/ui-theme json tokens to euiTheme\r\ncounterparts.\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/f1702c0d-78f7-4e17-a8d6-c7c9ae19d3b7\r\n\r\n\r\n\r\n### Checklist\r\n\r\nCheck the PR satisfies following conditions. \r\n\r\nReviewers should verify this PR satisfies this list as well.\r\n\r\n- [ ] [Unit or functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere updated or added to match the most common scenarios\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>","sha":"1e63b5ae999eb5022f9f02626db9f70e17d28a92"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/207318","number":207318,"mergeCommit":{"message":"[Security Solution] [EUI Refresh] [Explore page] Migrate styled-components (#207318)\n\n## Summary\r\nAddresses [#206437](https://github.com/elastic/kibana/issues/206437)\r\nThis PR migrates `explore page` from `styled-components` to\r\n`@emotion/styled`.\r\nIn the process I also convert the kbn/ui-theme json tokens to euiTheme\r\ncounterparts.\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/f1702c0d-78f7-4e17-a8d6-c7c9ae19d3b7\r\n\r\n\r\n\r\n### Checklist\r\n\r\nCheck the PR satisfies following conditions. \r\n\r\nReviewers should verify this PR satisfies this list as well.\r\n\r\n- [ ] [Unit or functional\r\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\r\nwere updated or added to match the most common scenarios\r\n\r\n---------\r\n\r\nCo-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>\r\nCo-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>","sha":"1e63b5ae999eb5022f9f02626db9f70e17d28a92"}}]}] BACKPORT--> --------- Co-authored-by: Agustina Nahir Ruidiaz <61565784+agusruidiazgd@users.noreply.github.com> Co-authored-by: Karen Grigoryan <karen.grigoryan@elastic.co>
This commit is contained in:
Kibana Machine
GitHub
parent
32a3b225e7
commit
ad10df99c5
26 changed files with 1226 additions and 265 deletions
|
|
@ -401,26 +401,6 @@ module.exports = {
|
|||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]exceptions[\/\\]pages[\/\\]shared_lists[\/\\]index.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]components[\/\\]paginated_table[\/\\]index.test.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]components[\/\\]paginated_table[\/\\]index.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]components[\/\\]stat_items[\/\\]utils.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]hosts[\/\\]pages[\/\\]display.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]hosts[\/\\]pages[\/\\]hosts.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]arrows[\/\\]index.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]embeddables[\/\\]embeddable.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]embeddables[\/\\]embedded_map.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]embeddables[\/\\]map_tool_tip[\/\\]line_tool_tip_content.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]embeddables[\/\\]map_tool_tip[\/\\]tooltip_footer.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]flow_target_select_connected[\/\\]index.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]source_destination[\/\\]country_flag.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]source_destination[\/\\]geo_fields.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]source_destination[\/\\]index.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]source_destination[\/\\]ip_with_port.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]source_destination[\/\\]label.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]source_destination[\/\\]network.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]components[\/\\]source_destination[\/\\]source_destination_arrows.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]pages[\/\\]navigation[\/\\]conditional_flex_group.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]pages[\/\\]navigation[\/\\]network_routes_loading.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]network[\/\\]pages[\/\\]network.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]explore[\/\\]users[\/\\]pages[\/\\]users.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]flyout[\/\\]document_details[\/\\]left[\/\\]components[\/\\]investigation_guide_view.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]flyout[\/\\]document_details[\/\\]left[\/\\]components[\/\\]response_details.tsx/,
|
||||
/x-pack[\/\\]solutions[\/\\]security[\/\\]plugins[\/\\]security_solution[\/\\]public[\/\\]flyout[\/\\]document_details[\/\\]left[\/\\]components[\/\\]threat_details_view_enrichment_button_content.tsx/,
|
||||
|
|
|
|||
14
x-pack/solutions/security/plugins/security_solution/emotion.d.ts
vendored
Normal file
14
x-pack/solutions/security/plugins/security_solution/emotion.d.ts
vendored
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
/*
|
||||
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
||||
* or more contributor license agreements. Licensed under the Elastic License
|
||||
* 2.0; you may not use this file except in compliance with the Elastic License
|
||||
* 2.0.
|
||||
*/
|
||||
|
||||
import '@emotion/react';
|
||||
import type { UseEuiTheme } from '@elastic/eui';
|
||||
|
||||
declare module '@emotion/react' {
|
||||
// eslint-disable-next-line @typescript-eslint/no-empty-interface
|
||||
export interface Theme extends UseEuiTheme {}
|
||||
}
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
* 2.0.
|
||||
*/
|
||||
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { EuiFlexGroup, EuiFlexItem, EuiTitle } from '@elastic/eui';
|
||||
|
||||
|
|
|
|||
|
|
@ -5,10 +5,10 @@
|
|||
* 2.0.
|
||||
*/
|
||||
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
export const Display = styled.div<{ show: boolean }>`
|
||||
${({ show }) => (show ? '' : 'display: none;')};
|
||||
`;
|
||||
export const Display = styled.div<{ show: boolean }>(({ show }) => ({
|
||||
display: show ? undefined : 'none',
|
||||
}));
|
||||
|
||||
Display.displayName = 'Display';
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
*/
|
||||
|
||||
import { EuiSpacer, EuiWindowEvent } from '@elastic/eui';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
import { noop } from 'lodash/fp';
|
||||
import React, { useCallback, useMemo, useRef } from 'react';
|
||||
import { useParams } from 'react-router-dom';
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -7,11 +7,11 @@
|
|||
|
||||
import { EuiIcon } from '@elastic/eui';
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
/** Renders the body (non-pointy part) of an arrow */
|
||||
export const ArrowBody = styled.span<{ height: number }>`
|
||||
background-color: ${(props) => props.theme.eui.euiColorLightShade};
|
||||
background-color: ${(props) => props.theme.euiTheme.colors.lightShade};
|
||||
height: ${({ height }) => `${height}px`};
|
||||
width: 25px;
|
||||
`;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
import { EuiPanel } from '@elastic/eui';
|
||||
import type { PropsWithChildren } from 'react';
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
const Panel = styled(EuiPanel)`
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,8 @@ import { EuiAccordion, EuiLink, EuiText } from '@elastic/eui';
|
|||
import React, { useCallback, useEffect, useState, useMemo } from 'react';
|
||||
import { useSelector } from 'react-redux';
|
||||
import { createHtmlPortalNode, InPortal, OutPortal } from 'react-reverse-portal';
|
||||
import styled, { css } from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
import { css } from '@emotion/react';
|
||||
import type { Filter, Query } from '@kbn/es-query';
|
||||
import { isEqual } from 'lodash/fp';
|
||||
import type { MapApi, RenderTooltipContentParams } from '@kbn/maps-plugin/public';
|
||||
|
|
@ -37,23 +38,19 @@ interface EmbeddableMapProps {
|
|||
maintainRatio?: boolean;
|
||||
}
|
||||
|
||||
const EmbeddableMapRatioHolder = styled.div.attrs(() => ({
|
||||
className: 'siemEmbeddable__map',
|
||||
}))<EmbeddableMapProps>`
|
||||
const EmbeddableMapRatioHolder = styled.div<EmbeddableMapProps>`
|
||||
.mapToolbarOverlay__button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
${({ maintainRatio }) =>
|
||||
${({ maintainRatio, theme: { euiTheme } }) =>
|
||||
maintainRatio &&
|
||||
css`
|
||||
padding-top: calc(3 / 4 * 100%); /* 4:3 (standard) ratio */
|
||||
position: relative;
|
||||
|
||||
@media only screen and (min-width: ${({ theme }) => theme.eui.euiBreakpoints.m}) {
|
||||
@media only screen and (min-width: ${euiTheme.breakpoint.m}) {
|
||||
padding-top: calc(9 / 32 * 100%); /* 32:9 (ultra widescreen) ratio */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1441px) and (min-height: 901px) {
|
||||
padding-top: calc(9 / 21 * 100%); /* 21:9 (ultrawide) ratio */
|
||||
}
|
||||
|
|
@ -188,7 +185,7 @@ export const EmbeddedMapComponent = ({
|
|||
<MapToolTip />
|
||||
</InPortal>
|
||||
<EmbeddableMapWrapper>
|
||||
<EmbeddableMapRatioHolder maintainRatio={!isIndexError} />
|
||||
<EmbeddableMapRatioHolder className="siemEmbeddable__map" maintainRatio={!isIndexError} />
|
||||
{isIndexError ? (
|
||||
<IndexPatternsMissingPrompt data-test-subj="missing-prompt" />
|
||||
) : (
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
import React from 'react';
|
||||
import { EuiBadge, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
import type { ITooltipProperty } from '@kbn/maps-plugin/public/classes/tooltips/tooltip_property';
|
||||
import { SourceDestinationArrows } from '../../source_destination/source_destination_arrows';
|
||||
import {
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ import {
|
|||
EuiText,
|
||||
} from '@elastic/eui';
|
||||
import { euiLightVars as theme } from '@kbn/ui-theme';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
import * as i18n from '../translations';
|
||||
|
||||
export const Icon = styled(EuiIcon)`
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ import type { Location } from 'history';
|
|||
import { EuiFlexItem } from '@elastic/eui';
|
||||
import React, { useCallback } from 'react';
|
||||
import { useHistory, useLocation } from 'react-router-dom';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import * as i18nIp from '../details/translations';
|
||||
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ import { isEmpty } from 'lodash/fp';
|
|||
import { EuiToolTip } from '@elastic/eui';
|
||||
import countries from 'i18n-iso-countries';
|
||||
import countryJson from 'i18n-iso-countries/langs/en.json';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
// Fixes vertical alignment of the flag
|
||||
const FlagWrapper = styled.span`
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
|
||||
import { get, uniq } from 'lodash/fp';
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { DefaultDraggable } from '../../../../common/components/draggables';
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { Network } from './network';
|
||||
import { SourceDestinationWithArrows } from './source_destination_with_arrows';
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { Ip } from '../ip';
|
||||
import { Port } from '../port';
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
* 2.0.
|
||||
*/
|
||||
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
export const Label = styled.div`
|
||||
font-weight: bold;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
import { EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
|
||||
import { uniq } from 'lodash/fp';
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { DirectionBadge } from '../direction';
|
||||
import { DefaultDraggable, DraggableBadge } from '../../../../common/components/draggables';
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
import { EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
|
||||
import numeral from '@elastic/numeral';
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { ArrowBody, ArrowHead } from '../arrows';
|
||||
import {
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
*/
|
||||
|
||||
import { EuiFlexGroup } from '@elastic/eui';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
export const ConditionalFlexGroup = styled(EuiFlexGroup)`
|
||||
@media only screen and (min-width: 1441px) {
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
*/
|
||||
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { EuiFlexItem, EuiLoadingSpinner, EuiFlexGroup } from '@elastic/eui';
|
||||
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ import { EuiPanel, EuiSpacer, EuiWindowEvent } from '@elastic/eui';
|
|||
import { noop } from 'lodash/fp';
|
||||
import React, { useCallback, useMemo, useRef } from 'react';
|
||||
import { useParams } from 'react-router-dom';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
|
||||
import { isTab } from '@kbn/timelines-plugin/public';
|
||||
import { getEsQueryConfig } from '@kbn/data-plugin/common';
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
*/
|
||||
|
||||
import { EuiSpacer, EuiWindowEvent } from '@elastic/eui';
|
||||
import styled from 'styled-components';
|
||||
import styled from '@emotion/styled';
|
||||
import { noop } from 'lodash/fp';
|
||||
import React, { useCallback, useMemo, useRef } from 'react';
|
||||
import { useParams } from 'react-router-dom';
|
||||
|
|
|
|||
|
|
@ -10,75 +10,17 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.c8 svg {
|
||||
.c3 svg {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.c17 {
|
||||
.c5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c16 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c10 {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
background-color: #343741;
|
||||
height: 2.8px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.c15 {
|
||||
background-color: #343741;
|
||||
height: 2.2px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.c14 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c11 {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
.c11 .euiToolTipAnchor {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.c13 {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.c3 {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.c7 {
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.c6 {
|
||||
font-weight: bold;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.c5 {
|
||||
margin-top: 3px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
|
|
@ -316,7 +258,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-center-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem c3 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.draggable-badge-default-draggable-test-abcd-network_direction-outgoing"
|
||||
|
|
@ -353,7 +295,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c3 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.draggable-badge-default-draggable-test-abcd-network_protocol-http"
|
||||
|
|
@ -385,7 +327,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c3 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.network-default-draggable-test-abcd-network_bytes-100"
|
||||
|
|
@ -399,7 +341,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c4 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
100B
|
||||
|
|
@ -410,7 +352,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c3 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.network-default-draggable-test-abcd-network_packets-3"
|
||||
|
|
@ -424,7 +366,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c4 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
3 pkts
|
||||
|
|
@ -435,7 +377,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c3 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.draggable-badge-default-draggable-test-abcd-network_transport-tcp"
|
||||
|
|
@ -501,7 +443,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c5 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-center-stretch-row"
|
||||
|
|
@ -528,7 +470,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c6"
|
||||
class="css-fbtzpm"
|
||||
>
|
||||
Source
|
||||
</div>
|
||||
|
|
@ -567,7 +509,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c7"
|
||||
class="css-7g9jn5"
|
||||
data-test-subj="ip-port-separator"
|
||||
>
|
||||
:
|
||||
|
|
@ -577,7 +519,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c8"
|
||||
class="c3"
|
||||
>
|
||||
<a
|
||||
class="euiLink emotion-euiLink-primary"
|
||||
|
|
@ -613,7 +555,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -640,7 +582,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -667,7 +609,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -676,7 +618,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c10"
|
||||
class="css-19nn5cj"
|
||||
data-test-subj="country-flag"
|
||||
>
|
||||
🇺🇸
|
||||
|
|
@ -704,7 +646,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -731,7 +673,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -765,7 +707,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexGroup c11 emotion-euiFlexGroup-none-center-center-column"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-center-center-column"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
|
|
@ -777,7 +719,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c12"
|
||||
class="css-1io4upz"
|
||||
height="2.8"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -796,10 +738,10 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c13 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span
|
||||
class="c14"
|
||||
class="css-2dse8b"
|
||||
>
|
||||
(60.00%)
|
||||
</span>
|
||||
|
|
@ -815,7 +757,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c12"
|
||||
class="css-1io4upz"
|
||||
height="2.8"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -834,7 +776,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c13 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
2 pkts
|
||||
|
|
@ -848,7 +790,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c12"
|
||||
class="css-1io4upz"
|
||||
height="2.8"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -882,7 +824,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c15"
|
||||
class="css-1almmfe"
|
||||
height="2.2"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -909,10 +851,10 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c13 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span
|
||||
class="c14"
|
||||
class="css-2dse8b"
|
||||
>
|
||||
(40.00%)
|
||||
</span>
|
||||
|
|
@ -932,7 +874,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c15"
|
||||
class="css-1almmfe"
|
||||
height="2.2"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -951,7 +893,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c13 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
1 pkts
|
||||
|
|
@ -965,7 +907,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c15"
|
||||
class="css-1almmfe"
|
||||
height="2.2"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -994,7 +936,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c6"
|
||||
class="css-fbtzpm"
|
||||
>
|
||||
Destination
|
||||
</div>
|
||||
|
|
@ -1033,7 +975,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c7"
|
||||
class="css-7g9jn5"
|
||||
data-test-subj="ip-port-separator"
|
||||
>
|
||||
:
|
||||
|
|
@ -1043,7 +985,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c8"
|
||||
class="c3"
|
||||
>
|
||||
<a
|
||||
class="euiLink emotion-euiLink-primary"
|
||||
|
|
@ -1079,7 +1021,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1106,7 +1048,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1133,7 +1075,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1142,7 +1084,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c10"
|
||||
class="css-19nn5cj"
|
||||
data-test-subj="country-flag"
|
||||
>
|
||||
🇺🇸
|
||||
|
|
@ -1170,7 +1112,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1197,7 +1139,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c9 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1273,7 +1215,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiBadge__text emotion-euiBadge__text"
|
||||
>
|
||||
<span
|
||||
class="c16"
|
||||
class="c4"
|
||||
>
|
||||
ja3
|
||||
</span>
|
||||
|
|
@ -1333,7 +1275,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiBadge__text emotion-euiBadge__text"
|
||||
>
|
||||
<span
|
||||
class="c17"
|
||||
class="c5"
|
||||
>
|
||||
client cert
|
||||
</span>
|
||||
|
|
@ -1393,7 +1335,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
|
|||
class="euiBadge__text emotion-euiBadge__text"
|
||||
>
|
||||
<span
|
||||
class="c17"
|
||||
class="c5"
|
||||
>
|
||||
server cert
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -24,77 +24,19 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.c10 svg {
|
||||
.c5 svg {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.c19 {
|
||||
.c7 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c18 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c5 {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.c6 {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.c14 {
|
||||
background-color: #343741;
|
||||
height: 2.8px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.c17 {
|
||||
background-color: #343741;
|
||||
height: 2.2px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.c16 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c13 {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
.c13 .euiToolTipAnchor {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.c15 {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.c12 {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.c11 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.c9 {
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.c8 {
|
||||
font-weight: bold;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.c7 {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.c4 {
|
||||
margin-right: 3px;
|
||||
position: relative;
|
||||
|
|
@ -340,7 +282,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-center-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem c5 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.draggable-badge-default-draggable-netflow-row-renderer-render-row-timeline-test-abcd-abcd-network_direction-outgoing"
|
||||
|
|
@ -377,7 +319,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c5 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.draggable-badge-default-draggable-netflow-row-renderer-render-row-timeline-test-abcd-abcd-network_protocol-http"
|
||||
|
|
@ -409,7 +351,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c5 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.network-default-draggable-netflow-row-renderer-render-row-timeline-test-abcd-abcd-network_bytes-100"
|
||||
|
|
@ -423,7 +365,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c6 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
100B
|
||||
|
|
@ -434,7 +376,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c5 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.network-default-draggable-netflow-row-renderer-render-row-timeline-test-abcd-abcd-network_packets-3"
|
||||
|
|
@ -448,7 +390,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c6 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
3 pkts
|
||||
|
|
@ -459,7 +401,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c5 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
data-provider-id="draggableId.content.draggable-badge-default-draggable-netflow-row-renderer-render-row-timeline-test-abcd-abcd-network_transport-tcp"
|
||||
|
|
@ -525,7 +467,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c7 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-center-stretch-row"
|
||||
|
|
@ -552,7 +494,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c8"
|
||||
class="css-fbtzpm"
|
||||
>
|
||||
Source
|
||||
</div>
|
||||
|
|
@ -591,7 +533,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c9"
|
||||
class="css-7g9jn5"
|
||||
data-test-subj="ip-port-separator"
|
||||
>
|
||||
:
|
||||
|
|
@ -601,7 +543,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c10"
|
||||
class="c5"
|
||||
>
|
||||
<a
|
||||
class="euiLink emotion-euiLink-primary"
|
||||
|
|
@ -637,7 +579,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -664,7 +606,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -691,7 +633,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -700,7 +642,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c12"
|
||||
class="css-19nn5cj"
|
||||
data-test-subj="country-flag"
|
||||
>
|
||||
🇺🇸
|
||||
|
|
@ -728,7 +670,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -755,7 +697,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -789,7 +731,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexGroup c13 emotion-euiFlexGroup-none-center-center-column"
|
||||
class="euiFlexGroup emotion-euiFlexGroup-none-center-center-column"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
|
|
@ -801,7 +743,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c14"
|
||||
class="css-1io4upz"
|
||||
height="2.8"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -820,10 +762,10 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c15 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span
|
||||
class="c16"
|
||||
class="css-2dse8b"
|
||||
>
|
||||
(60.00%)
|
||||
</span>
|
||||
|
|
@ -839,7 +781,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c14"
|
||||
class="css-1io4upz"
|
||||
height="2.8"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -858,7 +800,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c15 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
2 pkts
|
||||
|
|
@ -872,7 +814,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c14"
|
||||
class="css-1io4upz"
|
||||
height="2.8"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -906,7 +848,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c17"
|
||||
class="css-1almmfe"
|
||||
height="2.2"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -933,10 +875,10 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c15 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span
|
||||
class="c16"
|
||||
class="css-2dse8b"
|
||||
>
|
||||
(40.00%)
|
||||
</span>
|
||||
|
|
@ -956,7 +898,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c17"
|
||||
class="css-1almmfe"
|
||||
height="2.2"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -975,7 +917,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiToolTipAnchor emotion-euiToolTipAnchor-inlineBlock"
|
||||
>
|
||||
<div
|
||||
class="euiText c15 emotion-euiText-xs"
|
||||
class="euiText emotion-euiText-xs"
|
||||
>
|
||||
<span>
|
||||
1 pkts
|
||||
|
|
@ -989,7 +931,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c17"
|
||||
class="css-1almmfe"
|
||||
height="2.2"
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -1018,7 +960,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c8"
|
||||
class="css-fbtzpm"
|
||||
>
|
||||
Destination
|
||||
</div>
|
||||
|
|
@ -1057,7 +999,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c9"
|
||||
class="css-7g9jn5"
|
||||
data-test-subj="ip-port-separator"
|
||||
>
|
||||
:
|
||||
|
|
@ -1067,7 +1009,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="c10"
|
||||
class="c5"
|
||||
>
|
||||
<a
|
||||
class="euiLink emotion-euiLink-primary"
|
||||
|
|
@ -1103,7 +1045,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1130,7 +1072,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1157,7 +1099,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1166,7 +1108,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<span
|
||||
class="c12"
|
||||
class="css-19nn5cj"
|
||||
data-test-subj="country-flag"
|
||||
>
|
||||
🇺🇸
|
||||
|
|
@ -1194,7 +1136,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1221,7 +1163,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlexItem c11 emotion-euiFlexItem-growZero"
|
||||
class="euiFlexItem emotion-euiFlexItem-growZero"
|
||||
>
|
||||
<div
|
||||
class="euiFlexGroup emotion-euiFlexGroup-responsive-none-flexStart-center-row"
|
||||
|
|
@ -1297,7 +1239,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiBadge__text emotion-euiBadge__text"
|
||||
>
|
||||
<span
|
||||
class="c18"
|
||||
class="c6"
|
||||
>
|
||||
ja3
|
||||
</span>
|
||||
|
|
@ -1357,7 +1299,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiBadge__text emotion-euiBadge__text"
|
||||
>
|
||||
<span
|
||||
class="c19"
|
||||
class="c7"
|
||||
>
|
||||
client cert
|
||||
</span>
|
||||
|
|
@ -1417,7 +1359,7 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
|
|||
class="euiBadge__text emotion-euiBadge__text"
|
||||
>
|
||||
<span
|
||||
class="c19"
|
||||
class="c7"
|
||||
>
|
||||
server cert
|
||||
</span>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,8 @@
|
|||
"server/**/*.json",
|
||||
"scripts/**/*.json",
|
||||
"public/**/*.json",
|
||||
"../../../../../typings/**/*"
|
||||
"../../../../../typings/**/*",
|
||||
"emotion.d.ts"
|
||||
],
|
||||
"exclude": ["target/**/*", "**/cypress/**", "public/management/cypress.config.ts"],
|
||||
"kbn_references": [
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue