Moved Gauge to ui/components

public/app/viz/Gauge.test.tsx → packages/grafana-ui/src/components/Gauge/Gauge.test.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { shallow } from 'enzyme';
-import { TimeSeriesVMs } from '@grafana/ui';
 
 import { Gauge, Props } from './Gauge';
+import { TimeSeriesVMs } from '../../types/series';
 
 jest.mock('jquery', () => ({
   plot: jest.fn(),

public/app/viz/Gauge.tsx → packages/grafana-ui/src/components/Gauge/Gauge.tsx

@@ -1,15 +1,9 @@
 import React, { PureComponent } from 'react';
 import $ from 'jquery';
-import {
-  BasicGaugeColor,
-  Threshold,
-  TimeSeriesVMs,
-  MappingType,
-  ValueMapping,
-  getValueFormat,
-  Theme,
-  Themes,
-} from '@grafana/ui';
+
+import { ValueMapping, Threshold, Theme, MappingType, BasicGaugeColor, Themes } from '../../types/panel';
+import { TimeSeriesVMs } from '../../types/series';
+import { getValueFormat } from '../../utils/valueFormats/valueFormats';
 
 export interface Props {
   decimals: number;

packages/grafana-ui/src/components/index.ts

@@ -22,3 +22,4 @@ export { Graph } from './Graph/Graph';
 export { PanelOptionsGroup } from './PanelOptionsGroup/PanelOptionsGroup';
 export { PanelOptionsGrid } from './PanelOptionsGrid/PanelOptionsGrid';
 export { ValueMappingsEditor } from './ValueMappingsEditor/ValueMappingsEditor';
+export { Gauge } from './Gauge/Gauge';

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

@@ -1,8 +1,7 @@
 import React, { PureComponent } from 'react';
-import { PanelProps, NullValueMode } from '@grafana/ui';
+import { PanelProps, NullValueMode, Gauge } from '@grafana/ui';
 
-import { getTimeSeriesVMs } from 'app/viz/state/timeSeries';
-import Gauge from 'app/viz/Gauge';
+import { getTimeSeriesVMs } from './timeSeries';
 import { GaugeOptions } from './types';
 
 interface Props extends PanelProps<GaugeOptions> {}