elastic / elastic/eui

[EuiTable] Add `EuiTableUtilityBar` component

Open
#9,576 0 comments 0 reactions 1 assignee Claimed by @tkajtoch View on GitHub
Dominant language
TypeScript
Stars
6.4k
Forks
911
Avg merge
2d 11h
Merged PRs (30d)
65

Description

# Summary

As part of the tables sweep initiative, we want to add selection persistence to ``. The new `EuiTableUtilityBar` component is needed to render the selection information and necessary buttons.

# Acceptance criteria

* The new `EuiTableUtilityBar` component should be implemented following the design
* The component should provide generic, configurable space for the following:
* Pagination information - required, always visible text (e.g., `Showing 1-19 of many items`)
* Expandable _Selected_ button - visible when items are selected
* Expandable _Bulk actions_ button - visible when items are selected
* Clicking on the _Selected_ button should open a popover with the related actions:
* _Select all_ - optional
* _Clear selection_ - resets the selection state (and makes the _Selected_ and _Bulk actions_ buttons disappear)
* Clicking on the _Bulk actions_ button should open a popover with configurable actions

### Definition of Ready for Dev
- [ ] PRD Ready
- Link: {link}
- [ ] Design Ready
- Design issue: https://github.com/elastic/eui-private/issues/634 https://github.com/elastic/platform-ux-team/issues/1195
- Design spec: [Figma file](https://www.figma.com/design/tp7voheXFRrfzQRlPKNwy3/Tables-sweep?node-id=129-17809&p=f&ready-for-dev=1) [Panelled prop](https://www.figma.com/design/tp7voheXFRrfzQRlPKNwy3/Tables-sweep?m=dev&focus-id=158-19034) [Utility bar anatomy](https://www.figma.com/design/tp7voheXFRrfzQRlPKNwy3/Tables-sweep?m=dev&focus-id=146-18715)
- [ ] Estimated

### Definition of done

- [ ] Changes made in EUI
- PRs: {link}
- [ ] EUI, Figma, and Documentation updates published.
- Figma: {link}
- EUI: {link}
- Documentation: {link}
- [ ] Request issues resolved and stakeholders informed of release.
- Links: {link}
- [ ] Changes applied to Kibana
- Links: {link}
- [ ] EUI Beta issue created (if applicable)
- Link: {link}
- [ ] EUI [Deprecation schedule]([url](https://github.com/elastic/eui/issues/1469)) updated (if applicable)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.