-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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 v92.0.0 #174487
Upgrade EUI to v92.0.0 #174487
Conversation
8cdad05
to
c4fb12a
Compare
+ backport
- removed in EUI, and no longer needed, as range components now contain their own resize observer and update automatically on width changes
// TODO: https://github.com/elastic/kibana/issues/161456 | ||
// The About step page contains EuiRange component which does not work properly within memoized parents. | ||
// EUI team suggested not to memoize EuiRange/EuiDualRange: https://github.com/elastic/eui/issues/6846 | ||
// Workaround: We force EuiRange re-rendering by removing/adding it into the DOM. | ||
// NOTE: We should remove this workaround once EUI team fixed EuiRange. | ||
// Related ticket: https://github.com/elastic/kibana/issues/160561 | ||
} | ||
{isActive && ( | ||
<EuiFormRow |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@e40pud I tested this locally and it appears to be working for me, but would super appreciate a second confirmation/QA! ✨
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested locally. There is no issue anymore! Thanks for fixing this!!
Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services) |
const rangeRef = useRef<EuiDualRangeRef>(null); | ||
|
||
const onPanelResize = (width: number) => { | ||
rangeRef.current?.onResize(width); | ||
}; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This ref and method call were removed because EuiDualRange now contains its own resize observer and automatically adjusts its width accordingly.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
changes LGTM for the Protections Experience team!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
EUI-provided resize observer works great for the time slider 🎉 Thanks for that change!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
code changes lgtm
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Cloud Security Posture changes LGTM
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
APM/Synthetics/Uptime changes look good.
There was a problem hiding this 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
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
DE changes LGTM
// TODO: https://github.com/elastic/kibana/issues/161456 | ||
// The About step page contains EuiRange component which does not work properly within memoized parents. | ||
// EUI team suggested not to memoize EuiRange/EuiDualRange: https://github.com/elastic/eui/issues/6846 | ||
// Workaround: We force EuiRange re-rendering by removing/adding it into the DOM. | ||
// NOTE: We should remove this workaround once EUI team fixed EuiRange. | ||
// Related ticket: https://github.com/elastic/kibana/issues/160561 | ||
} | ||
{isActive && ( | ||
<EuiFormRow |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Tested locally. There is no issue anymore! Thanks for fixing this!!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
OPs changes lgtm
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Enterprise Search LGTM. Code review only
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Changes to Entity Analytics look good to me; they're identical in nature to the ones in Detection Engine (which were already approved by @e40pud ) 👍
💛 Build succeeded, but was flaky
Failed CI StepsTest Failures
Metrics [docs]Async chunks
Page load bundle
History
To update your PR or re-run it, just comment with: |
`v91.3.1`⏩`v92.0.0-backport.0` --- ## [`v92.0.0-backport.0`](https://github.com/elastic/eui/releases/v92.0.0-backport.0) **This is a backport release only intended for use by Kibana.** **Bug fixes** - Fixed an `EuiTreeView` JSX Typescript error ([elastic#7452](elastic/eui#7452)) - Fixed a color console warning being generated by disabled `EuiStep`s ([elastic#7454](elastic/eui#7454)) ## [`v92.0.0`](https://github.com/elastic/eui/releases/v92.0.0) - Updated generic types of `EuiBasicTable`, `EuiInMemoryTable` and `EuiSearchBar.Query.execute` to add `extends object` constraint ([elastic#7340](elastic/eui#7340)) - This change should have no impact on your applications since the updated types only affect properties that exclusively accept object values. - Added a new `EuiFlyoutResizable` component ([elastic#7439](elastic/eui#7439)) - Updated `EuiTextArea` to accept `isClearable` and `icon` as props ([elastic#7449](elastic/eui#7449)) **Bug fixes** - `EuiRange`/`EuiDualRange`'s track ticks & highlights now update their positions on resize ([elastic#7442](elastic/eui#7442)) **Deprecations** - Updated `EuiFilterButton` to remove the second `.euiFilterButton__textShift` span wrapper. Target `.euiFilterButton__text` instead ([elastic#7444](elastic/eui#7444)) **Breaking changes** - Removed deprecated `EuiNotificationEvent`. We recommend copying the component to your application if necessary ([elastic#7434](elastic/eui#7434)) - Removed deprecated `EuiControlBar`. We recommend using `EuiBottomBar` instead ([elastic#7435](elastic/eui#7435))
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
APM code changes LGTM. I didn't check for UI regressions though
v91.3.1
⏩v92.0.0-backport.0
v92.0.0-backport.0
This is a backport release only intended for use by Kibana.
Bug fixes
EuiTreeView
JSX Typescript error (#7452)EuiStep
s (#7454)v92.0.0
EuiBasicTable
,EuiInMemoryTable
andEuiSearchBar.Query.execute
to addextends object
constraint (#7340)EuiFlyoutResizable
component (#7439)EuiTextArea
to acceptisClearable
andicon
as props (#7449)Bug fixes
EuiRange
/EuiDualRange
's track ticks & highlights now update their positions on resize (#7442)Deprecations
EuiFilterButton
to remove the second.euiFilterButton__textShift
span wrapper. Target.euiFilterButton__text
instead (#7444)Breaking changes
EuiNotificationEvent
. We recommend copying the component to your application if necessary (#7434)EuiControlBar
. We recommend usingEuiBottomBar
instead (#7435)