@wordpress/block-editor 15.10.1-next.06ee73755.0 → 15.10.1-next.ba3aee3a2.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "15.10.1-next.06ee73755.0",
+	"version": "15.10.1-next.ba3aee3a2.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -61,43 +61,43 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.37.1-next.06ee73755.0",
-		"@wordpress/api-fetch": "^7.37.1-next.06ee73755.0",
-		"@wordpress/base-styles": "^6.13.2-next.06ee73755.0",
-		"@wordpress/blob": "^4.37.1-next.06ee73755.0",
-		"@wordpress/block-serialization-default-parser": "^5.37.1-next.06ee73755.0",
-		"@wordpress/blocks": "^15.10.1-next.06ee73755.0",
-		"@wordpress/commands": "^1.37.1-next.06ee73755.0",
-		"@wordpress/components": "^32.0.1-next.06ee73755.0",
-		"@wordpress/compose": "^7.37.1-next.06ee73755.0",
-		"@wordpress/data": "^10.37.1-next.06ee73755.0",
-		"@wordpress/dataviews": "^11.2.1-next.06ee73755.0",
-		"@wordpress/date": "^5.37.2-next.06ee73755.0",
-		"@wordpress/deprecated": "^4.37.1-next.06ee73755.0",
-		"@wordpress/dom": "^4.37.1-next.06ee73755.0",
-		"@wordpress/element": "^6.37.1-next.06ee73755.0",
-		"@wordpress/escape-html": "^3.37.1-next.06ee73755.0",
-		"@wordpress/global-styles-engine": "^1.4.1-next.06ee73755.0",
-		"@wordpress/hooks": "^4.37.1-next.06ee73755.0",
-		"@wordpress/html-entities": "^4.37.1-next.06ee73755.0",
-		"@wordpress/i18n": "^6.10.1-next.06ee73755.0",
-		"@wordpress/icons": "^11.4.1-next.06ee73755.0",
-		"@wordpress/image-cropper": "^1.1.1-next.06ee73755.0",
-		"@wordpress/interactivity": "^6.37.2-next.06ee73755.0",
-		"@wordpress/is-shallow-equal": "^5.37.1-next.06ee73755.0",
-		"@wordpress/keyboard-shortcuts": "^5.37.1-next.06ee73755.0",
-		"@wordpress/keycodes": "^4.38.1-next.06ee73755.0",
-		"@wordpress/notices": "^5.37.1-next.06ee73755.0",
-		"@wordpress/preferences": "^4.37.1-next.06ee73755.0",
-		"@wordpress/priority-queue": "^3.37.1-next.06ee73755.0",
-		"@wordpress/private-apis": "^1.37.1-next.06ee73755.0",
-		"@wordpress/rich-text": "^7.37.1-next.06ee73755.0",
-		"@wordpress/style-engine": "^2.37.1-next.06ee73755.0",
-		"@wordpress/token-list": "^3.37.1-next.06ee73755.0",
-		"@wordpress/upload-media": "^0.22.1-next.06ee73755.0",
-		"@wordpress/url": "^4.37.1-next.06ee73755.0",
-		"@wordpress/warning": "^3.37.1-next.06ee73755.0",
-		"@wordpress/wordcount": "^4.37.1-next.06ee73755.0",
+		"@wordpress/a11y": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/api-fetch": "^7.37.1-next.ba3aee3a2.0",
+		"@wordpress/base-styles": "^6.13.2-next.ba3aee3a2.0",
+		"@wordpress/blob": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/block-serialization-default-parser": "^5.37.1-next.ba3aee3a2.0",
+		"@wordpress/blocks": "^15.10.1-next.ba3aee3a2.0",
+		"@wordpress/commands": "^1.37.1-next.ba3aee3a2.0",
+		"@wordpress/components": "^32.0.1-next.ba3aee3a2.0",
+		"@wordpress/compose": "^7.37.1-next.ba3aee3a2.0",
+		"@wordpress/data": "^10.37.1-next.ba3aee3a2.0",
+		"@wordpress/dataviews": "^11.2.1-next.ba3aee3a2.0",
+		"@wordpress/date": "^5.37.2-next.ba3aee3a2.0",
+		"@wordpress/deprecated": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/dom": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/element": "^6.37.1-next.ba3aee3a2.0",
+		"@wordpress/escape-html": "^3.37.1-next.ba3aee3a2.0",
+		"@wordpress/global-styles-engine": "^1.4.1-next.ba3aee3a2.0",
+		"@wordpress/hooks": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/html-entities": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/i18n": "^6.10.1-next.ba3aee3a2.0",
+		"@wordpress/icons": "^11.4.1-next.ba3aee3a2.0",
+		"@wordpress/image-cropper": "^1.1.1-next.ba3aee3a2.0",
+		"@wordpress/interactivity": "^6.37.2-next.ba3aee3a2.0",
+		"@wordpress/is-shallow-equal": "^5.37.1-next.ba3aee3a2.0",
+		"@wordpress/keyboard-shortcuts": "^5.37.1-next.ba3aee3a2.0",
+		"@wordpress/keycodes": "^4.38.1-next.ba3aee3a2.0",
+		"@wordpress/notices": "^5.37.1-next.ba3aee3a2.0",
+		"@wordpress/preferences": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/priority-queue": "^3.37.1-next.ba3aee3a2.0",
+		"@wordpress/private-apis": "^1.37.1-next.ba3aee3a2.0",
+		"@wordpress/rich-text": "^7.37.1-next.ba3aee3a2.0",
+		"@wordpress/style-engine": "^2.37.1-next.ba3aee3a2.0",
+		"@wordpress/token-list": "^3.37.1-next.ba3aee3a2.0",
+		"@wordpress/upload-media": "^0.22.1-next.ba3aee3a2.0",
+		"@wordpress/url": "^4.37.1-next.ba3aee3a2.0",
+		"@wordpress/warning": "^3.37.1-next.ba3aee3a2.0",
+		"@wordpress/wordcount": "^4.37.1-next.ba3aee3a2.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -124,5 +124,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "fd315436f44683a993d5f053789b5279d95b2872"
+	"gitHead": "67d2e486fcd40c753591cf911ca0659132f519ca"
 }

package/src/components/block-bindings/attribute-control.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import fastDeepEqual from 'fast-deep-equal/es6/index.js';
+import fastDeepEqual from 'fast-deep-equal/es6';
 
 /**
  * WordPress dependencies

package/src/components/block-bindings/source-fields-list.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import fastDeepEqual from 'fast-deep-equal/es6/index.js';
+import fastDeepEqual from 'fast-deep-equal/es6';
 
 /**
  * WordPress dependencies

package/src/components/inner-blocks/use-inner-block-template-sync.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import fastDeepEqual from 'fast-deep-equal/es6/index.js';
+import fastDeepEqual from 'fast-deep-equal/es6';
 
 /**
  * WordPress dependencies

package/src/components/inserter/menu.js

@@ -75,8 +75,6 @@ function InserterMenu(
 	const [ selectedMediaCategory, setSelectedMediaCategory ] =
 		useState( null );
 	const isLargeViewport = useViewportMatch( 'large' );
-	const isMobileViewport = useViewportMatch( 'medium', '<' );
-	const maybeCloseInserter = isMobileViewport ? onClose : NOOP;
 
 	function getInitialTab() {
 		if ( __experimentalInitialTab ) {
@@ -116,7 +114,6 @@ function InserterMenu(
 				_rootClientId
 			);
 			onSelect( blocks );
-			maybeCloseInserter();
 
 			// Check for focus loss due to filtering blocks by selected block type
 			window.requestAnimationFrame( () => {
@@ -131,7 +128,7 @@ function InserterMenu(
 				}
 			} );
 		},
-		[ onInsertBlocks, maybeCloseInserter, onSelect, ref, shouldFocusBlock ]
+		[ onInsertBlocks, onSelect, shouldFocusBlock ]
 	);
 
 	const onInsertPattern = useCallback(
@@ -139,9 +136,8 @@ function InserterMenu(
 			onToggleInsertionPoint( false );
 			onInsertBlocks( blocks, { patternName }, ...args );
 			onSelect();
-			maybeCloseInserter();
 		},
-		[ onInsertBlocks, maybeCloseInserter, onSelect, onToggleInsertionPoint ]
+		[ onInsertBlocks, onSelect ]
 	);
 
 	const onHover = useCallback(

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

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import clsx from 'clsx';
-import fastDeepEqual from 'fast-deep-equal/es6/index.js';
+import fastDeepEqual from 'fast-deep-equal/es6';
 
 /**
  * WordPress dependencies

package/src/hooks/block-fields/index.js

@@ -10,7 +10,6 @@ import {
 import { createHigherOrderComponent } from '@wordpress/compose';
 import { DataForm } from '@wordpress/dataviews';
 import { useContext, useState, useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
@@ -170,25 +169,7 @@ function denormalizeLinkValue( value, fieldDef ) {
 	return result;
 }
 
-/**
- * Component that renders a DataForm for a single block's attributes
- * @param {Object}   props
- * @param {string}   props.clientId      The clientId of the block.
- * @param {Object}   props.blockType     The blockType definition.
- * @param {Object}   props.attributes    The block's attribute values.
- * @param {Function} props.setAttributes Action to set the block's attributes.
- * @param {boolean}  props.isCollapsed   Whether the DataForm is rendered as 'collapsed' with only the first field
- *                                       displayed by default. When collapsed a dropdown is displayed to allow
- *                                       displaying additional fields. The block's title is displayed as the title.
- *                                       The collapsed mode is often used when multiple BlockForms are shown together.
- */
-function BlockFields( {
-	clientId,
-	blockType,
-	attributes,
-	setAttributes,
-	isCollapsed = false,
-} ) {
+function BlockFields( { clientId, blockType, attributes, setAttributes } ) {
 	const blockTitle = useBlockDisplayTitle( {
 		clientId,
 		context: 'list-view',
@@ -197,19 +178,9 @@ function BlockFields( {
 
 	const blockTypeFields = blockType?.[ fieldsKey ];
 
-	const computedForm = useMemo( () => {
-		if ( ! isCollapsed ) {
-			return blockType?.[ formKey ];
-		}
-
-		// For a collapsed form only show the first field by default.
-		return {
-			...blockType?.[ formKey ],
-			fields: [ blockType?.[ formKey ]?.fields?.[ 0 ] ],
-		};
-	}, [ blockType, isCollapsed ] );
-
-	const [ form, setForm ] = useState( computedForm );
+	const [ form, setForm ] = useState( () => {
+		return blockType?.[ formKey ];
+	} );
 
 	// Build DataForm fields with proper structure
 	const dataFormFields = useMemo( () => {
@@ -339,29 +310,21 @@ function BlockFields( {
 		<div className="block-editor-block-fields__container">
 			<div className="block-editor-block-fields__header">
 				<HStack spacing={ 1 }>
-					{ isCollapsed && (
-						<>
-							<BlockIcon
-								className="block-editor-block-fields__header-icon"
-								icon={ blockInformation?.icon }
-							/>
-							<h2 className="block-editor-block-fields__header-title">
-								<Truncate numberOfLines={ 1 }>
-									{ blockTitle }
-								</Truncate>
-							</h2>
-							<FieldsDropdownMenu
-								fields={ dataFormFields }
-								visibleFields={ form.fields }
-								onToggleField={ handleToggleField }
-							/>
-						</>
-					) }
-					{ ! isCollapsed && (
-						<h2 className="block-editor-block-fields__header-title">
-							{ __( 'Content' ) }
-						</h2>
-					) }
+					<BlockIcon
+						className="block-editor-block-fields__header-icon"
+						icon={ blockInformation?.icon }
+					/>
+					<Truncate
+						className="block-editor-block-fields__header-title"
+						numberOfLines={ 1 }
+					>
+						{ blockTitle }
+					</Truncate>
+					<FieldsDropdownMenu
+						fields={ dataFormFields }
+						visibleFields={ form.fields }
+						onToggleField={ handleToggleField }
+					/>
 				</HStack>
 			</div>
 			<DataForm
@@ -407,7 +370,6 @@ const withBlockFields = createHigherOrderComponent(
 								<BlockFields
 									{ ...props }
 									blockType={ blockType }
-									isCollapsed
 								/>
 							</PrivateInspectorControlsFill>
 						)

package/src/hooks/block-fields/styles.scss

@@ -30,6 +30,4 @@
 
 .block-editor-block-fields__header-title {
 	flex: 1;
-	// Override the default margin on a h2 element.
-	margin: 0 !important;
 }

package/src/store/reducer.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import fastDeepEqual from 'fast-deep-equal/es6/index.js';
+import fastDeepEqual from 'fast-deep-equal/es6';
 
 /**
  * WordPress dependencies