@wordpress/block-library 6.0.2 → 6.0.3

package/src/index.js

@@ -12,85 +12,90 @@ import {
 /**
  * Internal dependencies
  */
-import * as paragraph from './paragraph';
-import * as image from './image';
-import * as heading from './heading';
-import * as quote from './quote';
-import * as gallery from './gallery';
 import * as archives from './archives';
 import * as audio from './audio';
-import * as buttons from './buttons';
 import * as button from './button';
+import * as buttons from './buttons';
 import * as calendar from './calendar';
 import * as categories from './categories';
+import * as classic from './freeform';
 import * as code from './code';
-import * as columns from './columns';
 import * as column from './column';
+import * as columns from './columns';
+import * as commentAuthorAvatar from './comment-author-avatar';
+import * as commentAuthorName from './comment-author-name';
+import * as commentContent from './comment-content';
+import * as commentDate from './comment-date';
+import * as commentEditLink from './comment-edit-link';
+import * as commentReplyLink from './comment-reply-link';
+import * as commentTemplate from './comment-template';
+import * as commentsQueryLoop from './comments-query-loop';
 import * as cover from './cover';
 import * as embed from './embed';
 import * as file from './file';
-import * as html from './html';
-import * as mediaText from './media-text';
-import * as navigation from './navigation';
-import * as navigationLink from './navigation-link';
-import * as navigationSubmenu from './navigation-submenu';
+import * as gallery from './gallery';
+import * as group from './group';
+import * as heading from './heading';
 import * as homeLink from './home-link';
+import * as html from './html';
+import * as image from './image';
 import * as latestComments from './latest-comments';
 import * as latestPosts from './latest-posts';
-import * as logInOut from './loginout';
 import * as list from './list';
+import * as logInOut from './loginout';
+import * as mediaText from './media-text';
 import * as missing from './missing';
 import * as more from './more';
+import * as navigation from './navigation';
+import * as navigationArea from './navigation-area';
+import * as navigationLink from './navigation-link';
+import * as navigationSubmenu from './navigation-submenu';
 import * as nextpage from './nextpage';
+import * as pattern from './pattern';
 import * as pageList from './page-list';
+import * as paragraph from './paragraph';
+import * as postAuthor from './post-author';
+import * as postComment from './post-comment';
+import * as postComments from './post-comments';
+import * as postCommentsCount from './post-comments-count';
+import * as postCommentsForm from './post-comments-form';
+import * as postCommentsLink from './post-comments-link';
+import * as postContent from './post-content';
+import * as postDate from './post-date';
+import * as postExcerpt from './post-excerpt';
+import * as postFeaturedImage from './post-featured-image';
+import * as postNavigationLink from './post-navigation-link';
+import * as postTemplate from './post-template';
+import * as postTerms from './post-terms';
+import * as postTitle from './post-title';
 import * as preformatted from './preformatted';
 import * as pullquote from './pullquote';
+import * as query from './query';
+import * as queryPagination from './query-pagination';
+import * as queryPaginationNext from './query-pagination-next';
+import * as queryPaginationNumbers from './query-pagination-numbers';
+import * as queryPaginationPrevious from './query-pagination-previous';
+import * as queryTitle from './query-title';
+import * as quote from './quote';
 import * as reusableBlock from './block';
 import * as rss from './rss';
 import * as search from './search';
-import * as group from './group';
 import * as separator from './separator';
 import * as shortcode from './shortcode';
+import * as siteLogo from './site-logo';
+import * as siteTagline from './site-tagline';
+import * as siteTitle from './site-title';
+import * as socialLink from './social-link';
+import * as socialLinks from './social-links';
 import * as spacer from './spacer';
 import * as table from './table';
 // import * as tableOfContents from './table-of-contents';
-import * as textColumns from './text-columns';
-import * as verse from './verse';
-import * as video from './video';
 import * as tagCloud from './tag-cloud';
-import * as classic from './freeform';
-import * as socialLinks from './social-links';
-import * as socialLink from './social-link';
-
-// Full Site Editing Blocks
-import * as siteLogo from './site-logo';
-import * as siteTagline from './site-tagline';
-import * as siteTitle from './site-title';
 import * as templatePart from './template-part';
-import * as query from './query';
-import * as postTemplate from './post-template';
-import * as queryTitle from './query-title';
-import * as queryPagination from './query-pagination';
-import * as queryPaginationNext from './query-pagination-next';
-import * as queryPaginationNumbers from './query-pagination-numbers';
-import * as queryPaginationPrevious from './query-pagination-previous';
-import * as postNavigationLink from './post-navigation-link';
-import * as postTitle from './post-title';
-import * as postContent from './post-content';
-import * as postAuthor from './post-author';
-import * as postComment from './post-comment';
-import * as postCommentAuthor from './post-comment-author';
-import * as postCommentContent from './post-comment-content';
-import * as postCommentDate from './post-comment-date';
-import * as postComments from './post-comments';
-import * as postCommentsCount from './post-comments-count';
-import * as postCommentsForm from './post-comments-form';
-import * as postCommentsLink from './post-comments-link';
-import * as postDate from './post-date';
-import * as postExcerpt from './post-excerpt';
-import * as postFeaturedImage from './post-featured-image';
-import * as postTerms from './post-terms';
 import * as termDescription from './term-description';
+import * as textColumns from './text-columns';
+import * as verse from './verse';
+import * as video from './video';
 
 /**
  * Function to register an individual block.
@@ -127,66 +132,71 @@ export const __experimentalGetCoreBlocks = () => [
 	quote,
 
 	// Register all remaining core blocks.
-	shortcode,
 	archives,
 	audio,
 	button,
 	buttons,
 	calendar,
 	categories,
+	window.wp && window.wp.oldEditor ? classic : null, // Only add the classic block in WP Context
 	code,
-	columns,
 	column,
+	columns,
 	cover,
 	embed,
 	file,
 	group,
-	window.wp && window.wp.oldEditor ? classic : null, // Only add the classic block in WP Context
 	html,
-	mediaText,
 	latestComments,
 	latestPosts,
+	logInOut,
+	mediaText,
 	missing,
 	more,
+	navigation,
+	navigationArea,
+	navigationLink,
+	navigationSubmenu,
 	nextpage,
 	pageList,
+	pattern,
+	postAuthor,
+	postComments,
+	postContent,
+	postDate,
+	postExcerpt,
+	postFeaturedImage,
+	postNavigationLink,
+	postTemplate,
+	postTerms,
+	postTitle,
 	preformatted,
 	pullquote,
+	query,
+	queryPagination,
+	queryPaginationNext,
+	queryPaginationNumbers,
+	queryPaginationPrevious,
+	queryTitle,
+	reusableBlock,
 	rss,
 	search,
 	separator,
-	reusableBlock,
-	socialLinks,
+	shortcode,
+	siteLogo,
+	siteTagline,
+	siteTitle,
 	socialLink,
+	socialLinks,
 	spacer,
 	table,
 	// tableOfContents,
 	tagCloud,
+	templatePart,
+	termDescription,
 	textColumns,
 	verse,
 	video,
-
-	// Theme blocks
-	siteLogo,
-	siteTagline,
-	siteTitle,
-
-	query,
-	postTemplate,
-	queryTitle,
-	queryPagination,
-	queryPaginationNext,
-	queryPaginationNumbers,
-	queryPaginationPrevious,
-
-	postTitle,
-	postContent,
-	postDate,
-	postExcerpt,
-	postFeaturedImage,
-	postTerms,
-
-	logInOut,
 ];
 
 /**
@@ -229,26 +239,24 @@ export const __experimentalRegisterExperimentalCoreBlocks =
 	process.env.GUTENBERG_PHASE === 2
 		? ( { enableFSEBlocks } = {} ) => {
 				[
-					navigation,
-					navigationLink,
+					// Experimental blocks.
 					homeLink,
-					navigationSubmenu,
 
-					// Register Full Site Editing Blocks.
+					// Full Site Editing blocks.
 					...( enableFSEBlocks
 						? [
-								templatePart,
-								postAuthor,
+								commentAuthorAvatar,
+								commentAuthorName,
+								commentContent,
+								commentDate,
+								commentEditLink,
+								commentReplyLink,
+								commentTemplate,
+								commentsQueryLoop,
 								postComment,
-								postCommentAuthor,
-								postCommentContent,
-								postCommentDate,
-								postComments,
 								postCommentsCount,
 								postCommentsForm,
 								postCommentsLink,
-								postNavigationLink,
-								termDescription,
 						  ]
 						: [] ),
 				].forEach( registerBlock );

package/src/index.native.js

@@ -124,7 +124,7 @@ export const coreBlocks = [
  * @param {Object} block The block to be registered.
  *
  */
-const registerBlock = ( block ) => {
+export const registerBlock = ( block ) => {
 	if ( ! block ) {
 		return;
 	}

package/src/list/block.json

@@ -39,7 +39,15 @@
 		"className": false,
 		"typography": {
 			"fontSize": true,
-			"__experimentalFontFamily": true
+			"__experimentalFontFamily": true,
+			"lineHeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalFontWeight": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalTextTransform": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		},
 		"color": {
 			"gradients": true,

package/src/media-text/edit.js

@@ -13,7 +13,7 @@ import { useState, useRef } from '@wordpress/element';
 import {
 	BlockControls,
 	BlockVerticalAlignmentControl,
-	__experimentalUseInnerBlocksProps as useInnerBlocksProps,
+	useInnerBlocksProps,
 	InspectorControls,
 	useBlockProps,
 	__experimentalImageURLInputUI as ImageURLInputUI,

package/src/media-text/save.js

@@ -7,7 +7,7 @@ import { noop, isEmpty } from 'lodash';
 /**
  * WordPress dependencies
  */
-import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
+import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
@@ -95,9 +95,11 @@ export default function save( { attributes } ) {
 			>
 				{ ( mediaTypeRenders[ mediaType ] || noop )() }
 			</figure>
-			<div className="wp-block-media-text__content">
-				<InnerBlocks.Content />
-			</div>
+			<div
+				{ ...useInnerBlocksProps.save( {
+					className: 'wp-block-media-text__content',
+				} ) }
+			/>
 		</div>
 	);
 }

package/src/navigation/block.json

@@ -11,9 +11,8 @@
 	],
 	"textdomain": "default",
 	"attributes": {
-		"orientation": {
-			"type": "string",
-			"default": "horizontal"
+		"navigationMenuId": {
+			"type": "number"
 		},
 		"textColor": {
 			"type": "string"
@@ -33,9 +32,6 @@
 		"rgbBackgroundColor": {
 			"type": "string"
 		},
-		"itemsJustification": {
-			"type": "string"
-		},
 		"showSubmenuIcon": {
 			"type": "boolean",
 			"default": true
@@ -46,7 +42,7 @@
 		},
 		"overlayMenu": {
 			"type": "string",
-			"default": "never"
+			"default": "mobile"
 		},
 		"__unstableLocation": {
 			"type": "string"
@@ -64,6 +60,7 @@
 			"type": "string"
 		}
 	},
+	"usesContext": [ "navigationArea" ],
 	"providesContext": {
 		"textColor": "textColor",
 		"customTextColor": "customTextColor",
@@ -95,7 +92,10 @@
 			"__experimentalFontWeight": true,
 			"__experimentalTextTransform": true,
 			"__experimentalFontFamily": true,
-			"__experimentalTextDecoration": true
+			"__experimentalTextDecoration": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		},
 		"spacing": {
 			"blockGap": true,
@@ -109,6 +109,13 @@
 			"__experimentalDefaultControls": {
 				"blockGap": true
 			}
+		},
+		"__experimentalLayout": {
+			"allowSwitching": false,
+			"allowInheriting": false,
+			"default": {
+				"type": "flex"
+			}
 		}
 	},
 	"viewScript": "file:./view.min.js",

package/src/navigation/deprecated.js

@@ -21,6 +21,123 @@ const TYPOGRAPHY_PRESET_DEPRECATION_MAP = {
 	textTransform: 'var:preset|text-transform|',
 };
 
+const migrateWithLayout = ( attributes ) => {
+	if ( !! attributes.layout ) {
+		return attributes;
+	}
+
+	const { itemsJustification, orientation } = attributes;
+
+	const updatedAttributes = {
+		...attributes,
+	};
+
+	if ( itemsJustification || orientation ) {
+		Object.assign( updatedAttributes, {
+			layout: {
+				type: 'flex',
+				justifyContent: itemsJustification || 'left',
+				orientation: orientation || 'horizontal',
+			},
+		} );
+		delete updatedAttributes.itemsJustification;
+		delete updatedAttributes.orientation;
+	}
+
+	return updatedAttributes;
+};
+
+const v5 = {
+	attributes: {
+		navigationMenuId: {
+			type: 'number',
+		},
+		orientation: {
+			type: 'string',
+			default: 'horizontal',
+		},
+		textColor: {
+			type: 'string',
+		},
+		customTextColor: {
+			type: 'string',
+		},
+		rgbTextColor: {
+			type: 'string',
+		},
+		backgroundColor: {
+			type: 'string',
+		},
+		customBackgroundColor: {
+			type: 'string',
+		},
+		rgbBackgroundColor: {
+			type: 'string',
+		},
+		itemsJustification: {
+			type: 'string',
+		},
+		showSubmenuIcon: {
+			type: 'boolean',
+			default: true,
+		},
+		openSubmenusOnClick: {
+			type: 'boolean',
+			default: false,
+		},
+		overlayMenu: {
+			type: 'string',
+			default: 'never',
+		},
+		__unstableLocation: {
+			type: 'string',
+		},
+		overlayBackgroundColor: {
+			type: 'string',
+		},
+		customOverlayBackgroundColor: {
+			type: 'string',
+		},
+		overlayTextColor: {
+			type: 'string',
+		},
+		customOverlayTextColor: {
+			type: 'string',
+		},
+	},
+	supports: {
+		align: [ 'wide', 'full' ],
+		anchor: true,
+		html: false,
+		inserter: true,
+		typography: {
+			fontSize: true,
+			lineHeight: true,
+			__experimentalFontStyle: true,
+			__experimentalFontWeight: true,
+			__experimentalTextTransform: true,
+			__experimentalFontFamily: true,
+			__experimentalTextDecoration: true,
+			__experimentalDefaultControls: {
+				fontSize: true,
+			},
+		},
+		spacing: {
+			blockGap: true,
+			units: [ 'px', 'em', 'rem', 'vh', 'vw' ],
+			__experimentalDefaultControls: {
+				blockGap: true,
+			},
+		},
+	},
+	save() {
+		return <InnerBlocks.Content />;
+	},
+	isEligible: ( { itemsJustification, orientation } ) =>
+		!! itemsJustification || !! orientation,
+	migrate: migrateWithLayout,
+};
+
 const v4 = {
 	attributes: {
 		orientation: {
@@ -101,7 +218,7 @@ const v4 = {
 	save() {
 		return <InnerBlocks.Content />;
 	},
-	migrate: migrateFontFamily,
+	migrate: compose( migrateWithLayout, migrateFontFamily ),
 	isEligible( { style } ) {
 		return style?.typography?.fontFamily;
 	},
@@ -142,6 +259,7 @@ const migrateTypographyPresets = function ( attributes ) {
 };
 
 const deprecated = [
+	v5,
 	v4,
 	// Remove `isResponsive` attribute.
 	{
@@ -217,7 +335,11 @@ const deprecated = [
 		isEligible( attributes ) {
 			return attributes.isResponsive;
 		},
-		migrate: compose( migrateFontFamily, migrateIsResponsive ),
+		migrate: compose(
+			migrateWithLayout,
+			migrateFontFamily,
+			migrateIsResponsive
+		),
 		save() {
 			return <InnerBlocks.Content />;
 		},
@@ -287,7 +409,11 @@ const deprecated = [
 			}
 			return false;
 		},
-		migrate: compose( migrateFontFamily, migrateTypographyPresets ),
+		migrate: compose(
+			migrateWithLayout,
+			migrateFontFamily,
+			migrateTypographyPresets
+		),
 	},
 	{
 		attributes: {