@wordpress/block-library 6.0.1 → 6.0.5

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,14 +39,23 @@
 		"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,
 			"link": true
 		},
 		"__unstablePasteTextInline": true,
-		"__experimentalSelector": "ol,ul"
+		"__experimentalSelector": "ol,ul",
+		"__experimentalSlashInserter": true
 	},
 	"editorStyle": "wp-block-list-editor",
 	"style": "wp-block-list"

package/src/list/deprecated.js

@@ -0,0 +1,79 @@
+/**
+ * WordPress dependencies
+ */
+import { RichText, useBlockProps } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import migrateFontFamily from '../utils/migrate-font-family';
+
+const v1 = {
+	attributes: {
+		ordered: {
+			type: 'boolean',
+			default: false,
+			__experimentalRole: 'content',
+		},
+		values: {
+			type: 'string',
+			source: 'html',
+			selector: 'ol,ul',
+			multiline: 'li',
+			__unstableMultilineWrapperTags: [ 'ol', 'ul' ],
+			default: '',
+			__experimentalRole: 'content',
+		},
+		type: {
+			type: 'string',
+		},
+		start: {
+			type: 'number',
+		},
+		reversed: {
+			type: 'boolean',
+		},
+		placeholder: {
+			type: 'string',
+		},
+	},
+	supports: {
+		anchor: true,
+		className: false,
+		typography: {
+			fontSize: true,
+			__experimentalFontFamily: true,
+		},
+		color: {
+			gradients: true,
+			link: true,
+		},
+		__unstablePasteTextInline: true,
+		__experimentalSelector: 'ol,ul',
+		__experimentalSlashInserter: true,
+	},
+	save( { attributes } ) {
+		const { ordered, values, type, reversed, start } = attributes;
+		const TagName = ordered ? 'ol' : 'ul';
+
+		return (
+			<TagName { ...useBlockProps.save( { type, reversed, start } ) }>
+				<RichText.Content value={ values } multiline="li" />
+			</TagName>
+		);
+	},
+	migrate: migrateFontFamily,
+	isEligible( { style } ) {
+		return style?.typography?.fontFamily;
+	},
+};
+
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+export default [ v1 ];

package/src/list/index.js

@@ -6,6 +6,7 @@ import { list as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
@@ -38,4 +39,5 @@ export const settings = {
 	},
 	edit,
 	save,
+	deprecated,
 };

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/media-text/style.scss

@@ -67,6 +67,7 @@
 
 .wp-block-media-text__media img,
 .wp-block-media-text__media video {
+	height: auto;
 	max-width: unset;
 	width: 100%;
 	vertical-align: middle;

package/src/navigation/block.json

@@ -4,12 +4,15 @@
 	"title": "Navigation",
 	"category": "theme",
 	"description": "A collection of blocks that allow visitors to get around your site.",
-	"keywords": [ "menu", "navigation", "links" ],
+	"keywords": [
+		"menu",
+		"navigation",
+		"links"
+	],
 	"textdomain": "default",
 	"attributes": {
-		"orientation": {
-			"type": "string",
-			"default": "horizontal"
+		"navigationMenuId": {
+			"type": "number"
 		},
 		"textColor": {
 			"type": "string"
@@ -29,20 +32,17 @@
 		"rgbBackgroundColor": {
 			"type": "string"
 		},
-		"itemsJustification": {
-			"type": "string"
-		},
 		"showSubmenuIcon": {
 			"type": "boolean",
 			"default": true
 		},
-		"openSubmenusOnClick":{
+		"openSubmenusOnClick": {
 			"type": "boolean",
 			"default": false
 		},
-		"isResponsive": {
-			"type": "boolean",
-			"default": false
+		"overlayMenu": {
+			"type": "string",
+			"default": "mobile"
 		},
 		"__unstableLocation": {
 			"type": "string"
@@ -60,6 +60,7 @@
 			"type": "string"
 		}
 	},
+	"usesContext": [ "navigationArea" ],
 	"providesContext": {
 		"textColor": "textColor",
 		"customTextColor": "customTextColor",
@@ -77,7 +78,10 @@
 		"orientation": "orientation"
 	},
 	"supports": {
-		"align": [ "wide", "full" ],
+		"align": [
+			"wide",
+			"full"
+		],
 		"anchor": true,
 		"html": false,
 		"inserter": true,
@@ -88,7 +92,31 @@
 			"__experimentalFontWeight": true,
 			"__experimentalTextTransform": true,
 			"__experimentalFontFamily": true,
-			"__experimentalTextDecoration": true
+			"__experimentalTextDecoration": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
+		},
+		"spacing": {
+			"blockGap": true,
+			"units": [
+				"px",
+				"em",
+				"rem",
+				"vh",
+				"vw"
+			],
+			"__experimentalDefaultControls": {
+				"blockGap": true
+			}
+		},
+		"__experimentalLayout": {
+			"allowSwitching": false,
+			"allowInheriting": false,
+			"default": {
+				"type": "flex",
+				"setCascadingProperties": true
+			}
 		}
 	},
 	"viewScript": "file:./view.min.js",