@wordpress/block-library 6.0.2 → 6.0.3

package/src/search/edit.js

@@ -14,7 +14,10 @@ import {
 	__experimentalUseBorderProps as useBorderProps,
 	__experimentalUnitControl as UnitControl,
 	__experimentalUseColorProps as useColorProps,
+	store as blockEditorStore,
 } from '@wordpress/block-editor';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
 import {
 	ToolbarDropdownMenu,
 	ToolbarGroup,
@@ -58,6 +61,7 @@ export default function SearchEdit( {
 	setAttributes,
 	toggleSelection,
 	isSelected,
+	clientId,
 } ) {
 	const {
 		label,
@@ -72,6 +76,31 @@ export default function SearchEdit( {
 		style,
 	} = attributes;
 
+	const insertedInNavigationBlock = useSelect(
+		( select ) => {
+			const { getBlockParentsByBlockName, wasBlockJustInserted } = select(
+				blockEditorStore
+			);
+			return (
+				!! getBlockParentsByBlockName( clientId, 'core/navigation' )
+					?.length && wasBlockJustInserted( clientId )
+			);
+		},
+		[ clientId ]
+	);
+	const { __unstableMarkNextChangeAsNotPersistent } = useDispatch(
+		blockEditorStore
+	);
+	useEffect( () => {
+		if ( ! insertedInNavigationBlock ) return;
+		// This side-effect should not create an undo level.
+		__unstableMarkNextChangeAsNotPersistent();
+		setAttributes( {
+			showLabel: false,
+			buttonUseIcon: true,
+			buttonPosition: 'button-inside',
+		} );
+	}, [ insertedInNavigationBlock ] );
 	const borderRadius = style?.border?.radius;
 	const borderColor = style?.border?.color;
 	const borderProps = useBorderProps( attributes );

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

@@ -13,6 +13,10 @@ import { Icon } from '@wordpress/components';
  */
 import SearchEdit from '../edit.native.js';
 
+// react-native-aztec shouldn't be mocked because these tests are based on
+// snapshot testing where we want to keep the original component.
+jest.unmock( '@wordpress/react-native-aztec' );
+
 const defaultAttributes = {
 	label: 'Search',
 	buttonText: 'Search Button',

package/src/separator/separator-settings.js

@@ -7,6 +7,7 @@ import { InspectorControls, PanelColorSettings } from '@wordpress/block-editor';
 const SeparatorSettings = ( { color, setColor } ) => (
 	<InspectorControls>
 		<PanelColorSettings
+			__experimentalHasMultipleOrigins
 			title={ __( 'Color' ) }
 			colorSettings={ [
 				{

package/src/separator/style.scss

@@ -15,7 +15,6 @@
 		background: none !important;
 		border: none;
 		text-align: center;
-		width: none;
 		line-height: 1;
 		height: auto;
 

package/src/site-logo/index.php

@@ -132,7 +132,13 @@ add_filter( 'pre_set_theme_mod_custom_logo', '_sync_custom_logo_to_site_logo' );
  * @param array $old_value Previous theme mod settings.
  * @param array $value     Updated theme mod settings.
  */
-function _gutenberg_delete_site_logo_on_remove_custom_logo( $old_value, $value ) {
+function _delete_site_logo_on_remove_custom_logo( $old_value, $value ) {
+	global $_ignore_site_logo_changes;
+
+	if ( $_ignore_site_logo_changes ) {
+		return;
+	}
+
 	// If the custom_logo is being unset, it's being removed from theme mods.
 	if ( isset( $old_value['custom_logo'] ) && ! isset( $value['custom_logo'] ) ) {
 		delete_option( 'site_logo' );
@@ -142,7 +148,13 @@ function _gutenberg_delete_site_logo_on_remove_custom_logo( $old_value, $value )
 /**
  * Deletes the site logo when all theme mods are being removed.
  */
-function _gutenberg_delete_site_logo_on_remove_theme_mods() {
+function _delete_site_logo_on_remove_theme_mods() {
+	global $_ignore_site_logo_changes;
+
+	if ( $_ignore_site_logo_changes ) {
+		return;
+	}
+
 	if ( false !== get_theme_support( 'custom-logo' ) ) {
 		delete_option( 'site_logo' );
 	}
@@ -165,27 +177,16 @@ add_action( 'setup_theme', '_delete_site_logo_on_remove_custom_logo_on_setup_the
  * Removes the custom_logo theme-mod when the site_logo option gets deleted.
  */
 function _delete_custom_logo_on_remove_site_logo() {
-	$theme = get_option( 'stylesheet' );
-
-	// Unhook update and delete actions for custom_logo to prevent a loop of hooks.
-	// Remove Gutenberg hooks.
-	remove_action( "update_option_theme_mods_$theme", '_gutenberg_delete_site_logo_on_remove_custom_logo', 10 );
-	remove_action( "delete_option_theme_mods_$theme", '_gutenberg_delete_site_logo_on_remove_theme_mods' );
+	global $_ignore_site_logo_changes;
 
-	// Remove Core hooks.
-	remove_action( "update_option_theme_mods_$theme", '_delete_site_logo_on_remove_custom_logo', 10 );
-	remove_action( "delete_option_theme_mods_$theme", '_delete_site_logo_on_remove_theme_mods' );
+	// Prevent _delete_site_logo_on_remove_custom_logo and
+	// _delete_site_logo_on_remove_theme_mods from firing and causing an
+	// infinite loop.
+	$_ignore_site_logo_changes = true;
 
 	// Remove the custom logo.
 	remove_theme_mod( 'custom_logo' );
 
-	// Restore update and delete actions.
-	// Restore Gutenberg hooks.
-	add_action( "update_option_theme_mods_$theme", '_gutenberg_delete_site_logo_on_remove_custom_logo', 10, 2 );
-	add_action( "delete_option_theme_mods_$theme", '_gutenberg_delete_site_logo_on_remove_theme_mods' );
-
-	// Restore Core hooks.
-	add_action( "update_option_theme_mods_$theme", '_delete_site_logo_on_remove_custom_logo', 10, 2 );
-	add_action( "delete_option_theme_mods_$theme", '_delete_site_logo_on_remove_theme_mods' );
+	$_ignore_site_logo_changes = false;
 }
 add_action( 'delete_option_site_logo', '_delete_custom_logo_on_remove_site_logo' );

package/src/site-logo/style.scss

@@ -17,7 +17,7 @@
 		border-radius: inherit;
 	}
 
-	.aligncenter {
+	&.aligncenter {
 		display: table;
 	}
 

package/src/site-tagline/block.json

@@ -28,7 +28,10 @@
 			"__experimentalTextTransform": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,
-			"__experimentalLetterSpacing": true
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		}
 	},
 	"editorStyle": "wp-block-site-tagline-editor"

package/src/site-title/block.json

@@ -43,7 +43,14 @@
 			"__experimentalTextTransform": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,
-			"__experimentalLetterSpacing": true
+			"__experimentalLetterSpacing": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true,
+				"lineHeight": true,
+				"fontAppearance": true,
+				"letterSpacing": true,
+				"textTransform": true
+			}
 		}
 	},
 	"editorStyle": "wp-block-site-title-editor"

package/src/site-title/index.php

@@ -21,6 +21,8 @@ function render_block_core_site_title( $attributes ) {
 	$tag_name         = 'h1';
 	$align_class_name = empty( $attributes['textAlign'] ) ? '' : "has-text-align-{$attributes['textAlign']}";
 
+	$aria_current = is_home() || ( is_front_page() && 'page' === get_option( 'show_on_front' ) ) ? ' aria-current="page"' : '';
+
 	if ( isset( $attributes['level'] ) ) {
 		$tag_name = 0 === $attributes['level'] ? 'p' : 'h' . $attributes['level'];
 	}
@@ -29,6 +31,7 @@ function render_block_core_site_title( $attributes ) {
 		$link_attrs = array(
 			'href="' . get_bloginfo( 'url' ) . '"',
 			'rel="home"',
+			$aria_current,
 		);
 		if ( '_blank' === $attributes['linkTarget'] ) {
 			$link_attrs[] = 'target="_blank"';

package/src/social-links/edit.js

@@ -10,7 +10,7 @@ import { getBlockSupport } from '@wordpress/blocks';
 import { Fragment, useEffect } from '@wordpress/element';
 import {
 	BlockControls,
-	__experimentalUseInnerBlocksProps as useInnerBlocksProps,
+	useInnerBlocksProps,
 	useBlockProps,
 	InspectorControls,
 	ContrastChecker,
@@ -166,6 +166,7 @@ export function SocialLinksEdit( props ) {
 					/>
 				</PanelBody>
 				<PanelColorSettings
+					__experimentalHasMultipleOrigins
 					title={ __( 'Color' ) }
 					colorSettings={ [
 						{

package/src/social-links/save.js

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
+import { useInnerBlocksProps, useBlockProps } from '@wordpress/block-editor';
 
 export default function save( props ) {
 	const {
@@ -17,10 +17,8 @@ export default function save( props ) {
 		'has-icon-color': iconColorValue,
 		'has-icon-background-color': iconBackgroundColorValue,
 	} );
+	const blockProps = useBlockProps.save( { className } );
+	const innerBlocksProps = useInnerBlocksProps.save( blockProps );
 
-	return (
-		<ul { ...useBlockProps.save( { className } ) }>
-			<InnerBlocks.Content />
-		</ul>
-	);
+	return <ul { ...innerBlocksProps } />;
 }

package/src/style.scss

@@ -31,6 +31,7 @@
 @import "./post-title/style.scss";
 @import "./preformatted/style.scss";
 @import "./pullquote/style.scss";
+@import "./post-content/style.scss";
 @import "./post-template/style.scss";
 @import "./query-pagination/style.scss";
 @import "./quote/style.scss";

package/src/table/block.json

@@ -129,6 +129,17 @@
 			"__experimentalSkipSerialization": true,
 			"gradients": true
 		},
+		"typography": {
+			"fontSize": true,
+			"lineHeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalFontWeight": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalTextTransform": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
+		},
 		"__experimentalBorder": {
 			"__experimentalSkipSerialization": true,
 			"color": true,

package/src/template-part/edit/inner-blocks.js

@@ -4,7 +4,7 @@
 import { useEntityBlockEditor } from '@wordpress/core-data';
 import {
 	InnerBlocks,
-	__experimentalUseInnerBlocksProps as useInnerBlocksProps,
+	useInnerBlocksProps,
 	__experimentalBlockContentOverlay as BlockContentOverlay,
 	useSetting,
 	store as blockEditorStore,

package/src/template-part/index.php

@@ -55,7 +55,7 @@ function render_block_core_template_part( $attributes ) {
 			// render the corresponding file content.
 			$template_part_file_path = get_theme_file_path( '/block-template-parts/' . $attributes['slug'] . '.html' );
 			if ( 0 === validate_file( $attributes['slug'] ) && file_exists( $template_part_file_path ) ) {
-				$content = _gutenberg_inject_theme_attribute_in_content( file_get_contents( $template_part_file_path ) );
+				$content = _inject_theme_attribute_in_block_template_content( file_get_contents( $template_part_file_path ) );
 			}
 		}
 	}
@@ -99,7 +99,7 @@ function render_block_core_template_part( $attributes ) {
 	$content = $wp_embed->autoembed( $content );
 
 	if ( empty( $attributes['tagName'] ) ) {
-		$defined_areas = gutenberg_get_allowed_template_part_areas();
+		$defined_areas = get_allowed_block_template_part_areas();
 		$area_tag      = 'div';
 		foreach ( $defined_areas as $defined_area ) {
 			if ( $defined_area['area'] === $area && isset( $defined_area['area_tag'] ) ) {
@@ -122,7 +122,7 @@ function render_block_core_template_part( $attributes ) {
  */
 function build_template_part_block_variations() {
 	$variations    = array();
-	$defined_areas = gutenberg_get_allowed_template_part_areas();
+	$defined_areas = get_allowed_block_template_part_areas();
 	foreach ( $defined_areas as $area ) {
 		if ( 'uncategorized' !== $area['area'] ) {
 			$variations[] = array(

package/src/term-description/block.json

@@ -18,7 +18,10 @@
 		},
 		"typography": {
 			"fontSize": true,
-			"lineHeight": true
+			"lineHeight": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true
+			}
 		}
 	},
 	"editorStyle": "wp-block-term-description-editor"

package/src/verse/block.json

@@ -27,7 +27,16 @@
 		},
 		"typography": {
 			"fontSize": true,
-			"__experimentalFontFamily": true
+			"__experimentalFontFamily": true,
+			"lineHeight": true,
+			"__experimentalFontStyle": true,
+			"__experimentalFontWeight": true,
+			"__experimentalLetterSpacing": true,
+			"__experimentalTextTransform": true,
+			"__experimentalDefaultControls": {
+				"fontSize": true,
+				"fontAppearance": true
+			}
 		},
 		"spacing": {
 			"padding": true

package/build/buttons/variations.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _i18n = require("@wordpress/i18n");
-
-/**
- * WordPress dependencies
- */
-const variations = [{
-  name: 'buttons-horizontal',
-  isDefault: true,
-  title: (0, _i18n.__)('Horizontal'),
-  description: (0, _i18n.__)('Buttons shown in a row.'),
-  attributes: {
-    orientation: 'horizontal'
-  },
-  scope: ['transform']
-}, {
-  name: 'buttons-vertical',
-  title: (0, _i18n.__)('Vertical'),
-  description: (0, _i18n.__)('Buttons shown in a column.'),
-  attributes: {
-    orientation: 'vertical'
-  },
-  scope: ['transform']
-}];
-var _default = variations;
-exports.default = _default;
-//# sourceMappingURL=variations.js.map

package/build/buttons/variations.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/buttons/variations.js"],"names":["variations","name","isDefault","title","description","attributes","orientation","scope"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,oBADP;AAECC,EAAAA,SAAS,EAAE,IAFZ;AAGCC,EAAAA,KAAK,EAAE,cAAI,YAAJ,CAHR;AAICC,EAAAA,WAAW,EAAE,cAAI,yBAAJ,CAJd;AAKCC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GALb;AAMCC,EAAAA,KAAK,EAAE,CAAE,WAAF;AANR,CADkB,EASlB;AACCN,EAAAA,IAAI,EAAE,kBADP;AAECE,EAAAA,KAAK,EAAE,cAAI,UAAJ,CAFR;AAGCC,EAAAA,WAAW,EAAE,cAAI,4BAAJ,CAHd;AAICC,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAJb;AAKCC,EAAAA,KAAK,EAAE,CAAE,WAAF;AALR,CATkB,CAAnB;eAkBeP,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'buttons-horizontal',\n\t\tisDefault: true,\n\t\ttitle: __( 'Horizontal' ),\n\t\tdescription: __( 'Buttons shown in a row.' ),\n\t\tattributes: { orientation: 'horizontal' },\n\t\tscope: [ 'transform' ],\n\t},\n\t{\n\t\tname: 'buttons-vertical',\n\t\ttitle: __( 'Vertical' ),\n\t\tdescription: __( 'Buttons shown in a column.' ),\n\t\tattributes: { orientation: 'vertical' },\n\t\tscope: [ 'transform' ],\n\t},\n];\n\nexport default variations;\n"]}

package/build/navigation/block-navigation-list.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/block-navigation-list.js"],"names":["BlockNavigationList","clientId","__experimentalFeatures","blocks","select","blockEditorStore","__unstableGetClientIdsTree","listViewRef","minHeight","setMinHeight","current","clientHeight"],"mappings":";;;;;;;AAQA;;AALA;;AAIA;;AAPA;AACA;AACA;AAQe,SAASA,mBAAT,CAA8B;AAC5CC,EAAAA,QAD4C;AAE5CC,EAAAA;AAF4C,CAA9B,EAGX;AACH,QAAMC,MAAM,GAAG,qBACZC,MAAF,IACCA,MAAM,CAAEC,kBAAF,CAAN,CAA2BC,0BAA3B,CAAuDL,QAAvD,CAFa,EAGd,CAAEA,QAAF,CAHc,CAAf;AAMA,QAAMM,WAAW,GAAG,sBAApB;AACA,QAAM,CAAEC,SAAF,EAAaC,YAAb,IAA8B,uBAAU,GAAV,CAApC;AACA,0BAAW,MAAM;AAAA;;AAChBA,IAAAA,YAAY,0BAAEF,WAAF,aAAEA,WAAF,+CAAEA,WAAW,CAAEG,OAAf,yDAAE,qBAAsBC,YAAxB,yEAAwC,GAAxC,CAAZ;AACA,GAFD,EAEG,EAFH;AAIA,SACC;AAAK,IAAA,KAAK,EAAG;AAAEH,MAAAA;AAAF;AAAb,KACC,4BAAC,mCAAD;AACC,IAAA,GAAG,EAAGD,WADP;AAEC,IAAA,MAAM,EAAGJ,MAFV;AAGC,IAAA,eAAe,MAHhB;AAIC,IAAA,gBAAgB,MAJjB;AAKC,IAAA,sBAAsB,EAAGD;AAL1B,IADD,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef, useEffect, useState } from '@wordpress/element';\n\nexport default function BlockNavigationList( {\n\tclientId,\n\t__experimentalFeatures,\n} ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__unstableGetClientIdsTree( clientId ),\n\t\t[ clientId ]\n\t);\n\n\tconst listViewRef = useRef();\n\tconst [ minHeight, setMinHeight ] = useState( 300 );\n\tuseEffect( () => {\n\t\tsetMinHeight( listViewRef?.current?.clientHeight ?? 300 );\n\t}, [] );\n\n\treturn (\n\t\t<div style={ { minHeight } }>\n\t\t\t<ListView\n\t\t\t\tref={ listViewRef }\n\t\t\t\tblocks={ blocks }\n\t\t\t\tshowBlockMovers\n\t\t\t\tshowNestedBlocks\n\t\t\t\t__experimentalFeatures={ __experimentalFeatures }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"]}