@wordpress/edit-site 5.24.1 → 5.25.1-next.79a6196f.0

package/src/components/sidebar-edit-mode/page-panels/hooks.js

@@ -1,99 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../../store';
-import { TEMPLATE_POST_TYPE } from '../../../utils/constants';
-
-export function useEditedPostContext() {
-	return useSelect(
-		( select ) => select( editSiteStore ).getEditedPostContext(),
-		[]
-	);
-}
-
-export function useAllowSwitchingTemplates() {
-	const { postId } = useEditedPostContext();
-	return useSelect(
-		( select ) => {
-			const { getEntityRecord, getEntityRecords } = select( coreStore );
-			const siteSettings = getEntityRecord( 'root', 'site' );
-			const templates = getEntityRecords(
-				'postType',
-				TEMPLATE_POST_TYPE,
-				{ per_page: -1 }
-			);
-			const isPostsPage = +postId === siteSettings?.page_for_posts;
-			// If current page is set front page or posts page, we also need
-			// to check if the current theme has a template for it. If not
-			const isFrontPage =
-				+postId === siteSettings?.page_on_front &&
-				templates?.some( ( { slug } ) => slug === 'front-page' );
-			return ! isPostsPage && ! isFrontPage;
-		},
-		[ postId ]
-	);
-}
-
-function useTemplates() {
-	return useSelect(
-		( select ) =>
-			select( coreStore ).getEntityRecords(
-				'postType',
-				TEMPLATE_POST_TYPE,
-				{
-					per_page: -1,
-					post_type: 'page',
-				}
-			),
-		[]
-	);
-}
-
-export function useAvailableTemplates() {
-	const currentTemplateSlug = useCurrentTemplateSlug();
-	const allowSwitchingTemplate = useAllowSwitchingTemplates();
-	const templates = useTemplates();
-	return useMemo(
-		() =>
-			allowSwitchingTemplate &&
-			templates?.filter(
-				( template ) =>
-					template.is_custom &&
-					template.slug !== currentTemplateSlug &&
-					!! template.content.raw // Skip empty templates.
-			),
-		[ templates, currentTemplateSlug, allowSwitchingTemplate ]
-	);
-}
-
-export function useCurrentTemplateSlug() {
-	const { postType, postId } = useEditedPostContext();
-	const templates = useTemplates();
-	const entityTemplate = useSelect(
-		( select ) => {
-			const post = select( coreStore ).getEditedEntityRecord(
-				'postType',
-				postType,
-				postId
-			);
-			return post?.template;
-		},
-		[ postType, postId ]
-	);
-
-	if ( ! entityTemplate ) {
-		return;
-	}
-	// If a page has a `template` set and is not included in the list
-	// of the theme's templates, do not return it, in order to resolve
-	// to the current theme's default template.
-	return templates?.find( ( template ) => template.slug === entityTemplate )
-		?.slug;
-}

package/src/components/sidebar-edit-mode/page-panels/reset-default-template.js

@@ -1,45 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { MenuGroup, MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import {
-	useAllowSwitchingTemplates,
-	useCurrentTemplateSlug,
-	useEditedPostContext,
-} from './hooks';
-
-export default function ResetDefaultTemplate( { onClick } ) {
-	const currentTemplateSlug = useCurrentTemplateSlug();
-	const allowSwitchingTemplate = useAllowSwitchingTemplates();
-	const { postType, postId } = useEditedPostContext();
-	const { editEntityRecord } = useDispatch( coreStore );
-	// The default template in a post is indicated by an empty string.
-	if ( ! currentTemplateSlug || ! allowSwitchingTemplate ) {
-		return null;
-	}
-	return (
-		<MenuGroup>
-			<MenuItem
-				onClick={ async () => {
-					editEntityRecord(
-						'postType',
-						postType,
-						postId,
-						{ template: '' },
-						{ undoIgnore: true }
-					);
-					onClick();
-				} }
-			>
-				{ __( 'Use default template' ) }
-			</MenuItem>
-		</MenuGroup>
-	);
-}

package/src/components/sidebar-edit-mode/page-panels/swap-template-button.js

@@ -1,83 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useMemo, useState, useCallback } from '@wordpress/element';
-import { decodeEntities } from '@wordpress/html-entities';
-import { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';
-import { MenuItem, Modal } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { parse } from '@wordpress/blocks';
-import { useAsyncList } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { useAvailableTemplates, useEditedPostContext } from './hooks';
-
-export default function SwapTemplateButton( { onClick } ) {
-	const [ showModal, setShowModal ] = useState( false );
-	const availableTemplates = useAvailableTemplates();
-	const onClose = useCallback( () => {
-		setShowModal( false );
-	}, [] );
-	const { postType, postId } = useEditedPostContext();
-	const { editEntityRecord } = useDispatch( coreStore );
-	if ( ! availableTemplates?.length ) {
-		return null;
-	}
-	const onTemplateSelect = async ( template ) => {
-		editEntityRecord(
-			'postType',
-			postType,
-			postId,
-			{ template: template.name },
-			{ undoIgnore: true }
-		);
-		onClose(); // Close the template suggestions modal first.
-		onClick();
-	};
-	return (
-		<>
-			<MenuItem onClick={ () => setShowModal( true ) }>
-				{ __( 'Swap template' ) }
-			</MenuItem>
-			{ showModal && (
-				<Modal
-					title={ __( 'Choose a template' ) }
-					onRequestClose={ onClose }
-					overlayClassName="edit-site-swap-template-modal"
-					isFullScreen
-				>
-					<div className="edit-site-page-panels__swap-template__modal-content">
-						<TemplatesList onSelect={ onTemplateSelect } />
-					</div>
-				</Modal>
-			) }
-		</>
-	);
-}
-
-function TemplatesList( { onSelect } ) {
-	const availableTemplates = useAvailableTemplates();
-	const templatesAsPatterns = useMemo(
-		() =>
-			availableTemplates.map( ( template ) => ( {
-				name: template.slug,
-				blocks: parse( template.content.raw ),
-				title: decodeEntities( template.title.rendered ),
-				id: template.id,
-			} ) ),
-		[ availableTemplates ]
-	);
-	const shownTemplates = useAsyncList( templatesAsPatterns );
-	return (
-		<BlockPatternsList
-			label={ __( 'Templates' ) }
-			blockPatterns={ templatesAsPatterns }
-			shownPatterns={ shownTemplates }
-			onClickPattern={ onSelect }
-		/>
-	);
-}

package/src/components/sidebar-edit-mode/sidebar-fixed-bottom.js

@@ -1,26 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as componentsPrivateApis } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-const { createPrivateSlotFill } = unlock( componentsPrivateApis );
-const SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME = 'SidebarFixedBottom';
-const { Slot: SidebarFixedBottomSlot, Fill: SidebarFixedBottomFill } =
-	createPrivateSlotFill( SIDEBAR_FIXED_BOTTOM_SLOT_FILL_NAME );
-
-export default function SidebarFixedBottom( { children } ) {
-	return (
-		<SidebarFixedBottomFill>
-			<div className="edit-site-sidebar-fixed-bottom-slot">
-				{ children }
-			</div>
-		</SidebarFixedBottomFill>
-	);
-}
-
-export { SidebarFixedBottomSlot };

package/src/components/sidebar-edit-mode/template-panel/last-revision.js

@@ -1,82 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Button, PanelRow } from '@wordpress/components';
-import { sprintf, _n, __ } from '@wordpress/i18n';
-import { backup } from '@wordpress/icons';
-import { addQueryArgs } from '@wordpress/url';
-import { PostTypeSupportCheck } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import useEditedEntityRecord from '../../use-edited-entity-record';
-
-const useRevisionData = () => {
-	const { record: currentTemplate } = useEditedEntityRecord();
-
-	const lastRevisionId =
-		currentTemplate?._links?.[ 'predecessor-version' ]?.[ 0 ]?.id ?? null;
-
-	const revisionsCount =
-		currentTemplate?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;
-
-	return {
-		currentTemplate,
-		lastRevisionId,
-		revisionsCount,
-	};
-};
-
-function PostLastRevisionCheck( { children } ) {
-	const { lastRevisionId, revisionsCount } = useRevisionData();
-
-	if ( ! process.env.IS_GUTENBERG_PLUGIN ) {
-		return null;
-	}
-
-	if ( ! lastRevisionId || revisionsCount < 2 ) {
-		return null;
-	}
-
-	return (
-		<PostTypeSupportCheck supportKeys="revisions">
-			{ children }
-		</PostTypeSupportCheck>
-	);
-}
-
-const PostLastRevision = () => {
-	const { lastRevisionId, revisionsCount } = useRevisionData();
-
-	return (
-		<PostLastRevisionCheck>
-			<PanelRow
-				header={ __( 'Editing history' ) }
-				className="edit-site-template-revisions"
-			>
-				<Button
-					href={ addQueryArgs( 'revision.php', {
-						revision: lastRevisionId,
-					} ) }
-					className="edit-site-template-last-revision__title"
-					icon={ backup }
-				>
-					{ sprintf(
-						/* translators: %d: number of revisions */
-						_n( '%d Revision', '%d Revisions', revisionsCount ),
-						revisionsCount
-					) }
-				</Button>
-			</PanelRow>
-		</PostLastRevisionCheck>
-	);
-};
-
-export default function LastRevision() {
-	return (
-		<PostLastRevisionCheck>
-			<PostLastRevision />
-		</PostLastRevisionCheck>
-	);
-}

package/src/components/sidebar-edit-mode/template-panel/pattern-categories.js

@@ -1,279 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { useEffect, useMemo, useState } from '@wordpress/element';
-import { FormTokenField, FlexBlock, PanelRow } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useDebounce } from '@wordpress/compose';
-import { store as noticesStore } from '@wordpress/notices';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import { PATTERN_TYPES } from '../../../utils/constants';
-
-export const unescapeString = ( arg ) => {
-	return decodeEntities( arg );
-};
-
-/**
- * Returns a term object with name unescaped.
- *
- * @param {Object} term The term object to unescape.
- *
- * @return {Object} Term object with name property unescaped.
- */
-export const unescapeTerm = ( term ) => {
-	return {
-		...term,
-		name: unescapeString( term.name ),
-	};
-};
-
-/**
- * Shared reference to an empty array for cases where it is important to avoid
- * returning a new array reference on every invocation.
- *
- * @type {Array<any>}
- */
-const EMPTY_ARRAY = [];
-
-/**
- * Module constants
- */
-const MAX_TERMS_SUGGESTIONS = 20;
-const DEFAULT_QUERY = {
-	per_page: MAX_TERMS_SUGGESTIONS,
-	_fields: 'id,name',
-	context: 'view',
-};
-
-const isSameTermName = ( termA, termB ) =>
-	unescapeString( termA ).toLowerCase() ===
-	unescapeString( termB ).toLowerCase();
-
-const termNamesToIds = ( names, terms ) => {
-	return names.map(
-		( termName ) =>
-			terms.find( ( term ) => isSameTermName( term.name, termName ) ).id
-	);
-};
-
-export default function PatternCategories( { post } ) {
-	const slug = 'wp_pattern_category';
-	const [ values, setValues ] = useState( [] );
-	const [ search, setSearch ] = useState( '' );
-	const debouncedSearch = useDebounce( setSearch, 500 );
-
-	const {
-		terms,
-		taxonomy,
-		hasAssignAction,
-		hasCreateAction,
-		hasResolvedTerms,
-	} = useSelect(
-		( select ) => {
-			const { getEntityRecords, getTaxonomy, hasFinishedResolution } =
-				select( coreStore );
-			const _taxonomy = getTaxonomy( slug );
-			const _termIds =
-				post?.wp_pattern_category?.length > 0
-					? post?.wp_pattern_category
-					: EMPTY_ARRAY;
-			const query = {
-				...DEFAULT_QUERY,
-				include: _termIds?.join( ',' ),
-				per_page: -1,
-			};
-
-			return {
-				hasCreateAction: _taxonomy
-					? post._links?.[
-							'wp:action-create-' + _taxonomy.rest_base
-					  ] ?? false
-					: false,
-				hasAssignAction: _taxonomy
-					? post._links?.[
-							'wp:action-assign-' + _taxonomy.rest_base
-					  ] ?? false
-					: false,
-				taxonomy: _taxonomy,
-				termIds: _termIds,
-				terms: _termIds?.length
-					? getEntityRecords( 'taxonomy', slug, query )
-					: EMPTY_ARRAY,
-				hasResolvedTerms: hasFinishedResolution( 'getEntityRecords', [
-					'taxonomy',
-					slug,
-					query,
-				] ),
-			};
-		},
-		[ slug, post ]
-	);
-
-	const { searchResults } = useSelect(
-		( select ) => {
-			const { getEntityRecords } = select( coreStore );
-
-			return {
-				searchResults: !! search
-					? getEntityRecords( 'taxonomy', slug, {
-							...DEFAULT_QUERY,
-							search,
-					  } )
-					: EMPTY_ARRAY,
-			};
-		},
-		[ search, slug ]
-	);
-
-	// Update terms state only after the selectors are resolved.
-	// We're using this to avoid terms temporarily disappearing on slow networks
-	// while core data makes REST API requests.
-	useEffect( () => {
-		if ( hasResolvedTerms ) {
-			const newValues = ( terms ?? [] ).map( ( term ) =>
-				unescapeString( term.name )
-			);
-
-			setValues( newValues );
-		}
-	}, [ terms, hasResolvedTerms ] );
-
-	const suggestions = useMemo( () => {
-		return ( searchResults ?? [] ).map( ( term ) =>
-			unescapeString( term.name )
-		);
-	}, [ searchResults ] );
-
-	const { saveEntityRecord, editEntityRecord, invalidateResolution } =
-		useDispatch( coreStore );
-	const { createErrorNotice } = useDispatch( noticesStore );
-
-	if ( ! hasAssignAction ) {
-		return null;
-	}
-
-	async function findOrCreateTerm( term ) {
-		try {
-			const newTerm = await saveEntityRecord( 'taxonomy', slug, term, {
-				throwOnError: true,
-			} );
-			invalidateResolution( 'getUserPatternCategories' );
-			return unescapeTerm( newTerm );
-		} catch ( error ) {
-			if ( error.code !== 'term_exists' ) {
-				throw error;
-			}
-
-			return {
-				id: error.data.term_id,
-				name: term.name,
-			};
-		}
-	}
-
-	function onUpdateTerms( newTermIds ) {
-		editEntityRecord( 'postType', PATTERN_TYPES.user, post.id, {
-			wp_pattern_category: newTermIds,
-		} );
-	}
-
-	function onChange( termNames ) {
-		const availableTerms = [
-			...( terms ?? [] ),
-			...( searchResults ?? [] ),
-		];
-		const uniqueTerms = termNames.reduce( ( acc, name ) => {
-			if (
-				! acc.some( ( n ) => n.toLowerCase() === name.toLowerCase() )
-			) {
-				acc.push( name );
-			}
-			return acc;
-		}, [] );
-
-		const newTermNames = uniqueTerms.filter(
-			( termName ) =>
-				! availableTerms.find( ( term ) =>
-					isSameTermName( term.name, termName )
-				)
-		);
-
-		// Optimistically update term values.
-		// The selector will always re-fetch terms later.
-		setValues( uniqueTerms );
-
-		if ( newTermNames.length === 0 ) {
-			return onUpdateTerms(
-				termNamesToIds( uniqueTerms, availableTerms )
-			);
-		}
-
-		if ( ! hasCreateAction ) {
-			return;
-		}
-
-		Promise.all(
-			newTermNames.map( ( termName ) =>
-				findOrCreateTerm( { name: termName } )
-			)
-		)
-			.then( ( newTerms ) => {
-				const newAvailableTerms = availableTerms.concat( newTerms );
-				return onUpdateTerms(
-					termNamesToIds( uniqueTerms, newAvailableTerms )
-				);
-			} )
-			.catch( ( error ) => {
-				createErrorNotice( error.message, {
-					type: 'snackbar',
-				} );
-			} );
-	}
-
-	const singularName =
-		taxonomy?.labels?.singular_name ??
-		( slug === 'post_tag' ? __( 'Tag' ) : __( 'Term' ) );
-	const termAddedLabel = sprintf(
-		/* translators: %s: term name. */
-		_x( '%s added', 'term' ),
-		singularName
-	);
-	const termRemovedLabel = sprintf(
-		/* translators: %s: term name. */
-		_x( '%s removed', 'term' ),
-		singularName
-	);
-	const removeTermLabel = sprintf(
-		/* translators: %s: term name. */
-		_x( 'Remove %s', 'term' ),
-		singularName
-	);
-
-	return (
-		<PanelRow initialOpen={ true } title={ __( 'Categories' ) }>
-			<FlexBlock>
-				<FormTokenField
-					__next40pxDefaultSize
-					value={ values }
-					suggestions={ suggestions }
-					onChange={ onChange }
-					onInputChange={ debouncedSearch }
-					maxSuggestions={ MAX_TERMS_SUGGESTIONS }
-					label={ __( 'Pattern categories' ) }
-					messages={ {
-						added: termAddedLabel,
-						removed: termRemovedLabel,
-						remove: removeTermLabel,
-					} }
-					tokenizeOnBlur
-				/>
-			</FlexBlock>
-		</PanelRow>
-	);
-}

package/src/utils/use-debounced-input.js

@@ -1,18 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useState } from '@wordpress/element';
-import { useDebounce } from '@wordpress/compose';
-
-export default function useDebouncedInput( defaultValue = '' ) {
-	const [ input, setInput ] = useState( defaultValue );
-	const [ debouncedInput, setDebouncedState ] = useState( defaultValue );
-
-	const setDebouncedInput = useDebounce( setDebouncedState, 250 );
-
-	useEffect( () => {
-		setDebouncedInput( input );
-	}, [ input ] );
-
-	return [ input, setInput, debouncedInput ];
-}