@wordpress/block-library 9.40.1 → 9.40.2-next.v.202602241322.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.40.1",
+	"version": "9.40.2-next.v.202602241322.0+bce7cff88",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -94,42 +94,42 @@
 		"build-module/*/init.mjs"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.40.0",
-		"@wordpress/api-fetch": "^7.40.0",
-		"@wordpress/autop": "^4.40.0",
-		"@wordpress/base-styles": "^6.16.0",
-		"@wordpress/blob": "^4.40.0",
-		"@wordpress/block-editor": "^15.13.1",
-		"@wordpress/blocks": "^15.13.0",
-		"@wordpress/components": "^32.2.0",
-		"@wordpress/compose": "^7.40.0",
-		"@wordpress/core-data": "^7.40.1",
-		"@wordpress/data": "^10.40.0",
-		"@wordpress/date": "^5.40.0",
-		"@wordpress/deprecated": "^4.40.0",
-		"@wordpress/dom": "^4.40.0",
-		"@wordpress/element": "^6.40.0",
-		"@wordpress/escape-html": "^3.40.0",
-		"@wordpress/hooks": "^4.40.0",
-		"@wordpress/html-entities": "^4.40.0",
-		"@wordpress/i18n": "^6.13.0",
-		"@wordpress/icons": "^11.7.0",
-		"@wordpress/interactivity": "^6.40.0",
-		"@wordpress/interactivity-router": "^2.40.0",
-		"@wordpress/keyboard-shortcuts": "^5.40.0",
-		"@wordpress/keycodes": "^4.40.0",
-		"@wordpress/latex-to-mathml": "^1.8.0",
-		"@wordpress/notices": "^5.40.0",
-		"@wordpress/patterns": "^2.40.1",
-		"@wordpress/primitives": "^4.40.0",
-		"@wordpress/private-apis": "^1.40.0",
-		"@wordpress/reusable-blocks": "^5.40.1",
-		"@wordpress/rich-text": "^7.40.0",
-		"@wordpress/server-side-render": "^6.16.0",
-		"@wordpress/upload-media": "^0.25.1",
-		"@wordpress/url": "^4.40.0",
-		"@wordpress/viewport": "^6.40.0",
-		"@wordpress/wordcount": "^4.40.0",
+		"@wordpress/a11y": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/api-fetch": "^7.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/autop": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/base-styles": "^6.16.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/blob": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/block-editor": "^15.13.2-next.v.202602241322.0+bce7cff88",
+		"@wordpress/blocks": "^15.13.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/components": "^32.3.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/compose": "^7.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/core-data": "^7.40.2-next.v.202602241322.0+bce7cff88",
+		"@wordpress/data": "^10.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/date": "^5.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/deprecated": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/dom": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/element": "^6.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/escape-html": "^3.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/hooks": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/html-entities": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/i18n": "^6.13.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/icons": "^11.7.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/interactivity": "^6.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/interactivity-router": "^2.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/keyboard-shortcuts": "^5.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/keycodes": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/latex-to-mathml": "^1.8.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/notices": "^5.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/patterns": "^2.40.2-next.v.202602241322.0+bce7cff88",
+		"@wordpress/primitives": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/private-apis": "^1.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/reusable-blocks": "^5.40.2-next.v.202602241322.0+bce7cff88",
+		"@wordpress/rich-text": "^7.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/server-side-render": "^6.16.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/upload-media": "^0.25.2-next.v.202602241322.0+bce7cff88",
+		"@wordpress/url": "^4.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/viewport": "^6.40.1-next.v.202602241322.0+bce7cff88",
+		"@wordpress/wordcount": "^4.40.1-next.v.202602241322.0+bce7cff88",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -150,5 +150,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "398c509dbbdcdb525d17e968edd83da33a0a7bde"
+	"gitHead": "943dde7f0b600ce238726c36284bc9f70ce0ffa4"
 }

package/src/icon/block.json

@@ -3,7 +3,6 @@
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"name": "core/icon",
 	"title": "Icon",
-	"__experimental": true,
 	"category": "media",
 	"description": "Insert an SVG icon.",
 	"keywords": [ "icon", "svg" ],
@@ -61,6 +60,15 @@
 	},
 	"selectors": {
 		"root": ".wp-block-icon",
+		"color": {
+			"root": ".wp-block-icon svg"
+		},
+		"border": {
+			"root": ".wp-block-icon svg"
+		},
+		"spacing": {
+			"padding": ".wp-block-icon svg"
+		},
 		"dimensions": {
 			"root": ".wp-block-icon svg",
 			"width": ".wp-block-icon svg"

package/src/icon/components/custom-inserter/icon-grid.js

@@ -12,7 +12,7 @@ import HtmlRenderer from '../../../utils/html-renderer';
 export default function IconGrid( { icons, onChange, attributes } ) {
 	return (
 		<div className="wp-block-icon__inserter-grid">
-			{ icons.length === 0 ? (
+			{ ! icons?.length ? (
 				<div className="wp-block-icon__inserter-grid-no-results">
 					<p>{ __( 'No results found.' ) }</p>
 				</div>

package/src/icon/components/custom-inserter/index.js

@@ -13,7 +13,7 @@ import IconGrid from './icon-grid';
 import { normalizeSearchInput } from '../../../utils/search-patterns';
 
 export default function CustomInserterModal( {
-	icons,
+	icons = [],
 	setInserterOpen,
 	attributes,
 	setAttributes,

package/src/icon/edit.js

@@ -25,10 +25,10 @@ import {
 	__experimentalGetSpacingClassesAndStyles as useSpacingProps,
 	getDimensionsClassesAndStyles as useDimensionsProps,
 } from '@wordpress/block-editor';
-import { useSelect } from '@wordpress/data';
-import { store as coreDataStore } from '@wordpress/core-data';
 import { useState } from '@wordpress/element';
 import { SVG, Rect, Path } from '@wordpress/primitives';
+import { useSelect } from '@wordpress/data';
+import { store as coreDataStore } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -36,7 +36,6 @@ import { SVG, Rect, Path } from '@wordpress/primitives';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 import HtmlRenderer from '../utils/html-renderer';
 import { CustomInserterModal } from './components';
-import { unlock } from '../lock-unlock';
 
 const IconPlaceholder = ( { className, style } ) => (
 	<SVG
@@ -70,14 +69,25 @@ export function Edit( { attributes, setAttributes } ) {
 	const borderProps = useBorderProps( attributes );
 	const dimensionsProps = useDimensionsProps( attributes );
 
-	const allIcons = useSelect( ( select ) => {
-		return unlock( select( coreDataStore ) ).getIcons();
-	}, [] );
+	const { selectedIcon, allIcons = [] } = useSelect(
+		( select ) => {
+			const { getEntityRecord, getEntityRecords } =
+				select( coreDataStore );
+			return {
+				selectedIcon: icon
+					? getEntityRecord( 'root', 'icon', icon )
+					: null,
+				allIcons: isInserterOpen
+					? getEntityRecords( 'root', 'icon', {
+							per_page: -1,
+					  } )
+					: undefined,
+			};
+		},
+		[ isInserterOpen, icon ]
+	);
 
-	const iconToDisplay =
-		allIcons?.length > 0
-			? allIcons?.find( ( { name } ) => name === icon )?.content
-			: '';
+	const iconToDisplay = selectedIcon?.content || '';
 
 	const blockControls = (
 		<>

package/src/icon/index.php

@@ -10,9 +10,7 @@
  *
  * @since 7.0.0
  *
- * @param array    $attributes The block attributes.
- * @param string   $content    The block content.
- * @param WP_Block $block      The block instance.
+ * @param array $attributes The block attributes.
  *
  * @return string Returns the Icon.
  */

package/src/image/edit.js

@@ -348,7 +348,7 @@ export function ImageEdit( {
 
 	const isSideloading = useSelect(
 		( select ) => {
-			if ( ! window.__experimentalMediaProcessing || ! id ) {
+			if ( ! window.__clientSideMediaProcessing || ! id ) {
 				return false;
 			}
 			return select( uploadStore ).isUploadingById( id );

package/src/image/index.php

@@ -310,10 +310,7 @@ function block_core_image_render_lightbox( $block_content, $block, $block_instan
 
 	$body_content = preg_replace( '/<img[^>]+>/', $button, $body_content );
 
-	$overlay_callback = function () {
-		block_core_image_print_lightbox_overlay();
-	};
-	add_action( 'wp_footer', $overlay_callback );
+	add_action( 'wp_footer', 'block_core_image_print_lightbox_overlay' );
 
 	return $body_content;
 }

package/src/navigation-overlay-close/edit.js

@@ -28,6 +28,9 @@ export default function NavigationOverlayCloseEdit( {
 	const showIcon = displayMode === 'icon' || displayMode === 'both';
 	const showText = displayMode === 'text' || displayMode === 'both';
 
+	// Use translated default if text is empty
+	const displayText = text || __( 'Close' );
+
 	const blockProps = useBlockProps( {
 		className: 'wp-block-navigation-overlay-close',
 	} );
@@ -84,12 +87,10 @@ export default function NavigationOverlayCloseEdit( {
 				{ showText && (
 					<RichText
 						identifier="text"
-						value={ text }
+						value={ displayText }
 						onChange={ ( value ) =>
 							setAttributes( { text: value } )
 						}
-						placeholder={ __( 'Close' ) }
-						withoutInteractiveFormatting
 						tagName="span"
 						className="wp-block-navigation-overlay-close__text"
 						allowedFormats={ [ 'core/bold', 'core/italic' ] }

package/src/post-featured-image/index.php

@@ -166,10 +166,8 @@ function get_block_core_post_featured_image_overlay_element_markup( $attributes
 	}
 
 	// Apply overlay and gradient classes.
-	if ( $has_dim_background ) {
-		$class_names[] = 'has-background-dim';
-		$class_names[] = "has-background-dim-{$attributes['dimRatio']}";
-	}
+	$class_names[] = 'has-background-dim';
+	$class_names[] = "has-background-dim-{$attributes['dimRatio']}";
 
 	if ( $has_solid_overlay ) {
 		$class_names[] = "has-{$attributes['overlayColor']}-background-color";

package/src/post-navigation-link/block.json

@@ -7,9 +7,6 @@
 	"description": "Displays the next or previous post link that is adjacent to the current post.",
 	"textdomain": "default",
 	"attributes": {
-		"textAlign": {
-			"type": "string"
-		},
 		"type": {
 			"type": "string",
 			"default": "next"
@@ -46,6 +43,7 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
 			"__experimentalFontStyle": true,

package/src/post-navigation-link/deprecated.js

@@ -0,0 +1,72 @@
+/**
+ * Internal dependencies
+ */
+import migrateTextAlign from '../utils/migrate-text-align';
+
+const v1 = {
+	attributes: {
+		textAlign: {
+			type: 'string',
+		},
+		type: {
+			type: 'string',
+			default: 'next',
+		},
+		label: {
+			type: 'string',
+			role: 'content',
+		},
+		showTitle: {
+			type: 'boolean',
+			default: false,
+		},
+		linkLabel: {
+			type: 'boolean',
+			default: false,
+		},
+		arrow: {
+			type: 'string',
+			default: 'none',
+		},
+		taxonomy: {
+			type: 'string',
+			default: '',
+		},
+	},
+	supports: {
+		anchor: true,
+		reusable: false,
+		html: false,
+		color: {
+			link: true,
+		},
+		typography: {
+			fontSize: true,
+			lineHeight: true,
+			__experimentalFontFamily: true,
+			__experimentalFontWeight: true,
+			__experimentalFontStyle: true,
+			__experimentalTextTransform: true,
+			__experimentalTextDecoration: true,
+			__experimentalLetterSpacing: true,
+			__experimentalDefaultControls: {
+				fontSize: true,
+			},
+		},
+		interactivity: {
+			clientNavigation: true,
+		},
+	},
+	migrate: migrateTextAlign,
+	isEligible( attributes ) {
+		return (
+			!! attributes.textAlign ||
+			!! attributes.className?.match(
+				/\bhas-text-align-(left|center|right)\b/
+			)
+		);
+	},
+	save: () => null,
+};
+
+export default [ v1 ];

package/src/post-navigation-link/edit.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
 /**
  * WordPress dependencies
  */
@@ -17,10 +12,7 @@ import {
 import {
 	InspectorControls,
 	RichText,
-	BlockControls,
-	AlignmentToolbar,
 	useBlockProps,
-	useBlockEditingMode,
 } from '@wordpress/block-editor';
 import { __, _x } from '@wordpress/i18n';
 import { useSelect } from '@wordpress/data';
@@ -33,19 +25,9 @@ import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
 export default function PostNavigationLinkEdit( {
 	context: { postType },
-	attributes: {
-		type,
-		label,
-		showTitle,
-		textAlign,
-		linkLabel,
-		arrow,
-		taxonomy,
-	},
+	attributes: { type, label, showTitle, linkLabel, arrow, taxonomy },
 	setAttributes,
 } ) {
-	const blockEditingMode = useBlockEditingMode();
-	const showControls = blockEditingMode === 'default';
 	const isNext = type === 'next';
 	let placeholder = isNext ? __( 'Next' ) : __( 'Previous' );
 
@@ -66,12 +48,7 @@ export default function PostNavigationLinkEdit( {
 	}
 
 	const ariaLabel = isNext ? __( 'Next post' ) : __( 'Previous post' );
-	const blockProps = useBlockProps( {
-		className: clsx( {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
-	} );
-
+	const blockProps = useBlockProps();
 	const taxonomies = useSelect(
 		( select ) => {
 			const { getTaxonomies } = select( coreStore );
@@ -220,16 +197,6 @@ export default function PostNavigationLinkEdit( {
 					) }
 				/>
 			</InspectorControls>
-			{ showControls && (
-				<BlockControls>
-					<AlignmentToolbar
-						value={ textAlign }
-						onChange={ ( nextAlign ) => {
-							setAttributes( { textAlign: nextAlign } );
-						} }
-					/>
-				</BlockControls>
-			) }
 			<div { ...blockProps }>
 				{ ! isNext && displayArrow && (
 					<span

package/src/post-navigation-link/index.js

@@ -10,6 +10,7 @@ import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 import variations from './variations';
+import deprecated from './deprecated';
 
 const { name } = metadata;
 export { metadata, name };
@@ -17,6 +18,7 @@ export { metadata, name };
 export const settings = {
 	edit,
 	variations,
+	deprecated,
 	example: {
 		attributes: {
 			label: __( 'Next post' ),

package/src/post-title/block.json

@@ -8,9 +8,6 @@
 	"textdomain": "default",
 	"usesContext": [ "postId", "postType", "queryId" ],
 	"attributes": {
-		"textAlign": {
-			"type": "string"
-		},
 		"level": {
 			"type": "number",
 			"default": 2
@@ -58,6 +55,7 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
 			"__experimentalFontStyle": true,

package/src/post-title/deprecated.js

@@ -2,6 +2,91 @@
  * Internal dependencies
  */
 import migrateFontFamily from '../utils/migrate-font-family';
+import migrateTextAlign from '../utils/migrate-text-align';
+
+const v2 = {
+	attributes: {
+		textAlign: {
+			type: 'string',
+		},
+		level: {
+			type: 'number',
+			default: 2,
+		},
+		levelOptions: {
+			type: 'array',
+		},
+		isLink: {
+			type: 'boolean',
+			default: false,
+		},
+		rel: {
+			type: 'string',
+			attribute: 'rel',
+			default: '',
+		},
+		linkTarget: {
+			type: 'string',
+			default: '_self',
+		},
+	},
+	supports: {
+		anchor: true,
+		align: [ 'wide', 'full' ],
+		html: false,
+		color: {
+			gradients: true,
+			link: true,
+			__experimentalDefaultControls: {
+				background: true,
+				text: true,
+				link: true,
+			},
+		},
+		spacing: {
+			padding: true,
+			margin: true,
+		},
+		typography: {
+			fontSize: true,
+			lineHeight: true,
+			__experimentalFontFamily: true,
+			__experimentalTextTransform: true,
+			__experimentalTextDecoration: true,
+			__experimentalFontStyle: true,
+			__experimentalFontWeight: true,
+			__experimentalLetterSpacing: true,
+			__experimentalDefaultControls: {
+				fontSize: true,
+			},
+		},
+		interactivity: {
+			clientNavigation: true,
+		},
+		__experimentalBorder: {
+			radius: true,
+			color: true,
+			width: true,
+			style: true,
+			__experimentalDefaultControls: {
+				radius: true,
+				color: true,
+				width: true,
+				style: true,
+			},
+		},
+	},
+	migrate: migrateTextAlign,
+	isEligible( attributes ) {
+		return (
+			!! attributes.textAlign ||
+			!! attributes.className?.match(
+				/\bhas-text-align-(left|center|right)\b/
+			)
+		);
+	},
+	save: () => null,
+};
 
 const v1 = {
 	attributes: {
@@ -62,4 +147,4 @@ const v1 = {
  *
  * See block-deprecation.md
  */
-export default [ v1 ];
+export default [ v2, v1 ];

package/src/post-title/edit.js

@@ -1,13 +1,7 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
 /**
  * WordPress dependencies
  */
 import {
-	AlignmentControl,
 	BlockControls,
 	InspectorControls,
 	useBlockProps,
@@ -34,7 +28,7 @@ import { createInterpolateElement } from '@wordpress/element';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
 export default function PostTitleEdit( {
-	attributes: { level, levelOptions, textAlign, isLink, rel, linkTarget },
+	attributes: { level, levelOptions, isLink, rel, linkTarget },
 	setAttributes,
 	context: { postType, postId, queryId },
 	insertBlocksAfter,
@@ -72,11 +66,7 @@ export default function PostTitleEdit( {
 	const onSplitAtEnd = () => {
 		insertBlocksAfter( createBlock( getDefaultBlockName() ) );
 	};
-	const blockProps = useBlockProps( {
-		className: clsx( {
-			[ `has-text-align-${ textAlign }` ]: textAlign,
-		} ),
-	} );
+	const blockProps = useBlockProps();
 	const blockEditingMode = useBlockEditingMode();
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 
@@ -147,12 +137,6 @@ export default function PostTitleEdit( {
 								setAttributes( { level: newLevel } )
 							}
 						/>
-						<AlignmentControl
-							value={ textAlign }
-							onChange={ ( nextAlign ) => {
-								setAttributes( { textAlign: nextAlign } );
-							} }
-						/>
 					</BlockControls>
 					<InspectorControls>
 						<ToolsPanel

package/src/pullquote/deprecated.js

@@ -297,8 +297,8 @@ const v4 = {
 			backgroundColor: isSolidColorStyle ? mainColor : undefined,
 			borderColor: isSolidColorStyle ? undefined : mainColor,
 			textAlign: isSolidColorStyle ? 'left' : undefined,
-			style,
 			...attributes,
+			style,
 		};
 	},
 };
@@ -454,8 +454,8 @@ const v3 = {
 			backgroundColor: isSolidColorStyle ? mainColor : undefined,
 			borderColor: isSolidColorStyle ? undefined : mainColor,
 			textAlign: isSolidColorStyle ? 'left' : undefined,
-			style,
 			...attributes,
+			style,
 		};
 	},
 };
@@ -572,8 +572,8 @@ const v2 = {
 			backgroundColor: isSolidColorStyle ? mainColor : undefined,
 			borderColor: isSolidColorStyle ? undefined : mainColor,
 			textAlign: isSolidColorStyle ? 'left' : undefined,
-			style,
 			...attributes,
+			style,
 		};
 	},
 };

package/src/query/block.json

@@ -54,8 +54,7 @@
 		"align": [ "wide", "full" ],
 		"html": false,
 		"layout": true,
-		"interactivity": true,
-		"contentRole": true
+		"interactivity": true
 	},
 	"editorStyle": "wp-block-query-editor"
 }

package/src/query-title/block.json

@@ -10,9 +10,6 @@
 		"type": {
 			"type": "string"
 		},
-		"textAlign": {
-			"type": "string"
-		},
 		"level": {
 			"type": "number",
 			"default": 1
@@ -53,6 +50,7 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
+			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,