@focus.matters/diagrams 0.2.1 → 0.3.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/INTEGRATION.md +40 -0
- package/LIFECYCLE.md +117 -0
- package/dist/{DirectedPoint-BSGh_PUt.js → DirectedPoint-DNhrnCXr.js} +2 -2
- package/dist/diagrams.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +16509 -26
- package/dist/index.umd.js +6 -6
- package/dist/src/Diagrams/components/objects/RenderEdge/types.d.ts +6 -3
- package/dist/src/Diagrams/components/objects/edgeLabelPlacement.d.ts +4 -1
- package/dist/src/Diagrams/components/objects/useEdgeLabelMeasurement.d.ts +4 -0
- package/dist/src/Diagrams/components/stopDiagramControlEvent.d.ts +11 -0
- package/dist/src/Diagrams/components/useDiagramPointerCapture.d.ts +14 -0
- package/dist/src/Diagrams/custom/agent/edges/AgentEdge.d.ts +6 -6
- package/dist/src/Diagrams/custom/agent/nodes/AgentNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmn/edges/BPMNEdge.d.ts +6 -6
- package/dist/src/Diagrams/custom/bpmn/extensions/BPMNModelerExtension.d.ts +2 -2
- package/dist/src/Diagrams/custom/bpmn/nodes/DocumentNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmn/nodes/EventNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmn/nodes/GateNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmn/nodes/Lanes/index.d.ts +8 -8
- package/dist/src/Diagrams/custom/bpmn/nodes/TaskNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmn/nodes/TextAnnotationNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmn/nodes/UnknownBPMNNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/BPMNExecutionEdge.d.ts +6 -6
- package/dist/src/Diagrams/custom/bpmnExecution/BPMNExecutionExtension.d.ts +1 -1
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionBlackBoxPoolNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionDataStoreNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionDocumentAnnotationNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionDocumentNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionEventNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionGateNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionTaskNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionTextAnnotationNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/bpmnExecution/nodes/BPMNExecutionUnknownNode.d.ts +7 -7
- package/dist/src/Diagrams/custom/communication/CommunicationDiagram.d.ts +2 -2
- package/dist/src/Diagrams/custom/editable/EditableNode.d.ts +2 -2
- package/dist/src/Diagrams/custom/mr/bindAttributeRelationshipHover.d.ts +3 -0
- package/dist/src/Diagrams/custom/mr/edges/MRForeignKeyEdge.d.ts +6 -6
- package/dist/src/Diagrams/custom/mr/extensions/MRModelerExtension.d.ts +1 -1
- package/dist/src/Diagrams/custom/mr/nodes/MRTableNode.d.ts +7 -7
- package/dist/src/Diagrams/store/Canvas.d.ts +45 -0
- package/dist/src/Diagrams/store/Diagram.d.ts +7 -1
- package/dist/src/Diagrams/store/revealDiagramNode.d.ts +10 -0
- package/dist/src/index.d.ts +40 -0
- package/package.json +11 -7
- package/dist/DirectedPoint-BSGh_PUt.js.map +0 -1
- package/dist/index-y4Eon_hl.js +0 -16196
- package/dist/index-y4Eon_hl.js.map +0 -1
- package/dist/index.es.js.map +0 -1
- package/dist/index.umd.js.map +0 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { Coordinates } from '../../../store/primitives/Coordinates';
|
|
3
|
-
import { EdgeArrowHead, EdgeLineStyle, EdgePathType } from '../../../store/types';
|
|
4
|
-
import { EdgePoint } from '../../../store/elements/EdgePoint';
|
|
5
2
|
import { Edge } from '../../../store/elements/Edge';
|
|
3
|
+
import { EdgePoint } from '../../../store/elements/EdgePoint';
|
|
6
4
|
import { AnyMouseEvent } from '../../../store/elements/Events';
|
|
5
|
+
import { Coordinates } from '../../../store/primitives/Coordinates';
|
|
6
|
+
import { EdgeArrowHead, EdgeLineStyle, EdgePathType } from '../../../store/types';
|
|
7
7
|
export interface RenderEdgeProps {
|
|
8
8
|
edge?: Edge;
|
|
9
9
|
points: (Coordinates | EdgePoint)[];
|
|
@@ -18,13 +18,16 @@ export interface RenderEdgeProps {
|
|
|
18
18
|
lineStyle?: EdgeLineStyle;
|
|
19
19
|
pathType?: EdgePathType;
|
|
20
20
|
draggable?: boolean;
|
|
21
|
+
selected?: boolean;
|
|
21
22
|
onMidpointMouseDown?: (p: Midpoint, ev: React.MouseEvent) => void;
|
|
22
23
|
onEndpointMouseDown?: (endpoint: "from" | "to", ev: React.MouseEvent) => void;
|
|
23
24
|
}
|
|
25
|
+
/** Represents the editable midpoint between two consecutive routed edge points. */
|
|
24
26
|
export declare class Midpoint extends Coordinates {
|
|
25
27
|
id: string;
|
|
26
28
|
edge: Edge;
|
|
27
29
|
points: [Coordinates, Coordinates];
|
|
28
30
|
constructor(id: string, edge: Edge, points: [Coordinates, Coordinates], items?: AnyMouseEvent | Event | Coordinates | number[]);
|
|
31
|
+
/** Creates an independent midpoint while preserving its edge and segment data. */
|
|
29
32
|
copy(): Midpoint;
|
|
30
33
|
}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { Edge } from '../../store/elements/Edge';
|
|
2
2
|
import { Coordinates } from '../../store/primitives/Coordinates';
|
|
3
3
|
/** Places a new label beside the clicked route segment instead of over its stroke. */
|
|
4
|
-
export declare function positionEdgeLabelBesideRoute(edge: Edge, clicked: Coordinates,
|
|
4
|
+
export declare function positionEdgeLabelBesideRoute(edge: Edge, clicked: Coordinates, size?: {
|
|
5
|
+
height: number;
|
|
6
|
+
width: number;
|
|
7
|
+
}, clearance?: number): Coordinates;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
import { EdgeLabel } from '../../store/elements/EdgeLabel';
|
|
3
|
+
/** Measures an unscaled text probe only when content or typography changes, never on camera frames. */
|
|
4
|
+
export declare function useEdgeLabelMeasurement(label: EdgeLabel, boundary: RefObject<HTMLElement | null>, probe: RefObject<HTMLSpanElement | null>): void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** Keeps contained toolbar gestures out of the canvas without swallowing portalled control events. */
|
|
2
|
+
export declare function stopDiagramControlEvent(event: {
|
|
3
|
+
target: EventTarget | null;
|
|
4
|
+
currentTarget: {
|
|
5
|
+
contains(target: EventTarget | null): boolean;
|
|
6
|
+
};
|
|
7
|
+
stopPropagation(): void;
|
|
8
|
+
nativeEvent?: {
|
|
9
|
+
stopImmediatePropagation?(): void;
|
|
10
|
+
};
|
|
11
|
+
}): void;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { PointerEvent } from 'react';
|
|
2
|
+
import { Diagram } from '../store/Diagram';
|
|
3
|
+
/** Captures diagram gestures safely while keeping embedded controls and portalled menus interactive. */
|
|
4
|
+
export declare function useDiagramPointerCapture(diagram?: Diagram, controls?: string): {
|
|
5
|
+
ref: import('react').RefObject<HTMLDivElement | null>;
|
|
6
|
+
onPointerDownCapture(event: PointerEvent<HTMLDivElement>): void;
|
|
7
|
+
onPointerMove(event: PointerEvent<HTMLDivElement>): void;
|
|
8
|
+
onPointerUp: () => void;
|
|
9
|
+
onPointerCancel: () => void;
|
|
10
|
+
onLostPointerCapture: () => void;
|
|
11
|
+
onDragStart(event: {
|
|
12
|
+
preventDefault(): void;
|
|
13
|
+
}): void;
|
|
14
|
+
};
|
|
@@ -14,11 +14,11 @@ export declare class AgentEdge extends Edge {
|
|
|
14
14
|
setKind(kind: AgentEdgeKind): void;
|
|
15
15
|
serialize(): {
|
|
16
16
|
kind: AgentEdgeKind;
|
|
17
|
-
arrowHeadEnd: import('
|
|
18
|
-
arrowHeadStart: import('
|
|
17
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
18
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
19
19
|
displacementEnd: [number, number] | undefined;
|
|
20
20
|
displacementStart: [number, number] | undefined;
|
|
21
|
-
lineStyle: import('
|
|
21
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
22
22
|
labels: {
|
|
23
23
|
alignment: "right" | "left" | "center";
|
|
24
24
|
id: string;
|
|
@@ -29,13 +29,13 @@ export declare class AgentEdge extends Edge {
|
|
|
29
29
|
text: string;
|
|
30
30
|
position: [number, number];
|
|
31
31
|
}[];
|
|
32
|
-
pathType: import('
|
|
32
|
+
pathType: import('../../../..').EdgePathType;
|
|
33
33
|
startAnchor: {
|
|
34
|
-
mode: import('
|
|
34
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
35
35
|
position: [number, number] | undefined;
|
|
36
36
|
};
|
|
37
37
|
endAnchor: {
|
|
38
|
-
mode: import('
|
|
38
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
39
39
|
position: [number, number] | undefined;
|
|
40
40
|
};
|
|
41
41
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -26,16 +26,16 @@ export declare abstract class AgentNode<TPayload> extends EditableNode {
|
|
|
26
26
|
coordinates: [number, number];
|
|
27
27
|
fill: string | undefined;
|
|
28
28
|
id: string;
|
|
29
|
-
orientation: import('
|
|
29
|
+
orientation: import('../../../..').TOrientation;
|
|
30
30
|
radius: number;
|
|
31
31
|
stroke: string | undefined;
|
|
32
32
|
strokeWidth: number;
|
|
33
33
|
outEdges: {
|
|
34
|
-
arrowHeadEnd: import('
|
|
35
|
-
arrowHeadStart: import('
|
|
34
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
35
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
36
36
|
displacementEnd: [number, number] | undefined;
|
|
37
37
|
displacementStart: [number, number] | undefined;
|
|
38
|
-
lineStyle: import('
|
|
38
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
39
39
|
labels: {
|
|
40
40
|
alignment: "right" | "left" | "center";
|
|
41
41
|
id: string;
|
|
@@ -46,13 +46,13 @@ export declare abstract class AgentNode<TPayload> extends EditableNode {
|
|
|
46
46
|
text: string;
|
|
47
47
|
position: [number, number];
|
|
48
48
|
}[];
|
|
49
|
-
pathType: import('
|
|
49
|
+
pathType: import('../../../..').EdgePathType;
|
|
50
50
|
startAnchor: {
|
|
51
|
-
mode: import('
|
|
51
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
52
52
|
position: [number, number] | undefined;
|
|
53
53
|
};
|
|
54
54
|
endAnchor: {
|
|
55
|
-
mode: import('
|
|
55
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
56
56
|
position: [number, number] | undefined;
|
|
57
57
|
};
|
|
58
58
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -40,11 +40,11 @@ export declare class BPMNEdge extends Edge {
|
|
|
40
40
|
condition: string;
|
|
41
41
|
isDefault: boolean;
|
|
42
42
|
isDirected: boolean;
|
|
43
|
-
arrowHeadEnd: import('
|
|
44
|
-
arrowHeadStart: import('
|
|
43
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
44
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
45
45
|
displacementEnd: [number, number] | undefined;
|
|
46
46
|
displacementStart: [number, number] | undefined;
|
|
47
|
-
lineStyle: import('
|
|
47
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
48
48
|
labels: {
|
|
49
49
|
alignment: "right" | "left" | "center";
|
|
50
50
|
id: string;
|
|
@@ -55,13 +55,13 @@ export declare class BPMNEdge extends Edge {
|
|
|
55
55
|
text: string;
|
|
56
56
|
position: [number, number];
|
|
57
57
|
}[];
|
|
58
|
-
pathType: import('
|
|
58
|
+
pathType: import('../../../..').EdgePathType;
|
|
59
59
|
startAnchor: {
|
|
60
|
-
mode: import('
|
|
60
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
61
61
|
position: [number, number] | undefined;
|
|
62
62
|
};
|
|
63
63
|
endAnchor: {
|
|
64
|
-
mode: import('
|
|
64
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
65
65
|
position: [number, number] | undefined;
|
|
66
66
|
};
|
|
67
67
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -12,10 +12,10 @@ import { TaskNode, TaskMultiInstance } from '../nodes/TaskNode';
|
|
|
12
12
|
export declare class BPMNModelerExtension extends DiagramExtension {
|
|
13
13
|
dragging: boolean;
|
|
14
14
|
propertiesPanelOpen: boolean;
|
|
15
|
-
RenderDiagram: (({ diagram, extension }: import('
|
|
15
|
+
RenderDiagram: (({ diagram, extension }: import('../../../..').TDiagramExtensionRenderProps<BPMNModelerExtension>) => import("react").JSX.Element | null) & {
|
|
16
16
|
displayName: string;
|
|
17
17
|
};
|
|
18
|
-
RenderUI: (({ diagram, extension, sections }: import('
|
|
18
|
+
RenderUI: (({ diagram, extension, sections }: import('../../../..').TDiagramExtensionRenderProps<BPMNModelerExtension> & {
|
|
19
19
|
sections?: {
|
|
20
20
|
generalTitle: string;
|
|
21
21
|
additionalTitle: string;
|
|
@@ -32,16 +32,16 @@ export declare class DocumentNode extends BPMNode {
|
|
|
32
32
|
coordinates: [number, number];
|
|
33
33
|
fill: string | undefined;
|
|
34
34
|
id: string;
|
|
35
|
-
orientation: import('
|
|
35
|
+
orientation: import('../../../..').TOrientation;
|
|
36
36
|
radius: number;
|
|
37
37
|
stroke: string | undefined;
|
|
38
38
|
strokeWidth: number;
|
|
39
39
|
outEdges: {
|
|
40
|
-
arrowHeadEnd: import('
|
|
41
|
-
arrowHeadStart: import('
|
|
40
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
41
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
42
42
|
displacementEnd: [number, number] | undefined;
|
|
43
43
|
displacementStart: [number, number] | undefined;
|
|
44
|
-
lineStyle: import('
|
|
44
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
45
45
|
labels: {
|
|
46
46
|
alignment: "right" | "left" | "center";
|
|
47
47
|
id: string;
|
|
@@ -52,13 +52,13 @@ export declare class DocumentNode extends BPMNode {
|
|
|
52
52
|
text: string;
|
|
53
53
|
position: [number, number];
|
|
54
54
|
}[];
|
|
55
|
-
pathType: import('
|
|
55
|
+
pathType: import('../../../..').EdgePathType;
|
|
56
56
|
startAnchor: {
|
|
57
|
-
mode: import('
|
|
57
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
58
58
|
position: [number, number] | undefined;
|
|
59
59
|
};
|
|
60
60
|
endAnchor: {
|
|
61
|
-
mode: import('
|
|
61
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
62
62
|
position: [number, number] | undefined;
|
|
63
63
|
};
|
|
64
64
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -71,16 +71,16 @@ export declare class EventNode extends BPMNode {
|
|
|
71
71
|
coordinates: [number, number];
|
|
72
72
|
fill: string | undefined;
|
|
73
73
|
id: string;
|
|
74
|
-
orientation: import('
|
|
74
|
+
orientation: import('../../../..').TOrientation;
|
|
75
75
|
radius: number;
|
|
76
76
|
stroke: string | undefined;
|
|
77
77
|
strokeWidth: number;
|
|
78
78
|
outEdges: {
|
|
79
|
-
arrowHeadEnd: import('
|
|
80
|
-
arrowHeadStart: import('
|
|
79
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
80
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
81
81
|
displacementEnd: [number, number] | undefined;
|
|
82
82
|
displacementStart: [number, number] | undefined;
|
|
83
|
-
lineStyle: import('
|
|
83
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
84
84
|
labels: {
|
|
85
85
|
alignment: "right" | "left" | "center";
|
|
86
86
|
id: string;
|
|
@@ -91,13 +91,13 @@ export declare class EventNode extends BPMNode {
|
|
|
91
91
|
text: string;
|
|
92
92
|
position: [number, number];
|
|
93
93
|
}[];
|
|
94
|
-
pathType: import('
|
|
94
|
+
pathType: import('../../../..').EdgePathType;
|
|
95
95
|
startAnchor: {
|
|
96
|
-
mode: import('
|
|
96
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
97
97
|
position: [number, number] | undefined;
|
|
98
98
|
};
|
|
99
99
|
endAnchor: {
|
|
100
|
-
mode: import('
|
|
100
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
101
101
|
position: [number, number] | undefined;
|
|
102
102
|
};
|
|
103
103
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -32,16 +32,16 @@ export declare class GateNode extends BPMNode {
|
|
|
32
32
|
coordinates: [number, number];
|
|
33
33
|
fill: string | undefined;
|
|
34
34
|
id: string;
|
|
35
|
-
orientation: import('
|
|
35
|
+
orientation: import('../../../..').TOrientation;
|
|
36
36
|
radius: number;
|
|
37
37
|
stroke: string | undefined;
|
|
38
38
|
strokeWidth: number;
|
|
39
39
|
outEdges: {
|
|
40
|
-
arrowHeadEnd: import('
|
|
41
|
-
arrowHeadStart: import('
|
|
40
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
41
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
42
42
|
displacementEnd: [number, number] | undefined;
|
|
43
43
|
displacementStart: [number, number] | undefined;
|
|
44
|
-
lineStyle: import('
|
|
44
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
45
45
|
labels: {
|
|
46
46
|
alignment: "right" | "left" | "center";
|
|
47
47
|
id: string;
|
|
@@ -52,13 +52,13 @@ export declare class GateNode extends BPMNode {
|
|
|
52
52
|
text: string;
|
|
53
53
|
position: [number, number];
|
|
54
54
|
}[];
|
|
55
|
-
pathType: import('
|
|
55
|
+
pathType: import('../../../..').EdgePathType;
|
|
56
56
|
startAnchor: {
|
|
57
|
-
mode: import('
|
|
57
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
58
58
|
position: [number, number] | undefined;
|
|
59
59
|
};
|
|
60
60
|
endAnchor: {
|
|
61
|
-
mode: import('
|
|
61
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
62
62
|
position: [number, number] | undefined;
|
|
63
63
|
};
|
|
64
64
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -78,16 +78,16 @@ export declare class Lanes extends BPMNode {
|
|
|
78
78
|
coordinates: [number, number];
|
|
79
79
|
fill: string | undefined;
|
|
80
80
|
id: string;
|
|
81
|
-
orientation: import('
|
|
81
|
+
orientation: import('../../../../..').TOrientation;
|
|
82
82
|
radius: number;
|
|
83
83
|
stroke: string | undefined;
|
|
84
84
|
strokeWidth: number;
|
|
85
85
|
outEdges: {
|
|
86
|
-
arrowHeadEnd: import('
|
|
87
|
-
arrowHeadStart: import('
|
|
86
|
+
arrowHeadEnd: import('../../../../..').EdgeArrowHead | undefined;
|
|
87
|
+
arrowHeadStart: import('../../../../..').EdgeArrowHead | undefined;
|
|
88
88
|
displacementEnd: [number, number] | undefined;
|
|
89
89
|
displacementStart: [number, number] | undefined;
|
|
90
|
-
lineStyle: import('
|
|
90
|
+
lineStyle: import('../../../../..').EdgeLineStyle | undefined;
|
|
91
91
|
labels: {
|
|
92
92
|
alignment: "right" | "left" | "center";
|
|
93
93
|
id: string;
|
|
@@ -98,13 +98,13 @@ export declare class Lanes extends BPMNode {
|
|
|
98
98
|
text: string;
|
|
99
99
|
position: [number, number];
|
|
100
100
|
}[];
|
|
101
|
-
pathType: import('
|
|
101
|
+
pathType: import('../../../../..').EdgePathType;
|
|
102
102
|
startAnchor: {
|
|
103
|
-
mode: import('
|
|
103
|
+
mode: import('../../../../..').EdgeAnchorMode;
|
|
104
104
|
position: [number, number] | undefined;
|
|
105
105
|
};
|
|
106
106
|
endAnchor: {
|
|
107
|
-
mode: import('
|
|
107
|
+
mode: import('../../../../..').EdgeAnchorMode;
|
|
108
108
|
position: [number, number] | undefined;
|
|
109
109
|
};
|
|
110
110
|
steps: import('../../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -123,7 +123,7 @@ export declare class Lanes extends BPMNode {
|
|
|
123
123
|
strokewWidth: number | undefined;
|
|
124
124
|
class: string;
|
|
125
125
|
};
|
|
126
|
-
RenderScreen: (({ node: lanes }: import('
|
|
126
|
+
RenderScreen: (({ node: lanes }: import('../../../../..').TNodeScreenRenderProps<Lanes>) => import("react").JSX.Element) & {
|
|
127
127
|
displayName: string;
|
|
128
128
|
};
|
|
129
129
|
RenderOverlay: FC;
|
|
@@ -71,16 +71,16 @@ export declare class TaskNode extends BPMNode implements BPMNResizableNode {
|
|
|
71
71
|
coordinates: [number, number];
|
|
72
72
|
fill: string | undefined;
|
|
73
73
|
id: string;
|
|
74
|
-
orientation: import('
|
|
74
|
+
orientation: import('../../../..').TOrientation;
|
|
75
75
|
radius: number;
|
|
76
76
|
stroke: string | undefined;
|
|
77
77
|
strokeWidth: number;
|
|
78
78
|
outEdges: {
|
|
79
|
-
arrowHeadEnd: import('
|
|
80
|
-
arrowHeadStart: import('
|
|
79
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
80
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
81
81
|
displacementEnd: [number, number] | undefined;
|
|
82
82
|
displacementStart: [number, number] | undefined;
|
|
83
|
-
lineStyle: import('
|
|
83
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
84
84
|
labels: {
|
|
85
85
|
alignment: "right" | "left" | "center";
|
|
86
86
|
id: string;
|
|
@@ -91,13 +91,13 @@ export declare class TaskNode extends BPMNode implements BPMNResizableNode {
|
|
|
91
91
|
text: string;
|
|
92
92
|
position: [number, number];
|
|
93
93
|
}[];
|
|
94
|
-
pathType: import('
|
|
94
|
+
pathType: import('../../../..').EdgePathType;
|
|
95
95
|
startAnchor: {
|
|
96
|
-
mode: import('
|
|
96
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
97
97
|
position: [number, number] | undefined;
|
|
98
98
|
};
|
|
99
99
|
endAnchor: {
|
|
100
|
-
mode: import('
|
|
100
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
101
101
|
position: [number, number] | undefined;
|
|
102
102
|
};
|
|
103
103
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -22,16 +22,16 @@ export declare class TextAnnotationNode extends BPMNode {
|
|
|
22
22
|
coordinates: [number, number];
|
|
23
23
|
fill: string | undefined;
|
|
24
24
|
id: string;
|
|
25
|
-
orientation: import('
|
|
25
|
+
orientation: import('../../../..').TOrientation;
|
|
26
26
|
radius: number;
|
|
27
27
|
stroke: string | undefined;
|
|
28
28
|
strokeWidth: number;
|
|
29
29
|
outEdges: {
|
|
30
|
-
arrowHeadEnd: import('
|
|
31
|
-
arrowHeadStart: import('
|
|
30
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
31
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
32
32
|
displacementEnd: [number, number] | undefined;
|
|
33
33
|
displacementStart: [number, number] | undefined;
|
|
34
|
-
lineStyle: import('
|
|
34
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
35
35
|
labels: {
|
|
36
36
|
alignment: "right" | "left" | "center";
|
|
37
37
|
id: string;
|
|
@@ -42,13 +42,13 @@ export declare class TextAnnotationNode extends BPMNode {
|
|
|
42
42
|
text: string;
|
|
43
43
|
position: [number, number];
|
|
44
44
|
}[];
|
|
45
|
-
pathType: import('
|
|
45
|
+
pathType: import('../../../..').EdgePathType;
|
|
46
46
|
startAnchor: {
|
|
47
|
-
mode: import('
|
|
47
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
48
48
|
position: [number, number] | undefined;
|
|
49
49
|
};
|
|
50
50
|
endAnchor: {
|
|
51
|
-
mode: import('
|
|
51
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
52
52
|
position: [number, number] | undefined;
|
|
53
53
|
};
|
|
54
54
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -18,16 +18,16 @@ export declare class UnknownBPMNNode extends BPMNode {
|
|
|
18
18
|
coordinates: [number, number];
|
|
19
19
|
fill: string | undefined;
|
|
20
20
|
id: string;
|
|
21
|
-
orientation: import('
|
|
21
|
+
orientation: import('../../../..').TOrientation;
|
|
22
22
|
radius: number;
|
|
23
23
|
stroke: string | undefined;
|
|
24
24
|
strokeWidth: number;
|
|
25
25
|
outEdges: {
|
|
26
|
-
arrowHeadEnd: import('
|
|
27
|
-
arrowHeadStart: import('
|
|
26
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
27
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
28
28
|
displacementEnd: [number, number] | undefined;
|
|
29
29
|
displacementStart: [number, number] | undefined;
|
|
30
|
-
lineStyle: import('
|
|
30
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
31
31
|
labels: {
|
|
32
32
|
alignment: "right" | "left" | "center";
|
|
33
33
|
id: string;
|
|
@@ -38,13 +38,13 @@ export declare class UnknownBPMNNode extends BPMNode {
|
|
|
38
38
|
text: string;
|
|
39
39
|
position: [number, number];
|
|
40
40
|
}[];
|
|
41
|
-
pathType: import('
|
|
41
|
+
pathType: import('../../../..').EdgePathType;
|
|
42
42
|
startAnchor: {
|
|
43
|
-
mode: import('
|
|
43
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
44
44
|
position: [number, number] | undefined;
|
|
45
45
|
};
|
|
46
46
|
endAnchor: {
|
|
47
|
-
mode: import('
|
|
47
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
48
48
|
position: [number, number] | undefined;
|
|
49
49
|
};
|
|
50
50
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -30,11 +30,11 @@ export declare class BPMNExecutionEdge extends BPMNEdge {
|
|
|
30
30
|
condition: string;
|
|
31
31
|
isDefault: boolean;
|
|
32
32
|
isDirected: boolean;
|
|
33
|
-
arrowHeadEnd: import('
|
|
34
|
-
arrowHeadStart: import('
|
|
33
|
+
arrowHeadEnd: import('../../..').EdgeArrowHead | undefined;
|
|
34
|
+
arrowHeadStart: import('../../..').EdgeArrowHead | undefined;
|
|
35
35
|
displacementEnd: [number, number] | undefined;
|
|
36
36
|
displacementStart: [number, number] | undefined;
|
|
37
|
-
lineStyle: import('
|
|
37
|
+
lineStyle: import('../../..').EdgeLineStyle | undefined;
|
|
38
38
|
labels: {
|
|
39
39
|
alignment: "right" | "left" | "center";
|
|
40
40
|
id: string;
|
|
@@ -45,13 +45,13 @@ export declare class BPMNExecutionEdge extends BPMNEdge {
|
|
|
45
45
|
text: string;
|
|
46
46
|
position: [number, number];
|
|
47
47
|
}[];
|
|
48
|
-
pathType: import('
|
|
48
|
+
pathType: import('../../..').EdgePathType;
|
|
49
49
|
startAnchor: {
|
|
50
|
-
mode: import('
|
|
50
|
+
mode: import('../../..').EdgeAnchorMode;
|
|
51
51
|
position: [number, number] | undefined;
|
|
52
52
|
};
|
|
53
53
|
endAnchor: {
|
|
54
|
-
mode: import('
|
|
54
|
+
mode: import('../../..').EdgeAnchorMode;
|
|
55
55
|
position: [number, number] | undefined;
|
|
56
56
|
};
|
|
57
57
|
steps: import('../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DiagramExtension } from '../../store/extensions/DiagramExtension';
|
|
2
2
|
/** Contributes floating execution badges without adding a second inspector panel. */
|
|
3
3
|
export declare class BPMNExecutionExtension extends DiagramExtension {
|
|
4
|
-
RenderDiagram: (({ diagram, }: import('
|
|
4
|
+
RenderDiagram: (({ diagram, }: import('../../..').TDiagramExtensionRenderProps<BPMNExecutionExtension>) => import("react").JSX.Element) & {
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
/** Initializes the visual execution layer without changing BPMN modeler behavior. */
|
|
@@ -20,16 +20,16 @@ export declare class BPMNExecutionBlackBoxPoolNode extends BlackBoxPoolNode {
|
|
|
20
20
|
coordinates: [number, number];
|
|
21
21
|
fill: string | undefined;
|
|
22
22
|
id: string;
|
|
23
|
-
orientation: import('
|
|
23
|
+
orientation: import('../../../..').TOrientation;
|
|
24
24
|
radius: number;
|
|
25
25
|
stroke: string | undefined;
|
|
26
26
|
strokeWidth: number;
|
|
27
27
|
outEdges: {
|
|
28
|
-
arrowHeadEnd: import('
|
|
29
|
-
arrowHeadStart: import('
|
|
28
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
29
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
30
30
|
displacementEnd: [number, number] | undefined;
|
|
31
31
|
displacementStart: [number, number] | undefined;
|
|
32
|
-
lineStyle: import('
|
|
32
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
33
33
|
labels: {
|
|
34
34
|
alignment: "right" | "left" | "center";
|
|
35
35
|
id: string;
|
|
@@ -40,13 +40,13 @@ export declare class BPMNExecutionBlackBoxPoolNode extends BlackBoxPoolNode {
|
|
|
40
40
|
text: string;
|
|
41
41
|
position: [number, number];
|
|
42
42
|
}[];
|
|
43
|
-
pathType: import('
|
|
43
|
+
pathType: import('../../../..').EdgePathType;
|
|
44
44
|
startAnchor: {
|
|
45
|
-
mode: import('
|
|
45
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
46
46
|
position: [number, number] | undefined;
|
|
47
47
|
};
|
|
48
48
|
endAnchor: {
|
|
49
|
-
mode: import('
|
|
49
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
50
50
|
position: [number, number] | undefined;
|
|
51
51
|
};
|
|
52
52
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|
|
@@ -20,16 +20,16 @@ export declare class BPMNExecutionDataStoreNode extends DataStoreNode {
|
|
|
20
20
|
coordinates: [number, number];
|
|
21
21
|
fill: string | undefined;
|
|
22
22
|
id: string;
|
|
23
|
-
orientation: import('
|
|
23
|
+
orientation: import('../../../..').TOrientation;
|
|
24
24
|
radius: number;
|
|
25
25
|
stroke: string | undefined;
|
|
26
26
|
strokeWidth: number;
|
|
27
27
|
outEdges: {
|
|
28
|
-
arrowHeadEnd: import('
|
|
29
|
-
arrowHeadStart: import('
|
|
28
|
+
arrowHeadEnd: import('../../../..').EdgeArrowHead | undefined;
|
|
29
|
+
arrowHeadStart: import('../../../..').EdgeArrowHead | undefined;
|
|
30
30
|
displacementEnd: [number, number] | undefined;
|
|
31
31
|
displacementStart: [number, number] | undefined;
|
|
32
|
-
lineStyle: import('
|
|
32
|
+
lineStyle: import('../../../..').EdgeLineStyle | undefined;
|
|
33
33
|
labels: {
|
|
34
34
|
alignment: "right" | "left" | "center";
|
|
35
35
|
id: string;
|
|
@@ -40,13 +40,13 @@ export declare class BPMNExecutionDataStoreNode extends DataStoreNode {
|
|
|
40
40
|
text: string;
|
|
41
41
|
position: [number, number];
|
|
42
42
|
}[];
|
|
43
|
-
pathType: import('
|
|
43
|
+
pathType: import('../../../..').EdgePathType;
|
|
44
44
|
startAnchor: {
|
|
45
|
-
mode: import('
|
|
45
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
46
46
|
position: [number, number] | undefined;
|
|
47
47
|
};
|
|
48
48
|
endAnchor: {
|
|
49
|
-
mode: import('
|
|
49
|
+
mode: import('../../../..').EdgeAnchorMode;
|
|
50
50
|
position: [number, number] | undefined;
|
|
51
51
|
};
|
|
52
52
|
steps: import('../../../store/elements/EdgePoint').TSerializedEdgePoint[];
|