@pie-lib/graphing-module 1.8.3 → 1.8.4

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.12/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.1.5/module/index.js";
-import {_dll_pie_lib__drag} from "../../drag-module@^1.0.64/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../config-module@^2.1.12/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.13/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.1.6/module/index.js";
+import {_dll_pie_lib__drag} from "../../drag-module@^1.0.65/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^2.1.13/module/index.js";
 const PropTypes$D = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$D.number.isRequired,
@@ -875,15 +875,15 @@ class Root$1 extends React$E.Component {
   render() {
     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;
     const finalHeight = height + padding * 2 + (range.padding || 0) * 2;
     const activeTitlePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];
+    const actualHeight = thisIsChart && showPixelGuides ? height - 80 : height;
     const nbOfVerticalLines = parseInt(width / 100);
-    const nbOfHorizontalLines = parseInt(height / 100);
-    const sideGridlinesPadding = parseInt(height % 100);
+    const nbOfHorizontalLines = parseInt(actualHeight / 100);
+    const sideGridlinesPadding = parseInt(actualHeight % 100);
     return React$E.createElement('div', {
       className: classes.root,
       __self: this,
@@ -893,6 +893,9 @@ class Root$1 extends React$E.Component {
       }
     }, showPixelGuides && React$E.createElement('div', {
       className: classes.topPixelGuides,
+      style: {
+        marginLeft: thisIsChart ? 10 : 20
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
@@ -975,27 +978,28 @@ class Root$1 extends React$E.Component {
     }, children)), showPixelGuides && React$E.createElement('div', {
       className: classes.sidePixelGuides,
       style: {
-        paddingTop: sideGridlinesPadding + chartPadding
+        paddingTop: sideGridlinesPadding,
+        marginTop: thisIsChart ? 25 : 60
       },
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
         lineNumber: 141
       }
-    }, [...Array(nbOfHorizontalLines + 1 - thisIsChart).keys()].reverse().map(value => React$E.createElement(Readable$2, {
+    }, [...Array(nbOfHorizontalLines + 1).keys()].reverse().map(value => React$E.createElement(Readable$2, {
       false: true,
       key: `top-guide-${value}`,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 146
+        lineNumber: 149
       }
     }, React$E.createElement('div', {
       className: classes.sidePixelIndicator,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 147
+        lineNumber: 150
       }
     }, "━ ", value * 100, "px"))))));
   }
@@ -1026,8 +1030,7 @@ const styles$9 = theme => ({
   },
   topPixelGuides: {
     display: 'flex',
-    paddingTop: '6px',
-    marginLeft: '10px'
+    paddingTop: '6px'
   },
   topPixelIndicator: {
     color: color$i.primaryLight(),

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "mappings": {
     "@pie-lib/plot": "_dll_pie_lib__plot",
     "@pie-lib/graphing": "_dll_pie_lib__graphing",
@@ -27,19 +27,19 @@
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.5.12"
+      "version": "^1.5.13"
     },
     {
       "name": "@pie-lib/editable-html-module",
-      "version": "^3.1.5"
+      "version": "^3.1.6"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.64"
+      "version": "^1.0.65"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^2.1.12"
+      "version": "^2.1.13"
     }
   ],
   "isLocal": true

package/package.json

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