Commit 5ceedc4a by Hugo Häggmark

Moved defaultProps to ui/components

parent 0b8165fe
import React from 'react';
import { shallow } from 'enzyme';
import { BasicGaugeColor, GaugeOptions, PanelOptionsProps } from '@grafana/ui';
import { ThresholdsEditor } from './ThresholdsEditor';
import { BasicGaugeColor, PanelOptionsProps, GaugeOptions } from '../../types';
const defaultProps = {
options: {
......
import React, { PureComponent } from 'react';
import tinycolor, { ColorInput } from 'tinycolor2';
import { BasicGaugeColor, ColorPicker, GaugeOptions, PanelOptionsProps, Threshold } from '@grafana/ui';
import { Threshold, PanelOptionsProps, GaugeOptions, BasicGaugeColor } from '../../types';
import { ColorPicker } from '../ColorPicker/ColorPicker';
interface State {
thresholds: Threshold[];
......
import { RangeMap, Threshold, ValueMap } from '@grafana/ui';
import { BasicGaugeColor, RangeMap, Threshold, ValueMap } from './panel';
export interface GaugeOptions {
baseColor: string;
......@@ -14,3 +14,20 @@ export interface GaugeOptions {
thresholds: Threshold[];
unit: string;
}
export const GaugePanelOptionsDefaultProps = {
options: {
baseColor: BasicGaugeColor.Green,
minValue: 0,
maxValue: 100,
prefix: '',
showThresholdMarkers: true,
showThresholdLabels: false,
suffix: '',
decimals: 0,
stat: 'avg',
unit: 'none',
mappings: [],
thresholds: [],
},
};
import React, { PureComponent } from 'react';
import { BasicGaugeColor, GaugeOptions, PanelOptionsProps, ThresholdsEditor } from '@grafana/ui';
import { GaugeOptions, GaugePanelOptionsDefaultProps, PanelOptionsProps, ThresholdsEditor } from '@grafana/ui';
import ValueOptions from 'app/plugins/panel/gauge/ValueOptions';
import ValueMappings from 'app/plugins/panel/gauge/ValueMappings';
import GaugeOptionsEditor from './GaugeOptionsEditor';
export const defaultProps = {
options: {
baseColor: BasicGaugeColor.Green,
minValue: 0,
maxValue: 100,
prefix: '',
showThresholdMarkers: true,
showThresholdLabels: false,
suffix: '',
decimals: 0,
stat: 'avg',
unit: 'none',
mappings: [],
thresholds: [],
},
};
export default class GaugePanelOptions extends PureComponent<PanelOptionsProps<GaugeOptions>> {
static defaultProps = defaultProps;
static defaultProps = GaugePanelOptionsDefaultProps;
render() {
const { onChange, options } = this.props;
......
import React from 'react';
import { shallow } from 'enzyme';
import { GaugeOptions, MappingType, PanelOptionsProps } from '@grafana/ui';
import { GaugePanelOptionsDefaultProps } from '@grafana/ui/src/types/gauge';
import ValueMappings from './ValueMappings';
import { defaultProps } from 'app/plugins/panel/gauge/GaugePanelOptions';
const setup = (propOverrides?: object) => {
const props: PanelOptionsProps<GaugeOptions> = {
onChange: jest.fn(),
options: {
...defaultProps.options,
...GaugePanelOptionsDefaultProps.options,
mappings: [
{ id: 1, operator: '', type: MappingType.ValueToText, value: '20', text: 'Ok' },
{ id: 2, operator: '', type: MappingType.RangeToText, from: '21', to: '30', text: 'Meh' },
......@@ -67,7 +67,7 @@ describe('Next id to add', () => {
});
it('should default to 1', () => {
const { instance } = setup({ options: { ...defaultProps.options } });
const { instance } = setup({ options: { ...GaugePanelOptionsDefaultProps.options } });
expect(instance.state.nextIdToAdd).toEqual(1);
});
......
import GaugePanelOptions, { defaultProps } from './GaugePanelOptions';
import { GaugePanelOptionsDefaultProps } from '@grafana/ui';
import GaugePanelOptions from './GaugePanelOptions';
import { GaugePanel } from './GaugePanel';
export { GaugePanel as Panel, GaugePanelOptions as PanelOptions, defaultProps as PanelDefaults };
export { GaugePanel as Panel, GaugePanelOptions as PanelOptions, GaugePanelOptionsDefaultProps as PanelDefaults };
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment