@wordpress/edit-post 6.8.0 → 6.9.0

package/src/components/sidebar/template/index.js

@@ -1,160 +0,0 @@
-/**
- * External dependencies
- */
-import { partial, isEmpty, map, fromPairs } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { useMemo } from '@wordpress/element';
-import { Notice, PanelBody, SelectControl } from '@wordpress/components';
-import { store as editorStore } from '@wordpress/editor';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import PostTemplateActions from './actions';
-import { store as editPostStore } from '../../../store';
-
-/**
- * Module Constants
- */
-const PANEL_NAME = 'template';
-
-export function TemplatePanel() {
-	const {
-		isEnabled,
-		isOpened,
-		isPostsPage,
-		selectedTemplate,
-		availableTemplates,
-		fetchedTemplates,
-		isViewable,
-		template,
-		supportsTemplateMode,
-		canUserCreate,
-	} = useSelect( ( select ) => {
-		const {
-			isEditorPanelEnabled,
-			isEditorPanelOpened,
-			getEditedPostTemplate,
-		} = select( editPostStore );
-		const {
-			getEditedPostAttribute,
-			getEditorSettings,
-			getCurrentPostId,
-			getCurrentPostType,
-		} = select( editorStore );
-		const { getPostType, getEntityRecord, getEntityRecords, canUser } =
-			select( coreStore );
-
-		const currentPostId = getCurrentPostId();
-		const currentPostType = getCurrentPostType();
-		const settings = getEntityRecord( 'root', 'site' );
-		const _isViewable = getPostType( currentPostType )?.viewable ?? false;
-		const _supportsTemplateMode =
-			select( editorStore ).getEditorSettings().supportsTemplateMode &&
-			_isViewable;
-
-		const templateRecords = getEntityRecords( 'postType', 'wp_template', {
-			post_type: currentPostType,
-			per_page: -1,
-		} );
-
-		return {
-			isEnabled: isEditorPanelEnabled( PANEL_NAME ),
-			isOpened: isEditorPanelOpened( PANEL_NAME ),
-			isPostsPage: currentPostId === settings?.page_for_posts,
-			selectedTemplate: getEditedPostAttribute( 'template' ),
-			availableTemplates: getEditorSettings().availableTemplates,
-			fetchedTemplates: templateRecords,
-			template: _supportsTemplateMode && getEditedPostTemplate(),
-			isViewable: _isViewable,
-			supportsTemplateMode: _supportsTemplateMode,
-			canUserCreate: canUser( 'create', 'templates' ),
-		};
-	}, [] );
-
-	const templates = useMemo( () => {
-		return {
-			...availableTemplates,
-			...fromPairs(
-				( fetchedTemplates ?? [] ).map( ( { slug, title } ) => [
-					slug,
-					title.rendered,
-				] )
-			),
-		};
-	}, [ availableTemplates, fetchedTemplates ] );
-
-	const { toggleEditorPanelOpened } = useDispatch( editPostStore );
-	const { editPost } = useDispatch( editorStore );
-
-	if (
-		! isEnabled ||
-		! isViewable ||
-		( isEmpty( availableTemplates ) &&
-			( ! supportsTemplateMode || ! canUserCreate ) )
-	) {
-		return null;
-	}
-
-	const onTogglePanel = partial( toggleEditorPanelOpened, PANEL_NAME );
-
-	let panelTitle = __( 'Template' );
-	if ( !! template ) {
-		panelTitle = sprintf(
-			/* translators: %s: template title */
-			__( 'Template: %s' ),
-			template?.title ?? template.slug
-		);
-	}
-
-	return (
-		<PanelBody
-			title={ panelTitle }
-			opened={ isOpened }
-			onToggle={ onTogglePanel }
-		>
-			{ isPostsPage ? (
-				<Notice
-					className="edit-post-template__notice"
-					status="warning"
-					isDismissible={ false }
-				>
-					{ __( 'The posts page template cannot be changed.' ) }
-				</Notice>
-			) : (
-				<SelectControl
-					hideLabelFromVision
-					label={ __( 'Template:' ) }
-					value={
-						Object.keys( templates ).includes( selectedTemplate )
-							? selectedTemplate
-							: ''
-					}
-					onChange={ ( templateSlug ) => {
-						editPost( {
-							template: templateSlug || '',
-						} );
-					} }
-					options={ map(
-						templates,
-						( templateName, templateSlug ) => ( {
-							value: templateSlug,
-							label: templateName,
-						} )
-					) }
-				/>
-			) }
-			{ canUserCreate && (
-				<PostTemplateActions isPostsPage={ isPostsPage } />
-			) }
-		</PanelBody>
-	);
-}
-
-export default TemplatePanel;

package/src/components/sidebar/template/style.scss

@@ -1,43 +0,0 @@
-.edit-post-template__modal {
-	.components-base-control {
-		@include break-medium() {
-			width: $grid-unit * 40;
-		}
-	}
-
-	.components-modal__header {
-		border-bottom: none;
-	}
-
-	.components-modal__content::before {
-		margin-bottom: $grid-unit-05;
-	}
-}
-
-.edit-post-template__modal-actions {
-	margin-top: $grid-unit-15;
-}
-
-.edit-post-template-modal__tip {
-	padding: $grid-unit-20 $grid-unit-30;
-	background: $gray-100;
-	border-radius: $radius-block-ui;
-
-	@include break-medium() {
-		width: $grid-unit * 30;
-	}
-}
-
-.edit-post-template__notice {
-	margin: 0 0 $grid-unit-10 0;
-
-	.components-notice__content {
-		margin: 0;
-	}
-}
-
-.edit-post-template__actions {
-	button:not(:last-child) {
-		margin-right: $grid-unit-10;
-	}
-}