Query editor: Allow query editors to create new query (#55028)

* Query editor: Allow query editors to create new query

* Update

* Revert "Update"

This reverts commit d5b79d60dd.

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

@@ -382,6 +382,7 @@ export interface QueryEditorProps<
   onRunQuery: () => void;
   onChange: (value: TVQuery) => void;
   onBlur?: () => void;
+  onAddQuery?: (query: TQuery) => void;
   /**
    * Contains query response filtered by refId of QueryResultBase and possible query error
    */

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

@@ -230,7 +230,7 @@ export class QueryEditorRow<TQuery extends DataQuery> extends PureComponent<Prop
   }
 
   renderPluginEditor = () => {
-    const { query, onChange, queries, onRunQuery, app = CoreApp.PanelEditor, history } = this.props;
+    const { query, onChange, queries, onRunQuery, onAddQuery, app = CoreApp.PanelEditor, history } = this.props;
     const { datasource, data } = this.state;
 
     if (datasource?.components?.QueryCtrl) {
@@ -248,6 +248,7 @@ export class QueryEditorRow<TQuery extends DataQuery> extends PureComponent<Prop
             datasource={datasource}
             onChange={onChange}
             onRunQuery={onRunQuery}
+            onAddQuery={onAddQuery}
             data={data}
             range={getTimeSrv().timeRange()}
             queries={queries}