@wordpress/edit-post 7.26.0 → 7.27.0

package/build-style/style.css

@@ -97,7 +97,7 @@
   --wp-block-synced-color: #7a00df;
   --wp-block-synced-color--rgb: 122, 0, 223;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   :root {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -469,7 +469,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
 .interface-pinned-items {
   display: flex;
   gap: 8px;
-  margin-right: -4px;
 }
 .interface-pinned-items .components-button {
   display: none;
@@ -488,99 +487,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   }
 }
 
-@media (min-width: 600px) {
-  .interface-preferences-modal {
-    width: calc(100% - 32px);
-    height: calc(100% - 120px);
-  }
-}
-@media (min-width: 782px) {
-  .interface-preferences-modal {
-    width: 750px;
-  }
-}
-@media (min-width: 960px) {
-  .interface-preferences-modal {
-    height: 70%;
-  }
-}
-@media (max-width: 781px) {
-  .interface-preferences-modal .components-modal__content {
-    padding: 0;
-  }
-}
-
-.interface-preferences__tabs .components-tab-panel__tabs {
-  position: absolute;
-  top: 84px;
-  left: 16px;
-  width: 160px;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
-  border-radius: 2px;
-  font-weight: 400;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active {
-  background: #f0f0f0;
-  box-shadow: none;
-  font-weight: 500;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active::after {
-  content: none;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible::before {
-  content: none;
-}
-.interface-preferences__tabs .components-tab-panel__tab-content {
-  padding-left: 24px;
-  margin-left: 160px;
-}
-
-@media (max-width: 781px) {
-  .interface-preferences__provider {
-    height: 100%;
-  }
-}
-.interface-preferences-modal__section {
-  margin: 0 0 2.5rem 0;
-}
-.interface-preferences-modal__section:last-child {
-  margin: 0;
-}
-
-.interface-preferences-modal__section-legend {
-  margin-bottom: 8px;
-}
-
-.interface-preferences-modal__section-title {
-  font-size: 0.9rem;
-  font-weight: 600;
-  margin-top: 0;
-}
-
-.interface-preferences-modal__section-description {
-  margin: -8px 0 8px 0;
-  font-size: 12px;
-  font-style: normal;
-  color: #757575;
-}
-
-.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
-  display: none;
-}
-
-.interface-preferences-modal__option + .interface-preferences-modal__option {
-  margin-top: 16px;
-}
-.interface-preferences-modal__option .components-base-control__help {
-  margin-top: 0;
-  margin-left: 48px;
-}
-
 .edit-post-header {
   height: 60px;
   background: #fff;
@@ -780,6 +686,11 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   background-color: #ddd;
   margin-left: 8px;
 }
+.show-icon-labels .edit-post-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container::before {
+  width: calc(100% - 24px);
+  background: #ddd;
+  left: calc(50% + 1px);
+}
 
 .edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,
 .edit-post-header__dropdown .components-button.editor-history__undo,
@@ -914,8 +825,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   width: 36px;
   height: 36px;
   border-radius: 2px;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   margin-top: -1px;
 }
 
@@ -1103,81 +1013,6 @@ body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
   height: 61px;
 }
 
-.edit-post-block-manager__no-results {
-  font-style: italic;
-  padding: 24px 0;
-  text-align: center;
-}
-
-.edit-post-block-manager__search {
-  margin: 16px 0;
-}
-
-.edit-post-block-manager__disabled-blocks-count {
-  border: 1px solid #ddd;
-  border-width: 1px 0;
-  box-shadow: -32px 0 0 0 #fff, 32px 0 0 0 #fff;
-  padding: 8px;
-  background-color: #fff;
-  text-align: center;
-  position: sticky;
-  top: -5px;
-  z-index: 2;
-}
-.edit-post-block-manager__disabled-blocks-count ~ .edit-post-block-manager__results .edit-post-block-manager__category-title {
-  top: 31px;
-}
-.edit-post-block-manager__disabled-blocks-count .is-link {
-  margin-left: 12px;
-}
-
-.edit-post-block-manager__category {
-  margin: 0 0 24px 0;
-}
-
-.edit-post-block-manager__category-title {
-  position: sticky;
-  top: -4px;
-  padding: 16px 0;
-  background-color: #fff;
-  z-index: 1;
-}
-.edit-post-block-manager__category-title .components-checkbox-control__label {
-  font-weight: 600;
-}
-
-.edit-post-block-manager__checklist {
-  margin-top: 0;
-}
-
-.edit-post-block-manager__category-title,
-.edit-post-block-manager__checklist-item {
-  border-bottom: 1px solid #ddd;
-}
-
-.edit-post-block-manager__checklist-item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 0;
-  padding: 8px 0 8px 16px;
-}
-.components-modal__content .edit-post-block-manager__checklist-item.components-checkbox-control__input-container {
-  margin: 0 8px;
-}
-.edit-post-block-manager__checklist-item .block-editor-block-icon {
-  margin-right: 10px;
-  fill: #1e1e1e;
-}
-
-.edit-post-block-manager__results {
-  border-top: 1px solid #ddd;
-}
-
-.edit-post-block-manager__disabled-blocks-count + .edit-post-block-manager__results {
-  border-top-width: 0;
-}
-
 .edit-post-meta-boxes-area {
   position: relative;
   /**
@@ -1419,8 +1254,7 @@ h2.edit-post-template-summary__title {
 .edit-template-welcome-guide__image > img {
   display: block;
   max-width: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
 }
 .edit-post-welcome-guide__heading,
 .edit-template-welcome-guide__heading {
@@ -1583,7 +1417,7 @@ body.admin-color-light {
   --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-light {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1598,7 +1432,7 @@ body.admin-color-modern {
   --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-modern {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1613,7 +1447,7 @@ body.admin-color-blue {
   --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-blue {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1628,7 +1462,7 @@ body.admin-color-coffee {
   --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-coffee {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1643,7 +1477,7 @@ body.admin-color-ectoplasm {
   --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-ectoplasm {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1658,7 +1492,7 @@ body.admin-color-midnight {
   --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-midnight {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1673,7 +1507,7 @@ body.admin-color-ocean {
   --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-ocean {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -1688,7 +1522,7 @@ body.admin-color-sunrise {
   --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   body.admin-color-sunrise {
     --wp-admin-border-width-focus: 1.5px;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-post",
-	"version": "7.26.0",
+	"version": "7.27.0",
 	"description": "Edit Post module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,36 +27,36 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.49.0",
-		"@wordpress/api-fetch": "^6.46.0",
-		"@wordpress/block-editor": "^12.17.0",
-		"@wordpress/block-library": "^8.26.0",
-		"@wordpress/blocks": "^12.26.0",
-		"@wordpress/commands": "^0.20.0",
-		"@wordpress/components": "^25.15.0",
-		"@wordpress/compose": "^6.26.0",
-		"@wordpress/core-commands": "^0.18.0",
-		"@wordpress/core-data": "^6.26.0",
-		"@wordpress/data": "^9.19.0",
-		"@wordpress/deprecated": "^3.49.0",
-		"@wordpress/dom": "^3.49.0",
-		"@wordpress/editor": "^13.26.0",
-		"@wordpress/element": "^5.26.0",
-		"@wordpress/hooks": "^3.49.0",
-		"@wordpress/i18n": "^4.49.0",
-		"@wordpress/icons": "^9.40.0",
-		"@wordpress/interface": "^5.26.0",
-		"@wordpress/keyboard-shortcuts": "^4.26.0",
-		"@wordpress/keycodes": "^3.49.0",
-		"@wordpress/media-utils": "^4.40.0",
-		"@wordpress/notices": "^4.17.0",
-		"@wordpress/plugins": "^6.17.0",
-		"@wordpress/preferences": "^3.26.0",
-		"@wordpress/private-apis": "^0.31.0",
-		"@wordpress/url": "^3.50.0",
-		"@wordpress/viewport": "^5.26.0",
-		"@wordpress/warning": "^2.49.0",
-		"@wordpress/widgets": "^3.26.0",
+		"@wordpress/a11y": "^3.50.0",
+		"@wordpress/api-fetch": "^6.47.0",
+		"@wordpress/block-editor": "^12.18.0",
+		"@wordpress/block-library": "^8.27.0",
+		"@wordpress/blocks": "^12.27.0",
+		"@wordpress/commands": "^0.21.0",
+		"@wordpress/components": "^25.16.0",
+		"@wordpress/compose": "^6.27.0",
+		"@wordpress/core-commands": "^0.19.0",
+		"@wordpress/core-data": "^6.27.0",
+		"@wordpress/data": "^9.20.0",
+		"@wordpress/deprecated": "^3.50.0",
+		"@wordpress/dom": "^3.50.0",
+		"@wordpress/editor": "^13.27.0",
+		"@wordpress/element": "^5.27.0",
+		"@wordpress/hooks": "^3.50.0",
+		"@wordpress/i18n": "^4.50.0",
+		"@wordpress/icons": "^9.41.0",
+		"@wordpress/interface": "^5.27.0",
+		"@wordpress/keyboard-shortcuts": "^4.27.0",
+		"@wordpress/keycodes": "^3.50.0",
+		"@wordpress/media-utils": "^4.41.0",
+		"@wordpress/notices": "^4.18.0",
+		"@wordpress/plugins": "^6.18.0",
+		"@wordpress/preferences": "^3.27.0",
+		"@wordpress/private-apis": "^0.32.0",
+		"@wordpress/url": "^3.51.0",
+		"@wordpress/viewport": "^5.27.0",
+		"@wordpress/warning": "^2.50.0",
+		"@wordpress/widgets": "^3.27.0",
 		"classnames": "^2.3.1",
 		"memize": "^2.1.0",
 		"rememo": "^4.0.2"
@@ -68,5 +68,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5e6f9caa205d3bfdbac131952b7bf9c6ec60569b"
+	"gitHead": "45de2cb4212fed7f2763e95f10300d1ff9d0ec08"
 }

package/src/components/header/index.js

@@ -119,9 +119,7 @@ function Header( { setEntitiesSavedStatesCallback } ) {
 							className={ classnames(
 								'selected-block-tools-wrapper',
 								{
-									'is-collapsed':
-										isEditingTemplate &&
-										isBlockToolsCollapsed,
+									'is-collapsed': isBlockToolsCollapsed,
 								}
 							) }
 						>
@@ -131,7 +129,7 @@ function Header( { setEntitiesSavedStatesCallback } ) {
 							ref={ blockToolbarRef }
 							name="block-toolbar"
 						/>
-						{ isEditingTemplate && hasBlockSelection && (
+						{ hasBlockSelection && (
 							<Button
 								className="edit-post-header__block-tools-toggle"
 								icon={ isBlockToolsCollapsed ? next : previous }

package/src/components/header/style.scss

@@ -69,7 +69,7 @@
 			margin-left: $grid-unit;
 		}
 
-		// Modified group borders
+		// Modified group borders.
 		.components-toolbar-group,
 		.components-toolbar {
 			border-right: none;
@@ -194,18 +194,27 @@
 }
 
 .show-icon-labels {
-
 	.edit-post-header__toolbar .block-editor-block-mover {
+		// Modified group borders.
 		border-left: none;
 
 		&::before {
 			content: "";
 			width: $border-width;
-			margin-top: $grid-unit + $grid-unit-05;
-			margin-bottom: $grid-unit + $grid-unit-05;
+			margin-top: $grid-unit-15;
+			margin-bottom: $grid-unit-15;
 			background-color: $gray-300;
 			margin-left: $grid-unit;
 		}
+
+		// Modified block movers horizontal separator.
+		.block-editor-block-mover__move-button-container {
+			&::before {
+				width: calc(100% - #{$grid-unit-30});
+				background: $gray-300;
+				left: calc(50% + 1px);
+			}
+		}
 	}
 }
 

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

@@ -152,10 +152,7 @@ class Layout extends Component {
 					onLayout={ this.onRootViewLayout }
 				>
 					<AutosaveMonitor disableIntervalChecks />
-					{
-						// eslint-disable-next-line no-undef
-						__DEV__ && <OfflineStatus />
-					}
+					<OfflineStatus />
 					<View style={ editorStyles }>
 						{ isHtmlView ? this.renderHTML() : this.renderVisual() }
 						{ ! isHtmlView && Platform.OS === 'android' && (

package/src/components/meta-boxes/index.js

@@ -30,14 +30,16 @@ export default function MetaBoxes( { location } ) {
 		[ location ]
 	);
 
+	const hasMetaBoxes = !! metaBoxes?.length;
+
 	// When editor is ready, initialize postboxes (wp core script) and metabox
 	// saving. This initializes all meta box locations, not just this specific
 	// one.
 	useEffect( () => {
-		if ( isEditorReady && ! areMetaBoxesInitialized ) {
+		if ( isEditorReady && hasMetaBoxes && ! areMetaBoxesInitialized ) {
 			registry.dispatch( editPostStore ).initializeMetaBoxes();
 		}
-	}, [ isEditorReady, areMetaBoxesInitialized ] );
+	}, [ isEditorReady, hasMetaBoxes, areMetaBoxesInitialized ] );
 
 	if ( ! areMetaBoxesInitialized ) {
 		return null;

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

@@ -6,9 +6,16 @@ import { __ } from '@wordpress/i18n';
 import { Button } from '@wordpress/components';
 import { withSelect } from '@wordpress/data';
 import { store as editorStore } from '@wordpress/editor';
-import { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';
+import { privateApis as preferencesPrivateApis } from '@wordpress/preferences';
 import { getPathAndQueryString } from '@wordpress/url';
 
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+
+const { PreferenceBaseOption } = unlock( preferencesPrivateApis );
+
 function submitCustomFieldsForm() {
 	const customFieldsForm = document.getElementById(
 		'toggle-custom-fields-form'
@@ -53,7 +60,7 @@ export function EnableCustomFieldsOption( { label, areCustomFieldsEnabled } ) {
 	const [ isChecked, setIsChecked ] = useState( areCustomFieldsEnabled );
 
 	return (
-		<BaseOption
+		<PreferenceBaseOption
 			label={ label }
 			isChecked={ isChecked }
 			onChange={ setIsChecked }
@@ -61,7 +68,7 @@ export function EnableCustomFieldsOption( { label, areCustomFieldsEnabled } ) {
 			{ isChecked !== areCustomFieldsEnabled && (
 				<CustomFieldsConfirmation willEnable={ isChecked } />
 			) }
-		</BaseOption>
+		</PreferenceBaseOption>
 	);
 }
 

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

@@ -3,8 +3,15 @@
  */
 import { compose, ifCondition } from '@wordpress/compose';
 import { withSelect, withDispatch } from '@wordpress/data';
-import { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';
 import { store as editorStore } from '@wordpress/editor';
+import { privateApis as preferencesPrivateApis } from '@wordpress/preferences';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+
+const { PreferenceBaseOption } = unlock( preferencesPrivateApis );
 
 export default compose(
 	withSelect( ( select, { panelName } ) => {
@@ -20,4 +27,4 @@ export default compose(
 		onChange: () =>
 			dispatch( editorStore ).toggleEditorPanelEnabled( panelName ),
 	} ) )
-)( BaseOption );
+)( PreferenceBaseOption );

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

@@ -5,7 +5,14 @@ import { compose } from '@wordpress/compose';
 import { withSelect, withDispatch } from '@wordpress/data';
 import { ifViewportMatches } from '@wordpress/viewport';
 import { store as editorStore } from '@wordpress/editor';
-import { ___unstablePreferencesModalBaseOption as BaseOption } from '@wordpress/interface';
+import { privateApis as preferencesPrivateApis } from '@wordpress/preferences';
+
+/**
+ * Internal dependencies
+ */
+import { unlock } from '../../lock-unlock';
+
+const { PreferenceBaseOption } = unlock( preferencesPrivateApis );
 
 export default compose(
 	withSelect( ( select ) => ( {
@@ -22,4 +29,4 @@ export default compose(
 	// In < medium viewports we override this option and always show the publish sidebar.
 	// See the edit-post's header component for the specific logic.
 	ifViewportMatches( 'medium' )
-)( BaseOption );
+)( PreferenceBaseOption );