From 140afc2224682bf79a510b98c65c097270f08173 Mon Sep 17 00:00:00 2001
From: ClaudiaGivan <claudia-maria.givan@pfizer.com>
Date: Fri, 21 Feb 2025 07:46:16 +0100
Subject: [PATCH] Migration to typescript -remove export default

---
 src/graphs/ObservationLoggingService.js             | 3 +--
 src/graphs/Renderer.js                              | 2 +-
 src/graphs/UIControlsRenderer.js                    | 2 +-
 src/graphs/cfd/CFDGraph.js                          | 3 +--
 src/graphs/cfd/CFDRenderer.js                       | 3 +--
 src/graphs/control-chart/ControlRenderer.js         | 4 +---
 src/graphs/histogram/HistogramRenderer.js           | 4 ++--
 src/graphs/moving-range/MovingRangeGraph.js         | 3 +--
 src/graphs/moving-range/MovingRangeRenderer.js      | 4 ++--
 src/graphs/scatterplot/ScatterplotGraph.js          | 4 +---
 src/graphs/scatterplot/ScatterplotRenderer.js       | 4 +---
 src/graphs/scatterplot/SimpleScatterplotRenderer.js | 4 +---
 src/graphs/work-item-age/WorkItemAgeGraph.js        | 6 ++----
 src/graphs/work-item-age/WorkItemAgeRenderer.js     | 3 +--
 14 files changed, 17 insertions(+), 32 deletions(-)

diff --git a/src/graphs/ObservationLoggingService.js b/src/graphs/ObservationLoggingService.js
index 854516d..9480f19 100644
--- a/src/graphs/ObservationLoggingService.js
+++ b/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;
diff --git a/src/graphs/Renderer.js b/src/graphs/Renderer.js
index e5d6717..cb51b7c 100644
--- a/src/graphs/Renderer.js
+++ b/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;
diff --git a/src/graphs/UIControlsRenderer.js b/src/graphs/UIControlsRenderer.js
index 486867a..07d1357 100644
--- a/src/graphs/UIControlsRenderer.js
+++ b/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;
diff --git a/src/graphs/cfd/CFDGraph.js b/src/graphs/cfd/CFDGraph.js
index 65667ed..b259d52 100644
--- a/src/graphs/cfd/CFDGraph.js
+++ b/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;
diff --git a/src/graphs/cfd/CFDRenderer.js b/src/graphs/cfd/CFDRenderer.js
index b6db6d3..447ad7b 100644
--- a/src/graphs/cfd/CFDRenderer.js
+++ b/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;
diff --git a/src/graphs/control-chart/ControlRenderer.js b/src/graphs/control-chart/ControlRenderer.js
index 30736fd..1312745 100644
--- a/src/graphs/control-chart/ControlRenderer.js
+++ b/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;
diff --git a/src/graphs/histogram/HistogramRenderer.js b/src/graphs/histogram/HistogramRenderer.js
index a8992a0..05592ad 100644
--- a/src/graphs/histogram/HistogramRenderer.js
+++ b/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;
+
diff --git a/src/graphs/moving-range/MovingRangeGraph.js b/src/graphs/moving-range/MovingRangeGraph.js
index d6fae0c..f203735 100644
--- a/src/graphs/moving-range/MovingRangeGraph.js
+++ b/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;
diff --git a/src/graphs/moving-range/MovingRangeRenderer.js b/src/graphs/moving-range/MovingRangeRenderer.js
index 7b733b8..280555e 100644
--- a/src/graphs/moving-range/MovingRangeRenderer.js
+++ b/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;
+
diff --git a/src/graphs/scatterplot/ScatterplotGraph.js b/src/graphs/scatterplot/ScatterplotGraph.js
index c32b103..b68be95 100644
--- a/src/graphs/scatterplot/ScatterplotGraph.js
+++ b/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;
diff --git a/src/graphs/scatterplot/ScatterplotRenderer.js b/src/graphs/scatterplot/ScatterplotRenderer.js
index f59e9ad..db596ab 100644
--- a/src/graphs/scatterplot/ScatterplotRenderer.js
+++ b/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;
diff --git a/src/graphs/scatterplot/SimpleScatterplotRenderer.js b/src/graphs/scatterplot/SimpleScatterplotRenderer.js
index cde22f1..71f2cf7 100644
--- a/src/graphs/scatterplot/SimpleScatterplotRenderer.js
+++ b/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;
diff --git a/src/graphs/work-item-age/WorkItemAgeGraph.js b/src/graphs/work-item-age/WorkItemAgeGraph.js
index 4e53b27..7940e3d 100644
--- a/src/graphs/work-item-age/WorkItemAgeGraph.js
+++ b/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;
+}
\ No newline at end of file
diff --git a/src/graphs/work-item-age/WorkItemAgeRenderer.js b/src/graphs/work-item-age/WorkItemAgeRenderer.js
index b7657b1..be6ed60 100644
--- a/src/graphs/work-item-age/WorkItemAgeRenderer.js
+++ b/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;