@wordpress/edit-site 6.37.1-next.v.0 → 6.39.0

package/build-style/style.css

@@ -278,15 +278,15 @@
  *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
  * ------------------------------------------- */
 :root {
-  --wpds-border-radius-surface-lg: 8px; /* Large radius for surfaces */
-  --wpds-border-radius-surface-md: 4px; /* Medium radius for surfaces */
-  --wpds-border-radius-surface-sm: 2px; /* Small radius for surfaces */
-  --wpds-border-radius-surface-xs: 1px; /* Extra small radius for surfaces */
-  --wpds-border-width-interactive-focus: 2px; /* Border width for focus ring */
-  --wpds-border-width-surface-lg: 8px; /* Large width for surfaces */
-  --wpds-border-width-surface-md: 4px; /* Medium width for surfaces */
-  --wpds-border-width-surface-sm: 2px; /* Small width for surfaces */
-  --wpds-border-width-surface-xs: 1px; /* Extra small width for surfaces */
+  --wpds-border-radius-lg: 8px; /* Large radius */
+  --wpds-border-radius-md: 4px; /* Medium radius */
+  --wpds-border-radius-sm: 2px; /* Small radius */
+  --wpds-border-radius-xs: 1px; /* Extra small radius */
+  --wpds-border-width-focus: 2px; /* Border width for focus ring */
+  --wpds-border-width-lg: 8px; /* Large width */
+  --wpds-border-width-md: 4px; /* Medium width */
+  --wpds-border-width-sm: 2px; /* Small width */
+  --wpds-border-width-xs: 1px; /* Extra small width */
   --wpds-color-bg-interactive-brand-strong: #3858e9; /* Background color for interactive elements with brand tone and strong emphasis. */
   --wpds-color-bg-interactive-brand-strong-active: #2e49d9; /* Background color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. */
   --wpds-color-bg-interactive-brand-weak: #00000000; /* Background color for interactive elements with brand tone and weak emphasis. */
@@ -461,7 +461,7 @@
 
 @media (min-resolution: 192dpi) {
   :root {
-    --wpds-border-width-interactive-focus: 1.5px; /* Border width for focus ring */
+    --wpds-border-width-focus: 1.5px; /* Border width for focus ring */
   }
 }
 /**
@@ -679,9 +679,6 @@
 
 .dataviews-bulk-actions-footer__item-count {
   color: #1e1e1e;
-  font-weight: 499;
-  font-size: 11px;
-  text-transform: uppercase;
 }
 
 .dataviews-bulk-actions-footer__container {
@@ -2003,7 +2000,7 @@ div.dataviews-view-list {
   background-color: color-mix(in srgb, rgb(var(--wp-admin-theme-color--rgb)) 4%, #fff);
 }
 
-.dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table.has-bulk-actions tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
+.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
   opacity: 1;
 }
 
@@ -2138,6 +2135,8 @@ div.dataviews-view-list {
 }
 .dataviews-column-primary__media {
   max-width: 60px;
+  min-width: 32px;
+  min-height: 32px;
   overflow: hidden;
   position: relative;
   flex-shrink: 0;
@@ -2146,8 +2145,8 @@ div.dataviews-view-list {
 }
 
 .dataviews-column-primary__media img {
-  width: 100%;
-  height: 100%;
+  width: 32px;
+  height: 32px;
   object-fit: cover;
 }
 
@@ -3208,36 +3207,19 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
   font-weight: 600;
 }
 
-.dataviews-view-grid__media .fields-controls__featured-image-image,
-.dataviews-view-grid__media .fields-controls__featured-image-placeholder,
-.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,
-.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder,
-.dataviews-view-list__media-wrapper .fields-controls__featured-image-image,
-.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder {
+.fields-controls__featured-image-image,
+.fields-controls__featured-image-placeholder {
   width: 100%;
   height: 100%;
   display: block;
   border-radius: 4px;
 }
 
-.dataviews-view-grid__media .fields-controls__featured-image-placeholder,
-.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder,
-.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder {
+.fields-controls__featured-image-placeholder {
   box-shadow: none;
   background: #f0f0f0;
 }
 
-.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,
-.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder {
-  width: 32px;
-  height: 32px;
-}
-
-.dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
-  width: 16px;
-  height: 16px;
-}
-
 .fields-controls__parent {
   border: 0;
   padding: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.37.1-next.v.0+500f87dd8",
+	"version": "6.39.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -48,50 +48,50 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/admin-ui": "^1.5.1-next.v.0+500f87dd8",
-		"@wordpress/api-fetch": "^7.37.1-next.v.0+500f87dd8",
-		"@wordpress/base-styles": "^6.13.2-next.v.0+500f87dd8",
-		"@wordpress/blob": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/block-editor": "^15.10.1-next.v.0+500f87dd8",
-		"@wordpress/block-library": "^9.37.2-next.v.0+500f87dd8",
-		"@wordpress/blocks": "^15.10.1-next.v.0+500f87dd8",
-		"@wordpress/commands": "^1.37.1-next.v.0+500f87dd8",
-		"@wordpress/components": "^32.0.1-next.v.0+500f87dd8",
-		"@wordpress/compose": "^7.37.1-next.v.0+500f87dd8",
-		"@wordpress/core-data": "^7.37.1-next.v.0+500f87dd8",
-		"@wordpress/data": "^10.37.1-next.v.0+500f87dd8",
-		"@wordpress/dataviews": "^11.2.1-next.v.0+500f87dd8",
-		"@wordpress/date": "^5.37.2-next.v.0+500f87dd8",
-		"@wordpress/deprecated": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/dom": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/editor": "^14.37.1-next.v.0+500f87dd8",
-		"@wordpress/element": "^6.37.1-next.v.0+500f87dd8",
-		"@wordpress/escape-html": "^3.37.1-next.v.0+500f87dd8",
-		"@wordpress/fields": "^0.29.1-next.v.0+500f87dd8",
-		"@wordpress/global-styles-engine": "^1.4.1-next.v.0+500f87dd8",
-		"@wordpress/global-styles-ui": "^1.4.1-next.v.0+500f87dd8",
-		"@wordpress/hooks": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/html-entities": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/i18n": "^6.10.1-next.v.0+500f87dd8",
-		"@wordpress/icons": "^11.4.1-next.v.0+500f87dd8",
-		"@wordpress/keyboard-shortcuts": "^5.37.1-next.v.0+500f87dd8",
-		"@wordpress/keycodes": "^4.38.1-next.v.0+500f87dd8",
-		"@wordpress/media-utils": "^5.37.1-next.v.0+500f87dd8",
-		"@wordpress/notices": "^5.38.1-next.v.0+500f87dd8",
-		"@wordpress/patterns": "^2.37.1-next.v.0+500f87dd8",
-		"@wordpress/plugins": "^7.37.1-next.v.0+500f87dd8",
-		"@wordpress/preferences": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/primitives": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/private-apis": "^1.37.1-next.v.0+500f87dd8",
-		"@wordpress/reusable-blocks": "^5.37.1-next.v.0+500f87dd8",
-		"@wordpress/router": "^1.37.1-next.v.0+500f87dd8",
-		"@wordpress/style-engine": "^2.37.1-next.v.0+500f87dd8",
-		"@wordpress/url": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/viewport": "^6.37.1-next.v.0+500f87dd8",
-		"@wordpress/views": "^1.4.1-next.v.0+500f87dd8",
-		"@wordpress/widgets": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/wordcount": "^4.37.1-next.v.0+500f87dd8",
+		"@wordpress/a11y": "^4.39.0",
+		"@wordpress/admin-ui": "^1.7.0",
+		"@wordpress/api-fetch": "^7.39.0",
+		"@wordpress/base-styles": "^6.15.0",
+		"@wordpress/blob": "^4.39.0",
+		"@wordpress/block-editor": "^15.12.0",
+		"@wordpress/block-library": "^9.39.0",
+		"@wordpress/blocks": "^15.12.0",
+		"@wordpress/commands": "^1.39.0",
+		"@wordpress/components": "^32.1.0",
+		"@wordpress/compose": "^7.39.0",
+		"@wordpress/core-data": "^7.39.0",
+		"@wordpress/data": "^10.39.0",
+		"@wordpress/dataviews": "^11.3.0",
+		"@wordpress/date": "^5.39.0",
+		"@wordpress/deprecated": "^4.39.0",
+		"@wordpress/dom": "^4.39.0",
+		"@wordpress/editor": "^14.39.0",
+		"@wordpress/element": "^6.39.0",
+		"@wordpress/escape-html": "^3.39.0",
+		"@wordpress/fields": "^0.31.0",
+		"@wordpress/global-styles-engine": "^1.6.0",
+		"@wordpress/global-styles-ui": "^1.6.0",
+		"@wordpress/hooks": "^4.39.0",
+		"@wordpress/html-entities": "^4.39.0",
+		"@wordpress/i18n": "^6.12.0",
+		"@wordpress/icons": "^11.6.0",
+		"@wordpress/keyboard-shortcuts": "^5.39.0",
+		"@wordpress/keycodes": "^4.39.0",
+		"@wordpress/media-utils": "^5.39.0",
+		"@wordpress/notices": "^5.39.0",
+		"@wordpress/patterns": "^2.39.0",
+		"@wordpress/plugins": "^7.39.0",
+		"@wordpress/preferences": "^4.39.0",
+		"@wordpress/primitives": "^4.39.0",
+		"@wordpress/private-apis": "^1.39.0",
+		"@wordpress/reusable-blocks": "^5.39.0",
+		"@wordpress/router": "^1.39.0",
+		"@wordpress/style-engine": "^2.39.0",
+		"@wordpress/url": "^4.39.0",
+		"@wordpress/viewport": "^6.39.0",
+		"@wordpress/views": "^1.6.0",
+		"@wordpress/widgets": "^4.39.0",
+		"@wordpress/wordcount": "^4.39.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -106,5 +106,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ca0db0ee8ac2116cd307650136027d26d0cdd9bd"
+	"gitHead": "eee1cfb1472f11183e40fb77465a5f13145df7ad"
 }

package/src/components/editor/index.js

@@ -12,6 +12,7 @@ import { useInstanceId, useReducedMotion } from '@wordpress/compose';
 import {
 	EditorKeyboardShortcutsRegister,
 	privateApis as editorPrivateApis,
+	store as editorStore,
 } from '@wordpress/editor';
 import { __, sprintf } from '@wordpress/i18n';
 import { store as coreDataStore } from '@wordpress/core-data';
@@ -145,6 +146,7 @@ export default function EditSiteEditor( { isHomeRoute = false } ) {
 	const settings = useSpecificEditorSettings();
 	const { initialBlockSelection, ...editorSettings } = settings;
 	const { resetZoomLevel } = unlock( useDispatch( blockEditorStore ) );
+	const { setCurrentRevisionId } = unlock( useDispatch( editorStore ) );
 	const { createSuccessNotice } = useDispatch( noticesStore );
 	const history = useHistory();
 	const onActionPerformed = useCallback(
@@ -257,6 +259,7 @@ export default function EditSiteEditor( { isHomeRoute = false } ) {
 											tooltipPosition="middle right"
 											onClick={ () => {
 												resetZoomLevel();
+												setCurrentRevisionId( null );
 												history.navigate(
 													getNavigationPath(
 														location,

package/src/components/editor/use-resolve-edited-entity.js

@@ -12,6 +12,7 @@ import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { store as editSiteStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 import {
+	ATTACHMENT_POST_TYPE,
 	TEMPLATE_POST_TYPE,
 	TEMPLATE_PART_POST_TYPE,
 	NAVIGATION_POST_TYPE,
@@ -21,6 +22,7 @@ import {
 const { useLocation } = unlock( routerPrivateApis );
 
 const postTypesWithoutParentTemplate = [
+	ATTACHMENT_POST_TYPE,
 	TEMPLATE_POST_TYPE,
 	TEMPLATE_PART_POST_TYPE,
 	NAVIGATION_POST_TYPE,
@@ -45,6 +47,8 @@ function getPostType( name ) {
 		postType = 'page';
 	} else if ( name === 'post-item' || name === 'posts' ) {
 		postType = 'post';
+	} else if ( name === 'attachment-item' ) {
+		postType = ATTACHMENT_POST_TYPE;
 	}
 
 	return postType;

package/src/components/layout/index.js

@@ -53,7 +53,8 @@ const ANIMATION_DURATION = 0.3;
 
 function Layout() {
 	const { query, name: routeKey, areas, widths } = useLocation();
-	const { canvas = 'view' } = query;
+	// Force canvas to 'view' on notfound route to show the error message and allow navigation.
+	const canvas = routeKey === 'notfound' ? 'view' : query?.canvas ?? 'view';
 	const isMobileViewport = useViewportMatch( 'medium', '<' );
 	const toggleRef = useRef();
 	const navigateRegionsProps = useNavigateRegions();

package/src/components/page-patterns/index.js

@@ -11,6 +11,8 @@ import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { useView } from '@wordpress/views';
 import { useSelect } from '@wordpress/data';
+import { addQueryArgs } from '@wordpress/url';
+import { Button } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -32,9 +34,7 @@ import {
 	previewField,
 	templatePartAuthorField,
 } from './fields';
-import { addQueryArgs } from '@wordpress/url';
 import usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';
-import { Button } from '@wordpress/components';
 
 const { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );
 const { usePostActions, patternTitleField } = unlock( editorPrivateApis );
@@ -214,7 +214,10 @@ export default function DataviewsPatterns() {
 								{ __( 'Reset view' ) }
 							</Button>
 						) }
-						<PatternsActions />
+						<PatternsActions
+							categoryId={ categoryId }
+							postType={ postType }
+						/>
 					</>
 				}
 			>

package/src/components/site-editor-routes/attachment-item.js

@@ -0,0 +1,27 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import Editor from '../editor';
+import SidebarNavigationScreen from '../sidebar-navigation-screen';
+
+export const attachmentItemRoute = {
+	name: 'attachment-item',
+	path: '/attachment/:postId',
+	areas: {
+		sidebar: (
+			<SidebarNavigationScreen
+				title={ __( 'Media' ) }
+				backPath="/"
+				// Empty content - no sidebar list needed for attachments
+				content={ null }
+			/>
+		),
+		mobile: <Editor />,
+		preview: <Editor />,
+	},
+};

package/src/components/site-editor-routes/index.js

@@ -20,10 +20,12 @@ import { templatesRoute } from './templates';
 import { templateItemRoute } from './template-item';
 import { pagesRoute } from './pages';
 import { pageItemRoute } from './page-item';
+import { attachmentItemRoute } from './attachment-item';
 import { stylebookRoute } from './stylebook';
 import { notFoundRoute } from './notfound';
 
 const routes = [
+	...( window?.__experimentalMediaEditor ? [ attachmentItemRoute ] : [] ),
 	pageItemRoute,
 	pagesRoute,
 	templateItemRoute,

package/src/utils/constants.js

@@ -9,6 +9,9 @@ import { privateApis as patternPrivateApis } from '@wordpress/patterns';
  */
 import { unlock } from '../lock-unlock';
 
+// Attachments / media
+export const ATTACHMENT_POST_TYPE = 'attachment';
+
 // Navigation
 export const NAVIGATION_POST_TYPE = 'wp_navigation';