-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
Conversation
f9652bb
to
d3ee72c
Compare
d3ee72c
to
619b450
Compare
packages/kbn-expandable-flyout/src/components/preview_section.tsx
Outdated
Show resolved
Hide resolved
packages/kbn-expandable-flyout/src/components/preview_section.tsx
Outdated
Show resolved
Hide resolved
x-pack/plugins/security_solution/public/flyout/preview/components/rule_preview.tsx
Outdated
Show resolved
Hide resolved
x-pack/plugins/security_solution/public/flyout/preview/index.tsx
Outdated
Show resolved
Hide resolved
x-pack/plugins/security_solution/public/flyout/preview/context.tsx
Outdated
Show resolved
Hide resolved
16da266
to
27b7855
Compare
…-ref HEAD~1..HEAD --fix'
There was a problem hiding this 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 :)
packages/kbn-expandable-flyout/src/components/preview_section.tsx
Outdated
Show resolved
Hide resolved
💚 Build Succeeded
Metrics [docs]Module Count
Async chunks
History
To update your PR or re-run it, just comment with: |
…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]>
## 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
Summary
This PR adds a rule preview panel to the expandable flyout:
How to test
xpack.securitySolution.enableExperimental: ['securityFlyoutEnabled']
to thekibana.dev.json
fileOverview
,About
, thenRule summary
Checklist