Add experimental flag

WordPress · Feb 20, 2024 · df65b36 · df65b36
1 parent a036614
commit df65b36
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/lib/experimental/editor-settings.php b/lib/experimental/editor-settings.php
@@ -22,6 +22,9 @@ function gutenberg_enable_experiments() {
 	if ( $gutenberg_experiments && array_key_exists( 'gutenberg-color-randomizer', $gutenberg_experiments ) ) {
 		wp_add_inline_script( 'wp-block-editor', 'window.__experimentalEnableColorRandomizer = true', 'before' );
 	}
+	if ( $gutenberg_experiments && array_key_exists( 'gutenberg-grid-interactivity', $gutenberg_experiments ) ) {
+ 		wp_add_inline_script( 'wp-block-editor', 'window.__experimentalEnableGridInteractivity = true', 'before' );
+ 	}
 	if ( gutenberg_is_experiment_enabled( 'gutenberg-no-tinymce' ) ) {
 		wp_add_inline_script( 'wp-block-library', 'window.__experimentalDisableTinymce = true', 'before' );
 	}

diff --git a/lib/experiments-page.php b/lib/experiments-page.php
@@ -90,6 +90,7 @@ function gutenberg_initialize_experiments_settings() {
 			'id'    => 'gutenberg-color-randomizer',
 		)
 	);
+
 	add_settings_field(
 		'gutenberg-form-blocks',
 		__( 'Form and input blocks ', 'gutenberg' ),
@@ -101,6 +102,19 @@ function gutenberg_initialize_experiments_settings() {
 			'id'    => 'gutenberg-form-blocks',
 		)
 	);
+
+	add_settings_field(
+ 		'gutenberg-grid-interactivity',
+ 		__( 'Grid interactivty ', 'gutenberg' ),
+ 		'gutenberg_display_experiment_field',
+ 		'gutenberg-experiments',
+ 		'gutenberg_experiments_section',
+ 		array(
+ 			'label' => __( 'Test enhancements to the Grid block that let you move and resize items in the editor canvas.', 'gutenberg' ),
+ 			'id'    => 'gutenberg-grid-interactivity',
+ 		)
+ 	);
+
 	add_settings_field(
 		'gutenberg-no-tinymce',
 		__( 'Disable TinyMCE and Classic block', 'gutenberg' ),

diff --git a/packages/block-editor/src/hooks/layout-child.js b/packages/block-editor/src/hooks/layout-child.js
@@ -108,6 +108,9 @@ function ChildLayoutControlsPure( { clientId, style, setAttributes } ) {
 	if ( parentLayout.type !== 'grid' ) {
 		return null;
 	}
+	if ( ! window.__experimentalEnableGridInteractivity ) {
+		return null;
+	}
 	return (
 		<>
 			<GridVisualizer clientId={ rootClientId } />

diff --git a/packages/block-editor/src/layouts/grid.js b/packages/block-editor/src/layouts/grid.js
@@ -86,7 +86,9 @@ export default {
 						onChange={ onChange }
 					/>
 				) }
-				<GridVisualizer clientId={ clientId } />
+				{ window.__experimentalEnableGridInteractivity && (
+					<GridVisualizer clientId={ clientId } />
+				) }
 			</>
 		);
 	},