fix: remaining substitute definitions for blocks with no designs in the design library

Author: Arukuen

src/block/button-group/substitute.js

@@ -3,7 +3,6 @@ import { BLOCK_STATE } from '~stackable/util'
 export const substitute = {
 	from: 'stackable/button-group',
 	variants: [ 'stackable/button-group|icon-button', 'stackable/button-group|button' ],
-	to: [ 'core/buttons', 'core/social-links' ],
 	transform: ( oldAttributes, innerBlocks, disabledBlocks ) => {
 		if ( 'stackable/button-group|icon-button' in disabledBlocks && disabledBlocks[ 'stackable/button-group|icon-button' ] === BLOCK_STATE.DISABLED && // eslint-disable-line camelcase
 			innerBlocks.length &&

src/block/button/substitute.js

@@ -3,7 +3,6 @@ import { BLOCK_STATE } from '~stackable/util'
 export const substitute = {
 	from: 'stackable/button',
 	variants: [ 'stackable/button-group|button' ],
-	to: 'core/paragraph',
 	transform: ( oldAttributes, innerBlocks, disabledBlocks ) => {
 		if ( 'stackable/button-group|button' in disabledBlocks && disabledBlocks[ 'stackable/button-group|button' ] === BLOCK_STATE.DISABLED ) { // eslint-disable-line camelcase
 			return [ 'core/button', {

src/block/carousel/substitute.js

@@ -1,11 +1,9 @@
 export const substitute = {
 	from: 'stackable/carousel',
-	variants: [],
-	to: [ 'stackable/columns' ],
 	transform: ( oldAttributes, innerBlocks ) => {
 		return [
 			'stackable/columns',
-			{},
+			{ ...oldAttributes },
 			innerBlocks,
 		]
 	},

src/block/countdown/substitute.js

@@ -1,23 +1,21 @@
 export const substitute = {
 	from: 'stackable/countdown',
-	variations: [],
-	to: 'stackable/columns',
-	transform: () => {
+	transform: oldAttributes => {
 		return [
 			'stackable/columns',
-			{},
+			{ ...oldAttributes },
 			[
 				[
 					'stackable/column',
 					{ align: 'center' },
 					[
-						[ 'core/text', {
+						[ 'core/paragraph', {
 							fontSize: 'x-large',
 							content: '3',
 							align: 'center',
 							style: { spacing: { margin: { top: '0', bottom: '0' } } },
 						} ],
-						[ 'core/text', {
+						[ 'core/paragraph', {
 							content: 'Days',
 							align: 'center',
 							style: { spacing: { margin: { top: '0', bottom: '0' } } },
@@ -28,13 +26,13 @@ export const substitute = {
 					'stackable/column',
 					{ align: 'center' },
 					[
-						[ 'core/text', {
+						[ 'core/paragraph', {
 							fontSize: 'x-large',
 							content: '16',
 							align: 'center',
 							style: { spacing: { margin: { top: '0', bottom: '0' } } },
 						} ],
-						[ 'core/text', {
+						[ 'core/paragraph', {
 							content: 'Hours',
 							align: 'center',
 							style: { spacing: { margin: { top: '0', bottom: '0' } } },

src/block/design-library/edit.js

@@ -36,6 +36,10 @@ const createBlockWithAttributes = ( blockName, attributes, innerBlocks, design )
 	const disabledBlocks = settings.stackable_block_states || {} // eslint-disable-line camelcase
 	let hasSubstituted = false
 
+	blockName = 'stackable/progress-circle'
+	attributes = { uniqueID: '1234567' }
+	innerBlocks = []
+
 	// Recursively substitute core blocks to disabled Stackable blocks
 	const traverseBlocksAndSubstitute = blocks => {
 		return blocks.map( block => {

src/block/expand/substitute.js

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

src/block/horizontal-scroller/substitute.js

@@ -1,11 +1,9 @@
 export const substitute = {
 	from: 'stackable/horizontal-scroller',
-	variants: [],
-	to: [ 'stackable/columns' ],
 	transform: ( oldAttributes, innerBlocks ) => {
 		return [
 			'stackable/columns',
-			{},
+			{ ...oldAttributes },
 			innerBlocks,
 		]
 	},

src/block/map/substitute.js

@@ -0,0 +1,10 @@
+export const substitute = {
+	from: 'stackable/map',
+	transform: () => {
+		return [
+			'stackable/image',
+		]
+	},
+}
+
+export default substitute

src/block/notification/substitute.js

@@ -0,0 +1,23 @@
+export const substitute = {
+	from: 'stackable/notification',
+	transform: ( oldAttributes, innerBlocks ) => {
+		return [
+			'stackable/columns',
+			{
+				...oldAttributes,
+			},
+			[
+				[
+					'stackable/column',
+					{
+						hasContainer: true,
+						containerBackgroundColor: oldAttributes.containerBackgroundColor,
+					},
+					innerBlocks,
+				],
+			],
+		]
+	},
+}
+
+export default substitute

src/block/posts/substitute.js

@@ -1,7 +1,5 @@
 export const substitute = {
 	from: 'stackable/posts',
-	variants: [],
-	to: [ 'core/query' ],
 	transform: oldAttributes => {
 		return [
 			'core/query',
@@ -35,10 +33,10 @@ export const substitute = {
 						},
 					},
 					[
-						[ 'post-featured-image', { aspectRatio: '1' } ],
-						[ 'post-title', {} ],
-						[ 'post-date', {} ],
-						[ 'post-excerpt', { moreText: 'Continue Reading' } ],
+						[ 'core/post-featured-image', { aspectRatio: '1' } ],
+						[ 'core/post-title', {} ],
+						[ 'core/post-date', {} ],
+						[ 'core/post-excerpt', { moreText: 'Continue Reading' } ],
 					],
 				],
 			],