@uipath/apollo-react 4.45.0 → 4.46.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/canvas/components/Edges/CanvasEdge.cjs +197 -0
- package/dist/canvas/components/Edges/CanvasEdge.d.ts +3 -0
- package/dist/canvas/components/Edges/CanvasEdge.d.ts.map +1 -0
- package/dist/canvas/components/Edges/CanvasEdge.js +163 -0
- package/dist/canvas/components/Edges/SequenceEdge.cjs +18 -200
- package/dist/canvas/components/Edges/SequenceEdge.d.ts +2 -2
- package/dist/canvas/components/Edges/SequenceEdge.d.ts.map +1 -1
- package/dist/canvas/components/Edges/SequenceEdge.js +19 -201
- package/dist/canvas/components/Edges/index.cjs +32 -3
- package/dist/canvas/components/Edges/index.d.ts +4 -0
- package/dist/canvas/components/Edges/index.d.ts.map +1 -1
- package/dist/canvas/components/Edges/index.js +3 -0
- package/dist/canvas/components/Edges/shared/areEdgePropsEqual.cjs +54 -0
- package/dist/canvas/components/Edges/shared/areEdgePropsEqual.d.ts +3 -0
- package/dist/canvas/components/Edges/shared/areEdgePropsEqual.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/areEdgePropsEqual.js +20 -0
- package/dist/canvas/components/Edges/shared/constants.cjs +107 -0
- package/dist/canvas/components/Edges/shared/constants.d.ts +33 -0
- package/dist/canvas/components/Edges/shared/constants.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/constants.js +55 -0
- package/dist/canvas/components/Edges/shared/geometry.cjs +489 -0
- package/dist/canvas/components/Edges/shared/geometry.d.ts +20 -0
- package/dist/canvas/components/Edges/shared/geometry.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/geometry.js +416 -0
- package/dist/canvas/components/Edges/shared/hooks/index.cjs +48 -0
- package/dist/canvas/components/Edges/shared/hooks/index.d.ts +5 -0
- package/dist/canvas/components/Edges/shared/hooks/index.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/hooks/index.js +5 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.cjs +103 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.d.ts +30 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeGeometry.js +69 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeWaypointWriter.cjs +69 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeWaypointWriter.d.ts +3 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeWaypointWriter.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/hooks/useEdgeWaypointWriter.js +35 -0
- package/dist/canvas/components/Edges/shared/hooks/useExecutionEdge.cjs +57 -0
- package/dist/canvas/components/Edges/shared/hooks/useExecutionEdge.d.ts +13 -0
- package/dist/canvas/components/Edges/shared/hooks/useExecutionEdge.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/hooks/useExecutionEdge.js +23 -0
- package/dist/canvas/components/Edges/shared/hooks/useNodeDragRebalance.cjs +98 -0
- package/dist/canvas/components/Edges/shared/hooks/useNodeDragRebalance.d.ts +18 -0
- package/dist/canvas/components/Edges/shared/hooks/useNodeDragRebalance.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/hooks/useNodeDragRebalance.js +64 -0
- package/dist/canvas/components/Edges/shared/hooks/useWaypointEditor.cjs +184 -0
- package/dist/canvas/components/Edges/shared/hooks/useWaypointEditor.d.ts +23 -0
- package/dist/canvas/components/Edges/shared/hooks/useWaypointEditor.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/hooks/useWaypointEditor.js +150 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.cjs +57 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.d.ts +10 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeArrow.js +23 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.cjs +66 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.d.ts +8 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgeLabel.js +32 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgePath.cjs +84 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgePath.d.ts +16 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgePath.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/primitives/EdgePath.js +50 -0
- package/dist/canvas/components/Edges/shared/primitives/SegmentDragHandle.cjs +117 -0
- package/dist/canvas/components/Edges/shared/primitives/SegmentDragHandle.d.ts +9 -0
- package/dist/canvas/components/Edges/shared/primitives/SegmentDragHandle.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/primitives/SegmentDragHandle.js +83 -0
- package/dist/canvas/components/Edges/shared/primitives/WaypointHandle.cjs +75 -0
- package/dist/canvas/components/Edges/shared/primitives/WaypointHandle.d.ts +10 -0
- package/dist/canvas/components/Edges/shared/primitives/WaypointHandle.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/primitives/WaypointHandle.js +41 -0
- package/dist/canvas/components/Edges/shared/primitives/index.cjs +52 -0
- package/dist/canvas/components/Edges/shared/primitives/index.d.ts +11 -0
- package/dist/canvas/components/Edges/shared/primitives/index.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/primitives/index.js +6 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.cjs +46 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts +11 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/resolveEdgeColor.js +12 -0
- package/dist/canvas/components/Edges/shared/routing/defaultEdgeRouter.cjs +51 -0
- package/dist/canvas/components/Edges/shared/routing/defaultEdgeRouter.d.ts +3 -0
- package/dist/canvas/components/Edges/shared/routing/defaultEdgeRouter.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/routing/defaultEdgeRouter.js +17 -0
- package/dist/canvas/components/Edges/shared/routing/index.cjs +43 -0
- package/dist/canvas/components/Edges/shared/routing/index.d.ts +4 -0
- package/dist/canvas/components/Edges/shared/routing/index.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/routing/index.js +3 -0
- package/dist/canvas/components/Edges/shared/routing/types.cjs +18 -0
- package/dist/canvas/components/Edges/shared/routing/types.d.ts +33 -0
- package/dist/canvas/components/Edges/shared/routing/types.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/routing/types.js +0 -0
- package/dist/canvas/components/Edges/shared/routing/useGraphRouter.cjs +175 -0
- package/dist/canvas/components/Edges/shared/routing/useGraphRouter.d.ts +5 -0
- package/dist/canvas/components/Edges/shared/routing/useGraphRouter.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/routing/useGraphRouter.js +138 -0
- package/dist/canvas/components/Edges/shared/types.cjs +18 -0
- package/dist/canvas/components/Edges/shared/types.d.ts +36 -0
- package/dist/canvas/components/Edges/shared/types.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/types.js +0 -0
- package/dist/canvas/components/Edges/shared/waypoints.cjs +216 -0
- package/dist/canvas/components/Edges/shared/waypoints.d.ts +17 -0
- package/dist/canvas/components/Edges/shared/waypoints.d.ts.map +1 -0
- package/dist/canvas/components/Edges/shared/waypoints.js +158 -0
- package/dist/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.cjs +60 -49
- package/dist/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.d.ts.map +1 -1
- package/dist/canvas/controls/NodePropertyTrigger/NodePropertyTrigger.js +60 -49
- package/dist/canvas/hooks/useEdgePath.cjs +6 -22
- package/dist/canvas/hooks/useEdgePath.d.ts +1 -1
- package/dist/canvas/hooks/useEdgePath.d.ts.map +1 -1
- package/dist/canvas/hooks/useEdgePath.js +5 -21
- package/dist/canvas/styles/tailwind.canvas.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useState } from "react";
|
|
3
|
+
import { EDGE_COLORS, EDGE_CONSTANTS } from "../constants.js";
|
|
4
|
+
import { getSegmentMidpoint } from "../geometry.js";
|
|
5
|
+
const { INTERACTION_STROKE_WIDTH } = EDGE_CONSTANTS;
|
|
6
|
+
const SEGMENT_CURSOR = {
|
|
7
|
+
horizontal: 'ns-resize',
|
|
8
|
+
vertical: 'ew-resize'
|
|
9
|
+
};
|
|
10
|
+
const HANDLE_RECT = {
|
|
11
|
+
horizontal: {
|
|
12
|
+
x: -12,
|
|
13
|
+
y: -5,
|
|
14
|
+
width: 24,
|
|
15
|
+
height: 10
|
|
16
|
+
},
|
|
17
|
+
vertical: {
|
|
18
|
+
x: -5,
|
|
19
|
+
y: -12,
|
|
20
|
+
width: 10,
|
|
21
|
+
height: 24
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const SegmentDragHandle_SegmentDragHandle = /*#__PURE__*/ memo(function({ segment, segmentIndex, handlers }) {
|
|
25
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
26
|
+
const midpoint = getSegmentMidpoint(segment);
|
|
27
|
+
const cursor = SEGMENT_CURSOR[segment.orientation];
|
|
28
|
+
const rect = HANDLE_RECT[segment.orientation];
|
|
29
|
+
return /*#__PURE__*/ jsxs(Fragment, {
|
|
30
|
+
children: [
|
|
31
|
+
/*#__PURE__*/ jsx("line", {
|
|
32
|
+
className: "nopan",
|
|
33
|
+
x1: segment.start.x,
|
|
34
|
+
y1: segment.start.y,
|
|
35
|
+
x2: segment.end.x,
|
|
36
|
+
y2: segment.end.y,
|
|
37
|
+
stroke: "transparent",
|
|
38
|
+
strokeWidth: INTERACTION_STROKE_WIDTH,
|
|
39
|
+
style: {
|
|
40
|
+
cursor,
|
|
41
|
+
pointerEvents: 'stroke'
|
|
42
|
+
},
|
|
43
|
+
onMouseEnter: ()=>setIsHovered(true),
|
|
44
|
+
onMouseLeave: ()=>setIsHovered(false),
|
|
45
|
+
onMouseDown: (e)=>handlers.onMouseDown(segment, e),
|
|
46
|
+
onDoubleClick: (e)=>handlers.onDoubleClick(segmentIndex, e)
|
|
47
|
+
}),
|
|
48
|
+
isHovered && /*#__PURE__*/ jsxs(Fragment, {
|
|
49
|
+
children: [
|
|
50
|
+
/*#__PURE__*/ jsx("line", {
|
|
51
|
+
x1: segment.start.x,
|
|
52
|
+
y1: segment.start.y,
|
|
53
|
+
x2: segment.end.x,
|
|
54
|
+
y2: segment.end.y,
|
|
55
|
+
stroke: EDGE_COLORS.selected,
|
|
56
|
+
strokeWidth: 4,
|
|
57
|
+
opacity: 0.4,
|
|
58
|
+
style: {
|
|
59
|
+
pointerEvents: 'none'
|
|
60
|
+
}
|
|
61
|
+
}),
|
|
62
|
+
/*#__PURE__*/ jsx("g", {
|
|
63
|
+
transform: `translate(${midpoint.x}, ${midpoint.y})`,
|
|
64
|
+
style: {
|
|
65
|
+
pointerEvents: 'none'
|
|
66
|
+
},
|
|
67
|
+
children: /*#__PURE__*/ jsx("rect", {
|
|
68
|
+
x: rect.x,
|
|
69
|
+
y: rect.y,
|
|
70
|
+
width: rect.width,
|
|
71
|
+
height: rect.height,
|
|
72
|
+
rx: 5,
|
|
73
|
+
fill: EDGE_COLORS.selected,
|
|
74
|
+
stroke: "white",
|
|
75
|
+
strokeWidth: 2
|
|
76
|
+
})
|
|
77
|
+
})
|
|
78
|
+
]
|
|
79
|
+
})
|
|
80
|
+
]
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
export { SegmentDragHandle_SegmentDragHandle as SegmentDragHandle };
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
WaypointHandle: ()=>WaypointHandle_WaypointHandle
|
|
28
|
+
});
|
|
29
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
30
|
+
const external_react_namespaceObject = require("react");
|
|
31
|
+
const external_constants_cjs_namespaceObject = require("../constants.cjs");
|
|
32
|
+
const WaypointHandle_WaypointHandle = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(function({ waypoint, index, forceVisible, handlers }) {
|
|
33
|
+
const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
|
|
34
|
+
const visible = forceVisible || isHovered;
|
|
35
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("g", {
|
|
36
|
+
className: "nopan",
|
|
37
|
+
transform: `translate(${waypoint.x}, ${waypoint.y})`,
|
|
38
|
+
onMouseEnter: ()=>setIsHovered(true),
|
|
39
|
+
onMouseLeave: ()=>setIsHovered(false),
|
|
40
|
+
onMouseDown: (e)=>handlers.onMouseDown(index, e),
|
|
41
|
+
onDoubleClick: (e)=>{
|
|
42
|
+
e.stopPropagation();
|
|
43
|
+
e.preventDefault();
|
|
44
|
+
handlers.onDoubleClick(index);
|
|
45
|
+
},
|
|
46
|
+
style: {
|
|
47
|
+
cursor: 'move'
|
|
48
|
+
},
|
|
49
|
+
children: [
|
|
50
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
|
|
51
|
+
r: 16,
|
|
52
|
+
fill: "transparent",
|
|
53
|
+
style: {
|
|
54
|
+
pointerEvents: 'all'
|
|
55
|
+
}
|
|
56
|
+
}),
|
|
57
|
+
visible && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
|
|
58
|
+
r: 6,
|
|
59
|
+
fill: external_constants_cjs_namespaceObject.EDGE_COLORS.selected,
|
|
60
|
+
stroke: "white",
|
|
61
|
+
strokeWidth: 2,
|
|
62
|
+
style: {
|
|
63
|
+
pointerEvents: 'none'
|
|
64
|
+
}
|
|
65
|
+
})
|
|
66
|
+
]
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
exports.WaypointHandle = __webpack_exports__.WaypointHandle;
|
|
70
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
71
|
+
"WaypointHandle"
|
|
72
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
73
|
+
Object.defineProperty(exports, '__esModule', {
|
|
74
|
+
value: true
|
|
75
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { WaypointHandlers } from '../hooks/useWaypointEditor';
|
|
2
|
+
import type { Waypoint } from '../types';
|
|
3
|
+
export type WaypointHandleProps = {
|
|
4
|
+
waypoint: Waypoint;
|
|
5
|
+
index: number;
|
|
6
|
+
forceVisible: boolean;
|
|
7
|
+
handlers: WaypointHandlers;
|
|
8
|
+
};
|
|
9
|
+
export declare const WaypointHandle: import("react").NamedExoticComponent<WaypointHandleProps>;
|
|
10
|
+
//# sourceMappingURL=WaypointHandle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WaypointHandle.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/WaypointHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,EAAE,QAAQ,CAAC;IAEnB,KAAK,EAAE,MAAM,CAAC;IAEd,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,cAAc,2DAsCzB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { memo, useState } from "react";
|
|
3
|
+
import { EDGE_COLORS } from "../constants.js";
|
|
4
|
+
const WaypointHandle_WaypointHandle = /*#__PURE__*/ memo(function({ waypoint, index, forceVisible, handlers }) {
|
|
5
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
6
|
+
const visible = forceVisible || isHovered;
|
|
7
|
+
return /*#__PURE__*/ jsxs("g", {
|
|
8
|
+
className: "nopan",
|
|
9
|
+
transform: `translate(${waypoint.x}, ${waypoint.y})`,
|
|
10
|
+
onMouseEnter: ()=>setIsHovered(true),
|
|
11
|
+
onMouseLeave: ()=>setIsHovered(false),
|
|
12
|
+
onMouseDown: (e)=>handlers.onMouseDown(index, e),
|
|
13
|
+
onDoubleClick: (e)=>{
|
|
14
|
+
e.stopPropagation();
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
handlers.onDoubleClick(index);
|
|
17
|
+
},
|
|
18
|
+
style: {
|
|
19
|
+
cursor: 'move'
|
|
20
|
+
},
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ jsx("circle", {
|
|
23
|
+
r: 16,
|
|
24
|
+
fill: "transparent",
|
|
25
|
+
style: {
|
|
26
|
+
pointerEvents: 'all'
|
|
27
|
+
}
|
|
28
|
+
}),
|
|
29
|
+
visible && /*#__PURE__*/ jsx("circle", {
|
|
30
|
+
r: 6,
|
|
31
|
+
fill: EDGE_COLORS.selected,
|
|
32
|
+
stroke: "white",
|
|
33
|
+
strokeWidth: 2,
|
|
34
|
+
style: {
|
|
35
|
+
pointerEvents: 'none'
|
|
36
|
+
}
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
export { WaypointHandle_WaypointHandle as WaypointHandle };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
EdgeLabel: ()=>external_EdgeLabel_cjs_namespaceObject.EdgeLabel,
|
|
28
|
+
EdgeArrow: ()=>external_EdgeArrow_cjs_namespaceObject.EdgeArrow,
|
|
29
|
+
WaypointHandle: ()=>external_WaypointHandle_cjs_namespaceObject.WaypointHandle,
|
|
30
|
+
EdgePath: ()=>external_EdgePath_cjs_namespaceObject.EdgePath,
|
|
31
|
+
SegmentDragHandle: ()=>external_SegmentDragHandle_cjs_namespaceObject.SegmentDragHandle
|
|
32
|
+
});
|
|
33
|
+
const external_EdgeArrow_cjs_namespaceObject = require("./EdgeArrow.cjs");
|
|
34
|
+
const external_EdgeLabel_cjs_namespaceObject = require("./EdgeLabel.cjs");
|
|
35
|
+
const external_EdgePath_cjs_namespaceObject = require("./EdgePath.cjs");
|
|
36
|
+
const external_SegmentDragHandle_cjs_namespaceObject = require("./SegmentDragHandle.cjs");
|
|
37
|
+
const external_WaypointHandle_cjs_namespaceObject = require("./WaypointHandle.cjs");
|
|
38
|
+
exports.EdgeArrow = __webpack_exports__.EdgeArrow;
|
|
39
|
+
exports.EdgeLabel = __webpack_exports__.EdgeLabel;
|
|
40
|
+
exports.EdgePath = __webpack_exports__.EdgePath;
|
|
41
|
+
exports.SegmentDragHandle = __webpack_exports__.SegmentDragHandle;
|
|
42
|
+
exports.WaypointHandle = __webpack_exports__.WaypointHandle;
|
|
43
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
44
|
+
"EdgeArrow",
|
|
45
|
+
"EdgeLabel",
|
|
46
|
+
"EdgePath",
|
|
47
|
+
"SegmentDragHandle",
|
|
48
|
+
"WaypointHandle"
|
|
49
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
50
|
+
Object.defineProperty(exports, '__esModule', {
|
|
51
|
+
value: true
|
|
52
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type { EdgeArrowProps } from './EdgeArrow';
|
|
2
|
+
export { EdgeArrow } from './EdgeArrow';
|
|
3
|
+
export type { EdgeLabelProps } from './EdgeLabel';
|
|
4
|
+
export { EdgeLabel } from './EdgeLabel';
|
|
5
|
+
export type { EdgePathProps } from './EdgePath';
|
|
6
|
+
export { EdgePath } from './EdgePath';
|
|
7
|
+
export type { SegmentDragHandleProps } from './SegmentDragHandle';
|
|
8
|
+
export { SegmentDragHandle } from './SegmentDragHandle';
|
|
9
|
+
export type { WaypointHandleProps } from './WaypointHandle';
|
|
10
|
+
export { WaypointHandle } from './WaypointHandle';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/primitives/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { EdgeArrow } from "./EdgeArrow.js";
|
|
2
|
+
import { EdgeLabel } from "./EdgeLabel.js";
|
|
3
|
+
import { EdgePath } from "./EdgePath.js";
|
|
4
|
+
import { SegmentDragHandle } from "./SegmentDragHandle.js";
|
|
5
|
+
import { WaypointHandle } from "./WaypointHandle.js";
|
|
6
|
+
export { EdgeArrow, EdgeLabel, EdgePath, SegmentDragHandle, WaypointHandle };
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
resolveEdgeColor: ()=>resolveEdgeColor
|
|
28
|
+
});
|
|
29
|
+
const external_constants_cjs_namespaceObject = require("./constants.cjs");
|
|
30
|
+
function resolveEdgeColor(state) {
|
|
31
|
+
const { selected, isHovered, isInvalid, isDiffAdded, isDiffRemoved, previewEdge, statusColor } = state;
|
|
32
|
+
if (isDiffAdded) return external_constants_cjs_namespaceObject.EDGE_COLORS.diffAdded;
|
|
33
|
+
if (isDiffRemoved) return external_constants_cjs_namespaceObject.EDGE_COLORS.diffRemoved;
|
|
34
|
+
if (isInvalid) return external_constants_cjs_namespaceObject.EDGE_COLORS.invalid;
|
|
35
|
+
if (previewEdge || selected) return external_constants_cjs_namespaceObject.EDGE_COLORS.selected;
|
|
36
|
+
if (isHovered) return external_constants_cjs_namespaceObject.EDGE_COLORS.hover;
|
|
37
|
+
if (statusColor) return statusColor;
|
|
38
|
+
return external_constants_cjs_namespaceObject.EDGE_COLORS["default"];
|
|
39
|
+
}
|
|
40
|
+
exports.resolveEdgeColor = __webpack_exports__.resolveEdgeColor;
|
|
41
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
42
|
+
"resolveEdgeColor"
|
|
43
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
44
|
+
Object.defineProperty(exports, '__esModule', {
|
|
45
|
+
value: true
|
|
46
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type EdgeColorState = {
|
|
2
|
+
selected?: boolean;
|
|
3
|
+
isHovered?: boolean;
|
|
4
|
+
isInvalid?: boolean;
|
|
5
|
+
isDiffAdded?: boolean;
|
|
6
|
+
isDiffRemoved?: boolean;
|
|
7
|
+
previewEdge?: boolean;
|
|
8
|
+
statusColor?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare function resolveEdgeColor(state: EdgeColorState): string;
|
|
11
|
+
//# sourceMappingURL=resolveEdgeColor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveEdgeColor.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Edges/shared/resolveEdgeColor.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAGF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAW9D"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { EDGE_COLORS } from "./constants.js";
|
|
2
|
+
function resolveEdgeColor(state) {
|
|
3
|
+
const { selected, isHovered, isInvalid, isDiffAdded, isDiffRemoved, previewEdge, statusColor } = state;
|
|
4
|
+
if (isDiffAdded) return EDGE_COLORS.diffAdded;
|
|
5
|
+
if (isDiffRemoved) return EDGE_COLORS.diffRemoved;
|
|
6
|
+
if (isInvalid) return EDGE_COLORS.invalid;
|
|
7
|
+
if (previewEdge || selected) return EDGE_COLORS.selected;
|
|
8
|
+
if (isHovered) return EDGE_COLORS.hover;
|
|
9
|
+
if (statusColor) return statusColor;
|
|
10
|
+
return EDGE_COLORS["default"];
|
|
11
|
+
}
|
|
12
|
+
export { resolveEdgeColor };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
defaultEdgeRouter: ()=>defaultEdgeRouter
|
|
28
|
+
});
|
|
29
|
+
const external_geometry_cjs_namespaceObject = require("../geometry.cjs");
|
|
30
|
+
const defaultEdgeRouter = {
|
|
31
|
+
route (req) {
|
|
32
|
+
return req.edges.map((edge)=>{
|
|
33
|
+
const points = (0, external_geometry_cjs_namespaceObject.calculateAutoWaypoints)(edge.source.x, edge.source.y, edge.source.position, edge.target.x, edge.target.y, edge.target.position);
|
|
34
|
+
return {
|
|
35
|
+
edgeId: edge.edgeId,
|
|
36
|
+
waypoints: points.map((p, i)=>({
|
|
37
|
+
id: `${edge.edgeId}-r${i}`,
|
|
38
|
+
x: p.x,
|
|
39
|
+
y: p.y
|
|
40
|
+
}))
|
|
41
|
+
};
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
exports.defaultEdgeRouter = __webpack_exports__.defaultEdgeRouter;
|
|
46
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
47
|
+
"defaultEdgeRouter"
|
|
48
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
49
|
+
Object.defineProperty(exports, '__esModule', {
|
|
50
|
+
value: true
|
|
51
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultEdgeRouter.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/routing/defaultEdgeRouter.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAA4B,MAAM,SAAS,CAAC;AAapE,eAAO,MAAM,iBAAiB,EAAE,UAiB/B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { calculateAutoWaypoints } from "../geometry.js";
|
|
2
|
+
const defaultEdgeRouter = {
|
|
3
|
+
route (req) {
|
|
4
|
+
return req.edges.map((edge)=>{
|
|
5
|
+
const points = calculateAutoWaypoints(edge.source.x, edge.source.y, edge.source.position, edge.target.x, edge.target.y, edge.target.position);
|
|
6
|
+
return {
|
|
7
|
+
edgeId: edge.edgeId,
|
|
8
|
+
waypoints: points.map((p, i)=>({
|
|
9
|
+
id: `${edge.edgeId}-r${i}`,
|
|
10
|
+
x: p.x,
|
|
11
|
+
y: p.y
|
|
12
|
+
}))
|
|
13
|
+
};
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
export { defaultEdgeRouter };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, definition)=>{
|
|
5
|
+
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: definition[key]
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
})();
|
|
11
|
+
(()=>{
|
|
12
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
13
|
+
})();
|
|
14
|
+
(()=>{
|
|
15
|
+
__webpack_require__.r = (exports1)=>{
|
|
16
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
17
|
+
value: 'Module'
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
var __webpack_exports__ = {};
|
|
25
|
+
__webpack_require__.r(__webpack_exports__);
|
|
26
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
27
|
+
defaultEdgeRouter: ()=>external_defaultEdgeRouter_cjs_namespaceObject.defaultEdgeRouter,
|
|
28
|
+
useGraphRouter: ()=>external_useGraphRouter_cjs_namespaceObject.useGraphRouter,
|
|
29
|
+
defaultIsRoutable: ()=>external_useGraphRouter_cjs_namespaceObject.defaultIsRoutable
|
|
30
|
+
});
|
|
31
|
+
const external_defaultEdgeRouter_cjs_namespaceObject = require("./defaultEdgeRouter.cjs");
|
|
32
|
+
const external_useGraphRouter_cjs_namespaceObject = require("./useGraphRouter.cjs");
|
|
33
|
+
exports.defaultEdgeRouter = __webpack_exports__.defaultEdgeRouter;
|
|
34
|
+
exports.defaultIsRoutable = __webpack_exports__.defaultIsRoutable;
|
|
35
|
+
exports.useGraphRouter = __webpack_exports__.useGraphRouter;
|
|
36
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
37
|
+
"defaultEdgeRouter",
|
|
38
|
+
"defaultIsRoutable",
|
|
39
|
+
"useGraphRouter"
|
|
40
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
41
|
+
Object.defineProperty(exports, '__esModule', {
|
|
42
|
+
value: true
|
|
43
|
+
});
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { defaultEdgeRouter } from './defaultEdgeRouter';
|
|
2
|
+
export type { EdgeRouter, RouteAnchor, RoutedEdge, RouteEdgeRequest, RouteNodeRequest, RouteRequest, } from './types';
|
|
3
|
+
export { defaultIsRoutable, useGraphRouter } from './useGraphRouter';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/routing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.r = (exports1)=>{
|
|
5
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
6
|
+
value: 'Module'
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
})();
|
|
13
|
+
var __webpack_exports__ = {};
|
|
14
|
+
__webpack_require__.r(__webpack_exports__);
|
|
15
|
+
for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
16
|
+
Object.defineProperty(exports, '__esModule', {
|
|
17
|
+
value: true
|
|
18
|
+
});
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { Position } from '../../../../xyflow/react.ts';
|
|
2
|
+
import type { Waypoint } from '../types';
|
|
3
|
+
export type RouteAnchor = {
|
|
4
|
+
nodeId: string;
|
|
5
|
+
handleId?: string | null;
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
position: Position;
|
|
9
|
+
};
|
|
10
|
+
export type RouteEdgeRequest = {
|
|
11
|
+
edgeId: string;
|
|
12
|
+
source: RouteAnchor;
|
|
13
|
+
target: RouteAnchor;
|
|
14
|
+
};
|
|
15
|
+
export type RouteNodeRequest = {
|
|
16
|
+
id: string;
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
width: number;
|
|
20
|
+
height: number;
|
|
21
|
+
};
|
|
22
|
+
export type RouteRequest = {
|
|
23
|
+
edges: RouteEdgeRequest[];
|
|
24
|
+
nodes: RouteNodeRequest[];
|
|
25
|
+
};
|
|
26
|
+
export type RoutedEdge = {
|
|
27
|
+
edgeId: string;
|
|
28
|
+
waypoints: Waypoint[];
|
|
29
|
+
};
|
|
30
|
+
export interface EdgeRouter {
|
|
31
|
+
route(req: RouteRequest): RoutedEdge[] | Promise<RoutedEdge[]>;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/canvas/components/Edges/shared/routing/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGzC,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,CAAC;IAEf,SAAS,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAQF,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,GAAG,EAAE,YAAY,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;CAChE"}
|
|
File without changes
|