Skip to content

[RAM] Add fields table to rule details page alert flyout#172830

Merged
umbopepato merged 18 commits intoelastic:mainfrom
umbopepato:improve-stack-alerts-table-flyout
Jan 8, 2024
Merged

[RAM] Add fields table to rule details page alert flyout#172830
umbopepato merged 18 commits intoelastic:mainfrom
umbopepato:improve-stack-alerts-table-flyout

Conversation

@umbopepato
Copy link
Member

@umbopepato umbopepato commented Dec 7, 2023

Summary

Adds a table visualization of alert fields to the rule details page alert flyout.

image

@umbopepato umbopepato force-pushed the improve-stack-alerts-table-flyout branch from 8a8cf27 to 643d523 Compare December 8, 2023 09:51
@umbopepato umbopepato added Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// release_note:feature Makes this part of the condensed release notes v8.13.0 v8.12.1 and removed v8.13.0 labels Dec 8, 2023
@umbopepato umbopepato marked this pull request as ready for review December 8, 2023 10:03
@umbopepato umbopepato requested a review from a team as a code owner December 8, 2023 10:03
@elasticmachine
Copy link
Contributor

Pinging @elastic/response-ops (Team:ResponseOps)

@umbopepato umbopepato added v8.12.0 and removed v8.12.1 labels Dec 8, 2023
@umbopepato
Copy link
Member Author

/ci

@umbopepato umbopepato force-pushed the improve-stack-alerts-table-flyout branch from cec8034 to e59fa58 Compare December 19, 2023 11:28
<EuiInMemoryTable
items={Object.entries(alert).map(([key, value]) => ({ key, value: value?.[0] }))}
itemId="key"
columns={[
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we can create a const for the columns prop

@@ -0,0 +1,105 @@
/*
Copy link
Contributor

@XavierM XavierM Dec 19, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we have some basic unit test to test for the search and pagination?

import { get } from 'lodash';
import React from 'react';
import { type EuiDataGridColumn, EuiDescriptionList, EuiPanel, EuiTitle } from '@elastic/eui';
import React, { useCallback, useMemo, useState } from 'react';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can we add basic test for tabs?

@umbopepato umbopepato force-pushed the improve-stack-alerts-table-flyout branch from e46c973 to 2af979d Compare December 22, 2023 13:05
Copy link
Contributor

@XavierM XavierM left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome, to have this done!

@kibana-ci
Copy link

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
alerting 151 153 +2
observability 580 581 +1
securitySolution 4861 4862 +1
triggersActionsUi 657 658 +1
total +5

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id before after diff
@kbn/alerting-types 29 33 +4
@kbn/alerts-ui-shared 82 92 +10
total +14

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
alerting 88.7KB 89.0KB +310.0B
observability 600.4KB 600.7KB +304.0B
securitySolution 11.4MB 11.4MB +298.0B
triggersActionsUi 1.4MB 1.4MB +900.0B
total +1.8KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
triggersActionsUi 104.9KB 106.2KB +1.3KB
Unknown metric groups

API count

id before after diff
@kbn/alerting-types 29 33 +4
@kbn/alerts-ui-shared 83 94 +11
total +15

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@umbopepato umbopepato merged commit 926039f into elastic:main Jan 8, 2024
@kibanamachine
Copy link
Contributor

💔 All backports failed

Status Branch Result
8.12 Backport failed because of merge conflicts

Manual backport

To create the backport manually run:

node scripts/backport --pr 172830

Questions ?

Please refer to the Backport tool documentation

@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add the label auto-backport or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 172830 locally

@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Jan 9, 2024
delanni pushed a commit to delanni/kibana that referenced this pull request Jan 11, 2024
)

## Summary

Adds a table visualization of alert fields to the rule details page
alert flyout.

<img width="1504" alt="image"
src="https://github.com/elastic/kibana/assets/18363145/50dae2f9-ad34-4563-8388-2777ecc1ca15">

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Xavier Mouligneau <xavier.mouligneau@elastic.co>
@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add the label auto-backport or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 172830 locally

1 similar comment
@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add the label auto-backport or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 172830 locally

@kibanamachine kibanamachine added backport:skip This PR does not require backporting and removed backport missing Added to PRs automatically when the are determined to be missing a backport. labels Jan 17, 2024
umbopepato added a commit that referenced this pull request Jan 24, 2024
…174685)

## Summary

Adds the alert fields table from
#172830 to Observability alert
flyouts (triggered by the `View alert details` action).


![image](https://github.com/elastic/kibana/assets/18363145/7e10517e-a5b6-497a-91c8-5bc2bc88ad69)

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: Xavier Mouligneau <xavier.mouligneau@elastic.co>
CoenWarmer pushed a commit to CoenWarmer/kibana that referenced this pull request Feb 15, 2024
…lastic#174685)

## Summary

Adds the alert fields table from
elastic#172830 to Observability alert
flyouts (triggered by the `View alert details` action).


![image](https://github.com/elastic/kibana/assets/18363145/7e10517e-a5b6-497a-91c8-5bc2bc88ad69)

### Checklist

- [x] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/packages/kbn-i18n/README.md)
- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios

---------

Co-authored-by: Xavier Mouligneau <xavier.mouligneau@elastic.co>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting release_note:feature Makes this part of the condensed release notes Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// v8.13.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants