@wordpress/edit-site 7.3.2-next.v.202608281122.0 → 7.4.0

package/src/components/page-templates/hooks.js

@@ -1,93 +0,0 @@
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import {
-	commentAuthorAvatar as authorIcon,
-	layout as themeIcon,
-	plugins as pluginIcon,
-	globe as globeIcon,
-} from '@wordpress/icons';
-import { TEMPLATE_ORIGINS } from '../../utils/constants';
-
-/** @typedef {'wp_template'|'wp_template_part'} TemplateType */
-
-/**
- * @typedef {'theme'|'plugin'|'site'|'user'} AddedByType
- *
- * @typedef AddedByData
- * @type {Object}
- * @property {AddedByType}       type         The type of the data.
- * @property {React.JSX.Element} icon         The icon to display.
- * @property {string}            [imageUrl]   The optional image URL to display.
- * @property {string}            [text]       The text to display.
- * @property {boolean}           isCustomized Whether the template has been customized.
- *
- * @param    {TemplateType}      postType     The template post type.
- * @param    {number}            postId       The template post id.
- * @return {AddedByData} The added by object or null.
- */
-export function useAddedBy( postType, postId ) {
-	return useSelect(
-		( select ) => {
-			const { getEntityRecord, getUser, getEditedEntityRecord } =
-				select( coreStore );
-			const template = getEditedEntityRecord(
-				'postType',
-				postType,
-				postId
-			);
-			const originalSource = template?.original_source;
-			const authorText = template?.author_text;
-
-			switch ( originalSource ) {
-				case 'theme': {
-					return {
-						type: originalSource,
-						icon: themeIcon,
-						text: authorText,
-						isCustomized:
-							template.source === TEMPLATE_ORIGINS.custom,
-					};
-				}
-				case 'plugin': {
-					return {
-						type: originalSource,
-						icon: pluginIcon,
-						text: authorText,
-						isCustomized:
-							template.source === TEMPLATE_ORIGINS.custom,
-					};
-				}
-				case 'site': {
-					const siteData = getEntityRecord(
-						'root',
-						'__unstableBase'
-					);
-					return {
-						type: originalSource,
-						icon: globeIcon,
-						imageUrl: siteData?.site_logo
-							? getEntityRecord(
-									'postType',
-									'attachment',
-									siteData.site_logo
-							  )?.source_url
-							: undefined,
-						text: authorText,
-						isCustomized: false,
-					};
-				}
-				default: {
-					const user = getUser( template.author );
-					return {
-						type: 'user',
-						icon: authorIcon,
-						imageUrl: user?.avatar_urls?.[ 48 ],
-						text: authorText ?? user?.name,
-						isCustomized: false,
-					};
-				}
-			}
-		},
-		[ postType, postId ]
-	);
-}

package/src/components/page-templates/index-legacy.jsx

@@ -1,143 +0,0 @@
-import { Page } from '@wordpress/admin-ui';
-import { __ } from '@wordpress/i18n';
-import { useState, useMemo, useCallback } from '@wordpress/element';
-import { privateApis as corePrivateApis } from '@wordpress/core-data';
-import { DataViews, filterSortAndPaginate } from '@wordpress/dataviews';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-import { addQueryArgs } from '@wordpress/url';
-import { useEvent } from '@wordpress/compose';
-import { useView, useViewConfig } from '@wordpress/views';
-import AddNewTemplate from '../add-new-template-legacy';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-import { unlock } from '../../lock-unlock';
-import { useEditPostAction } from '../dataviews-actions';
-import { previewField } from './fields';
-
-const { usePostActions, usePostFields } = unlock( editorPrivateApis );
-const { useHistory, useLocation } = unlock( routerPrivateApis );
-const { useEntityRecordsWithPermissions } = unlock( corePrivateApis );
-
-const VIEW_CONFIG_FIELDS = [ 'default_view', 'default_layouts', 'view_list' ];
-
-export default function PageTemplates() {
-	const { path, query } = useLocation();
-	const { activeView = 'all', postId } = query;
-	const [ selection, setSelection ] = useState( [ postId ] );
-
-	const {
-		default_view: defaultView,
-		default_layouts: defaultLayouts,
-		view_list: viewList,
-	} = useViewConfig( {
-		kind: 'postType',
-		name: TEMPLATE_POST_TYPE,
-		fields: VIEW_CONFIG_FIELDS,
-	} );
-	const activeViewOverrides = useMemo(
-		() => viewList?.find( ( v ) => v.slug === activeView )?.view ?? {},
-		[ viewList, activeView ]
-	);
-	const { view, updateView, isModified, resetToDefault } = useView( {
-		kind: 'postType',
-		name: TEMPLATE_POST_TYPE,
-		slug: 'default',
-		defaultView,
-		activeViewOverrides,
-		defaultLayouts,
-		queryParams: {
-			page: query.pageNumber,
-			search: query.search,
-		},
-		onChangeQueryParams: ( newQueryParams ) => {
-			history.navigate(
-				addQueryArgs( path, {
-					...query,
-					pageNumber: newQueryParams.page,
-					search: newQueryParams.search || undefined,
-				} )
-			);
-		},
-	} );
-
-	const { records, isResolving: isLoadingData } =
-		useEntityRecordsWithPermissions( 'postType', TEMPLATE_POST_TYPE, {
-			per_page: -1,
-		} );
-	const history = useHistory();
-	const onChangeSelection = useCallback(
-		( items ) => {
-			setSelection( items );
-			if ( view?.type === 'list' ) {
-				history.navigate(
-					addQueryArgs( path, {
-						postId: items.length === 1 ? items[ 0 ] : undefined,
-					} )
-				);
-			}
-		},
-		[ history, path, view?.type ]
-	);
-
-	const postFields = usePostFields( { postType: TEMPLATE_POST_TYPE } );
-	const fields = useMemo( () => {
-		return [ previewField, ...( postFields || [] ) ];
-	}, [ postFields ] );
-
-	const { data, paginationInfo } = useMemo( () => {
-		return filterSortAndPaginate( records, view, fields );
-	}, [ records, view, fields ] );
-
-	const postTypeActions = usePostActions( {
-		postType: TEMPLATE_POST_TYPE,
-		context: 'list',
-	} );
-	const editAction = useEditPostAction();
-	const actions = useMemo(
-		() => [ editAction, ...postTypeActions ],
-		[ postTypeActions, editAction ]
-	);
-
-	const onChangeView = useEvent( ( newView ) => {
-		updateView( newView );
-		if ( newView.type !== view.type ) {
-			// Retrigger the routing areas resolution.
-			history.invalidate();
-		}
-	} );
-
-	return (
-		<Page
-			className="edit-site-page-templates"
-			title={ __( 'Templates' ) }
-			headingLevel={ 2 }
-			actions={ <AddNewTemplate /> }
-		>
-			<DataViews
-				key={ activeView }
-				paginationInfo={ paginationInfo }
-				fields={ fields }
-				actions={ actions }
-				data={ data }
-				isLoading={ isLoadingData }
-				view={ view }
-				onChangeView={ onChangeView }
-				onChangeSelection={ onChangeSelection }
-				isItemClickable={ () => true }
-				onClickItem={ ( { id } ) => {
-					history.navigate( `/wp_template/${ id }?canvas=edit` );
-				} }
-				selection={ selection }
-				defaultLayouts={ defaultLayouts }
-				onReset={
-					isModified
-						? () => {
-								resetToDefault();
-								history.invalidate();
-						  }
-						: false
-				}
-			/>
-		</Page>
-	);
-}

package/src/components/page-templates/view-utils.js

@@ -1,50 +0,0 @@
-export const defaultLayouts = {
-	table: {
-		showMedia: false,
-	},
-	grid: {
-		showMedia: true,
-	},
-	list: {
-		showMedia: false,
-	},
-};
-
-export const DEFAULT_VIEW = {
-	type: 'grid',
-	perPage: 20,
-	sort: {
-		field: 'title',
-		direction: 'asc',
-	},
-	titleField: 'title',
-	descriptionField: 'description',
-	mediaField: 'preview',
-	fields: [ 'author', 'active', 'slug', 'theme' ],
-	filters: [],
-	...defaultLayouts.grid,
-};
-
-export function getActiveViewOverridesForTab( activeView ) {
-	// User view: sort by date, newest first
-	if ( activeView === 'user' ) {
-		return {
-			sort: { field: 'date', direction: 'desc' },
-		};
-	}
-	// Active view: no overrides
-	if ( activeView === 'active' ) {
-		return {};
-	}
-	// Author-based view: filter by author
-	return {
-		filters: [
-			{
-				field: 'author',
-				operator: 'is',
-				value: activeView,
-				isLocked: true,
-			},
-		],
-	};
-}

package/src/components/sidebar-navigation-screen-templates-browse/content-legacy.jsx

@@ -1,52 +0,0 @@
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-import {
-	commentAuthorAvatar,
-	layout,
-	plugins as pluginIcon,
-	globe,
-} from '@wordpress/icons';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-import DataViewsSidebarContent from '../sidebar-dataviews';
-
-const SOURCE_TO_ICON = {
-	user: commentAuthorAvatar,
-	theme: layout,
-	plugin: pluginIcon,
-	site: globe,
-};
-export default function DataviewsTemplatesSidebarContent() {
-	const authorSourceMap = useSelect( ( select ) => {
-		const templates = select( coreStore ).getEntityRecords(
-			'postType',
-			TEMPLATE_POST_TYPE,
-			{ per_page: -1 }
-		);
-		if ( ! templates ) {
-			return {};
-		}
-		const map = {};
-		for ( const template of templates ) {
-			if (
-				template.author_text &&
-				template.original_source &&
-				! map[ template.author_text ]
-			) {
-				map[ template.author_text ] = template.original_source;
-			}
-		}
-		return map;
-	}, [] );
-
-	const resolveIcon = ( view ) => {
-		const source = authorSourceMap[ view.slug ];
-		return SOURCE_TO_ICON[ source ] ?? layout;
-	};
-
-	return (
-		<DataViewsSidebarContent
-			postType={ TEMPLATE_POST_TYPE }
-			resolveIcon={ resolveIcon }
-		/>
-	);
-}

package/src/components/sidebar-navigation-screen-templates-browse/style.scss

@@ -1,6 +0,0 @@
-@use "@wordpress/base-styles/variables" as *;
-
-.edit-site-sidebar-navigation-screen-templates-browse {
-	margin-left: -$grid-unit-20;
-	margin-right: -$grid-unit-20;
-}