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

[EuiProvider/SharedUX] Remove usage of deprecated React rendering utilities #180516

Conversation

tsullivan
Copy link
Member

@tsullivan tsullivan commented Apr 10, 2024

Summary

Partially addresses https://github.com/elastic/kibana-team/issues/805

Follows #180003

These changes come up from searching in the code and finding where certain kinds of deprecated AppEx-SharedUX modules are imported. Reviewers: Please interact with critical paths through the UI components touched in this PR, ESPECIALLY in terms of testing dark mode and i18n.

This focuses on code within AppEx-SharedUX. Reporting changes are separate.

image

Checklist

Delete any items that are not applicable to this PR.

@tsullivan tsullivan added the release_note:skip Skip the PR/issue when compiling release notes label Apr 10, 2024
@tsullivan tsullivan marked this pull request as ready for review April 10, 2024 21:33
@tsullivan tsullivan requested a review from a team as a code owner April 10, 2024 21:33
@tsullivan tsullivan force-pushed the sharedux/cleanup-tomountpoint-deprecations-iiic branch from 448c8f7 to dc6f7c1 Compare April 11, 2024 00:18
@tsullivan tsullivan requested a review from a team as a code owner April 11, 2024 00:18
@tsullivan tsullivan marked this pull request as draft April 11, 2024 13:26
@tsullivan tsullivan force-pushed the sharedux/cleanup-tomountpoint-deprecations-iiic branch 9 times, most recently from a5e6e6b to 94b9091 Compare April 13, 2024 01:13
@tsullivan tsullivan force-pushed the sharedux/cleanup-tomountpoint-deprecations-iiic branch from 94b9091 to d2b714a Compare April 13, 2024 15:27
@tsullivan tsullivan marked this pull request as ready for review April 15, 2024 14:26
@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] x-pack/test/cases_api_integration/security_and_spaces/config_trial.ts / cases security and spaces enabled: trial push_case memoryless server pushes a comment appropriately

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
banners 16 32 +16
home 224 234 +10
kibanaOverview 125 135 +10
savedObjectsTagging 96 110 +14
serverless 57 67 +10
uiActions 26 38 +12
total +72

Async chunks

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

id before after diff
home 137.7KB 138.7KB +1.0KB
kibanaOverview 51.8KB 52.8KB +961.0B
savedObjectsTagging 47.4KB 46.9KB -451.0B
serverless 22.6KB 22.2KB -449.0B
share 3.6KB 3.6KB -32.0B
total +1.1KB

Page load bundle

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

id before after diff
banners 7.8KB 9.5KB +1.7KB
home 11.4KB 11.4KB +59.0B
savedObjectsTagging 20.4KB 21.5KB +1.1KB
serverless 11.0KB 12.2KB +1.3KB
uiActions 20.4KB 22.0KB +1.6KB
total +5.8KB
Unknown metric groups

References to deprecated APIs

id before after diff
banners 2 0 -2
home 10 7 -3
kibanaOverview 4 1 -3
savedObjectsTagging 46 37 -9
serverless 3 0 -3
uiActions 5 0 -5
total -25

History

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

Copy link
Contributor

@jloleysens jloleysens left a comment

Choose a reason for hiding this comment

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

Kibana jsonc clean up LGTM! Did not test locally. Let me know whether there is something else you'd like me to look at!

@tsullivan tsullivan added the Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) label Apr 16, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/appex-sharedux (Team:SharedUX)

Copy link
Contributor

@Dosant Dosant left a comment

Choose a reason for hiding this comment

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

Tested touched UIs in dark mode. looks good

@tsullivan tsullivan merged commit e4a32f8 into elastic:main Apr 17, 2024
20 checks passed
@tsullivan tsullivan deleted the sharedux/cleanup-tomountpoint-deprecations-iiic branch April 17, 2024 14:52
@kibanamachine kibanamachine added v8.14.0 backport:skip This commit does not require backporting labels Apr 17, 2024
tsullivan added a commit that referenced this pull request Apr 25, 2024
…0759)

## Summary

Partially addresses elastic/kibana-team#805

Follows #180516

These changes come up from searching in the code and finding where
certain kinds of deprecated AppEx-SharedUX modules are imported.
**Reviewers: Please interact with critical paths through the UI
components touched in this PR, ESPECIALLY in terms of testing dark mode
and i18n.**

This focuses on code within Reporting.

<img width="1107" alt="image"
src="https://github.com/elastic/kibana/assets/908371/c0d2ce08-ac35-45a7-8192-0b2256fceb0e">

Note: this also makes inclusion of `i18n` and `analytics` dependencies
consistent. Analytics is an optional dependency for the SharedUX
modules, which wrap `KibanaErrorBoundaryProvider` and is designed to
capture telemetry about errors that are caught in the error boundary.
### Checklist

Delete any items that are not applicable to this PR.

- [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
- [ ] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [ ] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)

---------

Co-authored-by: kibanamachine <[email protected]>
tsullivan added a commit that referenced this pull request May 6, 2024
#182047)

## Summary

Partially addresses elastic/kibana-team#805

Follows #180516

These changes come up from searching in the code and finding where
certain kinds of deprecated AppEx-SharedUX modules are imported.
**Reviewers: Please interact with critical paths through the UI
components touched in this PR, ESPECIALLY in terms of testing dark mode
and i18n.**

This is the **2nd** part of work that focuses on code within
**AppEx-SharedUX**.

<img width="1107" alt="image"
src="https://github.com/elastic/kibana/assets/908371/c0d2ce08-ac35-45a7-8192-0b2256fceb0e">

### Checklist

Delete any items that are not applicable to this PR.

- [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
- [ ] This renders correctly on smaller devices using a responsive
layout. (You can test this [in your
browser](https://www.browserstack.com/guide/responsive-testing-on-local-server))
- [ ] This was checked for [cross-browser
compatibility](https://www.elastic.co/support/matrix#matrix_browsers)
@tsullivan tsullivan changed the title [SharedUX] Remove usage of deprecated React rendering utilities [EuiProvider/SharedUX] Remove usage of deprecated React rendering utilities Jul 20, 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:skip Skip the PR/issue when compiling release notes Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) v8.14.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants