Changeset 12387

Timestamp:

02/06/2023 08:48:59 PM (2 years ago)

Author:

ryelle

Message:

Pattern Directory: Sync with git WordPress/pattern-directory@3572db0

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns

Files:

• build/index.asset.php (modified) (1 diff)
• build/index.js (modified) (1 diff)
• src/components/pattern-grid-menu/index.js (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php

@@ -1 @@
-<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-primitives', 'wp-url'), 'version' => '42a9ac29ad61a2e7c839');
+<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-dom', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-primitives', 'wp-url'), 'version' => '04071bcc12587723b9b1');

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js

@@ -31 +31 @@
 (0,o.sprintf)((0,o.__)("Block Patterns by %s","wporg-patterns"),i)):c.push((0,o.__)("Block Pattern Directory","wporg-patterns")),s>1&&c.push(
 /* translators: Page number */
-(0,o.sprintf)((0,o.__)("Page %d","wporg-patterns"),s)),c.push((0,o.__)("WordPress.org","wporg-patterns")+` ${wporgLocale.displayName}`),c.join(" | ")}));return(0,a.useEffect)((()=>{t&&(document.title=t)}),[t]),null},or=function(){return(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("No results found","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createInterpolateElement)((0,o.__)("View <a>all block patterns</a> or browse some of our recent patterns.","wporg-patterns"),{a:(0,a.createElement)("a",{href:wporgPatternsUrl.site})})))},ir=e=>{let{options:t}=e;const{path:r,replace:n}=P(),i=(0,me.useViewportMatch)("medium",">=");return t?(0,a.createElement)("div",{className:"pattern-order-select"},(0,a.createElement)(fe.SelectControl,{label:(0,o.__)("Order by","wporg-patterns"),labelPosition:"side",hideLabelFromVision:i,value:(0,h.getQueryArg)(window.location.href,"orderby"),options:t,onChange:e=>{n((0,h.addQueryArgs)(r,{orderby:e}).replace(/\/page\/[\d]+/,""))}})):null},sr=()=>(0,a.createElement)(c,{className:"pattern-menu",style:{flexDirection:"row"}},Array(7).fill().map(((e,t)=>(0,a.createElement)(u,{key:t,height:"1.25rem",width:"5rem",marginRight:"1rem"})))),lr=e=>{let{current:t,isLoading:r,label:n=(0,o.__)("Main Menu","wporg-patterns"),onClick:i,options:s}=e;return r?(0,a.createElement)(sr,null):s.length?(0,a.createElement)("nav",null,(0,a.createElement)("h2",{className:"screen-reader-text"},n),(0,a.createElement)("ul",{className:"pattern-menu"},s.map((e=>(0,a.createElement)("li",{key:e.value},(0,a.createElement)("a",{className:kt()({"pattern-menu__item":!0,"is-active":t===e.slug}),href:e.value,onClick:i,"aria-current":t===e.slug?"page":void 0},e.label)))))):null},cr=e=>{let{onClick:t,options:r,label:n=(0,o.__)("Browse categories","wporg-patterns")}=e;const[i,s]=(0,a.useState)(!1);return(0,a.createElement)(fe.PanelBody,{className:"pattern-menu is-mobile",title:n,initialOpen:i,opened:i,onToggle:()=>s(!i)},(0,a.createElement)("ul",null,r.map((e=>(0,a.createElement)("li",{key:e.value},(0,a.createElement)("a",{href:e.value,onClick:e=>{s(!1),t(e)}},e.label))))))},ur=e=>(0,me.useViewportMatch)("medium","<")?(0,a.createElement)(cr,e):(0,a.createElement)(lr,e),pr=e=>{let{primary:t,secondary:r}=e;return(0,a.createElement)("div",{className:"pattern-navigation-layout"},t&&(0,a.createElement)("div",{className:"pattern-navigation-layout__primary"},t),r&&(0,a.createElement)("div",{className:"pattern-navigation-layout__secondary"},r))};const dr=["","buttons","columns","gallery","featured","header","footer","images","text","wireframe"];var gr=e=>{let{basePath:t="",onNavigation:r,...n}=e;const{path:i,update:l}=P(),{categorySlug:c,isLoading:u,options:p}=(0,s.useSelect)((e=>{var r;const{getCategoryById:n,getCategories:a,getQueryFromUrl:o,getUrlFromQuery:s,isLoadingCategories:l}=e(de),c=o(i);delete c.page;const u=(a()||[]).map((e=>!!dr.includes(e.slug)&&{value:s({...c,"pattern-categories":e.id},wporgPatternsUrl.site+t),slug:e.slug,label:e.name})).filter(Boolean);return{categorySlug:(null===(r=n(c["pattern-categories"]))||void 0===r?void 0:r.slug)||"",isLoading:l(),options:u}}));return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(pr,{primary:(0,a.createElement)(ur,{current:c,options:p||[],onClick:e=>{e.preventDefault(),l(e.target.pathname),"function"==typeof r&&r()},isLoading:u}),secondary:(0,a.createElement)(ir,{options:[{label:(0,o.__)("Newest","wporg-patterns"),value:"date"},{label:(0,o.__)("Popular","wporg-patterns"),value:"favorite_count"}]})}),(0,a.createElement)(nr,n))},mr=()=>{const{setCurrentQuery:e}=(0,s.useDispatch)(de),{path:t}=P(),r=(0,s.useSelect)((e=>e(de).getQueryFromUrl(t)),[t]);return tr((()=>{e(r)}),[r]),null},fr=window.wp.dom;function vr(){const e=(0,a.useRef)(),t=(0,a.useCallback)((()=>{if(null==e||!e.current)return;const t=fr.focus.tabbable.find(e.current),r=t[t.length-1]||!1;r&&r.focus(),r.focus()}),[]);return[e,t]}var hr=function(e){let{isLoggedIn:t}=e;const r=(0,h.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location}),n=(0,h.addQueryArgs)(wporgPatternsUrl.register,{redirect_to:window.location});return t?(0,a.createElement)("div",{className:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Tap the heart on any pattern to mark it as a favorite. All your favorite patterns will appear here.","wporg-patterns"))):(0,a.createElement)("div",{className:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Log in to your WordPress.org account and you’ll be able to see all your favorite patterns in one place.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:r},(0,o.__)("Log in","wporg-patterns"))),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button-link link-create-account",href:n},(0,o.__)("Create an account","wporg-patterns"))))};function _r(){const{path:e,update:t}=P();let r=y(e,"my-patterns");"page"===r&&(r="all");const n=[{value:`${wporgPatternsUrl.site}/my-patterns/`,slug:"all",label:(0,o.__)("All","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/draft/`,slug:"draft",label:(0,o.__)("Drafts","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/pending/`,slug:"pending",label:(0,o.__)("Pending Review","wporg-patterns")}];return(0,a.createElement)(ur,{label:(0,o.__)("Menu","wporg-patterns"),current:r||"all",options:n,onClick:e=>{e.preventDefault(),t(e.target.pathname)},isLoading:!1})}const yr=document.getElementById("patterns__container");yr&&(0,a.render)((0,a.createElement)((()=>{const{isEmpty:e,isSearch:t,query:r}=(0,s.useSelect)((e=>{const{getCurrentQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:n}=e(de),a=t(),o=a&&n(a),i=a?r(a):[];return{isEmpty:!o&&!i.length,isSearch:a&&!!a.search,query:a}})),[n,o]=vr();return(0,a.createElement)(b,null,(0,a.createElement)(ar,null),(0,a.createElement)(mr,null),(0,a.createElement)(Xt,null),(0,a.createElement)("div",{ref:n},t?(0,a.createElement)(nr,{query:r}):(0,a.createElement)(gr,{onNavigation:o})),e?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(or,null),(0,a.createElement)(ge,{query:{per_page:6},showPagination:!1},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(ge,{query:r,onNavigation:o},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),yr);const wr=document.getElementById("my-patterns__container");wr&&(0,a.render)((0,a.createElement)((()=>{const e=wporgPatternsData.userId,{isEmpty:t,query:r}=(0,s.useSelect)((t=>{const{getCurrentQuery:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=t(de),o={status:"any",...r()||{},author:e};"pending"===o.status&&(o.status="pending,pending-review");const i=e&&a(o),s=e?n(o):[];return{isEmpty:!i&&!s.length,query:o}}));if(!e){const e=(0,h.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return(0,a.createElement)("div",{className:"entry-content"},(0,a.createElement)("div",{className:"alignwide",style:{maxWidth:960}},(0,a.createElement)("p",null,(0,o.__)("Please log in to view your patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:e},(0,o.__)("Log in","wporg-patterns"))),(0,a.createElement)("div",{style:{height:100},"aria-hidden":"true",className:"wp-block-spacer"})))}return(0,a.createElement)(b,null,(0,a.createElement)(mr,null),(0,a.createElement)(pr,{primary:(0,a.createElement)(_r,null),secondary:(0,a.createElement)(ir,{options:[{label:(0,o.__)("Newest","wporg-patterns"),value:"date"},{label:(0,o.__)("Favorites","wporg-patterns"),value:"favorite_count"}]})}),t?(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Create and share patterns for every WordPress site.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Anyone can create and share patterns using the familiar block editor. Design helpful starting points for yourself and any WordPress site.","wporg-patterns")),(0,a.createElement)(fe.Button,{variant:"primary",href:`${wporgPatternsUrl.site}/new-pattern/`},(0,o.__)("Create your first pattern","wporg-patterns"))):(0,a.createElement)(ge,{query:r},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showOptions:!0}))))}),null),wr);const Er=document.getElementById("pattern-favorites__container");Er&&(0,a.render)((0,a.createElement)((()=>{const{isEmpty:e,query:t}=(0,s.useSelect)((e=>{const{getCurrentQuery:t,getFavorites:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=e(de),o=t()||{},i=r();if(null===i)return{query:!1,isEmpty:!1};const s={...o,include:i},l=!!i.length&&a(s),c=i.length?n(s):[];return{query:s,isEmpty:!l&&!c.length}})),[r,n]=vr(),i={orderby:"favorite_count",per_page:6};t["pattern-categories"]&&(i["pattern-categories"]=t["pattern-categories"]);const l=!!wporgPatternsData.userId;return(0,a.createElement)(b,null,(0,a.createElement)(mr,null),(0,a.createElement)("div",{ref:r},l&&(0,a.createElement)(gr,{basePath:"/favorites/",query:t,onNavigation:n,isEmpty:e})),!l||e?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(hr,{isLoggedIn:l}),(0,a.createElement)(ge,{header:(0,a.createElement)("h2",{className:"pattern-favorites__grid-title"},(0,o.__)("Here’s a few of our favorite patterns","wporg-patterns")),query:i,showPagination:!1},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(ge,{query:t,onNavigation:n},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),Er);const br=document.querySelectorAll(".pattern__container");for(let e=0;e<br.length;e++){const t=br[e],r=t.dataset;(0,a.render)((0,a.createElement)(Ht,r),t,(()=>{t.hidden=!1,document.querySelectorAll(".hide-if-pattern-loaded").forEach((e=>e.hidden=!0))}))}}()}();
+(0,o.sprintf)((0,o.__)("Page %d","wporg-patterns"),s)),c.push((0,o.__)("WordPress.org","wporg-patterns")+` ${wporgLocale.displayName}`),c.join(" | ")}));return(0,a.useEffect)((()=>{t&&(document.title=t)}),[t]),null},or=function(){return(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("No results found","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createInterpolateElement)((0,o.__)("View <a>all block patterns</a> or browse some of our recent patterns.","wporg-patterns"),{a:(0,a.createElement)("a",{href:wporgPatternsUrl.site})})))},ir=e=>{let{options:t}=e;const{path:r,replace:n}=P(),i=(0,me.useViewportMatch)("medium",">=");return t?(0,a.createElement)("div",{className:"pattern-order-select"},(0,a.createElement)(fe.SelectControl,{label:(0,o.__)("Order by","wporg-patterns"),labelPosition:"side",hideLabelFromVision:i,value:(0,h.getQueryArg)(window.location.href,"orderby"),options:t,onChange:e=>{n((0,h.addQueryArgs)(r,{orderby:e}).replace(/\/page\/[\d]+/,""))}})):null},sr=()=>(0,a.createElement)(c,{className:"pattern-menu",style:{flexDirection:"row"}},Array(7).fill().map(((e,t)=>(0,a.createElement)(u,{key:t,height:"1.25rem",width:"5rem",marginRight:"1rem"})))),lr=e=>{let{current:t,isLoading:r,label:n=(0,o.__)("Main Menu","wporg-patterns"),onClick:i,options:s}=e;return r?(0,a.createElement)(sr,null):s.length?(0,a.createElement)("nav",null,(0,a.createElement)("h2",{className:"screen-reader-text"},n),(0,a.createElement)("ul",{className:"pattern-menu"},s.map((e=>(0,a.createElement)("li",{key:e.value},(0,a.createElement)("a",{className:kt()({"pattern-menu__item":!0,"is-active":t===e.slug}),href:e.value,onClick:i,"aria-current":t===e.slug?"page":void 0},e.label)))))):null},cr=e=>{let{onClick:t,options:r,label:n=(0,o.__)("Browse categories","wporg-patterns")}=e;const[i,s]=(0,a.useState)(!1);return(0,a.createElement)(fe.PanelBody,{className:"pattern-menu is-mobile",title:n,initialOpen:i,opened:i,onToggle:()=>s(!i)},(0,a.createElement)("ul",null,r.map((e=>(0,a.createElement)("li",{key:e.value},(0,a.createElement)("a",{href:e.value,onClick:e=>{s(!1),t(e)}},e.label))))))},ur=e=>(0,me.useViewportMatch)("medium","<")?(0,a.createElement)(cr,e):(0,a.createElement)(lr,e),pr=e=>{let{primary:t,secondary:r}=e;return(0,a.createElement)("div",{className:"pattern-navigation-layout"},t&&(0,a.createElement)("div",{className:"pattern-navigation-layout__primary"},t),r&&(0,a.createElement)("div",{className:"pattern-navigation-layout__secondary"},r))};const dr=["","featured","query","text","gallery","call-to-action","banner","header","footer","wireframe"];var gr=e=>{let{basePath:t="",onNavigation:r,...n}=e;const{path:i,update:l}=P(),{categorySlug:c,isLoading:u,options:p}=(0,s.useSelect)((e=>{var r;const{getCategoryById:n,getCategories:a,getQueryFromUrl:o,getUrlFromQuery:s,isLoadingCategories:l}=e(de),c=o(i);delete c.page;const u=a()||[],p=dr.map((e=>{const r=u.find((t=>t.slug===e));return!!r&&{value:s({...c,"pattern-categories":r.id},wporgPatternsUrl.site+t),slug:r.slug,label:r.name}})).filter(Boolean);return{categorySlug:(null===(r=n(c["pattern-categories"]))||void 0===r?void 0:r.slug)||"",isLoading:l(),options:p}}));return(0,a.createElement)(a.Fragment,null,(0,a.createElement)(pr,{primary:(0,a.createElement)(ur,{current:c,options:p||[],onClick:e=>{e.preventDefault(),l(e.target.pathname),"function"==typeof r&&r()},isLoading:u}),secondary:(0,a.createElement)(ir,{options:[{label:(0,o.__)("Newest","wporg-patterns"),value:"date"},{label:(0,o.__)("Popular","wporg-patterns"),value:"favorite_count"}]})}),(0,a.createElement)(nr,n))},mr=()=>{const{setCurrentQuery:e}=(0,s.useDispatch)(de),{path:t}=P(),r=(0,s.useSelect)((e=>e(de).getQueryFromUrl(t)),[t]);return tr((()=>{e(r)}),[r]),null},fr=window.wp.dom;function vr(){const e=(0,a.useRef)(),t=(0,a.useCallback)((()=>{if(null==e||!e.current)return;const t=fr.focus.tabbable.find(e.current),r=t[t.length-1]||!1;r&&r.focus(),r.focus()}),[]);return[e,t]}var hr=function(e){let{isLoggedIn:t}=e;const r=(0,h.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location}),n=(0,h.addQueryArgs)(wporgPatternsUrl.register,{redirect_to:window.location});return t?(0,a.createElement)("div",{className:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Tap the heart on any pattern to mark it as a favorite. All your favorite patterns will appear here.","wporg-patterns"))):(0,a.createElement)("div",{className:"pattern-grid__empty-header pattern-favorites__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Collect and view your favorite patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Log in to your WordPress.org account and you’ll be able to see all your favorite patterns in one place.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:r},(0,o.__)("Log in","wporg-patterns"))),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button-link link-create-account",href:n},(0,o.__)("Create an account","wporg-patterns"))))};function _r(){const{path:e,update:t}=P();let r=y(e,"my-patterns");"page"===r&&(r="all");const n=[{value:`${wporgPatternsUrl.site}/my-patterns/`,slug:"all",label:(0,o.__)("All","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/draft/`,slug:"draft",label:(0,o.__)("Drafts","wporg-patterns")},{value:`${wporgPatternsUrl.site}/my-patterns/pending/`,slug:"pending",label:(0,o.__)("Pending Review","wporg-patterns")}];return(0,a.createElement)(ur,{label:(0,o.__)("Menu","wporg-patterns"),current:r||"all",options:n,onClick:e=>{e.preventDefault(),t(e.target.pathname)},isLoading:!1})}const yr=document.getElementById("patterns__container");yr&&(0,a.render)((0,a.createElement)((()=>{const{isEmpty:e,isSearch:t,query:r}=(0,s.useSelect)((e=>{const{getCurrentQuery:t,getPatternsByQuery:r,isLoadingPatternsByQuery:n}=e(de),a=t(),o=a&&n(a),i=a?r(a):[];return{isEmpty:!o&&!i.length,isSearch:a&&!!a.search,query:a}})),[n,o]=vr();return(0,a.createElement)(b,null,(0,a.createElement)(ar,null),(0,a.createElement)(mr,null),(0,a.createElement)(Xt,null),(0,a.createElement)("div",{ref:n},t?(0,a.createElement)(nr,{query:r}):(0,a.createElement)(gr,{onNavigation:o})),e?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(or,null),(0,a.createElement)(ge,{query:{per_page:6},showPagination:!1},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(ge,{query:r,onNavigation:o},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),yr);const wr=document.getElementById("my-patterns__container");wr&&(0,a.render)((0,a.createElement)((()=>{const e=wporgPatternsData.userId,{isEmpty:t,query:r}=(0,s.useSelect)((t=>{const{getCurrentQuery:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=t(de),o={status:"any",...r()||{},author:e};"pending"===o.status&&(o.status="pending,pending-review");const i=e&&a(o),s=e?n(o):[];return{isEmpty:!i&&!s.length,query:o}}));if(!e){const e=(0,h.addQueryArgs)(wporgPatternsUrl.login,{redirect_to:window.location});return(0,a.createElement)("div",{className:"entry-content"},(0,a.createElement)("div",{className:"alignwide",style:{maxWidth:960}},(0,a.createElement)("p",null,(0,o.__)("Please log in to view your patterns.","wporg-patterns")),(0,a.createElement)("p",null,(0,a.createElement)("a",{className:"button button-primary button-large",href:e},(0,o.__)("Log in","wporg-patterns"))),(0,a.createElement)("div",{style:{height:100},"aria-hidden":"true",className:"wp-block-spacer"})))}return(0,a.createElement)(b,null,(0,a.createElement)(mr,null),(0,a.createElement)(pr,{primary:(0,a.createElement)(_r,null),secondary:(0,a.createElement)(ir,{options:[{label:(0,o.__)("Newest","wporg-patterns"),value:"date"},{label:(0,o.__)("Favorites","wporg-patterns"),value:"favorite_count"}]})}),t?(0,a.createElement)("div",{className:"pattern-grid__empty-header"},(0,a.createElement)("h2",null,(0,o.__)("Create and share patterns for every WordPress site.","wporg-patterns")),(0,a.createElement)("p",null,(0,o.__)("Anyone can create and share patterns using the familiar block editor. Design helpful starting points for yourself and any WordPress site.","wporg-patterns")),(0,a.createElement)(fe.Button,{variant:"primary",href:`${wporgPatternsUrl.site}/new-pattern/`},(0,o.__)("Create your first pattern","wporg-patterns"))):(0,a.createElement)(ge,{query:r},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showOptions:!0}))))}),null),wr);const Er=document.getElementById("pattern-favorites__container");Er&&(0,a.render)((0,a.createElement)((()=>{const{isEmpty:e,query:t}=(0,s.useSelect)((e=>{const{getCurrentQuery:t,getFavorites:r,getPatternsByQuery:n,isLoadingPatternsByQuery:a}=e(de),o=t()||{},i=r();if(null===i)return{query:!1,isEmpty:!1};const s={...o,include:i},l=!!i.length&&a(s),c=i.length?n(s):[];return{query:s,isEmpty:!l&&!c.length}})),[r,n]=vr(),i={orderby:"favorite_count",per_page:6};t["pattern-categories"]&&(i["pattern-categories"]=t["pattern-categories"]);const l=!!wporgPatternsData.userId;return(0,a.createElement)(b,null,(0,a.createElement)(mr,null),(0,a.createElement)("div",{ref:r},l&&(0,a.createElement)(gr,{basePath:"/favorites/",query:t,onNavigation:n,isEmpty:e})),!l||e?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(hr,{isLoggedIn:l}),(0,a.createElement)(ge,{header:(0,a.createElement)("h2",{className:"pattern-favorites__grid-title"},(0,o.__)("Here’s a few of our favorite patterns","wporg-patterns")),query:i,showPagination:!1},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0})))):(0,a.createElement)(ge,{query:t,onNavigation:n},(e=>(0,a.createElement)(qt,{key:e.id,pattern:e,showAvatar:!0}))))}),null),Er);const br=document.querySelectorAll(".pattern__container");for(let e=0;e<br.length;e++){const t=br[e],r=t.dataset;(0,a.render)((0,a.createElement)(Ht,r),t,(()=>{t.hidden=!1,document.querySelectorAll(".hide-if-pattern-loaded").forEach((e=>e.hidden=!0))}))}}()}();

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-grid-menu/index.js

@@ -17 +17 @@
 const ALLOWED_CATS = [
     '', // All
-    'buttons',
-    'columns',
+    'featured',
+    'query', // Posts
+    'text',
     'gallery',
-    'featured',
+    'call-to-action',
+    'banner',
     'header',
     'footer',
-    'images',
-    'text',
     'wireframe',
 ];
@@ -36 +36 @@
         // Remove pagination, so we don't go from /page/2/ to /categories/images/page/2/.
         delete query.page;
-        const _options = ( getCategories() || [] )
-            .map( ( cat ) => {
-                if ( ! ALLOWED_CATS.includes( cat.slug ) ) {
-                    return false;
-                }
-                return {
-                    value: getUrlFromQuery(
-                        { ...query, 'pattern-categories': cat.id },
-                        wporgPatternsUrl.site + basePath
-                    ),
-                    slug: cat.slug,
-                    label: cat.name,
-                };
-            } )
-            .filter( Boolean );
+        const allCategories = getCategories() || [];
+        const _options = ALLOWED_CATS.map( ( slug ) => {
+            const category = allCategories.find( ( cat ) => cat.slug === slug );
+            if ( ! category ) {
+                return false;
+            }
+            return {
+                value: getUrlFromQuery(
+                    { ...query, 'pattern-categories': category.id },
+                    wporgPatternsUrl.site + basePath
+                ),
+                slug: category.slug,
+                label: category.name,
+            };
+        } ).filter( Boolean );
 
         return {