use singlestat base where appropriate

packages/grafana-ui/src/utils/displayValue.test.ts

 import { getDisplayProcessor, getColorFromThreshold, DisplayProcessor, DisplayValue } from './displayValue';
 import { MappingType, ValueMapping } from '../types/panel';
 
-function assertSame(input: any, processorss: DisplayProcessor[], match: DisplayValue) {
-  processorss.forEach(processor => {
+function assertSame(input: any, processors: DisplayProcessor[], match: DisplayValue) {
+  processors.forEach(processor => {
     const value = processor(input);
     expect(value.text).toEqual(match.text);
     if (match.hasOwnProperty('numeric')) {

public/app/plugins/panel/bargauge/module.tsx

@@ -3,10 +3,10 @@ import { ReactPanelPlugin } from '@grafana/ui';
 import { BarGaugePanel } from './BarGaugePanel';
 import { BarGaugePanelEditor } from './BarGaugePanelEditor';
 import { BarGaugeOptions, defaults } from './types';
-import { singleStatOptionsCheck } from '../singlestat2/module';
+import { singleStatBaseOptionsCheck } from '../singlestat2/module';
 
 export const reactPanel = new ReactPanelPlugin<BarGaugeOptions>(BarGaugePanel);
 
 reactPanel.setEditor(BarGaugePanelEditor);
 reactPanel.setDefaults(defaults);
-reactPanel.setPanelTypeChangedHook(singleStatOptionsCheck);
+reactPanel.setPanelTypeChangedHook(singleStatBaseOptionsCheck);

public/app/plugins/panel/gauge/module.tsx

@@ -3,10 +3,10 @@ import { ReactPanelPlugin } from '@grafana/ui';
 import { GaugePanelEditor } from './GaugePanelEditor';
 import { GaugePanel } from './GaugePanel';
 import { GaugeOptions, defaults } from './types';
-import { singleStatOptionsCheck } from '../singlestat2/module';
+import { singleStatBaseOptionsCheck } from '../singlestat2/module';
 
 export const reactPanel = new ReactPanelPlugin<GaugeOptions>(GaugePanel);
 
 reactPanel.setEditor(GaugePanelEditor);
 reactPanel.setDefaults(defaults);
-reactPanel.setPanelTypeChangedHook(singleStatOptionsCheck);
+reactPanel.setPanelTypeChangedHook(singleStatBaseOptionsCheck);

public/app/plugins/panel/singlestat2/module.tsx

 import { ReactPanelPlugin } from '@grafana/ui';
-import { SingleStatOptions, defaults } from './types';
+import { SingleStatOptions, defaults, SingleStatBaseOptions } from './types';
 import { SingleStatPanel } from './SingleStatPanel';
 import cloneDeep from 'lodash/cloneDeep';
 import { SingleStatEditor } from './SingleStatEditor';
@@ -8,8 +8,8 @@ export const reactPanel = new ReactPanelPlugin<SingleStatOptions>(SingleStatPane
 
 const optionsToKeep = ['valueOptions', 'stat', 'maxValue', 'maxValue', 'thresholds', 'valueMappings'];
 
-export const singleStatOptionsCheck = (
-  options: Partial<SingleStatOptions>,
+export const singleStatBaseOptionsCheck = (
+  options: Partial<SingleStatBaseOptions>,
   prevPluginId?: string,
   prevOptions?: any
 ) => {
@@ -26,4 +26,4 @@ export const singleStatOptionsCheck = (
 
 reactPanel.setEditor(SingleStatEditor);
 reactPanel.setDefaults(defaults);
-reactPanel.setPanelTypeChangedHook(singleStatOptionsCheck);
+reactPanel.setPanelTypeChangedHook(singleStatBaseOptionsCheck);