@react-financial-charts/series - npm Package Compare versions

Comparing version 1.0.0-alpha.13 to 1.0.0-alpha.14

CHANGELOG.md

@@ -6,2 +6,18 @@ # Change Log
 
+# [1.0.0-alpha.14](https://github.com/reactivemarkets/react-financial-charts/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2020-09-02)
+
+
+### Bug Fixes
+
+* **series:** don't stroke markers by default ([f564a8c](https://github.com/reactivemarkets/react-financial-charts/commit/f564a8c7824412f5d3d2e4cc605e9351ea332f25))
+
+
+### Features
+
+* **series:** adding AlternateDataSeries component ([03fbb00](https://github.com/reactivemarkets/react-financial-charts/commit/03fbb00f15dfd6487e7f92aa6e1517c99d7c1d1c))
+
+
+
+
+
 # [1.0.0-alpha.13](https://github.com/reactivemarkets/react-financial-charts/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2020-09-01)
@@ -8,0 +24,0 @@

lib/index.d.ts

@@ -1,4 +0,5 @@
-export * from "./AreaSeries";
+export * from "./AlternateDataSeries";
 export * from "./AlternatingFillAreaSeries";
 export * from "./AreaOnlySeries";
+export * from "./AreaSeries";
 export * from "./markers";
@@ -5,0 +6,0 @@ export * from "./LineSeries";

lib/index.js

@@ -1,4 +0,5 @@
-export * from "./AreaSeries";
+export * from "./AlternateDataSeries";
 export * from "./AlternatingFillAreaSeries";
 export * from "./AreaOnlySeries";
+export * from "./AreaSeries";
 export * from "./markers";
@@ -5,0 +6,0 @@ export * from "./LineSeries";

lib/markers/CircleMarker.d.ts

@@ -5,3 +5,2 @@ import * as React from "react";
     readonly fillStyle?: string;
-    readonly opacity?: number;
     readonly point: {
@@ -18,5 +17,2 @@ x: number;
     static defaultProps: {
-        strokeStyle: string;
-        strokeWidth: number;
-        opacity: number;
         fillStyle: string;
@@ -23,0 +19,0 @@ className: string;

lib/markers/CircleMarker.js

@@ -5,11 +5,8 @@ import { functor } from "@react-financial-charts/core";
     render() {
-        const { className, strokeStyle, strokeWidth, opacity, fillStyle, point, r } = this.props;
+        const { className, strokeStyle, strokeWidth, fillStyle, point, r } = this.props;
         const radius = functor(r)(point.datum);
-        return (React.createElement("circle", { className: className, cx: point.x, cy: point.y, stroke: strokeStyle, strokeWidth: strokeWidth, fillOpacity: opacity, fill: fillStyle, r: radius }));
+        return (React.createElement("circle", { className: className, cx: point.x, cy: point.y, stroke: strokeStyle, strokeWidth: strokeWidth, fill: fillStyle, r: radius }));
     }
 }
 CircleMarker.defaultProps = {
-    strokeStyle: "#4682B4",
-    strokeWidth: 1,
-    opacity: 0.5,
     fillStyle: "#4682B4",
@@ -34,5 +31,7 @@ className: "react-financial-charts-marker-circle",
     ctx.arc(x, y, radius, 0, 2 * Math.PI, false);
-    ctx.stroke();
     ctx.fill();
+    if (strokeStyle !== undefined) {
+        ctx.stroke();
+    }
 };
 //# sourceMappingURL=CircleMarker.js.map

lib/markers/SquareMarker.d.ts

@@ -5,3 +5,2 @@ import * as React from "react";
     readonly fillStyle?: string;
-    readonly opacity: number;
     readonly point: {
@@ -18,5 +17,2 @@ x: number;
     static defaultProps: {
-        strokeStyle: string;
-        strokeWidth: number;
-        opacity: number;
         fillStyle: string;
@@ -23,0 +19,0 @@ className: string;

lib/markers/SquareMarker.js

@@ -5,13 +5,10 @@ import * as React from "react";
     render() {
-        const { className, strokeStyle, strokeWidth, opacity, fillStyle, point, width } = this.props;
+        const { className, strokeStyle, strokeWidth, fillStyle, point, width } = this.props;
         const w = functor(width)(point.datum);
         const x = point.x - w / 2;
         const y = point.y - w / 2;
-        return (React.createElement("rect", { className: className, x: x, y: y, stroke: strokeStyle, strokeWidth: strokeWidth, fillOpacity: opacity, fill: fillStyle, width: w, height: w }));
+        return (React.createElement("rect", { className: className, x: x, y: y, stroke: strokeStyle, strokeWidth: strokeWidth, fill: fillStyle, width: w, height: w }));
     }
 }
 Square.defaultProps = {
-    strokeStyle: "#4682B4",
-    strokeWidth: 1,
-    opacity: 0.5,
     fillStyle: "#4682B4",
@@ -36,5 +33,7 @@ className: "react-financial-charts-marker-rect",
     ctx.rect(x, y, w, w);
-    ctx.stroke();
     ctx.fill();
+    if (strokeStyle !== undefined) {
+        ctx.stroke();
+    }
 };
 //# sourceMappingURL=SquareMarker.js.map

lib/markers/TriangleMarker.d.ts

@@ -6,3 +6,2 @@ import * as React from "react";
     readonly fillStyle?: string | ((datum: any) => string);
-    readonly opacity?: number;
     readonly point: {
@@ -20,5 +19,2 @@ x: number;
         direction: string;
-        strokeStyle: string;
-        strokeWidth: number;
-        opacity: number;
         fillStyle: string;
@@ -25,0 +21,0 @@ className: string;

lib/markers/TriangleMarker.js

@@ -5,3 +5,3 @@ import * as React from "react";
     render() {
-        const { className, fillStyle, strokeStyle, strokeWidth, opacity, point, width } = this.props;
+        const { className, fillStyle, strokeStyle, strokeWidth, point, width } = this.props;
         const rotation = getRotationInDegrees(this.props, point);
@@ -21,3 +21,3 @@ if (rotation == null) {
 	    `;
-        return (React.createElement("polygon", { className: className, points: points, stroke: strokeColor, strokeWidth: strokeWidth, fillOpacity: opacity, fill: fillColor, transform: rotation !== 0 ? `rotate(${rotation}, ${x}, ${y})` : undefined }));
+        return (React.createElement("polygon", { className: className, points: points, stroke: strokeColor, strokeWidth: strokeWidth, fill: fillColor, transform: rotation !== 0 ? `rotate(${rotation}, ${x}, ${y})` : undefined }));
     }
@@ -27,5 +27,2 @@ }
     direction: "top",
-    strokeStyle: "#4682B4",
-    strokeWidth: 1,
-    opacity: 0.5,
     fillStyle: "#4682B4",
@@ -53,3 +50,2 @@ className: "react-financial-charts-marker-triangle",
     ctx.lineTo(x - w / 2, y + innerOpposite);
-    ctx.stroke();
     // TODO: rotation does not work
@@ -65,2 +61,5 @@ // example: https://gist.github.com/geoffb/6392450
     ctx.fill();
+    if (strokeStyle !== undefined) {
+        ctx.stroke();
+    }
 };
@@ -67,0 +66,0 @@ const getTrianglePoints = (width) => {

package.json

 {
   "name": "@react-financial-charts/series",
-  "version": "1.0.0-alpha.13",
+  "version": "1.0.0-alpha.14",
   "description": "Series for react-financial-charts",
@@ -41,3 +41,3 @@ "publishConfig": {
   "dependencies": {
-    "@react-financial-charts/core": "^1.0.0-alpha.13",
+    "@react-financial-charts/core": "^1.0.0-alpha.14",
     "@types/d3-scale": "^2.2.0",
@@ -52,3 +52,3 @@ "d3-array": "^2.5.0",
   },
-  "gitHead": "58441df036295c078f244f2bcdc42266afb4c42a"
+  "gitHead": "3d5d01041abb8b11ae7528d0c08c6d984ff587a7"
 }

src/index.ts

@@ -1,4 +0,5 @@
-export * from "./AreaSeries";
+export * from "./AlternateDataSeries";
 export * from "./AlternatingFillAreaSeries";
 export * from "./AreaOnlySeries";
+export * from "./AreaSeries";
 export * from "./markers";
@@ -5,0 +6,0 @@ export * from "./LineSeries";

No alert changes

Improved metrics

Total package byte prevSize

302368

increased by0.53%

Number of package files

120

increased by3.45%

Lines of code

5770

increased by0.49%

Dependency changes

• Updated@react-financial-charts/core@^1.0.0-alpha.14