@wordpress/edit-site 5.18.1-next.5a1d1283.0 → 5.19.1

package/build-module/components/page-patterns/duplicate-menu-item.js

@@ -12,22 +12,23 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 /**
  * Internal dependencies
  */
-import { TEMPLATE_PARTS, PATTERNS, SYNC_TYPES, USER_PATTERNS, USER_PATTERN_CATEGORY } from './utils';
+import { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES, PATTERN_SYNC_TYPES } from '../../utils/constants';
 import { useExistingTemplateParts, getUniqueTemplatePartTitle, getCleanTemplatePartSlug } from '../../utils/template-part-create';
 import { unlock } from '../../lock-unlock';
+import usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';
 const {
   useHistory
 } = unlock(routerPrivateApis);
 function getPatternMeta(item) {
-  if (item.type === PATTERNS) {
+  if (item.type === PATTERN_TYPES.theme) {
     return {
-      wp_pattern_sync_status: SYNC_TYPES.unsynced
+      wp_pattern_sync_status: PATTERN_SYNC_TYPES.unsynced
     };
   }
-  const syncStatus = item.reusableBlock.wp_pattern_sync_status;
-  const isUnsynced = syncStatus === SYNC_TYPES.unsynced;
+  const syncStatus = item.patternBlock.wp_pattern_sync_status;
+  const isUnsynced = syncStatus === PATTERN_SYNC_TYPES.unsynced;
   return {
-    ...item.reusableBlock.meta,
+    ...item.patternBlock.meta,
     wp_pattern_sync_status: isUnsynced ? syncStatus : undefined
   };
 }
@@ -38,7 +39,8 @@ export default function DuplicateMenuItem({
   onClose
 }) {
   const {
-    saveEntityRecord
+    saveEntityRecord,
+    invalidateResolution
   } = useDispatch(coreStore);
   const {
     createErrorNotice,
@@ -46,6 +48,9 @@ export default function DuplicateMenuItem({
   } = useDispatch(noticesStore);
   const history = useHistory();
   const existingTemplateParts = useExistingTemplateParts();
+  const {
+    patternCategories
+  } = usePatternCategories();
   async function createTemplatePart() {
     try {
       const copiedTitle = sprintf( /* translators: %s: Existing template part title */
@@ -56,7 +61,7 @@ export default function DuplicateMenuItem({
         area,
         content
       } = item.templatePart;
-      const result = await saveEntityRecord('postType', 'wp_template_part', {
+      const result = await saveEntityRecord('postType', TEMPLATE_PART_POST_TYPE, {
         slug,
         title,
         content,
@@ -71,9 +76,9 @@ export default function DuplicateMenuItem({
         id: 'edit-site-patterns-success'
       });
       history.push({
-        postType: TEMPLATE_PARTS,
+        postType: TEMPLATE_PART_POST_TYPE,
         postId: result?.id,
-        categoryType: TEMPLATE_PARTS,
+        categoryType: TEMPLATE_PART_POST_TYPE,
         categoryId
       });
       onClose();
@@ -86,29 +91,59 @@ export default function DuplicateMenuItem({
       onClose();
     }
   }
+  async function findOrCreateTerm(term) {
+    try {
+      const newTerm = await saveEntityRecord('taxonomy', 'wp_pattern_category', {
+        name: term.label,
+        slug: term.name,
+        description: term.description
+      }, {
+        throwOnError: true
+      });
+      invalidateResolution('getUserPatternCategories');
+      return newTerm.id;
+    } catch (error) {
+      if (error.code !== 'term_exists') {
+        throw error;
+      }
+      return error.data.term_id;
+    }
+  }
+  async function getCategories(categories) {
+    const terms = categories.map(category => {
+      const fullCategory = patternCategories.find(cat => cat.name === category);
+      if (fullCategory.id) {
+        return fullCategory.id;
+      }
+      return findOrCreateTerm(fullCategory);
+    });
+    return Promise.all(terms);
+  }
   async function createPattern() {
     try {
-      const isThemePattern = item.type === PATTERNS;
+      const isThemePattern = item.type === PATTERN_TYPES.theme;
       const title = sprintf( /* translators: %s: Existing pattern title */
-      __('%s (Copy)'), item.title);
-      const result = await saveEntityRecord('postType', 'wp_block', {
-        content: isThemePattern ? item.content : item.reusableBlock.content,
+      __('%s (Copy)'), item.title || item.name);
+      const categories = await getCategories(item.categories || []);
+      const result = await saveEntityRecord('postType', PATTERN_TYPES.user, {
+        content: isThemePattern ? item.content : item.patternBlock.content,
         meta: getPatternMeta(item),
         status: 'publish',
-        title
+        title,
+        wp_pattern_category: categories
       }, {
         throwOnError: true
       });
       createSuccessNotice(sprintf(
       // translators: %s: The new pattern's title e.g. 'Call to action (copy)'.
-      __('"%s" duplicated.'), item.title), {
+      __('"%s" duplicated.'), item.title || item.name), {
         type: 'snackbar',
         id: 'edit-site-patterns-success'
       });
       history.push({
-        categoryType: USER_PATTERNS,
-        categoryId: USER_PATTERN_CATEGORY,
-        postType: USER_PATTERNS,
+        categoryType: PATTERN_TYPES.theme,
+        categoryId,
+        postType: PATTERN_TYPES.user,
         postId: result?.id
       });
       onClose();
@@ -121,7 +156,7 @@ export default function DuplicateMenuItem({
       onClose();
     }
   }
-  const createItem = item.type === TEMPLATE_PARTS ? createTemplatePart : createPattern;
+  const createItem = item.type === TEMPLATE_PART_POST_TYPE ? createTemplatePart : createPattern;
   return createElement(MenuItem, {
     onClick: createItem
   }, label);

package/build-module/components/page-patterns/duplicate-menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["MenuItem","store","coreStore","useDispatch","__","sprintf","noticesStore","privateApis","routerPrivateApis","TEMPLATE_PARTS","PATTERNS","SYNC_TYPES","USER_PATTERNS","USER_PATTERN_CATEGORY","useExistingTemplateParts","getUniqueTemplatePartTitle","getCleanTemplatePartSlug","unlock","useHistory","getPatternMeta","item","type","wp_pattern_sync_status","unsynced","syncStatus","reusableBlock","isUnsynced","meta","undefined","DuplicateMenuItem","categoryId","label","onClose","saveEntityRecord","createErrorNotice","createSuccessNotice","history","existingTemplateParts","createTemplatePart","copiedTitle","title","slug","area","content","templatePart","result","throwOnError","id","push","postType","postId","categoryType","error","errorMessage","message","code","createPattern","isThemePattern","status","createItem","createElement","onClick"],"sources":["@wordpress/edit-site/src/components/page-patterns/duplicate-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PARTS,\n\tPATTERNS,\n\tSYNC_TYPES,\n\tUSER_PATTERNS,\n\tUSER_PATTERN_CATEGORY,\n} from './utils';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction getPatternMeta( item ) {\n\tif ( item.type === PATTERNS ) {\n\t\treturn { wp_pattern_sync_status: SYNC_TYPES.unsynced };\n\t}\n\n\tconst syncStatus = item.reusableBlock.wp_pattern_sync_status;\n\tconst isUnsynced = syncStatus === SYNC_TYPES.unsynced;\n\n\treturn {\n\t\t...item.reusableBlock.meta,\n\t\twp_pattern_sync_status: isUnsynced ? syncStatus : undefined,\n\t};\n}\n\nexport default function DuplicateMenuItem( {\n\tcategoryId,\n\titem,\n\tlabel = __( 'Duplicate' ),\n\tonClose,\n} ) {\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst history = useHistory();\n\tconst existingTemplateParts = useExistingTemplateParts();\n\n\tasync function createTemplatePart() {\n\t\ttry {\n\t\t\tconst copiedTitle = sprintf(\n\t\t\t\t/* translators: %s: Existing template part title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\t\t\tconst title = getUniqueTemplatePartTitle(\n\t\t\t\tcopiedTitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst slug = getCleanTemplatePartSlug( title );\n\t\t\tconst { area, content } = item.templatePart;\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\t{ slug, title, content, area },\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new template part's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tpostType: TEMPLATE_PARTS,\n\t\t\t\tpostId: result?.id,\n\t\t\t\tcategoryType: TEMPLATE_PARTS,\n\t\t\t\tcategoryId,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tasync function createPattern() {\n\t\ttry {\n\t\t\tconst isThemePattern = item.type === PATTERNS;\n\t\t\tconst title = sprintf(\n\t\t\t\t/* translators: %s: Existing pattern title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_block',\n\t\t\t\t{\n\t\t\t\t\tcontent: isThemePattern\n\t\t\t\t\t\t? item.content\n\t\t\t\t\t\t: item.reusableBlock.content,\n\t\t\t\t\tmeta: getPatternMeta( item ),\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\ttitle,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new pattern's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tcategoryType: USER_PATTERNS,\n\t\t\t\tcategoryId: USER_PATTERN_CATEGORY,\n\t\t\t\tpostType: USER_PATTERNS,\n\t\t\t\tpostId: result?.id,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst createItem =\n\t\titem.type === TEMPLATE_PARTS ? createTemplatePart : createPattern;\n\n\treturn <MenuItem onClick={ createItem }>{ label }</MenuItem>;\n}\n"],"mappings":"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"}
+{"version":3,"names":["MenuItem","store","coreStore","useDispatch","__","sprintf","noticesStore","privateApis","routerPrivateApis","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","PATTERN_SYNC_TYPES","useExistingTemplateParts","getUniqueTemplatePartTitle","getCleanTemplatePartSlug","unlock","usePatternCategories","useHistory","getPatternMeta","item","type","theme","wp_pattern_sync_status","unsynced","syncStatus","patternBlock","isUnsynced","meta","undefined","DuplicateMenuItem","categoryId","label","onClose","saveEntityRecord","invalidateResolution","createErrorNotice","createSuccessNotice","history","existingTemplateParts","patternCategories","createTemplatePart","copiedTitle","title","slug","area","content","templatePart","result","throwOnError","id","push","postType","postId","categoryType","error","errorMessage","message","code","findOrCreateTerm","term","newTerm","name","description","data","term_id","getCategories","categories","terms","map","category","fullCategory","find","cat","Promise","all","createPattern","isThemePattern","user","status","wp_pattern_category","createItem","createElement","onClick"],"sources":["@wordpress/edit-site/src/components/page-patterns/duplicate-menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuItem } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\nimport { unlock } from '../../lock-unlock';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction getPatternMeta( item ) {\n\tif ( item.type === PATTERN_TYPES.theme ) {\n\t\treturn { wp_pattern_sync_status: PATTERN_SYNC_TYPES.unsynced };\n\t}\n\n\tconst syncStatus = item.patternBlock.wp_pattern_sync_status;\n\tconst isUnsynced = syncStatus === PATTERN_SYNC_TYPES.unsynced;\n\n\treturn {\n\t\t...item.patternBlock.meta,\n\t\twp_pattern_sync_status: isUnsynced ? syncStatus : undefined,\n\t};\n}\n\nexport default function DuplicateMenuItem( {\n\tcategoryId,\n\titem,\n\tlabel = __( 'Duplicate' ),\n\tonClose,\n} ) {\n\tconst { saveEntityRecord, invalidateResolution } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst history = useHistory();\n\tconst existingTemplateParts = useExistingTemplateParts();\n\tconst { patternCategories } = usePatternCategories();\n\n\tasync function createTemplatePart() {\n\t\ttry {\n\t\t\tconst copiedTitle = sprintf(\n\t\t\t\t/* translators: %s: Existing template part title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title\n\t\t\t);\n\t\t\tconst title = getUniqueTemplatePartTitle(\n\t\t\t\tcopiedTitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst slug = getCleanTemplatePartSlug( title );\n\t\t\tconst { area, content } = item.templatePart;\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t{ slug, title, content, area },\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new template part's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tpostType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tpostId: result?.id,\n\t\t\t\tcategoryType: TEMPLATE_PART_POST_TYPE,\n\t\t\t\tcategoryId,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tasync function findOrCreateTerm( term ) {\n\t\ttry {\n\t\t\tconst newTerm = await saveEntityRecord(\n\t\t\t\t'taxonomy',\n\t\t\t\t'wp_pattern_category',\n\t\t\t\t{\n\t\t\t\t\tname: term.label,\n\t\t\t\t\tslug: term.name,\n\t\t\t\t\tdescription: term.description,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tthrowOnError: true,\n\t\t\t\t}\n\t\t\t);\n\t\t\tinvalidateResolution( 'getUserPatternCategories' );\n\t\t\treturn newTerm.id;\n\t\t} catch ( error ) {\n\t\t\tif ( error.code !== 'term_exists' ) {\n\t\t\t\tthrow error;\n\t\t\t}\n\n\t\t\treturn error.data.term_id;\n\t\t}\n\t}\n\n\tasync function getCategories( categories ) {\n\t\tconst terms = categories.map( ( category ) => {\n\t\t\tconst fullCategory = patternCategories.find(\n\t\t\t\t( cat ) => cat.name === category\n\t\t\t);\n\t\t\tif ( fullCategory.id ) {\n\t\t\t\treturn fullCategory.id;\n\t\t\t}\n\t\t\treturn findOrCreateTerm( fullCategory );\n\t\t} );\n\n\t\treturn Promise.all( terms );\n\t}\n\n\tasync function createPattern() {\n\t\ttry {\n\t\t\tconst isThemePattern = item.type === PATTERN_TYPES.theme;\n\t\t\tconst title = sprintf(\n\t\t\t\t/* translators: %s: Existing pattern title */\n\t\t\t\t__( '%s (Copy)' ),\n\t\t\t\titem.title || item.name\n\t\t\t);\n\t\t\tconst categories = await getCategories( item.categories || [] );\n\n\t\t\tconst result = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tPATTERN_TYPES.user,\n\t\t\t\t{\n\t\t\t\t\tcontent: isThemePattern\n\t\t\t\t\t\t? item.content\n\t\t\t\t\t\t: item.patternBlock.content,\n\t\t\t\t\tmeta: getPatternMeta( item ),\n\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\ttitle,\n\t\t\t\t\twp_pattern_category: categories,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The new pattern's title e.g. 'Call to action (copy)'.\n\t\t\t\t\t__( '\"%s\" duplicated.' ),\n\t\t\t\t\titem.title || item.name\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tid: 'edit-site-patterns-success',\n\t\t\t\t}\n\t\t\t);\n\n\t\t\thistory.push( {\n\t\t\t\tcategoryType: PATTERN_TYPES.theme,\n\t\t\t\tcategoryId,\n\t\t\t\tpostType: PATTERN_TYPES.user,\n\t\t\t\tpostId: result?.id,\n\t\t\t} );\n\n\t\t\tonClose();\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while creating the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst createItem =\n\t\titem.type === TEMPLATE_PART_POST_TYPE\n\t\t\t? createTemplatePart\n\t\t\t: createPattern;\n\n\treturn <MenuItem onClick={ createItem }>{ label }</MenuItem>;\n}\n"],"mappings":"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"}

package/build-module/components/page-patterns/grid-item.js

@@ -3,11 +3,13 @@ import { createElement } from "@wordpress/element";
  * External dependencies
  */
 import classnames from 'classnames';
+import downloadjs from 'downloadjs';
+import { paramCase as kebabCase } from 'change-case';
 
 /**
  * WordPress dependencies
  */
-import { BlockPreview } from '@wordpress/block-editor';
+import { BlockPreview, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { Button, __experimentalConfirmDialog as ConfirmDialog, DropdownMenu, MenuGroup, MenuItem, __experimentalHeading as Heading, __experimentalHStack as HStack, Tooltip, Flex } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
 import { useState, useId, memo } from '@wordpress/element';
@@ -21,9 +23,13 @@ import { store as reusableBlocksStore } from '@wordpress/reusable-blocks';
  */
 import RenameMenuItem from './rename-menu-item';
 import DuplicateMenuItem from './duplicate-menu-item';
-import { PATTERNS, TEMPLATE_PARTS, USER_PATTERNS, SYNC_TYPES } from './utils';
+import { PATTERN_TYPES, TEMPLATE_PART_POST_TYPE, PATTERN_SYNC_TYPES } from '../../utils/constants';
 import { store as editSiteStore } from '../../store';
 import { useLink } from '../routes/link';
+import { unlock } from '../../lock-unlock';
+const {
+  useGlobalStyle
+} = unlock(blockEditorPrivateApis);
 const templatePartIcons = {
   header,
   footer,
@@ -36,6 +42,7 @@ function GridItem({
 }) {
   const descriptionId = useId();
   const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
+  const [backgroundColor] = useGlobalStyle('color.background');
   const {
     removeTemplate
   } = useDispatch(editSiteStore);
@@ -46,16 +53,16 @@ function GridItem({
     createErrorNotice,
     createSuccessNotice
   } = useDispatch(noticesStore);
-  const isUserPattern = item.type === USER_PATTERNS;
-  const isNonUserPattern = item.type === PATTERNS;
-  const isTemplatePart = item.type === TEMPLATE_PARTS;
+  const isUserPattern = item.type === PATTERN_TYPES.user;
+  const isNonUserPattern = item.type === PATTERN_TYPES.theme;
+  const isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;
   const {
     onClick
   } = useLink({
     postType: item.type,
     postId: isUserPattern ? item.id : item.name,
     categoryId,
-    categoryType: item.type
+    categoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme
   });
   const isEmpty = !item.blocks?.length;
   const patternClassNames = classnames('edit-site-patterns__pattern', {
@@ -82,6 +89,15 @@ function GridItem({
     }
   };
   const deleteItem = () => isTemplatePart ? removeTemplate(item) : deletePattern();
+  const exportAsJSON = () => {
+    const json = {
+      __file: item.type,
+      title: item.title || item.name,
+      content: item.patternBlock.content.raw,
+      syncStatus: item.patternBlock.wp_pattern_sync_status
+    };
+    return downloadjs(JSON.stringify(json, null, 2), `${kebabCase(item.title || item.name)}.json`, 'application/json');
+  };
 
   // Only custom patterns or custom template parts can be renamed or deleted.
   const isCustomPattern = isUserPattern || isTemplatePart && item.isCustom;
@@ -96,11 +112,19 @@ function GridItem({
   if (isNonUserPattern) {
     ariaDescriptions.push(__('Theme & plugin patterns cannot be edited.'));
   }
-  const itemIcon = templatePartIcons[categoryId] || (item.syncStatus === SYNC_TYPES.full ? symbol : undefined);
+  let itemIcon;
+  if (!isUserPattern && templatePartIcons[categoryId]) {
+    itemIcon = templatePartIcons[categoryId];
+  } else {
+    itemIcon = item.syncStatus === PATTERN_SYNC_TYPES.full ? symbol : undefined;
+  }
   const confirmButtonText = hasThemeFile ? __('Clear') : __('Delete');
   const confirmPrompt = hasThemeFile ? __('Are you sure you want to clear these customizations?') : sprintf(
   // translators: %s: The pattern or template part's title e.g. 'Call to action'.
-  __('Are you sure you want to delete "%s"?'), item.title);
+  __('Are you sure you want to delete "%s"?'), item.title || item.name);
+  const additionalStyles = !backgroundColor ? [{
+    css: 'body { background: #fff; }'
+  }] : undefined;
   return createElement("li", {
     className: patternClassNames
   }, createElement("button", {
@@ -110,12 +134,13 @@ function GridItem({
     ,
     id: `edit-site-patterns-${item.name}`,
     ...props,
-    onClick: item.type !== PATTERNS ? onClick : undefined,
-    "aria-disabled": item.type !== PATTERNS ? 'false' : 'true',
+    onClick: item.type !== PATTERN_TYPES.theme ? onClick : undefined,
+    "aria-disabled": item.type !== PATTERN_TYPES.theme ? 'false' : 'true',
     "aria-label": item.title,
     "aria-describedby": ariaDescriptions.length ? ariaDescriptions.map((_, index) => `${descriptionId}-${index}`).join(' ') : undefined
-  }, isEmpty && __('Empty pattern'), !isEmpty && createElement(BlockPreview, {
-    blocks: item.blocks
+  }, isEmpty && isTemplatePart && __('Empty template part'), isEmpty && !isTemplatePart && __('Empty pattern'), !isEmpty && createElement(BlockPreview, {
+    blocks: item.blocks,
+    additionalStyles: additionalStyles
   })), ariaDescriptions.map((ariaDescription, index) => createElement("div", {
     key: index,
     hidden: true,
@@ -129,16 +154,16 @@ function GridItem({
     spacing: 3,
     className: "edit-site-patterns__pattern-title"
   }, itemIcon && !isNonUserPattern && createElement(Tooltip, {
-    position: "top center",
+    placement: "top",
     text: __('Editing this pattern will also update anywhere it is used')
-  }, createElement("span", null, createElement(Icon, {
+  }, createElement(Icon, {
     className: "edit-site-patterns__pattern-icon",
     icon: itemIcon
-  }))), createElement(Flex, {
+  })), createElement(Flex, {
     as: "span",
     gap: 0,
     justify: "left"
-  }, item.type === PATTERNS ? item.title : createElement(Heading, {
+  }, item.type === PATTERN_TYPES.theme ? item.title : createElement(Heading, {
     level: 5
   }, createElement(Button, {
     variant: "link",
@@ -147,15 +172,14 @@ function GridItem({
     // See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.
     ,
     tabIndex: "-1"
-  }, item.title)), item.type === PATTERNS && createElement(Tooltip, {
-    position: "top center",
+  }, item.title || item.name)), item.type === PATTERN_TYPES.theme && createElement(Tooltip, {
+    placement: "top",
     text: __('This pattern cannot be edited.')
-  }, createElement("span", {
-    className: "edit-site-patterns__pattern-lock-icon"
   }, createElement(Icon, {
+    className: "edit-site-patterns__pattern-lock-icon",
     icon: lockSmall,
     size: 24
-  }))))), createElement(DropdownMenu, {
+  })))), createElement(DropdownMenu, {
     icon: moreVertical,
     label: __('Actions'),
     className: "edit-site-patterns__dropdown",
@@ -176,8 +200,10 @@ function GridItem({
     categoryId: categoryId,
     item: item,
     onClose: onClose,
-    label: isNonUserPattern ? __('Copy to My patterns') : __('Duplicate')
-  }), isCustomPattern && createElement(MenuItem, {
+    label: __('Duplicate')
+  }), item.type === PATTERN_TYPES.user && createElement(MenuItem, {
+    onClick: () => exportAsJSON()
+  }, __('Export as JSON')), isCustomPattern && createElement(MenuItem, {
     isDestructive: !hasThemeFile,
     onClick: () => setIsDeleteDialogOpen(true)
   }, hasThemeFile ? __('Clear customizations') : __('Delete'))))), isDeleteDialogOpen && createElement(ConfirmDialog, {

package/build-module/components/page-patterns/grid-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","BlockPreview","Button","__experimentalConfirmDialog","ConfirmDialog","DropdownMenu","MenuGroup","MenuItem","__experimentalHeading","Heading","__experimentalHStack","HStack","Tooltip","Flex","useDispatch","useState","useId","memo","__","sprintf","Icon","header","footer","symbolFilled","uncategorized","symbol","moreVertical","lockSmall","store","noticesStore","reusableBlocksStore","RenameMenuItem","DuplicateMenuItem","PATTERNS","TEMPLATE_PARTS","USER_PATTERNS","SYNC_TYPES","editSiteStore","useLink","templatePartIcons","GridItem","categoryId","item","props","descriptionId","isDeleteDialogOpen","setIsDeleteDialogOpen","removeTemplate","__experimentalDeleteReusableBlock","createErrorNotice","createSuccessNotice","isUserPattern","type","isNonUserPattern","isTemplatePart","onClick","postType","postId","id","name","categoryType","isEmpty","blocks","length","patternClassNames","previewClassNames","deletePattern","title","error","errorMessage","message","code","deleteItem","isCustomPattern","isCustom","hasThemeFile","templatePart","has_theme_file","ariaDescriptions","push","description","itemIcon","syncStatus","full","undefined","confirmButtonText","confirmPrompt","createElement","className","map","_","index","join","ariaDescription","key","hidden","justify","alignment","spacing","position","text","icon","as","gap","level","variant","tabIndex","size","label","popoverProps","placement","toggleProps","describedBy","onClose","isDestructive","onConfirm","onCancel"],"sources":["@wordpress/edit-site/src/components/page-patterns/grid-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport {\n\tButton,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useId, memo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tIcon,\n\theader,\n\tfooter,\n\tsymbolFilled as uncategorized,\n\tsymbol,\n\tmoreVertical,\n\tlockSmall,\n} from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\n\n/**\n * Internal dependencies\n */\nimport RenameMenuItem from './rename-menu-item';\nimport DuplicateMenuItem from './duplicate-menu-item';\nimport { PATTERNS, TEMPLATE_PARTS, USER_PATTERNS, SYNC_TYPES } from './utils';\nimport { store as editSiteStore } from '../../store';\nimport { useLink } from '../routes/link';\n\nconst templatePartIcons = { header, footer, uncategorized };\n\nfunction GridItem( { categoryId, item, ...props } ) {\n\tconst descriptionId = useId();\n\tconst [ isDeleteDialogOpen, setIsDeleteDialogOpen ] = useState( false );\n\n\tconst { removeTemplate } = useDispatch( editSiteStore );\n\tconst { __experimentalDeleteReusableBlock } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst isUserPattern = item.type === USER_PATTERNS;\n\tconst isNonUserPattern = item.type === PATTERNS;\n\tconst isTemplatePart = item.type === TEMPLATE_PARTS;\n\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: item.type,\n\t} );\n\n\tconst isEmpty = ! item.blocks?.length;\n\tconst patternClassNames = classnames( 'edit-site-patterns__pattern', {\n\t\t'is-placeholder': isEmpty,\n\t} );\n\tconst previewClassNames = classnames( 'edit-site-patterns__preview', {\n\t\t'is-inactive': isNonUserPattern,\n\t} );\n\n\tconst deletePattern = async () => {\n\t\ttry {\n\t\t\tawait __experimentalDeleteReusableBlock( item.id );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The pattern's title e.g. 'Call to action'.\n\t\t\t\t\t__( '\"%s\" deleted.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{ type: 'snackbar', id: 'edit-site-patterns-success' }\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while deleting the pattern.' );\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t}\n\t};\n\tconst deleteItem = () =>\n\t\tisTemplatePart ? removeTemplate( item ) : deletePattern();\n\n\t// Only custom patterns or custom template parts can be renamed or deleted.\n\tconst isCustomPattern =\n\t\tisUserPattern || ( isTemplatePart && item.isCustom );\n\tconst hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;\n\tconst ariaDescriptions = [];\n\n\tif ( isCustomPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescriptions.push(\n\t\t\t__( 'Press Enter to edit, or Delete to delete the pattern.' )\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescriptions.push( item.description );\n\t}\n\n\tif ( isNonUserPattern ) {\n\t\tariaDescriptions.push(\n\t\t\t__( 'Theme & plugin patterns cannot be edited.' )\n\t\t);\n\t}\n\n\tconst itemIcon =\n\t\ttemplatePartIcons[ categoryId ] ||\n\t\t( item.syncStatus === SYNC_TYPES.full ? symbol : undefined );\n\n\tconst confirmButtonText = hasThemeFile ? __( 'Clear' ) : __( 'Delete' );\n\tconst confirmPrompt = hasThemeFile\n\t\t? __( 'Are you sure you want to clear these customizations?' )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: The pattern or template part's title e.g. 'Call to action'.\n\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\titem.title\n\t\t  );\n\n\treturn (\n\t\t<li className={ patternClassNames }>\n\t\t\t<button\n\t\t\t\tclassName={ previewClassNames }\n\t\t\t\t// Even though still incomplete, passing ids helps performance.\n\t\t\t\t// @see https://reakit.io/docs/composite/#performance.\n\t\t\t\tid={ `edit-site-patterns-${ item.name }` }\n\t\t\t\t{ ...props }\n\t\t\t\tonClick={ item.type !== PATTERNS ? onClick : undefined }\n\t\t\t\taria-disabled={ item.type !== PATTERNS ? 'false' : 'true' }\n\t\t\t\taria-label={ item.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tariaDescriptions.length\n\t\t\t\t\t\t? ariaDescriptions\n\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t( _, index ) =>\n\t\t\t\t\t\t\t\t\t\t`${ descriptionId }-${ index }`\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.join( ' ' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ isEmpty && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }\n\t\t\t</button>\n\t\t\t{ ariaDescriptions.map( ( ariaDescription, index ) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={ index }\n\t\t\t\t\thidden\n\t\t\t\t\tid={ `${ descriptionId }-${ index }` }\n\t\t\t\t>\n\t\t\t\t\t{ ariaDescription }\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t\t<HStack\n\t\t\t\tclassName=\"edit-site-patterns__footer\"\n\t\t\t\tjustify=\"space-between\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t\t>\n\t\t\t\t\t{ itemIcon && ! isNonUserPattern && (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tposition=\"top center\"\n\t\t\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t\t\t'Editing this pattern will also update anywhere it is used'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\t\ticon={ itemIcon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) }\n\t\t\t\t\t<Flex as=\"span\" gap={ 0 } justify=\"left\">\n\t\t\t\t\t\t{ item.type === PATTERNS ? (\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Heading level={ 5 }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ item.title }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ item.type === PATTERNS && (\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tposition=\"top center\"\n\t\t\t\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"edit-site-patterns__pattern-lock-icon\">\n\t\t\t\t\t\t\t\t\t<Icon icon={ lockSmall } size={ 24 } />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Flex>\n\t\t\t\t</HStack>\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\tclassName=\"edit-site-patterns__dropdown\"\n\t\t\t\t\tpopoverProps={ { placement: 'bottom-end' } }\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: pattern name */\n\t\t\t\t\t\t\t__( 'Action menu for %s pattern' ),\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ isCustomPattern && ! hasThemeFile && (\n\t\t\t\t\t\t\t\t<RenameMenuItem\n\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<DuplicateMenuItem\n\t\t\t\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisNonUserPattern\n\t\t\t\t\t\t\t\t\t\t? __( 'Copy to My patterns' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Duplicate' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ isCustomPattern && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tisDestructive={ ! hasThemeFile }\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsDeleteDialogOpen( true )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ hasThemeFile\n\t\t\t\t\t\t\t\t\t\t? __( 'Clear customizations' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Delete' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t</HStack>\n\n\t\t\t{ isDeleteDialogOpen && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\t\t\tonConfirm={ deleteItem }\n\t\t\t\t\tonCancel={ () => setIsDeleteDialogOpen( false ) }\n\t\t\t\t>\n\t\t\t\t\t{ confirmPrompt }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</li>\n\t);\n}\n\nexport default memo( GridItem );\n"],"mappings":"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"}
+{"version":3,"names":["classnames","downloadjs","paramCase","kebabCase","BlockPreview","privateApis","blockEditorPrivateApis","Button","__experimentalConfirmDialog","ConfirmDialog","DropdownMenu","MenuGroup","MenuItem","__experimentalHeading","Heading","__experimentalHStack","HStack","Tooltip","Flex","useDispatch","useState","useId","memo","__","sprintf","Icon","header","footer","symbolFilled","uncategorized","symbol","moreVertical","lockSmall","store","noticesStore","reusableBlocksStore","RenameMenuItem","DuplicateMenuItem","PATTERN_TYPES","TEMPLATE_PART_POST_TYPE","PATTERN_SYNC_TYPES","editSiteStore","useLink","unlock","useGlobalStyle","templatePartIcons","GridItem","categoryId","item","props","descriptionId","isDeleteDialogOpen","setIsDeleteDialogOpen","backgroundColor","removeTemplate","__experimentalDeleteReusableBlock","createErrorNotice","createSuccessNotice","isUserPattern","type","user","isNonUserPattern","theme","isTemplatePart","onClick","postType","postId","id","name","categoryType","isEmpty","blocks","length","patternClassNames","previewClassNames","deletePattern","title","error","errorMessage","message","code","deleteItem","exportAsJSON","json","__file","content","patternBlock","raw","syncStatus","wp_pattern_sync_status","JSON","stringify","isCustomPattern","isCustom","hasThemeFile","templatePart","has_theme_file","ariaDescriptions","push","description","itemIcon","full","undefined","confirmButtonText","confirmPrompt","additionalStyles","css","createElement","className","map","_","index","join","ariaDescription","key","hidden","justify","alignment","spacing","placement","text","icon","as","gap","level","variant","tabIndex","size","label","popoverProps","toggleProps","describedBy","onClose","isDestructive","onConfirm","onCancel"],"sources":["@wordpress/edit-site/src/components/page-patterns/grid-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport downloadjs from 'downloadjs';\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tButton,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { useState, useId, memo } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tIcon,\n\theader,\n\tfooter,\n\tsymbolFilled as uncategorized,\n\tsymbol,\n\tmoreVertical,\n\tlockSmall,\n} from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\n\n/**\n * Internal dependencies\n */\nimport RenameMenuItem from './rename-menu-item';\nimport DuplicateMenuItem from './duplicate-menu-item';\nimport {\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n} from '../../utils/constants';\nimport { store as editSiteStore } from '../../store';\nimport { useLink } from '../routes/link';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nconst templatePartIcons = { header, footer, uncategorized };\n\nfunction GridItem( { categoryId, item, ...props } ) {\n\tconst descriptionId = useId();\n\tconst [ isDeleteDialogOpen, setIsDeleteDialogOpen ] = useState( false );\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\n\tconst { removeTemplate } = useDispatch( editSiteStore );\n\tconst { __experimentalDeleteReusableBlock } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isNonUserPattern = item.type === PATTERN_TYPES.theme;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme,\n\t} );\n\n\tconst isEmpty = ! item.blocks?.length;\n\tconst patternClassNames = classnames( 'edit-site-patterns__pattern', {\n\t\t'is-placeholder': isEmpty,\n\t} );\n\tconst previewClassNames = classnames( 'edit-site-patterns__preview', {\n\t\t'is-inactive': isNonUserPattern,\n\t} );\n\n\tconst deletePattern = async () => {\n\t\ttry {\n\t\t\tawait __experimentalDeleteReusableBlock( item.id );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: The pattern's title e.g. 'Call to action'.\n\t\t\t\t\t__( '\"%s\" deleted.' ),\n\t\t\t\t\titem.title\n\t\t\t\t),\n\t\t\t\t{ type: 'snackbar', id: 'edit-site-patterns-success' }\n\t\t\t);\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while deleting the pattern.' );\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'edit-site-patterns-error',\n\t\t\t} );\n\t\t}\n\t};\n\tconst deleteItem = () =>\n\t\tisTemplatePart ? removeTemplate( item ) : deletePattern();\n\tconst exportAsJSON = () => {\n\t\tconst json = {\n\t\t\t__file: item.type,\n\t\t\ttitle: item.title || item.name,\n\t\t\tcontent: item.patternBlock.content.raw,\n\t\t\tsyncStatus: item.patternBlock.wp_pattern_sync_status,\n\t\t};\n\n\t\treturn downloadjs(\n\t\t\tJSON.stringify( json, null, 2 ),\n\t\t\t`${ kebabCase( item.title || item.name ) }.json`,\n\t\t\t'application/json'\n\t\t);\n\t};\n\n\t// Only custom patterns or custom template parts can be renamed or deleted.\n\tconst isCustomPattern =\n\t\tisUserPattern || ( isTemplatePart && item.isCustom );\n\tconst hasThemeFile = isTemplatePart && item.templatePart.has_theme_file;\n\tconst ariaDescriptions = [];\n\n\tif ( isCustomPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescriptions.push(\n\t\t\t__( 'Press Enter to edit, or Delete to delete the pattern.' )\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescriptions.push( item.description );\n\t}\n\n\tif ( isNonUserPattern ) {\n\t\tariaDescriptions.push(\n\t\t\t__( 'Theme & plugin patterns cannot be edited.' )\n\t\t);\n\t}\n\n\tlet itemIcon;\n\tif ( ! isUserPattern && templatePartIcons[ categoryId ] ) {\n\t\titemIcon = templatePartIcons[ categoryId ];\n\t} else {\n\t\titemIcon =\n\t\t\titem.syncStatus === PATTERN_SYNC_TYPES.full ? symbol : undefined;\n\t}\n\n\tconst confirmButtonText = hasThemeFile ? __( 'Clear' ) : __( 'Delete' );\n\tconst confirmPrompt = hasThemeFile\n\t\t? __( 'Are you sure you want to clear these customizations?' )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: The pattern or template part's title e.g. 'Call to action'.\n\t\t\t\t__( 'Are you sure you want to delete \"%s\"?' ),\n\t\t\t\titem.title || item.name\n\t\t  );\n\n\tconst additionalStyles = ! backgroundColor\n\t\t? [ { css: 'body { background: #fff; }' } ]\n\t\t: undefined;\n\n\treturn (\n\t\t<li className={ patternClassNames }>\n\t\t\t<button\n\t\t\t\tclassName={ previewClassNames }\n\t\t\t\t// Even though still incomplete, passing ids helps performance.\n\t\t\t\t// @see https://reakit.io/docs/composite/#performance.\n\t\t\t\tid={ `edit-site-patterns-${ item.name }` }\n\t\t\t\t{ ...props }\n\t\t\t\tonClick={\n\t\t\t\t\titem.type !== PATTERN_TYPES.theme ? onClick : undefined\n\t\t\t\t}\n\t\t\t\taria-disabled={\n\t\t\t\t\titem.type !== PATTERN_TYPES.theme ? 'false' : 'true'\n\t\t\t\t}\n\t\t\t\taria-label={ item.title }\n\t\t\t\taria-describedby={\n\t\t\t\t\tariaDescriptions.length\n\t\t\t\t\t\t? ariaDescriptions\n\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t( _, index ) =>\n\t\t\t\t\t\t\t\t\t\t`${ descriptionId }-${ index }`\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.join( ' ' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\tblocks={ item.blocks }\n\t\t\t\t\t\tadditionalStyles={ additionalStyles }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</button>\n\t\t\t{ ariaDescriptions.map( ( ariaDescription, index ) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={ index }\n\t\t\t\t\thidden\n\t\t\t\t\tid={ `${ descriptionId }-${ index }` }\n\t\t\t\t>\n\t\t\t\t\t{ ariaDescription }\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t\t<HStack\n\t\t\t\tclassName=\"edit-site-patterns__footer\"\n\t\t\t\tjustify=\"space-between\"\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\talignment=\"center\"\n\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t\t>\n\t\t\t\t\t{ itemIcon && ! isNonUserPattern && (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t\t\t'Editing this pattern will also update anywhere it is used'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-icon\"\n\t\t\t\t\t\t\t\ticon={ itemIcon }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t) }\n\t\t\t\t\t<Flex as=\"span\" gap={ 0 } justify=\"left\">\n\t\t\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Heading level={ 5 }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ item.title || item.name }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Flex>\n\t\t\t\t</HStack>\n\t\t\t\t<DropdownMenu\n\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\tclassName=\"edit-site-patterns__dropdown\"\n\t\t\t\t\tpopoverProps={ { placement: 'bottom-end' } }\n\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t/* translators: %s: pattern name */\n\t\t\t\t\t\t\t__( 'Action menu for %s pattern' ),\n\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ isCustomPattern && ! hasThemeFile && (\n\t\t\t\t\t\t\t\t<RenameMenuItem\n\t\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<DuplicateMenuItem\n\t\t\t\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\tlabel={ __( 'Duplicate' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ item.type === PATTERN_TYPES.user && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ () => exportAsJSON() }>\n\t\t\t\t\t\t\t\t\t{ __( 'Export as JSON' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ isCustomPattern && (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tisDestructive={ ! hasThemeFile }\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsDeleteDialogOpen( true )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ hasThemeFile\n\t\t\t\t\t\t\t\t\t\t? __( 'Clear customizations' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Delete' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t) }\n\t\t\t\t</DropdownMenu>\n\t\t\t</HStack>\n\n\t\t\t{ isDeleteDialogOpen && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\t\t\tonConfirm={ deleteItem }\n\t\t\t\t\tonCancel={ () => setIsDeleteDialogOpen( false ) }\n\t\t\t\t>\n\t\t\t\t\t{ confirmPrompt }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</li>\n\t);\n}\n\nexport default memo( GridItem );\n"],"mappings":"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"}

package/build-module/components/page-patterns/header.js

@@ -3,7 +3,6 @@ import { createElement } from "@wordpress/element";
  * WordPress dependencies
  */
 import { __experimentalVStack as VStack, __experimentalHeading as Heading, __experimentalText as Text } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
 import { store as editorStore } from '@wordpress/editor';
 import { useSelect } from '@wordpress/data';
 
@@ -11,7 +10,7 @@ import { useSelect } from '@wordpress/data';
  * Internal dependencies
  */
 import usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';
-import { USER_PATTERN_CATEGORY, USER_PATTERNS, TEMPLATE_PARTS, PATTERNS } from './utils';
+import { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';
 export default function PatternsHeader({
   categoryId,
   type,
@@ -23,14 +22,11 @@ export default function PatternsHeader({
   } = usePatternCategories();
   const templatePartAreas = useSelect(select => select(editorStore).__experimentalGetDefaultTemplatePartAreas(), []);
   let title, description;
-  if (categoryId === USER_PATTERN_CATEGORY && type === USER_PATTERNS) {
-    title = __('My Patterns');
-    description = '';
-  } else if (type === TEMPLATE_PARTS) {
+  if (type === TEMPLATE_PART_POST_TYPE) {
     const templatePartArea = templatePartAreas.find(area => area.area === categoryId);
     title = templatePartArea?.label;
     description = templatePartArea?.description;
-  } else if (type === PATTERNS) {
+  } else if (type === PATTERN_TYPES.theme) {
     const patternCategory = patternCategories.find(category => category.name === categoryId);
     title = patternCategory?.label;
     description = patternCategory?.description;

package/build-module/components/page-patterns/header.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalVStack","VStack","__experimentalHeading","Heading","__experimentalText","Text","__","store","editorStore","useSelect","usePatternCategories","USER_PATTERN_CATEGORY","USER_PATTERNS","TEMPLATE_PARTS","PATTERNS","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","templatePartArea","find","area","label","patternCategory","category","name","createElement","className","as","level","id","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport {\n\tUSER_PATTERN_CATEGORY,\n\tUSER_PATTERNS,\n\tTEMPLATE_PARTS,\n\tPATTERNS,\n} from './utils';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description;\n\tif ( categoryId === USER_PATTERN_CATEGORY && type === USER_PATTERNS ) {\n\t\ttitle = __( 'My Patterns' );\n\t\tdescription = '';\n\t} else if ( type === TEMPLATE_PARTS ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label;\n\t\tdescription = templatePartArea?.description;\n\t} else if ( type === PATTERNS ) {\n\t\tconst patternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) return null;\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\">\n\t\t\t<Heading as=\"h2\" level={ 4 } id={ titleId }>\n\t\t\t\t{ title }\n\t\t\t</Heading>\n\t\t\t{ description ? (\n\t\t\t\t<Text variant=\"muted\" as=\"p\" id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8DAA8D;AAC/F,SACCC,qBAAqB,EACrBC,aAAa,EACbC,cAAc,EACdC,QAAQ,QACF,SAAS;AAEhB,eAAe,SAASC,cAAcA,CAAE;EACvCC,UAAU;EACVC,IAAI;EACJC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAkB,CAAC,GAAGV,oBAAoB,CAAC,CAAC;EACpD,MAAMW,iBAAiB,GAAGZ,SAAS,CAChCa,MAAM,IACPA,MAAM,CAAEd,WAAY,CAAC,CAACe,yCAAyC,CAAC,CAAC,EAClE,EACD,CAAC;EAED,IAAIC,KAAK,EAAEC,WAAW;EACtB,IAAKT,UAAU,KAAKL,qBAAqB,IAAIM,IAAI,KAAKL,aAAa,EAAG;IACrEY,KAAK,GAAGlB,EAAE,CAAE,aAAc,CAAC;IAC3BmB,WAAW,GAAG,EAAE;EACjB,CAAC,MAAM,IAAKR,IAAI,KAAKJ,cAAc,EAAG;IACrC,MAAMa,gBAAgB,GAAGL,iBAAiB,CAACM,IAAI,CAC5CC,IAAI,IAAMA,IAAI,CAACA,IAAI,KAAKZ,UAC3B,CAAC;IACDQ,KAAK,GAAGE,gBAAgB,EAAEG,KAAK;IAC/BJ,WAAW,GAAGC,gBAAgB,EAAED,WAAW;EAC5C,CAAC,MAAM,IAAKR,IAAI,KAAKH,QAAQ,EAAG;IAC/B,MAAMgB,eAAe,GAAGV,iBAAiB,CAACO,IAAI,CAC3CI,QAAQ,IAAMA,QAAQ,CAACC,IAAI,KAAKhB,UACnC,CAAC;IACDQ,KAAK,GAAGM,eAAe,EAAED,KAAK;IAC9BJ,WAAW,GAAGK,eAAe,EAAEL,WAAW;EAC3C;EAEA,IAAK,CAAED,KAAK,EAAG,OAAO,IAAI;EAE1B,OACCS,aAAA,CAAChC,MAAM;IAACiC,SAAS,EAAC;EAAoC,GACrDD,aAAA,CAAC9B,OAAO;IAACgC,EAAE,EAAC,IAAI;IAACC,KAAK,EAAG,CAAG;IAACC,EAAE,EAAGnB;EAAS,GACxCM,KACM,CAAC,EACRC,WAAW,GACZQ,aAAA,CAAC5B,IAAI;IAACiC,OAAO,EAAC,OAAO;IAACH,EAAE,EAAC,GAAG;IAACE,EAAE,EAAGlB;EAAe,GAC9CM,WACG,CAAC,GACJ,IACG,CAAC;AAEX"}
+{"version":3,"names":["__experimentalVStack","VStack","__experimentalHeading","Heading","__experimentalText","Text","store","editorStore","useSelect","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","__experimentalGetDefaultTemplatePartAreas","title","description","templatePartArea","find","area","label","theme","patternCategory","category","name","createElement","className","as","level","id","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tlet title, description;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label;\n\t\tdescription = templatePartArea?.description;\n\t} else if ( type === PATTERN_TYPES.theme ) {\n\t\tconst patternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) return null;\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\">\n\t\t\t<Heading as=\"h2\" level={ 4 } id={ titleId }>\n\t\t\t\t{ title }\n\t\t\t</Heading>\n\t\t\t{ description ? (\n\t\t\t\t<Text variant=\"muted\" as=\"p\" id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8DAA8D;AAC/F,SAASC,uBAAuB,EAAEC,aAAa,QAAQ,uBAAuB;AAE9E,eAAe,SAASC,cAAcA,CAAE;EACvCC,UAAU;EACVC,IAAI;EACJC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAkB,CAAC,GAAGR,oBAAoB,CAAC,CAAC;EACpD,MAAMS,iBAAiB,GAAGV,SAAS,CAChCW,MAAM,IACPA,MAAM,CAAEZ,WAAY,CAAC,CAACa,yCAAyC,CAAC,CAAC,EAClE,EACD,CAAC;EAED,IAAIC,KAAK,EAAEC,WAAW;EACtB,IAAKR,IAAI,KAAKJ,uBAAuB,EAAG;IACvC,MAAMa,gBAAgB,GAAGL,iBAAiB,CAACM,IAAI,CAC5CC,IAAI,IAAMA,IAAI,CAACA,IAAI,KAAKZ,UAC3B,CAAC;IACDQ,KAAK,GAAGE,gBAAgB,EAAEG,KAAK;IAC/BJ,WAAW,GAAGC,gBAAgB,EAAED,WAAW;EAC5C,CAAC,MAAM,IAAKR,IAAI,KAAKH,aAAa,CAACgB,KAAK,EAAG;IAC1C,MAAMC,eAAe,GAAGX,iBAAiB,CAACO,IAAI,CAC3CK,QAAQ,IAAMA,QAAQ,CAACC,IAAI,KAAKjB,UACnC,CAAC;IACDQ,KAAK,GAAGO,eAAe,EAAEF,KAAK;IAC9BJ,WAAW,GAAGM,eAAe,EAAEN,WAAW;EAC3C;EAEA,IAAK,CAAED,KAAK,EAAG,OAAO,IAAI;EAE1B,OACCU,aAAA,CAAC9B,MAAM;IAAC+B,SAAS,EAAC;EAAoC,GACrDD,aAAA,CAAC5B,OAAO;IAAC8B,EAAE,EAAC,IAAI;IAACC,KAAK,EAAG,CAAG;IAACC,EAAE,EAAGpB;EAAS,GACxCM,KACM,CAAC,EACRC,WAAW,GACZS,aAAA,CAAC1B,IAAI;IAAC+B,OAAO,EAAC,OAAO;IAACH,EAAE,EAAC,GAAG;IAACE,EAAE,EAAGnB;EAAe,GAC9CM,WACG,CAAC,GACJ,IACG,CAAC;AAEX"}

package/build-module/components/page-patterns/index.js

@@ -9,7 +9,7 @@ import { getQueryArgs } from '@wordpress/url';
 /**
  * Internal dependencies
  */
-import { DEFAULT_CATEGORY, DEFAULT_TYPE } from './utils';
+import { PATTERN_DEFAULT_CATEGORY, PATTERN_TYPES } from '../../utils/constants';
 import Page from '../page';
 import PatternsList from './patterns-list';
 import usePatternSettings from './use-pattern-settings';
@@ -22,8 +22,8 @@ export default function PagePatterns() {
     categoryType,
     categoryId
   } = getQueryArgs(window.location.href);
-  const type = categoryType || DEFAULT_TYPE;
-  const category = categoryId || DEFAULT_CATEGORY;
+  const type = categoryType || PATTERN_TYPES.theme;
+  const category = categoryId || PATTERN_DEFAULT_CATEGORY;
   const settings = usePatternSettings();
 
   // Wrap everything in a block editor provider.

package/build-module/components/page-patterns/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","privateApis","blockEditorPrivateApis","getQueryArgs","DEFAULT_CATEGORY","DEFAULT_TYPE","Page","PatternsList","usePatternSettings","unlock","ExperimentalBlockEditorProvider","PagePatterns","categoryType","categoryId","window","location","href","type","category","settings","createElement","className","title","hideTitleFromUI","key"],"sources":["@wordpress/edit-site/src/components/page-patterns/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { getQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { DEFAULT_CATEGORY, DEFAULT_TYPE } from './utils';\nimport Page from '../page';\nimport PatternsList from './patterns-list';\nimport usePatternSettings from './use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nexport default function PagePatterns() {\n\tconst { categoryType, categoryId } = getQueryArgs( window.location.href );\n\tconst type = categoryType || DEFAULT_TYPE;\n\tconst category = categoryId || DEFAULT_CATEGORY;\n\tconst settings = usePatternSettings();\n\n\t// Wrap everything in a block editor provider.\n\t// This ensures 'styles' that are needed for the previews are synced\n\t// from the site editor store to the block editor store.\n\treturn (\n\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t<Page\n\t\t\t\tclassName=\"edit-site-patterns\"\n\t\t\t\ttitle={ __( 'Patterns content' ) }\n\t\t\t\thideTitleFromUI\n\t\t\t>\n\t\t\t\t<PatternsList\n\t\t\t\t\t// Reset the states when switching between categories and types.\n\t\t\t\t\tkey={ `${ type }-${ category }` }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\tcategoryId={ category }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AACA;AACA;AACA,SAASC,gBAAgB,EAAEC,YAAY,QAAQ,SAAS;AACxD,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAgC,CAAC,GAAGD,MAAM,CAAEP,sBAAuB,CAAC;AAE5E,eAAe,SAASS,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,YAAY;IAAEC;EAAW,CAAC,GAAGV,YAAY,CAAEW,MAAM,CAACC,QAAQ,CAACC,IAAK,CAAC;EACzE,MAAMC,IAAI,GAAGL,YAAY,IAAIP,YAAY;EACzC,MAAMa,QAAQ,GAAGL,UAAU,IAAIT,gBAAgB;EAC/C,MAAMe,QAAQ,GAAGX,kBAAkB,CAAC,CAAC;;EAErC;EACA;EACA;EACA,OACCY,aAAA,CAACV,+BAA+B;IAACS,QAAQ,EAAGA;EAAU,GACrDC,aAAA,CAACd,IAAI;IACJe,SAAS,EAAC,oBAAoB;IAC9BC,KAAK,EAAGtB,EAAE,CAAE,kBAAmB,CAAG;IAClCuB,eAAe;EAAA,GAEfH,aAAA,CAACb;EACA;EAAA;IACAiB,GAAG,EAAI,GAAGP,IAAM,IAAIC,QAAU,EAAG;IACjCD,IAAI,EAAGA,IAAM;IACbJ,UAAU,EAAGK;EAAU,CACvB,CACI,CAC0B,CAAC;AAEpC"}
+{"version":3,"names":["__","privateApis","blockEditorPrivateApis","getQueryArgs","PATTERN_DEFAULT_CATEGORY","PATTERN_TYPES","Page","PatternsList","usePatternSettings","unlock","ExperimentalBlockEditorProvider","PagePatterns","categoryType","categoryId","window","location","href","type","theme","category","settings","createElement","className","title","hideTitleFromUI","key"],"sources":["@wordpress/edit-site/src/components/page-patterns/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { getQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { PATTERN_DEFAULT_CATEGORY, PATTERN_TYPES } from '../../utils/constants';\nimport Page from '../page';\nimport PatternsList from './patterns-list';\nimport usePatternSettings from './use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nexport default function PagePatterns() {\n\tconst { categoryType, categoryId } = getQueryArgs( window.location.href );\n\tconst type = categoryType || PATTERN_TYPES.theme;\n\tconst category = categoryId || PATTERN_DEFAULT_CATEGORY;\n\tconst settings = usePatternSettings();\n\n\t// Wrap everything in a block editor provider.\n\t// This ensures 'styles' that are needed for the previews are synced\n\t// from the site editor store to the block editor store.\n\treturn (\n\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t<Page\n\t\t\t\tclassName=\"edit-site-patterns\"\n\t\t\t\ttitle={ __( 'Patterns content' ) }\n\t\t\t\thideTitleFromUI\n\t\t\t>\n\t\t\t\t<PatternsList\n\t\t\t\t\t// Reset the states when switching between categories and types.\n\t\t\t\t\tkey={ `${ type }-${ category }` }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\tcategoryId={ category }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AACA;AACA;AACA,SAASC,wBAAwB,EAAEC,aAAa,QAAQ,uBAAuB;AAC/E,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,MAAM;EAAEC;AAAgC,CAAC,GAAGD,MAAM,CAAEP,sBAAuB,CAAC;AAE5E,eAAe,SAASS,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC,YAAY;IAAEC;EAAW,CAAC,GAAGV,YAAY,CAAEW,MAAM,CAACC,QAAQ,CAACC,IAAK,CAAC;EACzE,MAAMC,IAAI,GAAGL,YAAY,IAAIP,aAAa,CAACa,KAAK;EAChD,MAAMC,QAAQ,GAAGN,UAAU,IAAIT,wBAAwB;EACvD,MAAMgB,QAAQ,GAAGZ,kBAAkB,CAAC,CAAC;;EAErC;EACA;EACA;EACA,OACCa,aAAA,CAACX,+BAA+B;IAACU,QAAQ,EAAGA;EAAU,GACrDC,aAAA,CAACf,IAAI;IACJgB,SAAS,EAAC,oBAAoB;IAC9BC,KAAK,EAAGvB,EAAE,CAAE,kBAAmB,CAAG;IAClCwB,eAAe;EAAA,GAEfH,aAAA,CAACd;EACA;EAAA;IACAkB,GAAG,EAAI,GAAGR,IAAM,IAAIE,QAAU,EAAG;IACjCF,IAAI,EAAGA,IAAM;IACbJ,UAAU,EAAGM;EAAU,CACvB,CACI,CAC0B,CAAC;AAEpC"}

package/build-module/components/page-patterns/patterns-list.js

@@ -19,7 +19,7 @@ import usePatterns from './use-patterns';
 import SidebarButton from '../sidebar-button';
 import useDebouncedInput from '../../utils/use-debounced-input';
 import { unlock } from '../../lock-unlock';
-import { SYNC_TYPES, USER_PATTERN_CATEGORY, PATTERNS } from './utils';
+import { PATTERN_SYNC_TYPES, PATTERN_TYPES } from '../../utils/constants';
 import Pagination from './pagination';
 const {
   useLocation,
@@ -27,13 +27,13 @@ const {
 } = unlock(routerPrivateApis);
 const SYNC_FILTERS = {
   all: __('All'),
-  [SYNC_TYPES.full]: __('Synced'),
-  [SYNC_TYPES.unsynced]: __('Standard')
+  [PATTERN_SYNC_TYPES.full]: __('Synced'),
+  [PATTERN_SYNC_TYPES.unsynced]: __('Standard')
 };
 const SYNC_DESCRIPTIONS = {
   all: '',
-  [SYNC_TYPES.full]: __('Patterns that are kept in sync across the site.'),
-  [SYNC_TYPES.unsynced]: __('Patterns that can be changed freely without affecting the site.')
+  [PATTERN_SYNC_TYPES.full]: __('Patterns that are kept in sync across the site.'),
+  [PATTERN_SYNC_TYPES.unsynced]: __('Patterns that can be changed freely without affecting the site.')
 };
 const PAGE_SIZE = 20;
 export default function PatternsList({
@@ -48,7 +48,7 @@ export default function PatternsList({
   const [syncFilter, setSyncFilter] = useState('all');
   const [currentPage, setCurrentPage] = useState(1);
   const deferredSyncedFilter = useDeferredValue(syncFilter);
-  const isUncategorizedThemePatterns = type === PATTERNS && categoryId === 'uncategorized';
+  const isUncategorizedThemePatterns = type === PATTERN_TYPES.theme && categoryId === 'uncategorized';
   const {
     patterns,
     isResolving
@@ -118,7 +118,7 @@ export default function PatternsList({
     label: __('Search patterns'),
     value: filterValue,
     __nextHasNoMarginBottom: true
-  })), categoryId === USER_PATTERN_CATEGORY && createElement(ToggleGroupControl, {
+  })), type === PATTERN_TYPES.theme && createElement(ToggleGroupControl, {
     className: "edit-site-patterns__sync-status-filter",
     hideLabelFromVision: true,
     label: __('Filter by sync status'),