[8.19] [Security Solution][Sourcerer] Fix timeline filters for DV manager (#224834) (#225010)

# Backport

This will backport the following commits from `main` to `8.19`:
- [[Security Solution][Sourcerer] Fix timeline filters for DV manager
(#224834)](#224834)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT [{"author":{"name":"Luke
Gmys","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-06-24T07:52:23Z","message":"[Security
Solution][Sourcerer] Fix timeline filters for DV manager (#224834)\n\n##
Summary\n\nFilters we applied but no listed in the timeline, again -
some mismatch\nin how the data view object was passed around.\n\n##
Testing\n\nSet the feature
flag:\n\n```\nxpack.securitySolution.enableExperimental:
['newDataViewPickerEnabled']\n```\nThen, adding a filter via cell action
should render the correct pill in\nthe top level filters pane.\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n- [x] [Unit
or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"ba6b87418178acaa89ec9e578b45161bc8944552","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:Threat
Hunting:Investigations","backport:version","v9.1.0","v8.19.0"],"title":"[Security
Solution][Sourcerer] Fix timeline filters for DV
manager","number":224834,"url":"https://github.com/elastic/kibana/pull/224834","mergeCommit":{"message":"[Security
Solution][Sourcerer] Fix timeline filters for DV manager (#224834)\n\n##
Summary\n\nFilters we applied but no listed in the timeline, again -
some mismatch\nin how the data view object was passed around.\n\n##
Testing\n\nSet the feature
flag:\n\n```\nxpack.securitySolution.enableExperimental:
['newDataViewPickerEnabled']\n```\nThen, adding a filter via cell action
should render the correct pill in\nthe top level filters pane.\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n- [x] [Unit
or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"ba6b87418178acaa89ec9e578b45161bc8944552"}},"sourceBranch":"main","suggestedTargetBranches":["8.19"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/224834","number":224834,"mergeCommit":{"message":"[Security
Solution][Sourcerer] Fix timeline filters for DV manager (#224834)\n\n##
Summary\n\nFilters we applied but no listed in the timeline, again -
some mismatch\nin how the data view object was passed around.\n\n##
Testing\n\nSet the feature
flag:\n\n```\nxpack.securitySolution.enableExperimental:
['newDataViewPickerEnabled']\n```\nThen, adding a filter via cell action
should render the correct pill in\nthe top level filters pane.\n\n\n###
Checklist\n\nCheck the PR satisfies following conditions. \n- [x] [Unit
or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common
scenarios","sha":"ba6b87418178acaa89ec9e578b45161bc8944552"}},{"branch":"8.19","label":"v8.19.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Luke Gmys <[email protected]>

Author: kibanamachine

x-pack/solutions/security/plugins/security_solution/public/timelines/components/timeline/search_or_filter/index.tsx

@@ -14,11 +14,11 @@ import deepEqual from 'fast-deep-equal';
 import type { Filter } from '@kbn/es-query';
 
 import type { FilterManager } from '@kbn/data-plugin/public';
-import type { DataView, DataViewSpec } from '@kbn/data-views-plugin/common';
+import type { DataView } from '@kbn/data-views-plugin/common';
 import { FilterItems } from '@kbn/unified-search-plugin/public';
 import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
-import { useEnableExperimental } from '../../../../common/hooks/use_experimental_features';
-import { useDataViewSpec } from '../../../../data_view_manager/hooks/use_data_view_spec';
+import { useDataView } from '../../../../data_view_manager/hooks/use_data_view';
+import { useIsExperimentalFeatureEnabled } from '../../../../common/hooks/use_experimental_features';
 import { useAppToasts } from '../../../../common/hooks/use_app_toasts';
 import { useDeepEqualSelector } from '../../../../common/hooks/use_selector';
 import { useKibana } from '../../../../common/lib/kibana';
@@ -75,17 +75,10 @@ const StatefulSearchOrFilterComponent = React.memo<Props>(
       services: { data },
     } = useKibana();
 
-    const { sourcererDataView: oldSourcererDataViewSpec } = useSourcererDataView(
-      SourcererScopeName.timeline
-    );
-
-    const { dataViewSpec: experimentalDataViewSpec } = useDataViewSpec(SourcererScopeName.timeline);
-    const { newDataViewPickerEnabled } = useEnableExperimental();
+    const { sourcererDataView: dataViewSpec } = useSourcererDataView(SourcererScopeName.timeline);
 
-    const dataViewSpec: DataViewSpec = useMemo(
-      () => (newDataViewPickerEnabled ? experimentalDataViewSpec : oldSourcererDataViewSpec),
-      [experimentalDataViewSpec, newDataViewPickerEnabled, oldSourcererDataViewSpec]
-    );
+    const { dataView: experimentalDataView } = useDataView(SourcererScopeName.timeline);
+    const newDataViewPickerEnabled = useIsExperimentalFeatureEnabled('newDataViewPickerEnabled');
 
     const getIsDataProviderVisible = useMemo(
       () => timelineSelectors.dataProviderVisibilitySelector(),
@@ -121,7 +114,14 @@ const StatefulSearchOrFilterComponent = React.memo<Props>(
       };
     }, [data.dataViews, filterQuery, addError, dataViewSpec, newDataViewPickerEnabled]);
 
-    const arrDataView = useMemo(() => (dataView != null ? [dataView] : []), [dataView]);
+    // NOTE: re-using data view that is already created and available through data view manager
+    const arrDataView = useMemo(() => {
+      if (newDataViewPickerEnabled) {
+        return experimentalDataView ? [experimentalDataView] : [];
+      }
+
+      return dataView != null ? [dataView] : [];
+    }, [dataView, experimentalDataView, newDataViewPickerEnabled]);
 
     // Keep filter manager in sync with redux filters
     useEffect(() => {