Buttons: allow split and merge

WordPress · May 19, 2020 · 894286b · 894286b
1 parent 7fa12a3
commit 894286b
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/packages/block-library/src/button/edit.js b/packages/block-library/src/button/edit.js
@@ -27,6 +27,7 @@ import {
 } from '@wordpress/block-editor';
 import { rawShortcut, displayShortcut } from '@wordpress/keycodes';
 import { link } from '@wordpress/icons';
+import { createBlock } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
@@ -123,7 +124,14 @@ function URLPicker( {
 }
 
 function ButtonEdit( props ) {
-	const { attributes, setAttributes, className, isSelected } = props;
+	const {
+		attributes,
+		setAttributes,
+		className,
+		isSelected,
+		onReplace,
+		mergeBlocks,
+	} = props;
 	const {
 		borderRadius,
 		linkTarget,
@@ -183,6 +191,19 @@ function ButtonEdit( props ) {
 							: undefined,
 						...colorProps.style,
 					} }
+					onSplit={ ( value ) => {
+						if ( ! value ) {
+							return createBlock( 'core/button' );
+						}
+
+						return createBlock( 'core/button', {
+							...attributes,
+							text: value,
+						} );
+					} }
+					onReplace={ onReplace }
+					onMerge={ mergeBlocks }
+					identifier="text"
 				/>
 			</Block.div>
 			<URLPicker

diff --git a/packages/block-library/src/button/index.js b/packages/block-library/src/button/index.js
@@ -44,4 +44,7 @@ export const settings = {
 	edit,
 	save,
 	deprecated,
+	merge: ( { text: textA = '' }, { text: textB = '' } ) => ( {
+		text: textA + textB,
+	} ),
 };