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 v37.3.1 #109926

Merged
merged 11 commits into from
Sep 1, 2021
Merged

Upgrade EUI to v37.3.1 #109926

merged 11 commits into from
Sep 1, 2021

Conversation

cee-chen
Copy link
Member

Summary

eui@37.3.0eui@37.3.1

37.3.1

Bug fixes

  • Fixed bug in EuiDataGrid where a custom className was also being passed to the full screen button (#5050)
  • Fixed rerender state issues in PaginationButton inside EuiPagination (#5048)
  • Fixed bug in euiHeaderAffordForFixed mixin that was not accounting for situations where EuiDataGrid was in full screen mode (#5054)
  • Fixed z-index styles that were causing EuiModal and EuiFlyout components to appear behind EuiDataGrid when in full screen mode (#5054)
  • Fixed untranslated i18n strings for EuiFilterButton - adds 2 new tokens and removes old euiFilterButton.filterBadge token (#4750)
  • Fixed missing i18n token EuiFilePicker's default prompt, and improved i18n string for euiFilePicker.filesSelected (#5063)
  • Fixed EuiDataGrid sort button text pluralization (#5043)
  • Fixed styles of EuiButtonIcon when passing disabled prop (#5060)
  • Fixed EuiDataGrid not clearing cell styles when column position changes (#5068)

Theme: Amsterdam

  • Updated styles for EuiDatePicker (#5000)
  • Fixed styles for EuiSuperDatePicker (#5060)

@cee-chen cee-chen added release_note:skip Skip the PR/issue when compiling release notes EUI auto-backport Deprecated - use backport:version if exact versions are needed v7.16.0 labels Aug 24, 2021
Comment on lines 56 to 67
// make sure to clean it up when something change
// this avoids cell's styling to stick forever
return () => {
if (minMaxByColumnId?.[originalId]) {
setCellProps({
style: {
backgroundColor: undefined,
color: undefined,
},
});
}
};
Copy link
Member Author

Choose a reason for hiding this comment

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

cc @dej611 on this change: elastic/eui#4665 (comment)

I tested locally and I'm fairly sure this is still working with the hook cleanup gone:

lens

Feel free to double check/confirm yourself of course! 🙏

Copy link
Contributor

Choose a reason for hiding this comment

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

The fix does work ok in that specific case, but it broke the table when removing the conditional coloring:

not_cleaning_cells

Copy link
Contributor

Choose a reason for hiding this comment

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

Keeping this code here the behaviour works as expected.

Copy link
Member Author

@cee-chen cee-chen Aug 31, 2021

Choose a reason for hiding this comment

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

Super strange! Will definitely revert this for this release - hopefully we can get it figured out later. Thank you for QAing @dej611!

@cee-chen cee-chen marked this pull request as ready for review August 25, 2021 18:31
@cee-chen cee-chen requested a review from a team as a code owner August 25, 2021 18:31
@cee-chen cee-chen requested a review from a team August 25, 2021 18:31
@cee-chen cee-chen requested review from a team as code owners August 25, 2021 18:31
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-design (EUI)

@cee-chen
Copy link
Member Author

CI is now passing, so I went ahead and undrafted to start getting eyes/reviews from the various team CODEOWNERS affected by this upgrade. It's primarily Jest snapshot updates, with 1 slight test change for the Security team (d3ce53e), a cleanup for the Lens team (e40ebfa), and some i18n changes I'm talking through in a thread above.

Copy link
Contributor

@dominiqueclarke dominiqueclarke left a comment

Choose a reason for hiding this comment

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

uptime changes LGTM

Copy link
Contributor

@sebelga sebelga left a comment

Choose a reason for hiding this comment

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

Stack management changes LGTM 👍

Copy link
Member

@afharo afharo left a comment

Choose a reason for hiding this comment

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

LGTM! Thank you for all these changes! 🧡

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

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.

Test snapshot diffs LGTM, haven't tested locally.

Copy link
Contributor

@poffdeluxe poffdeluxe left a comment

Choose a reason for hiding this comment

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

Presentation team changes lgtm

Copy link
Contributor

@dej611 dej611 left a comment

Choose a reason for hiding this comment

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

The removed code in Lens is still required to make it work correctly the table conditional coloring as the EuiDataGrid is not cleaning it up correctly in all cases.

Copy link
Contributor

@smith smith left a comment

Choose a reason for hiding this comment

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

APM changes look good

@cee-chen cee-chen requested a review from a team as a code owner August 31, 2021 15:31
@cee-chen cee-chen requested a review from dej611 August 31, 2021 15:33
@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

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
securitySolution 6.5MB 6.5MB +494.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 417.5KB 419.0KB +1.5KB
kbnUiSharedDeps-css 534.9KB 535.0KB +164.0B
kbnUiSharedDeps-elastic 2.6MB 2.6MB +40.6KB
kbnUiSharedDeps-js 6.5MB 6.5MB +231.0B
total +42.5KB

History

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

Copy link
Contributor

@dej611 dej611 left a comment

Choose a reason for hiding this comment

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

Tested on Safari 👍

@cee-chen
Copy link
Member Author

cee-chen commented Sep 1, 2021

Thanks everyone - super appreciate your reviews on this!

@cee-chen cee-chen merged commit 47b86e1 into elastic:master Sep 1, 2021
@cee-chen cee-chen deleted the eui-37.3.1 branch September 1, 2021 15:39
kibanamachine added a commit to kibanamachine/kibana that referenced this pull request Sep 1, 2021
* Upgrade EUI to v37.3.1

* Update i18n token mappings

* Skip i18n_eui_mapping defString checks for functions

* Update snapshots

* Update failing Security tests with extra nodes

* Remove hook cleanup now that elastic/eui#5068 is merged

* [i18n PR feedback] Prefer specific token skipping over all functions skipping

* Revert "Remove hook cleanup now that elastic/eui#5068 is merged"

This reverts commit e40ebfa.

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
@kibanamachine
Copy link
Contributor

💚 Backport successful

Status Branch Result
7.x

This backport PR will be merged automatically after passing CI.

kibanamachine added a commit that referenced this pull request Sep 1, 2021
* Upgrade EUI to v37.3.1

* Update i18n token mappings

* Skip i18n_eui_mapping defString checks for functions

* Update snapshots

* Update failing Security tests with extra nodes

* Remove hook cleanup now that elastic/eui#5068 is merged

* [i18n PR feedback] Prefer specific token skipping over all functions skipping

* Revert "Remove hook cleanup now that elastic/eui#5068 is merged"

This reverts commit e40ebfa.

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

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 Team:APM All issues that need APM UI Team support Team:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability v7.16.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.