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

package/src/separator/index.js

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

package/src/separator/init.js

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

package/src/separator/style.scss

@@ -3,6 +3,10 @@
 	border-bottom: 1px solid currentColor;
 	// Default, thin style, is stored in theme.scss so it can be opted out of
 
+	// Unset the left and right borders by default, otherwise some browsers will render them as "inset".
+	border-left: none;
+	border-right: none;
+
 	// Dots style
 	&.is-style-dots {
 		// Override any background themes often set on the hr tag for this style.

package/src/separator/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/shortcode/index.js

@@ -6,6 +6,7 @@ import { shortcode as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import edit from './edit';
 import save from './save';
 import transforms from './transforms';
@@ -21,3 +22,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/shortcode/init.js

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

package/src/shortcode/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/site-logo/block.json

@@ -37,6 +37,10 @@
 			"__experimentalDuotone": "img, .components-placeholder__illustration, .components-placeholder::before",
 			"text": false,
 			"background": false
+		},
+		"spacing": {
+			"margin": true,
+			"padding": true
 		}
 	},
 	"styles": [

package/src/site-logo/editor.scss

@@ -39,11 +39,18 @@
 		width: 120px;
 	}
 
+	// Inherit radius.
+	> div, // A 60px width div shown only in the editor on mobile.
+	.components-resizable-box__container {
+		border-radius: inherit;
+	}
+
 	// Style the placeholder.
 	.components-placeholder {
 		justify-content: center;
 		align-items: center;
 		padding: 0;
+		border-radius: inherit;
 
 		// Provide a minimum size for the placeholder, for when the logo is resized.
 		// @todo: resizing is currently only possible by adding an image, resizing,

package/src/site-logo/index.js

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

package/src/site-logo/init.js

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

package/src/site-logo/style.scss

@@ -1,4 +1,6 @@
 .wp-block-site-logo {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
 	line-height: 0;
 
 	a {

package/src/site-tagline/block.json

@@ -31,6 +31,7 @@
 			"lineHeight": true,
 			"__experimentalFontFamily": true,
 			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,
 			"__experimentalLetterSpacing": true,

package/src/site-tagline/index.js

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

package/src/site-tagline/init.js

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

package/src/site-title/block.json

@@ -47,6 +47,7 @@
 			"lineHeight": true,
 			"__experimentalFontFamily": true,
 			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,
 			"__experimentalLetterSpacing": true,

package/src/site-title/index.js

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

package/src/site-title/init.js

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

package/src/social-link/edit.js

@@ -12,7 +12,7 @@ import {
 	URLInput,
 	useBlockProps,
 } from '@wordpress/block-editor';
-import { Fragment, useState, useRef } from '@wordpress/element';
+import { Fragment, useState } from '@wordpress/element';
 import {
 	Button,
 	PanelBody,
@@ -31,12 +31,9 @@ const SocialLinkURLPopover = ( {
 	url,
 	setAttributes,
 	setPopover,
-	anchorRef,
+	popoverAnchor,
 } ) => (
-	<URLPopover
-		anchorRef={ anchorRef?.current }
-		onClose={ () => setPopover( false ) }
-	>
+	<URLPopover anchor={ popoverAnchor } onClose={ () => setPopover( false ) }>
 		<form
 			className="block-editor-url-popover__link-editor"
 			onSubmit={ ( event ) => {
@@ -76,7 +73,10 @@ const SocialLinkEdit = ( {
 		'wp-social-link__is-incomplete': ! url,
 	} );
 
-	const ref = useRef();
+	// Use internal state instead of a ref to make sure that the component
+	// re-renders when the popover's anchor updates.
+	const [ popoverAnchor, setPopoverAnchor ] = useState( null );
+
 	const IconComponent = getIconBySite( service );
 	const socialLinkName = getNameBySite( service );
 	const socialLinkLabel = label ?? socialLinkName;
@@ -116,7 +116,7 @@ const SocialLinkEdit = ( {
 			<li { ...blockProps }>
 				<Button
 					className="wp-block-social-link-anchor"
-					ref={ ref }
+					ref={ setPopoverAnchor }
 					onClick={ () => setPopover( true ) }
 				>
 					<IconComponent />
@@ -132,7 +132,7 @@ const SocialLinkEdit = ( {
 							url={ url }
 							setAttributes={ setAttributes }
 							setPopover={ setPopover }
-							anchorRef={ ref }
+							popoverAnchor={ popoverAnchor }
 						/>
 					) }
 				</Button>

package/src/social-link/index.js

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

package/src/social-link/init.js

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

package/src/social-link/socials-without-bg.scss

@@ -144,8 +144,7 @@
 }
 
 .wp-social-link-whatsapp {
-	background-color: #25d366;
-	color: #fff;
+	color: #25d366;
 }
 
 .wp-social-link-wordpress {

package/src/social-links/block.json

@@ -67,7 +67,8 @@
 		},
 		"spacing": {
 			"blockGap": [ "horizontal", "vertical" ],
-			"margin": [ "top", "bottom" ],
+			"margin": true,
+			"padding": true,
 			"units": [ "px", "em", "rem", "vh", "vw" ],
 			"__experimentalDefaultControls": {
 				"blockGap": true

package/src/social-links/index.js

@@ -6,6 +6,7 @@ import { share 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';
@@ -46,3 +47,5 @@ export const settings = {
 	save,
 	deprecated,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/social-links/init.js

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

package/src/social-links/style.scss

@@ -1,4 +1,7 @@
 .wp-block-social-links {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
+
 	padding-left: 0;
 	padding-right: 0;
 	// Some themes set text-indent on all <ul>

package/src/spacer/index.js

@@ -6,6 +6,7 @@ import { resizeCornerNE 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';
@@ -21,3 +22,5 @@ export const settings = {
 	save,
 	deprecated,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/spacer/init.js

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

package/src/table/block.json

@@ -141,10 +141,12 @@
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,
+			"__experimentalFontFamily": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,
 			"__experimentalLetterSpacing": true,
 			"__experimentalTextTransform": true,
+			"__experimentalTextDecoration": true,
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}
@@ -160,12 +162,7 @@
 				"width": true
 			}
 		},
-		"__experimentalSelector": ".wp-block-table > table",
-		"__experimentalStyle": {
-			"spacing": {
-				"margin": "0 0 1em 0"
-			}
-		}
+		"__experimentalSelector": ".wp-block-table > table"
 	},
 	"styles": [
 		{

package/src/table/index.js

@@ -7,6 +7,7 @@ import { blockTable 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';
@@ -96,3 +97,5 @@ export const settings = {
 	save,
 	deprecated,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/table/init.js

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

package/src/table/theme.scss

@@ -1,4 +1,6 @@
 .wp-block-table {
+	margin: "0 0 1em 0";
+
 	thead {
 		border-bottom: 3px solid;
 	}

package/src/table-of-contents/index.js

@@ -1,6 +1,7 @@
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 import icon from './icon';
@@ -15,3 +16,5 @@ export const settings = {
 	edit,
 	save,
 };
+
+export const init = () => initBlock( { name, metadata, settings } );

package/src/table-of-contents/init.js

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

package/src/tag-cloud/index.js

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

package/src/tag-cloud/init.js

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

package/src/template-part/edit/index.js

@@ -15,7 +15,6 @@ import {
 	store as blockEditorStore,
 	__experimentalRecursionProvider as RecursionProvider,
 	__experimentalUseHasRecursion as useHasRecursion,
-	__experimentalUseBlockOverlayActive as useBlockOverlayActive,
 } from '@wordpress/block-editor';
 import { Spinner, Modal, MenuItem } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
@@ -89,15 +88,7 @@ export default function TemplatePartEdit( {
 	const blockPatterns = useAlternativeBlockPatterns( area, clientId );
 	const hasReplacements = !! templateParts.length || !! blockPatterns.length;
 	const areaObject = useTemplatePartArea( area );
-	const hasBlockOverlay = useBlockOverlayActive( clientId );
-	const blockProps = useBlockProps(
-		{
-			className: hasBlockOverlay
-				? 'block-editor-block-content-overlay'
-				: undefined,
-		},
-		{ __unstableIsDisabled: hasBlockOverlay }
-	);
+	const blockProps = useBlockProps();
 	const isPlaceholder = ! slug;
 	const isEntityAvailable = ! isPlaceholder && ! isMissing && isResolved;
 	const TagName = tagName || areaObject.tagName;

package/src/template-part/edit/selection-modal.js

@@ -7,10 +7,7 @@ import { store as noticesStore } from '@wordpress/notices';
 import { useDispatch } from '@wordpress/data';
 import { parse } from '@wordpress/blocks';
 import { useAsyncList } from '@wordpress/compose';
-import {
-	__experimentalBlockPatternsList as BlockPatternsList,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
+import { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';
 import {
 	SearchControl,
 	__experimentalHStack as HStack,
@@ -36,9 +33,6 @@ export default function TemplatePartSelectionModal( {
 } ) {
 	const [ searchValue, setSearchValue ] = useState( '' );
 
-	// When the templatePartId is undefined,
-	// it means the user is creating a new one from the placeholder.
-	const isReplacingTemplatePartContent = !! templatePartId;
 	const { templateParts } = useAlternativeTemplateParts(
 		area,
 		templatePartId
@@ -62,7 +56,6 @@ export default function TemplatePartSelectionModal( {
 	const shownBlockPatterns = useAsyncList( filteredBlockPatterns );
 
 	const { createSuccessNotice } = useDispatch( noticesStore );
-	const { replaceInnerBlocks } = useDispatch( blockEditorStore );
 
 	const onTemplatePartSelect = useCallback( ( templatePart ) => {
 		setAttributes( {
@@ -121,12 +114,7 @@ export default function TemplatePartSelectionModal( {
 						blockPatterns={ filteredBlockPatterns }
 						shownPatterns={ shownBlockPatterns }
 						onClickPattern={ ( pattern, blocks ) => {
-							if ( isReplacingTemplatePartContent ) {
-								replaceInnerBlocks( clientId, blocks );
-							} else {
-								createFromBlocks( blocks, pattern.title );
-							}
-
+							createFromBlocks( blocks, pattern.title );
 							onClose();
 						} }
 					/>

package/src/template-part/index.js

@@ -15,6 +15,7 @@ import { decodeEntities } from '@wordpress/html-entities';
 /**
  * Internal dependencies
  */
+import initBlock from '../utils/init-block';
 import metadata from './block.json';
 import edit from './edit';
 import { enhanceTemplatePartVariations } from './variations';
@@ -48,37 +49,42 @@ export const settings = {
 	edit,
 };
 
-// Importing this file includes side effects. This is added in block-library/package.json under sideEffects
-addFilter(
-	'blocks.registerBlockType',
-	'core/template-part',
-	enhanceTemplatePartVariations
-);
+export const init = () => {
+	addFilter(
+		'blocks.registerBlockType',
+		'core/template-part',
+		enhanceTemplatePartVariations
+	);
 
-// Prevent adding template parts inside post templates.
-const DISALLOWED_PARENTS = [ 'core/post-template', 'core/post-content' ];
-addFilter(
-	'blockEditor.__unstableCanInsertBlockType',
-	'removeTemplatePartsFromPostTemplates',
-	(
-		can,
-		blockType,
-		rootClientId,
-		{ getBlock, getBlockParentsByBlockName }
-	) => {
-		if ( blockType.name !== 'core/template-part' ) {
-			return can;
-		}
+	// Prevent adding template parts inside post templates.
+	const DISALLOWED_PARENTS = [ 'core/post-template', 'core/post-content' ];
+	addFilter(
+		'blockEditor.__unstableCanInsertBlockType',
+		'removeTemplatePartsFromPostTemplates',
+		(
+			can,
+			blockType,
+			rootClientId,
+			{ getBlock, getBlockParentsByBlockName }
+		) => {
+			if ( blockType.name !== 'core/template-part' ) {
+				return can;
+			}
 
-		for ( const disallowedParentType of DISALLOWED_PARENTS ) {
-			const hasDisallowedParent =
-				getBlock( rootClientId )?.name === disallowedParentType ||
-				getBlockParentsByBlockName( rootClientId, disallowedParentType )
-					.length;
-			if ( hasDisallowedParent ) {
-				return false;
+			for ( const disallowedParentType of DISALLOWED_PARENTS ) {
+				const hasDisallowedParent =
+					getBlock( rootClientId )?.name === disallowedParentType ||
+					getBlockParentsByBlockName(
+						rootClientId,
+						disallowedParentType
+					).length;
+				if ( hasDisallowedParent ) {
+					return false;
+				}
 			}
+			return true;
 		}
-		return true;
-	}
-);
+	);
+
+	return initBlock( { name, metadata, settings } );
+};

package/src/template-part/index.php

@@ -33,7 +33,7 @@ function render_block_core_template_part( $attributes ) {
 				'tax_query'      => array(
 					array(
 						'taxonomy' => 'wp_theme',
-						'field'    => 'slug',
+						'field'    => 'name',
 						'terms'    => $attributes['theme'],
 					),
 				),

package/src/template-part/init.js

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

package/src/term-description/index.js

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

package/src/term-description/init.js

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