Deploying f30df54 🚀

iframe.html

@@ -135,4 +135,4 @@
 
 
 
-              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.e3c0b057.iframe.bundle.js"></script><script src="vendors~main.3df992ca.iframe.bundle.js"></script><script src="main.fb1269fd.iframe.bundle.js"></script></body></html>
+              window['FEATURES'] = {"postcss":true};</script><script src="runtime~main.e3c0b057.iframe.bundle.js"></script><script src="vendors~main.a35aca4f.iframe.bundle.js"></script><script src="main.8626426e.iframe.bundle.js"></script></body></html>

main.fb1269fd.iframe.bundle.js → main.8626426e.iframe.bundle.js

@@ -36823,7 +36823,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LineMarker = void 0;
 
-var core_1 = __webpack_require__(/*! @popperjs/core */ "../packages/charts/node_modules/@popperjs/core/lib/popper.js");
+var core_1 = __webpack_require__(/*! @popperjs/core */ "../packages/charts/node_modules/@popperjs/core/lib/index.js");
 
 var react_1 = __importStar(__webpack_require__(/*! react */ "../node_modules/react/index.js"));
 
@@ -58565,7 +58565,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TooltipPortal = void 0;
 
-var core_1 = __webpack_require__(/*! @popperjs/core */ "../packages/charts/node_modules/@popperjs/core/lib/popper.js");
+var core_1 = __webpack_require__(/*! @popperjs/core */ "../packages/charts/node_modules/@popperjs/core/lib/index.js");
 
 var react_1 = __webpack_require__(/*! react */ "../node_modules/react/index.js");
 
@@ -58619,13 +58619,17 @@ var TooltipPortalComponent = function TooltipPortalComponent(_ref) {
 
     return (_a = anchor === null || anchor === void 0 ? void 0 : anchor.current) !== null && _a !== void 0 ? _a : (0, utils_1.getOrCreateNode)("echAnchor" + scope + "__" + chartId, undefined, (_b = anchor === null || anchor === void 0 ? void 0 : anchor.appendRef) === null || _b === void 0 ? void 0 : _b.current); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [(_a = anchor === null || anchor === void 0 ? void 0 : anchor.current) !== null && _a !== void 0 ? _a : (_b = anchor === null || anchor === void 0 ? void 0 : anchor.appendRef) === null || _b === void 0 ? void 0 : _b.current]);
+  var portalNode = (0, react_1.useMemo)(function () {
+    return (0, utils_1.getOrCreateNode)("echTooltipPortal" + scope + "__" + chartId, 'echTooltipPortal__invisible', undefined, zIndex);
+  }, [chartId, scope, zIndex]);
   /**
    * This must not be removed from DOM throughout life of this component.
    * Otherwise the portal will loose reference to the correct node.
    */
 
-  var portalNodeElement = (0, utils_1.getOrCreateNode)("echTooltipPortal" + scope + "__" + chartId, 'echTooltipPortal__invisible', undefined, zIndex);
-  var portalNode = (0, react_1.useRef)(portalNodeElement);
+  (0, react_1.useEffect)(function () {
+    document.body.appendChild(portalNode);
+  });
   /**
    * Popper instance used to manage position of tooltip.
    */
@@ -58648,7 +58652,7 @@ var TooltipPortalComponent = function TooltipPortalComponent(_ref) {
         boundary = popperSettings.boundary,
         offset = popperSettings.offset,
         boundaryPadding = popperSettings.boundaryPadding;
-    popper.current = (0, core_1.createPopper)(anchorNode, portalNode.current, {
+    popper.current = (0, core_1.createPopper)(anchorNode, portalNode, {
       strategy: 'absolute',
       placement: placement,
       modifiers: [{
@@ -58691,7 +58695,7 @@ var TooltipPortalComponent = function TooltipPortalComponent(_ref) {
   }, [visible, popperSettings.fallbackPlacements, popperSettings.placement, popperSettings.boundary, popperSettings.offset]);
   (0, react_1.useEffect)(function () {
     setPopper();
-    var nodeCopy = portalNode.current;
+    var nodeCopy = portalNode;
     return function () {
       if (nodeCopy.parentNode) {
         nodeCopy.parentNode.removeChild(nodeCopy);
@@ -58733,19 +58737,19 @@ var TooltipPortalComponent = function TooltipPortalComponent(_ref) {
   }, [visible, anchorNode, position === null || position === void 0 ? void 0 : position.x, position === null || position === void 0 ? void 0 : position.y, position === null || position === void 0 ? void 0 : position.width, position === null || position === void 0 ? void 0 : position.height]);
   (0, react_1.useEffect)(function () {
     if (!position && !skipPositioning) {
-      portalNode.current.classList.add('echTooltipPortal__invisible');
+      portalNode.classList.add('echTooltipPortal__invisible');
       return;
     }
 
-    portalNode.current.classList.remove('echTooltipPortal__invisible');
-  }, [position, skipPositioning]);
+    portalNode.classList.remove('echTooltipPortal__invisible');
+  }, [portalNode.classList, position, skipPositioning]);
   (0, react_1.useEffect)(function () {
     if (popper.current) {
       updateAnchorDimensions();
       void popper.current.update();
     }
-  }, [updateAnchorDimensions, popper]);
-  return (0, react_dom_1.createPortal)(children, portalNode.current);
+  }, [updateAnchorDimensions]);
+  return (0, react_dom_1.createPortal)(children, portalNode, 'ech-tooltip-portal');
 };
 
 TooltipPortalComponent.displayName = 'TooltipPortal';
@@ -155154,4 +155158,4 @@ module.exports = __webpack_require__(/*! /app/storybook/generated-stories-entry.
 /***/ })
 
 },[[0,"runtime~main","vendors~main"]]]);
-//# sourceMappingURL=main.fb1269fd.iframe.bundle.js.map
+//# sourceMappingURL=main.8626426e.iframe.bundle.js.map