@wordpress/editor 14.48.0 → 14.48.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "14.48.0",
+	"version": "14.48.1",
 	"description": "Enhanced block editor for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -40,7 +40,6 @@
 		},
 		"./package.json": "./package.json"
 	},
-	"react-native": "src/index",
 	"wpScript": true,
 	"types": "build-types",
 	"sideEffects": [
@@ -60,56 +59,57 @@
 		"build-module/bindings/**"
 	],
 	"dependencies": {
-		"@wordpress/a11y": "^4.48.0",
-		"@wordpress/api-fetch": "^7.48.0",
-		"@wordpress/base-styles": "^9.1.0",
-		"@wordpress/blob": "^4.48.0",
-		"@wordpress/block-editor": "^15.21.0",
-		"@wordpress/block-serialization-default-parser": "^5.48.0",
-		"@wordpress/blocks": "^15.21.0",
-		"@wordpress/commands": "^1.48.0",
-		"@wordpress/components": "^35.0.0",
-		"@wordpress/compose": "^8.1.0",
-		"@wordpress/core-data": "^7.48.0",
-		"@wordpress/data": "^10.48.0",
-		"@wordpress/dataviews": "^16.0.0",
-		"@wordpress/date": "^5.48.0",
-		"@wordpress/deprecated": "^4.48.0",
-		"@wordpress/dom": "^4.48.0",
-		"@wordpress/element": "^8.0.0",
-		"@wordpress/fields": "^0.40.0",
-		"@wordpress/global-styles-engine": "^1.15.0",
-		"@wordpress/global-styles-ui": "^1.15.0",
-		"@wordpress/hooks": "^4.48.0",
-		"@wordpress/html-entities": "^4.48.0",
-		"@wordpress/i18n": "^6.21.0",
-		"@wordpress/icons": "^13.3.0",
-		"@wordpress/interface": "^9.33.0",
-		"@wordpress/keyboard-shortcuts": "^5.48.0",
-		"@wordpress/keycodes": "^4.48.0",
-		"@wordpress/media-editor": "^0.11.0",
-		"@wordpress/media-fields": "^0.13.0",
-		"@wordpress/media-utils": "^5.48.0",
-		"@wordpress/notices": "^5.48.0",
-		"@wordpress/patterns": "^2.48.0",
-		"@wordpress/plugins": "^7.48.0",
-		"@wordpress/preferences": "^4.48.0",
-		"@wordpress/private-apis": "^1.48.0",
-		"@wordpress/reusable-blocks": "^5.48.0",
-		"@wordpress/rich-text": "^7.48.0",
-		"@wordpress/server-side-render": "^6.24.0",
-		"@wordpress/ui": "^0.15.0",
-		"@wordpress/upload-media": "^0.33.0",
-		"@wordpress/url": "^4.48.0",
-		"@wordpress/views": "^1.15.0",
-		"@wordpress/warning": "^3.48.0",
-		"@wordpress/wordcount": "^4.48.0",
+		"@types/react": "^18.3.27",
+		"@wordpress/a11y": "^4.48.1",
+		"@wordpress/api-fetch": "^7.48.1",
+		"@wordpress/base-styles": "^10.0.1",
+		"@wordpress/blob": "^4.48.1",
+		"@wordpress/block-editor": "^15.21.1",
+		"@wordpress/block-serialization-default-parser": "^5.48.1",
+		"@wordpress/blocks": "^15.21.1",
+		"@wordpress/commands": "^1.48.1",
+		"@wordpress/components": "^35.0.1",
+		"@wordpress/compose": "^8.1.1",
+		"@wordpress/core-data": "^7.48.1",
+		"@wordpress/data": "^10.48.1",
+		"@wordpress/dataviews": "^16.0.1",
+		"@wordpress/date": "^5.48.1",
+		"@wordpress/deprecated": "^4.48.1",
+		"@wordpress/dom": "^4.48.1",
+		"@wordpress/element": "^8.0.1",
+		"@wordpress/fields": "^0.40.1",
+		"@wordpress/global-styles-engine": "^1.15.1",
+		"@wordpress/global-styles-ui": "^1.15.1",
+		"@wordpress/hooks": "^4.48.1",
+		"@wordpress/html-entities": "^4.48.1",
+		"@wordpress/i18n": "^6.21.1",
+		"@wordpress/icons": "^14.0.1",
+		"@wordpress/interface": "^9.33.1",
+		"@wordpress/keyboard-shortcuts": "^5.48.1",
+		"@wordpress/keycodes": "^4.48.1",
+		"@wordpress/media-editor": "^0.11.1",
+		"@wordpress/media-fields": "^0.13.1",
+		"@wordpress/media-utils": "^5.48.1",
+		"@wordpress/notices": "^5.48.1",
+		"@wordpress/patterns": "^2.48.1",
+		"@wordpress/plugins": "^7.48.1",
+		"@wordpress/preferences": "^4.48.1",
+		"@wordpress/private-apis": "^1.48.1",
+		"@wordpress/reusable-blocks": "^5.48.1",
+		"@wordpress/rich-text": "^7.48.1",
+		"@wordpress/server-side-render": "^6.24.1",
+		"@wordpress/ui": "^0.15.1",
+		"@wordpress/upload-media": "^0.33.1",
+		"@wordpress/url": "^4.48.1",
+		"@wordpress/views": "^1.15.1",
+		"@wordpress/warning": "^3.48.1",
+		"@wordpress/wordcount": "^4.48.1",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
-		"colord": "^2.7.0",
+		"colord": "^2.9.3",
 		"date-fns": "^4.1.0",
-		"diff": "^4.0.2",
+		"diff": "^8.0.3",
 		"fast-deep-equal": "^3.1.3",
 		"memize": "^2.1.0",
 		"react-autosize-textarea": "^7.1.0",
@@ -117,7 +117,10 @@
 		"uuid": "^14.0.0"
 	},
 	"devDependencies": {
-		"deep-freeze": "0.0.1"
+		"@testing-library/dom": "^10.4.1",
+		"@testing-library/react": "^16.3.2",
+		"@testing-library/user-event": "^14.6.1",
+		"deep-freeze": "^0.0.1"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0",
@@ -126,5 +129,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e7856693aeb4e2522d13608cd32c994e4a97cb9c"
+	"gitHead": "99df7432c5c7cb83ba41146fd1f57f3c19004305"
 }

package/src/components/README.md

@@ -1,7 +1,7 @@
 # Editor Components
 
 This folder holds reusable editor components exported by the `editor` module.
-These components combined as children of the `EditorProvider` component can be use to build alternative Editor Layouts.
+These components, combined as children of the `EditorProvider` component, can be used to build alternative Editor Layouts.
 
 ## Which components should live in this folder?
 

package/src/components/block-removal-warnings/index.js

@@ -95,13 +95,6 @@ export default function BlockRemovalWarnings() {
 		[ currentPostType ]
 	);
 
-	// `BlockRemovalWarnings` is rendered in the editor provider, a shared component
-	// across react native and web. However, `BlockRemovalWarningModal` is web only.
-	// Check it exists before trying to render it.
-	if ( ! BlockRemovalWarningModal ) {
-		return null;
-	}
-
 	if ( ! removalRulesForPostType ) {
 		return null;
 	}

package/src/components/collab-sidebar/note-indicator-toolbar.js

@@ -5,7 +5,11 @@ import { ToolbarButton } from '@wordpress/components';
 import { Stack } from '@wordpress/ui';
 import { __, sprintf } from '@wordpress/i18n';
 import { useMemo } from '@wordpress/element';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import {
+	privateApis as blockEditorPrivateApis,
+	store as blockEditorStore,
+} from '@wordpress/block-editor';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -15,52 +19,24 @@ import { getAvatarBorderColor } from './utils';
 
 const { NoteIconToolbarSlotFill } = unlock( blockEditorPrivateApis );
 
-export function NoteAvatarIndicator( { onClick, note } ) {
-	const threadParticipants = useMemo( () => {
-		if ( ! note ) {
-			return [];
-		}
-
-		const participantsMap = new Map();
-		const allNotes = [ note, ...note.reply ];
-
-		// Sort by date to show participants in chronological order.
-		allNotes.sort( ( a, b ) => new Date( a.date ) - new Date( b.date ) );
-
-		allNotes.forEach( ( entry ) => {
-			// Track thread participants (original author + repliers).
-			if ( entry.author_name && entry.author_avatar_urls ) {
-				if ( ! participantsMap.has( entry.author ) ) {
-					participantsMap.set( entry.author, {
-						name: entry.author_name,
-						avatar:
-							entry.author_avatar_urls?.[ '48' ] ||
-							entry.author_avatar_urls?.[ '96' ],
-						id: entry.author,
-						date: entry.date,
-					} );
-				}
-			}
-		} );
-
-		return Array.from( participantsMap.values() );
-	}, [ note ] );
-
-	if ( ! threadParticipants.length ) {
-		return null;
-	}
+function ThreadParticipants( { participants } ) {
+	const defaultAvatar = useSelect( ( select ) => {
+		const { getSettings } = select( blockEditorStore );
+		const { __experimentalDiscussionSettings } = getSettings();
+		return __experimentalDiscussionSettings?.avatarURL;
+	}, [] );
 
 	// If there are more than 3 participants, show 2 avatars and a "+n" number.
 	const maxAvatars = 3;
-	const isOverflow = threadParticipants.length > maxAvatars;
+	const isOverflow = participants.length > maxAvatars;
 	const visibleParticipants = isOverflow
-		? threadParticipants.slice( 0, maxAvatars - 1 )
-		: threadParticipants;
+		? participants.slice( 0, maxAvatars - 1 )
+		: participants;
 	const overflowCount = Math.max(
 		0,
-		threadParticipants.length - visibleParticipants.length
+		participants.length - visibleParticipants.length
 	);
-	const threadHasMoreParticipants = threadParticipants.length > 100;
+	const threadHasMoreParticipants = participants.length > 100;
 
 	// If we hit the note limit, show "100+" instead of exact overflow count.
 	const overflowText =
@@ -72,6 +48,62 @@ export function NoteAvatarIndicator( { onClick, note } ) {
 					overflowCount
 			  );
 
+	return (
+		<Stack direction="row" align="center" gap="xs">
+			{ visibleParticipants.map( ( participant ) => (
+				<img
+					key={ participant.id }
+					src={ participant.avatar || defaultAvatar }
+					alt={ participant.name }
+					className="editor-note-indicator__avatar"
+					style={ {
+						borderColor: getAvatarBorderColor( participant.id ),
+					} }
+				/>
+			) ) }
+			{ overflowCount > 0 && (
+				<span className="editor-note-indicator__overflow">
+					{ overflowText }
+				</span>
+			) }
+		</Stack>
+	);
+}
+
+export function NoteAvatarIndicator( { onClick, note } ) {
+	const threadParticipants = useMemo( () => {
+		if ( ! note ) {
+			return [];
+		}
+
+		// Track thread participants (original author + repliers), sorted by
+		// date so they appear in chronological order.
+		const participantsMap = new Map();
+		const allNotes = [ note, ...note.reply ].sort(
+			( a, b ) => new Date( a.date ) - new Date( b.date )
+		);
+
+		for ( const entry of allNotes ) {
+			if ( ! entry.author_name || participantsMap.has( entry.author ) ) {
+				continue;
+			}
+
+			participantsMap.set( entry.author, {
+				id: entry.author,
+				name: entry.author_name,
+				avatar:
+					entry.author_avatar_urls?.[ '48' ] ||
+					entry.author_avatar_urls?.[ '96' ],
+			} );
+		}
+
+		return Array.from( participantsMap.values() );
+	}, [ note ] );
+
+	if ( ! threadParticipants.length ) {
+		return null;
+	}
+
 	return (
 		<NoteIconToolbarSlotFill.Fill>
 			<ToolbarButton
@@ -80,26 +112,7 @@ export function NoteAvatarIndicator( { onClick, note } ) {
 				onClick={ () => onClick() }
 				showTooltip
 			>
-				<Stack direction="row" align="center" gap="xs">
-					{ visibleParticipants.map( ( participant ) => (
-						<img
-							key={ participant.id }
-							src={ participant.avatar }
-							alt={ participant.name }
-							className="editor-note-indicator__avatar"
-							style={ {
-								borderColor: getAvatarBorderColor(
-									participant.id
-								),
-							} }
-						/>
-					) ) }
-					{ overflowCount > 0 && (
-						<span className="editor-note-indicator__overflow">
-							{ overflowText }
-						</span>
-					) }
-				</Stack>
+				<ThreadParticipants participants={ threadParticipants } />
 			</ToolbarButton>
 		</NoteIconToolbarSlotFill.Fill>
 	);

package/src/components/collaborators-overlay/use-block-highlighting.ts

@@ -1,14 +1,11 @@
 /**
  * WordPress dependencies
  */
-// @ts-expect-error No exported types
-import { store as blockEditorStore } from '@wordpress/block-editor';
 import {
 	privateApis as coreDataPrivateApis,
 	type CoreDataPrivateApis,
 	type PostEditorAwarenessState as ActiveCollaborator,
 } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
 import { useEffect, useRef, useState } from '@wordpress/element';
 
 /**
@@ -74,11 +71,6 @@ export function useBlockHighlighting(
 	const [ recomputeToken, rerenderHighlightsAfterDelay ] =
 		useDebouncedRecompute( delayMs );
 
-	const blockClientIds = useSelect(
-		( select ) => select( blockEditorStore ).getClientIdsWithDescendants(),
-		[]
-	);
-
 	// All DOM mutations and position computations live inside useEffect.
 	useEffect( () => {
 		if ( ! blockEditorDocument ) {
@@ -215,7 +207,6 @@ export function useBlockHighlighting(
 		overlayElement,
 		recomputeToken,
 		resolveSelection,
-		blockClientIds,
 	] );
 
 	return { highlights, rerenderHighlightsAfterDelay };

package/src/components/collaborators-overlay/use-render-cursors.ts

@@ -1,5 +1,3 @@
-// @ts-expect-error No exported types
-import { store as blockEditorStore } from '@wordpress/block-editor';
 import { privateApis as coreDataPrivateApis } from '@wordpress/core-data';
 import type {
 	CoreDataPrivateApis,
@@ -70,11 +68,6 @@ export function useRenderCursors(
 		[]
 	);
 
-	const blockClientIds = useSelect(
-		( select ) => select( blockEditorStore ).getClientIdsWithDescendants(),
-		[]
-	);
-
 	const [ cursorPositions, setCursorPositions ] = useState< CursorData[] >(
 		[]
 	);
@@ -186,7 +179,6 @@ export function useRenderCursors(
 		sortedUsers,
 		showOwnCursor,
 		recomputeToken,
-		blockClientIds,
 	] );
 
 	return { cursors: cursorPositions, rerenderCursorsAfterDelay };

package/src/components/collaborators-presence/avatar/test/index.tsx

@@ -16,13 +16,18 @@ import { Tooltip } from '@wordpress/ui';
 import Avatar from '..';
 
 /**
- * Wraps the avatar in a `Tooltip.Provider` with `delay={ 0 }` so hover-based
- * tooltip-presence assertions don't have to wait for the real-world delay.
+ * Wraps the avatar in a `Tooltip.Provider` with `delay={ 0 }` and
+ * `closeDelay={ 0 }` so hover-based tooltip-presence assertions don't have to
+ * wait for the real-world open/close delay.
  *
  * @param ui The avatar element (or anything else) to render.
  */
 function renderAvatar( ui: React.ReactElement ): ReturnType< typeof render > {
-	return render( <Tooltip.Provider delay={ 0 }>{ ui }</Tooltip.Provider> );
+	return render(
+		<Tooltip.Provider delay={ 0 } closeDelay={ 0 }>
+			{ ui }
+		</Tooltip.Provider>
+	);
 }
 
 /**

package/src/components/more-menu/view-more-menu-group.js

@@ -2,10 +2,9 @@
  * WordPress dependencies
  */
 import { createSlotFill } from '@wordpress/components';
-import { Platform } from '@wordpress/element';
 
 const { Fill: ViewMoreMenuGroup, Slot } = createSlotFill(
-	Platform.OS === 'web' ? Symbol( 'ViewMoreMenuGroup' ) : 'ViewMoreMenuGroup'
+	Symbol( 'ViewMoreMenuGroup' )
 );
 
 ViewMoreMenuGroup.Slot = ( { fillProps } ) => <Slot fillProps={ fillProps } />;

package/src/components/page-attributes/parent.js

@@ -95,6 +95,7 @@ export function PageAttributesParent() {
 			if ( !! fieldValue ) {
 				query.search = fieldValue;
 				query.orderby = 'relevance';
+				query.search_columns = [ 'post_title' ];
 			}
 
 			const parentPost = pageId