@wordpress/block-library 11.0.0 → 11.1.0

package/src/term-description/README.md

@@ -21,6 +21,10 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `"wide"`, `"full"`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
@@ -32,6 +36,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - [`textAlign`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-textalign): `true`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 
 ## Context
 

package/src/term-description/block.json

@@ -11,6 +11,14 @@
 		"anchor": true,
 		"align": [ "wide", "full" ],
 		"html": false,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true
+			}
+		},
 		"color": {
 			"link": true,
 			"__experimentalDefaultControls": {
@@ -39,6 +47,7 @@
 		"interactivity": {
 			"clientNavigation": true
 		},
+		"shadow": true,
 		"__experimentalBorder": {
 			"radius": true,
 			"color": true,

package/src/term-description/use-term-description.js

@@ -53,7 +53,7 @@ function useTemplateBasedTermData() {
 					'postType',
 					'wp_template',
 					templateId
-			  )?.slug
+				)?.slug
 			: null;
 	}, [] );
 

package/src/term-name/README.md

@@ -26,9 +26,14 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `"wide"`, `"full"`
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `padding`: `true`
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):

package/src/term-name/block.json

@@ -25,6 +25,15 @@
 		"anchor": true,
 		"align": [ "wide", "full" ],
 		"html": false,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true,
+				"gradient": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -34,6 +43,7 @@
 				"link": true
 			}
 		},
+		"shadow": true,
 		"spacing": {
 			"padding": true
 		},

package/src/term-name/index.php

@@ -33,7 +33,7 @@ function render_block_core_term_name( $attributes, $content, $block ) {
 		return '';
 	}
 
-	$term_name = $term->name;
+	$term_name = get_term_field( 'name', $term );
 	$level     = $attributes['level'] ?? 0;
 	$tag_name  = 0 === $level ? 'p' : 'h' . (int) $level;
 

package/src/term-name/use-term-name.js

@@ -56,7 +56,7 @@ function useTemplateBasedTermData() {
 					'postType',
 					'wp_template',
 					templateId
-			  )?.slug
+				)?.slug
 			: null;
 	}, [] );
 

package/src/term-template/README.md

@@ -28,6 +28,10 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`html`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#html): `false`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `"wide"`, `"full"`
 - [`layout`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#layout): `true`
+- [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
+  - `backgroundImage`: `true`
+  - `backgroundSize`: `true`
+  - `gradient`: `true`
 - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
   - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
@@ -40,6 +44,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - `blockGap`: `{"__experimentalDefault":"1.25em"}`
 - [`interactivity`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#interactivity):
   - `clientNavigation`: `true`
+- [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 
 ## Context
 

package/src/term-template/block.json

@@ -14,6 +14,14 @@
 		"html": false,
 		"align": [ "wide", "full" ],
 		"layout": true,
+		"background": {
+			"backgroundImage": true,
+			"backgroundSize": true,
+			"gradient": true,
+			"__experimentalDefaultControls": {
+				"backgroundImage": true
+			}
+		},
 		"color": {
 			"gradients": true,
 			"link": true,
@@ -55,7 +63,8 @@
 			"color": true,
 			"width": true,
 			"style": true
-		}
+		},
+		"shadow": true
 	},
 	"style": "wp-block-term-template",
 	"editorStyle": "wp-block-term-template-editor"

package/src/terms-query/edit/inspector-controls/index.jsx

@@ -137,7 +137,7 @@ export default function TermsQueryInspectorControls( {
 								hasIncludeFilter
 									? __(
 											'When specific terms are selected, the order is based on their selection order.'
-									  )
+										)
 									: undefined
 							}
 						/>
@@ -199,7 +199,7 @@ export default function TermsQueryInspectorControls( {
 									hasIncludeFilter
 										? __(
 												'When specific terms are selected, only those are displayed.'
-										  )
+											)
 										: undefined
 								}
 							/>

package/src/terms-query/edit/inspector-controls/inherit-control.jsx

@@ -18,7 +18,7 @@ export default function InheritControl( { value, onChange, label } ) {
 				value
 					? __(
 							'Display terms based on the current taxonomy archive. For hierarchical taxonomies, shows children of the current term. For non-hierarchical taxonomies, shows all terms.'
-					  )
+						)
 					: __( 'Display terms based on specific criteria.' )
 			}
 			value={ value ? 'default' : 'custom' }

package/src/terms-query/edit/inspector-controls/order-control.jsx

@@ -1,9 +1,9 @@
 import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
+import { SelectControl as WCSelectControl } from '@wordpress/components';
 
 export default function OrderControl( { orderBy, order, onChange, ...props } ) {
 	return (
-		<SelectControl
+		<WCSelectControl
 			options={ [
 				{
 					label: __( 'Name: A → Z' ),

package/src/terms-query/edit/inspector-controls/taxonomy-control.jsx

@@ -1,4 +1,4 @@
-import { SelectControl } from '@wordpress/components';
+import { SelectControl as WCSelectControl } from '@wordpress/components';
 import { usePublicTaxonomies } from '../../utils';
 
 export default function TaxonomyControl( { value, onChange, ...props } ) {
@@ -9,7 +9,7 @@ export default function TaxonomyControl( { value, onChange, ...props } ) {
 	} ) );
 
 	return (
-		<SelectControl
+		<WCSelectControl
 			options={ taxonomyOptions }
 			value={ value }
 			onChange={ onChange }

package/src/utils/hooks.js

@@ -108,6 +108,6 @@ export function useToolsPanelDropdownMenuProps() {
 					// For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)
 					offset: 259,
 				},
-		  }
+			}
 		: {};
 }

package/src/utils/media-control.jsx

@@ -76,16 +76,18 @@ export function MediaControlPreview( {
  * MediaControl - Complete media selection control for inspector panels
  *
  * @param {Object}   props
- * @param {number}   props.mediaId      Media attachment ID
- * @param {string}   props.mediaUrl     Media URL
- * @param {string}   props.filename     Filename to display
- * @param {Array}    props.allowedTypes Allowed media types
- * @param {Function} props.onSelect     Callback when media selected
- * @param {Function} props.onSelectURL  Callback when URL entered
- * @param {Function} props.onError      Error callback
- * @param {Function} props.onReset      Reset/remove callback
- * @param {boolean}  props.isUploading  Whether upload in progress
- * @param {string}   props.emptyLabel   Label when no media (default: 'Add media')
+ * @param {number}   props.mediaId               Media attachment ID
+ * @param {string}   props.mediaUrl              Media URL
+ * @param {string}   props.filename              Filename to display
+ * @param {Array}    props.allowedTypes          Allowed media types
+ * @param {Function} props.onSelect              Callback when media selected
+ * @param {Function} props.onSelectURL           Callback when URL entered
+ * @param {Function} props.onError               Error callback
+ * @param {Function} props.onReset               Reset/remove callback
+ * @param {boolean}  props.isUploading           Whether upload in progress
+ * @param {string}   props.emptyLabel            Label when no media (default: 'Add media')
+ * @param {boolean}  props.useFeaturedImage      Whether the featured image is in use
+ * @param {Function} props.onToggleFeaturedImage Callback toggling the featured image
  * @return {Element} Media control component
  */
 export function MediaControl( {
@@ -99,6 +101,8 @@ export function MediaControl( {
 	onReset,
 	isUploading = false,
 	emptyLabel = __( 'Media' ),
+	useFeaturedImage,
+	onToggleFeaturedImage,
 } ) {
 	const { getSettings } = useSelect( blockEditorStore );
 	const onFilesDrop = ( filesList ) => {
@@ -131,6 +135,8 @@ export function MediaControl( {
 				onSelect={ onSelect }
 				onSelectURL={ onSelectURL }
 				onError={ onError }
+				useFeaturedImage={ useFeaturedImage }
+				onToggleFeaturedImage={ onToggleFeaturedImage }
 				name={
 					<MediaControlPreview
 						url={ mediaUrl }

package/src/utils/poster-image.jsx

@@ -135,10 +135,10 @@ function PosterImage( { poster, onChange } ) {
 													'The current poster image url is %s.'
 												),
 												poster
-										  )
+											)
 										: __(
 												'There is no poster image currently selected.'
-										  ) }
+											) }
 								</p>
 								{ !! poster && (
 									<Button

package/src/utils/search-patterns.js

@@ -1,4 +1,7 @@
-import removeAccents from 'remove-accents';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { unlock } from '../lock-unlock';
+
+const { normalizeString, searchItems } = unlock( blockEditorPrivateApis );
 
 /**
  * Sanitizes the search input string.
@@ -8,49 +11,11 @@ import removeAccents from 'remove-accents';
  * @return {string} The normalized search input.
  */
 export function normalizeSearchInput( input = '' ) {
-	// Disregard diacritics.
-	input = removeAccents( input );
-
-	// Trim & Lowercase.
-	input = input.trim().toLowerCase();
-
-	return input;
-}
-
-/**
- * Get the search rank for a given pattern and a specific search term.
- *
- * @param {Object} pattern     Pattern to rank
- * @param {string} searchValue Search term
- * @return {number} A pattern search rank
- */
-export function getPatternSearchRank( pattern, searchValue ) {
-	const normalizedSearchValue = normalizeSearchInput( searchValue );
-	const normalizedTitle = normalizeSearchInput( pattern.title );
-
-	let rank = 0;
-
-	if ( normalizedSearchValue === normalizedTitle ) {
-		rank += 30;
-	} else if ( normalizedTitle.startsWith( normalizedSearchValue ) ) {
-		rank += 20;
-	} else {
-		const searchTerms = normalizedSearchValue.split( ' ' );
-		const hasMatchedTerms = searchTerms.every( ( searchTerm ) =>
-			normalizedTitle.includes( searchTerm )
-		);
-
-		// Prefer pattern with every search word in the title.
-		if ( hasMatchedTerms ) {
-			rank += 10;
-		}
-	}
-
-	return rank;
+	return normalizeString( input ).trim();
 }
 
 /**
- * Filters an pattern list given a search term.
+ * Filters a pattern list given a search term.
  *
  * @param {Array}  patterns    Item list
  * @param {string} searchValue Search input.
@@ -58,16 +23,7 @@ export function getPatternSearchRank( pattern, searchValue ) {
  * @return {Array} Filtered pattern list.
  */
 export function searchPatterns( patterns = [], searchValue = '' ) {
-	if ( ! searchValue ) {
-		return patterns;
-	}
-
-	const rankedPatterns = patterns
-		.map( ( pattern ) => {
-			return [ pattern, getPatternSearchRank( pattern, searchValue ) ];
-		} )
-		.filter( ( [ , rank ] ) => rank > 0 );
-
-	rankedPatterns.sort( ( [ , rank1 ], [ , rank2 ] ) => rank2 - rank1 );
-	return rankedPatterns.map( ( [ pattern ] ) => pattern );
+	return searchItems( patterns, searchValue, {
+		fields: [ { get: ( pattern ) => pattern.title } ],
+	} );
 }

package/src/utils/style-state.js

@@ -1,9 +1,11 @@
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import {
+	getStyleForState,
+	setStyleForState,
+	privateApis as blockEditorPrivateApis,
+} from '@wordpress/block-editor';
 import { unlock } from '../lock-unlock';
 
-const { cleanEmptyObject, getStyleForState, setStyleForState } = unlock(
-	blockEditorPrivateApis
-);
+const { cleanEmptyObject } = unlock( blockEditorPrivateApis );
 
 function getStateStyle( style, selectedState ) {
 	return getStyleForState( style, selectedState ) || {};

package/src/utils/test/{search-patterns.js → search-patterns.jsdom.test.js}

@@ -1,9 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import {
-	normalizeSearchInput,
-	getPatternSearchRank,
-	searchPatterns,
-} from '../search-patterns';
+import { normalizeSearchInput, searchPatterns } from '../search-patterns';
 
 describe( 'normalizeSearchInput', () => {
 	it( 'should remove accents', () => {
@@ -15,23 +11,6 @@ describe( 'normalizeSearchInput', () => {
 	} );
 } );
 
-describe( 'getPatternSearchRank', () => {
-	it( 'should give a high rank to exact matches', () => {
-		const pattern = { title: 'Foo' };
-		expect( getPatternSearchRank( pattern, 'Foo' ) ).toBe( 30 );
-	} );
-
-	it( 'should give a high rank to prefix matches', () => {
-		const pattern = { title: 'Foo' };
-		expect( getPatternSearchRank( pattern, 'Fo' ) ).toBe( 20 );
-	} );
-
-	it( 'should give a low rank to no matches', () => {
-		const pattern = { title: 'Foo' };
-		expect( getPatternSearchRank( pattern, 'Bar' ) ).toBe( 0 );
-	} );
-} );
-
 describe( 'searchPatterns', () => {
 	it( 'should return all patterns if no search term is provided', () => {
 		const patterns = [ { title: 'Foo' }, { title: 'Bar' } ];