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 dataviews item actions menu #67636

Conversation

ciampo
Copy link
Contributor

@ciampo ciampo commented Dec 5, 2024

What?

In the context of #67422, refactor the Menu component for the item actions dropdown menu in dataviews.

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

  • In the site editor, visit any page that renders dataviews layouts (for example, Templates)
  • Make sure that, regardless of the "layout" selected (list, table, grid), the dropdown menu(s) containing item actions work as on trunk

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.

Screenshot 2024-12-05 at 16 47 39

@ciampo ciampo mentioned this pull request Dec 5, 2024
3 tasks
@ciampo ciampo requested review from ntsekouras, t-hamano and a team December 5, 2024 21:23
@ciampo ciampo self-assigned this Dec 5, 2024
@ciampo ciampo added [Type] Task Issues or PRs that have been broken down into an individual action to take [Package] DataViews /packages/dataviews labels Dec 5, 2024
@ciampo ciampo marked this pull request as ready for review December 5, 2024 21:24
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: t-hamano <[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
Contributor

@t-hamano t-hamano left a comment

Choose a reason for hiding this comment

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

LGTM! Just to be sure, this PR targets #67422 and not trunk, and the following visual changes happening in this PR are expected, right?

template

@tyxla
Copy link
Member

tyxla commented Dec 9, 2024

Just to be sure, this PR targets #67422 and not trunk, and the following visual changes happening in this PR are expected, right?

This is my understanding, as well. These should be addressed in the feat/menu-granular-trigger-components feature branch once all these PRs are merged into it.

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.

Works well in my testing 👍

@ciampo ciampo merged commit 6078c61 into feat/menu-granular-trigger-components Dec 11, 2024
64 of 74 checks passed
@ciampo ciampo deleted the feat/menu-granular-components/dataviews-item-actions branch December 11, 2024 15:39
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] DataViews /packages/dataviews [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.

3 participants