fix #844

Author: inc2734

src/blocks/box/block.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
-	"version": "22.3.1",
+	"version": "23.0.1",
 	"textdomain": "snow-monkey-blocks",
 	"name": "snow-monkey-blocks/box",
 	"title": "Box",

src/blocks/box/view.js

@@ -1,50 +1,10 @@
+import { boxLink } from '../../js/helper/helper';
+
 document.addEventListener( 'DOMContentLoaded', () => {
 	const boxes = document.querySelectorAll( '.smb-box--has-link' );
 
 	[].slice.call( boxes ).forEach( ( box ) => {
-		let down, up;
 		const link = box.querySelector( ':scope > .smb-box__link' );
-
-		if ( !! link ) {
-			box.addEventListener( 'pointerdown', ( event ) => {
-				event.stopPropagation();
-				down = +new Date();
-			} );
-
-			box.addEventListener( 'pointerup', ( event ) => {
-				event.stopPropagation();
-
-				if ( 0 !== event.button ) {
-					return false;
-				}
-
-				if (
-					[ 'A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA' ].includes(
-						event.target?.tagName
-					)
-				) {
-					return false;
-				}
-
-				up = +new Date();
-				if ( up - down < 200 ) {
-					const pressedKeys =
-						event.shiftKey || event.ctrlKey || event.metaKey;
-					if ( pressedKeys ) {
-						const originalTarget = link.getAttribute( 'target' );
-						const originalRel = link.getAttribute( 'rel' );
-						link.setAttribute( 'target', '_blank' );
-						link.setAttribute( 'rel', 'noopener noreferrer' );
-
-						link.click();
-
-						link.setAttribute( 'target', originalTarget || '' );
-						link.setAttribute( 'rel', originalRel || '' );
-					} else {
-						link.click();
-					}
-				}
-			} );
-		}
+		boxLink( box, link );
 	} );
 } );

src/blocks/items/item/banner/block.json

@@ -1,6 +1,7 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
+	"version": "23.0.1",
 	"textdomain": "snow-monkey-blocks",
 	"name": "snow-monkey-blocks/items-banner",
 	"title": "Banner",

src/blocks/items/item/banner/edit.js

@@ -468,6 +468,7 @@ export default function ( {
 											} )
 										}
 										ref={ richTextRef }
+										withoutInteractiveFormatting
 									/>
 								) }
 
@@ -485,6 +486,7 @@ export default function ( {
 												lede: value,
 											} )
 										}
+										withoutInteractiveFormatting
 									/>
 								) }
 							</div>

src/blocks/items/item/block-link/block.json

@@ -1,6 +1,7 @@
 {
 	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 3,
+	"version": "23.0.1",
 	"textdomain": "snow-monkey-blocks",
 	"name": "snow-monkey-blocks/items-item-block-link",
 	"title": "Item (Block Link)",
@@ -33,16 +34,20 @@
 		"url": {
 			"type": "string",
 			"source": "attribute",
-			"selector": ".smb-items__item--block-link",
-			"attribute": "href",
-			"default": ""
+			"selector": ".smb-items__item__action > a",
+			"attribute": "href"
+		},
+		"rel": {
+			"type": "string",
+			"source": "attribute",
+			"selector": ".smb-items__item__action > a",
+			"attribute": "rel"
 		},
 		"target": {
 			"type": "string",
 			"source": "attribute",
-			"selector": ".smb-items__item--block-link",
-			"attribute": "target",
-			"default": "_self"
+			"selector": ".smb-items__item__action > a",
+			"attribute": "target"
 		},
 		"displayImage": {
 			"type": "boolean",
@@ -91,8 +96,8 @@
 		"btnLabel": {
 			"type": "string",
 			"source": "html",
-			"selector": ".smb-items__item__btn > .smb-btn__label",
-			"default": ""
+			"selector": ".smb-items__item__action > a > span",
+			"role": "content"
 		},
 		"btnBackgroundColor": {
 			"type": "string"
@@ -124,5 +129,6 @@
 			"link": true
 		}
 	},
-	"editorScript": "file:./index.js"
+	"editorScript": "file:./index.js",
+	"viewScript": "file:./view.js"
 }