@wordpress/editor 14.42.0 → 14.43.1-next.v.202604091042.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/editor",
-	"version": "14.42.0",
+	"version": "14.43.1-next.v.202604091042.0+668146787",
 	"description": "Enhanced block editor for WordPress posts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -61,48 +61,49 @@
 	],
 	"dependencies": {
 		"@floating-ui/react-dom": "2.0.8",
-		"@wordpress/a11y": "^4.42.0",
-		"@wordpress/api-fetch": "^7.42.0",
-		"@wordpress/base-styles": "^6.18.0",
-		"@wordpress/blob": "^4.42.0",
-		"@wordpress/block-editor": "^15.15.0",
-		"@wordpress/block-serialization-default-parser": "^5.42.0",
-		"@wordpress/blocks": "^15.15.0",
-		"@wordpress/commands": "^1.42.0",
-		"@wordpress/components": "^32.4.0",
-		"@wordpress/compose": "^7.42.0",
-		"@wordpress/core-data": "^7.42.0",
-		"@wordpress/data": "^10.42.0",
-		"@wordpress/dataviews": "^13.1.0",
-		"@wordpress/date": "^5.42.0",
-		"@wordpress/deprecated": "^4.42.0",
-		"@wordpress/dom": "^4.42.0",
-		"@wordpress/element": "^6.42.0",
-		"@wordpress/fields": "^0.34.0",
-		"@wordpress/global-styles-engine": "^1.9.0",
-		"@wordpress/global-styles-ui": "^1.9.0",
-		"@wordpress/hooks": "^4.42.0",
-		"@wordpress/html-entities": "^4.42.0",
-		"@wordpress/i18n": "^6.15.0",
-		"@wordpress/icons": "^12.0.0",
-		"@wordpress/interface": "^9.27.0",
-		"@wordpress/keyboard-shortcuts": "^5.42.0",
-		"@wordpress/keycodes": "^4.42.0",
-		"@wordpress/media-editor": "^0.5.0",
-		"@wordpress/media-fields": "^0.7.0",
-		"@wordpress/media-utils": "^5.42.0",
-		"@wordpress/notices": "^5.42.0",
-		"@wordpress/patterns": "^2.42.0",
-		"@wordpress/plugins": "^7.42.0",
-		"@wordpress/preferences": "^4.42.0",
-		"@wordpress/private-apis": "^1.42.0",
-		"@wordpress/reusable-blocks": "^5.42.0",
-		"@wordpress/rich-text": "^7.42.0",
-		"@wordpress/server-side-render": "^6.18.0",
-		"@wordpress/upload-media": "^0.27.0",
-		"@wordpress/url": "^4.42.0",
-		"@wordpress/warning": "^3.42.0",
-		"@wordpress/wordcount": "^4.42.0",
+		"@wordpress/a11y": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/api-fetch": "^7.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/base-styles": "^6.19.1-next.v.202604091042.0+668146787",
+		"@wordpress/blob": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/block-editor": "^15.16.1-next.v.202604091042.0+668146787",
+		"@wordpress/block-serialization-default-parser": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/blocks": "^15.16.1-next.v.202604091042.0+668146787",
+		"@wordpress/commands": "^1.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/components": "^32.5.2-next.v.202604091042.0+668146787",
+		"@wordpress/compose": "^7.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/core-data": "^7.43.2-next.v.202604091042.0+668146787",
+		"@wordpress/data": "^10.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/dataviews": "^14.1.1-next.v.202604091042.0+668146787",
+		"@wordpress/date": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/deprecated": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/dom": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/element": "^6.44.1-next.v.202604091042.0+668146787",
+		"@wordpress/fields": "^0.35.1-next.v.202604091042.0+668146787",
+		"@wordpress/global-styles-engine": "^1.10.1-next.v.202604091042.0+668146787",
+		"@wordpress/global-styles-ui": "^1.10.1-next.v.202604091042.0+668146787",
+		"@wordpress/hooks": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/html-entities": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/i18n": "^6.17.1-next.v.202604091042.0+668146787",
+		"@wordpress/icons": "^12.1.1-next.v.202604091042.0+668146787",
+		"@wordpress/interface": "^9.28.1-next.v.202604091042.0+668146787",
+		"@wordpress/keyboard-shortcuts": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/keycodes": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/media-editor": "^0.6.1-next.v.202604091042.0+668146787",
+		"@wordpress/media-fields": "^0.8.1-next.v.202604091042.0+668146787",
+		"@wordpress/media-utils": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/notices": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/patterns": "^2.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/plugins": "^7.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/preferences": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/private-apis": "^1.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/reusable-blocks": "^5.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/rich-text": "^7.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/server-side-render": "^6.19.1-next.v.202604091042.0+668146787",
+		"@wordpress/upload-media": "^0.28.1-next.v.202604091042.0+668146787",
+		"@wordpress/url": "^4.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/views": "^1.10.1-next.v.202604091042.0+668146787",
+		"@wordpress/warning": "^3.43.1-next.v.202604091042.0+668146787",
+		"@wordpress/wordcount": "^4.43.1-next.v.202604091042.0+668146787",
 		"change-case": "^4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "^2.1.1",
@@ -125,5 +126,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c20787b1778ae64c2db65643b1c236309d68e6ba"
+	"gitHead": "73606df74f1c38a084bfa5db97205259ef817593"
 }

package/src/components/autocompleters/index.js

@@ -1 +1,2 @@
+export { default as linkAutocompleter } from './link';
 export { default as userAutocompleter } from './user';

package/src/components/autocompleters/link.js

@@ -0,0 +1,47 @@
+/**
+ * WordPress dependencies
+ */
+import apiFetch from '@wordpress/api-fetch';
+import { addQueryArgs } from '@wordpress/url';
+import { Icon, page, post } from '@wordpress/icons';
+import { decodeEntities } from '@wordpress/html-entities';
+
+const SHOWN_SUGGESTIONS = 10;
+
+/**
+ * A link completer for posts and pages.
+ *
+ * @type {Object}
+ */
+export default {
+	name: 'links',
+	className: 'editor-autocompleters__link',
+	triggerPrefix: '[[',
+	isDebounced: true,
+	async options( filterValue ) {
+		const options = await apiFetch( {
+			path: addQueryArgs( '/wp/v2/search', {
+				per_page: SHOWN_SUGGESTIONS,
+				search: filterValue,
+				type: 'post',
+			} ),
+		} );
+
+		return options.filter( ( option ) => option.title !== '' );
+	},
+	getOptionKeywords( item ) {
+		const expansionWords = item.title.split( /\s+/ );
+		return [ ...expansionWords ];
+	},
+	getOptionLabel( item ) {
+		return (
+			<>
+				<Icon icon={ item.subtype === 'page' ? page : post } />
+				{ decodeEntities( item.title ) }
+			</>
+		);
+	},
+	getOptionCompletion( item ) {
+		return <a href={ item.url }>{ item.title }</a>;
+	},
+};

package/src/components/autocompleters/style.scss

@@ -1,4 +1,10 @@
 @use "@wordpress/base-styles/colors" as *;
+@use "@wordpress/base-styles/variables" as *;
+
+.editor-autocompleters__link {
+	white-space: nowrap;
+	gap: $grid-unit-10;
+}
 
 .editor-autocompleters__user {
 	.editor-autocompleters__no-avatar::before {

package/src/components/collaborators-overlay/cursor-dom-utils.ts

@@ -67,7 +67,7 @@ const getOffsetPositionInBlock = (
 
 	try {
 		cursorRange.setStart( node, offset );
-	} catch ( error ) {
+	} catch {
 		return null;
 	}
 

package/src/components/collaborators-overlay/cursor-registry.ts

@@ -0,0 +1,96 @@
+interface ScrollToCursorOptions {
+	behavior?: ScrollBehavior;
+	block?: ScrollLogicalPosition;
+	inline?: ScrollLogicalPosition;
+	highlightDuration?: number;
+}
+
+/**
+ * Cursor Registry
+ * ===
+ * This registry stores references to cursor elements so that we can access them
+ * in different parts of the component tree. This would more ideally be solved
+ * with React context or state in the awareness store, but:
+ *
+ * 1. EditorPresence and BlockCanvasCover slot/fill break context propagation. We
+ *    don't currently have a way to provide context to both the slot and fill.
+ * 2. Storing pointers to the cursor elements in the awareness store might be a
+ *    better solution, but would require broader refactoring.
+ *
+ * For now, we create a single instance of this registry and pass it down to the
+ * components that need it. It's important that we create a single instance and
+ * not a new instance per component or render; use useState with a lazy
+ * initializer to accomplish this.
+ */
+
+function highlightCursor( element: HTMLElement, duration: number ): void {
+	element.classList.add( 'collaborators-overlay-cursor-highlighted' );
+
+	setTimeout( () => {
+		element.classList.remove( 'collaborators-overlay-cursor-highlighted' );
+	}, duration );
+}
+
+export function createCursorRegistry() {
+	const cursorMap = new Map< number, HTMLElement >();
+
+	return {
+		/**
+		 * Register a cursor element when it's created.
+		 *
+		 * @param clientId - The clientId of the cursor to register.
+		 * @param element  - The cursor element to register.
+		 */
+		registerCursor( clientId: number, element: HTMLElement ): void {
+			cursorMap.set( clientId, element );
+		},
+
+		/**
+		 * Unregister a cursor element when it's removed.
+		 *
+		 * @param clientId - The clientId of the cursor to unregister.
+		 */
+		unregisterCursor( clientId: number ): void {
+			cursorMap.delete( clientId );
+		},
+
+		/**
+		 * Scroll to a cursor by clientId.
+		 *
+		 * @param clientId - The clientId of the cursor to scroll to.
+		 * @param options  - The options for the scroll.
+		 * @return true if cursor was found and scrolled to, false otherwise.
+		 */
+		scrollToCursor(
+			clientId: number,
+			options?: ScrollToCursorOptions
+		): boolean {
+			const cursorElement = cursorMap.get( clientId );
+
+			if ( ! cursorElement ) {
+				return false;
+			}
+
+			cursorElement.scrollIntoView( {
+				behavior: options?.behavior ?? 'smooth',
+				block: options?.block ?? 'center',
+				inline: options?.inline ?? 'nearest',
+			} );
+
+			if ( options?.highlightDuration ) {
+				highlightCursor( cursorElement, options.highlightDuration );
+			}
+
+			return true;
+		},
+
+		/**
+		 * Clear the registry.
+		 */
+		removeAll(): void {
+			cursorMap.clear();
+		},
+	};
+}
+
+export type CursorRegistry = ReturnType< typeof createCursorRegistry >;

package/src/components/collaborators-overlay/index.tsx

@@ -9,22 +9,29 @@ import { privateApis } from '@wordpress/block-editor';
  */
 import { unlock } from '../../lock-unlock';
 import { Overlay } from './overlay';
+import { type CursorRegistry } from './cursor-registry';
 
 const { BlockCanvasCover } = unlock( privateApis );
 
 interface Props {
 	postId: number | null;
 	postType: string | null;
+	cursorRegistry?: CursorRegistry;
 }
 
 /**
  * Collaborators Overlay component
- * @param props          - The props for the CollaboratorsOverlay component
- * @param props.postId   - The ID of the post
- * @param props.postType - The type of the post
+ * @param props                - The props for the CollaboratorsOverlay component
+ * @param props.postId         - The ID of the post
+ * @param props.postType       - The type of the post
+ * @param props.cursorRegistry - The shared cursor registry
  * @return The CollaboratorsOverlay component
  */
-export function CollaboratorsOverlay( { postId, postType }: Props ) {
+export function CollaboratorsOverlay( {
+	postId,
+	postType,
+	cursorRegistry,
+}: Props ) {
 	return (
 		<BlockCanvasCover.Fill>
 			{ ( {
@@ -36,6 +43,7 @@ export function CollaboratorsOverlay( { postId, postType }: Props ) {
 					blockEditorDocument={ containerRef.current?.ownerDocument }
 					postId={ postId }
 					postType={ postType }
+					cursorRegistry={ cursorRegistry }
 				/>
 			) }
 		</BlockCanvasCover.Fill>

package/src/components/collaborators-overlay/overlay-iframe-styles.ts

@@ -119,7 +119,7 @@ export const OVERLAY_IFRAME_STYLES = `
 	outline-style: solid;
 	outline-width: calc(var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 	outline-offset: calc(-1 * var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
-	box-shadow: inset 0 0 0 calc(var(--wp-admin-border-width-focus, ${ BORDER_WIDTH_FOCUS_FALLBACK }) + ${ BORDER_WIDTH }) ${ WHITE }, 0 0 0 ${ BORDER_WIDTH } ${ WHITE }, ${ ELEVATION_X_SMALL };
+	box-shadow: inset 0 0 0 calc((var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 0.5px) rgba(${ WHITE }, 0.7);
 	z-index: 1;
 }
 @media (prefers-reduced-motion: reduce) {

package/src/components/collaborators-overlay/overlay.tsx

@@ -1,5 +1,5 @@
 import { useResizeObserver, useMergeRefs } from '@wordpress/compose';
-import { useCallback, useEffect, useState } from '@wordpress/element';
+import { useCallback, useEffect, useRef, useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
 import Avatar from '../collaborators-presence/avatar';
@@ -8,6 +8,7 @@ import { OVERLAY_IFRAME_STYLES } from './overlay-iframe-styles';
 import { setDelayedInterval } from './timing-utils';
 import { useBlockHighlighting } from './use-block-highlighting';
 import { useRenderCursors } from './use-render-cursors';
+import { type CursorRegistry } from './cursor-registry';
 
 // Milliseconds to wait after a change before recomputing cursor positions.
 const RERENDER_DELAY_MS = 500;
@@ -22,6 +23,7 @@ interface OverlayProps {
 	blockEditorDocument?: Document;
 	postId: number | null;
 	postType: string | null;
+	cursorRegistry?: CursorRegistry;
 }
 
 /**
@@ -31,12 +33,14 @@ interface OverlayProps {
  * @param props.blockEditorDocument - The block editor document.
  * @param props.postId              - The ID of the post.
  * @param props.postType            - The type of the post.
+ * @param props.cursorRegistry      - The shared cursor registry.
  * @return The Overlay component.
  */
 export function Overlay( {
 	blockEditorDocument,
 	postId,
 	postType,
+	cursorRegistry,
 }: OverlayProps ) {
 	// Use state for the overlay element so that the hook re-runs once the ref is attached.
 	const [ overlayElement, setOverlayElement ] =
@@ -93,6 +97,45 @@ export function Overlay( {
 		resizeObserverRef,
 	] );
 
+	// Track cursor element refs for registry registration.
+	const cursorRefsMap = useRef< Map< number, HTMLElement > >( new Map() );
+
+	// Keep the registry in sync whenever the rendered cursors change.
+	useEffect( () => {
+		if ( ! cursorRegistry ) {
+			return;
+		}
+		const refs = cursorRefsMap.current;
+		const currentIds = new Set( cursors.map( ( c ) => c.clientId ) );
+
+		// Unregister cursors that are no longer rendered.
+		for ( const id of refs.keys() ) {
+			if ( ! currentIds.has( id ) ) {
+				cursorRegistry.unregisterCursor( id );
+				refs.delete( id );
+			}
+		}
+
+		// Register or update cursors that are currently rendered.
+		for ( const [ id, el ] of refs.entries() ) {
+			cursorRegistry.registerCursor( id, el );
+		}
+
+		return () => cursorRegistry.removeAll();
+	}, [ cursors, cursorRegistry ] );
+
+	// Callback ref factory to capture each cursor's DOM element.
+	const setCursorRef = useCallback(
+		( clientId: number ) => ( el: HTMLDivElement | null ) => {
+			if ( el ) {
+				cursorRefsMap.current.set( clientId, el );
+			} else {
+				cursorRefsMap.current.delete( clientId );
+			}
+		},
+		[]
+	);
+
 	// This is a full overlay that covers the entire iframe document. Good for
 	// scrollable elements like cursor indicators.
 	return (
@@ -115,6 +158,7 @@ export function Overlay( {
 							/>
 						) ) }
 					<div
+						ref={ setCursorRef( cursor.clientId ) }
 						className="collaborators-overlay-user"
 						style={ {
 							left: `${ cursor.x }px`,

package/src/components/collaborators-overlay/timing-utils.ts

@@ -13,7 +13,7 @@ export function setDelayedInterval( callback: () => void, delayMs: number ) {
 	const runner = () => {
 		try {
 			callback();
-		} catch ( error ) {
+		} catch {
 			// Do nothing
 		}
 

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

@@ -1,12 +1,14 @@
 import {
 	privateApis as coreDataPrivateApis,
 	SelectionType,
-	type PostEditorAwarenessState as ActiveCollaborator,
+} from '@wordpress/core-data';
+import type {
+	ResolvedSelection,
+	PostEditorAwarenessState as ActiveCollaborator,
 } from '@wordpress/core-data';
 import { useSelect } from '@wordpress/data';
 import { useEffect, useState } from '@wordpress/element';
 import { store as preferencesStore } from '@wordpress/preferences';
-import type { ResolvedSelection } from '@wordpress/core-data';
 
 import { unlock } from '../../lock-unlock';
 import { getAvatarUrl } from './get-avatar-url';

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

@@ -12,6 +12,7 @@ import { CollaboratorsList } from './list';
 import { unlock } from '../../lock-unlock';
 import { getAvatarUrl } from '../collaborators-overlay/get-avatar-url';
 import { getAvatarBorderColor } from '../collab-sidebar/utils';
+import { createCursorRegistry } from '../collaborators-overlay/cursor-registry';
 
 import './styles/collaborators-presence.scss';
 import { CollaboratorsOverlay } from '../collaborators-overlay';
@@ -57,6 +58,8 @@ export function CollaboratorsPresence( {
 		} );
 	}, [ activeCollaborators ] );
 
+	const [ cursorRegistry ] = useState( createCursorRegistry );
+
 	const [ isPopoverVisible, setIsPopoverVisible ] = useState( false );
 	const [ popoverAnchor, setPopoverAnchor ] = useState< HTMLElement | null >(
 		null
@@ -123,10 +126,15 @@ export function CollaboratorsPresence( {
 						activeCollaborators={ collaboratorsForList }
 						popoverAnchor={ popoverAnchor }
 						setIsPopoverVisible={ setIsPopoverVisible }
+						cursorRegistry={ cursorRegistry }
 					/>
 				) }
 			</div>
-			<CollaboratorsOverlay postId={ postId } postType={ postType } />
+			<CollaboratorsOverlay
+				postId={ postId }
+				postType={ postType }
+				cursorRegistry={ cursorRegistry }
+			/>
 		</>
 	);
 }

package/src/components/collaborators-presence/list.tsx

@@ -2,10 +2,12 @@ import { __ } from '@wordpress/i18n';
 import { Popover, Button } from '@wordpress/components';
 import { closeSmall } from '@wordpress/icons';
 import { type PostEditorAwarenessState } from '@wordpress/core-data';
+import { speak } from '@wordpress/a11y';
 
 import Avatar from './avatar';
 import { getAvatarUrl } from '../collaborators-overlay/get-avatar-url';
 import { getAvatarBorderColor } from '../collab-sidebar/utils';
+import { type CursorRegistry } from '../collaborators-overlay/cursor-registry';
 
 import './styles/collaborators-list.scss';
 
@@ -13,6 +15,7 @@ interface CollaboratorsListProps {
 	activeCollaborators: PostEditorAwarenessState[];
 	popoverAnchor?: HTMLElement | null;
 	setIsPopoverVisible: ( isVisible: boolean ) => void;
+	cursorRegistry: CursorRegistry;
 }
 
 /**
@@ -23,12 +26,28 @@ interface CollaboratorsListProps {
  * @param props.activeCollaborators List of active collaborators
  * @param props.popoverAnchor       Anchor element for the popover
  * @param props.setIsPopoverVisible Callback to set the visibility of the popover
+ * @param props.cursorRegistry      Shared registry for scroll-to-cursor support
  */
 export function CollaboratorsList( {
 	activeCollaborators,
 	popoverAnchor,
 	setIsPopoverVisible,
+	cursorRegistry,
 }: CollaboratorsListProps ) {
+	const handleCollaboratorClick = ( clientId: number ) => {
+		const success = cursorRegistry.scrollToCursor( clientId, {
+			behavior: 'smooth',
+			block: 'center',
+			highlightDuration: 2000,
+		} );
+
+		if ( success ) {
+			speak( __( 'Scrolled to cursor' ), 'polite' );
+
+			setIsPopoverVisible( false );
+		}
+	};
+
 	return (
 		<Popover
 			anchor={ popoverAnchor }
@@ -60,7 +79,12 @@ export function CollaboratorsList( {
 							<button
 								key={ collaboratorState.clientId }
 								className="editor-collaborators-presence__list-item"
-								disabled
+								disabled={ isCurrentUser }
+								onClick={ () =>
+									handleCollaboratorClick(
+										collaboratorState.clientId
+									)
+								}
 							>
 								<Avatar
 									src={ getAvatarUrl(

package/src/components/error-boundary/index.js

@@ -26,7 +26,7 @@ function getContent() {
 		// content serialization throughout the lifetime of a non-erroring
 		// application.
 		return select( editorStore ).getEditedPostContent();
-	} catch ( error ) {}
+	} catch {}
 }
 
 function CopyButton( { text, children, variant = 'secondary' } ) {

package/src/components/error-boundary/index.native.js

@@ -34,7 +34,7 @@ function getContent() {
 		// content serialization throughout the lifetime of a non-erroring
 		// application.
 		return select( editorStore ).getEditedPostContent();
-	} catch ( error ) {}
+	} catch {}
 }
 
 function CopyButton( {

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

@@ -9,7 +9,7 @@ import {
 	__experimentalText as Text,
 	privateApis as componentsPrivateApis,
 } from '@wordpress/components';
-import { moreVertical, close } from '@wordpress/icons';
+import { close } from '@wordpress/icons';
 import { store as coreStore } from '@wordpress/core-data';
 import { useSelect } from '@wordpress/data';
 import { useMemo } from '@wordpress/element';
@@ -52,7 +52,7 @@ export default function PostCardPanel( {
 		() => ( Array.isArray( postId ) ? postId : [ postId ] ),
 		[ postId ]
 	);
-	const { postTitle, icon, labels, isRevision } = useSelect(
+	const { postTitle, icon, labels } = useSelect(
 		( select ) => {
 			const { getEditedEntityRecord, getCurrentTheme, getPostType } =
 				select( coreStore );
@@ -75,7 +75,6 @@ export default function PostCardPanel( {
 						area: _record?.area,
 					} ),
 					labels: getPostType( parentPostType )?.labels,
-					isRevision: true,
 				};
 			}
 
@@ -146,24 +145,11 @@ export default function PostCardPanel( {
 					) }
 				</Text>
 				{ ! hideActions && postIds.length === 1 && (
-					<>
-						{ isRevision ? (
-							<Button
-								size="small"
-								icon={ moreVertical }
-								label={ __( 'Actions' ) }
-								disabled
-								accessibleWhenDisabled
-								className="editor-all-actions-button"
-							/>
-						) : (
-							<PostActions
-								postType={ postType }
-								postId={ postIds[ 0 ] }
-								onActionPerformed={ onActionPerformed }
-							/>
-						) }
-					</>
+					<PostActions
+						postType={ postType }
+						postId={ postIds[ 0 ] }
+						onActionPerformed={ onActionPerformed }
+					/>
 				) }
 				{ onClose && (
 					<Button

package/src/components/post-content-information/index.js

@@ -12,7 +12,6 @@ import { store as coreStore } from '@wordpress/core-data';
  * Internal dependencies
  */
 import { store as editorStore } from '../../store';
-import { unlock } from '../../lock-unlock';
 import {
 	TEMPLATE_POST_TYPE,
 	TEMPLATE_PART_POST_TYPE,
@@ -23,19 +22,9 @@ const AVERAGE_READING_RATE = 189;
 
 // This component renders the wordcount and reading time for the post.
 export default function PostContentInformation() {
-	const { postContent } = useSelect( ( select ) => {
+	const postContent = useSelect( ( select ) => {
 		const { getEditedPostAttribute, getCurrentPostType, getCurrentPostId } =
 			select( editorStore );
-		const { getCurrentRevision, isRevisionsMode } = unlock(
-			select( editorStore )
-		);
-
-		if ( isRevisionsMode() ) {
-			return {
-				postContent: getCurrentRevision()?.content?.raw,
-			};
-		}
-
 		const { canUser } = select( coreStore );
 		const { getEntityRecord } = select( coreStore );
 		const siteSettings = canUser( 'read', {
@@ -52,12 +41,12 @@ export default function PostContentInformation() {
 			! [ TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE ].includes(
 				postType
 			);
-		return {
-			postContent:
-				showPostContentInfo && getEditedPostAttribute( 'content' ),
-		};
+		return showPostContentInfo && getEditedPostAttribute( 'content' );
 	}, [] );
+	return <PostContentInformationUI postContent={ postContent } />;
+}
 
+export function PostContentInformationUI( { postContent } ) {
 	/*
 	 * translators: If your word count is based on single characters (e.g. East Asian characters),
 	 * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.