npm - @wordpress/patterns - Versions diffs - 2.30.1-next.836ecdcae.0 → 2.31.0 - Mend

@wordpress/patterns 2.30.1-next.836ecdcae.0 → 2.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +2 -0
package/build/components/pattern-convert-button.js +21 -5
package/build/components/pattern-convert-button.js.map +1 -1
package/build/components/patterns-manage-button.js +41 -13
package/build/components/patterns-manage-button.js.map +1 -1
package/build-module/components/pattern-convert-button.js +21 -5
package/build-module/components/pattern-convert-button.js.map +1 -1
package/build-module/components/patterns-manage-button.js +41 -13
package/build-module/components/patterns-manage-button.js.map +1 -1
package/package.json +16 -16
package/src/components/pattern-convert-button.js +26 -5
package/src/components/patterns-manage-button.js +51 -14

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,8 @@
 ## Unreleased
+## 2.31.0 (2025-09-17)
 ## 2.30.0 (2025-09-03)
 ## 2.29.0 (2025-08-20)

package/build/components/pattern-convert-button.js CHANGED Viewed

@@ -44,7 +44,8 @@ var _jsxRuntime = require("react/jsx-runtime");
     createSuccessNotice
   } = (0, _data.useDispatch)(_notices.store);
   const {
-    replaceBlocks
+    replaceBlocks,
+    updateBlockAttributes
   } = (0, _data.useDispatch)(_blockEditor.store);
   // Ignore reason: false positive of the lint rule.
   // eslint-disable-next-line @wordpress/no-unused-vars-before-return
@@ -52,6 +53,9 @@ var _jsxRuntime = require("react/jsx-runtime");
     setEditingPattern
   } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
   const [isModalOpen, setIsModalOpen] = (0, _element.useState)(false);
+  const {
+    getBlockAttributes
+  } = (0, _data.useSelect)(_blockEditor.store);
   const canConvert = (0, _data.useSelect)(select => {
     var _getBlocksByClientId;
     const {
@@ -73,10 +77,11 @@ var _jsxRuntime = require("react/jsx-runtime");
       // If the block has a parent, check with false as default, otherwise with true.
       return (0, _blocks.hasBlockSupport)(blockName, 'reusable', !hasParent);
     };
-    const isReusable = blocks.length === 1 && blocks[0] && (0, _blocks.isReusableBlock)(blocks[0]) && !!select(_coreData.store).getEntityRecord('postType', 'wp_block', blocks[0].attributes.ref);
+    const isSyncedPattern = blocks.length === 1 && blocks[0] && (0, _blocks.isReusableBlock)(blocks[0]) && !!select(_coreData.store).getEntityRecord('postType', 'wp_block', blocks[0].attributes.ref);
+    const isUnsyncedPattern = window?.__experimentalContentOnlyPatternInsertion && blocks.length === 1 && blocks?.[0]?.attributes?.metadata?.patternName;
     const _canConvert =
-    // Hide when this is already a synced pattern.
-    !isReusable &&
+    // Hide when this is already a pattern.
+    !isUnsyncedPattern && !isSyncedPattern &&
     // Hide when patterns are disabled.
     canInsertBlockType('core/block', rootId) && blocks.every(block =>
     // Guard against the case where a regular block has *just* been converted.
@@ -103,7 +108,18 @@ var _jsxRuntime = require("react/jsx-runtime");
   const handleSuccess = ({
     pattern
   }) => {
-    if (pattern.wp_pattern_sync_status !== _constants.PATTERN_SYNC_TYPES.unsynced) {
+    if (pattern.wp_pattern_sync_status === _constants.PATTERN_SYNC_TYPES.unsynced) {
+      if (clientIds?.length === 1) {
+        const existingAttributes = getBlockAttributes(clientIds[0]);
+        updateBlockAttributes(clientIds[0], {
+          metadata: {
+            ...(existingAttributes?.metadata ? existingAttributes.metadata : {}),
+            patternName: `core/block/${pattern.id}`,
+            name: pattern.title.raw
+          }
+        });
+      }
+    } else {
       const newBlock = (0, _blocks.createBlock)('core/block', {
         ref: pattern.id
       });

package/build/components/pattern-convert-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blocks","require","_blockEditor","_element","_components","_icons","_data","_coreData","_i18n","_notices","_store","_createPatternModal","_interopRequireDefault","_lockUnlock","_constants","_jsxRuntime","PatternConvertButton","clientIds","rootClientId","closeBlockSettingsMenu","createSuccessNotice","useDispatch","noticesStore","replaceBlocks","blockEditorStore","setEditingPattern","unlock","patternsStore","isModalOpen","setIsModalOpen","useState","canConvert","useSelect","select","_getBlocksByClientId","canUser","coreStore","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","rootId","length","undefined","blocks","hasReusableBlockSupport","blockName","blockType","getBlockType","hasParent","hasBlockSupport","isReusable","isReusableBlock","getEntityRecord","attributes","ref","_canConvert","every","block","isValid","name","kind","getContent","useCallback","serialize","handleSuccess","pattern","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","newBlock","createBlock","id","clientId","sprintf","__","title","raw","type","jsxs","Fragment","children","jsx","MenuItem","icon","symbol","onClick","default","content","onSuccess","onError","onClose"],"sources":["@wordpress/patterns/src/components/pattern-convert-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\thasBlockSupport,\n\tisReusableBlock,\n\tcreateBlock,\n\tserialize,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState, useCallback } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { symbol } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n/\n Internal dependencies\n /\nimport { store as patternsStore } from '../store';\nimport CreatePatternModal from './create-pattern-modal';\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_SYNC_TYPES } from '../constants';\n\n/\n Menu control to convert block(s) to a pattern block.\n \n @param {Object} props Component props.\n * @param {string[]} props.clientIds Client ids of selected blocks.\n * @param {string} props.rootClientId ID of the currently selected top-level block.\n * @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.\n * @return {import('react').ComponentType} The menu control or null.\n /\nexport default function PatternConvertButton( {\n\tclientIds,\n\trootClientId,\n\tcloseBlockSettingsMenu,\n} ) {\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { setEditingPattern } = unlock( useDispatch( patternsStore ) );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst canConvert = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst rootId =\n\t\t\t\trootClientId \|\|\n\t\t\t\t( clientIds.length > 0\n\t\t\t\t\t? getBlockRootClientId( clientIds[ 0 ] )\n\t\t\t\t\t: undefined );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds ) ?? [];\n\n\t\t\t// Check if the block has reusable support defined.\n\t\t\tconst hasReusableBlockSupport = ( blockName ) => {\n\t\t\t\tconst blockType = getBlockType( blockName );\n\t\t\t\tconst hasParent = blockType && 'parent' in blockType;\n\n\t\t\t\t// If the block has a parent, check with false as default, otherwise with true.\n\t\t\t\treturn hasBlockSupport( blockName, 'reusable', ! hasParent );\n\t\t\t};\n\n\t\t\tconst isReusable =\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks[ 0 ] &&\n\t\t\t\tisReusableBlock( blocks[ 0 ] ) &&\n\t\t\t\t!! select( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_block',\n\t\t\t\t\tblocks[ 0 ].attributes.ref\n\t\t\t\t);\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a synced pattern.\n\t\t\t\t! isReusable &&\n\t\t\t\t// Hide when patterns are disabled.\n\t\t\t\tcanInsertBlockType( 'core/block', rootId ) &&\n\t\t\t\tblocks.every(\n\t\t\t\t\t( block ) =>\n\t\t\t\t\t\t// Guard against the case where a regular block has just* been converted.\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t// Hide on invalid blocks.\n\t\t\t\t\t\tblock.isValid &&\n\t\t\t\t\t\t// Hide when block doesn't support being made into a pattern.\n\t\t\t\t\t\thasReusableBlockSupport( block.name )\n\t\t\t\t) &&\n\t\t\t\t// Hide when current doesn't have permission to do that.\n\t\t\t\t// Blocks refers to the wp_block post type, this checks the ability to create a post of that type.\n\t\t\t\t!! canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t} );\n\n\t\t\treturn _canConvert;\n\t\t},\n\t\t[ clientIds, rootClientId ]\n\t);\n\tconst { getBlocksByClientId } = useSelect( blockEditorStore );\n\tconst getContent = useCallback(\n\t\t() => serialize( getBlocksByClientId( clientIds ) ),\n\t\t[ getBlocksByClientId, clientIds ]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\tconst handleSuccess = ( { pattern } ) => {\n\t\tif ( pattern.wp_pattern_sync_status !== PATTERN_SYNC_TYPES.unsynced ) {\n\t\t\tconst newBlock = createBlock( 'core/block', {\n\t\t\t\tref: pattern.id,\n\t\t\t} );\n\n\t\t\treplaceBlocks( clientIds, newBlock );\n\t\t\tsetEditingPattern( newBlock.clientId, true );\n\t\t\tcloseBlockSettingsMenu();\n\t\t}\n\n\t\tcreateSuccessNotice(\n\t\t\tpattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Unsynced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Synced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'convert-to-pattern-success',\n\t\t\t}\n\t\t);\n\t\tsetIsModalOpen( false );\n\t};\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ symbol }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Create pattern' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<CreatePatternModal\n\t\t\t\t\tcontent={ getContent }\n\t\t\t\t\tonSuccess={ ( pattern ) => {\n\t\t\t\t\t\thandleSuccess( pattern );\n\t\t\t\t\t} }\n\t\t\t\t\tonError={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_blocks","require","_blockEditor","_element","_components","_icons","_data","_coreData","_i18n","_notices","_store","_createPatternModal","_interopRequireDefault","_lockUnlock","_constants","_jsxRuntime","PatternConvertButton","clientIds","rootClientId","closeBlockSettingsMenu","createSuccessNotice","useDispatch","noticesStore","replaceBlocks","updateBlockAttributes","blockEditorStore","setEditingPattern","unlock","patternsStore","isModalOpen","setIsModalOpen","useState","getBlockAttributes","useSelect","canConvert","select","_getBlocksByClientId","canUser","coreStore","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","rootId","length","undefined","blocks","hasReusableBlockSupport","blockName","blockType","getBlockType","hasParent","hasBlockSupport","isSyncedPattern","isReusableBlock","getEntityRecord","attributes","ref","isUnsyncedPattern","window","__experimentalContentOnlyPatternInsertion","metadata","patternName","_canConvert","every","block","isValid","name","kind","getContent","useCallback","serialize","handleSuccess","pattern","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","existingAttributes","id","title","raw","newBlock","createBlock","clientId","sprintf","__","type","jsxs","Fragment","children","jsx","MenuItem","icon","symbol","onClick","default","content","onSuccess","onError","onClose"],"sources":["@wordpress/patterns/src/components/pattern-convert-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\thasBlockSupport,\n\tisReusableBlock,\n\tcreateBlock,\n\tserialize,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState, useCallback } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { symbol } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n/\n Internal dependencies\n /\nimport { store as patternsStore } from '../store';\nimport CreatePatternModal from './create-pattern-modal';\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_SYNC_TYPES } from '../constants';\n\n/\n Menu control to convert block(s) to a pattern block.\n \n @param {Object} props Component props.\n * @param {string[]} props.clientIds Client ids of selected blocks.\n * @param {string} props.rootClientId ID of the currently selected top-level block.\n * @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.\n * @return {import('react').ComponentType} The menu control or null.\n /\nexport default function PatternConvertButton( {\n\tclientIds,\n\trootClientId,\n\tcloseBlockSettingsMenu,\n} ) {\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { replaceBlocks, updateBlockAttributes } =\n\t\tuseDispatch( blockEditorStore );\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { setEditingPattern } = unlock( useDispatch( patternsStore ) );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { getBlockAttributes } = useSelect( blockEditorStore );\n\tconst canConvert = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst rootId =\n\t\t\t\trootClientId \|\|\n\t\t\t\t( clientIds.length > 0\n\t\t\t\t\t? getBlockRootClientId( clientIds[ 0 ] )\n\t\t\t\t\t: undefined );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds ) ?? [];\n\n\t\t\t// Check if the block has reusable support defined.\n\t\t\tconst hasReusableBlockSupport = ( blockName ) => {\n\t\t\t\tconst blockType = getBlockType( blockName );\n\t\t\t\tconst hasParent = blockType && 'parent' in blockType;\n\n\t\t\t\t// If the block has a parent, check with false as default, otherwise with true.\n\t\t\t\treturn hasBlockSupport( blockName, 'reusable', ! hasParent );\n\t\t\t};\n\n\t\t\tconst isSyncedPattern =\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks[ 0 ] &&\n\t\t\t\tisReusableBlock( blocks[ 0 ] ) &&\n\t\t\t\t!! select( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_block',\n\t\t\t\t\tblocks[ 0 ].attributes.ref\n\t\t\t\t);\n\n\t\t\tconst isUnsyncedPattern =\n\t\t\t\twindow?.__experimentalContentOnlyPatternInsertion &&\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks?.[ 0 ]?.attributes?.metadata?.patternName;\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a pattern.\n\t\t\t\t! isUnsyncedPattern &&\n\t\t\t\t! isSyncedPattern &&\n\t\t\t\t// Hide when patterns are disabled.\n\t\t\t\tcanInsertBlockType( 'core/block', rootId ) &&\n\t\t\t\tblocks.every(\n\t\t\t\t\t( block ) =>\n\t\t\t\t\t\t// Guard against the case where a regular block has just* been converted.\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t// Hide on invalid blocks.\n\t\t\t\t\t\tblock.isValid &&\n\t\t\t\t\t\t// Hide when block doesn't support being made into a pattern.\n\t\t\t\t\t\thasReusableBlockSupport( block.name )\n\t\t\t\t) &&\n\t\t\t\t// Hide when current doesn't have permission to do that.\n\t\t\t\t// Blocks refers to the wp_block post type, this checks the ability to create a post of that type.\n\t\t\t\t!! canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t} );\n\n\t\t\treturn _canConvert;\n\t\t},\n\t\t[ clientIds, rootClientId ]\n\t);\n\tconst { getBlocksByClientId } = useSelect( blockEditorStore );\n\tconst getContent = useCallback(\n\t\t() => serialize( getBlocksByClientId( clientIds ) ),\n\t\t[ getBlocksByClientId, clientIds ]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\tconst handleSuccess = ( { pattern } ) => {\n\t\tif ( pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced ) {\n\t\t\tif ( clientIds?.length === 1 ) {\n\t\t\t\tconst existingAttributes = getBlockAttributes( clientIds[ 0 ] );\n\t\t\t\tupdateBlockAttributes( clientIds[ 0 ], {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t...( existingAttributes?.metadata\n\t\t\t\t\t\t\t? existingAttributes.metadata\n\t\t\t\t\t\t\t: {} ),\n\t\t\t\t\t\tpatternName: `core/block/${ pattern.id }`,\n\t\t\t\t\t\tname: pattern.title.raw,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else {\n\t\t\tconst newBlock = createBlock( 'core/block', {\n\t\t\t\tref: pattern.id,\n\t\t\t} );\n\n\t\t\treplaceBlocks( clientIds, newBlock );\n\t\t\tsetEditingPattern( newBlock.clientId, true );\n\t\t\tcloseBlockSettingsMenu();\n\t\t}\n\n\t\tcreateSuccessNotice(\n\t\t\tpattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Unsynced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Synced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'convert-to-pattern-success',\n\t\t\t}\n\t\t);\n\t\tsetIsModalOpen( false );\n\t};\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ symbol }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Create pattern' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<CreatePatternModal\n\t\t\t\t\tcontent={ getContent }\n\t\t\t\t\tonSuccess={ ( pattern ) => {\n\t\t\t\t\t\thandleSuccess( pattern );\n\t\t\t\t\t} }\n\t\t\t\t\tonError={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/patterns-manage-button.js CHANGED Viewed

@@ -26,25 +26,36 @@ function PatternsManageButton({
   clientId
 }) {
   const {
-    canRemove,
+    attributes,
+    canDetach,
     isVisible,
-    managePatternsUrl
+    managePatternsUrl,
+    isSyncedPattern,
+    isUnsyncedPattern
   } = (0, _data.useSelect)(select => {
     const {
-      getBlock,
-      canRemoveBlock
+      canRemoveBlock,
+      getBlock
     } = select(_blockEditor.store);
     const {
       canUser
     } = select(_coreData.store);
-    const reusableBlock = getBlock(clientId);
+    const block = getBlock(clientId);
+    const _isUnsyncedPattern = window?.__experimentalContentOnlyPatternInsertion && !!block?.attributes?.metadata?.patternName;
+    const _isSyncedPattern = !!block && (0, _blocks.isReusableBlock)(block) && !!canUser('update', {
+      kind: 'postType',
+      name: 'wp_block',
+      id: block.attributes.ref
+    });
     return {
-      canRemove: canRemoveBlock(clientId),
-      isVisible: !!reusableBlock && (0, _blocks.isReusableBlock)(reusableBlock) && !!canUser('update', {
-        kind: 'postType',
-        name: 'wp_block',
-        id: reusableBlock.attributes.ref
-      }),
+      attributes: block.attributes,
+      // For unsynced patterns, detaching is simply removing the `patternName` attribute.
+      // For synced patterns, the `core:block` block is replaced with its inner blocks,
+      // so checking whether `canRemoveBlock` is possible is required.
+      canDetach: _isUnsyncedPattern || _isSyncedPattern && canRemoveBlock(clientId),
+      isUnsyncedPattern: _isUnsyncedPattern,
+      isSyncedPattern: _isSyncedPattern,
+      isVisible: _isUnsyncedPattern || _isSyncedPattern,
       // The site editor and templates both check whether the user
       // has edit_theme_options capabilities. We can leverage that here
       // and omit the manage patterns link if the user can't access it.
@@ -58,6 +69,9 @@ function PatternsManageButton({
       })
     };
   }, [clientId]);
+  const {
+    updateBlockAttributes
+  } = (0, _data.useDispatch)(_blockEditor.store);
   // Ignore reason: false positive of the lint rule.
   // eslint-disable-next-line @wordpress/no-unused-vars-before-return
@@ -68,8 +82,22 @@ function PatternsManageButton({
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [canRemove && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
-      onClick: () => convertSyncedPatternToStatic(clientId),
+    children: [canDetach && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+      onClick: () => {
+        if (isSyncedPattern) {
+          convertSyncedPatternToStatic(clientId);
+        }
+        if (isUnsyncedPattern) {
+          var _attributes$metadata;
+          const {
+            patternName,
+            ...attributesWithoutPatternName
+          } = (_attributes$metadata = attributes?.metadata) !== null && _attributes$metadata !== void 0 ? _attributes$metadata : {};
+          updateBlockAttributes(clientId, {
+            metadata: attributesWithoutPatternName
+          });
+        }
+      },
       children: (0, _i18n.__)('Detach')
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
       href: managePatternsUrl,

package/build/components/patterns-manage-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_blocks","_data","_blockEditor","_url","_coreData","_store","_lockUnlock","_jsxRuntime","PatternsManageButton","clientId","~~canRemove~~","isVisible","managePatternsUrl","useSelect","select","~~getBlock~~","~~canRemoveBlock~~","blockEditorStore","canUser","coreStore","~~reusableBlock~~","isReusableBlock","kind","name","id","~~attributes","~~ref","addQueryArgs","p","post_type","~~convertSyncedPatternToStatic~~","~~unlock~~","~~useDispatch~~","patternsStore","jsxs","Fragment","children","jsx","MenuItem","onClick","__","href","_default","exports","default"],"sources":["@wordpress/patterns/src/components/patterns-manage-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { isReusableBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport { store as patternsStore } from '../store';\nimport { unlock } from '../lock-unlock';\n\nfunction PatternsManageButton( { clientId } ) {\n\tconst { ~~canRemove, isVisible, managePatternsUrl~~ } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { ~~getBlock~~, ~~canRemoveBlock~~ } = select( blockEditorStore );\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst ~~reusableBlock~~ = getBlock( clientId );\n\n\t\t\~~treturn~~ {\n\t\t\t\~~tcanRemove:~~ ~~canRemoveBlock( clientId ),\~~n\t\t\t\~~tisVisible:\~~n\t\t\t\t\t!! ~~reusableBlock~~ &&\n\t\t\t\t\tisReusableBlock( ~~reusableBlock~~ ) &&\n\t\t\t\t\t!! canUser( 'update', {\n\t\t\t\t\t\tkind: 'postType',\n\t\t\t\t\t\tname: 'wp_block',\n\t\t\t\t\t\tid: ~~reusableBlock~~.attributes.ref,\n\t\t\t\t\t} ),\n\t\t\t\t// The site editor and templates both check whether the user\n\t\t\t\t// has edit_theme_options capabilities. We can leverage that here\n\t\t\t\t// and omit the manage patterns link if the user can't access it.\n\t\t\t\tmanagePatternsUrl: canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template',\n\t\t\t\t} )\n\t\t\t\t\t? addQueryArgs( 'site-editor.php', {\n\t\t\t\t\t\t\tp: '/pattern',\n\t\t\t\t\t } )\n\t\t\t\t\t: addQueryArgs( 'edit.php', {\n\t\t\t\t\t\t\tpost_type: 'wp_block',\n\t\t\t\t\t } ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { convertSyncedPatternToStatic } = unlock(\n\t\tuseDispatch( patternsStore )\n\t);\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ ~~canRemove~~ && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => ~~convertSyncedPatternToStatic~~( clientId ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Detach' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t\t<MenuItem href={ managePatternsUrl }>\n\t\t\t\t{ __( 'Manage patterns' ) }\n\t\t\t</MenuItem>\n\t\t</>\n\t);\n}\n\nexport default PatternsManageButton;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAAwC,IAAAS,WAAA,GAAAT,OAAA;AAfxC;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASU,oBAAoBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC7C,MAAM;~~IAAEC~~,SAAS;~~IAAEC~~,SAAS;~~IAAEC~~;~~EAAkB~~,CAAC,GAAG,IAAAC,eAAS,~~EAC1DC~~,MAAM,IAAM;IACb,MAAM;MAAEC,~~QAAQ~~;MAAEC;~~IAAe~~,CAAC,GAAGF,MAAM,CAAEG,kBAAiB,CAAC;IAC/D,MAAM;MAAEC;IAAQ,CAAC,GAAGJ,MAAM,CAAEK,eAAU,CAAC;IACvC,MAAMC,~~aAAa~~,~~GAAGL~~,QAAQ,~~CAAEN~~,QAAS,CAAC;~~IAE1C~~,~~OAAO;MACNC~~,~~SAAS~~,~~EAAEM~~,~~cAAc~~,~~CAAEP~~,~~QAAS~~,CAAC;~~MACrCE~~,~~SAAS~~,~~EACR~~,CAAC,~~CAAES~~,~~aAAa~~,~~IAChB~~,~~IAAAC~~,uBAAe,~~EAAED~~,~~aAAc~~,CAAC,~~IAChC~~,CAAC,CAAEF,OAAO,CAAE,QAAQ,EAAE;~~QACrBI~~,IAAI,EAAE,UAAU;~~QAChBC~~,IAAI,EAAE,UAAU;~~QAChBC~~,EAAE,~~EAAEJ~~,~~aAAa~~,~~CAACK~~,UAAU,~~CAACC~~;~~MAC9B~~,CAAE,CAAC;~~MACJ~~;MACA;MACA;~~MACAd~~,iBAAiB,~~EAAEM~~,OAAO,CAAE,QAAQ,EAAE;~~QACrCI~~,IAAI,EAAE,UAAU;QAChBC,IAAI,EAAE;MACP,CAAE,CAAC,GACA,~~IAAAI~~,iBAAY,EAAE,iBAAiB,EAAE;QACjCC,CAAC,EAAE;MACH,CAAE,CAAC,GACH,IAAAD,iBAAY,EAAE,UAAU,EAAE;QAC1BE,SAAS,EAAE;MACX,CAAE;IACN,CAAC;EACF,CAAC,EACD,~~CAAEpB~~,QAAQ,CACX,CAAC;;EAED;EACA;EACA,MAAM;~~IAAEqB~~;EAA6B,CAAC,GAAG,IAAAC,kBAAM,EAC9C,~~IAAAC~~,iBAAW,~~EAAEC~~,YAAc,CAC5B,CAAC;EAED,IAAK,~~CAAEtB~~,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,oBACC,~~IAAAJ~~,WAAA,~~CAAA2B~~,IAAA,~~EAAA3B~~,WAAA,~~CAAA4B~~,QAAA;IAAAC,QAAA,~~GACG1B~~,SAAS,iBACV,~~IAAAH~~,WAAA,~~CAAA8B~~,GAAA,~~EAACxC~~,WAAA,~~CAAAyC~~,QAAQ;MACRC,OAAO,EAAGA,CAAA,~~KAAMT~~,4BAA4B,~~CAAErB~~,QAAS,CAAG;~~MAAA2B~~,QAAA,~~EAExD~~,~~IAAAI~~,QAAE,EAAE,QAAS;IAAC,CACP,CACV,eACD,~~IAAAjC~~,WAAA,~~CAAA8B~~,GAAA,~~EAACxC~~,WAAA,~~CAAAyC~~,QAAQ;~~MAACG~~,IAAI,~~EAAG7B~~,iBAAmB;~~MAAAwB~~,QAAA,EACjC,~~IAAAI~~,QAAE,EAAE,iBAAkB;IAAC,CAChB,CAAC;EAAA,CACV,CAAC;AAEL;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEcpC~~,oBAAoB","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_i18n","_blocks","_data","_blockEditor","_url","_coreData","_store","_lockUnlock","_jsxRuntime","PatternsManageButton","clientId","attributes","canDetach","isVisible","managePatternsUrl","isSyncedPattern","isUnsyncedPattern","useSelect","select","canRemoveBlock","getBlock","blockEditorStore","canUser","coreStore","block","_isUnsyncedPattern","window","__experimentalContentOnlyPatternInsertion","metadata","patternName","_isSyncedPattern","isReusableBlock","kind","name","id","ref","addQueryArgs","p","post_type","updateBlockAttributes","useDispatch","convertSyncedPatternToStatic","unlock","patternsStore","jsxs","Fragment","children","jsx","MenuItem","onClick","_attributes$metadata","attributesWithoutPatternName","__","href","_default","exports","default"],"sources":["@wordpress/patterns/src/components/patterns-manage-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { isReusableBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport { store as patternsStore } from '../store';\nimport { unlock } from '../lock-unlock';\n\nfunction PatternsManageButton( { clientId } ) {\n\tconst {\n\t\tattributes,\n\t\tcanDetach,\n\t\tisVisible,\n\t\tmanagePatternsUrl,\n\t\tisSyncedPattern,\n\t\tisUnsyncedPattern,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canRemoveBlock, getBlock } = select( blockEditorStore );\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst block = getBlock( clientId );\n\n\t\t\tconst _isUnsyncedPattern =\n\t\t\t\twindow?.__experimentalContentOnlyPatternInsertion &&\n\t\t\t\t!! block?.attributes?.metadata?.patternName;\n\n\t\t\tconst _isSyncedPattern =\n\t\t\t\t!! block &&\n\t\t\t\tisReusableBlock( block ) &&\n\t\t\t\t!! canUser( 'update', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t\tid: block.attributes.ref,\n\t\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\tattributes: block.attributes,\n\t\t\t\t// For unsynced patterns, detaching is simply removing the `patternName` attribute.\n\t\t\t\t// For synced patterns, the `core:block` block is replaced with its inner blocks,\n\t\t\t\t// so checking whether `canRemoveBlock` is possible is required.\n\t\t\t\tcanDetach:\n\t\t\t\t\t_isUnsyncedPattern \|\|\n\t\t\t\t\t( _isSyncedPattern && canRemoveBlock( clientId ) ),\n\t\t\t\tisUnsyncedPattern: _isUnsyncedPattern,\n\t\t\t\tisSyncedPattern: _isSyncedPattern,\n\t\t\t\tisVisible: _isUnsyncedPattern \|\| _isSyncedPattern,\n\t\t\t\t// The site editor and templates both check whether the user\n\t\t\t\t// has edit_theme_options capabilities. We can leverage that here\n\t\t\t\t// and omit the manage patterns link if the user can't access it.\n\t\t\t\tmanagePatternsUrl: canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template',\n\t\t\t\t} )\n\t\t\t\t\t? addQueryArgs( 'site-editor.php', {\n\t\t\t\t\t\t\tp: '/pattern',\n\t\t\t\t\t } )\n\t\t\t\t\t: addQueryArgs( 'edit.php', {\n\t\t\t\t\t\t\tpost_type: 'wp_block',\n\t\t\t\t\t } ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { convertSyncedPatternToStatic } = unlock(\n\t\tuseDispatch( patternsStore )\n\t);\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ canDetach && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tif ( isSyncedPattern ) {\n\t\t\t\t\t\t\tconvertSyncedPatternToStatic( clientId );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( isUnsyncedPattern ) {\n\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\tpatternName,\n\t\t\t\t\t\t\t\t...attributesWithoutPatternName\n\t\t\t\t\t\t\t} = attributes?.metadata ?? {};\n\t\t\t\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\t\t\t\tmetadata: attributesWithoutPatternName,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Detach' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t\t<MenuItem href={ managePatternsUrl }>\n\t\t\t\t{ __( 'Manage patterns' ) }\n\t\t\t</MenuItem>\n\t\t</>\n\t);\n}\n\nexport default PatternsManageButton;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/pattern-convert-button.js CHANGED Viewed

@@ -37,7 +37,8 @@ export default function PatternConvertButton({
     createSuccessNotice
   } = useDispatch(noticesStore);
   const {
-    replaceBlocks
+    replaceBlocks,
+    updateBlockAttributes
   } = useDispatch(blockEditorStore);
   // Ignore reason: false positive of the lint rule.
   // eslint-disable-next-line @wordpress/no-unused-vars-before-return
@@ -45,6 +46,9 @@ export default function PatternConvertButton({
     setEditingPattern
   } = unlock(useDispatch(patternsStore));
   const [isModalOpen, setIsModalOpen] = useState(false);
+  const {
+    getBlockAttributes
+  } = useSelect(blockEditorStore);
   const canConvert = useSelect(select => {
     var _getBlocksByClientId;
     const {
@@ -66,10 +70,11 @@ export default function PatternConvertButton({
       // If the block has a parent, check with false as default, otherwise with true.
       return hasBlockSupport(blockName, 'reusable', !hasParent);
     };
-    const isReusable = blocks.length === 1 && blocks[0] && isReusableBlock(blocks[0]) && !!select(coreStore).getEntityRecord('postType', 'wp_block', blocks[0].attributes.ref);
+    const isSyncedPattern = blocks.length === 1 && blocks[0] && isReusableBlock(blocks[0]) && !!select(coreStore).getEntityRecord('postType', 'wp_block', blocks[0].attributes.ref);
+    const isUnsyncedPattern = window?.__experimentalContentOnlyPatternInsertion && blocks.length === 1 && blocks?.[0]?.attributes?.metadata?.patternName;
     const _canConvert =
-    // Hide when this is already a synced pattern.
-    !isReusable &&
+    // Hide when this is already a pattern.
+    !isUnsyncedPattern && !isSyncedPattern &&
     // Hide when patterns are disabled.
     canInsertBlockType('core/block', rootId) && blocks.every(block =>
     // Guard against the case where a regular block has *just* been converted.
@@ -96,7 +101,18 @@ export default function PatternConvertButton({
   const handleSuccess = ({
     pattern
   }) => {
-    if (pattern.wp_pattern_sync_status !== PATTERN_SYNC_TYPES.unsynced) {
+    if (pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced) {
+      if (clientIds?.length === 1) {
+        const existingAttributes = getBlockAttributes(clientIds[0]);
+        updateBlockAttributes(clientIds[0], {
+          metadata: {
+            ...(existingAttributes?.metadata ? existingAttributes.metadata : {}),
+            patternName: `core/block/${pattern.id}`,
+            name: pattern.title.raw
+          }
+        });
+      }
+    } else {
       const newBlock = createBlock('core/block', {
         ref: pattern.id
       });

package/build-module/components/pattern-convert-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["hasBlockSupport","isReusableBlock","createBlock","serialize","getBlockType","store","blockEditorStore","useState","useCallback","MenuItem","symbol","useSelect","useDispatch","coreStore","__","sprintf","noticesStore","patternsStore","CreatePatternModal","unlock","PATTERN_SYNC_TYPES","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PatternConvertButton","clientIds","rootClientId","closeBlockSettingsMenu","createSuccessNotice","replaceBlocks","setEditingPattern","isModalOpen","setIsModalOpen","canConvert","select","_getBlocksByClientId","canUser","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","rootId","length","undefined","blocks","hasReusableBlockSupport","blockName","blockType","hasParent","isReusable","getEntityRecord","attributes","ref","_canConvert","every","block","isValid","name","kind","getContent","handleSuccess","pattern","wp_pattern_sync_status","unsynced","newBlock","id","clientId","title","raw","type","children","icon","onClick","content","onSuccess","onError","onClose"],"sources":["@wordpress/patterns/src/components/pattern-convert-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\thasBlockSupport,\n\tisReusableBlock,\n\tcreateBlock,\n\tserialize,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState, useCallback } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { symbol } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n/\n Internal dependencies\n /\nimport { store as patternsStore } from '../store';\nimport CreatePatternModal from './create-pattern-modal';\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_SYNC_TYPES } from '../constants';\n\n/\n Menu control to convert block(s) to a pattern block.\n \n @param {Object} props Component props.\n * @param {string[]} props.clientIds Client ids of selected blocks.\n * @param {string} props.rootClientId ID of the currently selected top-level block.\n * @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.\n * @return {import('react').ComponentType} The menu control or null.\n /\nexport default function PatternConvertButton( {\n\tclientIds,\n\trootClientId,\n\tcloseBlockSettingsMenu,\n} ) {\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { setEditingPattern } = unlock( useDispatch( patternsStore ) );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst canConvert = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst rootId =\n\t\t\t\trootClientId \|\|\n\t\t\t\t( clientIds.length > 0\n\t\t\t\t\t? getBlockRootClientId( clientIds[ 0 ] )\n\t\t\t\t\t: undefined );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds ) ?? [];\n\n\t\t\t// Check if the block has reusable support defined.\n\t\t\tconst hasReusableBlockSupport = ( blockName ) => {\n\t\t\t\tconst blockType = getBlockType( blockName );\n\t\t\t\tconst hasParent = blockType && 'parent' in blockType;\n\n\t\t\t\t// If the block has a parent, check with false as default, otherwise with true.\n\t\t\t\treturn hasBlockSupport( blockName, 'reusable', ! hasParent );\n\t\t\t};\n\n\t\t\tconst isReusable =\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks[ 0 ] &&\n\t\t\t\tisReusableBlock( blocks[ 0 ] ) &&\n\t\t\t\t!! select( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_block',\n\t\t\t\t\tblocks[ 0 ].attributes.ref\n\t\t\t\t);\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a synced pattern.\n\t\t\t\t! isReusable &&\n\t\t\t\t// Hide when patterns are disabled.\n\t\t\t\tcanInsertBlockType( 'core/block', rootId ) &&\n\t\t\t\tblocks.every(\n\t\t\t\t\t( block ) =>\n\t\t\t\t\t\t// Guard against the case where a regular block has just* been converted.\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t// Hide on invalid blocks.\n\t\t\t\t\t\tblock.isValid &&\n\t\t\t\t\t\t// Hide when block doesn't support being made into a pattern.\n\t\t\t\t\t\thasReusableBlockSupport( block.name )\n\t\t\t\t) &&\n\t\t\t\t// Hide when current doesn't have permission to do that.\n\t\t\t\t// Blocks refers to the wp_block post type, this checks the ability to create a post of that type.\n\t\t\t\t!! canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t} );\n\n\t\t\treturn _canConvert;\n\t\t},\n\t\t[ clientIds, rootClientId ]\n\t);\n\tconst { getBlocksByClientId } = useSelect( blockEditorStore );\n\tconst getContent = useCallback(\n\t\t() => serialize( getBlocksByClientId( clientIds ) ),\n\t\t[ getBlocksByClientId, clientIds ]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\tconst handleSuccess = ( { pattern } ) => {\n\t\tif ( pattern.wp_pattern_sync_status !== PATTERN_SYNC_TYPES.unsynced ) {\n\t\t\tconst newBlock = createBlock( 'core/block', {\n\t\t\t\tref: pattern.id,\n\t\t\t} );\n\n\t\t\treplaceBlocks( clientIds, newBlock );\n\t\t\tsetEditingPattern( newBlock.clientId, true );\n\t\t\tcloseBlockSettingsMenu();\n\t\t}\n\n\t\tcreateSuccessNotice(\n\t\t\tpattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Unsynced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Synced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'convert-to-pattern-success',\n\t\t\t}\n\t\t);\n\t\tsetIsModalOpen( false );\n\t};\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ symbol }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Create pattern' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<CreatePatternModal\n\t\t\t\t\tcontent={ getContent }\n\t\t\t\t\tonSuccess={ ( pattern ) => {\n\t\t\t\t\t\thandleSuccess( pattern );\n\t\t\t\t\t} }\n\t\t\t\t\tonError={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["hasBlockSupport","isReusableBlock","createBlock","serialize","getBlockType","store","blockEditorStore","useState","useCallback","MenuItem","symbol","useSelect","useDispatch","coreStore","__","sprintf","noticesStore","patternsStore","CreatePatternModal","unlock","PATTERN_SYNC_TYPES","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PatternConvertButton","clientIds","rootClientId","closeBlockSettingsMenu","createSuccessNotice","replaceBlocks","updateBlockAttributes","setEditingPattern","isModalOpen","setIsModalOpen","getBlockAttributes","canConvert","select","_getBlocksByClientId","canUser","getBlocksByClientId","canInsertBlockType","getBlockRootClientId","rootId","length","undefined","blocks","hasReusableBlockSupport","blockName","blockType","hasParent","isSyncedPattern","getEntityRecord","attributes","ref","isUnsyncedPattern","window","__experimentalContentOnlyPatternInsertion","metadata","patternName","_canConvert","every","block","isValid","name","kind","getContent","handleSuccess","pattern","wp_pattern_sync_status","unsynced","existingAttributes","id","title","raw","newBlock","clientId","type","children","icon","onClick","content","onSuccess","onError","onClose"],"sources":["@wordpress/patterns/src/components/pattern-convert-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\thasBlockSupport,\n\tisReusableBlock,\n\tcreateBlock,\n\tserialize,\n\tgetBlockType,\n} from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useState, useCallback } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { symbol } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n/\n Internal dependencies\n /\nimport { store as patternsStore } from '../store';\nimport CreatePatternModal from './create-pattern-modal';\nimport { unlock } from '../lock-unlock';\nimport { PATTERN_SYNC_TYPES } from '../constants';\n\n/\n Menu control to convert block(s) to a pattern block.\n \n @param {Object} props Component props.\n * @param {string[]} props.clientIds Client ids of selected blocks.\n * @param {string} props.rootClientId ID of the currently selected top-level block.\n * @param {()=>void} props.closeBlockSettingsMenu Callback to close the block settings menu dropdown.\n * @return {import('react').ComponentType} The menu control or null.\n /\nexport default function PatternConvertButton( {\n\tclientIds,\n\trootClientId,\n\tcloseBlockSettingsMenu,\n} ) {\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst { replaceBlocks, updateBlockAttributes } =\n\t\tuseDispatch( blockEditorStore );\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { setEditingPattern } = unlock( useDispatch( patternsStore ) );\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tconst { getBlockAttributes } = useSelect( blockEditorStore );\n\tconst canConvert = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst {\n\t\t\t\tgetBlocksByClientId,\n\t\t\t\tcanInsertBlockType,\n\t\t\t\tgetBlockRootClientId,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst rootId =\n\t\t\t\trootClientId \|\|\n\t\t\t\t( clientIds.length > 0\n\t\t\t\t\t? getBlockRootClientId( clientIds[ 0 ] )\n\t\t\t\t\t: undefined );\n\n\t\t\tconst blocks = getBlocksByClientId( clientIds ) ?? [];\n\n\t\t\t// Check if the block has reusable support defined.\n\t\t\tconst hasReusableBlockSupport = ( blockName ) => {\n\t\t\t\tconst blockType = getBlockType( blockName );\n\t\t\t\tconst hasParent = blockType && 'parent' in blockType;\n\n\t\t\t\t// If the block has a parent, check with false as default, otherwise with true.\n\t\t\t\treturn hasBlockSupport( blockName, 'reusable', ! hasParent );\n\t\t\t};\n\n\t\t\tconst isSyncedPattern =\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks[ 0 ] &&\n\t\t\t\tisReusableBlock( blocks[ 0 ] ) &&\n\t\t\t\t!! select( coreStore ).getEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_block',\n\t\t\t\t\tblocks[ 0 ].attributes.ref\n\t\t\t\t);\n\n\t\t\tconst isUnsyncedPattern =\n\t\t\t\twindow?.__experimentalContentOnlyPatternInsertion &&\n\t\t\t\tblocks.length === 1 &&\n\t\t\t\tblocks?.[ 0 ]?.attributes?.metadata?.patternName;\n\n\t\t\tconst _canConvert =\n\t\t\t\t// Hide when this is already a pattern.\n\t\t\t\t! isUnsyncedPattern &&\n\t\t\t\t! isSyncedPattern &&\n\t\t\t\t// Hide when patterns are disabled.\n\t\t\t\tcanInsertBlockType( 'core/block', rootId ) &&\n\t\t\t\tblocks.every(\n\t\t\t\t\t( block ) =>\n\t\t\t\t\t\t// Guard against the case where a regular block has just* been converted.\n\t\t\t\t\t\t!! block &&\n\t\t\t\t\t\t// Hide on invalid blocks.\n\t\t\t\t\t\tblock.isValid &&\n\t\t\t\t\t\t// Hide when block doesn't support being made into a pattern.\n\t\t\t\t\t\thasReusableBlockSupport( block.name )\n\t\t\t\t) &&\n\t\t\t\t// Hide when current doesn't have permission to do that.\n\t\t\t\t// Blocks refers to the wp_block post type, this checks the ability to create a post of that type.\n\t\t\t\t!! canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t} );\n\n\t\t\treturn _canConvert;\n\t\t},\n\t\t[ clientIds, rootClientId ]\n\t);\n\tconst { getBlocksByClientId } = useSelect( blockEditorStore );\n\tconst getContent = useCallback(\n\t\t() => serialize( getBlocksByClientId( clientIds ) ),\n\t\t[ getBlocksByClientId, clientIds ]\n\t);\n\n\tif ( ! canConvert ) {\n\t\treturn null;\n\t}\n\n\tconst handleSuccess = ( { pattern } ) => {\n\t\tif ( pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced ) {\n\t\t\tif ( clientIds?.length === 1 ) {\n\t\t\t\tconst existingAttributes = getBlockAttributes( clientIds[ 0 ] );\n\t\t\t\tupdateBlockAttributes( clientIds[ 0 ], {\n\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t...( existingAttributes?.metadata\n\t\t\t\t\t\t\t? existingAttributes.metadata\n\t\t\t\t\t\t\t: {} ),\n\t\t\t\t\t\tpatternName: `core/block/${ pattern.id }`,\n\t\t\t\t\t\tname: pattern.title.raw,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t} else {\n\t\t\tconst newBlock = createBlock( 'core/block', {\n\t\t\t\tref: pattern.id,\n\t\t\t} );\n\n\t\t\treplaceBlocks( clientIds, newBlock );\n\t\t\tsetEditingPattern( newBlock.clientId, true );\n\t\t\tcloseBlockSettingsMenu();\n\t\t}\n\n\t\tcreateSuccessNotice(\n\t\t\tpattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Unsynced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t )\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t// translators: %s: the name the user has given to the pattern.\n\t\t\t\t\t\t__( 'Synced pattern created: %s' ),\n\t\t\t\t\t\tpattern.title.raw\n\t\t\t\t ),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'convert-to-pattern-success',\n\t\t\t}\n\t\t);\n\t\tsetIsModalOpen( false );\n\t};\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ symbol }\n\t\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ __( 'Create pattern' ) }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<CreatePatternModal\n\t\t\t\t\tcontent={ getContent }\n\t\t\t\t\tonSuccess={ ( pattern ) => {\n\t\t\t\t\t\thandleSuccess( pattern );\n\t\t\t\t\t} }\n\t\t\t\t\tonError={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/patterns-manage-button.js CHANGED Viewed

@@ -19,25 +19,36 @@ function PatternsManageButton({
   clientId
 }) {
   const {
-    canRemove,
+    attributes,
+    canDetach,
     isVisible,
-    managePatternsUrl
+    managePatternsUrl,
+    isSyncedPattern,
+    isUnsyncedPattern
   } = useSelect(select => {
     const {
-      getBlock,
-      canRemoveBlock
+      canRemoveBlock,
+      getBlock
     } = select(blockEditorStore);
     const {
       canUser
     } = select(coreStore);
-    const reusableBlock = getBlock(clientId);
+    const block = getBlock(clientId);
+    const _isUnsyncedPattern = window?.__experimentalContentOnlyPatternInsertion && !!block?.attributes?.metadata?.patternName;
+    const _isSyncedPattern = !!block && isReusableBlock(block) && !!canUser('update', {
+      kind: 'postType',
+      name: 'wp_block',
+      id: block.attributes.ref
+    });
     return {
-      canRemove: canRemoveBlock(clientId),
-      isVisible: !!reusableBlock && isReusableBlock(reusableBlock) && !!canUser('update', {
-        kind: 'postType',
-        name: 'wp_block',
-        id: reusableBlock.attributes.ref
-      }),
+      attributes: block.attributes,
+      // For unsynced patterns, detaching is simply removing the `patternName` attribute.
+      // For synced patterns, the `core:block` block is replaced with its inner blocks,
+      // so checking whether `canRemoveBlock` is possible is required.
+      canDetach: _isUnsyncedPattern || _isSyncedPattern && canRemoveBlock(clientId),
+      isUnsyncedPattern: _isUnsyncedPattern,
+      isSyncedPattern: _isSyncedPattern,
+      isVisible: _isUnsyncedPattern || _isSyncedPattern,
       // The site editor and templates both check whether the user
       // has edit_theme_options capabilities. We can leverage that here
       // and omit the manage patterns link if the user can't access it.
@@ -51,6 +62,9 @@ function PatternsManageButton({
       })
     };
   }, [clientId]);
+  const {
+    updateBlockAttributes
+  } = useDispatch(blockEditorStore);
   // Ignore reason: false positive of the lint rule.
   // eslint-disable-next-line @wordpress/no-unused-vars-before-return
@@ -61,8 +75,22 @@ function PatternsManageButton({
     return null;
   }
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [canRemove && /*#__PURE__*/_jsx(MenuItem, {
-      onClick: () => convertSyncedPatternToStatic(clientId),
+    children: [canDetach && /*#__PURE__*/_jsx(MenuItem, {
+      onClick: () => {
+        if (isSyncedPattern) {
+          convertSyncedPatternToStatic(clientId);
+        }
+        if (isUnsyncedPattern) {
+          var _attributes$metadata;
+          const {
+            patternName,
+            ...attributesWithoutPatternName
+          } = (_attributes$metadata = attributes?.metadata) !== null && _attributes$metadata !== void 0 ? _attributes$metadata : {};
+          updateBlockAttributes(clientId, {
+            metadata: attributesWithoutPatternName
+          });
+        }
+      },
       children: __('Detach')
     }), /*#__PURE__*/_jsx(MenuItem, {
       href: managePatternsUrl,

package/build-module/components/patterns-manage-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["MenuItem","__","isReusableBlock","useSelect","useDispatch","store","blockEditorStore","addQueryArgs","coreStore","patternsStore","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PatternsManageButton","clientId","~~canRemove~~","isVisible","managePatternsUrl","~~select~~","~~getBlock~~","canRemoveBlock","canUser","~~reusableBlock~~","kind","name","id","~~attributes","~~ref","p","post_type","convertSyncedPatternToStatic","children","onClick","href"],"sources":["@wordpress/patterns/src/components/patterns-manage-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { isReusableBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport { store as patternsStore } from '../store';\nimport { unlock } from '../lock-unlock';\n\nfunction PatternsManageButton( { clientId } ) {\n\tconst { ~~canRemove, isVisible, managePatternsUrl~~ } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { ~~getBlock~~, ~~canRemoveBlock~~ } = select( blockEditorStore );\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst ~~reusableBlock~~ = getBlock( clientId );\n\n\t\t\~~treturn~~ {\n\t\t\t\~~tcanRemove:~~ ~~canRemoveBlock( clientId ),\~~n\t\t\t\~~tisVisible:\~~n\t\t\t\t\t!! ~~reusableBlock~~ &&\n\t\t\t\t\tisReusableBlock( ~~reusableBlock~~ ) &&\n\t\t\t\t\t!! canUser( 'update', {\n\t\t\t\t\t\tkind: 'postType',\n\t\t\t\t\t\tname: 'wp_block',\n\t\t\t\t\t\tid: ~~reusableBlock~~.attributes.ref,\n\t\t\t\t\t} ),\n\t\t\t\t// The site editor and templates both check whether the user\n\t\t\t\t// has edit_theme_options capabilities. We can leverage that here\n\t\t\t\t// and omit the manage patterns link if the user can't access it.\n\t\t\t\tmanagePatternsUrl: canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template',\n\t\t\t\t} )\n\t\t\t\t\t? addQueryArgs( 'site-editor.php', {\n\t\t\t\t\t\t\tp: '/pattern',\n\t\t\t\t\t } )\n\t\t\t\t\t: addQueryArgs( 'edit.php', {\n\t\t\t\t\t\t\tpost_type: 'wp_block',\n\t\t\t\t\t } ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { convertSyncedPatternToStatic } = unlock(\n\t\tuseDispatch( patternsStore )\n\t);\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ ~~canRemove~~ && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => ~~convertSyncedPatternToStatic~~( clientId ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Detach' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t\t<MenuItem href={ managePatternsUrl }>\n\t\t\t\t{ __( 'Manage patterns' ) }\n\t\t\t</MenuItem>\n\t\t</>\n\t);\n}\n\nexport default PatternsManageButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASF,KAAK,IAAIG,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA,SAASH,KAAK,IAAII,aAAa,QAAQ,UAAU;AACjD,SAASC,MAAM,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAExC,SAASC,oBAAoBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC7C,MAAM;~~IAAEC~~,SAAS;~~IAAEC~~,SAAS;~~IAAEC~~;~~EAAkB~~,CAAC,~~GAAGlB~~,SAAS,~~CAC1DmB~~,MAAM,IAAM;IACb,MAAM;MAAEC,~~QAAQ~~;MAAEC;~~IAAe~~,CAAC,GAAGF,MAAM,~~CAAEhB~~,gBAAiB,CAAC;IAC/D,MAAM;~~MAAEmB~~;IAAQ,CAAC,GAAGH,MAAM,~~CAAEd~~,SAAU,CAAC;IACvC,~~MAAMkB~~,~~aAAa~~,~~GAAGH~~,QAAQ,~~CAAEL~~,QAAS,CAAC;~~IAE1C~~,~~OAAO;MACNC~~,~~SAAS~~,~~EAAEK~~,~~cAAc~~,~~CAAEN~~,~~QAAS~~,CAAC;~~MACrCE~~,~~SAAS~~,~~EACR~~,CAAC,~~CAAEM~~,~~aAAa~~,~~IAChBxB~~,eAAe,~~CAAEwB~~,~~aAAc~~,CAAC,~~IAChC~~,CAAC,CAAED,OAAO,CAAE,QAAQ,EAAE;~~QACrBE~~,IAAI,EAAE,UAAU;~~QAChBC~~,IAAI,EAAE,UAAU;~~QAChBC~~,EAAE,~~EAAEH~~,~~aAAa~~,~~CAACI~~,UAAU,~~CAACC~~;~~MAC9B~~,CAAE,CAAC;~~MACJ~~;MACA;MACA;~~MACAV~~,iBAAiB,~~EAAEI~~,OAAO,CAAE,QAAQ,EAAE;~~QACrCE~~,IAAI,EAAE,UAAU;QAChBC,IAAI,EAAE;MACP,CAAE,CAAC,~~GACArB~~,YAAY,CAAE,iBAAiB,EAAE;~~QACjCyB~~,CAAC,EAAE;MACH,CAAE,CAAC,~~GACHzB~~,YAAY,CAAE,UAAU,EAAE;~~QAC1B0B~~,SAAS,EAAE;MACX,CAAE;IACN,CAAC;EACF,CAAC,EACD,~~CAAEf~~,QAAQ,CACX,CAAC;;EAED;EACA;EACA,MAAM;~~IAAEgB~~;EAA6B,CAAC,~~GAAGxB~~,MAAM,CAC9CN,WAAW,CAAEK,aAAc,CAC5B,CAAC;EAED,IAAK,~~CAAEW~~,SAAS,EAAG;IAClB,OAAO,IAAI;EACZ;EAEA,~~oBACCJ~~,KAAA,CAAAF,SAAA;~~IAAAqB~~,QAAA,~~GACGhB~~,SAAS,~~iBACVP~~,IAAA,CAACZ,QAAQ;~~MACRoC~~,OAAO,EAAGA,CAAA,~~KAAMF~~,4BAA4B,~~CAAEhB~~,QAAS,CAAG;~~MAAAiB~~,QAAA,~~EAExDlC~~,EAAE,CAAE,QAAS;IAAC,CACP,CACV,eACDW,IAAA,CAACZ,QAAQ;~~MAACqC~~,IAAI,~~EAAGhB~~,iBAAmB;~~MAAAc~~,QAAA,~~EACjClC~~,EAAE,CAAE,iBAAkB;IAAC,CAChB,CAAC;EAAA,CACV,CAAC;AAEL;AAEA,eAAegB,oBAAoB","ignoreList":[]}
1	+ {"version":3,"names":["MenuItem","__","isReusableBlock","useSelect","useDispatch","store","blockEditorStore","addQueryArgs","coreStore","patternsStore","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","PatternsManageButton","clientId","attributes","canDetach","isVisible","managePatternsUrl","isSyncedPattern","isUnsyncedPattern","select","canRemoveBlock","getBlock","canUser","block","_isUnsyncedPattern","window","__experimentalContentOnlyPatternInsertion","metadata","patternName","_isSyncedPattern","kind","name","id","ref","p","post_type","updateBlockAttributes","convertSyncedPatternToStatic","children","onClick","_attributes$metadata","attributesWithoutPatternName","href"],"sources":["@wordpress/patterns/src/components/patterns-manage-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { isReusableBlock } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { addQueryArgs } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/\n Internal dependencies\n */\nimport { store as patternsStore } from '../store';\nimport { unlock } from '../lock-unlock';\n\nfunction PatternsManageButton( { clientId } ) {\n\tconst {\n\t\tattributes,\n\t\tcanDetach,\n\t\tisVisible,\n\t\tmanagePatternsUrl,\n\t\tisSyncedPattern,\n\t\tisUnsyncedPattern,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { canRemoveBlock, getBlock } = select( blockEditorStore );\n\t\t\tconst { canUser } = select( coreStore );\n\t\t\tconst block = getBlock( clientId );\n\n\t\t\tconst _isUnsyncedPattern =\n\t\t\t\twindow?.__experimentalContentOnlyPatternInsertion &&\n\t\t\t\t!! block?.attributes?.metadata?.patternName;\n\n\t\t\tconst _isSyncedPattern =\n\t\t\t\t!! block &&\n\t\t\t\tisReusableBlock( block ) &&\n\t\t\t\t!! canUser( 'update', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_block',\n\t\t\t\t\tid: block.attributes.ref,\n\t\t\t\t} );\n\n\t\t\treturn {\n\t\t\t\tattributes: block.attributes,\n\t\t\t\t// For unsynced patterns, detaching is simply removing the `patternName` attribute.\n\t\t\t\t// For synced patterns, the `core:block` block is replaced with its inner blocks,\n\t\t\t\t// so checking whether `canRemoveBlock` is possible is required.\n\t\t\t\tcanDetach:\n\t\t\t\t\t_isUnsyncedPattern \|\|\n\t\t\t\t\t( _isSyncedPattern && canRemoveBlock( clientId ) ),\n\t\t\t\tisUnsyncedPattern: _isUnsyncedPattern,\n\t\t\t\tisSyncedPattern: _isSyncedPattern,\n\t\t\t\tisVisible: _isUnsyncedPattern \|\| _isSyncedPattern,\n\t\t\t\t// The site editor and templates both check whether the user\n\t\t\t\t// has edit_theme_options capabilities. We can leverage that here\n\t\t\t\t// and omit the manage patterns link if the user can't access it.\n\t\t\t\tmanagePatternsUrl: canUser( 'create', {\n\t\t\t\t\tkind: 'postType',\n\t\t\t\t\tname: 'wp_template',\n\t\t\t\t} )\n\t\t\t\t\t? addQueryArgs( 'site-editor.php', {\n\t\t\t\t\t\t\tp: '/pattern',\n\t\t\t\t\t } )\n\t\t\t\t\t: addQueryArgs( 'edit.php', {\n\t\t\t\t\t\t\tpost_type: 'wp_block',\n\t\t\t\t\t } ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\t// Ignore reason: false positive of the lint rule.\n\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\tconst { convertSyncedPatternToStatic } = unlock(\n\t\tuseDispatch( patternsStore )\n\t);\n\n\tif ( ! isVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ canDetach && (\n\t\t\t\t<MenuItem\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tif ( isSyncedPattern ) {\n\t\t\t\t\t\t\tconvertSyncedPatternToStatic( clientId );\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( isUnsyncedPattern ) {\n\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\tpatternName,\n\t\t\t\t\t\t\t\t...attributesWithoutPatternName\n\t\t\t\t\t\t\t} = attributes?.metadata ?? {};\n\t\t\t\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\t\t\t\tmetadata: attributesWithoutPatternName,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Detach' ) }\n\t\t\t\t</MenuItem>\n\t\t\t) }\n\t\t\t<MenuItem href={ managePatternsUrl }>\n\t\t\t\t{ __( 'Manage patterns' ) }\n\t\t\t</MenuItem>\n\t\t</>\n\t);\n}\n\nexport default PatternsManageButton;\n"],"mappings":"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","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/patterns",
-	"version": "2.30.1-next.836ecdcae.0",
+	"version": "2.31.0",
 	"description": "Management of user pattern editing.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,20 +33,20 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.30.1-next.836ecdcae.0",
-		"@wordpress/block-editor": "^15.3.1-next.836ecdcae.0",
-		"@wordpress/blocks": "^15.3.1-next.836ecdcae.0",
-		"@wordpress/components": "^30.3.2-next.836ecdcae.0",
-		"@wordpress/compose": "^7.30.1-next.836ecdcae.0",
-		"@wordpress/core-data": "^7.30.1-next.836ecdcae.0",
-		"@wordpress/data": "^10.30.1-next.836ecdcae.0",
-		"@wordpress/element": "^6.30.1-next.836ecdcae.0",
-		"@wordpress/html-entities": "^4.30.1-next.836ecdcae.0",
-		"@wordpress/i18n": "^6.3.1-next.836ecdcae.0",
-		"@wordpress/icons": "^10.30.1-next.836ecdcae.0",
-		"@wordpress/notices": "^5.30.1-next.836ecdcae.0",
-		"@wordpress/private-apis": "^1.30.1-next.836ecdcae.0",
-		"@wordpress/url": "^4.30.1-next.836ecdcae.0"
+		"@wordpress/a11y": "^4.31.0",
+		"@wordpress/block-editor": "^15.4.0",
+		"@wordpress/blocks": "^15.4.0",
+		"@wordpress/components": "^30.4.0",
+		"@wordpress/compose": "^7.31.0",
+		"@wordpress/core-data": "^7.31.0",
+		"@wordpress/data": "^10.31.0",
+		"@wordpress/element": "^6.31.0",
+		"@wordpress/html-entities": "^4.31.0",
+		"@wordpress/i18n": "^6.4.0",
+		"@wordpress/icons": "^10.31.0",
+		"@wordpress/notices": "^5.31.0",
+		"@wordpress/private-apis": "^1.31.0",
+		"@wordpress/url": "^4.31.0"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
@@ -55,5 +55,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "3e60b4c1e78d7b27acbf1d7dd172bbd64358a0f2"
+	"gitHead": "d7601d30d49462ea942168e8ab6bf449fb93097e"
 }

package/src/components/pattern-convert-button.js CHANGED Viewed

@@ -39,11 +39,13 @@ export default function PatternConvertButton( {
 	closeBlockSettingsMenu,
 } ) {
 	const { createSuccessNotice } = useDispatch( noticesStore );
-	const { replaceBlocks } = useDispatch( blockEditorStore );
+	const { replaceBlocks, updateBlockAttributes } =
+		useDispatch( blockEditorStore );
 	// Ignore reason: false positive of the lint rule.
 	// eslint-disable-next-line @wordpress/no-unused-vars-before-return
 	const { setEditingPattern } = unlock( useDispatch( patternsStore ) );
 	const [ isModalOpen, setIsModalOpen ] = useState( false );
+	const { getBlockAttributes } = useSelect( blockEditorStore );
 	const canConvert = useSelect(
 		( select ) => {
 			const { canUser } = select( coreStore );
@@ -70,7 +72,7 @@ export default function PatternConvertButton( {
 				return hasBlockSupport( blockName, 'reusable', ! hasParent );
 			};
-			const isReusable =
+			const isSyncedPattern =
 				blocks.length === 1 &&
 				blocks[ 0 ] &&
 				isReusableBlock( blocks[ 0 ] ) &&
@@ -80,9 +82,15 @@ export default function PatternConvertButton( {
 					blocks[ 0 ].attributes.ref
 				);
+			const isUnsyncedPattern =
+				window?.__experimentalContentOnlyPatternInsertion &&
+				blocks.length === 1 &&
+				blocks?.[ 0 ]?.attributes?.metadata?.patternName;
 			const _canConvert =
-				// Hide when this is already a synced pattern.
-				! isReusable &&
+				// Hide when this is already a pattern.
+				! isUnsyncedPattern &&
+				! isSyncedPattern &&
 				// Hide when patterns are disabled.
 				canInsertBlockType( 'core/block', rootId ) &&
 				blocks.every(
@@ -116,7 +124,20 @@ export default function PatternConvertButton( {
 	}
 	const handleSuccess = ( { pattern } ) => {
-		if ( pattern.wp_pattern_sync_status !== PATTERN_SYNC_TYPES.unsynced ) {
+		if ( pattern.wp_pattern_sync_status === PATTERN_SYNC_TYPES.unsynced ) {
+			if ( clientIds?.length === 1 ) {
+				const existingAttributes = getBlockAttributes( clientIds[ 0 ] );
+				updateBlockAttributes( clientIds[ 0 ], {
+					metadata: {
+						...( existingAttributes?.metadata
+							? existingAttributes.metadata
+							: {} ),
+						patternName: `core/block/${ pattern.id }`,
+						name: pattern.title.raw,
+					},
+				} );
+			}
+		} else {
 			const newBlock = createBlock( 'core/block', {
 				ref: pattern.id,
 			} );

package/src/components/patterns-manage-button.js CHANGED Viewed

@@ -16,22 +16,43 @@ import { store as patternsStore } from '../store';
 import { unlock } from '../lock-unlock';
 function PatternsManageButton( { clientId } ) {
-	const { canRemove, isVisible, managePatternsUrl } = useSelect(
+	const {
+		attributes,
+		canDetach,
+		isVisible,
+		managePatternsUrl,
+		isSyncedPattern,
+		isUnsyncedPattern,
+	} = useSelect(
 		( select ) => {
-			const { getBlock, canRemoveBlock } = select( blockEditorStore );
+			const { canRemoveBlock, getBlock } = select( blockEditorStore );
 			const { canUser } = select( coreStore );
-			const reusableBlock = getBlock( clientId );
+			const block = getBlock( clientId );
+			const _isUnsyncedPattern =
+				window?.__experimentalContentOnlyPatternInsertion &&
+				!! block?.attributes?.metadata?.patternName;
+			const _isSyncedPattern =
+				!! block &&
+				isReusableBlock( block ) &&
+				!! canUser( 'update', {
+					kind: 'postType',
+					name: 'wp_block',
+					id: block.attributes.ref,
+				} );
 			return {
-				canRemove: canRemoveBlock( clientId ),
-				isVisible:
-					!! reusableBlock &&
-					isReusableBlock( reusableBlock ) &&
-					!! canUser( 'update', {
-						kind: 'postType',
-						name: 'wp_block',
-						id: reusableBlock.attributes.ref,
-					} ),
+				attributes: block.attributes,
+				// For unsynced patterns, detaching is simply removing the `patternName` attribute.
+				// For synced patterns, the `core:block` block is replaced with its inner blocks,
+				// so checking whether `canRemoveBlock` is possible is required.
+				canDetach:
+					_isUnsyncedPattern ||
+					( _isSyncedPattern && canRemoveBlock( clientId ) ),
+				isUnsyncedPattern: _isUnsyncedPattern,
+				isSyncedPattern: _isSyncedPattern,
+				isVisible: _isUnsyncedPattern || _isSyncedPattern,
 				// The site editor and templates both check whether the user
 				// has edit_theme_options capabilities. We can leverage that here
 				// and omit the manage patterns link if the user can't access it.
@@ -50,6 +71,8 @@ function PatternsManageButton( { clientId } ) {
 		[ clientId ]
 	);
+	const { updateBlockAttributes } = useDispatch( blockEditorStore );
 	// Ignore reason: false positive of the lint rule.
 	// eslint-disable-next-line @wordpress/no-unused-vars-before-return
 	const { convertSyncedPatternToStatic } = unlock(
@@ -62,9 +85,23 @@ function PatternsManageButton( { clientId } ) {
 	return (
 		<>
-			{ canRemove && (
+			{ canDetach && (
 				<MenuItem
-					onClick={ () => convertSyncedPatternToStatic( clientId ) }
+					onClick={ () => {
+						if ( isSyncedPattern ) {
+							convertSyncedPatternToStatic( clientId );
+						}
+						if ( isUnsyncedPattern ) {
+							const {
+								patternName,
+								...attributesWithoutPatternName
+							} = attributes?.metadata ?? {};
+							updateBlockAttributes( clientId, {
+								metadata: attributesWithoutPatternName,
+							} );
+						}
+					} }
 				>
 					{ __( 'Detach' ) }
 				</MenuItem>