@wordpress/edit-site 3.0.18-next.33ec3857e2.0 → 3.0.21

package/src/components/navigation-sidebar/navigation-panel/menus/content-categories.js

@@ -1,85 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalNavigationMenu as NavigationMenu,
-	__experimentalNavigationItem as NavigationItem,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { MENU_CONTENT_CATEGORIES, MENU_ROOT } from '../constants';
-import ContentNavigationItem from '../content-navigation-item';
-import SearchResults from '../search-results';
-import useDebouncedSearch from '../use-debounced-search';
-
-export default function ContentCategoriesMenu() {
-	const {
-		search,
-		searchQuery,
-		onSearch,
-		isDebouncing,
-	} = useDebouncedSearch();
-
-	const { categories, isResolved } = useSelect(
-		( select ) => {
-			const { getEntityRecords, hasFinishedResolution } = select(
-				coreStore
-			);
-			const query = searchQuery
-				? {
-						search: searchQuery,
-				  }
-				: undefined;
-			const getEntityRecordsArgs = [ 'taxonomy', 'category', query ];
-			const hasResolvedPosts = hasFinishedResolution(
-				'getEntityRecords',
-				getEntityRecordsArgs
-			);
-			return {
-				categories: getEntityRecords( ...getEntityRecordsArgs ),
-				isResolved: hasResolvedPosts,
-			};
-		},
-		[ searchQuery ]
-	);
-
-	const shouldShowLoadingForDebouncing = search && isDebouncing;
-	const showLoading = ! isResolved || shouldShowLoadingForDebouncing;
-
-	return (
-		<NavigationMenu
-			menu={ MENU_CONTENT_CATEGORIES }
-			title={ __( 'Categories' ) }
-			parentMenu={ MENU_ROOT }
-			hasSearch={ true }
-			onSearch={ onSearch }
-			search={ search }
-			isSearchDebouncing={ isDebouncing || ! isResolved }
-		>
-			{ search && ! isDebouncing && (
-				<SearchResults
-					items={ categories }
-					search={ search }
-					disableFilter
-				/>
-			) }
-
-			{ ! search &&
-				categories?.map( ( category ) => (
-					<ContentNavigationItem
-						item={ category }
-						key={ `${ category.taxonomy }-${ category.id }` }
-					/>
-				) ) }
-
-			{ showLoading && (
-				<NavigationItem title={ __( 'Loading…' ) } isText />
-			) }
-		</NavigationMenu>
-	);
-}

package/src/components/navigation-sidebar/navigation-panel/menus/content-pages.js

@@ -1,85 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalNavigationMenu as NavigationMenu,
-	__experimentalNavigationItem as NavigationItem,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { MENU_CONTENT_PAGES, MENU_ROOT } from '../constants';
-import ContentNavigationItem from '../content-navigation-item';
-import SearchResults from '../search-results';
-import useDebouncedSearch from '../use-debounced-search';
-
-export default function ContentPagesMenu() {
-	const {
-		search,
-		searchQuery,
-		onSearch,
-		isDebouncing,
-	} = useDebouncedSearch();
-
-	const { pages, isResolved } = useSelect(
-		( select ) => {
-			const { getEntityRecords, hasFinishedResolution } = select(
-				coreStore
-			);
-			const query = searchQuery
-				? {
-						search: searchQuery,
-				  }
-				: undefined;
-			const getEntityRecordsArgs = [ 'postType', 'page', query ];
-			const hasResolvedPosts = hasFinishedResolution(
-				'getEntityRecords',
-				getEntityRecordsArgs
-			);
-			return {
-				pages: getEntityRecords( ...getEntityRecordsArgs ),
-				isResolved: hasResolvedPosts,
-			};
-		},
-		[ searchQuery ]
-	);
-
-	const shouldShowLoadingForDebouncing = search && isDebouncing;
-	const showLoading = ! isResolved || shouldShowLoadingForDebouncing;
-
-	return (
-		<NavigationMenu
-			menu={ MENU_CONTENT_PAGES }
-			title={ __( 'Pages' ) }
-			parentMenu={ MENU_ROOT }
-			hasSearch={ true }
-			onSearch={ onSearch }
-			search={ search }
-			isSearchDebouncing={ isDebouncing || ! isResolved }
-		>
-			{ search && ! isDebouncing && (
-				<SearchResults
-					items={ pages }
-					search={ search }
-					disableFilter
-				/>
-			) }
-
-			{ ! search &&
-				pages?.map( ( page ) => (
-					<ContentNavigationItem
-						item={ page }
-						key={ `${ page.type }-${ page.id }` }
-					/>
-				) ) }
-
-			{ showLoading && (
-				<NavigationItem title={ __( 'Loading…' ) } isText />
-			) }
-		</NavigationMenu>
-	);
-}

package/src/components/navigation-sidebar/navigation-panel/menus/content-posts.js

@@ -1,117 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalNavigationMenu as NavigationMenu,
-	__experimentalNavigationItem as NavigationItem,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useCallback } from '@wordpress/element';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { MENU_CONTENT_POSTS, MENU_ROOT } from '../constants';
-import ContentNavigationItem from '../content-navigation-item';
-import SearchResults from '../search-results';
-import useDebouncedSearch from '../use-debounced-search';
-import { store as editSiteStore } from '../../../../store';
-
-export default function ContentPostsMenu() {
-	const {
-		search,
-		searchQuery,
-		onSearch,
-		isDebouncing,
-	} = useDebouncedSearch();
-
-	const { posts, showOnFront, isResolved } = useSelect(
-		( select ) => {
-			const {
-				getEntityRecords,
-				getEditedEntityRecord,
-				hasFinishedResolution,
-			} = select( coreStore );
-			const query = searchQuery
-				? {
-						search: searchQuery,
-				  }
-				: undefined;
-			const getEntityRecodsArgs = [ 'postType', 'post', query ];
-			const hasResolvedPosts = hasFinishedResolution(
-				'getEntityRecords',
-				getEntityRecodsArgs
-			);
-			return {
-				posts: getEntityRecords( ...getEntityRecodsArgs ),
-				isResolved: hasResolvedPosts,
-				showOnFront: getEditedEntityRecord( 'root', 'site' )
-					.show_on_front,
-			};
-		},
-		[ searchQuery ]
-	);
-
-	const { setPage, setIsNavigationPanelOpened } = useDispatch(
-		editSiteStore
-	);
-
-	const onActivateFrontItem = useCallback( () => {
-		setPage( {
-			type: 'page',
-			path: '/',
-			context: {
-				queryContext: { page: 1 },
-			},
-		} );
-		setIsNavigationPanelOpened( false );
-	}, [ setPage, setIsNavigationPanelOpened ] );
-
-	const shouldShowLoadingForDebouncing = search && isDebouncing;
-	const showLoading = ! isResolved || shouldShowLoadingForDebouncing;
-
-	return (
-		<NavigationMenu
-			menu={ MENU_CONTENT_POSTS }
-			title={ __( 'Posts' ) }
-			parentMenu={ MENU_ROOT }
-			hasSearch={ true }
-			onSearch={ onSearch }
-			search={ search }
-			isSearchDebouncing={ isDebouncing || ! isResolved }
-		>
-			{ search && ! isDebouncing && (
-				<SearchResults
-					items={ posts }
-					search={ search }
-					disableFilter
-				/>
-			) }
-
-			{ ! search && (
-				<>
-					{ showOnFront === 'posts' && (
-						<NavigationItem
-							item={ 'post-/' }
-							title={ __( 'All Posts' ) }
-							onClick={ onActivateFrontItem }
-						/>
-					) }
-
-					{ posts?.map( ( post ) => (
-						<ContentNavigationItem
-							item={ post }
-							key={ `${ post.type }-${ post.id }` }
-						/>
-					) ) }
-				</>
-			) }
-
-			{ showLoading && (
-				<NavigationItem title={ __( 'Loading…' ) } isText />
-			) }
-		</NavigationMenu>
-	);
-}

package/src/components/navigation-sidebar/navigation-panel/menus/index.js

@@ -1,61 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalNavigationGroup as NavigationGroup,
-	__experimentalNavigationItem as NavigationItem,
-	__experimentalNavigationMenu as NavigationMenu,
-} from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import {
-	MENU_TEMPLATES,
-	MENU_TEMPLATE_PARTS,
-	MENU_CONTENT_CATEGORIES,
-	MENU_CONTENT_PAGES,
-	MENU_CONTENT_POSTS,
-} from '../constants';
-import ContentPagesMenu from './content-pages';
-import ContentCategoriesMenu from './content-categories';
-import ContentPostsMenu from './content-posts';
-import TemplatesMenu from './templates';
-import TemplatePartsMenu from './template-parts';
-
-export default function SiteMenu() {
-	return (
-		<NavigationMenu>
-			<NavigationGroup title={ __( 'Theme' ) }>
-				<NavigationItem
-					title={ __( 'Templates' ) }
-					navigateToMenu={ MENU_TEMPLATES }
-				/>
-				<NavigationItem
-					title={ __( 'Template Parts' ) }
-					navigateToMenu={ MENU_TEMPLATE_PARTS }
-				/>
-			</NavigationGroup>
-			<NavigationGroup title={ __( 'Content' ) }>
-				<NavigationItem
-					title={ __( 'Pages' ) }
-					navigateToMenu={ MENU_CONTENT_PAGES }
-				/>
-				<NavigationItem
-					title={ __( 'Categories' ) }
-					navigateToMenu={ MENU_CONTENT_CATEGORIES }
-				/>
-				<NavigationItem
-					title={ __( 'Posts' ) }
-					navigateToMenu={ MENU_CONTENT_POSTS }
-				/>
-			</NavigationGroup>
-			<TemplatesMenu />
-			<TemplatePartsMenu />
-			<ContentPagesMenu />
-			<ContentCategoriesMenu />
-			<ContentPostsMenu />
-		</NavigationMenu>
-	);
-}

package/src/components/navigation-sidebar/navigation-panel/menus/template-parts-sub.js

@@ -1,34 +0,0 @@
-/**
- * External dependencies
- */
-import { map } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { __experimentalNavigationMenu as NavigationMenu } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import TemplateNavigationItem from '../template-navigation-item';
-import { MENU_TEMPLATE_PARTS } from '../constants';
-
-export default function TemplatePartsSubMenu( { menu, title, templateParts } ) {
-	return (
-		<NavigationMenu
-			className="edit-site-navigation-panel__template-parts"
-			menu={ menu }
-			title={ title }
-			parentMenu={ MENU_TEMPLATE_PARTS }
-			isEmpty={ ! templateParts || templateParts.length === 0 }
-		>
-			{ map( templateParts, ( templatePart ) => (
-				<TemplateNavigationItem
-					item={ templatePart }
-					key={ `wp_template_part-${ templatePart.id }` }
-				/>
-			) ) }
-		</NavigationMenu>
-	);
-}

package/src/components/navigation-sidebar/navigation-panel/menus/template-parts.js

@@ -1,94 +0,0 @@
-/**
- * External dependencies
- */
-import { groupBy } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
-import {
-	__experimentalNavigationMenu as NavigationMenu,
-	__experimentalNavigationItem as NavigationItem,
-} from '@wordpress/components';
-import { useState, useCallback } from '@wordpress/element';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import {
-	MENU_ROOT,
-	MENU_TEMPLATE_PARTS,
-	TEMPLATE_PARTS_SUB_MENUS,
-} from '../constants';
-import SearchResults from '../search-results';
-import TemplatePartsSubMenu from './template-parts-sub';
-
-export default function TemplatePartsMenu() {
-	const [ search, setSearch ] = useState( '' );
-	const onSearch = useCallback( ( value ) => {
-		setSearch( value );
-	} );
-
-	const { isLoading, templateParts, templatePartsByArea } = useSelect(
-		( select ) => {
-			const templatePartRecords = select( coreStore ).getEntityRecords(
-				'postType',
-				'wp_template_part'
-			);
-
-			const _templateParts = templatePartRecords || [];
-			const _templatePartsByArea = groupBy( _templateParts, 'area' );
-
-			return {
-				isLoading: templatePartRecords === null,
-				templateParts: _templateParts,
-				templatePartsByArea: _templatePartsByArea,
-			};
-		},
-		[]
-	);
-
-	return (
-		<>
-			<NavigationMenu
-				menu={ MENU_TEMPLATE_PARTS }
-				title={ __( 'Template Parts' ) }
-				parentMenu={ MENU_ROOT }
-				hasSearch={ true }
-				onSearch={ onSearch }
-				search={ search }
-			>
-				{ search && (
-					<SearchResults items={ templateParts } search={ search } />
-				) }
-
-				{ ! search &&
-					TEMPLATE_PARTS_SUB_MENUS.map( ( { title, menu } ) => (
-						<NavigationItem
-							key={ `template-parts-navigate-to-${ menu }` }
-							className="edit-site-navigation-panel__template-part-item"
-							navigateToMenu={ menu }
-							title={ title }
-							hideIfTargetMenuEmpty
-						/>
-					) ) }
-
-				{ ! search && isLoading && (
-					<NavigationItem title={ __( 'Loading…' ) } isText />
-				) }
-			</NavigationMenu>
-
-			{ TEMPLATE_PARTS_SUB_MENUS.map( ( { area, menu, title } ) => (
-				<TemplatePartsSubMenu
-					key={ `template-parts-menu-${ menu }` }
-					menu={ menu }
-					title={ title }
-					templateParts={ templatePartsByArea[ area ] }
-				/>
-			) ) }
-		</>
-	);
-}

package/src/components/navigation-sidebar/navigation-panel/menus/templates-sub.js

@@ -1,42 +0,0 @@
-/**
- * External dependencies
- */
-import { map } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import { __experimentalNavigationMenu as NavigationMenu } from '@wordpress/components';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import TemplateNavigationItem from '../template-navigation-item';
-import { MENU_TEMPLATES } from '../constants';
-
-export default function TemplatesSubMenu( { menu, title, templates } ) {
-	const templatesFiltered = useMemo(
-		() =>
-			templates
-				?.filter( ( { location } ) => location === menu )
-				?.map( ( { template } ) => template ) ?? [],
-		[ menu, templates ]
-	);
-
-	return (
-		<NavigationMenu
-			menu={ menu }
-			title={ title }
-			parentMenu={ MENU_TEMPLATES }
-			isEmpty={ templatesFiltered.length === 0 }
-		>
-			{ map( templatesFiltered, ( template ) => (
-				<TemplateNavigationItem
-					item={ template }
-					key={ `wp_template-${ template.id }` }
-				/>
-			) ) }
-		</NavigationMenu>
-	);
-}

package/src/components/navigation-sidebar/navigation-panel/menus/templates.js

@@ -1,147 +0,0 @@
-/**
- * External dependencies
- */
-import { map, find } from 'lodash';
-
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalNavigationItem as NavigationItem,
-	__experimentalNavigationMenu as NavigationMenu,
-} from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-import { useState, useCallback, useMemo } from '@wordpress/element';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import {
-	MENU_ROOT,
-	MENU_TEMPLATES,
-	MENU_TEMPLATES_GENERAL,
-	MENU_TEMPLATES_PAGES,
-	MENU_TEMPLATES_POSTS,
-	MENU_TEMPLATES_UNUSED,
-} from '../constants';
-import NewTemplateDropdown from '../new-template-dropdown';
-import TemplateNavigationItem from '../template-navigation-item';
-import SearchResults from '../search-results';
-import TemplatesSubMenu from './templates-sub';
-import {
-	getTemplatesLocationMap,
-	getUnusedTemplates,
-} from '../template-hierarchy';
-
-export default function TemplatesMenu() {
-	const [ search, setSearch ] = useState( '' );
-	const onSearch = useCallback( ( value ) => {
-		setSearch( value );
-	} );
-
-	const { templates, showOnFront } = useSelect( ( select ) => {
-		const { getEntityRecords, getEditedEntityRecord } = select( coreStore );
-		return {
-			templates: getEntityRecords( 'postType', 'wp_template' ),
-			showOnFront: getEditedEntityRecord( 'root', 'site' ).show_on_front,
-		};
-	}, [] );
-
-	const templatesWithLocation = useMemo( () => {
-		if ( ! templates ) {
-			return null;
-		}
-
-		const unusedTemplates = getUnusedTemplates( templates, showOnFront );
-		const templateLocations = getTemplatesLocationMap( templates );
-
-		return templates.map( ( template ) => ( {
-			template,
-			location: find( unusedTemplates, { slug: template.slug } )
-				? MENU_TEMPLATES_UNUSED
-				: templateLocations[ template.slug ],
-		} ) );
-	}, [ templates ] );
-
-	const topLevelTemplates = useMemo(
-		() =>
-			templatesWithLocation
-				?.filter( ( { location } ) => location === MENU_TEMPLATES )
-				?.map( ( { template } ) => template ) ?? [],
-		[ templatesWithLocation ]
-	);
-
-	return (
-		<NavigationMenu
-			menu={ MENU_TEMPLATES }
-			title={ __( 'Templates' ) }
-			titleAction={ <NewTemplateDropdown /> }
-			parentMenu={ MENU_ROOT }
-			hasSearch={ true }
-			onSearch={ onSearch }
-			search={ search }
-		>
-			{ search && (
-				<SearchResults items={ templates } search={ search } />
-			) }
-
-			{ ! search && (
-				<>
-					{ map( topLevelTemplates, ( template ) => (
-						<TemplateNavigationItem
-							item={ template }
-							key={ `wp_template-${ template.id }` }
-						/>
-					) ) }
-					<NavigationItem
-						navigateToMenu={ MENU_TEMPLATES_POSTS }
-						title={ __( 'Post templates' ) }
-						hideIfTargetMenuEmpty
-					/>
-					<NavigationItem
-						navigateToMenu={ MENU_TEMPLATES_PAGES }
-						title={ __( 'Page templates' ) }
-						hideIfTargetMenuEmpty
-					/>
-					<NavigationItem
-						navigateToMenu={ MENU_TEMPLATES_GENERAL }
-						title={ __( 'General templates' ) }
-						hideIfTargetMenuEmpty
-					/>
-					<NavigationItem
-						navigateToMenu={ MENU_TEMPLATES_UNUSED }
-						title={ __( 'Unused templates' ) }
-						hideIfTargetMenuEmpty
-					/>
-				</>
-			) }
-
-			{ ! search && templates === null && (
-				<NavigationItem title={ __( 'Loading…' ) } isText />
-			) }
-
-			<TemplatesSubMenu
-				menu={ MENU_TEMPLATES_POSTS }
-				title={ __( 'Post templates' ) }
-				templates={ templatesWithLocation }
-			/>
-			<TemplatesSubMenu
-				menu={ MENU_TEMPLATES_PAGES }
-				title={ __( 'Page templates' ) }
-				templates={ templatesWithLocation }
-			/>
-			<TemplatesSubMenu
-				menu={ MENU_TEMPLATES_GENERAL }
-				title={ __( 'General templates' ) }
-				templates={ templatesWithLocation }
-			/>
-			<TemplatesSubMenu
-				menu={ MENU_TEMPLATES_UNUSED }
-				title={ __( 'Unused templates' ) }
-				templates={ templatesWithLocation }
-			/>
-		</NavigationMenu>
-	);
-}