@wordpress/block-library 7.5.0 → 7.6.0

package/build-style/video/editor.css

@@ -103,10 +103,6 @@
   z-index: 159990;
 }
 
-.block-library-video-tracks-editor > .components-popover__content {
-  width: 360px;
-}
-
 .block-library-video-tracks-editor__track-list-track {
   display: flex;
   place-content: space-between;
@@ -145,7 +141,8 @@
   display: block;
 }
 
-.block-library-video-tracks-editor > .components-popover__content > div {
+.block-library-video-tracks-editor > .components-popover__content {
+  width: 360px;
   padding: 0;
 }
 

package/build-types/table-of-contents/list.d.ts

@@ -0,0 +1,12 @@
+/**
+ * WordPress dependencies
+ */
+import type { WPElement } from '@wordpress/element';
+/**
+ * Internal dependencies
+ */
+import type { NestedHeadingData } from './utils';
+export default function TableOfContentsList({ nestedHeadingList, }: {
+    nestedHeadingList: NestedHeadingData[];
+}): WPElement;
+//# sourceMappingURL=list.d.ts.map

package/build-types/table-of-contents/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/table-of-contents/list.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAE,EAC5C,iBAAiB,GACjB,EAAE;IACF,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;CACvC,GAAI,SAAS,CA6Bb"}

package/build-types/table-of-contents/utils.d.ts

@@ -0,0 +1,24 @@
+export interface HeadingData {
+    /** The plain text content of the heading. */
+    content: string;
+    /** The heading level. */
+    level: number;
+    /** Link to the heading. */
+    link: string;
+}
+export interface NestedHeadingData {
+    /** The heading content, level, and link. */
+    heading: HeadingData;
+    /** The sub-headings of this heading, if any. */
+    children: NestedHeadingData[] | null;
+}
+/**
+ * Takes a flat list of heading parameters and nests them based on each header's
+ * immediate parent's level.
+ *
+ * @param  headingList The flat list of headings to nest.
+ *
+ * @return The nested list of headings.
+ */
+export declare function linearToNestedHeadingList(headingList: HeadingData[]): NestedHeadingData[];
+//# sourceMappingURL=utils.d.ts.map

package/build-types/table-of-contents/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/table-of-contents/utils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC3B,6CAA6C;IAC7C,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IACjC,4CAA4C;IAC5C,OAAO,EAAE,WAAW,CAAC;IACrB,gDAAgD;IAChD,QAAQ,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;CACrC;AAED;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACxC,WAAW,EAAE,WAAW,EAAE,GACxB,iBAAiB,EAAE,CA4CrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.5.0",
+	"version": "7.6.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -29,36 +29,37 @@
 		"src/**/*.scss",
 		"src/navigation-link/index.js",
 		"src/template-part/index.js",
-		"src/query/index.js"
+		"src/query/index.js",
+		"src/post-terms/index.js"
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.8.0",
-		"@wordpress/api-fetch": "^6.5.0",
-		"@wordpress/autop": "^3.8.0",
-		"@wordpress/blob": "^3.8.0",
-		"@wordpress/block-editor": "^9.0.0",
-		"@wordpress/blocks": "^11.7.0",
-		"@wordpress/components": "^19.10.0",
-		"@wordpress/compose": "^5.6.0",
-		"@wordpress/core-data": "^4.6.0",
-		"@wordpress/data": "^6.8.0",
-		"@wordpress/date": "^4.8.0",
-		"@wordpress/deprecated": "^3.8.0",
-		"@wordpress/dom": "^3.8.0",
-		"@wordpress/element": "^4.6.0",
-		"@wordpress/hooks": "^3.8.0",
-		"@wordpress/html-entities": "^3.8.0",
-		"@wordpress/i18n": "^4.8.0",
-		"@wordpress/icons": "^8.4.0",
-		"@wordpress/keycodes": "^3.8.0",
-		"@wordpress/notices": "^3.8.0",
-		"@wordpress/primitives": "^3.6.0",
-		"@wordpress/reusable-blocks": "^3.6.0",
-		"@wordpress/rich-text": "^5.6.0",
-		"@wordpress/server-side-render": "^3.6.0",
-		"@wordpress/url": "^3.9.0",
-		"@wordpress/viewport": "^4.6.0",
+		"@wordpress/a11y": "^3.9.0",
+		"@wordpress/api-fetch": "^6.6.0",
+		"@wordpress/autop": "^3.9.0",
+		"@wordpress/blob": "^3.9.0",
+		"@wordpress/block-editor": "^9.1.0",
+		"@wordpress/blocks": "^11.8.0",
+		"@wordpress/components": "^19.11.0",
+		"@wordpress/compose": "^5.7.0",
+		"@wordpress/core-data": "^4.7.0",
+		"@wordpress/data": "^6.9.0",
+		"@wordpress/date": "^4.9.0",
+		"@wordpress/deprecated": "^3.9.0",
+		"@wordpress/dom": "^3.9.0",
+		"@wordpress/element": "^4.7.0",
+		"@wordpress/hooks": "^3.9.0",
+		"@wordpress/html-entities": "^3.9.0",
+		"@wordpress/i18n": "^4.9.0",
+		"@wordpress/icons": "^9.0.0",
+		"@wordpress/keycodes": "^3.9.0",
+		"@wordpress/notices": "^3.9.0",
+		"@wordpress/primitives": "^3.7.0",
+		"@wordpress/reusable-blocks": "^3.7.0",
+		"@wordpress/rich-text": "^5.7.0",
+		"@wordpress/server-side-render": "^3.7.0",
+		"@wordpress/url": "^3.10.0",
+		"@wordpress/viewport": "^4.7.0",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
 		"fast-average-color": "4.3.0",
@@ -74,5 +75,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "4631d515033397fcfeda77e5755960253caef9bf"
+	"gitHead": "198fa129cf1af8dc615918987ea6795cd40ab7df"
 }

package/src/audio/edit.js

@@ -29,7 +29,7 @@ import { useEffect } from '@wordpress/element';
 import { __, _x } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
 import { audio as icon } from '@wordpress/icons';
-import { createBlock } from '@wordpress/blocks';
+import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -208,7 +208,9 @@ function AudioEdit( {
 						}
 						inlineToolbar
 						__unstableOnSplitAtEnd={ () =>
-							insertBlocksAfter( createBlock( 'core/paragraph' ) )
+							insertBlocksAfter(
+								createBlock( getDefaultBlockName() )
+							)
 						}
 					/>
 				) }

package/src/avatar/block.json

@@ -22,7 +22,6 @@
 			"type": "string",
 			"default": "_self"
 		}
-
 	},
 	"usesContext": [ "postType", "postId", "commentId" ],
 	"supports": {

package/src/avatar/index.php

@@ -105,11 +105,11 @@ function render_block_core_avatar( $attributes, $content, $block ) {
 		return sprintf( '<div %1s>%2s</div>', $wrapper_attributes, $avatar_block );
 	}
 	$comment = get_comment( $block->context['commentId'] );
-	/* translators: %s is the Comment Author name */
-	$alt = sprintf( __( '%s Avatar' ), $comment->comment_author );
 	if ( ! $comment ) {
 		return '';
 	}
+	/* translators: %s is the Comment Author name */
+	$alt          = sprintf( __( '%s Avatar' ), $comment->comment_author );
 	$avatar_block = get_avatar(
 		$comment,
 		$size,

package/src/block/edit.js

@@ -5,7 +5,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import {
 	useEntityBlockEditor,
 	useEntityProp,
-	__experimentalUseEntityRecord as useEntityRecord,
+	useEntityRecord,
 } from '@wordpress/core-data';
 import {
 	Placeholder,
@@ -19,7 +19,7 @@ import { __ } from '@wordpress/i18n';
 import {
 	useInnerBlocksProps,
 	__experimentalUseNoRecursiveRenders as useNoRecursiveRenders,
-	__experimentalBlockContentOverlay as BlockContentOverlay,
+	__experimentalUseBlockOverlayActive as useBlockOverlayActive,
 	InnerBlocks,
 	BlockControls,
 	InspectorControls,
@@ -62,20 +62,25 @@ export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
 		ref
 	);
 
-	const blockProps = useBlockProps();
-
-	const innerBlocksProps = useInnerBlocksProps(
-		{},
+	const hasBlockOverlay = useBlockOverlayActive( clientId );
+	const blockProps = useBlockProps(
 		{
-			value: blocks,
-			onInput,
-			onChange,
-			renderAppender: blocks?.length
-				? undefined
-				: InnerBlocks.ButtonBlockAppender,
-		}
+			className: hasBlockOverlay
+				? 'block-library-block__reusable-block-container block-editor-block-content-overlay'
+				: 'block-library-block__reusable-block-container',
+		},
+		{ __unstableIsDisabled: hasBlockOverlay }
 	);
 
+	const innerBlocksProps = useInnerBlocksProps( blockProps, {
+		value: blocks,
+		onInput,
+		onChange,
+		renderAppender: blocks?.length
+			? undefined
+			: InnerBlocks.ButtonBlockAppender,
+	} );
+
 	if ( hasAlreadyRendered ) {
 		return (
 			<div { ...blockProps }>
@@ -108,36 +113,28 @@ export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
 
 	return (
 		<RecursionProvider>
-			<div { ...blockProps }>
-				{ canRemove && (
-					<BlockControls>
-						<ToolbarGroup>
-							<ToolbarButton
-								onClick={ () =>
-									convertBlockToStatic( clientId )
-								}
-								label={ __( 'Convert to regular blocks' ) }
-								icon={ ungroup }
-								showTooltip
-							/>
-						</ToolbarGroup>
-					</BlockControls>
-				) }
-				<InspectorControls>
-					<PanelBody>
-						<TextControl
-							label={ __( 'Name' ) }
-							value={ title }
-							onChange={ setTitle }
+			{ canRemove && (
+				<BlockControls>
+					<ToolbarGroup>
+						<ToolbarButton
+							onClick={ () => convertBlockToStatic( clientId ) }
+							label={ __( 'Convert to regular blocks' ) }
+							icon={ ungroup }
+							showTooltip
 						/>
-					</PanelBody>
-				</InspectorControls>
-				<BlockContentOverlay
-					clientId={ clientId }
-					wrapperProps={ innerBlocksProps }
-					className="block-library-block__reusable-block-container"
-				/>
-			</div>
+					</ToolbarGroup>
+				</BlockControls>
+			) }
+			<InspectorControls>
+				<PanelBody>
+					<TextControl
+						label={ __( 'Name' ) }
+						value={ title }
+						onChange={ setTitle }
+					/>
+				</PanelBody>
+			</InspectorControls>
+			<div { ...innerBlocksProps } />
 		</RecursionProvider>
 	);
 }

package/src/block/test/edit.native.js

@@ -146,7 +146,7 @@ describe( 'Reusable block', () => {
 	} );
 
 	// Skipped until `pointerEvents: 'none'` no longer erroneously prevents
-	// triggering `onLayout*` on the element: https://git.io/JSHZt.
+	// triggering `onLayout*` on the element: https://github.com/callstack/react-native-testing-library/issues/897.
 	it.skip( 'renders block content', async () => {
 		// We have to use different ids because entities are cached in memory.
 		const id = 4;

package/src/button/block.json

@@ -69,6 +69,7 @@
 		"typography": {
 			"fontSize": true,
 			"__experimentalFontFamily": true,
+			"__experimentalTextTransform": true,
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}

package/src/categories/block.json

@@ -2,7 +2,7 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/categories",
-	"title": "Categories",
+	"title": "Categories List",
 	"category": "widgets",
 	"description": "Display a list of all categories.",
 	"textdomain": "default",

package/src/categories/edit.js

@@ -17,7 +17,7 @@ import { useInstanceId } from '@wordpress/compose';
 import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { pin } from '@wordpress/icons';
-import { __experimentalUseEntityRecords as useEntityRecords } from '@wordpress/core-data';
+import { useEntityRecords } from '@wordpress/core-data';
 
 export default function CategoriesEdit( {
 	attributes: {

package/src/comment-author-avatar/block.json

@@ -1,6 +1,7 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
+	"__experimental": "fse",
 	"name": "core/comment-author-avatar",
 	"title": "Comment Author Avatar (deprecated)",
 	"category": "theme",

package/src/comments-title/block.json

@@ -12,12 +12,6 @@
 		"textAlign": {
 			"type": "string"
 		},
-		"singleCommentLabel": {
-			"type": "string"
-		},
-		"multipleCommentsLabel": {
-			"type": "string"
-		},
 		"showPostTitle": {
 			"type": "boolean",
 			"default": true

package/src/comments-title/deprecated.js

@@ -0,0 +1,34 @@
+/**
+ * Internal dependencies
+ */
+import metadata from './block.json';
+
+const { attributes, supports } = metadata;
+
+export default [
+	{
+		attributes: {
+			...attributes,
+			singleCommentLabel: {
+				type: 'string',
+			},
+			multipleCommentsLabel: {
+				type: 'string',
+			},
+		},
+		supports,
+		migrate: ( oldAttributes ) => {
+			/* eslint-disable no-unused-vars */
+			const {
+				singleCommentLabel,
+				multipleCommentsLabel,
+				...newAttributes
+			} = oldAttributes;
+			/* eslint-enable no-unused-vars */
+			return newAttributes;
+		},
+		isEligible: ( { multipleCommentsLabel, singleCommentLabel } ) =>
+			multipleCommentsLabel || singleCommentLabel,
+		save: () => null,
+	},
+];

package/src/comments-title/edit.js

@@ -10,17 +10,11 @@ import {
 	AlignmentControl,
 	BlockControls,
 	useBlockProps,
-	PlainText,
 	InspectorControls,
 } from '@wordpress/block-editor';
-import { __ } from '@wordpress/i18n';
+import { __, _n, sprintf } from '@wordpress/i18n';
 import { useEntityProp } from '@wordpress/core-data';
-import {
-	PanelBody,
-	ToggleControl,
-	__experimentalToggleGroupControl as ToggleGroupControl,
-	__experimentalToggleGroupControlOption as ToggleGroupControlOption,
-} from '@wordpress/components';
+import { PanelBody, ToggleControl } from '@wordpress/components';
 import { useState, useEffect } from '@wordpress/element';
 import apiFetch from '@wordpress/api-fetch';
 import { addQueryArgs } from '@wordpress/url';
@@ -31,20 +25,12 @@ import { addQueryArgs } from '@wordpress/url';
 import HeadingLevelDropdown from '../heading/heading-level-dropdown';
 
 export default function Edit( {
-	attributes: {
-		textAlign,
-		singleCommentLabel,
-		multipleCommentsLabel,
-		showPostTitle,
-		showCommentsCount,
-		level,
-	},
+	attributes: { textAlign, showPostTitle, showCommentsCount, level },
 	setAttributes,
 	context: { postType, postId },
 } ) {
 	const TagName = 'h' + level;
 	const [ commentsCount, setCommentsCount ] = useState();
-	const [ editingMode, setEditingMode ] = useState( 'plural' );
 	const [ rawTitle ] = useEntityProp( 'postType', postType, 'title', postId );
 	const isSiteEditor = typeof postId === 'undefined';
 	const blockProps = useBlockProps( {
@@ -100,22 +86,6 @@ export default function Edit( {
 	const inspectorControls = (
 		<InspectorControls>
 			<PanelBody title={ __( 'Settings' ) }>
-				{ isSiteEditor && (
-					<ToggleGroupControl
-						label={ __( 'Editing mode' ) }
-						onChange={ setEditingMode }
-						value={ editingMode }
-					>
-						<ToggleGroupControlOption
-							label={ __( 'Singular' ) }
-							value="singular"
-						/>
-						<ToggleGroupControlOption
-							label={ __( 'Plural' ) }
-							value="plural"
-						/>
-					</ToggleGroupControl>
-				) }
 				<ToggleControl
 					label={ __( 'Show post title' ) }
 					checked={ showPostTitle }
@@ -136,78 +106,52 @@ export default function Edit( {
 
 	const postTitle = isSiteEditor ? __( '"Post Title"' ) : `"${ rawTitle }"`;
 
-	const singlePlaceholder = showPostTitle
-		? __( 'One response to ' )
-		: __( 'One response' );
-
-	const singlePlaceholderNoCount = showPostTitle
-		? __( 'Response to ' )
-		: __( 'Response' );
-
-	const multiplePlaceholder = showPostTitle
-		? __( 'responses to ' )
-		: __( 'responses' );
-
-	const multiplePlaceholderNoCount = showPostTitle
-		? __( 'Responses to ' )
-		: __( 'Responses' );
+	let placeholder;
+	if ( showCommentsCount && commentsCount !== undefined ) {
+		if ( showPostTitle ) {
+			if ( commentsCount === 1 ) {
+				/* translators: %s: Post title. */
+				placeholder = sprintf( __( 'One response to %s' ), postTitle );
+			} else {
+				placeholder = sprintf(
+					/* translators: 1: Number of comments, 2: Post title. */
+					_n(
+						'%1$s response to %2$s',
+						'%1$s responses to %2$s',
+						commentsCount
+					),
+					commentsCount,
+					postTitle
+				);
+			}
+		} else if ( commentsCount === 1 ) {
+			placeholder = __( 'One response' );
+		} else {
+			placeholder = sprintf(
+				/* translators: %s: Number of comments. */
+				_n( '%s responses', '%s responses', commentsCount ),
+				commentsCount
+			);
+		}
+	} else if ( showPostTitle ) {
+		if ( commentsCount === 1 ) {
+			/* translators: %s: Post title. */
+			placeholder = sprintf( __( 'Response to %s' ), postTitle );
+		} else {
+			/* translators: %s: Post title. */
+			placeholder = sprintf( __( 'Responses to %s' ), postTitle );
+		}
+	} else if ( commentsCount === 1 ) {
+		placeholder = __( 'Response' );
+	} else {
+		placeholder = __( 'Responses' );
+	}
 
 	return (
 		<>
 			{ blockControls }
 			{ inspectorControls }
-			<TagName { ...blockProps }>
-				{ editingMode === 'singular' || commentsCount === 1 ? (
-					<>
-						<PlainText
-							__experimentalVersion={ 2 }
-							tagName="span"
-							aria-label={
-								showCommentsCount
-									? singlePlaceholder
-									: singlePlaceholderNoCount
-							}
-							placeholder={
-								showCommentsCount
-									? singlePlaceholder
-									: singlePlaceholderNoCount
-							}
-							value={ singleCommentLabel }
-							onChange={ ( newLabel ) =>
-								setAttributes( {
-									singleCommentLabel: newLabel,
-								} )
-							}
-						/>
-						{ showPostTitle ? postTitle : null }
-					</>
-				) : (
-					<>
-						{ showCommentsCount ? commentsCount : null }
-						<PlainText
-							__experimentalVersion={ 2 }
-							tagName="span"
-							aria-label={
-								showCommentsCount
-									? ` ${ multiplePlaceholder }`
-									: multiplePlaceholderNoCount
-							}
-							placeholder={
-								showCommentsCount
-									? ` ${ multiplePlaceholder }`
-									: multiplePlaceholderNoCount
-							}
-							value={ multipleCommentsLabel }
-							onChange={ ( newLabel ) =>
-								setAttributes( {
-									multipleCommentsLabel: newLabel,
-								} )
-							}
-						/>
-						{ showPostTitle ? postTitle : null }
-					</>
-				) }
-			</TagName>
+			<TagName { ...blockProps }>{ placeholder }</TagName>
 		</>
 	);
 }

package/src/comments-title/index.js

@@ -1,13 +1,14 @@
 /**
  * WordPress dependencies
  */
-import { commentTitle as icon } from '@wordpress/icons';
+import { title as icon } from '@wordpress/icons';
 
 /**
  * Internal dependencies
  */
 import metadata from './block.json';
 import edit from './edit';
+import deprecated from './deprecated';
 
 const { name } = metadata;
 export { metadata, name };
@@ -15,4 +16,5 @@ export { metadata, name };
 export const settings = {
 	icon,
 	edit,
+	deprecated,
 };