@wordpress/edit-site 5.13.0 → 5.15.0

package/src/components/sidebar-navigation-screen-library/index.js

@@ -1,136 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalItemGroup as ItemGroup,
-	__experimentalItem as Item,
-} from '@wordpress/components';
-import { useViewportMatch } from '@wordpress/compose';
-import { useSelect } from '@wordpress/data';
-import { getTemplatePartIcon } from '@wordpress/editor';
-import { __ } from '@wordpress/i18n';
-import { getQueryArgs } from '@wordpress/url';
-import { file } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import AddNewPattern from '../add-new-pattern';
-import SidebarNavigationItem from '../sidebar-navigation-item';
-import SidebarNavigationScreen from '../sidebar-navigation-screen';
-import CategoryItem from './category-item';
-import { DEFAULT_CATEGORY, DEFAULT_TYPE } from '../page-library/utils';
-import { store as editSiteStore } from '../../store';
-import usePatternCategories from './use-pattern-categories';
-import useTemplatePartAreas from './use-template-part-areas';
-
-const templatePartAreaLabels = {
-	header: __( 'Headers' ),
-	footer: __( 'Footers' ),
-	sidebar: __( 'Sidebar' ),
-	uncategorized: __( 'Uncategorized' ),
-};
-
-export default function SidebarNavigationScreenLibrary() {
-	const isMobileViewport = useViewportMatch( 'medium', '<' );
-	const { categoryType, categoryId } = getQueryArgs( window.location.href );
-	const currentCategory = categoryId || DEFAULT_CATEGORY;
-	const currentType = categoryType || DEFAULT_TYPE;
-
-	const { templatePartAreas, hasTemplateParts, isLoading } =
-		useTemplatePartAreas();
-	const { patternCategories, hasPatterns } = usePatternCategories();
-
-	const isTemplatePartsMode = useSelect( ( select ) => {
-		const settings = select( editSiteStore ).getSettings();
-		return !! settings.supportsTemplatePartsMode;
-	}, [] );
-
-	return (
-		<SidebarNavigationScreen
-			isRoot={ isTemplatePartsMode }
-			title={ __( 'Library' ) }
-			description={ __(
-				'Manage what patterns are available when editing your site.'
-			) }
-			actions={ <AddNewPattern /> }
-			footer={
-				<ItemGroup>
-					{ ! isMobileViewport && (
-						<SidebarNavigationItem
-							as="a"
-							href="edit.php?post_type=wp_block"
-							withChevron
-						>
-							{ __( 'Manage all custom patterns' ) }
-						</SidebarNavigationItem>
-					) }
-				</ItemGroup>
-			}
-			content={
-				<>
-					{ isLoading && __( 'Loading library' ) }
-					{ ! isLoading && (
-						<>
-							{ ! hasTemplateParts && ! hasPatterns && (
-								<ItemGroup className="edit-site-sidebar-navigation-screen-library__group">
-									<Item>
-										{ __(
-											'No template parts or patterns found'
-										) }
-									</Item>
-								</ItemGroup>
-							) }
-							{ hasTemplateParts && (
-								<ItemGroup className="edit-site-sidebar-navigation-screen-library__group">
-									{ Object.entries( templatePartAreas ).map(
-										( [ area, parts ] ) => (
-											<CategoryItem
-												key={ area }
-												count={ parts.length }
-												icon={ getTemplatePartIcon(
-													area
-												) }
-												label={
-													templatePartAreaLabels[
-														area
-													]
-												}
-												id={ area }
-												type="wp_template_part"
-												isActive={
-													currentCategory === area &&
-													currentType ===
-														'wp_template_part'
-												}
-											/>
-										)
-									) }
-								</ItemGroup>
-							) }
-							{ hasPatterns && (
-								<ItemGroup className="edit-site-sidebar-navigation-screen-library__group">
-									{ patternCategories.map( ( category ) => (
-										<CategoryItem
-											key={ category.name }
-											count={ category.count }
-											label={ category.label }
-											icon={ file }
-											id={ category.name }
-											type="pattern"
-											isActive={
-												currentCategory ===
-													`${ category.name }` &&
-												currentType === 'pattern'
-											}
-										/>
-									) ) }
-								</ItemGroup>
-							) }
-						</>
-					) }
-				</>
-			}
-		/>
-	);
-}

package/src/components/sidebar-navigation-screen-library/style.scss

@@ -1,7 +0,0 @@
-.edit-site-sidebar-navigation-screen-library__group {
-	margin-bottom: $grid-unit-30;
-}
-
-.edit-site-sidebar-navigation-item.is-active-category {
-	background: $gray-800;
-}

package/src/components/sidebar-navigation-screen-library/use-template-part-areas.js

@@ -1,33 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useEntityRecords } from '@wordpress/core-data';
-
-const getTemplatePartAreas = ( items ) => {
-	const allItems = items || [];
-
-	const groupedByArea = allItems.reduce(
-		( accumulator, item ) => {
-			const key = accumulator[ item.area ] ? item.area : 'uncategorized';
-			accumulator[ key ].push( item );
-			return accumulator;
-		},
-		{ header: [], footer: [], sidebar: [], uncategorized: [] }
-	);
-
-	return groupedByArea;
-};
-
-export default function useTemplatePartAreas() {
-	const { records: templateParts, isResolving: isLoading } = useEntityRecords(
-		'postType',
-		'wp_template_part',
-		{ per_page: -1 }
-	);
-
-	return {
-		hasTemplateParts: templateParts ? !! templateParts.length : false,
-		isLoading,
-		templatePartAreas: getTemplatePartAreas( templateParts ),
-	};
-}