@wordpress/edit-site 4.1.0 → 4.3.0

package/build-style/style-rtl.css

@@ -304,7 +304,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   display: flex;
   flex-direction: column;
   overflow: auto;
-  z-index: 91;
+  z-index: 20;
 }
 
 .interface-interface-skeleton__secondary-sidebar,
@@ -773,20 +773,30 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .edit-site-global-styles-variations_item {
   box-sizing: border-box;
+}
+.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
   padding: 2px;
   border-radius: 2px;
   border: #e0e0e0 1px solid;
 }
-.edit-site-global-styles-variations_item.is-active {
+.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview {
   border: #1e1e1e 1px solid;
 }
-.edit-site-global-styles-variations_item:hover {
+.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview {
   border: var(--wp-admin-theme-color) 1px solid;
 }
-.edit-site-global-styles-variations_item:focus {
+.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview {
   border: var(--wp-admin-theme-color) 1px solid;
 }
 
+.edit-site-global-styles-icon-with-current-color {
+  fill: currentColor;
+}
+
+.edit-site-global-styles__color-indicator-wrapper {
+  height: 24px;
+}
+
 .edit-site-header {
   align-items: center;
   background-color: #fff;
@@ -944,6 +954,40 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
   }
 }
 
+.show-icon-labels .edit-site-header .components-button.has-icon {
+  width: auto;
+}
+.show-icon-labels .edit-site-header .components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .edit-site-header .components-button.has-icon::after {
+  content: attr(aria-label);
+}
+.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true] {
+  background-color: transparent;
+}
+.show-icon-labels .edit-site-header .is-tertiary:active {
+  box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
+  background-color: transparent;
+}
+.show-icon-labels .edit-site-header .edit-site-save-button__button {
+  padding-right: 6px;
+  padding-left: 6px;
+  margin-left: 4px;
+}
+.show-icon-labels .edit-site-header .block-editor-post-preview__button-toggle {
+  margin-left: 4px;
+}
+.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle,
+.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info {
+  height: 36px;
+  padding: 0 6px;
+}
+.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle::after,
+.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info::after {
+  content: none;
+}
+
 .edit-site-document-actions {
   display: flex;
   flex-direction: column;
@@ -1503,7 +1547,7 @@ body.is-fullscreen-mode .edit-site-list-header {
   padding: 0 8px;
   height: 24px;
   border-radius: 2px;
-  background-color: #000;
+  background-color: #1e1e1e;
   color: #fff;
   align-items: center;
   font-size: 12px;
@@ -1580,6 +1624,43 @@ body.is-fullscreen-mode .edit-site-list-header {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color);
 }
 
+@keyframes loadingpulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.edit-site-navigation-inspector {
+  padding: 16px;
+}
+.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents {
+  align-items: flex-start;
+  white-space: normal;
+}
+.edit-site-navigation-inspector .block-editor-list-view-block__title {
+  margin-top: 3px;
+}
+.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell {
+  padding-left: 0;
+}
+
+.edit-site-navigation-inspector__placeholder {
+  padding: 8px;
+  margin: 8px;
+  background-color: #f0f0f0;
+  animation: loadingpulse 1s linear infinite;
+  animation-delay: 0.5s;
+}
+.edit-site-navigation-inspector__placeholder.is-child {
+  margin-right: 24px;
+  width: 50%;
+}
+
 .edit-site-template-card {
   display: flex;
   align-items: flex-start;

package/build-style/style.css

@@ -304,7 +304,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   display: flex;
   flex-direction: column;
   overflow: auto;
-  z-index: 91;
+  z-index: 20;
 }
 
 .interface-interface-skeleton__secondary-sidebar,
@@ -773,20 +773,30 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .edit-site-global-styles-variations_item {
   box-sizing: border-box;
+}
+.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
   padding: 2px;
   border-radius: 2px;
   border: #e0e0e0 1px solid;
 }
-.edit-site-global-styles-variations_item.is-active {
+.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview {
   border: #1e1e1e 1px solid;
 }
-.edit-site-global-styles-variations_item:hover {
+.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview {
   border: var(--wp-admin-theme-color) 1px solid;
 }
-.edit-site-global-styles-variations_item:focus {
+.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview {
   border: var(--wp-admin-theme-color) 1px solid;
 }
 
+.edit-site-global-styles-icon-with-current-color {
+  fill: currentColor;
+}
+
+.edit-site-global-styles__color-indicator-wrapper {
+  height: 24px;
+}
+
 .edit-site-header {
   align-items: center;
   background-color: #fff;
@@ -944,6 +954,40 @@ body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .compone
   }
 }
 
+.show-icon-labels .edit-site-header .components-button.has-icon {
+  width: auto;
+}
+.show-icon-labels .edit-site-header .components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .edit-site-header .components-button.has-icon::after {
+  content: attr(aria-label);
+}
+.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true] {
+  background-color: transparent;
+}
+.show-icon-labels .edit-site-header .is-tertiary:active {
+  box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
+  background-color: transparent;
+}
+.show-icon-labels .edit-site-header .edit-site-save-button__button {
+  padding-left: 6px;
+  padding-right: 6px;
+  margin-right: 4px;
+}
+.show-icon-labels .edit-site-header .block-editor-post-preview__button-toggle {
+  margin-right: 4px;
+}
+.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle,
+.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info {
+  height: 36px;
+  padding: 0 6px;
+}
+.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle::after,
+.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info::after {
+  content: none;
+}
+
 .edit-site-document-actions {
   display: flex;
   flex-direction: column;
@@ -1503,7 +1547,7 @@ body.is-fullscreen-mode .edit-site-list-header {
   padding: 0 8px;
   height: 24px;
   border-radius: 2px;
-  background-color: #000;
+  background-color: #1e1e1e;
   color: #fff;
   align-items: center;
   font-size: 12px;
@@ -1580,6 +1624,43 @@ body.is-fullscreen-mode .edit-site-list-header {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color);
 }
 
+@keyframes loadingpulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.edit-site-navigation-inspector {
+  padding: 16px;
+}
+.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents {
+  align-items: flex-start;
+  white-space: normal;
+}
+.edit-site-navigation-inspector .block-editor-list-view-block__title {
+  margin-top: 3px;
+}
+.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell {
+  padding-right: 0;
+}
+
+.edit-site-navigation-inspector__placeholder {
+  padding: 8px;
+  margin: 8px;
+  background-color: #f0f0f0;
+  animation: loadingpulse 1s linear infinite;
+  animation-delay: 0.5s;
+}
+.edit-site-navigation-inspector__placeholder.is-child {
+  margin-left: 24px;
+  width: 50%;
+}
+
 .edit-site-template-card {
   display: flex;
   align-items: flex-start;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "4.1.0",
+	"version": "4.3.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,33 +27,33 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.4.0",
-		"@wordpress/api-fetch": "^6.1.0",
-		"@wordpress/block-editor": "^8.3.0",
-		"@wordpress/block-library": "^7.1.0",
-		"@wordpress/blocks": "^11.3.0",
-		"@wordpress/components": "^19.6.0",
-		"@wordpress/compose": "^5.2.0",
-		"@wordpress/core-data": "^4.2.0",
-		"@wordpress/data": "^6.4.0",
-		"@wordpress/deprecated": "^3.4.0",
-		"@wordpress/editor": "^12.3.0",
-		"@wordpress/element": "^4.2.0",
-		"@wordpress/hooks": "^3.4.0",
-		"@wordpress/html-entities": "^3.4.0",
-		"@wordpress/i18n": "^4.4.0",
-		"@wordpress/icons": "^8.0.0",
-		"@wordpress/interface": "^4.3.0",
-		"@wordpress/keyboard-shortcuts": "^3.2.0",
-		"@wordpress/keycodes": "^3.4.0",
-		"@wordpress/media-utils": "^3.2.0",
-		"@wordpress/notices": "^3.4.0",
-		"@wordpress/plugins": "^4.2.0",
-		"@wordpress/preferences": "^1.0.0-prerelease",
-		"@wordpress/reusable-blocks": "^3.2.0",
-		"@wordpress/style-engine": "^0.3.0",
-		"@wordpress/url": "^3.5.0",
-		"@wordpress/viewport": "^4.2.0",
+		"@wordpress/a11y": "^3.6.0",
+		"@wordpress/api-fetch": "^6.3.0",
+		"@wordpress/block-editor": "^8.5.0",
+		"@wordpress/block-library": "^7.3.0",
+		"@wordpress/blocks": "^11.5.0",
+		"@wordpress/components": "^19.8.0",
+		"@wordpress/compose": "^5.4.0",
+		"@wordpress/core-data": "^4.4.0",
+		"@wordpress/data": "^6.6.0",
+		"@wordpress/deprecated": "^3.6.0",
+		"@wordpress/editor": "^12.5.0",
+		"@wordpress/element": "^4.4.0",
+		"@wordpress/hooks": "^3.6.0",
+		"@wordpress/html-entities": "^3.6.0",
+		"@wordpress/i18n": "^4.6.0",
+		"@wordpress/icons": "^8.2.0",
+		"@wordpress/interface": "^4.5.0",
+		"@wordpress/keyboard-shortcuts": "^3.4.0",
+		"@wordpress/keycodes": "^3.6.0",
+		"@wordpress/media-utils": "^3.4.0",
+		"@wordpress/notices": "^3.6.0",
+		"@wordpress/plugins": "^4.4.0",
+		"@wordpress/preferences": "^1.2.0",
+		"@wordpress/reusable-blocks": "^3.4.0",
+		"@wordpress/style-engine": "^0.5.0",
+		"@wordpress/url": "^3.7.0",
+		"@wordpress/viewport": "^4.4.0",
 		"classnames": "^2.3.1",
 		"downloadjs": "^1.4.7",
 		"history": "^5.1.0",
@@ -68,5 +68,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "c37fd7edbc3e379540d7b24fce75a6f640a434ae"
+	"gitHead": "11eb1241e63c9240018323551c6753f8a5fa96f9"
 }

package/src/components/add-new-template/new-template-part.js

@@ -7,7 +7,7 @@ import { kebabCase } from 'lodash';
  * WordPress dependencies
  */
 import { useState } from '@wordpress/element';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useDispatch } from '@wordpress/data';
 import { Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
@@ -24,7 +24,6 @@ export default function NewTemplatePart( { postType } ) {
 	const [ isModalOpen, setIsModalOpen ] = useState( false );
 	const { createErrorNotice } = useDispatch( noticesStore );
 	const { saveEntityRecord } = useDispatch( coreStore );
-	const { getLastEntitySaveError } = useSelect( coreStore );
 
 	async function createTemplatePart( { title, area } ) {
 		if ( ! title ) {
@@ -49,18 +48,10 @@ export default function NewTemplatePart( { postType } ) {
 					title,
 					content: '',
 					area,
-				}
+				},
+				{ throwOnError: true }
 			);
 
-			const lastEntitySaveError = getLastEntitySaveError(
-				'postType',
-				'wp_template_part',
-				templatePart.id
-			);
-			if ( lastEntitySaveError ) {
-				throw lastEntitySaveError;
-			}
-
 			setIsModalOpen( false );
 
 			// Navigate to the created template part editor.

package/src/components/add-new-template/new-template.js

@@ -15,6 +15,21 @@ import {
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
 import { store as editorStore } from '@wordpress/editor';
+import {
+	archive,
+	blockMeta,
+	category,
+	home,
+	list,
+	media,
+	notFound,
+	page,
+	post,
+	postAuthor,
+	postDate,
+	search,
+	tag,
+} from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 
@@ -27,12 +42,33 @@ const DEFAULT_TEMPLATE_SLUGS = [
 	'front-page',
 	'single-post',
 	'page',
+	'index',
 	'archive',
+	'author',
+	'category',
+	'date',
+	'tag',
+	'taxonomy',
 	'search',
 	'404',
-	'index',
 ];
 
+const TEMPLATE_ICONS = {
+	'front-page': home,
+	'single-post': post,
+	page,
+	archive,
+	search,
+	404: notFound,
+	index: list,
+	category,
+	author: postAuthor,
+	taxonomy: blockMeta,
+	date: postDate,
+	tag,
+	attachment: media,
+};
+
 export default function NewTemplate( { postType } ) {
 	const history = useHistory();
 	const { templates, defaultTemplateTypes } = useSelect(
@@ -50,7 +86,6 @@ export default function NewTemplate( { postType } ) {
 	);
 	const { saveEntityRecord } = useDispatch( coreStore );
 	const { createErrorNotice } = useDispatch( noticesStore );
-	const { getLastEntitySaveError } = useSelect( coreStore );
 
 	async function createTemplate( { slug } ) {
 		try {
@@ -67,18 +102,10 @@ export default function NewTemplate( { postType } ) {
 					slug: slug.toString(),
 					status: 'publish',
 					title,
-				}
+				},
+				{ throwOnError: true }
 			);
 
-			const lastEntitySaveError = getLastEntitySaveError(
-				'postType',
-				'wp_template',
-				template.id
-			);
-			if ( lastEntitySaveError ) {
-				throw lastEntitySaveError;
-			}
-
 			// Navigate to the created template editor.
 			history.push( {
 				postId: template.id,
@@ -111,6 +138,14 @@ export default function NewTemplate( { postType } ) {
 		return null;
 	}
 
+	// Update the sort order to match the DEFAULT_TEMPLATE_SLUGS order.
+	missingTemplates.sort( ( template1, template2 ) => {
+		return (
+			DEFAULT_TEMPLATE_SLUGS.indexOf( template1.slug ) -
+			DEFAULT_TEMPLATE_SLUGS.indexOf( template2.slug )
+		);
+	} );
+
 	return (
 		<DropdownMenu
 			className="edit-site-new-template-dropdown"
@@ -131,6 +166,8 @@ export default function NewTemplate( { postType } ) {
 							missingTemplates,
 							( { title, description, slug } ) => (
 								<MenuItem
+									icon={ TEMPLATE_ICONS[ slug ] }
+									iconPosition="left"
 									info={ description }
 									key={ slug }
 									onClick={ () => {

package/src/components/block-editor/index.js

@@ -8,20 +8,26 @@ import classnames from 'classnames';
  */
 import { useSelect, useDispatch } from '@wordpress/data';
 import { useCallback, useRef } from '@wordpress/element';
-import { useEntityBlockEditor } from '@wordpress/core-data';
+import { useEntityBlockEditor, store as coreStore } from '@wordpress/core-data';
 import {
 	BlockList,
 	BlockEditorProvider,
 	__experimentalLinkControl,
 	BlockInspector,
 	BlockTools,
+	__unstableBlockToolbarLastItem,
 	__unstableBlockSettingsMenuFirstItem,
 	__unstableUseTypingObserver as useTypingObserver,
 	BlockEditorKeyboardShortcuts,
 	store as blockEditorStore,
+	__unstableBlockNameContext,
 } from '@wordpress/block-editor';
 import { useMergeRefs, useViewportMatch } from '@wordpress/compose';
 import { ReusableBlocksMenuItems } from '@wordpress/reusable-blocks';
+import { listView } from '@wordpress/icons';
+import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { store as interfaceStore } from '@wordpress/interface';
 
 /**
  * Internal dependencies
@@ -42,17 +48,44 @@ const LAYOUT = {
 };
 
 export default function BlockEditor( { setIsInserterOpen } ) {
-	const { settings, templateType, templateId, page } = useSelect(
+	const { settings } = useSelect(
 		( select ) => {
-			const {
-				getSettings,
-				getEditedPostType,
-				getEditedPostId,
-				getPage,
-			} = select( editSiteStore );
+			let storedSettings = select( editSiteStore ).getSettings(
+				setIsInserterOpen
+			);
+
+			if ( ! storedSettings.__experimentalBlockPatterns ) {
+				storedSettings = {
+					...storedSettings,
+					__experimentalBlockPatterns: select(
+						coreStore
+					).getBlockPatterns(),
+				};
+			}
+
+			if ( ! storedSettings.__experimentalBlockPatternCategories ) {
+				storedSettings = {
+					...storedSettings,
+					__experimentalBlockPatternCategories: select(
+						coreStore
+					).getBlockPatternCategories(),
+				};
+			}
+
+			return {
+				settings: storedSettings,
+			};
+		},
+		[ setIsInserterOpen ]
+	);
+
+	const { templateType, templateId, page } = useSelect(
+		( select ) => {
+			const { getEditedPostType, getEditedPostId, getPage } = select(
+				editSiteStore
+			);
 
 			return {
-				settings: getSettings( setIsInserterOpen ),
 				templateType: getEditedPostType(),
 				templateId: getEditedPostId(),
 				page: getPage(),
@@ -60,11 +93,19 @@ export default function BlockEditor( { setIsInserterOpen } ) {
 		},
 		[ setIsInserterOpen ]
 	);
+
 	const [ blocks, onInput, onChange ] = useEntityBlockEditor(
 		'postType',
 		templateType
 	);
 	const { setPage } = useDispatch( editSiteStore );
+	const { enableComplementaryArea } = useDispatch( interfaceStore );
+	const openNavigationSidebar = useCallback( () => {
+		enableComplementaryArea(
+			'core/edit-site',
+			'edit-site/navigation-menu'
+		);
+	}, [ enableComplementaryArea ] );
 	const contentRef = useRef();
 	const mergedRefs = useMergeRefs( [ contentRef, useTypingObserver() ] );
 	const isMobileViewport = useViewportMatch( 'small', '<' );
@@ -72,6 +113,26 @@ export default function BlockEditor( { setIsInserterOpen } ) {
 
 	const isTemplatePart = templateType === 'wp_template_part';
 
+	const NavMenuSidebarToggle = () => (
+		<ToolbarGroup>
+			<ToolbarButton
+				className="components-toolbar__control"
+				label={ __( 'Open list view' ) }
+				onClick={ openNavigationSidebar }
+				icon={ listView }
+			/>
+		</ToolbarGroup>
+	);
+
+	// Conditionally include NavMenu sidebar in Plugin only.
+	// Optimise for dead code elimination.
+	// See https://github.com/WordPress/gutenberg/blob/trunk/docs/how-to-guides/feature-flags.md#dead-code-elimination.
+	let MaybeNavMenuSidebarToggle = 'Fragment';
+
+	if ( process.env.IS_GUTENBERG_PLUGIN ) {
+		MaybeNavMenuSidebarToggle = NavMenuSidebarToggle;
+	}
+
 	return (
 		<BlockEditorProvider
 			settings={ settings }
@@ -133,6 +194,15 @@ export default function BlockEditor( { setIsInserterOpen } ) {
 						<BlockInspectorButton onClick={ onClose } />
 					) }
 				</__unstableBlockSettingsMenuFirstItem>
+				<__unstableBlockToolbarLastItem>
+					<__unstableBlockNameContext.Consumer>
+						{ ( blockName ) =>
+							blockName === 'core/navigation' && (
+								<MaybeNavMenuSidebarToggle />
+							)
+						}
+					</__unstableBlockNameContext.Consumer>
+				</__unstableBlockToolbarLastItem>
 			</BlockTools>
 			<ReusableBlocksMenuItems />
 		</BlockEditorProvider>

package/src/components/editor/index.js

@@ -21,6 +21,7 @@ import {
 	ShortcutProvider,
 	store as keyboardShortcutsStore,
 } from '@wordpress/keyboard-shortcuts';
+import { store as preferencesStore } from '@wordpress/preferences';
 
 /**
  * Internal dependencies
@@ -61,6 +62,7 @@ function Editor( { onError } ) {
 		previousShortcut,
 		nextShortcut,
 		editorMode,
+		showIconLabels,
 	} = useSelect( ( select ) => {
 		const {
 			isInserterOpened,
@@ -105,6 +107,10 @@ function Editor( { onError } ) {
 				keyboardShortcutsStore
 			).getAllShortcutKeyCombinations( 'core/edit-site/next-region' ),
 			editorMode: getEditorMode(),
+			showIconLabels: select( preferencesStore ).get(
+				'core/edit-site',
+				'showIconLabels'
+			),
 		};
 	}, [] );
 	const { setPage, setIsInserterOpened } = useDispatch( editSiteStore );
@@ -203,6 +209,10 @@ function Editor( { onError } ) {
 										<SidebarComplementaryAreaFills />
 										<InterfaceSkeleton
 											labels={ interfaceLabels }
+											className={
+												showIconLabels &&
+												'show-icon-labels'
+											}
 											secondarySidebar={ secondarySidebar() }
 											sidebar={
 												sidebarIsOpened && (
@@ -217,6 +227,9 @@ function Editor( { onError } ) {
 													openEntitiesSavedStates={
 														openEntitiesSavedStates
 													}
+													showIconLabels={
+														showIconLabels
+													}
 												/>
 											}
 											notices={ <EditorSnackbars /> }