@hpcc-js/graph 2.83.2 → 2.84.0

package/dist/index.es6.js

@@ -5,8 +5,8 @@ import { render, Icons, React, Text as Text$1, Subgraph as Subgraph$1, Vertex as
 import { HTMLTooltip } from '@hpcc-js/html';
 
 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 @@ var Dagre = /** @class */ (function (_super) {
                 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 @@ var Dagre = /** @class */ (function (_super) {
                 .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 @@ var Graphviz = /** @class */ (function (_super) {
         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 @@ var GraphT = /** @class */ (function (_super) {
             }
             if (doClick) {
                 context._selection.click({
-                    _id: d.id,
+                    _id: String(d.id),
                     element: function () { return d.element; }
                 }, d3Event().sourceEvent);
                 context.selectionChanged();
@@ -17805,7 +17805,7 @@ var GraphT = /** @class */ (function (_super) {
         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 @@ var GraphT = /** @class */ (function (_super) {
             .attr("class", "graphEdge")
             .on("click.selectionBag", function (d) {
             context._selection.click({
-                _id: d.id,
+                _id: String(d.id),
                 element: function () { return d.element; }
             }, d3Event());
             context.selectionChanged();
@@ -18272,7 +18272,7 @@ var GraphT = /** @class */ (function (_super) {
             .attr("class", "subgraphPlaceholder")
             .on("click.selectionBag", function (d) {
             context._selection.click({
-                _id: d.id,
+                _id: String(d.id),
                 element: function () { return d.element; }
             }, d3Event());
             context.selectionChanged();
@@ -18303,6 +18303,7 @@ var GraphT = /** @class */ (function (_super) {
         _super.prototype.enter.call(this, domNode, element);
         var svg = this.locateSVGNode(domNode);
         this._svgDefs = select(svg).select("defs");
+        this._centroidFilter = new 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("tooltipHeight", 128, "number", "Tooltip width (pixels)
 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 @@ function graphviz(dot, engine, _scriptDir) {
     });
 }
 
-// , 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.createElement(React.Fragment, null,
-        React.createElement("path", { d: path, stroke: color, style: { strokeWidth: strokeWidth, strokeDasharray: strokeDasharray } }),
-        label && labelPos && labelPos.length === 2 ?
-            React.createElement("g", { transform: "translate(".concat(labelPos[0], " ").concat(labelPos[1], ")") },
-                React.createElement(Text$1, { text: label, fill: labelFill, height: labelHeight })) : undefined);
-};
-
 function adapter(reactRenderer) {
     return function (props, element) { return render(reactRenderer, props, element); };
 }
@@ -18638,6 +18630,16 @@ var GraphReactT = /** @class */ (function (_super) {
     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.createElement(React.Fragment, null,
+        React.createElement("path", { d: path, stroke: color, style: { strokeWidth: strokeWidth, strokeDasharray: strokeDasharray } }),
+        label && labelPos && labelPos.length === 2 ?
+            React.createElement("g", { transform: "translate(".concat(labelPos[0], " ").concat(labelPos[1], ")") },
+                React.createElement(Text$1, { text: label, fill: labelFill, height: labelHeight })) : undefined);
+};
+
 var Graph2 = /** @class */ (function (_super) {
     __extends(Graph2, _super);
     function Graph2() {
@@ -18692,7 +18694,6 @@ var Graph2 = /** @class */ (function (_super) {
     };
     Graph2.prototype.enter = function (domNode, element) {
         _super.prototype.enter.call(this, domNode, element);
-        this._centroidFilter = new 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("vertexIconPadding", 10, "number", "Vertex Icon Padding
 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");
@@ -19389,5 +19389,5 @@ var BasicVertex = function (_a) {
             React.createElement(Text$1, { text: text, fill: textFill, height: textHeight })));
 };
 
-export { AdjacencyGraph, Annotation, AnnotationColumn, BUILD_VERSION, BasicEdge, BasicSubgraph, BasicVertex, DataGraph, Edge, Graph, Graph2, GraphT, PKG_NAME, PKG_VERSION, Sankey, SankeyColumn, SankeyGraph, Subgraph, Vertex, graphviz, toJsonObj };
+export { AdjacencyGraph, Annotation, AnnotationColumn, BUILD_VERSION, BasicEdge, BasicSubgraph, BasicVertex, DataGraph, Edge, Graph, Graph2, GraphReactT, GraphT, PKG_NAME, PKG_VERSION, Sankey, SankeyColumn, SankeyGraph, Subgraph, Vertex, graphviz, toJsonObj };
 //# sourceMappingURL=index.es6.js.map