Skip to content

Commit

Permalink
[8.12] [SentinelOne] Add technical preview badge to the Host isolatio…
Browse files Browse the repository at this point in the history 
…n flyout (#174123) (#174729)

# Backport

This will backport the following commits from `main` to `8.12`:
- [[SentinelOne] Add technical preview badge to the Host isolation
flyout (#174123)](#174123)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Patryk
Kopyciński","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-01-12T02:27:08Z","message":"[SentinelOne]
Add technical preview badge to the Host isolation flyout (#174123)\n\n##
Summary\r\n\r\nAdd technical preview to the S1 Host isolation
flyout\r\n\r\n<img width=\"2056\" alt=\"Zrzut ekranu 2024-01-2 o 21 02
35\"\r\nsrc=\"https://github.com/elastic/kibana/assets/5188868/813d3a1a-dbc0-4c36-9c43-55613e983306\">\r\n\r\n<img
width=\"2056\" alt=\"Zrzut ekranu 2024-01-2 o 21 17
58\"\r\nsrc=\"https://github.com/elastic/kibana/assets/5188868/a863f4dd-1d00-4708-8c4b-c7c8c4dbf0cb\">","sha":"8a443a2d188a9e9292d84921d48d5137c5ec8490","branchLabelMapping":{"^v8.13.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:skip","v8.12.0","v8.13.0"],"title":"[SentinelOne]
Add technical preview badge to the Host isolation
flyout","number":174123,"url":"https://github.com/elastic/kibana/pull/174123","mergeCommit":{"message":"[SentinelOne]
Add technical preview badge to the Host isolation flyout (#174123)\n\n##
Summary\r\n\r\nAdd technical preview to the S1 Host isolation
flyout\r\n\r\n<img width=\"2056\" alt=\"Zrzut ekranu 2024-01-2 o 21 02
35\"\r\nsrc=\"https://github.com/elastic/kibana/assets/5188868/813d3a1a-dbc0-4c36-9c43-55613e983306\">\r\n\r\n<img
width=\"2056\" alt=\"Zrzut ekranu 2024-01-2 o 21 17
58\"\r\nsrc=\"https://github.com/elastic/kibana/assets/5188868/a863f4dd-1d00-4708-8c4b-c7c8c4dbf0cb\">","sha":"8a443a2d188a9e9292d84921d48d5137c5ec8490"}},"sourceBranch":"main","suggestedTargetBranches":["8.12"],"targetPullRequestStates":[{"branch":"8.12","label":"v8.12.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.13.0","branchLabelMappingKey":"^v8.13.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/174123","number":174123,"mergeCommit":{"message":"[SentinelOne]
Add technical preview badge to the Host isolation flyout (#174123)\n\n##
Summary\r\n\r\nAdd technical preview to the S1 Host isolation
flyout\r\n\r\n<img width=\"2056\" alt=\"Zrzut ekranu 2024-01-2 o 21 02
35\"\r\nsrc=\"https://github.com/elastic/kibana/assets/5188868/813d3a1a-dbc0-4c36-9c43-55613e983306\">\r\n\r\n<img
width=\"2056\" alt=\"Zrzut ekranu 2024-01-2 o 21 17
58\"\r\nsrc=\"https://github.com/elastic/kibana/assets/5188868/a863f4dd-1d00-4708-8c4b-c7c8c4dbf0cb\">","sha":"8a443a2d188a9e9292d84921d48d5137c5ec8490"}}]}]
BACKPORT-->

Co-authored-by: Patryk Kopyciński <[email protected]>
  • Loading branch information
@kibanamachine @patrykkopycinski
kibanamachine and patrykkopycinski authored Jan 12, 2024
1 parent dd00a38 commit bd042cb
Show file tree
Hide file tree
Showing 3 changed files with 67 additions and 18 deletions.
56 changes: 40 additions & 16 deletions ...ublic/timelines/components/side_panel/event_details/flyout/back_to_alert_details_link.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,34 +5,58 @@
* 2.0.
*/

import { EuiButtonEmpty, EuiText, EuiTitle } from '@elastic/eui';
import {
EuiBetaBadge,
EuiButtonEmpty,
EuiFlexGroup,
EuiFlexItem,
EuiText,
EuiTitle,
} from '@elastic/eui';
import { css } from '@emotion/react';
import React from 'react';
import {
ISOLATE_HOST,
UNISOLATE_HOST,
} from '../../../../../detections/components/host_isolation/translations';
import { ALERT_DETAILS } from '../translations';
import { ALERT_DETAILS, TECHNICAL_PREVIEW, TECHNICAL_PREVIEW_DESCRIPTION } from '../translations';

const BackToAlertDetailsLinkComponent = ({
showAlertDetails,
showExperimentalBadge,
isolateAction,
}: {
showAlertDetails: () => void;
showExperimentalBadge?: boolean;
isolateAction: 'isolateHost' | 'unisolateHost';
}) => {
return (
<>
<EuiButtonEmpty iconType="arrowLeft" iconSide="left" flush="left" onClick={showAlertDetails}>
<EuiText size="xs">
<p>{ALERT_DETAILS}</p>
</EuiText>
</EuiButtonEmpty>
<EuiTitle>
<h2>{isolateAction === 'isolateHost' ? ISOLATE_HOST : UNISOLATE_HOST}</h2>
</EuiTitle>
</>
);
};
}) => (
<>
<EuiButtonEmpty iconType="arrowLeft" iconSide="left" flush="left" onClick={showAlertDetails}>
<EuiText size="xs">
<p>{ALERT_DETAILS}</p>
</EuiText>
</EuiButtonEmpty>
<EuiFlexGroup alignItems="center" gutterSize="s">
<EuiFlexItem grow={false}>
<EuiTitle>
<h2>{isolateAction === 'isolateHost' ? ISOLATE_HOST : UNISOLATE_HOST}</h2>
</EuiTitle>
</EuiFlexItem>
<EuiFlexItem grow={false}>
{showExperimentalBadge && (
<EuiBetaBadge
css={css`
display: inline-flex;
`}
label={TECHNICAL_PREVIEW}
size="s"
tooltipContent={TECHNICAL_PREVIEW_DESCRIPTION}
/>
)}
</EuiFlexItem>
</EuiFlexGroup>
</>
);

const BackToAlertDetailsLink = React.memo(BackToAlertDetailsLinkComponent);

Expand Down
14 changes: 12 additions & 2 deletions .../security_solution/public/timelines/components/side_panel/event_details/flyout/header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,9 @@
*/

import { EuiFlyoutHeader } from '@elastic/eui';
import React from 'react';
import React, { useMemo } from 'react';

import { SENTINEL_ONE_AGENT_ID_FIELD } from '../../../../../common/utils/sentinelone_alert_check';
import type { GetFieldsData } from '../../../../../common/hooks/use_get_fields_data';
import { ExpandableEventTitle } from '../expandable_event';
import { BackToAlertDetailsLink } from './back_to_alert_details_link';
Expand Down Expand Up @@ -43,10 +44,19 @@ const FlyoutHeaderContentComponent = ({
refetchFlyoutData,
getFieldsData,
}: FlyoutHeaderComponentProps) => {
const isSentinelOneAlert = useMemo(
() => !!(isAlert && getFieldsData(SENTINEL_ONE_AGENT_ID_FIELD)?.length),
[getFieldsData, isAlert]
);

return (
<>
{isHostIsolationPanelOpen ? (
<BackToAlertDetailsLink isolateAction={isolateAction} showAlertDetails={showAlertDetails} />
<BackToAlertDetailsLink
isolateAction={isolateAction}
showAlertDetails={showAlertDetails}
showExperimentalBadge={isSentinelOneAlert}
/>
) : (
<ExpandableEventTitle
eventId={eventId}
Expand Down
15 changes: 15 additions & 0 deletions ...ns/security_solution/public/timelines/components/side_panel/event_details/translations.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,21 @@ export const ALERT_DETAILS = i18n.translate(
}
);

export const TECHNICAL_PREVIEW = i18n.translate(
'xpack.securitySolution.timeline.expandableEvent.technicalPreviewLabel',
{
defaultMessage: 'Technical Preview',
}
);

export const TECHNICAL_PREVIEW_DESCRIPTION = i18n.translate(
'xpack.securitySolution.timeline.expandableEvent.technicalPreviewDescription',
{
defaultMessage:
'This functionality is in technical preview and may be changed or removed completely in a future release. Elastic will work to fix any issues, but features in technical preview are not subject to the support SLA of official GA features.',
}
);

export const SHARE_ALERT = i18n.translate(
'xpack.securitySolution.timeline.expandableEvent.shareAlert',
{
Expand Down

0 comments on commit bd042cb

Please sign in to comment.