@lincle/react-native-interactive 0.4.0-next.1 → 0.4.0-next.11

package/dist/components/Node/PullNode/index.js

@@ -1,5 +1,122 @@
-const PullNode = ({ children }) => {
-    return children;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDiagramId, useNodePositions, useOnNodeEdgeDrop, useScale, useSetConnection } from '../../../shared';
+import Draggable from '../Draggable';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { StyleSheet, View } from 'react-native';
+const PullNode = ({ disabled, height = 0, line = 'direct', onDrag, onEdgeDrop: givenOnEdgeDrop, onStart, onStop, shape = 'oval', sourceId, style: givenStyle, width = 0, x = 0, y = 0 }) => {
+    const diagramId = useDiagramId();
+    const nodePositions = useNodePositions();
+    const setConnection = useSetConnection(sourceId);
+    const onNodeEdgeDrop = useOnNodeEdgeDrop();
+    const onEdgeDrop = givenOnEdgeDrop !== null && givenOnEdgeDrop !== void 0 ? givenOnEdgeDrop : onNodeEdgeDrop;
+    const scale = useScale();
+    const mouseOffset = useRef(null);
+    const position = useRef(null);
+    useEffect(() => {
+        return () => {
+            setConnection();
+            position.current = null;
+            mouseOffset.current = null;
+        };
+    }, []);
+    const handlePressIn = useCallback((event) => {
+        event.stopPropagation();
+        if (!disabled &&
+            onStart) {
+            onStart(event);
+        }
+    }, [
+        disabled,
+        onStart
+    ]);
+    const handleDrag = useCallback((event, gestureState) => {
+        var _a, _b, _c, _d;
+        if (!mouseOffset.current) {
+            mouseOffset.current = {
+                x: event.nativeEvent.locationX,
+                y: event.nativeEvent.locationY
+            };
+        }
+        if (!disabled) {
+            position.current = {
+                x: (_b = x + gestureState.dx + ((_a = mouseOffset.current) === null || _a === void 0 ? void 0 : _a.x)) !== null && _b !== void 0 ? _b : 0,
+                y: (_d = y + gestureState.dy + ((_c = mouseOffset.current) === null || _c === void 0 ? void 0 : _c.y)) !== null && _d !== void 0 ? _d : 0
+            };
+            setConnection({
+                line,
+                source: {
+                    height,
+                    id: sourceId,
+                    shape,
+                    width,
+                    x,
+                    y
+                },
+                target: {
+                    height: 0,
+                    id: sourceId,
+                    shape,
+                    width: 0,
+                    x: position.current.x,
+                    y: position.current.y
+                }
+            });
+            if (onDrag) {
+                onDrag(event, gestureState);
+            }
+        }
+    }, [
+        disabled,
+        height,
+        line,
+        onDrag,
+        setConnection,
+        shape,
+        sourceId,
+        width,
+        x,
+        y
+    ]);
+    const handleRelease = useCallback((event, data) => {
+        setConnection();
+        if (onStop) {
+            onStop(event, data);
+        }
+        if (onEdgeDrop &&
+            nodePositions &&
+            position.current) {
+            nodePositions.match(position.current.x, position.current.y).then((match) => {
+                onEdgeDrop(event, sourceId, Boolean(match) || match === 0 ?
+                    match :
+                    undefined);
+            }).catch(() => {
+            });
+        }
+        position.current = null;
+        mouseOffset.current = null;
+    }, [
+        nodePositions,
+        onEdgeDrop,
+        onStop,
+        setConnection,
+        sourceId
+    ]);
+    const style = useMemo(() => {
+        return StyleSheet.create({
+            view: Object.assign(Object.assign({}, givenStyle), { borderRadius: shape === 'oval' ?
+                    50 :
+                    undefined, height,
+                width })
+        });
+    }, [
+        givenStyle,
+        height,
+        shape,
+        width
+    ]);
+    return diagramId ?
+        (_jsx(Draggable, { disabled: disabled, onDrag: handleDrag, onDragRelease: handleRelease, onPressIn: handlePressIn, renderSize: height, scale: scale, shouldReverse: true, x: x, y: y, children: _jsx(View, { style: style.view }) })) :
+        null;
 };
 PullNode.displayName = 'LincleInteractivePullNode';
 export default PullNode;

package/dist/components/Node/index.d.ts

@@ -1,4 +1,6 @@
 import { type NodeProps } from '../../shared';
 import { type FunctionComponent } from 'react';
 declare const Node: FunctionComponent<NodeProps>;
-export default Node;
+export { Node };
+export { default as MoveNode } from './MoveNode';
+export { default as PullNode } from './PullNode';

package/dist/components/Node/index.js

@@ -1,19 +1,133 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDefaultLine, useDefaultNodeHeight, useDefaultNodeWidth, useDefaultShape, useMode, useModeGiven, useMove, useOnNodeDrag, useOnNodeEdgeDrop, useOnNodeSelect, useOnNodeStart, useOnNodeStop, usePull, useSnap } from '../../shared';
 import MoveNode from './MoveNode';
-const Node = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return (_jsx(MoveNode, Object.assign({ disabled: false }, props, { children: children })));
+import PullNode from './PullNode';
+import { useCallback, useMemo, useRef } from 'react';
+const emptySnap = [
+    1,
+    1
+];
+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 }) => {
+    var _a, _b;
+    const defaultHeight = useDefaultNodeHeight();
+    const defaultLine = useDefaultLine();
+    const defaultShape = useDefaultShape();
+    const defaultWidth = useDefaultNodeWidth();
+    const snap = useSnap();
+    const [snapX, snapY] = snap && Array.isArray(snap) ?
+        snap :
+        emptySnap;
+    const graphMode = useMode();
+    const graphGivenMode = useModeGiven();
+    const mode = (_a = givenMode !== null && givenMode !== void 0 ? givenMode : graphGivenMode) !== null && _a !== void 0 ? _a : graphMode;
+    const graphMove = useMove();
+    const graphPull = usePull();
+    const onNodeDrag = useOnNodeDrag();
+    const onNodeEdgeDrop = useOnNodeEdgeDrop();
+    const onNodeSelect = useOnNodeSelect();
+    const onNodeStart = useOnNodeStart();
+    const onNodeStop = useOnNodeStop();
+    const move = givenMove !== null && givenMove !== void 0 ? givenMove : graphMove;
+    const pull = givenPull !== null && givenPull !== void 0 ? givenPull : graphPull;
+    const onEdgeDrop = givenOnEdgeDrop !== null && givenOnEdgeDrop !== void 0 ? givenOnEdgeDrop : onNodeEdgeDrop;
+    const onSelect = givenOnSelect !== null && givenOnSelect !== void 0 ? givenOnSelect : onNodeSelect;
+    const pullPosition = useRef({
+        x,
+        y
+    });
+    const { height, line, shape, width } = useMemo(() => {
+        return {
+            height: givenHeight !== null && givenHeight !== void 0 ? givenHeight : defaultHeight,
+            line: givenLine !== null && givenLine !== void 0 ? givenLine : defaultLine,
+            shape: givenShape !== null && givenShape !== void 0 ? givenShape : defaultShape,
+            width: givenWidth !== null && givenWidth !== void 0 ? givenWidth : defaultWidth
+        };
+    }, [
+        defaultHeight,
+        defaultLine,
+        defaultShape,
+        defaultWidth,
+        givenHeight,
+        givenLine,
+        givenShape,
+        givenWidth
+    ]);
+    const handleOnStart = useCallback((event) => {
+        if (onStart) {
+            onStart(event);
+        }
+        else if (onNodeStart) {
+            onNodeStart(event, id);
+        }
+    }, [
+        id,
+        onNodeStart,
+        onStart
+    ]);
+    const handleOnDrag = useCallback((event, data) => {
+        if (onDrag) {
+            onDrag(event, data);
+        }
+        else if (onNodeDrag) {
+            onNodeDrag(event, id, data);
+        }
+    }, [
+        id,
+        onDrag,
+        onNodeDrag
+    ]);
+    const handleOnStop = useCallback((event, data) => {
+        if (onStop) {
+            onStop(event, data);
+        }
+        else if (onNodeStop) {
+            onNodeStop(event, id, data);
+        }
+    }, [
+        id,
+        onNodeStop,
+        onStop
+    ]);
+    const handleMoveStart = useCallback((event) => {
+        handleOnStart(event);
+    }, [
+        handleOnStart
+    ]);
+    const handleMoveDrag = useCallback((event, data, position) => {
+        pullPosition.current = {
+            x: position.x,
+            y: position.y
+        };
+        handleOnDrag(event, data);
+    }, [
+        handleOnDrag
+    ]);
+    const handleMoveStop = useCallback((event, data) => {
+        handleOnStop(event, data);
+    }, [
+        handleOnStop
+    ]);
+    const pullNode = useMemo(() => {
+        return mode === 'pull' && pull ?
+            (_jsx(PullNode, { height: height, line: line, mode: mode, onEdgeDrop: onEdgeDrop, shape: shape, sourceId: id, style: style, width: width, x: pullPosition.current.x, y: pullPosition.current.y })) :
+            null;
+    }, [
+        mode
+    ]);
+    const snapper = useMemo(() => {
+        return {
+            x: Math.ceil((x !== null && x !== void 0 ? x : 0) / snapX) * snapX,
+            y: Math.ceil((y !== null && y !== void 0 ? y : 0) / snapY) * snapY
+        };
+    }, [
+        snapX,
+        snapY,
+        x,
+        y
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsx(MoveNode, { disabled: (_b = mode === 'pull') !== null && _b !== void 0 ? _b : !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] }));
 };
 Node.displayName = 'LincleInteractiveNode';
-export default Node;
+export { Node };
+export { default as MoveNode } from './MoveNode';
+export { default as PullNode } from './PullNode';

package/dist/components/Nodes/Interaction/index.d.ts

@@ -0,0 +1,4 @@
+import { type InteractionProps } from '../../../shared';
+import { type FunctionComponent } from 'react';
+declare const Interaction: FunctionComponent<InteractionProps>;
+export default Interaction;

package/dist/components/Nodes/Interaction/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useScale, useTranslate } from '../../../shared';
+import { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+const styles = StyleSheet.create({
+    container: {
+        backfaceVisibility: 'hidden',
+        height: '100%',
+        overflow: 'visible',
+        pointerEvents: 'box-none',
+        transformOrigin: '0 0'
+    }
+});
+const Interaction = ({ children }) => {
+    const scale = useScale();
+    const translate = useTranslate();
+    const style = useMemo(() => {
+        const { x, y } = translate;
+        return Object.assign(Object.assign({}, styles.container), { transform: `translateX(${x}px) translateY(${y}px) scale(${scale})` });
+    }, [
+        scale,
+        translate
+    ]);
+    return (_jsx(View, { style: style, children: children }));
+};
+Interaction.displayName = 'LincleInteractiveInteraction';
+export default Interaction;

package/dist/components/Nodes/index.d.ts

@@ -1 +1,4 @@
-export { Nodes as default } from '../../base';
+import { type NodesProps } from '../../shared';
+import { type FunctionComponent } from 'react';
+declare const Nodes: FunctionComponent<NodesProps>;
+export { Nodes };

package/dist/components/Nodes/index.js

@@ -1 +1,20 @@
-export { Nodes as default } from '../../base';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Nodes as BaseNodes } from '../../base';
+import Interaction from './Interaction';
+const Nodes = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(Interaction, { children: _jsx(BaseNodes, Object.assign({}, props, { children: children })) }));
+};
+Nodes.displayName = 'LincleInteractiveNodes';
+export { Nodes };

package/dist/components/index.d.ts

@@ -1,8 +1,5 @@
-export { default as Edge } from './Edge';
-export { default as Edges } from './Edges';
-export { default as Graph } from './Graph';
-export { default as GraphContexts } from './GraphContexts';
-export { default as Grid } from './Grid';
-export { default as Node } from './Node';
-export { default as Nodes } from './Nodes';
-export { default as Pull } from './Pull';
+export * from './Edge';
+export * from './Edges';
+export * from './Graph';
+export * from './Node';
+export * from './Nodes';

package/dist/components/index.js

@@ -1,8 +1,5 @@
-export { default as Edge } from './Edge';
-export { default as Edges } from './Edges';
-export { default as Graph } from './Graph';
-export { default as GraphContexts } from './GraphContexts';
-export { default as Grid } from './Grid';
-export { default as Node } from './Node';
-export { default as Nodes } from './Nodes';
-export { default as Pull } from './Pull';
+export * from './Edge';
+export * from './Edges';
+export * from './Graph';
+export * from './Node';
+export * from './Nodes';

package/dist/shared.d.ts

@@ -1,12 +1,12 @@
-import { type DraggableData, type EdgeControlProps, type EdgeProps, type EdgesProps, type Mode, type MoveNodeProps as SharedMoveNodeProps, type NodeProps as SharedNodeProps, type NodesProps, type Position, type PullNodeProps as SharedPullNodeProps, type PullProps as SharedPullProps, type ScaleProps, type SnapProps, type TransformProps, type TranslateProps } from '@lincle/react-interactive-shared';
-import { type GraphContextsProps as BaseGraphContextsProps, type GraphProps as BaseGraphProps, type NodeProps as BaseNodeProps } from '@lincle/react-native-base';
-import { type ReactElement, type ReactNode } from 'react';
-import { type GestureResponderEvent, type ViewStyle } from 'react-native';
-export { defaultScale, defaultSettings, disableMove, disablePull, type DraggableData, type EdgeNodeProps, GraphContext, GridContext, type GridProps, ModeContext, type ModeType, NodeContext, type Position, ScaleContext, SnapContext, TransformContext, transformDefaults, TranslateContext, translateDefaults } from '@lincle/react-interactive-shared';
+import { type EdgeControlProps, type GraphProps as InteractiveGraphProps, type MoveNodeProps as SharedMoveNodeProps, type NodeProps as SharedNodeProps, type Position, type PullNodeProps as SharedPullNodeProps, type PullProps as SharedPullProps } from '@lincle/react-interactive-shared';
+import { type EdgeProps as BaseEdgeProps, type EdgesProps as BaseEdgesProps, type NodeProps as BaseNodeProps, type NodesProps as BaseNodesProps } from '@lincle/react-native-base';
+import { type PropsWithChildren } from 'react';
+import { type GestureResponderEvent, type PanResponderGestureState, type ViewStyle } from 'react-native';
 export type DraggableEvent = GestureResponderEvent;
+export type DraggableData = PanResponderGestureState;
 export type NodeControlProps = {
     onDrag?: (event: DraggableEvent, data: DraggableData) => void;
-    onEdgeDrop?: (sourceId: number | string, targetId?: number | string) => void;
+    onEdgeDrop?: (event: DraggableEvent, sourceId: number | string, targetId?: number | string) => void;
     onSelect?: () => void;
     onStart?: (event: DraggableEvent) => void;
     onStop?: (event: DraggableEvent, data: DraggableData) => void;
@@ -17,6 +17,7 @@ export type GraphNodeControlProps = {
     onNodeStart?: (event: DraggableEvent, nodeId: number | string) => void;
     onNodeStop?: (event: DraggableEvent, nodeId: number | string, data: DraggableData) => void;
 };
+export type NodeProps = SharedNodeProps & Omit<BaseNodeProps, 'ref'> & NodeControlProps;
 export type PullProps = Omit<EdgeProps, 'children' | 'id' | 'path' | 'targetId'> & Omit<NodeProps, 'children' | 'id'> & SharedPullProps & {
     style?: {
         pull?: ViewStyle;
@@ -28,20 +29,17 @@ export type PullNodeProps = Omit<NodeProps, 'id'> & SharedPullNodeProps & {
         pull?: ViewStyle;
     };
 };
-export type NodeProps = SharedNodeProps & BaseNodeProps & NodeControlProps;
 export type NodeContextProps = EdgeControlProps & GraphNodeControlProps;
-export type GraphContextsProps = BaseGraphContextsProps & EdgeControlProps & GraphNodeControlProps & Partial<Mode> & ScaleProps & SnapProps & TransformProps & TranslateProps;
 export type InteractionControlProps = {
-    onMouseDown?: (event: GestureResponderEvent) => void;
-    onMouseUp?: (event: GestureResponderEvent) => void;
-    onTouchEnd?: (event: GestureResponderEvent) => void;
-    onTouchStart?: (event: GestureResponderEvent) => void;
-};
-export type InteractionProps = InteractionControlProps & Pick<GraphProps, 'children'>;
-export type GraphProps = EdgeControlProps & GraphNodeControlProps & InteractionControlProps & Omit<BaseGraphProps, 'children' | 'id'> & Partial<Mode> & ScaleProps & SnapProps & TransformProps & TranslateProps & {
-    children?: Array<ReactElement<EdgesProps | NodesProps>> | ReactNode | ReactNode[];
-    id?: number | string;
+    onPointerUp?: (event: GestureResponderEvent) => void;
 };
+export type InteractionProps = PropsWithChildren<InteractionControlProps>;
+export type NodesProps = BaseNodesProps;
+export type EdgeProps = BaseEdgeProps;
+export type EdgesProps = BaseEdgesProps;
 export type MoveNodeProps = Omit<NodeProps, 'onDrag' | 'onSelect'> & SharedMoveNodeProps & BaseNodeProps & {
     readonly onDrag?: (event: GestureResponderEvent, data: DraggableData, position: Position) => void;
 };
+export type GraphProps = Omit<InteractiveGraphProps, 'onNodeDrag' | 'onNodeSelect' | 'onNodeStart' | 'onNodeStop'> & GraphNodeControlProps;
+export { type Connection, type Connections, type ConnectionsProps, type EdgeNodeProps, type GridProps, type ModeType, type Position, 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';
+export { Graph as GraphBase, Marker, useUpdateEdge } from '@lincle/react-native-base';

package/dist/shared.js

@@ -1 +1,2 @@
-export { defaultScale, defaultSettings, disableMove, disablePull, GraphContext, GridContext, ModeContext, NodeContext, ScaleContext, SnapContext, TransformContext, transformDefaults, TranslateContext, translateDefaults } from '@lincle/react-interactive-shared';
+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';
+export { Graph as GraphBase, Marker, useUpdateEdge } from '@lincle/react-native-base';

package/package.json

@@ -1,8 +1,8 @@
 {
 	"name": "@lincle/react-native-interactive",
-	"title": "lincle react web interactive",
+	"title": "lincle react native interactive",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.4.0-next.1",
+	"version": "0.4.0-next.11",
 	"private": false,
 	"description": "A 'reactive' React node and edge generator",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -43,47 +43,42 @@
 		"clean:dist": "rimraf dist"
 	},
 	"devDependencies": {
-		"@digest/eslint-config-jest": "^4.3.0",
-		"@digest/eslint-config-react": "^4.3.0",
-		"@digest/eslint-config-typescript": "^4.3.0",
-		"@digest/jest-junit": "^4.3.0",
-		"@digest/jest-react": "^4.3.0",
-		"@digest/jest-typescript": "^4.3.0",
-		"@digest/typescript": "^4.3.0",
+		"@digest/eslint-config-jest": "^4.4.3",
+		"@digest/eslint-config-react": "^4.4.3",
+		"@digest/eslint-config-typescript": "^4.4.3",
+		"@digest/jest-junit": "^4.4.3",
+		"@digest/jest-react": "^4.4.3",
+		"@digest/jest-typescript": "^4.4.3",
+		"@digest/typescript": "^4.4.3",
 		"@openspacelabs/react-native-zoomable-view": "^2.1.6",
-		"@types/bezier-js": "^4.1.3",
 		"@types/jest": "^29.5.12",
-		"@types/lodash.debounce": "^4.0.9",
-		"@types/lodash.throttle": "^4.1.9",
-		"@types/node": "^20.12.4",
-		"@types/react": "^18.2.74",
+		"@types/node": "^22.1.0",
+		"@types/react": "^18.3.3",
 		"@types/react-native": "^0.73.0",
-		"@types/react-test-renderer": "^18.0.7",
+		"@types/react-test-renderer": "^18.3.0",
 		"cross-env": "^7.0.3",
 		"jest-environment-jsdom": "^29.7.0",
 		"jest-environment-jsdom-global": "^4.0.0",
 		"ncp": "^2.0.0",
 		"npm-run-all": "^4.1.5",
-		"react": "^18.2.0",
-		"react-native": "^0.73.6",
+		"react": "^18.3.1",
+		"react-native": "^0.74.5",
 		"react-native-draggable": "^3.3.0",
-		"react-native-reanimated": "^3.8.1",
-		"react-native-svg": "^15.1.0",
-		"react-test-renderer": "^18.2.0",
-		"rimraf": "^5.0.5"
+		"react-native-reanimated": "^3.14.0",
+		"react-native-svg": "^15.4.0",
+		"react-test-renderer": "^18.3.1",
+		"rimraf": "^6.0.1"
 	},
 	"dependencies": {
-		"@lincle/react-interactive-shared": "^0.4.0-next.1",
-		"@lincle/react-native-base": "^0.4.0-next.1",
-		"@lincle/react-shared": "^0.4.0-next.1",
-		"react-native-draggable": "^3.3.0"
+		"@lincle/react-interactive-shared": "^0.4.0-next.11",
+		"@lincle/react-native-base": "^0.4.0-next.11",
+		"@lincle/react-shared": "^0.4.0-next.11"
 	},
 	"peerDependencies": {
 		"@openspacelabs/react-native-zoomable-view": "^2.1.0",
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
 		"react-native": "^0.72.0",
 		"react-native-draggable": "^3.3.0",
-		"react-native-pan-pinch-view": "^2.0.0",
 		"react-native-reanimated": "^3.0.0",
 		"react-native-svg": "^13.0.0"
 	},
@@ -94,7 +89,7 @@
 		"react",
 		"reactjs",
 		"react-dom",
-		"react-web",
+		"react-native",
 		"reactive",
 		"react-draggable",
 		"interactive",
@@ -106,5 +101,5 @@
 		"dragndrop",
 		"drag"
 	],
-	"gitHead": "7c1adb4075c272515a8d04b45a9ba829c1c1b1e6"
+	"gitHead": "9dd90674f5195c828749f2b171eee3dda0cc85b6"
 }

package/dist/components/GraphContexts/index.d.ts

@@ -1,4 +0,0 @@
-import { type GraphContextsProps } from '../../shared';
-import { type FunctionComponent } from 'react';
-declare const GraphContexts: FunctionComponent<GraphContextsProps>;
-export default GraphContexts;