fix: disallow disabling of columns block

Author: Arukuen

src/components/admin-toolbar-setting/index.js

@@ -21,6 +21,7 @@ const AdminToolbarSetting = props => {
 						props.controls.map( option => {
 							const isSelected = props.value ? props.value === option.value : props.placeholder === option.value
 							const tabindex = isSelected ? '0' : '-1'
+							const isDisabled = props.disabledValues ? props.disabledValues.includes( option.value ) : false
 
 							return <Button
 								style={ option.selectedColor && isSelected ? { backgroundColor: option.selectedColor } : {} }
@@ -30,6 +31,7 @@ const AdminToolbarSetting = props => {
 								tabIndex={ tabindex }
 								aria-pressed={ isSelected }
 								isSmall={ props.isSmall }
+								disabled={ isDisabled }
 								onClick={ () => {
 									if ( option.value === props.value ) {
 										return

src/welcome/admin.js

@@ -984,6 +984,8 @@ const Blocks = props => {
 							<div className="s-settings-grid">
 								{ DERIVED_BLOCKS[ id ].map( ( block, i ) => {
 									const blockState = disabledBlocks[ block.name ] ?? BLOCK_STATE.ENABLED
+									// Do not allow the disabling of column
+									const disabledValues = block.name === 'stackable/columns' ? [ BLOCK_STATE.DISABLED ] : null
 
 									return (
 										<AdminToolbarSetting
@@ -1010,6 +1012,7 @@ const Blocks = props => {
 													selectedColor: '#979e95',
 												},
 											] }
+											disabledValues={ disabledValues }
 											onChange={ value => {
 												toggleBlock( block.name, value )
 											} }