@wordpress/block-library 8.12.6 → 8.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "8.12.6",
+	"version": "8.14.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,52 +27,47 @@
 	"sideEffects": [
 		"build-style/**",
 		"src/**/*.scss",
-		"{src,build,build-module}/*/init.js",
-		"{src,build,build-module}/utils/interactivity/index.js"
+		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@preact/signals": "^1.1.3",
-		"@wordpress/a11y": "^3.35.1",
-		"@wordpress/api-fetch": "^6.32.1",
-		"@wordpress/autop": "^3.35.1",
-		"@wordpress/blob": "^3.35.1",
-		"@wordpress/block-editor": "^12.3.4",
-		"@wordpress/blocks": "^12.12.2",
-		"@wordpress/components": "^25.1.4",
-		"@wordpress/compose": "^6.12.1",
-		"@wordpress/core-data": "^6.12.4",
-		"@wordpress/data": "^9.5.2",
-		"@wordpress/date": "^4.35.1",
-		"@wordpress/deprecated": "^3.35.1",
-		"@wordpress/dom": "^3.35.1",
-		"@wordpress/element": "^5.12.1",
-		"@wordpress/escape-html": "^2.35.1",
-		"@wordpress/hooks": "^3.35.1",
-		"@wordpress/html-entities": "^3.35.1",
-		"@wordpress/i18n": "^4.35.1",
-		"@wordpress/icons": "^9.26.2",
-		"@wordpress/keycodes": "^3.35.1",
-		"@wordpress/notices": "^4.3.2",
-		"@wordpress/primitives": "^3.33.1",
-		"@wordpress/private-apis": "^0.17.1",
-		"@wordpress/reusable-blocks": "^4.12.4",
-		"@wordpress/rich-text": "^6.12.2",
-		"@wordpress/server-side-render": "^4.12.4",
-		"@wordpress/url": "^3.36.1",
-		"@wordpress/viewport": "^5.12.2",
-		"@wordpress/wordcount": "^3.35.1",
+		"@wordpress/a11y": "^3.37.0",
+		"@wordpress/api-fetch": "^6.34.0",
+		"@wordpress/autop": "^3.37.0",
+		"@wordpress/blob": "^3.37.0",
+		"@wordpress/block-editor": "^12.5.0",
+		"@wordpress/blocks": "^12.14.0",
+		"@wordpress/components": "^25.3.0",
+		"@wordpress/compose": "^6.14.0",
+		"@wordpress/core-data": "^6.14.0",
+		"@wordpress/data": "^9.7.0",
+		"@wordpress/date": "^4.37.0",
+		"@wordpress/deprecated": "^3.37.0",
+		"@wordpress/dom": "^3.37.0",
+		"@wordpress/element": "^5.14.0",
+		"@wordpress/escape-html": "^2.37.0",
+		"@wordpress/hooks": "^3.37.0",
+		"@wordpress/html-entities": "^3.37.0",
+		"@wordpress/i18n": "^4.37.0",
+		"@wordpress/icons": "^9.28.0",
+		"@wordpress/interactivity": "^1.1.0",
+		"@wordpress/keycodes": "^3.37.0",
+		"@wordpress/notices": "^4.5.0",
+		"@wordpress/primitives": "^3.35.0",
+		"@wordpress/private-apis": "^0.19.0",
+		"@wordpress/reusable-blocks": "^4.14.0",
+		"@wordpress/rich-text": "^6.14.0",
+		"@wordpress/server-side-render": "^4.14.0",
+		"@wordpress/url": "^3.38.0",
+		"@wordpress/viewport": "^5.14.0",
+		"@wordpress/wordcount": "^3.37.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
-		"deepsignal": "^1.3.0",
 		"escape-html": "^1.0.3",
 		"fast-average-color": "^9.1.1",
 		"fast-deep-equal": "^3.1.3",
-		"lodash": "^4.17.21",
 		"memize": "^2.1.0",
-		"micromodal": "^0.4.10",
-		"preact": "^10.13.2",
 		"remove-accents": "^0.4.2",
 		"uuid": "^8.3.0"
 	},
@@ -83,5 +78,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "65fb4cd5187a47ca274c24c04a220bcdb2ddfa67"
+	"gitHead": "bcd13d59b22553b3c9dc5869077bff1e864cf9f5"
 }

package/src/archives/block.json

@@ -29,7 +29,11 @@
 		"html": false,
 		"spacing": {
 			"margin": true,
-			"padding": true
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/audio/block.json

@@ -49,7 +49,11 @@
 		"align": true,
 		"spacing": {
 			"margin": true,
-			"padding": true
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
 		}
 	},
 	"editorStyle": "wp-block-audio-editor",

package/src/block/edit.native.js

@@ -148,14 +148,14 @@ export default function ReusableBlockEdit( {
 				? sprintf(
 						/* translators: %s: name of the host app (e.g. WordPress) */
 						__(
-							'Editing reusable blocks is not yet supported on %s for Android'
+							'Editing synced patterns is not yet supported on %s for Android'
 						),
 						hostAppNamespace
 				  )
 				: sprintf(
 						/* translators: %s: name of the host app (e.g. WordPress) */
 						__(
-							'Editing reusable blocks is not yet supported on %s for iOS'
+							'Editing synced patterns is not yet supported on %s for iOS'
 						),
 						hostAppNamespace
 				  );

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

@@ -56,8 +56,8 @@ afterAll( () => {
 	} );
 } );
 
-describe( 'Reusable block', () => {
-	it( 'inserts a reusable block', async () => {
+describe( 'Synced patterns', () => {
+	it( 'inserts a synced pattern', async () => {
 		// We have to use different ids because entities are cached in memory.
 		const reusableBlockMock1 = getMockedReusableBlock( 1 );
 		const reusableBlockMock2 = getMockedReusableBlock( 2 );
@@ -86,7 +86,7 @@ describe( 'Reusable block', () => {
 		fireEvent.press( await screen.findByLabelText( 'Add block' ) );
 
 		// Navigate to reusable tab.
-		const reusableSegment = await screen.findByText( 'Reusable' );
+		const reusableSegment = await screen.findByText( 'Synced patterns' );
 		// onLayout event is required by Segment component.
 		fireEvent( reusableSegment, 'layout', {
 			nativeEvent: {
@@ -98,7 +98,7 @@ describe( 'Reusable block', () => {
 		fireEvent.press( reusableSegment );
 
 		const reusableBlockList = screen.getByTestId(
-			'InserterUI-ReusableBlocks'
+			'InserterUI-SyncedPatterns'
 		);
 		// onScroll event used to force the FlatList to render all items.
 		fireEvent.scroll( reusableBlockList, {

package/src/categories/block.json

@@ -33,7 +33,11 @@
 		"html": false,
 		"spacing": {
 			"margin": true,
-			"padding": true
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/code/block.json

@@ -31,7 +31,11 @@
 		},
 		"spacing": {
 			"margin": [ "top", "bottom" ],
-			"padding": true
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
 		},
 		"__experimentalBorder": {
 			"radius": true,

package/src/column/block.json

@@ -28,6 +28,7 @@
 		"html": false,
 		"color": {
 			"gradients": true,
+			"heading": true,
 			"link": true,
 			"__experimentalDefaultControls": {
 				"background": true,

package/src/comments/block.json

@@ -21,6 +21,7 @@
 		"html": false,
 		"color": {
 			"gradients": true,
+			"heading": true,
 			"link": true,
 			"__experimentalDefaultControls": {
 				"background": true,

package/src/cover/block.json

@@ -108,6 +108,7 @@
 		},
 		"color": {
 			"__experimentalDuotone": "> .wp-block-cover__image-background, > .wp-block-cover__video-background",
+			"heading": true,
 			"text": true,
 			"background": false,
 			"__experimentalSkipSerialization": [ "gradients" ]

package/src/cover/edit/inspector-controls.js

@@ -303,6 +303,7 @@ export default function CoverInspectorControls( {
 							max={ 100 }
 							step={ 10 }
 							required
+							__next40pxDefaultSize
 						/>
 					</ToolsPanelItem>
 				</InspectorControls>

package/src/details/block.json

@@ -34,7 +34,11 @@
 		"html": false,
 		"spacing": {
 			"margin": true,
-			"padding": true
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/embed/util.js

@@ -1,18 +1,13 @@
-/**
- * Internal dependencies
- */
-import { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';
-
 /**
  * External dependencies
  */
-import { kebabCase } from 'lodash';
 import classnames from 'classnames/dedupe';
 import memoize from 'memize';
 
 /**
  * WordPress dependencies
  */
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { renderToString } from '@wordpress/element';
 import {
 	createBlock,
@@ -24,8 +19,11 @@ import {
  * Internal dependencies
  */
 import metadata from './block.json';
+import { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';
+import { unlock } from '../lock-unlock';
 
 const { name: DEFAULT_EMBED_BLOCK } = metadata;
+const { kebabCase } = unlock( blockEditorPrivateApis );
 
 /** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */
 

package/src/file/block.json

@@ -65,7 +65,8 @@
 				"background": true,
 				"link": true
 			}
-		}
+		},
+		"interactivity": true
 	},
 	"viewScript": "file:./view.min.js",
 	"editorStyle": "wp-block-file-editor",

package/src/file/index.php

@@ -5,23 +5,6 @@
  * @package WordPress
  */
 
-if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
-	/**
-	 * Replaces view script for the File block with version using Interactivity API.
-	 *
-	 * @param array $metadata Block metadata as read in via block.json.
-	 *
-	 * @return array Filtered block type metadata.
-	 */
-	function gutenberg_block_core_file_update_interactive_view_script( $metadata ) {
-		if ( 'core/file' === $metadata['name'] ) {
-			$metadata['viewScript'] = array( 'file:./interactivity.min.js' );
-		}
-		return $metadata;
-	}
-	add_filter( 'block_type_metadata', 'gutenberg_block_core_file_update_interactive_view_script', 10, 1 );
-}
-
 /**
  * When the `core/file` block is rendering, check if we need to enqueue the `'wp-block-file-view` script.
  *

package/src/file/view.js

@@ -1,9 +1,18 @@
+/**
+ * WordPress dependencies
+ */
+import { store } from '@wordpress/interactivity';
 /**
  * Internal dependencies
  */
-import { hidePdfEmbedsOnUnsupportedBrowsers } from './utils';
+import { browserSupportsPdfs as hasPdfPreview } from './utils';
 
-document.addEventListener(
-	'DOMContentLoaded',
-	hidePdfEmbedsOnUnsupportedBrowsers
-);
+store( {
+	selectors: {
+		core: {
+			file: {
+				hasPdfPreview,
+			},
+		},
+	},
+} );

package/src/gallery/block.json

@@ -115,7 +115,9 @@
 			"blockGap": [ "horizontal", "vertical" ],
 			"__experimentalSkipSerialization": [ "blockGap" ],
 			"__experimentalDefaultControls": {
-				"blockGap": true
+				"blockGap": true,
+				"margin": false,
+				"padding": false
 			}
 		},
 		"color": {

package/src/group/block.json

@@ -29,6 +29,7 @@
 		"html": false,
 		"color": {
 			"gradients": true,
+			"heading": true,
 			"link": true,
 			"__experimentalDefaultControls": {
 				"background": true,

package/src/heading/block.json

@@ -40,7 +40,11 @@
 		},
 		"spacing": {
 			"margin": true,
-			"padding": true
+			"padding": true,
+			"__experimentalDefaultControls": {
+				"margin": false,
+				"padding": false
+			}
 		},
 		"typography": {
 			"fontSize": true,

package/src/heading/test/index.native.js

@@ -112,4 +112,22 @@ describe( 'Heading block', () => {
 		// Assert
 		expect( getEditorHtml() ).toMatchSnapshot();
 	} );
+
+	it( 'change level dropdown displays active selection', async () => {
+		// Arrange
+		const screen = await initializeEditor();
+		await addBlock( screen, 'Heading' );
+		const headingBlock = await getBlock( screen, 'Heading' );
+
+		// Act
+		fireEvent.press( headingBlock );
+		fireEvent.press( screen.getByLabelText( 'Change level' ) );
+
+		// Assert
+		expect(
+			within( screen.getByLabelText( 'Heading 2' ) ).getByTestId(
+				'bottom-sheet-cell-selected-icon'
+			)
+		).toBeVisible();
+	} );
 } );