@wordpress/block-library 7.12.2-next.d6164808d3.0 → 7.14.0

package/src/image/transforms.native.js

@@ -2,7 +2,7 @@
  * Internal dependencies
  */
 import webTransforms from './transforms.js';
-import transformationCategories from '../transformationCategories';
+import transformationCategories from '../utils/transformation-categories';
 
 const transforms = {
 	...webTransforms,

package/src/image/use-client-width.js

@@ -7,7 +7,7 @@ export default function useClientWidth( ref, dependencies ) {
 	const [ clientWidth, setClientWidth ] = useState();
 
 	function calculateClientWidth() {
-		setClientWidth( ref.current.clientWidth );
+		setClientWidth( ref.current?.clientWidth );
 	}
 
 	useEffect( calculateClientWidth, dependencies );

package/src/index.js

@@ -2,7 +2,6 @@
  * WordPress dependencies
  */
 import {
-	registerBlockType,
 	setDefaultBlockName,
 	setFreeformContentHandlerName,
 	setUnregisteredTypeHandlerName,
@@ -115,126 +114,113 @@ import * as textColumns from './text-columns';
 import * as verse from './verse';
 import * as video from './video';
 
-import isBlockMetadataExperimental from './is-block-metadata-experimental';
-
-/**
- * Function to register an individual block.
- *
- * @param {Object} block The block to be registered.
- *
- */
-const registerBlock = ( block ) => {
-	if ( ! block ) {
-		return;
-	}
-	const { metadata, settings, name } = block;
-	registerBlockType( { name, ...metadata }, settings );
-};
+import isBlockMetadataExperimental from './utils/is-block-metadata-experimental';
 
 /**
  * Function to get all the block-library blocks in an array
  */
-const getAllBlocks = () => [
-	// Common blocks are grouped at the top to prioritize their display
-	// in various contexts — like the inserter and auto-complete components.
-	paragraph,
-	image,
-	heading,
-	gallery,
-	list,
-	listItem,
-	quote,
+const getAllBlocks = () =>
+	[
+		// Common blocks are grouped at the top to prioritize their display
+		// in various contexts — like the inserter and auto-complete components.
+		paragraph,
+		image,
+		heading,
+		gallery,
+		list,
+		listItem,
+		quote,
 
-	// Register all remaining core blocks.
-	archives,
-	audio,
-	button,
-	buttons,
-	calendar,
-	categories,
-	...( window.wp && window.wp.oldEditor ? [ classic ] : [] ), // Only add the classic block in WP Context.
-	code,
-	column,
-	columns,
-	commentAuthorAvatar,
-	cover,
-	embed,
-	file,
-	group,
-	html,
-	latestComments,
-	latestPosts,
-	mediaText,
-	missing,
-	more,
-	nextpage,
-	pageList,
-	pattern,
-	preformatted,
-	pullquote,
-	reusableBlock,
-	rss,
-	search,
-	separator,
-	shortcode,
-	socialLink,
-	socialLinks,
-	spacer,
-	table,
-	tagCloud,
-	textColumns,
-	verse,
-	video,
+		// Register all remaining core blocks.
+		archives,
+		audio,
+		button,
+		buttons,
+		calendar,
+		categories,
+		...( window.wp && window.wp.oldEditor ? [ classic ] : [] ), // Only add the classic block in WP Context.
+		code,
+		column,
+		columns,
+		commentAuthorAvatar,
+		cover,
+		embed,
+		file,
+		group,
+		html,
+		latestComments,
+		latestPosts,
+		mediaText,
+		missing,
+		more,
+		nextpage,
+		pageList,
+		pattern,
+		preformatted,
+		pullquote,
+		reusableBlock,
+		rss,
+		search,
+		separator,
+		shortcode,
+		socialLink,
+		socialLinks,
+		spacer,
+		table,
+		tagCloud,
+		textColumns,
+		verse,
+		video,
 
-	// theme blocks
-	navigation,
-	navigationLink,
-	navigationSubmenu,
-	siteLogo,
-	siteTitle,
-	siteTagline,
-	query,
-	templatePart,
-	avatar,
-	postTitle,
-	postExcerpt,
-	postFeaturedImage,
-	postContent,
-	postAuthor,
-	postAuthorName,
-	postComment,
-	postCommentsCount,
-	postCommentsLink,
-	postDate,
-	postTerms,
-	postNavigationLink,
-	postTemplate,
-	queryPagination,
-	queryPaginationNext,
-	queryPaginationNumbers,
-	queryPaginationPrevious,
-	queryNoResults,
-	readMore,
-	comments,
-	commentAuthorName,
-	commentContent,
-	commentDate,
-	commentEditLink,
-	commentReplyLink,
-	commentTemplate,
-	commentsTitle,
-	commentsPagination,
-	commentsPaginationNext,
-	commentsPaginationNumbers,
-	commentsPaginationPrevious,
-	postCommentsForm,
-	tableOfContents,
-	homeLink,
-	logInOut,
-	termDescription,
-	queryTitle,
-	postAuthorBiography,
-];
+		// theme blocks
+		navigation,
+		navigationLink,
+		navigationSubmenu,
+		siteLogo,
+		siteTitle,
+		siteTagline,
+		query,
+		templatePart,
+		avatar,
+		postTitle,
+		postExcerpt,
+		postFeaturedImage,
+		postContent,
+		postAuthor,
+		postAuthorName,
+		postComment,
+		postCommentsCount,
+		postCommentsLink,
+		postDate,
+		postTerms,
+		postNavigationLink,
+		postTemplate,
+		queryPagination,
+		queryPaginationNext,
+		queryPaginationNumbers,
+		queryPaginationPrevious,
+		queryNoResults,
+		readMore,
+		comments,
+		commentAuthorName,
+		commentContent,
+		commentDate,
+		commentEditLink,
+		commentReplyLink,
+		commentTemplate,
+		commentsTitle,
+		commentsPagination,
+		commentsPaginationNext,
+		commentsPaginationNumbers,
+		commentsPaginationPrevious,
+		postCommentsForm,
+		tableOfContents,
+		homeLink,
+		logInOut,
+		termDescription,
+		queryTitle,
+		postAuthorBiography,
+	].filter( Boolean );
 
 /**
  * Function to get all the core blocks in an array.
@@ -266,7 +252,7 @@ export const __experimentalGetCoreBlocks = () =>
 export const registerCoreBlocks = (
 	blocks = __experimentalGetCoreBlocks()
 ) => {
-	blocks.forEach( registerBlock );
+	blocks.forEach( ( { init } ) => init() );
 
 	setDefaultBlockName( paragraph.name );
 	if ( window.wp && window.wp.oldEditor ) {
@@ -290,10 +276,7 @@ export const registerCoreBlocks = (
 export const __experimentalRegisterExperimentalCoreBlocks = process.env
 	.IS_GUTENBERG_PLUGIN
 	? ( { enableFSEBlocks } = {} ) => {
-			const enabledExperiments = [
-				window.__experimentalEnableListBlockV2 ? 'list-v2' : null,
-				enableFSEBlocks ? 'fse' : null,
-			];
+			const enabledExperiments = [ enableFSEBlocks ? 'fse' : null ];
 			getAllBlocks()
 				.filter( ( { metadata } ) =>
 					isBlockMetadataExperimental( metadata )
@@ -303,6 +286,6 @@ export const __experimentalRegisterExperimentalCoreBlocks = process.env
 						__experimental === true ||
 						enabledExperiments.includes( __experimental )
 				)
-				.forEach( registerBlock );
+				.forEach( ( { init } ) => init() );
 	  }
 	: undefined;

package/src/index.native.js

@@ -63,9 +63,7 @@ import * as buttons from './buttons';
 import * as socialLink from './social-link';
 import * as socialLinks from './social-links';
 
-import { transformationCategory } from './transformationCategories';
-
-const ALLOWED_BLOCKS_GRADIENT_SUPPORT = [ 'core/button' ];
+import { transformationCategory } from './utils/transformation-categories';
 
 export const coreBlocks = [
 	// Common blocks are grouped at the top to prioritize their display
@@ -119,38 +117,6 @@ export const coreBlocks = [
 	return accumulator;
 }, {} );
 
-/**
- * Function to register an individual block.
- *
- * @param {Object} block The block to be registered.
- *
- */
-export const registerBlock = ( block ) => {
-	if ( ! block ) {
-		return;
-	}
-	const { metadata, settings, name } = block;
-	const { supports } = metadata;
-
-	registerBlockType(
-		{
-			name,
-			...metadata,
-			// Gradients support only available for blocks listed in ALLOWED_BLOCKS_GRADIENT_SUPPORT.
-			...( ! ALLOWED_BLOCKS_GRADIENT_SUPPORT.includes( name ) &&
-			supports?.color?.gradients
-				? {
-						supports: {
-							...supports,
-							color: { ...supports.color, gradients: false },
-						},
-				  }
-				: {} ),
-		},
-		settings
-	);
-};
-
 /**
  * Function to register a block variations e.g. social icons different types.
  *
@@ -186,14 +152,6 @@ const devOnly = ( block ) => ( !! __DEV__ ? block : null );
 const iOSOnly = ( block ) =>
 	Platform.OS === 'ios' ? block : devOnly( block );
 
-// To be removed once List V2 is released on the web editor.
-function listCheck( listBlock, blocksFlags ) {
-	if ( blocksFlags?.__experimentalEnableListBlockV2 ) {
-		listBlock.settings = listBlock?.settingsV2;
-	}
-	return listBlock;
-}
-
 // Hide the Classic block and SocialLink block
 addFilter(
 	'blocks.registerBlockType',
@@ -245,11 +203,8 @@ addFilter(
  *
  * registerCoreBlocks();
  * ```
- * @param {Object} [blocksFlags] Experimental flags
- *
- *
  */
-export const registerCoreBlocks = ( blocksFlags ) => {
+export const registerCoreBlocks = () => {
 	// When adding new blocks to this list please also consider updating /src/block-support/supported-blocks.json in the Gutenberg-Mobile repo
 	[
 		paragraph,
@@ -261,7 +216,7 @@ export const registerCoreBlocks = ( blocksFlags ) => {
 		video,
 		nextpage,
 		separator,
-		listCheck( list, blocksFlags ),
+		list,
 		listItem,
 		quote,
 		mediaText,
@@ -286,7 +241,9 @@ export const registerCoreBlocks = ( blocksFlags ) => {
 		reusableBlock,
 		search,
 		embed,
-	].forEach( registerBlock );
+	]
+		.filter( Boolean )
+		.forEach( ( { init } ) => init() );
 
 	registerBlockVariations( socialLink );
 	setDefaultBlockName( paragraph.name );

package/src/latest-comments/index.js

@@ -6,6 +6,7 @@ import { comment as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 
@@ -18,3 +19,5 @@ export const settings = {
 	example: {},
 	edit,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/latest-comments/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/latest-posts/block.json

@@ -84,7 +84,20 @@
 	},
 	"supports": {
 		"align": true,
-		"html": false
+		"html": false,
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontFamily": true,
+			"__experimentalFontWeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
+		}
 	},
 	"editorStyle": "wp-block-latest-posts-editor",
 	"style": "wp-block-latest-posts"

package/src/latest-posts/edit.js

@@ -19,7 +19,7 @@ import {
 	ToolbarGroup,
 } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
-import { dateI18n, format, __experimentalGetSettings } from '@wordpress/date';
+import { dateI18n, format, getSettings } from '@wordpress/date';
 import {
 	InspectorControls,
 	BlockAlignmentToolbar,
@@ -422,7 +422,7 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 		},
 	];
 
-	const dateFormat = __experimentalGetSettings().formats.date;
+	const dateFormat = getSettings().formats.date;
 
 	return (
 		<div>

package/src/latest-posts/index.js

@@ -6,6 +6,7 @@ import { postList as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
@@ -19,3 +20,5 @@ export const settings = {
 	edit,
 	deprecated,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/latest-posts/init.js

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();

package/src/list/block.json

@@ -40,12 +40,13 @@
 		"className": false,
 		"typography": {
 			"fontSize": true,
-			"__experimentalFontFamily": true,
 			"lineHeight": true,
-			"__experimentalFontStyle": true,
+			"__experimentalFontFamily": true,
 			"__experimentalFontWeight": true,
-			"__experimentalLetterSpacing": true,
+			"__experimentalFontStyle": true,
 			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
+			"__experimentalLetterSpacing": true,
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}
@@ -58,6 +59,10 @@
 				"text": true
 			}
 		},
+		"spacing": {
+			"margin": true,
+			"padding": true
+		},
 		"__unstablePasteTextInline": true,
 		"__experimentalSelector": "ol,ul",
 		"__experimentalSlashInserter": true

package/src/list/deprecated.js

@@ -7,6 +7,7 @@ import { RichText, useBlockProps } from '@wordpress/block-editor';
  * Internal dependencies
  */
 import migrateFontFamily from '../utils/migrate-font-family';
+import { migrateToListV2 } from './utils';
 
 const v0 = {
 	attributes: {
@@ -68,6 +69,75 @@ const v0 = {
 	},
 };
 
+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,
+			lineHeight: true,
+			__experimentalFontStyle: true,
+			__experimentalFontWeight: true,
+			__experimentalLetterSpacing: true,
+			__experimentalTextTransform: true,
+			__experimentalDefaultControls: {
+				fontSize: true,
+			},
+		},
+		color: {
+			gradients: true,
+			link: true,
+			__experimentalDefaultControls: {
+				background: true,
+				text: 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: migrateToListV2,
+};
+
 /**
  * New deprecations need to be placed first
  * for them to have higher priority.
@@ -76,4 +146,4 @@ const v0 = {
  *
  * See block-deprecation.md
  */
-export default [ v0 ];
+export default [ v1, v0 ];