Add filter by value to document details fields

CHANGELOG.md

@@ -12,6 +12,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Added an "Agents management" menu and moved the sections: "Endpoint Groups" and "Endpoint Summary" which changed its name to "Summary".[#7112](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7112)
 - Added ability to filter from File Integrity Monitoring registry inventory [#7119](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7119)
 - Added new field columns and ability to select the visible fields in the File Integrity Monitoring Files and Registry tables [#7119](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7119)
+- Added filter by value to document details fields [#7081](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7081)
 
 ### Changed
 

plugins/main/common/constants.ts

@@ -530,3 +530,8 @@ export const OSD_URL_STATE_STORAGE_ID = 'state:storeInSessionStorage';
 
 export const APP_STATE_URL_KEY = '_a';
 export const GLOBAL_STATE_URL_KEY = '_g';
+
+export enum FilterStateStore {
+  APP_STATE = 'appState',
+  GLOBAL_STATE = 'globalState',
+}

plugins/main/public/components/agents/fim/inventory/fileDetail.tsx

@@ -52,6 +52,7 @@ import { RedirectAppLinks } from '../../../../../../../src/plugins/opensearch_da
 import TechniqueRowDetails from '../../../overview/mitre/framework/components/techniques/components/flyout-technique/technique-row-details';
 import { DATA_SOURCE_FILTER_CONTROLLED_CLUSTER_MANAGER } from '../../../../../common/constants';
 import NavigationService from '../../../../react-services/navigation-service';
+import { setFilters } from '../../../common/search-bar/set-filters';
 
 export class FileDetails extends Component {
   props!: {
@@ -586,6 +587,8 @@ export class FileDetails extends Component {
 
           this.discoverFilterManager.addFilters(newFilter);
         }}
+        filters={[]}
+        setFilters={setFilters(this.discoverFilterManager)}
       />
     );
   }

plugins/main/public/components/common/data-grid/cell-filter-actions.test.tsx

@@ -61,7 +61,7 @@ describe('cell-filter-actions', () => {
       fireEvent.click(component);
 
       expect(onFilter).toHaveBeenCalledTimes(1);
-      expect(onFilter).toHaveBeenCalledWith(TEST_COLUMN_ID, TEST_VALUE, 'is');
+      expect(onFilter).toHaveBeenCalledWith(TEST_COLUMN_ID, 'is', TEST_VALUE);
     });
   });
 
@@ -102,8 +102,8 @@ describe('cell-filter-actions', () => {
       expect(onFilter).toHaveBeenCalledTimes(1);
       expect(onFilter).toHaveBeenCalledWith(
         TEST_COLUMN_ID,
-        TEST_VALUE,
         'is not',
+        TEST_VALUE,
       );
     });
   });

plugins/main/public/components/common/data-grid/cell-filter-actions.tsx

@@ -15,30 +15,30 @@ export const filterIsAction = (
   rows: any[],
   pageSize: number,
   onFilter: (
-    columndId: string,
-    value: any,
+    field: string,
     operation: FILTER_OPERATOR.IS | FILTER_OPERATOR.IS_NOT,
+    value?: any,
   ) => void,
 ) => {
   return ({
     rowIndex,
-    columnId,
+    columnId: field,
     Component,
   }: EuiDataGridColumnCellActionProps) => {
     const filterForValueText = i18n.translate('discover.filterForValue', {
       defaultMessage: 'Filter for value',
     });
     const filterForValueLabel = i18n.translate('discover.filterForValueLabel', {
       defaultMessage: 'Filter for value: {value}',
-      values: { value: columnId },
+      values: { value: field },
     });
 
     const handleClick = () => {
       const row = rows[rowIndex % pageSize];
       const flattened = indexPattern.flattenHit(row);
 
       if (flattened) {
-        onFilter(columnId, flattened[columnId], FILTER_OPERATOR.IS);
+        onFilter(field, FILTER_OPERATOR.IS, flattened[field]);
       }
     };
 
@@ -61,26 +61,30 @@ export const filterIsNotAction =
     rows: any[],
     pageSize: number,
     onFilter: (
-      columndId: string,
-      value: any,
+      field: string,
       operation: FILTER_OPERATOR.IS | FILTER_OPERATOR.IS_NOT,
+      value?: any,
     ) => void,
   ) =>
-  ({ rowIndex, columnId, Component }: EuiDataGridColumnCellActionProps) => {
+  ({
+    rowIndex,
+    columnId: field,
+    Component,
+  }: EuiDataGridColumnCellActionProps) => {
     const filterOutValueText = i18n.translate('discover.filterOutValue', {
       defaultMessage: 'Filter out value',
     });
     const filterOutValueLabel = i18n.translate('discover.filterOutValueLabel', {
       defaultMessage: 'Filter out value: {value}',
-      values: { value: columnId },
+      values: { value: field },
     });
 
     const handleClick = () => {
       const row = rows[rowIndex % pageSize];
       const flattened = indexPattern.flattenHit(row);
 
       if (flattened) {
-        onFilter(columnId, flattened[columnId], FILTER_OPERATOR.IS_NOT);
+        onFilter(field, FILTER_OPERATOR.IS_NOT, flattened[field]);
       }
     };
 
@@ -103,9 +107,9 @@ export function cellFilterActions(
   rows: any[],
   pageSize: number,
   onFilter: (
-    columndId: string,
-    value: any,
+    field: string,
     operation: FILTER_OPERATOR.IS | FILTER_OPERATOR.IS_NOT,
+    value: any,
   ) => void,
 ) {
   if (!field.filterable) return;

plugins/main/public/components/common/data-grid/data-grid-service.ts

@@ -10,10 +10,7 @@ import {
 export const MAX_ENTRIES_PER_QUERY = 10000;
 import { tDataGridColumn } from './use-data-grid';
 import { cellFilterActions } from './cell-filter-actions';
-import {
-  FILTER_OPERATOR,
-  PatternDataSourceFilterManager,
-} from '../data-source/pattern/pattern-data-source-filter-manager';
+import { onFilterCellActions } from './filter-cell-actions';
 
 type ParseData<T> =
   | {
@@ -192,26 +189,6 @@ export const exportSearchToCSV = async (
   }
 };
 
-const onFilterCellActions = (
-  indexPatternId: string,
-  filters: Filter[],
-  setFilters: (filters: Filter[]) => void,
-) => {
-  return (
-    columndId: string,
-    value: any,
-    operation: FILTER_OPERATOR.IS | FILTER_OPERATOR.IS_NOT,
-  ) => {
-    const newFilter = PatternDataSourceFilterManager.createFilter(
-      operation,
-      columndId,
-      value,
-      indexPatternId,
-    );
-    setFilters([...filters, newFilter]);
-  };
-};
-
 const mapToDataGridColumn = (
   field: IFieldType,
   indexPattern: IndexPattern,