Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Menu granular subcomponents: refactor Storybook #67632

Conversation

ciampo
Copy link
Contributor

@ciampo ciampo commented Dec 5, 2024

What?

In the context of #67422, refactor the Menu component's Storybook file to adhere to the new APIs

Why?

See #67422

How?

Refactor usages of the Menu component. See #67422 for more details on how to refactor from the old to the new APIs.

Testing Instructions

Make sure that all Menu's Storybook examples work as on trunk, while using the new sub-components and APIs.

Note

Note that test failures and potential build/runtime errors are expected while the various PR extracted from #67422 (as the current one) are not merged back into #67422 yet.

@ciampo ciampo changed the title MenuItem: add render and store props Menu: refactor Storybook using granular subcomponents Dec 5, 2024
@ciampo ciampo changed the title Menu: refactor Storybook using granular subcomponents Menu granular subcomponents: refactor Storybook Dec 5, 2024
@ciampo ciampo mentioned this pull request Dec 5, 2024
3 tasks
@ciampo ciampo self-assigned this Dec 5, 2024
@ciampo ciampo requested a review from a team December 5, 2024 21:20
@ciampo ciampo added [Type] Task Issues or PRs that have been broken down into an individual action to take [Package] Components /packages/components labels Dec 5, 2024
@ciampo ciampo marked this pull request as ready for review December 5, 2024 21:21
@ciampo ciampo requested a review from ajitbohra as a code owner December 5, 2024 21:21
Copy link

github-actions bot commented Dec 5, 2024

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

Copy link
Member

@tyxla tyxla left a comment

Choose a reason for hiding this comment

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

LGTM 👍

<Modal onRequestClose={ () => setModalOpen( false ) }>
<Modal
onRequestClose={ () => setModalOpen( false ) }
title="Menu inside modal"
Copy link
Member

Choose a reason for hiding this comment

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

Thanks for adding the title, that's a useful change 👍

@ciampo ciampo merged commit 639be02 into feat/menu-granular-trigger-components Dec 11, 2024
46 of 72 checks passed
@ciampo ciampo deleted the feat/menu-granular-components/storybook branch December 11, 2024 14:44
ciampo added a commit that referenced this pull request Dec 12, 2024
ciampo added a commit that referenced this pull request Dec 13, 2024
ciampo added a commit that referenced this pull request Dec 16, 2024
ciampo added a commit that referenced this pull request Dec 16, 2024
* MenuItem: add render and store props

* Extract sub-components: popover, trigger button, submenu trigger item

* Unit tests

* CHANGELOG

* Add more memory to node on CI

* Refactor block bindings panel menu (#67633)

Co-authored-by: ciampo <[email protected]>

* Storybook (#67632)

* Refactor dataviews item actions menu (#67636)

* Refactor dataviews view config menu (#67637)

* Refactor global styles shadows edit panel menu (#67641)

* Refactor global styles font size menus (#67642)

* Refactor "Add filter" dataviews menu (#67634)

* Menu granular subcomponents: Refactor dataviews list layout actions menu (#67639)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: oandregal <[email protected]>

* Menu granular subcomponents: Refactor dataviews table layout header menu (#67640)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: oandregal <[email protected]>

* Menu granular subcomponents: Refactor post actions menu (#67645)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>

* Better comments for submenu trigger store

* Typo

* Remove unnecessary MenuSubmenuTriggerItemProps type

* Don't break the rules of hooks 🪝

* Move CHANGELOG entry to unreleased section

* Add explicit MenuProps to improve TS performance

* Remove node memory settings

---------

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: mirka <[email protected]>
Co-authored-by: oandregal <[email protected]>
yogeshbhutkar pushed a commit to yogeshbhutkar/gutenberg that referenced this pull request Dec 18, 2024
* MenuItem: add render and store props

* Extract sub-components: popover, trigger button, submenu trigger item

* Unit tests

* CHANGELOG

* Add more memory to node on CI

* Refactor block bindings panel menu (WordPress#67633)

Co-authored-by: ciampo <[email protected]>

* Storybook (WordPress#67632)

* Refactor dataviews item actions menu (WordPress#67636)

* Refactor dataviews view config menu (WordPress#67637)

* Refactor global styles shadows edit panel menu (WordPress#67641)

* Refactor global styles font size menus (WordPress#67642)

* Refactor "Add filter" dataviews menu (WordPress#67634)

* Menu granular subcomponents: Refactor dataviews list layout actions menu (WordPress#67639)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: oandregal <[email protected]>

* Menu granular subcomponents: Refactor dataviews table layout header menu (WordPress#67640)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: oandregal <[email protected]>

* Menu granular subcomponents: Refactor post actions menu (WordPress#67645)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>

* Better comments for submenu trigger store

* Typo

* Remove unnecessary MenuSubmenuTriggerItemProps type

* Don't break the rules of hooks 🪝

* Move CHANGELOG entry to unreleased section

* Add explicit MenuProps to improve TS performance

* Remove node memory settings

---------

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: mirka <[email protected]>
Co-authored-by: oandregal <[email protected]>
yogeshbhutkar pushed a commit to yogeshbhutkar/gutenberg that referenced this pull request Dec 18, 2024
* MenuItem: add render and store props

* Extract sub-components: popover, trigger button, submenu trigger item

* Unit tests

* CHANGELOG

* Add more memory to node on CI

* Refactor block bindings panel menu (WordPress#67633)

Co-authored-by: ciampo <[email protected]>

* Storybook (WordPress#67632)

* Refactor dataviews item actions menu (WordPress#67636)

* Refactor dataviews view config menu (WordPress#67637)

* Refactor global styles shadows edit panel menu (WordPress#67641)

* Refactor global styles font size menus (WordPress#67642)

* Refactor "Add filter" dataviews menu (WordPress#67634)

* Menu granular subcomponents: Refactor dataviews list layout actions menu (WordPress#67639)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: oandregal <[email protected]>

* Menu granular subcomponents: Refactor dataviews table layout header menu (WordPress#67640)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: oandregal <[email protected]>

* Menu granular subcomponents: Refactor post actions menu (WordPress#67645)

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>

* Better comments for submenu trigger store

* Typo

* Remove unnecessary MenuSubmenuTriggerItemProps type

* Don't break the rules of hooks 🪝

* Move CHANGELOG entry to unreleased section

* Add explicit MenuProps to improve TS performance

* Remove node memory settings

---------

Co-authored-by: ciampo <[email protected]>
Co-authored-by: tyxla <[email protected]>
Co-authored-by: mirka <[email protected]>
Co-authored-by: oandregal <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Package] Components /packages/components [Type] Task Issues or PRs that have been broken down into an individual action to take
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants