@lincle/react-native-interactive 0.4.0-next.17 → 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 +12 -0
- package/dist/cjs/base.js.map +1 -0
- package/dist/cjs/components/Edge/Path/index.js +6 -0
- package/dist/cjs/components/Edge/Path/index.js.map +1 -0
- package/dist/cjs/components/Edge/index.js +8 -0
- package/dist/cjs/components/Edge/index.js.map +1 -0
- package/dist/cjs/components/Edges/Connections/index.js +50 -0
- package/dist/cjs/components/Edges/Connections/index.js.map +1 -0
- package/dist/cjs/components/Edges/index.js +27 -0
- package/dist/cjs/components/Edges/index.js.map +1 -0
- package/dist/cjs/components/Graph/Grid/index.js +59 -0
- package/dist/cjs/components/Graph/Grid/index.js.map +1 -0
- package/dist/cjs/components/Graph/index.js +23 -0
- package/dist/cjs/components/Graph/index.js.map +1 -0
- package/dist/cjs/components/Interaction/index.js +111 -0
- package/dist/cjs/components/Interaction/index.js.map +1 -0
- package/dist/cjs/components/Node/Draggable.js +281 -0
- package/dist/cjs/components/Node/Draggable.js.map +1 -0
- package/dist/cjs/components/Node/MoveNode/index.js +66 -0
- package/dist/cjs/components/Node/MoveNode/index.js.map +1 -0
- package/dist/cjs/components/Node/PullNode/index.js +129 -0
- package/dist/cjs/components/Node/PullNode/index.js.map +1 -0
- package/dist/cjs/components/Node/index.js +143 -0
- package/dist/cjs/components/Node/index.js.map +1 -0
- package/dist/cjs/components/Nodes/Interaction/index.js +33 -0
- package/dist/cjs/components/Nodes/Interaction/index.js.map +1 -0
- package/dist/cjs/components/Nodes/index.js +15 -0
- package/dist/cjs/components/Nodes/index.js.map +1 -0
- package/dist/cjs/components/index.js +22 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/index.js +19 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/shared.js +34 -0
- package/dist/cjs/shared.js.map +1 -0
- package/dist/{base.js → esm/base.js} +1 -0
- package/dist/esm/base.js.map +1 -0
- package/dist/{components → esm/components}/Edge/Path/index.js +1 -0
- package/dist/esm/components/Edge/Path/index.js.map +1 -0
- package/dist/{components → esm/components}/Edge/index.js +1 -0
- package/dist/esm/components/Edge/index.js.map +1 -0
- package/dist/{components → esm/components}/Edges/Connections/index.js +2 -1
- 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/{components → esm/components}/Graph/Grid/index.js +1 -0
- package/dist/esm/components/Graph/Grid/index.js.map +1 -0
- package/dist/{components → esm/components}/Graph/index.js +1 -0
- package/dist/esm/components/Graph/index.js.map +1 -0
- package/dist/{components → esm/components}/Interaction/index.js +3 -3
- package/dist/esm/components/Interaction/index.js.map +1 -0
- package/dist/{components → esm/components}/Node/Draggable.js +16 -9
- package/dist/esm/components/Node/Draggable.js.map +1 -0
- package/dist/{components → esm/components}/Node/MoveNode/index.js +2 -1
- package/dist/esm/components/Node/MoveNode/index.js.map +1 -0
- package/dist/{components → esm/components}/Node/PullNode/index.js +12 -8
- package/dist/esm/components/Node/PullNode/index.js.map +1 -0
- package/dist/{components → esm/components}/Node/index.js +13 -13
- package/dist/esm/components/Node/index.js.map +1 -0
- package/dist/{components → esm/components}/Nodes/Interaction/index.js +5 -1
- 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/{components → esm/components}/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/{index.js → esm/index.js} +1 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/{shared.js → esm/shared.js} +1 -0
- package/dist/esm/shared.js.map +1 -0
- package/package.json +30 -27
- 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
|
@@ -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":"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"}
|
|
@@ -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":"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"}
|
|
@@ -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/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.19",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "A 'reactive' React node and edge generator",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -13,8 +13,9 @@
|
|
|
13
13
|
"position": "Initial and Lead Developer"
|
|
14
14
|
}
|
|
15
15
|
],
|
|
16
|
-
"main": "dist/index.js",
|
|
17
|
-
"
|
|
16
|
+
"main": "dist/cjs/index.js",
|
|
17
|
+
"module": "dist/esm/index.js",
|
|
18
|
+
"types": "dist/esm/index.d.ts",
|
|
18
19
|
"files": [
|
|
19
20
|
"dist/",
|
|
20
21
|
"COPYING.md",
|
|
@@ -30,7 +31,9 @@
|
|
|
30
31
|
},
|
|
31
32
|
"scripts": {
|
|
32
33
|
"build": "run-s clean:dist build:prod",
|
|
33
|
-
"build:prod": "
|
|
34
|
+
"build:prod": "run-p build:cjs:prod build:esm:prod",
|
|
35
|
+
"build:cjs:prod": "tsc -p ./tsconfig.cjs.json",
|
|
36
|
+
"build:esm:prod": "tsc -p ./tsconfig.json",
|
|
34
37
|
"build:watch": "run-s clean:dist build:prod build:watch:tsc",
|
|
35
38
|
"build:watch:tsc": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
|
|
36
39
|
"----------------------------------------------------------------": "",
|
|
@@ -43,46 +46,46 @@
|
|
|
43
46
|
"clean:dist": "rimraf dist"
|
|
44
47
|
},
|
|
45
48
|
"devDependencies": {
|
|
46
|
-
"@digest/eslint-config-jest": "^4.14.
|
|
47
|
-
"@digest/eslint-config-react": "^4.14.
|
|
48
|
-
"@digest/eslint-config-typescript": "^4.14.
|
|
49
|
-
"@digest/jest-junit": "^4.14.
|
|
50
|
-
"@digest/jest-react": "^4.14.
|
|
51
|
-
"@digest/jest-typescript": "^4.14.
|
|
52
|
-
"@digest/typescript": "^4.14.
|
|
49
|
+
"@digest/eslint-config-jest": "^4.14.16",
|
|
50
|
+
"@digest/eslint-config-react": "^4.14.16",
|
|
51
|
+
"@digest/eslint-config-typescript": "^4.14.16",
|
|
52
|
+
"@digest/jest-junit": "^4.14.16",
|
|
53
|
+
"@digest/jest-react": "^4.14.16",
|
|
54
|
+
"@digest/jest-typescript": "^4.14.16",
|
|
55
|
+
"@digest/typescript": "^4.14.16",
|
|
53
56
|
"@openspacelabs/react-native-zoomable-view": "^2.4.2",
|
|
54
57
|
"@types/jest": "^30.0.0",
|
|
55
|
-
"@types/node": "^25.0
|
|
56
|
-
"@types/react": "^19.2.
|
|
58
|
+
"@types/node": "^25.5.0",
|
|
59
|
+
"@types/react": "^19.2.14",
|
|
57
60
|
"@types/react-native": "^0.73.0",
|
|
58
61
|
"@types/react-test-renderer": "^19.1.0",
|
|
59
62
|
"cross-env": "^10.1.0",
|
|
60
|
-
"jest-environment-jsdom": "^30.
|
|
63
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
61
64
|
"jest-environment-jsdom-global": "^4.0.0",
|
|
62
65
|
"ncp": "^2.0.0",
|
|
63
66
|
"npm-run-all": "^4.1.5",
|
|
64
|
-
"react": "^19.2.
|
|
65
|
-
"react-native": "^0.
|
|
67
|
+
"react": "^19.2.4",
|
|
68
|
+
"react-native": "^0.84.1",
|
|
66
69
|
"react-native-draggable": "^3.3.0",
|
|
67
|
-
"react-native-reanimated": "^4.
|
|
68
|
-
"react-native-svg": "^15.15.
|
|
69
|
-
"react-native-worklets": "^0.
|
|
70
|
-
"react-test-renderer": "^19.2.
|
|
71
|
-
"rimraf": "^6.1.
|
|
70
|
+
"react-native-reanimated": "^4.3.0",
|
|
71
|
+
"react-native-svg": "^15.15.4",
|
|
72
|
+
"react-native-worklets": "^0.8.1",
|
|
73
|
+
"react-test-renderer": "^19.2.4",
|
|
74
|
+
"rimraf": "^6.1.3"
|
|
72
75
|
},
|
|
73
76
|
"dependencies": {
|
|
74
|
-
"@lincle/react-interactive-shared": "^0.4.0-next.
|
|
75
|
-
"@lincle/react-native-base": "^0.4.0-next.
|
|
76
|
-
"@lincle/react-shared": "^0.4.0-next.
|
|
77
|
+
"@lincle/react-interactive-shared": "^0.4.0-next.19",
|
|
78
|
+
"@lincle/react-native-base": "^0.4.0-next.19",
|
|
79
|
+
"@lincle/react-shared": "^0.4.0-next.19"
|
|
77
80
|
},
|
|
78
81
|
"peerDependencies": {
|
|
79
82
|
"@openspacelabs/react-native-zoomable-view": "^2.0.0",
|
|
80
83
|
"react": "^18.0.0 || ^19.0.0",
|
|
81
|
-
"react-native": "^0.
|
|
84
|
+
"react-native": "^0.84.0",
|
|
82
85
|
"react-native-draggable": "^3.0.0",
|
|
83
86
|
"react-native-reanimated": "^4.0.0",
|
|
84
87
|
"react-native-svg": "^15.0.0",
|
|
85
|
-
"react-native-worklets": "^0.
|
|
88
|
+
"react-native-worklets": "^0.8.0"
|
|
86
89
|
},
|
|
87
90
|
"keywords": [
|
|
88
91
|
"library",
|
|
@@ -103,5 +106,5 @@
|
|
|
103
106
|
"dragndrop",
|
|
104
107
|
"drag"
|
|
105
108
|
],
|
|
106
|
-
"gitHead": "
|
|
109
|
+
"gitHead": "2fad97998449b857938e3788b8f265532a182b54"
|
|
107
110
|
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { Edges as BaseEdges } from '../../base';
|
|
14
|
-
import { useScale, useTranslate } from '../../shared';
|
|
15
|
-
import Connections from './Connections';
|
|
16
|
-
import { StyleSheet, View } from 'react-native';
|
|
17
|
-
const { edgesStyle } = StyleSheet.create({
|
|
18
|
-
edgesStyle: {
|
|
19
|
-
height: '100%',
|
|
20
|
-
pointerEvents: 'box-none',
|
|
21
|
-
position: 'absolute',
|
|
22
|
-
width: '100%'
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
const Edges = (_a) => {
|
|
26
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
27
|
-
const scale = useScale();
|
|
28
|
-
const translate = useTranslate();
|
|
29
|
-
return (_jsxs(View, { style: edgesStyle, children: [_jsx(BaseEdges, Object.assign({ scale: scale, translate: translate }, props, { children: children })), _jsx(Connections, { scale: scale, translate: translate })] }));
|
|
30
|
-
};
|
|
31
|
-
Edges.displayName = 'LincleInteractiveEdges';
|
|
32
|
-
export { Edges };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
import { Nodes as BaseNodes } from '../../base';
|
|
14
|
-
import Interaction from './Interaction';
|
|
15
|
-
const Nodes = (_a) => {
|
|
16
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
17
|
-
return (_jsx(Interaction, { children: _jsx(BaseNodes, Object.assign({}, props, { children: children })) }));
|
|
18
|
-
};
|
|
19
|
-
Nodes.displayName = 'LincleInteractiveNodes';
|
|
20
|
-
export { Nodes };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|