[Security Solution] expanded flyout - right section - overview tab - mitre attack

[PhilippeOberti]

Summary

This PR leverages the work done in a previous PR and add the Mitre Attack section under the overview tab of the Security Solution expandable flyout right section panel:

• the mitre attack section is displayed at the top of the overview tab. It reuses the getMitreComponentParts method to get the display of the mitre attack's description
• displays an empty component if the mitre attack information is missing on the document

How to test

• add xpack.securitySolution.enableExperimental: ['securityFlyoutEnabled'] to the kibana.json file
• run yarn es snapshot --license trial, yarn test:generate and yarn start --no-base-path
• go to the Alerts page, and click on the expand detail button on any row of the table
• navigate to the Overview tab

Notes

To generate alerts with Mitre Attack value, you can for example create a new Custom Query rule with the following _id is * query, then in the second section (About rule), expand the Advanced Settings then add some tactic and technique values

Run tests and storybook

• node scripts/storybook security_solution to run Storybook
• npm run test:jest --config ./x-pack/plugins/security_solution/public/flyout to run the unit tests
• yarn cypress:open-as-ci but note that the integration/e2e tests have been written but are now skipped because the feature is protected behind a feature flag, disabled by default. To check them, add 'securityFlyoutEnabled' here

https://github.com/elastic/security-team/issues/6069

Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)

[elasticmachine]

Pinging @elastic/security-threat-hunting (Team:Threat Hunting)

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: af32b16
• Storybooks Preview

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
securitySolution	3777	3778	+1

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.7MB	15.7MB	+4.3KB

Unknown metric groups

ESLint disabled line counts

id	before	after	diff
securitySolution	434	437	+3

Total ESLint disabled count

id	before	after	diff
securitySolution	514	517	+3

History

• 💔 Build #113218 failed 73059deb3a850f4192579601f9daae3e01d74d29
• 💔 Build #113067 failed 5219c54078e8483c02e904edde22ced64989e1f2
• 💔 Build #112256 failed 2ccb5d0

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

[lgestc]

I will take a look after the base one is merged:)

[PhilippeOberti]

I will take a look after the base one is merged:)

the base one was merged yesterday, this PR is rebased and ready for review, I just had forgotten to update the description!

[michaelolo24]

Nice work, getting real data in here! 🕺🏾