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

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

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

package/src/post-title/block.json

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

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/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,