Added filters to Vulnerabilities - Inventory flyout details

CHANGELOG.md

@@ -110,6 +110,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Fixed missing settings in `Management/Configuration/Global configuration/Global/Main settings` [#3737](https://github.com/wazuh/wazuh-kibana-app/pull/3737)
 - Fixed `Maximum call stack size exceeded` error exporting key-value pairs of a CDB List [#3738](https://github.com/wazuh/wazuh-kibana-app/pull/3738)
 - Fixed regex lookahead and lookbehind for safari [#3741](https://github.com/wazuh/wazuh-kibana-app/pull/3741)
+- Fixed Vulnerabilities Inventory flyout details filters [#3744](https://github.com/wazuh/wazuh-kibana-app/pull/3744)
 
 ## Wazuh v4.2.5 - Kibana 7.10.2, 7.11.2, 7.12.1, 7.13.4, 7.14.2 - Revision 4206
 

public/components/agents/fim/inventory.tsx

@@ -137,7 +137,6 @@ export class Inventory extends Component {
   }
 
   onFiltersChange = (filters) => {
-    // this.setStoreFilters(filters);
     this.setState({ filters });
   }
 

public/components/agents/vuls/inventory.tsx

@@ -27,17 +27,18 @@ import { ICustomBadges } from '../../wz-search-bar/components';
 export class Inventory extends Component {
   _isMount = false;
   state: {
+    filters: [];
     isLoading: Boolean;
     customBadges: ICustomBadges[];
   };
-
   props: any;
 
   constructor(props) {
     super(props);
     this.state = {
       isLoading: true,
-      customBadges: []
+      customBadges: [],
+      filters: [],
     }
   }
 
@@ -51,20 +52,28 @@ export class Inventory extends Component {
   }
 
   async loadAgent() {
-    if (this._isMount){
-      this.setState({  isLoading: false });
+    if (this._isMount) {
+      this.setState({ isLoading: false });
     }
   }
 
+  onFiltersChange = (filters) => {
+    this.setState({ filters });
+  }
+
   renderTable() {
+    const { filters } = this.state;
     return (
       <div>
-          <InventoryTable
-            {...this.props}/>
+        <InventoryTable
+          {...this.props}
+          filters={filters}
+          onFiltersChange={this.onFiltersChange}
+        />
       </div>
     )
   }
-  
+
   loadingInventory() {
     return <EuiPage>
       <EuiFlexGroup>
@@ -84,10 +93,9 @@ export class Inventory extends Component {
     const table = this.renderTable();
 
     return <EuiPage>
-        <EuiPanel>
-          <EuiSpacer size={(((this.props.agent || {}).os || {}).platform || false) === 'windows' ? 's' : 'm'} />
-          {table}
-        </EuiPanel>
-      </EuiPage>
+      <EuiPanel>
+        {table}
+      </EuiPanel>
+    </EuiPage>
   }
 }

public/components/agents/vuls/inventory/detail.tsx

@@ -93,25 +93,25 @@ export class Details extends Component {
         field: 'name',
         name: 'Name',
         icon: 'dot',
-        link: false,
+        link: true,
       },
       {
         field: 'cve',
         name: 'CVE',
         icon: 'securitySignal',
-        link: false,
+        link: true,
       },
       {
         field: 'version',
         name: 'Version',
         icon: 'package',
-        link: false,
+        link: true,
       },
       {
         field: 'architecture',
         name: 'Architecture',
         icon: 'node',
-        link: false,
+        link: true,
       },
       {
         field: 'last_full_scan',

public/components/agents/vuls/inventory/table.tsx

@@ -92,7 +92,8 @@ export class InventoryTable extends Component {
   props!: {
     filters: IFilter[];
     agent: any;
-    onTotalItemsChange: Function;
+    items: [];
+    onFiltersChange: Function;
   };
 
   constructor(props) {
@@ -216,6 +217,7 @@ export class InventoryTable extends Component {
     };
 
     const { error } = this.state;
+    const { filters, onFiltersChange } = this.props;
     const columns = this.columns();
     const selectFields =
       'select=cve,architecture,version,name,severity,cvss2_score,cvss3_score,detection_time';
@@ -231,6 +233,8 @@ export class InventoryTable extends Component {
         rowProps={getRowProps}
         error={error}
         downloadCsv={true}
+        filters={filters}
+        onFiltersChange={onFiltersChange}
       />
     );
   }

public/components/common/tables/table-wz-api.tsx

@@ -31,13 +31,15 @@ export function TableWzAPI({endpoint, ...rest}){
   const [totalItems, setTotalItems] = useState(0);
   const [filters, setFilters] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
+  const onFiltersChange = filters => typeof rest.onFiltersChange === 'function' ? rest.onFiltersChange(filters) : null;
 
   const onSearch = useCallback(async function(filters, pagination, sorting){
     try {
       const { pageIndex, pageSize } = pagination;
       const { field, direction } = sorting.sort;
       setIsLoading(true);
       setFilters(filters);
+      onFiltersChange(filters);
       const params = {
         ...filtersToObject(filters),
         offset: pageIndex * pageSize,