@hpcc-js/graph 2.83.2 → 2.84.0

package/dist/index.js

@@ -5,8 +5,8 @@
 })(this, (function (exports, common, util$b, api, react, html) { 'use strict';
 
     var PKG_NAME = "@hpcc-js/graph";
-    var PKG_VERSION = "2.83.2";
-    var BUILD_VERSION = "2.104.7";
+    var PKG_VERSION = "2.84.0";
+    var BUILD_VERSION = "2.104.8";
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -16353,17 +16353,17 @@
                     delete v.fx;
                     delete v.fy;
                     var bbox = v.element.node().getBBox();
-                    return __assign({ width: bbox.width, height: bbox.height }, v.props);
+                    return __assign(__assign({ width: bbox.width, height: bbox.height }, v.props), { id: String(v.id) });
                 }),
                 links: data.allEdges().map(function (e) {
                     return {
-                        id: e.props.id,
+                        id: String(e.props.id),
                         source: {
-                            id: e.source.props.id,
+                            id: String(e.source.props.id),
                             text: e.source.props.text,
                         },
                         target: {
-                            id: e.target.props.id,
+                            id: String(e.target.props.id),
                             text: e.target.props.text,
                         }
                     };
@@ -16377,7 +16377,7 @@
                     .filter(function (v) { return data.vertexParent(v.id) !== undefined; })
                     .map(function (v) { return ({
                     parent: clusterID(data.vertexParent(v.id).props.id),
-                    child: v.id
+                    child: String(v.id)
                 }); }), true)
             }, this._options).response.then(function (response) {
                 if (_this.running()) {
@@ -16601,7 +16601,7 @@
             return graphviz$1({
                 items: hierarchy,
                 links: data.allEdges().map(function (e) { return ({
-                    id: e.props.id,
+                    id: String(e.props.id),
                     source: nodeIdx[e.source.id],
                     target: nodeIdx[e.target.id],
                     text: e.props.label || ""
@@ -17707,7 +17707,7 @@
                 }
                 if (doClick) {
                     context._selection.click({
-                        _id: d.id,
+                        _id: String(d.id),
                         element: function () { return d.element; }
                     }, common.d3Event().sourceEvent);
                     context.selectionChanged();
@@ -17805,7 +17805,7 @@
             this._selection.set(_.map(function (item) {
                 var vp = _this._graphData.item(item.id);
                 return {
-                    _id: vp.id,
+                    _id: String(vp.id),
                     element: function () { return vp.element; }
                 };
             }));
@@ -18142,7 +18142,7 @@
                 .attr("class", "graphEdge")
                 .on("click.selectionBag", function (d) {
                 context._selection.click({
-                    _id: d.id,
+                    _id: String(d.id),
                     element: function () { return d.element; }
                 }, common.d3Event());
                 context.selectionChanged();
@@ -18272,7 +18272,7 @@
                 .attr("class", "subgraphPlaceholder")
                 .on("click.selectionBag", function (d) {
                 context._selection.click({
-                    _id: d.id,
+                    _id: String(d.id),
                     element: function () { return d.element; }
                 }, common.d3Event());
                 context.selectionChanged();
@@ -18303,6 +18303,7 @@
             _super.prototype.enter.call(this, domNode, element);
             var svg = this.locateSVGNode(domNode);
             this._svgDefs = common.select(svg).select("defs");
+            this._centroidFilter = new common.SVGGlowFilter(this._svgDefs, this._id + "_glow");
             this._svgDefsCat = this._svgDefs.append("g");
             this._svgDefsAnn = this._svgDefs.append("g");
             this._subgraphG = this._renderElement.append("g");
@@ -18555,6 +18556,7 @@
     GraphT.prototype.publish("enableTooltipPointerEvents", false, "boolean", "If true, tooltip will use the style: 'pointer-events: all'");
     GraphT.prototype.publish("tooltipCloseDelay", 0, "number", "Number of milliseconds to wait before closing tooltip (cancelled on tooltip mouseover event)");
     GraphT.prototype.publish("doubleClickMaxDelay", 300, "number", "Number of milliseconds to wait before a subsequent click is not considered a double click");
+    GraphT.prototype.publish("highlightSelectedPathToCentroid", true, "boolean", "Highlight path to Center Vertex (for selected vertices)");
     GraphT.prototype.publish("hierarchyRankDirection", "TB", "set", "Direction for Rank Nodes", ["TB", "BT", "LR", "RL"], { disable: function (w) { return w.layout() !== "Hierarchy"; } });
     GraphT.prototype.publish("hierarchyNodeSeparation", 50, "number", "Number of pixels that separate nodes horizontally in the layout", null, { disable: function (w) { return w.layout() !== "Hierarchy"; } });
     GraphT.prototype.publish("hierarchyEdgeSeparation", 10, "number", "Number of pixels that separate edges horizontally in the layout", null, { disable: function (w) { return w.layout() !== "Hierarchy"; } });
@@ -18594,16 +18596,6 @@
         });
     }
 
-    // , Shape, Text,
-    var BasicEdge = function (_a) {
-        var label = _a.label, labelPos = _a.labelPos, _b = _a.labelFill, labelFill = _b === void 0 ? "black" : _b, _c = _a.labelHeight, labelHeight = _c === void 0 ? 12 : _c, path = _a.path, color = _a.color, strokeWidth = _a.strokeWidth, strokeDasharray = _a.strokeDasharray;
-        return react.React.createElement(react.React.Fragment, null,
-            react.React.createElement("path", { d: path, stroke: color, style: { strokeWidth: strokeWidth, strokeDasharray: strokeDasharray } }),
-            label && labelPos && labelPos.length === 2 ?
-                react.React.createElement("g", { transform: "translate(".concat(labelPos[0], " ").concat(labelPos[1], ")") },
-                    react.React.createElement(react.Text, { text: label, fill: labelFill, height: labelHeight })) : undefined);
-    };
-
     function adapter(reactRenderer) {
         return function (props, element) { return react.render(reactRenderer, props, element); };
     }
@@ -18638,6 +18630,16 @@
         return GraphReactT;
     }(GraphT));
 
+    // , Shape, Text,
+    var BasicEdge = function (_a) {
+        var label = _a.label, labelPos = _a.labelPos, _b = _a.labelFill, labelFill = _b === void 0 ? "black" : _b, _c = _a.labelHeight, labelHeight = _c === void 0 ? 12 : _c, path = _a.path, color = _a.color, strokeWidth = _a.strokeWidth, strokeDasharray = _a.strokeDasharray;
+        return react.React.createElement(react.React.Fragment, null,
+            react.React.createElement("path", { d: path, stroke: color, style: { strokeWidth: strokeWidth, strokeDasharray: strokeDasharray } }),
+            label && labelPos && labelPos.length === 2 ?
+                react.React.createElement("g", { transform: "translate(".concat(labelPos[0], " ").concat(labelPos[1], ")") },
+                    react.React.createElement(react.Text, { text: label, fill: labelFill, height: labelHeight })) : undefined);
+    };
+
     var Graph2 = /** @class */ (function (_super) {
         __extends(Graph2, _super);
         function Graph2() {
@@ -18692,7 +18694,6 @@
         };
         Graph2.prototype.enter = function (domNode, element) {
             _super.prototype.enter.call(this, domNode, element);
-            this._centroidFilter = new common.SVGGlowFilter(this._svgDefs, this._id + "_glow");
         };
         Graph2.prototype.update = function (domNode, element) {
             _super.prototype.update.call(this, domNode, element);
@@ -18708,7 +18709,6 @@
     Graph2.prototype.publish("vertexIconStrokeWidth", 0, "number", "Vertex Icon Stroke Width");
     Graph2.prototype.publish("vertexIconFontFamily", "FontAwesome", "string", "Vertex Icon Font Family");
     Graph2.prototype.publish("vertexLabelFontFamily", "Verdana", "string", "Vertex Label Font Family");
-    Graph2.prototype.publish("highlightSelectedPathToCentroid", true, "boolean", "Highlight path to Center Vertex (for selected vertices)");
     Graph2.prototype.publish("centroidColor", "#00A000", "html-color", "Centroid Glow Color");
     Graph2.prototype.publish("centroidScale", 1, "number", "Centroid Scale");
     Graph2.prototype.publish("centroidTextHeight", 12, "number", "Centroid Text Height");
@@ -19400,6 +19400,7 @@
     exports.Edge = Edge;
     exports.Graph = Graph;
     exports.Graph2 = Graph2;
+    exports.GraphReactT = GraphReactT;
     exports.GraphT = GraphT;
     exports.PKG_NAME = PKG_NAME;
     exports.PKG_VERSION = PKG_VERSION;