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

Upgrade EUI to v53.0.1 #128825

Merged
merged 7 commits into from
Mar 31, 2022
Merged

Upgrade EUI to v53.0.1 #128825

merged 7 commits into from
Mar 31, 2022

Conversation

cee-chen
Copy link
Member

@cee-chen cee-chen commented Mar 29, 2022

Summary

eui@52.2.0eui@53.0.1

53.0.1

Bug fixes

  • Fixed EuiContext.i18n's mappingFunc not being called for EuiI18ns with multiple tokens or function callbacks (#5748)
  • Fixed poor rendering performance of EuiIcon when using a custom data URI type (#5751)

53.0.0

  • Added all remaining missing i18n tokens for EuiSuperDatePicker (#5743)

Breaking changes

  • Removed prettyDuration utility exported by EuiSuperDatePicker - this util was converted to a PrettyDuration component and usePrettyDuration hook which should be used instead (#5743)
  • Removed commonDurationRanges exported by EuiSuperDatePicker. The new pretty duration utils will fall back to commonDurationRanges by default if no quickRanges are passed (#5743)

@cee-chen cee-chen added release_note:skip Skip the PR/issue when compiling release notes EUI ci:deploy-cloud v8.2.0 v8.3.0 labels Mar 29, 2022
@cee-chen cee-chen requested a review from Bamieh March 29, 2022 20:59
@cee-chen cee-chen requested review from a team as code owners March 29, 2022 20:59
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-design (EUI)

@thompsongl
Copy link
Contributor

@constancecchen Forgot to mention this in the original PR, but the checks failures can be resolved by changing

- const MockedEuiSuperDatePicker = EuiSuperDatePicker as jest.MockedClass<typeof EuiSuperDatePicker>;
+ const MockedEuiSuperDatePicker = EuiSuperDatePicker as jest.MockedFunction<typeof EuiSuperDatePicker>;

@cee-chen
Copy link
Member Author

cee-chen commented Mar 29, 2022

Thanks Greg! Was waiting for Jests tests to finish before pushing up the fix. I'm also going to go move this back to draft since #128313 was reverted, and rebase/re-open it once #128841 is in.

i18n review will remain the same though so please feel free to take a look when you can @Bamieh.

@cee-chen cee-chen marked this pull request as draft March 29, 2022 22:34
@cee-chen cee-chen added the auto-backport Deprecated - use backport:version if exact versions are needed label Mar 30, 2022
- Fix mock typeof: this changed because the exported EuiSuperDatePicker is no longer a class, but a functional component wrapper around a class

- CI test: update now-capitalized datepicker select copy

- Jest tests: update snapshots, find()s (`Memo()` selector change is due to the exported EuiSuperDatePicker change)
@cee-chen cee-chen marked this pull request as ready for review March 30, 2022 04:00
@cee-chen cee-chen requested review from a team as code owners March 30, 2022 04:00
Copy link
Contributor

@peteharverson peteharverson left a comment

Choose a reason for hiding this comment

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

ML code change LGTM

Copy link
Member

@nickpeihl nickpeihl left a comment

Choose a reason for hiding this comment

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

maps change lgtm!

@cee-chen
Copy link
Member Author

cee-chen commented Mar 30, 2022

Thanks y'all so much for the speedy approvals! Just wanted to give the remaining CODEOWNERS (@elastic/kibana-core , @elastic/kibana-app-services @elastic/security-solution) a heads up that we are on a timeline for this PR. Since it adds i18n for EuiSuperDatePicker (used extensively throughout Kibana), we're hoping to get this PR in before Friday, which will be when i18n tokens are extracted for translation. Thanks for your time!

Copy link
Member

@Bamieh Bamieh left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Contributor

@vadimkibana vadimkibana left a comment

Choose a reason for hiding this comment

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

Code changes LGTM.

Copy link
Contributor

@banderror banderror left a comment

Choose a reason for hiding this comment

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

Security Solution LGTM 👍

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@cee-chen cee-chen enabled auto-merge (squash) March 31, 2022 16:45
@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Test Failures

  • [job] [logs] Security Solution Tests / risk tab filters the table
  • [job] [logs] Security Solution Tests / risk tab renders the table
  • [job] [logs] Security Solution Tests / risk tab should be able to change items count per page
  • [job] [logs] Security Solution Tests / risk tab should not allow page change when page is empty

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
apm 2.8MB 2.8MB +1.0B
data 116.7KB 116.8KB +88.0B
enterpriseSearch 1.4MB 1.4MB +1.0B
fileUpload 821.1KB 821.1KB +1.0B
maps 2.5MB 2.5MB +1.0B
ml 3.3MB 3.3MB +1.0B
total +93.0B

Page load bundle

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

id before after diff
core 297.9KB 309.1KB +11.2KB
kbnUiSharedDeps-npmDll 4.8MB 4.8MB +7.0KB
uiActionsEnhanced 22.1KB 22.2KB +104.0B
total +18.3KB

History

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

@cee-chen cee-chen merged commit 6a44f1f into elastic:main Mar 31, 2022
@cee-chen cee-chen deleted the eui-53.0.1 branch March 31, 2022 23:47
kibanamachine pushed a commit that referenced this pull request Mar 31, 2022
* Upgrade EUI to v53.0.1

* Update i18n EUI mappings with new super date picker tokens

* Update deprecated prettyDuration usage

* Fix misc tests/type updates caused by EuiSuperDatePicker i18n release

- Fix mock typeof: this changed because the exported EuiSuperDatePicker is no longer a class, but a functional component wrapper around a class

- CI test: update now-capitalized datepicker select copy

- Jest tests: update snapshots, find()s (`Memo()` selector change is due to the exported EuiSuperDatePicker change)

* [kibana-app-services feedback] use renderToString

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 6a44f1f)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.2

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Apr 1, 2022
* Upgrade EUI to v53.0.1

* Update i18n EUI mappings with new super date picker tokens

* Update deprecated prettyDuration usage

* Fix misc tests/type updates caused by EuiSuperDatePicker i18n release

- Fix mock typeof: this changed because the exported EuiSuperDatePicker is no longer a class, but a functional component wrapper around a class

- CI test: update now-capitalized datepicker select copy

- Jest tests: update snapshots, find()s (`Memo()` selector change is due to the exported EuiSuperDatePicker change)

* [kibana-app-services feedback] use renderToString

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 6a44f1f)

Co-authored-by: Constance <constancecchen@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
auto-backport Deprecated - use backport:version if exact versions are needed EUI release_note:skip Skip the PR/issue when compiling release notes v8.2.0 v8.3.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.