@capillarytech/blaze-ui 5.2.4 → 5.2.5

package/index.js

@@ -17029,7 +17029,8 @@ const CapLevelGraphRenderer = _ref => {
           const targetToolTip = (0, _get.default)(nodePostionObj, [targetId, 'toolTip']);
           if (sourceToolTip && targetToolTip) {
             // Type assertion needed because @antv/x6 Edge type may not expose addTools in TypeScript definitions
-            edge.addTools == null || edge.addTools([{
+            const edgeWithTools = edge;
+            edgeWithTools.addTools == null || edgeWithTools.addTools([{
               name: 'tooltip',
               args: {
                 tooltip: sourceToolTip + " - " + targetToolTip
@@ -26648,16 +26649,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * definitions may not fully expose all ToolItem properties.
  */
 class TooltipTool extends _x.ToolsView.ToolItem {
-  /** DOM element for tooltip rendering */
-
-  /** Delay in milliseconds before showing/hiding tooltip */
-
-  /** Current tooltip visibility state */
-
-  /** Timer reference for delayed tooltip operations */
-
-  /** React root instance for rendering tooltip */
-
   constructor(props) {
     super(props);
     this.onMouseMove = e => {
@@ -26673,7 +26664,6 @@ class TooltipTool extends _x.ToolsView.ToolItem {
       }, this.delay);
     };
     this.delay = 100;
-    this.tooltipVisible = false;
   }
   render() {
     super.render();
@@ -26686,18 +26676,14 @@ class TooltipTool extends _x.ToolsView.ToolItem {
     return this;
   }
   toggleTooltip(visible) {
-    if (!this.root) {
-      this.root = (0, _client.createRoot)(this.knob);
-    }
+    const root = (0, _client.createRoot)(this.knob);
     if (visible) {
       const tooltipText = this.options.tooltip;
-      this.root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
+      root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltip.default, {
         title: tooltipText,
-        open: true,
+        visible: true,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {})
       }));
-    } else {
-      this.root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}));
     }
     this.tooltipVisible = visible;
   }
@@ -26722,9 +26708,7 @@ class TooltipTool extends _x.ToolsView.ToolItem {
     if (this.timer) {
       window.clearTimeout(this.timer);
     }
-    this.timer = window.setTimeout(() => {
-      this.toggleTooltip(false);
-    }, this.delay);
+    window.setTimeout(() => this.toggleTooltip(false), this.delay);
     document.removeEventListener('mousemove', this.onMouseMove);
   }
   delegateEvents() {
@@ -26734,21 +26718,10 @@ class TooltipTool extends _x.ToolsView.ToolItem {
   }
   onRemove() {
     const cellView = this.cellView;
-    cellView.off('cell:mouseleave', this.onMouseLeave);
-    if (this.timer) {
-      window.clearTimeout(this.timer);
-    }
-    if (this.root) {
-      this.root.unmount();
-    }
-    document.removeEventListener('mousemove', this.onMouseMove);
+    // @ts-expect-error - x6's off method signature may vary
+    cellView.off('cell:mouseleave', this.onMouseLeave, this);
   }
 }
-
-/**
- * Type for TooltipTool config method
- */
-
 TooltipTool.config({
   tagName: 'div',
   isSVGElement: false