Cloudwatch: Defined explore query editor for cloudwatch (#20909)

* Defined explore query editor for cloudwatch

* Fix types

public/app/plugins/datasource/cloudwatch/components/QueryEditor.test.tsx

@@ -49,6 +49,7 @@ const setup = () => {
       matchExact: true,
     },
     datasource,
+    history: [],
     onChange: jest.fn(),
     onRunQuery: jest.fn(),
   };

public/app/plugins/datasource/cloudwatch/components/QueryEditor.tsx

@@ -1,12 +1,12 @@
 import React, { PureComponent, ChangeEvent } from 'react';
-import { SelectableValue, QueryEditorProps } from '@grafana/data';
+import { SelectableValue, ExploreQueryFieldProps } from '@grafana/data';
 import { Input, Segment, SegmentAsync, ValidationEvents, EventsWithValidation, Switch } from '@grafana/ui';
 import { CloudWatchQuery } from '../types';
 import CloudWatchDatasource from '../datasource';
 import { SelectableStrings } from '../types';
 import { Stats, Dimensions, QueryInlineField, QueryField, Alias } from './';
 
-export type Props = QueryEditorProps<CloudWatchDatasource, CloudWatchQuery>;
+export type Props = ExploreQueryFieldProps<CloudWatchDatasource, CloudWatchQuery>;
 
 interface State {
   regions: SelectableStrings;

public/app/plugins/datasource/cloudwatch/module.tsx

@@ -14,4 +14,5 @@ export const plugin = new DataSourcePlugin<CloudWatchDatasource, CloudWatchQuery
 )
   .setConfigEditor(ConfigEditor)
   .setQueryEditor(QueryEditor)
+  .setExploreQueryField(QueryEditor)
   .setAnnotationQueryCtrl(CloudWatchAnnotationsQueryCtrl);