@hpcc-js/graph 2.83.1 → 2.84.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es6.js +1145 -266
- package/dist/index.es6.js.map +1 -1
- package/dist/index.js +1146 -262
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +9 -8
- package/src/__package__.ts +2 -2
- package/src/graph2/dataGraph.ts +27 -25
- package/src/graph2/edge.tsx +30 -0
- package/src/graph2/graph.ts +46 -1311
- package/src/graph2/graphReactT.ts +43 -0
- package/src/graph2/graphT.ts +1315 -0
- package/src/graph2/index.ts +5 -0
- package/src/graph2/layouts/dagre.ts +17 -4
- package/src/graph2/layouts/forceDirected.ts +2 -2
- package/src/graph2/layouts/graphviz.ts +1 -1
- package/src/graph2/layouts/graphvizWorker.ts +2 -2
- package/src/graph2/layouts/placeholders.ts +46 -37
- package/src/graph2/layouts/tree.ts +1 -1
- package/src/graph2/sankeyGraph.ts +8 -12
- package/src/graph2/subgraph.tsx +30 -0
- package/src/graph2/vertex.tsx +31 -0
- package/types/__package__.d.ts +2 -2
- package/types/graph2/dataGraph.d.ts +4 -4
- package/types/graph2/dataGraph.d.ts.map +1 -1
- package/types/graph2/edge.d.ts +9 -0
- package/types/graph2/edge.d.ts.map +1 -0
- package/types/graph2/graph.d.ts +25 -234
- package/types/graph2/graph.d.ts.map +1 -1
- package/types/graph2/graphReactT.d.ts +15 -0
- package/types/graph2/graphReactT.d.ts.map +1 -0
- package/types/graph2/graphT.d.ts +233 -0
- package/types/graph2/graphT.d.ts.map +1 -0
- package/types/graph2/index.d.ts +5 -0
- package/types/graph2/index.d.ts.map +1 -1
- package/types/graph2/layouts/dagre.d.ts.map +1 -1
- package/types/graph2/layouts/placeholders.d.ts +44 -37
- package/types/graph2/layouts/placeholders.d.ts.map +1 -1
- package/types/graph2/sankeyGraph.d.ts +5 -5
- package/types/graph2/sankeyGraph.d.ts.map +1 -1
- package/types/graph2/subgraph.d.ts +12 -0
- package/types/graph2/subgraph.d.ts.map +1 -0
- package/types/graph2/vertex.d.ts +13 -0
- package/types/graph2/vertex.d.ts.map +1 -0
- package/types-3.4/__package__.d.ts +2 -2
- package/types-3.4/graph2/dataGraph.d.ts +4 -4
- package/types-3.4/graph2/edge.d.ts +9 -0
- package/types-3.4/graph2/graph.d.ts +25 -234
- package/types-3.4/graph2/graphReactT.d.ts +15 -0
- package/types-3.4/graph2/graphT.d.ts +233 -0
- package/types-3.4/graph2/index.d.ts +5 -0
- package/types-3.4/graph2/layouts/placeholders.d.ts +47 -37
- package/types-3.4/graph2/sankeyGraph.d.ts +5 -5
- package/types-3.4/graph2/subgraph.d.ts +12 -0
- package/types-3.4/graph2/vertex.d.ts +13 -0
|
@@ -1,57 +1,66 @@
|
|
|
1
1
|
import { Selection } from "@hpcc-js/common";
|
|
2
|
-
import { Edge, Subgraph, Vertex } from "@hpcc-js/react";
|
|
3
2
|
|
|
4
|
-
export interface
|
|
5
|
-
id: string;
|
|
3
|
+
export interface BaseProps {
|
|
4
|
+
id: string | number;
|
|
6
5
|
origData?: any;
|
|
7
6
|
}
|
|
8
7
|
|
|
9
|
-
export interface
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
export interface VertexProps extends BaseProps {
|
|
9
|
+
text: string;
|
|
10
|
+
categoryID?: string;
|
|
12
11
|
centroid?: boolean;
|
|
13
12
|
hidden?: boolean;
|
|
14
13
|
tooltip?: string;
|
|
14
|
+
annotationIDs?: string[];
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export interface SubgraphProps extends BaseProps {
|
|
18
|
+
text: string;
|
|
19
|
+
width?: number;
|
|
20
|
+
height?: number;
|
|
15
21
|
}
|
|
16
22
|
|
|
17
|
-
export
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
23
|
+
export type Point = [number, number];
|
|
24
|
+
|
|
25
|
+
export interface EdgeProps extends BaseProps {
|
|
26
|
+
source: VertexProps;
|
|
27
|
+
target: VertexProps;
|
|
21
28
|
label?: string;
|
|
29
|
+
labelPos?: Point;
|
|
30
|
+
weight?: number;
|
|
31
|
+
strokeDasharray?: string;
|
|
32
|
+
strokeWidth?: number;
|
|
22
33
|
color?: string;
|
|
23
34
|
fontFamily?: string;
|
|
24
|
-
origData?: any;
|
|
25
35
|
}
|
|
26
36
|
|
|
27
|
-
export interface
|
|
28
|
-
id: string;
|
|
29
|
-
parent:
|
|
30
|
-
child:
|
|
37
|
+
export interface HierarchyBase<SG extends SubgraphProps, V extends VertexProps> {
|
|
38
|
+
id: string | number;
|
|
39
|
+
parent: SG;
|
|
40
|
+
child: SG | V;
|
|
31
41
|
}
|
|
32
42
|
|
|
33
|
-
export interface IGraphData2 {
|
|
34
|
-
subgraphs?:
|
|
35
|
-
vertices:
|
|
36
|
-
edges:
|
|
37
|
-
hierarchy?:
|
|
43
|
+
export interface IGraphData2<SG extends SubgraphProps, V extends VertexProps, E extends EdgeProps> {
|
|
44
|
+
subgraphs?: SG[];
|
|
45
|
+
vertices: V[];
|
|
46
|
+
edges: E[];
|
|
47
|
+
hierarchy?: HierarchyBase<SG, V>[];
|
|
38
48
|
}
|
|
39
49
|
|
|
40
|
-
export interface SubgraphPlaceholder {
|
|
41
|
-
id: string;
|
|
42
|
-
element?: Selection<SVGGElement, SubgraphPlaceholder
|
|
43
|
-
props:
|
|
50
|
+
export interface SubgraphPlaceholder<SG extends SubgraphProps = SubgraphProps> {
|
|
51
|
+
id: string | number;
|
|
52
|
+
element?: Selection<SVGGElement, SubgraphPlaceholder<SG>, SVGGElement, any>;
|
|
53
|
+
props: SG;
|
|
44
54
|
|
|
45
55
|
// Dagre / Graphviz Properties ---
|
|
46
56
|
x?: number; // The node’s current x-position
|
|
47
57
|
y?: number; // The node’s current y-position
|
|
48
58
|
}
|
|
49
59
|
|
|
50
|
-
export interface VertexPlaceholder {
|
|
51
|
-
id: string;
|
|
52
|
-
element?: Selection<SVGGElement, VertexPlaceholder
|
|
53
|
-
props:
|
|
54
|
-
centroid?: boolean;
|
|
60
|
+
export interface VertexPlaceholder<V extends VertexProps = VertexProps> {
|
|
61
|
+
id: string | number;
|
|
62
|
+
element?: Selection<SVGGElement, VertexPlaceholder<V>, SVGGElement, any>;
|
|
63
|
+
props: V;
|
|
55
64
|
|
|
56
65
|
// D3 Assigned Properties ---
|
|
57
66
|
index?: number; // The node’s zero-based index into nodes
|
|
@@ -73,14 +82,14 @@ export interface VertexPlaceholder {
|
|
|
73
82
|
lng?: number;
|
|
74
83
|
}
|
|
75
84
|
|
|
76
|
-
export interface EdgePlaceholder {
|
|
77
|
-
id: string;
|
|
78
|
-
element?: Selection<SVGGElement, EdgePlaceholder, SVGGElement, any>;
|
|
79
|
-
elementPath?: Selection<SVGPathElement, EdgePlaceholder, SVGGElement, any>;
|
|
80
|
-
elementText?: Selection<SVGTextElement, EdgePlaceholder, SVGGElement, any>;
|
|
81
|
-
props:
|
|
82
|
-
source: VertexPlaceholder
|
|
83
|
-
target: VertexPlaceholder
|
|
85
|
+
export interface EdgePlaceholder<E extends EdgeProps = EdgeProps, V extends VertexProps = VertexProps> {
|
|
86
|
+
id: string | number;
|
|
87
|
+
element?: Selection<SVGGElement, EdgePlaceholder<E, V>, SVGGElement, any>;
|
|
88
|
+
elementPath?: Selection<SVGPathElement, EdgePlaceholder<E, V>, SVGGElement, any>;
|
|
89
|
+
elementText?: Selection<SVGTextElement, EdgePlaceholder<E, V>, SVGGElement, any>;
|
|
90
|
+
props: E;
|
|
91
|
+
source: VertexPlaceholder<V>; // The link’s source node
|
|
92
|
+
target: VertexPlaceholder<V>; // The link’s target node
|
|
84
93
|
|
|
85
94
|
// D3 Assigned Properties ---
|
|
86
95
|
index?: number; // The zero-based index into links, assigned by this method
|
|
@@ -3,9 +3,9 @@ import { compare2 } from "@hpcc-js/util";
|
|
|
3
3
|
import { sankey as d3Sankey, sankeyLinkHorizontal as d3SankeyLinkHorizontal } from "d3-sankey";
|
|
4
4
|
import { select as d3Select } from "d3-selection";
|
|
5
5
|
import { AnnotationColumn, toJsonObj } from "./dataGraph";
|
|
6
|
-
import { IEdge, IVertex } from "./graph";
|
|
7
6
|
|
|
8
7
|
import "../../src/graph2/sankeyGraph.css";
|
|
8
|
+
import { EdgeProps, VertexProps } from "./graphT";
|
|
9
9
|
|
|
10
10
|
export class SankeyGraph extends SVGWidget {
|
|
11
11
|
@publish([], "any", "Vertex Columns", null, { internal: true })
|
|
@@ -55,9 +55,9 @@ export class SankeyGraph extends SVGWidget {
|
|
|
55
55
|
this._drawStartPos = "origin";
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
private _prevVertices: readonly
|
|
59
|
-
private _masterVertices:
|
|
60
|
-
private _masterVerticesMap: { [key: string]:
|
|
58
|
+
private _prevVertices: readonly VertexProps[] = [];
|
|
59
|
+
private _masterVertices: VertexProps[] = [];
|
|
60
|
+
private _masterVerticesMap: { [key: string]: VertexProps } = {};
|
|
61
61
|
mergeVertices() {
|
|
62
62
|
const columns = this.vertexColumns();
|
|
63
63
|
const annotationColumns = this.vertexAnnotationColumns();
|
|
@@ -65,10 +65,9 @@ export class SankeyGraph extends SVGWidget {
|
|
|
65
65
|
const idIdx = this.indexOf(columns, this.vertexIDColumn(), "id");
|
|
66
66
|
const labelIdx = this.indexOf(columns, this.vertexLabelColumn(), "label");
|
|
67
67
|
const centroidIdx = this.indexOf(columns, this.vertexCentroidColumn(), "centroid");
|
|
68
|
-
const faCharIdx = this.indexOf(columns, this.vertexFACharColumn(), "faChar");
|
|
69
68
|
const vertexTooltipIdx = this.indexOf(columns, this.vertexTooltipColumn(), "tooltip");
|
|
70
69
|
const annotationIdxs = annotationColumns.map(ac => this.indexOf(columns, ac.columnID(), ""));
|
|
71
|
-
const vertices:
|
|
70
|
+
const vertices: VertexProps[] = this.vertices().map((v): VertexProps => {
|
|
72
71
|
return {
|
|
73
72
|
categoryID: "" + v[catIdx],
|
|
74
73
|
id: "" + v[idIdx],
|
|
@@ -76,9 +75,6 @@ export class SankeyGraph extends SVGWidget {
|
|
|
76
75
|
tooltip: "" + v[vertexTooltipIdx],
|
|
77
76
|
origData: toJsonObj(v, columns),
|
|
78
77
|
centroid: !!v[centroidIdx],
|
|
79
|
-
icon: {
|
|
80
|
-
imageChar: "" + (v[faCharIdx] || this.vertexFAChar())
|
|
81
|
-
},
|
|
82
78
|
annotationIDs: annotationIdxs.map((ai, i) => !!v[ai] ? annotationColumns[i].annotationID() : undefined).filter(a => !!a)
|
|
83
79
|
};
|
|
84
80
|
});
|
|
@@ -98,8 +94,8 @@ export class SankeyGraph extends SVGWidget {
|
|
|
98
94
|
return retVal >= 0 ? retVal : columns.indexOf(defColumn);
|
|
99
95
|
}
|
|
100
96
|
|
|
101
|
-
protected _prevEdges: readonly
|
|
102
|
-
protected _masterEdges:
|
|
97
|
+
protected _prevEdges: readonly EdgeProps[] = [];
|
|
98
|
+
protected _masterEdges: EdgeProps[] = [];
|
|
103
99
|
mergeEdges() {
|
|
104
100
|
const columns = this.edgeColumns();
|
|
105
101
|
const idIdx = this.indexOf(columns, this.edgeIDColumn(), "id");
|
|
@@ -107,7 +103,7 @@ export class SankeyGraph extends SVGWidget {
|
|
|
107
103
|
const targetIdx = this.indexOf(columns, this.edgeTargetColumn(), "target");
|
|
108
104
|
const labelIdx = this.indexOf(columns, this.edgeLabelColumn(), "label");
|
|
109
105
|
const weightIdx = this.indexOf(columns, this.edgeWeightColumn(), "weight");
|
|
110
|
-
const edges:
|
|
106
|
+
const edges: EdgeProps[] = this.edges().map(e => {
|
|
111
107
|
const source = this._masterVerticesMap["" + e[sourceIdx]];
|
|
112
108
|
if (!source) console.error(`Invalid edge source entity "${e[sourceIdx]}" does not exist.`);
|
|
113
109
|
const target = this._masterVerticesMap["" + e[targetIdx]];
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
// , Shape, Text,
|
|
2
|
+
import { React, Text } from "@hpcc-js/react";
|
|
3
|
+
import { SubgraphProps } from "./layouts/placeholders";
|
|
4
|
+
|
|
5
|
+
export interface BasicSubgraphProps extends SubgraphProps {
|
|
6
|
+
label?: string;
|
|
7
|
+
labelFill?: string;
|
|
8
|
+
labelHeight?: number,
|
|
9
|
+
rectFill?: string;
|
|
10
|
+
rectStroke?: string;
|
|
11
|
+
rectStrokeWidth?: number;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
export const BasicSubgraph: React.FunctionComponent<BasicSubgraphProps> = ({
|
|
15
|
+
label = "",
|
|
16
|
+
labelFill = "black",
|
|
17
|
+
labelHeight = 12,
|
|
18
|
+
width = 0,
|
|
19
|
+
height = 0,
|
|
20
|
+
rectFill: fill,
|
|
21
|
+
rectStroke: stroke = "#627ae7",
|
|
22
|
+
rectStrokeWidth: strokeWidth = 2
|
|
23
|
+
}) => {
|
|
24
|
+
return <g transform={`translate(${-width / 2} ${-height / 2})`}>
|
|
25
|
+
<rect width={width} height={height} fill={fill} stroke={stroke} style={{ strokeWidth }} />
|
|
26
|
+
<g transform={`translate(8 ${8 + labelHeight})`}>
|
|
27
|
+
<Text text={label} fill={labelFill} height={labelHeight} />
|
|
28
|
+
</g>
|
|
29
|
+
</g>;
|
|
30
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
// , Shape, Text,
|
|
2
|
+
import { React, Text } from "@hpcc-js/react";
|
|
3
|
+
import { VertexProps } from "./layouts/placeholders";
|
|
4
|
+
|
|
5
|
+
export interface BasicVertexProps extends VertexProps {
|
|
6
|
+
textFill?: string;
|
|
7
|
+
textHeight?: number,
|
|
8
|
+
scale?: number,
|
|
9
|
+
circleRadius?: number,
|
|
10
|
+
circleFill?: string,
|
|
11
|
+
circleStroke?: string,
|
|
12
|
+
circleStrokeWidth?: number
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export const BasicVertex: React.FunctionComponent<BasicVertexProps> = ({
|
|
16
|
+
text,
|
|
17
|
+
textFill = "black",
|
|
18
|
+
textHeight = 12,
|
|
19
|
+
scale = 1,
|
|
20
|
+
circleRadius = 16,
|
|
21
|
+
circleFill = "#a2bcf9",
|
|
22
|
+
circleStroke = "#627ae7",
|
|
23
|
+
circleStrokeWidth = 2
|
|
24
|
+
}) => {
|
|
25
|
+
return <g transform={`scale(${scale})`}>
|
|
26
|
+
<circle cx="0" cy="0" r={circleRadius} fill={circleFill} stroke={circleStroke} style={{ strokeWidth: circleStrokeWidth }} />
|
|
27
|
+
<g transform={`translate(0 ${circleRadius + textHeight})`}>
|
|
28
|
+
<Text text={text} fill={textFill} height={textHeight}></Text>
|
|
29
|
+
</g>
|
|
30
|
+
</g>;
|
|
31
|
+
};
|
package/types/__package__.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const PKG_NAME = "@hpcc-js/graph";
|
|
2
|
-
export declare const PKG_VERSION = "2.
|
|
3
|
-
export declare const BUILD_VERSION = "2.104.
|
|
2
|
+
export declare const PKG_VERSION = "2.84.0";
|
|
3
|
+
export declare const BUILD_VERSION = "2.104.8";
|
|
4
4
|
//# sourceMappingURL=__package__.d.ts.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropertyExt, publish, Widget } from "@hpcc-js/common";
|
|
2
2
|
import { Graph2 } from "./graph";
|
|
3
|
-
import {
|
|
4
|
-
export declare function toJsonObj(row: any, columns: any):
|
|
3
|
+
import { BasicEdgeProps } from "./edge";
|
|
4
|
+
export declare function toJsonObj<T>(row: any, columns: any): T;
|
|
5
5
|
export declare class AnnotationColumn extends PropertyExt {
|
|
6
6
|
columnID: publish<this, string>;
|
|
7
7
|
annotationID: publish<this, string>;
|
|
@@ -49,8 +49,8 @@ export declare class DataGraph extends Graph2 {
|
|
|
49
49
|
private _masterVertices;
|
|
50
50
|
private _masterVerticesMap;
|
|
51
51
|
mergeVertices(): void;
|
|
52
|
-
protected _prevEdges: readonly
|
|
53
|
-
protected _masterEdges:
|
|
52
|
+
protected _prevEdges: readonly BasicEdgeProps[];
|
|
53
|
+
protected _masterEdges: BasicEdgeProps[];
|
|
54
54
|
private _masterEdgesMap;
|
|
55
55
|
mergeEdges(): void;
|
|
56
56
|
private _prevHierarchy;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dataGraph.d.ts","sourceRoot":"","sources":["../../src/graph2/dataGraph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"dataGraph.d.ts","sourceRoot":"","sources":["../../src/graph2/dataGraph.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { React } from "@hpcc-js/react";
|
|
2
|
+
import { EdgeProps as EdgeProps } from "./layouts/placeholders";
|
|
3
|
+
export interface BasicEdgeProps extends EdgeProps {
|
|
4
|
+
labelFill?: string;
|
|
5
|
+
labelHeight?: number;
|
|
6
|
+
path?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const BasicEdge: React.FunctionComponent<BasicEdgeProps>;
|
|
9
|
+
//# sourceMappingURL=edge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"edge.d.ts","sourceRoot":"","sources":["../../src/graph2/edge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAQ,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,SAAS,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAmB7D,CAAC"}
|
package/types/graph2/graph.d.ts
CHANGED
|
@@ -1,156 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import "d3-transition";
|
|
6
|
-
import { ILayout } from "./layouts/index";
|
|
7
|
-
import { Options as FDOptions } from "./layouts/forceDirectedWorker";
|
|
8
|
-
import type { IEdge, IGraphData2, IHierarchy, ISubgraph, IVertex } from "./layouts/placeholders";
|
|
9
|
-
import { EdgePlaceholder, SubgraphPlaceholder, VertexPlaceholder } from "./layouts/placeholders";
|
|
10
|
-
import { Engine } from "./layouts/graphvizWorker";
|
|
11
|
-
import "../../src/graph2/graph.css";
|
|
12
|
-
export { IGraphData2, ISubgraph, IVertex, IEdge, IHierarchy };
|
|
13
|
-
declare type GraphLayoutType = "Hierarchy" | "DOT" | "Tree" | "Dendrogram" | "RadialTree" | "RadialDendrogram" | "ForceDirected" | "ForceDirected2" | "ForceDirectedHybrid" | "Neato" | "FDP" | "Circle" | "TwoPI" | "Circo" | "None";
|
|
14
|
-
export declare class Graph2 extends SVGZoomWidget {
|
|
15
|
-
private _toggleHierarchy;
|
|
16
|
-
private _toggleForceDirected;
|
|
17
|
-
private _toggleForceDirected2;
|
|
18
|
-
private _toggleCircle;
|
|
19
|
-
private _toggleDot;
|
|
20
|
-
private _toggleNeato;
|
|
21
|
-
private _toggleFDP;
|
|
22
|
-
private _toggleTwoPI;
|
|
23
|
-
private _toggleCirco;
|
|
24
|
-
private _toggleT;
|
|
25
|
-
private _toggleRT;
|
|
26
|
-
private _toggleD;
|
|
27
|
-
private _toggleRD;
|
|
28
|
-
protected _graphData: GraphCollection<VertexPlaceholder, EdgePlaceholder, SubgraphPlaceholder>;
|
|
29
|
-
protected _prevDoClickTime: number;
|
|
30
|
-
protected _centroidFilter: SVGGlowFilter;
|
|
31
|
-
protected _svgDefsAnn: any;
|
|
32
|
-
protected _svgDefsCat: any;
|
|
33
|
-
protected _subgraphG: Selection<SVGGElement, any, SVGGElement, any>;
|
|
34
|
-
protected _edgeG: Selection<SVGGElement, any, SVGGElement, any>;
|
|
35
|
-
protected _vertexG: Selection<SVGGElement, any, SVGGElement, any>;
|
|
36
|
-
protected _tooltip: HTMLTooltip;
|
|
37
|
-
protected _selection: Utility.SelectionBag;
|
|
38
|
-
private _dragHandler;
|
|
39
|
-
protected _catPalette: Palette.OrdinalPaletteFunc;
|
|
40
|
-
_svgDefs: any;
|
|
1
|
+
import { React, SubgraphProps, VertexProps } from "@hpcc-js/react";
|
|
2
|
+
import { BasicEdgeProps } from "./edge";
|
|
3
|
+
import { GraphReactT } from "./graphReactT";
|
|
4
|
+
export declare class Graph2 extends GraphReactT<SubgraphProps, VertexProps, BasicEdgeProps> {
|
|
41
5
|
constructor();
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
categories(_: IconEx[]): this;
|
|
50
|
-
protected _annotations: IconEx[];
|
|
51
|
-
annotations(): IconEx[];
|
|
52
|
-
annotations(_: IconEx[]): this;
|
|
53
|
-
private _origData;
|
|
54
|
-
data(): IGraphData2;
|
|
55
|
-
data(_: IGraphData2, merge?: boolean): this;
|
|
56
|
-
selected(vertex: IVertex, _?: Array<IVertex>): boolean;
|
|
57
|
-
selection(_: Array<IVertex | ISubgraph | IEdge>): this;
|
|
58
|
-
selection(): Array<IVertex | ISubgraph | IEdge>;
|
|
59
|
-
graphData(): GraphCollection<VertexPlaceholder, EdgePlaceholder>;
|
|
60
|
-
resetLayout(): this;
|
|
61
|
-
layoutRunning(): boolean;
|
|
62
|
-
protected _layoutAlgo: ILayout;
|
|
63
|
-
layoutAlgo(layout: ILayout): Promise<void>;
|
|
64
|
-
layoutClick(layout: GraphLayoutType): void;
|
|
65
|
-
updateIconBarItem(tb: ToggleButton, tbLayout: GraphLayoutType): void;
|
|
66
|
-
updateIconBar(): void;
|
|
67
|
-
getNeighborMap(vertex: VertexPlaceholder): {
|
|
68
|
-
vertices: {};
|
|
69
|
-
edges: {};
|
|
70
|
-
};
|
|
71
|
-
centerOnItem(id: string): void;
|
|
72
|
-
hideVertex(id: string): this;
|
|
73
|
-
showVertex(id: string): this;
|
|
74
|
-
protected highlight: {
|
|
75
|
-
zoom: number;
|
|
76
|
-
opacity: number;
|
|
77
|
-
edge: string;
|
|
78
|
-
};
|
|
79
|
-
highlightVerticies(vertexMap?: {
|
|
80
|
-
[id: string]: boolean;
|
|
81
|
-
}): this;
|
|
82
|
-
highlightEdges(edgeMap: any): this;
|
|
83
|
-
highlightVertex(_element: any, d: VertexPlaceholder): void;
|
|
84
|
-
highlightEdge(_element: any, d: EdgePlaceholder): void;
|
|
85
|
-
moveSubgraphPlaceholder(sp: SubgraphPlaceholder, transition: boolean): this;
|
|
86
|
-
moveEdgePlaceholder(ep: EdgePlaceholder, transition: boolean): this;
|
|
87
|
-
moveVertexPlaceholder(vp: VertexPlaceholder, transition: boolean, moveNeighbours: boolean): this;
|
|
88
|
-
moveSubgraphs(transition: boolean): this;
|
|
89
|
-
moveEdges(transition: boolean): this;
|
|
90
|
-
moveVertices(transition: boolean): this;
|
|
91
|
-
project(pos: number, clip?: boolean): number;
|
|
92
|
-
rproject(pos: number): number;
|
|
93
|
-
projectPlacholder(vp: VertexPlaceholder): {
|
|
94
|
-
x: number;
|
|
95
|
-
y: number;
|
|
96
|
-
};
|
|
97
|
-
categoryID(id: string | number, prefix?: "cat" | "ann"): string;
|
|
98
|
-
updateCategories(): void;
|
|
99
|
-
updateAnnotations(): void;
|
|
100
|
-
updateEdges(): this;
|
|
101
|
-
private _centroidRenderer;
|
|
102
|
-
centroidRenderer(): React.FunctionComponent;
|
|
103
|
-
centroidRenderer(_: React.FunctionComponent): this;
|
|
104
|
-
private _vertexRenderer;
|
|
105
|
-
vertexRenderer(): React.FunctionComponent;
|
|
106
|
-
vertexRenderer(_: React.FunctionComponent): this;
|
|
107
|
-
vertexMapper(props: IVertex, origRow: any): Vertex | IVertex3;
|
|
108
|
-
updateVertices(): this;
|
|
109
|
-
calcProps(isCentroid: boolean, props: any): any;
|
|
110
|
-
hasSubgraphs(): boolean;
|
|
111
|
-
updateSubgraphs(): this;
|
|
6
|
+
calcProps(_props: VertexProps): VertexProps;
|
|
7
|
+
protected _reactVertexRenderer2: React.FunctionComponent<VertexProps>;
|
|
8
|
+
vertexRenderer(): React.FunctionComponent<VertexProps>;
|
|
9
|
+
vertexRenderer(_: React.FunctionComponent<VertexProps>): this;
|
|
10
|
+
protected _reactCentroidRenderer: React.FunctionComponent<VertexProps>;
|
|
11
|
+
centroidRenderer(): React.FunctionComponent<VertexProps>;
|
|
12
|
+
centroidRenderer(_: React.FunctionComponent<VertexProps>): this;
|
|
112
13
|
enter(domNode: any, element: any): void;
|
|
113
|
-
protected forceDirectedOptions(): FDOptions;
|
|
114
|
-
private layoutOptions;
|
|
115
|
-
private _prevLayout;
|
|
116
|
-
updateLayout(): void;
|
|
117
14
|
update(domNode: any, element: any): void;
|
|
118
|
-
exit(domNode: any, element: any): void;
|
|
119
|
-
render(callback?: (w: Widget) => void): this;
|
|
120
|
-
private _prevWidth;
|
|
121
|
-
private _prevHeight;
|
|
122
|
-
private _prevTransformScale;
|
|
123
|
-
private _transformScale;
|
|
124
|
-
zoomed(transform: any): void;
|
|
125
|
-
centroids(): VertexPlaceholder[];
|
|
126
|
-
selectionChanged(): void;
|
|
127
|
-
tooltipHTML(data: any): any;
|
|
128
|
-
subgraph_click(row: any, _col: any, sel: any): void;
|
|
129
|
-
vertex_click(row: any, _col: any, sel: any, data: any): void;
|
|
130
|
-
vertex_dblclick(row: any, _col: any, sel: any, data: any): void;
|
|
131
|
-
vertex_mousein(row: any, _col: any, sel: any, data: any): void;
|
|
132
|
-
vertex_mouseover(row: any, _col: any, sel: any, data: any): void;
|
|
133
|
-
vertex_mouseout(row: any, _col: any, sel: any, data: any): void;
|
|
134
|
-
edge_click(row: any, _col: any, sel: any): void;
|
|
135
|
-
edge_mouseover(element: any, d: any): void;
|
|
136
|
-
edge_mouseout(_element: any, _d: any): void;
|
|
137
|
-
progress(what: "start" | "stop" | "layout-start" | "layout-tick" | "layout-stop"): void;
|
|
138
15
|
}
|
|
139
16
|
export interface Graph2 {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
17
|
+
vertexTextHeight(): number;
|
|
18
|
+
vertexTextHeight(_: number): this;
|
|
19
|
+
vertexTextPadding(): number;
|
|
20
|
+
vertexTextPadding(_: number): this;
|
|
21
|
+
vertexIconHeight(): number;
|
|
22
|
+
vertexIconHeight(_: number): this;
|
|
23
|
+
vertexIconPadding(): number;
|
|
24
|
+
vertexIconPadding(_: number): this;
|
|
25
|
+
vertexIconStrokeWidth(): number;
|
|
26
|
+
vertexIconStrokeWidth(_: number): this;
|
|
27
|
+
vertexIconFontFamily(): string;
|
|
28
|
+
vertexIconFontFamily(_: string): this;
|
|
29
|
+
vertexLabelFontFamily(): string;
|
|
30
|
+
vertexLabelFontFamily(_: string): this;
|
|
154
31
|
centroidColor(): string;
|
|
155
32
|
centroidColor(_: string): this;
|
|
156
33
|
centroidScale(): number;
|
|
@@ -169,91 +46,5 @@ export interface Graph2 {
|
|
|
169
46
|
centroidIconFontFamily(_: string): this;
|
|
170
47
|
centroidLabelFontFamily(): string;
|
|
171
48
|
centroidLabelFontFamily(_: string): this;
|
|
172
|
-
vertexTextHeight(): number;
|
|
173
|
-
vertexTextHeight(_: number): this;
|
|
174
|
-
vertexTextPadding(): number;
|
|
175
|
-
vertexTextPadding(_: number): this;
|
|
176
|
-
vertexIconHeight(): number;
|
|
177
|
-
vertexIconHeight(_: number): this;
|
|
178
|
-
vertexIconPadding(): number;
|
|
179
|
-
vertexIconPadding(_: number): this;
|
|
180
|
-
vertexIconStrokeWidth(): number;
|
|
181
|
-
vertexIconStrokeWidth(_: number): this;
|
|
182
|
-
vertexIconFontFamily(): string;
|
|
183
|
-
vertexIconFontFamily(_: string): this;
|
|
184
|
-
vertexLabelFontFamily(): string;
|
|
185
|
-
vertexLabelFontFamily(_: string): this;
|
|
186
|
-
highlightSelectedPathToCentroid(): boolean;
|
|
187
|
-
highlightSelectedPathToCentroid(_: boolean): this;
|
|
188
|
-
edgeArcDepth(): number;
|
|
189
|
-
edgeArcDepth(_: number): this;
|
|
190
|
-
minScale(): number;
|
|
191
|
-
minScale(_: number): this;
|
|
192
|
-
maxScale(): number;
|
|
193
|
-
maxScale(_: number): this;
|
|
194
|
-
showEdgeLabels(): boolean;
|
|
195
|
-
showEdgeLabels(_: boolean): this;
|
|
196
|
-
showEdgeLabelsOnHighlight(): boolean;
|
|
197
|
-
showEdgeLabelsOnHighlight(_: boolean): this;
|
|
198
|
-
showVertexLabels(): boolean;
|
|
199
|
-
showVertexLabels(_: boolean): this;
|
|
200
|
-
showVertexLabelsOnHighlight(): boolean;
|
|
201
|
-
showVertexLabelsOnHighlight(_: boolean): this;
|
|
202
|
-
hierarchyRankDirection(): "TB" | "BT" | "LR" | "RL";
|
|
203
|
-
hierarchyRankDirection(_: "TB" | "BT" | "LR" | "RL"): this;
|
|
204
|
-
hierarchyNodeSeparation(): number;
|
|
205
|
-
hierarchyNodeSeparation(_: number): this;
|
|
206
|
-
hierarchyEdgeSeparation(): number;
|
|
207
|
-
hierarchyEdgeSeparation(_: number): this;
|
|
208
|
-
hierarchyRankSeparation(): number;
|
|
209
|
-
hierarchyRankSeparation(_: number): this;
|
|
210
|
-
hierarchyDigraph(): boolean;
|
|
211
|
-
hierarchyDigraph(_: boolean): this;
|
|
212
|
-
forceDirectedAlpha(): number;
|
|
213
|
-
forceDirectedAlpha(_: number): this;
|
|
214
|
-
forceDirectedAlphaMin(): number;
|
|
215
|
-
forceDirectedAlphaMin(_: number): this;
|
|
216
|
-
forceDirectedAlphaDecay(): number;
|
|
217
|
-
forceDirectedAlphaDecay(_: number): this;
|
|
218
|
-
forceDirectedRepulsionStrength(): number;
|
|
219
|
-
forceDirectedRepulsionStrength(_: number): this;
|
|
220
|
-
forceDirectedVelocityDecay(): number;
|
|
221
|
-
forceDirectedVelocityDecay(_: number): this;
|
|
222
|
-
forceDirectedIterations(): number;
|
|
223
|
-
forceDirectedIterations(_: number): this;
|
|
224
|
-
forceDirectedLinkDistance(): number;
|
|
225
|
-
forceDirectedLinkDistance(_: number): this;
|
|
226
|
-
forceDirectedLinkStrength(): number;
|
|
227
|
-
forceDirectedLinkStrength(_: number): this;
|
|
228
|
-
forceDirectedPinCentroid(): boolean;
|
|
229
|
-
forceDirectedPinCentroid(_: boolean): this;
|
|
230
|
-
forceDirectedForceStrength(): number;
|
|
231
|
-
forceDirectedForceStrength(_: number): this;
|
|
232
|
-
forceDirectedMinDistance(): number;
|
|
233
|
-
forceDirectedMinDistance(_: number): this;
|
|
234
|
-
forceDirectedMaxDistance(): number;
|
|
235
|
-
forceDirectedMaxDistance(_: number): this;
|
|
236
|
-
treeRankDirection(): "TB" | "LR";
|
|
237
|
-
treeRankDirection(_: "TB" | "LR"): this;
|
|
238
|
-
edgeColor(): string;
|
|
239
|
-
edgeColor(_: string): this;
|
|
240
|
-
edgeStrokeWidth(): number;
|
|
241
|
-
edgeStrokeWidth(_: number): this;
|
|
242
|
-
tooltipWidth(): number;
|
|
243
|
-
tooltipWidth(_: number): this;
|
|
244
|
-
tooltipHeight(): number;
|
|
245
|
-
tooltipHeight(_: number): this;
|
|
246
|
-
enableTooltipPointerEvents(): boolean;
|
|
247
|
-
enableTooltipPointerEvents(_: boolean): this;
|
|
248
|
-
tooltipCloseDelay(): number;
|
|
249
|
-
tooltipCloseDelay(_: number): this;
|
|
250
|
-
doubleClickMaxDelay(): number;
|
|
251
|
-
doubleClickMaxDelay(_: number): this;
|
|
252
|
-
wasmFolder(): string;
|
|
253
|
-
wasmFolder(_: string): this;
|
|
254
49
|
}
|
|
255
|
-
export declare function graphviz(dot: string, engine?: Engine, _wasmFolder?: string): {
|
|
256
|
-
terminate: () => void;
|
|
257
|
-
response: Promise<string>;
|
|
258
|
-
};
|
|
259
50
|
//# sourceMappingURL=graph.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/graph2/graph.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/graph2/graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAY,aAAa,EAAU,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAa,cAAc,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,qBAAa,MAAO,SAAQ,WAAW,CAAC,aAAa,EAAE,WAAW,EAAE,cAAc,CAAC;;IAW/E,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,WAAW;IA6B3C,SAAS,CAAC,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACtE,cAAc,IAAI,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC;IACtD,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,IAAI;IAO7D,SAAS,CAAC,sBAAsB,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACvE,gBAAgB,IAAI,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC;IACxD,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,IAAI;IAO/D,KAAK,CAAC,OAAO,KAAA,EAAE,OAAO,KAAA;IAItB,MAAM,CAAC,OAAO,KAAA,EAAE,OAAO,KAAA;CAI1B;AAGD,MAAM,WAAW,MAAM;IACnB,gBAAgB,IAAI,MAAM,CAAC;IAC3B,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,IAAI,MAAM,CAAC;IAC5B,iBAAiB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,gBAAgB,IAAI,MAAM,CAAC;IAC3B,gBAAgB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,IAAI,MAAM,CAAC;IAC5B,iBAAiB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,qBAAqB,IAAI,MAAM,CAAC;IAChC,qBAAqB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,oBAAoB,IAAI,MAAM,CAAC;IAC/B,oBAAoB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,qBAAqB,IAAI,MAAM,CAAC;IAChC,qBAAqB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvC,aAAa,IAAI,MAAM,CAAC;IACxB,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,IAAI,MAAM,CAAC;IACxB,aAAa,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kBAAkB,IAAI,MAAM,CAAC;IAC7B,kBAAkB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,mBAAmB,IAAI,MAAM,CAAC;IAC9B,mBAAmB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,IAAI,MAAM,CAAC;IAC7B,kBAAkB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,mBAAmB,IAAI,MAAM,CAAC;IAC9B,mBAAmB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,uBAAuB,IAAI,MAAM,CAAC;IAClC,uBAAuB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,sBAAsB,IAAI,MAAM,CAAC;IACjC,sBAAsB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,uBAAuB,IAAI,MAAM,CAAC;IAClC,uBAAuB,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { React, SubgraphProps, VertexProps } from "@hpcc-js/react";
|
|
2
|
+
import { EdgeProps, GraphT } from "./graphT";
|
|
3
|
+
export declare class GraphReactT<SG extends SubgraphProps, V extends VertexProps, E extends EdgeProps> extends GraphT<SG, V, E> {
|
|
4
|
+
constructor(subgraphRenderer: React.FunctionComponent<SG>, vertexRenderer: React.FunctionComponent<V>, edgeRenderer: React.FunctionComponent<E>);
|
|
5
|
+
private _reactSubgraphRenderer;
|
|
6
|
+
subgraphRenderer(): React.FunctionComponent<SG>;
|
|
7
|
+
subgraphRenderer(_: React.FunctionComponent<SG>): this;
|
|
8
|
+
private _reactVertexRenderer;
|
|
9
|
+
vertexRenderer(): React.FunctionComponent<V>;
|
|
10
|
+
vertexRenderer(_: React.FunctionComponent<V>): this;
|
|
11
|
+
private _reactEdgeRenderer;
|
|
12
|
+
edgeRenderer(): React.FunctionComponent<E>;
|
|
13
|
+
edgeRenderer(_: React.FunctionComponent<E>): this;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=graphReactT.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graphReactT.d.ts","sourceRoot":"","sources":["../../src/graph2/graphReactT.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,EAAa,MAAM,UAAU,CAAC;AAMxD,qBAAa,WAAW,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,SAAS,CAAE,SAAQ,MAAM,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;gBAEvG,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAI/I,OAAO,CAAC,sBAAsB,CAA8B;IAC5D,gBAAgB,IAAI,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC/C,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI;IAQtD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,cAAc,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC5C,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,IAAI;IAQnD,OAAO,CAAC,kBAAkB,CAA6B;IACvD,YAAY,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC1C,YAAY,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,IAAI;CAOpD"}
|