@wordpress/editor 14.41.0 → 14.41.1-next.v.202603102151.0

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

@@ -47,6 +47,11 @@
 	padding-inline-start: 0 !important;
 }
 
+.editor-post-url__panel-toggle,
+.editor-post-parent__panel-toggle {
+	word-break: break-word;
+}
+
 .editor-post-url__intro {
 	margin: 0;
 }

package/src/components/provider/use-block-editor-settings.js

@@ -23,6 +23,7 @@ import {
  */
 import inserterMediaCategories from '../media-categories';
 import { mediaUpload } from '../../utils';
+import mediaUploadOnSuccess from '../../utils/media-upload/on-success';
 import { default as mediaSideload } from '../../utils/media-sideload';
 import { store as editorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
@@ -103,6 +104,7 @@ const {
 	isIsolatedEditorKey,
 	deviceTypeKey,
 	isNavigationOverlayContextKey,
+	mediaUploadOnSuccessKey,
 } = unlock( privateApis );
 
 /**
@@ -336,6 +338,9 @@ function useBlockEditorSettings( settings, postType, postId, renderingMode ) {
 				? editMediaEntity
 				: undefined,
 			mediaUpload: hasUploadPermissions ? mediaUpload : undefined,
+			[ mediaUploadOnSuccessKey ]: hasUploadPermissions
+				? mediaUploadOnSuccess
+				: undefined,
 			mediaSideload: hasUploadPermissions ? mediaSideload : undefined,
 			__experimentalBlockPatterns: blockPatterns,
 			[ selectBlockPatternsKey ]: ( select ) => {

package/src/components/sidebar/dataform-post-summary.js

@@ -0,0 +1,149 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { store as coreDataStore } from '@wordpress/core-data';
+import { DataForm } from '@wordpress/dataviews';
+import { __experimentalVStack as VStack } from '@wordpress/components';
+import { useMemo } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import PostCardPanel from '../post-card-panel';
+import PostPanelSection from '../post-panel-section';
+import { store as editorStore } from '../../store';
+import PostTrash from '../post-trash';
+import usePostFields from '../post-fields';
+import { unlock } from '../../lock-unlock';
+
+const form = {
+	layout: {
+		type: 'panel',
+	},
+	fields: [
+		{
+			id: 'featured_media',
+			layout: {
+				type: 'regular',
+				labelPosition: 'none',
+			},
+		},
+		{
+			id: 'post-content-info',
+			layout: {
+				type: 'regular',
+				labelPosition: 'none',
+			},
+		},
+		{
+			id: 'status',
+			label: __( 'Status' ),
+			children: [
+				{
+					id: 'status',
+					layout: { type: 'regular', labelPosition: 'none' },
+				},
+				'password',
+			],
+		},
+		'author',
+		'date',
+		'slug',
+		'parent',
+		{
+			id: 'discussion',
+			label: __( 'Discussion' ),
+			children: [
+				{
+					id: 'comment_status',
+					layout: { type: 'regular', labelPosition: 'none' },
+				},
+				'ping_status',
+			],
+		},
+		'template',
+		'format',
+	],
+};
+
+export default function DataFormPostSummary( { onActionPerformed } ) {
+	const { postType, postId } = useSelect( ( select ) => {
+		const { getCurrentPostType, getCurrentPostId } = unlock(
+			select( editorStore )
+		);
+		return {
+			postType: getCurrentPostType(),
+			postId: getCurrentPostId(),
+		};
+	}, [] );
+
+	const record = useSelect(
+		( select ) => {
+			if ( ! postType || ! postId ) {
+				return null;
+			}
+			return select( coreDataStore ).getEditedEntityRecord(
+				'postType',
+				postType,
+				postId
+			);
+		},
+		[ postType, postId ]
+	);
+
+	const { editEntityRecord } = useDispatch( coreDataStore );
+
+	const _fields = usePostFields( { postType } );
+	const fields = useMemo(
+		() =>
+			_fields?.map( ( field ) => {
+				if ( field.id === 'status' ) {
+					return {
+						...field,
+						elements: field.elements.filter(
+							( element ) => element.value !== 'trash'
+						),
+					};
+				}
+				return field;
+			} ),
+		[ _fields ]
+	);
+
+	const onChange = ( edits ) => {
+		if (
+			edits.status &&
+			edits.status !== 'future' &&
+			record?.status === 'future' &&
+			new Date( record.date ) > new Date()
+		) {
+			edits.date = null;
+		}
+		if ( edits.status && edits.status === 'private' && record?.password ) {
+			edits.password = '';
+		}
+
+		editEntityRecord( 'postType', postType, postId, edits );
+	};
+
+	return (
+		<PostPanelSection className="editor-post-summary">
+			<VStack spacing={ 4 }>
+				<PostCardPanel
+					postType={ postType }
+					postId={ postId }
+					onActionPerformed={ onActionPerformed }
+				/>
+				<DataForm
+					data={ record }
+					fields={ fields }
+					form={ form }
+					onChange={ onChange }
+				/>
+				<PostTrash onActionPerformed={ onActionPerformed } />
+			</VStack>
+		</PostPanelSection>
+	);
+}

package/src/components/sidebar/post-summary.js

@@ -12,6 +12,7 @@ import { addQueryArgs } from '@wordpress/url';
 /**
  * Internal dependencies
  */
+import DataFormPostSummary from './dataform-post-summary';
 import PluginPostStatusInfo from '../plugin-post-status-info';
 import PostAuthorPanel from '../post-author/panel';
 import PostCardPanel from '../post-card-panel';
@@ -44,6 +45,20 @@ import { unlock } from '../../lock-unlock';
 const PANEL_NAME = 'post-status';
 
 export default function PostSummary( { onActionPerformed } ) {
+	const postType = useSelect(
+		( select ) => select( editorStore ).getCurrentPostType(),
+		[]
+	);
+	if (
+		window?.__experimentalDataFormInspector &&
+		[ 'page', 'post' ].includes( postType )
+	) {
+		return <DataFormPostSummary onActionPerformed={ onActionPerformed } />;
+	}
+	return <ClassicPostSummary onActionPerformed={ onActionPerformed } />;
+}
+
+function ClassicPostSummary( { onActionPerformed } ) {
 	const { isRemovedPostStatusPanel, postType, postId, revisionId } =
 		useSelect( ( select ) => {
 			// We use isEditorPanelRemoved to hide the panel if it was programmatically removed. We do

package/src/components/visual-editor/index.js

@@ -381,7 +381,7 @@ function VisualEditor( {
 						: ''
 				}${
 					isNavigationPreview
-						? `.block-editor-iframe__body{${ centerContentCSS }}`
+						? `.block-editor-iframe__body{${ centerContentCSS }padding:var(--wp--style--block-gap,2em);}`
 						: ''
 				}`,
 				// The CSS for enableResizing centers the body content vertically when resizing is enabled and applies a background

package/src/dataviews/store/private-actions.ts

@@ -35,6 +35,9 @@ import {
 	pageTitleField,
 	patternTitleField,
 	notesField,
+	scheduledDateField,
+	formatField,
+	postContentInfoField,
 } from '@wordpress/fields';
 import {
 	altTextField,
@@ -192,6 +195,9 @@ export const registerPostTypeSchema =
 		const currentTheme = await registry
 			.resolveSelect( coreStore )
 			.getCurrentTheme();
+		const { disablePostFormats } = registry
+			.select( editorStore )
+			.getEditorSettings();
 
 		let canDuplicate =
 			! [ 'wp_block', 'wp_template_part' ].includes(
@@ -258,6 +264,8 @@ export const registerPostTypeSchema =
 				statusField,
 				! DESIGN_POST_TYPES.includes( postTypeConfig.slug ) &&
 					dateField,
+				! DESIGN_POST_TYPES.includes( postTypeConfig.slug ) &&
+					scheduledDateField,
 				slugField,
 				postTypeConfig.supports?.[ 'page-attributes' ] && parentField,
 				postTypeConfig.supports?.comments && commentStatusField,
@@ -266,6 +274,12 @@ export const registerPostTypeSchema =
 					postTypeConfig.supports?.trackbacks ) &&
 					discussionField,
 				templateField,
+				postTypeConfig.supports?.[ 'post-formats' ] &&
+					! disablePostFormats &&
+					formatField,
+				! DESIGN_POST_TYPES.includes( postTypeConfig.slug ) &&
+					postTypeConfig.supports?.editor &&
+					postContentInfoField,
 				passwordField,
 				postTypeConfig.supports?.editor &&
 					postTypeConfig.viewable &&

package/src/style.scss

@@ -2,9 +2,12 @@
 @use "@wordpress/interface/build-style/style.css" as *;
 @use "@wordpress/global-styles-ui/build-style/style.css" as *;
 @use "@wordpress/dataviews/build-style/style.css" as *;
+@use "@wordpress/fields/build-style/style.css" as *;
 @use "@wordpress/media-editor/build-style/style.css" as *;
 @use "./components/autocompleters/style.scss" as *;
 @use "./components/collab-sidebar/style.scss" as *;
+@use "./components/collaborators-presence/avatar/styles.scss" as *;
+@use "./components/collaborators-presence/avatar-group/styles.scss" as *;
 @use "./components/collapsible-block-toolbar/style.scss" as *;
 @use "./components/block-visibility/style.scss" as *;
 @use "./components/blog-title/style.scss" as *;

package/src/utils/media-upload/on-success.js

@@ -0,0 +1,34 @@
+/**
+ * WordPress dependencies
+ */
+import { dispatch } from '@wordpress/data';
+import { store as coreDataStore } from '@wordpress/core-data';
+
+/**
+ * Invalidates core-data entity records for uploaded attachments so that
+ * blocks re-fetch updated data (e.g. `media_details.sizes` after
+ * thumbnails have been generated via client-side media processing).
+ *
+ * @param {Object[]} attachments Array of attachment objects from the upload queue.
+ */
+export default function mediaUploadOnSuccess( attachments ) {
+	const { invalidateResolution } = dispatch( coreDataStore );
+	for ( const attachment of attachments ) {
+		if ( attachment.id ) {
+			// Invalidate with and without the query argument, since
+			// resolution keys must exactly match the args used by
+			// each consumer's getEntityRecord() call.
+			invalidateResolution( 'getEntityRecord', [
+				'postType',
+				'attachment',
+				attachment.id,
+				{ context: 'view' },
+			] );
+			invalidateResolution( 'getEntityRecord', [
+				'postType',
+				'attachment',
+				attachment.id,
+			] );
+		}
+	}
+}