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 v62.0.3 #138351

Merged
merged 28 commits into from
Aug 12, 2022
Merged

Upgrade EUI to v62.0.3 #138351

merged 28 commits into from
Aug 12, 2022

Conversation

cee-chen
Copy link
Member

@cee-chen cee-chen commented Aug 9, 2022

Summary

eui@60.3.0 ⏩ eui@62.0.3

62.0.3

Bug fixes

  • Fixed EuiPortal changes causing rerender issues in test environments (#6105)

62.0.2

  • Added new React Testing Library ByDataTestSubj utilities for targeting EUI's data-test-subj attributes. These can be accessed by importing custom RTL render and screen utils from @elastic/eui/lib/test/rtl. (#6091)
  • Added new React Testing Library EuiPopover helpers, waitForEuiPopoverOpen and waitForEuiPopoverClose (#6091)

Bug fixes

  • Restored non-Emotion classNames to EuiCommentEvent's children (#6089)

62.0.1

Bug fixes

  • Fixed a bug preventing EuiPortal from working in server-side rendering (#6055)
  • Fixed an EuiFilterButton accessibility error (#6076)
  • Fixed EuiImage rendering empty captions (#6081)
  • Fixed EuiImage not respecting text-align on parents (#6081)

62.0.0

  • Updated EuiText.img styles to prevent images from growing full width (#5969)
  • Improved EuiImage's allowFullScreen screen reader experience (#5969)
  • Updated EuiImage's full screen mode to use the fullScreenExit icon (#5969)
  • Updated EuiPopover's display prop to accept any CSS display value (#5977)
  • Added data-popover-open attribute to EuiPopover's panel (#5977)
  • Changed EuiPopover's box-shadow to filter (#5977)
  • Added logicalSizeCSS and logicalSizeStyle for quickly producing width and height styles (#5977)
  • Increased the opacity of the shadow color in dark mode (#5977)
  • Improved screen reader accessibility for EuiDataGrid column headers (#6034)
  • Added tokenMetricCounter and tokenMetricGauge to EuiToken (#6064)
  • Removed the nested aria-label on the EuiAvatar icon to simplify a11y (#6071)
  • Added timelineAvatarAriaLabel to EuiComment (#6071)

Bug fixes

  • Reverted the change EuiCommentEvent.username type from ReactNode to string (#6071)
  • Fixed searchable single selection EuiSelectables not correctly highlighting the checked option on initial render (#6072)

Breaking changes

  • Updated EuiImage.className to be applied to the img instead of the parent wrapper figure and added wrapperProps prop so that consumers can apply props to the figure element (#5969)
  • Renamed EuiPopover's display prop value inlineBlock to inline-block (#5977)
  • EuiPopover: Removed false as an option from initialFocus (#6044)
  • Renamed timelineIcon on EuiComment to timelineAvatar (#6071)

CSS-in-JS conversions

  • Converted EuiErrorBoundary to Emotion (#6053)
  • Converted EuiTextDiff to Emotion (#6056)
  • Converted euiBreakpoint mixin to Emotion. (#6057)
  • Converted EuiImage to Emotion (#5969)
  • Converted EuiPopover, EuiPopoverTitle, EuiPopoverFooter, EuiInputPopover (#5977)

61.0.0

  • Added eventIcon, eventIconAriaLabel, and eventColor props to EuiComment (#6030)
  • Updated EuiComment.actions type to accept ReactNode[] (#6030)
  • Updated .euiMarkdownEditor display to flex to prevent display issues when the markdown editor is inside a EuiComment (#6030)
  • Added styles for kbd's within EuiText (#6049)
  • Added keyboard glyph to EuiIcon (#6058)

Bug fixes

  • Fixed bug in EuiTimelineItem where classNames were not being applied (#6030)
  • Fixed multiple missing CSS logical properties within EuiText children (#6059)

Deprecations

  • Deprecated EuiIcon's keyboardShortcut in favor of keyboard (#6058)

Breaking changes

  • Changed EuiCommentEvent.username type from ReactNode to string (#6030)
  • Updated EuiCommentList and EuiComment to use EuiTimeline and EuiTimelineItem respectively. This change makes the EuiCommentList to be always required (#6030)
  • Removed EuiComment.type (#6030)

CSS-in-JS conversions

  • Converted EuiComment to Emotion (#6030)

- Emotion CSS hash changed
…d by Emotion conversions

- Mounting displays the Emotion wrapper with the data-test-subj on them - we need to specify the output div renders in order for text assertions to be correct
- test w/ similar error already skipped in another test above
- requires closing the popover for next test to pass
- not sure why delete action is no longer available
@cee-chen cee-chen changed the title [Test] Upgrade EUI to v62.0.3 Aug 9, 2022
@cee-chen cee-chen added release_note:skip Skip the PR/issue when compiling release notes EUI v8.5.0 labels Aug 9, 2022
@cee-chen cee-chen marked this pull request as ready for review August 9, 2022 16:43
@cee-chen cee-chen requested a review from a team August 9, 2022 16:43
@cee-chen cee-chen requested review from a team as code owners August 9, 2022 16:43
@cee-chen cee-chen requested a review from a team August 9, 2022 16:43
@weltenwort weltenwort self-requested a review August 11, 2022 09:27
Copy link
Member

@weltenwort weltenwort left a comment

Choose a reason for hiding this comment

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

monitoring plugin changes LGTM, thank you

Copy link
Contributor

@justinkambic justinkambic 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

@rshen91 rshen91 left a comment

Choose a reason for hiding this comment

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

Test changes in shared-ux LGTM! thanks


export interface AttachmentViewObject<Props = {}> {
type?: EuiCommentProps['type'];
timelineIcon?: EuiCommentProps['timelineIcon'];
type?: SupportedUserActionTypes;
Copy link
Contributor

Choose a reason for hiding this comment

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

Reminder to myself that we need to remove this prop.

Copy link
Member

Choose a reason for hiding this comment

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

I took a peek at the alerting changes as well, and LGTM.

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

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.

app services changes LGTM

Great work! Thank you!

@cee-chen
Copy link
Member Author

Thanks everyone - have a great weekend!

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@cee-chen
Copy link
Member Author

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Failed CI Steps

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 3.0MB 3.0MB -16.0B
canvas 1.0MB 1.0MB +6.0B
cases 358.5KB 358.4KB -40.0B
osquery 1.0MB 1.0MB -16.0B
securitySolution 5.4MB 5.4MB +2.0B
synthetics 912.4KB 912.4KB -12.0B
triggersActionsUi 1.0MB 1.0MB +6.0B
unifiedSearch 233.0KB 233.0KB +54.0B
visDefaultEditor 142.1KB 142.1KB -8.0B
visTypeTimeseries 451.4KB 451.4KB -16.0B
total -40.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 349.2KB 350.5KB +1.2KB
kbnUiSharedDeps-css 487.5KB 470.6KB -16.9KB
kbnUiSharedDeps-npmDll 5.1MB 5.1MB +19.7KB
securitySolution 254.8KB 254.7KB -30.0B
unifiedSearch 46.8KB 46.8KB +5.0B
total +4.0KB

History

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

@cee-chen cee-chen merged commit 7b11420 into elastic:main Aug 12, 2022
@cee-chen cee-chen deleted the eui/62.0.3 branch August 12, 2022 23:40
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Aug 12, 2022
Mpdreamz pushed a commit to Mpdreamz/kibana that referenced this pull request Sep 6, 2022
* Upgrade to v62.0.3

* Update EUI i18n tokens

* Update html string snapshots

- Emotion CSS hash changed

* [EuiIcon] Update instances of `keyboardShortcut` icons to `keyboard`

* [EuiErrorBoundary] Update snapshots from Emotion conversion

* [EuiImage] Update snapshots, tests, and CSS to account for Emotion conversion

* [EuiImage][RTL] Fix test failures caused by EuiImage changes

* [EuiCommentList] Deprecate EuiCommentProps.type

* [EuiCommentList] Rename `timelineIcon` prop to `timelineAvatar`

- see elastic/eui#6071

* [EuiCommentList] Fix selectors deprecated by Emotion conversion

* [EuiPopover][EuiCommentEvent][Enzyme] Fix mounted test failures caused by Emotion conversions

- Mounting displays the Emotion wrapper with the data-test-subj on them - we need to specify the output div renders in order for text assertions to be correct

* [EuiPopover] Deprecate `initialFocus={false}` as an option

see elastic/eui#6044

* [EuiPopover] Rename `display=inlineBlock` to `inline-block`

- see elastic/eui#5977

* [EuiPopover] Update snapshots from Emotion conversion

* [EuiPopover] Replace deprecated `.euiPopover__panel-isOpen` class with new `[data-popover-open]` attribute

* [EuiPopover][RTL] Fix test failures caused by not waiting for EuiPopover animation/transition

* Skip failing a11y tests

- test w/ similar error already skipped in another test above
- requires closing the popover for next test to pass
- not sure why delete action is no longer available

* Fix failing Security Cypress tests

* Attempt to squash flaky FTR tests around Add Filter popover

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Jonathan Budzenski <jon@elastic.co>
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 EUI Feature:Embedding Embedding content via iFrame 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 v8.5.0
Projects
No open projects
Development

Successfully merging this pull request may close these issues.