fix: refactor, fix some substitutions

Author: Arukuen

src/block/accordion/substitute.js

@@ -1,7 +1,5 @@
 export const substitute = {
 	from: 'stackable/accordion',
-	variations: [ 'stackable/accordion' ],
-	to: 'core/details',
 	transform: ( oldAttributes, innerBlocks ) => {
 		// Get the heading
 		const heading = innerBlocks[ 0 ][ 2 ][ 0 ][ 2 ][ 0 ][ 1 ].text
@@ -13,7 +11,7 @@ export const substitute = {
 				open: false,
 				summary: heading,
 			},
-			[ insideBlocks ],
+			insideBlocks,
 		]
 	},
 }

src/block/blockquote/substitute.js

@@ -1,11 +1,13 @@
 export const substitute = {
 	from: 'stackable/blockquote',
-	to: 'core/pullquote',
 	transform: ( oldAttributes, innerBlocks ) => {
-		return {
-			value: innerBlocks[ 1 ][ 1 ].text,
-			align: oldAttributes.contentAlign,
-		}
+		return [
+			'core/pullquote',
+			{
+				value: innerBlocks[ 1 ][ 1 ].text,
+				align: oldAttributes.contentAlign,
+			},
+		]
 	},
 }
 

src/block/call-to-action/substitute.js

@@ -1,7 +1,5 @@
 export const substitute = {
 	from: 'stackable/call-to-action',
-	variants: [ 'stackable/call-to-action' ],
-	to: [ 'stackable/columns' ],
 	transform: ( oldAttributes, innerBlocks ) => {
 		return [
 			'stackable/columns',

src/block/card/substitute.js

@@ -1,7 +1,5 @@
 export const substitute = {
 	from: 'stackable/card',
-	variants: [],
-	to: [ 'stackable/columns' ],
 	transform: ( oldAttributes, innerBlocks ) => {
 		return [
 			'stackable/columns',

src/block/count-up/substitute.js

@@ -1,13 +1,15 @@
 export const substitute = {
 	from: 'stackable/count-up',
-	to: 'core/paragraph',
 	transform: oldAttributes => {
-		return {
-			fontSize: 'x-large',
-			content: oldAttributes.text,
-			align: oldAttributes.contentAlign,
-			style: { spacing: { margin: { top: '0', bottom: '0' } } },
-		}
+		return [
+			'core/paragraph',
+			{
+				fontSize: 'x-large',
+				content: oldAttributes.text,
+				align: oldAttributes.contentAlign,
+				style: { spacing: { margin: { top: '0', bottom: '0' } } },
+			},
+		]
 	},
 }
 

src/block/divider/substitute.js

@@ -1,6 +1,11 @@
 export const substitute = {
 	from: 'stackable/divider',
 	to: 'core/separator',
+	transform: () => {
+		return [
+			'core/separator',
+		]
+	},
 }
 
 export default substitute

src/block/heading/substitute.js

@@ -1,12 +1,14 @@
 export const substitute = {
 	from: 'stackable/heading',
-	to: 'core/heading',
 	transform: oldAttributes => {
-		return {
-			content: oldAttributes.text,
-			level: oldAttributes.textTag ? Number( oldAttributes.textTag.replace( 'h', '' ) ) : 2,
-			textAlign: oldAttributes.contentAlign,
-		}
+		return [
+			'core/heading',
+			{
+				content: oldAttributes.text,
+				level: oldAttributes.textTag ? Number( oldAttributes.textTag.replace( 'h', '' ) ) : 2,
+				textAlign: oldAttributes.contentAlign,
+			},
+		]
 	},
 }
 

src/block/icon-label/substitute.js

@@ -2,9 +2,12 @@ export const substitute = {
 	from: 'stackable/icon-label',
 	to: 'stackable/text',
 	transform: ( oldAttributes, innerBlocks ) => {
-		return {
-			text: innerBlocks[ 1 ][ 1 ].text,
-		}
+		return [
+			'stackable/text',
+			{
+				text: innerBlocks[ 1 ][ 1 ].text,
+			},
+		]
 	},
 }
 

src/block/image/substitute.js

@@ -1,13 +1,13 @@
 export const substitute = {
 	from: 'stackable/image',
-	to: 'core/image',
 	transform: oldAttributes => {
-		if ( oldAttributes ) {
-			return {
-				height: oldAttributes.imageHeight,
-				url: oldAttributes.imageUrl,
-			}
-		}
+		return [
+			'core/image',
+			{
+				height: oldAttributes?.imageHeight,
+				url: oldAttributes?.imageUrl,
+			},
+		]
 	},
 }
 

src/block/number-box/substitute.js

@@ -1,13 +1,15 @@
 export const substitute = {
 	from: 'stackable/number-box',
-	to: 'core/paragraph',
 	transform: oldAttributes => {
-		return {
-			fontSize: 'xx-large',
-			content: oldAttributes.text,
-			align: oldAttributes.contentAlign,
-			style: { spacing: { margin: { top: '0', bottom: '0' } } },
-		}
+		return [
+			'core/paragraph',
+			{
+				fontSize: 'xx-large',
+				content: oldAttributes.text,
+				align: oldAttributes.contentAlign,
+				style: { spacing: { margin: { top: '0', bottom: '0' } } },
+			},
+		]
 	},
 }