@wordpress/edit-site 5.6.0 → 5.8.0

package/src/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js

@@ -6,10 +6,14 @@ import {
 	store as blockEditorStore,
 	BlockList,
 	BlockTools,
+	__experimentalLinkControl as LinkControl,
 } from '@wordpress/block-editor';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { createBlock } from '@wordpress/blocks';
-import { useCallback } from '@wordpress/element';
+import { Popover } from '@wordpress/components';
+import { __unstableStripHTML as stripHTML } from '@wordpress/dom';
+import { useCallback, useEffect, useState } from '@wordpress/element';
+import { store as coreStore } from '@wordpress/core-data';
 
 /**
  * Internal dependencies
@@ -17,17 +21,80 @@ import { useCallback } from '@wordpress/element';
 import { unlock } from '../../private-apis';
 import { NavigationMenuLoader } from './loader';
 
+function CustomLinkAdditionalBlockUI( { block, onClose } ) {
+	const { updateBlockAttributes } = useDispatch( blockEditorStore );
+	const { label, url, opensInNewTab } = block.attributes;
+	const link = {
+		url,
+		opensInNewTab,
+		title: label && stripHTML( label ),
+	};
+	return (
+		<Popover placement="bottom" shift onClose={ onClose }>
+			<LinkControl
+				hasTextControl
+				hasRichPreviews
+				value={ link }
+				onChange={ ( updatedValue ) => {
+					updateBlockAttributes( block.clientId, {
+						label: updatedValue.title,
+						url: updatedValue.url,
+						opensInNewTab: updatedValue.opensInNewTab,
+					} );
+					onClose();
+				} }
+				onCancel={ onClose }
+			/>
+		</Popover>
+	);
+}
+// Needs to be kept in sync with the query used at packages/block-library/src/page-list/edit.js.
+const MAX_PAGE_COUNT = 100;
+const PAGES_QUERY = [
+	'postType',
+	'page',
+	{
+		per_page: MAX_PAGE_COUNT,
+		_fields: [ 'id', 'link', 'menu_order', 'parent', 'title', 'type' ],
+		// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby
+		// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent
+		// sort.
+		orderby: 'menu_order',
+		order: 'asc',
+	},
+];
+
 export default function NavigationMenuContent( { rootClientId, onSelect } ) {
-	const { clientIdsTree, isLoading } = useSelect(
+	const [ isLoading, setIsLoading ] = useState( true );
+	const { clientIdsTree, shouldKeepLoading, isSinglePageList } = useSelect(
 		( select ) => {
-			const { __unstableGetClientIdsTree, areInnerBlocksControlled } =
-				select( blockEditorStore );
-			return {
-				clientIdsTree: __unstableGetClientIdsTree( rootClientId ),
+			const {
+				__unstableGetClientIdsTree,
+				areInnerBlocksControlled,
+				getBlockName,
+			} = select( blockEditorStore );
+			const { isResolving } = select( coreStore );
 
+			const _clientIdsTree = __unstableGetClientIdsTree( rootClientId );
+			const hasOnlyPageListBlock =
+				_clientIdsTree.length === 1 &&
+				getBlockName( _clientIdsTree[ 0 ].clientId ) ===
+					'core/page-list';
+			const isLoadingPages = isResolving(
+				'getEntityRecords',
+				PAGES_QUERY
+			);
+			return {
+				clientIdsTree: _clientIdsTree,
 				// This is a small hack to wait for the navigation block
 				// to actually load its inner blocks.
-				isLoading: ! areInnerBlocksControlled( rootClientId ),
+				shouldKeepLoading:
+					! areInnerBlocksControlled( rootClientId ) ||
+					isLoadingPages,
+				isSinglePageList:
+					hasOnlyPageListBlock &&
+					! isLoadingPages &&
+					_clientIdsTree[ 0 ].innerBlocks.length > 0,
 			};
 		},
 		[ rootClientId ]
@@ -35,6 +102,48 @@ export default function NavigationMenuContent( { rootClientId, onSelect } ) {
 	const { replaceBlock, __unstableMarkNextChangeAsNotPersistent } =
 		useDispatch( blockEditorStore );
 
+	const [ customLinkEditPopoverOpenId, setIsCustomLinkEditPopoverOpenId ] =
+		useState( false );
+
+	const renderAdditionalBlockUICallback = useCallback(
+		( block ) => {
+			if (
+				customLinkEditPopoverOpenId &&
+				block.clientId === customLinkEditPopoverOpenId
+			) {
+				return (
+					<CustomLinkAdditionalBlockUI
+						block={ block }
+						onClose={ () => {
+							setIsCustomLinkEditPopoverOpenId( false );
+						} }
+					/>
+				);
+			}
+			return null;
+		},
+		[ customLinkEditPopoverOpenId, setIsCustomLinkEditPopoverOpenId ]
+	);
+
+	// Delay loading stop by 50ms to avoid flickering.
+	useEffect( () => {
+		let timeoutId;
+		if ( shouldKeepLoading && ! isLoading ) {
+			setIsLoading( true );
+		}
+		if ( ! shouldKeepLoading && isLoading ) {
+			timeoutId = setTimeout( () => {
+				setIsLoading( false );
+				timeoutId = undefined;
+			}, 50 );
+		}
+		return () => {
+			if ( timeoutId ) {
+				clearTimeout( timeoutId );
+			}
+		};
+	}, [ shouldKeepLoading, clientIdsTree, isLoading ] );
+
 	const { OffCanvasEditor, LeafMoreMenu } = unlock( blockEditorPrivateApis );
 
 	const offCanvasOnselect = useCallback(
@@ -48,11 +157,22 @@ export default function NavigationMenuContent( { rootClientId, onSelect } ) {
 					block.clientId,
 					createBlock( 'core/navigation-link', block.attributes )
 				);
+			} else if (
+				block.name === 'core/navigation-link' &&
+				block.attributes.kind === 'custom' &&
+				block.attributes.url
+			) {
+				setIsCustomLinkEditPopoverOpenId( block.clientId );
 			} else {
 				onSelect( block );
 			}
 		},
-		[ onSelect, __unstableMarkNextChangeAsNotPersistent, replaceBlock ]
+		[
+			onSelect,
+			__unstableMarkNextChangeAsNotPersistent,
+			replaceBlock,
+			setIsCustomLinkEditPopoverOpenId,
+		]
 	);
 
 	// The hidden block is needed because it makes block edit side effects trigger.
@@ -62,10 +182,15 @@ export default function NavigationMenuContent( { rootClientId, onSelect } ) {
 			{ isLoading && <NavigationMenuLoader /> }
 			{ ! isLoading && (
 				<OffCanvasEditor
-					blocks={ clientIdsTree }
+					blocks={
+						isSinglePageList
+							? clientIdsTree[ 0 ].innerBlocks
+							: clientIdsTree
+					}
 					onSelect={ offCanvasOnselect }
 					LeafMoreMenu={ LeafMoreMenu }
 					showAppender={ false }
+					renderAdditionalBlockUI={ renderAdditionalBlockUICallback }
 				/>
 			) }
 			<div style={ { visibility: 'hidden' } }>

package/src/components/site-hub/index.js

@@ -17,6 +17,7 @@ import { __ } from '@wordpress/i18n';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as coreStore } from '@wordpress/core-data';
 import { forwardRef } from '@wordpress/element';
+import { decodeEntities } from '@wordpress/html-entities';
 
 /**
  * Internal dependencies
@@ -29,7 +30,6 @@ const HUB_ANIMATION_DURATION = 0.3;
 
 const SiteHub = forwardRef( ( props, ref ) => {
 	const { canvasMode, dashboardLink } = useSelect( ( select ) => {
-		select( editSiteStore ).getEditedPostType();
 		const { getCanvasMode, getSettings } = unlock(
 			select( editSiteStore )
 		);
@@ -46,7 +46,7 @@ const SiteHub = forwardRef( ( props, ref ) => {
 	const siteIconButtonProps = isBackToDashboardButton
 		? {
 				href: dashboardLink || 'index.php',
-				'aria-label': __( 'Go back to the dashboard' ),
+				label: __( 'Go back to the Dashboard' ),
 		  }
 		: {
 				label: __( 'Open Navigation Sidebar' ),
@@ -97,7 +97,7 @@ const SiteHub = forwardRef( ( props, ref ) => {
 
 				{ showLabels && (
 					<div className="edit-site-site-hub__site-title">
-						{ siteTitle }
+						{ decodeEntities( siteTitle ) }
 					</div>
 				) }
 			</HStack>

package/src/components/start-template-options/index.js

@@ -4,7 +4,10 @@
 import { Modal } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useState, useEffect, useMemo } from '@wordpress/element';
-import { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';
+import {
+	__experimentalBlockPatternsList as BlockPatternsList,
+	store as blockEditorStore,
+} from '@wordpress/block-editor';
 import { useSelect } from '@wordpress/data';
 import { useAsyncList } from '@wordpress/compose';
 import { store as preferencesStore } from '@wordpress/preferences';
@@ -35,15 +38,40 @@ function useFallbackTemplateContent( slug, isCustom = false ) {
 
 const START_BLANK_TITLE = __( 'Start blank' );
 
-function PatternSelection( { fallbackContent, onChoosePattern, postType } ) {
-	const [ , , onChange ] = useEntityBlockEditor( 'postType', postType );
-	const blockPatterns = useMemo(
-		() => [
+function useStartPatterns( fallbackContent ) {
+	const { slug, patterns } = useSelect( ( select ) => {
+		const { getEditedPostType, getEditedPostId } = select( editSiteStore );
+		const { getEntityRecord } = select( coreStore );
+		const postId = getEditedPostId();
+		const postType = getEditedPostType();
+		const record = getEntityRecord( 'postType', postType, postId );
+		const { getSettings } = select( blockEditorStore );
+		return {
+			slug: record.slug,
+			patterns: getSettings().__experimentalBlockPatterns,
+		};
+	}, [] );
+
+	return useMemo( () => {
+		// filter patterns that are supposed to be used in the current template being edited.
+		return [
 			{
 				name: 'fallback',
 				blocks: parse( fallbackContent ),
 				title: __( 'Fallback content' ),
 			},
+			...patterns
+				.filter( ( pattern ) => {
+					return (
+						Array.isArray( pattern.templateTypes ) &&
+						pattern.templateTypes.some( ( templateType ) =>
+							slug.startsWith( templateType )
+						)
+					);
+				} )
+				.map( ( pattern ) => {
+					return { ...pattern, blocks: parse( pattern.content ) };
+				} ),
 			{
 				name: 'start-blank',
 				blocks: parse(
@@ -51,9 +79,13 @@ function PatternSelection( { fallbackContent, onChoosePattern, postType } ) {
 				),
 				title: START_BLANK_TITLE,
 			},
-		],
-		[ fallbackContent ]
-	);
+		];
+	}, [ fallbackContent, slug, patterns ] );
+}
+
+function PatternSelection( { fallbackContent, onChoosePattern, postType } ) {
+	const [ , , onChange ] = useEntityBlockEditor( 'postType', postType );
+	const blockPatterns = useStartPatterns( fallbackContent );
 	const shownBlockPatterns = useAsyncList( blockPatterns );
 
 	return (

package/src/components/start-template-options/style.scss

@@ -19,6 +19,7 @@
 	margin-top: $grid-unit-05;
 	gap: $grid-unit-30;
 	grid-template-columns: repeat(auto-fit, minmax(min(100%/2, max(240px, 100%/10)), 1fr));
+
 	.block-editor-block-patterns-list__list-item {
 		break-inside: avoid-column;
 		margin-bottom: 0;
@@ -27,7 +28,6 @@
 
 		.block-editor-block-preview__container {
 			height: 100%;
-			box-shadow: 0 0 0 1px $gray-300;
 		}
 
 		.block-editor-block-preview__content {
@@ -38,20 +38,13 @@
 		.block-editor-block-patterns-list__item-title {
 			display: none;
 		}
+	}
 
-		&:hover {
-			.block-editor-block-preview__container {
-				box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
-			}
-		}
-
-		&:focus {
-			.block-editor-block-preview__container {
-				box-shadow: inset 0 0 0 1px $white, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-
-				// Windows High Contrast mode will show this outline, but not the box-shadow.
-				outline: 2px solid transparent;
-			}
+	.block-editor-block-patterns-list__item {
+		// Avoid to override the BlockPatternList component
+		// default hover and focus styles.
+		&:not(:focus):not(:hover) .block-editor-block-preview__container {
+			box-shadow: 0 0 0 1px $gray-300;
 		}
 	}
 

package/src/components/style-book/index.js

@@ -247,25 +247,19 @@ function StyleBook( { isSelected, onSelect, onClose } ) {
 					{ ( tab ) => (
 						<Iframe
 							className="edit-site-style-book__iframe"
-							head={
-								<>
-									<EditorStyles styles={ settings.styles } />
-									<style>
-										{
-											// Forming a "block formatting context" to prevent margin collapsing.
-											// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-											`.is-root-container { display: flow-root; }
-											body { position: relative; padding: 32px !important; }` +
-												STYLE_BOOK_IFRAME_STYLES
-										}
-									</style>
-								</>
-							}
 							name="style-book-canvas"
 							tabIndex={ 0 }
 						>
-							{ /* Filters need to be rendered before children to avoid Safari rendering issues. */ }
-							{ settings.svgFilters }
+							<EditorStyles styles={ settings.styles } />
+							<style>
+								{
+									// Forming a "block formatting context" to prevent margin collapsing.
+									// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
+									`.is-root-container { display: flow-root; }
+											body { position: relative; padding: 32px !important; }` +
+										STYLE_BOOK_IFRAME_STYLES
+								}
+							</style>
 							<Examples
 								className={ classnames(
 									'edit-site-style-book__examples',

package/src/components/style-book/style.scss

@@ -1,5 +1,5 @@
 .edit-site-style-book {
-	background: $white; // Fallback color, overriden by JavaScript.
+	background: $white; // Fallback color, overridden by JavaScript.
 	border-radius: $radius-block-ui;
 	bottom: 0;
 	left: 0;

package/src/components/welcome-guide/styles.js

@@ -119,7 +119,7 @@ export default function WelcomeGuideStyles() {
 								) }
 								<ExternalLink
 									href={ __(
-										'https://wordpress.org/support/article/styles-overview/'
+										'https://wordpress.org/documentation/article/styles-overview/'
 									) }
 								>
 									{ __(

package/src/hooks/commands/index.js

@@ -0,0 +1,10 @@
+/**
+ * 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

@@ -0,0 +1,103 @@
+/**
+ * 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

@@ -0,0 +1,77 @@
+/**
+ * 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/hooks/push-changes-to-global-styles/index.js

@@ -45,6 +45,7 @@ const STYLE_PATH_TO_CSS_VAR_INFIX = {
 	'elements.button.color.background': 'color',
 	'elements.button.typography.fontFamily': 'font-family',
 	'elements.button.typography.fontSize': 'font-size',
+	'elements.caption.color.text': 'color',
 	'elements.heading.color': 'color',
 	'elements.heading.color.background': 'color',
 	'elements.heading.typography.fontFamily': 'font-family',

package/src/hooks/template-part-edit.js

@@ -34,6 +34,7 @@ function EditTemplatePartMenuItem( { attributes } ) {
 		{
 			postId: templatePart?.id,
 			postType: templatePart?.type,
+			canvas: 'edit',
 		},
 		{
 			fromTemplateId: params.postId,

package/src/index.js

@@ -67,6 +67,7 @@ export function initializeEditor( id, settings ) {
 		welcomeGuide: true,
 		welcomeGuideStyles: true,
 		showListViewByDefault: false,
+		showBlockBreadcrumbs: true,
 	} );
 
 	dispatch( interfaceStore ).setDefaultComplementaryArea(

package/src/store/selectors.js

@@ -39,13 +39,14 @@ export const __unstableGetPreference = createRegistrySelector(
 /**
  * Returns whether the given feature is enabled or not.
  *
+ * @deprecated
  * @param {Object} state       Global application state.
  * @param {string} featureName Feature slug.
  *
  * @return {boolean} Is active.
  */
 export function isFeatureActive( state, featureName ) {
-	deprecated( `select( 'core/interface' ).isFeatureActive`, {
+	deprecated( `select( 'core/edit-site' ).isFeatureActive`, {
 		since: '6.0',
 		alternative: `select( 'core/preferences' ).get`,
 	} );

package/build/components/global-styles/color-utils.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHasColorPanel = useHasColorPanel;
-
-var _hooks = require("./hooks");
-
-/**
- * Internal dependencies
- */
-function useHasColorPanel(name) {
-  const supports = (0, _hooks.useSupportedStyles)(name);
-  return supports.includes('color') || supports.includes('backgroundColor') || supports.includes('background') || supports.includes('linkColor');
-}
-//# sourceMappingURL=color-utils.js.map

package/build/components/global-styles/color-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/global-styles/color-utils.js"],"names":["useHasColorPanel","name","supports","includes"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,SAASA,gBAAT,CAA2BC,IAA3B,EAAkC;AACxC,QAAMC,QAAQ,GAAG,+BAAoBD,IAApB,CAAjB;AACA,SACCC,QAAQ,CAACC,QAAT,CAAmB,OAAnB,KACAD,QAAQ,CAACC,QAAT,CAAmB,iBAAnB,CADA,IAEAD,QAAQ,CAACC,QAAT,CAAmB,YAAnB,CAFA,IAGAD,QAAQ,CAACC,QAAT,CAAmB,WAAnB,CAJD;AAMA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useSupportedStyles } from './hooks';\n\nexport function useHasColorPanel( name ) {\n\tconst supports = useSupportedStyles( name );\n\treturn (\n\t\tsupports.includes( 'color' ) ||\n\t\tsupports.includes( 'backgroundColor' ) ||\n\t\tsupports.includes( 'background' ) ||\n\t\tsupports.includes( 'linkColor' )\n\t);\n}\n"]}