Skip to content

fix(OverflowMenu): fix types#19158

Merged
kennylam merged 3 commits into
carbon-design-system:mainfrom
wkeese:fix-overflow-menu-props
Jun 26, 2025
Merged

fix(OverflowMenu): fix types#19158
kennylam merged 3 commits into
carbon-design-system:mainfrom
wkeese:fix-overflow-menu-props

Conversation

@wkeese

@wkeese wkeese commented Apr 17, 2025

Copy link
Copy Markdown
Contributor

Fix OverflowMenuProps to include properties that get passed through to IconButton, for example align, autoAlign, and tooltip.

The alternative is to list the properties manually, which is what #19131 did for the align prop, but not for the other props.

Relatedly, fix TableToolbarMenuProps to extend OverflowMenuProps. I also removed the aria-label as it's redundant with iconDescription.

Changelog

Changed

  • Fixed Typescript types of OverflowMenu and TableToolbar.

Testing / Reviewing

Built carbon, and also built my app with the new carbon.

@wkeese wkeese requested a review from a team as a code owner April 17, 2025 02:07
@wkeese wkeese requested review from a team, annawen1 and heloiselui April 17, 2025 02:07
@netlify

netlify Bot commented Apr 17, 2025

Copy link
Copy Markdown

Deploy Preview for v11-carbon-web-components ready!

Name Link
🔨 Latest commit 009cbd2
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-web-components/deploys/6830f8fcc8befb00081bbcec
😎 Deploy Preview https://deploy-preview-19158--v11-carbon-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Apr 17, 2025

Copy link
Copy Markdown

Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 26b685e
🔍 Latest deploy log https://app.netlify.com/projects/v11-carbon-react/deploys/6847cb5d097cab0008a16754
😎 Deploy Preview https://deploy-preview-19158--v11-carbon-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codecov

codecov Bot commented Apr 17, 2025

Copy link
Copy Markdown

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.65%. Comparing base (b6c700f) to head (26b685e).
Report is 92 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main   #19158   +/-   ##
=======================================
  Coverage   84.65%   84.65%           
=======================================
  Files         373      373           
  Lines       14715    14715           
  Branches     4796     4796           
=======================================
  Hits        12457    12457           
  Misses       2108     2108           
  Partials      150      150           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Fix OverflowMenuProps to include properties that get passed through
to IconButton, for example align, autoAlign, and tooltip.

Relatedly, fix TableToolbarMenuProps to extend OverflowMenuProps.
I also removed the aria-label as it's redundant with iconDescription.
@wkeese wkeese force-pushed the fix-overflow-menu-props branch from 8588779 to 0d42224 Compare May 23, 2025 22:22
PR #19131 added align manually but I changed it to inherit
from IconButtonProps (rather than repeating the definition).
@wkeese wkeese force-pushed the fix-overflow-menu-props branch from 9a54eed to 009cbd2 Compare May 23, 2025 22:38

@heloiselui heloiselui left a comment

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.

Looks good!

@kennylam kennylam added this pull request to the merge queue Jun 26, 2025
Merged via the queue into carbon-design-system:main with commit 5bbffc4 Jun 26, 2025
36 checks passed
heloiselui pushed a commit to guidari/carbon that referenced this pull request Jul 11, 2025
* fix(OverflowMenu): fix types

Fix OverflowMenuProps to include properties that get passed through
to IconButton, for example align, autoAlign, and tooltip.

Relatedly, fix TableToolbarMenuProps to extend OverflowMenuProps.
I also removed the aria-label as it's redundant with iconDescription.

* chore(OverflowMenu): align is inherited from IconButtonProps

PR carbon-design-system#19131 added align manually but I changed it to inherit
from IconButtonProps (rather than repeating the definition).

---------

Co-authored-by: Riddhi Bansal <41935566+riddhybansal@users.noreply.github.com>
AlexanderMelox pushed a commit to AlexanderMelox/carbon that referenced this pull request Apr 28, 2026
* fix(OverflowMenu): fix types

Fix OverflowMenuProps to include properties that get passed through
to IconButton, for example align, autoAlign, and tooltip.

Relatedly, fix TableToolbarMenuProps to extend OverflowMenuProps.
I also removed the aria-label as it's redundant with iconDescription.

* chore(OverflowMenu): align is inherited from IconButtonProps

PR carbon-design-system#19131 added align manually but I changed it to inherit
from IconButtonProps (rather than repeating the definition).

---------

Co-authored-by: Riddhi Bansal <41935566+riddhybansal@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants