@wordpress/edit-post 6.7.0 → 6.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-post",
-	"version": "6.7.0",
+	"version": "6.8.0",
 	"description": "Edit Post module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,31 +27,31 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.10.0",
-		"@wordpress/api-fetch": "^6.7.0",
-		"@wordpress/block-editor": "^9.2.0",
-		"@wordpress/block-library": "^7.7.0",
-		"@wordpress/blocks": "^11.9.0",
-		"@wordpress/components": "^19.12.0",
-		"@wordpress/compose": "^5.8.0",
-		"@wordpress/core-data": "^4.8.0",
-		"@wordpress/data": "^6.10.0",
-		"@wordpress/deprecated": "^3.10.0",
-		"@wordpress/editor": "^12.9.0",
-		"@wordpress/element": "^4.8.0",
-		"@wordpress/hooks": "^3.10.0",
-		"@wordpress/i18n": "^4.10.0",
-		"@wordpress/icons": "^9.1.0",
-		"@wordpress/interface": "^4.9.0",
-		"@wordpress/keyboard-shortcuts": "^3.8.0",
-		"@wordpress/keycodes": "^3.10.0",
-		"@wordpress/media-utils": "^4.1.0",
-		"@wordpress/notices": "^3.10.0",
-		"@wordpress/plugins": "^4.8.0",
-		"@wordpress/preferences": "^2.2.0",
-		"@wordpress/url": "^3.11.0",
-		"@wordpress/viewport": "^4.8.0",
-		"@wordpress/warning": "^2.10.0",
+		"@wordpress/a11y": "^3.11.0",
+		"@wordpress/api-fetch": "^6.8.0",
+		"@wordpress/block-editor": "^9.3.0",
+		"@wordpress/block-library": "^7.8.0",
+		"@wordpress/blocks": "^11.10.0",
+		"@wordpress/components": "^19.13.0",
+		"@wordpress/compose": "^5.9.0",
+		"@wordpress/core-data": "^4.9.0",
+		"@wordpress/data": "^6.11.0",
+		"@wordpress/deprecated": "^3.11.0",
+		"@wordpress/editor": "^12.10.0",
+		"@wordpress/element": "^4.9.0",
+		"@wordpress/hooks": "^3.11.0",
+		"@wordpress/i18n": "^4.11.0",
+		"@wordpress/icons": "^9.2.0",
+		"@wordpress/interface": "^4.10.0",
+		"@wordpress/keyboard-shortcuts": "^3.9.0",
+		"@wordpress/keycodes": "^3.11.0",
+		"@wordpress/media-utils": "^4.2.0",
+		"@wordpress/notices": "^3.11.0",
+		"@wordpress/plugins": "^4.9.0",
+		"@wordpress/preferences": "^2.3.0",
+		"@wordpress/url": "^3.12.0",
+		"@wordpress/viewport": "^4.9.0",
+		"@wordpress/warning": "^2.11.0",
 		"classnames": "^2.3.1",
 		"lodash": "^4.17.21",
 		"memize": "^1.1.0",
@@ -64,5 +64,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "a3e0b62091e8a8bdf5e2518e42d60d7098af48cc"
+	"gitHead": "48d5f37dfb52d2e77c8eeb662f9874cf141b8c6b"
 }

package/src/components/block-manager/category.js

@@ -25,8 +25,8 @@ function BlockManagerCategory( { title, blockTypes } ) {
 			const { getEditorSettings } = select( editorStore );
 			const { getHiddenBlockTypes } = select( editPostStore );
 			return {
-				defaultAllowedBlockTypes: getEditorSettings()
-					.defaultAllowedBlockTypes,
+				defaultAllowedBlockTypes:
+					getEditorSettings().defaultAllowedBlockTypes,
 				hiddenBlockTypes: getHiddenBlockTypes(),
 			};
 		},

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

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import { filter, includes, isArray } from 'lodash';
+import { filter, includes } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -117,12 +117,23 @@ export default withSelect( ( select ) => {
 		isMatchingSearchTerm,
 	} = select( blocksStore );
 	const { getHiddenBlockTypes } = select( editPostStore );
-	const hiddenBlockTypes = getHiddenBlockTypes();
+
+	// Some hidden blocks become unregistered
+	// by removing for instance the plugin that registered them, yet
+	// they're still remain as hidden by the user's action.
+	// We consider "hidden", blocks which were hidden and
+	// are still registered.
+	const blockTypes = getBlockTypes();
+	const hiddenBlockTypes = getHiddenBlockTypes().filter( ( hiddenBlock ) => {
+		return blockTypes.some(
+			( registeredBlock ) => registeredBlock.name === hiddenBlock
+		);
+	} );
 	const numberOfHiddenBlocks =
-		isArray( hiddenBlockTypes ) && hiddenBlockTypes.length;
+		Array.isArray( hiddenBlockTypes ) && hiddenBlockTypes.length;
 
 	return {
-		blockTypes: getBlockTypes(),
+		blockTypes,
 		categories: getCategories(),
 		hasBlockSupport,
 		isMatchingSearchTerm,

package/src/components/device-preview/index.js

@@ -36,14 +36,12 @@ export default function DevicePreview() {
 			isSaving: select( editPostStore ).isSavingMetaBoxes(),
 			isPostSaveable: select( editorStore ).isEditedPostSaveable(),
 			isViewable: get( postType, [ 'viewable' ], false ),
-			deviceType: select(
-				editPostStore
-			).__experimentalGetPreviewDeviceType(),
+			deviceType:
+				select( editPostStore ).__experimentalGetPreviewDeviceType(),
 		};
 	}, [] );
-	const {
-		__experimentalSetPreviewDeviceType: setPreviewDeviceType,
-	} = useDispatch( editPostStore );
+	const { __experimentalSetPreviewDeviceType: setPreviewDeviceType } =
+		useDispatch( editPostStore );
 
 	return (
 		<PreviewOptions

package/src/components/editor-initialization/listener-hooks.js

@@ -24,9 +24,8 @@ import {
 export const useBlockSelectionListener = ( postId ) => {
 	const { hasBlockSelection, isEditorSidebarOpened } = useSelect(
 		( select ) => ( {
-			hasBlockSelection: !! select(
-				blockEditorStore
-			).getBlockSelectionStart(),
+			hasBlockSelection:
+				!! select( blockEditorStore ).getBlockSelectionStart(),
 			isEditorSidebarOpened: select( STORE_NAME ).isEditorSidebarOpened(),
 		} ),
 		[ postId ]

package/src/components/header/fullscreen-mode-close/index.js

@@ -30,9 +30,8 @@ function FullscreenModeClose( { showTooltip, icon, href } ) {
 		( select ) => {
 			const { getCurrentPostType } = select( editorStore );
 			const { isFeatureActive } = select( editPostStore );
-			const { getEntityRecord, getPostType, isResolving } = select(
-				coreStore
-			);
+			const { getEntityRecord, getPostType, isResolving } =
+				select( coreStore );
 			const siteData =
 				getEntityRecord( 'root', '__unstableBase', undefined ) || {};
 

package/src/components/header/header-toolbar/index.js

@@ -31,9 +31,8 @@ const preventDefault = ( event ) => {
 
 function HeaderToolbar() {
 	const inserterButton = useRef();
-	const { setIsInserterOpened, setIsListViewOpened } = useDispatch(
-		editPostStore
-	);
+	const { setIsInserterOpened, setIsListViewOpened } =
+		useDispatch( editPostStore );
 	const {
 		isInserterEnabled,
 		isInserterOpened,
@@ -42,15 +41,11 @@ function HeaderToolbar() {
 		isListViewOpen,
 		listViewShortcut,
 	} = useSelect( ( select ) => {
-		const {
-			hasInserterItems,
-			getBlockRootClientId,
-			getBlockSelectionEnd,
-		} = select( blockEditorStore );
+		const { hasInserterItems, getBlockRootClientId, getBlockSelectionEnd } =
+			select( blockEditorStore );
 		const { getEditorSettings } = select( editorStore );
-		const { getEditorMode, isFeatureActive, isListViewOpened } = select(
-			editPostStore
-		);
+		const { getEditorMode, isFeatureActive, isListViewOpened } =
+			select( editPostStore );
 		const { getShortcutRepresentation } = select( keyboardShortcutsStore );
 
 		return {

package/src/components/header/index.js

@@ -33,16 +33,13 @@ function Header( { setEntitiesSavedStatesCallback } ) {
 	} = useSelect(
 		( select ) => ( {
 			hasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),
-			isPublishSidebarOpened: select(
-				editPostStore
-			).isPublishSidebarOpened(),
+			isPublishSidebarOpened:
+				select( editPostStore ).isPublishSidebarOpened(),
 			isSaving: select( editPostStore ).isSavingMetaBoxes(),
-			showIconLabels: select( editPostStore ).isFeatureActive(
-				'showIconLabels'
-			),
-			hasReducedUI: select( editPostStore ).isFeatureActive(
-				'reducedUI'
-			),
+			showIconLabels:
+				select( editPostStore ).isFeatureActive( 'showIconLabels' ),
+			hasReducedUI:
+				select( editPostStore ).isFeatureActive( 'reducedUI' ),
 		} ),
 		[]
 	);

package/src/components/header/mode-switcher/index.js

@@ -40,10 +40,10 @@ function ModeSwitcher() {
 			shortcut: select(
 				keyboardShortcutsStore
 			).getShortcutRepresentation( 'core/edit-post/toggle-mode' ),
-			isRichEditingEnabled: select( editorStore ).getEditorSettings()
-				.richEditingEnabled,
-			isCodeEditingEnabled: select( editorStore ).getEditorSettings()
-				.codeEditingEnabled,
+			isRichEditingEnabled:
+				select( editorStore ).getEditorSettings().richEditingEnabled,
+			isCodeEditingEnabled:
+				select( editorStore ).getEditorSettings().codeEditingEnabled,
 			isEditingTemplate: select( editPostStore ).isEditingTemplate(),
 			mode: select( editPostStore ).getEditorMode(),
 		} ),

package/src/components/header/post-publish-button-or-toggle.js

@@ -91,12 +91,10 @@ export default compose(
 		isBeingScheduled: select( editorStore ).isEditedPostBeingScheduled(),
 		isPending: select( editorStore ).isCurrentPostPending(),
 		isPublished: select( editorStore ).isCurrentPostPublished(),
-		isPublishSidebarEnabled: select(
-			editorStore
-		).isPublishSidebarEnabled(),
-		isPublishSidebarOpened: select(
-			editPostStore
-		).isPublishSidebarOpened(),
+		isPublishSidebarEnabled:
+			select( editorStore ).isPublishSidebarEnabled(),
+		isPublishSidebarOpened:
+			select( editPostStore ).isPublishSidebarOpened(),
 		isScheduled: select( editorStore ).isCurrentPostScheduled(),
 	} ) ),
 	withDispatch( ( dispatch ) => {

package/src/components/header/template-title/delete-template.js

@@ -30,9 +30,8 @@ export default function DeleteTemplate() {
 	const { updateEditorSettings, editPost } = useDispatch( editorStore );
 	const { deleteEntityRecord } = useDispatch( coreStore );
 	const { template } = useSelect( ( select ) => {
-		const { isEditingTemplate, getEditedPostTemplate } = select(
-			editPostStore
-		);
+		const { isEditingTemplate, getEditedPostTemplate } =
+			select( editPostStore );
 		const _isEditing = isEditingTemplate();
 		return {
 			template: _isEditing ? getEditedPostTemplate() : null,

package/src/components/header/template-title/index.js

@@ -22,9 +22,8 @@ import TemplateDescription from './template-description';
 
 function TemplateTitle() {
 	const { template, isEditing, title } = useSelect( ( select ) => {
-		const { isEditingTemplate, getEditedPostTemplate } = select(
-			editPostStore
-		);
+		const { isEditingTemplate, getEditedPostTemplate } =
+			select( editPostStore );
 		const { getEditedPostAttribute } = select( editorStore );
 
 		const _isEditing = isEditingTemplate();

package/src/components/header/tools-more-menu-group/index.js

@@ -9,9 +9,8 @@ import { isEmpty } from 'lodash';
 import { createSlotFill, MenuGroup } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
-const { Fill: ToolsMoreMenuGroup, Slot } = createSlotFill(
-	'ToolsMoreMenuGroup'
-);
+const { Fill: ToolsMoreMenuGroup, Slot } =
+	createSlotFill( 'ToolsMoreMenuGroup' );
 
 ToolsMoreMenuGroup.Slot = ( { fillProps } ) => (
 	<Slot fillProps={ fillProps }>

package/src/components/keyboard-shortcut-help-modal/test/index.js

@@ -1,7 +1,6 @@
 /**
  * External dependencies
  */
-import { noop } from 'lodash';
 import { shallow } from 'enzyme';
 
 /**
@@ -9,6 +8,8 @@ import { shallow } from 'enzyme';
  */
 import { KeyboardShortcutHelpModal } from '../index';
 
+const noop = () => {};
+
 describe( 'KeyboardShortcutHelpModal', () => {
 	it( 'should match snapshot when the modal is active', () => {
 		const wrapper = shallow(

package/src/components/keyboard-shortcuts/index.js

@@ -18,15 +18,11 @@ import { store as editPostStore } from '../../store';
 
 function KeyboardShortcuts() {
 	const { getBlockSelectionStart } = useSelect( blockEditorStore );
-	const {
-		getEditorMode,
-		isEditorSidebarOpened,
-		isListViewOpened,
-	} = useSelect( editPostStore );
+	const { getEditorMode, isEditorSidebarOpened, isListViewOpened } =
+		useSelect( editPostStore );
 	const isModeToggleDisabled = useSelect( ( select ) => {
-		const { richEditingEnabled, codeEditingEnabled } = select(
-			editorStore
-		).getEditorSettings();
+		const { richEditingEnabled, codeEditingEnabled } =
+			select( editorStore ).getEditorSettings();
 		return ! richEditingEnabled || ! codeEditingEnabled;
 	}, [] );
 

package/src/components/layout/actions-panel.js

@@ -26,9 +26,8 @@ export default function ActionsPanel( {
 	closeEntitiesSavedStates,
 	isEntitiesSavedStatesOpen,
 } ) {
-	const { closePublishSidebar, togglePublishSidebar } = useDispatch(
-		editPostStore
-	);
+	const { closePublishSidebar, togglePublishSidebar } =
+		useDispatch( editPostStore );
 	const {
 		publishSidebarOpened,
 		hasActiveMetaboxes,
@@ -36,14 +35,12 @@ export default function ActionsPanel( {
 		hasNonPostEntityChanges,
 	} = useSelect( ( select ) => {
 		return {
-			publishSidebarOpened: select(
-				editPostStore
-			).isPublishSidebarOpened(),
+			publishSidebarOpened:
+				select( editPostStore ).isPublishSidebarOpened(),
 			hasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),
 			isSavingMetaBoxes: select( editPostStore ).isSavingMetaBoxes(),
-			hasNonPostEntityChanges: select(
-				editorStore
-			).hasNonPostEntityChanges(),
+			hasNonPostEntityChanges:
+				select( editorStore ).hasNonPostEntityChanges(),
 		};
 	}, [] );
 

package/src/components/layout/index.js

@@ -66,11 +66,8 @@ const interfaceLabels = {
 function Layout( { styles } ) {
 	const isMobileViewport = useViewportMatch( 'medium', '<' );
 	const isHugeViewport = useViewportMatch( 'huge', '>=' );
-	const {
-		openGeneralSidebar,
-		closeGeneralSidebar,
-		setIsInserterOpened,
-	} = useDispatch( editPostStore );
+	const { openGeneralSidebar, closeGeneralSidebar, setIsInserterOpened } =
+		useDispatch( editPostStore );
 	const { createErrorNotice } = useDispatch( noticesStore );
 	const {
 		mode,
@@ -96,17 +93,15 @@ function Layout( { styles } ) {
 
 		return {
 			isTemplateMode: select( editPostStore ).isEditingTemplate(),
-			hasFixedToolbar: select( editPostStore ).isFeatureActive(
-				'fixedToolbar'
-			),
+			hasFixedToolbar:
+				select( editPostStore ).isFeatureActive( 'fixedToolbar' ),
 			sidebarIsOpened: !! (
 				select( interfaceStore ).getActiveComplementaryArea(
 					editPostStore.name
 				) || select( editPostStore ).isPublishSidebarOpened()
 			),
-			isFullscreenActive: select( editPostStore ).isFeatureActive(
-				'fullscreenMode'
-			),
+			isFullscreenActive:
+				select( editPostStore ).isFeatureActive( 'fullscreenMode' ),
 			isInserterOpened: select( editPostStore ).isInserterOpened(),
 			isListViewOpened: select( editPostStore ).isListViewOpened(),
 			mode: select( editPostStore ).getEditorMode(),
@@ -118,12 +113,10 @@ function Layout( { styles } ) {
 			nextShortcut: select(
 				keyboardShortcutsStore
 			).getAllShortcutKeyCombinations( 'core/edit-post/next-region' ),
-			showIconLabels: select( editPostStore ).isFeatureActive(
-				'showIconLabels'
-			),
-			hasReducedUI: select( editPostStore ).isFeatureActive(
-				'reducedUI'
-			),
+			showIconLabels:
+				select( editPostStore ).isFeatureActive( 'showIconLabels' ),
+			hasReducedUI:
+				select( editPostStore ).isFeatureActive( 'reducedUI' ),
 			showBlockBreadcrumbs: select( editPostStore ).isFeatureActive(
 				'showBlockBreadcrumbs'
 			),
@@ -156,10 +149,8 @@ function Layout( { styles } ) {
 
 	// Local state for save panel.
 	// Note 'truthy' callback implies an open panel.
-	const [
-		entitiesSavedStatesCallback,
-		setEntitiesSavedStatesCallback,
-	] = useState( false );
+	const [ entitiesSavedStatesCallback, setEntitiesSavedStatesCallback ] =
+		useState( false );
 	const closeEntitiesSavedStates = useCallback(
 		( arg ) => {
 			if ( typeof entitiesSavedStatesCallback === 'function' ) {

package/src/components/layout/index.native.js

@@ -187,13 +187,12 @@ class Layout extends Component {
 
 export default compose( [
 	withSelect( ( select ) => {
-		const { __unstableIsEditorReady: isEditorReady } = select(
-			editorStore
-		);
+		const { __unstableIsEditorReady: isEditorReady } =
+			select( editorStore );
 		const { getEditorMode } = select( editPostStore );
 		const { getSettings } = select( blockEditorStore );
-		const globalStyles = getSettings()?.__experimentalGlobalStylesBaseStyles
-			?.color;
+		const globalStyles =
+			getSettings()?.__experimentalGlobalStylesBaseStyles?.color;
 
 		return {
 			isReady: isEditorReady(),

package/src/components/preferences-modal/options/enable-custom-fields.js

@@ -55,6 +55,6 @@ export function EnableCustomFieldsOption( { label, areCustomFieldsEnabled } ) {
 }
 
 export default withSelect( ( select ) => ( {
-	areCustomFieldsEnabled: !! select( editorStore ).getEditorSettings()
-		.enableCustomFields,
+	areCustomFieldsEnabled:
+		!! select( editorStore ).getEditorSettings().enableCustomFields,
 } ) )( EnableCustomFieldsOption );

package/src/components/preferences-modal/options/enable-panel.js

@@ -12,9 +12,8 @@ import { store as editPostStore } from '../../../store';
 
 export default compose(
 	withSelect( ( select, { panelName } ) => {
-		const { isEditorPanelEnabled, isEditorPanelRemoved } = select(
-			editPostStore
-		);
+		const { isEditorPanelEnabled, isEditorPanelRemoved } =
+			select( editPostStore );
 		return {
 			isRemoved: isEditorPanelRemoved( panelName ),
 			isChecked: isEditorPanelEnabled( panelName ),

package/src/components/preferences-modal/options/enable-publish-sidebar.js

@@ -12,9 +12,8 @@ export default compose(
 		isChecked: select( editorStore ).isPublishSidebarEnabled(),
 	} ) ),
 	withDispatch( ( dispatch ) => {
-		const { enablePublishSidebar, disablePublishSidebar } = dispatch(
-			editorStore
-		);
+		const { enablePublishSidebar, disablePublishSidebar } =
+			dispatch( editorStore );
 		return {
 			onChange: ( isEnabled ) =>
 				isEnabled ? enablePublishSidebar() : disablePublishSidebar(),

package/src/components/secondary-sidebar/inserter-sidebar.js

@@ -19,9 +19,8 @@ import { store as editPostStore } from '../../store';
 
 export default function InserterSidebar() {
 	const { insertionPoint, showMostUsedBlocks } = useSelect( ( select ) => {
-		const { isFeatureActive, __experimentalGetInsertionPoint } = select(
-			editPostStore
-		);
+		const { isFeatureActive, __experimentalGetInsertionPoint } =
+			select( editPostStore );
 		return {
 			insertionPoint: __experimentalGetInsertionPoint(),
 			showMostUsedBlocks: isFeatureActive( 'mostUsedBlocks' ),

package/src/components/sidebar/discussion-panel/index.js

@@ -52,9 +52,8 @@ function DiscussionPanel( { isEnabled, isOpened, onTogglePanel } ) {
 export default compose( [
 	withSelect( ( select ) => {
 		return {
-			isEnabled: select( editPostStore ).isEditorPanelEnabled(
-				PANEL_NAME
-			),
+			isEnabled:
+				select( editPostStore ).isEditorPanelEnabled( PANEL_NAME ),
 			isOpened: select( editPostStore ).isEditorPanelOpened( PANEL_NAME ),
 		};
 	} ),

package/src/components/sidebar/featured-image/index.js

@@ -52,9 +52,8 @@ function FeaturedImage( { isEnabled, isOpened, postType, onTogglePanel } ) {
 const applyWithSelect = withSelect( ( select ) => {
 	const { getEditedPostAttribute } = select( editorStore );
 	const { getPostType } = select( coreStore );
-	const { isEditorPanelEnabled, isEditorPanelOpened } = select(
-		editPostStore
-	);
+	const { isEditorPanelEnabled, isEditorPanelOpened } =
+		select( editPostStore );
 
 	return {
 		postType: getPostType( getEditedPostAttribute( 'type' ) ),

package/src/components/sidebar/page-attributes/index.js

@@ -30,9 +30,8 @@ const PANEL_NAME = 'page-attributes';
 export function PageAttributes() {
 	const { isEnabled, isOpened, postType } = useSelect( ( select ) => {
 		const { getEditedPostAttribute } = select( editorStore );
-		const { isEditorPanelEnabled, isEditorPanelOpened } = select(
-			editPostStore
-		);
+		const { isEditorPanelEnabled, isEditorPanelOpened } =
+			select( editPostStore );
 		const { getPostType } = select( coreStore );
 		return {
 			isEnabled: isEditorPanelEnabled( PANEL_NAME ),

package/src/components/sidebar/plugin-document-setting-panel/index.js

@@ -114,9 +114,8 @@ const PluginDocumentSettingPanel = compose(
 	withSelect( ( select, { panelName } ) => {
 		return {
 			opened: select( editPostStore ).isEditorPanelOpened( panelName ),
-			isEnabled: select( editPostStore ).isEditorPanelEnabled(
-				panelName
-			),
+			isEnabled:
+				select( editPostStore ).isEditorPanelEnabled( panelName ),
 		};
 	} ),
 	withDispatch( ( dispatch, { panelName } ) => ( {

package/src/components/sidebar/plugin-sidebar/index.js

@@ -84,9 +84,8 @@ export default function PluginSidebarEditPost( { className, ...props } ) {
 			shortcut: select(
 				keyboardShortcutsStore
 			).getShortcutRepresentation( 'core/edit-post/toggle-sidebar' ),
-			showIconLabels: select( editPostStore ).isFeatureActive(
-				'showIconLabels'
-			),
+			showIconLabels:
+				select( editPostStore ).isFeatureActive( 'showIconLabels' ),
 		};
 	}, [] );
 	return (

package/src/components/sidebar/post-excerpt/index.js

@@ -41,9 +41,8 @@ function PostExcerpt( { isEnabled, isOpened, onTogglePanel } ) {
 export default compose( [
 	withSelect( ( select ) => {
 		return {
-			isEnabled: select( editPostStore ).isEditorPanelEnabled(
-				PANEL_NAME
-			),
+			isEnabled:
+				select( editPostStore ).isEditorPanelEnabled( PANEL_NAME ),
 			isOpened: select( editPostStore ).isEditorPanelOpened( PANEL_NAME ),
 		};
 	} ),

package/src/components/sidebar/post-link/index.js

@@ -139,9 +139,8 @@ export default compose( [
 			getEditedPostAttribute,
 			getEditedPostSlug,
 		} = select( editorStore );
-		const { isEditorPanelEnabled, isEditorPanelOpened } = select(
-			editPostStore
-		);
+		const { isEditorPanelEnabled, isEditorPanelOpened } =
+			select( editPostStore );
 		const { getPostType } = select( coreStore );
 
 		const { link } = getCurrentPost();

package/src/components/sidebar/post-schedule/style.scss

@@ -1,7 +1,7 @@
 .edit-post-post-schedule {
 	width: 100%;
 	position: relative;
-	justify-content: left;
+	justify-content: flex-start;
 
 	span {
 		display: block;

package/src/components/sidebar/post-status/index.js

@@ -56,9 +56,8 @@ export default compose( [
 	withSelect( ( select ) => {
 		// We use isEditorPanelRemoved to hide the panel if it was programatically removed. We do
 		// not use isEditorPanelEnabled since this panel should not be disabled through the UI.
-		const { isEditorPanelRemoved, isEditorPanelOpened } = select(
-			editPostStore
-		);
+		const { isEditorPanelRemoved, isEditorPanelOpened } =
+			select( editPostStore );
 		return {
 			isRemoved: isEditorPanelRemoved( PANEL_NAME ),
 			isOpened: isEditorPanelOpened( PANEL_NAME ),

package/src/components/sidebar/post-visibility/style.scss

@@ -1,6 +1,6 @@
 .edit-post-post-visibility {
 	width: 100%;
-	justify-content: left;
+	justify-content: flex-start;
 
 	span {
 		display: block;
@@ -11,4 +11,5 @@
 .edit-post-post-visibility__dialog .components-popover__content {
 	// sidebar width - padding - horizontal borders
 	width: $sidebar-width - $grid-unit-20 - $border-width * 2;
+	padding: $grid-unit-20;
 }