@pie-lib/graphing-module 1.9.1 → 1.9.3

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.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";
+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.21/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.2.3/module/index.js";
+import {_dll_pie_lib__drag} from "../../drag-module@^1.0.73/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^2.1.21/module/index.js";
 const PropTypes$D = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$D.number.isRequired,
@@ -831,6 +831,7 @@ const LabelComponent = 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 isChart = isChartBottomLabel || isChartLeftLabel || isDefineChartBottomLabel || isDefineChartLeftLabel;
   const chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
   const defaultStyle = {
     width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),
@@ -848,10 +849,10 @@ const LabelComponent = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 59
+      lineNumber: 62
     }
   }, React$F.createElement('div', {
-    className: cn$4(classes.axisLabel, {
+    className: cn$4(isChart ? classes.chartLabel : classes.axisLabel, {
       [classes.rotateLeftLabel]: side === 'left' && !rotatedToHorizontal,
       [classes.rotateRightLabel]: side === 'right' && !rotatedToHorizontal,
       [classes.editLabel]: rotatedToHorizontal,
@@ -862,7 +863,7 @@ const LabelComponent = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 60
+      lineNumber: 63
     }
   }, disabledLabel ? React$F.createElement('div', {
     className: classes.disabledLabel,
@@ -872,7 +873,7 @@ const LabelComponent = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 71
+      lineNumber: 74
     }
   }) : React$F.createElement(EditableHtml$2, {
     markup: text || '',
@@ -888,7 +889,7 @@ const LabelComponent = props => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$x,
-      lineNumber: 73
+      lineNumber: 76
     }
   })));
 };
@@ -902,6 +903,12 @@ var Label$1 = withStyles$m(theme => ({
     margin: '4px',
     padding: '4px 0'
   },
+  chartLabel: {
+    fontSize: theme.typography.fontSize + 2,
+    textAlign: 'center',
+    margin: '4px',
+    padding: '4px 0'
+  },
   disabledLabel: {
     pointerEvents: 'none',
     width: '100%'
@@ -1081,7 +1088,7 @@ class Root$1 extends React$E.Component {
       style: isChart && ({
         width: finalWidth
       }),
-      className: cn$3(classes.graphTitle, classes.disabledTitle),
+      className: cn$3(isChart ? classes.chartTitle : classes.graphTitle, classes.disabledTitle),
       dangerouslySetInnerHTML: {
         __html: title || ''
       },
@@ -1096,7 +1103,7 @@ class Root$1 extends React$E.Component {
       }),
       className: cn$3({
         [classes.rightMargin]: showPixelGuides
-      }, classes.graphTitle),
+      }, isChart ? classes.chartTitle : classes.graphTitle),
       markup: title || '',
       onChange: onChangeTitle,
       placeholder: defineChart && titlePlaceholder || !disabledTitle && 'Click here to add a title for this graph',
@@ -1108,7 +1115,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 149
+        lineNumber: 152
       }
     })), showLabels && !isChart && React$E.createElement(Label$1, {
       side: "top",
@@ -1121,14 +1128,14 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 168
+        lineNumber: 174
       }
     }), React$E.createElement('div', {
       className: classes.wrapper,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 178
+        lineNumber: 184
       }
     }, showLabels && React$E.createElement(Label$1, {
       side: "left",
@@ -1143,7 +1150,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 180
+        lineNumber: 186
       }
     }), React$E.createElement('svg', {
       width: finalWidth,
@@ -1152,7 +1159,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 192
+        lineNumber: 198
       }
     }, React$E.createElement('g', {
       ref: r => {
@@ -1166,7 +1173,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 197
+        lineNumber: 203
       }
     }, children)), showLabels && !isChart && React$E.createElement(Label$1, {
       side: "right",
@@ -1179,7 +1186,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 211
+        lineNumber: 217
       }
     }), showPixelGuides && React$E.createElement('div', {
       className: classes.sidePixelGuides,
@@ -1190,7 +1197,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 222
+        lineNumber: 228
       }
     }, [...Array(nbOfHorizontalLines + 1).keys()].reverse().map(value => React$E.createElement(Readable$2, {
       false: true,
@@ -1198,14 +1205,14 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 230
+        lineNumber: 236
       }
     }, React$E.createElement('div', {
       className: classes.sidePixelIndicator,
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 231
+        lineNumber: 237
       }
     }, "━ ", value * 100, "px"))))), showLabels && React$E.createElement(Label$1, {
       side: "bottom",
@@ -1220,7 +1227,7 @@ class Root$1 extends React$E.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$w,
-        lineNumber: 238
+        lineNumber: 244
       }
     }));
   }
@@ -1256,6 +1263,12 @@ const styles$9 = theme => ({
     padding: '12px 4px 0',
     textAlign: 'center'
   },
+  chartTitle: {
+    color: color$i.text(),
+    fontSize: theme.typography.fontSize + 4,
+    padding: '12px 4px 0',
+    textAlign: 'center'
+  },
   disabledTitle: {
     pointerEvents: 'none'
   },
@@ -11650,13 +11663,25 @@ class RawBp extends React$n.Component {
         lineNumber: 45
       }
     }, React$n.createElement('circle', {
+      style: {
+        fill: 'transparent'
+      },
+      r: r * 2,
+      cx: 2 * scale.x(x),
+      cy: 2 * scale.y(y),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName$n,
+        lineNumber: 56
+      }
+    }), React$n.createElement('circle', {
       r: r,
       cx: scale.x(x),
       cy: scale.y(y),
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 56
+        lineNumber: 57
       }
     }), labelNode && coordinatesOnHover && showCoordinates && ReactDOM$4.createPortal(React$n.createElement(CoordinatesLabel$1, {
       graphProps: graphProps,
@@ -11665,7 +11690,7 @@ class RawBp extends React$n.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$n,
-        lineNumber: 61
+        lineNumber: 62
       }
     }), labelNode));
   }

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "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.5.0"
+        "version": "2.5.2"
       },
       "@pie-lib/graphing": {
-        "version": "2.11.0"
+        "version": "2.11.2"
       },
       "d3-scale": {
         "version": "2.2.2"
@@ -22,24 +22,24 @@
         "version": "1.4.2"
       }
     },
-    "hash": "9bead60a43127f1232f4ac87ffa004e649c3f21c"
+    "hash": "ace2c19d291d2418c42c2dc9447daec9fa0c4c68"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.5.19"
+      "version": "^1.5.21"
     },
     {
       "name": "@pie-lib/editable-html-module",
-      "version": "^3.2.1"
+      "version": "^3.2.3"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^1.0.71"
+      "version": "^1.0.73"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^2.1.19"
+      "version": "^2.1.21"
     }
   ],
   "isLocal": true

package/package.json

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