Add RichText split/merge/remove to Navigation Links.

WordPress · May 22, 2020 · 6e8ea2e · 6e8ea2e
1 parent 316c2f9
commit 6e8ea2e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/packages/block-library/src/navigation-link/edit.js b/packages/block-library/src/navigation-link/edit.js
@@ -57,6 +57,9 @@ function NavigationLinkEdit( {
 	saveEntityRecord,
 	selectedBlockHasDescendants,
 	userCanCreatePages = false,
+	insertBlocksAfter,
+	mergeBlocks,
+	onReplace,
 } ) {
 	const { label, opensInNewTab, url, nofollow, description } = attributes;
 	const link = {
@@ -221,11 +224,19 @@ function NavigationLinkEdit( {
 				<div className="wp-block-navigation-link__content">
 					<RichText
 						ref={ ref }
+						identifier="label"
 						className="wp-block-navigation-link__label"
 						value={ label }
 						onChange={ ( labelValue ) =>
 							setAttributes( { label: labelValue } )
 						}
+						onMerge={ mergeBlocks }
+						onReplace={ onReplace }
+						__unstableOnSplitAtEnd={ () =>
+							insertBlocksAfter(
+								createBlock( 'core/navigation-link' )
+							)
+						}
 						placeholder={ itemLabelPlaceholder }
 						keepPlaceholderOnFocus
 						withoutInteractiveFormatting

diff --git a/packages/block-library/src/navigation-link/index.js b/packages/block-library/src/navigation-link/index.js
@@ -12,17 +12,20 @@ import edit from './edit';
 import save from './save';
 
 const { name } = metadata;
+
 export { metadata, name };
 
 export const settings = {
 	title: __( 'Navigation Link' ),
-
 	icon,
-
 	description: __( 'Add a page, link, or another item to your navigation.' ),
-
 	__experimentalLabel: ( { label } ) => label,
-
+	merge( leftAttributes, { label: rightLabel = '' } ) {
+		return {
+			...leftAttributes,
+			label: leftAttributes.label + rightLabel,
+		};
+	},
 	edit,
 	save,
 };