Add option to skip PublishSidebar on publishing

edit-post/components/header/index.js

@@ -7,6 +7,7 @@ import {
 	PostPreviewButton,
 	PostSavedState,
 	PostPublishPanelToggle,
+	PostPublishButton,
 } from '@wordpress/editor';
 import { withDispatch, withSelect } from '@wordpress/data';
 import { compose } from '@wordpress/compose';
@@ -26,6 +27,7 @@ function Header( {
 	openGeneralSidebar,
 	closeGeneralSidebar,
 	isPublishSidebarOpened,
+	isPublishSidebarEnabled,
 	togglePublishSidebar,
 	hasActiveMetaboxes,
 	isSaving,
@@ -48,12 +50,19 @@ function Header( {
 						forceIsSaving={ isSaving }
 					/>
 					<PostPreviewButton />
-					<PostPublishPanelToggle
-						isOpen={ isPublishSidebarOpened }
-						onToggle={ togglePublishSidebar }
-						forceIsDirty={ hasActiveMetaboxes }
-						forceIsSaving={ isSaving }
-					/>
+					{ isPublishSidebarEnabled ? (
+						<PostPublishPanelToggle
+							isOpen={ isPublishSidebarOpened }
+							onToggle={ togglePublishSidebar }
+							forceIsDirty={ hasActiveMetaboxes }
+							forceIsSaving={ isSaving }
+						/>
+					) : (
+						<PostPublishButton
+							forceIsDirty={ hasActiveMetaboxes }
+							forceIsSaving={ isSaving }
+						/>
+					) }
 					<div>
 						<IconButton
 							icon="admin-generic"
@@ -79,6 +88,7 @@ export default compose(
 	withSelect( ( select ) => ( {
 		isEditorSidebarOpened: select( 'core/edit-post' ).isEditorSidebarOpened(),
 		isPublishSidebarOpened: select( 'core/edit-post' ).isPublishSidebarOpened(),
+		isPublishSidebarEnabled: select( 'core/editor' ).isPublishSidebarEnabled(),
 		hasActiveMetaboxes: select( 'core/edit-post' ).hasMetaBoxes(),
 		isSaving: select( 'core/edit-post' ).isSavingMetaBoxes(),
 		hasBlockSelection: !! select( 'core/editor' ).getBlockSelectionStart(),

edit-post/components/header/more-menu/index.js

@@ -14,6 +14,7 @@ import PluginMoreMenuGroup from '../plugins-more-menu-group';
 import TipsToggle from '../tips-toggle';
 import KeyboardShortcutsHelpMenuItem from '../keyboard-shortcuts-help-menu-item';
 import WritingMenu from '../writing-menu';
+import PublishSidebarToggle from '../publish-sidebar-toggle';
 
 const MoreMenu = () => (
 	<Dropdown
@@ -44,6 +45,7 @@ const MoreMenu = () => (
 						{ __( 'Manage All Reusable Blocks' ) }
 					</MenuItem>
 					<TipsToggle onToggle={ onClose } />
+					<PublishSidebarToggle onToggle={ onClose } />
 					<KeyboardShortcutsHelpMenuItem onSelect={ onClose } />
 				</MenuGroup>
 			</Fragment>

edit-post/components/header/publish-sidebar-toggle/index.js

@@ -0,0 +1,38 @@
+/**
+ * WordPress Dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { MenuItem } from '@wordpress/components';
+import { compose } from '@wordpress/compose';
+import { withSelect, withDispatch } from '@wordpress/data';
+
+const PublishSidebarToggle = function( { onToggle, isEnabled } ) {
+	return (
+		<MenuItem
+			className={ 'edit-post__pre-publish-checks' }
+			icon={ isEnabled && 'yes' }
+			isSelected={ isEnabled }
+			role="menuitemcheckbox"
+			onClick={ onToggle }
+		>
+			{ __( 'Enable Pre-publish Checks' ) }
+		</MenuItem>
+	);
+};
+
+export default compose( [
+	withSelect( ( select ) => ( {
+		isEnabled: select( 'core/editor' ).isPublishSidebarEnabled(),
+	} ) ),
+	withDispatch( ( dispatch, ownProps ) => ( {
+		onToggle() {
+			const { disablePublishSidebar, enablePublishSidebar } = dispatch( 'core/editor' );
+			if ( ownProps.isEnabled ) {
+				disablePublishSidebar();
+			} else {
+				enablePublishSidebar();
+			}
+			ownProps.onToggle();
+		},
+	} ) ),
+] )( PublishSidebarToggle );

packages/editor/src/components/post-publish-panel/index.js

@@ -8,8 +8,8 @@ import { get } from 'lodash';
  */
 import { __ } from '@wordpress/i18n';
 import { Component } from '@wordpress/element';
-import { IconButton, Spinner } from '@wordpress/components';
-import { withSelect } from '@wordpress/data';
+import { IconButton, Spinner, CheckboxControl } from '@wordpress/components';
+import { withSelect, withDispatch } from '@wordpress/data';
 import { compose } from '@wordpress/compose';
 
 /**
@@ -62,7 +62,7 @@ class PostPublishPanel extends Component {
 	}
 
 	render() {
-		const { isScheduled, onClose, forceIsDirty, forceIsSaving, PrePublishExtension, PostPublishExtension, ...additionalProps } = this.props;
+		const { isScheduled, isPublishSidebarEnabled, onClose, onTogglePublishSidebar, forceIsDirty, forceIsSaving, PrePublishExtension, PostPublishExtension, ...additionalProps } = this.props;
 		const { loading, submitted } = this.state;
 		return (
 			<div className="editor-post-publish-panel" { ...additionalProps }>
@@ -97,6 +97,13 @@ class PostPublishPanel extends Component {
 						</PostPublishPanelPostpublish>
 					) }
 				</div>
+				<div className="editor-post-publish-panel__footer">
+					<CheckboxControl
+						label={ __( 'Always show pre-publish checks.' ) }
+						checked={ isPublishSidebarEnabled }
+						onChange={ onTogglePublishSidebar }
+					/>
+				</div>
 			</div>
 		);
 	}
@@ -112,13 +119,27 @@ export default compose( [
 			isSavingPost,
 			isEditedPostDirty,
 		} = select( 'core/editor' );
+		const { isPublishSidebarEnabled } = select( 'core/editor' );
 		return {
 			postType: getCurrentPostType(),
 			hasPublishAction: get( getCurrentPost(), [ '_links', 'wp:action-publish' ], false ),
 			isPublished: isCurrentPostPublished(),
 			isScheduled: isCurrentPostScheduled(),
 			isSaving: isSavingPost(),
 			isDirty: isEditedPostDirty(),
+			isPublishSidebarEnabled: isPublishSidebarEnabled(),
+		};
+	} ),
+	withDispatch( ( dispatch, { isPublishSidebarEnabled } ) => {
+		const { disablePublishSidebar, enablePublishSidebar } = dispatch( 'core/editor' );
+		return {
+			onTogglePublishSidebar: ( ) => {
+				if ( isPublishSidebarEnabled ) {
+					disablePublishSidebar();
+				} else {
+					enablePublishSidebar();
+				}
+			},
 		};
 	} ),
 ] )( PostPublishPanel );

packages/editor/src/components/post-publish-panel/style.scss

@@ -30,6 +30,12 @@
 	flex-grow: 1;
 }
 
+.editor-post-publish-panel__footer {
+	padding: 16px;
+	position: absolute;
+	bottom: 0;
+}
+
 .components-button.editor-post-publish-panel__toggle.is-primary {
 	display: inline-flex;
 	align-items: center;

packages/editor/src/store/actions.js

@@ -763,3 +763,25 @@ export function unregisterToken( name ) {
 		name,
 	};
 }
+
+/**
+ * Returns an action object used in signalling that the user has enabled the publish sidebar.
+ *
+ * @return {Object} Action object
+ */
+export function enablePublishSidebar() {
+	return {
+		type: 'ENABLE_PUBLISH_SIDEBAR',
+	};
+}
+
+/**
+ * Returns an action object used in signalling that the user has disabled the publish sidebar.
+ *
+ * @return {Object} Action object
+ */
+export function disablePublishSidebar() {
+	return {
+		type: 'DISABLE_PUBLISH_SIDEBAR',
+	};
+}

packages/editor/src/store/defaults.js

@@ -5,6 +5,7 @@ import { __ } from '@wordpress/i18n';
 
 export const PREFERENCES_DEFAULTS = {
 	insertUsage: {},
+	isPublishSidebarEnabled: true,
 };
 
 /**

packages/editor/src/store/reducer.js

@@ -773,9 +773,6 @@ export function settings( state = EDITOR_SETTINGS_DEFAULTS, action ) {
  * Reducer returning the user preferences.
  *
  * @param {Object}  state                 Current state.
- * @param {string}  state.mode            Current editor mode, either "visual" or "text".
- * @param {boolean} state.isSidebarOpened Whether the sidebar is opened or closed.
- * @param {Object}  state.panels          The state of the different sidebar panels.
  * @param {Object}  action                Dispatched action.
  *
  * @return {string} Updated state.
@@ -810,6 +807,18 @@ export function preferences( state = PREFERENCES_DEFAULTS, action ) {
 				...state,
 				insertUsage: omitBy( state.insertUsage, ( { insert } ) => insert.ref === action.id ),
 			};
+
+		case 'ENABLE_PUBLISH_SIDEBAR':
+			return {
+				...state,
+				isPublishSidebarEnabled: true,
+			};
+
+		case 'DISABLE_PUBLISH_SIDEBAR':
+			return {
+				...state,
+				isPublishSidebarEnabled: false,
+			};
 	}
 
 	return state;

packages/editor/src/store/selectors.js

@@ -27,6 +27,11 @@ import { serialize, getBlockType, getBlockTypes, hasBlockSupport, hasChildBlocks
 import { moment } from '@wordpress/date';
 import { removep } from '@wordpress/autop';
 
+/**
+ * Dependencies
+ */
+import { PREFERENCES_DEFAULTS } from './defaults';
+
 /***
  * Module constants
  */
@@ -1879,3 +1884,18 @@ export function getTokenSettings( state, name ) {
 export function canUserUseUnfilteredHTML( state ) {
 	return has( getCurrentPost( state ), [ '_links', 'wp:action-unfiltered_html' ] );
 }
+
+/**
+ * Returns whether the pre-publish panel should be shown
+ * or skipped when the user clicks the "publish" button.
+ *
+ * @param {Object} state Global application state.
+ *
+ * @return {boolean} Whether the pre-publish panel should be shown or not.
+ */
+export function isPublishSidebarEnabled( state ) {
+	if ( state.preferences.hasOwnProperty( 'isPublishSidebarEnabled' ) ) {
+		return state.preferences.isPublishSidebarEnabled;
+	}
+	return PREFERENCES_DEFAULTS.isPublishSidebarEnabled;
+}

packages/editor/src/store/test/reducer.js

@@ -1580,9 +1580,28 @@ describe( 'state', () => {
 
 			expect( state ).toEqual( {
 				insertUsage: {},
+				isPublishSidebarEnabled: true,
 			} );
 		} );
 
+		it( 'should disable the publish sidebar', () => {
+			const original = deepFreeze( preferences( undefined, { } ) );
+			const state = preferences( original, {
+				type: 'DISABLE_PUBLISH_SIDEBAR',
+			} );
+
+			expect( state.isPublishSidebarEnabled ).toBe( false );
+		} );
+
+		it( 'should enable the publish sidebar', () => {
+			const original = deepFreeze( preferences( { isPublishSidebarEnabled: false }, { } ) );
+			const state = preferences( original, {
+				type: 'ENABLE_PUBLISH_SIDEBAR',
+			} );
+
+			expect( state.isPublishSidebarEnabled ).toBe( true );
+		} );
+
 		it( 'should record recently used blocks', () => {
 			const state = preferences( deepFreeze( { insertUsage: {} } ), {
 				type: 'INSERT_BLOCKS',

packages/editor/src/store/test/selectors.js

@@ -13,6 +13,7 @@ import { moment } from '@wordpress/date';
  * Internal dependencies
  */
 import * as selectors from '../selectors';
+import { PREFERENCES_DEFAULTS } from '../defaults';
 
 const {
 	canUserUseUnfilteredHTML,
@@ -82,6 +83,7 @@ const {
 	getReusableBlocks,
 	getStateBeforeOptimisticTransaction,
 	isPublishingPost,
+	isPublishSidebarEnabled,
 	canInsertBlockType,
 	getInserterItems,
 	isValidTemplate,
@@ -3387,6 +3389,33 @@ describe( 'selectors', () => {
 		} );
 	} );
 
+	describe( 'isPublishSidebarEnabled', () => {
+		it( 'should return the value on state if it is thruthy', () => {
+			const state = {
+				preferences: {
+					isPublishSidebarEnabled: true,
+				},
+			};
+			expect( isPublishSidebarEnabled( state ) ).toBe( state.preferences.isPublishSidebarEnabled );
+		} );
+
+		it( 'should return the value on state if it is falsy', () => {
+			const state = {
+				preferences: {
+					isPublishSidebarEnabled: false,
+				},
+			};
+			expect( isPublishSidebarEnabled( state ) ).toBe( state.preferences.isPublishSidebarEnabled );
+		} );
+
+		it( 'should return the default value if there is no isPublishSidebarEnabled key on state', () => {
+			const state = {
+				preferences: { },
+			};
+			expect( isPublishSidebarEnabled( state ) ).toBe( PREFERENCES_DEFAULTS.isPublishSidebarEnabled );
+		} );
+	} );
+
 	describe( 'isFetchingReusableBlock', () => {
 		it( 'should return false when the block is not being fetched', () => {
 			const state = {