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 v55.1.2 #131203

Merged
merged 33 commits into from
May 12, 2022
Merged

Upgrade EUI to v55.1.2 #131203

merged 33 commits into from
May 12, 2022

Conversation

1Copenut
Copy link
Contributor

@1Copenut 1Copenut commented Apr 28, 2022

Summary

[email protected][email protected]

Added .render() calls to snapshot tests are intended to reduce the output of EUI components that use Emotion for styling. If you prefer the more verbose snapshot output in your plugin, we can remove the call.


55.1.2

  • Updated EuiOverlayMask to accept a React ref (#5876)

Bug fixes

  • Fixed EuiFlyout outsideClickCloses not being scoped to overlay mask when ownFocus=true (#5876)

55.1.1

  • Added the focusTrapProps prop to EuiFlyout to aid outside click detection and closing event (#5860)

55.1.0

  • Improved EuiTimeline a11y by using better semantic elements (#5791)
  • Replaced sass usage in EuiAspectRatio with inline styles using aspect-ratio property of css (#5818)
  • Improved accessibility of EuiLoadingChart (#5821)
  • Added euiFontSize() and useEuiFontSize() JS function and React hook for font sizing (#5822)
  • Added levels object to EuiTheme (#5827)
  • Updated the use of @emotion/cache to include all @emotion styles (#5831)

Bug fixes

  • Fixed layout bug in EuiAccordion children that use position: fixed; (#5806)
  • Fixed EuiFlyout so that it no longer closes when a click starts inside the flyout but completes outside (#5810)
  • Fixed EuiBasicTable mobile styles being in sync between JS and Sass (#5822)

CSS-in-JS conversions

  • Converted EuiSpacer to Emotion; Removed $spacerSizes (#5812)
  • Converted EuiBeacon to Emotion (#5814)
  • Changed euiCanAnimate to a constant (#5814)
  • Converted EuiHorizontalRule to emotion; Removed $ruleMargins (#5815)
  • Converted EuiLoadingChart to Emotion (#5821)

* Updating package.json to latest EUI
* Adding one translation.
@1Copenut 1Copenut added release_note:skip Skip the PR/issue when compiling release notes EUI backport:skip This commit does not require backporting ci:deploy-cloud v8.3.0 labels Apr 28, 2022
@1Copenut 1Copenut self-assigned this Apr 28, 2022
@1Copenut
Copy link
Contributor Author

@elasticmachine merge upstream

Copy link
Contributor

@YulNaumenko YulNaumenko 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 changes LGTM

Copy link
Contributor

@shahzad31 shahzad31 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
Member

@cnasikas cnasikas left a comment

Choose a reason for hiding this comment

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

ResponseOps changes LGTM

@@ -111,7 +111,7 @@ describe('Source Viewer component', () => {
/>
</KibanaContextProvider>
);
expect(comp.children()).toMatchSnapshot();
expect(comp.children().render()).toMatchSnapshot();
Copy link
Contributor

Choose a reason for hiding this comment

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

Data Discovery would like to revert changes in src/plugins/discover/public/services/doc_views/components/doc_viewer_source/source.test.tsx and source.test.tsx.snap otherwise the functionality which tests are checking is excluded in snapshots.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@jughosta I removed the render() call and updated the snapshot. CI build is running now.

Copy link
Contributor

Choose a reason for hiding this comment

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

Thanks!

Copy link
Member

@efegurkan efegurkan left a comment

Choose a reason for hiding this comment

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

Enterprise Search Changes looks good, tested locally.

button={<button />}
Array [
<button
aria-controls="collapsibe-nav"
Copy link
Member

Choose a reason for hiding this comment

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

Is this a typo? Shouldn't it be collapsible?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I can't speak to it shoudl being collapsible but don't believe it's a typo. If the "collapsible-nav" id didn't exist, a11y tests would throw an error.

Copy link
Contributor

Choose a reason for hiding this comment

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

That was not introduced by the upgrade anyway, see line 313 of the old version of this file, so I think we're fine

Copy link
Contributor

@jughosta jughosta left a comment

Choose a reason for hiding this comment

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

Data Discovery changes look good!

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 changes LGTM

Copy link
Contributor

@paul-tavares paul-tavares left a comment

Choose a reason for hiding this comment

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

Files under x-pack/plugins/security_solution/public/management/* LGTM 👍

Copy link
Contributor

@ThomThomson ThomThomson left a comment

Choose a reason for hiding this comment

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

The smaller snapshots are great! LGTM!

@thompsongl
Copy link
Contributor

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

💚 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
apm 2.8MB 2.8MB -5.0B
cases 296.7KB 296.7KB -15.0B
fleet 704.6KB 704.6KB -15.0B
indexManagement 515.5KB 515.5KB +6.0B
securitySolution 4.8MB 4.8MB -50.0B
total -79.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 300.0KB 300.1KB +106.0B
kbnUiSharedDeps-css 594.5KB 589.9KB -4.5KB
kbnUiSharedDeps-npmDll 4.8MB 4.8MB +3.0KB
newsfeed 9.9KB 10.0KB +131.0B
total -1.3KB

History

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

cc @1Copenut

@thompsongl
Copy link
Contributor

@elastic/kibana-reporting-services @elastic/kibana-app-services @elastic/apm-ui @joeypoon

We'll plan on merging this by EOD May 12. Please get your reviews in before then 🙇

Copy link
Member

@joeypoon joeypoon left a comment

Choose a reason for hiding this comment

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

👌 for OLM

button={<button />}
Array [
<button
aria-controls="collapsibe-nav"
Copy link
Contributor

Choose a reason for hiding this comment

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

That was not introduced by the upgrade anyway, see line 313 of the old version of this file, so I think we're fine

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.

App services tests/snapshot changes lgmt 👍

Copy link
Member

@tsullivan tsullivan left a comment

Choose a reason for hiding this comment

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

Reporting changes LGTM

@1Copenut 1Copenut merged commit 05ead15 into elastic:main May 12, 2022
@1Copenut 1Copenut deleted the eui/55.1.0 branch May 12, 2022 21:14
Bamieh pushed a commit to Bamieh/kibana that referenced this pull request May 16, 2022
* Bumping EUI to v55.1.0

* Updating package.json to latest EUI
* Adding one translation.

* Updating theme config to pass Jest Tests elastic#4 / CaseView.

* Updating theme config to pass Jest Tests 3, CauseStacktrace.

* Updating six x-pack synthetic test snapshots.

* Updating snapshots for discover, reporting, security_solution.

* Replacing instances of spacerSizes with euiSize.

* Updating a number of snapshots for Emotion styles.

* Adding more snapshots for Emotion style upgrade.

* Updating seven snapshot tests for Emotion styles.

* Updating two snapshot tests for Emotion styles.

* Adding two more snapshots for License and Upload.

* Updating a Typescript check, and classname count in one unit test.

* Updating 1 snapshot and refining EuiLoadingChart selector to avoid off-by-one error.

* Bumping EUI to 55.1.1 for a change in EUI Flyout behavior.

* update newsfeed flyout to use shards

* snapshot update

* eui to v55.1.2

* update onClose

* onClose types

* reduce snapshot noise

* reduce snapshot noise

* Adding back Emotion output at request of Data Discovery reviewer.

Co-authored-by: Kibana Machine <[email protected]>
Co-authored-by: Greg Thompson <[email protected]>
@tylersmalley tylersmalley added ci:cloud-deploy Create or update a Cloud deployment and removed ci:deploy-cloud labels Aug 17, 2022
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 ci:cloud-deploy Create or update a Cloud deployment EUI release_note:skip Skip the PR/issue when compiling release notes Team:APM All issues that need APM UI Team support Team:Fleet Team label for Observability Data Collection Fleet team v8.3.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.