[rollup][licensing_management][grokdebugger] Migrate deprecated EuiPage* components

[cee-chen]

Summary

Note: I strongly recommending viewing the diff with whitespace changes turned off, as many of the "changes" are simply indentation changes.

EUI will shortly be removing several deprecated EuiPage* components, and we're updating a few remaining Kibana usages of these deprecated components ahead of time.

⚠️ PLEASE NOTE: We have not QA'd these changes to ensure that the UI is 1:1 from before. We do not have the domain knowledge or time to spin up local instances of all plugins with deprecations, and ask that the CODEOWNING team pull down this branch and QA the affected page(s) locally to ensure the UI looks like the same as production. ⚠️

See #161872 for other similar tasks with more information about this effort.

[elasticmachine]

Pinging @elastic/eui-team (EUI)

[cee-chen]

@elasticmachine merge upstream

[alisonelizabeth]

@elasticmachine merge upstream

[elasticmachine]

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

[alisonelizabeth]

Hi @cee-chen! Thanks for your help on this! Looks like there were a few plugins we missed on our original checklist (#161413) 😬

I did not test License Management (forgot it's disabled on cloud), but I'm seeing a few regressions in Rollups and Grokdebugger. I'm wondering if it'd be easier for an engineer on the Management team to pick this up as they're more familiar with the plugins. That said, we may not be able to get to this for another week or so. WDYT?

[cee-chen]

Apologies for the late response (was on PTO) and thank you so much for the thorough QA @alisonelizabeth! I can take a look at the regressions some time this week, or if y'all want to take over this PR (or branch from it), that'd be totally great too! I have no strong feelings about whoever completes the work as long as it gets done without borking your UIs 😄

[alisonelizabeth]

Apologies for the late response (was on PTO) and thank you so much for the thorough QA @alisonelizabeth! I can take a look at the regressions some time this week, or if y'all want to take over this PR (or branch from it), that'd be totally great too! I have no strong feelings about whoever completes the work as long as it gets done without borking your UIs 😄

Np! If you're up for taking another look at it this week, that would be great. I think we're still a week or so out before we could pick this up.

[cee-chen]

Alrighty, I think I should have addressed all the layout regressions! I switch between the main branch and this one to check that everything visually remained the same as before. I definitely may have missed something however, so please feel free to double check me.

[alisonelizabeth]

Thanks for working through this @cee-chen! This is looking great.

I only noticed one minor thing with Grokdebugger. In the current UI, the page has an all-white background, but now only the content has the white background. Let me know what you think.

Before:

After:

[cee-chen]

Gah, that's what I get for not QAing on a larger screen. That should be fixed now in 2e4c800 - let me know if not! I also took another quick pass at the other pages/plugins to make sure they didn't have the same problem, and I'm pretty sure it was just that one. 🤞

[alisonelizabeth]

Looks great now! Thanks again for working on this.

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: 2e4c800
• Cloud Deployment

Metrics [docs]

Async chunks

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

id	before	after	diff
grokdebugger	8.9KB	8.7KB	-120.0B
licenseManagement	44.5KB	44.3KB	-191.0B
rollup	112.6KB	112.4KB	-204.0B
total			-515.0B

History

• 💔 Build #168838 failed 9d36e86
• 💚 Build #168830 succeeded f627a54
• 💔 Build #168726 failed 8731782
• 💛 Build #167175 was flaky abd6c62
• 💛 Build #166406 was flaky bea08fe

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