@pie-lib/graphing-module 1.7.1 → 1.8.0

package/module/index.js

@@ -1,7 +1,7 @@
-import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_material_ui__core, _dll_material_ui__core_styles_color_manipulator, _dll_material_ui__icons} from "../../shared-module@^1.5.8/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.1.1/module/index.js";
-import {_dll_pie_lib__drag} from "../../drag-module@^1.0.60/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../config-module@^2.1.8/module/index.js";
+import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug, _dll_material_ui__core, _dll_material_ui__core_styles_color_manipulator, _dll_material_ui__icons} from "../../shared-module@^1.5.9/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.1.2/module/index.js";
+import {_dll_pie_lib__drag} from "../../drag-module@^1.0.61/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^2.1.9/module/index.js";
 const PropTypes$D = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$D.number.isRequired,
@@ -873,8 +873,9 @@ class Root$1 extends React$E.Component {
     g.on('mousemove', null);
   }
   render() {
-    const {disabledTitle, graphProps, children, classes, onChangeTitle, showLabels, showPixelGuides, showTitle, title, rootRef} = this.props;
+    const {disabledTitle, graphProps, children, classes, onChangeTitle, thisIsChart, showLabels, showPixelGuides, showTitle, title, rootRef} = this.props;
     const {size: {width = 500, height = 500}, domain, range} = graphProps;
+    const chartPadding = thisIsChart ? 45 : 0;
     const padding = showLabels ? 70 : 40;
     const extraPadding = showLabels ? 16 : 40;
     const finalWidth = width + padding * 2 + (domain.padding || 0) * 2 + extraPadding;
@@ -888,14 +889,14 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 94
+        lineNumber: 96
       }
     }, showPixelGuides && React$E.createElement('div', {
       className: classes.topPixelGuides,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 96
+        lineNumber: 98
       }
     }, [...Array(nbOfVerticalLines + 1).keys()].map(value => React$E.createElement(Readable$2, {
       false: true,
@@ -903,26 +904,26 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 98
+        lineNumber: 100
       }
     }, React$E.createElement('div', {
       className: classes.topPixelIndicator,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 99
+        lineNumber: 101
       }
     }, React$E.createElement('div', {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 100
+        lineNumber: 102
       }
     }, value * 100, "px"), React$E.createElement('div', {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 101
+        lineNumber: 103
       }
     }, "|"))))), showTitle && React$E.createElement(EditableHtml$1, {
       className: cn$3({
@@ -939,14 +940,14 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 108
+        lineNumber: 110
       }
     }), React$E.createElement('div', {
       className: classes.wrapper,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 123
+        lineNumber: 125
       }
     }, React$E.createElement('svg', {
       width: finalWidth,
@@ -955,7 +956,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 124
+        lineNumber: 126
       }
     }, React$E.createElement('g', {
       ref: r => {
@@ -969,32 +970,32 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 125
+        lineNumber: 127
       }
     }, children)), showPixelGuides && React$E.createElement('div', {
       className: classes.sidePixelGuides,
       style: {
-        paddingTop: sideGridlinesPadding
+        paddingTop: sideGridlinesPadding + chartPadding
       },
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 139
+        lineNumber: 141
       }
-    }, [...Array(nbOfHorizontalLines + 1).keys()].reverse().map(value => React$E.createElement(Readable$2, {
+    }, [...Array(nbOfHorizontalLines + 1 - thisIsChart).keys()].reverse().map(value => React$E.createElement(Readable$2, {
       false: true,
       key: `top-guide-${value}`,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 141
+        lineNumber: 146
       }
     }, React$E.createElement('div', {
       className: classes.sidePixelIndicator,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 142
+        lineNumber: 147
       }
     }, "━ ", value * 100, "px"))))));
   }
@@ -1041,7 +1042,6 @@ const styles$9 = theme => ({
     width: '70px',
     display: 'flex',
     flexDirection: 'column',
-    marginTop: '40px',
     marginRight: '6px'
   },
   sidePixelIndicator: {
@@ -2736,7 +2736,8 @@ const log$a = debug$9('pie-lib:plot:grid-draggable');
 const deltaFn = (scale, snap, val) => delta => {
   const normalized = delta + scale(0);
   const inverted = scale.invert(normalized);
-  return snap(val + inverted);
+  const fixDecimalsArithmetic = snap(val + inverted).toFixed(4) * 1000 / 1000;
+  return fixDecimalsArithmetic;
 };
 const gridDraggable = opts => Comp => {
   browser(!!opts && isFunction$1(opts.fromDelta) && isFunction$1(opts.bounds) && isFunction$1(opts.anchorPoint), 'You must supply an object with: { anchorPoint: Function, fromDelta: Function, bounds: Function }');
@@ -2943,7 +2944,7 @@ const gridDraggable = opts => Comp => {
         __self: this,
         __source: {
           fileName: _jsxFileName$v,
-          lineNumber: 207
+          lineNumber: 214
         }
       }, React$D.createElement(Comp, {
         ...rest,
@@ -2952,7 +2953,7 @@ const gridDraggable = opts => Comp => {
         __self: this,
         __source: {
           fileName: _jsxFileName$v,
-          lineNumber: 216
+          lineNumber: 223
         }
       }));
     }
@@ -5759,6 +5760,11 @@ class RawLabel extends React$C.Component {
       graphProps: GraphPropsType.isRequired
     };
   }
+  static __initStatic2() {
+    this.defaultProps = {
+      onChange: () => {}
+    };
+  }
   render() {
     const {disabledLabel, placeholder, text, side, graphProps, classes, onChange} = this.props;
     const {size, domain, range} = graphProps;
@@ -5780,14 +5786,14 @@ class RawLabel extends React$C.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 78
+        lineNumber: 82
       }
     }, React$C.createElement(Readable$1, {
       false: true,
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 86
+        lineNumber: 90
       }
     }, React$C.createElement(EditableHtml, {
       className: cn$2({
@@ -5805,12 +5811,13 @@ class RawLabel extends React$C.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 87
+        lineNumber: 91
       }
     })));
   }
 }
 RawLabel.__initStatic();
+RawLabel.__initStatic2();
 const Label = withStyles$k(theme => ({
   label: {
     fill: color$g.secondary()
@@ -5838,7 +5845,7 @@ class Labels extends React$C.Component {
     super(...args);
     Labels.prototype.__init.call(this);
   }
-  static __initStatic2() {
+  static __initStatic3() {
     this.propTypes = {
       classes: PropTypes$A.object,
       className: PropTypes$A.string,
@@ -5848,7 +5855,7 @@ class Labels extends React$C.Component {
       graphProps: PropTypes$A.object
     };
   }
-  static __initStatic3() {
+  static __initStatic4() {
     this.defaultProps = {};
   }
   __init() {
@@ -5867,7 +5874,7 @@ class Labels extends React$C.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 160
+        lineNumber: 164
       }
     }, React$C.createElement(Label, {
       key: "left",
@@ -5880,7 +5887,7 @@ class Labels extends React$C.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 161
+        lineNumber: 165
       }
     }), React$C.createElement(Label, {
       key: "top",
@@ -5893,7 +5900,7 @@ class Labels extends React$C.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 170
+        lineNumber: 174
       }
     }), React$C.createElement(Label, {
       key: "bottom",
@@ -5906,7 +5913,7 @@ class Labels extends React$C.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 179
+        lineNumber: 183
       }
     }), React$C.createElement(Label, {
       key: "right",
@@ -5919,13 +5926,13 @@ class Labels extends React$C.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$u,
-        lineNumber: 188
+        lineNumber: 192
       }
     }));
   }
 }
-Labels.__initStatic2();
 Labels.__initStatic3();
+Labels.__initStatic4();
 const React$B = _dll_react;
 const cx$3 = _dll_classnames;
 const PropTypes$z = _dll_prop_types;
@@ -9587,7 +9594,7 @@ class Graph extends React$s.Component {
         lineNumber: 188
       }
     }, React$s.createElement('g', {
-      transform: `translate(${domain.padding}, ${range.padding})`,
+      transform: domain && domain.padding && domain.range ? `translate(${domain.padding}, ${range.padding})` : undefined,
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
@@ -9598,7 +9605,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 200
+        lineNumber: 206
       }
     }), React$s.createElement(Axes, {
       ...axesSettings,
@@ -9606,7 +9613,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 201
+        lineNumber: 207
       }
     }), React$s.createElement(Bg, {
       ...size,
@@ -9615,14 +9622,14 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 202
+        lineNumber: 208
       }
     }), React$s.createElement('mask', {
       id: "myMask",
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 203
+        lineNumber: 209
       }
     }, React$s.createElement('rect', {
       ...maskSize,
@@ -9630,7 +9637,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 204
+        lineNumber: 210
       }
     }), " "), React$s.createElement('g', {
       id: "marks",
@@ -9638,7 +9645,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 207
+        lineNumber: 213
       }
     }, (backgroundMarks || []).map((m, index) => {
       const Component = this.getComponent(m);
@@ -9655,7 +9662,7 @@ class Graph extends React$s.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$p,
-          lineNumber: 213
+          lineNumber: 219
         }
       });
     }), marks.map((m, index) => {
@@ -9676,7 +9683,7 @@ class Graph extends React$s.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$p,
-          lineNumber: 227
+          lineNumber: 233
         }
       });
     }), React$s.createElement('foreignObject', {
@@ -9690,7 +9697,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 243
+        lineNumber: 249
       }
     }))), showLabels && React$s.createElement(Labels, {
       disabledLabels: disabledLabels,
@@ -9701,7 +9708,7 @@ class Graph extends React$s.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$p,
-        lineNumber: 253
+        lineNumber: 259
       }
     }));
   }

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "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.3.0"
+        "version": "2.4.0"
       },
       "@pie-lib/graphing": {
-        "version": "2.9.1"
+        "version": "2.10.0"
       },
       "d3-scale": {
         "version": "2.2.2"
@@ -22,24 +22,24 @@
         "version": "1.4.2"
       }
     },
-    "hash": "0e9fe7d4674f15c0acda65cabc9dfa120a73d010"
+    "hash": "ff19d1a77f750cfc82303f49262cec49028ac233"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.5.8"
+      "version": "^1.5.9"
     },
     {
       "name": "@pie-lib/editable-html-module",
-      "version": "^3.1.1"
+      "version": "^3.1.2"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.60"
+      "version": "^1.0.61"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^2.1.8"
+      "version": "^2.1.9"
     }
   ],
   "isLocal": true

package/package.json

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