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 v48.1.1 #125023

Merged
merged 36 commits into from
Feb 23, 2022
Merged

Upgrade EUI to v48.1.1 #125023

merged 36 commits into from
Feb 23, 2022

Conversation

breehall
Copy link
Contributor

@breehall breehall commented Feb 8, 2022

Summary

eui@46.1.0 ⏩ eui@48.1.1

48.1.1

  • Added a data-test-subj attribute to EuiDataGrid cell expansion buttons (#5643)
  • Added a data-test-selected attribute to EuiSelectable list options (#5643)

48.1.0

  • Improved EuiSelectable keypress scenarios (#5613)
  • Converted FieldValueSelectionFilter in EuiSearchBar to use EuiSelectable (#5387)
  • Added lineDashed, lineDotted, and lineSolid glyphs to EuiIcon (#5633)
  • Updated colorMode return type in theme context utilities (#5639)

48.0.0

  • Refactored EuiSuggest to use EuiSelectable (#5157)
  • Added a return type to EuiTable resolveWidthAsStyle util (#5615)
  • Added a return type to euiSelectableTemplateSitewideFormatOptions util (#5620)

Bug fixes

  • Fixed EuiDataGrid to correctly remove the cell expansion action button when a column sets both cellActions and isExpandable to false (#5592)
  • Fixed EuiDataGrid re-playing the cell actions animation when hovering over an already-focused cell (#5592)
  • Fixed EuiDataGrid auto row heights bugging out when cell popovers are opened (#5622)

Breaking changes

  • Removed EuiSuggestInput (#5157)
  • Required aria-label or aria-labelledby for EuiSuggest (#5157)
  • Renamed sendValue prop to onSearchChange for EuiSuggest (#5157)

47.0.0

  • Added support for React 17 (this is a backwards compatible change - React 16.12+ is still supported for consuming applications) (#5584)
  • Added the ability to control internal EuiDataGrid fullscreen, cell focus, and cell popover state via the ref prop (#5590)
  • Added paddingSize prop to EuiSelectableList (#5581)
  • Added errorMessage prop to EuiSelectable (#5581)
  • Refactored EuiSelectable accessibility (#5581)
  • Updated tokenTag design to look more like a tag (#5553)
  • Lowered border radius of .euiToken--square to look more like a square (#5553)

Bug fixes

  • Fixed EuiInMemoryTable's onTableChange callback not returning the correct sort.field value on pagination (#5588)
  • Fixed EuiFilePicker allowing files to be removed when disabled (#5603)

Breaking changes

  • Upgraded TypeScript version to ~4.5.3 (#5591)

46.2.0

  • Updated EuiDataGrids with scrolling content to always have a border around the grid body and any scrollbars (#5563)
  • Updated EuiDataGrid's body to a light gray background, which primarily shows when scrolling through virtualized content (#5562)
  • Added referenceable id for the generated label in EuiFormRow (#5574)
  • Addeed optional attribute configurations in EuiPopover to aid screen reader announcements (#5574)
  • Added ref passthroughs to EuiIputPopover subcomponents (#5574)
  • Added EuiScreenReaderLive component for updateable aria-live regions (#5567)

Bug fixes

  • Fixed an accessibility issue where EuiComboBoxPill close button had a nested interactive element (#5560)
  • Fixed EuiDataGrid height issue when in full-screen mode and with scrolling content (#5557)
  • Fixed an accessibility issue in custom and interactive Drag and Drop patterns (#5568)
  • Fixed a focus bug in EuiDataGrid when clicking another cell header with an already-open cell header popover (#5556)
  • Fixed EuiDataGrid to always focus back into the grid on pagination (#5587)
  • Fixed EuiDataGrid and EuiTable pagination potentially rendering out view on narrow tables with many pages (#5561)

cee-chen and others added 8 commits February 9, 2022 09:58
- pass more missing `colIndex`s

- pass RowAction colIndex, because it's inheriting types from EUI

- omit colIndex from the leading controls column renderer, because it doesn't need them
- pass colIndex (which fixes EUI type match issue)
- DRY out ariaColIndex logic
- rename ariaRowindex passed to StatefulCell to rowIndex
…into eui-upgrade-47.0.0

Merging in latest commits from eui-upgrade-47.0.0
- `visibleRowIndex` is not a prop passed back by `popoverContents` (see `EuiDataGridCellValueElementProps`), but `rowIndex` is
…into eui-upgrade-47.0.0

Merging in the latest code from eui-upgrade-47.0.0
@cee-chen cee-chen removed the v7.17.1 label Feb 9, 2022
@cee-chen
Copy link
Member

cee-chen commented Feb 9, 2022

Removing the v7.17.1 label, we haven't backported any recent upgrades to 7.x recently

@cee-chen
Copy link
Member

cee-chen commented Feb 9, 2022

Oh, 8.1 FF was a week or two ago, so we should probably change that as well. We don't need this to be on 8.1, correct @chandlerprall @thompsongl?

@cee-chen cee-chen added v8.2.0 and removed v8.1.0 labels Feb 9, 2022
@chandlerprall
Copy link
Contributor

8.2 is the right target 👍

cee-chen and others added 6 commits February 9, 2022 13:34
- in actuality this is an EUI typing issue, children is a ReactElement, not a ReactNode. However we'll shortly be deprecationg popoverContents, so this isn't worth fixing right now
…into eui-upgrade-47.0.0

Pulling in the latest code from eui-upgrade-47.0.0
@cee-chen cee-chen changed the title Upgrade EUI to v47.0.0 Upgrade EUI to v48.0.0 Feb 11, 2022
…ia-checked attribute instead of the aria-selected attribute as part of an accessibility update to aria made in EUI PR 5581
…uality of strings. These unit tests were for the EuiSelectable and EuiFilterGroup components. Both of these components contain and utilize EuiScreenReaderOnly which provides text that is used for screen readers, but can still be viewed and queried in the DOM. These tests have been updated with the EuiScreenReaderOnly text in mind.
Copy link
Contributor

@jloleysens jloleysens left a comment

Choose a reason for hiding this comment

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

AppServices LGTM, snap files changed. Did not test new version locally.

Copy link
Contributor

@mbondyra mbondyra left a comment

Choose a reason for hiding this comment

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

VisEditors changes LGTM 👌🏼

@kertal
Copy link
Member

kertal commented Feb 17, 2022

@elasticmachine merge upstream

@cee-chen
Copy link
Member

@elasticmachine merge upstream

@MadameSheema
Copy link
Member

@elasticmachine merge upstream

Copy link
Contributor

@alisonelizabeth alisonelizabeth left a comment

Choose a reason for hiding this comment

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

platform deployment management changes LGTM

… bootsrap to resolve a merge conflict in the yarn.lock file
@cee-chen
Copy link
Member

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
enterpriseSearch 1368 1369 +1

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
enterpriseSearch 1.3MB 1.4MB +5.1KB
lens 1.1MB 1.1MB +18.0B
ml 3.5MB 3.5MB -6.0B
securitySolution 4.7MB 4.7MB +57.0B
timelines 227.5KB 227.6KB +79.0B
visTypeTable 15.7KB 15.7KB +18.0B
visTypeTimeseries 462.1KB 462.1KB +1.0B
total +5.2KB

Page load bundle

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

id before after diff
core 292.7KB 294.3KB +1.6KB
kbnUiSharedDeps-css 591.6KB 592.6KB +1.0KB
kbnUiSharedDeps-npmDll 4.8MB 4.8MB +37.2KB
kbnUiSharedDeps-srcJs 3.8MB 3.8MB +1.0B
total +39.8KB

History

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

@breehall
Copy link
Contributor Author

Merging this PR with the current reviews as it has been open for review for about a week and is passing all CI tests.

@breehall breehall merged commit 6bf8a9c into main Feb 23, 2022
@breehall breehall deleted the eui-upgrade-47.0.0 branch February 23, 2022 22:01
jportner pushed a commit to jportner/kibana that referenced this pull request Feb 23, 2022
url-parse@1.5.6 was accidentally added with elastic#125023.
This commit removes the redundant dependency in favor of
url-parse@1.5.9.
@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create backports run node scripts/backport --pr 125023 or prevent reminders by adding the backport:skip label.

@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Feb 25, 2022
@cee-chen cee-chen added backport:skip This commit does not require backporting and removed backport missing Added to PRs automatically when the are determined to be missing a backport. labels Feb 28, 2022
lucasfcosta pushed a commit to lucasfcosta/kibana that referenced this pull request Mar 2, 2022
* Upgraded the version of EUI to 47.0.0 and react-beautiful-dnd (an EUI dependancy) to 13.1.0

* Update i18n mappings with required changes

* Fix all data grid types/tests missing the new `colIndex` prop passed by renderCellValue and cellActions

* Fix cellActions closePopover type to indicate conditionality (only passed when popover is open)

* Fix more datagrid colIndex errors

- pass more missing `colIndex`s

- pass RowAction colIndex, because it's inheriting types from EUI

- omit colIndex from the leading controls column renderer, because it doesn't need them

* Improve StatefulCell typing

- pass colIndex (which fixes EUI type match issue)
- DRY out ariaColIndex logic
- rename ariaRowindex passed to StatefulCell to rowIndex

* Updated i18n_eui_mapping tests to add euiSelectable.searchResults to the tokensToSkip array

* Fix failing ML datagrid FTR test

- `visibleRowIndex` is not a prop passed back by `popoverContents` (see `EuiDataGridCellValueElementProps`), but `rowIndex` is

* Revert attempted ML type change

- in actuality this is an EUI typing issue, children is a ReactElement, not a ReactNode. However we'll shortly be deprecationg popoverContents, so this isn't worth fixing right now

* Update test files to include up to date snapshots of code samples

* Updated a test snapshots to match the latest version of code samples

* Upgraded the version of EUI from 47.0.0 to 48.0.0 in package.json and license_checker config files

* Update the required i18n translation mapping file with additions and changes from EUI version 48.0.0

* Updated three security screen accessibility tests to check for the aria-checked attribute instead of the aria-selected attribute as part of an accessibility update to aria made in EUI PR 5581

* Updated two unit cases to that are responsible for checking strict equality of strings. These unit tests were for the EuiSelectable and EuiFilterGroup components. Both of these components contain and utilize EuiScreenReaderOnly which provides text that is used for screen readers, but can still be viewed and queried in the DOM. These tests have been updated with the EuiScreenReaderOnly text in mind.

* Code clean up and added a missing internationalization token

* Ran yarn kbn bootstrap to update the yarn lock file

* Fix failing ML FTR test
- EuiSelectable now relies on aria-checked to indicate selected state, per W3 spec

* Fix failing functional tests that click the datagrid cell expand button

.euiDataGridRowCell__expandButtonIcon was deprecated in favor of a shared .euiDataGridRowCell__actionButtonIcon class, but the expand action is always the last one

* Upgrade to 48.1.1

* Switch to data-test-subj for datagrid cell expansion selectors

* Switch to new `data-test-selected` attribute over `aria-checked`

* Update snapshots/Jest tests to account for EuiSelectable use in EuiFilter

Co-authored-by: Constance Chen <constance.chen@elastic.co>
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
@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:Uptime - DEPRECATED Synthetics & RUM sub-team of Application Observability v8.2.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.