@wordpress/editor 14.19.0 → 14.19.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "14.19.0",
+	"version": "14.19.2",
 	"description": "Enhanced block editor for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -34,41 +34,41 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/a11y": "^4.19.0",
-		"@wordpress/api-fetch": "^7.19.0",
-		"@wordpress/blob": "^4.19.0",
-		"@wordpress/block-editor": "^14.14.0",
-		"@wordpress/blocks": "^14.8.0",
-		"@wordpress/commands": "^1.19.0",
-		"@wordpress/components": "^29.5.0",
-		"@wordpress/compose": "^7.19.0",
-		"@wordpress/core-data": "^7.19.0",
-		"@wordpress/data": "^10.19.0",
-		"@wordpress/dataviews": "^4.15.0",
-		"@wordpress/date": "^5.19.0",
-		"@wordpress/deprecated": "^4.19.0",
-		"@wordpress/dom": "^4.19.0",
-		"@wordpress/element": "^6.19.0",
-		"@wordpress/fields": "^0.11.0",
-		"@wordpress/hooks": "^4.19.0",
-		"@wordpress/html-entities": "^4.19.0",
-		"@wordpress/i18n": "^5.19.0",
-		"@wordpress/icons": "^10.19.0",
-		"@wordpress/interface": "^9.4.0",
-		"@wordpress/keyboard-shortcuts": "^5.19.0",
-		"@wordpress/keycodes": "^4.19.0",
-		"@wordpress/media-utils": "^5.19.0",
-		"@wordpress/notices": "^5.19.0",
-		"@wordpress/patterns": "^2.19.0",
-		"@wordpress/plugins": "^7.19.0",
-		"@wordpress/preferences": "^4.19.0",
-		"@wordpress/private-apis": "^1.19.0",
-		"@wordpress/reusable-blocks": "^5.19.0",
-		"@wordpress/rich-text": "^7.19.0",
-		"@wordpress/server-side-render": "^5.19.0",
-		"@wordpress/url": "^4.19.0",
-		"@wordpress/warning": "^3.19.0",
-		"@wordpress/wordcount": "^4.19.0",
+		"@wordpress/a11y": "^4.19.1",
+		"@wordpress/api-fetch": "^7.19.1",
+		"@wordpress/blob": "^4.19.1",
+		"@wordpress/block-editor": "^14.14.1",
+		"@wordpress/blocks": "^14.8.1",
+		"@wordpress/commands": "^1.19.1",
+		"@wordpress/components": "^29.5.1",
+		"@wordpress/compose": "^7.19.1",
+		"@wordpress/core-data": "^7.19.1",
+		"@wordpress/data": "^10.19.1",
+		"@wordpress/dataviews": "^4.15.1",
+		"@wordpress/date": "^5.19.1",
+		"@wordpress/deprecated": "^4.19.1",
+		"@wordpress/dom": "^4.19.1",
+		"@wordpress/element": "^6.19.1",
+		"@wordpress/fields": "^0.11.1",
+		"@wordpress/hooks": "^4.19.1",
+		"@wordpress/html-entities": "^4.19.1",
+		"@wordpress/i18n": "^5.19.1",
+		"@wordpress/icons": "^10.19.1",
+		"@wordpress/interface": "^9.4.1",
+		"@wordpress/keyboard-shortcuts": "^5.19.1",
+		"@wordpress/keycodes": "^4.19.1",
+		"@wordpress/media-utils": "^5.19.1",
+		"@wordpress/notices": "^5.19.1",
+		"@wordpress/patterns": "^2.19.1",
+		"@wordpress/plugins": "^7.19.1",
+		"@wordpress/preferences": "^4.19.1",
+		"@wordpress/private-apis": "^1.19.1",
+		"@wordpress/reusable-blocks": "^5.19.1",
+		"@wordpress/rich-text": "^7.19.1",
+		"@wordpress/server-side-render": "^5.19.1",
+		"@wordpress/url": "^4.19.1",
+		"@wordpress/warning": "^3.19.1",
+		"@wordpress/wordcount": "^4.19.1",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
@@ -88,5 +88,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d6b0b20fa927b110140dc7fdd906a7e0bf662004"
+	"gitHead": "3fbb8643c9b90c73434804e2f7b49c94325f459f"
 }

package/src/components/document-bar/index.js

@@ -74,6 +74,7 @@ export default function DocumentBar( props ) {
 		const {
 			getEditedEntityRecord,
 			getPostType,
+			getCurrentTheme,
 			isResolving: isResolvingSelector,
 		} = select( coreStore );
 		const _postType = getCurrentPostType();
@@ -85,8 +86,7 @@ export default function DocumentBar( props ) {
 		);
 
 		const { default_template_types: templateTypes = [] } =
-			select( coreStore ).getEntityRecord( 'root', '__unstableBase' ) ??
-			{};
+			getCurrentTheme() ?? {};
 
 		const _templateInfo = getTemplateInfo( {
 			templateTypes,

package/src/components/document-outline/index.js

@@ -127,6 +127,23 @@ export default function DocumentOutline( {
 		// all compulations should happen in `computeOutlineHeadings`.
 		return clientIds.map( ( id ) => getBlock( id ) );
 	} );
+	const contentBlocks = useSelect( ( select ) => {
+		// When rendering in `post-only` mode all blocks are considered content blocks.
+		if ( select( editorStore ).getRenderingMode() === 'post-only' ) {
+			return undefined;
+		}
+
+		const { getBlocksByName, getClientIdsOfDescendants } =
+			select( blockEditorStore );
+		const [ postContentClientId ] = getBlocksByName( 'core/post-content' );
+
+		// Do nothing if there's no post content block.
+		if ( ! postContentClientId ) {
+			return undefined;
+		}
+
+		return getClientIdsOfDescendants( postContentClientId );
+	}, [] );
 
 	const prevHeadingLevelRef = useRef( 1 );
 
@@ -160,6 +177,12 @@ export default function DocumentOutline( {
 	);
 	const hasMultipleH1 = countByLevel[ 1 ] > 1;
 
+	function isContentBlock( clientId ) {
+		return Array.isArray( contentBlocks )
+			? contentBlocks.includes( clientId )
+			: true;
+	}
+
 	return (
 		<div className="document-outline">
 			<ul>
@@ -193,7 +216,10 @@ export default function DocumentOutline( {
 							key={ item.clientId }
 							level={ `H${ item.level }` }
 							isValid={ isValid }
-							isDisabled={ hasOutlineItemsDisabled }
+							isDisabled={
+								hasOutlineItemsDisabled ||
+								! isContentBlock( item.clientId )
+							}
 							href={ `#block-${ item.clientId }` }
 							onSelect={ () => {
 								selectBlock( item.clientId );

package/src/components/document-outline/item.js

@@ -6,32 +6,47 @@ import clsx from 'clsx';
 const TableOfContentsItem = ( {
 	children,
 	isValid,
+	isDisabled,
 	level,
 	href,
 	onSelect,
-} ) => (
-	<li
-		className={ clsx(
-			'document-outline__item',
-			`is-${ level.toLowerCase() }`,
-			{
-				'is-invalid': ! isValid,
-			}
-		) }
-	>
-		<a
-			href={ href }
-			className="document-outline__button"
-			onClick={ onSelect }
+} ) => {
+	function handleClick( event ) {
+		if ( isDisabled ) {
+			event.preventDefault();
+			return;
+		}
+		onSelect();
+	}
+
+	return (
+		<li
+			className={ clsx(
+				'document-outline__item',
+				`is-${ level.toLowerCase() }`,
+				{
+					'is-invalid': ! isValid,
+					'is-disabled': isDisabled,
+				}
+			) }
 		>
-			<span
-				className="document-outline__emdash"
-				aria-hidden="true"
-			></span>
-			<strong className="document-outline__level">{ level }</strong>
-			<span className="document-outline__item-content">{ children }</span>
-		</a>
-	</li>
-);
+			<a
+				href={ href }
+				className="document-outline__button"
+				aria-disabled={ isDisabled }
+				onClick={ handleClick }
+			>
+				<span
+					className="document-outline__emdash"
+					aria-hidden="true"
+				></span>
+				<strong className="document-outline__level">{ level }</strong>
+				<span className="document-outline__item-content">
+					{ children }
+				</span>
+			</a>
+		</li>
+	);
+};
 
 export default TableOfContentsItem;

package/src/components/document-outline/style.scss

@@ -53,8 +53,10 @@
 	text-align: left;
 	border-radius: $radius-small;
 
+	&[aria-disabled="true"],
 	&:disabled {
 		cursor: default;
+		color: $gray-700;
 	}
 
 	&:focus {

package/src/components/entities-saved-states/entity-record-item.js

@@ -36,10 +36,7 @@ export default function EntityRecordItem( { record, checked, onChange } ) {
 			);
 
 			const { default_template_types: templateTypes = [] } =
-				select( coreStore ).getEntityRecord(
-					'root',
-					'__unstableBase'
-				) ?? {};
+				select( coreStore ).getCurrentTheme() ?? {};
 
 			return {
 				entityRecordTitle: getTemplateInfo( {

package/src/components/post-card-panel/index.js

@@ -48,7 +48,7 @@ export default function PostCardPanel( {
 	);
 	const { postTitle, icon, labels } = useSelect(
 		( select ) => {
-			const { getEditedEntityRecord, getEntityRecord, getPostType } =
+			const { getEditedEntityRecord, getCurrentTheme, getPostType } =
 				select( coreStore );
 			const { getPostIcon } = unlock( select( editorStore ) );
 			let _title = '';
@@ -59,7 +59,7 @@ export default function PostCardPanel( {
 			);
 			if ( postIds.length === 1 ) {
 				const { default_template_types: templateTypes = [] } =
-					getEntityRecord( 'root', '__unstableBase' ) ?? {};
+					getCurrentTheme() ?? {};
 
 				const _templateInfo = [
 					TEMPLATE_POST_TYPE,

package/src/components/provider/index.js

@@ -182,6 +182,7 @@ export const ExperimentalEditorProvider = withRegistryProvider(
 				} = unlock( select( editorStore ) );
 				const { getEntitiesConfig } = select( coreStore );
 
+				const _mode = getRenderingMode();
 				const _defaultMode = getDefaultRenderingMode( post.type );
 				/**
 				 * To avoid content "flash", wait until rendering mode has been resolved.
@@ -190,16 +191,20 @@ export const ExperimentalEditorProvider = withRegistryProvider(
 				 * - Wait for template to be resolved if the default mode is 'template-locked'.
 				 * - Wait for default mode to be resolved otherwise.
 				 */
-				const hasResolvedMode =
+				const hasResolvedDefaultMode =
 					_defaultMode === 'template-locked'
 						? hasTemplate
 						: _defaultMode !== undefined;
+				// Wait until the default mode is retrieved and start rendering canvas.
+				const isRenderingModeReady = _defaultMode !== undefined;
 
 				return {
 					editorSettings: getEditorSettings(),
-					isReady: __unstableIsEditorReady() && hasResolvedMode,
-					mode: getRenderingMode(),
-					defaultMode: _defaultMode,
+					isReady: __unstableIsEditorReady(),
+					mode: isRenderingModeReady ? _mode : undefined,
+					defaultMode: hasResolvedDefaultMode
+						? _defaultMode
+						: undefined,
 					selection: getEditorSelection(),
 					postTypeEntities:
 						post.type === 'wp_template'

package/src/store/private-selectors.js

@@ -105,10 +105,8 @@ export const getPostIcon = createRegistrySelector(
 				postType === 'wp_template'
 			) {
 				const templateAreas =
-					select( coreStore ).getEntityRecord(
-						'root',
-						'__unstableBase'
-					)?.default_template_part_areas || [];
+					select( coreStore ).getCurrentTheme()
+						?.default_template_part_areas || [];
 
 				const areaData = templateAreas.find(
 					( item ) => options.area === item.area

package/src/store/selectors.js

@@ -1709,11 +1709,10 @@ export const __experimentalGetDefaultTemplateTypes = createRegistrySelector(
 			{
 				since: '6.8',
 				alternative:
-					"select('core/core-data').getEntityRecord( 'root', '__unstableBase' )?.default_template_types",
+					"select('core/core-data').getCurrentTheme()?.default_template_types",
 			}
 		);
-		return select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
-			?.default_template_types;
+		return select( coreStore ).getCurrentTheme()?.default_template_types;
 	}
 );
 
@@ -1732,12 +1731,12 @@ export const __experimentalGetDefaultTemplatePartAreas = createRegistrySelector(
 				{
 					since: '6.8',
 					alternative:
-						"select('core/core-data').getEntityRecord( 'root', '__unstableBase' )?.default_template_part_areas",
+						"select('core/core-data').getCurrentTheme()?.default_template_part_areas",
 				}
 			);
 
 			const areas =
-				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
+				select( coreStore ).getCurrentTheme()
 					?.default_template_part_areas || [];
 
 			return areas.map( ( item ) => {
@@ -1763,10 +1762,8 @@ export const __experimentalGetDefaultTemplateType = createRegistrySelector(
 					since: '6.8',
 				}
 			);
-			const templateTypes = select( coreStore ).getEntityRecord(
-				'root',
-				'__unstableBase'
-			)?.default_template_types;
+			const templateTypes =
+				select( coreStore ).getCurrentTheme()?.default_template_types;
 
 			if ( ! templateTypes ) {
 				return EMPTY_OBJECT;
@@ -1799,13 +1796,11 @@ export const __experimentalGetTemplateInfo = createRegistrySelector(
 				return EMPTY_OBJECT;
 			}
 
-			const templateTypes =
-				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
-					?.default_template_types || [];
+			const currentTheme = select( coreStore ).getCurrentTheme();
 
+			const templateTypes = currentTheme?.default_template_types || [];
 			const templateAreas =
-				select( coreStore ).getEntityRecord( 'root', '__unstableBase' )
-					?.default_template_part_areas || [];
+				currentTheme?.default_template_part_areas || [];
 
 			return getTemplateInfo( {
 				template,