@wordpress/editor 14.19.3 → 14.21.0

package/build-types/components/post-visibility/utils.d.ts

@@ -1,21 +1,6 @@
-export namespace visibilityOptions {
-    export namespace _public {
-        let label: string;
-        let info: string;
-    }
-    export { _public as public };
-    export namespace _private {
-        let label_1: string;
-        export { label_1 as label };
-        let info_1: string;
-        export { info_1 as info };
-    }
-    export { _private as private };
-    export namespace password {
-        let label_2: string;
-        export { label_2 as label };
-        let info_2: string;
-        export { info_2 as info };
-    }
-}
+export const VISIBILITY_OPTIONS: {
+    label: string;
+    value: string;
+    description: string;
+}[];
 //# sourceMappingURL=utils.d.ts.map

package/build-types/components/post-visibility/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/post-visibility/utils.js"],"names":[],"mappings":""}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/post-visibility/utils.js"],"names":[],"mappings":"AAKA;;;;IAgBE"}

package/build-types/components/preview-dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preview-dropdown/index.js"],"names":[],"mappings":"AAgCA;;;uCAwKC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/preview-dropdown/index.js"],"names":[],"mappings":"AAgCA;;;uCA2KC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "14.19.3",
+	"version": "14.21.0",
 	"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.1",
-		"@wordpress/api-fetch": "^7.19.1",
-		"@wordpress/blob": "^4.19.1",
-		"@wordpress/block-editor": "^14.14.2",
-		"@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.2",
-		"@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.2",
-		"@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.2",
-		"@wordpress/plugins": "^7.19.1",
-		"@wordpress/preferences": "^4.19.1",
-		"@wordpress/private-apis": "^1.19.1",
-		"@wordpress/reusable-blocks": "^5.19.2",
-		"@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",
+		"@wordpress/a11y": "^4.21.0",
+		"@wordpress/api-fetch": "^7.21.0",
+		"@wordpress/blob": "^4.21.0",
+		"@wordpress/block-editor": "^14.16.0",
+		"@wordpress/blocks": "^14.10.0",
+		"@wordpress/commands": "^1.21.0",
+		"@wordpress/components": "^29.7.0",
+		"@wordpress/compose": "^7.21.0",
+		"@wordpress/core-data": "^7.21.0",
+		"@wordpress/data": "^10.21.0",
+		"@wordpress/dataviews": "^4.17.0",
+		"@wordpress/date": "^5.21.0",
+		"@wordpress/deprecated": "^4.21.0",
+		"@wordpress/dom": "^4.21.0",
+		"@wordpress/element": "^6.21.0",
+		"@wordpress/fields": "^0.13.0",
+		"@wordpress/hooks": "^4.21.0",
+		"@wordpress/html-entities": "^4.21.0",
+		"@wordpress/i18n": "^5.21.0",
+		"@wordpress/icons": "^10.21.0",
+		"@wordpress/interface": "^9.6.0",
+		"@wordpress/keyboard-shortcuts": "^5.21.0",
+		"@wordpress/keycodes": "^4.21.0",
+		"@wordpress/media-utils": "^5.21.0",
+		"@wordpress/notices": "^5.21.0",
+		"@wordpress/patterns": "^2.21.0",
+		"@wordpress/plugins": "^7.21.0",
+		"@wordpress/preferences": "^4.21.0",
+		"@wordpress/private-apis": "^1.21.0",
+		"@wordpress/reusable-blocks": "^5.21.0",
+		"@wordpress/rich-text": "^7.21.0",
+		"@wordpress/server-side-render": "^5.21.0",
+		"@wordpress/url": "^4.21.0",
+		"@wordpress/warning": "^3.21.0",
+		"@wordpress/wordcount": "^4.21.0",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
@@ -88,5 +88,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ebddb7a8df3d45e83f318436516d9b6225486703"
+	"gitHead": "104af00f9abcd7a4d36b87e648f148c72cc4ea5f"
 }

package/src/components/autocompleters/style.scss

@@ -24,7 +24,6 @@
 	}
 	.editor-autocompleters__user-slug {
 		margin-left: 8px;
-		color: $gray-700;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 		overflow: none;
@@ -32,7 +31,7 @@
 		flex-grow: 0;
 		flex-shrink: 0;
 	}
-	&:hover .editor-autocompleters__user-slug {
-		color: var(--wp-admin-theme-color);
+	&:not(.is-primary) .editor-autocompleters__user-slug {
+		color: $gray-700;
 	}
 }

package/src/components/commands/index.js

@@ -223,7 +223,7 @@ const getEditorCommandLoader = () =>
 
 		commands.push( {
 			name: 'core/open-settings-sidebar',
-			label: __( 'Show or hide the Settings panel.' ),
+			label: __( 'Show or hide the Settings panel' ),
 			icon: isRTL() ? drawerLeft : drawerRight,
 			callback: ( { close } ) => {
 				const activeSidebar = getActiveComplementaryArea( 'core' );

package/src/components/plugin-pre-publish-panel/index.js

@@ -17,7 +17,7 @@ const { Fill, Slot } = createSlotFill( 'PluginPrePublishPanel' );
  *                                                                      When no title is provided it is always opened.
  * @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/)
  *                                                                      icon slug string, or an SVG WP element, to be rendered when
- *                                                                      the sidebar is pinned to toolbar.
+ *                                                                      the sidebar is pinned to toolbar. If `false` is passed, no icon will be rendered.
  * @param {React.ReactNode}       props.children                        Children to be rendered
  *
  * @example

package/src/components/post-actions/actions.js

@@ -26,21 +26,26 @@ export function usePostActions( { postType, onActionPerformed, context } ) {
 
 	const { canManageOptions, hasFrontPageTemplate } = useSelect(
 		( select ) => {
-			const { getEntityRecords } = select( coreStore );
-			const templates = getEntityRecords( 'postType', 'wp_template', {
-				per_page: -1,
+			const { getEntityRecords, canUser } = select( coreStore );
+			const canUpdateSettings = canUser( 'update', {
+				kind: 'root',
+				name: 'site',
 			} );
+			const templates =
+				'page' === postType && canUpdateSettings
+					? getEntityRecords( 'postType', 'wp_template', {
+							per_page: -1,
+					  } )
+					: [];
 
 			return {
-				canManageOptions: select( coreStore ).canUser( 'update', {
-					kind: 'root',
-					name: 'site',
-				} ),
+				canManageOptions: canUpdateSettings,
 				hasFrontPageTemplate: !! templates?.find(
 					( template ) => template?.slug === 'front-page'
 				),
 			};
-		}
+		},
+		[ postType ]
 	);
 
 	const setAsHomepageAction = useSetAsHomepageAction();

package/src/components/post-publish-panel/maybe-category-panel.js

@@ -14,7 +14,7 @@ import HierarchicalTermSelector from '../post-taxonomies/hierarchical-term-selec
 import { store as editorStore } from '../../store';
 
 function MaybeCategoryPanel() {
-	const hasNoCategory = useSelect( ( select ) => {
+	const { hasNoCategory, hasSiteCategories } = useSelect( ( select ) => {
 		const postType = select( editorStore ).getCurrentPostType();
 		const { canUser, getEntityRecord } = select( coreStore );
 		const categoriesTaxonomy = getEntityRecord(
@@ -39,19 +39,30 @@ function MaybeCategoryPanel() {
 			select( editorStore ).getEditedPostAttribute(
 				categoriesTaxonomy.rest_base
 			);
+		const siteCategories = postTypeSupportsCategories
+			? !! select( coreStore ).getEntityRecords( 'taxonomy', 'category', {
+					exclude: [ defaultCategoryId ],
+					per_page: 1,
+			  } )?.length
+			: false;
 
 		// This boolean should return true if everything is loaded
 		// ( categoriesTaxonomy, defaultCategory )
 		// and the post has not been assigned a category different than "uncategorized".
-		return (
+		const noCategory =
 			!! categoriesTaxonomy &&
 			!! defaultCategory &&
 			postTypeSupportsCategories &&
 			( categories?.length === 0 ||
 				( categories?.length === 1 &&
-					defaultCategory?.id === categories[ 0 ] ) )
-		);
+					defaultCategory?.id === categories[ 0 ] ) );
+
+		return {
+			hasNoCategory: noCategory,
+			hasSiteCategories: siteCategories,
+		};
 	}, [] );
+
 	const [ shouldShowPanel, setShouldShowPanel ] = useState( false );
 	useEffect( () => {
 		// We use state to avoid hiding the panel if the user edits the categories
@@ -61,7 +72,11 @@ function MaybeCategoryPanel() {
 		}
 	}, [ hasNoCategory ] );
 
-	if ( ! shouldShowPanel ) {
+	// We only want to show the category panel:
+	// if the post type supports categories,
+	// if the site has categories other than the default category,
+	// and if the post has no other categories than the default category.
+	if ( ! shouldShowPanel || ! hasSiteCategories ) {
 		return null;
 	}
 

package/src/components/post-publish-panel/maybe-tags-panel.js

@@ -34,28 +34,45 @@ const TagsPanel = () => {
 };
 
 const MaybeTagsPanel = () => {
-	const { hasTags, isPostTypeSupported } = useSelect( ( select ) => {
-		const postType = select( editorStore ).getCurrentPostType();
-		const tagsTaxonomy = select( coreStore ).getEntityRecord(
-			'root',
-			'taxonomy',
-			'post_tag'
-		);
-		const _isPostTypeSupported = tagsTaxonomy?.types?.includes( postType );
-		const areTagsFetched = tagsTaxonomy !== undefined;
-		const tags =
-			tagsTaxonomy &&
-			select( editorStore ).getEditedPostAttribute(
-				tagsTaxonomy.rest_base
+	const { postHasTags, siteHasTags, isPostTypeSupported } = useSelect(
+		( select ) => {
+			const postType = select( editorStore ).getCurrentPostType();
+			const tagsTaxonomy = select( coreStore ).getEntityRecord(
+				'root',
+				'taxonomy',
+				'post_tag'
 			);
-		return {
-			hasTags: !! tags?.length,
-			isPostTypeSupported: areTagsFetched && _isPostTypeSupported,
-		};
-	}, [] );
-	const [ hadTagsWhenOpeningThePanel ] = useState( hasTags );
+			const _isPostTypeSupported =
+				tagsTaxonomy?.types?.includes( postType );
+			const areTagsFetched = tagsTaxonomy !== undefined;
+			const tags =
+				tagsTaxonomy &&
+				select( editorStore ).getEditedPostAttribute(
+					tagsTaxonomy.rest_base
+				);
+			const siteTags = _isPostTypeSupported
+				? !! select( coreStore ).getEntityRecords(
+						'taxonomy',
+						'post_tag',
+						{ per_page: 1 }
+				  )?.length
+				: false;
 
-	if ( ! isPostTypeSupported ) {
+			return {
+				postHasTags: !! tags?.length,
+				siteHasTags: siteTags,
+				isPostTypeSupported: areTagsFetched && _isPostTypeSupported,
+			};
+		},
+		[]
+	);
+	const [ hadTagsWhenOpeningThePanel ] = useState( postHasTags );
+
+	/**
+	 * We only want to show the tag panel if the post type supports
+	 * tags and the site has tags.
+	 */
+	if ( ! isPostTypeSupported || ! siteHasTags ) {
 		return null;
 	}
 
@@ -63,9 +80,9 @@ const MaybeTagsPanel = () => {
 	 * We only want to show the tag panel if the post didn't have
 	 * any tags when the user hit the Publish button.
 	 *
-	 * We can't use the prop.hasTags because it'll change to true
+	 * We can't use the prop.postHasTags because it'll change to true
 	 * if the user adds a new tag within the pre-publish panel.
-	 * This would force a re-render and a new prop.hasTags check,
+	 * This would force a re-render and a new prop.postHasTags check,
 	 * hiding this panel and keeping the user from adding
 	 * more than one tag.
 	 */

package/src/components/post-status/index.js

@@ -194,7 +194,12 @@ export default function PostStatus() {
 								title={ __( 'Status & visibility' ) }
 								onClose={ onClose }
 							/>
-							<form>
+							<form
+								onSubmit={ ( event ) => {
+									event.preventDefault();
+									onClose();
+								} }
+							>
 								<VStack spacing={ 4 }>
 									<RadioControl
 										className="editor-change-status__options"
@@ -230,7 +235,7 @@ export default function PostStatus() {
 													'Password protected'
 												) }
 												help={ __(
-													'Only visible to those who know the password'
+													'Only visible to those who know the password.'
 												) }
 												checked={ showPassword }
 												onChange={

package/src/components/post-sticky/index.js

@@ -29,7 +29,7 @@ export default function PostSticky() {
 			<CheckboxControl
 				className="editor-post-sticky__checkbox-control"
 				label={ __( 'Sticky' ) }
-				help={ __( 'Pin this post to the top of the blog' ) }
+				help={ __( 'Pin this post to the top of the blog.' ) }
 				checked={ postSticky }
 				onChange={ () => editPost( { sticky: ! postSticky } ) }
 				__nextHasNoMarginBottom

package/src/components/post-template/block-theme.js

@@ -141,9 +141,7 @@ export default function BlockThemeControl( { id } ) {
 
 							<SwapTemplateButton onClick={ onClose } />
 							<ResetDefaultTemplate onClick={ onClose } />
-							{ canCreateTemplate && (
-								<CreateNewTemplate onClick={ onClose } />
-							) }
+							{ canCreateTemplate && <CreateNewTemplate /> }
 						</MenuGroup>
 						<MenuGroup>
 							<MenuItem

package/src/components/post-template/create-new-template-modal.js

@@ -111,6 +111,7 @@ export default function CreateNewTemplateModal( { onClose } ) {
 			onRequestClose={ cancel }
 			focusOnMount="firstContentElement"
 			size="small"
+			overlayClassName="editor-post-template__create-template-modal"
 		>
 			<form
 				className="editor-post-template__create-form"

package/src/components/post-template/create-new-template.js

@@ -13,7 +13,7 @@ import { useState } from '@wordpress/element';
 import CreateNewTemplateModal from './create-new-template-modal';
 import { useAllowSwitchingTemplates } from './hooks';
 
-export default function CreateNewTemplate( { onClick } ) {
+export default function CreateNewTemplate() {
 	const { canCreateTemplates } = useSelect( ( select ) => {
 		const { canUser } = select( coreStore );
 		return {
@@ -44,7 +44,6 @@ export default function CreateNewTemplate( { onClick } ) {
 				<CreateNewTemplateModal
 					onClose={ () => {
 						setIsCreateModalOpen( false );
-						onClick();
 					} }
 				/>
 			) }

package/src/components/post-template/hooks.js

@@ -31,17 +31,21 @@ export function useAllowSwitchingTemplates() {
 			} )
 				? getEntityRecord( 'root', 'site' )
 				: undefined;
-			const templates = getEntityRecords( 'postType', 'wp_template', {
-				per_page: -1,
-			} );
+
 			const isPostsPage = +postId === siteSettings?.page_for_posts;
+			const isFrontPage =
+				postType === 'page' && +postId === siteSettings?.page_on_front;
 			// If current page is set front page or posts page, we also need
 			// to check if the current theme has a template for it. If not
-			const isFrontPage =
-				postType === 'page' &&
-				+postId === siteSettings?.page_on_front &&
-				templates?.some( ( { slug } ) => slug === 'front-page' );
-			return ! isPostsPage && ! isFrontPage;
+			const templates = isFrontPage
+				? getEntityRecords( 'postType', 'wp_template', {
+						per_page: -1,
+				  } )
+				: [];
+			const hasFrontPage =
+				isFrontPage &&
+				!! templates?.some( ( { slug } ) => slug === 'front-page' );
+			return ! isPostsPage && ! hasFrontPage;
 		},
 		[ postId, postType ]
 	);

package/src/components/post-template/style.scss

@@ -2,6 +2,10 @@
 	z-index: z-index(".editor-post-template__swap-template-modal");
 }
 
+.editor-post-template__create-template-modal {
+	z-index: z-index(".editor-post-template__create-template-modal");
+}
+
 .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
 	column-count: 2;
 	column-gap: $grid-unit-30;

package/src/components/post-template/swap-template-button.js

@@ -20,9 +20,7 @@ export default function SwapTemplateButton( { onClick } ) {
 	const { postType, postId } = useEditedPostContext();
 	const availableTemplates = useAvailableTemplates( postType );
 	const { editEntityRecord } = useDispatch( coreStore );
-	if ( ! availableTemplates?.length ) {
-		return null;
-	}
+
 	const onTemplateSelect = async ( template ) => {
 		editEntityRecord(
 			'postType',
@@ -36,7 +34,11 @@ export default function SwapTemplateButton( { onClick } ) {
 	};
 	return (
 		<>
-			<MenuItem onClick={ () => setShowModal( true ) }>
+			<MenuItem
+				disabled={ ! availableTemplates?.length }
+				accessibleWhenDisabled
+				onClick={ () => setShowModal( true ) }
+			>
 				{ __( 'Change template' ) }
 			</MenuItem>
 			{ showModal && (