@wordpress/block-editor 11.3.8 → 11.3.10

package/build-style/style-rtl.css

@@ -164,6 +164,7 @@
 .block-editor-block-inspector .components-panel__body {
   border: none;
   border-top: 1px solid #e0e0e0;
+  margin-top: -1px;
 }
 .block-editor-block-inspector .block-editor-block-card {
   padding: 16px;

package/build-style/style.css

@@ -164,6 +164,7 @@
 .block-editor-block-inspector .components-panel__body {
   border: none;
   border-top: 1px solid #e0e0e0;
+  margin-top: -1px;
 }
 .block-editor-block-inspector .block-editor-block-card {
   padding: 16px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "11.3.8",
+	"version": "11.3.10",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,7 +37,7 @@
 		"@wordpress/api-fetch": "^6.23.1",
 		"@wordpress/blob": "^3.26.1",
 		"@wordpress/blocks": "^12.3.3",
-		"@wordpress/components": "^23.3.6",
+		"@wordpress/components": "^23.3.7",
 		"@wordpress/compose": "^6.3.3",
 		"@wordpress/data": "^8.3.3",
 		"@wordpress/date": "^4.26.2",
@@ -53,9 +53,9 @@
 		"@wordpress/keyboard-shortcuts": "^4.3.3",
 		"@wordpress/keycodes": "^3.26.2",
 		"@wordpress/notices": "^3.26.3",
-		"@wordpress/preferences": "^3.3.6",
+		"@wordpress/preferences": "^3.3.7",
 		"@wordpress/private-apis": "^0.8.1",
-		"@wordpress/rich-text": "^6.3.3",
+		"@wordpress/rich-text": "^6.3.4",
 		"@wordpress/shortcode": "^3.26.1",
 		"@wordpress/style-engine": "^1.9.1",
 		"@wordpress/token-list": "^2.26.1",
@@ -83,5 +83,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "446428841b54f47e5373d6e9723ef7ec24cf11b3"
+	"gitHead": "6cf78aefb52e1ca38b58aa38a44a312b744f3310"
 }

package/src/components/block-inspector/style.scss

@@ -27,6 +27,9 @@
 	.components-panel__body {
 		border: none;
 		border-top: $border-width solid $gray-200;
+
+		// Ensures this PanelBody is treated like the ToolsPanel, removing double borders.
+		margin-top: -$border-width;
 	}
 
 	.block-editor-block-card {

package/src/components/block-list/block-invalid-warning.js

@@ -23,6 +23,7 @@ export function BlockInvalidWarning( {
 	block,
 } ) {
 	const hasHTMLBlock = !! getBlockType( 'core/html' );
+	const hasClassicBlock = !! getBlockType( 'core/freeform' );
 	const [ compare, setCompare ] = useState( false );
 
 	const onCompare = useCallback( () => setCompare( true ), [] );
@@ -41,12 +42,18 @@ export function BlockInvalidWarning( {
 					title: __( 'Convert to HTML' ),
 					onClick: convertToHTML,
 				},
-				{
+				hasClassicBlock && {
 					title: __( 'Convert to Classic Block' ),
 					onClick: convertToClassic,
 				},
 			].filter( Boolean ),
-		[ onCompare, convertToHTML, convertToClassic ]
+		[
+			onCompare,
+			hasHTMLBlock,
+			convertToHTML,
+			hasClassicBlock,
+			convertToClassic,
+		]
 	);
 
 	return (

package/src/components/inserter/block-patterns-tab.js

@@ -28,7 +28,9 @@ import BlockPatternList from '../block-patterns-list';
 import PatternsExplorerModal from './block-patterns-explorer/explorer';
 import MobileTabNavigation from './mobile-tab-navigation';
 
-// Preffered order of pattern categories. Any other categories should
+const noop = () => {};
+
+// Preferred order of pattern categories. Any other categories should
 // be at the bottom without any re-ordering.
 const patternCategoriesOrder = [
 	'featured',
@@ -148,7 +150,7 @@ export function BlockPatternsCategoryDialog( {
 export function BlockPatternsCategoryPanel( {
 	rootClientId,
 	onInsert,
-	onHover,
+	onHover = noop,
 	category,
 	showTitlesAsTooltip,
 } ) {

package/src/components/inserter/index.js

@@ -214,7 +214,7 @@ class PrivateInserter extends Component {
 					'block-editor-inserter__popover',
 					{ 'is-quick': isQuick }
 				) }
-				popoverProps={ { position } }
+				popoverProps={ { position, shift: true } }
 				onToggle={ this.onToggle }
 				expandOnMobile
 				headerTitle={ __( 'Add a block' ) }

package/src/components/rich-text/index.js

@@ -281,6 +281,7 @@ function RichTextWrapper(
 
 	const {
 		value,
+		getValue,
 		onChange,
 		ref: richTextRef,
 	} = useRichText( {
@@ -401,7 +402,7 @@ function RichTextWrapper(
 					richTextRef,
 					useBeforeInputRules( { value, onChange } ),
 					useInputRules( {
-						value,
+						getValue,
 						onChange,
 						__unstableAllowPrefixTransformations,
 						formatTypes,

package/src/components/rich-text/use-input-rules.js

@@ -49,12 +49,15 @@ export function useInputRules( props ) {
 	propsRef.current = props;
 	return useRefEffect( ( element ) => {
 		function inputRule() {
-			const { value, onReplace, selectionChange } = propsRef.current;
+			const { getValue, onReplace, selectionChange } = propsRef.current;
 
 			if ( ! onReplace ) {
 				return;
 			}
 
+			// We must use getValue() here because value may be update
+			// asynchronously.
+			const value = getValue();
 			const { start, text } = value;
 			const characterBefore = text.slice( start - 1, start );
 
@@ -91,7 +94,7 @@ export function useInputRules( props ) {
 		function onInput( event ) {
 			const { inputType, type } = event;
 			const {
-				value,
+				getValue,
 				onChange,
 				__unstableAllowPrefixTransformations,
 				formatTypes,
@@ -106,6 +109,7 @@ export function useInputRules( props ) {
 				inputRule();
 			}
 
+			const value = getValue();
 			const transformed = formatTypes.reduce(
 				( accumlator, { __unstableInputRule } ) => {
 					if ( __unstableInputRule ) {

package/src/hooks/position.js

@@ -6,7 +6,7 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { __, sprintf } from '@wordpress/i18n';
+import { __, _x, sprintf } from '@wordpress/i18n';
 import { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';
 import {
 	BaseControl,
@@ -49,7 +49,7 @@ const DEFAULT_OPTION = {
 const STICKY_OPTION = {
 	key: 'sticky',
 	value: 'sticky',
-	name: __( 'Sticky' ),
+	name: _x( 'Sticky', 'Name for the value of the CSS position property' ),
 	className: OPTION_CLASSNAME,
 	__experimentalHint: __(
 		'The block will stick to the top of the window instead of scrolling.'
@@ -59,7 +59,7 @@ const STICKY_OPTION = {
 const FIXED_OPTION = {
 	key: 'fixed',
 	value: 'fixed',
-	name: __( 'Fixed' ),
+	name: _x( 'Fixed', 'Name for the value of the CSS position property' ),
 	className: OPTION_CLASSNAME,
 	__experimentalHint: __(
 		'The block will not move when the page is scrolled.'

package/src/layouts/utils.js

@@ -83,10 +83,10 @@ export function getBlockGapCSS(
  * @return {Object} An object with contextual info per alignment.
  */
 export function getAlignmentsInfo( layout ) {
-	const { contentSize, wideSize } = layout;
+	const { contentSize, wideSize, type = 'default' } = layout;
 	const alignmentInfo = {};
 	const sizeRegex = /^(?!0)\d+(px|em|rem|vw|vh|%)?$/i;
-	if ( sizeRegex.test( contentSize ) ) {
+	if ( sizeRegex.test( contentSize ) && type === 'constrained' ) {
 		// translators: %s: container size (i.e. 600px etc)
 		alignmentInfo.none = sprintf( __( 'Max %s wide' ), contentSize );
 	}

package/src/store/selectors.js

@@ -2806,12 +2806,12 @@ export function __unstableHasActiveBlockOverlayActive( state, clientId ) {
 }
 
 export function __unstableIsWithinBlockOverlay( state, clientId ) {
-	let parent = state.blocks.parents[ clientId ];
+	let parent = state.blocks.parents.get( clientId );
 	while ( !! parent ) {
 		if ( __unstableHasActiveBlockOverlayActive( state, parent ) ) {
 			return true;
 		}
-		parent = state.blocks.parents[ parent ];
+		parent = state.blocks.parents.get( parent );
 	}
 	return false;
 }