feat(PR Reviews): query editor

Author: NickHackman

Diff for: src/types/query.ts

@@ -10,6 +10,7 @@ export interface RepositoryOptions {
 export interface GitHubQuery extends Indexable, DataQuery, RepositoryOptions {
   options?:
     | PullRequestsOptions
+    | PullRequestReviewsOptions
     | ReleasesOptions
     | LabelsOptions
     | TagsOptions
@@ -40,6 +41,11 @@ export interface PullRequestsOptions extends Indexable {
   query?: string;
 }
 
+export interface PullRequestReviewsOptions extends Indexable {
+  timeField?: PullRequestTimeField;
+  query?: string;
+}
+
 export interface CommitsOptions extends Indexable {
   gitRef?: string;
 }

Diff for: src/views/QueryEditor.tsx

@@ -12,6 +12,7 @@ import QueryEditorCommits from './QueryEditorCommits';
 import QueryEditorIssues from './QueryEditorIssues';
 import QueryEditorMilestones from './QueryEditorMilestones';
 import QueryEditorPullRequests from './QueryEditorPullRequests';
+import QueryEditorPullRequestReviews from './QueryEditorPullRequestReviews';
 import QueryEditorTags from './QueryEditorTags';
 import QueryEditorContributors from './QueryEditorContributors';
 import QueryEditorLabels from './QueryEditorLabels';
@@ -78,6 +79,11 @@ const queryEditors: {
       <QueryEditorPullRequests {...(props.query.options || {})} onChange={onChange} />
     ),
   },
+  [QueryType.Pull_Request_Reviews]: {
+    component: (props: Props, onChange: (val: any) => void) => (
+      <QueryEditorPullRequestReviews {...(props.query.options || {})} onChange={onChange} />
+    ),
+  },
   [QueryType.Vulnerabilities]: {
     component: (props: Props, onChange: (val: any) => void) => (
       <QueryEditorVulnerabilities {...(props.query.options || {})} />

Diff for: src/views/QueryEditorPullRequestReviews.tsx

@@ -0,0 +1,77 @@
+import React, { useState } from 'react';
+import { Input, Select, InlineField } from '@grafana/ui';
+import { SelectableValue } from '@grafana/data';
+import { RightColumnWidth, LeftColumnWidth } from './QueryEditor';
+import { PullRequestTimeField } from '../constants';
+import type { PullRequestReviewsOptions } from '../types/query';
+
+interface Props extends PullRequestReviewsOptions {
+  onChange: (value: PullRequestReviewsOptions) => void;
+}
+
+const timeFieldOptions: Array<SelectableValue<PullRequestTimeField>> = Object.keys(PullRequestTimeField)
+  .filter((_, i) => PullRequestTimeField[i] !== undefined)
+  .map((_, i) => {
+    return {
+      label: `${PullRequestTimeField[i]}`,
+      value: i as PullRequestTimeField,
+    };
+  });
+
+const defaultTimeField = timeFieldOptions[0].value;
+
+const QueryEditorPullRequestReviews = (props: Props) => {
+  const [query, setQuery] = useState<string>(props.query || '');
+  return (
+    <>
+      <InlineField
+        labelWidth={LeftColumnWidth * 2}
+        label="Query"
+        tooltip={() => (
+          <>
+            For more information, visit&nbsp;
+            <a
+              href="https://docs.github.com/en/github/searching-for-information-on-github/searching-issues-and-pull-requests"
+              target="_blank"
+              rel="noreferrer"
+            >
+              https://docs.github.com/en/github/searching-for-information-on-github/searching-issues-and-pull-requests
+            </a>
+          </>
+        )}
+        interactive={true}
+      >
+        <Input
+          value={query}
+          width={RightColumnWidth}
+          onChange={(el) => setQuery(el.currentTarget.value)}
+          onBlur={(el) =>
+            props.onChange({
+              ...props,
+              query: el.currentTarget.value,
+            })
+          }
+        />
+      </InlineField>
+      <InlineField
+        labelWidth={LeftColumnWidth * 2}
+        label="Time Field"
+        tooltip="The time field to filter on the time range. WARNING: If selecting 'None', be mindful of the amount of data being queried. On larger repositories, querying all pull requests could easily cause rate limiting"
+      >
+        <Select
+          width={RightColumnWidth}
+          options={timeFieldOptions}
+          value={props.timeField || defaultTimeField}
+          onChange={(opt) =>
+            props.onChange({
+              ...props,
+              timeField: opt.value,
+            })
+          }
+        />
+      </InlineField>
+    </>
+  );
+};
+
+export default QueryEditorPullRequestReviews;