fix: restructure block dependency

Author: Arukuen

src/block/button/block.json

@@ -13,5 +13,6 @@
 	],
 	"textdomain": "stackable-ultimate-gutenberg-blocks",
 	"stk-type": "hidden",
-	"stk-demo": "https://wpstackable.com/button-block/?utm_source=welcome&utm_medium=settings&utm_campaign=view_demo&utm_content=demolink"
+	"stk-demo": "https://wpstackable.com/button-block/?utm_source=welcome&utm_medium=settings&utm_campaign=view_demo&utm_content=demolink",
+	"stk-block-dependency": "stackable/button-group|button"
 }

src/block/icon-button/block.json

@@ -13,5 +13,6 @@
 	],
 	"textdomain": "stackable-ultimate-gutenberg-blocks",
 	"stk-type": "hidden",
-	"stk-demo": "https://wpstackable.com/icon-button-block/?utm_source=welcome&utm_medium=settings&utm_campaign=view_demo&utm_content=demolink"
+	"stk-demo": "https://wpstackable.com/icon-button-block/?utm_source=welcome&utm_medium=settings&utm_campaign=view_demo&utm_content=demolink",
+	"stk-block-dependency": "stackable/button-group|icon-button"
 }

src/disabled-blocks.js

@@ -6,7 +6,6 @@ import { settings } from 'stackable'
 import { addFilter } from '@wordpress/hooks'
 import {
 	BLOCK_STATE,
-	BLOCK_DEPENDENCIES,
 	substituteCoreIfDisabled,
 } from '~stackable/util'
 import _ from 'lodash'
@@ -55,8 +54,8 @@ const applySettingsToMeta = metadata => {
 	}
 
 	// Check if this block is dependent on another variation being enabled.
-	if ( BLOCK_DEPENDENCIES[ metadata.name ] && BLOCK_DEPENDENCIES[ metadata.name ] in disabledBlocks ) {
-		inserter = ! disabledBlocks[ BLOCK_DEPENDENCIES[ metadata.name ] ] === BLOCK_STATE.HIDDEN
+	if ( metadata[ 'stk-block-dependency' ] && metadata[ 'stk-block-dependency' ] in disabledBlocks ) {
+		inserter = ! disabledBlocks[ metadata[ 'stk-block-dependency' ] ] === BLOCK_STATE.HIDDEN
 	}
 
 	const variationsToRemove = getVariationsToRemove( disabledBlocks, metadata.name )

src/util/blocks.js

@@ -46,14 +46,6 @@ export const BLOCK_STATE = Object.freeze( {
 	DISABLED: 3,
 } )
 
-/**
- * Block dependencies. If a block is hidden/disabled, the block it depends on will also be one.
- */
-export const BLOCK_DEPENDENCIES = {
-	'stackable/icon-button': 'stackable/button-group|icon-button',
-	'stackable/button': 'stackable/button-group|button',
-}
-
 /**
  * Converts the registered block name into a block name string that can be used in hook names or ids.
  *
@@ -498,8 +490,8 @@ export const addStackableBlockCategory = () => {
  */
 export const registerBlockType = ( name, _settings ) => {
 	// Do not register the block if the block is disabled.
-	if ( ( BLOCK_DEPENDENCIES[ name ] in stackableSettings.stackable_block_states &&
-		stackableSettings.stackable_block_states[ BLOCK_DEPENDENCIES[ name ] ] === BLOCK_STATE.DISABLED ) ||
+	if ( ( _settings[ 'stk-block-dependency' ] in stackableSettings.stackable_block_states &&
+		stackableSettings.stackable_block_states[ _settings[ 'stk-block-dependency' ] ] === BLOCK_STATE.DISABLED ) ||
 		stackableSettings.stackable_block_states[ name ] === BLOCK_STATE.DISABLED
 	) {
 		return