Skip to content

UI: Add WithMenu component [3/3]#32494

Closed
Sidnioulz wants to merge 12 commits into
nextfrom
sidnioulz/issue-32249-tooltip-menu
Closed

UI: Add WithMenu component [3/3]#32494
Sidnioulz wants to merge 12 commits into
nextfrom
sidnioulz/issue-32249-tooltip-menu

Conversation

@Sidnioulz
Copy link
Copy Markdown
Contributor

Follows #32492
Follows #32493
Closes #32236

What I did

I added a WithMenu component and a MenuItem implementing @MichaelArestad's current mockups.

Caution

@ghengeveld @MichaelArestad we still need to discuss the API for using menus:

  • Are you happy with what's exposed?
  • How should we link menu triggers' decoration with the fact that the menu is open? We could use CSS attribute selectors and hardcode something inside Button if needed

Caution

Existing uses of Menu in our code have not yet been ported to this new API

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

  • stories
  • unit tests
  • integration tests
  • end-to-end tests

Manual testing

  1. Open Storybook
  2. Navigate to WithMenu stories and explore

Documentation

N/A

Checklist for Maintainers

  • When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli-storybook/src/sandbox-templates.ts

  • Make sure this PR contains one of the labels below:

    Available labels
    • bug: Internal changes that fixes incorrect behavior.
    • maintenance: User-facing maintenance tasks.
    • dependencies: Upgrading (sometimes downgrading) dependencies.
    • build: Internal-facing build tooling & test updates. Will not show up in release changelog.
    • cleanup: Minor cleanup style change. Will not show up in release changelog.
    • documentation: Documentation only changes. Will not show up in release changelog.
    • feature request: Introducing a new feature.
    • BREAKING CHANGE: Changes that break compatibility in some way with current major version.
    • other: Changes that don't fit in the above categories.

🦋 Canary release

This PR does not have a canary release associated. You can request a canary release of this pull request by mentioning the @storybookjs/core team here.

core team members can create a canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=<PR_NUMBER>

Sidnioulz and others added 12 commits September 5, 2025 14:02
* Select was created
* ToggleButton was created
* IconButton was removed in favor of Button
* Button and friends now require an ariaLabel and accept an optional ariaDescription
* Button and friends now provide tooltip and shortcut props
* All UI in the monorepo was ported to those changes
…tip-select-migration

UI: Migrate Select from Popper.js tooltip to react-aria overlay
…tip-filesearch-ui-cleanup

UI: Review FileSearchList tooltip behavior and align style with sidebar
… UI code

BREAKING CHANGE: The WithTooltip API has significantly changed, and adjacent components
WithTooltipPure and WithTooltipState were removed.
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Sep 17, 2025

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches
🧪 Generate unit tests
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch sidnioulz/issue-32249-tooltip-menu

Comment @coderabbitai help to get the list of available commands and usage tips.

@Sidnioulz Sidnioulz changed the title UI: Add WithMenu component UI: Add WithMenu component [3/3] Sep 17, 2025
@Sidnioulz Sidnioulz added the maintenance User-facing maintenance tasks label Sep 17, 2025
@nx-cloud
Copy link
Copy Markdown

nx-cloud Bot commented Sep 17, 2025

View your CI Pipeline Execution ↗ for commit 22a7c27

Command Status Duration Result
nx run-many -t build --parallel=3 ✅ Succeeded 44s View ↗

☁️ Nx Cloud last updated this comment at 2025-09-17 17:13:54 UTC

@Sidnioulz Sidnioulz force-pushed the a11y-consolidation branch 3 times, most recently from 166c0f2 to d291255 Compare September 18, 2025 21:47
Base automatically changed from a11y-consolidation to next November 12, 2025 11:06
@valentinpalkovic
Copy link
Copy Markdown
Contributor

This PR is quite out of date and has a ton of merge conflicts. I am closing it due to inactivity. Please feel free to reopen if you want to continue on it!

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

Labels

maintenance User-facing maintenance tasks

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[A11y]: The sidebar menu should be audited

2 participants