@skedulo/sked-ui 21.9.2 → 21.9.3

package/dist/components/popups/info-window/LegacyInfoWindow.d.ts

@@ -100,6 +100,7 @@ export declare class LegacyInfoWindow extends React.PureComponent<ILegacyInfoWin
     private _cursorPosition;
     private _triggerRect;
     private _root;
+    private _timeoutId;
     constructor(props: ILegacyInfoWindowProps);
     componentDidMount(): void;
     componentDidUpdate(oldProps: ILegacyInfoWindowProps): void;
@@ -145,7 +146,6 @@ export declare class LegacyInfoWindow extends React.PureComponent<ILegacyInfoWin
     };
     removeRenderingContainer(): void;
     createRenderContainer(): HTMLDivElement;
-    createRenderRoot(): void;
     /**
      * The first render wont be positioned properly since we don't have the width/height to calculate the position.
      * `runStyleRender` runs a second render when we have the contentContainer rendered to calculate the position.

package/dist/index.js

@@ -5788,6 +5788,8 @@ var LegacyInfoWindow = /*#__PURE__*/function (_React$PureComponent) {
 
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this), "_root", null);
 
+    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this), "_timeoutId", null);
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this), "computeStylesFromDisplayPosition", function (anchor, triangleRect) {
       var contentStyles = {
         top: anchor.display.top,
@@ -6092,12 +6094,6 @@ var LegacyInfoWindow = /*#__PURE__*/function (_React$PureComponent) {
       document.body.appendChild(div);
       return div;
     }
-  }, {
-    key: "createRenderRoot",
-    value: function createRenderRoot() {
-      var renderContainer = this._renderContainer || this.createRenderContainer();
-      this._root = Object(react_dom_client__WEBPACK_IMPORTED_MODULE_10__["createRoot"])(renderContainer);
-    }
     /**
      * The first render wont be positioned properly since we don't have the width/height to calculate the position.
      * `runStyleRender` runs a second render when we have the contentContainer rendered to calculate the position.
@@ -6106,7 +6102,8 @@ var LegacyInfoWindow = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "renderContent",
     value: function renderContent() {
-      var _this2 = this;
+      var _this$_root,
+          _this2 = this;
 
       var runStyleRender = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       var show = this.state.show;
@@ -6114,10 +6111,8 @@ var LegacyInfoWindow = /*#__PURE__*/function (_React$PureComponent) {
           withCloseButton = _this$props3.withCloseButton,
           containerClassName = _this$props3.containerClassName;
       var classNames = "sked-infowindow-wrapper ".concat(containerClassName || '');
-
-      if (!this._root) {
-        this.createRenderRoot();
-      }
+      var renderContainer = this._renderContainer || this.createRenderContainer();
+      this._root = (_this$_root = this._root) !== null && _this$_root !== void 0 ? _this$_root : Object(react_dom_client__WEBPACK_IMPORTED_MODULE_10__["createRoot"])(renderContainer);
 
       if (show) {
         var _this$computeStyles = this.computeStyles(),
@@ -6156,10 +6151,14 @@ var LegacyInfoWindow = /*#__PURE__*/function (_React$PureComponent) {
 
         this._root.render(content);
 
-        setTimeout(callback, 0);
+        this._timeoutId = setTimeout(callback, 0);
       } else {
         if (this._root) {
+          clearTimeout(this._timeoutId);
+
           this._root.unmount();
+
+          this._root = null;
         }
 
         this.removeRenderingContainer();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "21.9.2",
+  "version": "21.9.3",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",