@lincle/react-native-interactive 0.4.0-next.15 → 0.4.0-next.17
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.
|
@@ -6,11 +6,18 @@ import { StyleSheet } from 'react-native';
|
|
|
6
6
|
import { Defs, G, Svg } from 'react-native-svg';
|
|
7
7
|
const { svgStyle } = StyleSheet.create({
|
|
8
8
|
svgStyle: {
|
|
9
|
+
height: '100%',
|
|
9
10
|
overflow: 'visible',
|
|
10
11
|
pointerEvents: 'box-none',
|
|
11
|
-
position: 'absolute'
|
|
12
|
+
position: 'absolute',
|
|
13
|
+
width: '100%',
|
|
14
|
+
zIndex: 1
|
|
12
15
|
}
|
|
13
16
|
});
|
|
17
|
+
const isConnecting = {
|
|
18
|
+
x: 0,
|
|
19
|
+
y: 0
|
|
20
|
+
};
|
|
14
21
|
const Connections = ({ scale = 1, translate = {
|
|
15
22
|
x: 0,
|
|
16
23
|
y: 0
|
|
@@ -19,7 +26,7 @@ const Connections = ({ scale = 1, translate = {
|
|
|
19
26
|
const paths = useMemo(() => {
|
|
20
27
|
return Object.keys(connections).map((sourceId) => {
|
|
21
28
|
const { line, source, target } = connections[sourceId];
|
|
22
|
-
return (_jsx(Path, { edgeId: sourceId + 'temp', line: line, source: source, target: target }, sourceId));
|
|
29
|
+
return (_jsx(Path, { edgeId: sourceId + 'temp', isConnecting: isConnecting, line: line, source: source, target: target }, sourceId));
|
|
23
30
|
});
|
|
24
31
|
}, [
|
|
25
32
|
connections
|
|
@@ -30,17 +30,15 @@ const PullNode = ({ disabled, height = 0, line = 'direct', onDrag, onEdgeDrop: g
|
|
|
30
30
|
onStart
|
|
31
31
|
]);
|
|
32
32
|
const handleDrag = useCallback((event, gestureState) => {
|
|
33
|
-
var _a, _b;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
};
|
|
39
|
-
}
|
|
33
|
+
var _a, _b, _c;
|
|
34
|
+
(_a = mouseOffset.current) !== null && _a !== void 0 ? _a : (mouseOffset.current = {
|
|
35
|
+
x: event.nativeEvent.locationX,
|
|
36
|
+
y: event.nativeEvent.locationY
|
|
37
|
+
});
|
|
40
38
|
if (!disabled) {
|
|
41
39
|
position.current = {
|
|
42
|
-
x: x + gestureState.dx + ((
|
|
43
|
-
y: y + gestureState.dy + ((
|
|
40
|
+
x: x + gestureState.dx + ((_b = mouseOffset.current) === null || _b === void 0 ? void 0 : _b.x),
|
|
41
|
+
y: y + gestureState.dy + ((_c = mouseOffset.current) === null || _c === void 0 ? void 0 : _c.y)
|
|
44
42
|
};
|
|
45
43
|
setConnection({
|
|
46
44
|
line,
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@lincle/react-native-interactive",
|
|
3
3
|
"title": "lincle react native interactive",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "0.4.0-next.
|
|
5
|
+
"version": "0.4.0-next.17",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "A 'reactive' React node and edge generator",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -43,44 +43,46 @@
|
|
|
43
43
|
"clean:dist": "rimraf dist"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@digest/eslint-config-jest": "^4.
|
|
47
|
-
"@digest/eslint-config-react": "^4.
|
|
48
|
-
"@digest/eslint-config-typescript": "^4.
|
|
49
|
-
"@digest/jest-junit": "^4.
|
|
50
|
-
"@digest/jest-react": "^4.
|
|
51
|
-
"@digest/jest-typescript": "^4.
|
|
52
|
-
"@digest/typescript": "^4.
|
|
53
|
-
"@openspacelabs/react-native-zoomable-view": "^2.
|
|
54
|
-
"@types/jest": "^
|
|
55
|
-
"@types/node": "^
|
|
56
|
-
"@types/react": "^19.
|
|
46
|
+
"@digest/eslint-config-jest": "^4.14.9",
|
|
47
|
+
"@digest/eslint-config-react": "^4.14.9",
|
|
48
|
+
"@digest/eslint-config-typescript": "^4.14.9",
|
|
49
|
+
"@digest/jest-junit": "^4.14.9",
|
|
50
|
+
"@digest/jest-react": "^4.14.9",
|
|
51
|
+
"@digest/jest-typescript": "^4.14.9",
|
|
52
|
+
"@digest/typescript": "^4.14.9",
|
|
53
|
+
"@openspacelabs/react-native-zoomable-view": "^2.4.2",
|
|
54
|
+
"@types/jest": "^30.0.0",
|
|
55
|
+
"@types/node": "^25.0.3",
|
|
56
|
+
"@types/react": "^19.2.7",
|
|
57
57
|
"@types/react-native": "^0.73.0",
|
|
58
|
-
"@types/react-test-renderer": "^19.
|
|
59
|
-
"cross-env": "^
|
|
60
|
-
"jest-environment-jsdom": "^
|
|
58
|
+
"@types/react-test-renderer": "^19.1.0",
|
|
59
|
+
"cross-env": "^10.1.0",
|
|
60
|
+
"jest-environment-jsdom": "^30.2.0",
|
|
61
61
|
"jest-environment-jsdom-global": "^4.0.0",
|
|
62
62
|
"ncp": "^2.0.0",
|
|
63
63
|
"npm-run-all": "^4.1.5",
|
|
64
|
-
"react": "^19.
|
|
65
|
-
"react-native": "^0.
|
|
64
|
+
"react": "^19.2.3",
|
|
65
|
+
"react-native": "^0.83.1",
|
|
66
66
|
"react-native-draggable": "^3.3.0",
|
|
67
|
-
"react-native-reanimated": "^
|
|
68
|
-
"react-native-svg": "^15.
|
|
69
|
-
"react-
|
|
70
|
-
"
|
|
67
|
+
"react-native-reanimated": "^4.2.1",
|
|
68
|
+
"react-native-svg": "^15.15.1",
|
|
69
|
+
"react-native-worklets": "^0.7.1",
|
|
70
|
+
"react-test-renderer": "^19.2.3",
|
|
71
|
+
"rimraf": "^6.1.2"
|
|
71
72
|
},
|
|
72
73
|
"dependencies": {
|
|
73
|
-
"@lincle/react-interactive-shared": "^0.4.0-next.
|
|
74
|
-
"@lincle/react-native-base": "^0.4.0-next.
|
|
75
|
-
"@lincle/react-shared": "^0.4.0-next.
|
|
74
|
+
"@lincle/react-interactive-shared": "^0.4.0-next.17",
|
|
75
|
+
"@lincle/react-native-base": "^0.4.0-next.17",
|
|
76
|
+
"@lincle/react-shared": "^0.4.0-next.17"
|
|
76
77
|
},
|
|
77
78
|
"peerDependencies": {
|
|
78
|
-
"@openspacelabs/react-native-zoomable-view": "^2.
|
|
79
|
+
"@openspacelabs/react-native-zoomable-view": "^2.0.0",
|
|
79
80
|
"react": "^18.0.0 || ^19.0.0",
|
|
80
|
-
"react-native": "^0.
|
|
81
|
-
"react-native-draggable": "^3.
|
|
82
|
-
"react-native-reanimated": "^
|
|
83
|
-
"react-native-svg": "^15.0.0"
|
|
81
|
+
"react-native": "^0.83.0",
|
|
82
|
+
"react-native-draggable": "^3.0.0",
|
|
83
|
+
"react-native-reanimated": "^4.0.0",
|
|
84
|
+
"react-native-svg": "^15.0.0",
|
|
85
|
+
"react-native-worklets": "^0.7.0"
|
|
84
86
|
},
|
|
85
87
|
"keywords": [
|
|
86
88
|
"library",
|
|
@@ -101,5 +103,5 @@
|
|
|
101
103
|
"dragndrop",
|
|
102
104
|
"drag"
|
|
103
105
|
],
|
|
104
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "25bbe98ceef3b13ee0ee23ea3b261d8a115c0771"
|
|
105
107
|
}
|