@wordpress/block-library 9.29.1-next.f34ab90e9.0 → 9.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.29.1-next.f34ab90e9.0",
+	"version": "9.30.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -42,39 +42,39 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/api-fetch": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/autop": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/blob": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/block-editor": "^15.2.1-next.f34ab90e9.0",
-		"@wordpress/blocks": "^15.2.1-next.f34ab90e9.0",
-		"@wordpress/components": "^30.2.1-next.f34ab90e9.0",
-		"@wordpress/compose": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/core-data": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/data": "^10.29.1-next.f34ab90e9.0",
-		"@wordpress/date": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/deprecated": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/dom": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/element": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/escape-html": "^3.29.1-next.f34ab90e9.0",
-		"@wordpress/hooks": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/html-entities": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/i18n": "^6.2.1-next.f34ab90e9.0",
-		"@wordpress/icons": "^10.29.1-next.f34ab90e9.0",
-		"@wordpress/interactivity": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/interactivity-router": "^2.29.1-next.f34ab90e9.0",
-		"@wordpress/keyboard-shortcuts": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/keycodes": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/notices": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/patterns": "^2.29.1-next.f34ab90e9.0",
-		"@wordpress/primitives": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/private-apis": "^1.29.1-next.f34ab90e9.0",
-		"@wordpress/reusable-blocks": "^5.29.1-next.f34ab90e9.0",
-		"@wordpress/rich-text": "^7.29.1-next.f34ab90e9.0",
-		"@wordpress/server-side-render": "^6.5.1-next.f34ab90e9.0",
-		"@wordpress/url": "^4.29.1-next.f34ab90e9.0",
-		"@wordpress/viewport": "^6.29.1-next.f34ab90e9.0",
-		"@wordpress/wordcount": "^4.29.1-next.f34ab90e9.0",
+		"@wordpress/a11y": "^4.30.0",
+		"@wordpress/api-fetch": "^7.30.0",
+		"@wordpress/autop": "^4.30.0",
+		"@wordpress/blob": "^4.30.0",
+		"@wordpress/block-editor": "^15.3.0",
+		"@wordpress/blocks": "^15.3.0",
+		"@wordpress/components": "^30.3.0",
+		"@wordpress/compose": "^7.30.0",
+		"@wordpress/core-data": "^7.30.0",
+		"@wordpress/data": "^10.30.0",
+		"@wordpress/date": "^5.30.0",
+		"@wordpress/deprecated": "^4.30.0",
+		"@wordpress/dom": "^4.30.0",
+		"@wordpress/element": "^6.30.0",
+		"@wordpress/escape-html": "^3.30.0",
+		"@wordpress/hooks": "^4.30.0",
+		"@wordpress/html-entities": "^4.30.0",
+		"@wordpress/i18n": "^6.3.0",
+		"@wordpress/icons": "^10.30.0",
+		"@wordpress/interactivity": "^6.30.0",
+		"@wordpress/interactivity-router": "^2.30.0",
+		"@wordpress/keyboard-shortcuts": "^5.30.0",
+		"@wordpress/keycodes": "^4.30.0",
+		"@wordpress/notices": "^5.30.0",
+		"@wordpress/patterns": "^2.30.0",
+		"@wordpress/primitives": "^4.30.0",
+		"@wordpress/private-apis": "^1.30.0",
+		"@wordpress/reusable-blocks": "^5.30.0",
+		"@wordpress/rich-text": "^7.30.0",
+		"@wordpress/server-side-render": "^6.6.0",
+		"@wordpress/url": "^4.30.0",
+		"@wordpress/viewport": "^6.30.0",
+		"@wordpress/wordcount": "^4.30.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -92,5 +92,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "91f58004986ec6faf118825f925ac7873d171986"
+	"gitHead": "c66cb089eed19d4f4956962fa7b4c81abe6dd513"
 }

package/src/accordion/block.json

@@ -54,9 +54,6 @@
 		"autoclose": {
 			"type": "boolean",
 			"default": false
-		},
-		"allowedBlocks": {
-			"type": "array"
 		}
 	},
 	"providesContext": {

package/src/accordion/edit.js

@@ -5,6 +5,8 @@ import {
 	useBlockProps,
 	useInnerBlocksProps,
 	InspectorControls,
+	BlockControls,
+	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import {
@@ -13,7 +15,10 @@ import {
 	__experimentalToggleGroupControlOption as ToggleGroupControlOption,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
+	ToolbarButton,
 } from '@wordpress/components';
+import { useDispatch } from '@wordpress/data';
+import { createBlock } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -27,10 +32,12 @@ const ACCORDION_BLOCK = {
 
 export default function Edit( {
 	attributes: { autoclose, iconPosition, showIcon },
+	clientId,
 	setAttributes,
 } ) {
 	const blockProps = useBlockProps();
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+	const { insertBlock } = useDispatch( blockEditorStore );
 
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		template: [ [ ACCORDION_BLOCK_NAME ], [ ACCORDION_BLOCK_NAME ] ],
@@ -39,8 +46,21 @@ export default function Edit( {
 		templateInsertUpdatesSelection: true,
 	} );
 
+	const addAccordionContentBlock = () => {
+		const newAccordionContent = createBlock( ACCORDION_BLOCK_NAME );
+		insertBlock( newAccordionContent, undefined, clientId );
+	};
+
 	return (
 		<>
+			<BlockControls group="other">
+				<ToolbarButton
+					label={ __( 'Add accordion content block' ) }
+					onClick={ addAccordionContentBlock }
+				>
+					{ __( 'Add' ) }
+				</ToolbarButton>
+			</BlockControls>
 			<InspectorControls key="setting">
 				<ToolsPanel
 					label={ __( 'Settings' ) }

package/src/accordion/style.scss

@@ -5,6 +5,12 @@
 
 .wp-block-accordion-content.is-open {
 	grid-template-rows: max-content 1fr;
+
+	> .wp-block-accordion-header {
+		.accordion-content__toggle-icon.has-icon-plus {
+			transform: rotate(45deg);
+		}
+	}
 }
 
 .accordion-content__heading {
@@ -27,6 +33,7 @@
 	padding: var(--wp--preset--spacing--20, 1em) 0;
 	cursor: pointer;
 	outline: none;
+	overflow: hidden;
 	display: flex;
 	align-items: center;
 	text-align: inherit;
@@ -58,16 +65,6 @@
 	flex-direction: row-reverse;
 }
 
-/* RTL language support */
-[dir="rtl"] .wp-block-accordion-header:not(.icon-position-left) .accordion-content__toggle {
-	/* stylelint-disable-next-line declaration-property-value-allowed-list -- Automatically adjust icon position for RTL languages. */
-	flex-direction: row-reverse;
-}
-
-[dir="rtl"] .wp-block-accordion-header.icon-position-left .accordion-content__toggle {
-	flex-direction: row;
-}
-
 .accordion-content__toggle:focus-visible {
 	outline: 2px solid -webkit-focus-ring-color;
 	outline-offset: 2px;
@@ -83,9 +80,3 @@
 		transition: grid-template-rows 0.3s ease-out;
 	}
 }
-
-.is-open {
-	.accordion-content__toggle-icon.has-icon-plus {
-		transform: rotate(45deg);
-	}
-}

package/src/accordion-content/block.json

@@ -2,16 +2,13 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "core/accordion-content",
-	"version": "0.1.0",
 	"title": "Accordion Content",
 	"category": "design",
 	"description": "Displays a section of content in an accordion, including a header and expandable content.",
-	"example": {},
 	"__experimental": true,
 	"parent": [ "core/accordion" ],
 	"allowedBlocks": [ "core/accordion-header", "core/accordion-panel" ],
 	"supports": {
-		"align": [ "wide", "full" ],
 		"color": {
 			"background": true,
 			"gradient": true

package/src/accordion-content/index.js

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

package/src/accordion-header/block.json

@@ -2,11 +2,9 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "core/accordion-header",
-	"version": "0.1.0",
 	"title": "Accordion Header",
 	"category": "design",
 	"description": "Displays an accordion header.",
-	"example": {},
 	"__experimental": true,
 	"parent": [ "core/accordion-content" ],
 	"usesContext": [
@@ -20,7 +18,6 @@
 			"gradient": true
 		},
 		"align": false,
-		"border": true,
 		"interactivity": true,
 		"spacing": {
 			"padding": true,

package/src/accordion-header/index.js

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

package/src/accordion-panel/block.json

@@ -2,11 +2,9 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
 	"name": "core/accordion-panel",
-	"version": "0.1.0",
 	"title": "Accordion Panel",
 	"category": "design",
 	"description": "Displays an accordion panel.",
-	"example": {},
 	"__experimental": true,
 	"parent": [ "core/accordion-content" ],
 	"supports": {
@@ -14,7 +12,6 @@
 			"background": true,
 			"gradient": true
 		},
-		"border": true,
 		"interactivity": true,
 		"spacing": {
 			"padding": true,

package/src/accordion-panel/edit.js

@@ -1,61 +1,21 @@
 /**
  * WordPress dependencies
  */
-import {
-	useBlockProps,
-	useInnerBlocksProps,
-	__experimentalUseBorderProps as useBorderProps,
-	__experimentalUseColorProps as useColorProps,
-	__experimentalGetSpacingClassesAndStyles as useSpacingProps,
-	__experimentalGetShadowClassesAndStyles as useShadowProps,
-} from '@wordpress/block-editor';
-/**
- * External dependencies
- */
-import clsx from 'clsx';
+import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 
 export default function Edit( { attributes } ) {
 	const { allowedBlocks, templateLock, openByDefault, isSelected } =
 		attributes;
-	const borderProps = useBorderProps( attributes );
-	const colorProps = useColorProps( attributes );
-	const spacingProps = useSpacingProps( attributes );
-	const shadowProps = useShadowProps( attributes );
 
-	const blockProps = useBlockProps();
-	const innerBlocksProps = useInnerBlocksProps(
-		{
-			className: 'accordion-content__wrapper',
-			style: {
-				...spacingProps.style,
-			},
-		},
-		{
-			allowedBlocks,
-			template: [ [ 'core/paragraph', {} ] ],
-			templateLock,
-		}
-	);
+	const blockProps = useBlockProps( {
+		'aria-hidden': ! isSelected && ! openByDefault,
+	} );
+
+	const innerBlocksProps = useInnerBlocksProps( blockProps, {
+		allowedBlocks,
+		template: [ [ 'core/paragraph', {} ] ],
+		templateLock,
+	} );
 
-	return (
-		<div
-			{ ...blockProps }
-			className={ clsx(
-				blockProps.className,
-				colorProps.className,
-				borderProps.className,
-				{
-					[ `has-custom-font-size` ]: blockProps?.style?.fontSize,
-				}
-			) }
-			style={ {
-				...borderProps.style,
-				...colorProps.style,
-				...shadowProps.style,
-			} }
-			aria-hidden={ ! isSelected && ! openByDefault }
-		>
-			<div { ...innerBlocksProps } />
-		</div>
-	);
+	return <div { ...innerBlocksProps } />;
 }

package/src/accordion-panel/index.js

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

package/src/accordion-panel/save.js

@@ -1,51 +1,10 @@
 /**
  * WordPress dependencies
  */
-import {
-	InnerBlocks,
-	useBlockProps,
-	__experimentalGetBorderClassesAndStyles as getBorderClassesAndStyles,
-	__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,
-	__experimentalGetSpacingClassesAndStyles as getSpacingClassesAndStyles,
-	__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,
-} from '@wordpress/block-editor';
-/**
- * External dependencies
- */
-import clsx from 'clsx';
+import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 
-export default function save( { attributes } ) {
+export default function save() {
 	const blockProps = useBlockProps.save();
-	const borderProps = getBorderClassesAndStyles( attributes );
-	const colorProps = getColorClassesAndStyles( attributes );
-	const spacingProps = getSpacingClassesAndStyles( attributes );
-	const shadowProps = getShadowClassesAndStyles( attributes );
-
-	return (
-		<div
-			{ ...blockProps }
-			className={ clsx(
-				blockProps.className,
-				colorProps.className,
-				borderProps.className,
-				{
-					[ `has-custom-font-size` ]: blockProps?.style?.fontSize,
-				}
-			) }
-			style={ {
-				...borderProps.style,
-				...colorProps.style,
-				...shadowProps.style,
-			} }
-		>
-			<div
-				className="accordion-content__wrapper"
-				style={ {
-					...spacingProps.style,
-				} }
-			>
-				<InnerBlocks.Content />
-			</div>
-		</div>
-	);
+	const innerBlocksProps = useInnerBlocksProps.save( blockProps );
+	return <div { ...innerBlocksProps } />;
 }

package/src/audio/edit.js

@@ -22,6 +22,7 @@ import {
 	MediaPlaceholder,
 	MediaReplaceFlow,
 	useBlockProps,
+	useBlockEditingMode,
 } from '@wordpress/block-editor';
 import { __, _x } from '@wordpress/i18n';
 import { useDispatch } from '@wordpress/data';
@@ -51,6 +52,8 @@ function AudioEdit( {
 } ) {
 	const { id, autoplay, loop, preload, src } = attributes;
 	const [ temporaryURL, setTemporaryURL ] = useState( attributes.blob );
+	const blockEditingMode = useBlockEditingMode();
+	const hasNonContentControls = blockEditingMode === 'default';
 
 	useUploadMediaFromBlobURL( {
 		url: temporaryURL,
@@ -264,7 +267,9 @@ function AudioEdit( {
 					isSelected={ isSingleSelected }
 					insertBlocksAfter={ insertBlocksAfter }
 					label={ __( 'Audio caption text' ) }
-					showToolbarButton={ isSingleSelected }
+					showToolbarButton={
+						isSingleSelected && hasNonContentControls
+					}
 				/>
 			</figure>
 		</>

package/src/gallery/block.json

@@ -75,7 +75,8 @@
 		"caption": {
 			"type": "rich-text",
 			"source": "rich-text",
-			"selector": ".blocks-gallery-caption"
+			"selector": ".blocks-gallery-caption",
+			"role": "content"
 		},
 		"imageCrop": {
 			"type": "boolean",

package/src/gallery/index.php

@@ -142,7 +142,7 @@ function block_core_gallery_render( $attributes, $content ) {
 
 	// This pattern matches figure elements with the `wp-block-image` class to
 	// avoid the gallery's wrapping `figure` element and extract images only.
-	$pattern = '/<figure[^>]*\bwp-block-image\b[^>]*>.*?<\/figure>/';
+	$pattern = '/<figure[^>]*\bwp-block-image\b[^>]*>.*?<\/figure>/s';
 
 	// Find all Image blocks.
 	preg_match_all( $pattern, $updated_content, $matches );

package/src/gallery/test/helpers.native.js

@@ -65,9 +65,9 @@ export const initializeWithGalleryBlock = async ( {
 /**
  * Gets a gallery item within a Gallery block.
  *
- * @param {import('react-test-renderer').ReactTestInstance} galleryBlock Gallery block instance.
- * @param {number}                                          rowIndex     Row position within the Gallery block.
- * @return {import('react-test-renderer').ReactTestInstance} Gallery item.
+ * @param {ReturnType<import('@testing-library/react-native').RenderAPI['getByTestId']>} galleryBlock Gallery block instance.
+ * @param {number}                                                                       rowIndex     Row position within the Gallery block.
+ * @return {ReturnType<import('@testing-library/react-native').RenderAPI['getByTestId']>} Gallery item.
  */
 export const getGalleryItem = ( galleryBlock, rowIndex ) =>
 	getInnerBlock( galleryBlock, 'Image', { rowIndex } );

package/src/group/variations.js

@@ -9,48 +9,36 @@ const example = {
 		{
 			name: 'core/paragraph',
 			attributes: {
-				customTextColor: '#cf2e2e',
-				fontSize: 'large',
 				content: __( 'One.' ),
 			},
 		},
 		{
 			name: 'core/paragraph',
 			attributes: {
-				customTextColor: '#ff6900',
-				fontSize: 'large',
 				content: __( 'Two.' ),
 			},
 		},
 		{
 			name: 'core/paragraph',
 			attributes: {
-				customTextColor: '#fcb900',
-				fontSize: 'large',
 				content: __( 'Three.' ),
 			},
 		},
 		{
 			name: 'core/paragraph',
 			attributes: {
-				customTextColor: '#00d084',
-				fontSize: 'large',
 				content: __( 'Four.' ),
 			},
 		},
 		{
 			name: 'core/paragraph',
 			attributes: {
-				customTextColor: '#0693e3',
-				fontSize: 'large',
 				content: __( 'Five.' ),
 			},
 		},
 		{
 			name: 'core/paragraph',
 			attributes: {
-				customTextColor: '#9b51e0',
-				fontSize: 'large',
 				content: __( 'Six.' ),
 			},
 		},

package/src/image/image.js

@@ -706,7 +706,8 @@ export default function Image( {
 		! lockHrefControls &&
 		! lockUrlControls;
 
-	const showCoverControls = isSingleSelected && canInsertCover;
+	const showCoverControls =
+		isSingleSelected && canInsertCover && ! isContentOnlyMode;
 
 	const showBlockControls = showUrlInput || allowCrop || showCoverControls;
 

package/src/navigation-link/link-ui.js

@@ -13,6 +13,7 @@ import {
 	LinkControl,
 	store as blockEditorStore,
 	privateApis as blockEditorPrivateApis,
+	useBlockEditingMode,
 } from '@wordpress/block-editor';
 import {
 	createInterpolateElement,
@@ -157,6 +158,10 @@ function UnforwardedLinkUI( props, ref ) {
 		name: postType,
 	} );
 
+	// Check if we're in contentOnly mode
+	const blockEditingMode = useBlockEditingMode();
+	const isDefaultBlockEditingMode = blockEditingMode === 'default';
+
 	async function handleCreate( pageTitle ) {
 		const page = await saveEntityRecord( 'postType', postType, {
 			title: pageTitle,
@@ -261,7 +266,8 @@ function UnforwardedLinkUI( props, ref ) {
 						onRemove={ props.onRemove }
 						onCancel={ props.onCancel }
 						renderControlBottom={ () =>
-							! link?.url?.length && (
+							! link?.url?.length &&
+							isDefaultBlockEditingMode && (
 								<LinkUITools
 									focusAddBlockButton={ focusAddBlockButton }
 									setAddingBlock={ () => {

package/src/post-date/index.php

@@ -76,7 +76,8 @@ function render_block_core_post_date( $attributes, $content, $block ) {
 			$formatted_date = sprintf( __( '%s ago' ), human_time_diff( $post_timestamp ) );
 		}
 	} else {
-		$formatted_date = gmdate( empty( $attributes['format'] ) ? get_option( 'date_format' ) : $attributes['format'], $post_timestamp );
+		$format         = empty( $attributes['format'] ) ? get_option( 'date_format' ) : $attributes['format'];
+		$formatted_date = wp_date( $format, $post_timestamp );
 	}
 
 	if ( isset( $attributes['textAlign'] ) ) {

package/src/query/edit/index.js

@@ -22,6 +22,7 @@ const QueryEdit = ( props ) => {
 		[ clientId ]
 	);
 	const Component = hasInnerBlocks ? QueryContent : QueryPlaceholder;
+
 	return (
 		<>
 			<Component

package/src/query/edit/query-content.js

@@ -5,12 +5,12 @@ import { useSelect, useDispatch } from '@wordpress/data';
 import { useInstanceId } from '@wordpress/compose';
 import { useEffect, useCallback } from '@wordpress/element';
 import {
-	BlockControls,
 	InspectorControls,
 	useBlockProps,
 	store as blockEditorStore,
 	useInnerBlocksProps,
 	privateApis as blockEditorPrivateApis,
+	BlockControls,
 } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { store as coreStore } from '@wordpress/core-data';
@@ -130,6 +130,13 @@ export default function QueryContent( {
 
 	return (
 		<>
+			<BlockControls>
+				<QueryToolbar
+					clientId={ clientId }
+					attributes={ attributes }
+					hasInnerBlocks
+				/>
+			</BlockControls>
 			<EnhancedPaginationModal
 				attributes={ attributes }
 				setAttributes={ setAttributes }
@@ -145,9 +152,6 @@ export default function QueryContent( {
 					isSingular={ isSingular }
 				/>
 			</InspectorControls>
-			<BlockControls>
-				<QueryToolbar attributes={ attributes } clientId={ clientId } />
-			</BlockControls>
 			<InspectorControls group="advanced">
 				<HTMLElementControl
 					tagName={ TagName }