@aloudata/ink-flow 1.0.28 → 1.0.29
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/hooks/useIsomorphicLayoutEffect.d.ts +2 -2
- package/dist/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -1
- package/dist/index.cjs.js +25 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.esm.js +25 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/style.css +814 -0
- package/package.json +2 -2
- package/dist/components/A11yDescriptions/index.js +0 -29
- package/dist/components/A11yDescriptions/index.js.map +0 -1
- package/dist/components/BatchProvider/index.js +0 -86
- package/dist/components/BatchProvider/index.js.map +0 -1
- package/dist/components/BatchProvider/types.js +0 -2
- package/dist/components/BatchProvider/types.js.map +0 -1
- package/dist/components/BatchProvider/useQueue.js +0 -56
- package/dist/components/BatchProvider/useQueue.js.map +0 -1
- package/dist/components/ConnectionLine/index.js +0 -62
- package/dist/components/ConnectionLine/index.js.map +0 -1
- package/dist/components/EdgeLabelRenderer/index.js +0 -12
- package/dist/components/EdgeLabelRenderer/index.js.map +0 -1
- package/dist/components/EdgeWrapper/EdgeUpdateAnchors.js +0 -68
- package/dist/components/EdgeWrapper/EdgeUpdateAnchors.js.map +0 -1
- package/dist/components/EdgeWrapper/index.js +0 -159
- package/dist/components/EdgeWrapper/index.js.map +0 -1
- package/dist/components/EdgeWrapper/utils.js +0 -17
- package/dist/components/EdgeWrapper/utils.js.map +0 -1
- package/dist/components/Edges/BaseEdge.js +0 -9
- package/dist/components/Edges/BaseEdge.js.map +0 -1
- package/dist/components/Edges/BezierEdge.js +0 -28
- package/dist/components/Edges/BezierEdge.js.map +0 -1
- package/dist/components/Edges/EdgeAnchor.js +0 -23
- package/dist/components/Edges/EdgeAnchor.js.map +0 -1
- package/dist/components/Edges/EdgeText.js +0 -31
- package/dist/components/Edges/EdgeText.js.map +0 -1
- package/dist/components/Edges/SimpleBezierEdge.js +0 -68
- package/dist/components/Edges/SimpleBezierEdge.js.map +0 -1
- package/dist/components/Edges/SmoothStepEdge.js +0 -29
- package/dist/components/Edges/SmoothStepEdge.js.map +0 -1
- package/dist/components/Edges/StepEdge.js +0 -18
- package/dist/components/Edges/StepEdge.js.map +0 -1
- package/dist/components/Edges/StraightEdge.js +0 -24
- package/dist/components/Edges/StraightEdge.js.map +0 -1
- package/dist/components/Edges/index.js +0 -9
- package/dist/components/Edges/index.js.map +0 -1
- package/dist/components/Handle/index.js +0 -179
- package/dist/components/Handle/index.js.map +0 -1
- package/dist/components/InkFlowProvider/index.js +0 -21
- package/dist/components/InkFlowProvider/index.js.map +0 -1
- package/dist/components/NodeWrapper/index.js +0 -150
- package/dist/components/NodeWrapper/index.js.map +0 -1
- package/dist/components/NodeWrapper/useNodeObserver.js +0 -54
- package/dist/components/NodeWrapper/useNodeObserver.js.map +0 -1
- package/dist/components/NodeWrapper/utils.js +0 -30
- package/dist/components/NodeWrapper/utils.js.map +0 -1
- package/dist/components/Nodes/DefaultNode.js +0 -8
- package/dist/components/Nodes/DefaultNode.js.map +0 -1
- package/dist/components/Nodes/GroupNode.js +0 -4
- package/dist/components/Nodes/GroupNode.js.map +0 -1
- package/dist/components/Nodes/InputNode.js +0 -8
- package/dist/components/Nodes/InputNode.js.map +0 -1
- package/dist/components/Nodes/OutputNode.js +0 -8
- package/dist/components/Nodes/OutputNode.js.map +0 -1
- package/dist/components/Nodes/utils.js +0 -23
- package/dist/components/Nodes/utils.js.map +0 -1
- package/dist/components/Panel/index.js +0 -11
- package/dist/components/Panel/index.js.map +0 -1
- package/dist/components/StoreUpdater/index.js +0 -169
- package/dist/components/StoreUpdater/index.js.map +0 -1
- package/dist/components/UserSelection/index.js +0 -20
- package/dist/components/UserSelection/index.js.map +0 -1
- package/dist/constants/layout.js +0 -5
- package/dist/constants/layout.js.map +0 -1
- package/dist/container/EdgeRenderer/MarkerDefinitions.js +0 -37
- package/dist/container/EdgeRenderer/MarkerDefinitions.js.map +0 -1
- package/dist/container/EdgeRenderer/MarkerSymbols.js +0 -38
- package/dist/container/EdgeRenderer/MarkerSymbols.js.map +0 -1
- package/dist/container/EdgeRenderer/index.js +0 -25
- package/dist/container/EdgeRenderer/index.js.map +0 -1
- package/dist/container/FlowRenderer/index.js +0 -29
- package/dist/container/FlowRenderer/index.js.map +0 -1
- package/dist/container/GraphView/index.js +0 -14
- package/dist/container/GraphView/index.js.map +0 -1
- package/dist/container/InkFlow/Wrapper.js +0 -13
- package/dist/container/InkFlow/Wrapper.js.map +0 -1
- package/dist/container/InkFlow/index.js +0 -22
- package/dist/container/InkFlow/index.js.map +0 -1
- package/dist/container/InkFlow/init-values.js +0 -11
- package/dist/container/InkFlow/init-values.js.map +0 -1
- package/dist/container/NodeRenderer/index.js +0 -29
- package/dist/container/NodeRenderer/index.js.map +0 -1
- package/dist/container/NodeRenderer/useResizeObserver.js +0 -29
- package/dist/container/NodeRenderer/useResizeObserver.js.map +0 -1
- package/dist/container/Pane/index.js +0 -207
- package/dist/container/Pane/index.js.map +0 -1
- package/dist/container/Viewport/index.js +0 -11
- package/dist/container/Viewport/index.js.map +0 -1
- package/dist/container/ZoomPane/index.js +0 -108
- package/dist/container/ZoomPane/index.js.map +0 -1
- package/dist/contexts/NodeIdContext.js +0 -10
- package/dist/contexts/NodeIdContext.js.map +0 -1
- package/dist/contexts/StoreContext.js +0 -5
- package/dist/contexts/StoreContext.js.map +0 -1
- package/dist/hooks/index.js +0 -7
- package/dist/hooks/index.js.map +0 -1
- package/dist/hooks/useConnection.js +0 -47
- package/dist/hooks/useConnection.js.map +0 -1
- package/dist/hooks/useDrag.js +0 -56
- package/dist/hooks/useDrag.js.map +0 -1
- package/dist/hooks/useEdgesState.js +0 -6
- package/dist/hooks/useEdgesState.js.map +0 -1
- package/dist/hooks/useGlobalKeyHandler.js +0 -34
- package/dist/hooks/useGlobalKeyHandler.js.map +0 -1
- package/dist/hooks/useInkFlow.js +0 -185
- package/dist/hooks/useInkFlow.js.map +0 -1
- package/dist/hooks/useIsomorphicLayoutEffect.js +0 -4
- package/dist/hooks/useIsomorphicLayoutEffect.js.map +0 -1
- package/dist/hooks/useKeyPress.js +0 -117
- package/dist/hooks/useKeyPress.js.map +0 -1
- package/dist/hooks/useMoveSelectedNodes.js +0 -65
- package/dist/hooks/useMoveSelectedNodes.js.map +0 -1
- package/dist/hooks/useNodeInView.js +0 -41
- package/dist/hooks/useNodeInView.js.map +0 -1
- package/dist/hooks/useNodesInView.js +0 -52
- package/dist/hooks/useNodesInView.js.map +0 -1
- package/dist/hooks/useNodesState.js +0 -6
- package/dist/hooks/useNodesState.js.map +0 -1
- package/dist/hooks/useResizeHandler.js +0 -38
- package/dist/hooks/useResizeHandler.js.map +0 -1
- package/dist/hooks/useStore.js +0 -37
- package/dist/hooks/useStore.js.map +0 -1
- package/dist/hooks/useViewportHelper.js +0 -149
- package/dist/hooks/useViewportHelper.js.map +0 -1
- package/dist/hooks/useVisibleEdgeIds.js +0 -50
- package/dist/hooks/useVisibleEdgeIds.js.map +0 -1
- package/dist/hooks/useVisibleNodeIds.js +0 -21
- package/dist/hooks/useVisibleNodeIds.js.map +0 -1
- package/dist/index.js +0 -18
- package/dist/index.js.map +0 -1
- package/dist/plugins/Background/Background.js +0 -49
- package/dist/plugins/Background/Background.js.map +0 -1
- package/dist/plugins/Background/Patterns.js +0 -11
- package/dist/plugins/Background/Patterns.js.map +0 -1
- package/dist/plugins/Background/index.js +0 -3
- package/dist/plugins/Background/index.js.map +0 -1
- package/dist/plugins/Background/types.js +0 -7
- package/dist/plugins/Background/types.js.map +0 -1
- package/dist/plugins/Controls/ControlButton.js +0 -7
- package/dist/plugins/Controls/ControlButton.js.map +0 -1
- package/dist/plugins/Controls/Controls.js +0 -49
- package/dist/plugins/Controls/Controls.js.map +0 -1
- package/dist/plugins/Controls/Icons/FitView.js +0 -5
- package/dist/plugins/Controls/Icons/FitView.js.map +0 -1
- package/dist/plugins/Controls/Icons/Lock.js +0 -5
- package/dist/plugins/Controls/Icons/Lock.js.map +0 -1
- package/dist/plugins/Controls/Icons/Minus.js +0 -5
- package/dist/plugins/Controls/Icons/Minus.js.map +0 -1
- package/dist/plugins/Controls/Icons/Plus.js +0 -5
- package/dist/plugins/Controls/Icons/Plus.js.map +0 -1
- package/dist/plugins/Controls/Icons/Unlock.js +0 -5
- package/dist/plugins/Controls/Icons/Unlock.js.map +0 -1
- package/dist/plugins/Controls/index.js +0 -3
- package/dist/plugins/Controls/index.js.map +0 -1
- package/dist/plugins/Controls/types.js +0 -2
- package/dist/plugins/Controls/types.js.map +0 -1
- package/dist/plugins/NodeResizer/NodeResizeControl.js +0 -166
- package/dist/plugins/NodeResizer/NodeResizeControl.js.map +0 -1
- package/dist/plugins/NodeResizer/NodeResizer.js +0 -35
- package/dist/plugins/NodeResizer/NodeResizer.js.map +0 -1
- package/dist/plugins/NodeResizer/index.js +0 -4
- package/dist/plugins/NodeResizer/index.js.map +0 -1
- package/dist/plugins/NodeResizer/types.js +0 -2
- package/dist/plugins/NodeResizer/types.js.map +0 -1
- package/dist/plugins/index.js +0 -4
- package/dist/plugins/index.js.map +0 -1
- package/dist/store/index.js +0 -384
- package/dist/store/index.js.map +0 -1
- package/dist/store/initialState.js +0 -84
- package/dist/store/initialState.js.map +0 -1
- package/dist/styles/utils.js +0 -8
- package/dist/styles/utils.js.map +0 -1
- package/dist/types/edges.js +0 -2
- package/dist/types/edges.js.map +0 -1
- package/dist/types/general.js +0 -2
- package/dist/types/general.js.map +0 -1
- package/dist/types/index.js +0 -7
- package/dist/types/index.js.map +0 -1
- package/dist/types/instance.js +0 -2
- package/dist/types/instance.js.map +0 -1
- package/dist/types/layout.js +0 -2
- package/dist/types/layout.js.map +0 -1
- package/dist/types/nodes.js +0 -2
- package/dist/types/nodes.js.map +0 -1
- package/dist/types/props.js +0 -2
- package/dist/types/props.js.map +0 -1
- package/dist/types/store.js +0 -2
- package/dist/types/store.js.map +0 -1
- package/dist/types/utils/types.js +0 -2
- package/dist/types/utils/types.js.map +0 -1
- package/dist/utils/changes.js +0 -213
- package/dist/utils/changes.js.map +0 -1
- package/dist/utils/dom.js +0 -38
- package/dist/utils/dom.js.map +0 -1
- package/dist/utils/edges/bezier-edge.js +0 -96
- package/dist/utils/edges/bezier-edge.js.map +0 -1
- package/dist/utils/edges/general.js +0 -108
- package/dist/utils/edges/general.js.map +0 -1
- package/dist/utils/edges/index.js +0 -6
- package/dist/utils/edges/index.js.map +0 -1
- package/dist/utils/edges/positions.js +0 -101
- package/dist/utils/edges/positions.js.map +0 -1
- package/dist/utils/edges/smoothstep-edge.js +0 -222
- package/dist/utils/edges/smoothstep-edge.js.map +0 -1
- package/dist/utils/edges/straight-edge.js +0 -32
- package/dist/utils/edges/straight-edge.js.map +0 -1
- package/dist/utils/general.js +0 -228
- package/dist/utils/general.js.map +0 -1
- package/dist/utils/graph.js +0 -368
- package/dist/utils/graph.js.map +0 -1
- package/dist/utils/layout.js +0 -142
- package/dist/utils/layout.js.map +0 -1
- package/dist/utils/marker.js +0 -35
- package/dist/utils/marker.js.map +0 -1
- package/dist/utils/node.js +0 -42
- package/dist/utils/node.js.map +0 -1
- package/dist/utils/positions.js +0 -101
- package/dist/utils/positions.js.map +0 -1
- package/dist/utils/store.js +0 -162
- package/dist/utils/store.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aloudata/ink-flow",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.29",
|
|
4
4
|
"main": "dist/index.cjs.js",
|
|
5
5
|
"module": "dist/index.esm.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"css": "postcss src/styles/{base,style}.css --config ./../ --dir dist "
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@aloudata/ink-core": "1.0.
|
|
17
|
+
"@aloudata/ink-core": "1.0.13",
|
|
18
18
|
"classnames": "^2.3.1",
|
|
19
19
|
"lodash": "^4.17.21",
|
|
20
20
|
"zustand": "^4.5.2"
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useStore } from '../../hooks/useStore';
|
|
3
|
-
var style = { display: 'none' };
|
|
4
|
-
var ariaLiveStyle = {
|
|
5
|
-
position: 'absolute',
|
|
6
|
-
width: 1,
|
|
7
|
-
height: 1,
|
|
8
|
-
margin: -1,
|
|
9
|
-
border: 0,
|
|
10
|
-
padding: 0,
|
|
11
|
-
overflow: 'hidden',
|
|
12
|
-
clip: 'rect(0px, 0px, 0px, 0px)',
|
|
13
|
-
clipPath: 'inset(100%)',
|
|
14
|
-
};
|
|
15
|
-
export var ARIA_NODE_DESC_KEY = 'ink-flow__node-desc';
|
|
16
|
-
export var ARIA_EDGE_DESC_KEY = 'ink-flow__edge-desc';
|
|
17
|
-
export var ARIA_LIVE_MESSAGE = 'ink-flow__aria-live';
|
|
18
|
-
var selector = function (s) { return s.ariaLiveMessage; };
|
|
19
|
-
function AriaLiveMessage(_a) {
|
|
20
|
-
var rfId = _a.rfId;
|
|
21
|
-
var ariaLiveMessage = useStore(selector);
|
|
22
|
-
return (_jsx("div", { id: "".concat(ARIA_LIVE_MESSAGE, "-").concat(rfId), "aria-live": "assertive", "aria-atomic": "true", style: ariaLiveStyle, children: ariaLiveMessage }));
|
|
23
|
-
}
|
|
24
|
-
export function A11yDescriptions(_a) {
|
|
25
|
-
var rfId = _a.rfId, disableKeyboardA11y = _a.disableKeyboardA11y;
|
|
26
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { id: "".concat(ARIA_NODE_DESC_KEY, "-").concat(rfId), style: style, children: ["Press enter or space to select a node.", !disableKeyboardA11y &&
|
|
27
|
-
'You can then use the arrow keys to move the node around.', ' ', "Press delete to remove it and escape to cancel.", ' '] }), _jsx("div", { id: "".concat(ARIA_EDGE_DESC_KEY, "-").concat(rfId), style: style, children: "Press enter or space to select an edge. You can then press delete to remove it or escape to cancel." }), !disableKeyboardA11y && _jsx(AriaLiveMessage, { rfId: rfId })] }));
|
|
28
|
-
}
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/A11yDescriptions/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,IAAM,KAAK,GAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AACjD,IAAM,aAAa,GAAkB;IACnC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,0BAA0B;IAChC,QAAQ,EAAE,aAAa;CACxB,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,qBAAqB,CAAC;AACxD,MAAM,CAAC,IAAM,kBAAkB,GAAG,qBAAqB,CAAC;AACxD,MAAM,CAAC,IAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEvD,IAAM,QAAQ,GAAG,UAAC,CAAe,IAAK,OAAA,CAAC,CAAC,eAAe,EAAjB,CAAiB,CAAC;AAExD,SAAS,eAAe,CAAC,EAA0B;QAAxB,IAAI,UAAA;IAC7B,IAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE3C,OAAO,CACL,cACE,EAAE,EAAE,UAAG,iBAAiB,cAAI,IAAI,CAAE,eACxB,WAAW,iBACT,MAAM,EAClB,KAAK,EAAE,aAAa,YAEnB,eAAe,GACZ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAMhC;QALC,IAAI,UAAA,EACJ,mBAAmB,yBAAA;IAKnB,OAAO,CACL,8BACE,eAAK,EAAE,EAAE,UAAG,kBAAkB,cAAI,IAAI,CAAE,EAAE,KAAK,EAAE,KAAK,uDAEnD,CAAC,mBAAmB;wBACnB,0DAA0D,EAAE,GAAG,qDACjB,GAAG,IAC/C,EACN,cAAK,EAAE,EAAE,UAAG,kBAAkB,cAAI,IAAI,CAAE,EAAE,KAAK,EAAE,KAAK,oHAGhD,EACL,CAAC,mBAAmB,IAAI,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,GAAI,IACvD,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createContext, useCallback, useContext, useMemo, } from 'react';
|
|
3
|
-
import { useStoreApi } from '../../hooks/useStore';
|
|
4
|
-
import { useQueue } from './useQueue';
|
|
5
|
-
import { getElementsDiffChanges } from '../../utils/changes';
|
|
6
|
-
var BatchContext = createContext(null);
|
|
7
|
-
/**
|
|
8
|
-
* This is a context provider that holds and processes the node and edge update queues
|
|
9
|
-
* that are needed to handle setNodes, addNodes, setEdges and addEdges.
|
|
10
|
-
*
|
|
11
|
-
* @internal
|
|
12
|
-
*/
|
|
13
|
-
export function BatchProvider(_a) {
|
|
14
|
-
var children = _a.children;
|
|
15
|
-
var store = useStoreApi();
|
|
16
|
-
var nodeQueueHandler = useCallback(function (queueItems) {
|
|
17
|
-
var e_1, _a;
|
|
18
|
-
var _b = store.getState(), _c = _b.nodes, nodes = _c === void 0 ? [] : _c, onNodesChange = _b.onNodesChange, nodeLookup = _b.nodeLookup;
|
|
19
|
-
// This is essentially an `Array.reduce` in imperative clothing. Processing
|
|
20
|
-
// this queue is a relatively hot path so we'd like to avoid the overhead of
|
|
21
|
-
// array methods where we can.
|
|
22
|
-
var next = nodes;
|
|
23
|
-
try {
|
|
24
|
-
for (var queueItems_1 = __values(queueItems), queueItems_1_1 = queueItems_1.next(); !queueItems_1_1.done; queueItems_1_1 = queueItems_1.next()) {
|
|
25
|
-
var payload = queueItems_1_1.value;
|
|
26
|
-
next = typeof payload === 'function' ? payload(next) : payload;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
30
|
-
finally {
|
|
31
|
-
try {
|
|
32
|
-
if (queueItems_1_1 && !queueItems_1_1.done && (_a = queueItems_1.return)) _a.call(queueItems_1);
|
|
33
|
-
}
|
|
34
|
-
finally { if (e_1) throw e_1.error; }
|
|
35
|
-
}
|
|
36
|
-
if (onNodesChange) {
|
|
37
|
-
var changes = getElementsDiffChanges({
|
|
38
|
-
items: next,
|
|
39
|
-
lookup: nodeLookup,
|
|
40
|
-
});
|
|
41
|
-
onNodesChange({
|
|
42
|
-
changes: changes,
|
|
43
|
-
userNodes: next,
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
}, []);
|
|
47
|
-
var nodeQueue = useQueue(nodeQueueHandler);
|
|
48
|
-
var edgeQueueHandler = useCallback(function (queueItems) {
|
|
49
|
-
var e_2, _a;
|
|
50
|
-
var _b = store.getState(), _c = _b.edges, edges = _c === void 0 ? [] : _c, onEdgesChange = _b.onEdgesChange, edgeLookup = _b.edgeLookup;
|
|
51
|
-
var next = edges;
|
|
52
|
-
try {
|
|
53
|
-
for (var queueItems_2 = __values(queueItems), queueItems_2_1 = queueItems_2.next(); !queueItems_2_1.done; queueItems_2_1 = queueItems_2.next()) {
|
|
54
|
-
var payload = queueItems_2_1.value;
|
|
55
|
-
next = typeof payload === 'function' ? payload(next) : payload;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
59
|
-
finally {
|
|
60
|
-
try {
|
|
61
|
-
if (queueItems_2_1 && !queueItems_2_1.done && (_a = queueItems_2.return)) _a.call(queueItems_2);
|
|
62
|
-
}
|
|
63
|
-
finally { if (e_2) throw e_2.error; }
|
|
64
|
-
}
|
|
65
|
-
if (onEdgesChange) {
|
|
66
|
-
onEdgesChange({
|
|
67
|
-
changes: getElementsDiffChanges({
|
|
68
|
-
items: next,
|
|
69
|
-
lookup: edgeLookup,
|
|
70
|
-
}),
|
|
71
|
-
userEdges: next,
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
}, []);
|
|
75
|
-
var edgeQueue = useQueue(edgeQueueHandler);
|
|
76
|
-
var value = useMemo(function () { return ({ nodeQueue: nodeQueue, edgeQueue: edgeQueue }); }, []);
|
|
77
|
-
return (_jsx(BatchContext.Provider, { value: value, children: children }));
|
|
78
|
-
}
|
|
79
|
-
export function useBatchContext() {
|
|
80
|
-
var batchContext = useContext(BatchContext);
|
|
81
|
-
if (!batchContext) {
|
|
82
|
-
throw new Error('useBatchContext must be used within a BatchProvider');
|
|
83
|
-
}
|
|
84
|
-
return batchContext;
|
|
85
|
-
}
|
|
86
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BatchProvider/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/BatchProvider/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
2
|
-
import { useIsomorphicLayoutEffect } from '../../hooks/useIsomorphicLayoutEffect';
|
|
3
|
-
/**
|
|
4
|
-
* This hook returns a queue that can be used to batch updates.
|
|
5
|
-
*
|
|
6
|
-
* @param runQueue - a function that gets called when the queue is flushed
|
|
7
|
-
* @internal
|
|
8
|
-
*
|
|
9
|
-
* @returns a Queue object
|
|
10
|
-
*/
|
|
11
|
-
export function useQueue(runQueue) {
|
|
12
|
-
// Because we're using a ref above, we need some way to let React know when to
|
|
13
|
-
// actually process the queue. We flip this bit of state to `true` any time we
|
|
14
|
-
// mutate the queue and then flip it back to `false` after flushing the queue.
|
|
15
|
-
var _a = __read(useState(false), 2), shouldFlush = _a[0], setShouldFlush = _a[1];
|
|
16
|
-
// A reference of all the batched updates to process before the next render. We
|
|
17
|
-
// want a reference here so multiple synchronous calls to `setNodes` etc can be
|
|
18
|
-
// batched together.
|
|
19
|
-
var _b = __read(useState(function () { return createQueue(function () { return setShouldFlush(true); }); }), 1), queue = _b[0];
|
|
20
|
-
// Layout effects are guaranteed to run before the next render which means we
|
|
21
|
-
// shouldn't run into any issues with stale state or weird issues that come from
|
|
22
|
-
// rendering things one frame later than expected (we used to use `setTimeout`).
|
|
23
|
-
useIsomorphicLayoutEffect(function () {
|
|
24
|
-
// Because we need to flip the state back to false after flushing, this should
|
|
25
|
-
// trigger the hook again (!). If the hook is being run again we know that any
|
|
26
|
-
// updates should have been processed by now and we can safely clear the queue
|
|
27
|
-
// and bail early.
|
|
28
|
-
if (!shouldFlush) {
|
|
29
|
-
queue.reset();
|
|
30
|
-
return;
|
|
31
|
-
}
|
|
32
|
-
var queueItems = queue.get();
|
|
33
|
-
if (queueItems.length) {
|
|
34
|
-
runQueue(queueItems);
|
|
35
|
-
queue.reset();
|
|
36
|
-
}
|
|
37
|
-
// Beacuse we're using reactive state to trigger this effect, we need to flip
|
|
38
|
-
// it back to false.
|
|
39
|
-
setShouldFlush(false);
|
|
40
|
-
}, [shouldFlush]);
|
|
41
|
-
return queue;
|
|
42
|
-
}
|
|
43
|
-
function createQueue(cb) {
|
|
44
|
-
var queue = [];
|
|
45
|
-
return {
|
|
46
|
-
get: function () { return queue; },
|
|
47
|
-
reset: function () {
|
|
48
|
-
queue = [];
|
|
49
|
-
},
|
|
50
|
-
push: function (item) {
|
|
51
|
-
queue.push(item);
|
|
52
|
-
cb();
|
|
53
|
-
},
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
//# sourceMappingURL=useQueue.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useQueue.js","sourceRoot":"","sources":["../../../src/components/BatchProvider/useQueue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAElF;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CAAI,QAAyC;IACnE,8EAA8E;IAC9E,8EAA8E;IAC9E,8EAA8E;IACxE,IAAA,KAAA,OAAgC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAC;IAEtD,+EAA+E;IAC/E,+EAA+E;IAC/E,oBAAoB;IACd,IAAA,KAAA,OAAU,QAAQ,CAAC,cAAM,OAAA,WAAW,CAAI,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,CAAC,EAA1C,CAA0C,CAAC,IAAA,EAAnE,KAAK,QAA8D,CAAC;IAE3E,6EAA6E;IAC7E,gFAAgF;IAChF,gFAAgF;IAChF,yBAAyB,CAAC;QACxB,8EAA8E;QAC9E,8EAA8E;QAC9E,8EAA8E;QAC9E,kBAAkB;QAClB,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,KAAK,CAAC,KAAK,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,IAAM,UAAU,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QAE/B,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;YACtB,QAAQ,CAAC,UAAU,CAAC,CAAC;YAErB,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;QAED,6EAA6E;QAC7E,oBAAoB;QACpB,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,WAAW,CAAI,EAAc;IACpC,IAAI,KAAK,GAAmB,EAAE,CAAC;IAE/B,OAAO;QACL,GAAG,EAAE,cAAM,OAAA,KAAK,EAAL,CAAK;QAChB,KAAK,EAAE;YACL,KAAK,GAAG,EAAE,CAAC;QACb,CAAC;QACD,IAAI,EAAE,UAAC,IAAI;YACT,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,EAAE,EAAE,CAAC;QACP,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { shallow } from 'zustand/shallow';
|
|
3
|
-
import cc from 'classnames';
|
|
4
|
-
import { useStore } from '../../hooks/useStore';
|
|
5
|
-
import { getSimpleBezierPath } from '../Edges/SimpleBezierEdge';
|
|
6
|
-
import { ConnectionLineType, getBezierPath, getConnectionStatus, getSmoothStepPath, getStraightPath, } from '@aloudata/ink-core';
|
|
7
|
-
import { useConnection } from '../../hooks/useConnection';
|
|
8
|
-
var ConnectionLine = function (_a) {
|
|
9
|
-
var _b, _c, _d, _e, _f;
|
|
10
|
-
var style = _a.style, _g = _a.type, type = _g === void 0 ? ConnectionLineType.Bezier : _g, CustomComponent = _a.CustomComponent, isValid = _a.isValid;
|
|
11
|
-
var _h = useConnection(), inProgress = _h.inProgress, from = _h.from, fromNode = _h.fromNode, fromHandle = _h.fromHandle, fromPosition = _h.fromPosition, to = _h.to, toNode = _h.toNode, toHandle = _h.toHandle, toPosition = _h.toPosition;
|
|
12
|
-
if (!inProgress) {
|
|
13
|
-
return;
|
|
14
|
-
}
|
|
15
|
-
if (CustomComponent) {
|
|
16
|
-
return (_jsx(CustomComponent, { connectionLineType: type, connectionLineStyle: style, fromNode: fromNode, fromHandle: fromHandle, fromX: from.x, fromY: from.y, toX: to.x, toY: to.y, fromPosition: fromPosition, toPosition: toPosition, connectionStatus: getConnectionStatus(isValid), toNode: toNode, toHandle: toHandle }));
|
|
17
|
-
}
|
|
18
|
-
var path = '';
|
|
19
|
-
var pathParams = {
|
|
20
|
-
sourceX: from.x,
|
|
21
|
-
sourceY: from.y,
|
|
22
|
-
sourcePosition: fromPosition,
|
|
23
|
-
targetX: to.x,
|
|
24
|
-
targetY: to.y,
|
|
25
|
-
targetPosition: toPosition,
|
|
26
|
-
};
|
|
27
|
-
switch (type) {
|
|
28
|
-
case ConnectionLineType.Bezier:
|
|
29
|
-
_b = __read(getBezierPath(pathParams), 1), path = _b[0];
|
|
30
|
-
break;
|
|
31
|
-
case ConnectionLineType.SimpleBezier:
|
|
32
|
-
_c = __read(getSimpleBezierPath(pathParams), 1), path = _c[0];
|
|
33
|
-
break;
|
|
34
|
-
case ConnectionLineType.Step:
|
|
35
|
-
_d = __read(getSmoothStepPath(__assign(__assign({}, pathParams), { borderRadius: 0 })), 1), path = _d[0];
|
|
36
|
-
break;
|
|
37
|
-
case ConnectionLineType.SmoothStep:
|
|
38
|
-
_e = __read(getSmoothStepPath(pathParams), 1), path = _e[0];
|
|
39
|
-
break;
|
|
40
|
-
default:
|
|
41
|
-
_f = __read(getStraightPath(pathParams), 1), path = _f[0];
|
|
42
|
-
}
|
|
43
|
-
return (_jsx("path", { d: path, fill: "none", className: "ink-flow__connection-path", style: style }));
|
|
44
|
-
};
|
|
45
|
-
ConnectionLine.displayName = 'ConnectionLine';
|
|
46
|
-
var selector = function (s) { return ({
|
|
47
|
-
nodesConnectable: s.nodesConnectable,
|
|
48
|
-
isValid: s.connection.isValid,
|
|
49
|
-
inProgress: s.connection.inProgress,
|
|
50
|
-
width: s.width,
|
|
51
|
-
height: s.height,
|
|
52
|
-
}); };
|
|
53
|
-
export function ConnectionLineWrapper(_a) {
|
|
54
|
-
var containerStyle = _a.containerStyle, style = _a.style, type = _a.type, component = _a.component;
|
|
55
|
-
var _b = useStore(selector, shallow), nodesConnectable = _b.nodesConnectable, width = _b.width, height = _b.height, isValid = _b.isValid, inProgress = _b.inProgress;
|
|
56
|
-
var renderConnection = !!(width && nodesConnectable && inProgress);
|
|
57
|
-
if (!renderConnection) {
|
|
58
|
-
return null;
|
|
59
|
-
}
|
|
60
|
-
return (_jsx("svg", { style: containerStyle, width: width, height: height, className: "ink-flow__connectionline ink-flow__container", children: _jsx("g", { className: cc(['ink-flow__connection', getConnectionStatus(isValid)]), children: _jsx(ConnectionLine, { style: style, type: type, CustomComponent: component, isValid: isValid }) }) }));
|
|
61
|
-
}
|
|
62
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ConnectionLine/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createPortal } from 'react-dom';
|
|
2
|
-
import { useStore } from '../../hooks/useStore';
|
|
3
|
-
var selector = function (s) { var _a; return (_a = s.domNode) === null || _a === void 0 ? void 0 : _a.querySelector('.ink-flow__edgelabel-renderer'); };
|
|
4
|
-
export function EdgeLabelRenderer(_a) {
|
|
5
|
-
var children = _a.children;
|
|
6
|
-
var edgeLabelRenderer = useStore(selector);
|
|
7
|
-
if (!edgeLabelRenderer) {
|
|
8
|
-
return null;
|
|
9
|
-
}
|
|
10
|
-
return createPortal(children, edgeLabelRenderer);
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EdgeLabelRenderer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,IAAM,QAAQ,GAAG,UAAC,CAAe,YAC/B,OAAA,MAAA,CAAC,CAAC,OAAO,0CAAE,aAAa,CAAC,+BAA+B,CAAC,CAAA,EAAA,CAAC;AAE5D,MAAM,UAAU,iBAAiB,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IAC1C,IAAM,iBAAiB,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAE7C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,YAAY,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;AACnD,CAAC"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useStoreApi } from '../../hooks/useStore';
|
|
3
|
-
import { EdgeAnchor } from '../Edges/EdgeAnchor';
|
|
4
|
-
import { XYHandle, } from '@aloudata/ink-core';
|
|
5
|
-
export function EdgeUpdateAnchors(_a) {
|
|
6
|
-
var isReconnectable = _a.isReconnectable, reconnectRadius = _a.reconnectRadius, edge = _a.edge, sourceX = _a.sourceX, sourceY = _a.sourceY, targetX = _a.targetX, targetY = _a.targetY, sourcePosition = _a.sourcePosition, targetPosition = _a.targetPosition, onReconnect = _a.onReconnect, onReconnectStart = _a.onReconnectStart, onReconnectEnd = _a.onReconnectEnd, setReconnecting = _a.setReconnecting, setUpdateHover = _a.setUpdateHover;
|
|
7
|
-
var store = useStoreApi();
|
|
8
|
-
var handleEdgeUpdater = function (event, oppositeHandle) {
|
|
9
|
-
// avoid triggering edge updater if mouse btn is not left
|
|
10
|
-
if (event.button !== 0) {
|
|
11
|
-
return;
|
|
12
|
-
}
|
|
13
|
-
var _a = store.getState(), autoPanOnConnect = _a.autoPanOnConnect, domNode = _a.domNode, isValidConnection = _a.isValidConnection, connectionMode = _a.connectionMode, connectionRadius = _a.connectionRadius, lib = _a.lib, onConnectStart = _a.onConnectStart, onConnectEnd = _a.onConnectEnd, cancelConnection = _a.cancelConnection, nodeLookup = _a.nodeLookup, flowId = _a.rfId, panBy = _a.panBy, updateConnection = _a.updateConnection;
|
|
14
|
-
var isTarget = oppositeHandle.type === 'target';
|
|
15
|
-
setReconnecting(true);
|
|
16
|
-
onReconnectStart === null || onReconnectStart === void 0 ? void 0 : onReconnectStart(event, edge, oppositeHandle.type);
|
|
17
|
-
var _onReconnectEnd = function (evt, connectionState) {
|
|
18
|
-
setReconnecting(false);
|
|
19
|
-
onReconnectEnd === null || onReconnectEnd === void 0 ? void 0 : onReconnectEnd(evt, edge, oppositeHandle.type, connectionState);
|
|
20
|
-
};
|
|
21
|
-
var onConnectEdge = function (connection) {
|
|
22
|
-
return onReconnect === null || onReconnect === void 0 ? void 0 : onReconnect(edge, connection);
|
|
23
|
-
};
|
|
24
|
-
XYHandle.onPointerDown(event.nativeEvent, {
|
|
25
|
-
autoPanOnConnect: autoPanOnConnect,
|
|
26
|
-
connectionMode: connectionMode,
|
|
27
|
-
connectionRadius: connectionRadius,
|
|
28
|
-
domNode: domNode,
|
|
29
|
-
handleId: oppositeHandle.id,
|
|
30
|
-
nodeId: oppositeHandle.nodeId,
|
|
31
|
-
nodeLookup: nodeLookup,
|
|
32
|
-
isTarget: isTarget,
|
|
33
|
-
edgeUpdaterType: oppositeHandle.type,
|
|
34
|
-
lib: lib,
|
|
35
|
-
flowId: flowId,
|
|
36
|
-
cancelConnection: cancelConnection,
|
|
37
|
-
panBy: panBy,
|
|
38
|
-
isValidConnection: isValidConnection,
|
|
39
|
-
onConnect: onConnectEdge,
|
|
40
|
-
onConnectStart: onConnectStart,
|
|
41
|
-
onConnectEnd: onConnectEnd,
|
|
42
|
-
onReconnectEnd: _onReconnectEnd,
|
|
43
|
-
updateConnection: updateConnection,
|
|
44
|
-
getTransform: function () { return store.getState().transform; },
|
|
45
|
-
getFromHandle: function () { return store.getState().connection.fromHandle; },
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
var onReconnectSourceMouseDown = function (event) {
|
|
49
|
-
var _a;
|
|
50
|
-
return handleEdgeUpdater(event, {
|
|
51
|
-
nodeId: edge.target,
|
|
52
|
-
id: (_a = edge.targetHandle) !== null && _a !== void 0 ? _a : null,
|
|
53
|
-
type: 'target',
|
|
54
|
-
});
|
|
55
|
-
};
|
|
56
|
-
var onReconnectTargetMouseDown = function (event) {
|
|
57
|
-
var _a;
|
|
58
|
-
return handleEdgeUpdater(event, {
|
|
59
|
-
nodeId: edge.source,
|
|
60
|
-
id: (_a = edge.sourceHandle) !== null && _a !== void 0 ? _a : null,
|
|
61
|
-
type: 'source',
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
|
-
var onReconnectMouseEnter = function () { return setUpdateHover(true); };
|
|
65
|
-
var onReconnectMouseOut = function () { return setUpdateHover(false); };
|
|
66
|
-
return (_jsxs(_Fragment, { children: [(isReconnectable === true || isReconnectable === 'source') && (_jsx(EdgeAnchor, { position: sourcePosition, centerX: sourceX, centerY: sourceY, radius: reconnectRadius, onMouseDown: onReconnectSourceMouseDown, onMouseEnter: onReconnectMouseEnter, onMouseOut: onReconnectMouseOut, type: "source" })), (isReconnectable === true || isReconnectable === 'target') && (_jsx(EdgeAnchor, { position: targetPosition, centerX: targetX, centerY: targetY, radius: reconnectRadius, onMouseDown: onReconnectTargetMouseDown, onMouseEnter: onReconnectMouseEnter, onMouseOut: onReconnectMouseOut, type: "target" }))] }));
|
|
67
|
-
}
|
|
68
|
-
//# sourceMappingURL=EdgeUpdateAnchors.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeUpdateAnchors.js","sourceRoot":"","sources":["../../../src/components/EdgeWrapper/EdgeUpdateAnchors.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useMemo, useRef, useCallback, } from 'react';
|
|
3
|
-
import cc from 'classnames';
|
|
4
|
-
import { shallow } from 'zustand/shallow';
|
|
5
|
-
import { useStoreApi, useStore } from '../../hooks/useStore';
|
|
6
|
-
import { builtinEdgeTypes, nullPosition } from './utils';
|
|
7
|
-
import { EdgeUpdateAnchors } from './EdgeUpdateAnchors';
|
|
8
|
-
import { getMarkerId } from '../../utils/marker';
|
|
9
|
-
import { getEdgePosition } from '../../utils/positions';
|
|
10
|
-
import { getElevatedEdgeZIndex } from '../../utils/edges';
|
|
11
|
-
import { ARIA_EDGE_DESC_KEY } from '../A11yDescriptions';
|
|
12
|
-
import { errorMessages, elementSelectionKeys } from '@aloudata/ink-core';
|
|
13
|
-
export function EdgeWrapper(_a) {
|
|
14
|
-
var _b;
|
|
15
|
-
var id = _a.id, edgesFocusable = _a.edgesFocusable, edgesReconnectable = _a.edgesReconnectable, elementsSelectable = _a.elementsSelectable, onClick = _a.onClick, onDoubleClick = _a.onDoubleClick, onContextMenu = _a.onContextMenu, onMouseEnter = _a.onMouseEnter, onMouseMove = _a.onMouseMove, onMouseLeave = _a.onMouseLeave, reconnectRadius = _a.reconnectRadius, onReconnect = _a.onReconnect, onReconnectStart = _a.onReconnectStart, onReconnectEnd = _a.onReconnectEnd, rfId = _a.rfId, edgeTypes = _a.edgeTypes, noPanClassName = _a.noPanClassName, onError = _a.onError, disableKeyboardA11y = _a.disableKeyboardA11y;
|
|
16
|
-
var edge = useStore(function (s) { return s.edgeLookup.get(id); });
|
|
17
|
-
var defaultEdgeOptions = useStore(function (s) { return s.defaultEdgeOptions; });
|
|
18
|
-
edge = defaultEdgeOptions ? __assign(__assign({}, defaultEdgeOptions), edge) : edge;
|
|
19
|
-
var edgeType = edge.type || 'default';
|
|
20
|
-
var EdgeComponent = (edgeTypes === null || edgeTypes === void 0 ? void 0 : edgeTypes[edgeType]) || builtinEdgeTypes[edgeType];
|
|
21
|
-
if (EdgeComponent === undefined) {
|
|
22
|
-
onError === null || onError === void 0 ? void 0 : onError('011', errorMessages['error011'](edgeType));
|
|
23
|
-
edgeType = 'default';
|
|
24
|
-
EdgeComponent = builtinEdgeTypes.default;
|
|
25
|
-
}
|
|
26
|
-
var isFocusable = !!(edge.focusable ||
|
|
27
|
-
(edgesFocusable && typeof edge.focusable === 'undefined'));
|
|
28
|
-
var isReconnectable = typeof onReconnect !== 'undefined' &&
|
|
29
|
-
(edge.reconnectable ||
|
|
30
|
-
(edgesReconnectable && typeof edge.reconnectable === 'undefined'));
|
|
31
|
-
var isSelectable = !!(edge.selectable ||
|
|
32
|
-
(elementsSelectable && typeof edge.selectable === 'undefined'));
|
|
33
|
-
var edgeRef = useRef(null);
|
|
34
|
-
var _c = __read(useState(false), 2), updateHover = _c[0], setUpdateHover = _c[1];
|
|
35
|
-
var _d = __read(useState(false), 2), reconnecting = _d[0], setReconnecting = _d[1];
|
|
36
|
-
var store = useStoreApi();
|
|
37
|
-
var _e = useStore(useCallback(function (store) {
|
|
38
|
-
var sourceNode = store.nodeLookup.get(edge.source);
|
|
39
|
-
var targetNode = store.nodeLookup.get(edge.target);
|
|
40
|
-
if (!sourceNode || !targetNode) {
|
|
41
|
-
return __assign({ zIndex: edge.zIndex }, nullPosition);
|
|
42
|
-
}
|
|
43
|
-
var edgePosition = getEdgePosition({
|
|
44
|
-
id: id,
|
|
45
|
-
sourceNode: sourceNode,
|
|
46
|
-
targetNode: targetNode,
|
|
47
|
-
sourceHandle: edge.sourceHandle || null,
|
|
48
|
-
targetHandle: edge.targetHandle || null,
|
|
49
|
-
connectionMode: store.connectionMode,
|
|
50
|
-
onError: onError,
|
|
51
|
-
});
|
|
52
|
-
var zIndex = getElevatedEdgeZIndex({
|
|
53
|
-
selected: edge.selected,
|
|
54
|
-
zIndex: edge.zIndex,
|
|
55
|
-
sourceNode: sourceNode,
|
|
56
|
-
targetNode: targetNode,
|
|
57
|
-
elevateOnSelect: store.elevateEdgesOnSelect,
|
|
58
|
-
});
|
|
59
|
-
return __assign({ zIndex: zIndex }, (edgePosition || nullPosition));
|
|
60
|
-
}, [
|
|
61
|
-
edge.source,
|
|
62
|
-
edge.target,
|
|
63
|
-
edge.sourceHandle,
|
|
64
|
-
edge.targetHandle,
|
|
65
|
-
edge.selected,
|
|
66
|
-
edge.zIndex,
|
|
67
|
-
]), shallow), zIndex = _e.zIndex, sourceX = _e.sourceX, sourceY = _e.sourceY, targetX = _e.targetX, targetY = _e.targetY, sourcePosition = _e.sourcePosition, targetPosition = _e.targetPosition;
|
|
68
|
-
var markerStartUrl = useMemo(function () {
|
|
69
|
-
return edge.markerStart
|
|
70
|
-
? "url('#".concat(getMarkerId(edge.markerStart, rfId), "')")
|
|
71
|
-
: undefined;
|
|
72
|
-
}, [edge.markerStart, rfId]);
|
|
73
|
-
var markerEndUrl = useMemo(function () {
|
|
74
|
-
return edge.markerEnd
|
|
75
|
-
? "url('#".concat(getMarkerId(edge.markerEnd, rfId), "')")
|
|
76
|
-
: undefined;
|
|
77
|
-
}, [edge.markerEnd, rfId]);
|
|
78
|
-
if (edge.hidden ||
|
|
79
|
-
sourceX === null ||
|
|
80
|
-
sourceY === null ||
|
|
81
|
-
targetX === null ||
|
|
82
|
-
targetY === null) {
|
|
83
|
-
return null;
|
|
84
|
-
}
|
|
85
|
-
var onEdgeClick = function (event) {
|
|
86
|
-
var _a;
|
|
87
|
-
var _b = store.getState(), addSelectedEdges = _b.addSelectedEdges, unselectNodesAndEdges = _b.unselectNodesAndEdges, multiSelectionActive = _b.multiSelectionActive;
|
|
88
|
-
if (isSelectable) {
|
|
89
|
-
store.setState({ nodesSelectionActive: false });
|
|
90
|
-
if (edge.selected && multiSelectionActive) {
|
|
91
|
-
unselectNodesAndEdges({ nodes: [], edges: [edge] });
|
|
92
|
-
(_a = edgeRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
93
|
-
}
|
|
94
|
-
else {
|
|
95
|
-
addSelectedEdges([id]);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
if (onClick) {
|
|
99
|
-
onClick(event, edge);
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
var onEdgeDoubleClick = onDoubleClick
|
|
103
|
-
? function (event) {
|
|
104
|
-
onDoubleClick(event, __assign({}, edge));
|
|
105
|
-
}
|
|
106
|
-
: undefined;
|
|
107
|
-
var onEdgeContextMenu = onContextMenu
|
|
108
|
-
? function (event) {
|
|
109
|
-
onContextMenu(event, __assign({}, edge));
|
|
110
|
-
}
|
|
111
|
-
: undefined;
|
|
112
|
-
var onEdgeMouseEnter = onMouseEnter
|
|
113
|
-
? function (event) {
|
|
114
|
-
onMouseEnter(event, __assign({}, edge));
|
|
115
|
-
}
|
|
116
|
-
: undefined;
|
|
117
|
-
var onEdgeMouseMove = onMouseMove
|
|
118
|
-
? function (event) {
|
|
119
|
-
onMouseMove(event, __assign({}, edge));
|
|
120
|
-
}
|
|
121
|
-
: undefined;
|
|
122
|
-
var onEdgeMouseLeave = onMouseLeave
|
|
123
|
-
? function (event) {
|
|
124
|
-
onMouseLeave(event, __assign({}, edge));
|
|
125
|
-
}
|
|
126
|
-
: undefined;
|
|
127
|
-
var onKeyDown = function (event) {
|
|
128
|
-
var _a;
|
|
129
|
-
if (!disableKeyboardA11y &&
|
|
130
|
-
elementSelectionKeys.includes(event.key) &&
|
|
131
|
-
isSelectable) {
|
|
132
|
-
var _b = store.getState(), unselectNodesAndEdges = _b.unselectNodesAndEdges, addSelectedEdges = _b.addSelectedEdges;
|
|
133
|
-
var unselect = event.key === 'Escape';
|
|
134
|
-
if (unselect) {
|
|
135
|
-
(_a = edgeRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
136
|
-
unselectNodesAndEdges({ edges: [edge] });
|
|
137
|
-
}
|
|
138
|
-
else {
|
|
139
|
-
addSelectedEdges([id]);
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
};
|
|
143
|
-
return (_jsx("svg", { style: { zIndex: zIndex }, children: _jsxs("g", { className: cc([
|
|
144
|
-
'ink-flow__edge',
|
|
145
|
-
"ink-flow__edge-".concat(edgeType),
|
|
146
|
-
edge.className,
|
|
147
|
-
noPanClassName,
|
|
148
|
-
{
|
|
149
|
-
selected: edge.selected,
|
|
150
|
-
animated: edge.animated,
|
|
151
|
-
inactive: !isSelectable && !onClick,
|
|
152
|
-
updating: updateHover,
|
|
153
|
-
selectable: isSelectable,
|
|
154
|
-
},
|
|
155
|
-
]), onClick: onEdgeClick, onDoubleClick: onEdgeDoubleClick, onContextMenu: onEdgeContextMenu, onMouseEnter: onEdgeMouseEnter, onMouseMove: onEdgeMouseMove, onMouseLeave: onEdgeMouseLeave, onKeyDown: isFocusable ? onKeyDown : undefined, tabIndex: isFocusable ? 0 : undefined, role: isFocusable ? 'button' : 'img', "data-id": id, "data-testid": "rf__edge-".concat(id), "aria-label": edge.ariaLabel === null
|
|
156
|
-
? undefined
|
|
157
|
-
: edge.ariaLabel || "Edge from ".concat(edge.source, " to ").concat(edge.target), "aria-describedby": isFocusable ? "".concat(ARIA_EDGE_DESC_KEY, "-").concat(rfId) : undefined, ref: edgeRef, children: [!reconnecting && (_jsx(EdgeComponent, { id: id, source: edge.source, target: edge.target, type: edge.type, selected: edge.selected, animated: edge.animated, selectable: isSelectable, deletable: (_b = edge.deletable) !== null && _b !== void 0 ? _b : true, label: edge.label, labelStyle: edge.labelStyle, labelShowBg: edge.labelShowBg, labelBgStyle: edge.labelBgStyle, labelBgPadding: edge.labelBgPadding, labelBgBorderRadius: edge.labelBgBorderRadius, sourceX: sourceX, sourceY: sourceY, targetX: targetX, targetY: targetY, sourcePosition: sourcePosition, targetPosition: targetPosition, data: edge.data, style: edge.style, sourceHandleId: edge.sourceHandle, targetHandleId: edge.targetHandle, markerStart: markerStartUrl, markerEnd: markerEndUrl, pathOptions: 'pathOptions' in edge ? edge.pathOptions : undefined, interactionWidth: edge.interactionWidth })), isReconnectable && (_jsx(EdgeUpdateAnchors, { edge: edge, isReconnectable: isReconnectable, reconnectRadius: reconnectRadius, onReconnect: onReconnect, onReconnectStart: onReconnectStart, onReconnectEnd: onReconnectEnd, sourceX: sourceX, sourceY: sourceY, targetX: targetX, targetY: targetY, sourcePosition: sourcePosition, targetPosition: targetPosition, setUpdateHover: setUpdateHover, setReconnecting: setReconnecting }))] }) }));
|
|
158
|
-
}
|
|
159
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EdgeWrapper/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EAEN,WAAW,GACZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAEzE,MAAM,UAAU,WAAW,CAA+B,EAoB7B;;QAnB3B,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,mBAAmB,yBAAA;IAEnB,IAAI,IAAI,GAAG,QAAQ,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAE,EAArB,CAAqB,CAAa,CAAC;IAC9D,IAAM,kBAAkB,GAAG,QAAQ,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,kBAAkB,EAApB,CAAoB,CAAC,CAAC;IACjE,IAAI,GAAG,kBAAkB,CAAC,CAAC,uBAAM,kBAAkB,GAAK,IAAI,EAAG,CAAC,CAAC,IAAI,CAAC;IAEtE,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC;IACtC,IAAI,aAAa,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,QAAQ,CAAC,KAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAExE,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAChC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QACtD,QAAQ,GAAG,SAAS,CAAC;QACrB,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC;IAC3C,CAAC;IAED,IAAM,WAAW,GAAG,CAAC,CAAC,CACpB,IAAI,CAAC,SAAS;QACd,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,SAAS,KAAK,WAAW,CAAC,CAC1D,CAAC;IACF,IAAM,eAAe,GACnB,OAAO,WAAW,KAAK,WAAW;QAClC,CAAC,IAAI,CAAC,aAAa;YACjB,CAAC,kBAAkB,IAAI,OAAO,IAAI,CAAC,aAAa,KAAK,WAAW,CAAC,CAAC,CAAC;IACvE,IAAM,YAAY,GAAG,CAAC,CAAC,CACrB,IAAI,CAAC,UAAU;QACf,CAAC,kBAAkB,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,WAAW,CAAC,CAC/D,CAAC;IAEF,IAAM,OAAO,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACpC,IAAA,KAAA,OAAgC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAAvD,WAAW,QAAA,EAAE,cAAc,QAA4B,CAAC;IACzD,IAAA,KAAA,OAAkC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAAzD,YAAY,QAAA,EAAE,eAAe,QAA4B,CAAC;IACjE,IAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAEtB,IAAA,KAQF,QAAQ,CACV,WAAW,CACT,UAAC,KAAK;QACJ,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrD,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAErD,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,EAAE,CAAC;YAC/B,kBACE,MAAM,EAAE,IAAI,CAAC,MAAM,IAChB,YAAY,EACf;QACJ,CAAC;QAED,IAAM,YAAY,GAAG,eAAe,CAAC;YACnC,EAAE,IAAA;YACF,UAAU,YAAA;YACV,UAAU,YAAA;YACV,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI;YACvC,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,IAAI;YACvC,cAAc,EAAE,KAAK,CAAC,cAAc;YACpC,OAAO,SAAA;SACR,CAAC,CAAC;QAEH,IAAM,MAAM,GAAG,qBAAqB,CAAC;YACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,UAAU,YAAA;YACV,UAAU,YAAA;YACV,eAAe,EAAE,KAAK,CAAC,oBAAoB;SAC5C,CAAC,CAAC;QAEH,kBACE,MAAM,QAAA,IACH,CAAC,YAAY,IAAI,YAAY,CAAC,EACjC;IACJ,CAAC,EACD;QACE,IAAI,CAAC,MAAM;QACX,IAAI,CAAC,MAAM;QACX,IAAI,CAAC,YAAY;QACjB,IAAI,CAAC,YAAY;QACjB,IAAI,CAAC,QAAQ;QACb,IAAI,CAAC,MAAM;KACZ,CACF,EACD,OAAO,CACR,EArDC,MAAM,YAAA,EACN,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,cAAc,oBA+Cf,CAAC;IAEF,IAAM,cAAc,GAAG,OAAO,CAC5B;QACE,OAAA,IAAI,CAAC,WAAW;YACd,CAAC,CAAC,gBAAS,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAI;YAClD,CAAC,CAAC,SAAS;IAFb,CAEa,EACf,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CACzB,CAAC;IAEF,IAAM,YAAY,GAAG,OAAO,CAC1B;QACE,OAAA,IAAI,CAAC,SAAS;YACZ,CAAC,CAAC,gBAAS,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAI;YAChD,CAAC,CAAC,SAAS;IAFb,CAEa,EACf,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CACvB,CAAC;IAEF,IACE,IAAI,CAAC,MAAM;QACX,OAAO,KAAK,IAAI;QAChB,OAAO,KAAK,IAAI;QAChB,OAAO,KAAK,IAAI;QAChB,OAAO,KAAK,IAAI,EAChB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAM,WAAW,GAAG,UAClB,KAAgD;;QAE1C,IAAA,KACJ,KAAK,CAAC,QAAQ,EAAE,EADV,gBAAgB,sBAAA,EAAE,qBAAqB,2BAAA,EAAE,oBAAoB,0BACnD,CAAC;QAEnB,IAAI,YAAY,EAAE,CAAC;YACjB,KAAK,CAAC,QAAQ,CAAC,EAAE,oBAAoB,EAAE,KAAK,EAAE,CAAC,CAAC;YAEhD,IAAI,IAAI,CAAC,QAAQ,IAAI,oBAAoB,EAAE,CAAC;gBAC1C,qBAAqB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACpD,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,aAAa;QACrC,CAAC,CAAC,UAAC,KAAuB;YACtB,aAAa,CAAC,KAAK,eAAO,IAAI,EAAG,CAAC;QACpC,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,iBAAiB,GAAG,aAAa;QACrC,CAAC,CAAC,UAAC,KAAuB;YACtB,aAAa,CAAC,KAAK,eAAO,IAAI,EAAG,CAAC;QACpC,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,gBAAgB,GAAG,YAAY;QACnC,CAAC,CAAC,UAAC,KAAuB;YACtB,YAAY,CAAC,KAAK,eAAO,IAAI,EAAG,CAAC;QACnC,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,eAAe,GAAG,WAAW;QACjC,CAAC,CAAC,UAAC,KAAuB;YACtB,WAAW,CAAC,KAAK,eAAO,IAAI,EAAG,CAAC;QAClC,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IACd,IAAM,gBAAgB,GAAG,YAAY;QACnC,CAAC,CAAC,UAAC,KAAuB;YACtB,YAAY,CAAC,KAAK,eAAO,IAAI,EAAG,CAAC;QACnC,CAAC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,IAAM,SAAS,GAAG,UAAC,KAAoB;;QACrC,IACE,CAAC,mBAAmB;YACpB,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;YACxC,YAAY,EACZ,CAAC;YACK,IAAA,KAA8C,KAAK,CAAC,QAAQ,EAAE,EAA5D,qBAAqB,2BAAA,EAAE,gBAAgB,sBAAqB,CAAC;YACrE,IAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;YAExC,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;gBACxB,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,YACpB,aACE,SAAS,EAAE,EAAE,CAAC;gBACZ,gBAAgB;gBAChB,yBAAkB,QAAQ,CAAE;gBAC5B,IAAI,CAAC,SAAS;gBACd,cAAc;gBACd;oBACE,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,QAAQ,EAAE,CAAC,YAAY,IAAI,CAAC,OAAO;oBACnC,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,YAAY;iBACzB;aACF,CAAC,EACF,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC9C,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACrC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,aAC3B,EAAE,iBACE,mBAAY,EAAE,CAAE,gBAE3B,IAAI,CAAC,SAAS,KAAK,IAAI;gBACrB,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,oBAAa,IAAI,CAAC,MAAM,iBAAO,IAAI,CAAC,MAAM,CAAE,sBAGlE,WAAW,CAAC,CAAC,CAAC,UAAG,kBAAkB,cAAI,IAAI,CAAE,CAAC,CAAC,CAAC,SAAS,EAE3D,GAAG,EAAE,OAAO,aAEX,CAAC,YAAY,IAAI,CAChB,KAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,UAAU,EAAE,YAAY,EACxB,SAAS,EAAE,MAAA,IAAI,CAAC,SAAS,mCAAI,IAAI,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,cAAc,EAAE,IAAI,CAAC,YAAY,EACjC,cAAc,EAAE,IAAI,CAAC,YAAY,EACjC,WAAW,EAAE,cAAc,EAC3B,SAAS,EAAE,YAAY,EACvB,WAAW,EAAE,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACjE,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,GACvC,CACH,EACA,eAAe,IAAI,CAClB,KAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,GAChC,CACH,IACC,GACA,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { BezierEdgeInternal, StraightEdgeInternal, StepEdgeInternal, SmoothStepEdgeInternal, SimpleBezierEdgeInternal, } from '../Edges';
|
|
2
|
-
export var builtinEdgeTypes = {
|
|
3
|
-
default: BezierEdgeInternal,
|
|
4
|
-
straight: StraightEdgeInternal,
|
|
5
|
-
step: StepEdgeInternal,
|
|
6
|
-
smoothstep: SmoothStepEdgeInternal,
|
|
7
|
-
simplebezier: SimpleBezierEdgeInternal,
|
|
8
|
-
};
|
|
9
|
-
export var nullPosition = {
|
|
10
|
-
sourceX: null,
|
|
11
|
-
sourceY: null,
|
|
12
|
-
targetX: null,
|
|
13
|
-
targetY: null,
|
|
14
|
-
sourcePosition: null,
|
|
15
|
-
targetPosition: null,
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/EdgeWrapper/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,IAAM,gBAAgB,GAAc;IACzC,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,EAAE,oBAAoB;IAC9B,IAAI,EAAE,gBAAgB;IACtB,UAAU,EAAE,sBAAsB;IAClC,YAAY,EAAE,wBAAwB;CACvC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,cAAc,EAAE,IAAI;IACpB,cAAc,EAAE,IAAI;CACrB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import cc from 'classnames';
|
|
3
|
-
import { EdgeText } from './EdgeText';
|
|
4
|
-
import { isNumeric } from '../../utils/general';
|
|
5
|
-
export function BaseEdge(_a) {
|
|
6
|
-
var id = _a.id, path = _a.path, labelX = _a.labelX, labelY = _a.labelY, label = _a.label, labelStyle = _a.labelStyle, labelShowBg = _a.labelShowBg, labelBgStyle = _a.labelBgStyle, labelBgPadding = _a.labelBgPadding, labelBgBorderRadius = _a.labelBgBorderRadius, style = _a.style, markerEnd = _a.markerEnd, markerStart = _a.markerStart, className = _a.className, _b = _a.interactionWidth, interactionWidth = _b === void 0 ? 20 : _b;
|
|
7
|
-
return (_jsxs(_Fragment, { children: [_jsx("path", { id: id, style: style, d: path, fill: "none", className: cc(['ink-flow__edge-path', className]), markerEnd: markerEnd, markerStart: markerStart }), interactionWidth && (_jsx("path", { d: path, fill: "none", strokeOpacity: 0, strokeWidth: interactionWidth, className: "ink-flow__edge-interaction" })), label && isNumeric(labelX) && isNumeric(labelY) ? (_jsx(EdgeText, { x: labelX, y: labelY, label: label, labelStyle: labelStyle, labelShowBg: labelShowBg, labelBgStyle: labelBgStyle, labelBgPadding: labelBgPadding, labelBgBorderRadius: labelBgBorderRadius })) : null] }));
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=BaseEdge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseEdge.js","sourceRoot":"","sources":["../../../src/components/Edges/BaseEdge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,UAAU,QAAQ,CAAC,EAgBT;QAfd,EAAE,QAAA,EACF,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,MAAM,YAAA,EACN,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA;IAErB,OAAO,CACL,8BACE,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,IAAI,EACP,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,EACjD,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,GACxB,EACD,gBAAgB,IAAI,CACnB,eACE,CAAC,EAAE,IAAI,EACP,IAAI,EAAC,MAAM,EACX,aAAa,EAAE,CAAC,EAChB,WAAW,EAAE,gBAAgB,EAC7B,SAAS,EAAC,4BAA4B,GACtC,CACH,EACA,KAAK,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACjD,KAAC,QAAQ,IACP,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,GACxC,CACH,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo } from 'react';
|
|
3
|
-
import { BaseEdge } from './BaseEdge';
|
|
4
|
-
import { getBezierPath } from '../../utils/edges';
|
|
5
|
-
import { Position } from '@aloudata/ink-core';
|
|
6
|
-
function createBezierEdge(params) {
|
|
7
|
-
// eslint-disable-next-line react/display-name
|
|
8
|
-
return memo(function (_a) {
|
|
9
|
-
var id = _a.id, sourceX = _a.sourceX, sourceY = _a.sourceY, targetX = _a.targetX, targetY = _a.targetY, _b = _a.sourcePosition, sourcePosition = _b === void 0 ? Position.Bottom : _b, _c = _a.targetPosition, targetPosition = _c === void 0 ? Position.Top : _c, label = _a.label, labelStyle = _a.labelStyle, labelShowBg = _a.labelShowBg, labelBgStyle = _a.labelBgStyle, labelBgPadding = _a.labelBgPadding, labelBgBorderRadius = _a.labelBgBorderRadius, style = _a.style, markerEnd = _a.markerEnd, markerStart = _a.markerStart, pathOptions = _a.pathOptions, interactionWidth = _a.interactionWidth;
|
|
10
|
-
var _d = __read(getBezierPath({
|
|
11
|
-
sourceX: sourceX,
|
|
12
|
-
sourceY: sourceY,
|
|
13
|
-
sourcePosition: sourcePosition,
|
|
14
|
-
targetX: targetX,
|
|
15
|
-
targetY: targetY,
|
|
16
|
-
targetPosition: targetPosition,
|
|
17
|
-
curvature: pathOptions === null || pathOptions === void 0 ? void 0 : pathOptions.curvature,
|
|
18
|
-
}), 3), path = _d[0], labelX = _d[1], labelY = _d[2];
|
|
19
|
-
var _id = params.isInternal ? undefined : id;
|
|
20
|
-
return (_jsx(BaseEdge, { id: _id, path: path, labelX: labelX, labelY: labelY, label: label, labelStyle: labelStyle, labelShowBg: labelShowBg, labelBgStyle: labelBgStyle, labelBgPadding: labelBgPadding, labelBgBorderRadius: labelBgBorderRadius, style: style, markerEnd: markerEnd, markerStart: markerStart, interactionWidth: interactionWidth }));
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
var BezierEdge = createBezierEdge({ isInternal: false });
|
|
24
|
-
var BezierEdgeInternal = createBezierEdge({ isInternal: true });
|
|
25
|
-
BezierEdge.displayName = 'BezierEdge';
|
|
26
|
-
BezierEdgeInternal.displayName = 'BezierEdgeInternal';
|
|
27
|
-
export { BezierEdge, BezierEdgeInternal };
|
|
28
|
-
//# sourceMappingURL=BezierEdge.js.map
|