@pie-lib/graphing-module 1.0.24 → 1.0.25

package/module/index.js

@@ -1,4 +1,4 @@
-import {_dll_prop_types, _dll_lodash, _dll_react, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_pie_lib__render_ui, _dll_react_dom, _dll_debug, _dll_classnames, _dll_material_ui__core_styles_color_manipulator} from "../../shared-module@^1.4.3/module/index.js";
+import {_dll_prop_types, _dll_lodash, _dll_react, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_pie_lib__render_ui, _dll_react_dom, _dll_debug, _dll_classnames, _dll_material_ui__core_styles_color_manipulator} from "../../shared-module@^1.4.4/module/index.js";
 const PropTypes$C = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$C.number.isRequired,
@@ -11324,49 +11324,23 @@ class Arrow$1 extends React$j.Component {
       graphProps: GraphPropsType.isRequired
     };
   }
-  getRotation(currentAngle, referenceAngle, x, y) {
-    const breakpoint = referenceAngle + 10;
-    return `rotate(${-currentAngle - (currentAngle > breakpoint ? 15 : 0)}, ${x},${y})`;
-  }
-  getRotationWithBreakpoint(currentAngle, referenceAngle, x, y) {
-    const firstBreakpoint = referenceAngle + 10;
-    const secondBreakpoint = referenceAngle + 65;
-    let t;
-    if (currentAngle >= firstBreakpoint && currentAngle < secondBreakpoint) {
-      t = 15;
-    } else if (currentAngle > secondBreakpoint) {
-      t = 7;
-    } else {
-      t = 0;
-    }
-    return `rotate(${-currentAngle + t}, ${x},${y})`;
-  }
   render() {
     const {classes, angle, className, x, y, disabled, correctness, graphProps, ...rest} = this.props;
     const size = thinnerShapesNeeded(graphProps) ? 12 : 14;
     const {scale} = graphProps;
     const scaledX = scale.x(x);
     const scaledY = scale.y(y);
-    let transform;
+    const transform = `rotate(${-angle}, ${scaledX},${scaledY})`;
     const points = `${scaledX},${scaledY}
         ${scaledX - size},${scaledY - size / 2}
         ${scaledX - size}, ${scaledY + size / 2}`;
-    if (angle >= 0 && angle < 90) {
-      transform = this.getRotation(angle, 0, scaledX, scaledY);
-    } else if (angle >= 90 && angle < 180) {
-      transform = this.getRotationWithBreakpoint(angle, 90, scaledX, scaledY);
-    } else if (angle >= 180 && angle < 270) {
-      transform = this.getRotation(angle, 180, scaledX, scaledY);
-    } else {
-      transform = this.getRotationWithBreakpoint(angle, 280, scaledX, scaledY);
-    }
     return React$j.createElement('g', {
       className: classNames$c(classes.point, disabled && classes.disabled, classes[correctness], className),
       ...rest,
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 74
+        lineNumber: 45
       }
     }, React$j.createElement(ArrowHead, {
       size: size,
@@ -11375,7 +11349,7 @@ class Arrow$1 extends React$j.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 83
+        lineNumber: 54
       }
     }));
   }
@@ -14142,19 +14116,28 @@ const lineStyles = theme => ({
   incorrect: styles$3.incorrect(theme, 'stroke')
 });
 const Line = props => {
-  const {className, classes, disabled, correctness, graphProps, from, to, ...rest} = props;
-  const {scale} = graphProps;
+  const {className, classes, disabled, correctness, graphProps: {scale}, from, to, ...rest} = props;
+  const startPoint = {
+    x: scale.x(from.x),
+    y: scale.y(from.y)
+  };
+  const endPoint = {
+    x: scale.x(to.x),
+    y: scale.y(to.y)
+  };
+  const length = getDistanceBetweenTwoPoints(startPoint, endPoint);
   return React$5.createElement('line', {
     className: classNames$3(classes.line, disabled && classes.disabled, classes[correctness], className),
-    x1: scale.x(from.x),
-    y1: scale.y(from.y),
-    x2: scale.x(to.x),
-    y2: scale.y(to.y),
+    x1: startPoint.x,
+    y1: startPoint.y,
+    x2: endPoint.x,
+    y2: endPoint.y,
+    strokeDasharray: length - 7,
     ...rest,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$5,
-      lineNumber: 20
+      lineNumber: 33
     }
   });
 };

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "mappings": {
     "@pie-lib/plot": "_dll_pie_lib__plot",
     "@pie-lib/graphing": "_dll_pie_lib__graphing",
@@ -10,10 +10,10 @@
   "versionInfo": {
     "data": {
       "@pie-lib/plot": {
-        "version": "2.1.9"
+        "version": "2.1.10"
       },
       "@pie-lib/graphing": {
-        "version": "2.4.10"
+        "version": "2.4.11"
       },
       "d3-scale": {
         "version": "2.2.2"
@@ -22,12 +22,12 @@
         "version": "1.4.2"
       }
     },
-    "hash": "8d9d0c11032014b49b8c98cbd7d2e8856b73ad26"
+    "hash": "8b8a098fa53f4ded079f7faf3f0d6bb33c2122af"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.3"
+      "version": "^1.4.4"
     }
   ],
   "isLocal": true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "module": "module/index.js",
   "repository": "pie-framework/pie-lib",
   "publishConfig": {