From a99551f2d9dfa371f695ac53743e3dd644b4ccc2 Mon Sep 17 00:00:00 2001
From: Mark McDowell <mark.mcdowell@reactivemarkets.com>
Date: Tue, 10 Sep 2019 16:09:57 +0100
Subject: [PATCH] fix: correcting types from ChartCanvas

The defaultProps was causing d3-array to be brought into types.
---
 packages/charts/src/ChartCanvas.tsx                  | 4 ++--
 packages/charts/src/coordinates/EdgeCoordinate.tsx   | 4 ++--
 packages/charts/src/coordinates/EdgeCoordinateV2.tsx | 4 ++--
 packages/charts/src/coordinates/EdgeCoordinateV3.tsx | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/charts/src/ChartCanvas.tsx b/packages/charts/src/ChartCanvas.tsx
index fea8fdca0..5bf4c402a 100644
--- a/packages/charts/src/ChartCanvas.tsx
+++ b/packages/charts/src/ChartCanvas.tsx
@@ -356,9 +356,9 @@ export class ChartCanvas extends React.Component<ChartCanvasProps, ChartCanvasSt
         type: "hybrid",
         pointsPerPxThreshold: 2,
         minPointsPerPxThreshold: 1 / 100,
-        className: "react-stockchart",
+        className: "react-financial-charts",
         zIndex: 1,
-        xExtents: [min, max],
+        xExtents: [min, max] as any[],
         postCalculator: identity,
         padding: 0,
         xAccessor: identity,
diff --git a/packages/charts/src/coordinates/EdgeCoordinate.tsx b/packages/charts/src/coordinates/EdgeCoordinate.tsx
index f82ec00b4..215cd442c 100644
--- a/packages/charts/src/coordinates/EdgeCoordinate.tsx
+++ b/packages/charts/src/coordinates/EdgeCoordinate.tsx
@@ -164,11 +164,11 @@ export class EdgeCoordinate extends React.Component<EdgeCoordinateProps> {
 
             coordinateBase = edge.orient === "left" || edge.orient === "right"
                 ? <g transform={`translate(${edge.coordinateBase.edgeXRect},${edge.coordinateBase.edgeYRect})`}>
-                    <path d={path} key={1} className="react-stockchart-text-background"
+                    <path d={path} key={1} className="react-financial-charts-text-background"
                         height={rectHeight} width={rectWidth}
                         fill={edge.coordinateBase.fill} opacity={edge.coordinateBase.opacity} />
                 </g>
-                : <rect key={1} className="react-stockchart-text-background"
+                : <rect key={1} className="react-financial-charts-text-background"
                     x={edge.coordinateBase.edgeXRect}
                     y={edge.coordinateBase.edgeYRect}
                     height={rectHeight} width={rectWidth}
diff --git a/packages/charts/src/coordinates/EdgeCoordinateV2.tsx b/packages/charts/src/coordinates/EdgeCoordinateV2.tsx
index 49aa49d47..d93068988 100644
--- a/packages/charts/src/coordinates/EdgeCoordinateV2.tsx
+++ b/packages/charts/src/coordinates/EdgeCoordinateV2.tsx
@@ -28,11 +28,11 @@ export function renderSVG(props) {
 
         coordinateBase = edge.orient === "left" || edge.orient === "right"
             ? <g transform={`translate(${edge.coordinateBase.edgeXRect},${edge.coordinateBase.edgeYRect})`}>
-                <path d={path} key={1} className="react-stockchart-text-background"
+                <path d={path} key={1} className="react-financial-charts-text-background"
                     height={rectHeight} width={rectWidth}
                     fill={edge.coordinateBase.fill} opacity={edge.coordinateBase.opacity} />
             </g>
-            : <rect key={1} className="react-stockchart-text-background"
+            : <rect key={1} className="react-financial-charts-text-background"
                 x={edge.coordinateBase.edgeXRect}
                 y={edge.coordinateBase.edgeYRect}
                 height={rectHeight} width={rectWidth}
diff --git a/packages/charts/src/coordinates/EdgeCoordinateV3.tsx b/packages/charts/src/coordinates/EdgeCoordinateV3.tsx
index a1fdac911..907423a0b 100644
--- a/packages/charts/src/coordinates/EdgeCoordinateV3.tsx
+++ b/packages/charts/src/coordinates/EdgeCoordinateV3.tsx
@@ -46,7 +46,7 @@ export function renderSVG(props) {
                 >
                     <path
                         d={path}
-                        className="react-stockchart-text-background"
+                        className="react-financial-charts-text-background"
                         height={rectHeight}
                         width={rectWidth}
                         stroke={edge.coordinateBase.stroke}
@@ -60,7 +60,7 @@ export function renderSVG(props) {
             ) : (
                     <rect
                         key={1}
-                        className="react-stockchart-text-background"
+                        className="react-financial-charts-text-background"
                         x={edge.coordinateBase.edgeXRect}
                         y={edge.coordinateBase.edgeYRect}
                         height={rectHeight}