@wordpress/block-library 9.40.2-next.v.202602271551.0 → 9.40.2

package/src/post-title/deprecated.js

@@ -2,91 +2,6 @@
  * 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: {
@@ -147,4 +62,4 @@ const v1 = {
  *
  * See block-deprecation.md
  */
-export default [ v2, v1 ];
+export default [ v1 ];

package/src/post-title/edit.js

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

package/src/query-title/block.json

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

package/src/query-title/deprecated.js

@@ -2,79 +2,6 @@
  * Internal dependencies
  */
 import migrateFontFamily from '../utils/migrate-font-family';
-import migrateTextAlign from '../utils/migrate-text-align';
-
-const v2 = {
-	attributes: {
-		type: {
-			type: 'string',
-		},
-		textAlign: {
-			type: 'string',
-		},
-		level: {
-			type: 'number',
-			default: 1,
-		},
-		levelOptions: {
-			type: 'array',
-		},
-	},
-	supports: {
-		anchor: true,
-		align: [ 'wide', 'full' ],
-		html: false,
-		color: {
-			gradients: true,
-			__experimentalDefaultControls: {
-				background: true,
-				text: 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: {
@@ -121,4 +48,4 @@ const v1 = {
  *
  * See block-deprecation.md
  */
-export default [ v2, v1 ];
+export default [ v1 ];

package/src/query-title/edit.js

@@ -1,7 +1,13 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
 /**
  * WordPress dependencies
  */
 import {
+	AlignmentControl,
 	BlockControls,
 	InspectorControls,
 	useBlockProps,
@@ -21,19 +27,21 @@ import { __, _x, sprintf } from '@wordpress/i18n';
 import { useArchiveLabel } from './use-archive-label';
 import { usePostTypeLabel } from './use-post-type-label';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
-import useDeprecatedTextAlign from '../utils/deprecated-text-align-attributes';
 
 const SUPPORTED_TYPES = [ 'archive', 'search', 'post-type' ];
 
-export default function QueryTitleEdit( props ) {
-	useDeprecatedTextAlign( props );
-
-	const {
-		attributes: { type, level, levelOptions, showPrefix, showSearchTerm },
-		setAttributes,
-		context: { query },
-	} = props;
-
+export default function QueryTitleEdit( {
+	attributes: {
+		type,
+		level,
+		levelOptions,
+		textAlign,
+		showPrefix,
+		showSearchTerm,
+	},
+	setAttributes,
+	context: { query },
+} ) {
 	const { archiveTypeLabel, archiveNameLabel } = useArchiveLabel();
 	const { postTypeLabel } = usePostTypeLabel( query?.postType );
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
@@ -41,7 +49,9 @@ export default function QueryTitleEdit( props ) {
 	const TagName = level === 0 ? 'p' : `h${ level }`;
 
 	const blockProps = useBlockProps( {
-		className: 'wp-block-query-title__placeholder',
+		className: clsx( 'wp-block-query-title__placeholder', {
+			[ `has-text-align-${ textAlign }` ]: textAlign,
+		} ),
 	} );
 
 	if ( ! SUPPORTED_TYPES.includes( type ) ) {
@@ -229,6 +239,12 @@ export default function QueryTitleEdit( props ) {
 						setAttributes( { level: newLevel } )
 					}
 				/>
+				<AlignmentControl
+					value={ textAlign }
+					onChange={ ( nextAlign ) => {
+						setAttributes( { textAlign: nextAlign } );
+					} }
+				/>
 			</BlockControls>
 			{ titleElement }
 		</>

package/src/query-title/index.php

@@ -13,7 +13,7 @@
  * @since 5.8.0
  *
  * @param array  $attributes Block attributes.
- * @param array  $content    Block content.
+ * @param array  $_content   Block content.
  * @param object $block      Block instance.
  *
  * @return string Returns the query title based on the queried object.

package/src/shortcode/block.json

@@ -17,7 +17,8 @@
 		"className": false,
 		"customClassName": false,
 		"html": false,
-		"customCSS": false
+		"customCSS": false,
+		"visibility": false
 	},
 	"editorStyle": "wp-block-shortcode-editor"
 }

package/src/site-tagline/block.json

@@ -8,6 +8,9 @@
 	"keywords": [ "description" ],
 	"textdomain": "default",
 	"attributes": {
+		"textAlign": {
+			"type": "string"
+		},
 		"level": {
 			"type": "number",
 			"default": 0
@@ -20,11 +23,7 @@
 	"example": {
 		"viewportWidth": 350,
 		"attributes": {
-			"style": {
-				"typography": {
-					"textAlign": "center"
-				}
-			}
+			"textAlign": "center"
 		}
 	},
 	"supports": {
@@ -50,7 +49,6 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
-			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalTextTransform": true,
 			"__experimentalTextDecoration": true,

package/src/site-tagline/deprecated.js

@@ -2,75 +2,6 @@
  * 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',
-		},
-		levelOptions: {
-			type: 'array',
-			default: [ 0, 1, 2, 3, 4, 5, 6 ],
-		},
-	},
-	supports: {
-		anchor: true,
-		reusable: false,
-		html: false,
-		color: {
-			gradients: true,
-			__experimentalDefaultControls: {
-				background: true,
-				text: true,
-			},
-		},
-		spacing: {
-			margin: true,
-			padding: true,
-			__experimentalDefaultControls: {
-				margin: false,
-				padding: false,
-			},
-		},
-		typography: {
-			fontSize: true,
-			lineHeight: true,
-			__experimentalFontFamily: true,
-			__experimentalTextTransform: true,
-			__experimentalTextDecoration: true,
-			__experimentalFontStyle: true,
-			__experimentalFontWeight: true,
-			__experimentalLetterSpacing: true,
-			__experimentalWritingMode: true,
-			__experimentalDefaultControls: {
-				fontSize: true,
-			},
-		},
-		interactivity: {
-			clientNavigation: true,
-		},
-		__experimentalBorder: {
-			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: {
@@ -115,4 +46,4 @@ const v1 = {
  *
  * See block-deprecation.md
  */
-export default [ v2, v1 ];
+export default [ v1 ];

package/src/site-tagline/edit.js

@@ -1,9 +1,15 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
 /**
  * WordPress dependencies
  */
 import { useDispatch, useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import {
+	AlignmentControl,
 	useBlockProps,
 	BlockControls,
 	HeadingLevelDropdown,
@@ -11,13 +17,13 @@ import {
 } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
-import useDeprecatedTextAlign from '../utils/deprecated-text-align-attributes';
-
-export default function SiteTaglineEdit( props ) {
-	useDeprecatedTextAlign( props );
 
-	const { attributes, setAttributes, insertBlocksAfter } = props;
-	const { level, levelOptions } = attributes;
+export default function SiteTaglineEdit( {
+	attributes,
+	setAttributes,
+	insertBlocksAfter,
+} ) {
+	const { textAlign, level, levelOptions } = attributes;
 	const { canUserEdit, tagline } = useSelect( ( select ) => {
 		const { canUser, getEntityRecord, getEditedEntityRecord } =
 			select( coreStore );
@@ -46,10 +52,11 @@ export default function SiteTaglineEdit( props ) {
 	}
 
 	const blockProps = useBlockProps( {
-		className:
-			! canUserEdit && ! tagline && 'wp-block-site-tagline__placeholder',
+		className: clsx( {
+			[ `has-text-align-${ textAlign }` ]: textAlign,
+			'wp-block-site-tagline__placeholder': ! canUserEdit && ! tagline,
+		} ),
 	} );
-
 	const siteTaglineContent = canUserEdit ? (
 		<RichText
 			allowedFormats={ [] }
@@ -79,6 +86,12 @@ export default function SiteTaglineEdit( props ) {
 						setAttributes( { level: newLevel } )
 					}
 				/>
+				<AlignmentControl
+					onChange={ ( newAlign ) =>
+						setAttributes( { textAlign: newAlign } )
+					}
+					value={ textAlign }
+				/>
 			</BlockControls>
 			{ siteTaglineContent }
 		</>

package/src/site-title/block.json

@@ -15,6 +15,9 @@
 			"type": "array",
 			"default": [ 0, 1, 2, 3, 4, 5, 6 ]
 		},
+		"textAlign": {
+			"type": "string"
+		},
 		"isLink": {
 			"type": "boolean",
 			"default": true,
@@ -53,7 +56,6 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
-			"textAlign": true,
 			"__experimentalFontFamily": true,
 			"__experimentalTextTransform": true,
 			"__experimentalTextDecoration": true,

package/src/site-title/deprecated.js

@@ -2,88 +2,6 @@
  * 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: 1,
-		},
-		levelOptions: {
-			type: 'array',
-			default: [ 0, 1, 2, 3, 4, 5, 6 ],
-		},
-		isLink: {
-			type: 'boolean',
-			default: true,
-			role: 'content',
-		},
-		linkTarget: {
-			type: 'string',
-			default: '_self',
-			role: 'content',
-		},
-	},
-	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,
-			__experimentalDefaultControls: {
-				margin: false,
-				padding: false,
-			},
-		},
-		typography: {
-			fontSize: true,
-			lineHeight: true,
-			__experimentalFontFamily: true,
-			__experimentalTextTransform: true,
-			__experimentalTextDecoration: true,
-			__experimentalFontStyle: true,
-			__experimentalFontWeight: true,
-			__experimentalLetterSpacing: true,
-			__experimentalWritingMode: true,
-			__experimentalDefaultControls: {
-				fontSize: true,
-			},
-		},
-		interactivity: {
-			clientNavigation: true,
-		},
-		__experimentalBorder: {
-			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: {
@@ -141,4 +59,4 @@ const v1 = {
  *
  * See block-deprecation.md
  */
-export default [ v2, v1 ];
+export default [ v1 ];

package/src/site-title/edit.js

@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import clsx from 'clsx';
+
 /**
  * WordPress dependencies
  */
@@ -6,6 +11,7 @@ import { store as coreStore } from '@wordpress/core-data';
 import { __ } from '@wordpress/i18n';
 import {
 	RichText,
+	AlignmentControl,
 	InspectorControls,
 	BlockControls,
 	useBlockProps,
@@ -24,14 +30,13 @@ import { decodeEntities } from '@wordpress/html-entities';
  * Internal dependencies
  */
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
-import useDeprecatedTextAlign from '../utils/deprecated-text-align-attributes';
 
-export default function SiteTitleEdit( props ) {
-	useDeprecatedTextAlign( props );
-
-	const { attributes, setAttributes, insertBlocksAfter } = props;
-
-	const { level, levelOptions, isLink, linkTarget } = attributes;
+export default function SiteTitleEdit( {
+	attributes,
+	setAttributes,
+	insertBlocksAfter,
+} ) {
+	const { level, levelOptions, textAlign, isLink, linkTarget } = attributes;
 	const { canUserEdit, title } = useSelect( ( select ) => {
 		const { canUser, getEntityRecord, getEditedEntityRecord } =
 			select( coreStore );
@@ -59,8 +64,10 @@ export default function SiteTitleEdit( props ) {
 
 	const TagName = level === 0 ? 'p' : `h${ level }`;
 	const blockProps = useBlockProps( {
-		className:
-			! canUserEdit && ! title && 'wp-block-site-title__placeholder',
+		className: clsx( {
+			[ `has-text-align-${ textAlign }` ]: textAlign,
+			'wp-block-site-title__placeholder': ! canUserEdit && ! title,
+		} ),
 	} );
 	const siteTitleContent = canUserEdit ? (
 		<TagName { ...blockProps }>
@@ -107,6 +114,12 @@ export default function SiteTitleEdit( props ) {
 							setAttributes( { level: newLevel } )
 						}
 					/>
+					<AlignmentControl
+						value={ textAlign }
+						onChange={ ( nextAlign ) => {
+							setAttributes( { textAlign: nextAlign } );
+						} }
+					/>
 				</BlockControls>
 			) }
 			<InspectorControls>