feat: display active alerts by default

src/DataSource.ts

@@ -6,7 +6,7 @@ import {
   MutableDataFrame,
 } from '@grafana/data';
 import { getBackendSrv, getTemplateSrv } from '@grafana/runtime';
-import { GenericOptions, CustomQuery, QueryRequest } from './types';
+import { GenericOptions, CustomQuery, QueryRequest, defaultQuery } from './types';
 
 export class AlertmanagerDataSource extends DataSourceApi<CustomQuery, GenericOptions> {
   url: string;
@@ -27,6 +27,7 @@ export class AlertmanagerDataSource extends DataSourceApi<CustomQuery, GenericOp
 
   async query(options: QueryRequest): Promise<DataQueryResponse> {
     const promises = options.targets.map((query) => {
+      query = { ...defaultQuery, ...query };
       if (query.hide) {
         return Promise.resolve(new MutableDataFrame());
       }

src/QueryEditor.tsx

@@ -4,7 +4,7 @@ import { LegacyForms } from '@grafana/ui';
 import React, { ChangeEvent, PureComponent } from 'react';
 import { AlertmanagerDataSource } from './DataSource';
 
-import { GenericOptions, CustomQuery } from './types';
+import { GenericOptions, CustomQuery, defaultQuery } from './types';
 
 import './css/json-editor.css';
 
@@ -47,7 +47,7 @@ export class QueryEditor extends PureComponent<Props> {
   };
 
   render() {
-    const { receiver, filters, active, silenced, inhibited } = this.props.query;
+    const { receiver, filters, active, silenced, inhibited } = { ...defaultQuery, ...this.props.query };
 
     return (
       <>

src/types.ts

@@ -15,6 +15,8 @@ export interface CustomQuery extends DataQuery {
   inhibited: boolean;
 }
 
-export const defaultQuery: Partial<CustomQuery> = {};
+export const defaultQuery: Partial<CustomQuery> = {
+  active: true,
+};
 
 export interface GenericOptions extends DataSourceJsonData {}