Skip to content

[Discover] Add Actions header to unified data table (#214366)#220824

Merged
AlexGPlay merged 20 commits intoelastic:mainfrom
AlexGPlay:214366-add-actions-to-unified-data-table-header
Jun 3, 2025
Merged

[Discover] Add Actions header to unified data table (#214366)#220824
AlexGPlay merged 20 commits intoelastic:mainfrom
AlexGPlay:214366-add-actions-to-unified-data-table-header

Conversation

@AlexGPlay
Copy link
Copy Markdown
Contributor

@AlexGPlay AlexGPlay commented May 15, 2025

Summary

For accesibility reasons we need to label all the headers. At this point in time the actions from the unified data table have an empty header, for that we are grouping them in a column and labeling them as "Actions".

Scenario Before After (only icon)
1 icon image image
Multiple icons image image

Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

  • Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
  • Documentation was added for features that require explanation or tutorials
  • Unit or functional tests were updated or added to match the most common scenarios
  • If a plugin configuration key changed, check if it needs to be allowlisted in the cloud and added to the docker list
  • This was checked for breaking HTTP API changes, and any breaking changes have been approved by the breaking-change committee. The release_note:breaking label should be applied in these situations.
  • Flaky Test Runner was used on any tests changed
  • The PR description includes the appropriate Release Notes section, and the correct release_note:* label is applied per the guidelines

Identify risks

Does this PR introduce any risks? For example, consider risks like hard to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified risk. Invite stakeholders and evaluate how to proceed before merging.

@AlexGPlay AlexGPlay force-pushed the 214366-add-actions-to-unified-data-table-header branch from 37fd390 to 00c37d3 Compare May 19, 2025 09:11
@AlexGPlay AlexGPlay self-assigned this May 19, 2025
headerCellRender?: EuiDataGridControlColumn['headerCellRender'];
renderControl: (Control: RowControlComponent, props: RowControlRowProps) => ReactElement;
render: (Control: RowControlComponent, props: RowControlRowProps) => ReactElement;
}
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

given that all the actions are going to be grouped in one single column I've updated this type to only have an id and the render function

Comment on lines +48 to +50
<EuiFlexItem grow={false}>
<EuiIcon type="iInCircle" />
</EuiFlexItem>
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

do we want a tooltip here?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I'd suggest we hide the icon when the "Actions" text is visible and use "Actions" for the help text on EuiIconTip when only the icon is visible.

@AlexGPlay AlexGPlay marked this pull request as ready for review May 19, 2025 11:06
@AlexGPlay AlexGPlay requested review from a team as code owners May 19, 2025 11:06
@AlexGPlay AlexGPlay added release_note:fix Team:DataDiscovery Discover, search (data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. t// backport:version Backport to applied version labels v9.1.0 v8.19.0 labels May 19, 2025
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/kibana-data-discovery (Team:DataDiscovery)

Copy link
Copy Markdown
Contributor

@davismcphee davismcphee left a comment

Choose a reason for hiding this comment

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

Just did a quick scan of the code changes and they're looking good overall. Left a couple of comments, but going to defer to @jughosta for the full review since she's most familiar with this code.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I think we should remove the gutters between the icons to keep it similar to what we had before since the spacing now seems quite far apart based on the screenshots.

Comment on lines +48 to +50
<EuiFlexItem grow={false}>
<EuiIcon type="iInCircle" />
</EuiFlexItem>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I'd suggest we hide the icon when the "Actions" text is visible and use "Actions" for the help text on EuiIconTip when only the icon is visible.

@davismcphee davismcphee requested a review from jughosta May 19, 2025 21:21
@kertal kertal requested a review from l-suarez May 22, 2025 05:15
@AlexGPlay AlexGPlay force-pushed the 214366-add-actions-to-unified-data-table-header branch from 1fb1ae5 to 211b377 Compare May 23, 2025 06:23
Copy link
Copy Markdown
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.

Nice refactoring, @AlexGPlay!

Comment on lines +226 to +230
'Row control column 1',
'Row control column 2',
'External control column 1',
'External control column 2',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Hopefully both types are never used at the same time. We don't want to repetitively render so many actions.

});
await discover.waitUntilSearchingHasFinished();
await testSubjects.existOrFail('exampleLogsControl_visBarVerticalStacked');
await testSubjects.existOrFail('unifiedDataTable_additionalRowControl_menuControl');
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I think the previous name was more descriptive. Can we keep it?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

i've updated it to be unifiedDataTable_additionalRowControl_${columnId} so instead of this it is now unifiedDataTable_additionalRowControl_actions

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

nit: _menuControl or _actionsMenu would be better imho

description: '2 of each column type',
},
])(
'given $description',
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Nice!

{extraColumns.map((Content, idx) => (
<Content key={idx} {...props} />
))}
</EuiFlexGroup>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We might need to add some space between "Expand" and other Timeline actions
Screenshot 2025-05-23 at 15 06 05

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Also, we could reduce the padding above the checkbox for Timeline.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

what do you think is the best approach here - should I let the consumer set the space between actions? Right now it's just set as none for everything.
The checkbox one i have to take a look because i'm not sure of how can i do that just for timeline

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We could check that if the first external action was not rendered on the first position, then we add some spacing to the left from it.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Tackled both things here

Before After
image image

@AlexGPlay AlexGPlay force-pushed the 214366-add-actions-to-unified-data-table-header branch from 211b377 to da80985 Compare May 26, 2025 07:14
Copy link
Copy Markdown
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.

Almost there! Would be great to address the new header cells alignment issue too.

});
await discover.waitUntilSearchingHasFinished();
await testSubjects.existOrFail('exampleLogsControl_visBarVerticalStacked');
await testSubjects.existOrFail('unifiedDataTable_additionalRowControl_menuControl');
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

nit: _menuControl or _actionsMenu would be better imho

externalControlColumns,
});
if (actionsColumn) {
filteredLeadColumns.push(actionsColumn);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

The alignment inside the header cells looks off (when Density is Normal or Expanded). Can we improve it?

Screenshot 2025-05-28 at 14 40 26 Screenshot 2025-05-28 at 14 38 06

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

I didn't realise, i'll take a look

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

so what's the expected behaviour here? right now the control columns are center aligned but the others are top aligned - centering everything is the simplest thing to do

image |

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

I have not looked closely but on main the checkbox is well aligned with the column headers for all Density options. Maybe now it has something to do with a missing line-height for the actions cell and this is why all the following column headers get taller.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

ah, i see now, the sizing depends on the density, i'll update the actions header sizes to take that into account too

Copy link
Copy Markdown
Contributor Author

@AlexGPlay AlexGPlay May 29, 2025

Choose a reason for hiding this comment

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

updated - there is this ColumnHeaderTruncateContainer component that helps with all of this

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Perfect, thanks!

@AlexGPlay AlexGPlay requested a review from a team as a code owner May 28, 2025 14:47
@AlexGPlay AlexGPlay force-pushed the 214366-add-actions-to-unified-data-table-header branch 2 times, most recently from 628d791 to c27fced Compare May 30, 2025 06:09
Copy link
Copy Markdown
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.

Great work! LGTM 👍

externalControlColumns,
});
if (actionsColumn) {
filteredLeadColumns.push(actionsColumn);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Perfect, thanks!

@AlexGPlay AlexGPlay force-pushed the 214366-add-actions-to-unified-data-table-header branch from 8ac631f to f3d2d31 Compare May 30, 2025 10:15
Copy link
Copy Markdown
Contributor

@logeekal logeekal 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 on behalf of @elastic/security-threat-hunting-investigations team and things are working without any major issues.

There is a very minor issue. Action column label should have same padding as other columns ( see immediate left of the label). Below screenshot if from Security Timeline. Please let me now if more info is needed.

Screenshot 2025-06-02 at 09 46 19

@AlexGPlay
Copy link
Copy Markdown
Contributor Author

Desk tested on behalf of @elastic/security-threat-hunting-investigations team and things are working without any major issues.

There is a very minor issue. Action column label should have same padding as other columns ( see immediate left of the label). Below screenshot if from Security Timeline. Please let me now if more info is needed.

Screenshot 2025-06-02 at 09 46 19

pushed a change with the padding
image

@AlexGPlay AlexGPlay force-pushed the 214366-add-actions-to-unified-data-table-header branch from 0581c04 to 98ed275 Compare June 2, 2025 08:47
Copy link
Copy Markdown
Contributor

@logeekal logeekal left a comment

Choose a reason for hiding this comment

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

Thanks for incorporating the feedback. LGTM 🚀

@kertal
Copy link
Copy Markdown
Member

kertal commented Jun 2, 2025

Another one resolved, great work @AlexGPlay , qq: this PR resolves this one, right?

#214366

@AlexGPlay
Copy link
Copy Markdown
Contributor Author

Another one resolved, great work @AlexGPlay , qq: this PR resolves this one, right?

#214366

@kertal partially - i was wondering if i should also raise a PR to add the icon in the doc viewer, it's mentioned in the similar part of that issue

@kertal
Copy link
Copy Markdown
Member

kertal commented Jun 2, 2025

I think this makes sense, let's have a short discussion in our sync

@kertal
Copy link
Copy Markdown
Member

kertal commented Jun 3, 2025

short summary of our sync, let's raise another PR for the doc viewer, to resolve #214366

@elasticmachine
Copy link
Copy Markdown
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #97 / alerting api integration security and spaces enabled - Group 2 Alerting and Actions Telemetry test telemetry should retrieve telemetry data in the expected format

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
cloudSecurityPosture 700 703 +3
discover 1303 1306 +3
esqlDataGrid 434 437 +3
lens 1432 1435 +3
securitySolution 7451 7454 +3
slo 1171 1174 +3
total +18

Public APIs missing comments

Total count of every public API that lacks a comment. Target amount is 0. Run node scripts/build_api_docs --plugin [yourplugin] --stats comments for more detailed information.

id before after diff
@kbn/discover-utils 310 308 -2

Async chunks

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

id before after diff
cloudSecurityPosture 540.8KB 541.8KB +1010.0B
discover 1.1MB 1.1MB +782.0B
esqlDataGrid 159.4KB 160.4KB +1009.0B
securitySolution 9.2MB 9.2MB +1010.0B
slo 985.6KB 986.6KB +1020.0B
total +4.7KB

Page load bundle

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

id before after diff
cloudSecurityPosture 18.5KB 18.5KB -2.0B
esqlDataGrid 9.1KB 9.1KB -1.0B
total -3.0B
Unknown metric groups

API count

id before after diff
@kbn/discover-utils 360 358 -2

History

cc @AlexGPlay

@AlexGPlay AlexGPlay merged commit b4b49ac into elastic:main Jun 3, 2025
10 checks passed
@kibanamachine
Copy link
Copy Markdown
Contributor

Starting backport for target branches: 8.19

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Jun 3, 2025
…lastic#220824)

## Summary

For accesibility reasons we need to label all the headers. At this point
in time the actions from the unified data table have an empty header,
for that we are grouping them in a column and labeling them as
"Actions".

| Scenario | Before | After (only icon) |
|----------|--------|-----------------|
| 1 icon | <img width="1035" alt="image"
src="https://github.com/user-attachments/assets/2884904b-42ce-432f-9cf7-90140c349ca2"
/> | <img width="1036" alt="image"
src="https://github.com/user-attachments/assets/84947522-0426-4317-a642-1fb6cab27306"
/> |
| Multiple icons | <img width="558" alt="image"
src="https://github.com/user-attachments/assets/fe4be017-116d-4586-888d-0e81b0b0395e"
/> | <img width="557" alt="image"
src="https://github.com/user-attachments/assets/58ea3261-703e-4d17-906c-29ee5a40569f"
/> |

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

### Identify risks

Does this PR introduce any risks? For example, consider risks like hard
to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified
risk. Invite stakeholders and evaluate how to proceed before merging.

- [ ] [See some risk
examples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)
- [ ] ...

---------

Co-authored-by: Matthias Wilhelm <matthias.wilhelm@elastic.co>
(cherry picked from commit b4b49ac)
@kibanamachine
Copy link
Copy Markdown
Contributor

💚 All backports created successfully

Status Branch Result
8.19

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

Questions ?

Please refer to the Backport tool documentation

zacharyparikh pushed a commit to zacharyparikh/kibana that referenced this pull request Jun 4, 2025
…lastic#220824)

## Summary

For accesibility reasons we need to label all the headers. At this point
in time the actions from the unified data table have an empty header,
for that we are grouping them in a column and labeling them as
"Actions".

| Scenario | Before | After (only icon) |
|----------|--------|-----------------|
| 1 icon | <img width="1035" alt="image"
src="https://github.com/user-attachments/assets/2884904b-42ce-432f-9cf7-90140c349ca2"
/> | <img width="1036" alt="image"
src="https://github.com/user-attachments/assets/84947522-0426-4317-a642-1fb6cab27306"
/> |
| Multiple icons | <img width="558" alt="image"
src="https://github.com/user-attachments/assets/fe4be017-116d-4586-888d-0e81b0b0395e"
/> | <img width="557" alt="image"
src="https://github.com/user-attachments/assets/58ea3261-703e-4d17-906c-29ee5a40569f"
/> |


### Checklist

Check the PR satisfies following conditions. 

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

### Identify risks

Does this PR introduce any risks? For example, consider risks like hard
to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified
risk. Invite stakeholders and evaluate how to proceed before merging.

- [ ] [See some risk
examples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)
- [ ] ...

---------

Co-authored-by: Matthias Wilhelm <matthias.wilhelm@elastic.co>
@kibanamachine kibanamachine added the backport missing Added to PRs automatically when the are determined to be missing a backport. label Jun 5, 2025
@kibanamachine
Copy link
Copy Markdown
Contributor

Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync.
cc: @AlexGPlay

AlexGPlay added a commit to kibanamachine/kibana that referenced this pull request Jun 5, 2025
…lastic#220824)

## Summary

For accesibility reasons we need to label all the headers. At this point
in time the actions from the unified data table have an empty header,
for that we are grouping them in a column and labeling them as
"Actions".

| Scenario | Before | After (only icon) |
|----------|--------|-----------------|
| 1 icon | <img width="1035" alt="image"
src="https://github.com/user-attachments/assets/2884904b-42ce-432f-9cf7-90140c349ca2"
/> | <img width="1036" alt="image"
src="https://github.com/user-attachments/assets/84947522-0426-4317-a642-1fb6cab27306"
/> |
| Multiple icons | <img width="558" alt="image"
src="https://github.com/user-attachments/assets/fe4be017-116d-4586-888d-0e81b0b0395e"
/> | <img width="557" alt="image"
src="https://github.com/user-attachments/assets/58ea3261-703e-4d17-906c-29ee5a40569f"
/> |

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

### Identify risks

Does this PR introduce any risks? For example, consider risks like hard
to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified
risk. Invite stakeholders and evaluate how to proceed before merging.

- [ ] [See some risk
examples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)
- [ ] ...

---------

Co-authored-by: Matthias Wilhelm <matthias.wilhelm@elastic.co>
(cherry picked from commit b4b49ac)
@kibanamachine
Copy link
Copy Markdown
Contributor

Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync.
cc: @AlexGPlay

1 similar comment
@kibanamachine
Copy link
Copy Markdown
Contributor

Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync.
cc: @AlexGPlay

@kibanamachine
Copy link
Copy Markdown
Contributor

Looks like this PR has a backport PR but it still hasn't been merged. Please merge it ASAP to keep the branches relatively in sync.
cc: @AlexGPlay

kibanamachine added a commit that referenced this pull request Jun 10, 2025
…220824) (#222323)

# Backport

This will backport the following commits from `main` to `8.19`:
- [[Discover] Add Actions header to unified data table (#214366)
(#220824)](#220824)

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

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

<!--BACKPORT [{"author":{"name":"Alejandro García
Parrondo","email":"31973472+AlexGPlay@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-06-03T10:06:52Z","message":"[Discover]
Add Actions header to unified data table (#214366) (#220824)\n\n##
Summary\n\nFor accesibility reasons we need to label all the headers. At
this point\nin time the actions from the unified data table have an
empty header,\nfor that we are grouping them in a column and labeling
them as\n\"Actions\".\n\n| Scenario | Before | After (only icon)
|\n|----------|--------|-----------------|\n| 1 icon | <img
width=\"1035\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/2884904b-42ce-432f-9cf7-90140c349ca2\"\n/>
| <img width=\"1036\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/84947522-0426-4317-a642-1fb6cab27306\"\n/>
|\n| Multiple icons | <img width=\"558\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/fe4be017-116d-4586-888d-0e81b0b0395e\"\n/>
| <img width=\"557\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/58ea3261-703e-4d17-906c-29ee5a40569f\"\n/>
|\n\n\n### Checklist\n\nCheck the PR satisfies following conditions.
\n\nReviewers should verify this PR satisfies this list as well.\n\n- [
] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[
]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [ ] If a plugin
configuration key changed, check if it needs to be\nallowlisted in the
cloud and added to the
[docker\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\n-
[ ] This was checked for breaking HTTP API changes, and any
breaking\nchanges have been approved by the breaking-change committee.
The\n`release_note:breaking` label should be applied in these
situations.\n- [ ] [Flaky
Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\nused on any tests changed\n- [ ] The PR description includes the
appropriate Release Notes section,\nand the correct `release_note:*`
label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n\n###
Identify risks\n\nDoes this PR introduce any risks? For example,
consider risks like hard\nto test bugs, performance regression,
potential of data loss.\n\nDescribe the risk, its severity, and
mitigation for each identified\nrisk. Invite stakeholders and evaluate
how to proceed before merging.\n\n- [ ] [See some
risk\nexamples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)\n-
[ ] ...\n\n---------\n\nCo-authored-by: Matthias Wilhelm
<matthias.wilhelm@elastic.co>","sha":"b4b49acb68b7460d970cec0c54990231ffd2e63c","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:DataDiscovery","backport:version","v9.1.0","v8.19.0"],"title":"[Discover]
Add Actions header to unified data table
(#214366)","number":220824,"url":"https://github.com/elastic/kibana/pull/220824","mergeCommit":{"message":"[Discover]
Add Actions header to unified data table (#214366) (#220824)\n\n##
Summary\n\nFor accesibility reasons we need to label all the headers. At
this point\nin time the actions from the unified data table have an
empty header,\nfor that we are grouping them in a column and labeling
them as\n\"Actions\".\n\n| Scenario | Before | After (only icon)
|\n|----------|--------|-----------------|\n| 1 icon | <img
width=\"1035\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/2884904b-42ce-432f-9cf7-90140c349ca2\"\n/>
| <img width=\"1036\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/84947522-0426-4317-a642-1fb6cab27306\"\n/>
|\n| Multiple icons | <img width=\"558\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/fe4be017-116d-4586-888d-0e81b0b0395e\"\n/>
| <img width=\"557\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/58ea3261-703e-4d17-906c-29ee5a40569f\"\n/>
|\n\n\n### Checklist\n\nCheck the PR satisfies following conditions.
\n\nReviewers should verify this PR satisfies this list as well.\n\n- [
] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[
]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [ ] If a plugin
configuration key changed, check if it needs to be\nallowlisted in the
cloud and added to the
[docker\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\n-
[ ] This was checked for breaking HTTP API changes, and any
breaking\nchanges have been approved by the breaking-change committee.
The\n`release_note:breaking` label should be applied in these
situations.\n- [ ] [Flaky
Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\nused on any tests changed\n- [ ] The PR description includes the
appropriate Release Notes section,\nand the correct `release_note:*`
label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n\n###
Identify risks\n\nDoes this PR introduce any risks? For example,
consider risks like hard\nto test bugs, performance regression,
potential of data loss.\n\nDescribe the risk, its severity, and
mitigation for each identified\nrisk. Invite stakeholders and evaluate
how to proceed before merging.\n\n- [ ] [See some
risk\nexamples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)\n-
[ ] ...\n\n---------\n\nCo-authored-by: Matthias Wilhelm
<matthias.wilhelm@elastic.co>","sha":"b4b49acb68b7460d970cec0c54990231ffd2e63c"}},"sourceBranch":"main","suggestedTargetBranches":["8.19"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/220824","number":220824,"mergeCommit":{"message":"[Discover]
Add Actions header to unified data table (#214366) (#220824)\n\n##
Summary\n\nFor accesibility reasons we need to label all the headers. At
this point\nin time the actions from the unified data table have an
empty header,\nfor that we are grouping them in a column and labeling
them as\n\"Actions\".\n\n| Scenario | Before | After (only icon)
|\n|----------|--------|-----------------|\n| 1 icon | <img
width=\"1035\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/2884904b-42ce-432f-9cf7-90140c349ca2\"\n/>
| <img width=\"1036\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/84947522-0426-4317-a642-1fb6cab27306\"\n/>
|\n| Multiple icons | <img width=\"558\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/fe4be017-116d-4586-888d-0e81b0b0395e\"\n/>
| <img width=\"557\"
alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/58ea3261-703e-4d17-906c-29ee5a40569f\"\n/>
|\n\n\n### Checklist\n\nCheck the PR satisfies following conditions.
\n\nReviewers should verify this PR satisfies this list as well.\n\n- [
] Any text added follows [EUI's
writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing),
uses\nsentence case text and includes
[i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n-
[
]\n[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)\nwas
added for features that require explanation or tutorials\n- [ ] [Unit or
functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere
updated or added to match the most common scenarios\n- [ ] If a plugin
configuration key changed, check if it needs to be\nallowlisted in the
cloud and added to the
[docker\nlist](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)\n-
[ ] This was checked for breaking HTTP API changes, and any
breaking\nchanges have been approved by the breaking-change committee.
The\n`release_note:breaking` label should be applied in these
situations.\n- [ ] [Flaky
Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1)
was\nused on any tests changed\n- [ ] The PR description includes the
appropriate Release Notes section,\nand the correct `release_note:*`
label is applied per
the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)\n\n###
Identify risks\n\nDoes this PR introduce any risks? For example,
consider risks like hard\nto test bugs, performance regression,
potential of data loss.\n\nDescribe the risk, its severity, and
mitigation for each identified\nrisk. Invite stakeholders and evaluate
how to proceed before merging.\n\n- [ ] [See some
risk\nexamples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)\n-
[ ] ...\n\n---------\n\nCo-authored-by: Matthias Wilhelm
<matthias.wilhelm@elastic.co>","sha":"b4b49acb68b7460d970cec0c54990231ffd2e63c"}},{"branch":"8.19","label":"v8.19.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

---------

Co-authored-by: Alejandro García Parrondo <31973472+AlexGPlay@users.noreply.github.com>
Co-authored-by: Matthias Wilhelm <matthias.wilhelm@elastic.co>
Co-authored-by: AlexGPlay <alex.garcia@elastic.co>
@kibanamachine kibanamachine removed the backport missing Added to PRs automatically when the are determined to be missing a backport. label Jun 10, 2025
nickpeihl pushed a commit to nickpeihl/kibana that referenced this pull request Jun 12, 2025
…lastic#220824)

## Summary

For accesibility reasons we need to label all the headers. At this point
in time the actions from the unified data table have an empty header,
for that we are grouping them in a column and labeling them as
"Actions".

| Scenario | Before | After (only icon) |
|----------|--------|-----------------|
| 1 icon | <img width="1035" alt="image"
src="https://github.com/user-attachments/assets/2884904b-42ce-432f-9cf7-90140c349ca2"
/> | <img width="1036" alt="image"
src="https://github.com/user-attachments/assets/84947522-0426-4317-a642-1fb6cab27306"
/> |
| Multiple icons | <img width="558" alt="image"
src="https://github.com/user-attachments/assets/fe4be017-116d-4586-888d-0e81b0b0395e"
/> | <img width="557" alt="image"
src="https://github.com/user-attachments/assets/58ea3261-703e-4d17-906c-29ee5a40569f"
/> |


### Checklist

Check the PR satisfies following conditions. 

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)

### Identify risks

Does this PR introduce any risks? For example, consider risks like hard
to test bugs, performance regression, potential of data loss.

Describe the risk, its severity, and mitigation for each identified
risk. Invite stakeholders and evaluate how to proceed before merging.

- [ ] [See some risk
examples](https://github.com/elastic/kibana/blob/main/RISK_MATRIX.mdx)
- [ ] ...

---------

Co-authored-by: Matthias Wilhelm <matthias.wilhelm@elastic.co>
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/kibana-accessibility (Project:Accessibility)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels Project:Accessibility release_note:fix Team:DataDiscovery Discover, search (data plugin and KQL), data views, saved searches. For ES|QL, use Team:ES|QL. t// v8.19.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

8 participants