@pie-lib/graphing-module 1.0.24 → 1.0.27

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.6/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
       }
     }));
   }
@@ -11760,6 +11734,11 @@ const styles$5 = theme => ({
   disabled: {
     border: `solid 1px ${color$9.primaryDark()}`,
     background: color$9.background()
+  },
+  disabledMark: {
+    border: `solid 1px ${color$9.disabled()}`,
+    background: color$9.background(),
+    color: color$9.disabled()
   }
 });
 const position = (graphProps, mark, rect) => {
@@ -11839,20 +11818,21 @@ const MarkLabel = props => {
     pointerEvents: 'auto',
     ...leftTop
   };
+  const disabledInput = disabled || mark.disabled;
   return React$i.createElement(_default, {
     inputRef: r => {
       _ref(r);
       externalInputRef(r);
     },
-    disabled: disabled,
-    inputClassName: cn$1(classes.input, disabled && classes.disabled),
+    disabled: disabledInput,
+    inputClassName: cn$1(classes.input, disabled && classes.disabled, mark.disabled && classes.disabledMark),
     value: label,
     style: style,
     onChange: onChange,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$i,
-      lineNumber: 100
+      lineNumber: 107
     }
   });
 };
@@ -12306,6 +12286,15 @@ const lineToolComponent = Component => {
     render() {
       const {graphProps, onClick, labelNode, labelModeEnabled, coordinatesOnHover} = this.props;
       const mark = this.state.mark ? this.state.mark : this.props.mark;
+      if (mark.from && mark.disabled) {
+        mark.from.disabled = mark.disabled;
+      }
+      if (mark.to && mark.disabled) {
+        mark.to.disabled = mark.disabled;
+      }
+      if (mark.middle && mark.disabled) {
+        mark.middle.disabled = mark.disabled;
+      }
       return React$e.createElement(Component, {
         disabled: mark.disabled,
         coordinatesOnHover: coordinatesOnHover,
@@ -12324,7 +12313,7 @@ const lineToolComponent = Component => {
         __self: this,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 102
+          lineNumber: 117
         }
       });
     }
@@ -12512,7 +12501,7 @@ const lineBase = (Comp, opts) => {
             __self: this,
             __source: {
               fileName: _jsxFileName$e,
-              lineNumber: 276
+              lineNumber: 291
             }
           }), labelNode);
         }
@@ -12529,7 +12518,7 @@ const lineBase = (Comp, opts) => {
             __self: this,
             __source: {
               fileName: _jsxFileName$e,
-              lineNumber: 289
+              lineNumber: 304
             }
           }), labelNode);
         }
@@ -12546,7 +12535,7 @@ const lineBase = (Comp, opts) => {
             __self: this,
             __source: {
               fileName: _jsxFileName$e,
-              lineNumber: 302
+              lineNumber: 317
             }
           }), labelNode);
         }
@@ -12555,7 +12544,7 @@ const lineBase = (Comp, opts) => {
         __self: this,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 315
+          lineNumber: 330
         }
       }, to && React$e.createElement(DraggableComp, {
         from: from,
@@ -12567,7 +12556,7 @@ const lineBase = (Comp, opts) => {
         __self: this,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 317
+          lineNumber: 332
         }
       }), lineLabelNode, React$e.createElement(FromPoint, {
         x: from.x,
@@ -12580,7 +12569,7 @@ const lineBase = (Comp, opts) => {
         __self: this,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 328
+          lineNumber: 343
         }
       }), fromLabelNode, to && React$e.createElement(ToPoint, {
         x: to.x,
@@ -12594,7 +12583,7 @@ const lineBase = (Comp, opts) => {
         __self: this,
         __source: {
           fileName: _jsxFileName$e,
-          lineNumber: 340
+          lineNumber: 355
         }
       }), toLabelNode);
     }
@@ -14142,19 +14131,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.27",
   "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.13"
       },
       "d3-scale": {
         "version": "2.2.2"
@@ -22,12 +22,12 @@
         "version": "1.4.2"
       }
     },
-    "hash": "8d9d0c11032014b49b8c98cbd7d2e8856b73ad26"
+    "hash": "5530dd686d4430e31ada17f891c8a96f928e35b0"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.4.3"
+      "version": "^1.4.6"
     }
   ],
   "isLocal": true

package/package.json

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