@lincle/react-native-interactive 0.4.0-next.16 → 0.4.0-next.18
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/{base.js → cjs/base.js} +1 -0
- package/dist/cjs/base.js.map +1 -0
- package/dist/{components → cjs/components}/Edge/Path/index.js +1 -0
- package/dist/cjs/components/Edge/Path/index.js.map +1 -0
- package/dist/{components → cjs/components}/Edge/index.js +1 -0
- package/dist/cjs/components/Edge/index.js.map +1 -0
- package/dist/{components → cjs/components}/Edges/Connections/index.js +11 -3
- package/dist/cjs/components/Edges/Connections/index.js.map +1 -0
- package/dist/cjs/components/Edges/index.js +21 -0
- package/dist/cjs/components/Edges/index.js.map +1 -0
- package/dist/{components → cjs/components}/Graph/Grid/index.js +1 -0
- package/dist/cjs/components/Graph/Grid/index.js.map +1 -0
- package/dist/{components → cjs/components}/Graph/index.js +1 -0
- package/dist/cjs/components/Graph/index.js.map +1 -0
- package/dist/{components → cjs/components}/Interaction/index.js +3 -3
- package/dist/cjs/components/Interaction/index.js.map +1 -0
- package/dist/{components → cjs/components}/Node/Draggable.js +16 -9
- package/dist/cjs/components/Node/Draggable.js.map +1 -0
- package/dist/{components → cjs/components}/Node/MoveNode/index.js +2 -1
- package/dist/cjs/components/Node/MoveNode/index.js.map +1 -0
- package/dist/{components → cjs/components}/Node/PullNode/index.js +12 -8
- package/dist/cjs/components/Node/PullNode/index.js.map +1 -0
- package/dist/{components → cjs/components}/Node/index.js +13 -13
- package/dist/cjs/components/Node/index.js.map +1 -0
- package/dist/{components → cjs/components}/Nodes/Interaction/index.js +5 -1
- package/dist/cjs/components/Nodes/Interaction/index.js.map +1 -0
- package/dist/cjs/components/Nodes/index.js +9 -0
- package/dist/cjs/components/Nodes/index.js.map +1 -0
- package/dist/{components → cjs/components}/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/{index.js → cjs/index.js} +1 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/{shared.js → cjs/shared.js} +1 -0
- package/dist/cjs/shared.js.map +1 -0
- package/dist/esm/base.js +2 -0
- package/dist/esm/base.js.map +1 -0
- package/dist/esm/components/Edge/Path/index.js +2 -0
- package/dist/esm/components/Edge/Path/index.js.map +1 -0
- package/dist/esm/components/Edge/index.js +3 -0
- package/dist/esm/components/Edge/index.js.map +1 -0
- package/dist/esm/components/Edges/Connections/index.js +48 -0
- package/dist/esm/components/Edges/Connections/index.js.map +1 -0
- package/dist/esm/components/Edges/index.js +21 -0
- package/dist/esm/components/Edges/index.js.map +1 -0
- package/dist/esm/components/Graph/Grid/index.js +57 -0
- package/dist/esm/components/Graph/Grid/index.js.map +1 -0
- package/dist/esm/components/Graph/index.js +17 -0
- package/dist/esm/components/Graph/index.js.map +1 -0
- package/dist/esm/components/Interaction/index.js +109 -0
- package/dist/esm/components/Interaction/index.js.map +1 -0
- package/dist/esm/components/Node/Draggable.js +279 -0
- package/dist/esm/components/Node/Draggable.js.map +1 -0
- package/dist/esm/components/Node/MoveNode/index.js +61 -0
- package/dist/esm/components/Node/MoveNode/index.js.map +1 -0
- package/dist/esm/components/Node/PullNode/index.js +124 -0
- package/dist/esm/components/Node/PullNode/index.js.map +1 -0
- package/dist/esm/components/Node/index.js +135 -0
- package/dist/esm/components/Node/index.js.map +1 -0
- package/dist/esm/components/Nodes/Interaction/index.js +31 -0
- package/dist/esm/components/Nodes/Interaction/index.js.map +1 -0
- package/dist/esm/components/Nodes/index.js +9 -0
- package/dist/esm/components/Nodes/index.js.map +1 -0
- package/dist/esm/components/index.js +6 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/shared.js +3 -0
- package/dist/esm/shared.js.map +1 -0
- package/package.json +34 -29
- package/dist/components/Edges/index.js +0 -32
- package/dist/components/Nodes/index.js +0 -20
- /package/dist/{base.d.ts → esm/base.d.ts} +0 -0
- /package/dist/{components → esm/components}/Edge/Path/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Edge/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Edges/Connections/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Edges/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Graph/Grid/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Graph/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Interaction/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Node/Draggable.d.ts +0 -0
- /package/dist/{components → esm/components}/Node/MoveNode/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Node/PullNode/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Node/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Nodes/Interaction/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Nodes/index.d.ts +0 -0
- /package/dist/{components → esm/components}/index.d.ts +0 -0
- /package/dist/{index.d.ts → esm/index.d.ts} +0 -0
- /package/dist/{shared.d.ts → esm/shared.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/base.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACL,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edge/Path/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACL,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,IAAI,EACL,MAAM,QAAQ,CAAC"}
|
|
@@ -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
|
|
@@ -18,8 +25,8 @@ const Connections = ({ scale = 1, translate = {
|
|
|
18
25
|
const connections = useConnections();
|
|
19
26
|
const paths = useMemo(() => {
|
|
20
27
|
return Object.keys(connections).map((sourceId) => {
|
|
21
|
-
const { line, source, target } = connections[sourceId];
|
|
22
|
-
return (_jsx(Path, { edgeId: sourceId + 'temp', line: line, source: source, target: target }, sourceId));
|
|
28
|
+
const { line, source, target } = connections[sourceId] ?? {};
|
|
29
|
+
return (_jsx(Path, { edgeId: sourceId + 'temp', isConnecting: isConnecting, line: line, source: source, target: target }, sourceId));
|
|
23
30
|
});
|
|
24
31
|
}, [
|
|
25
32
|
connections
|
|
@@ -38,3 +45,4 @@ const Connections = ({ scale = 1, translate = {
|
|
|
38
45
|
};
|
|
39
46
|
Connections.displayName = 'LincleInteractiveConnections';
|
|
40
47
|
export default Connections;
|
|
48
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Connections/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,MAAM,EACN,cAAc,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,IAAI,EACJ,CAAC,EACD,GAAG,EACJ,MAAM,kBAAkB,CAAC;AAE1B,MAAM,EACJ,QAAQ,EACT,GAAG,UAAU,CAAC,MAAM,CAAC;IACpB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,GAAwC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,EACF,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CACjC,CACE,QAAQ,EACR,EAAE;YACF,MAAM,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACP,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEhC,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,QAAQ,GAAG,MAAM,EACzB,YAAY,EAAE,YAAY,EAE1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAHT,QAAQ,CAIb,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,KAAK,CAAC;QAEjB,OAAO,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC;IAChD,CAAC,EACD;QACE,SAAS,CAAC,CAAC;QACX,SAAS,CAAC,CAAC;QACX,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IACF,KAAK,EAAE,QAAQ,YAEf,MAAC,CAAC,IACA,SAAS,EAAE,YAAY,aAEvB,KAAC,IAAI,cACH,KAAC,MAAM,KAAG,GACL,EACN,KAAK,IACJ,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Edges as BaseEdges } from '../../base';
|
|
3
|
+
import { useScale, useTranslate } from '../../shared';
|
|
4
|
+
import Connections from './Connections';
|
|
5
|
+
import { StyleSheet, View } from 'react-native';
|
|
6
|
+
const { edgesStyle } = StyleSheet.create({
|
|
7
|
+
edgesStyle: {
|
|
8
|
+
height: '100%',
|
|
9
|
+
pointerEvents: 'box-none',
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
width: '100%'
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
const Edges = ({ children, ...props }) => {
|
|
15
|
+
const scale = useScale();
|
|
16
|
+
const translate = useTranslate();
|
|
17
|
+
return (_jsxs(View, { style: edgesStyle, children: [_jsx(BaseEdges, { scale: scale, translate: translate, ...props, children: children }), _jsx(Connections, { scale: scale, translate: translate })] }));
|
|
18
|
+
};
|
|
19
|
+
Edges.displayName = 'LincleInteractiveEdges';
|
|
20
|
+
export { Edges };
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edges/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,IAAI,SAAS,EACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,QAAQ,EACR,YAAY,EACb,MAAM,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,eAAe,CAAC;AAIxC,OAAO,EACL,UAAU,EACV,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,MAAM,EACJ,UAAU,EACX,GAAG,UAAU,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,aAEjB,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACC,EACZ,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE7C,OAAO,EACL,KAAK,EACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Graph/Grid/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Graph/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAK1B,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,IAAI,EACL,EAAE,EAAE;IACH,IACE,CAAC,EAAE,EACH,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;QAE9D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,IAAI,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC;QAC/B,IAAI,CAAC,CAAC;QACN,KAAC,IAAI,KAAG,CAAC;IAEX,OAAO,CACL,KAAC,SAAS,IACR,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,YAEf,MAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,aAET,IAAI,EACL,KAAC,WAAW,KAAG,EACd,QAAQ,IACC,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE7C,OAAO,EACL,KAAK,EACN,CAAC"}
|
|
@@ -43,12 +43,11 @@ const styles = StyleSheet.create({
|
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
45
|
const Interaction = ({ onPointerUp }) => {
|
|
46
|
-
var _a;
|
|
47
46
|
const scale = useScale();
|
|
48
47
|
const translate = useTranslate();
|
|
49
48
|
const onScale = useOnScale();
|
|
50
49
|
const onTranslateThrottle = useOnTranslateThrottle();
|
|
51
|
-
const graphMode =
|
|
50
|
+
const graphMode = useMode() ?? 'move';
|
|
52
51
|
const onMode = useOnMode();
|
|
53
52
|
const handleDoubleTap = useDoubleTap();
|
|
54
53
|
const handleOnTransform = useCallback((event) => {
|
|
@@ -57,7 +56,7 @@ const Interaction = ({ onPointerUp }) => {
|
|
|
57
56
|
}, [
|
|
58
57
|
onTranslateThrottle
|
|
59
58
|
]);
|
|
60
|
-
const handleZoom = useCallback((
|
|
59
|
+
const handleZoom = useCallback((_event, _gestureState, zoomableViewEventObject) => {
|
|
61
60
|
const { offsetX, offsetY, originalHeight, originalWidth, zoomLevel } = zoomableViewEventObject;
|
|
62
61
|
onTranslateThrottle(originalWidth, originalHeight, offsetX, offsetY, zoomLevel);
|
|
63
62
|
if (onScale) {
|
|
@@ -107,3 +106,4 @@ const Interaction = ({ onPointerUp }) => {
|
|
|
107
106
|
};
|
|
108
107
|
Interaction.displayName = 'LincleInteractiveInteraction';
|
|
109
108
|
export default Interaction;
|
|
109
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Interaction/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -83,7 +83,7 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
|
|
|
83
83
|
reversePosition,
|
|
84
84
|
shouldReverse
|
|
85
85
|
]);
|
|
86
|
-
const onPanResponderGrant = useCallback((
|
|
86
|
+
const onPanResponderGrant = useCallback((_event, _gestureState) => {
|
|
87
87
|
startBounds.current = getBounds();
|
|
88
88
|
isDragging.current = true;
|
|
89
89
|
if (!shouldReverse) {
|
|
@@ -116,7 +116,11 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
|
|
|
116
116
|
y: changeY / scale
|
|
117
117
|
});
|
|
118
118
|
if (onDrag) {
|
|
119
|
-
onDrag(event,
|
|
119
|
+
onDrag(event, {
|
|
120
|
+
...gestureState,
|
|
121
|
+
dx: changeX / scale,
|
|
122
|
+
dy: changeY / scale
|
|
123
|
+
});
|
|
120
124
|
}
|
|
121
125
|
}, [
|
|
122
126
|
maxX,
|
|
@@ -240,25 +244,27 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
|
|
|
240
244
|
onRelease
|
|
241
245
|
]);
|
|
242
246
|
const getDebugView = useCallback(() => {
|
|
243
|
-
var _a, _b;
|
|
244
247
|
const { height, width } = Dimensions.get('window');
|
|
245
248
|
const far = 9999;
|
|
246
|
-
const constrained =
|
|
249
|
+
const constrained = minX ?? maxX ?? minY ?? maxY;
|
|
247
250
|
if (!constrained) {
|
|
248
251
|
return null;
|
|
249
252
|
}
|
|
250
|
-
const left = minX
|
|
253
|
+
const left = minX ?? -far;
|
|
251
254
|
const right = maxX ?
|
|
252
255
|
width - maxX :
|
|
253
256
|
-far;
|
|
254
|
-
const top = minY
|
|
257
|
+
const top = minY ?? -far;
|
|
255
258
|
const bottom = maxY ?
|
|
256
259
|
height - maxY :
|
|
257
260
|
-far;
|
|
258
|
-
const style =
|
|
261
|
+
const style = {
|
|
262
|
+
bottom,
|
|
259
263
|
left,
|
|
260
264
|
right,
|
|
261
|
-
top
|
|
265
|
+
top,
|
|
266
|
+
...styles.debugView
|
|
267
|
+
};
|
|
262
268
|
return (_jsx(View, { pointerEvents: 'box-none', style: style }));
|
|
263
269
|
}, [
|
|
264
270
|
maxX,
|
|
@@ -266,7 +272,8 @@ const Draggable = ({ animatedViewProps, children, debug = false, disabled = fals
|
|
|
266
272
|
minX,
|
|
267
273
|
minY
|
|
268
274
|
]);
|
|
269
|
-
return (_jsxs(View, { pointerEvents: 'box-none', style: positionCss, children: [debug && getDebugView(), _jsx(Animated.View,
|
|
275
|
+
return (_jsxs(View, { pointerEvents: 'box-none', style: positionCss, children: [debug && getDebugView(), _jsx(Animated.View, { pointerEvents: 'box-none', ...animatedViewProps, ...panResponder.panHandlers, style: pan.current.getLayout(), children: _jsx(TouchableOpacity, { ...touchableOpacityProps, activeOpacity: 1, disabled: disabled, onLayout: handleOnLayout, onLongPress: onLongPress, onPress: onShortPressRelease, onPressIn: onPressIn, onPressOut: handlePressOut, style: dragItemCss, children: children ?? touchableContent }) })] }));
|
|
270
276
|
};
|
|
271
277
|
Draggable.displayName = 'ReactNativeDraggable';
|
|
272
278
|
export default Draggable;
|
|
279
|
+
//# sourceMappingURL=Draggable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Draggable.js","sourceRoot":"","sources":["../../../../src/components/Node/Draggable.tsx"],"names":[],"mappings":";AAIA,OAAc,EAEZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACP,MAAM,OAAO,CAAC;AACf,OAAO,EACL,QAAQ,EACR,UAAU,EAEV,KAAK,EAEL,YAAY,EAGZ,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,IAAI,EAEL,MAAM,cAAc,CAAC;AAEtB,MAAM,KAAK,GAAG,CAAC,MAAc,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE;IACzD,OAAO,IAAI,CAAC,GAAG,CACb,GAAG,EACH,IAAI,CAAC,GAAG,CACN,MAAM,EACN,GAAG,CACJ,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,WAAW;QAC5B,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAA8B,CAAC,EAC5C,iBAAiB,EACjB,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,aAAa,EACb,WAAW,EACX,SAAS,EACT,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,WAAW,EACX,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,GAAG,EAChB,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,KAAK,EACrB,qBAAqB,EACrB,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACL,MAAM,GAAG,CAAC,EACX,EAAE,EAAE;IAEH,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IAG3C,MAAM,eAAe,GAAG,MAAM,CAAC;QAC7B,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAC,CAAC;IAGH,MAAM,SAAS,GAAG,MAAM,CAAC;QACvB,CAAC,EAAE,UAAU;QACb,CAAC,EAAE,UAAU;KACd,CAAC,CAAC;IAGH,MAAM,WAAW,GAAG,MAAM,CAAC;QACzB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP,CAAC,CAAC;IAGH,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjC,MAAM,SAAS,GAAG,WAAW,CAC3B,GAAG,EAAE;QACH,MAAM,IAAI,GAAG,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,MAAM,GAAG,GAAG,CAAC,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;QAC1C,OAAO;YACL,MAAM,EAAE,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;YACjC,IAAI;YACJ,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;YACjC,GAAG;SACJ,CAAC;IACJ,CAAC,EACD;QACE,CAAC;QACD,CAAC;KACF,CACF,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,CACE,EAGC,EACD,EAAE;QACF,OAAO,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,GAAG,EAAE;QACH,QAAQ,CAAC,MAAM,CACb,GAAG,CAAC,OAAO,EACX;YACE,OAAO,EAAE;gBACP,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL;YACD,eAAe,EAAE,KAAK;SACvB,CACF,CAAC,KAAK,EAAE,CAAC;IACZ,CAAC,EACD;QACE,GAAG;KACJ,CACF,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CACvC,CACE,KAA4B,EAC5B,YAAsC,EACtC,EAAE;QACF,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAE3B,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CACX,KAAK,EACL,YAAY,EACZ,SAAS,EAAE,CACZ,CAAC;YAEF,IAAI,SAAS,EAAE,CAAC;gBACd,SAAS,CACP,KAAK,EACL,IAAI,CACL,CAAC;YACJ,CAAC;QACH,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,eAAe,EAAE,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC,EACD;QACE,SAAS;QACT,aAAa;QACb,SAAS;QACT,eAAe;QACf,aAAa;KACd,CACF,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAEE,MAA6B,EAE7B,aAAuC,EACvC,EAAE;QACF,WAAW,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC;QAClC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAE1B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAC/C,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACnB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD;QACE,SAAS;QACT,aAAa;KACd,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,CACE,KAA4B,EAC5B,YAAsC,EACtC,EAAE;QACF,MAAM,EACJ,EAAE,EACF,EAAE,EACH,GAAG,YAAY,CAAC;QAEjB,MAAM,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,GAAG,EACJ,GAAG,WAAW,CAAC,OAAO,CAAC;QAExB,MAAM,GAAG,GAAG,SAAW,CAAC;QAExB,MAAM,OAAO,GAAG,KAAK,CACnB,EAAE,EACF,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YAGrB,IAAI,GAAG,IAAI,CAAC,CAAC;YACb,CAAC,GAAG,EACN,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YAGrB,IAAI,GAAG,KAAK,CAAC,CAAC;YACd,GAAG,CACN,CAAC;QACF,MAAM,OAAO,GAAG,KAAK,CACnB,EAAE,EACF,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YAGrB,IAAI,GAAG,GAAG,CAAC,CAAC;YACZ,CAAC,GAAG,EACN,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;YAGrB,IAAI,GAAG,MAAM,CAAC,CAAC;YACf,GAAG,CACN,CAAC;QAEF,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC;YACnB,CAAC,EAAE,OAAO,GAAG,KAAK;YAClB,CAAC,EAAE,OAAO,GAAG,KAAK;SACnB,CAAC,CAAC;QAEH,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CACJ,KAAK,EACL;gBACE,GAAG,YAAY;gBACf,EAAE,EAAE,OAAO,GAAG,KAAK;gBACnB,EAAE,EAAE,OAAO,GAAG,KAAK;aACpB,CACF,CAAC;QACJ,CAAC;IACH,CAAC,EACD;QACE,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,MAAM;QACN,KAAK;KACN,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE;QACH,OAAO,YAAY,CAAC,MAAM,CAAC;YACzB,2BAA2B,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE;gBAC/C,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;YACvC,CAAC;YACD,kCAAkC,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE;gBACtD,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;YACvC,CAAC;YACD,mBAAmB;YACnB,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAChC,EAAE,EACF;gBAIE,QAAQ,EAAE,YAAY;gBACtB,eAAe,EAAE,KAAK;aACvB,CACF;YACD,qBAAqB;SACtB,CAAC,CAAC;IACL,CAAC,EACD;QACE,YAAY;QACZ,mBAAmB;QACnB,qBAAqB;QACrB,eAAe;KAChB,CACF,CAAC;IAKF,SAAS,CACP,GAAG,EAAE;QAEH,MAAM,UAAU,GAAG,GAAG,CAAC,OAAO,CAAC;QAE/B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,UAAU,CAAC,WAAW,CACpB,CAAC,EAAE,EAAE,EAAE;gBACL,eAAe,CAAC,OAAO,GAAG,EAAE,CAAC;gBAE7B,OAAO,eAAe,CAAC,OAAO,CAAC;YACjC,CAAC,CACF,CAAC;QACJ,CAAC;QAED,OAAO,GAAG,EAAE;YAEV,UAAU,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EACD;QACE,aAAa;KACd,CACF,CAAC;IAEF,MAAM,WAAW,GAAyB,OAAO,CAC/C,GAAG,EAAE;QACH,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAExC,OAAO;YACL,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEtC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE;QACH,MAAM,KAAK,GAAyB;YAClC,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,MAAM;SACP,CAAC;QAEF,IAAI,WAAW,EAAE,CAAC;YAChB,KAAK,CAAC,eAAe,GAAG,WAAW,CAAC;QACtC,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,YAAY,GAAG,UAAU,CAAC;QAClC,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YAChB,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;YAE7B,OAAO,KAAK,CAAC;QACf,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC;YAC1B,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;YAChC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;YAEzB,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,EACD;QACE,WAAW;QACX,QAAQ;QACR,WAAW;QACX,UAAU;QACV,CAAC;QACD,CAAC;QACD,MAAM;KACP,CACF,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE;QACH,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,KAAK,GAAG;gBACZ,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,UAAU;aAClB,CAAC;YAEF,OAAO,CACL,KAAC,KAAK,IACJ,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,CAAC,IAAI,YAEjB,UAAU,GACN,CACR,CAAC;QACJ,CAAC;IACH,CAAC,EACD;QACE,WAAW;QACX,UAAU;QACV,UAAU;KACX,CACF,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAAwB,EAAE,EAAE;QAC3B,MAAM,EACJ,MAAM,EACN,KAAK,EACN,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QAC7B,SAAS,CAAC,OAAO,GAAG;YAClB,CAAC,EAAE,KAAK;YACR,CAAC,EAAE,MAAM;SACV,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,KAA4B,EAAE,EAAE;QAC/B,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;QAED,IACE,CAAC,UAAU,CAAC,OAAO;YACnB,SAAS,EACT,CAAC;YACD,SAAS,CACP,KAAK,EACL,KAAK,CACN,CAAC;QACJ,CAAC;IACH,CAAC,EACD;QACE,UAAU;QACV,SAAS;KACV,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC9B,GAAG,EAAE;QACH,MAAM,EACJ,MAAM,EACN,KAAK,EACN,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAK,CAAC;QAClB,MAAM,WAAW,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC;QACjD,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC;QACd,CAAC;QAGD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;QAC1B,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC;YAClB,KAAK,GAAG,IAAI,CAAC,CAAC;YACd,CAAC,GAAG,CAAC;QACP,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC;YACnB,MAAM,GAAG,IAAI,CAAC,CAAC;YACf,CAAC,GAAG,CAAC;QAEP,MAAM,KAAK,GAAG;YACZ,MAAM;YACN,IAAI;YACJ,KAAK;YACL,GAAG;YACH,GAAG,MAAM,CAAC,SAAS;SACpB,CAAC;QAEF,OAAO,CACL,KAAC,IAAI,IACH,aAAa,EAAC,UAAU,EACxB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;IACJ,CAAC,EACD;QACE,IAAI;QACJ,IAAI;QACJ,IAAI;QACJ,IAAI;KACL,CACF,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,aAAa,EAAC,UAAU,EAAC,KAAK,EAAE,WAAW,aAC9C,KAAK,IAAI,YAAY,EAAE,EACxB,KAAC,QAAQ,CAAC,IAAI,IACZ,aAAa,EAAC,UAAU,KACpB,iBAAiB,KACjB,YAAY,CAAC,WAAW,EAC5B,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,YAE9B,KAAC,gBAAgB,OACX,qBAAqB,EACzB,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,cAAc,EAC1B,KAAK,EAAE,WAAW,YAEjB,QAAQ,IAAI,gBAAgB,GACZ,GACL,IACX,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE/C,eAAe,SAAS,CAAC"}
|
|
@@ -39,7 +39,7 @@ const MoveNode = ({ children, disabled, height = 50, id, onDrag, shape, style: {
|
|
|
39
39
|
finalPosition.y,
|
|
40
40
|
onDrag
|
|
41
41
|
]);
|
|
42
|
-
const handleDragRelease = useCallback((
|
|
42
|
+
const handleDragRelease = useCallback((_event, _state, bounds) => {
|
|
43
43
|
setFinalPosition(() => {
|
|
44
44
|
return {
|
|
45
45
|
x: bounds.left,
|
|
@@ -58,3 +58,4 @@ const MoveNode = ({ children, disabled, height = 50, id, onDrag, shape, style: {
|
|
|
58
58
|
};
|
|
59
59
|
MoveNode.displayName = 'LincleInteractiveMoveNode';
|
|
60
60
|
export default MoveNode;
|
|
61
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/MoveNode/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,IAAI,WAAW,EACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,QAAQ,EACT,MAAM,iBAAiB,CAAC;AACzB,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAEL,WAAW,EACX,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AAMf,MAAM,QAAQ,GAAqC,CAAC,EAClD,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,EAAE,EACX,EAAE,EAEF,MAAM,EAIN,KAAK,EACL,KAAK,EAAE,EACL,IAAI,EAAE,SAAS,EAChB,GAAG,EAAE,EAEN,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,EAAE,EACV,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACN,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,CACJ,QAAQ,EACR,WAAW,CACZ,GAAG,QAAQ,CAAC;QACX,CAAC;QACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CACJ,aAAa,EACb,gBAAgB,CACjB,GAAG,QAAQ,CAAC;QACX,CAAC;QACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,WAAW,CAC5B,CACE,KAA4B,EAC5B,KAA+B,EAC/B,EAAE;QACF,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CACJ,KAA8B,EAC9B;gBAGE,MAAM,EAAE,KAAK,CAAC,EAAE;gBAChB,MAAM,EAAE,KAAK,CAAC,EAAE;gBAChB,KAAK,EAAE,aAAa,CAAC,CAAC;gBACtB,KAAK,EAAE,aAAa,CAAC,CAAC;gBAGtB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAkB;gBACrC,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE;gBAC7B,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE;aAC9B,EACD;gBACE,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE;gBAC7B,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE;aAC9B,CACF,CAAC;QACJ,CAAC;QAED,WAAW,CACT,GAAG,EAAE;YACH,OAAO;gBACL,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE;gBAC7B,CAAC,EAAE,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE;aAG9B,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,aAAa,CAAC,CAAC;QACf,aAAa,CAAC,CAAC;QACf,MAAM;KACP,CACF,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CACE,MAA6B,EAC7B,MAAgC,EAChC,MAKC,EACD,EAAE;QACF,gBAAgB,CACd,GAAG,EAAE;YACH,OAAO;gBACL,CAAC,EAAE,MAAM,CAAC,IAAI;gBACd,CAAC,EAAE,MAAM,CAAC,GAAG;aAGd,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO;YACL,IAAI,EAAE,SAAS;SAChB,CAAC;IACJ,CAAC,EACD;QACE,SAAS;KACV,CACF,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,iBAAiB,EAChC,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,YAEJ,KAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,QAAQ,CAAC,CAAC,EACb,CAAC,EAAE,QAAQ,CAAC,CAAC,YAEZ,QAAQ,GACG,GACJ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEnD,eAAe,QAAQ,CAAC"}
|
|
@@ -8,7 +8,7 @@ const PullNode = ({ disabled, height = 0, line = 'direct', onDrag, onEdgeDrop: g
|
|
|
8
8
|
const nodePositions = useNodePositions();
|
|
9
9
|
const setConnection = useSetConnection(sourceId);
|
|
10
10
|
const onNodeEdgeDrop = useOnNodeEdgeDrop();
|
|
11
|
-
const onEdgeDrop = givenOnEdgeDrop
|
|
11
|
+
const onEdgeDrop = givenOnEdgeDrop ?? onNodeEdgeDrop;
|
|
12
12
|
const scale = useScale();
|
|
13
13
|
const mouseOffset = useRef(null);
|
|
14
14
|
const position = useRef(null);
|
|
@@ -30,15 +30,14 @@ const PullNode = ({ disabled, height = 0, line = 'direct', onDrag, onEdgeDrop: g
|
|
|
30
30
|
onStart
|
|
31
31
|
]);
|
|
32
32
|
const handleDrag = useCallback((event, gestureState) => {
|
|
33
|
-
|
|
34
|
-
(_a = mouseOffset.current) !== null && _a !== void 0 ? _a : (mouseOffset.current = {
|
|
33
|
+
mouseOffset.current ?? (mouseOffset.current = {
|
|
35
34
|
x: event.nativeEvent.locationX,
|
|
36
35
|
y: event.nativeEvent.locationY
|
|
37
36
|
});
|
|
38
37
|
if (!disabled) {
|
|
39
38
|
position.current = {
|
|
40
|
-
x: x + gestureState.dx +
|
|
41
|
-
y: y + gestureState.dy +
|
|
39
|
+
x: x + gestureState.dx + mouseOffset.current?.x,
|
|
40
|
+
y: y + gestureState.dy + mouseOffset.current?.y
|
|
42
41
|
};
|
|
43
42
|
setConnection({
|
|
44
43
|
line,
|
|
@@ -101,10 +100,14 @@ const PullNode = ({ disabled, height = 0, line = 'direct', onDrag, onEdgeDrop: g
|
|
|
101
100
|
]);
|
|
102
101
|
const style = useMemo(() => {
|
|
103
102
|
return StyleSheet.create({
|
|
104
|
-
view:
|
|
103
|
+
view: {
|
|
104
|
+
...givenStyle,
|
|
105
|
+
borderRadius: shape === 'oval' ?
|
|
105
106
|
50 :
|
|
106
|
-
undefined,
|
|
107
|
-
|
|
107
|
+
undefined,
|
|
108
|
+
height,
|
|
109
|
+
width
|
|
110
|
+
}
|
|
108
111
|
});
|
|
109
112
|
}, [
|
|
110
113
|
givenStyle,
|
|
@@ -118,3 +121,4 @@ const PullNode = ({ disabled, height = 0, line = 'direct', onDrag, onEdgeDrop: g
|
|
|
118
121
|
};
|
|
119
122
|
PullNode.displayName = 'LincleInteractivePullNode';
|
|
120
123
|
export default PullNode;
|
|
124
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/PullNode/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,18 +8,17 @@ const emptySnap = [
|
|
|
8
8
|
1
|
|
9
9
|
];
|
|
10
10
|
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
|
-
var _a;
|
|
12
11
|
const defaultHeight = useDefaultNodeHeight();
|
|
13
12
|
const defaultLine = useDefaultLine();
|
|
14
13
|
const defaultShape = useDefaultShape();
|
|
15
14
|
const defaultWidth = useDefaultNodeWidth();
|
|
16
15
|
const snap = useSnap();
|
|
17
|
-
const [snapX, snapY] = snap && Array.isArray(snap) ?
|
|
16
|
+
const [snapX = 1, snapY = 1] = snap && Array.isArray(snap) ?
|
|
18
17
|
snap :
|
|
19
18
|
emptySnap;
|
|
20
19
|
const graphMode = useMode();
|
|
21
20
|
const graphGivenMode = useModeGiven();
|
|
22
|
-
const mode =
|
|
21
|
+
const mode = givenMode ?? graphGivenMode ?? graphMode;
|
|
23
22
|
const graphMove = useMove();
|
|
24
23
|
const graphPull = usePull();
|
|
25
24
|
const onNodeDrag = useOnNodeDrag();
|
|
@@ -27,20 +26,20 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
27
26
|
const onNodeSelect = useOnNodeSelect();
|
|
28
27
|
const onNodeStart = useOnNodeStart();
|
|
29
28
|
const onNodeStop = useOnNodeStop();
|
|
30
|
-
const move = givenMove
|
|
31
|
-
const pull = givenPull
|
|
32
|
-
const onEdgeDrop = givenOnEdgeDrop
|
|
33
|
-
const onSelect = givenOnSelect
|
|
29
|
+
const move = givenMove ?? graphMove;
|
|
30
|
+
const pull = givenPull ?? graphPull;
|
|
31
|
+
const onEdgeDrop = givenOnEdgeDrop ?? onNodeEdgeDrop;
|
|
32
|
+
const onSelect = givenOnSelect ?? onNodeSelect;
|
|
34
33
|
const pullPosition = useRef({
|
|
35
34
|
x,
|
|
36
35
|
y
|
|
37
36
|
});
|
|
38
37
|
const { height, line, shape, width } = useMemo(() => {
|
|
39
38
|
return {
|
|
40
|
-
height: givenHeight
|
|
41
|
-
line: givenLine
|
|
42
|
-
shape: givenShape
|
|
43
|
-
width: givenWidth
|
|
39
|
+
height: givenHeight ?? defaultHeight,
|
|
40
|
+
line: givenLine ?? defaultLine,
|
|
41
|
+
shape: givenShape ?? defaultShape,
|
|
42
|
+
width: givenWidth ?? defaultWidth
|
|
44
43
|
};
|
|
45
44
|
}, [
|
|
46
45
|
defaultHeight,
|
|
@@ -116,8 +115,8 @@ const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenM
|
|
|
116
115
|
]);
|
|
117
116
|
const snapper = useMemo(() => {
|
|
118
117
|
return {
|
|
119
|
-
x: Math.ceil((x
|
|
120
|
-
y: Math.ceil((y
|
|
118
|
+
x: Math.ceil((x ?? 0) / snapX) * snapX,
|
|
119
|
+
y: Math.ceil((y ?? 0) / snapY) * snapY
|
|
121
120
|
};
|
|
122
121
|
}, [
|
|
123
122
|
snapX,
|
|
@@ -133,3 +132,4 @@ Node.displayName = 'LincleInteractiveNode';
|
|
|
133
132
|
export { Node };
|
|
134
133
|
export { default as MoveNode } from './MoveNode';
|
|
135
134
|
export { default as PullNode } from './PullNode';
|
|
135
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,10 @@ const Interaction = ({ children }) => {
|
|
|
16
16
|
const translate = useTranslate();
|
|
17
17
|
const style = useMemo(() => {
|
|
18
18
|
const { x, y } = translate;
|
|
19
|
-
return
|
|
19
|
+
return {
|
|
20
|
+
...styles.container,
|
|
21
|
+
transform: `translateX(${x}px) translateY(${y}px) scale(${scale})`
|
|
22
|
+
};
|
|
20
23
|
}, [
|
|
21
24
|
scale,
|
|
22
25
|
translate
|
|
@@ -25,3 +28,4 @@ const Interaction = ({ children }) => {
|
|
|
25
28
|
};
|
|
26
29
|
Interaction.displayName = 'LincleInteractiveInteraction';
|
|
27
30
|
export default Interaction;
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Nodes/Interaction/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,QAAQ,EACR,YAAY,EACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACV,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,kBAAkB,EAAE,QAAQ;QAC5B,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,UAAU;QACzB,eAAe,EAAE,KAAK;KAEvB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAwC,CAAC,EACxD,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,MAAM,EACJ,CAAC,EACD,CAAC,EACF,GAAG,SAAS,CAAC;QAEd,OAAO;YACL,GAAG,MAAM,CAAC,SAAS;YAEnB,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,aAAa,KAAK,GAAG;SACnE,CAAC;IACJ,CAAC,EACD;QACE,KAAK;QACL,SAAS;KACV,CACF,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Nodes as BaseNodes } from '../../base';
|
|
3
|
+
import Interaction from './Interaction';
|
|
4
|
+
const Nodes = ({ children, ...props }) => {
|
|
5
|
+
return (_jsx(Interaction, { children: _jsx(BaseNodes, { ...props, children: children }) }));
|
|
6
|
+
};
|
|
7
|
+
Nodes.displayName = 'LincleInteractiveNodes';
|
|
8
|
+
export { Nodes };
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nodes/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,IAAI,SAAS,EACnB,MAAM,YAAY,CAAC;AAIpB,OAAO,WAAW,MAAM,eAAe,CAAC;AAKxC,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,WAAW,cACV,KAAC,SAAS,OACJ,KAAK,YAER,QAAQ,GACC,GACA,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE7C,OAAO,EACL,KAAK,EACN,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
export { Providers, useConnection, useConnections, useDefaultLine, useDefaultNodeHeight, useDefaultNodeWidth, useDefaultShape, useDiagramId, useMode, useModeGiven, useMove, useNodePositions, useOnMode, useOnNodeDrag, useOnNodeEdgeDrop, useOnNodeSelect, useOnNodeStart, useOnNodeStop, useOnScale, useOnTranslateThrottle, usePull, useScale, useSetConnection, useSnap, useTranslate } from '@lincle/react-interactive-shared';
|
|
2
2
|
export { Graph as GraphBase, Marker, useUpdateEdge } from '@lincle/react-native-base';
|
|
3
|
+
//# sourceMappingURL=shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/shared.ts"],"names":[],"mappings":"AAoHA,OAAO,EAQL,SAAS,EACT,aAAa,EACb,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,aAAa,EACb,UAAU,EACV,sBAAsB,EACtB,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,KAAK,IAAI,SAAS,EAClB,MAAM,EACN,aAAa,EACd,MAAM,2BAA2B,CAAC"}
|
package/dist/esm/base.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/base.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACL,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edge/Path/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACL,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,IAAI,EACL,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Marker, useConnections } from '../../../shared';
|
|
3
|
+
import { Path } from '../../Edge';
|
|
4
|
+
import { useMemo } from 'react';
|
|
5
|
+
import { StyleSheet } from 'react-native';
|
|
6
|
+
import { Defs, G, Svg } from 'react-native-svg';
|
|
7
|
+
const { svgStyle } = StyleSheet.create({
|
|
8
|
+
svgStyle: {
|
|
9
|
+
height: '100%',
|
|
10
|
+
overflow: 'visible',
|
|
11
|
+
pointerEvents: 'box-none',
|
|
12
|
+
position: 'absolute',
|
|
13
|
+
width: '100%',
|
|
14
|
+
zIndex: 1
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
const isConnecting = {
|
|
18
|
+
x: 0,
|
|
19
|
+
y: 0
|
|
20
|
+
};
|
|
21
|
+
const Connections = ({ scale = 1, translate = {
|
|
22
|
+
x: 0,
|
|
23
|
+
y: 0
|
|
24
|
+
} }) => {
|
|
25
|
+
const connections = useConnections();
|
|
26
|
+
const paths = useMemo(() => {
|
|
27
|
+
return Object.keys(connections).map((sourceId) => {
|
|
28
|
+
const { line, source, target } = connections[sourceId] ?? {};
|
|
29
|
+
return (_jsx(Path, { edgeId: sourceId + 'temp', isConnecting: isConnecting, line: line, source: source, target: target }, sourceId));
|
|
30
|
+
});
|
|
31
|
+
}, [
|
|
32
|
+
connections
|
|
33
|
+
]);
|
|
34
|
+
const translateXYZ = useMemo(() => {
|
|
35
|
+
const tx = translate.x;
|
|
36
|
+
const ty = translate.y;
|
|
37
|
+
const tz = scale;
|
|
38
|
+
return `translate(${tx}, ${ty}) scale(${tz})`;
|
|
39
|
+
}, [
|
|
40
|
+
translate.x,
|
|
41
|
+
translate.y,
|
|
42
|
+
scale
|
|
43
|
+
]);
|
|
44
|
+
return (_jsx(Svg, { style: svgStyle, children: _jsxs(G, { transform: translateXYZ, children: [_jsx(Defs, { children: _jsx(Marker, {}) }), paths] }) }));
|
|
45
|
+
};
|
|
46
|
+
Connections.displayName = 'LincleInteractiveConnections';
|
|
47
|
+
export default Connections;
|
|
48
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Connections/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,MAAM,EACN,cAAc,EACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,IAAI,EACL,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,IAAI,EACJ,CAAC,EACD,GAAG,EACJ,MAAM,kBAAkB,CAAC;AAE1B,MAAM,EACJ,QAAQ,EACT,GAAG,UAAU,CAAC,MAAM,CAAC;IACpB,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG;IACnB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,GAAwC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,EACF,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CACjC,CACE,QAAQ,EACR,EAAE;YACF,MAAM,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACP,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEhC,OAAO,CACL,KAAC,IAAI,IACH,MAAM,EAAE,QAAQ,GAAG,MAAM,EACzB,YAAY,EAAE,YAAY,EAE1B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAHT,QAAQ,CAIb,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,KAAK,CAAC;QAEjB,OAAO,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC;IAChD,CAAC,EACD;QACE,SAAS,CAAC,CAAC;QACX,SAAS,CAAC,CAAC;QACX,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IACF,KAAK,EAAE,QAAQ,YAEf,MAAC,CAAC,IACA,SAAS,EAAE,YAAY,aAEvB,KAAC,IAAI,cACH,KAAC,MAAM,KAAG,GACL,EACN,KAAK,IACJ,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Edges as BaseEdges } from '../../base';
|
|
3
|
+
import { useScale, useTranslate } from '../../shared';
|
|
4
|
+
import Connections from './Connections';
|
|
5
|
+
import { StyleSheet, View } from 'react-native';
|
|
6
|
+
const { edgesStyle } = StyleSheet.create({
|
|
7
|
+
edgesStyle: {
|
|
8
|
+
height: '100%',
|
|
9
|
+
pointerEvents: 'box-none',
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
width: '100%'
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
const Edges = ({ children, ...props }) => {
|
|
15
|
+
const scale = useScale();
|
|
16
|
+
const translate = useTranslate();
|
|
17
|
+
return (_jsxs(View, { style: edgesStyle, children: [_jsx(BaseEdges, { scale: scale, translate: translate, ...props, children: children }), _jsx(Connections, { scale: scale, translate: translate })] }));
|
|
18
|
+
};
|
|
19
|
+
Edges.displayName = 'LincleInteractiveEdges';
|
|
20
|
+
export { Edges };
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edges/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,IAAI,SAAS,EACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EAEL,QAAQ,EACR,YAAY,EACb,MAAM,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,eAAe,CAAC;AAIxC,OAAO,EACL,UAAU,EACV,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,MAAM,EACJ,UAAU,EACX,GAAG,UAAU,CAAC,MAAM,CAAC;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,UAAU,aAEjB,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACC,EACZ,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAE7C,OAAO,EACL,KAAK,EACN,CAAC"}
|