Datasource/Cloudwatch: Adds support for Cloudwatch Logs (#23566)

* Datasource/Cloudwatch: Adds support for Cloudwatch Logs

* Fix rebase leftover

* Use jsurl for AWS url serialization

* WIP: Temporary workaround for CLIQ metrics

* Only allow up to 20 log groups to be selected

* WIP additional changes

* More changes based on feedback

* More changes based on PR feedback

* Fix strict null errors

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

@@ -2,9 +2,9 @@ import React, { ChangeEvent } from 'react';
 import { LegacyForms } from '@grafana/ui';
 const { Switch } = LegacyForms;
 import { PanelData } from '@grafana/data';
-import { CloudWatchQuery, AnnotationQuery } from '../types';
-import CloudWatchDatasource from '../datasource';
-import { QueryField, QueryFieldsEditor } from './';
+import { AnnotationQuery } from '../types';
+import { CloudWatchDatasource } from '../datasource';
+import { QueryField, PanelQueryEditor } from './';
 
 export type Props = {
   query: AnnotationQuery;
@@ -17,11 +17,12 @@ export function AnnotationQueryEditor(props: React.PropsWithChildren<Props>) {
   const { query, onChange } = props;
   return (
     <>
-      <QueryFieldsEditor
+      <PanelQueryEditor
         {...props}
-        onChange={(editorQuery: CloudWatchQuery) => onChange({ ...query, ...editorQuery })}
-        hideWilcard
-      ></QueryFieldsEditor>
+        onChange={(editorQuery: AnnotationQuery) => onChange({ ...query, ...editorQuery })}
+        onRunQuery={() => {}}
+        history={[]}
+      ></PanelQueryEditor>
       <div className="gf-form-inline">
         <Switch
           label="Enable Prefix Matching"