@wordpress/block-library 7.13.1-next.957ca95e4c.0 → 7.14.1

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 ) {
@@ -300,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.
  *
@@ -275,7 +241,9 @@ export const registerCoreBlocks = () => {
 		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/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
 			}

package/src/list/edit.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { last } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -108,7 +103,7 @@ function useOutdentList( clientId ) {
 				[ newParentBlock, ...innerBlocks ]
 			);
 			// Select the last child of the list being outdent.
-			selectionChange( last( innerBlocks ).clientId );
+			selectionChange( innerBlocks[ innerBlocks.length - 1 ].clientId );
 		}, [ clientId ] ),
 	];
 }
@@ -135,6 +130,7 @@ export default function Edit( { attributes, setAttributes, clientId, style } ) {
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		allowedBlocks: [ 'core/list-item' ],
 		template: TEMPLATE,
+		templateLock: false,
 		templateInsertUpdatesSelection: true,
 		...( Platform.isNative && {
 			marginVertical: NATIVE_MARGIN_SPACING,

package/src/list/index.js

@@ -7,6 +7,7 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
@@ -50,3 +51,5 @@ const settings = {
 };
 
 export { settings };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/list/init.js

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

package/src/list/test/__snapshots__/edit.native.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`List V2 block adds one item to the list 1`] = `
+exports[`List block adds one item to the list 1`] = `
 "<!-- wp:list -->
 <ul><!-- wp:list-item -->
 <li>First list item</li>
@@ -8,7 +8,7 @@ exports[`List V2 block adds one item to the list 1`] = `
 <!-- /wp:list -->"
 `;
 
-exports[`List V2 block changes the indentation level 1`] = `
+exports[`List block changes the indentation level 1`] = `
 "<!-- wp:list -->
 <ul><!-- wp:list-item -->
 <li>Item 1<!-- wp:list -->
@@ -20,7 +20,7 @@ exports[`List V2 block changes the indentation level 1`] = `
 <!-- /wp:list -->"
 `;
 
-exports[`List V2 block changes to ordered list 1`] = `
+exports[`List block changes to ordered list 1`] = `
 "<!-- wp:list {\\"ordered\\":true} -->
 <ol><!-- wp:list-item -->
 <li>Item 1</li>
@@ -36,7 +36,7 @@ exports[`List V2 block changes to ordered list 1`] = `
 <!-- /wp:list -->"
 `;
 
-exports[`List V2 block changes to reverse ordered list 1`] = `
+exports[`List block changes to reverse ordered list 1`] = `
 "<!-- wp:list {\\"ordered\\":true,\\"reversed\\":true} -->
 <ol reversed><!-- wp:list-item -->
 <li>Item 1</li>
@@ -52,7 +52,7 @@ exports[`List V2 block changes to reverse ordered list 1`] = `
 <!-- /wp:list -->"
 `;
 
-exports[`List V2 block inserts block 1`] = `
+exports[`List block inserts block 1`] = `
 "<!-- wp:list -->
 <ul><!-- wp:list-item -->
 <li></li>
@@ -60,7 +60,7 @@ exports[`List V2 block inserts block 1`] = `
 <!-- /wp:list -->"
 `;
 
-exports[`List V2 block removes the indentation level 1`] = `
+exports[`List block removes the indentation level 1`] = `
 "<!-- wp:list -->
 <ul><!-- wp:list-item -->
 <li>Item 1</li>
@@ -72,7 +72,7 @@ exports[`List V2 block removes the indentation level 1`] = `
 <!-- /wp:list -->"
 `;
 
-exports[`List V2 block sets a start value to an ordered list 1`] = `
+exports[`List block sets a start value to an ordered list 1`] = `
 "<!-- wp:list {\\"ordered\\":true,\\"start\\":25} -->
 <ol start=\\"25\\"><!-- wp:list-item -->
 <li>Item 1</li>
@@ -88,7 +88,7 @@ exports[`List V2 block sets a start value to an ordered list 1`] = `
 <!-- /wp:list -->"
 `;
 
-exports[`List V2 block shows different indentation levels 1`] = `
+exports[`List block shows different indentation levels 1`] = `
 "<!-- wp:list -->
 <ul><!-- wp:list-item -->
 <li>List item 1</li>
@@ -119,27 +119,3 @@ exports[`List V2 block shows different indentation levels 1`] = `
 <!-- /wp:list-item --></ul>
 <!-- /wp:list -->"
 `;
-
-exports[`List block inserts block 1`] = `
-"<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li></li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List block renders a list with a few items 1`] = `
-"<!-- wp:list -->
-<ul><!-- wp:list-item -->
-<li>Item 1</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Item 2</li>
-<!-- /wp:list-item -->
-
-<!-- wp:list-item -->
-<li>Item 3</li>
-<!-- /wp:list-item --></ul>
-<!-- /wp:list -->"
-`;

package/src/list/test/edit.native.js

@@ -8,6 +8,9 @@ import {
 	initializeEditor,
 	waitFor,
 	within,
+	addBlock,
+	getBlock,
+	triggerBlockListLayout,
 } from 'test/helpers';
 
 /**
@@ -19,9 +22,7 @@ import { registerCoreBlocks } from '@wordpress/block-library';
 describe( 'List block', () => {
 	beforeAll( () => {
 		// Register all core blocks
-		registerCoreBlocks( {
-			__experimentalEnableListBlockV2: false,
-		} );
+		registerCoreBlocks();
 	} );
 
 	afterAll( () => {
@@ -32,78 +33,25 @@ describe( 'List block', () => {
 	} );
 
 	it( 'inserts block', async () => {
-		const { getByA11yLabel, getByTestId, getByText } =
-			await initializeEditor();
-
-		fireEvent.press( getByA11yLabel( 'Add block' ) );
-
-		const blockList = getByTestId( 'InserterUI-Blocks' );
-		// onScroll event used to force the FlatList to render all items
-		fireEvent.scroll( blockList, {
-			nativeEvent: {
-				contentOffset: { y: 0, x: 0 },
-				contentSize: { width: 100, height: 100 },
-				layoutMeasurement: { width: 100, height: 100 },
-			},
-		} );
-
-		fireEvent.press( await waitFor( () => getByText( 'List' ) ) );
-
-		expect( getByA11yLabel( /List Block\. Row 1/ ) ).toBeVisible();
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-
-	it( 'renders a list with a few items', async () => {
-		const initialHtml = `<!-- wp:list -->
-		<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>
-		<!-- /wp:list -->`;
+		const screen = await initializeEditor();
 
-		const { getByA11yLabel } = await initializeEditor( {
-			initialHtml,
-		} );
+		// Add block
+		await addBlock( screen, 'List' );
 
-		// Select List block
-		const listBlock = getByA11yLabel( /List Block\. Row 1/ );
+		// Get block
+		const listBlock = await getBlock( screen, 'List' );
 		fireEvent.press( listBlock );
+		expect( listBlock ).toBeVisible();
 
-		expect( getEditorHtml() ).toMatchSnapshot();
-	} );
-} );
-
-describe( 'List V2 block', () => {
-	beforeAll( () => {
-		// Register all core blocks
-		registerCoreBlocks( {
-			__experimentalEnableListBlockV2: true,
-		} );
-	} );
-
-	afterAll( () => {
-		// Clean up registered blocks
-		getBlockTypes().forEach( ( block ) => {
-			unregisterBlockType( block.name );
-		} );
-	} );
+		// Trigger onLayout for the list
+		await triggerBlockListLayout( listBlock );
 
-	it( 'inserts block', async () => {
-		const { getByA11yLabel, getByTestId, getByText } =
-			await initializeEditor();
-
-		fireEvent.press( getByA11yLabel( 'Add block' ) );
-
-		const blockList = getByTestId( 'InserterUI-Blocks' );
-		// onScroll event used to force the FlatList to render all items
-		fireEvent.scroll( blockList, {
-			nativeEvent: {
-				contentOffset: { y: 0, x: 0 },
-				contentSize: { width: 100, height: 100 },
-				layoutMeasurement: { width: 100, height: 100 },
-			},
-		} );
+		// Get List item
+		const listItemBlock = await getBlock( screen, 'List item' );
+		fireEvent.press( listItemBlock );
 
-		fireEvent.press( await waitFor( () => getByText( 'List' ) ) );
+		expect( listItemBlock ).toBeVisible();
 
-		expect( getByA11yLabel( /List Block\. Row 1/ ) ).toBeVisible();
 		expect( getEditorHtml() ).toMatchSnapshot();
 	} );
 

package/src/list/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,