fix: onRuleChange

elastic · Feb 22, 2023 · f79e02e · f79e02e
1 parent ef74cb2
commit f79e02e
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 3 deletions.
diff --git a/...lugins/security_solution/public/common/components/events_viewer/stateful_event_context.ts b/...lugins/security_solution/public/common/components/events_viewer/stateful_event_context.ts
@@ -11,6 +11,7 @@ export interface StatefulEventContextType {
   timelineID: string;
   enableHostDetailsFlyout: boolean;
   enableIpDetailsFlyout: boolean;
+  onRuleChange?: () => void;
 }
 
 export const StatefulEventContext = createContext<StatefulEventContextType | null>(null);
diff --git a/...ns/security_solution/public/detection_engine/rule_details_ui/pages/rule_details/index.tsx b/...ns/security_solution/public/detection_engine/rule_details_ui/pages/rule_details/index.tsx
@@ -240,6 +240,7 @@ const RuleDetailsPageComponent: React.FC<DetectionEngineComponentProps> = ({
     loading: ruleLoading,
     isExistingRule,
   } = useRuleWithFallback(ruleId);
+
   const { pollForSignalIndex } = useSignalHelpers();
   const [rule, setRule] = useState<Rule | null>(null);
   const isLoading = ruleLoading && rule == null;
@@ -617,10 +618,11 @@ const RuleDetailsPageComponent: React.FC<DetectionEngineComponentProps> = ({
           flyoutSize="m"
           inputFilters={[...alertMergedFilters, ...groupingFilters]}
           tableId={TableId.alertsOnRuleDetailsPage}
+          onRuleChange={refreshRule}
         />
       );
     },
-    [alertMergedFilters]
+    [alertMergedFilters, refreshRule]
   );
 
   const {

diff --git a/x-pack/plugins/security_solution/public/detections/components/alerts_table/index.tsx b/x-pack/plugins/security_solution/public/detections/components/alerts_table/index.tsx
@@ -85,6 +85,7 @@ interface DetectionEngineAlertTableProps {
   tableId: TableId;
   sourcererScope?: SourcererScopeName;
   isLoading?: boolean;
+  onRuleChange?: () => void;
 }
 export const AlertsTableComponent: FC<DetectionEngineAlertTableProps> = ({
   configId,
@@ -93,6 +94,7 @@ export const AlertsTableComponent: FC<DetectionEngineAlertTableProps> = ({
   tableId = TableId.alertsOnAlertsPage,
   sourcererScope = SourcererScopeName.detections,
   isLoading,
+  onRuleChange,
 }) => {
   const { triggersActionsUi, uiSettings } = useKibana().services;
 
@@ -108,6 +110,7 @@ export const AlertsTableComponent: FC<DetectionEngineAlertTableProps> = ({
     tabType: 'query',
     enableHostDetailsFlyout: true,
     enableIpDetailsFlyout: true,
+    onRuleChange,
   });
   const { browserFields, indexPattern: indexPatterns } = useSourcererDataView(sourcererScope);
   const license = useLicense();

diff --git a/...urity_solution/public/detections/hooks/trigger_actions_alert_table/use_actions_column.tsx b/...urity_solution/public/detections/hooks/trigger_actions_alert_table/use_actions_column.tsx
@@ -6,9 +6,10 @@
  */
 
 import type { EcsSecurityExtension as Ecs } from '@kbn/securitysolution-ecs';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useContext, useMemo } from 'react';
 import { useSelector } from 'react-redux';
 import type { AlertsTableConfigurationRegistry } from '@kbn/triggers-actions-ui-plugin/public/types';
+import { StatefulEventContext } from '../../../common/components/events_viewer/stateful_event_context';
 import { eventsViewerSelector } from '../../../common/components/events_viewer/selectors';
 import { getDefaultControlColumn } from '../../../timelines/components/timeline/body/control_columns';
 import { useLicense } from '../../../common/hooks/use_license';
@@ -25,6 +26,8 @@ export const getUseActionColumnHook =
     const isEnterprisePlus = license.isEnterprise();
     const ACTION_BUTTON_COUNT = isEnterprisePlus ? 5 : 4;
 
+    const { onRuleChange } = useContext(StatefulEventContext);
+
     const leadingControlColumns = useMemo(
       () => [...getDefaultControlColumn(ACTION_BUTTON_COUNT)],
       [ACTION_BUTTON_COUNT]
@@ -57,6 +60,7 @@ export const getUseActionColumnHook =
           ecs: alert as Ecs,
           data: nonEcsData,
         };
+
         return (
           <RowAction
             columnId={`actions-${rowIndex}`}
@@ -77,6 +81,7 @@ export const getUseActionColumnHook =
             selectedEventIds={selectedEventIds}
             setCellProps={cveProps.setCellProps}
             showCheckboxes={showCheckboxes}
+            onRuleChange={onRuleChange}
             tabType={'query'}
             tableId={tableId}
             width={0}
@@ -92,7 +97,14 @@ export const getUseActionColumnHook =
           />
         );
       },
-      [columnHeaders, loadingEventIds, showCheckboxes, leadingControlColumns, selectedEventIds]
+      [
+        columnHeaders,
+        loadingEventIds,
+        showCheckboxes,
+        leadingControlColumns,
+        selectedEventIds,
+        onRuleChange,
+      ]
     );
 
     return {