@lincle/react-web-interactive 0.4.0-next.18 → 0.4.0-next.19
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/cjs/base.js +11 -1
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/components/Edge/Path/index.js +5 -1
- package/dist/cjs/components/Edge/Path/index.js.map +1 -1
- package/dist/cjs/components/Edge/index.js +10 -2
- package/dist/cjs/components/Edge/index.js.map +1 -1
- package/dist/cjs/components/Edges/Connections/index.js +12 -10
- package/dist/cjs/components/Edges/Connections/index.js.map +1 -1
- package/dist/cjs/components/Edges/index.js +14 -8
- package/dist/cjs/components/Edges/index.js.map +1 -1
- package/dist/cjs/components/Graph/Grid/index.js +18 -16
- package/dist/cjs/components/Graph/Grid/index.js.map +1 -1
- package/dist/cjs/components/Graph/index.js +15 -8
- package/dist/cjs/components/Graph/index.js.map +1 -1
- package/dist/cjs/components/Interaction/Controls/index.js +18 -16
- package/dist/cjs/components/Interaction/Controls/index.js.map +1 -1
- package/dist/cjs/components/Interaction/index.js +29 -24
- package/dist/cjs/components/Interaction/index.js.map +1 -1
- package/dist/cjs/components/Node/MoveNode/index.js +27 -25
- package/dist/cjs/components/Node/MoveNode/index.js.map +1 -1
- package/dist/cjs/components/Node/PullNode/index.js +19 -17
- package/dist/cjs/components/Node/PullNode/index.js.map +1 -1
- package/dist/cjs/components/Node/index.js +42 -34
- package/dist/cjs/components/Node/index.js.map +1 -1
- package/dist/cjs/components/Nodes/Interaction/index.js +15 -13
- package/dist/cjs/components/Nodes/Interaction/index.js.map +1 -1
- package/dist/cjs/components/Nodes/index.js +11 -5
- package/dist/cjs/components/Nodes/index.js.map +1 -1
- package/dist/cjs/components/index.js +21 -5
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/index.js +18 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/shared.js +34 -2
- package/dist/cjs/shared.js.map +1 -1
- package/package.json +17 -17
|
@@ -1,17 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const base_1 = require("../../../base");
|
|
5
|
+
const shared_1 = require("../../../shared");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const react_draggable_1 = require("react-draggable");
|
|
6
8
|
const PRESS_TIME = 500;
|
|
7
9
|
const emptySnap = [
|
|
8
10
|
1,
|
|
9
11
|
1
|
|
10
12
|
];
|
|
11
13
|
const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onSelect, onStart, onStop, shape, snap: givenSnap, style, width, x, y }) => {
|
|
12
|
-
const scale = useScale();
|
|
13
|
-
const snap = useSnap();
|
|
14
|
-
const [snapX = 1, snapY = 1] = useMemo(() => {
|
|
14
|
+
const scale = (0, shared_1.useScale)();
|
|
15
|
+
const snap = (0, shared_1.useSnap)();
|
|
16
|
+
const [snapX = 1, snapY = 1] = (0, react_1.useMemo)(() => {
|
|
15
17
|
if (givenSnap === undefined) {
|
|
16
18
|
if (Array.isArray(snap)) {
|
|
17
19
|
return snap;
|
|
@@ -30,12 +32,12 @@ const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onS
|
|
|
30
32
|
givenSnap,
|
|
31
33
|
snap
|
|
32
34
|
]);
|
|
33
|
-
const [position, setPosition] = useState({
|
|
35
|
+
const [position, setPosition] = (0, react_1.useState)({
|
|
34
36
|
x,
|
|
35
37
|
y
|
|
36
38
|
});
|
|
37
|
-
const mouseDown = useRef(false);
|
|
38
|
-
const initialPos = useRef(position);
|
|
39
|
+
const mouseDown = (0, react_1.useRef)(false);
|
|
40
|
+
const initialPos = (0, react_1.useRef)(position);
|
|
39
41
|
if (!mouseDown.current && (x !== initialPos.current.x ||
|
|
40
42
|
y !== initialPos.current.y) && (x !== position.x ||
|
|
41
43
|
y !== position.y)) {
|
|
@@ -44,19 +46,19 @@ const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onS
|
|
|
44
46
|
y
|
|
45
47
|
});
|
|
46
48
|
}
|
|
47
|
-
const pos = useRef(position);
|
|
48
|
-
const snapped = useRef(position);
|
|
49
|
+
const pos = (0, react_1.useRef)(position);
|
|
50
|
+
const snapped = (0, react_1.useRef)(position);
|
|
49
51
|
snapped.current = position;
|
|
50
|
-
const moved = useRef(false);
|
|
51
|
-
const press = useRef(undefined);
|
|
52
|
-
useEffect(() => {
|
|
52
|
+
const moved = (0, react_1.useRef)(false);
|
|
53
|
+
const press = (0, react_1.useRef)(undefined);
|
|
54
|
+
(0, react_1.useEffect)(() => {
|
|
53
55
|
return () => {
|
|
54
56
|
if (press.current) {
|
|
55
57
|
clearTimeout(press.current);
|
|
56
58
|
}
|
|
57
59
|
};
|
|
58
60
|
}, []);
|
|
59
|
-
const handleOnSelect = useCallback(() => {
|
|
61
|
+
const handleOnSelect = (0, react_1.useCallback)(() => {
|
|
60
62
|
if (onSelect) {
|
|
61
63
|
onSelect(id);
|
|
62
64
|
}
|
|
@@ -64,7 +66,7 @@ const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onS
|
|
|
64
66
|
id,
|
|
65
67
|
onSelect
|
|
66
68
|
]);
|
|
67
|
-
const handlePressStart = useCallback(() => {
|
|
69
|
+
const handlePressStart = (0, react_1.useCallback)(() => {
|
|
68
70
|
if (mode !== 'select' &&
|
|
69
71
|
!press.current) {
|
|
70
72
|
press.current = setTimeout(() => {
|
|
@@ -76,13 +78,13 @@ const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onS
|
|
|
76
78
|
handleOnSelect,
|
|
77
79
|
mode
|
|
78
80
|
]);
|
|
79
|
-
const handlePressStop = useCallback(() => {
|
|
81
|
+
const handlePressStop = (0, react_1.useCallback)(() => {
|
|
80
82
|
if (press.current) {
|
|
81
83
|
clearTimeout(press.current);
|
|
82
84
|
press.current = undefined;
|
|
83
85
|
}
|
|
84
86
|
}, []);
|
|
85
|
-
const handleStart = useCallback((event) => {
|
|
87
|
+
const handleStart = (0, react_1.useCallback)((event) => {
|
|
86
88
|
event.stopPropagation();
|
|
87
89
|
mouseDown.current = true;
|
|
88
90
|
if (onSelect) {
|
|
@@ -96,7 +98,7 @@ const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onS
|
|
|
96
98
|
onSelect,
|
|
97
99
|
onStart
|
|
98
100
|
]);
|
|
99
|
-
const handleDrag = useCallback((event, data) => {
|
|
101
|
+
const handleDrag = (0, react_1.useCallback)((event, data) => {
|
|
100
102
|
event.stopPropagation();
|
|
101
103
|
const currentX = pos.current.x;
|
|
102
104
|
const currentY = pos.current.y;
|
|
@@ -133,7 +135,7 @@ const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onS
|
|
|
133
135
|
snapX,
|
|
134
136
|
snapY
|
|
135
137
|
]);
|
|
136
|
-
const handleStop = useCallback((event, data) => {
|
|
138
|
+
const handleStop = (0, react_1.useCallback)((event, data) => {
|
|
137
139
|
mouseDown.current = false;
|
|
138
140
|
if (onSelect && !press.current ||
|
|
139
141
|
mode === 'select' ||
|
|
@@ -180,9 +182,9 @@ const MoveNode = ({ children, className, disabled, height, id, mode, onDrag, onS
|
|
|
180
182
|
snapX,
|
|
181
183
|
snapY
|
|
182
184
|
]);
|
|
183
|
-
const nodeRef = useRef(null);
|
|
184
|
-
return (
|
|
185
|
+
const nodeRef = (0, react_1.useRef)(null);
|
|
186
|
+
return ((0, jsx_runtime_1.jsx)(react_draggable_1.DraggableCore, { disabled: disabled, nodeRef: nodeRef, onDrag: handleDrag, onStart: handleStart, onStop: handleStop, scale: scale, children: (0, jsx_runtime_1.jsx)(base_1.Node, { className: className, height: height, id: id, ref: nodeRef, shape: shape, style: style, width: width, x: position.x, y: position.y, children: children }) }));
|
|
185
187
|
};
|
|
186
188
|
MoveNode.displayName = 'LincleInteractiveMoveNode';
|
|
187
|
-
|
|
189
|
+
exports.default = MoveNode;
|
|
188
190
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/MoveNode/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/MoveNode/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const shared_1 = require("../../../shared");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_draggable_1 = require("react-draggable");
|
|
5
7
|
const PullNode = ({ className, disabled, height = 0, line = 'direct', onDrag, onEdgeDrop: givenOnEdgeDrop, onStart, onStop, shape = 'oval', sourceId, style, width = 0, x = 0, y = 0 }) => {
|
|
6
|
-
const diagramId = useDiagramId();
|
|
7
|
-
const nodePositions = useNodePositions();
|
|
8
|
-
const setConnection = useSetConnection(sourceId);
|
|
9
|
-
const onNodeEdgeDrop = useOnNodeEdgeDrop();
|
|
8
|
+
const diagramId = (0, shared_1.useDiagramId)();
|
|
9
|
+
const nodePositions = (0, shared_1.useNodePositions)();
|
|
10
|
+
const setConnection = (0, shared_1.useSetConnection)(sourceId);
|
|
11
|
+
const onNodeEdgeDrop = (0, shared_1.useOnNodeEdgeDrop)();
|
|
10
12
|
const onEdgeDrop = givenOnEdgeDrop ?? onNodeEdgeDrop;
|
|
11
|
-
const scale = useScale();
|
|
12
|
-
useEffect(() => {
|
|
13
|
+
const scale = (0, shared_1.useScale)();
|
|
14
|
+
(0, react_1.useEffect)(() => {
|
|
13
15
|
return () => {
|
|
14
16
|
setConnection();
|
|
15
17
|
};
|
|
16
18
|
}, []);
|
|
17
|
-
const handleStart = useCallback((event) => {
|
|
19
|
+
const handleStart = (0, react_1.useCallback)((event) => {
|
|
18
20
|
event.stopPropagation();
|
|
19
21
|
if (!disabled &&
|
|
20
22
|
onStart) {
|
|
@@ -24,7 +26,7 @@ const PullNode = ({ className, disabled, height = 0, line = 'direct', onDrag, on
|
|
|
24
26
|
disabled,
|
|
25
27
|
onStart
|
|
26
28
|
]);
|
|
27
|
-
const handleDrag = useCallback((event, data) => {
|
|
29
|
+
const handleDrag = (0, react_1.useCallback)((event, data) => {
|
|
28
30
|
event.stopPropagation();
|
|
29
31
|
if (!disabled) {
|
|
30
32
|
setConnection({
|
|
@@ -62,7 +64,7 @@ const PullNode = ({ className, disabled, height = 0, line = 'direct', onDrag, on
|
|
|
62
64
|
x,
|
|
63
65
|
y
|
|
64
66
|
]);
|
|
65
|
-
const handleStop = useCallback((event, data) => {
|
|
67
|
+
const handleStop = (0, react_1.useCallback)((event, data) => {
|
|
66
68
|
event.stopPropagation();
|
|
67
69
|
setConnection();
|
|
68
70
|
if (onStop) {
|
|
@@ -84,7 +86,7 @@ const PullNode = ({ className, disabled, height = 0, line = 'direct', onDrag, on
|
|
|
84
86
|
setConnection,
|
|
85
87
|
sourceId
|
|
86
88
|
]);
|
|
87
|
-
const viewStyle = useMemo(() => {
|
|
89
|
+
const viewStyle = (0, react_1.useMemo)(() => {
|
|
88
90
|
return {
|
|
89
91
|
borderRadius: shape === 'oval' ?
|
|
90
92
|
50 :
|
|
@@ -104,11 +106,11 @@ const PullNode = ({ className, disabled, height = 0, line = 'direct', onDrag, on
|
|
|
104
106
|
x,
|
|
105
107
|
y
|
|
106
108
|
]);
|
|
107
|
-
const nodeRef = useRef(null);
|
|
109
|
+
const nodeRef = (0, react_1.useRef)(null);
|
|
108
110
|
return diagramId ?
|
|
109
|
-
|
|
111
|
+
(0, jsx_runtime_1.jsx)(react_draggable_1.DraggableCore, { disabled: disabled, nodeRef: nodeRef, onDrag: handleDrag, onStart: handleStart, onStop: handleStop, scale: scale, children: (0, jsx_runtime_1.jsx)("div", { className: className, ref: nodeRef, style: viewStyle }) }) :
|
|
110
112
|
null;
|
|
111
113
|
};
|
|
112
114
|
PullNode.displayName = 'LincleInteractivePullNode';
|
|
113
|
-
|
|
115
|
+
exports.default = PullNode;
|
|
114
116
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/PullNode/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/PullNode/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.PullNode = exports.MoveNode = exports.Node = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const shared_1 = require("../../shared");
|
|
9
|
+
const MoveNode_1 = __importDefault(require("./MoveNode"));
|
|
10
|
+
const PullNode_1 = __importDefault(require("./PullNode"));
|
|
11
|
+
const react_1 = require("react");
|
|
6
12
|
const emptySnap = [
|
|
7
13
|
1,
|
|
8
14
|
1
|
|
9
15
|
];
|
|
10
16
|
const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenMode, move: givenMove, onDrag, onEdgeDrop: givenOnEdgeDrop, onSelect: givenOnSelect, onStart, onStop, pull: givenPull, shape: givenShape, style, width: givenWidth, x, y }) => {
|
|
11
|
-
const defaultHeight = useDefaultNodeHeight();
|
|
12
|
-
const defaultLine = useDefaultLine();
|
|
13
|
-
const defaultShape = useDefaultShape();
|
|
14
|
-
const defaultWidth = useDefaultNodeWidth();
|
|
15
|
-
const snap = useSnap();
|
|
17
|
+
const defaultHeight = (0, shared_1.useDefaultNodeHeight)();
|
|
18
|
+
const defaultLine = (0, shared_1.useDefaultLine)();
|
|
19
|
+
const defaultShape = (0, shared_1.useDefaultShape)();
|
|
20
|
+
const defaultWidth = (0, shared_1.useDefaultNodeWidth)();
|
|
21
|
+
const snap = (0, shared_1.useSnap)();
|
|
16
22
|
const [snapX = 1, snapY = 1] = snap && Array.isArray(snap) ?
|
|
17
23
|
snap :
|
|
18
24
|
emptySnap;
|
|
19
|
-
const graphMode = useMode();
|
|
20
|
-
const graphGivenMode = useModeGiven();
|
|
25
|
+
const graphMode = (0, shared_1.useMode)();
|
|
26
|
+
const graphGivenMode = (0, shared_1.useModeGiven)();
|
|
21
27
|
const mode = givenMode ?? graphGivenMode ?? graphMode;
|
|
22
|
-
const graphMove = useMove();
|
|
23
|
-
const graphPull = usePull();
|
|
24
|
-
const onNodeDrag = useOnNodeDrag();
|
|
25
|
-
const onNodeEdgeDrop = useOnNodeEdgeDrop();
|
|
26
|
-
const onNodeSelect = useOnNodeSelect();
|
|
27
|
-
const onNodeStart = useOnNodeStart();
|
|
28
|
-
const onNodeStop = useOnNodeStop();
|
|
28
|
+
const graphMove = (0, shared_1.useMove)();
|
|
29
|
+
const graphPull = (0, shared_1.usePull)();
|
|
30
|
+
const onNodeDrag = (0, shared_1.useOnNodeDrag)();
|
|
31
|
+
const onNodeEdgeDrop = (0, shared_1.useOnNodeEdgeDrop)();
|
|
32
|
+
const onNodeSelect = (0, shared_1.useOnNodeSelect)();
|
|
33
|
+
const onNodeStart = (0, shared_1.useOnNodeStart)();
|
|
34
|
+
const onNodeStop = (0, shared_1.useOnNodeStop)();
|
|
29
35
|
const move = givenMove ?? graphMove;
|
|
30
36
|
const pull = givenPull ?? graphPull;
|
|
31
37
|
const onEdgeDrop = givenOnEdgeDrop ?? onNodeEdgeDrop;
|
|
32
38
|
const onSelect = givenOnSelect ?? onNodeSelect;
|
|
33
|
-
const pullPosition = useRef({
|
|
39
|
+
const pullPosition = (0, react_1.useRef)({
|
|
34
40
|
x,
|
|
35
41
|
y
|
|
36
42
|
});
|
|
37
|
-
const { height, line, shape, width } = useMemo(() => {
|
|
43
|
+
const { height, line, shape, width } = (0, react_1.useMemo)(() => {
|
|
38
44
|
return {
|
|
39
45
|
height: givenHeight ?? defaultHeight,
|
|
40
46
|
line: givenLine ?? defaultLine,
|
|
@@ -51,7 +57,7 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
51
57
|
givenShape,
|
|
52
58
|
givenWidth
|
|
53
59
|
]);
|
|
54
|
-
const handleOnStart = useCallback((event) => {
|
|
60
|
+
const handleOnStart = (0, react_1.useCallback)((event) => {
|
|
55
61
|
if (onStart) {
|
|
56
62
|
onStart(event);
|
|
57
63
|
}
|
|
@@ -63,7 +69,7 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
63
69
|
onNodeStart,
|
|
64
70
|
onStart
|
|
65
71
|
]);
|
|
66
|
-
const handleOnDrag = useCallback((event, data) => {
|
|
72
|
+
const handleOnDrag = (0, react_1.useCallback)((event, data) => {
|
|
67
73
|
if (onDrag) {
|
|
68
74
|
onDrag(event, data);
|
|
69
75
|
}
|
|
@@ -75,7 +81,7 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
75
81
|
onDrag,
|
|
76
82
|
onNodeDrag
|
|
77
83
|
]);
|
|
78
|
-
const handleOnStop = useCallback((event, data) => {
|
|
84
|
+
const handleOnStop = (0, react_1.useCallback)((event, data) => {
|
|
79
85
|
if (onStop) {
|
|
80
86
|
onStop(event, data);
|
|
81
87
|
}
|
|
@@ -87,12 +93,12 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
87
93
|
onNodeStop,
|
|
88
94
|
onStop
|
|
89
95
|
]);
|
|
90
|
-
const handleMoveStart = useCallback((event) => {
|
|
96
|
+
const handleMoveStart = (0, react_1.useCallback)((event) => {
|
|
91
97
|
handleOnStart(event);
|
|
92
98
|
}, [
|
|
93
99
|
handleOnStart
|
|
94
100
|
]);
|
|
95
|
-
const handleMoveDrag = useCallback((event, data, position) => {
|
|
101
|
+
const handleMoveDrag = (0, react_1.useCallback)((event, data, position) => {
|
|
96
102
|
pullPosition.current = {
|
|
97
103
|
x: position.x,
|
|
98
104
|
y: position.y
|
|
@@ -101,19 +107,19 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
101
107
|
}, [
|
|
102
108
|
handleOnDrag
|
|
103
109
|
]);
|
|
104
|
-
const handleMoveStop = useCallback((event, data) => {
|
|
110
|
+
const handleMoveStop = (0, react_1.useCallback)((event, data) => {
|
|
105
111
|
handleOnStop(event, data);
|
|
106
112
|
}, [
|
|
107
113
|
handleOnStop
|
|
108
114
|
]);
|
|
109
|
-
const pullNode = useMemo(() => {
|
|
115
|
+
const pullNode = (0, react_1.useMemo)(() => {
|
|
110
116
|
return mode === 'pull' && pull ?
|
|
111
|
-
|
|
117
|
+
(0, jsx_runtime_1.jsx)(PullNode_1.default, { height: height, line: line, mode: mode, onEdgeDrop: onEdgeDrop, shape: shape, sourceId: id, style: style, width: width, x: pullPosition.current.x, y: pullPosition.current.y }) :
|
|
112
118
|
null;
|
|
113
119
|
}, [
|
|
114
120
|
mode
|
|
115
121
|
]);
|
|
116
|
-
const snapper = useMemo(() => {
|
|
122
|
+
const snapper = (0, react_1.useMemo)(() => {
|
|
117
123
|
return {
|
|
118
124
|
x: Math.ceil((x ?? 0) / snapX) * snapX,
|
|
119
125
|
y: Math.ceil((y ?? 0) / snapY) * snapY
|
|
@@ -124,12 +130,14 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
124
130
|
x,
|
|
125
131
|
y
|
|
126
132
|
]);
|
|
127
|
-
return (
|
|
133
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MoveNode_1.default, { disabled: mode === 'pull' ?
|
|
128
134
|
true :
|
|
129
135
|
!move, height: height, id: id, mode: mode, onDrag: handleMoveDrag, onSelect: onSelect, onStart: handleMoveStart, onStop: handleMoveStop, shape: shape, snap: snap, style: style, width: width, x: snapper.x, y: snapper.y, children: children }), pullNode] }));
|
|
130
136
|
};
|
|
137
|
+
exports.Node = Node;
|
|
131
138
|
Node.displayName = 'LincleInteractiveNode';
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
139
|
+
var MoveNode_2 = require("./MoveNode");
|
|
140
|
+
Object.defineProperty(exports, "MoveNode", { enumerable: true, get: function () { return __importDefault(MoveNode_2).default; } });
|
|
141
|
+
var PullNode_2 = require("./PullNode");
|
|
142
|
+
Object.defineProperty(exports, "PullNode", { enumerable: true, get: function () { return __importDefault(PullNode_2).default; } });
|
|
135
143
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const shared_1 = require("../../../shared");
|
|
5
|
+
const react_1 = require("react");
|
|
4
6
|
const Interaction = ({ children }) => {
|
|
5
|
-
const scale = useScale();
|
|
6
|
-
const translate = useTranslate();
|
|
7
|
-
const givenMode = useModeGiven();
|
|
8
|
-
const onMode = useOnMode();
|
|
9
|
-
const keypress = useRef(false);
|
|
10
|
-
const handleMode = useCallback((changedMode) => {
|
|
7
|
+
const scale = (0, shared_1.useScale)();
|
|
8
|
+
const translate = (0, shared_1.useTranslate)();
|
|
9
|
+
const givenMode = (0, shared_1.useModeGiven)();
|
|
10
|
+
const onMode = (0, shared_1.useOnMode)();
|
|
11
|
+
const keypress = (0, react_1.useRef)(false);
|
|
12
|
+
const handleMode = (0, react_1.useCallback)((changedMode) => {
|
|
11
13
|
if (onMode) {
|
|
12
14
|
onMode(changedMode);
|
|
13
15
|
}
|
|
14
16
|
}, [
|
|
15
17
|
onMode
|
|
16
18
|
]);
|
|
17
|
-
useEffect(() => {
|
|
19
|
+
(0, react_1.useEffect)(() => {
|
|
18
20
|
if (givenMode) {
|
|
19
21
|
return () => {
|
|
20
22
|
};
|
|
@@ -48,7 +50,7 @@ const Interaction = ({ children }) => {
|
|
|
48
50
|
givenMode,
|
|
49
51
|
handleMode
|
|
50
52
|
]);
|
|
51
|
-
const style = useMemo(() => {
|
|
53
|
+
const style = (0, react_1.useMemo)(() => {
|
|
52
54
|
const { x, y } = translate;
|
|
53
55
|
return {
|
|
54
56
|
transform: `translateX(${x / scale}px) translateY(${y / scale}px)`,
|
|
@@ -58,8 +60,8 @@ const Interaction = ({ children }) => {
|
|
|
58
60
|
scale,
|
|
59
61
|
translate
|
|
60
62
|
]);
|
|
61
|
-
return (
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: 'lincle-interactive-graph', children: (0, jsx_runtime_1.jsx)("div", { className: 'lincle-interactive-transform', style: style, children: children }) }));
|
|
62
64
|
};
|
|
63
65
|
Interaction.displayName = 'LincleInteractiveInteraction';
|
|
64
|
-
|
|
66
|
+
exports.default = Interaction;
|
|
65
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Nodes/Interaction/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Nodes/Interaction/index.tsx"],"names":[],"mappings":";;;AAAA,4CAMyB;AACzB,iCAOe;AAEf,MAAM,WAAW,GAAiD,CAAC,EACjE,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IACjC,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IACjC,MAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAE3B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAE/B,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,WAAqB,EAAE,EAAE;QACxB,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,WAAW,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD;QACE,MAAM;KACP,CACF,CAAC;IAEF,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,GAAS,EAAE;YAElB,CAAC,CAAC;QACJ,CAAC;QAED,MAAM,SAAS,GAAG,CAChB,KAAoB,EACd,EAAE;YACR,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAExB,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,UAAU,CAAC,MAAM,CAAC,CAAC;YACrB,CAAC;iBAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBACzB,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,CACd,KAAoB,EACd,EAAE;YACR,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YAEzB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACpB,UAAU,CAAC,MAAM,CAAC,CAAC;YACrB,CAAC;iBAAM,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gBAC1B,UAAU,CAAC,MAAM,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CACrB,SAAS,EACT,SAAS,CACV,CAAC;QAEF,MAAM,CAAC,gBAAgB,CACrB,OAAO,EACP,OAAO,CACR,CAAC;QAEF,OAAO,GAAS,EAAE;YAChB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YAEzB,MAAM,CAAC,mBAAmB,CACxB,SAAS,EACT,SAAS,CACV,CAAC;YAEF,MAAM,CAAC,mBAAmB,CACxB,OAAO,EACP,OAAO,CACR,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EACD;QACE,SAAS;QACT,UAAU;KACX,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACH,MAAM,EACJ,CAAC,EACD,CAAC,EACF,GAAG,SAAS,CAAC;QAEd,OAAO;YAEL,SAAS,EAAE,cAAc,CAAC,GAAG,KAAK,kBAAkB,CAAC,GAAG,KAAK,KAAK;YAElE,IAAI,EAAE,KAAK;SACZ,CAAC;IACJ,CAAC,EACD;QACE,KAAK;QACL,SAAS;KACV,CACF,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAC,0BAA0B,YAEpC,gCACE,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,kBAAe,WAAW,CAAC"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Nodes = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const base_1 = require("../../base");
|
|
9
|
+
const Interaction_1 = __importDefault(require("./Interaction"));
|
|
4
10
|
const Nodes = ({ children, ...props }) => {
|
|
5
|
-
return (
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(Interaction_1.default, { children: (0, jsx_runtime_1.jsx)(base_1.Nodes, { ...props, children: children }) }));
|
|
6
12
|
};
|
|
13
|
+
exports.Nodes = Nodes;
|
|
7
14
|
Nodes.displayName = 'LincleInteractiveNodes';
|
|
8
|
-
export { Nodes };
|
|
9
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nodes/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nodes/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,qCAEoB;AAIpB,gEAAwC;AAKxC,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,qBAAW,cACV,uBAAC,YAAS,OACJ,KAAK,YAER,QAAQ,GACC,GACA,CACf,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -1,6 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Edge"), exports);
|
|
18
|
+
__exportStar(require("./Edges"), exports);
|
|
19
|
+
__exportStar(require("./Graph"), exports);
|
|
20
|
+
__exportStar(require("./Node"), exports);
|
|
21
|
+
__exportStar(require("./Nodes"), exports);
|
|
6
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./components"), exports);
|
|
18
|
+
__exportStar(require("./shared"), exports);
|
|
3
19
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,2CAAyB"}
|