From 7d857b4c7482ae96323873b6c1763b95f0d11e8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mat=C3=ADas=20Surdi?= <matiassurdi@gmail.com>
Date: Thu, 4 Aug 2022 15:50:33 +0200
Subject: [PATCH] Add a new boolean 'header' setting so that it can be disabled
 when not needed (#180)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Add a new boolean 'header' setting so that it can be disabled when not needed

* Update changelog

Co-authored-by: Matías Surdi <matias.emanuel.surdi@automattic.om>
---
 CHANGELOG.md                             |  3 +++
 src/components/block-editor/index.js     | 13 ++++++-------
 src/components/default-settings/index.js |  2 ++
 src/index.js                             |  1 +
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ea62baf7..a53079c3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,9 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.17.0] - 2022-08-04
+- Add a new boolean 'header' setting so that it can be disabled when not neede
+
 ## [2.16.0] - 2022-06-30
 - Fixed the deprecated use of BlockNavigationDropdown
 - Remove some old CSS adding focus borders to some blocks
diff --git a/src/components/block-editor/index.js b/src/components/block-editor/index.js
index 7d7908c9..1125448e 100644
--- a/src/components/block-editor/index.js
+++ b/src/components/block-editor/index.js
@@ -73,6 +73,7 @@ function BlockEditor( props ) {
 	const isMobileViewport = useViewportMatch( 'medium', '<' );
 	const inspectorInSidebar = settings?.iso?.sidebar?.inspector || false;
 	const inserterInSidebar = settings?.iso?.sidebar?.inserter || false;
+	const showHeader = settings?.iso?.header ?? true;
 	const showFooter = settings?.iso?.footer || false;
 	const {
 		sidebarIsOpened,
@@ -141,6 +142,10 @@ function BlockEditor( props ) {
 		};
 	}, [ isFullscreenActive ] );
 
+	const header = showHeader ? (
+		<BlockEditorToolbar editorMode={ editorMode } settings={ settings } renderMoreMenu={ renderMoreMenu } />
+	) : null;
+
 	return (
 		<>
 			<SettingsSidebar documentInspector={ settings?.iso?.toolbar?.documentInspector ?? false } />
@@ -149,13 +154,7 @@ function BlockEditor( props ) {
 			<InterfaceSkeleton
 				className={ className }
 				labels={ interfaceLabels }
-				header={
-					<BlockEditorToolbar
-						editorMode={ editorMode }
-						settings={ settings }
-						renderMoreMenu={ renderMoreMenu }
-					/>
-				}
+				header={ header }
 				secondarySidebar={ secondarySidebar() }
 				sidebar={
 					( ! isMobileViewport || sidebarIsOpened ) &&
diff --git a/src/components/default-settings/index.js b/src/components/default-settings/index.js
index 33f40c53..61e454a7 100644
--- a/src/components/default-settings/index.js
+++ b/src/components/default-settings/index.js
@@ -57,6 +57,8 @@ export default function applyDefaultSettings( settings ) {
 				...( iso?.toolbar ?? {} ),
 			},
 
+			header: iso?.header ?? true,
+
 			sidebar: {
 				inserter: false,
 				inspector: false,
diff --git a/src/index.js b/src/index.js
index f67af2cc..f98891f6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -92,6 +92,7 @@ import './style.scss';
  * @property {string[]} [disallowEmbed] - List of embed names to remove
  * @property {object[]} [customStores] - Array of custom stores
  * @property {boolean} [footer] - Show footer component
+ * @property {boolean} [header] - Show header component
  * @property {ToolbarSettings} [toolbar] - Toolbar settings
  * @property {MoreMenuSettings|false} [moreMenu] - More menu settings, or false to disable
  * @property {{title: string, url: string}[]} [linkMenu] - Link menu settings