Fixed default values for options, removed dummy_graph.ts

Author: mbrill-nt

src/dummy_graph.ts

@@ -2,7 +2,7 @@ import { PanelPlugin } from '@grafana/data';
 import { PanelSettings } from './types';
 
 import { ServiceDependencyGraphPanelController } from './panel/ServiceDependencyGraphPanelController';
-import { optionsBuilder } from './options/options';
+import { optionsBuilder } from './options/Options';
 
 export const plugin = new PanelPlugin<PanelSettings>(ServiceDependencyGraphPanelController).setPanelOptions(
   optionsBuilder

src/module.ts

@@ -0,0 +1,69 @@
+import { PanelSettings} from '../types';
+
+export const DefaultSettings: PanelSettings =  {
+    animate: true,
+
+    dataMapping: {
+        sourceComponentPrefix: 'origin_',
+        targetComponentPrefix: 'target_',
+    
+        responseTimeColumn: 'response-time',
+        requestRateColumn: 'request-rate',
+        errorRateColumn: 'error-rate',
+        responseTimeOutgoingColumn: 'response-time-out',
+        requestRateOutgoingColumn: 'request-rate-out',
+        errorRateOutgoingColumn: 'error-rate-out',
+    
+        extOrigin: 'external_origin',
+        extTarget: 'external_target',
+        type: 'type',
+    
+        baselineRtUpper: 'threshold',
+    
+        showDummyData: false,
+    },
+
+    sumTimings: {value: true},
+    filterEmptyConnections: {value: true},
+    showDebugInformation: {value: false},
+    showConnectionStats: {value: true},
+    showBaselines: {value: false},
+
+    style: {
+        healthyColor: 'rgb(87, 148, 242)',
+        dangerColor:  'rgb(196, 22, 42)',
+        unknownColor: 'rgb(123, 123, 138)',
+    },
+
+    serviceIcons: [
+        {
+            pattern: 'java',
+            filename: 'java'
+        },
+        {
+            pattern: 'spok|star trek',
+            filename: 'star_trek'
+        },
+    ],
+
+    externalIcons: [
+        {
+            pattern: 'web',
+            filename: 'web'
+        },
+        {
+            pattern: 'jms',
+            filename: 'message'
+        },
+        {
+            pattern: 'jdbc',
+            filename: 'database'
+        },
+        {
+            pattern: 'http',
+            filename: 'http'
+        }
+    ],
+
+    drillDownLink: "",
+}

src/options/DefaultSettings.tsx

@@ -22,8 +22,14 @@ interface State {
 export class TypeaheadTextField extends React.PureComponent<Props, State> {
   constructor(props: Props | Readonly<Props>) {
     super(props);
+
+    var value = props.value;
+    if(value === undefined) {
+      value = props.item.defaultValue;
+    }
     this.state = {
       ...props,
+      value: value,
       suggestions: [],
     };
   }
@@ -90,7 +96,7 @@ export class TypeaheadTextField extends React.PureComponent<Props, State> {
   render() {
     var value = this.props.value;
     if (value === undefined) {
-      value = '';
+      value = this.props.item.defaultValue;
     }
 
     const suggestions = this.getSuggestions(value);

src/options/TypeAheadTextfield/TypeaheadTextfield.tsx

@@ -21,8 +21,13 @@ interface State {
 export class DummyDataSwitch extends React.PureComponent<Props, State> {
   constructor(props: Props | Readonly<Props>) {
     super(props);
+
+    var dataMapping = this.props.context.options.dataMapping;
+    if(dataMapping === undefined) {
+      dataMapping = this.props.item.defaultValue;
+    }
     this.state = {
-      dataMapping: this.props.context.options.dataMapping,
+      dataMapping: dataMapping,
       ...props,
     };
   }
@@ -48,7 +53,6 @@ export class DummyDataSwitch extends React.PureComponent<Props, State> {
   onChange = (event: any) => {
     var dataMapping = this.props.context.options.dataMapping;
     var newValue = !dataMapping.showDummyData;
-
     dataMapping = this.state.dataMapping;
 
     if (newValue) {

src/options/dummyDataSwitch/DummyDataSwitch.tsx

@@ -45,7 +45,7 @@ export class ExternalIconMapping extends React.PureComponent<Props, Props> {
 
   render() {
     if (!this.state.value || this.state.value === undefined) {
-      this.state.context.options.externalIcons = [{ pattern: 'my-type', filename: 'default' }];
+      this.state.context.options.externalIcons = this.state.item.defaultValue;
     }
     var optionsList: JSX.Element[] = [];
     for (const image of this.getExternalIcons()) {

src/options/externalIconMapping/ExternalIconMapping.tsx

@@ -1,16 +1,22 @@
 import React from 'react';
-import { StandardEditorProps } from '@grafana/data';
 import { Switch } from '@grafana/ui';
 import { IntSwitch } from 'types';
 
+interface StandardEditorProps {
+    item: any,
+    value: IntSwitch,
+    onChange: any,
+    context: any,
+}
+
 function onChangeOverride(value: IntSwitch, onChange: any, item: any) {
     value.value = !value.value;
     onChange.call(item.path, value);
 }
 
 export const GenericDataSwitch: React.FC<StandardEditorProps> = ({item, value, onChange, context}) => {
     if(context.options[item.path] === undefined){
-        context.options[item.path] = {value: false}
+        context.options[item.path] = item.defaultValue;
     }
 
     return (