WIP

src/DataSource.ts

@@ -4,6 +4,7 @@ import {
   DataSourceInstanceSettings,
   ScopedVars,
   SelectableValue,
+  CoreApp,
 } from '@grafana/data';
 import { DataSourceOptions } from '@grafana/google-sdk';
 import { DataSourceWithBackend, getTemplateSrv } from '@grafana/runtime';
@@ -13,6 +14,7 @@ import { trackRequest } from 'tracking';
 
 export class DataSource extends DataSourceWithBackend<SheetsQuery, DataSourceOptions> {
   authType: string;
+  defaultSheetID?: string;
   constructor(instanceSettings: DataSourceInstanceSettings<DataSourceOptions>) {
     super(instanceSettings);
     this.authType = instanceSettings.jsonData.authenticationType;
@@ -43,4 +45,8 @@ export class DataSource extends DataSourceWithBackend<SheetsQuery, DataSourceOpt
         : []
     );
   }
+
+  getDefaultQuery(app: CoreApp): Partial<SheetsQuery> {
+    return { spreadsheet: this.defaultSheetID };
+  }
 }

src/components/ConfigEditor.tsx

@@ -1,12 +1,18 @@
-import { DataSourcePluginOptionsEditorProps, onUpdateDatasourceSecureJsonDataOption } from '@grafana/data';
+import {
+  DataSourcePluginOptionsEditorProps,
+  onUpdateDatasourceSecureJsonDataOption,
+  onUpdateDatasourceJsonDataOptionSelect,
+} from '@grafana/data';
 import { AuthConfig, DataSourceOptions } from '@grafana/google-sdk';
-import { Field, SecretInput } from '@grafana/ui';
+import { Field, SecretInput, InlineFormLabel, SegmentAsync } from '@grafana/ui';
 import React from 'react';
 import { GoogleSheetsAuth, GoogleSheetsSecureJSONData, googleSheetsAuthTypes } from '../types';
 import { getBackwardCompatibleOptions } from '../utils';
 import { ConfigurationHelp } from './ConfigurationHelp';
 import { DataSourceDescription } from '@grafana/experimental';
 import { Divider } from './Divider';
+import { getDataSourceSrv } from '@grafana/runtime';
+import { DataSource } from 'DataSource';
 
 export type Props = DataSourcePluginOptionsEditorProps<DataSourceOptions, GoogleSheetsSecureJSONData>;
 
@@ -28,6 +34,16 @@ export function ConfigEditor(props: Props) {
     onChange: onUpdateDatasourceSecureJsonDataOption(props, 'apiKey'),
   };
 
+  const loadSheetIDs = async () => {
+    const { options } = props;
+    try {
+      const ds = (await getDataSourceSrv().get(options.uid)) as DataSource;
+      return ds.getSpreadSheets();
+    } catch {
+      return [];
+    }
+  };
+
   return (
     <>
       <DataSourceDescription
@@ -36,17 +52,38 @@ export function ConfigEditor(props: Props) {
         hasRequiredFields={false}
       />
 
-      <Divider />
+      <div className="gf-form">
+        <InlineFormLabel
+          className="width-10"
+          tooltip="The id of a default google sheet. The datasource must be saved before this can be set."
+        >
+          Default SheetID
+        </InlineFormLabel>
+        <SegmentAsync
+          className="width-30"
+          loadOptions={() => this.loadSheetIDs()}
+          placeholder="Select Spreadsheet ID"
+          value={jsonData.defaultSheetID}
+          allowCustomValue={true}
+          onChange={onUpdateDatasourceJsonDataOptionSelect(this.props, 'defaultSheetID')}
+          disabled={
+            (jsonData.authType === GoogleAuthType.KEY && (!secureJsonFields || !secureJsonFields.apiKey)) ||
+            (jsonData.authType === GoogleAuthType.JWT && (!secureJsonFields || !secureJsonFields.jwt))
+          }
+        />
+      </div>
+
+      <Divider/>
 
-      <ConfigurationHelp authenticationType={options.jsonData.authenticationType} />
+      <ConfigurationHelp authenticationType={options.jsonData.authenticationType}/>
 
-      <Divider />
+      <Divider/>
 
-      <AuthConfig authOptions={googleSheetsAuthTypes} onOptionsChange={props.onOptionsChange} options={options} />
+      <AuthConfig authOptions={googleSheetsAuthTypes} onOptionsChange={props.onOptionsChange} options={options}/>
 
       {options.jsonData.authenticationType === GoogleSheetsAuth.API && (
         <Field label="API Key">
-          <SecretInput {...apiKeyProps} label="API key" width={40} />
+          <SecretInput {...apiKeyProps} label="API key" width={40}/>
         </Field>
       )}
     </>

src/types.ts

@@ -1,3 +1,4 @@
+import { DataSourceJsonData } from '@grafana/data';
 import { DataQuery } from '@grafana/schema';
 import { GoogleAuthType, GOOGLE_AUTH_TYPE_OPTIONS, DataSourceSecureJsonData } from '@grafana/google-sdk';
 
@@ -36,3 +37,7 @@ export interface SheetsQuery extends DataQuery {
   cacheDurationSeconds?: number;
   useTimeFilter?: boolean;
 }
+
+export interface SheetsSourceOptions extends DataSourceJsonData {
+  defaultSheetID?: string;
+}