@pie-lib/graphing-module 1.8.8 → 1.9.1

package/module/index.js

@@ -1,7 +1,7 @@
-import {_dll_prop_types, _dll_pie_lib__render_ui, _dll_material_ui__core_styles, _dll_react, _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.17/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.1.10/module/index.js";
-import {_dll_pie_lib__drag} from "../../drag-module@^1.0.69/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../config-module@^2.1.17/module/index.js";
+import {_dll_prop_types, _dll_pie_lib__render_ui, _dll_material_ui__core_styles, _dll_react, _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.19/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.2.1/module/index.js";
+import {_dll_pie_lib__drag} from "../../drag-module@^1.0.71/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^2.1.19/module/index.js";
 const PropTypes$D = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$D.number.isRequired,
@@ -828,14 +828,14 @@ const {withStyles: withStyles$m} = _dll_material_ui__core_styles;
 const EditableHtml$2 = _dll_pie_lib__editable_html;
 const _jsxFileName$x = "/home/circleci/repo/packages/plot/src/label.jsx";
 const LabelComponent = props => {
-  const {classes, disabledLabel, graphHeight, graphWidth, isChartBottomLabel, isChartLeftLabel, placeholder, text, side, onChange} = props;
+  const {classes, disabledLabel, graphHeight, graphWidth, isChartBottomLabel, isDefineChartBottomLabel, isChartLeftLabel, isDefineChartLeftLabel, placeholder, text, side, onChange} = props;
   const [rotatedToHorizontal, setRotatedToHorizontal] = useState$2(false);
   const activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];
-  const chartValue = side === 'left' && isChartLeftLabel && graphHeight - 148;
+  const chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
   const defaultStyle = {
     width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),
-    top: chartValue || side === 'left' && `${graphHeight - 8}px` || side === 'bottom' && `${graphHeight - 90}px` || 0,
-    left: side === 'right' && `${graphWidth - 8}px` || (isChartLeftLabel || isChartBottomLabel) && '50px' || 0
+    top: chartValue || isChartLeftLabel && `${graphHeight - 70}px` || side === 'left' && `${graphHeight - 8}px` || isChartBottomLabel && `${graphHeight - 40}px` || side === 'bottom' && `${graphHeight - 90}px` || 0,
+    left: side === 'right' && `${graphWidth - 8}px` || (isDefineChartLeftLabel || isDefineChartBottomLabel) && '40px' || isChartBottomLabel && '-10px' || 0
   };
   const rotatedStyle = {
     width: graphWidth - 8,
@@ -848,21 +848,21 @@ const LabelComponent = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 54
+      lineNumber: 59
     }
   }, React$F.createElement('div', {
     className: cn$4(classes.axisLabel, {
       [classes.rotateLeftLabel]: side === 'left' && !rotatedToHorizontal,
       [classes.rotateRightLabel]: side === 'right' && !rotatedToHorizontal,
       [classes.editLabel]: rotatedToHorizontal,
-      [classes.customBottom]: isChartBottomLabel
+      [classes.customBottom]: isChartBottomLabel || isDefineChartBottomLabel
     }),
     style: rotatedToHorizontal ? rotatedStyle : defaultStyle,
     onClick: rotateLabel,
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 55
+      lineNumber: 60
     }
   }, disabledLabel ? React$F.createElement('div', {
     className: classes.disabledLabel,
@@ -872,7 +872,7 @@ const LabelComponent = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 66
+      lineNumber: 71
     }
   }) : React$F.createElement(EditableHtml$2, {
     markup: text || '',
@@ -888,7 +888,7 @@ const LabelComponent = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 68
+      lineNumber: 73
     }
   })));
 };
@@ -1029,7 +1029,7 @@ class Root$1 extends React$E.Component {
     const finalWidth = width + leftPadding * 2 + (domain.padding || 0) * 2;
     const finalHeight = height + topPadding * 2 + (range.padding || 0) * 2;
     const activeTitlePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];
-    const actualHeight = defineChart && showPixelGuides ? height - 150 : height;
+    const actualHeight = defineChart && showPixelGuides ? height - 160 : height;
     const nbOfVerticalLines = parseInt(width / 100);
     const nbOfHorizontalLines = parseInt(actualHeight / 100);
     const sideGridlinesPadding = parseInt(actualHeight % 100);
@@ -1078,6 +1078,9 @@ class Root$1 extends React$E.Component {
         lineNumber: 131
       }
     }, "|"))))), showTitle && (disabledTitle ? React$E.createElement('div', {
+      style: isChart && ({
+        width: finalWidth
+      }),
       className: cn$3(classes.graphTitle, classes.disabledTitle),
       dangerouslySetInnerHTML: {
         __html: title || ''
@@ -1088,6 +1091,9 @@ class Root$1 extends React$E.Component {
         lineNumber: 139
       }
     }) : React$E.createElement(EditableHtml$1, {
+      style: isChart && ({
+        width: finalWidth
+      }),
       className: cn$3({
         [classes.rightMargin]: showPixelGuides
       }, classes.graphTitle),
@@ -1102,7 +1108,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 144
+        lineNumber: 149
       }
     })), showLabels && !isChart && React$E.createElement(Label$1, {
       side: "top",
@@ -1115,14 +1121,14 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 158
+        lineNumber: 168
       }
     }), React$E.createElement('div', {
       className: classes.wrapper,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 168
+        lineNumber: 178
       }
     }, showLabels && React$E.createElement(Label$1, {
       side: "left",
@@ -1131,12 +1137,13 @@ class Root$1 extends React$E.Component {
       placeholder: _optionalChain$1([labelsPlaceholders, 'optionalAccess', _2 => _2.left]),
       graphHeight: finalHeight,
       graphWidth: finalWidth,
-      isChartLeftLabel: isChart && defineChart,
+      isChartLeftLabel: isChart && !defineChart,
+      isDefineChartLeftLabel: isChart && defineChart,
       onChange: value => this.onChangeLabel(value, 'left'),
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 170
+        lineNumber: 180
       }
     }), React$E.createElement('svg', {
       width: finalWidth,
@@ -1145,7 +1152,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 181
+        lineNumber: 192
       }
     }, React$E.createElement('g', {
       ref: r => {
@@ -1159,7 +1166,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 186
+        lineNumber: 197
       }
     }, children)), showLabels && !isChart && React$E.createElement(Label$1, {
       side: "right",
@@ -1172,7 +1179,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 200
+        lineNumber: 211
       }
     }), showPixelGuides && React$E.createElement('div', {
       className: classes.sidePixelGuides,
@@ -1183,7 +1190,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 211
+        lineNumber: 222
       }
     }, [...Array(nbOfHorizontalLines + 1).keys()].reverse().map(value => React$E.createElement(Readable$2, {
       false: true,
@@ -1191,14 +1198,14 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 219
+        lineNumber: 230
       }
     }, React$E.createElement('div', {
       className: classes.sidePixelIndicator,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 220
+        lineNumber: 231
       }
     }, "━ ", value * 100, "px"))))), showLabels && React$E.createElement(Label$1, {
       side: "bottom",
@@ -1207,12 +1214,13 @@ class Root$1 extends React$E.Component {
       placeholder: _optionalChain$1([labelsPlaceholders, 'optionalAccess', _4 => _4.bottom]),
       graphHeight: finalHeight,
       graphWidth: finalWidth,
-      isChartBottomLabel: isChart && defineChart,
+      isChartBottomLabel: isChart && !defineChart,
+      isDefineChartBottomLabel: isChart && defineChart,
       onChange: value => this.onChangeLabel(value, 'bottom'),
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 227
+        lineNumber: 238
       }
     }));
   }

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.8.8",
+  "version": "1.9.1",
   "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.4.2"
+        "version": "2.5.0"
       },
       "@pie-lib/graphing": {
-        "version": "2.10.3"
+        "version": "2.11.0"
       },
       "d3-scale": {
         "version": "2.2.2"
@@ -22,24 +22,24 @@
         "version": "1.4.2"
       }
     },
-    "hash": "7c53a364eaf0ef921cc8451c5918cee81ee68f2b"
+    "hash": "9bead60a43127f1232f4ac87ffa004e649c3f21c"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.5.17"
+      "version": "^1.5.19"
     },
     {
       "name": "@pie-lib/editable-html-module",
-      "version": "^3.1.10"
+      "version": "^3.2.1"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.69"
+      "version": "^1.0.71"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^2.1.17"
+      "version": "^2.1.19"
     }
   ],
   "isLocal": true

package/package.json

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