Canvas: add feature flag for nesting elements (#49958)

packages/grafana-data/src/types/featureToggles.gen.ts

@@ -60,4 +60,5 @@ export interface FeatureToggles {
   prometheusStreamingJSONParser?: boolean;
   validateDashboardsOnSave?: boolean;
   prometheusWideSeries?: boolean;
+  canvasPanelNesting?: boolean;
 }

pkg/services/featuremgmt/registry.go

@@ -248,5 +248,11 @@ var (
 			Description: "Enable wide series responses in the Prometheus datasource",
 			State:       FeatureStateAlpha,
 		},
+		{
+			Name:         "canvasPanelNesting",
+			Description:  "Allow elements nesting",
+			State:        FeatureStateAlpha,
+			FrontendOnly: true,
+		},
 	}
 )

pkg/services/featuremgmt/toggles_gen.go

@@ -182,4 +182,8 @@ const (
 	// FlagPrometheusWideSeries
 	// Enable wide series responses in the Prometheus datasource
 	FlagPrometheusWideSeries = "prometheusWideSeries"
+
+	// FlagCanvasPanelNesting
+	// Allow elements nesting
+	FlagCanvasPanelNesting = "canvasPanelNesting"
 )

public/app/plugins/panel/canvas/editor/LayerElementListEditor.tsx

@@ -2,6 +2,7 @@ import React, { PureComponent } from 'react';
 import { DropResult } from 'react-beautiful-dnd';
 
 import { AppEvents, SelectableValue, StandardEditorProps } from '@grafana/data';
+import { config } from '@grafana/runtime/src';
 import { Button, HorizontalGroup } from '@grafana/ui';
 import appEvents from 'app/core/app_events';
 import { AddLayerButton } from 'app/core/components/Layers/AddLayerButton';
@@ -269,7 +270,7 @@ export class LayerElementListEditor extends PureComponent<Props> {
               Clear selection
             </Button>
           )}
-          {selection.length > 1 && (
+          {selection.length > 1 && config.featureToggles.canvasPanelNesting && (
             <Button size="sm" variant="secondary" onClick={this.onFrameSelection}>
               Frame selection
             </Button>