@wordpress/block-editor 15.10.1-next.v.0 → 15.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "15.10.1-next.v.0+500f87dd8",
+	"version": "15.11.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.v.0+500f87dd8",
-		"@wordpress/api-fetch": "^7.37.1-next.v.0+500f87dd8",
-		"@wordpress/base-styles": "^6.13.2-next.v.0+500f87dd8",
-		"@wordpress/blob": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/block-serialization-default-parser": "^5.37.1-next.v.0+500f87dd8",
-		"@wordpress/blocks": "^15.10.1-next.v.0+500f87dd8",
-		"@wordpress/commands": "^1.37.1-next.v.0+500f87dd8",
-		"@wordpress/components": "^32.0.1-next.v.0+500f87dd8",
-		"@wordpress/compose": "^7.37.1-next.v.0+500f87dd8",
-		"@wordpress/data": "^10.37.1-next.v.0+500f87dd8",
-		"@wordpress/dataviews": "^11.2.1-next.v.0+500f87dd8",
-		"@wordpress/date": "^5.37.2-next.v.0+500f87dd8",
-		"@wordpress/deprecated": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/dom": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/element": "^6.37.1-next.v.0+500f87dd8",
-		"@wordpress/escape-html": "^3.37.1-next.v.0+500f87dd8",
-		"@wordpress/global-styles-engine": "^1.4.1-next.v.0+500f87dd8",
-		"@wordpress/hooks": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/html-entities": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/i18n": "^6.10.1-next.v.0+500f87dd8",
-		"@wordpress/icons": "^11.4.1-next.v.0+500f87dd8",
-		"@wordpress/image-cropper": "^1.1.1-next.v.0+500f87dd8",
-		"@wordpress/interactivity": "^6.37.2-next.v.0+500f87dd8",
-		"@wordpress/is-shallow-equal": "^5.37.1-next.v.0+500f87dd8",
-		"@wordpress/keyboard-shortcuts": "^5.37.1-next.v.0+500f87dd8",
-		"@wordpress/keycodes": "^4.38.1-next.v.0+500f87dd8",
-		"@wordpress/notices": "^5.38.1-next.v.0+500f87dd8",
-		"@wordpress/preferences": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/priority-queue": "^3.37.1-next.v.0+500f87dd8",
-		"@wordpress/private-apis": "^1.37.1-next.v.0+500f87dd8",
-		"@wordpress/rich-text": "^7.37.1-next.v.0+500f87dd8",
-		"@wordpress/style-engine": "^2.37.1-next.v.0+500f87dd8",
-		"@wordpress/token-list": "^3.37.1-next.v.0+500f87dd8",
-		"@wordpress/upload-media": "^0.22.1-next.v.0+500f87dd8",
-		"@wordpress/url": "^4.37.1-next.v.0+500f87dd8",
-		"@wordpress/warning": "^3.37.1-next.v.0+500f87dd8",
-		"@wordpress/wordcount": "^4.37.1-next.v.0+500f87dd8",
+		"@wordpress/a11y": "^4.38.0",
+		"@wordpress/api-fetch": "^7.38.0",
+		"@wordpress/base-styles": "^6.14.0",
+		"@wordpress/blob": "^4.38.0",
+		"@wordpress/block-serialization-default-parser": "^5.38.0",
+		"@wordpress/blocks": "^15.11.0",
+		"@wordpress/commands": "^1.38.0",
+		"@wordpress/components": "^32.0.0",
+		"@wordpress/compose": "^7.38.0",
+		"@wordpress/data": "^10.38.0",
+		"@wordpress/dataviews": "^11.2.0",
+		"@wordpress/date": "^5.38.0",
+		"@wordpress/deprecated": "^4.38.0",
+		"@wordpress/dom": "^4.38.0",
+		"@wordpress/element": "^6.38.0",
+		"@wordpress/escape-html": "^3.38.0",
+		"@wordpress/global-styles-engine": "^1.5.0",
+		"@wordpress/hooks": "^4.38.0",
+		"@wordpress/html-entities": "^4.38.0",
+		"@wordpress/i18n": "^6.11.0",
+		"@wordpress/icons": "^11.5.0",
+		"@wordpress/image-cropper": "^1.2.0",
+		"@wordpress/interactivity": "^6.38.0",
+		"@wordpress/is-shallow-equal": "^5.38.0",
+		"@wordpress/keyboard-shortcuts": "^5.38.0",
+		"@wordpress/keycodes": "^4.38.0",
+		"@wordpress/notices": "^5.38.0",
+		"@wordpress/preferences": "^4.38.0",
+		"@wordpress/priority-queue": "^3.38.0",
+		"@wordpress/private-apis": "^1.38.0",
+		"@wordpress/rich-text": "^7.38.0",
+		"@wordpress/style-engine": "^2.38.0",
+		"@wordpress/token-list": "^3.38.0",
+		"@wordpress/upload-media": "^0.23.0",
+		"@wordpress/url": "^4.38.0",
+		"@wordpress/warning": "^3.38.0",
+		"@wordpress/wordcount": "^4.38.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -124,5 +124,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "ca0db0ee8ac2116cd307650136027d26d0cdd9bd"
+	"gitHead": "50c4c0f51e4797c217946ce42adfaa5eb026f33f"
 }

package/src/components/block-edit/context.js

@@ -5,6 +5,9 @@ import { createContext, useContext } from '@wordpress/element';
 
 export const mayDisplayControlsKey = Symbol( 'mayDisplayControls' );
 export const mayDisplayParentControlsKey = Symbol( 'mayDisplayParentControls' );
+export const mayDisplayPatternEditingControlsKey = Symbol(
+	'mayDisplayPatternEditingControls'
+);
 export const blockEditingModeKey = Symbol( 'blockEditingMode' );
 export const blockBindingsKey = Symbol( 'blockBindings' );
 export const isPreviewModeKey = Symbol( 'isPreviewMode' );

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

@@ -13,6 +13,7 @@ import {
 	useBlockEditContext,
 	mayDisplayControlsKey,
 	mayDisplayParentControlsKey,
+	mayDisplayPatternEditingControlsKey,
 	blockEditingModeKey,
 	blockBindingsKey,
 	isPreviewModeKey,
@@ -33,6 +34,7 @@ export { useBlockEditContext };
 export default function BlockEdit( {
 	mayDisplayControls,
 	mayDisplayParentControls,
+	mayDisplayPatternEditingControls,
 	blockEditingMode,
 	isPreviewMode,
 	// The remaining props are passed through the BlockEdit filters and are thus
@@ -69,6 +71,9 @@ export default function BlockEdit( {
 					// usage outside of the package (this context is exposed).
 					[ mayDisplayControlsKey ]: mayDisplayControls,
 					[ mayDisplayParentControlsKey ]: mayDisplayParentControls,
+					[ mayDisplayPatternEditingControlsKey ]:
+						mayDisplayPatternEditingControls &&
+						blockEditingMode !== 'disabled',
 					[ blockEditingModeKey ]: blockEditingMode,
 					[ blockBindingsKey ]: bindings,
 					[ isPreviewModeKey ]: isPreviewMode,
@@ -82,6 +87,7 @@ export default function BlockEdit( {
 					__unstableLayoutClassNames,
 					mayDisplayControls,
 					mayDisplayParentControls,
+					mayDisplayPatternEditingControls,
 					blockEditingMode,
 					bindings,
 					isPreviewMode,

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

@@ -36,14 +36,12 @@ function StyleInspectorSlots( {
 	blockName,
 	showAdvancedControls = true,
 	showPositionControls = true,
-	showListControls = false,
 	showBindingsControls = true,
 } ) {
 	const borderPanelLabel = useBorderPanelLabel( { blockName } );
 	return (
 		<>
 			<InspectorControls.Slot />
-			{ showListControls && <InspectorControls.Slot group="list" /> }
 			<InspectorControls.Slot
 				group="color"
 				label={ __( 'Color' ) }
@@ -377,11 +375,9 @@ const BlockInspectorSingleBlock = ( {
 					) }
 					<ContentTab contentClientIds={ contentClientIds } />
 					<InspectorControls.Slot group="content" />
+					<InspectorControls.Slot group="list" />
 					{ ! isSectionBlock && (
-						<StyleInspectorSlots
-							blockName={ blockName }
-							showListControls
-						/>
+						<StyleInspectorSlots blockName={ blockName } />
 					) }
 					{ isSectionBlock &&
 						isBlockSynced &&

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

@@ -106,6 +106,7 @@ function BlockListBlock( {
 	const {
 		mayDisplayControls,
 		mayDisplayParentControls,
+		isSelectionWithinCurrentSection,
 		themeSupportsLayout,
 		...context
 	} = useContext( PrivateBlockContext );
@@ -135,6 +136,7 @@ function BlockListBlock( {
 			}
 			mayDisplayControls={ mayDisplayControls }
 			mayDisplayParentControls={ mayDisplayParentControls }
+			mayDisplayPatternEditingControls={ isSelectionWithinCurrentSection }
 			blockEditingMode={ context.blockEditingMode }
 			isPreviewMode={ context.isPreviewMode }
 		/>
@@ -231,6 +233,7 @@ function BlockListBlock( {
 			value={ {
 				wrapperProps: updatedWrapperProps,
 				isAligned,
+				isSelectionWithinCurrentSection,
 				...context,
 			} }
 		>

package/src/components/block-list/block.native.js

@@ -195,6 +195,7 @@ function BlockListBlock( {
 		isParentSelected,
 		order,
 		mayDisplayControls,
+		mayDisplayPatternEditingControls,
 		blockEditingMode,
 	} = useSelect(
 		( select ) => {
@@ -263,6 +264,7 @@ function BlockListBlock( {
 						getMultiSelectedBlockClientIds().every(
 							( id ) => getBlockName( id ) === name
 						) ),
+				mayDisplayPatternEditingControls: false, // Section/pattern editing not yet supported on native
 				blockEditingMode: getBlockEditingMode( clientId ),
 			};
 		},
@@ -403,6 +405,9 @@ function BlockListBlock( {
 							}
 							wrapperProps={ wrapperProps }
 							mayDisplayControls={ mayDisplayControls }
+							mayDisplayPatternEditingControls={
+								mayDisplayPatternEditingControls
+							}
 							blockEditingMode={ blockEditingMode }
 						/>
 						<View onLayout={ onLayout } />

package/src/components/block-patterns-list/stories/index.story.jsx

@@ -9,7 +9,7 @@ import { fn } from 'storybook/test';
 import BlockPatternsList from '../';
 import { ExperimentalBlockEditorProvider } from '../../provider';
 import patterns from './fixtures';
-import blockLibraryStyles from '!!raw-loader!../../../../../block-library/build-style/style.css';
+import blockLibraryStyles from '../../../../../block-library/build-style/style.css?raw';
 
 const blockEditorSettings = {
 	styles: [ { css: blockLibraryStyles } ],

package/src/components/button-block-appender/index.js

@@ -54,6 +54,8 @@ function ButtonBlockAppender(
 					  );
 
 				return (
+					// Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.
+					// eslint-disable-next-line @wordpress/components-no-unsafe-button-disabled
 					<Button
 						__next40pxDefaultSize
 						ref={ ref }
@@ -66,8 +68,6 @@ function ButtonBlockAppender(
 						onClick={ onToggle }
 						aria-haspopup={ isToggleButton ? 'true' : undefined }
 						aria-expanded={ isToggleButton ? isOpen : undefined }
-						// Disable reason: There shouldn't be a case where this button is disabled but not visually hidden.
-						// eslint-disable-next-line no-restricted-syntax
 						disabled={ disabled }
 						label={ label }
 						showTooltip

package/src/components/font-sizes/font-size-picker.js

@@ -19,6 +19,7 @@ function FontSizePicker( props ) {
 			{ ...props }
 			fontSizes={ fontSizes }
 			disableCustomFontSizes={ ! customFontSize }
+			__next40pxDefaultSize
 		/>
 	);
 }

package/src/components/inspector-controls/fill.js

@@ -15,15 +15,15 @@ import { useEffect, useContext } from '@wordpress/element';
 import {
 	useBlockEditContext,
 	mayDisplayControlsKey,
+	mayDisplayPatternEditingControlsKey,
 } from '../block-edit/context';
 import groups from './groups';
 
-export function PrivateInspectorControlsFill( {
+export default function InspectorControlsFill( {
 	children,
 	group = 'default',
 	__experimentalGroup,
 	resetAllFilter,
-	forceDisplayControls,
 } ) {
 	if ( __experimentalGroup ) {
 		deprecated(
@@ -43,7 +43,14 @@ export function PrivateInspectorControlsFill( {
 		warning( `Unknown InspectorControls group "${ group }" provided.` );
 		return null;
 	}
-	if ( ! forceDisplayControls && ! context[ mayDisplayControlsKey ] ) {
+	const shouldDisplayForPatternEditing =
+		context[ mayDisplayPatternEditingControlsKey ] &&
+		( group === 'list' || group === 'content' );
+
+	if (
+		! context[ mayDisplayControlsKey ] &&
+		! shouldDisplayForPatternEditing
+	) {
 		return null;
 	}
 
@@ -64,23 +71,6 @@ export function PrivateInspectorControlsFill( {
 	);
 }
 
-export default function InspectorControlsFill( {
-	children,
-	group = 'default',
-	__experimentalGroup,
-	resetAllFilter,
-} ) {
-	return (
-		<PrivateInspectorControlsFill
-			group={ group }
-			__experimentalGroup={ __experimentalGroup }
-			resetAllFilter={ resetAllFilter }
-		>
-			{ children }
-		</PrivateInspectorControlsFill>
-	);
-}
-
 function RegisterResetAll( { resetAllFilter, children } ) {
 	const { registerResetAllFilter, deregisterResetAllFilter } =
 		useContext( ToolsPanelContext );

package/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js

@@ -84,26 +84,29 @@ export default function useInspectorControlsTabs(
 		...( hasListFills && hasStyleFills > 1 ? advancedFills : [] ),
 	];
 
+	// When the block fields experiment is active, only rely on `hasContentFills`
+	// to determine whether the content tab to be shown. The tab purely uses slot
+	// fills in this situation.
+	const shouldShowBlockFields =
+		window?.__experimentalContentOnlyInspectorFields;
 	const hasContentTab =
 		hasContentFills ||
-		!! ( contentClientIds && contentClientIds.length > 0 );
+		( ! shouldShowBlockFields && contentClientIds?.length );
 
-	const hasListTab = hasListFills && ! isSectionBlock;
+	if ( hasContentTab ) {
+		tabs.push( TAB_CONTENT );
+	}
 
 	// Add the tabs in the order that they will default to if available.
 	// List View > Content > Settings > Styles.
-	if ( hasListTab ) {
+	if ( hasListFills ) {
 		tabs.push( TAB_LIST_VIEW );
 	}
 
-	if ( hasContentTab ) {
-		tabs.push( TAB_CONTENT );
-	}
-
 	if (
 		( settingsFills.length ||
 			// Advanded fills who up in settings tab if available or they blend into the default tab, if there's only one tab.
-			( advancedFills.length && ( hasContentTab || hasListTab ) ) ) &&
+			( advancedFills.length && ( hasContentTab || hasListFills ) ) ) &&
 		! isSectionBlock
 	) {
 		tabs.push( TAB_SETTINGS );

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

@@ -1,13 +1,15 @@
 /**
  * WordPress dependencies
  */
-import { addFilter } from '@wordpress/hooks';
-import { privateApis as blocksPrivateApis } from '@wordpress/blocks';
+import {
+	privateApis as blocksPrivateApis,
+	getBlockType,
+} from '@wordpress/blocks';
 import {
 	__experimentalHStack as HStack,
 	__experimentalTruncate as Truncate,
 } from '@wordpress/components';
-import { createHigherOrderComponent } from '@wordpress/compose';
+import { useSelect } from '@wordpress/data';
 import { DataForm } from '@wordpress/dataviews';
 import { useContext, useState, useMemo } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
@@ -15,6 +17,7 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
+import { store as blockEditorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 import BlockIcon from '../../components/block-icon';
 import useBlockDisplayTitle from '../../components/block-title/use-block-display-title';
@@ -22,34 +25,23 @@ import useBlockDisplayInformation from '../../components/use-block-display-infor
 const { fieldsKey, formKey } = unlock( blocksPrivateApis );
 import FieldsDropdownMenu from './fields-dropdown-menu';
 import { PrivateBlockContext } from '../../components/block-list/private-block-context';
-import { PrivateInspectorControlsFill } from '../../components/inspector-controls/fill';
+import InspectorControls from '../../components/inspector-controls/fill';
 
 // controls
 import RichText from './rich-text';
 import Media from './media';
 import Link from './link';
 
-const CONTROLS = {
-	richtext: RichText,
-	media: Media,
-	link: Link,
-};
-
 /**
  * Creates a configured control component that wraps a custom control
  * and passes configuration as props.
  *
  * @param {Component} ControlComponent The React component for the control.
- * @param {string}    type             The type of control.
  * @param {Object}    config           The control configuration passed as a prop.
  *
  * @return {Function} A wrapped control component
  */
-function createConfiguredControl( ControlComponent, type, config ) {
-	if ( ! ControlComponent ) {
-		throw new Error( `Control type "${ type }" not found` );
-	}
-
+function createConfiguredControl( ControlComponent, config = {} ) {
 	return function ConfiguredControl( props ) {
 		return <ControlComponent { ...props } config={ config } />;
 	};
@@ -60,7 +52,6 @@ function createConfiguredControl( ControlComponent, type, config ) {
  * @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
@@ -70,7 +61,6 @@ function createConfiguredControl( ControlComponent, type, config ) {
 function BlockFields( {
 	clientId,
 	blockType,
-	attributes,
 	setAttributes,
 	isCollapsed = false,
 } ) {
@@ -82,6 +72,11 @@ function BlockFields( {
 
 	const blockTypeFields = blockType?.[ fieldsKey ];
 
+	const attributes = useSelect(
+		( select ) => select( blockEditorStore ).getBlockAttributes( clientId ),
+		[ clientId ]
+	);
+
 	const computedForm = useMemo( () => {
 		if ( ! isCollapsed ) {
 			return blockType?.[ formKey ];
@@ -104,51 +99,33 @@ function BlockFields( {
 
 		return blockTypeFields.map( ( fieldDef ) => {
 			const field = {
-				id: fieldDef.id,
-				label: fieldDef.label,
-				type: fieldDef.type, // Use the field's type; DataForm will use built-in or custom Edit
+				...fieldDef,
 			};
 
-			// If the field defines a `mapping`, then custom `getValue` and `setValue`
-			// implementations are provided.
-			// These functions map from the inconsistent attribute keys found on blocks
-			// to consistent keys that the field can use internally (and back again).
-			// When `mapping` isn't provided, we can use the field API's default
-			// implementation of these functions.
-			if ( fieldDef.mapping ) {
-				field.getValue = ( { item } ) => {
-					// Extract mapped properties from the block attributes
-					const mappedValue = {};
-					Object.entries( fieldDef.mapping ).forEach(
-						( [ key, attrKey ] ) => {
-							mappedValue[ key ] = item[ attrKey ];
-						}
-					);
-					return mappedValue;
-				};
-				field.setValue = ( { value } ) => {
-					const attributeUpdates = {};
-					Object.entries( fieldDef.mapping ).forEach(
-						( [ key, attrKey ] ) => {
-							attributeUpdates[ attrKey ] = value[ key ];
-						}
-					);
-					return attributeUpdates;
-				};
-			}
-
-			// Only add custom Edit component if one exists for this type
-			const ControlComponent = CONTROLS[ fieldDef.type ];
-			if ( ControlComponent ) {
-				// Use EditConfig pattern: Edit is an object with control type and config props
-				field.Edit = createConfiguredControl(
-					ControlComponent,
-					fieldDef.type,
-					{
-						clientId,
-						fieldDef,
-					}
-				);
+			// These should be custom Edit components, not replaced here.
+			//
+			// - rich-text control: it needs clientId
+			// - link control: does not need anything extra
+			// - media control: needs the Edit config
+			if (
+				'string' === typeof fieldDef.Edit &&
+				fieldDef.Edit === 'rich-text'
+			) {
+				field.Edit = createConfiguredControl( RichText, {
+					clientId,
+				} );
+			} else if (
+				'string' === typeof fieldDef.Edit &&
+				fieldDef.Edit === 'link'
+			) {
+				field.Edit = createConfiguredControl( Link );
+			} else if (
+				'object' === typeof fieldDef.Edit &&
+				fieldDef.Edit.control === 'media'
+			) {
+				field.Edit = createConfiguredControl( Media, {
+					...fieldDef.Edit,
+				} );
 			}
 
 			return field;
@@ -216,56 +193,34 @@ function BlockFields( {
 	);
 }
 
-const withBlockFields = createHigherOrderComponent(
-	( BlockEdit ) => ( props ) => {
-		const {
-			blockType,
-			isSelectionWithinCurrentSection,
-			isSectionBlock,
-			blockEditingMode,
-			isSelected,
-		} = useContext( PrivateBlockContext );
-
-		const shouldShowBlockFields =
-			window?.__experimentalContentOnlyInspectorFields;
-		const blockTypeFields = blockType?.[ fieldsKey ];
+function hasBlockFieldsSupport( blockName ) {
+	return !! (
+		window?.__experimentalContentOnlyInspectorFields &&
+		getBlockType( blockName )?.[ fieldsKey ]
+	);
+}
 
-		if ( ! shouldShowBlockFields || ! blockTypeFields?.length ) {
-			return <BlockEdit key="edit" { ...props } />;
-		}
+export function BlockFieldsPanel( props ) {
+	const { blockType, isSelectionWithinCurrentSection } =
+		useContext( PrivateBlockContext );
 
-		return (
-			<>
-				<BlockEdit key="edit" { ...props } />
-				{
-					// Display the controls of all inner blocks for section/pattern editing.
-					isSelectionWithinCurrentSection &&
-						( isSectionBlock ||
-							blockEditingMode === 'contentOnly' ) && (
-							<PrivateInspectorControlsFill
-								group="content"
-								forceDisplayControls
-							>
-								<BlockFields
-									{ ...props }
-									blockType={ blockType }
-									isCollapsed
-								/>
-							</PrivateInspectorControlsFill>
-						)
-				}
-				{ ! isSelectionWithinCurrentSection && isSelected && (
-					<PrivateInspectorControlsFill group="content">
-						<BlockFields { ...props } blockType={ blockType } />
-					</PrivateInspectorControlsFill>
-				) }
-			</>
-		);
-	}
-);
+	return (
+		<InspectorControls group="content">
+			<BlockFields
+				{ ...props }
+				blockType={ blockType }
+				isCollapsed={ isSelectionWithinCurrentSection }
+			/>
+		</InspectorControls>
+	);
+}
 
-addFilter(
-	'editor.BlockEdit',
-	'core/content-only-controls/block-fields',
-	withBlockFields
-);
+/**
+ * Export block support definition.
+ */
+export default {
+	edit: BlockFieldsPanel,
+	hasSupport: hasBlockFieldsSupport,
+	attributeKeys: [],
+	supportsPatternEditing: true,
+};

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

@@ -67,12 +67,11 @@ export function getUpdatedLinkAttributes( {
 	};
 }
 
-export default function Link( { data, field, onChange, config = {} } ) {
+export default function Link( { data, field, onChange } ) {
 	const [ isLinkControlOpen, setIsLinkControlOpen ] = useState( false );
 	const { popoverProps } = useInspectorPopoverPlacement( {
 		isControl: true,
 	} );
-	const { fieldDef } = config;
 	const value = field.getValue( { item: data } );
 	const url = value?.url;
 	const rel = value?.rel || '';
@@ -148,21 +147,10 @@ export default function Link( { data, field, onChange, config = {} } ) {
 							);
 						} }
 						onRemove={ () => {
-							// Remove all link-related properties based on what's in the mapping
-							const removeValue = {};
-
-							if ( fieldDef?.mapping ) {
-								Object.keys( fieldDef.mapping ).forEach(
-									( key ) => {
-										removeValue[ key ] = undefined;
-									}
-								);
-							}
-
 							onChange(
 								field.setValue( {
 									item: data,
-									value: removeValue,
+									value: {},
 								} )
 							);
 						} }