polly-graph 0.1.9 → 0.1.10

package/dist/index.cjs

@@ -5114,14 +5114,35 @@ function createNodeHover(nodeSelection, hoverStyle) {
   if (hoverStyle) {
     nodeSelection.on("mouseenter.hover", function(_event, node) {
       const circle = this;
+      if (circle.dataset.selected === "true") {
+        return;
+      }
       circle.setAttribute("stroke", hoverStyle.stroke ?? node.style?.stroke ?? "#ffffff");
       circle.setAttribute("stroke-width", String(hoverStyle.strokeWidth ?? node.style?.strokeWidth ?? 1.5));
       circle.setAttribute("opacity", String(hoverStyle.opacity ?? node.style?.opacity ?? 1));
     }).on("mouseleave.hover", function(_event, node) {
       const circle = this;
-      circle.setAttribute("stroke", node.style?.stroke ?? "#ffffff");
-      circle.setAttribute("stroke-width", String(node.style?.strokeWidth ?? 1.5));
-      circle.setAttribute("opacity", String(node.style?.opacity ?? 1));
+      if (circle.dataset.selected === "true") {
+        return;
+      }
+      circle.style.stroke = "";
+      circle.style.strokeWidth = "";
+      circle.style.opacity = "";
+      if (!node.style?.stroke) {
+        circle.setAttribute("stroke", "#ffffff");
+      } else {
+        circle.setAttribute("stroke", node.style.stroke);
+      }
+      if (!node.style?.strokeWidth) {
+        circle.setAttribute("stroke-width", "1.5");
+      } else {
+        circle.setAttribute("stroke-width", String(node.style.strokeWidth));
+      }
+      if (!node.style?.opacity) {
+        circle.setAttribute("opacity", "1");
+      } else {
+        circle.setAttribute("opacity", String(node.style.opacity));
+      }
     });
   }
   const svgElement = firstNode.ownerSVGElement;
@@ -5518,6 +5539,8 @@ function bindNodeTooltip(params) {
       destroy: () => {
       },
       reposition: () => {
+      },
+      hide: () => {
       }
     };
   }
@@ -5527,6 +5550,9 @@ function bindNodeTooltip(params) {
     "mouseenter.tooltip",
     function(event, node) {
       const target = this;
+      if (target.dataset.selected === "true") {
+        return;
+      }
       activeTarget = target;
       const customContent = params.tooltipConfig?.renderContent?.(node);
       const content = customContent ?? getDefaultContent(node);
@@ -5536,6 +5562,11 @@ function bindNodeTooltip(params) {
     "mousemove.tooltip",
     function() {
       const target = this;
+      if (target.dataset.selected === "true") {
+        activeTarget = null;
+        tooltip.hide();
+        return;
+      }
       activeTarget = target;
       tooltip.move(target);
     }
@@ -5552,12 +5583,16 @@ function bindNodeTooltip(params) {
     }
     tooltip.move(activeTarget);
   }
+  function hide() {
+    activeTarget = null;
+    tooltip.hide();
+  }
   function destroy() {
     activeTarget = null;
     params.selection.on(".tooltip", null);
     tooltip.destroy();
   }
-  return { destroy, reposition };
+  return { destroy, reposition, hide };
 }
 function getDefaultContent(node) {
   return `
@@ -5787,17 +5822,22 @@ var SelectionManager = class {
   layers;
   linkMarkerSnapshots;
   root;
-  constructor(eventEmitter, config, layers, linkMarkerSnapshots, root2) {
+  tooltipBinding;
+  constructor(eventEmitter, config, layers, linkMarkerSnapshots, root2, tooltipBinding) {
     this.eventEmitter = eventEmitter;
     this.config = config;
     this.layers = layers;
     this.linkMarkerSnapshots = linkMarkerSnapshots;
     this.root = root2;
+    this.tooltipBinding = tooltipBinding;
   }
   /**
    * Select a node, automatically deselecting any current selection
    */
   selectNode(nodeElement, nodeData) {
+    if (this.tooltipBinding) {
+      this.tooltipBinding.hide();
+    }
     this.clearHoverState();
     this.clearSelection();
     this.bringNodeToFront(nodeElement, nodeData);
@@ -6199,7 +6239,8 @@ var InteractionManager = class {
         this.manager.config.interaction.selection,
         this.manager.layers,
         this.manager.linkMarkerSnapshots,
-        this.manager.rootSelection
+        this.manager.rootSelection,
+        this.manager.tooltipBinding || void 0
       );
       this.setupSelectionHandlers(selections);
       this.setupBackgroundClickHandler();

package/dist/index.d.cts

@@ -537,6 +537,12 @@ interface RenderableGraphLink {
     readonly markerEnd: string;
 }
 
+interface NodeTooltipBinding {
+    destroy(): void;
+    reposition(): void;
+    hide(): void;
+}
+
 /**
  * Centralized selection management for graph nodes and links.
  * Simplifies selection logic and ensures consistent behavior.
@@ -560,7 +566,8 @@ declare class SelectionManager {
     private readonly layers;
     private readonly linkMarkerSnapshots;
     private readonly root;
-    constructor(eventEmitter: TypedGraphEventEmitter, config: SelectionInteractionConfig, layers: GraphLayers, linkMarkerSnapshots: Map<SVGLineElement, string | null>, root: Selection<SVGGElement, unknown, null, undefined>);
+    private readonly tooltipBinding?;
+    constructor(eventEmitter: TypedGraphEventEmitter, config: SelectionInteractionConfig, layers: GraphLayers, linkMarkerSnapshots: Map<SVGLineElement, string | null>, root: Selection<SVGGElement, unknown, null, undefined>, tooltipBinding?: NodeTooltipBinding);
     /**
      * Select a node, automatically deselecting any current selection
      */

package/dist/index.d.ts

@@ -537,6 +537,12 @@ interface RenderableGraphLink {
     readonly markerEnd: string;
 }
 
+interface NodeTooltipBinding {
+    destroy(): void;
+    reposition(): void;
+    hide(): void;
+}
+
 /**
  * Centralized selection management for graph nodes and links.
  * Simplifies selection logic and ensures consistent behavior.
@@ -560,7 +566,8 @@ declare class SelectionManager {
     private readonly layers;
     private readonly linkMarkerSnapshots;
     private readonly root;
-    constructor(eventEmitter: TypedGraphEventEmitter, config: SelectionInteractionConfig, layers: GraphLayers, linkMarkerSnapshots: Map<SVGLineElement, string | null>, root: Selection<SVGGElement, unknown, null, undefined>);
+    private readonly tooltipBinding?;
+    constructor(eventEmitter: TypedGraphEventEmitter, config: SelectionInteractionConfig, layers: GraphLayers, linkMarkerSnapshots: Map<SVGLineElement, string | null>, root: Selection<SVGGElement, unknown, null, undefined>, tooltipBinding?: NodeTooltipBinding);
     /**
      * Select a node, automatically deselecting any current selection
      */

package/dist/index.js

@@ -5082,14 +5082,35 @@ function createNodeHover(nodeSelection, hoverStyle) {
   if (hoverStyle) {
     nodeSelection.on("mouseenter.hover", function(_event, node) {
       const circle = this;
+      if (circle.dataset.selected === "true") {
+        return;
+      }
       circle.setAttribute("stroke", hoverStyle.stroke ?? node.style?.stroke ?? "#ffffff");
       circle.setAttribute("stroke-width", String(hoverStyle.strokeWidth ?? node.style?.strokeWidth ?? 1.5));
       circle.setAttribute("opacity", String(hoverStyle.opacity ?? node.style?.opacity ?? 1));
     }).on("mouseleave.hover", function(_event, node) {
       const circle = this;
-      circle.setAttribute("stroke", node.style?.stroke ?? "#ffffff");
-      circle.setAttribute("stroke-width", String(node.style?.strokeWidth ?? 1.5));
-      circle.setAttribute("opacity", String(node.style?.opacity ?? 1));
+      if (circle.dataset.selected === "true") {
+        return;
+      }
+      circle.style.stroke = "";
+      circle.style.strokeWidth = "";
+      circle.style.opacity = "";
+      if (!node.style?.stroke) {
+        circle.setAttribute("stroke", "#ffffff");
+      } else {
+        circle.setAttribute("stroke", node.style.stroke);
+      }
+      if (!node.style?.strokeWidth) {
+        circle.setAttribute("stroke-width", "1.5");
+      } else {
+        circle.setAttribute("stroke-width", String(node.style.strokeWidth));
+      }
+      if (!node.style?.opacity) {
+        circle.setAttribute("opacity", "1");
+      } else {
+        circle.setAttribute("opacity", String(node.style.opacity));
+      }
     });
   }
   const svgElement = firstNode.ownerSVGElement;
@@ -5486,6 +5507,8 @@ function bindNodeTooltip(params) {
       destroy: () => {
       },
       reposition: () => {
+      },
+      hide: () => {
       }
     };
   }
@@ -5495,6 +5518,9 @@ function bindNodeTooltip(params) {
     "mouseenter.tooltip",
     function(event, node) {
       const target = this;
+      if (target.dataset.selected === "true") {
+        return;
+      }
       activeTarget = target;
       const customContent = params.tooltipConfig?.renderContent?.(node);
       const content = customContent ?? getDefaultContent(node);
@@ -5504,6 +5530,11 @@ function bindNodeTooltip(params) {
     "mousemove.tooltip",
     function() {
       const target = this;
+      if (target.dataset.selected === "true") {
+        activeTarget = null;
+        tooltip.hide();
+        return;
+      }
       activeTarget = target;
       tooltip.move(target);
     }
@@ -5520,12 +5551,16 @@ function bindNodeTooltip(params) {
     }
     tooltip.move(activeTarget);
   }
+  function hide() {
+    activeTarget = null;
+    tooltip.hide();
+  }
   function destroy() {
     activeTarget = null;
     params.selection.on(".tooltip", null);
     tooltip.destroy();
   }
-  return { destroy, reposition };
+  return { destroy, reposition, hide };
 }
 function getDefaultContent(node) {
   return `
@@ -5755,17 +5790,22 @@ var SelectionManager = class {
   layers;
   linkMarkerSnapshots;
   root;
-  constructor(eventEmitter, config, layers, linkMarkerSnapshots, root2) {
+  tooltipBinding;
+  constructor(eventEmitter, config, layers, linkMarkerSnapshots, root2, tooltipBinding) {
     this.eventEmitter = eventEmitter;
     this.config = config;
     this.layers = layers;
     this.linkMarkerSnapshots = linkMarkerSnapshots;
     this.root = root2;
+    this.tooltipBinding = tooltipBinding;
   }
   /**
    * Select a node, automatically deselecting any current selection
    */
   selectNode(nodeElement, nodeData) {
+    if (this.tooltipBinding) {
+      this.tooltipBinding.hide();
+    }
     this.clearHoverState();
     this.clearSelection();
     this.bringNodeToFront(nodeElement, nodeData);
@@ -6167,7 +6207,8 @@ var InteractionManager = class {
         this.manager.config.interaction.selection,
         this.manager.layers,
         this.manager.linkMarkerSnapshots,
-        this.manager.rootSelection
+        this.manager.rootSelection,
+        this.manager.tooltipBinding || void 0
       );
       this.setupSelectionHandlers(selections);
       this.setupBackgroundClickHandler();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polly-graph",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Reusable D3-based graph visualization SDK with configurable nodes, links, labels, interactions, and layout behaviors.",
   "license": "MIT",
   "author": "Badal",
@@ -52,7 +52,11 @@
     "lint": "eslint \"src/**/*.ts\"",
     "typecheck": "tsc --noEmit",
     "test": "vitest run --passWithNoTests",
-    "prepublishOnly": "npm run lint && npm run typecheck && npm run test && npm run build"
+    "prepublishOnly": "npm run lint && npm run typecheck && npm run test && npm run build",
+    "version:patch": "npm version patch",
+    "version:minor": "npm version minor",
+    "version:major": "npm version major",
+    "version:prerelease": "npm version prerelease"
   },
   "dependencies": {
     "d3": "7.9.0"