@pie-lib/graphing-module 2.4.1 → 2.5.1

package/module/index.js

@@ -1,7 +1,7 @@
-import {_dll_prop_types, _dll_lodash, _dll_pie_lib__render_ui, _dll_material_ui__core_styles, _dll_react, _dll_classnames, _dll_react_dom, _dll_debug, _dll_material_ui__core, _dll_material_ui__core_styles_color_manipulator, _dll_material_ui__icons} from "../../shared-module@^1.13.1/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../editable-html-module@^5.5.1/module/index.js";
-import {_dll_pie_lib__drag} from "../../drag-module@^2.7.1/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../config-module@^2.18.1/module/index.js";
+import {_dll_prop_types, _dll_lodash, _dll_pie_lib__render_ui, _dll_material_ui__core_styles, _dll_react, _dll_classnames, _dll_react_dom, _dll_debug, _dll_material_ui__core, _dll_material_ui__core_styles_color_manipulator, _dll_material_ui__icons} from "../../shared-module@^1.14.1/module/index.js";
+import {_dll_pie_lib__editable_html} from "../../editable-html-module@^5.6.1/module/index.js";
+import {_dll_pie_lib__drag} from "../../drag-module@^2.8.1/module/index.js";
+import {_dll_pie_lib__config_ui} from "../../config-module@^2.19.1/module/index.js";
 var xhtml = "http://www.w3.org/1999/xhtml";
 var namespaces = {
   svg: "http://www.w3.org/2000/svg",
@@ -1262,9 +1262,12 @@ class Root$1 extends React$K.Component {
     Root$1.prototype.__init2.call(this);
     Root$1.prototype.__init3.call(this);
     Root$1.prototype.__init4.call(this);
+    Root$1.prototype.__init5.call(this);
+    Root$1.prototype.__init6.call(this);
     this.state = {
       titleHeight: 0
     };
+    this.resizeObserver = null;
   }
   static __initStatic() {
     this.propTypes = {
@@ -1311,10 +1314,12 @@ class Root$1 extends React$K.Component {
     const g = select(this.g);
     g.on('mousemove', this.mouseMove.bind(this, g));
     this.measureTitleHeight();
+    this.setupVisibilityObserver();
   }
   componentWillUnmount() {
     const g = select(this.g);
     g.on('mousemove', null);
+    this.cleanupVisibilityObserver();
   }
   componentDidUpdate(prevProps) {
     if (prevProps.title !== this.props.title) {
@@ -1350,12 +1355,43 @@ class Root$1 extends React$K.Component {
           titleHeight,
           prevTitle: this.props.title
         });
+        if (!this.resizeObserver && typeof ResizeObserver !== 'undefined') {
+          this.setupVisibilityObserver();
+        }
       }
     };
   }
   __init4() {
     this.handleKeyDown = () => {
-      setTimeout(this.measureTitleHeight, 0);
+      setTimeout(() => {
+        this.measureTitleHeight();
+      }, 0);
+    };
+  }
+  __init5() {
+    this.setupVisibilityObserver = () => {
+      if (typeof ResizeObserver !== 'undefined' && this.titleRef) {
+        this.resizeObserver = new ResizeObserver(entries => {
+          for (let entry of entries) {
+            const {width, height} = entry.contentRect;
+            if (width > 0 && height > 0) {
+              setTimeout(() => {
+                this.measureTitleHeight();
+              }, 10);
+              break;
+            }
+          }
+        });
+        this.resizeObserver.observe(this.titleRef);
+      }
+    };
+  }
+  __init6() {
+    this.cleanupVisibilityObserver = () => {
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect();
+        this.resizeObserver = null;
+      }
     };
   }
   render() {
@@ -1377,7 +1413,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 168
+        lineNumber: 204
       }
     }, showPixelGuides && React$K.createElement('div', {
       className: classes.topPixelGuides,
@@ -1387,7 +1423,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 170
+        lineNumber: 206
       }
     }, [...Array(nbOfVerticalLines + 1).keys()].map(value => React$K.createElement(Readable$2, {
       false: true,
@@ -1395,26 +1431,26 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 172
+        lineNumber: 208
       }
     }, React$K.createElement('div', {
       className: classes.topPixelIndicator,
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 173
+        lineNumber: 209
       }
     }, React$K.createElement('div', {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 174
+        lineNumber: 210
       }
     }, value * 100, "px"), React$K.createElement('div', {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 175
+        lineNumber: 211
       }
     }, "|"))))), showTitle && (disabledTitle ? React$K.createElement('div', {
       ref: r => this.titleRef = r,
@@ -1433,14 +1469,14 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 183
+        lineNumber: 219
       }
     }) : React$K.createElement('div', {
       ref: r => this.titleRef = r,
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 193
+        lineNumber: 229
       }
     }, React$K.createElement(EditableHtml$1, {
       style: isChart && ({
@@ -1462,7 +1498,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 194
+        lineNumber: 230
       }
     }))), showLabels && !isChart && React$K.createElement(Label$1, {
       side: "top",
@@ -1477,14 +1513,14 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 217
+        lineNumber: 253
       }
     }), React$K.createElement('div', {
       className: classes.wrapper,
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 229
+        lineNumber: 265
       }
     }, showLabels && React$K.createElement(Label$1, {
       side: "left",
@@ -1501,7 +1537,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 231
+        lineNumber: 267
       }
     }), React$K.createElement('svg', {
       width: finalWidth,
@@ -1510,7 +1546,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 245
+        lineNumber: 281
       }
     }, React$K.createElement('g', {
       ref: r => {
@@ -1524,7 +1560,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 246
+        lineNumber: 282
       }
     }, children)), showLabels && !isChart && React$K.createElement(Label$1, {
       side: "right",
@@ -1539,7 +1575,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 260
+        lineNumber: 296
       }
     }), showPixelGuides && React$K.createElement('div', {
       className: classes.sidePixelGuides,
@@ -1550,7 +1586,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 273
+        lineNumber: 309
       }
     }, [...Array(nbOfHorizontalLines + 1).keys()].reverse().map(value => React$K.createElement(Readable$2, {
       false: true,
@@ -1558,14 +1594,14 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 281
+        lineNumber: 317
       }
     }, React$K.createElement('div', {
       className: classes.sidePixelIndicator,
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 282
+        lineNumber: 318
       }
     }, "━ ", value * 100, "px"))))), showLabels && React$K.createElement(Label$1, {
       side: "bottom",
@@ -1583,7 +1619,7 @@ class Root$1 extends React$K.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName$B,
-        lineNumber: 289
+        lineNumber: 325
       }
     }));
   }

package/module/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/graphing-module",
-  "version": "2.4.1",
+  "version": "2.5.1",
   "mappings": {
     "@pie-lib/plot": "_dll_pie_lib__plot",
     "@pie-lib/graphing": "_dll_pie_lib__graphing"
@@ -8,30 +8,30 @@
   "versionInfo": {
     "data": {
       "@pie-lib/plot": {
-        "version": "2.22.0"
+        "version": "2.23.0"
       },
       "@pie-lib/graphing": {
-        "version": "2.29.0"
+        "version": "2.30.0"
       }
     },
-    "hash": "42916a51d373b14cf40d3b206d9707029ea56acc"
+    "hash": "50eca18ef98e74aeb34506f8e135dd4a8d93b96d"
   },
   "modules": [
     {
       "name": "@pie-lib/shared-module",
-      "version": "^1.13.1"
+      "version": "^1.14.1"
     },
     {
       "name": "@pie-lib/editable-html-module",
-      "version": "^5.5.1"
+      "version": "^5.6.1"
     },
     {
       "name": "@pie-lib/drag-module",
-      "version": "^2.7.1"
+      "version": "^2.8.1"
     },
     {
       "name": "@pie-lib/config-module",
-      "version": "^2.18.1"
+      "version": "^2.19.1"
     }
   ],
   "isLocal": true

package/package.json

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