@wordpress/edit-site 5.32.0 → 5.34.0

package/src/components/page-templates-template-parts/actions.js

@@ -1,277 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf, _n } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
-import { useState } from '@wordpress/element';
-import { store as coreStore } from '@wordpress/core-data';
-import { store as noticesStore } from '@wordpress/notices';
-import { decodeEntities } from '@wordpress/html-entities';
-import {
-	Button,
-	TextControl,
-	__experimentalText as Text,
-	__experimentalHStack as HStack,
-	__experimentalVStack as VStack,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-import isTemplateRevertable from '../../utils/is-template-revertable';
-import isTemplateRemovable from '../../utils/is-template-removable';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-
-export const resetTemplateAction = {
-	id: 'reset-template',
-	label: __( 'Clear customizations' ),
-	isEligible: isTemplateRevertable,
-	supportsBulk: true,
-	hideModalHeader: true,
-	RenderModal: ( { items, closeModal, onPerform } ) => {
-		const { revertTemplate } = useDispatch( editSiteStore );
-		const { saveEditedEntityRecord } = useDispatch( coreStore );
-		const { createSuccessNotice, createErrorNotice } =
-			useDispatch( noticesStore );
-		const onConfirm = async () => {
-			try {
-				for ( const template of items ) {
-					await revertTemplate( template, {
-						allowUndo: false,
-					} );
-					await saveEditedEntityRecord(
-						'postType',
-						template.type,
-						template.id
-					);
-				}
-
-				createSuccessNotice(
-					items.length > 1
-						? sprintf(
-								/* translators: The number of items. */
-								__( '%s items reverted.' ),
-								items.length
-						  )
-						: sprintf(
-								/* translators: The template/part's name. */
-								__( '"%s" reverted.' ),
-								decodeEntities( items[ 0 ].title.rendered )
-						  ),
-					{
-						type: 'snackbar',
-						id: 'edit-site-template-reverted',
-					}
-				);
-			} catch ( error ) {
-				let fallbackErrorMessage;
-				if ( items[ 0 ].type === TEMPLATE_POST_TYPE ) {
-					fallbackErrorMessage =
-						items.length === 1
-							? __(
-									'An error occurred while reverting the template.'
-							  )
-							: __(
-									'An error occurred while reverting the templates.'
-							  );
-				} else {
-					fallbackErrorMessage =
-						items.length === 1
-							? __(
-									'An error occurred while reverting the template part.'
-							  )
-							: __(
-									'An error occurred while reverting the template parts.'
-							  );
-				}
-				const errorMessage =
-					error.message && error.code !== 'unknown_error'
-						? error.message
-						: fallbackErrorMessage;
-
-				createErrorNotice( errorMessage, { type: 'snackbar' } );
-			}
-		};
-		return (
-			<VStack spacing="5">
-				<Text>
-					{ __(
-						'Are you sure you want to clear these customizations?'
-					) }
-				</Text>
-				<HStack justify="right">
-					<Button variant="tertiary" onClick={ closeModal }>
-						{ __( 'Cancel' ) }
-					</Button>
-					<Button
-						variant="primary"
-						onClick={ async () => {
-							await onConfirm( items );
-							onPerform?.();
-							closeModal();
-						} }
-					>
-						{ __( 'Clear' ) }
-					</Button>
-				</HStack>
-			</VStack>
-		);
-	},
-};
-
-export const deleteTemplateAction = {
-	id: 'delete-template',
-	label: __( 'Delete' ),
-	isEligible: isTemplateRemovable,
-	supportsBulk: true,
-	hideModalHeader: true,
-	RenderModal: ( { items: templates, closeModal, onPerform } ) => {
-		const { removeTemplates } = unlock( useDispatch( editSiteStore ) );
-		return (
-			<VStack spacing="5">
-				<Text>
-					{ templates.length > 1
-						? sprintf(
-								// translators: %d: number of items to delete.
-								_n(
-									'Delete %d item?',
-									'Delete %d items?',
-									templates.length
-								),
-								templates.length
-						  )
-						: sprintf(
-								// translators: %s: The template or template part's titles
-								__( 'Delete "%s"?' ),
-								decodeEntities(
-									templates?.[ 0 ]?.title?.rendered
-								)
-						  ) }
-				</Text>
-				<HStack justify="right">
-					<Button variant="tertiary" onClick={ closeModal }>
-						{ __( 'Cancel' ) }
-					</Button>
-					<Button
-						variant="primary"
-						onClick={ async () => {
-							await removeTemplates( templates, {
-								allowUndo: false,
-							} );
-							onPerform?.();
-							closeModal();
-						} }
-					>
-						{ __( 'Delete' ) }
-					</Button>
-				</HStack>
-			</VStack>
-		);
-	},
-};
-
-export const renameTemplateAction = {
-	id: 'rename-template',
-	label: __( 'Rename' ),
-	isEligible: ( template ) => {
-		// We can only remove templates or template parts that can be removed.
-		// Additionally in the case of templates, we can only remove custom templates.
-		if (
-			! isTemplateRemovable( template ) ||
-			( template.type === TEMPLATE_POST_TYPE && ! template.is_custom )
-		) {
-			return false;
-		}
-		return true;
-	},
-	RenderModal: ( { items: templates, closeModal } ) => {
-		const template = templates[ 0 ];
-		const title = decodeEntities( template.title.rendered );
-		const [ editedTitle, setEditedTitle ] = useState( title );
-		const {
-			editEntityRecord,
-			__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,
-		} = useDispatch( coreStore );
-		const { createSuccessNotice, createErrorNotice } =
-			useDispatch( noticesStore );
-		async function onTemplateRename( event ) {
-			event.preventDefault();
-			try {
-				await editEntityRecord(
-					'postType',
-					template.type,
-					template.id,
-					{
-						title: editedTitle,
-					}
-				);
-				// Update state before saving rerenders the list.
-				setEditedTitle( '' );
-				closeModal();
-				// Persist edited entity.
-				await saveSpecifiedEntityEdits(
-					'postType',
-					template.type,
-					template.id,
-					[ 'title' ], // Only save title to avoid persisting other edits.
-					{
-						throwOnError: true,
-					}
-				);
-				createSuccessNotice(
-					template.type === TEMPLATE_POST_TYPE
-						? __( 'Template renamed.' )
-						: __( 'Template part renamed.' ),
-					{
-						type: 'snackbar',
-					}
-				);
-			} catch ( error ) {
-				const fallbackErrorMessage =
-					template.type === TEMPLATE_POST_TYPE
-						? __( 'An error occurred while renaming the template.' )
-						: __(
-								'An error occurred while renaming the template part.'
-						  );
-				const errorMessage =
-					error.message && error.code !== 'unknown_error'
-						? error.message
-						: fallbackErrorMessage;
-
-				createErrorNotice( errorMessage, { type: 'snackbar' } );
-			}
-		}
-		return (
-			<form onSubmit={ onTemplateRename }>
-				<VStack spacing="5">
-					<TextControl
-						__nextHasNoMarginBottom
-						__next40pxDefaultSize
-						label={ __( 'Name' ) }
-						value={ editedTitle }
-						onChange={ setEditedTitle }
-						required
-					/>
-					<HStack justify="right">
-						<Button
-							variant="tertiary"
-							onClick={ closeModal }
-							__next40pxDefaultSize
-						>
-							{ __( 'Cancel' ) }
-						</Button>
-						<Button
-							variant="primary"
-							type="submit"
-							__next40pxDefaultSize
-						>
-							{ __( 'Save' ) }
-						</Button>
-					</HStack>
-				</VStack>
-			</form>
-		);
-	},
-};

package/src/components/page-templates-template-parts/add-new-template-part.js

@@ -1,60 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-import { Button } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
-import CreateTemplatePartModal from '../create-template-part-modal';
-import { TEMPLATE_PART_POST_TYPE } from '../../utils/constants';
-
-const { useHistory } = unlock( routerPrivateApis );
-
-export default function AddNewTemplatePart() {
-	const { canCreate, postType } = useSelect( ( select ) => {
-		const { supportsTemplatePartsMode } =
-			select( editSiteStore ).getSettings();
-		return {
-			canCreate: ! supportsTemplatePartsMode,
-			postType: select( coreStore ).getPostType(
-				TEMPLATE_PART_POST_TYPE
-			),
-		};
-	}, [] );
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	const history = useHistory();
-
-	if ( ! canCreate || ! postType ) {
-		return null;
-	}
-
-	return (
-		<>
-			<Button variant="primary" onClick={ () => setIsModalOpen( true ) }>
-				{ postType.labels.add_new_item }
-			</Button>
-			{ isModalOpen && (
-				<CreateTemplatePartModal
-					closeModal={ () => setIsModalOpen( false ) }
-					blocks={ [] }
-					onCreate={ ( templatePart ) => {
-						setIsModalOpen( false );
-						history.push( {
-							postId: templatePart.id,
-							postType: TEMPLATE_PART_POST_TYPE,
-							canvas: 'edit',
-						} );
-					} }
-					onError={ () => setIsModalOpen( false ) }
-				/>
-			) }
-		</>
-	);
-}

package/src/components/preferences-modal/index.js

@@ -1,29 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { store as interfaceStore } from '@wordpress/interface';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-const { PreferencesModal } = unlock( editorPrivateApis );
-
-export const PREFERENCES_MODAL_NAME = 'edit-site/preferences';
-
-export default function EditSitePreferencesModal() {
-	const isModalActive = useSelect( ( select ) =>
-		select( interfaceStore ).isModalActive( PREFERENCES_MODAL_NAME )
-	);
-	const { closeModal } = useDispatch( interfaceStore );
-
-	if ( ! isModalActive ) {
-		return null;
-	}
-	return (
-		<PreferencesModal isActive={ isModalActive } onClose={ closeModal } />
-	);
-}

package/src/components/sidebar-edit-mode/constants.js

@@ -1,2 +0,0 @@
-export const SIDEBAR_TEMPLATE = 'edit-site/template';
-export const SIDEBAR_BLOCK = 'edit-site/block-inspector';

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

@@ -1,249 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	Button,
-	ToggleControl,
-	Dropdown,
-	__experimentalText as Text,
-	__experimentalVStack as VStack,
-	TextControl,
-	RadioControl,
-	VisuallyHidden,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
-import { useState, useMemo } from '@wordpress/element';
-import { store as coreStore } from '@wordpress/core-data';
-import { store as noticesStore } from '@wordpress/notices';
-import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';
-import { useInstanceId } from '@wordpress/compose';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import StatusLabel from '../../sidebar-navigation-screen-page/status-label';
-import { unlock } from '../../../lock-unlock';
-
-const { PostPanelRow } = unlock( editorPrivateApis );
-
-const STATUS_OPTIONS = [
-	{
-		label: (
-			<>
-				{ __( 'Draft' ) }
-				<Text variant="muted">{ __( 'Not ready to publish.' ) }</Text>
-			</>
-		),
-		value: 'draft',
-	},
-	{
-		label: (
-			<>
-				{ __( 'Pending' ) }
-				<Text variant="muted">
-					{ __( 'Waiting for review before publishing.' ) }
-				</Text>
-			</>
-		),
-		value: 'pending',
-	},
-	{
-		label: (
-			<>
-				{ __( 'Private' ) }
-				<Text variant="muted">
-					{ __( 'Only visible to site admins and editors.' ) }
-				</Text>
-			</>
-		),
-		value: 'private',
-	},
-	{
-		label: (
-			<>
-				{ __( 'Scheduled' ) }
-				<Text variant="muted">
-					{ __( 'Publish automatically on a chosen date.' ) }
-				</Text>
-			</>
-		),
-		value: 'future',
-	},
-	{
-		label: (
-			<>
-				{ __( 'Published' ) }
-				<Text variant="muted">{ __( 'Visible to everyone.' ) }</Text>
-			</>
-		),
-		value: 'publish',
-	},
-];
-
-export default function PageStatus( {
-	postType,
-	postId,
-	status,
-	password,
-	date,
-} ) {
-	const [ showPassword, setShowPassword ] = useState( !! password );
-	const instanceId = useInstanceId( PageStatus );
-
-	const { editEntityRecord } = useDispatch( coreStore );
-	const { createErrorNotice } = useDispatch( noticesStore );
-
-	const [ popoverAnchor, setPopoverAnchor ] = useState( null );
-	// Memoize popoverProps to avoid returning a new object every time.
-	const popoverProps = useMemo(
-		() => ( {
-			// Anchor the popover to the middle of the entire row so that it doesn't
-			// move around when the label changes.
-			anchor: popoverAnchor,
-			'aria-label': __( 'Change status' ),
-			placement: 'bottom-end',
-		} ),
-		[ popoverAnchor ]
-	);
-
-	const saveStatus = async ( {
-		status: newStatus = status,
-		password: newPassword = password,
-		date: newDate = date,
-	} ) => {
-		try {
-			await editEntityRecord( 'postType', postType, postId, {
-				status: newStatus,
-				date: newDate,
-				password: newPassword,
-			} );
-		} catch ( error ) {
-			const errorMessage =
-				error.message && error.code !== 'unknown_error'
-					? error.message
-					: __( 'An error occurred while updating the status' );
-
-			createErrorNotice( errorMessage, {
-				type: 'snackbar',
-			} );
-		}
-	};
-
-	const handleTogglePassword = ( value ) => {
-		setShowPassword( value );
-		if ( ! value ) {
-			saveStatus( { password: '' } );
-		}
-	};
-
-	const handleStatus = ( value ) => {
-		let newDate = date;
-		let newPassword = password;
-		if ( value === 'publish' ) {
-			if ( new Date( date ) > new Date() ) {
-				newDate = null;
-			}
-		} else if ( value === 'future' ) {
-			if ( ! date || new Date( date ) < new Date() ) {
-				newDate = new Date();
-				newDate.setDate( newDate.getDate() + 7 );
-			}
-		} else if ( value === 'private' && password ) {
-			setShowPassword( false );
-			newPassword = '';
-		}
-		saveStatus( {
-			status: value,
-			date: newDate,
-			password: newPassword,
-		} );
-	};
-
-	return (
-		<PostPanelRow label={ __( 'Status' ) }>
-			<Dropdown
-				contentClassName="edit-site-change-status__content"
-				popoverProps={ popoverProps }
-				focusOnMount
-				ref={ setPopoverAnchor }
-				renderToggle={ ( { onToggle } ) => (
-					<Button
-						className="edit-site-summary-field__trigger"
-						variant="tertiary"
-						onClick={ onToggle }
-					>
-						<StatusLabel
-							status={ password ? 'protected' : status }
-						/>
-					</Button>
-				) }
-				renderContent={ ( { onClose } ) => (
-					<>
-						<InspectorPopoverHeader
-							title={ __( 'Status' ) }
-							onClose={ onClose }
-						/>
-						<form>
-							<VStack spacing={ 5 }>
-								<RadioControl
-									className="edit-site-change-status__options"
-									hideLabelFromVision
-									label={ __( 'Status' ) }
-									options={ STATUS_OPTIONS }
-									onChange={ handleStatus }
-									selected={ status }
-								/>
-								{ status !== 'private' && (
-									<fieldset className="edit-site-change-status__password-fieldset">
-										<Text
-											as="legend"
-											className="edit-site-change-status__password-legend"
-											size="11"
-											lineHeight={ 1.4 }
-											weight={ 500 }
-											upperCase
-										>
-											{ __( 'Password' ) }
-										</Text>
-										<ToggleControl
-											label={ __(
-												'Hide this page behind a password'
-											) }
-											checked={ showPassword }
-											onChange={ handleTogglePassword }
-										/>
-										{ showPassword && (
-											<div className="edit-site-change-status__password-input">
-												<VisuallyHidden
-													as="label"
-													htmlFor={ `edit-site-change-status__password-input-${ instanceId }` }
-												>
-													{ __( 'Create password' ) }
-												</VisuallyHidden>
-												<TextControl
-													onChange={ ( value ) =>
-														saveStatus( {
-															password: value,
-														} )
-													}
-													value={ password }
-													placeholder={ __(
-														'Use a secure password'
-													) }
-													type="text"
-													id={ `edit-site-change-status__password-input-${ instanceId }` }
-												/>
-											</div>
-										) }
-									</fieldset>
-								) }
-							</VStack>
-						</form>
-					</>
-				) }
-			/>
-		</PostPanelRow>
-	);
-}

package/src/components/sidebar-edit-mode/page-panels/style.scss

@@ -1,40 +0,0 @@
-
-
-.edit-site-page-panels__swap-template__confirm-modal__actions {
-	margin-top: $grid-unit-30;
-}
-
-.edit-site-change-status__content {
-	.components-popover__content {
-		min-width: 320px;
-		padding: $grid-unit-20;
-	}
-
-	.edit-site-change-status__options {
-		.components-base-control__field > .components-v-stack {
-			gap: $grid-unit-10;
-		}
-
-		label {
-			.components-text {
-				display: block;
-			}
-		}
-	}
-
-	.edit-site-change-status__password-legend {
-		padding: 0;
-		margin-bottom: $grid-unit-10;
-	}
-}
-
-.edit-site-summary-field__trigger {
-	max-width: 100%;
-
-	// Truncate
-	display: block;
-	text-align: left;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}