@wordpress/block-library 9.33.2 → 9.34.0

package/build-style/editor.css

@@ -1963,7 +1963,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .link-control-transform__subheading {
   font-size: 11px;
   text-transform: uppercase;
-  font-weight: 500;
+  font-weight: 499;
   color: #1e1e1e;
   margin-bottom: 1.5em;
 }
@@ -2610,7 +2610,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 500;
+  font-weight: 499;
   display: block;
 }
 

package/build-style/math/style-rtl.css

@@ -0,0 +1,4 @@
+.wp-block-math {
+  overflow-x: auto;
+  overflow-y: hidden;
+}

package/build-style/math/style.css

@@ -0,0 +1,4 @@
+.wp-block-math {
+  overflow-x: auto;
+  overflow-y: hidden;
+}

package/build-style/navigation-link/editor-rtl.css

@@ -122,7 +122,7 @@
 .link-control-transform__subheading {
   font-size: 11px;
   text-transform: uppercase;
-  font-weight: 500;
+  font-weight: 499;
   color: #1e1e1e;
   margin-bottom: 1.5em;
 }

package/build-style/navigation-link/editor.css

@@ -122,7 +122,7 @@
 .link-control-transform__subheading {
   font-size: 11px;
   text-transform: uppercase;
-  font-weight: 500;
+  font-weight: 499;
   color: #1e1e1e;
   margin-bottom: 1.5em;
 }

package/build-style/style-rtl.css

@@ -2187,6 +2187,11 @@ ul {
   box-sizing: border-box;
 }
 
+.wp-block-math {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
 .wp-block-media-text {
   direction: ltr;
   display: grid;

package/build-style/style.css

@@ -2207,6 +2207,11 @@ ul {
   box-sizing: border-box;
 }
 
+.wp-block-math {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
 .wp-block-media-text {
   /*!rtl:begin:ignore*/
   direction: ltr;

package/build-style/video/editor-rtl.css

@@ -79,7 +79,7 @@
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 500;
+  font-weight: 499;
   display: block;
 }
 

package/build-style/video/editor.css

@@ -79,7 +79,7 @@
   color: #757575;
   text-transform: uppercase;
   font-size: 11px;
-  font-weight: 500;
+  font-weight: 499;
   display: block;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "9.33.2",
+	"version": "9.34.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -81,41 +81,41 @@
 		"{src,build,build-module}/*/init.js"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.33.1",
-		"@wordpress/api-fetch": "^7.33.1",
-		"@wordpress/autop": "^4.33.1",
-		"@wordpress/base-styles": "^6.9.1",
-		"@wordpress/blob": "^4.33.1",
-		"@wordpress/block-editor": "^15.6.1",
-		"@wordpress/blocks": "^15.6.1",
-		"@wordpress/components": "^30.6.1",
-		"@wordpress/compose": "^7.33.1",
-		"@wordpress/core-data": "^7.33.1",
-		"@wordpress/data": "^10.33.1",
-		"@wordpress/date": "^5.33.1",
-		"@wordpress/deprecated": "^4.33.1",
-		"@wordpress/dom": "^4.33.1",
-		"@wordpress/element": "^6.33.1",
-		"@wordpress/escape-html": "^3.33.1",
-		"@wordpress/hooks": "^4.33.1",
-		"@wordpress/html-entities": "^4.33.1",
-		"@wordpress/i18n": "^6.6.1",
-		"@wordpress/icons": "^11.0.1",
-		"@wordpress/interactivity": "^6.33.1",
-		"@wordpress/interactivity-router": "^2.33.1",
-		"@wordpress/keyboard-shortcuts": "^5.33.1",
-		"@wordpress/keycodes": "^4.33.1",
-		"@wordpress/latex-to-mathml": "^1.1.1",
-		"@wordpress/notices": "^5.33.1",
-		"@wordpress/patterns": "^2.33.1",
-		"@wordpress/primitives": "^4.33.1",
-		"@wordpress/private-apis": "^1.33.1",
-		"@wordpress/reusable-blocks": "^5.33.1",
-		"@wordpress/rich-text": "^7.33.1",
-		"@wordpress/server-side-render": "^6.9.1",
-		"@wordpress/url": "^4.33.1",
-		"@wordpress/viewport": "^6.33.1",
-		"@wordpress/wordcount": "^4.33.1",
+		"@wordpress/a11y": "^4.34.0",
+		"@wordpress/api-fetch": "^7.34.0",
+		"@wordpress/autop": "^4.34.0",
+		"@wordpress/base-styles": "^6.10.0",
+		"@wordpress/blob": "^4.34.0",
+		"@wordpress/block-editor": "^15.7.0",
+		"@wordpress/blocks": "^15.7.0",
+		"@wordpress/components": "^30.7.0",
+		"@wordpress/compose": "^7.34.0",
+		"@wordpress/core-data": "^7.34.0",
+		"@wordpress/data": "^10.34.0",
+		"@wordpress/date": "^5.34.0",
+		"@wordpress/deprecated": "^4.34.0",
+		"@wordpress/dom": "^4.34.0",
+		"@wordpress/element": "^6.34.0",
+		"@wordpress/escape-html": "^3.34.0",
+		"@wordpress/hooks": "^4.34.0",
+		"@wordpress/html-entities": "^4.34.0",
+		"@wordpress/i18n": "^6.7.0",
+		"@wordpress/icons": "^11.1.0",
+		"@wordpress/interactivity": "^6.34.0",
+		"@wordpress/interactivity-router": "^2.34.0",
+		"@wordpress/keyboard-shortcuts": "^5.34.0",
+		"@wordpress/keycodes": "^4.34.0",
+		"@wordpress/latex-to-mathml": "^1.2.0",
+		"@wordpress/notices": "^5.34.0",
+		"@wordpress/patterns": "^2.34.0",
+		"@wordpress/primitives": "^4.34.0",
+		"@wordpress/private-apis": "^1.34.0",
+		"@wordpress/reusable-blocks": "^5.34.0",
+		"@wordpress/rich-text": "^7.34.0",
+		"@wordpress/server-side-render": "^6.10.0",
+		"@wordpress/url": "^4.34.0",
+		"@wordpress/viewport": "^6.34.0",
+		"@wordpress/wordcount": "^4.34.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -133,5 +133,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5f84bafdec1bed05247c1080c12f6a237951b862"
+	"gitHead": "ceebff807958d2e8fc755b5a20473939c78b4d1d"
 }

package/src/accordion-heading/block.json

@@ -4,7 +4,7 @@
 	"name": "core/accordion-heading",
 	"title": "Accordion Heading",
 	"category": "design",
-	"description": "Toggles the accordion panel.",
+	"description": "Displays a heading that toggles the accordion panel.",
 	"parent": [ "core/accordion-item" ],
 	"usesContext": [
 		"core/accordion-icon-position",

package/src/accordion-item/block.json

@@ -33,7 +33,7 @@
 		"shadow": true,
 		"layout": {
 			"allowEditing": false
-			},
+		},
 		"typography": {
 			"fontSize": true,
 			"lineHeight": true,

package/src/breadcrumbs/block.json

@@ -8,10 +8,9 @@
 	"description": "Display a breadcrumb trail for hierarchical post types or based on taxonomy terms.",
 	"textdomain": "default",
 	"attributes": {
-		"type": {
-			"type": "string",
-			"default": "auto",
-			"enum": [ "auto", "postWithTerms", "postWithAncestors" ]
+		"prefersTaxonomy": {
+			"type": "boolean",
+			"default": false
 		},
 		"separator": {
 			"type": "string",

package/src/breadcrumbs/edit.js

@@ -6,7 +6,7 @@ import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
 import {
 	ToggleControl,
 	TextControl,
-	SelectControl,
+	CheckboxControl,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 	Spinner,
@@ -22,87 +22,72 @@ import { useServerSideRender } from '@wordpress/server-side-render';
 import { useToolsPanelDropdownMenuProps } from '../utils/hooks';
 
 const separatorDefaultValue = '/';
-const typeDefaultValue = 'auto';
-
-const BREADCRUMB_TYPES = {
-	auto: {
-		help: __(
-			'Try to automatically determine the best type of breadcrumb for the template.'
-		),
-	},
-	postWithAncestors: {
-		help: __(
-			'Shows breadcrumbs based on post hierarchy. Only works for hierarchical post types.'
-		),
-		placeholderItems: [ __( 'Ancestor' ), __( 'Parent' ) ],
-	},
-	postWithTerms: {
-		help: __(
-			'Shows breadcrumbs based on taxonomy terms. Chooses the first taxonomy with assigned terms and includes ancestors if the taxonomy is hierarchical.'
-		),
-		placeholderItems: [ __( 'Category' ) ],
-	},
-};
 
 export default function BreadcrumbEdit( {
 	attributes,
 	setAttributes,
 	context: { postId, postType, templateSlug },
 } ) {
-	const { separator, showHomeLink, type } = attributes;
-	const { post, isPostTypeHierarchical, hasTermsAssigned, isLoading } =
-		useSelect(
-			( select ) => {
-				if ( ! postType ) {
-					return {};
-				}
-				const _post = select( coreStore ).getEntityRecord(
-					'postType',
-					postType,
-					postId
-				);
-				const postTypeObject =
-					select( coreStore ).getPostType( postType );
-				const postTypeHasTaxonomies =
-					postTypeObject && postTypeObject.taxonomies.length;
-				let taxonomies;
-				if ( postTypeHasTaxonomies ) {
-					taxonomies = select( coreStore ).getTaxonomies( {
-						type: postType,
-						per_page: -1,
-					} );
-				}
-				return {
-					post: _post,
-					isPostTypeHierarchical: postTypeObject?.hierarchical,
-					hasTermsAssigned:
-						_post &&
-						( taxonomies || [] )
-							.filter(
-								( { visibility } ) =>
-									visibility?.publicly_queryable
-							)
-							.some( ( taxonomy ) => {
-								return !! _post[ taxonomy.rest_base ]?.length;
-							} ),
-					isLoading:
-						! _post ||
-						! postTypeObject ||
-						( postTypeHasTaxonomies && ! taxonomies ),
-				};
-			},
-			[ postType, postId ]
-		);
+	const { separator, showHomeLink, prefersTaxonomy } = attributes;
+	const {
+		post,
+		isPostTypeHierarchical,
+		postTypeHasTaxonomies,
+		hasTermsAssigned,
+		isLoading,
+	} = useSelect(
+		( select ) => {
+			if ( ! postType ) {
+				return {};
+			}
+			const _post = select( coreStore ).getEntityRecord(
+				'postType',
+				postType,
+				postId
+			);
+			const postTypeObject = select( coreStore ).getPostType( postType );
+			const _postTypeHasTaxonomies =
+				postTypeObject && postTypeObject.taxonomies.length;
+			let taxonomies;
+			if ( _postTypeHasTaxonomies ) {
+				taxonomies = select( coreStore ).getTaxonomies( {
+					type: postType,
+					per_page: -1,
+				} );
+			}
+			return {
+				post: _post,
+				isPostTypeHierarchical: postTypeObject?.hierarchical,
+				postTypeHasTaxonomies: _postTypeHasTaxonomies,
+				hasTermsAssigned:
+					_post &&
+					( taxonomies || [] )
+						.filter(
+							( { visibility } ) => visibility?.publicly_queryable
+						)
+						.some( ( taxonomy ) => {
+							return !! _post[ taxonomy.rest_base ]?.length;
+						} ),
+				isLoading:
+					( postId && ! _post ) ||
+					! postTypeObject ||
+					( _postTypeHasTaxonomies && ! taxonomies ),
+			};
+		},
+		[ postType, postId ]
+	);
 
-	// Counter used to cache-bust `useServerSideRender`
-	//
-	// This is a catch-all signal to re-render the block when a post's title,
-	// parent ID, or terms change.
-	//
-	// This is fundamentally imperfect, because there are other entities which
-	// could change in the meantime (the titles of ancestor posts, or the
-	// labels of taxonomy terms), hence the choice to re-render systematically
-	// upon saving.
+	/**
+	 * Counter used to cache-bust `useServerSideRender`.
+	 *
+	 * This is a catch-all signal to re-render the block when a post's title,
+	 * parent ID, or terms change.
+	 *
+	 * This is fundamentally imperfect, because there are other entities which
+	 * could change in the meantime (the titles of ancestor posts, or the
+	 * labels of taxonomy terms), hence the choice to re-render systematically
+	 * upon saving.
+	 */
 	const [ invalidationKey, setInvalidationKey ] = useState( 0 );
 	useEffect( () => {
 		setInvalidationKey( ( c ) => c + 1 );
@@ -124,18 +109,17 @@ export default function BreadcrumbEdit( {
 			</div>
 		);
 	}
-	// TODO: this should be handled better when we add more types.
-	let breadcrumbsType;
-	const isSpecificSupportedTypeSet = [
-		'postWithAncestors',
-		'postWithTerms',
-	].includes( type );
-	if ( isSpecificSupportedTypeSet ) {
-		breadcrumbsType = type;
+
+	// Determine breadcrumb type for accurate previews (matching PHP logic).
+	let _showTerms;
+	if ( ! isPostTypeHierarchical ) {
+		_showTerms = true;
+	} else if ( ! postTypeHasTaxonomies ) {
+		// Hierarchical post type without taxonomies can only use ancestors.
+		_showTerms = false;
 	} else {
-		breadcrumbsType = isPostTypeHierarchical
-			? 'postWithAncestors'
-			: 'postWithTerms';
+		// For hierarchical post types with taxonomies, use the attribute.
+		_showTerms = prefersTaxonomy;
 	}
 	let placeholder = null;
 	// This is fragile because this block is server side rendered and we'll have to
@@ -147,17 +131,20 @@ export default function BreadcrumbEdit( {
 		// This is needed because when we are showing the template in post editor we
 		// want to show the real breadcrumbs if we have the post type.
 		( templateSlug && ! postType ) ||
-		( breadcrumbsType === 'postWithAncestors' &&
-			! isPostTypeHierarchical ) ||
-		( breadcrumbsType === 'postWithTerms' && ! hasTermsAssigned );
+		( ! _showTerms && ! isPostTypeHierarchical ) ||
+		( _showTerms && ! hasTermsAssigned );
 	if ( showPlaceholder ) {
-		const placeholderItems = [
-			showHomeLink && __( 'Home' ),
-			// For now if we are adding this in a template show a generic placeholder.
-			...( templateSlug && ! isSpecificSupportedTypeSet
-				? [ __( 'Page' ) ]
-				: BREADCRUMB_TYPES[ breadcrumbsType ].placeholderItems ),
-		].filter( Boolean );
+		const placeholderItems = [];
+		if ( showHomeLink ) {
+			placeholderItems.push( __( 'Home' ) );
+		}
+		if ( templateSlug && ! postId ) {
+			placeholderItems.push( __( 'Page' ) );
+		} else if ( _showTerms ) {
+			placeholderItems.push( __( 'Category' ) );
+		} else {
+			placeholderItems.push( __( 'Ancestor' ), __( 'Parent' ) );
+		}
 		placeholder = (
 			<nav
 				style={ {
@@ -189,46 +176,10 @@ export default function BreadcrumbEdit( {
 						setAttributes( {
 							separator: separatorDefaultValue,
 							showHomeLink: true,
-							type: typeDefaultValue,
 						} );
 					} }
 					dropdownMenuProps={ dropdownMenuProps }
 				>
-					<ToolsPanelItem
-						label={ __( 'Type' ) }
-						isShownByDefault
-						hasValue={ () => type !== typeDefaultValue }
-						onDeselect={ () =>
-							setAttributes( {
-								type: typeDefaultValue,
-							} )
-						}
-					>
-						<SelectControl
-							__nextHasNoMarginBottom
-							__next40pxDefaultSize
-							label={ __( 'Type' ) }
-							value={ type }
-							onChange={ ( value ) =>
-								setAttributes( { type: value } )
-							}
-							options={ [
-								{
-									label: __( 'Auto' ),
-									value: 'auto',
-								},
-								{
-									label: __( 'Post with ancestors' ),
-									value: 'postWithAncestors',
-								},
-								{
-									label: __( 'Post with terms' ),
-									value: 'postWithTerms',
-								},
-							] }
-							help={ BREADCRUMB_TYPES[ type ].help }
-						/>
-					</ToolsPanelItem>
 					<ToolsPanelItem
 						label={ __( 'Show home link' ) }
 						isShownByDefault
@@ -278,6 +229,19 @@ export default function BreadcrumbEdit( {
 					</ToolsPanelItem>
 				</ToolsPanel>
 			</InspectorControls>
+			<InspectorControls group="advanced">
+				<CheckboxControl
+					__nextHasNoMarginBottom
+					label={ __( 'Prefer taxonomy terms' ) }
+					checked={ prefersTaxonomy }
+					onChange={ ( value ) =>
+						setAttributes( { prefersTaxonomy: value } )
+					}
+					help={ __(
+						'The exact type of breadcrumbs shown will vary automatically depending on the page in which this block is displayed. In the specific case of a hierarchical post type with taxonomies, the breadcrumbs can either reflect its post hierarchy (default) or the hierarchy of its assigned taxonomy terms.'
+					) }
+				/>
+			</InspectorControls>
 			<div { ...blockProps }>
 				{ showPlaceholder ? (
 					placeholder