[SecuritySolution] Disable agent status filters and timeline interact…

…ion (elastic#132586) * fix: disable drag-ability and hover actions for agent statuses The agent fields cannot be queried with ECS and therefore should not provide Filter In/Out functionality nor should users be able to add their representative fields to timeline investigations. Therefore users should not be able to add them to a timeline query by dragging them. * chore: make code more readable
j-bennet · Jun 2, 2022 · 3606968 · 3606968
1 parent 6318305
commit 3606968
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 52 deletions.
diff --git a/...ins/security_solution/public/common/components/event_details/table/summary_value_cell.tsx b/...ins/security_solution/public/common/components/event_details/table/summary_value_cell.tsx
@@ -16,6 +16,8 @@ import { AGENT_STATUS_FIELD_NAME } from '../../../../timelines/components/timeli
 
 const FIELDS_WITHOUT_ACTIONS: { [field: string]: boolean } = { [AGENT_STATUS_FIELD_NAME]: true };
 
+const style = { flexGrow: 0 };
+
 export const SummaryValueCell: React.FC<AlertSummaryRow['description']> = ({
   data,
   eventId,
@@ -25,32 +27,36 @@ export const SummaryValueCell: React.FC<AlertSummaryRow['description']> = ({
   timelineId,
   values,
   isReadOnly,
-}) => (
-  <>
-    <FieldValueCell
-      contextId={timelineId}
-      data={data}
-      eventId={eventId}
-      fieldFromBrowserField={fieldFromBrowserField}
-      linkValue={linkValue}
-      isDraggable={isDraggable}
-      style={{ flexGrow: 0 }}
-      values={values}
-    />
-    {timelineId !== TimelineId.active && !isReadOnly && !FIELDS_WITHOUT_ACTIONS[data.field] && (
-      <ActionCell
+}) => {
+  const hoverActionsEnabled = !FIELDS_WITHOUT_ACTIONS[data.field];
+
+  return (
+    <>
+      <FieldValueCell
         contextId={timelineId}
         data={data}
         eventId={eventId}
         fieldFromBrowserField={fieldFromBrowserField}
         linkValue={linkValue}
-        timelineId={timelineId}
+        isDraggable={isDraggable}
+        style={style}
         values={values}
-        applyWidthAndPadding={false}
-        hideAddToTimeline={false}
       />
-    )}
-  </>
-);
+      {timelineId !== TimelineId.active && !isReadOnly && hoverActionsEnabled && (
+        <ActionCell
+          contextId={timelineId}
+          data={data}
+          eventId={eventId}
+          fieldFromBrowserField={fieldFromBrowserField}
+          linkValue={linkValue}
+          timelineId={timelineId}
+          values={values}
+          applyWidthAndPadding={false}
+          hideAddToTimeline={false}
+        />
+      )}
+    </>
+  );
+};
 
 SummaryValueCell.displayName = 'SummaryValueCell';
diff --git a/.../security_solution/public/timelines/components/timeline/body/renderers/agent_statuses.tsx b/.../security_solution/public/timelines/components/timeline/body/renderers/agent_statuses.tsx
@@ -7,7 +7,6 @@
 
 import React from 'react';
 import { EuiFlexGroup, EuiFlexItem, EuiText } from '@elastic/eui';
-import { DefaultDraggable } from '../../../../../common/components/draggables';
 import { EndpointHostIsolationStatus } from '../../../../../common/components/endpoint/host_isolation';
 import { useHostIsolationStatus } from '../../../../../detections/containers/detection_engine/alerts/use_host_isolation_status';
 import { AgentStatus } from '../../../../../common/components/endpoint/agent_status';
@@ -33,48 +32,23 @@ export const AgentStatuses = React.memo(
   }) => {
     const { isIsolated, agentStatus, pendingIsolation, pendingUnisolation } =
       useHostIsolationStatus({ agentId: value });
-    const isolationFieldName = 'host.isolation';
     return (
       <EuiFlexGroup gutterSize="none">
         {agentStatus !== undefined ? (
           <EuiFlexItem grow={false}>
-            {isDraggable ? (
-              <DefaultDraggable
-                field={fieldName}
-                id={`event-details-value-default-draggable-${contextId}-${eventId}-${fieldName}-${value}`}
-                fieldType={fieldType}
-                isAggregatable={isAggregatable}
-                isDraggable={isDraggable}
-                tooltipContent={fieldName}
-                value={`${agentStatus}`}
-              >
-                <AgentStatus hostStatus={agentStatus} />
-              </DefaultDraggable>
-            ) : (
-              <AgentStatus hostStatus={agentStatus} />
-            )}
+            <AgentStatus hostStatus={agentStatus} />
           </EuiFlexItem>
         ) : (
           <EuiText>
             <p>{EMPTY_STATUS}</p>
           </EuiText>
         )}
         <EuiFlexItem grow={false}>
-          <DefaultDraggable
-            field={isolationFieldName}
-            id={`event-details-value-default-draggable-${contextId}-${eventId}-${isolationFieldName}-${value}`}
-            fieldType={fieldType}
-            isAggregatable={isAggregatable}
-            isDraggable={isDraggable}
-            tooltipContent={isolationFieldName}
-            value={`${isIsolated}`}
-          >
-            <EndpointHostIsolationStatus
-              isIsolated={isIsolated}
-              pendingIsolate={pendingIsolation}
-              pendingUnIsolate={pendingUnisolation}
-            />
-          </DefaultDraggable>
+          <EndpointHostIsolationStatus
+            isIsolated={isIsolated}
+            pendingIsolate={pendingIsolation}
+            pendingUnIsolate={pendingUnisolation}
+          />
         </EuiFlexItem>
       </EuiFlexGroup>
     );