Site Editor - Pattern Categories - Add a filter in Gutenberg to extend the order

[miksansegundo]

What

Add a new filter to customize the order of categories and patterns in the editor.

The order of categories is alphabetical after WordPress/gutenberg#53835 was merged.

Category list in the pattern inserter

Category list in the patterns admin

Why

Because different projects using the editor have different needs.

The editor doesn't allow extending the sorting in:

• usePatternsCategories in inserter/block-patterns-tab.js
• usePatternsCategories in sidebar-navigation-screen-patterns/use-pattern-categories.js

How

Adding hooks/filters to customize the ordering will be useful for us in Dotcom and others too.

[miksansegundo]

@richtabor what do you think about adding this feature in core? I can create issues and maybe a PR too. cc: @Automattic/lego

[richtabor]

What order would dotCom use that shouldn't be used outside of dotCom? I'm not particularly convinced reordering is a good idea, but I may be convinced otherwise.

[miksansegundo]

Dotcom had the Featured category on top of the rest.

The alphabetical order works well, and I think that having the same order in Core and Dotcom is more user-friendly.

[richtabor]

Following up here a bit late, but what about if we get something like this in core, moving All, My Patterns and Featured into a group above the rest? Then everything below it is alphabetically ordered?

[miksansegundo]

Looks good to me 👍

[richtabor]

@miksansegundo mind writing up an issue in Gutenberg to propose the changes?

[miksansegundo]

Closing in favor of WordPress/gutenberg#60210