@data-navigator/inspector 1.1.1 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@data-navigator/inspector",
-    "version": "1.1.1",
+    "version": "1.2.1",
     "type": "module",
     "author": "Frank Elavsky",
     "license": "MIT",

package/src/inspector.js

@@ -153,8 +153,9 @@ export function Inspector({
     if (!rootEl.id) rootEl.id = rootId;
 
     // Build the graph SVG
-    const graphWidth = mode === 'tree' ? size * 2 : size;
-    const graphHeight = mode === 'tree' ? Math.round(size * 1.5) : size;
+    const sizeIsObject = size !== null && typeof size === 'object';
+    const graphWidth = sizeIsObject ? size.width : mode === 'tree' ? size * 2 : size;
+    const graphHeight = sizeIsObject ? size.height : mode === 'tree' ? Math.round(size * 1.5) : size;
     const nodeArray = convertToArray(structure.nodes, nodeInclusions);
     const linkArray = convertToArray(structure.edges, [], edgeExclusions);
     const idPrefix = rootId + '-';
@@ -173,6 +174,12 @@ export function Inspector({
             ? TreeGraph({ nodes: nodeArray, links: linkArray }, { ...graphOptions, dimensions: structure.dimensions })
             : ForceGraph({ nodes: nodeArray, links: linkArray }, graphOptions);
 
+    // When explicit pixel dimensions are given, remove the auto-scaling inline style so the
+    // SVG renders at exactly the specified size rather than scaling to container width.
+    if (sizeIsObject) {
+        graph.style.cssText = 'display: block;';
+    }
+
     // Create wrapper structure
     const wrapperEl = document.createElement('div');
     wrapperEl.className = 'dn-inspector-wrapper';

package/src/tree-graph.js

@@ -58,7 +58,7 @@ export function TreeGraph(
     const color = nodeGroup == null ? null : scaleOrdinal(nodeGroups, colors);
 
     // Build set of parent-child and sibling navigation rule names.
-    const parentChildRules = new Set(['parent', 'child']);
+    const parentChildRules = new Set(['drill-out', 'drill-in']);
     const siblingRulePairs = [['left', 'right']]; // default pair
     if (dimensions) {
         Object.values(dimensions).forEach(dim => {

package/style.css

@@ -62,7 +62,6 @@
     line-height: 1.3;
     padding: 2px;
     margin-top: 4px;
-    background: #fff;
 }
 
 /* Hidden utility */