Remove event tables from dashboards (#7086)

* Remove data grid from Threat hunting dashboard

* Remove data grid from GitHub and Office365 drill down views

* Add changelog

CHANGELOG.md

@@ -40,6 +40,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 
 - Removed the PDF report footer year [#7023](https:/wazuh/wazuh-dashboard-plugins/pull/7023)
 - Removed the XML autoformat function group configuration due to performance [#6999](https:/wazuh/wazuh-dashboard-plugins/pull/6999)
+- Removed data grid tables from Threat hunting dashboard, GitHub panel and Office365 panel [#7086](https:/wazuh/wazuh-dashboard-plugins/pull/7086)
 
 ## Wazuh v4.9.0 - OpenSearch Dashboards 2.13.0 - Revision 07
 

plugins/main/public/components/overview/github/panel/config/drilldown-action.tsx

@@ -12,7 +12,7 @@
 
 import React from 'react';
 import { ViewMode } from '../../../../../../../../src/plugins/embeddable/public';
-import { getPlugins, getCore } from '../../../../../kibana-services';
+import { getPlugins } from '../../../../../kibana-services';
 import { DashboardPanelState } from '../../../../../../../../src/plugins/dashboard/public/application';
 import { EmbeddableInput } from '../../../../../../../../src/plugins/embeddable/public';
 import {
@@ -23,7 +23,6 @@ import {
  getVisStateTopRepositories,
 } from './visualizations';
 import { ModuleConfigProps } from './module-config';
-import DrillDownDataGrid from './drilldown-data-grid';
 
 const DashboardByRenderer =
  getPlugins().dashboard.DashboardContainerByValueRenderer;
@@ -148,38 +147,6 @@ export const DrilldownConfigAction = (drilldownProps: ModuleConfigProps) => {
  },
  ],
  },
- {
- columns: [
- {
- width: 100,
- component: () => {
- const defaultTableColumns = [
- {
- id: 'timestamp',
- isSortable: true,
- defaultSortDirection: 'desc',
- },
- { id: 'rule.description' },
- { id: 'data.github.org', displayAsText: 'Organization' },
- { id: 'data.github.repo', displayAsText: 'Repository' },
- { id: 'data.github.actor', displayAsText: 'Actor' },
- { id: 'rule.level' },
- { id: 'rule.id' },
- ];
-
- return (
- <DrillDownDataGrid
- defaultTableColumns={defaultTableColumns}
- fetchData={fetchData}
- fetchFilters={fetchFilters}
- searchBarProps={searchBarProps}
- indexPattern={indexPattern}
- />
- );
- },
- },
- ],
- },
  ],
  };
 };

plugins/main/public/components/overview/github/panel/config/drilldown-actor.tsx

@@ -10,18 +10,9 @@
  * Find more information about this on the LICENSE file.
  */
 
-import React, { useState, useMemo, useEffect } from 'react';
-import {
- EuiFlexItem,
- EuiPanel,
- EuiToolTip,
- EuiButtonIcon,
- EuiDataGridCellValueElementProps,
- EuiDataGrid,
- EuiLink,
-} from '@elastic/eui';
+import React from 'react';
 import { ViewMode } from '../../../../../../../../src/plugins/embeddable/public';
-import { getPlugins, getCore } from '../../../../../kibana-services';
+import { getPlugins } from '../../../../../kibana-services';
 import { DashboardPanelState } from '../../../../../../../../src/plugins/dashboard/public/application';
 import { EmbeddableInput } from '../../../../../../../../src/plugins/embeddable/public';
 import {
@@ -32,14 +23,6 @@ import {
  getVisStateTopRepositories,
 } from './visualizations';
 import { ModuleConfigProps } from './module-config';
-import {
- ErrorFactory,
- HttpError,
- ErrorHandler,
-} from '../../../../../react-services/error-management';
-import DrillDownDataGrid from './drilldown-data-grid';
-import { rules } from '../../../../../utils/applications';
-import { RedirectAppLinks } from '../../../../../../../../src/plugins/opensearch_dashboards_react/public';
 
 const DashboardByRenderer =
  getPlugins().dashboard.DashboardContainerByValueRenderer;
@@ -164,38 +147,6 @@ export const DrilldownConfigActor = (drilldownProps: ModuleConfigProps) => {
  },
  ],
  },
- {
- columns: [
- {
- width: 100,
- component: () => {
- const defaultTableColumns = [
- {
- id: 'timestamp',
- isSortable: true,
- defaultSortDirection: 'desc',
- },
- { id: 'rule.description' },
- { id: 'data.github.org', displayAsText: 'Organization' },
- { id: 'data.github.repo', displayAsText: 'Repository' },
- { id: 'data.github.action', displayAsText: 'Action' },
- { id: 'rule.level' },
- { id: 'rule.id' },
- ];
-
- return (
- <DrillDownDataGrid
- defaultTableColumns={defaultTableColumns}
- fetchData={fetchData}
- fetchFilters={fetchFilters}
- searchBarProps={searchBarProps}
- indexPattern={indexPattern}
- />
- );
- },
- },
- ],
- },
  ],
  };
 };

plugins/main/public/components/overview/github/panel/config/drilldown-organization.tsx

@@ -10,19 +10,9 @@
  * Find more information about this on the LICENSE file.
  */
 
-import React, { useState, useMemo, useEffect } from 'react';
-import {
- EuiFlexItem,
- EuiPanel,
- EuiToolTip,
- EuiButtonIcon,
- EuiDataGridCellValueElementProps,
- EuiDataGrid,
- EuiLink,
-} from '@elastic/eui';
-import { SecurityAlerts } from '../../../../visualize/components';
+import React from 'react';
 import { ViewMode } from '../../../../../../../../src/plugins/embeddable/public';
-import { getPlugins, getCore } from '../../../../../kibana-services';
+import { getPlugins } from '../../../../../kibana-services';
 import { DashboardPanelState } from '../../../../../../../../src/plugins/dashboard/public/application';
 import { EmbeddableInput } from '../../../../../../../../src/plugins/embeddable/public';
 import {
@@ -33,14 +23,6 @@ import {
  getVisStateTopActions,
 } from './visualizations';
 import { ModuleConfigProps } from './module-config';
-import {
- ErrorFactory,
- HttpError,
- ErrorHandler,
-} from '../../../../../react-services/error-management';
-import DrillDownDataGrid from './drilldown-data-grid';
-import { rules } from '../../../../../utils/applications';
-import { RedirectAppLinks } from '../../../../../../../../src/plugins/opensearch_dashboards_react/public';
 
 const DashboardByRenderer =
  getPlugins().dashboard.DashboardContainerByValueRenderer;
@@ -167,38 +149,6 @@ export const DrilldownConfigOrganization = (
  },
  ],
  },
- {
- columns: [
- {
- width: 100,
- component: () => {
- const defaultTableColumns = [
- {
- id: 'timestamp',
- isSortable: true,
- defaultSortDirection: 'desc',
- },
- { id: 'rule.description' },
- { id: 'data.github.repo', displayAsText: 'Repository' },
- { id: 'data.github.actor', displayAsText: 'Actor' },
- { id: 'data.github.action', displayAsText: 'Action' },
- { id: 'rule.level' },
- { id: 'rule.id' },
- ];
-
- return (
- <DrillDownDataGrid
- defaultTableColumns={defaultTableColumns}
- fetchData={fetchData}
- fetchFilters={fetchFilters}
- searchBarProps={searchBarProps}
- indexPattern={indexPattern}
- />
- );
- },
- },
- ],
- },
  ],
  };
 };

plugins/main/public/components/overview/github/panel/config/drilldown-repository.tsx

@@ -11,9 +11,8 @@
  */
 
 import React from 'react';
-import { EuiLink } from '@elastic/eui';
 import { ViewMode } from '../../../../../../../../src/plugins/embeddable/public';
-import { getPlugins, getCore } from '../../../../../kibana-services';
+import { getPlugins } from '../../../../../kibana-services';
 import { DashboardPanelState } from '../../../../../../../../src/plugins/dashboard/public/application';
 import { EmbeddableInput } from '../../../../../../../../src/plugins/embeddable/public';
 import {
@@ -24,13 +23,6 @@ import {
  getVisStateTopOrganizations,
 } from './visualizations';
 import { ModuleConfigProps } from './module-config';
-import {
- ErrorFactory,
- HttpError,
- ErrorHandler,
-} from '../../../../../react-services/error-management';
-import DrillDownDataGrid from './drilldown-data-grid';
-import { rules } from '../../../../../utils/applications';
 
 const DashboardByRenderer =
  getPlugins().dashboard.DashboardContainerByValueRenderer;
@@ -157,47 +149,6 @@ export const DrilldownConfigRepository = (
  },
  ],
  },
- {
- columns: [
- {
- width: 100,
- component: () => {
- const defaultTableColumns = [
- {
- id: 'timestamp',
- isSortable: true,
- defaultSortDirection: 'desc',
- },
- { id: 'rule.description' },
- { id: 'data.github.org', displayAsText: 'Organization' },
- { id: 'data.github.actor', displayAsText: 'Actor' },
- { id: 'data.github.action', displayAsText: 'Action' },
- { id: 'rule.level' },
- {
- id: 'rule.id',
- render: value => (
- <EuiLink
- href={`${rules.id}#/manager/?tab=rules&redirectRule=${value}`}
- >
- {value}
- </EuiLink>
- ),
- },
- ];
-
- return (
- <DrillDownDataGrid
- defaultTableColumns={defaultTableColumns}
- fetchData={fetchData}
- fetchFilters={fetchFilters}
- searchBarProps={searchBarProps}
- indexPattern={indexPattern}
- />
- );
- },
- },
- ],
- },
  ],
  };
 };