@wordpress/block-library 10.4.0 → 10.5.2-next.v.202608281122.0

package/src/columns/transforms.js

@@ -1,9 +1,42 @@
 import {
+	cloneSanitizedBlock,
 	createBlock,
 	createBlocksFromInnerBlocksTemplate,
+	getBlockType,
 } from '@wordpress/blocks';
 
 const MAXIMUM_SELECTED_BLOCKS = 6;
+const COLUMN_VERTICAL_ALIGNMENTS = [ 'top', 'center', 'bottom' ];
+const ROW_VERTICAL_ALIGNMENTS = [ ...COLUMN_VERTICAL_ALIGNMENTS, 'stretch' ];
+const FLEX_SIZE_LAYOUT_VALUES = [ 'fixed', 'fixedNoShrink' ];
+const DEFAULT_COLUMN_LAYOUT = { type: 'default' };
+
+const getObjectValue = ( value ) =>
+	value && typeof value === 'object' && ! Array.isArray( value ) ? value : {};
+
+const getGroupAttributes = ( attributes ) => {
+	const groupAttributeDefinitions = getBlockType( 'core/group' )?.attributes;
+	if ( ! groupAttributeDefinitions ) {
+		return {};
+	}
+	const normalizedAttributes = getObjectValue( attributes );
+
+	return Object.fromEntries(
+		Object.entries( normalizedAttributes ).filter( ( [ name ] ) =>
+			Object.hasOwn( groupAttributeDefinitions, name )
+		)
+	);
+};
+
+const getColumnWidth = ( width ) => {
+	if ( Number.isFinite( width ) ) {
+		return `${ width }%`;
+	}
+	if ( typeof width === 'string' && /\d/.test( width ) ) {
+		return width;
+	}
+	return undefined;
+};
 
 const getColumnBlocksFromGrid = ( innerBlocks, columnCount ) => {
 	const columnWidth = +( 100 / columnCount ).toFixed( 2 );
@@ -22,14 +55,66 @@ const getColumnBlocksFromGrid = ( innerBlocks, columnCount ) => {
 	return createBlocksFromInnerBlocksTemplate( innerBlocksTemplate );
 };
 
+const getColumnBlocksFromRow = ( innerBlocks ) =>
+	innerBlocks.map( ( innerBlock ) => {
+		const style = getObjectValue( innerBlock?.attributes?.style );
+		const { selfStretch, flexSize, ...remainingLayout } = getObjectValue(
+			style.layout
+		);
+		const columnWidth = FLEX_SIZE_LAYOUT_VALUES.includes( selfStretch )
+			? getColumnWidth( flexSize )
+			: undefined;
+
+		const updatedStyle = { ...style };
+		if ( Object.keys( remainingLayout ).length ) {
+			updatedStyle.layout = remainingLayout;
+		} else {
+			delete updatedStyle.layout;
+		}
+		const columnInnerBlock = cloneSanitizedBlock( innerBlock, {
+			style: Object.keys( updatedStyle ).length
+				? updatedStyle
+				: undefined,
+		} );
+
+		return createBlock(
+			'core/column',
+			columnWidth ? { width: columnWidth } : {},
+			[ columnInnerBlock ]
+		);
+	} );
+
 const getGridInnerBlocks = ( innerBlocks ) =>
 	innerBlocks.flatMap( ( column ) => {
 		const columnInnerBlocks = column.innerBlocks || [];
-		if ( columnInnerBlocks.length > 1 ) {
+		const {
+			layout: layoutAttribute,
+			style: styleAttribute,
+			...groupAttributes
+		} = getGroupAttributes( column?.attributes );
+		const columnStyle = getObjectValue( styleAttribute );
+		const columnLayout = getObjectValue( layoutAttribute );
+		const hasGroupAttributes = Object.keys( groupAttributes ).length > 0;
+		const hasColumnStyle = Object.keys( columnStyle ).length > 0;
+		const hasColumnLayout = Object.keys( columnLayout ).length > 0;
+		if (
+			columnInnerBlocks.length > 1 ||
+			hasGroupAttributes ||
+			hasColumnStyle ||
+			hasColumnLayout
+		) {
 			return [
 				createBlock(
 					'core/group',
-					{ layout: { type: 'constrained' } },
+					{
+						...groupAttributes,
+						layout: hasColumnLayout
+							? columnLayout
+							: DEFAULT_COLUMN_LAYOUT,
+						...( hasColumnStyle && {
+							style: columnStyle,
+						} ),
+					},
 					columnInnerBlocks
 				),
 			];
@@ -37,6 +122,78 @@ const getGridInnerBlocks = ( innerBlocks ) =>
 		return columnInnerBlocks;
 	} );
 
+const getRowInnerBlocks = ( innerBlocks ) => {
+	const columnWidths = innerBlocks.map( ( column ) => {
+		return getColumnWidth( column?.attributes?.width );
+	} );
+	const allColumnWidthsUnavailable = columnWidths.every(
+		( columnWidth ) => ! columnWidth
+	);
+	const equalColumnWidth = innerBlocks.length
+		? `${ +( 100 / innerBlocks.length ).toFixed( 2 ) }%`
+		: undefined;
+
+	return innerBlocks.map( ( column, index ) => {
+		const columnInnerBlocks = Array.isArray( column?.innerBlocks )
+			? column.innerBlocks
+			: [];
+		const columnWidth =
+			columnWidths[ index ] ||
+			( allColumnWidthsUnavailable ? equalColumnWidth : undefined );
+		const childLayout = columnWidth
+			? { selfStretch: 'fixed', flexSize: columnWidth }
+			: { selfStretch: 'fill' };
+		const {
+			layout: layoutAttribute,
+			style: styleAttribute,
+			...groupAttributes
+		} = getGroupAttributes( column?.attributes );
+		const columnStyle = getObjectValue( styleAttribute );
+		const columnLayout = getObjectValue( layoutAttribute );
+		const hasGroupAttributes = Object.keys( groupAttributes ).length > 0;
+		const hasColumnStyle = Object.keys( columnStyle ).length > 0;
+		const hasColumnLayout = Object.keys( columnLayout ).length > 0;
+
+		if (
+			columnInnerBlocks.length === 1 &&
+			! hasGroupAttributes &&
+			! hasColumnStyle &&
+			! hasColumnLayout
+		) {
+			const innerBlock = columnInnerBlocks[ 0 ];
+			const style = getObjectValue( innerBlock.attributes?.style );
+			const layout = getObjectValue( style.layout );
+			const updatedLayout = { ...layout, ...childLayout };
+			if ( ! columnWidth ) {
+				delete updatedLayout.flexSize;
+			}
+
+			return cloneSanitizedBlock( innerBlock, {
+				style: {
+					...style,
+					layout: updatedLayout,
+				},
+			} );
+		}
+
+		return createBlock(
+			'core/group',
+			{
+				...groupAttributes,
+				layout: hasColumnLayout ? columnLayout : DEFAULT_COLUMN_LAYOUT,
+				style: {
+					...columnStyle,
+					layout: {
+						...getObjectValue( columnStyle.layout ),
+						...childLayout,
+					},
+				},
+			},
+			columnInnerBlocks
+		);
+	} );
+};
+
 const transforms = {
 	from: [
 		{
@@ -58,6 +215,27 @@ const transforms = {
 				Number.isInteger( layout?.columnCount ) &&
 				layout.columnCount > 0,
 		},
+		{
+			type: 'block',
+			blocks: [ 'core/group' ],
+			priority: 1,
+			transform: ( attributes, innerBlocks ) => {
+				const { layout, ...rest } = attributes;
+				const verticalAlignment = COLUMN_VERTICAL_ALIGNMENTS.includes(
+					layout?.verticalAlignment
+				)
+					? layout.verticalAlignment
+					: undefined;
+
+				return createBlock(
+					'core/columns',
+					{ ...rest, verticalAlignment },
+					getColumnBlocksFromRow( innerBlocks )
+				);
+			},
+			isMatch: ( { layout } ) =>
+				layout?.type === 'flex' && layout?.orientation !== 'vertical',
+		},
 		{
 			type: 'block',
 			isMultiBlock: true,
@@ -161,6 +339,33 @@ const transforms = {
 		},
 	],
 	to: [
+		{
+			type: 'block',
+			blocks: [ 'core/group' ],
+			variationName: 'group-row',
+			transform: ( attributes, innerBlocks ) => {
+				const { verticalAlignment } = attributes;
+				const rowVerticalAlignment = ROW_VERTICAL_ALIGNMENTS.includes(
+					verticalAlignment
+				)
+					? verticalAlignment
+					: 'stretch';
+				return createBlock(
+					'core/group',
+					{
+						...attributes,
+						isStackedOnMobile: undefined,
+						verticalAlignment: undefined,
+						layout: {
+							type: 'flex',
+							flexWrap: 'nowrap',
+							verticalAlignment: rowVerticalAlignment,
+						},
+					},
+					getRowInnerBlocks( innerBlocks )
+				);
+			},
+		},
 		{
 			type: 'block',
 			blocks: [ 'core/group' ],

package/src/comment-author-avatar/README.md

@@ -58,6 +58,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-author-avatar/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-author-avatar/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-author-avatar/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comment-author-name/README.md

@@ -62,6 +62,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-author-name/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-author-name/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-author-name/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comment-content/README.md

@@ -56,6 +56,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-content/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-content/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-content/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comment-date/README.md

@@ -62,6 +62,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-date/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-date/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-date/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comment-edit-link/README.md

@@ -62,6 +62,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-edit-link/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-edit-link/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-edit-link/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comment-reply-link/README.md

@@ -58,6 +58,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-reply-link/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-reply-link/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-reply-link/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comment-template/README.md

@@ -55,6 +55,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-template/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-template/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comment-template/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comments/README.md

@@ -83,6 +83,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comments/style.scss

@@ -84,16 +84,6 @@
 		font-size: 0.875em;
 	}
 
-	.comment-form-comment,
-	.comment-form-author,
-	.comment-form-email,
-	.comment-form-url {
-		label {
-			display: block;
-			margin-bottom: 0.25em;
-		}
-	}
-
 	.comment-form {
 
 		textarea,
@@ -140,6 +130,13 @@
 	}
 }
 
+:where(.wp-block-post-comments .comment-form-comment label),
+:where(.wp-block-post-comments .comment-form-author label),
+:where(.wp-block-post-comments .comment-form-email label),
+:where(.wp-block-post-comments .comment-form-url label) {
+	display: block;
+	margin-bottom: 0.25em;
+}
 
 // Using :where to give this a low specificity so that element styles take precedence.
 // Needed for backwards compatibility.

package/src/comments-pagination/README.md

@@ -72,6 +72,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comments-pagination-next/README.md

@@ -59,6 +59,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-next/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-next/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-next/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comments-pagination-numbers/README.md

@@ -59,6 +59,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-numbers/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-numbers/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-numbers/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comments-pagination-previous/README.md

@@ -59,6 +59,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-previous/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-previous/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-pagination-previous/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/comments-title/README.md

@@ -65,6 +65,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-title/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-title/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/comments-title/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/cover/README.md

@@ -166,6 +166,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/cover/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/cover/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/cover/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/cover/edit/{block-controls.js → block-controls.jsx}

@@ -113,7 +113,7 @@ export default function CoverBlockControls( {
 						<ToolbarButton
 							ref={ editMediaButtonRef }
 							icon={ crop }
-							label={ __( 'Crop background image' ) }
+							label={ __( 'Edit image' ) }
 							onClick={ onEditMedia }
 							aria-haspopup="dialog"
 							// Disable rather than hide while the edited image

package/src/cover/edit/{index.js → index.jsx}

@@ -760,7 +760,7 @@ function CoverEdit( {
 								value={ overlayColor.color }
 								onChange={ onSetOverlayColor }
 								clearable={ false }
-								asButtons
+								presentation="toggle-buttons"
 								aria-label={ __( 'Overlay color' ) }
 							/>
 						</div>

package/src/cover/edit/{inspector-controls.js → inspector-controls.jsx}

@@ -2,7 +2,7 @@ import { useMemo } from '@wordpress/element';
 import {
 	FocalPointPicker,
 	RangeControl,
-	TextareaControl,
+	TextareaControl as WCTextareaControl,
 	ToggleControl,
 	__experimentalUseCustomUnits as useCustomUnits,
 	__experimentalToolsPanel as ToolsPanel,
@@ -377,7 +377,7 @@ export default function CoverInspectorControls( {
 									setAttributes( { alt: '' } )
 								}
 							>
-								<TextareaControl
+								<WCTextareaControl
 									label={ __( 'Alternative text' ) }
 									value={ alt }
 									onChange={ ( newAlt ) =>

package/src/details/README.md

@@ -60,6 +60,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/details/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/details/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/details/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/embed/README.md

@@ -51,6 +51,6 @@ This is a [**static block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/embed/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/embed/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/embed/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/embed/{embed-placeholder.js → embed-placeholder.jsx}

@@ -2,7 +2,7 @@ import { __, _x } from '@wordpress/i18n';
 import {
 	Button,
 	Placeholder,
-	__experimentalInputControl as InputControl,
+	__experimentalInputControl as WCInputControl,
 } from '@wordpress/components';
 import { BlockIcon } from '@wordpress/block-editor';
 import { Link, Stack } from '@wordpress/ui';
@@ -27,7 +27,7 @@ export default function EmbedPlaceholder( {
 			) }
 		>
 			<form onSubmit={ onSubmit }>
-				<InputControl
+				<WCInputControl
 					type="url"
 					value={ value || '' }
 					className="wp-block-embed__placeholder-input"

package/src/file/README.md

@@ -55,6 +55,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/file/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/file/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/file/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/footnotes/README.md

@@ -59,6 +59,6 @@ In post content, it is stored as a block comment:
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/footnotes/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/footnotes/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/footnotes/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/form/README.md

@@ -85,6 +85,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/form-input/README.md

@@ -69,6 +69,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-input/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-input/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-input/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/form-input/style.scss

@@ -1,4 +1,4 @@
-.wp-block-form-input__label {
+:where(.wp-block-form-input__label) {
 	width: 100%;
 	display: flex;
 	flex-direction: column;
@@ -30,7 +30,7 @@
 	}
 }
 
-.wp-block-form-input__label-content {
+:where(.wp-block-form-input__label-content) {
 	width: fit-content;
 }
 

package/src/form-submission-notification/README.md

@@ -45,6 +45,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submission-notification/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submission-notification/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submission-notification/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/form-submit-button/README.md

@@ -49,6 +49,6 @@ This is a [**static block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submit-button/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submit-button/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/form-submit-button/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/freeform/README.md

@@ -44,6 +44,6 @@ Testing freeform block with some
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/freeform/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/freeform/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/freeform/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/gallery/README.md

@@ -55,7 +55,12 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`layout`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout):
   - [`allowSwitching`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowswitching): `false`
   - [`allowInheriting`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowinheriting): `false`
-  - [`allowEditing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowediting): `false`
+  - [`allowEditing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowediting): `true`
+  - [`allowOrientation`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-alloworientation): `false`
+  - [`allowJustification`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowjustification): `false`
+  - [`allowVerticalAlignment`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowverticalalignment): `false`
+  - [`allowWrap`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowwrap): `false`
+  - [`allowSizingOnChildren`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowsizingonchildren): `true`
   - [`default`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-default): `{"type":"flex"}`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`
@@ -113,6 +118,6 @@ This is a [**hybrid block**](https://developer.wordpress.org/block-editor/gettin
 ## Source
 
 - [block.json](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/gallery/block.json) ([reference](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-metadata/))
-- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/gallery/) — browse `edit.js`, `save.js`, `index.php`, and more.
+- [Source directory](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/gallery/) — browse the `edit` and `save` source files, `index.php`, and more.
 
 <!-- END TOKEN(Autogenerated block API docs) -->

package/src/gallery/block.json

@@ -160,7 +160,12 @@
 		"layout": {
 			"allowSwitching": false,
 			"allowInheriting": false,
-			"allowEditing": false,
+			"allowEditing": true,
+			"allowOrientation": false,
+			"allowJustification": false,
+			"allowVerticalAlignment": false,
+			"allowWrap": false,
+			"allowSizingOnChildren": true,
 			"default": {
 				"type": "flex"
 			}

package/src/gallery/constants.js

@@ -5,3 +5,4 @@ export const LINK_DESTINATION_ATTACHMENT = 'attachment';
 export const LINK_DESTINATION_MEDIA_WP_CORE = 'file';
 export const LINK_DESTINATION_ATTACHMENT_WP_CORE = 'post';
 export const DEFAULT_MEDIA_SIZE_SLUG = 'large';
+export const MAX_COLUMNS = 8;

package/src/gallery/{dynamic-gallery.js → dynamic-gallery.jsx}

@@ -222,7 +222,7 @@ export function GallerySourcePanel( {
 
 	// In static mode this panel is just an entry into dynamic mode, so hide it
 	// when there's no post type to preview against. This is intentionally
-	// stricter than the placeholder's entry button (see `edit.js`), which stays
+	// stricter than the placeholder's entry button (see `edit.jsx`), which stays
 	// available anywhere because the source resolves at render time.
 	if ( ! canUseDynamicSource ) {
 		return null;