@wordpress/block-library 9.35.1-next.16d95556a.0 → 9.36.0

package/src/search/index.js

@@ -3,6 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { search as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -11,6 +12,9 @@ import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 import variations from './variations';
+import { unlock } from '../lock-unlock';
+
+const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -26,4 +30,28 @@ export const settings = {
 	edit,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings[ fieldsKey ] = [
+		{
+			id: 'label',
+			label: __( 'Label' ),
+			type: 'richtext',
+			shownByDefault: true,
+		},
+		{
+			id: 'buttonText',
+			label: __( 'Button text' ),
+			type: 'richtext',
+		},
+		{
+			id: 'placeholder',
+			label: __( 'Placeholder' ),
+			type: 'richtext',
+		},
+	];
+	settings[ formKey ] = {
+		fields: [ 'label' ],
+	};
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/social-link/index.js

@@ -1,7 +1,9 @@
 /**
  * WordPress dependencies
  */
+import { __ } from '@wordpress/i18n';
 import { share as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -10,6 +12,9 @@ import initBlock from '../utils/init-block';
 import edit from './edit';
 import metadata from './block.json';
 import variations from './variations';
+import { unlock } from '../lock-unlock';
+
+const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -21,4 +26,26 @@ export const settings = {
 	variations,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings[ fieldsKey ] = [
+		{
+			id: 'link',
+			label: __( 'Link' ),
+			type: 'link',
+			mapping: {
+				href: 'url',
+				rel: 'rel',
+			},
+		},
+		{
+			id: 'label',
+			label: __( 'Label' ),
+			type: 'richtext',
+		},
+	];
+	settings[ formKey ] = {
+		fields: [ 'link' ],
+	};
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/social-links/edit.js

@@ -183,7 +183,7 @@ export function SocialLinksEdit( props ) {
 						<SelectControl
 							__next40pxDefaultSize
 							__nextHasNoMarginBottom
-							label={ __( 'Icon Size' ) }
+							label={ __( 'Icon size' ) }
 							onChange={ ( newSize ) => {
 								setAttributes( {
 									size: newSize === '' ? undefined : newSize,

package/src/style.scss

@@ -1,3 +1,4 @@
+@use "./accordion/style.scss" as *;
 @use "./accordion-item/style.scss" as *;
 @use "./accordion-heading/style.scss" as *;
 @use "./accordion-panel/style.scss" as *;

package/src/tabs/view.js

@@ -9,8 +9,25 @@ import {
 } from '@wordpress/interactivity';
 
 function createReadOnlyProxy( obj ) {
+	const arrayMutationMethods = new Set( [
+		'push',
+		'pop',
+		'shift',
+		'unshift',
+		'splice',
+		'sort',
+		'reverse',
+		'copyWithin',
+		'fill',
+	] );
+
 	return new Proxy( obj, {
 		get( target, prop ) {
+			// If accessing an array mutation method, return a no-op function.
+			if ( Array.isArray( target ) && arrayMutationMethods.has( prop ) ) {
+				return () => {};
+			}
+
 			const value = target[ prop ];
 			if ( typeof value === 'object' && value !== null ) {
 				return createReadOnlyProxy( value );
@@ -186,21 +203,19 @@ store( 'core/tabs', {
 		/**
 		 * Gets the index of the active tab element whether it
 		 * is a tab label or tab panel.
-		 * Public API for third-party access.
 		 *
 		 * @type {number|null}
 		 */
 		get tabIndex() {
-			return createReadOnlyProxy( privateState.tabIndex );
+			return privateState.tabIndex;
 		},
 		/**
 		 * Whether the tab panel or tab label is the active tab.
-		 * Public API for third-party access.
 		 *
 		 * @type {boolean}
 		 */
 		get isActiveTab() {
-			return createReadOnlyProxy( privateState.isActiveTab );
+			return privateState.isActiveTab;
 		},
 	},
 	actions: {

package/src/template-part/edit/index.js

@@ -39,6 +39,17 @@ import {
 	useAlternativeTemplateParts,
 	useTemplatePartArea,
 } from './utils/hooks';
+import { unlock } from '../../lock-unlock';
+
+function getTemplatePartEditButtonTitle( clientId, editedContentOnlySection ) {
+	if ( ! window?.__experimentalContentOnlyPatternInsertion ) {
+		return __( 'Edit' );
+	}
+
+	return editedContentOnlySection === clientId
+		? __( 'Exit section' )
+		: __( 'Edit section' );
+}
 
 function ReplaceButton( {
 	isEntityAvailable,
@@ -108,8 +119,18 @@ export default function TemplatePartEdit( {
 } ) {
 	const { createSuccessNotice } = useDispatch( noticesStore );
 	const { editEntityRecord } = useDispatch( coreStore );
-	const currentTheme = useSelect(
-		( select ) => select( coreStore ).getCurrentTheme()?.stylesheet,
+	const { editContentOnlySection, stopEditingContentOnlySection } = unlock(
+		useDispatch( blockEditorStore )
+	);
+	const { currentTheme, editedContentOnlySection } = useSelect(
+		( select ) => {
+			return {
+				currentTheme: select( coreStore ).getCurrentTheme()?.stylesheet,
+				editedContentOnlySection: unlock(
+					select( blockEditorStore )
+				).getEditedContentOnlySection(),
+			};
+		},
 		[]
 	);
 	const { slug, theme = currentTheme, tagName, layout = {} } = attributes;
@@ -240,14 +261,31 @@ export default function TemplatePartEdit( {
 					canUserEdit && (
 						<BlockControls group="other">
 							<ToolbarButton
-								onClick={ () =>
+								onClick={ () => {
+									if (
+										window?.__experimentalContentOnlyPatternInsertion
+									) {
+										if (
+											editedContentOnlySection !==
+											clientId
+										) {
+											editContentOnlySection( clientId );
+										} else {
+											stopEditingContentOnlySection();
+										}
+										return;
+									}
+
 									onNavigateToEntityRecord( {
 										postId: templatePartId,
 										postType: 'wp_template_part',
-									} )
-								}
+									} );
+								} }
 							>
-								{ __( 'Edit' ) }
+								{ getTemplatePartEditButtonTitle(
+									clientId,
+									editedContentOnlySection
+								) }
 							</ToolbarButton>
 						</BlockControls>
 					) }

package/src/template-part/edit/utils/hooks.js

@@ -83,10 +83,8 @@ export function useAlternativeBlockPatterns( area, clientId ) {
 			const blockNameWithArea = area
 				? `core/template-part/${ area }`
 				: 'core/template-part';
-			const { getBlockRootClientId, getPatternsByBlockTypes } =
-				select( blockEditorStore );
-			const rootClientId = getBlockRootClientId( clientId );
-			return getPatternsByBlockTypes( blockNameWithArea, rootClientId );
+			const { getPatternsByBlockTypes } = select( blockEditorStore );
+			return getPatternsByBlockTypes( blockNameWithArea, clientId );
 		},
 		[ area, clientId ]
 	);

package/src/term-count/index.js

@@ -15,6 +15,7 @@ export { metadata, name };
 
 export const settings = {
 	icon,
+	example: {},
 	edit,
 };
 

package/src/term-name/index.js

@@ -15,6 +15,7 @@ export { metadata, name };
 
 export const settings = {
 	icon,
+	example: {},
 	edit,
 };
 

package/src/verse/index.js

@@ -3,6 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { verse as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -13,6 +14,9 @@ import edit from './edit';
 import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
+import { unlock } from '../lock-unlock';
+
+const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -41,4 +45,17 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings[ fieldsKey ] = [
+		{
+			id: 'content',
+			label: __( 'Content' ),
+			type: 'richtext',
+		},
+	];
+	settings[ formKey ] = {
+		fields: [ 'content' ],
+	};
+}
+
 export const init = () => initBlock( { name, metadata, settings } );

package/src/video/index.js

@@ -3,6 +3,7 @@
  */
 import { __ } from '@wordpress/i18n';
 import { video as icon } from '@wordpress/icons';
+import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -13,6 +14,9 @@ import edit from './edit';
 import metadata from './block.json';
 import save from './save';
 import transforms from './transforms';
+import { unlock } from '../lock-unlock';
+
+const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 
 const { name } = metadata;
 
@@ -33,4 +37,32 @@ export const settings = {
 	save,
 };
 
+if ( window.__experimentalContentOnlyPatternInsertion ) {
+	settings[ fieldsKey ] = [
+		{
+			id: 'video',
+			label: __( 'Video' ),
+			type: 'media',
+			mapping: {
+				id: 'id',
+				url: 'src',
+				caption: 'caption',
+				poster: 'poster',
+			},
+			args: {
+				allowedTypes: [ 'video' ],
+				multiple: false,
+			},
+		},
+		{
+			id: 'caption',
+			label: __( 'Caption' ),
+			type: 'richtext',
+		},
+	];
+	settings[ formKey ] = {
+		fields: [ 'video' ],
+	};
+}
+
 export const init = () => initBlock( { name, metadata, settings } );