Skip to content

Upgrade EUI to v89.0.0#168396

Merged
1Copenut merged 7 commits intoelastic:mainfrom
cee-chen:eui-v89.x
Oct 11, 2023
Merged

Upgrade EUI to v89.0.0#168396
1Copenut merged 7 commits intoelastic:mainfrom
cee-chen:eui-v89.x

Conversation

@cee-chen
Copy link
Contributor

@cee-chen cee-chen commented Oct 9, 2023

v88.5.4v89.0.0


89.0.0

  • Added new pushAnimation prop to push EuiFlyouts, which enables a slide in animation (#7239)
  • Updated EuiComboBox to use EuiInputPopover under the hood (#7246)
  • Added inputPopoverProps to EuiComboBox, which allows customizing the underlying popover (#7246)
  • Added a new beta EuiTextBlockTruncate component for multi-line truncation (#7250)
  • Updated EuiBasicTable and EuiInMemoryTable to support multi-line truncation. This can be set via truncateText.lines in the columns prop. (#7254)

Bug fixes

  • Fixed EuiFlexGroup and EuiFlexGrid's m gutter size (#7251)
  • Fixed focus trap rerender issues in EuiFlyout with memoization (#7259)
  • Fixed a visual bug with EuiContextMenu's animation between panels (#7268)

Breaking changes

  • EUI's global body font-size now respects the font.defaultUnits token. This means that the global font size will use the rem unit by default, instead of px. (#7182)
  • Removed exported accessibleClickKeys, comboBoxKeys, and cascadingMenuKeys services. Use the generic keys service instead (#7256)
  • Removed EuiColorStops due to low usage (#7262)
  • Removed EuiSuggest. We recommend using EuiSelectable or EuiComboBox instead (#7263)
  • Removed euiHeaderAffordForFixed Sass mixin, and $euiHeaderHeight and $euiHeaderHeightCompensation Sass variables. Use the CSS variable --var(euiFixedHeadersOffset, 0) instead. (#7264)

Accessibility

  • When using rem or em font units, EUI now respects, instead of ignoring, browser default font sizes set by end users. (#7182)

@cee-chen cee-chen added release_note:skip Skip the PR/issue when compiling release notes EUI v8.12.0 labels Oct 9, 2023
- tests fail otherwise, as the popover has `pointer-events: none` while transitioning in
- Diff is likely due to fixed `EuiFlexGroup` gap sizing - will leave it to the team to update the screenshots
@kibana-ci
Copy link

💛 Build succeeded, but was flaky

Failed CI Steps

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
infra 1426 1423 -3
visTypeVega 311 308 -3
total -6

Async chunks

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

id before after diff
exploratoryView 201.0KB 201.0KB -1.0B
fleet 1.2MB 1.2MB +1.0B
infra 1.9MB 1.9MB -832.0B
ingestPipelines 360.8KB 360.8KB +1.0B
monitoring 462.4KB 462.4KB -1.0B
securitySolution 13.0MB 13.0MB -4.0B
synthetics 864.5KB 864.5KB -1.0B
uptime 478.2KB 478.2KB -1.0B
visTypeVega 1.8MB 1.8MB -832.0B
total -1.6KB

Page load bundle

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

id before after diff
core 368.6KB 366.2KB -2.4KB
kbnUiSharedDeps-css 275.0KB 265.1KB -9.8KB
kbnUiSharedDeps-npmDll 6.2MB 6.2MB -26.6KB
logsShared 219.1KB 219.1KB -1.0B
observability 101.3KB 101.3KB -1.0B
total -38.8KB

History

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

@cee-chen cee-chen marked this pull request as ready for review October 9, 2023 22:58
@cee-chen cee-chen requested review from a team as code owners October 9, 2023 22:58
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-team (EUI)

Copy link
Contributor

@PhilippeOberti PhilippeOberti left a comment

Choose a reason for hiding this comment

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

LGTM for the Threat Hunting Investigations team!

Copy link
Contributor

@TinaHeiligers TinaHeiligers left a comment

Choose a reason for hiding this comment

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

LGTM for core

Copy link
Member

@jgowdyelastic jgowdyelastic left a comment

Choose a reason for hiding this comment

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

ML changes LGTM

Copy link
Contributor

@e40pud e40pud left a comment

Choose a reason for hiding this comment

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

DE change LGTM!

Copy link
Contributor

@janmonschke janmonschke left a comment

Choose a reason for hiding this comment

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

Security changes LGTM 👍

@kc13greiner kc13greiner self-requested a review October 10, 2023 12:01
Copy link
Contributor

@kc13greiner kc13greiner left a comment

Choose a reason for hiding this comment

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

LGTM!

Copy link
Contributor

@maxcold maxcold left a comment

Choose a reason for hiding this comment

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

cloud_defend changes LGTM

@1Copenut
Copy link
Contributor

Merging on behalf of Cee for the EUI team.

@1Copenut 1Copenut merged commit 7708814 into elastic:main Oct 11, 2023
@kibanamachine kibanamachine added the backport:skip This PR does not require backporting label Oct 11, 2023
@cee-chen cee-chen deleted the eui-v89.x branch October 12, 2023 01:37
dej611 pushed a commit to dej611/kibana that referenced this pull request Oct 17, 2023
`v88.5.4`⏩`v89.0.0`

---

## [`89.0.0`](https://github.com/elastic/eui/tree/v89.0.0)

- Added new `pushAnimation` prop to push `EuiFlyout`s, which enables a
slide in animation ([elastic#7239](elastic/eui#7239))
- Updated `EuiComboBox` to use `EuiInputPopover` under the hood
([elastic#7246](elastic/eui#7246))
- Added `inputPopoverProps` to `EuiComboBox`, which allows customizing
the underlying popover
([elastic#7246](elastic/eui#7246))
- Added a new beta `EuiTextBlockTruncate` component for multi-line
truncation ([elastic#7250](elastic/eui#7250))
- Updated `EuiBasicTable` and `EuiInMemoryTable` to support multi-line
truncation. This can be set via `truncateText.lines` in the `columns`
prop. ([elastic#7254](elastic/eui#7254))

**Bug fixes**

- Fixed `EuiFlexGroup` and `EuiFlexGrid`'s `m` gutter size
([elastic#7251](elastic/eui#7251))
- Fixed focus trap rerender issues in `EuiFlyout` with memoization
([elastic#7259](elastic/eui#7259))
- Fixed a visual bug with `EuiContextMenu`'s animation between panels
([elastic#7268](elastic/eui#7268))

**Breaking changes**

- EUI's global body font-size now respects the `font.defaultUnits`
token. This means that the global font size will use the `rem` unit by
default, instead of `px`.
([elastic#7182](elastic/eui#7182))
- Removed exported `accessibleClickKeys`, `comboBoxKeys`, and
`cascadingMenuKeys` services. Use the generic `keys` service instead
([elastic#7256](elastic/eui#7256))
- Removed `EuiColorStops` due to low usage
([elastic#7262](elastic/eui#7262))
- Removed `EuiSuggest`. We recommend using `EuiSelectable` or
`EuiComboBox` instead
([elastic#7263](elastic/eui#7263))
- Removed `euiHeaderAffordForFixed` Sass mixin, and `$euiHeaderHeight`
and `$euiHeaderHeightCompensation` Sass variables. Use the CSS variable
`--var(euiFixedHeadersOffset, 0)` instead.
([elastic#7264](elastic/eui#7264))

**Accessibility**

- When using `rem` or `em` font units, EUI now respects, instead of
ignoring, browser default font sizes set by end users.
([elastic#7182](elastic/eui#7182))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting EUI release_note:skip Skip the PR/issue when compiling release notes v8.12.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.