fix: missing onBrushEnd argument changes

Author: markov00

x-pack/plugins/siem/public/pages/hosts/details/index.tsx

@@ -9,6 +9,7 @@ import React, { useEffect, useCallback, useMemo } from 'react';
 import { connect, ConnectedProps } from 'react-redux';
 import { StickyContainer } from 'react-sticky';
 
+import { UpdateDateRange } from '../../../components/charts/common';
 import { FiltersGlobal } from '../../../components/filters_global';
 import { HeaderPage } from '../../../components/header_page';
 import { LastEventTime } from '../../../components/last_event_time';
@@ -68,8 +69,12 @@ const HostDetailsComponent = React.memo<HostDetailsProps & PropsFromRedux>(
       detailName,
     ]);
     const getFilters = () => [...hostDetailsPageFilters, ...filters];
-    const narrowDateRange = useCallback(
-      (min: number, max: number) => {
+    const narrowDateRange = useCallback<UpdateDateRange>(
+      ({ x }) => {
+        if (!x) {
+          return;
+        }
+        const [min, max] = x;
         setAbsoluteRangeDatePicker({ id: 'global', from: min, to: max });
       },
       [setAbsoluteRangeDatePicker]

x-pack/plugins/siem/public/pages/hosts/hosts.tsx

@@ -10,6 +10,7 @@ import { connect, ConnectedProps } from 'react-redux';
 import { StickyContainer } from 'react-sticky';
 
 import { useParams } from 'react-router-dom';
+import { UpdateDateRange } from '../../components/charts/common';
 import { FiltersGlobal } from '../../components/filters_global';
 import { HeaderPage } from '../../components/header_page';
 import { LastEventTime } from '../../components/last_event_time';
@@ -61,8 +62,12 @@ export const HostsComponent = React.memo<HostsComponentProps & PropsFromRedux>(
       }
       return filters;
     }, [tabName, filters]);
-    const narrowDateRange = useCallback(
-      (min: number, max: number) => {
+    const narrowDateRange = useCallback<UpdateDateRange>(
+      ({ x }) => {
+        if (!x) {
+          return;
+        }
+        const [min, max] = x;
         setAbsoluteRangeDatePicker({ id: 'global', from: min, to: max });
       },
       [setAbsoluteRangeDatePicker]

x-pack/plugins/siem/public/pages/network/network.tsx

@@ -11,6 +11,7 @@ import { useParams } from 'react-router-dom';
 import { StickyContainer } from 'react-sticky';
 
 import { esQuery } from '../../../../../../src/plugins/data/public';
+import { UpdateDateRange } from '../../components/charts/common';
 import { EmbeddedMap } from '../../components/embeddables/embedded_map';
 import { FiltersGlobal } from '../../components/filters_global';
 import { HeaderPage } from '../../components/header_page';
@@ -61,8 +62,12 @@ const NetworkComponent = React.memo<NetworkComponentProps & PropsFromRedux>(
       return filters;
     }, [tabName, filters]);
 
-    const narrowDateRange = useCallback(
-      (min: number, max: number) => {
+    const narrowDateRange = useCallback<UpdateDateRange>(
+      ({ x }) => {
+        if (!x) {
+          return;
+        }
+        const [min, max] = x;
         setAbsoluteRangeDatePicker({ id: 'global', from: min, to: max });
       },
       [setAbsoluteRangeDatePicker]