Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add view single document and surrounding documents #6831

Merged
merged 12 commits into from
Jul 26, 2024
Merged

Add view single document and surrounding documents #6831

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
2b42c03
Add document details header component with links
Machi3mfl Jul 16, 2024
30a98e2
Apply document header in flyout details
Machi3mfl Jul 16, 2024
3b50d81
Merge branch '4.9.0' into feat/6825-add-view-document-discover
Machi3mfl Jul 19, 2024
4209f65
Apply prettier
Machi3mfl Jul 19, 2024
fc282b3
Update CHANGELOG
Machi3mfl Jul 19, 2024
4216819
Remove unused imports
Machi3mfl Jul 22, 2024
c695e6e
Merge branch '4.9.0' into feat/6825-add-view-document-discover
Machi3mfl Jul 23, 2024
2f08e0b
Change link method
Machi3mfl Jul 23, 2024
198e9d5
Merge branch '4.9.0' into feat/6825-add-view-document-discover
lucianogorza Jul 24, 2024
56d70f2
Merge branch '4.9.0' into feat/6825-add-view-document-discover
Machi3mfl Jul 25, 2024
36b168c
Merge branch '4.9.0' into feat/6825-add-view-document-discover
Machi3mfl Jul 26, 2024
27ac5c1
Merge branch '4.9.0' into feat/6825-add-view-document-discover
Machi3mfl Jul 26, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion plugins/main/public/components/common/wazuh-data-grid/wz-data-grid.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import {
EuiTitle,
EuiFlyoutBody,
EuiFlexGroup,
EuiLink
} from '@elastic/eui';
import { useDataGrid, exportSearchToCSV, tDataGridColumn } from '../data-grid';
import { getWazuhCorePlugin } from '../../../kibana-services';
Expand All @@ -30,6 +31,7 @@ import { DocumentViewTableAndJson } from '../wazuh-discover/components/document-
import DiscoverDataGridAdditionalControls from '../wazuh-discover/components/data-grid-additional-controls';
import './wazuh-data-grid.scss';
import { wzDiscoverRenderColumns } from '../wazuh-discover/render-columns';
import DocDetailsHeader from '../wazuh-discover/components/doc-details-header';

export const MAX_ENTRIES_PER_QUERY = 10000;

Expand Down Expand Up @@ -180,7 +182,10 @@ const WazuhDataGrid = (props: tWazuhDataGridProps) => {
<EuiFlyout onClose={() => setInspectedHit(undefined)} size='m'>
<EuiFlyoutHeader>
<EuiTitle>
<h2>Document Details</h2>
<DocDetailsHeader
doc={inspectedHit}
indexPattern={indexPattern}
/>
</EuiTitle>
</EuiFlyoutHeader>
<EuiFlyoutBody>
Expand Down
54 changes: 54 additions & 0 deletions plugins/main/public/components/common/wazuh-discover/components/doc-details-header.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
import React from 'react';
import {
EuiFlexGroup,
EuiFlexItem,
EuiTitle,
EuiLink,
} from '@elastic/eui';
import { RedirectAppLinks } from '../../../../../../../src/plugins/opensearch_dashboards_react/public';
import { getCore } from '../../../../kibana-services';

const DocDetailsHeader = ({ doc, indexPattern }) => {
return (<EuiFlexGroup>
<EuiFlexItem>
<EuiTitle>
<h2>Document Details</h2>
</EuiTitle>
</EuiFlexItem>
<EuiFlexItem>
<EuiFlexGroup>
<EuiFlexItem>
<RedirectAppLinks application={getCore().application}>
<EuiLink
href={getCore().application.getUrlForApp('discover', {
path: `#/context/${indexPattern?.id}/${doc?._id}`,
})}
target='_blank'
rel='noopener noreferrer'
external
>
View surrounding documents
</EuiLink>
</RedirectAppLinks>
</EuiFlexItem>
<EuiFlexItem>
<RedirectAppLinks application={getCore().application}>
<EuiLink
href={getCore().application.getUrlForApp('discover', {
path: `#/doc/${indexPattern?.id}/${doc?._index}?id=${doc?._id}`,
})}
target='_blank'
rel='noopener noreferrer'
external
>
View single document
</EuiLink>
</RedirectAppLinks>
</EuiFlexItem>
</EuiFlexGroup>
</EuiFlexItem>
</EuiFlexGroup>);

}

export default DocDetailsHeader;
9 changes: 6 additions & 3 deletions plugins/main/public/components/common/wazuh-discover/wz-discover.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ import {
EuiFlyoutHeader,
EuiTitle,
EuiPanel,
EuiLink
} from '@elastic/eui';
import { IntlProvider } from 'react-intl';
import { IndexPattern } from '../../../../../../src/plugins/data/common';
Expand Down Expand Up @@ -43,6 +44,7 @@ import {
import DiscoverDataGridAdditionalControls from './components/data-grid-additional-controls';
import { wzDiscoverRenderColumns } from './render-columns';
import { WzSearchBar } from '../search-bar';
import DocDetailsHeader from './components/doc-details-header';

export const MAX_ENTRIES_PER_QUERY = 10000;

Expand Down Expand Up @@ -267,9 +269,10 @@ const WazuhDiscoverComponent = (props: WazuhDiscoverProps) => {
{inspectedHit && (
<EuiFlyout onClose={() => setInspectedHit(undefined)} size='m'>
<EuiFlyoutHeader>
<EuiTitle>
<h2>Document Details</h2>
</EuiTitle>
<DocDetailsHeader
doc={inspectedHit}
indexPattern={dataSource?.indexPattern}
/>
</EuiFlyoutHeader>
<EuiFlyoutBody>
<EuiFlexGroup direction='column'>
Expand Down
43 changes: 23 additions & 20 deletions plugins/main/public/components/overview/threat-hunting/dashboard/dashboard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React, { useState, useEffect, useMemo } from 'react';
import { getPlugins, getWazuhCorePlugin } from '../../../../kibana-services';
import { getPlugins, getWazuhCorePlugin, getCore } from '../../../../kibana-services';
import { ViewMode } from '../../../../../../../src/plugins/embeddable/public';
import { SearchResponse } from '../../../../../../../src/core/server';
import { IndexPattern } from '../../../../../../../src/plugins/data/common';
Expand All @@ -19,6 +19,7 @@ import {
EuiFlyoutHeader,
EuiTitle,
EuiButtonEmpty,
EuiLink
} from '@elastic/eui';
import {
ErrorFactory,
Expand Down Expand Up @@ -55,6 +56,8 @@ import { useReportingCommunicateSearchContext } from '../../../common/hooks/use-
import { wzDiscoverRenderColumns } from '../../../common/wazuh-discover/render-columns';
import { WzSearchBar } from '../../../common/search-bar';

import DocDetailsHeader from '../../../common/wazuh-discover/components/doc-details-header';

const plugins = getPlugins();

const DashboardByRenderer = plugins.dashboard.DashboardContainerByValueRenderer;
Expand Down Expand Up @@ -228,11 +231,10 @@ const DashboardTH: React.FC = () => {
<DiscoverNoResults />
) : null}
<div
className={`th-container ${
!isDataSourceLoading && dataSource && results?.hits?.total > 0
? ''
: 'wz-no-display'
}`}
className={`th-container ${!isDataSourceLoading && dataSource && results?.hits?.total > 0
? ''
: 'wz-no-display'
}`}
>
<SampleDataWarning />
<div className='th-dashboard-responsive'>
Expand Down Expand Up @@ -293,20 +295,20 @@ const DashboardTH: React.FC = () => {
<HitsCounter
hits={results?.hits?.total}
showResetButton={false}
onResetQuery={() => {}}
onResetQuery={() => { }}
tooltip={
results?.hits?.total &&
results?.hits?.total > MAX_ENTRIES_PER_QUERY
results?.hits?.total > MAX_ENTRIES_PER_QUERY
? {
ariaLabel: 'Warning',
content: `The query results has exceeded the limit of ${formatNumWithCommas(
MAX_ENTRIES_PER_QUERY,
)} hits. To provide a better experience the table only shows the first ${formatNumWithCommas(
MAX_ENTRIES_PER_QUERY,
)} hits.`,
iconType: 'alert',
position: 'top',
}
ariaLabel: 'Warning',
content: `The query results has exceeded the limit of ${formatNumWithCommas(
MAX_ENTRIES_PER_QUERY,
)} hits. To provide a better experience the table only shows the first ${formatNumWithCommas(
MAX_ENTRIES_PER_QUERY,
)} hits.`,
iconType: 'alert',
position: 'top',
}
: undefined
}
/>
Expand All @@ -332,9 +334,10 @@ const DashboardTH: React.FC = () => {
{inspectedHit && (
<EuiFlyout onClose={() => setInspectedHit(undefined)} size='m'>
<EuiFlyoutHeader>
<EuiTitle>
<h2>Document details</h2>
</EuiTitle>
<DocDetailsHeader
doc={inspectedHit}
indexPattern={dataSource?.indexPattern}
/>
</EuiFlyoutHeader>
<EuiFlyoutBody>
<EuiFlexGroup direction='column'>
Expand Down
Loading