View request flyout

[sabarasaba]

Fixes: #110926 and https://github.com/elastic/kibana-team/issues/435

Summary

This PR adds a generic view request flyout to es_ui_shared that can be used anywhere we want to expose an ES API requests to the user. Allowing the user to also copy the request to their clipboard and to view the request in Console.

I've also implemented the modal in the request preview in the ingest pipelines edit screen.

Note: There are more of these modals throughout our apps (CCR, remote clusters, ILM, watcher and rollups) I decided to implement it only for Ingest Pipelines to keep the PR more concise and will create another small PR after for patching that up.

How to test

1. Start elasticsearch and kibana
2. Navigate to Stack Management -> Ingest pipelines
3. Edit an existing pipeline or create a new one
4. Verify that the show request button works and flyout opens
5. Verify that the copy to clipboard works and that the show in console works also

Screenshots

before/after

// Before

// After

[elasticmachine]

Pinging @elastic/platform-deployment-management (Team:Deployment Management)

[yuliacech]

Great work with the request flyout, @sabarasaba! Looking forward to reuse it in other apps as well 👍
Left you a couple of comments in the code, but it looks really great already.

[sabarasaba]

@elasticmachine merge upstream

[sabarasaba]

@elasticmachine merge upstream

[yuliacech]

Great job, @sabarasaba!
Latest changes LGTM, didn't re-test locally

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 96489b6
• Storybooks Preview
• Webpack Bundle Analyzer

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id	before	after	diff
esUiShared	158	161	+3
ingestPipelines	458	457	-1
total			+2

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
esUiShared	106	108	+2

Async chunks

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

id	before	after	diff
ingestPipelines	452.0KB	451.4KB	-607.0B

Page load bundle

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

id	before	after	diff
esUiShared	122.5KB	129.2KB	+6.7KB
ingestPipelines	13.3KB	13.4KB	+55.0B
total			+6.8KB

Unknown metric groups

API count

id	before	after	diff
esUiShared	110	112	+2

History

• 💔 Build #32049 failed 356abd9
• 💔 Build #31386 failed 31b75a5
• 💔 Build #31292 failed fb23924
• 💚 Build #29729 succeeded c11ce41
• 💔 Build #29727 failed dd9e13d

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

cc @sabarasaba

[kibanamachine]

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create backports run node scripts/backport --pr 127156 or prevent reminders by adding the backport:skip label.