@wordpress/edit-post 7.25.0 → 7.26.0

package/src/components/sidebar/plugin-post-excerpt/index.js

@@ -1,61 +0,0 @@
-/**
- * Defines as extensibility slot for the Excerpt panel.
- */
-
-/**
- * WordPress dependencies
- */
-import { createSlotFill, PanelRow } from '@wordpress/components';
-
-const { Fill, Slot } = createSlotFill( 'PluginPostExcerpt' );
-
-/**
- * Renders a post excerpt panel in the post sidebar.
- *
- * @param {Object}  props             Component properties.
- * @param {string}  [props.className] An optional class name added to the row.
- * @param {Element} props.children    Children to be rendered.
- *
- * @example
- * ```js
- * // Using ES5 syntax
- * var __ = wp.i18n.__;
- * var PluginPostExcerpt = wp.editPost.PluginPostExcerpt;
- *
- * function MyPluginPostExcerpt() {
- * 	return React.createElement(
- * 		PluginPostExcerpt,
- * 		{
- * 			className: 'my-plugin-post-excerpt',
- * 		},
- * 		__( 'Post excerpt custom content' )
- * 	)
- * }
- * ```
- *
- * @example
- * ```jsx
- * // Using ESNext syntax
- * import { __ } from '@wordpress/i18n';
- * import { PluginPostExcerpt } from '@wordpress/edit-post';
- *
- * const MyPluginPostExcerpt = () => (
- * 	<PluginPostExcerpt className="my-plugin-post-excerpt">
- * 		{ __( 'Post excerpt custom content' ) }
- * 	</PluginPostExcerpt>
- * );
- * ```
- *
- * @return {Component} The component to be rendered.
- */
-const PluginPostExcerpt = ( { children, className } ) => {
-	return (
-		<Fill>
-			<PanelRow className={ className }>{ children }</PanelRow>
-		</Fill>
-	);
-};
-
-PluginPostExcerpt.Slot = Slot;
-
-export default PluginPostExcerpt;

package/src/components/sidebar/plugin-post-excerpt/test/index.js

@@ -1,36 +0,0 @@
-/**
- * External dependencies
- */
-import { render, screen } from '@testing-library/react';
-
-/**
- * WordPress dependencies
- */
-import { SlotFillProvider } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import PluginPostExcerptPanel from '../';
-
-describe( 'PluginPostExcerptPanel', () => {
-	test( 'renders fill properly', () => {
-		render(
-			<SlotFillProvider>
-				<PluginPostExcerptPanel className="my-plugin-post-excerpt-custom-content">
-					Post Excerpt - Custom content
-				</PluginPostExcerptPanel>
-				<div role="tabpanel">
-					<PluginPostExcerptPanel.Slot />
-				</div>
-			</SlotFillProvider>
-		);
-
-		expect( screen.getByRole( 'tabpanel' ) ).toHaveTextContent(
-			'Post Excerpt - Custom content'
-		);
-		expect(
-			screen.getByText( 'Post Excerpt - Custom content' )
-		).toHaveClass( 'my-plugin-post-excerpt-custom-content' );
-	} );
-} );

package/src/components/sidebar/post-excerpt/index.js

@@ -1,59 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { PanelBody } from '@wordpress/components';
-import {
-	PostExcerpt as PostExcerptForm,
-	PostExcerptCheck,
-} from '@wordpress/editor';
-import { useDispatch, useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-import PluginPostExcerpt from '../plugin-post-excerpt';
-
-/**
- * Module Constants
- */
-const PANEL_NAME = 'post-excerpt';
-
-export default function PostExcerpt() {
-	const { isOpened, isEnabled } = useSelect( ( select ) => {
-		const { isEditorPanelOpened, isEditorPanelEnabled } =
-			select( editPostStore );
-
-		return {
-			isOpened: isEditorPanelOpened( PANEL_NAME ),
-			isEnabled: isEditorPanelEnabled( PANEL_NAME ),
-		};
-	}, [] );
-
-	const { toggleEditorPanelOpened } = useDispatch( editPostStore );
-	const toggleExcerptPanel = () => toggleEditorPanelOpened( PANEL_NAME );
-
-	if ( ! isEnabled ) {
-		return null;
-	}
-
-	return (
-		<PostExcerptCheck>
-			<PanelBody
-				title={ __( 'Excerpt' ) }
-				opened={ isOpened }
-				onToggle={ toggleExcerptPanel }
-			>
-				<PluginPostExcerpt.Slot>
-					{ ( fills ) => (
-						<>
-							<PostExcerptForm />
-							{ fills }
-						</>
-					) }
-				</PluginPostExcerpt.Slot>
-			</PanelBody>
-		</PostExcerptCheck>
-	);
-}

package/src/components/sidebar/post-taxonomies/index.js

@@ -1,30 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	PostTaxonomies as PostTaxonomiesForm,
-	PostTaxonomiesCheck,
-} from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import TaxonomyPanel from './taxonomy-panel';
-
-function PostTaxonomies() {
-	return (
-		<PostTaxonomiesCheck>
-			<PostTaxonomiesForm
-				taxonomyWrapper={ ( content, taxonomy ) => {
-					return (
-						<TaxonomyPanel taxonomy={ taxonomy }>
-							{ content }
-						</TaxonomyPanel>
-					);
-				} }
-			/>
-		</PostTaxonomiesCheck>
-	);
-}
-
-export default PostTaxonomies;

package/src/components/sidebar/post-taxonomies/taxonomy-panel.js

@@ -1,48 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { PanelBody } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-
-function TaxonomyPanel( { taxonomy, children } ) {
-	const slug = taxonomy?.slug;
-	const panelName = slug ? `taxonomy-panel-${ slug }` : '';
-	const { isEnabled, isOpened } = useSelect(
-		( select ) => {
-			const { isEditorPanelEnabled, isEditorPanelOpened } =
-				select( editPostStore );
-			return {
-				isEnabled: slug ? isEditorPanelEnabled( panelName ) : false,
-				isOpened: slug ? isEditorPanelOpened( panelName ) : false,
-			};
-		},
-		[ panelName, slug ]
-	);
-	const { toggleEditorPanelOpened } = useDispatch( editPostStore );
-
-	if ( ! isEnabled ) {
-		return null;
-	}
-
-	const taxonomyMenuName = taxonomy?.labels?.menu_name;
-	if ( ! taxonomyMenuName ) {
-		return null;
-	}
-
-	return (
-		<PanelBody
-			title={ taxonomyMenuName }
-			opened={ isOpened }
-			onToggle={ () => toggleEditorPanelOpened( panelName ) }
-		>
-			{ children }
-		</PanelBody>
-	);
-}
-
-export default TaxonomyPanel;

package/src/components/view-link/index.js

@@ -1,48 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Button } from '@wordpress/components';
-import { external } from '@wordpress/icons';
-import { store as editorStore } from '@wordpress/editor';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../store';
-
-export default function ViewLink() {
-	const { permalink, isPublished, label, showIconLabels } = useSelect(
-		( select ) => {
-			// Grab post type to retrieve the view_item label.
-			const postTypeSlug = select( editorStore ).getCurrentPostType();
-			const postType = select( coreStore ).getPostType( postTypeSlug );
-
-			return {
-				permalink: select( editorStore ).getPermalink(),
-				isPublished: select( editorStore ).isCurrentPostPublished(),
-				label: postType?.labels.view_item,
-				showIconLabels:
-					select( editPostStore ).isFeatureActive( 'showIconLabels' ),
-			};
-		},
-		[]
-	);
-
-	// Only render the view button if the post is published and has a permalink.
-	if ( ! isPublished || ! permalink ) {
-		return null;
-	}
-
-	return (
-		<Button
-			icon={ external }
-			label={ label || __( 'View post' ) }
-			href={ permalink }
-			target="_blank"
-			showTooltip={ ! showIconLabels }
-		/>
-	);
-}