@wordpress/edit-site 5.8.0 → 5.10.0

package/src/components/global-styles/screen-effects.js

@@ -1,35 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import ScreenHeader from './header';
-import BlockPreviewPanel from './block-preview-panel';
-import { getVariationClassName } from './utils';
-import { unlock } from '../../private-apis';
-import EffectsPanel from './effects-panel';
-
-const { useGlobalSetting, useSettingsForBlockElement, useHasEffectsPanel } =
-	unlock( blockEditorPrivateApis );
-
-function ScreenEffects( { name, variation = '' } ) {
-	const [ rawSettings ] = useGlobalSetting( '', name );
-	const settings = useSettingsForBlockElement( rawSettings, name );
-	const variationClassName = getVariationClassName( variation );
-	const hasEffectsPanel = useHasEffectsPanel( settings );
-	return (
-		<>
-			<ScreenHeader title={ __( 'Effects' ) } />
-			<BlockPreviewPanel name={ name } variation={ variationClassName } />
-			{ hasEffectsPanel && (
-				<EffectsPanel name={ name } variation={ variation } />
-			) }
-		</>
-	);
-}
-
-export default ScreenEffects;

package/src/components/global-styles/screen-filters.js

@@ -1,27 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import FiltersPanel from './filters-panel';
-import BlockPreviewPanel from './block-preview-panel';
-
-/**
- * Internal dependencies
- */
-import ScreenHeader from './header';
-
-function ScreenFilters( { name } ) {
-	return (
-		<>
-			<ScreenHeader title={ __( 'Filters' ) } />
-			<BlockPreviewPanel name={ name } />
-			<FiltersPanel name={ name } />
-		</>
-	);
-}
-
-export default ScreenFilters;

package/src/components/global-styles/screen-variations.js

@@ -1,46 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { __experimentalVStack as VStack } from '@wordpress/components';
-/**
- * Internal dependencies
- */
-import {
-	VariationPanel,
-	VariationsPanel,
-	useHasVariationsPanel,
-} from './variations-panel';
-import ScreenHeader from './header';
-import BlockPreviewPanel from './block-preview-panel';
-import Subtitle from './subtitle';
-
-export function ScreenVariations( { name, path = '' } ) {
-	const hasVariationsPanel = useHasVariationsPanel( name, path );
-
-	if ( ! hasVariationsPanel ) {
-		return null;
-	}
-	return (
-		<div className="edit-site-global-styles-screen-variations">
-			<VStack spacing={ 3 }>
-				<Subtitle>{ __( 'Style Variations' ) }</Subtitle>
-				<VariationsPanel name={ name } />
-			</VStack>
-		</div>
-	);
-}
-
-export function ScreenVariation( { blockName, style } ) {
-	const { name: styleName, label: styleLabel } = style;
-	return (
-		<>
-			<ScreenHeader title={ styleLabel } />
-			<BlockPreviewPanel
-				name={ blockName }
-				variation={ `is-style-${ styleName }` }
-			/>
-			<VariationPanel blockName={ blockName } styleName={ styleName } />
-		</>
-	);
-}

package/src/components/routes/index.js

@@ -1,53 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	createContext,
-	useState,
-	useEffect,
-	useContext,
-} from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import history from '../../utils/history';
-
-const RoutesContext = createContext();
-const HistoryContext = createContext();
-
-export function useLocation() {
-	return useContext( RoutesContext );
-}
-
-export function useHistory() {
-	return useContext( HistoryContext );
-}
-
-function getLocationWithParams( location ) {
-	const searchParams = new URLSearchParams( location.search );
-	return {
-		...location,
-		params: Object.fromEntries( searchParams.entries() ),
-	};
-}
-
-export function Routes( { children } ) {
-	const [ location, setLocation ] = useState( () =>
-		getLocationWithParams( history.location )
-	);
-
-	useEffect( () => {
-		return history.listen( ( { location: updatedLocation } ) => {
-			setLocation( getLocationWithParams( updatedLocation ) );
-		} );
-	}, [] );
-
-	return (
-		<HistoryContext.Provider value={ history }>
-			<RoutesContext.Provider value={ location }>
-				{ children }
-			</RoutesContext.Provider>
-		</HistoryContext.Provider>
-	);
-}

package/src/hooks/commands/index.js

@@ -1,10 +0,0 @@
-/**
- * Internal dependencies
- */
-import { useNavigationCommands } from './use-navigation-commands';
-import { useWPAdminCommands } from './use-wp-admin-commands';
-
-export function useCommands() {
-	useWPAdminCommands();
-	useNavigationCommands();
-}

package/src/hooks/commands/use-navigation-commands.js

@@ -1,103 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis } from '@wordpress/commands';
-import { __ } from '@wordpress/i18n';
-import { useMemo } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import { unlock } from '../../private-apis';
-import { useHistory } from '../../components/routes';
-
-const { useCommandLoader } = unlock( privateApis );
-
-const getNavigationCommandLoaderPerPostType = ( postType ) =>
-	function useNavigationCommandLoader( { search } ) {
-		const supportsSearch = ! [ 'wp_template', 'wp_template_part' ].includes(
-			postType
-		);
-		const deps = supportsSearch ? [ search ] : [];
-		const history = useHistory();
-		const { canvasMode, records, isLoading } = useSelect( ( select ) => {
-			const { getEntityRecords } = select( coreStore );
-			const query = supportsSearch
-				? {
-						search: !! search ? search : undefined,
-						per_page: 10,
-						orderby: search ? 'relevance' : 'date',
-				  }
-				: {
-						per_page: -1,
-				  };
-			return {
-				records: getEntityRecords( 'postType', postType, query ),
-				isLoading: ! select( coreStore ).hasFinishedResolution(
-					'getEntityRecords',
-					[ 'postType', postType, query ]
-				),
-				canvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),
-			};
-		}, deps );
-
-		const commands = useMemo( () => {
-			return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {
-				return {
-					name: record.title?.rendered + ' ' + record.id,
-					label: record.title?.rendered
-						? record.title?.rendered
-						: __( '(no title)' ),
-					callback: ( { close } ) => {
-						history.push( {
-							postType,
-							postId: record.id,
-							canvas:
-								canvasMode === 'edit' ? canvasMode : undefined,
-						} );
-						close();
-					},
-				};
-			} );
-		}, [ records, history, canvasMode ] );
-
-		return {
-			commands,
-			isLoading,
-		};
-	};
-
-const usePageNavigationCommandLoader =
-	getNavigationCommandLoaderPerPostType( 'page' );
-const usePostNavigationCommandLoader =
-	getNavigationCommandLoaderPerPostType( 'post' );
-const useTemplateNavigationCommandLoader =
-	getNavigationCommandLoaderPerPostType( 'wp_template' );
-const useTemplatePartNavigationCommandLoader =
-	getNavigationCommandLoaderPerPostType( 'wp_template_part' );
-
-export function useNavigationCommands() {
-	useCommandLoader( {
-		name: 'core/edit-site/navigate-pages',
-		group: __( 'Pages' ),
-		hook: usePageNavigationCommandLoader,
-	} );
-	useCommandLoader( {
-		name: 'core/edit-site/navigate-posts',
-		group: __( 'Posts' ),
-		hook: usePostNavigationCommandLoader,
-	} );
-	useCommandLoader( {
-		name: 'core/edit-site/navigate-templates',
-		group: __( 'Templates' ),
-		hook: useTemplateNavigationCommandLoader,
-	} );
-	useCommandLoader( {
-		name: 'core/edit-site/navigate-template-parts',
-		group: __( 'Template Parts' ),
-		hook: useTemplatePartNavigationCommandLoader,
-	} );
-}

package/src/hooks/commands/use-wp-admin-commands.js

@@ -1,77 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis } from '@wordpress/commands';
-import { __, sprintf } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { addQueryArgs } from '@wordpress/url';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
-import { unlock } from '../../private-apis';
-
-const { useCommandLoader } = unlock( privateApis );
-
-const getWPAdminAddCommandLoader = ( postType ) =>
-	function useAddCommandLoader( { search } ) {
-		let label;
-		if ( postType === 'post' ) {
-			label = __( 'Add a new post' );
-		} else if ( postType === 'page' ) {
-			label = __( 'Add a new page' );
-		} else {
-			throw 'unsupported post type ' + postType;
-		}
-		const hasRecordTitle =
-			!! search && ! label.toLowerCase().includes( search.toLowerCase() );
-		if ( postType === 'post' && hasRecordTitle ) {
-			/* translators: %s: Post title placeholder */
-			label = sprintf( __( 'Add a new post "%s"' ), search );
-		} else if ( postType === 'page' && hasRecordTitle ) {
-			/* translators: %s: Page title placeholder */
-			label = sprintf( __( 'Add a new page "%s"' ), search );
-		}
-
-		const newPostLink = useSelect( ( select ) => {
-			const { getSettings } = unlock( select( editSiteStore ) );
-			return getSettings().newPostLink ?? 'post-new.php';
-		}, [] );
-
-		const commands = useMemo(
-			() => [
-				{
-					name: 'core/wp-admin/add-' + postType,
-					label,
-					callback: () => {
-						document.location.href = addQueryArgs( newPostLink, {
-							post_type: postType,
-							post_title: hasRecordTitle ? search : undefined,
-						} );
-					},
-				},
-			],
-			[ newPostLink, hasRecordTitle, search, label ]
-		);
-
-		return {
-			isLoading: false,
-			commands,
-		};
-	};
-
-const useAddPostLoader = getWPAdminAddCommandLoader( 'post' );
-const useAddPageLoader = getWPAdminAddCommandLoader( 'page' );
-
-export function useWPAdminCommands() {
-	useCommandLoader( {
-		name: 'core/wp-admin/add-post-loader',
-		hook: useAddPostLoader,
-	} );
-	useCommandLoader( {
-		name: 'core/wp-admin/add-page-loader',
-		hook: useAddPageLoader,
-	} );
-}

package/src/utils/history.js

@@ -1,39 +0,0 @@
-/**
- * External dependencies
- */
-import { createBrowserHistory } from 'history';
-
-/**
- * WordPress dependencies
- */
-import { addQueryArgs, getQueryArgs, removeQueryArgs } from '@wordpress/url';
-
-const history = createBrowserHistory();
-
-const originalHistoryPush = history.push;
-const originalHistoryReplace = history.replace;
-
-function push( params, state ) {
-	const currentArgs = getQueryArgs( window.location.href );
-	const currentUrlWithoutArgs = removeQueryArgs(
-		window.location.href,
-		...Object.keys( currentArgs )
-	);
-	const newUrl = addQueryArgs( currentUrlWithoutArgs, params );
-	return originalHistoryPush.call( history, newUrl, state );
-}
-
-function replace( params, state ) {
-	const currentArgs = getQueryArgs( window.location.href );
-	const currentUrlWithoutArgs = removeQueryArgs(
-		window.location.href,
-		...Object.keys( currentArgs )
-	);
-	const newUrl = addQueryArgs( currentUrlWithoutArgs, params );
-	return originalHistoryReplace.call( history, newUrl, state );
-}
-
-history.push = push;
-history.replace = replace;
-
-export default history;