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.0.1 #130593

Merged
merged 33 commits into from
Apr 27, 2022
Merged

Upgrade EUI to v55.0.1 #130593

merged 33 commits into from
Apr 27, 2022

Conversation

thompsongl
Copy link
Contributor

@thompsongl thompsongl commented Apr 19, 2022

Summary

eui@54.0.0eui@55.0.1

EuiPopovers will no longer focus the first tabbable child by default - instead, the popover panel will be focused. This change should be a better experience for both keyboard and screen reader users. Consumers who want to set an initial focus on specific popover element should use the initialFocus prop. (elastic/eui#5784)

hasFocus removed from EuiContextMenuPanel


55.0.1

Bug fixes

  • Fixed missing Sass variable file import (#5820)

55.0.0

  • Added JS function versions of Sass style mixins (a11y, animation, scroll, shadows) (#5754)
  • Added a <p /> wrapper around description of EuiDescribedFormGroup when provided as a string (#5756)
  • Added a ratio prop to EuiDescribedFormGroup to control the column width ratio (#5756)

Bug fixes

  • Fixed margin calculation of hasEmptyLabelSpace on EuiFormRow (#5756)
  • Fixed vertical alignment between EuiDescribedFormGroup columns (#5756)
  • Fixed EuiContextMenu stranding keyboard focus when pressing the left/right arrow keys quickly between more than 2 panels (#5783)
  • Fixed EuiContextMenu to enable up/down arrow key navigation to all focusable items (#5783)
  • Fixed EuiContextMenu to enable using the up/down arrow keys to navigate to the panel title back button (which takes the user to the previous panel), and focus this button if initialFocusedItemIndex has not been set (#5783)
  • Fixed EuiComboBox losing focus when a disabled option is clicked (#5795)
  • Fixed an EuiDataGrid bug occurring when closing cell popovers on clicking the originating cell. The original fix was unintentionally affecting cell popovers with nested modals, popovers, etc. (#5797)

Breaking changes

  • EuiPopovers will no longer focus the first tabbable child by default - instead, the popover panel will be focused. This change should be a better experience for both keyboard and screen reader users. Consumers who want to set an initial focus on specific popover element should use the initialFocus prop. (#5784)

54.1.0

  • Added EuiTimeline component (#5730)
  • Added a "subdued" color option to EuiAvatar (#5730)
  • Added internationalized screen reader helpers to EuiMark (#5739)
  • Added casesApp feature icon type to EuiIcon (#5779)

Bug fixes

  • Fixed keyboard focus being stranded on EuiContextMenu popover close (#5760)
  • Fixed bug in EuiEmptyPrompt where a min-height was unnecessarily being applied for vertical layouts (#5763)

@thompsongl thompsongl added release_note:skip Skip the PR/issue when compiling release notes EUI ci:deploy-cloud v8.3.0 labels Apr 19, 2022
@thompsongl thompsongl changed the title Upgrade EUI to v55.0.0 Upgrade EUI to v55.0.1 Apr 19, 2022
@cee-chen
Copy link
Member

@elasticmachine merge upstream

@MadameSheema
Copy link
Member

@elasticmachine merge upstream

Copy link
Contributor

@jportner jportner left a comment

Choose a reason for hiding this comment

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

Spaces changes LGTM

@@ -121,7 +121,6 @@ class SpacesMenuUI extends Component<Props, State> {
key={`spcMenuList`}
data-search-term={searchTerm}
className="spcMenu__spacesList"
hasFocus={this.state.allowSpacesListFocus}
Copy link
Contributor

Choose a reason for hiding this comment

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

Unfortunately, this change broke keyboard navigation for the spaces menu 😔
I don't see a simple change that would fix it, so I opened a separate issue to address that to unblock this PR: #130898

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

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

For ML @thompsongl can you work with @qn895 please to find a solution for the context menu in the anomalies table?

Also the change in default focus behavior for EuiPopover means we want to set initial focus in a couple of popovers on the Settings - Filter lists - Edit / Create form - the 'add item' and 'edit description' popovers in https://github.com/elastic/kibana/tree/main/x-pack/plugins/ml/public/application/settings/filter_lists/components. Could the initialFocus property be added to those two popovers as part of this PR?

image

image

@thompsongl
Copy link
Contributor Author

thompsongl commented Apr 26, 2022

@elastic/security-onboarding-and-lifecycle-mgt @elastic/security-detections-response-rules @joeypoon @parkiino

Not sure what combination of y'all are needed to resolve codeowner requirements, but please review! Thanks!

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

@thompsongl
Copy link
Contributor Author

@elasticmachine merge upstream

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.

Tested latest changes for the ML context menus and LGTM. Thanks for making those changes @qn895 @constancecchen

@thompsongl
Copy link
Contributor Author

thompsongl commented Apr 27, 2022

@elastic/kibana-app-services @elastic/security-detections-response-rules @parkiino

I think your reviews are all for snapshots, so I'm going to ask ops to merge this later today.

@cee-chen
Copy link
Member

@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
ml 3.3MB 3.3MB +182.0B
security 491.6KB 491.6KB -41.0B
securitySolution 4.8MB 4.8MB -11.0B
spaces 284.5KB 284.4KB -41.0B
total +89.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 288.4KB 288.6KB +210.0B
kbnUiSharedDeps-css 594.5KB 594.5KB -9.0B
kbnUiSharedDeps-npmDll 4.8MB 4.8MB +8.0KB
total +8.2KB

History

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

@jbudz jbudz merged commit e615007 into elastic:main Apr 27, 2022
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Apr 27, 2022
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 data_view_editor lgtm

dmlemeshko pushed a commit to dmlemeshko/kibana that referenced this pull request May 5, 2022
* eui to v55.0.0

* remove jest polyfill

* i18n tokens

* hasFocus prop

* eui to v55.0.1

* removed obsolete mixin arg

* i18n snapshots

* hasFocus snapshots

* formRow snapshots

* euiAvatar snapshots

* euiContextMenu snapshot

* update focus

* hasFocus snapshots

* [Security] wait for popover panel focus before checking for field input focus

- possible race condition failure where cypress is clicking the input too quickly and the popover is stealing focus back onto the panel

* Fix ML focus issue in Filter settings

* Fix jest tests

* [ML] Fix stale / loading EuiContextMenuPanel item

* Fix ML watched props for EuiContextMenuPanel

Co-authored-by: Constance Chen <constance.chen@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Quynh Nguyen <quynh.nguyen@elastic.co>
kertal pushed a commit to kertal/kibana that referenced this pull request May 24, 2022
* eui to v55.0.0

* remove jest polyfill

* i18n tokens

* hasFocus prop

* eui to v55.0.1

* removed obsolete mixin arg

* i18n snapshots

* hasFocus snapshots

* formRow snapshots

* euiAvatar snapshots

* euiContextMenu snapshot

* update focus

* hasFocus snapshots

* [Security] wait for popover panel focus before checking for field input focus

- possible race condition failure where cypress is clicking the input too quickly and the popover is stealing focus back onto the panel

* Fix ML focus issue in Filter settings

* Fix jest tests

* [ML] Fix stale / loading EuiContextMenuPanel item

* Fix ML watched props for EuiContextMenuPanel

Co-authored-by: Constance Chen <constance.chen@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Quynh Nguyen <quynh.nguyen@elastic.co>
@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 v8.3.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.