Chore: Upgrades jQuery and @types/jQuery (#25651)

* Chore: upgrades jQuery and @types/jQuery

* Chore: reduce strict null errors

* Fixed issue in graphite func editor

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>

public/app/core/reducers/root.test.ts

@@ -1,6 +1,5 @@
 import { createRootReducer, recursiveCleanState } from './root';
 import { describe, expect } from '../../../test/lib/common';
-import { NavModelItem } from '@grafana/data';
 import { reducerTester } from '../../../test/core/redux/reducerTester';
 import { StoreState } from '../../types/store';
 import { Team } from '../../types';
@@ -8,10 +7,10 @@ import { cleanUpAction } from '../actions/cleanUp';
 import { initialTeamsState, teamsLoaded } from '../../features/teams/state/reducers';
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   config: {
     bootData: {
-      navTree: [] as NavModelItem[],
+      navTree: [],
       user: {},
     },
   },

public/app/features/dashboard/components/DashExportModal/DashboardExporter.test.ts

@@ -8,6 +8,10 @@ import { createConstantVariableAdapter } from '../../../variables/constant/adapt
 import { createQueryVariableAdapter } from '../../../variables/query/adapter';
 import { createDataSourceVariableAdapter } from '../../../variables/datasource/adapter';
 
+function getStub(arg: string) {
+  return Promise.resolve(stubs[arg || 'gfdb']);
+}
+
 jest.mock('app/core/store', () => {
   return {
     getBool: jest.fn(),
@@ -16,7 +20,7 @@ jest.mock('app/core/store', () => {
 });
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getDataSourceSrv: () => ({
     get: jest.fn(arg => getStub(arg)),
   }),
@@ -269,7 +273,3 @@ stubs['-- Grafana --'] = {
     builtIn: true,
   },
 };
-
-function getStub(arg: string) {
-  return Promise.resolve(stubs[arg || 'gfdb']);
-}

public/app/features/explore/state/actions.test.ts

@@ -1,28 +1,28 @@
 import { PayloadAction } from '@reduxjs/toolkit';
-import { DataQuery, DefaultTimeZone, ExploreMode, LogsDedupStrategy, RawTimeRange, toUtc } from '@grafana/data';
+import { DataQuery, DefaultTimeZone, ExploreMode, LogsDedupStrategy, toUtc } from '@grafana/data';
 
 import * as Actions from './actions';
 import {
+  cancelQueries,
   changeDatasource,
+  changeMode,
   loadDatasource,
   navigateToExplore,
   refreshExplore,
-  cancelQueries,
-  changeMode,
 } from './actions';
 import { ExploreId, ExploreUpdateState, ExploreUrlState } from 'app/types';
 import { thunkTester } from 'test/core/thunk/thunkTester';
 import {
+  cancelQueriesAction,
+  changeModeAction,
   initializeExploreAction,
   InitializeExplorePayload,
   loadDatasourcePendingAction,
   loadDatasourceReadyAction,
+  scanStopAction,
   setQueriesAction,
   updateDatasourceInstanceAction,
   updateUIStateAction,
-  cancelQueriesAction,
-  scanStopAction,
-  changeModeAction,
 } from './actionTypes';
 import { Emitter } from 'app/core/core';
 import { makeInitialUpdateState } from './reducers';
@@ -65,8 +65,8 @@ const testRange = {
   },
 };
 jest.mock('app/core/utils/explore', () => ({
-  ...jest.requireActual('app/core/utils/explore'),
-  getTimeRangeFromUrl: (range: RawTimeRange) => testRange,
+  ...((jest.requireActual('app/core/utils/explore') as unknown) as object),
+  getTimeRangeFromUrl: (range: any) => testRange,
 }));
 
 const setup = (updateOverides?: Partial<ExploreUpdateState>) => {

public/app/features/explore/utils/ResultProcessor.test.ts

@@ -98,7 +98,7 @@ describe('ResultProcessor', () => {
         const valueField = dataFrames[0].fields[1];
         const theResult = resultProcessor.getGraphResult();
 
-        expect(theResult[0]).toEqual({
+        expect(theResult![0]).toEqual({
           label: 'A-series',
           color: '#7EB26D',
           data: [

public/app/features/explore/utils/links.test.ts

@@ -51,7 +51,11 @@ describe('getFieldLinksForExplore', () => {
       '/explore?left={"range":{"from":"now-1h","to":"now"},"datasource":"test_ds","queries":[{"query":"query_1"}],"mode":"Metrics","ui":{"showingGraph":true,"showingTable":true,"showingLogs":true}}'
     );
     expect(links[0].title).toBe('test_ds');
-    links[0].onClick({});
+
+    if (links[0].onClick) {
+      links[0].onClick({});
+    }
+
     expect(splitfn).toBeCalledWith({ datasourceUid: 'uid_1', query: 'query_1' });
   });
 });

public/app/plugins/datasource/cloudwatch/datasource.test.ts

@@ -14,7 +14,7 @@ describe('datasource', () => {
           },
         ],
       } as any)) as any;
-      expect(response.error.message).toBe('Log group is required');
+      expect(response.error?.message).toBe('Log group is required');
     });
 
     it('should return empty response if queries are hidden', async () => {

public/app/plugins/datasource/cloudwatch/specs/datasource.test.ts

@@ -18,7 +18,7 @@ jest.mock('rxjs/operators', () => {
 });
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/elasticsearch/configuration/DataLinks.test.tsx

@@ -18,9 +18,12 @@ describe('DataLinks', () => {
 
   it('renders correctly when no fields', async () => {
     let wrapper: any;
-    await act(async () => {
-      wrapper = await mount(<DataLinks onChange={() => {}} />);
-    });
+    await act(
+      // @ts-ignore we shouldn't use Promises in act => the "void | undefined" is here to forbid any sneaky "Promise" returns.
+      async () => {
+        wrapper = await mount(<DataLinks onChange={() => {}} />);
+      }
+    );
     expect(wrapper.find(Button).length).toBe(1);
     expect(wrapper.find(Button).contains('Add')).toBeTruthy();
     expect(wrapper.find(DataLink).length).toBe(0);
@@ -28,9 +31,12 @@ describe('DataLinks', () => {
 
   it('renders correctly when there are fields', async () => {
     let wrapper: any;
-    await act(async () => {
-      wrapper = await mount(<DataLinks value={testValue} onChange={() => {}} />);
-    });
+    await act(
+      // @ts-ignore we shouldn't use Promises in act => the "void | undefined" is here to forbid any sneaky "Promise" returns.
+      async () => {
+        wrapper = await mount(<DataLinks value={testValue} onChange={() => {}} />);
+      }
+    );
 
     expect(wrapper.find(Button).filterWhere((button: any) => button.contains('Add')).length).toBe(1);
     expect(wrapper.find(DataLink).length).toBe(2);
@@ -39,9 +45,12 @@ describe('DataLinks', () => {
   it('adds new field', async () => {
     const onChangeMock = jest.fn();
     let wrapper: any;
-    await act(async () => {
-      wrapper = await mount(<DataLinks onChange={onChangeMock} />);
-    });
+    await act(
+      // @ts-ignore we shouldn't use Promises in act => the "void | undefined" is here to forbid any sneaky "Promise" returns.
+      async () => {
+        wrapper = await mount(<DataLinks onChange={onChangeMock} />);
+      }
+    );
     const addButton = wrapper.find(Button).filterWhere((button: any) => button.contains('Add'));
     addButton.simulate('click');
     expect(onChangeMock.mock.calls[0][0].length).toBe(1);
@@ -50,9 +59,12 @@ describe('DataLinks', () => {
   it('removes field', async () => {
     const onChangeMock = jest.fn();
     let wrapper: any;
-    await act(async () => {
-      wrapper = await mount(<DataLinks value={testValue} onChange={onChangeMock} />);
-    });
+    await act(
+      // @ts-ignore we shouldn't use Promises in act => the "void | undefined" is here to forbid any sneaky "Promise" returns.
+      async () => {
+        wrapper = await mount(<DataLinks value={testValue} onChange={onChangeMock} />);
+      }
+    );
     const removeButton = wrapper
       .find(DataLink)
       .at(0)

public/app/plugins/datasource/elasticsearch/datasource.test.ts

@@ -1,18 +1,16 @@
 import angular from 'angular';
-import { CoreApp, DataQueryRequest, dateMath, Field } from '@grafana/data';
+import { CoreApp, DataQueryRequest, DataSourceInstanceSettings, dateMath, dateTime, Field, toUtc } from '@grafana/data';
 import _ from 'lodash';
 import { ElasticDatasource } from './datasource';
-import { toUtc, dateTime } from '@grafana/data';
 import { backendSrv } from 'app/core/services/backend_srv'; // will use the version in __mocks__
 import { TimeSrv } from 'app/features/dashboard/services/TimeSrv';
 import { TemplateSrv } from 'app/features/templating/template_srv';
-import { DataSourceInstanceSettings } from '@grafana/data';
 import { ElasticsearchOptions, ElasticsearchQuery } from './types';
 
 const ELASTICSEARCH_MOCK_URL = 'http://elasticsearch.local';
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/grafana-azure-monitor-datasource/app_insights/app_insights_datasource.test.ts

@@ -1,12 +1,12 @@
 import Datasource from '../datasource';
-import { DataFrame, toUtc, getFrameDisplayName } from '@grafana/data';
+import { DataFrame, getFrameDisplayName, toUtc } from '@grafana/data';
 import { TemplateSrv } from 'app/features/templating/template_srv';
 import { backendSrv } from 'app/core/services/backend_srv'; // will use the version in __mocks__
 
 const templateSrv = new TemplateSrv();
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
   getTemplateSrv: () => templateSrv,
 }));

public/app/plugins/datasource/grafana-azure-monitor-datasource/azure_log_analytics/azure_log_analytics_datasource.test.ts

@@ -1,14 +1,14 @@
 import AzureMonitorDatasource from '../datasource';
 import FakeSchemaData from './__mocks__/schema';
 import { TemplateSrv } from 'app/features/templating/template_srv';
-import { KustoSchema, AzureLogsVariable } from '../types';
+import { AzureLogsVariable, KustoSchema } from '../types';
 import { toUtc } from '@grafana/data';
 import { backendSrv } from 'app/core/services/backend_srv'; // will use the version in __mocks__
 
 const templateSrv = new TemplateSrv();
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
   getTemplateSrv: () => templateSrv,
 }));

public/app/plugins/datasource/grafana-azure-monitor-datasource/azure_monitor/azure_monitor_datasource.test.ts

@@ -8,7 +8,7 @@ import { AzureDataSourceJsonData } from '../types';
 const templateSrv = new TemplateSrv();
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
   getTemplateSrv: () => templateSrv,
 }));

public/app/plugins/datasource/grafana/specs/datasource.test.ts

@@ -4,7 +4,7 @@ import { backendSrv } from 'app/core/services/backend_srv'; // will use the vers
 import { GrafanaDatasource } from '../datasource';
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/graphite/func_editor.ts

@@ -10,8 +10,9 @@ export function graphiteFuncEditor($compile: any, templateSrv: TemplateSrv) {
       func="func"
       onRemove="ctrl.handleRemoveFunction"
       onMoveLeft="ctrl.handleMoveLeft"
-      onMoveRight="ctrl.handleMoveRight"
-    /><span>(</span>
+      onMoveRight="ctrl.handleMoveRight">
+    </function-editor>
+    <span>(</span>
   `;
   const paramTemplate =
     '<input type="text" style="display:none"' + ' class="input-small tight-form-func-param"></input>';

public/app/plugins/datasource/graphite/specs/datasource.test.ts

@@ -6,7 +6,7 @@ import { dateTime, getFrameDisplayName } from '@grafana/data';
 import { backendSrv } from 'app/core/services/backend_srv'; // will use the version in __mocks__
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/graphite/specs/gfunc.test.ts

@@ -88,7 +88,7 @@ describe('when rendering func instance', () => {
   it('should handle function with no metric param', () => {
     const func = gfunc.createFuncInstance('randomWalk');
     func.params[0] = 'test';
-    expect(func.render(undefined, replaceVariablesDummy)).toEqual("randomWalk('test')");
+    expect(func.render((undefined as unknown) as string, replaceVariablesDummy)).toEqual("randomWalk('test')");
   });
 
   it('should handle function multiple series params', () => {

public/app/plugins/datasource/influxdb/specs/datasource.test.ts

@@ -7,7 +7,7 @@ import { backendSrv } from 'app/core/services/backend_srv'; // will use the vers
 const templateSrv = new TemplateSrvStub();
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
   getTemplateSrv: () => templateSrv,
 }));

public/app/plugins/datasource/loki/datasource.test.ts

@@ -19,7 +19,7 @@ import { CustomVariableModel } from '../../../features/variables/types';
 import { initialCustomVariableModelState } from '../../../features/variables/custom/reducer'; // will use the version in __mocks__
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/mssql/specs/datasource.test.ts

@@ -7,7 +7,7 @@ import { backendSrv } from 'app/core/services/backend_srv';
 import { initialCustomVariableModelState } from '../../../../features/variables/custom/reducer'; // will use the version in __mocks__
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/mysql/specs/datasource.test.ts

@@ -5,7 +5,7 @@ import { TemplateSrv } from 'app/features/templating/template_srv';
 import { initialCustomVariableModelState } from '../../../../features/variables/custom/reducer';
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/opentsdb/specs/datasource.test.ts

@@ -2,7 +2,7 @@ import OpenTsDatasource from '../datasource';
 import { backendSrv } from 'app/core/services/backend_srv'; // will use the version in __mocks__
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/postgres/specs/datasource.test.ts

@@ -5,7 +5,7 @@ import { TemplateSrv } from 'app/features/templating/template_srv';
 import { initialCustomVariableModelState } from '../../../../features/variables/custom/reducer';
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/prometheus/metric_find_query.test.ts

@@ -1,6 +1,6 @@
 import { PrometheusDatasource } from './datasource';
 import PrometheusMetricFindQuery from './metric_find_query';
-import { toUtc, DataSourceInstanceSettings } from '@grafana/data';
+import { DataSourceInstanceSettings, toUtc } from '@grafana/data';
 import { backendSrv } from 'app/core/services/backend_srv'; // will use the version in __mocks__
 import { PromOptions } from './types';
 
@@ -12,7 +12,7 @@ jest.mock('app/features/templating/template_srv', () => {
 });
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/stackdriver/api.test.ts

@@ -3,7 +3,7 @@ import { backendSrv } from 'app/core/services/backend_srv'; // will use the vers
 import { SelectableValue } from '@grafana/data';
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));
 

public/app/plugins/datasource/stackdriver/specs/datasource.test.ts

@@ -9,7 +9,7 @@ import { CustomVariableModel } from '../../../../features/variables/types';
 import { initialCustomVariableModelState } from '../../../../features/variables/custom/reducer';
 
 jest.mock('@grafana/runtime', () => ({
-  ...jest.requireActual('@grafana/runtime'),
+  ...((jest.requireActual('@grafana/runtime') as unknown) as object),
   getBackendSrv: () => backendSrv,
 }));