Skip to content

Upgrade EUI to v102.1.0#220039

Merged
mgadewoll merged 2 commits intoelastic:mainfrom
mgadewoll:eui/v102.1.0
May 6, 2025
Merged

Upgrade EUI to v102.1.0#220039
mgadewoll merged 2 commits intoelastic:mainfrom
mgadewoll:eui/v102.1.0

Conversation

@mgadewoll
Copy link
Contributor

@mgadewoll mgadewoll commented May 5, 2025

102.0.0102.1.0

Questions? Please see our Kibana upgrade FAQ.

Note

There is also the sibling PR for 8.19 with old Amsterdam theme ready for review here. It contains the same changes.

Changes

  • Updated test selector (due to changed tooltip placement in #8644)
  • snapshot updates

Package updates

@elastic/eui

v102.1.0

  • Update EuiDataGrid to use expand glyph (#8646)

Accessibility

  • Updated EuiTableHeaderCell to output nameTooltip directly on sortable cell elements, ensuring tooltips appear on focus (#8644)
  • Improved the accessibility of EuiColorPicker by: (#8639)
    • preventing duplicate color output for screen readers
    • adding tooltips with visual color labels for the selected colors on the saturation and hue sliders
    • updated accessible labels and announcements to be more descriptive

Dependency updates

  • Updated typescript to v5.8.3 (#8626)

@mgadewoll mgadewoll added release_note:skip Skip the PR/issue when compiling release notes EUI backport:prev-minor v9.1.0 v9.0.1 labels May 5, 2025
@mgadewoll mgadewoll self-assigned this May 5, 2025
@elasticmachine
Copy link
Contributor

⏳ Build in-progress, with failures

Failed CI Steps

cc @mgadewoll

@mgadewoll mgadewoll marked this pull request as ready for review May 5, 2025 12:15
@mgadewoll mgadewoll requested review from a team as code owners May 5, 2025 12:15
@mgadewoll mgadewoll requested a review from a team May 5, 2025 12:15
@mgadewoll mgadewoll requested review from a team as code owners May 5, 2025 12:15
@elasticmachine
Copy link
Contributor

Pinging @elastic/eui-team (EUI)

Copy link
Contributor

@rmyz rmyz left a comment

Choose a reason for hiding this comment

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

x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/__snapshots__/processes_table.test.tsx.snap changes LGTM

Copy link
Contributor

@jbudz jbudz left a comment

Choose a reason for hiding this comment

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

src/dev/license_checker/config.ts LGTM

Copy link
Contributor

@agusruidiazgd agusruidiazgd left a comment

Choose a reason for hiding this comment

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

Hi @mgadewoll! Thanks for this changes 😸
Quick question: the snapshots on the explore side seem to have shifted, but I didn’t see any test changes—do you know what might’ve caused it?

@mgadewoll
Copy link
Contributor Author

Hi @mgadewoll! Thanks for this changes 😸 Quick question: the snapshots on the explore side seem to have shifted, but I didn’t see any test changes—do you know what might’ve caused it?

@agusruidiazgd Yes, the changes to snapshots were done on EUI side. Table header cells have tooltips directly on them now when they are focusable, which added an additional wrapper as tooltip anchor in the snapshots.

Screenshot 2025-05-05 at 16 42 59

@agusruidiazgd agusruidiazgd self-requested a review May 5, 2025 14:46
Copy link
Contributor

@agusruidiazgd agusruidiazgd left a comment

Choose a reason for hiding this comment

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

@mgadewoll thanks for the comments! LGTM from Explore side 😸

Copy link
Member

@pickypg pickypg left a comment

Choose a reason for hiding this comment

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

LGT Stack Monitoring

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 👍

@mgadewoll mgadewoll merged commit bca8299 into elastic:main May 6, 2025
22 checks passed
mgadewoll added a commit that referenced this pull request May 6, 2025
`102.0.0` ⏩ `102.1.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

>[!IMPORTANT]
This PR is a direct sibling to this [upgrade
PR](#220039) to `main`. The
difference is that it adds a standalone EUI package with the previous
"Amsterdam" theme.
Apart from the theme difference, **there are no further changes added**.

## Changes

- Updated test selector (due to changed tooltip placement in
[#8644](elastic/eui#8644))
- snapshot updates

## Package updates

### `@elastic/eui`

#### [`v102.1.0`](https://github.com/elastic/eui/releases/v102.1.0)

- Update `EuiDataGrid` to use `expand` glyph
([#8646](elastic/eui#8646))

**Accessibility**

- Updated `EuiTableHeaderCell` to output `nameTooltip` directly on
sortable cell elements, ensuring tooltips appear on focus
([#8644](elastic/eui#8644))
- Improved the accessibility of `EuiColorPicker` by:
([#8639](elastic/eui#8639))
  - preventing duplicate color output for screen readers
- adding tooltips with visual color labels for the selected colors on
the saturation and hue sliders
  - updated accessible labels and announcements to be more descriptive

**Dependency updates**

- Updated `typescript` to v5.8.3
([#8626](elastic/eui#8626))
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 9.0

https://github.com/elastic/kibana/actions/runs/14862511898

@kibanamachine
Copy link
Contributor

💔 All backports failed

Status Branch Result
9.0 Backport failed because of merge conflicts

You might need to backport the following PRs to 9.0:
- add test: visualize_query (#215808)
- [Entity Analytics] [bug-fix] Do not abort risk score search request (#219858)
- Fixing layout of the embeddablePanelHeading containing description an… (#219428)
- [discover session] fix drill down state not saved with by-value discover sessions (#219857)
- [Search] Fix Pagination when number of documents is changed (#220139)

Manual backport

To create the backport manually run:

node scripts/backport --pr 220039

Questions ?

Please refer to the Backport tool documentation

@mgadewoll
Copy link
Contributor Author

💚 All backports created successfully

Status Branch Result
9.0

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

mgadewoll added a commit to mgadewoll/kibana that referenced this pull request May 6, 2025
`102.0.0` ⏩ `102.1.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

>[!NOTE]
There is also the sibling PR for `8.19` with old Amsterdam theme ready
for review [here](elastic#220049). It
contains the same changes.

## Changes

- Updated test selector (due to changed tooltip placement in
[elastic#8644](elastic/eui#8644))
- snapshot updates

## Package updates

### `@elastic/eui`

#### [`v102.1.0`](https://github.com/elastic/eui/releases/v102.1.0)

- Update `EuiDataGrid` to use `expand` glyph
([elastic#8646](elastic/eui#8646))

**Accessibility**

- Updated `EuiTableHeaderCell` to output `nameTooltip` directly on
sortable cell elements, ensuring tooltips appear on focus
([elastic#8644](elastic/eui#8644))
- Improved the accessibility of `EuiColorPicker` by:
([elastic#8639](elastic/eui#8639))
  - preventing duplicate color output for screen readers
- adding tooltips with visual color labels for the selected colors on
the saturation and hue sliders
  - updated accessible labels and announcements to be more descriptive

**Dependency updates**

- Updated `typescript` to v5.8.3
([elastic#8626](elastic/eui#8626))

(cherry picked from commit bca8299)

# Conflicts:
#	x-pack/solutions/observability/plugins/infra/public/components/asset_details/tabs/processes/__snapshots__/processes_table.test.tsx.snap
mgadewoll added a commit that referenced this pull request May 6, 2025
# Backport

This will backport the following commits from `main` to `9.0`:
- [Upgrade EUI to v102.1.0
(#220039)](#220039)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Lene
Gadewoll","email":"lene.gadewoll@elastic.co"},"sourceCommit":{"committedDate":"2025-05-06T14:38:55Z","message":"Upgrade
EUI to v102.1.0 (#220039)\n\n`102.0.0` ⏩ `102.1.0`\n\n[Questions? Please
see our Kibana
upgrade\nFAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)\n\n>[!NOTE]\nThere
is also the sibling PR for `8.19` with old Amsterdam theme ready\nfor
review [here](#220049).
It\ncontains the same changes.\n\n## Changes\n\n- Updated test selector
(due to changed tooltip placement
in\n[#8644](https://github.com/elastic/eui/pull/8644))\n- snapshot
updates\n\n## Package updates\n\n### `@elastic/eui`\n\n####
[`v102.1.0`](https://github.com/elastic/eui/releases/v102.1.0)\n\n-
Update `EuiDataGrid` to use `expand`
glyph\n([#8646](https://github.com/elastic/eui/pull/8646))\n\n**Accessibility**\n\n-
Updated `EuiTableHeaderCell` to output `nameTooltip` directly
on\nsortable cell elements, ensuring tooltips appear on
focus\n([#8644](https://github.com/elastic/eui/pull/8644))\n- Improved
the accessibility of `EuiColorPicker`
by:\n([#8639](https://github.com/elastic/eui/pull/8639))\n - preventing
duplicate color output for screen readers\n- adding tooltips with visual
color labels for the selected colors on\nthe saturation and hue
sliders\n - updated accessible labels and announcements to be more
descriptive\n\n**Dependency updates**\n\n- Updated `typescript` to
v5.8.3\n([#8626](https://github.com/elastic/eui/pull/8626))","sha":"bca8299927ef023215494fb7bc21ad90891ffc54","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","EUI","backport:prev-minor","v9.1.0","v9.0.1"],"title":"Upgrade
EUI to
v102.1.0","number":220039,"url":"https://github.com/elastic/kibana/pull/220039","mergeCommit":{"message":"Upgrade
EUI to v102.1.0 (#220039)\n\n`102.0.0` ⏩ `102.1.0`\n\n[Questions? Please
see our Kibana
upgrade\nFAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)\n\n>[!NOTE]\nThere
is also the sibling PR for `8.19` with old Amsterdam theme ready\nfor
review [here](#220049).
It\ncontains the same changes.\n\n## Changes\n\n- Updated test selector
(due to changed tooltip placement
in\n[#8644](https://github.com/elastic/eui/pull/8644))\n- snapshot
updates\n\n## Package updates\n\n### `@elastic/eui`\n\n####
[`v102.1.0`](https://github.com/elastic/eui/releases/v102.1.0)\n\n-
Update `EuiDataGrid` to use `expand`
glyph\n([#8646](https://github.com/elastic/eui/pull/8646))\n\n**Accessibility**\n\n-
Updated `EuiTableHeaderCell` to output `nameTooltip` directly
on\nsortable cell elements, ensuring tooltips appear on
focus\n([#8644](https://github.com/elastic/eui/pull/8644))\n- Improved
the accessibility of `EuiColorPicker`
by:\n([#8639](https://github.com/elastic/eui/pull/8639))\n - preventing
duplicate color output for screen readers\n- adding tooltips with visual
color labels for the selected colors on\nthe saturation and hue
sliders\n - updated accessible labels and announcements to be more
descriptive\n\n**Dependency updates**\n\n- Updated `typescript` to
v5.8.3\n([#8626](https://github.com/elastic/eui/pull/8626))","sha":"bca8299927ef023215494fb7bc21ad90891ffc54"}},"sourceBranch":"main","suggestedTargetBranches":["9.0"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/220039","number":220039,"mergeCommit":{"message":"Upgrade
EUI to v102.1.0 (#220039)\n\n`102.0.0` ⏩ `102.1.0`\n\n[Questions? Please
see our Kibana
upgrade\nFAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)\n\n>[!NOTE]\nThere
is also the sibling PR for `8.19` with old Amsterdam theme ready\nfor
review [here](#220049).
It\ncontains the same changes.\n\n## Changes\n\n- Updated test selector
(due to changed tooltip placement
in\n[#8644](https://github.com/elastic/eui/pull/8644))\n- snapshot
updates\n\n## Package updates\n\n### `@elastic/eui`\n\n####
[`v102.1.0`](https://github.com/elastic/eui/releases/v102.1.0)\n\n-
Update `EuiDataGrid` to use `expand`
glyph\n([#8646](https://github.com/elastic/eui/pull/8646))\n\n**Accessibility**\n\n-
Updated `EuiTableHeaderCell` to output `nameTooltip` directly
on\nsortable cell elements, ensuring tooltips appear on
focus\n([#8644](https://github.com/elastic/eui/pull/8644))\n- Improved
the accessibility of `EuiColorPicker`
by:\n([#8639](https://github.com/elastic/eui/pull/8639))\n - preventing
duplicate color output for screen readers\n- adding tooltips with visual
color labels for the selected colors on\nthe saturation and hue
sliders\n - updated accessible labels and announcements to be more
descriptive\n\n**Dependency updates**\n\n- Updated `typescript` to
v5.8.3\n([#8626](https://github.com/elastic/eui/pull/8626))","sha":"bca8299927ef023215494fb7bc21ad90891ffc54"}},{"branch":"9.0","label":"v9.0.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
akowalska622 pushed a commit to akowalska622/kibana that referenced this pull request May 29, 2025
`102.0.0` ⏩ `102.1.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

>[!NOTE]
There is also the sibling PR for `8.19` with old Amsterdam theme ready
for review [here](elastic#220049). It
contains the same changes.

## Changes

- Updated test selector (due to changed tooltip placement in
[elastic#8644](elastic/eui#8644))
- snapshot updates

## Package updates

### `@elastic/eui`

#### [`v102.1.0`](https://github.com/elastic/eui/releases/v102.1.0)

- Update `EuiDataGrid` to use `expand` glyph
([elastic#8646](elastic/eui#8646))

**Accessibility**

- Updated `EuiTableHeaderCell` to output `nameTooltip` directly on
sortable cell elements, ensuring tooltips appear on focus
([elastic#8644](elastic/eui#8644))
- Improved the accessibility of `EuiColorPicker` by:
([elastic#8639](elastic/eui#8639))
  - preventing duplicate color output for screen readers
- adding tooltips with visual color labels for the selected colors on
the saturation and hue sliders
  - updated accessible labels and announcements to be more descriptive

**Dependency updates**

- Updated `typescript` to v5.8.3
([elastic#8626](elastic/eui#8626))
qn895 pushed a commit to qn895/kibana that referenced this pull request Jun 3, 2025
`102.0.0` ⏩ `102.1.0`

[Questions? Please see our Kibana upgrade
FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams)

>[!NOTE]
There is also the sibling PR for `8.19` with old Amsterdam theme ready
for review [here](elastic#220049). It
contains the same changes.

## Changes

- Updated test selector (due to changed tooltip placement in
[elastic#8644](elastic/eui#8644))
- snapshot updates

## Package updates

### `@elastic/eui`

#### [`v102.1.0`](https://github.com/elastic/eui/releases/v102.1.0)

- Update `EuiDataGrid` to use `expand` glyph
([elastic#8646](elastic/eui#8646))

**Accessibility**

- Updated `EuiTableHeaderCell` to output `nameTooltip` directly on
sortable cell elements, ensuring tooltips appear on focus
([elastic#8644](elastic/eui#8644))
- Improved the accessibility of `EuiColorPicker` by:
([elastic#8639](elastic/eui#8639))
  - preventing duplicate color output for screen readers
- adding tooltips with visual color labels for the selected colors on
the saturation and hue sliders
  - updated accessible labels and announcements to be more descriptive

**Dependency updates**

- Updated `typescript` to v5.8.3
([elastic#8626](elastic/eui#8626))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

EUI release_note:skip Skip the PR/issue when compiling release notes v9.0.1 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

9 participants