@wordpress/edit-site 6.41.0 → 6.41.1-next.v.202603161435.0

package/src/components/page-templates/style.scss

@@ -38,51 +38,6 @@
 	}
 }
 
-.page-templates-author-field__avatar {
-	flex-shrink: 0;
-	overflow: hidden;
-	width: $grid-unit-30;
-	height: $grid-unit-30;
-	align-items: center;
-	justify-content: left;
-	display: flex;
-
-	img {
-		width: $grid-unit-20;
-		height: $grid-unit-20;
-		object-fit: cover;
-		opacity: 0;
-		border-radius: 100%;
-
-		@media not (prefers-reduced-motion) {
-			transition: opacity 0.1s linear;
-		}
-	}
-
-	&.is-loaded {
-		img {
-			opacity: 1;
-		}
-	}
-}
-
-.page-templates-author-field__icon {
-	display: flex;
-	flex-shrink: 0;
-	width: $grid-unit-30;
-	height: $grid-unit-30;
-
-	svg {
-		margin-left: -$grid-unit-05;
-		fill: currentColor;
-	}
-}
-
-.page-templates-author-field__name {
-	text-overflow: ellipsis;
-	overflow: hidden;
-}
-
 .edit-site-list__rename-modal {
 	// The rename dropdown popover is open at the same time as the rename modal. The latter has to be higher.
 	z-index: z-index(".edit-site-list__rename-modal");

package/src/components/post-list/quick-edit-modal.js

@@ -101,6 +101,10 @@ export function QuickEditModal( { postType, postId, closeModal } ) {
 					labelPosition: 'none',
 				},
 			},
+			{
+				id: 'post-content-info',
+				layout: { type: 'regular', labelPosition: 'none' },
+			},
 			{
 				id: 'status',
 				label: __( 'Status' ),
@@ -109,6 +113,7 @@ export function QuickEditModal( { postType, postId, closeModal } ) {
 						id: 'status',
 						layout: { type: 'regular', labelPosition: 'none' },
 					},
+					'scheduled_date',
 					'password',
 				],
 			},

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

@@ -68,15 +68,6 @@
 	}
 }
 
-.edit-site-post-list__status-icon {
-	height: $grid-unit-30;
-	width: $grid-unit-30;
-	svg {
-		fill: currentColor;
-		margin-left: -$grid-unit-05;
-	}
-}
-
 .fields-controls__password {
 	border-top: $border-width solid $gray-200;
 	padding-top: $grid-unit-20;

package/src/components/sidebar-global-styles/index.js

@@ -7,6 +7,7 @@ import { useMemo, useState } from '@wordpress/element';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { privateApis as editorPrivateApis } from '@wordpress/editor';
 import { useViewportMatch } from '@wordpress/compose';
+import { useSelect } from '@wordpress/data';
 import { Button, __experimentalHStack as HStack } from '@wordpress/components';
 import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
 import { seen } from '@wordpress/icons';
@@ -14,6 +15,7 @@ import { seen } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import { store as editSiteStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 
 const { GlobalStylesUIWrapper, GlobalStylesActionMenu } =
@@ -82,6 +84,10 @@ export default function SidebarGlobalStyles() {
 	);
 	const isMobileViewport = useViewportMatch( 'medium', '<' );
 	const [ section, onChangeSection ] = useSection();
+	const settings = useSelect(
+		( select ) => select( editSiteStore ).getSettings(),
+		[]
+	);
 
 	return (
 		<Page
@@ -101,6 +107,7 @@ export default function SidebarGlobalStyles() {
 			<GlobalStylesUIWrapper
 				path={ section }
 				onPathChange={ onChangeSection }
+				settings={ settings }
 			/>
 		</Page>
 	);

package/src/components/sidebar-identity/index.js

@@ -0,0 +1,70 @@
+/**
+ * WordPress dependencies
+ */
+import { Page } from '@wordpress/admin-ui';
+import { __ } from '@wordpress/i18n';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+import { DataForm } from '@wordpress/dataviews';
+import { MediaEdit } from '@wordpress/fields';
+
+const fields = [
+	{
+		id: 'site_logo',
+		type: 'media',
+		label: __( 'Site Logo' ),
+		description: __(
+			"Displays in your site's layout via the Site Logo block."
+		),
+		placeholder: __( 'Choose logo' ),
+		Edit: MediaEdit,
+		setValue: ( { value } ) => ( {
+			site_logo: value ?? 0,
+		} ),
+	},
+	{
+		id: 'site_icon',
+		type: 'media',
+		label: __( 'Site Icon' ),
+		description: __(
+			'Shown in browser tabs, bookmarks, and mobile apps. It should be square and at least 512 by 512 pixels.'
+		),
+		placeholder: __( 'Choose icon' ),
+		Edit: MediaEdit,
+		setValue: ( { value } ) => ( {
+			site_icon: value ?? 0,
+		} ),
+	},
+];
+
+const form = {
+	layout: {
+		type: 'regular',
+		labelPosition: 'top',
+	},
+	fields: [ 'site_logo', 'site_icon' ],
+};
+
+export default function SidebarIdentity() {
+	const data = useSelect(
+		( select ) =>
+			select( coreStore ).getEditedEntityRecord( 'root', 'site' ),
+		[]
+	);
+	const { editEntityRecord } = useDispatch( coreStore );
+
+	const onChange = ( edits ) => {
+		editEntityRecord( 'root', 'site', undefined, edits );
+	};
+
+	return (
+		<Page title={ __( 'Identity' ) } hasPadding>
+			<DataForm
+				data={ data }
+				fields={ fields }
+				form={ form }
+				onChange={ onChange }
+			/>
+		</Page>
+	);
+}

package/src/components/sidebar-navigation-screen-identity/index.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+
+/**
+ * Internal dependencies
+ */
+import SidebarNavigationScreen from '../sidebar-navigation-screen';
+import { unlock } from '../../lock-unlock';
+import SidebarNavigationItem from '../sidebar-navigation-item';
+import { MainSidebarNavigationContent } from '../sidebar-navigation-screen-main';
+
+const { useLocation } = unlock( routerPrivateApis );
+
+export function SidebarNavigationItemIdentity( props ) {
+	const { name } = useLocation();
+	return (
+		<SidebarNavigationItem
+			{ ...props }
+			aria-current={ name === 'identity' }
+		/>
+	);
+}
+
+export default function SidebarNavigationScreenIdentity() {
+	return (
+		<SidebarNavigationScreen
+			isRoot
+			title={ __( 'Design' ) }
+			description={ __(
+				'Customize the appearance of your website using the block editor.'
+			) }
+			content={ <MainSidebarNavigationContent /> }
+		/>
+	);
+}

package/src/components/sidebar-navigation-screen-main/index.js

@@ -3,7 +3,14 @@
  */
 import { __experimentalItemGroup as ItemGroup } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
-import { layout, symbol, navigation, styles, page } from '@wordpress/icons';
+import {
+	layout,
+	symbol,
+	navigation,
+	styles,
+	page,
+	siteLogo,
+} from '@wordpress/icons';
 import { useSelect } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 
@@ -13,6 +20,7 @@ import { store as coreStore } from '@wordpress/core-data';
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
 import SidebarNavigationItem from '../sidebar-navigation-item';
 import { SidebarNavigationItemGlobalStyles } from '../sidebar-navigation-screen-global-styles';
+import { SidebarNavigationItemIdentity } from '../sidebar-navigation-screen-identity';
 
 export function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {
 	return (
@@ -34,6 +42,13 @@ export function MainSidebarNavigationContent( { isBlockBasedTheme = true } ) {
 					>
 						{ __( 'Navigation' ) }
 					</SidebarNavigationItem>
+					<SidebarNavigationItemIdentity
+						to="/identity"
+						uid="identity-navigation-item"
+						icon={ siteLogo }
+					>
+						{ __( 'Identity' ) }
+					</SidebarNavigationItemIdentity>
 					<SidebarNavigationItem
 						uid="page-navigation-item"
 						to="/page"

package/src/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js

@@ -5,6 +5,7 @@ import { useMemo } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
 import { BlockEditorProvider } from '@wordpress/block-editor';
 import { createBlock } from '@wordpress/blocks';
+import { __experimentalFetchLinkSuggestions as fetchLinkSuggestions } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -24,6 +25,14 @@ export default function NavigationMenuEditor( { navigationMenuId } ) {
 		};
 	}, [] );
 
+	const settings = useMemo( () => {
+		return {
+			...storedSettings,
+			__experimentalFetchLinkSuggestions: ( search, searchOptions ) =>
+				fetchLinkSuggestions( search, searchOptions, storedSettings ),
+		};
+	}, [ storedSettings ] );
+
 	const blocks = useMemo( () => {
 		if ( ! navigationMenuId ) {
 			return [];
@@ -38,7 +47,7 @@ export default function NavigationMenuEditor( { navigationMenuId } ) {
 
 	return (
 		<BlockEditorProvider
-			settings={ storedSettings }
+			settings={ settings }
 			value={ blocks }
 			onChange={ noop }
 			onInput={ noop }

package/src/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js

@@ -10,6 +10,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { createBlock } from '@wordpress/blocks';
 import { useCallback } from '@wordpress/element';
 import { store as coreStore } from '@wordpress/core-data';
+import { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';
 
 /**
  * Internal dependencies
@@ -18,6 +19,7 @@ import { unlock } from '../../lock-unlock';
 import LeafMoreMenu from './leaf-more-menu';
 
 const { PrivateListView } = unlock( blockEditorPrivateApis );
+const { NavigationLinkUI } = unlock( blockLibraryPrivateApis );
 
 // Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.
 const MAX_PAGE_COUNT = 100;
@@ -101,7 +103,8 @@ export default function NavigationMenuContent( { rootClientId } ) {
 					rootClientId={ listViewRootClientId }
 					onSelect={ offCanvasOnselect }
 					blockSettingsMenu={ LeafMoreMenu }
-					showAppender={ false }
+					showAppender
+					additionalBlockContent={ NavigationLinkUI }
 					isExpanded
 				/>
 			) }

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

@@ -0,0 +1,39 @@
+/**
+ * WordPress dependencies
+ */
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+
+/**
+ * Internal dependencies
+ */
+import Editor from '../editor';
+import { unlock } from '../../lock-unlock';
+import SidebarNavigationScreenIdentity from '../sidebar-navigation-screen-identity';
+import SidebarIdentity from '../sidebar-identity';
+
+const { useLocation } = unlock( routerPrivateApis );
+
+function MobileIdentityView() {
+	const { query = {} } = useLocation();
+	const { canvas } = query;
+
+	if ( canvas === 'edit' ) {
+		return <Editor />;
+	}
+
+	return <SidebarIdentity />;
+}
+
+export const identityRoute = {
+	name: 'identity',
+	path: '/identity',
+	areas: {
+		sidebar: <SidebarNavigationScreenIdentity />,
+		content: <SidebarIdentity />,
+		preview: <Editor />,
+		mobile: <MobileIdentityView />,
+	},
+	widths: {
+		content: 380,
+	},
+};

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

@@ -10,6 +10,7 @@ import { useEffect } from '@wordpress/element';
 import { unlock } from '../../lock-unlock';
 import { store as siteEditorStore } from '../../store';
 import { homeRoute } from './home';
+import { identityRoute } from './identity';
 import { stylesRoute } from './styles';
 import { navigationRoute } from './navigation';
 import { navigationItemRoute } from './navigation-item';
@@ -35,6 +36,7 @@ const routes = [
 	patternsRoute,
 	navigationItemRoute,
 	navigationRoute,
+	identityRoute,
 	stylesRoute,
 	homeRoute,
 	stylebookRoute,

package/src/index.js

@@ -73,6 +73,8 @@ export function initializeEditor( id, settings ) {
 		showBlockBreadcrumbs: true,
 		showListViewByDefault: false,
 		enableChoosePatternModal: true,
+		showCollaborationCursor: false,
+		showCollaborationNotifications: true,
 	} );
 
 	if ( window.__clientSideMediaProcessing ) {