PluginExtensions: Expose scopedVars via the context to plugins that extends the dashboard panel menu (#67917)

* Exposes the scoped vars to UI extensions via context.

* reverted the interpolation when running a query via the query runner.

* adding scoped vars to test.#

packages/grafana-data/src/types/pluginExtensions.ts

@@ -1,5 +1,6 @@
 import { DataQuery } from '@grafana/schema';
 
+import { ScopedVars } from './ScopedVars';
 import { RawTimeRange, TimeZone } from './time';
 
 // Plugin Extensions types
@@ -76,6 +77,7 @@ export type PluginExtensionPanelContext = {
   timeZone: TimeZone;
   dashboard: Dashboard;
   targets: DataQuery[];
+  scopedVars?: ScopedVars;
 };
 
 type Dashboard = {

public/app/features/dashboard/utils/getPanelMenu.test.ts

@@ -201,6 +201,12 @@ describe('getPanelMenu()', () => {
             },
           },
         ],
+        scopedVars: {
+          a: {
+            text: 'a',
+            value: 'a',
+          },
+        },
       });
 
       const dashboard = createDashboardModelFixture({
@@ -238,6 +244,12 @@ describe('getPanelMenu()', () => {
           uid: '123',
           title: 'My dashboard',
         },
+        scopedVars: {
+          a: {
+            text: 'a',
+            value: 'a',
+          },
+        },
       };
 
       expect(getPluginExtensions).toBeCalledWith(expect.objectContaining({ context }));

public/app/features/dashboard/utils/getPanelMenu.ts

@@ -341,5 +341,6 @@ function createExtensionContext(panel: PanelModel, dashboard: DashboardModel): P
       tags: Array.from<string>(dashboard.tags),
     },
     targets: panel.targets,
+    scopedVars: panel.scopedVars,
   };
 }