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 v94.3.0 #182822

Merged
merged 7 commits into from
May 10, 2024
Merged

Upgrade EUI to v94.3.0 #182822

merged 7 commits into from
May 10, 2024

Conversation

tkajtoch
Copy link
Member

@tkajtoch tkajtoch commented May 7, 2024

v94.2.1-backport.0v94.3.0

Questions? Please see our Kibana upgrade FAQ.


v94.3.0

  • Updated launch glyph for EuiIcon (#7670)
  • Updated EuiComboBox's options to support including tooltip details for selectable options. Use toolTipContent to render tooltip information, and toolTipProps to optionally customize the tooltip rendering behavior (#7700)
  • Updated the following existing glyphs in EuiIcon: (#7727)
    • error (now an outlined version instead of filled)
    • tokenMetricCounter
    • tokenMetricGauge
  • Added the following new glyphs to EuiIcon: (#7727)
    • tokenDimension
    • clickLeft
    • clickRight
    • clockCounter
    • errorFilled (the previous error glyph design)
    • warningFilled

Bug fixes

  • Fixed a visual layout bug for EuiComboBox with isLoading in mobile views (#7700)
  • Fixed missing styles on header cells of EuiDataGrid that prevented content text alignment styles to apply (#7720)
  • Fixed EuiFlexGroup and EuiFlexItem ref prop typing to support refs of the same type as the passed component type and allow displayName to be defined for easy component naming when using component wrappers like styled() (#7724)

Most of the code changes you'll see in this PR are caused by the recent EuiFlex* changes making it generic. This, unfortunately, is something that styled() doesn't always like. I replaced the failing usages of styled(EuiFlexGroup) and styled(EuiFlexItem) to use component and other native EuiFlex* props, resulting in the same output but being better typed.

We plan to add more props to EuiFlex* components giving developers control over properties like flex-grow and flex-shring, and reducing the need for writing any custom CSS when using these components. This should reduce the number of styled() wrappers needed even further

@tkajtoch tkajtoch added release_note:skip Skip the PR/issue when compiling release notes EUI backport:skip This commit does not require backporting v8.15.0 labels May 7, 2024
@tkajtoch tkajtoch self-assigned this May 7, 2024
@tkajtoch tkajtoch force-pushed the feat/eui-94.3.0 branch 2 times, most recently from 7548f5d to 3ad952a Compare May 9, 2024 07:12
@tkajtoch
Copy link
Member Author

tkajtoch commented May 9, 2024

Synthetics tests were also failing on main when tested locally and I can't see a correlation between the update and that test suite failing

@tkajtoch tkajtoch marked this pull request as ready for review May 9, 2024 13:22
@tkajtoch tkajtoch requested review from a team as code owners May 9, 2024 13:22
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-team (EUI)

@tkajtoch tkajtoch requested review from pzl and tomsonpl May 9, 2024 13:22
@pzl pzl requested review from parkiino and removed request for pzl May 9, 2024 13:23
@botelastic botelastic bot added ci:project-deploy-observability Create an Observability project Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team Team:obs-ux-management Observability Management User Experience Team labels May 9, 2024
@elasticmachine
Copy link
Contributor

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

@elasticmachine
Copy link
Contributor

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

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.

Canvas snapshot changes LGTM

Copy link
Contributor

@kdelemme kdelemme left a comment

Choose a reason for hiding this comment

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

ux management code change LGTM!

Copy link
Contributor

@tonyghiani tonyghiani left a comment

Choose a reason for hiding this comment

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

logs_explorer changes LGTM

Copy link
Contributor

@ElenaStoeva ElenaStoeva left a comment

Choose a reason for hiding this comment

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

ILM test snapshot changes LGTM

@@ -193,8 +193,9 @@ export const getArtifactsListTestsData = (): ArtifactsFixtureType[] => [
selector: 'fieldAutocompleteComboBox',
},
{
type: 'click',
customSelector: 'button[title="@timestamp"]',
type: 'input',
Copy link
Contributor

@tomsonpl tomsonpl May 9, 2024

Choose a reason for hiding this comment

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

Was this change intentional? How comes click on a button changes into input? 🤔

Copy link
Member Author

Choose a reason for hiding this comment

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

It was intentional. I'm not entirely sure why it was needed only here, but generally speaking, we prefer using keyboard navigation when selecting combobox items.

Previously, it was a click on an option with a specified name; now, it's typing the option name into the search field and selecting the first option, which is the exact match. This way should be more reliable no matter what order the items are displayed in, too.

Copy link
Contributor

@tomsonpl tomsonpl left a comment

Choose a reason for hiding this comment

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

Defend Workflows LGTM 👍

Copy link
Contributor

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

@jughosta jughosta left a comment

Choose a reason for hiding this comment

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

Data Discovery changes LGTM 👍

@tkajtoch
Copy link
Member Author

The failing synthetics tests are also failing on main and have been failing since (at least) the synthetics move introduced in #177464 (failing buildkite job).

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.

desk tested, thanks for the cleanup! LGTM for the Threat Hunting Investigations team!

@tkajtoch
Copy link
Member Author

@elasticmachine merge upstream

@kibana-ci
Copy link
Collaborator

kibana-ci commented May 10, 2024

💔 Build Failed

Failed CI Steps

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
infra 1.5MB 1.5MB +139.0B
observability 286.2KB 286.0KB -164.0B
securitySolution 15.1MB 15.1MB -909.0B
synthetics 1.0MB 1.0MB -5.0B
total -939.0B

Canvas Sharable Runtime

The Canvas "shareable runtime" is an bundle produced to enable running Canvas workpads outside of Kibana. This bundle is included in third-party webpages that embed canvas and therefor should be as slim as possible.

id before after diff
module count - 5407 +5407
total size - 8.8MB +8.8MB

Page load bundle

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

id before after diff
kbnUiSharedDeps-css 253.9KB 254.0KB +71.0B
kbnUiSharedDeps-npmDll 6.3MB 6.3MB +1.8KB
kbnUiSharedDeps-srcJs 3.1MB 3.1MB -1.0B
total +1.9KB

History

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

cc @tkajtoch

@jbudz jbudz merged commit e714cfa into elastic:main May 10, 2024
40 of 42 checks passed
jbudz added a commit to jbudz/kibana that referenced this pull request May 13, 2024
jbudz added a commit to jbudz/kibana that referenced this pull request May 13, 2024
jbudz added a commit to jbudz/kibana that referenced this pull request May 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
apm:review backport:skip This commit does not require backporting ci:project-deploy-observability Create an Observability project EUI release_note:skip Skip the PR/issue when compiling release notes Team:obs-ux-infra_services Observability Infrastructure & Services User Experience Team Team:obs-ux-management Observability Management User Experience Team v8.15.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.