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.

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

[Security Solution] Expandable flyout - add rule preview skeleton #161999

Merged
merged 10 commits into from
Jul 27, 2023

Conversation

christineweng
Copy link
Contributor

@christineweng christineweng commented Jul 14, 2023

Summary

This PR adds a rule preview panel to the expandable flyout:

  • Preview panel skeleton is added, now we can open a preview on top of right section of flyout
  • Go to rule details button is replaced by a button that will open a rule preview panel
  • The rule preview contains placeholder sections (About, Definition, Schedule) and footer with a link to rule details page

image

How to test

  • add xpack.securitySolution.enableExperimental: ['securityFlyoutEnabled'] to the kibana.dev.json file
  • go to the Alerts page, and click on the expand detail button on any row of the table
  • click on Overview, About, then Rule summary

Checklist

@christineweng christineweng added release_note:feature Makes this part of the condensed release notes Team:Threat Hunting:Investigations Security Solution Investigations Team v8.10.0 labels Jul 17, 2023
@christineweng christineweng marked this pull request as ready for review July 18, 2023 00:42
@christineweng christineweng requested review from a team as code owners July 18, 2023 00:42
@christineweng christineweng requested review from a team as code owners July 24, 2023 19:55
@christineweng christineweng requested a review from a team July 24, 2023 19:55
@christineweng christineweng requested review from a team as code owners July 24, 2023 19:55
@christineweng christineweng removed request for a team, pzl, banderror and joeypoon July 24, 2023 19:58
Copy link
Contributor

@PhilippeOberti PhilippeOberti left a comment

Choose a reason for hiding this comment

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

approved, looks great thank you!
I left a tiny comment if you want to fix before merging :)

@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
securitySolution 4354 4362 +8

Async chunks

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

id before after diff
securitySolution 15.6MB 15.6MB +13.8KB

History

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

cc @christineweng

@christineweng christineweng merged commit a1be002 into elastic:main Jul 27, 2023
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Jul 27, 2023
ThomThomson pushed a commit to ThomThomson/kibana that referenced this pull request Aug 1, 2023
…astic#161999)

## Summary

This PR adds a rule preview panel to the expandable flyout:

- Preview panel skeleton is added, now we can open a preview on top of
right section of flyout
- Go to rule details button is replaced by a button that will open a
rule preview panel
- The rule preview contains placeholder sections (About, Definition,
Schedule) and footer with a link to rule details page


![image](https://github.com/elastic/kibana/assets/18648970/5510982a-91e5-4747-ae23-a8b5b87e0041)

**How to test**

- add `xpack.securitySolution.enableExperimental:
['securityFlyoutEnabled']` to the `kibana.dev.json` file
- go to the Alerts page, and click on the expand detail button on any
row of the table
- click on `Overview`, `About`, then `Rule summary`

### 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: kibanamachine <[email protected]>
christineweng added a commit that referenced this pull request Aug 10, 2023
## Summary

This PR is part 2 of adding a rule preview panel to the expandable
flyout. PR (#161999) adds the
preview skeleton, and this PR populates the actual content related to
rule details:

Expandable flyout:
- Updated title to include `created by` and `updated by` timestamps, and
rule switch button
- Added contents for about, define, schedule and actions (if any)
- Added a hook to fetch data for rule switch button - logic mimics rule
details page
(`~/security_solution/public/detection_engine/rule_details_ui/pages/rule_details/index.tsx`)

Rule & detections:
- Added `isPanelView` option allow rendering rule details in smaller
font, so that it can fit in panel view
- Minor UI updates to gutter sizes and spacing to accommodate long text
- Extracted `createdBy` and `updatedBy` to
`~/security_solution/public/detections/components/rules/rule_info` to be
shared between rule details page and flyout


![image](https://github.com/elastic/kibana/assets/18648970/bbccbec6-f5f2-4ac5-8715-9caf357283ee)

**How to test**
- add `xpack.securitySolution.enableExperimental:
['securityFlyoutEnabled']` to the `kibana.dev.json` file
- go to the Alerts page, and click on the expand detail button on any
row of the table
- click on Overview, About, view Rule Summary, the rule preview panel
should pop up

### 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
@PhilippeOberti PhilippeOberti added this to the 8.10 milestone Mar 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting release_note:feature Makes this part of the condensed release notes Team:Threat Hunting:Investigations Security Solution Investigations Team v8.10.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants