Migration to typescript

-remove export default

src/graphs/ObservationLoggingService.js

@@ -1,4 +1,4 @@
-class ObservationLoggingService {
+export class ObservationLoggingService {
   observationsByService = { data: { rows: [] } };
   btoaToken = '';
   serviceId = '';
@@ -69,4 +69,3 @@ class ObservationLoggingService {
   }
 }
 
-export default ObservationLoggingService;

src/graphs/Renderer.js

@@ -3,7 +3,7 @@ import * as d3 from 'd3';
 /**
  * Represents a generic graphs renderer
  */
-export default class Renderer {
+export class Renderer {
   margin = { top: 30, right: 40, bottom: 70, left: 40 };
   width = 1040 - this.margin.left - this.margin.right;
   height = 460 - this.margin.top - this.margin.bottom;

src/graphs/UIControlsRenderer.js

@@ -5,7 +5,7 @@ import * as d3 from 'd3';
 /**
  * Extends Renderer to manage UI controls the graphs
  */
-export default class UIControlsRenderer extends Renderer {
+export class UIControlsRenderer extends Renderer {
   selectedTimeRange;
   preventEventLoop;
   chartName;

src/graphs/cfd/CFDGraph.js

@@ -3,7 +3,7 @@ import * as d3 from 'd3';
 /**
  * Class representing a Cumulative Flow Diagram (CFD) Graph Data
  */
-class CFDGraph {
+export class CFDGraph {
   /**
    * Creates a new CFDGraph instance.
    * @constructor
@@ -129,4 +129,3 @@ class CFDGraph {
   }
 }
 
-export default CFDGraph;

src/graphs/cfd/CFDRenderer.js

@@ -6,7 +6,7 @@ import * as d3 from 'd3';
 /**
  * Class representing a Cumulative Flow Diagram (CFD) graph renderer
  */
-class CFDRenderer extends UIControlsRenderer {
+export class CFDRenderer extends UIControlsRenderer {
   #colorPalette = ['#22c55e', '#bbf7d0', '#8b5cf6', '#ddd6fe', '#0ea5e9', '#bae6fd'];
   #statesColors;
   #leadTimeColor = 'yellow';
@@ -894,4 +894,3 @@ class CFDRenderer extends UIControlsRenderer {
   //endregion
 }
 
-export default CFDRenderer;

src/graphs/control-chart/ControlRenderer.js

@@ -1,7 +1,7 @@
 import ScatterplotRenderer from '../scatterplot/ScatterplotRenderer.js';
 import * as d3 from 'd3';
 
-class ControlRenderer extends ScatterplotRenderer {
+export class ControlRenderer extends ScatterplotRenderer {
   color = '#0ea5e9';
   timeScale = 'linear';
   connectDots = false;
@@ -114,5 +114,3 @@ class ControlRenderer extends ScatterplotRenderer {
     this.displayObservationMarkers(this.observations);
   }
 }
-
-export default ControlRenderer;

src/graphs/histogram/HistogramRenderer.js

@@ -4,7 +4,7 @@ import * as d3 from 'd3';
 /**
  * Class representing a Histogram graph renderer
  */
-class HistogramRenderer extends Renderer {
+export class HistogramRenderer extends Renderer {
   #color = '#0ea5e9';
   #padding = 3;
   #binnedData;
@@ -296,4 +296,4 @@ class HistogramRenderer extends Renderer {
   //endregion
 }
 
-export default HistogramRenderer;
+

src/graphs/moving-range/MovingRangeGraph.js

@@ -1,4 +1,4 @@
-class MovingRangeGraph {
+export class MovingRangeGraph {
   dataSet = [];
 
   constructor(data) {
@@ -31,4 +31,3 @@ class MovingRangeGraph {
   }
 }
 
-export default MovingRangeGraph;

src/graphs/moving-range/MovingRangeRenderer.js

@@ -1,7 +1,7 @@
 import ScatterplotRenderer from '../scatterplot/ScatterplotRenderer.js';
 import * as d3 from 'd3';
 
-class MovingRangeRenderer extends ScatterplotRenderer {
+export class MovingRangeRenderer extends ScatterplotRenderer {
   color = '#0ea5e9';
   timeScale = 'linear';
 
@@ -98,4 +98,4 @@ class MovingRangeRenderer extends ScatterplotRenderer {
     this.drawGraphLimits(this.currentYScale);
   }
 }
-export default MovingRangeRenderer;
+

src/graphs/scatterplot/ScatterplotGraph.js

@@ -3,7 +3,7 @@ import { calculateDaysBetweenDates } from '../../utils/utils.js';
 /**
  * Class representing a Scatterplot Graph Data
  */
-class ScatterplotGraph {
+export class ScatterplotGraph {
   /**
    * Creates a new ScatterplotGraph instance.
    * @constructor
@@ -91,5 +91,3 @@ class ScatterplotGraph {
     return dataSet;
   }
 }
-
-export default ScatterplotGraph;

src/graphs/scatterplot/ScatterplotRenderer.js

@@ -7,7 +7,7 @@ import * as d3 from 'd3';
 /**
  * Class representing a Scatterplot graph renderer
  */
-class ScatterplotRenderer extends UIControlsRenderer {
+export class ScatterplotRenderer extends UIControlsRenderer {
   color = '#0ea5e9';
   currentXScale;
   currentYScale;
@@ -654,5 +654,3 @@ class ScatterplotRenderer extends UIControlsRenderer {
 
   //endregion
 }
-
-export default ScatterplotRenderer;

src/graphs/scatterplot/SimpleScatterplotRenderer.js

@@ -3,7 +3,7 @@ import ScatterplotRenderer from './ScatterplotRenderer.js';
 /**
  * Class representing a Scatterplot graph renderer
  */
-class SimpleScatterplotRenderer extends ScatterplotRenderer {
+export class SimpleScatterplotRenderer extends ScatterplotRenderer {
   currentXScale;
   currentYScale;
   timeScale = 'logarithmic';
@@ -84,5 +84,3 @@ class SimpleScatterplotRenderer extends ScatterplotRenderer {
     percentile1 && this.drawHorizontalLine(y, percentile4, 'red', 'p4', '95%');
   }
 }
-
-export default SimpleScatterplotRenderer;

src/graphs/work-item-age/WorkItemAgeGraph.js

@@ -3,7 +3,7 @@ import { calculateDaysBetweenDates } from '../../utils/utils.js';
 /**
  * Class representing a Work Item Graph Data
  */
-class WorkItemAgeGraph {
+export class WorkItemAgeGraph {
   constructor(data, states = ['analysis_active', 'analysis_done', 'in_progress', 'dev_complete', 'verification_start', 'delivered']) {
     this.data = data;
     this.states = states;
@@ -45,6 +45,4 @@ class WorkItemAgeGraph {
     });
     return ticketStates;
   }
-}
-
-export default WorkItemAgeGraph;
+}

src/graphs/work-item-age/WorkItemAgeRenderer.js

@@ -2,7 +2,7 @@ import * as d3 from 'd3';
 import styles from '../tooltipStyles.module.css';
 import Renderer from '../Renderer.js';
 
-class WorkItemAgeRenderer extends Renderer {
+export class WorkItemAgeRenderer extends Renderer {
   color = '#0ea5e9';
   xAxisLabel = 'Work item states';
   yAxisLabel = 'Age(days)';
@@ -320,4 +320,3 @@ class WorkItemAgeRenderer extends Renderer {
   }
 }
 
-export default WorkItemAgeRenderer;