DashboardQueryEditor: Run query after selecting source panel (#32383)

public/app/features/query/components/QueryGroup.tsx

@@ -276,7 +276,14 @@ export class QueryGroup extends PureComponent<Props, State> {
     const { data } = this.state;
 
     if (isSharedDashboardQuery(dsSettings.name)) {
-      return <DashboardQueryEditor queries={options.queries} panelData={data} onChange={this.onQueriesChange} />;
+      return (
+        <DashboardQueryEditor
+          queries={options.queries}
+          panelData={data}
+          onChange={this.onQueriesChange}
+          onRunQueries={onRunQueries}
+        />
+      );
     }
 
     return (

public/app/plugins/datasource/dashboard/DashboardQueryEditor.tsx

@@ -21,6 +21,7 @@ interface Props {
   queries: DataQuery[];
   panelData: PanelData;
   onChange: (queries: DataQuery[]) => void;
+  onRunQueries: () => void;
 }
 
 type State = {
@@ -97,6 +98,7 @@ export class DashboardQueryEditor extends PureComponent<Props, State> {
         panelId: id,
       } as DashboardQuery,
     ]);
+    this.props.onRunQueries();
   };
 
   renderQueryData(editURL: string) {