@pie-lib/graphing-module 1.10.7 → 1.10.9

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.35/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.3.7/module/index.js";
-import {_dll_pie_lib__drag} from "../../drag-module@^2.0.6/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../config-module@^2.3.1/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.37/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^3.4.0/module/index.js";
+import {_dll_pie_lib__drag} from "../../drag-module@^2.0.8/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^2.3.3/module/index.js";
 const PropTypes$D = _dll_prop_types;
 const BaseDomainRangeType = {
   min: PropTypes$D.number.isRequired,
@@ -9646,17 +9646,19 @@ class Bg extends React$t.Component {
     };
   }
   render() {
-    const {width, height} = this.props;
+    const {width, height, graphProps} = this.props;
+    const padding = thinnerShapesNeeded(graphProps) ? 6 : 10;
     return React$t.createElement('rect', {
       ref: rect => this.rect = rect,
+      transform: `translate(-${padding}, -${padding})`,
       fill: "red",
       fillOpacity: "0.0",
-      width: width,
-      height: height,
+      width: width + padding * 2,
+      height: height + padding * 2,
       __self: this,
       __source: {
         fileName: _jsxFileName$q,
-        lineNumber: 68
+        lineNumber: 73
       }
     });
   }
@@ -13945,7 +13947,7 @@ class RawBaseComponent extends React$a.Component {
     this.input = {};
   }
   render() {
-    const {closed, coordinatesOnHover, correctness, disabled, graphProps, onDragStart, onDragStop, points, middle, labelNode, labelModeEnabled} = this.props;
+    const {closed, coordinatesOnHover, correctness, disabled, graphProps, onChangeLabelProps, onDragStart, onDragStop, points, middle, labelNode, labelModeEnabled} = this.props;
     const lines = buildLines(points, closed);
     const common = {
       onDragStart,
@@ -13962,11 +13964,14 @@ class RawBaseComponent extends React$a.Component {
         disabled: !labelModeEnabled,
         mark: middle,
         graphProps: graphProps,
-        onChange: () => {},
+        onChange: label => onChangeLabelProps({
+          ...middle,
+          label
+        }),
         __self: this,
         __source: {
           fileName: _jsxFileName$a,
-          lineNumber: 209
+          lineNumber: 219
         }
       }), labelNode);
     }
@@ -13974,13 +13979,13 @@ class RawBaseComponent extends React$a.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 221
+        lineNumber: 231
       }
     }, closed ? React$a.createElement(React$a.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 223
+        lineNumber: 233
       }
     }, React$a.createElement(DraggablePolygon, {
       points: points,
@@ -13991,7 +13996,7 @@ class RawBaseComponent extends React$a.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 224
+        lineNumber: 234
       }
     }), polygonLabelNode) : React$a.createElement(Polygon, {
       points: points,
@@ -14000,7 +14005,7 @@ class RawBaseComponent extends React$a.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 234
+        lineNumber: 244
       }
     }), (lines || []).map((l, index) => React$a.createElement(Line$4, {
       key: `line-${index}`,
@@ -14012,7 +14017,7 @@ class RawBaseComponent extends React$a.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 237
+        lineNumber: 247
       }
     })), (points || []).map((p, index) => {
       return [React$a.createElement(BasePoint, {
@@ -14027,7 +14032,7 @@ class RawBaseComponent extends React$a.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$a,
-          lineNumber: 249
+          lineNumber: 259
         }
       }), labelNode && p.hasOwnProperty('label') ? ReactDOM.createPortal(React$a.createElement(MarkLabel$1, {
         inputRef: r => this.input[index] = r,
@@ -14041,7 +14046,7 @@ class RawBaseComponent extends React$a.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$a,
-          lineNumber: 261
+          lineNumber: 271
         }
       }), labelNode) : null];
     }));
@@ -14168,7 +14173,7 @@ class Component$6 extends React$a.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$a,
-        lineNumber: 355
+        lineNumber: 367
       }
     });
   }
@@ -15417,6 +15422,12 @@ class Root extends React$1.Component {
     });
     this.store.subscribe(this.onStoreChange);
   }
+  componentDidUpdate(prevProps) {
+    const {marks} = this.props;
+    if (!isEqual(prevProps.marks, marks)) {
+      this.store.dispatch(changeMarks(marks));
+    }
+  }
   __init() {
     this.onStoreChange = () => {
       const {marks, onChangeMarks} = this.props;
@@ -15437,7 +15448,7 @@ class Root extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName$1,
-          lineNumber: 59
+          lineNumber: 67
         }
       });
     }
@@ -15446,14 +15457,14 @@ class Root extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 63
+        lineNumber: 71
       }
     }, React$1.createElement(GraphContainer, {
       ...rest,
       __self: this,
       __source: {
         fileName: _jsxFileName$1,
-        lineNumber: 64
+        lineNumber: 72
       }
     }));
   }

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "1.10.7",
+  "version": "1.10.9",
   "mappings": {
     "@pie-lib/plot": "_dll_pie_lib__plot",
     "@pie-lib/graphing": "_dll_pie_lib__graphing",
@@ -13,7 +13,7 @@
         "version": "2.5.3"
       },
       "@pie-lib/graphing": {
-        "version": "2.11.6"
+        "version": "2.11.7"
       },
       "d3-scale": {
         "version": "2.2.2"
@@ -22,24 +22,24 @@
         "version": "1.4.2"
       }
     },
-    "hash": "6c3f9ae9c7a737a76d42118b15e9e5b44bc600a6"
+    "hash": "e9d71d1f69bfbbf866c54797e232518185db665c"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.5.35"
+      "version": "^1.5.37"
     },
     {
       "name": "@pie-lib/editable-html-module",
-      "version": "^3.3.7"
+      "version": "^3.4.0"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^2.0.6"
+      "version": "^2.0.8"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^2.3.1"
+      "version": "^2.3.3"
     }
   ],
   "isLocal": true

package/package.json

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