@wordpress/edit-site 5.34.0 → 6.0.0

package/src/components/start-template-options/style.scss

@@ -1,55 +0,0 @@
-$actions-height: 92px;
-
-.edit-site-start-template-options__modal {
-	.edit-site-start-template-options__modal__actions {
-		position: absolute;
-		bottom: 0;
-		width: 100%;
-		height: $actions-height;
-		background-color: $white;
-		margin-left: - $grid-unit-40;
-		margin-right: - $grid-unit-40;
-		padding-left: $grid-unit-40;
-		padding-right: $grid-unit-40;
-		border-top: 1px solid $gray-300;
-		z-index: z-index(".edit-site-start-template-options__modal__actions");
-	}
-
-	.block-editor-block-patterns-list {
-		// Since the actions container is positioned absolutely,
-		// this padding bottom ensures that the content wrapper will properly
-		// detect overflowing content and start showing scrollbars at the right
-		// moment. Without this padding, the content would render under the actions
-		// bar without causing the wrapper to show a scrollbar.
-		padding-bottom: $actions-height;
-	}
-}
-
-.edit-site-start-template-options__modal-content .block-editor-block-patterns-list {
-	column-count: 2;
-	column-gap: $grid-unit-30;
-
-	@include break-medium() {
-		column-count: 3;
-	}
-
-	@include break-wide() {
-		column-count: 4;
-	}
-
-	.block-editor-block-patterns-list__list-item {
-		break-inside: avoid-column;
-
-		.block-editor-block-patterns-list__item-title {
-			display: none;
-		}
-	}
-
-	.block-editor-block-patterns-list__item {
-		// Avoid to override the BlockPatternList component
-		// default hover and focus styles.
-		&:not(:focus):not(:hover) .block-editor-block-preview__container {
-			box-shadow: 0 0 0 1px $gray-300;
-		}
-	}
-}

package/src/components/template-actions/index.js

@@ -1,165 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { useState } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import {
-	DropdownMenu,
-	MenuGroup,
-	MenuItem,
-	__experimentalConfirmDialog as ConfirmDialog,
-} from '@wordpress/components';
-import { moreVertical } from '@wordpress/icons';
-import { store as noticesStore } from '@wordpress/notices';
-import { decodeEntities } from '@wordpress/html-entities';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import isTemplateRemovable from '../../utils/is-template-removable';
-import isTemplateRevertable from '../../utils/is-template-revertable';
-import RenamePostMenuItem from '../rename-post-menu-item';
-import { TEMPLATE_POST_TYPE } from '../../utils/constants';
-
-export default function TemplateActions( {
-	postType,
-	postId,
-	className,
-	toggleProps,
-	onRemove,
-} ) {
-	const template = useSelect(
-		( select ) =>
-			select( coreStore ).getEntityRecord( 'postType', postType, postId ),
-		[ postType, postId ]
-	);
-	const { removeTemplate } = useDispatch( editSiteStore );
-	const isRemovable = isTemplateRemovable( template );
-	const isRevertable = isTemplateRevertable( template );
-
-	if ( ! isRemovable && ! isRevertable ) {
-		return null;
-	}
-
-	return (
-		<DropdownMenu
-			icon={ moreVertical }
-			label={ __( 'Actions' ) }
-			className={ className }
-			toggleProps={ toggleProps }
-		>
-			{ ( { onClose } ) => (
-				<MenuGroup>
-					{ isRemovable && (
-						<>
-							<RenamePostMenuItem
-								post={ template }
-								onClose={ onClose }
-							/>
-							<DeleteMenuItem
-								onRemove={ () => {
-									removeTemplate( template );
-									onRemove?.();
-									onClose();
-								} }
-								title={ template.title.rendered }
-							/>
-						</>
-					) }
-					{ isRevertable && (
-						<ResetMenuItem
-							template={ template }
-							onClose={ onClose }
-						/>
-					) }
-				</MenuGroup>
-			) }
-		</DropdownMenu>
-	);
-}
-
-function ResetMenuItem( { template, onClose } ) {
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	const { revertTemplate } = useDispatch( editSiteStore );
-	const { saveEditedEntityRecord } = useDispatch( coreStore );
-	const { createSuccessNotice, createErrorNotice } =
-		useDispatch( noticesStore );
-	async function revertAndSaveTemplate() {
-		try {
-			await revertTemplate( template, { allowUndo: false } );
-			await saveEditedEntityRecord(
-				'postType',
-				template.type,
-				template.id
-			);
-			createSuccessNotice(
-				sprintf(
-					/* translators: The template/part's name. */
-					__( '"%s" reset.' ),
-					decodeEntities( template.title.rendered )
-				),
-				{
-					type: 'snackbar',
-					id: 'edit-site-template-reverted',
-				}
-			);
-		} catch ( error ) {
-			const fallbackErrorMessage =
-				template.type === TEMPLATE_POST_TYPE
-					? __( 'An error occurred while reverting the template.' )
-					: __(
-							'An error occurred while reverting the template part.'
-					  );
-			const errorMessage =
-				error.message && error.code !== 'unknown_error'
-					? error.message
-					: fallbackErrorMessage;
-
-			createErrorNotice( errorMessage, { type: 'snackbar' } );
-		}
-	}
-	return (
-		<>
-			<MenuItem onClick={ () => setIsModalOpen( true ) }>
-				{ __( 'Reset' ) }
-			</MenuItem>
-			<ConfirmDialog
-				isOpen={ isModalOpen }
-				onConfirm={ () => {
-					revertAndSaveTemplate();
-					onClose();
-				} }
-				onCancel={ () => setIsModalOpen( false ) }
-				confirmButtonText={ __( 'Reset' ) }
-			>
-				{ __( 'Reset to default and clear all customizations?' ) }
-			</ConfirmDialog>
-		</>
-	);
-}
-
-function DeleteMenuItem( { onRemove, title } ) {
-	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	return (
-		<>
-			<MenuItem isDestructive onClick={ () => setIsModalOpen( true ) }>
-				{ __( 'Delete' ) }
-			</MenuItem>
-			<ConfirmDialog
-				isOpen={ isModalOpen }
-				onConfirm={ onRemove }
-				onCancel={ () => setIsModalOpen( false ) }
-				confirmButtonText={ __( 'Delete' ) }
-			>
-				{ sprintf(
-					// translators: %s: The template or template part's title.
-					__( 'Are you sure you want to delete "%s"?' ),
-					decodeEntities( title )
-				) }
-			</ConfirmDialog>
-		</>
-	);
-}

package/src/hooks/components.js

@@ -1,11 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { addFilter } from '@wordpress/hooks';
-import { MediaUpload } from '@wordpress/media-utils';
-
-addFilter(
-	'editor.MediaUpload',
-	'core/edit-site/components/media-upload',
-	() => MediaUpload
-);

package/src/utils/get-is-list-page.js

@@ -1,25 +0,0 @@
-/**
- * Returns if the params match the list page route.
- *
- * @param {Object}  params                The url params.
- * @param {string}  params.path           The current path.
- * @param {string}  [params.categoryType] The current category type.
- * @param {string}  [params.categoryId]   The current category id.
- * @param {boolean} isMobileViewport      Is mobile viewport.
- *
- * @return {boolean} Is list page or not.
- */
-export default function getIsListPage(
-	{ path, categoryType, categoryId },
-	isMobileViewport
-) {
-	return (
-		[ '/wp_template', '/wp_template_part/all', '/pages' ].includes(
-			path
-		) ||
-		( path === '/patterns' &&
-			// Don't treat "/patterns" without categoryType and categoryId as a
-			// list page in mobile because the sidebar covers the whole page.
-			( ! isMobileViewport || ( !! categoryType && !! categoryId ) ) )
-	);
-}

package/src/utils/math.js

@@ -1,93 +0,0 @@
-/**
- * @typedef  {Object} WPPoint
- * @property {number} x The horizontal coordinate.
- * @property {number} y The vertical coordinate.
- */
-
-/**
- * Clamps a value to a range. Uses the CSS `clamp()` ordering for arguments.
- *
- * @param {number} min   Minimum range.
- * @param {number} value Value to clamp.
- * @param {number} max   Maximum range.
- *
- * @return {number} Clamped value.
- */
-function clamp( min, value, max ) {
-	return Math.max( min, Math.min( value, max ) );
-}
-
-/**
- * Evaluates a linear function passing through two points at the given x value.
- *
- * Example:
- * f(x)
- *  │   ╲
- *  │    * (p0)
- *  │     ╲
- *  │      ╲
- *  │  (p1) *
- *  │        ╲
- *  └──────────── x
- *
- * @param {WPPoint} p0 First point.
- * @param {WPPoint} p1 Second point.
- * @param {number}  x  Value to evaluate at.
- *
- * @return {number} Result of the two-point linear function at x.
- */
-function twoPointLinearFn( p0, p1, x ) {
-	return ( ( p1.y - p0.y ) / ( p1.x - p0.x ) ) * ( x - p0.x ) + p0.y;
-}
-
-/**
- * Evaluates a two-point linear function at a given x value, clamped to the range of the points.
- *
- * Example:
- * f(x)
- *  │ ───* (p0)
- *  │     ╲
- *  │      ╲
- *  │  (p1) *───
- *  └──────────── x
- *
- * @param {WPPoint} p0 First point.
- * @param {WPPoint} p1 Second point.
- * @param {number}  x  Value to evaluate at.
- *
- * @return {number} Result of the two-point linear function clamped to the range of the points.
- */
-function clampedTwoPointLinearFn( p0, p1, x ) {
-	return clamp(
-		Math.min( p0.y, p1.y ),
-		twoPointLinearFn( p0, p1, x ),
-		Math.max( p0.y, p1.y )
-	);
-}
-
-/**
- * Computes the iframe scale using a start and end width/scale pair and the current width.
- *
- * The scale is clamped outside the points and is linearly interpolated between.
- *
- * Example:
- * scale
- *  │ ───* (start)
- *  │     ╲
- *  │      ╲
- *  │ (end) *───
- *  └──────────── width
- *
- * @param {Object} start        First width and scale pair.
- * @param {Object} end          Second width and scale pair.
- * @param {number} currentWidth Current width.
- *
- * @return {number} The scale of the current width between the two points.
- */
-export function computeIFrameScale( start, end, currentWidth ) {
-	return clampedTwoPointLinearFn(
-		{ x: start.width, y: start.scale },
-		{ x: end.width, y: end.scale },
-		currentWidth
-	);
-}

package/src/utils/test/template-part-create.js

@@ -1,63 +0,0 @@
-/**
- * Internal dependencies
- */
-import {
-	getUniqueTemplatePartTitle,
-	getCleanTemplatePartSlug,
-} from '../template-part-create';
-
-describe( 'getUniqueTemplatePartTitle', () => {
-	it( 'should return the title if it is unique', () => {
-		const title = 'My Template Part';
-		const templateParts = [
-			{
-				title: {
-					rendered: 'Template Part With Another Title',
-				},
-			},
-		];
-
-		expect( getUniqueTemplatePartTitle( title, templateParts ) ).toBe(
-			title
-		);
-	} );
-
-	it( 'should return the title with a suffix if it is not unique', () => {
-		const title = 'My Template Part';
-		const templateParts = [
-			{
-				title: {
-					rendered: 'My Template Part',
-				},
-			},
-			{
-				title: {
-					rendered: 'My Template Part 2',
-				},
-			},
-		];
-
-		expect( getUniqueTemplatePartTitle( title, templateParts ) ).toBe(
-			'My Template Part 3'
-		);
-	} );
-} );
-
-describe( 'getCleanTemplatePartSlug', () => {
-	it( 'should return a slug with only latin chars', () => {
-		const title = 'Myɶ Template Partɮ';
-		expect( getCleanTemplatePartSlug( title ) ).toBe( 'my-template-part' );
-	} );
-
-	it( 'should return a slug with only latin chars and numbers', () => {
-		const title = 'My Template Part 2';
-		expect( getCleanTemplatePartSlug( title ) ).toBe(
-			'my-template-part-2'
-		);
-	} );
-
-	it( 'should default the slug to wp-custom-part', () => {
-		const title = '';
-		expect( getCleanTemplatePartSlug( title ) ).toBe( 'wp-custom-part' );
-	} );
-} );