[EuiBasicTable] Ensure action button aria-label is unique

[mgadewoll]

Summary

closes #7883

This PR updates the aria-label on the CollapsedItemActions used in EuiBasicTable to add a reference to the current row to ensure the aria-label is unique and provides context.

Changes

• passes current row index as new prop displayedRowIndex on CollapsedItemActions to use in the aria-label on the actions button
• refactors usages of <EuiI18n> to use the useEuiI18n hook instead

Screenshots

QA

• review the DOM output in Storybook and verify action buttons have a reference to the current row, e.g. All actions, row 1
  • EuiBasicTable
  • EuiInMemoryTable

General checklist

• Browser QA
  • Checked in both light and dark modes
  • Checked in mobile
  • Checked in Chrome, Safari, Edge, and Firefox
  • Checked for accessibility including keyboard-only and screenreader modes
• Docs site QA
  • Added documentation
  • Props have proper autodocs (using @default if default values are missing) and playground toggles
  • Checked Code Sandbox works for any docs examples
• Code quality checklist
  • Added or updated jest and cypress tests
  • Updated visual regression tests
• Release checklist
  • A changelog entry exists and is marked appropriately.
  • If applicable, added the breaking change issue label (and filled out the breaking change checklist)
• Designer checklist
  • If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

[github-actions]

👋 Since this is a community submitted pull request, a Buildkite build has not been started automatically. Would an Elastic organization member please verify the contents of this pull request and kick off a build manually?

[elasticmachine]

💚 Build Succeeded

• Buildkite Build
• Commit: f3204e0

History

• 💚 Build #2673 succeeded b7e9b6e

[cee-chen]

🚀