Replace search bar on Agent > Inventory data

CHANGELOG.md

@@ -12,6 +12,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Added new global error treatment (client-side) [#4163](https://github.com/wazuh/wazuh-kibana-app/pull/4163)
 - Added new CLI to generate API data from specification file [#5519](https://github.com/wazuh/wazuh-kibana-app/pull/5519)
 - Added specific RBAC permissions to Security section [#5551](https://github.com/wazuh/wazuh-kibana-app/pull/5551)
+- Added Refresh and Export formatted button to panels in Agents > Inventory data [#5443](https://github.com/wazuh/wazuh-kibana-app/pull/5443)
 
 ### Changed
 
@@ -20,7 +21,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Changed the query to search for an agent in `management/configuration`. [#5485](https://github.com/wazuh/wazuh-kibana-app/pull/5485)
 - Changed the search bar in management/log to the one used in the rest of the app. [#5476](https://github.com/wazuh/wazuh-kibana-app/pull/5476)
 - Changed the design of the wizard to add agents. [#5457](https://github.com/wazuh/wazuh-kibana-app/pull/5457)
-- Changed the search bar in Management (Rules, Decoders, CDB List) and Modules (Vulnerabilities > Inventory, Security Configuration Assessment > Inventory > {Policy ID} > Checks, MITRE ATT&CK > Intelligence > {Resource}) [#5363](https://github.com/wazuh/wazuh-kibana-app/pull/5363) [#5442](https://github.com/wazuh/wazuh-kibana-app/pull/5442)
+- Changed the search bar in Management (Rules, Decoders, CDB List) and Modules (Vulnerabilities > Inventory, Security Configuration Assessment > Inventory > {Policy ID} > Checks, MITRE ATT&CK > Intelligence > {Resource}), Agent Inventory data [#5363](https://github.com/wazuh/wazuh-kibana-app/pull/5363) [#5442](https://github.com/wazuh/wazuh-kibana-app/pull/5442) [#5443](https://github.com/wazuh/wazuh-kibana-app/pull/5443)
 
 ### Fixed
 

plugins/main/public/components/agents/syscollector/columns/index.ts

@@ -1,3 +1,7 @@
-export { processColumns } from './process-columns'
-export { portsColumns } from './ports-columns' 
-export { packagesColumns } from './packages-columns' 
+export { netaddrColumns } from './netaddr-columns';
+export { netifaceColumns } from './netiface-columns';
+export { processColumns } from './process-columns';
+export { portsColumns } from './ports-columns';
+export { packagesColumns } from './packages-columns';
+export { windowsUpdatesColumns } from './windows-updates-columns';
+

plugins/main/public/components/agents/syscollector/columns/netaddr-columns.ts

@@ -0,0 +1,9 @@
+import { KeyEquivalence } from "../../../../../common/csv-key-equivalence";
+
+export const netaddrColumns = [
+  { field: 'iface', searchable: true, sortable: true },
+  { field: 'address', searchable: true, sortable: true },
+  { field: 'netmask', searchable: true, sortable: true },
+  { field: 'proto', searchable: true, sortable: true },
+  { field: 'broadcast', searchable: true, sortable: true },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));

plugins/main/public/components/agents/syscollector/columns/netiface-columns.ts

@@ -0,0 +1,9 @@
+import { KeyEquivalence } from "../../../../../common/csv-key-equivalence";
+
+export const netifaceColumns = [
+  { field: 'name', searchable: true, sortable: true, },
+  { field: 'mac', searchable: true, sortable: true },
+  { field: 'state', searchable: true, name: 'State', sortable: true },
+  { field: 'mtu', searchable: true, name: 'MTU', sortable: true },
+  { field: 'type', searchable: true, name: 'Type', sortable: true },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));

plugins/main/public/components/agents/syscollector/columns/packages-columns.ts

@@ -1,31 +1,33 @@
+import { KeyEquivalence } from "../../../../../common/csv-key-equivalence";
+
 const windowsColumns = [
-  { id: 'name' },
-  { id: 'architecture', width: '10%' },
-  { id: 'version' },
-  { id: 'vendor', width: '30%' },
-];
+  { field: 'name', searchable: true, sortable: true },
+  { field: 'architecture', searchable: true, sortable: true, width: '10%' },
+  { field: 'version', searchable: true, sortable: true },
+  { field: 'vendor', searchable: true, sortable: true, width: '30%' },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 const linuxColumns = [
-  { id: 'name' },
-  { id: 'architecture', width: '10%' },
-  { id: 'version' },
-  { id: 'vendor', width: '30%' },
-  { id: 'description', width: '30%' },
-];
+  { field: 'name', searchable: true, sortable: true },
+  { field: 'architecture', searchable: true, sortable: true, width: '10%' },
+  { field: 'version', searchable: true, sortable: true },
+  { field: 'vendor', searchable: true, sortable: true, width: '30%' },
+  { field: 'description', searchable: true, sortable: true, width: '30%' },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 const MacColumns = [
-  { id: 'name' },
-  { id: 'version' },
-  { id: 'format' },
-  { id: 'location', width: '30%' },
-  { id: 'description', width: '20%' },
-];
+  { field: 'name', searchable: true, sortable: true },
+  { field: 'version', searchable: true, sortable: true },
+  { field: 'format', searchable: true, sortable: true },
+  { field: 'location', searchable: true, sortable: true, width: '30%' },
+  { field: 'description', searchable: true, sortable: true, width: '20%' },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 const FreebsdColumns = [
-  { id: 'name' },
-  { id: 'version' },
-  { id: 'format' },
-  { id: 'architecture', width: '20%' },
-  { id: 'vendor', width: '20%' },
-  { id: 'description', width: '30%' },
-];
+  { field: 'name', searchable: true, sortable: true },
+  { field: 'version', searchable: true, sortable: true },
+  { field: 'format', searchable: true, sortable: true },
+  { field: 'architecture', searchable: true, sortable: true, width: '20%' },
+  { field: 'vendor', searchable: true, sortable: true, width: '20%' },
+  { field: 'description', searchable: true, sortable: true, width: '30%' },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 
 export const packagesColumns = {
   windows: windowsColumns,

plugins/main/public/components/agents/syscollector/columns/ports-columns.ts

@@ -1,16 +1,18 @@
+import { KeyEquivalence } from "../../../../../common/csv-key-equivalence";
+
 const windowsColumns = [
-  { id: 'process' },
-  { id: 'local.ip', sortable: false },
-  { id: 'local.port', sortable: false },
-  { id: 'state' },
-  { id: 'protocol' },
-];
+  { field: 'process', searchable: true, sortable: true },
+  { field: 'local.ip', searchable: true, sortable: false },
+  { field: 'local.port', searchable: true, sortable: false },
+  { field: 'state', searchable: true, sortable: true },
+  { field: 'protocol', searchable: true, sortable: true },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 const defaultColumns = [
-  { id: 'local.ip', sortable: false },
-  { id: 'local.port', sortable: false },
-  { id: 'state' },
-  { id: 'protocol' },
-];
+  { field: 'local.ip', searchable: true, sortable: false },
+  { field: 'local.port', searchable: true, sortable: false },
+  { field: 'state', searchable: true, sortable: true },
+  { field: 'protocol', searchable: true, sortable: true },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 
 export const portsColumns = {
   windows: windowsColumns,

plugins/main/public/components/agents/syscollector/columns/process-columns.ts

@@ -1,35 +1,37 @@
+import { KeyEquivalence } from "../../../../../common/csv-key-equivalence";
+
 const windowsColumns = [
-  { id: 'name', width: '10%' },
-  { id: 'pid' },
-  { id: 'ppid' },
-  { id: 'vm_size' },
-  { id: 'priority' },
-  { id: 'nlwp' },
-  { id: 'cmd', width: '30%' },
-];
+  { field: 'name', searchable: true, sortable: true, width: '10%' },
+  { field: 'pid', searchable: true, sortable: true },
+  { field: 'ppid', searchable: true, sortable: true },
+  { field: 'vm_size', searchable: true, sortable: true },
+  { field: 'priority', searchable: true, sortable: true },
+  { field: 'nlwp', searchable: true, sortable: true },
+  { field: 'cmd', searchable: true, sortable: true, width: '30%' },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 const linuxColumns = [
-  { id: 'name', width: '10%' },
-  { id: 'euser' },
-  { id: 'egroup' },
-  { id: 'pid' },
-  { id: 'ppid' },
-  { id: 'cmd', width: '15%' },
-  { id: 'argvs', width: '15%' },
-  { id: 'vm_size' },
-  { id: 'size' },
-  { id: 'session' },
-  { id: 'nice' },
-  { id: 'state', width: '15%' },
-];
+  { field: 'name', searchable: true, sortable: true, width: '10%' },
+  { field: 'euser', searchable: true, sortable: true },
+  { field: 'egroup', searchable: true, sortable: true },
+  { field: 'pid', searchable: true, sortable: true },
+  { field: 'ppid', searchable: true, sortable: true },
+  { field: 'cmd', searchable: true, sortable: true, width: '15%' },
+  { field: 'argvs', searchable: true, sortable: true, width: '15%' },
+  { field: 'vm_size', searchable: true, sortable: true },
+  { field: 'size', searchable: true, sortable: true },
+  { field: 'session', searchable: true, sortable: true },
+  { field: 'nice', searchable: true, sortable: true },
+  { field: 'state', searchable: true, sortable: true, width: '15%' },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 const macColumns = [
-  { id: 'name', width: '10%' },
-  { id: 'euser' },
-  { id: 'pid' },
-  { id: 'ppid' },
-  { id: 'vm_size' },
-  { id: 'nice' },
-  { id: 'state', width: '15%' },
-];
+  { field: 'name', searchable: true, sortable: true, width: '10%' },
+  { field: 'euser', searchable: true, sortable: true },
+  { field: 'pid', searchable: true, sortable: true },
+  { field: 'ppid', searchable: true, sortable: true },
+  { field: 'vm_size', searchable: true, sortable: true },
+  { field: 'nice', searchable: true, sortable: true },
+  { field: 'state', searchable: true, sortable: true, width: '15%' },
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));
 
 export const processColumns = {
   windows: windowsColumns,

plugins/main/public/components/agents/syscollector/columns/windows-updates-columns.ts

@@ -0,0 +1,5 @@
+import { KeyEquivalence } from "../../../../../common/csv-key-equivalence";
+
+export const windowsUpdatesColumns = [
+  { field: 'hotfix', searchable: true, sortable: true}
+].map(({field, ...rest}) => ({...rest, field, name: rest.name || KeyEquivalence[field] || field}));