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 v92.0.0 #174487

Merged
merged 9 commits into from
Jan 10, 2024
Merged

Upgrade EUI to v92.0.0 #174487

merged 9 commits into from
Jan 10, 2024

Conversation

cee-chen
Copy link
Member

@cee-chen cee-chen commented Jan 8, 2024

v91.3.1v92.0.0-backport.0


v92.0.0-backport.0

This is a backport release only intended for use by Kibana.

Bug fixes

  • Fixed an EuiTreeView JSX Typescript error (#7452)
  • Fixed a color console warning being generated by disabled EuiSteps (#7454)

v92.0.0

  • Updated generic types of EuiBasicTable, EuiInMemoryTable and EuiSearchBar.Query.execute to add extends object constraint (#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 (#7439)
  • Updated EuiTextArea to accept isClearable and icon as props (#7449)

Bug fixes

  • EuiRange/EuiDualRange's track ticks & highlights now update their positions on resize (#7442)

Deprecations

  • Updated EuiFilterButton to remove the second .euiFilterButton__textShift span wrapper. Target .euiFilterButton__text instead (#7444)

Breaking changes

  • Removed deprecated EuiNotificationEvent. We recommend copying the component to your application if necessary (#7434)
  • Removed deprecated EuiControlBar. We recommend using EuiBottomBar instead (#7435)

@cee-chen cee-chen force-pushed the eui-v92.0.0 branch 8 times, most recently from 8cdad05 to c4fb12a Compare January 9, 2024 03:03
@cee-chen cee-chen added release_note:skip Skip the PR/issue when compiling release notes EUI v8.13.0 labels Jan 9, 2024
@cee-chen cee-chen marked this pull request as ready for review January 9, 2024 23:47
@cee-chen cee-chen requested review from a team as code owners January 9, 2024 23:47
Comment on lines -153 to -161
// 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
Copy link
Member Author

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! ✨

Copy link
Contributor

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!!

@botelastic botelastic bot added the Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team label Jan 9, 2024
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services)

Comment on lines -44 to -48
const rangeRef = useRef<EuiDualRangeRef>(null);

const onPanelResize = (width: number) => {
rangeRef.current?.onResize(width);
};
Copy link
Member Author

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.

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.

changes LGTM for the Protections Experience team!

@Heenawter Heenawter self-requested a review January 9, 2024 23:57
Copy link
Contributor

@Heenawter Heenawter left a 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!

Copy link
Contributor

@mattkime mattkime left a comment

Choose a reason for hiding this comment

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

code changes lgtm

Copy link
Contributor

@opauloh opauloh left a 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

Copy link
Contributor

@smith smith left a 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.

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.

ML code 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 changes LGTM

Comment on lines -153 to -161
// 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
Copy link
Contributor

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!!

Copy link
Contributor

@Ikuni17 Ikuni17 left a comment

Choose a reason for hiding this comment

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

OPs changes lgtm

Copy link
Member

@efegurkan efegurkan left a 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

@cee-chen cee-chen enabled auto-merge (squash) January 10, 2024 17:12
Copy link
Contributor

@rylnd rylnd left a 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 ) 👍

@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] Investigations - Security Solution Cypress Tests #2 / Basic esql search and filter operations "before each" hook for "should change the timerange to ~ 15 minutes ago when back is pressed after modifying timerange to Jan 18, 2023 @ 20:33:29.186 without saving" "before each" hook for "should change the timerange to ~ 15 minutes ago when back is pressed after modifying timerange to Jan 18, 2023 @ 20:33:29.186 without saving"

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
cases 445.1KB 445.1KB -5.0B
controls 199.5KB 199.4KB -144.0B
discover 556.3KB 556.3KB -4.0B
lens 1.4MB 1.4MB -4.0B
securitySolution 11.4MB 11.4MB -95.0B
total -252.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 377.9KB 375.2KB -2.7KB
kbnUiSharedDeps-css 258.0KB 250.4KB -7.6KB
kbnUiSharedDeps-npmDll 6.2MB 6.2MB -11.2KB
kbnUiSharedDeps-srcJs 2.3MB 2.3MB -1.0B
total -21.5KB

History

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

@cee-chen cee-chen merged commit 517763e into elastic:main Jan 10, 2024
46 checks passed
@cee-chen cee-chen deleted the eui-v92.0.0 branch January 10, 2024 19:38
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Jan 10, 2024
delanni pushed a commit to delanni/kibana that referenced this pull request Jan 11, 2024
`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))
Copy link
Contributor

@kpatticha kpatticha left a 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

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 release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team v8.13.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.