@wordpress/block-library 10.1.1-next.v.202607070741.0 → 10.3.0

package/src/query/edit/inspector-controls/index.js

@@ -8,12 +8,13 @@ import {
 	__experimentalVStack as VStack,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
+	ToggleControl,
 	__experimentalToggleGroupControl as ToggleGroupControl,
 	__experimentalToggleGroupControlOption as ToggleGroupControlOption,
 } from '@wordpress/components';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
-import { __ } from '@wordpress/i18n';
+import { __, _x, sprintf } from '@wordpress/i18n';
 import { debounce } from '@wordpress/compose';
 import { useState, useMemo } from '@wordpress/element';
 
@@ -40,7 +41,8 @@ import {
 import { useToolsPanelDropdownMenuProps } from '../../../utils/hooks';
 
 export default function QueryInspectorControls( props ) {
-	const { attributes, setQuery, isSingular } = props;
+	const { attributes, setQuery, isSingular, shouldExcludeCurrentPost } =
+		props;
 	const { query } = attributes;
 	const {
 		order,
@@ -55,6 +57,7 @@ export default function QueryInspectorControls( props ) {
 		taxQuery,
 		parents,
 		format,
+		excludeCurrent,
 	} = query;
 	const allowedControls = useAllowedControls( attributes );
 	const showSticky = postType === 'post';
@@ -171,12 +174,22 @@ export default function QueryInspectorControls( props ) {
 		[ allowedControls, postTypeHasFormatSupport ]
 	);
 
+	const showExcludeCurrentControl =
+		shouldExcludeCurrentPost &&
+		isControlAllowed( allowedControls, 'excludeCurrent' );
+	const postTypeSingularName = useSelect(
+		( select ) =>
+			select( coreStore ).getPostType( postType )?.labels.singular_name,
+		[ postType ]
+	);
+
 	const showFiltersPanel =
 		showTaxControl ||
 		showAuthorControl ||
 		showSearchControl ||
 		showParentControl ||
-		showFormatControl;
+		showFormatControl ||
+		showExcludeCurrentControl;
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 
 	const showPostCountControl = isControlAllowed(
@@ -354,7 +367,10 @@ export default function QueryInspectorControls( props ) {
 						/>
 					</ToolsPanelItem>
 					<ToolsPanelItem
-						label={ __( 'Offset' ) }
+						label={ _x(
+							'Offset',
+							'Number of posts to skip in a query'
+						) }
 						hasValue={ () => offset > 0 }
 						onDeselect={ () => setQuery( { offset: 0 } ) }
 					>
@@ -383,6 +399,7 @@ export default function QueryInspectorControls( props ) {
 							search: '',
 							taxQuery: null,
 							format: [],
+							excludeCurrent: null,
 						} );
 						setQuerySearch( '' );
 					} }
@@ -463,6 +480,32 @@ export default function QueryInspectorControls( props ) {
 							/>
 						</ToolsPanelItem>
 					) }
+					{ showExcludeCurrentControl && (
+						<ToolsPanelItem
+							label={ __( 'Exclude' ) }
+							hasValue={ () => excludeCurrent !== null }
+							onDeselect={ () =>
+								setQuery( { excludeCurrent: null } )
+							}
+						>
+							<ToggleControl
+								label={ __( 'Exclude current' ) }
+								help={ sprintf(
+									/* translators: %s: the post type singular name */
+									__(
+										'Exclude the current %s from the query.'
+									),
+									postTypeSingularName
+								) }
+								checked={ !! excludeCurrent }
+								onChange={ ( value ) => {
+									setQuery( {
+										excludeCurrent: !! value,
+									} );
+								} }
+							/>
+						</ToolsPanelItem>
+					) }
 				</ToolsPanel>
 			) }
 		</>

package/src/query/edit/inspector-controls/offset-controls.js

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { __experimentalNumberControl as NumberControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
+import { _x } from '@wordpress/i18n';
 
 const MIN_OFFSET = 0;
 const MAX_OFFSET = 100;
@@ -10,8 +10,7 @@ const MAX_OFFSET = 100;
 export const OffsetControl = ( { offset = 0, onChange } ) => {
 	return (
 		<NumberControl
-			__next40pxDefaultSize
-			label={ __( 'Offset' ) }
+			label={ _x( 'Offset', 'Number of posts to skip in a query' ) }
 			value={ offset }
 			min={ MIN_OFFSET }
 			onChange={ ( newOffset ) => {

package/src/query/edit/inspector-controls/pages-control.js

@@ -7,7 +7,6 @@ import { __ } from '@wordpress/i18n';
 export const PagesControl = ( { pages, onChange } ) => {
 	return (
 		<NumberControl
-			__next40pxDefaultSize
 			label={ __( 'Max pages to show' ) }
 			value={ pages }
 			min={ 0 }

package/src/query/edit/query-content.js

@@ -44,8 +44,9 @@ export default function QueryContent( {
 		tagName: TagName = 'div',
 		query: { inherit } = {},
 	} = attributes;
-	const { templateSlug } = context;
-	const { isSingular } = getQueryContextFromTemplate( templateSlug );
+	const { templateSlug, postType } = context;
+	const { isSingular, templateType } =
+		getQueryContextFromTemplate( templateSlug );
 	const { __unstableMarkNextChangeAsNotPersistent } =
 		useDispatch( blockEditorStore );
 	const instanceId = useInstanceId( QueryContent );
@@ -77,6 +78,14 @@ export default function QueryContent( {
 				DEFAULTS_POSTS_PER_PAGE,
 		};
 	}, [] );
+
+	// Whether the "exclude current" filter applies: we're in a singular template
+	// and the post type matches the query.
+	const shouldExcludeCurrentPost =
+		isSingular &&
+		! inherit &&
+		( query.postType === postType || query.postType === templateType );
+
 	// There are some effects running where some initialization logic is
 	// happening and setting some values to some attributes (ex. queryId).
 	// These updates can cause an `undo trap` where undoing will result in
@@ -102,15 +111,21 @@ export default function QueryContent( {
 		} else if ( ! query.perPage && postsPerPage ) {
 			newQuery.perPage = postsPerPage;
 		}
-
+		// Remove the exclusion when it no longer applies, so the filters stay
+		// clean. We never force it on: enabling the exclusion is left to the user.
+		if ( ! shouldExcludeCurrentPost && query.excludeCurrent !== null ) {
+			newQuery.excludeCurrent = null;
+		}
 		if ( !! Object.keys( newQuery ).length ) {
 			__unstableMarkNextChangeAsNotPersistent();
 			updateQuery( newQuery );
 		}
 	}, [
 		query.perPage,
+		query.excludeCurrent,
 		inherit,
 		postsPerPage,
+		shouldExcludeCurrentPost,
 		__unstableMarkNextChangeAsNotPersistent,
 		updateQuery,
 	] );
@@ -150,6 +165,7 @@ export default function QueryContent( {
 					setAttributes={ setAttributes }
 					clientId={ clientId }
 					isSingular={ isSingular }
+					shouldExcludeCurrentPost={ shouldExcludeCurrentPost }
 				/>
 			</InspectorControls>
 			<InspectorControls group="advanced">

package/src/query/index.js

@@ -34,6 +34,7 @@ export const settings = {
 				search: '',
 				sticky: 'exclude',
 				inherit: false,
+				excludeCurrent: null,
 			},
 		},
 		innerBlocks: [

package/src/quote/README.md

@@ -29,6 +29,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
   - `backgroundImage`: `true`
   - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`dimensions`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#dimensions):
   - `minHeight`: `true`
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):

package/src/quote/block.json

@@ -33,8 +33,10 @@
 		"background": {
 			"backgroundImage": true,
 			"backgroundSize": true,
+			"gradient": true,
 			"__experimentalDefaultControls": {
-				"backgroundImage": true
+				"backgroundImage": true,
+				"gradient": true
 			}
 		},
 		"__experimentalBorder": {

package/src/quote/transforms.js

@@ -4,7 +4,7 @@
 import { RichText } from '@wordpress/block-editor';
 import {
 	createBlock,
-	__experimentalCloneSanitizedBlock,
+	cloneSanitizedBlock,
 	switchToBlockType,
 } from '@wordpress/blocks';
 
@@ -96,9 +96,7 @@ const transforms = {
 				createBlock(
 					'core/quote',
 					{},
-					blocks.map( ( block ) =>
-						__experimentalCloneSanitizedBlock( block )
-					)
+					blocks.map( ( block ) => cloneSanitizedBlock( block ) )
 				),
 		},
 	],

package/src/read-more/edit.js

@@ -64,8 +64,13 @@ export default function ReadMore( {
 				onChange={ ( newValue ) =>
 					setAttributes( { content: newValue } )
 				}
-				__unstableOnSplitAtEnd={ () =>
-					insertBlocksAfter( createBlock( getDefaultBlockName() ) )
+				__unstableOnSplitAtEnd={
+					insertBlocksAfter
+						? () =>
+								insertBlocksAfter(
+									createBlock( getDefaultBlockName() )
+								)
+						: undefined
 				}
 				withoutInteractiveFormatting
 				{ ...blockProps }

package/src/rss/edit.js

@@ -96,7 +96,6 @@ export default function RSSEdit( { attributes, setAttributes, name } ) {
 						className="wp-block-rss__placeholder-form"
 					>
 						<InputControl
-							__next40pxDefaultSize
 							label={ label }
 							type="url"
 							hideLabelFromVision

package/src/rss/index.php

@@ -15,11 +15,16 @@
  * @return string Returns the block content with received rss items.
  */
 function render_block_core_rss( $attributes ) {
-	if ( in_array( untrailingslashit( $attributes['feedURL'] ), array( site_url(), home_url() ), true ) ) {
+	$feed_url = $attributes['feedURL'] ?? null;
+	if ( ! is_string( $feed_url ) ) {
+		return '';
+	}
+
+	if ( in_array( untrailingslashit( $feed_url ), array( site_url(), home_url() ), true ) ) {
 		return '<div class="components-placeholder"><div class="notice notice-error">' . __( 'Adding an RSS feed to this site’s homepage is not supported, as it could lead to a loop that slows down your site. Try using another block, like the <strong>Latest Posts</strong> block, to list posts from the site.' ) . '</div></div>';
 	}
 
-	$rss = fetch_feed( $attributes['feedURL'] );
+	$rss = fetch_feed( $feed_url );
 
 	if ( is_wp_error( $rss ) ) {
 		return '<div class="components-placeholder"><div class="notice notice-error"><strong>' . __( 'RSS Error:' ) . '</strong> ' . esc_html( $rss->get_error_message() ) . '</div></div>';
@@ -33,7 +38,8 @@ function render_block_core_rss( $attributes ) {
 	$list_items = '';
 
 	$open_in_new_tab = ! empty( $attributes['openInNewTab'] );
-	$rel             = ! empty( $attributes['rel'] ) ? trim( $attributes['rel'] ) : '';
+	$rel_attr        = $attributes['rel'] ?? null;
+	$rel             = is_string( $rel_attr ) && '' !== $rel_attr ? trim( $rel_attr ) : '';
 
 	$link_attributes = '';
 
@@ -97,7 +103,7 @@ function render_block_core_rss( $attributes ) {
 			$excerpt = esc_attr( wp_trim_words( $excerpt, $attributes['excerptLength'], ' [&hellip;]' ) );
 
 			// Change existing [...] to [&hellip;].
-			if ( '[...]' === substr( $excerpt, -5 ) ) {
+			if ( str_ends_with( $excerpt, '[...]' ) ) {
 				$excerpt = substr( $excerpt, 0, -5 ) . '[&hellip;]';
 			}
 

package/src/site-tagline/edit.js

@@ -59,8 +59,13 @@ export default function SiteTaglineEdit( props ) {
 			tagName={ TagName }
 			value={ tagline }
 			disableLineBreaks
-			__unstableOnSplitAtEnd={ () =>
-				insertBlocksAfter( createBlock( getDefaultBlockName() ) )
+			__unstableOnSplitAtEnd={
+				insertBlocksAfter
+					? () =>
+							insertBlocksAfter(
+								createBlock( getDefaultBlockName() )
+							)
+					: undefined
 			}
 			{ ...blockProps }
 		/>

package/src/site-title/edit.js

@@ -73,8 +73,13 @@ export default function SiteTitleEdit( props ) {
 				onChange={ setTitle }
 				allowedFormats={ [] }
 				disableLineBreaks
-				__unstableOnSplitAtEnd={ () =>
-					insertBlocksAfter( createBlock( getDefaultBlockName() ) )
+				__unstableOnSplitAtEnd={
+					insertBlocksAfter
+						? () =>
+								insertBlocksAfter(
+									createBlock( getDefaultBlockName() )
+								)
+						: undefined
 				}
 			/>
 		</TagName>

package/src/social-link/index.php

@@ -19,19 +19,26 @@
 function render_block_core_social_link( $attributes, $content, $block ) {
 	$open_in_new_tab = $block->context['openInNewTab'] ?? false;
 
-	$text = ! empty( $attributes['label'] ) ? trim( $attributes['label'] ) : '';
+	$label_attr = $attributes['label'] ?? null;
+	$text       = is_string( $label_attr ) && '' !== $label_attr ? trim( $label_attr ) : '';
 
-	$service     = $attributes['service'] ?? 'Icon';
-	$url         = $attributes['url'] ?? false;
-	$text        = $text ? $text : block_core_social_link_get_name( $service );
-	$rel         = $attributes['rel'] ?? '';
-	$show_labels = array_key_exists( 'showLabels', $block->context ) ? $block->context['showLabels'] : false;
+	$service_attr = $attributes['service'] ?? null;
+	$service      = is_string( $service_attr ) ? $service_attr : 'Icon';
+	$url          = $attributes['url'] ?? false;
+	$text         = $text ? $text : block_core_social_link_get_name( $service );
+	$rel_attr     = $attributes['rel'] ?? null;
+	$rel          = is_string( $rel_attr ) ? $rel_attr : '';
+	$show_labels  = array_key_exists( 'showLabels', $block->context ) ? $block->context['showLabels'] : false;
 
 	// Don't render a link if there is no URL set.
 	if ( ! $url ) {
 		return '';
 	}
 
+	if ( ! is_string( $url ) ) {
+		return '';
+	}
+
 	/**
 	 * Prepend emails with `mailto:` if not set.
 	 * The `is_email` returns false for emails with schema.
@@ -100,7 +107,7 @@ add_action( 'init', 'register_block_core_social_link' );
  */
 function block_core_social_link_get_icon( $service ) {
 	$services = block_core_social_link_services();
-	if ( isset( $services[ $service ] ) && isset( $services[ $service ]['icon'] ) ) {
+	if ( is_string( $service ) && isset( $services[ $service ] ) && isset( $services[ $service ]['icon'] ) ) {
 		return $services[ $service ]['icon'];
 	}
 
@@ -118,7 +125,7 @@ function block_core_social_link_get_icon( $service ) {
  */
 function block_core_social_link_get_name( $service ) {
 	$services = block_core_social_link_services();
-	if ( isset( $services[ $service ] ) && isset( $services[ $service ]['name'] ) ) {
+	if ( is_string( $service ) && isset( $services[ $service ] ) && isset( $services[ $service ]['name'] ) ) {
 		return $services[ $service ]['name'];
 	}
 
@@ -136,6 +143,9 @@ function block_core_social_link_get_name( $service ) {
  * @return array|string
  */
 function block_core_social_link_services( $service = '', $field = '' ) {
+	if ( ! is_string( $service ) || ! is_string( $field ) ) {
+		return array();
+	}
 	$services_data = array(
 		'fivehundredpx' => array(
 			'name' => _x( '500px', 'social link block variation name' ),
@@ -295,7 +305,7 @@ function block_core_social_link_services( $service = '', $field = '' ) {
 		),
 		'tumblr'        => array(
 			'name' => _x( 'Tumblr', 'social link block variation name' ),
-			'icon' => '<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M17.04 21.28h-3.28c-2.84 0-4.94-1.37-4.94-5.02v-5.67H6.08V7.5c2.93-.73 4.11-3.3 4.3-5.48h3.01v4.93h3.47v3.65H13.4v4.93c0 1.47.73 2.01 1.92 2.01h1.73v3.75z" /></path></svg>',
+			'icon' => '<svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M17.04 21.28h-3.28c-2.84 0-4.94-1.37-4.94-5.02v-5.67H6.08V7.5c2.93-.73 4.11-3.3 4.3-5.48h3.01v4.93h3.47v3.65H13.4v4.93c0 1.47.73 2.01 1.92 2.01h1.73v3.75z"></path></svg>',
 		),
 		'twitch'        => array(
 			'name' => _x( 'Twitch', 'social link block variation name' ),

package/src/social-links/edit.js

@@ -30,6 +30,7 @@ import { useSelect } from '@wordpress/data';
 /**
  * Internal dependencies
  */
+import { unlock } from '../lock-unlock';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
 const sizeOptions = [
@@ -60,17 +61,23 @@ export function SocialLinksEdit( props ) {
 		size,
 	} = attributes;
 
-	const { hasSocialIcons, hasSelectedChild } = useSelect(
-		( select ) => {
-			const { getBlockCount, hasSelectedInnerBlock } =
-				select( blockEditorStore );
-			return {
-				hasSocialIcons: getBlockCount( clientId ) > 0,
-				hasSelectedChild: hasSelectedInnerBlock( clientId ),
-			};
-		},
-		[ clientId ]
-	);
+	const { hasSocialIcons, hasSelectedChild, hasSelectedStyleState } =
+		useSelect(
+			( select ) => {
+				const {
+					getBlockCount,
+					hasSelectedInnerBlock,
+					hasSelectedStyleState: hasSelectedBlockStyleState,
+				} = unlock( select( blockEditorStore ) );
+				return {
+					hasSocialIcons: getBlockCount( clientId ) > 0,
+					hasSelectedChild: hasSelectedInnerBlock( clientId ),
+					hasSelectedStyleState:
+						hasSelectedBlockStyleState( clientId ),
+				};
+			},
+			[ clientId ]
+		);
 
 	const hasAnySelected = isSelected || hasSelectedChild;
 
@@ -157,6 +164,8 @@ export function SocialLinksEdit( props ) {
 	}
 
 	const colorGradientSettings = useMultipleOriginColorsAndGradients();
+	const showColorControls =
+		colorGradientSettings.hasColorsOrGradients && ! hasSelectedStyleState;
 
 	return (
 		<>
@@ -227,7 +236,7 @@ export function SocialLinksEdit( props ) {
 					</ToolsPanelItem>
 				</ToolsPanel>
 			</InspectorControls>
-			{ colorGradientSettings.hasColorsOrGradients && (
+			{ showColorControls && (
 				<InspectorControls group="color">
 					{ colorSettings.map(
 						( { onChange, label, value, resetAllFilter } ) => (

package/src/tab-list/README.md

@@ -1,8 +1,6 @@
 # Tab List
 
 <!-- START TOKEN(Autogenerated block API docs) -->
-<div class="callout callout-warning">This block is <strong>experimental</strong> and may change or be removed without notice.</div>
-
 Display the tab buttons for a tabbed interface.
 
 - **Name:** `core/tab-list`
@@ -28,6 +26,7 @@ _Defined via the [`attributes`](https://developer.wordpress.org/block-editor/ref
 _Defined via the [`supports`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/) property in block.json._
 
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
+- [`ariaLabel`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#arialabel): `true`
 - [`visibility`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#visibility): `false`
 - [`lock`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#lock): `false`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
@@ -36,7 +35,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
 - [`layout`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout):
-  - [`default`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-default): `{"type":"flex","flexWrap":"nowrap"}`
+  - [`default`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-default): `{"type":"flex","flexWrap":"wrap"}`
   - [`allowVerticalAlignment`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowverticalalignment): `false`
   - [`allowOrientation`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-alloworientation): `false`
   - [`allowWrap`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout-allowwrap): `false`
@@ -68,8 +67,8 @@ _Defined via the [`selectors`](https://developer.wordpress.org/block-editor/refe
 This is a [**hybrid block**](https://developer.wordpress.org/block-editor/getting-started/fundamentals/static-dynamic-rendering/). It saves static markup that the server may enhance during rendering.
 
 ```html
-<!-- wp:tab-list {"tabs":[]} -->
-<!-- Content... -->
+<!-- wp:tab-list -->
+<div role="tablist" class="wp-block-tab-list"><button type="button" role="tab">Tab 1</button><button type="button" role="tab">Tab 2</button></div>
 <!-- /wp:tab-list -->
 ```
 

package/src/tab-list/block.json

@@ -1,6 +1,5 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
-	"__experimental": true,
 	"apiVersion": 3,
 	"name": "core/tab-list",
 	"title": "Tab List",
@@ -26,6 +25,7 @@
 	},
 	"supports": {
 		"html": false,
+		"ariaLabel": true,
 		"visibility": false,
 		"lock": false,
 		"color": {
@@ -51,7 +51,7 @@
 		"layout": {
 			"default": {
 				"type": "flex",
-				"flexWrap": "nowrap"
+				"flexWrap": "wrap"
 			},
 			"allowVerticalAlignment": false,
 			"allowOrientation": false,
@@ -77,5 +77,6 @@
 			"padding": ".wp-block-tab-list button"
 		}
 	},
-	"style": "wp-block-tab-list"
+	"style": "wp-block-tab-list",
+	"editorStyle": "wp-block-tab-list-editor"
 }