@pie-lib/graphing-module 1.0.14 → 1.0.15

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.2.15/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.2.16/module/index.js";
 const PropTypes$C = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$C.number.isRequired,
@@ -8436,6 +8436,15 @@ const equalPoints = (p1, p2) => p1 && p2 && isEqual$6({
   x: roundNumber(p2.x),
   y: roundNumber(p2.y)
 });
+const getDistanceBetweenTicks = (axis, size) => {
+  const {min, max, step} = axis;
+  const nbOfTicks = (max - min) / step;
+  return size / nbOfTicks;
+};
+const thinnerShapesNeeded = graphProps => {
+  const {domain, range, size: {width, height}} = graphProps;
+  return getDistanceBetweenTicks(domain, width) < 14 || getDistanceBetweenTicks(range, height) < 14;
+};
 const React$v = _dll_react;
 const PropTypes$t = _dll_prop_types;
 const {withStyles: withStyles$h} = _dll_material_ui__core;
@@ -11158,6 +11167,7 @@ class RawBp extends React$m.Component {
     const {classes, className, coordinatesOnHover, x, y, disabled, correctness, graphProps, labelNode, ...rest} = this.props;
     const {showCoordinates} = this.state;
     const {scale} = graphProps;
+    const r = thinnerShapesNeeded(graphProps) ? 5 : 7;
     return React$m.createElement('g', {
       className: classNames$e(classes.point, disabled && classes.disabled, classes[correctness], className),
       onMouseEnter: () => this.setState({
@@ -11170,16 +11180,16 @@ class RawBp extends React$m.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 43
+        lineNumber: 45
       }
     }, React$m.createElement('circle', {
-      r: "7",
+      r: r,
       cx: scale.x(x),
       cy: scale.y(y),
       __self: this,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 54
+        lineNumber: 56
       }
     }), labelNode && coordinatesOnHover && showCoordinates && ReactDOM$4.createPortal(React$m.createElement(CoordinatesLabel$1, {
       graphProps: graphProps,
@@ -11188,7 +11198,7 @@ class RawBp extends React$m.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$m,
-        lineNumber: 59
+        lineNumber: 61
       }
     }), labelNode));
   }
@@ -11353,7 +11363,7 @@ class Arrow$1 extends React$j.Component {
   }
   render() {
     const {classes, angle, className, x, y, disabled, correctness, graphProps, ...rest} = this.props;
-    const size = 14;
+    const size = thinnerShapesNeeded(graphProps) ? 12 : 14;
     const {scale} = graphProps;
     const scaledX = scale.x(x);
     const scaledY = scale.y(y);
@@ -11376,7 +11386,7 @@ class Arrow$1 extends React$j.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 73
+        lineNumber: 74
       }
     }, React$j.createElement(ArrowHead, {
       size: size,
@@ -11385,7 +11395,7 @@ class Arrow$1 extends React$j.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$j,
-        lineNumber: 82
+        lineNumber: 83
       }
     }));
   }
@@ -13977,21 +13987,22 @@ const ArrowedLine = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 27
+      lineNumber: 29
     }
   }, React$8.createElement('defs', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 28
+      lineNumber: 30
     }
   }, React$8.createElement(ArrowMarker, {
+    size: thinnerShapesNeeded(graphProps) ? 4 : 5,
     id: `${props.markerId || markerId$1}-${suffix}`,
     className: classNames$6(classes[`${suffix}Arrow`]),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 29
+      lineNumber: 31
     }
   })), React$8.createElement('line', {
     x1: scale.x(eFrom.x),
@@ -14005,7 +14016,7 @@ const ArrowedLine = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$8,
-      lineNumber: 34
+      lineNumber: 37
     }
   }));
 };
@@ -14091,21 +14102,22 @@ const RayLine = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$6,
-      lineNumber: 28
+      lineNumber: 29
     }
   }, React$6.createElement('defs', {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$6,
-      lineNumber: 29
+      lineNumber: 30
     }
   }, React$6.createElement(ArrowMarker, {
+    size: thinnerShapesNeeded(graphProps) ? 4 : 5,
     id: `${props.markerId || markerId}-${suffix}`,
     className: classNames$4(classes[`${suffix}Arrow`]),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$6,
-      lineNumber: 30
+      lineNumber: 31
     }
   })), React$6.createElement('line', {
     x1: scale.x(from.x),
@@ -14118,7 +14130,7 @@ const RayLine = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$6,
-      lineNumber: 35
+      lineNumber: 37
     }
   }));
 };

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "mappings": {
     "@pie-lib/plot": "_dll_pie_lib__plot",
     "@pie-lib/graphing": "_dll_pie_lib__graphing",
@@ -27,7 +27,7 @@
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.2.15"
+      "version": "^1.2.16"
     }
   ],
   "isLocal": true

package/package.json

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