@lincle/react-native-interactive 0.4.0-next.3 → 0.4.0-next.4

package/dist/components/Edges/Connections/index.d.ts

@@ -1,10 +1,4 @@
-import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type ConnectionsProps } from '../../../shared';
+import { type FunctionComponent } from 'react';
 declare const Connections: FunctionComponent<ConnectionsProps>;
 export default Connections;
-export type ConnectionsProps = PropsWithChildren<{
-    readonly scale: number;
-    readonly translate: {
-        x: number;
-        y: number;
-    };
-}>;

package/dist/components/Edges/Connections/index.js

@@ -6,15 +6,8 @@ import { StyleSheet } from 'react-native';
 import { Defs, Svg } from 'react-native-svg';
 const { svgStyle } = StyleSheet.create({
     svgStyle: {
-        bottom: 0,
-        height: '100%',
-        left: 0,
         overflow: 'visible',
-        pointerEvents: 'none',
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        width: '100%'
+        position: 'absolute'
     }
 });
 const Connections = ({ scale = 1, translate = {

package/dist/components/Edges/index.js

@@ -9,15 +9,23 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Edges as BaseEdges } from '../../base';
 import { useScale, useTranslate } from '../../shared';
 import Connections from './Connections';
+import { StyleSheet, View } from 'react-native';
+const { edgesStyle } = StyleSheet.create({
+    edgesStyle: {
+        height: '100%',
+        position: 'absolute',
+        width: '100%'
+    }
+});
 const Edges = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     const scale = useScale();
     const translate = useTranslate();
-    return (_jsxs(_Fragment, { children: [_jsx(BaseEdges, Object.assign({ scale: scale, translate: translate }, props, { children: children })), _jsx(Connections, { scale: scale, translate: translate })] }));
+    return (_jsxs(View, { style: edgesStyle, children: [_jsx(BaseEdges, Object.assign({ scale: scale, translate: translate }, props, { children: children })), _jsx(Connections, { scale: scale, translate: translate })] }));
 };
 Edges.displayName = 'LincleInteractiveEdges';
 export { Edges };

package/dist/components/{Interaction → Nodes/Interaction}/index.d.ts

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

package/dist/components/{Interaction → Nodes/Interaction}/index.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMode, useOnMode, useOnScale, useOnTranslateThrottle, useScale, useTranslate } from '../../shared';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMode, useOnMode, useOnScale, useOnTranslateThrottle, useScale, useTranslate } from '../../../shared';
 import { ReactNativeZoomableView } from '@openspacelabs/react-native-zoomable-view';
-import { Children, useCallback, useEffect, useMemo, useRef } from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { StyleSheet, View } from 'react-native';
 const CLICK_TIME = 500;
 const useDoubleTap = () => {
@@ -33,11 +33,6 @@ const styles = StyleSheet.create({
         height: '100%',
         overflow: 'visible'
     },
-    content: {
-        height: '100%',
-        position: 'absolute',
-        width: '100%'
-    },
     zoomable: {
         overflow: 'visible'
     }
@@ -66,30 +61,6 @@ const Interaction = ({ children, onPointerUp }) => {
         onScale,
         onTranslateThrottle
     ]);
-    const { edges, nodes } = useMemo(() => {
-        const filteredChildren = Children.toArray(children).filter((child) => {
-            var _a;
-            const name = (_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName;
-            return name === 'LincleInteractiveNodes' ||
-                'LincleInteractiveEdges';
-        });
-        const filteredNodes = filteredChildren.filter((child) => {
-            var _a;
-            const name = (_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName;
-            return name === 'LincleInteractiveNodes';
-        });
-        const filteredEdges = filteredChildren.filter((child) => {
-            var _a;
-            const name = (_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName;
-            return name === 'LincleInteractiveEdges';
-        });
-        return {
-            edges: filteredEdges,
-            nodes: filteredNodes
-        };
-    }, [
-        children
-    ]);
     const handleTapEnd = useCallback(() => {
         if (onMode) {
             switch (graphMode) {
@@ -128,7 +99,7 @@ const Interaction = ({ children, onPointerUp }) => {
         handleTapEnd,
         onPointerUp
     ]);
-    return (_jsxs(View, { style: styles.container, children: [_jsx(ReactNativeZoomableView, { bindToBorders: false, doubleTapDelay: 1, doubleTapZoomToCenter: false, initialOffsetX: translate.x, initialOffsetY: translate.y, initialZoom: scale, maxZoom: 1.5, minZoom: 0.5, movementSensibility: 1, onSingleTap: handlePointerUp, onTransform: handleOnTransform, onZoomAfter: handleZoom, panEnabled: true, style: styles.zoomable, visualTouchFeedbackEnabled: false, zoomStep: 0.5, children: nodes }), _jsx(View, { style: styles.content, children: edges })] }));
+    return (_jsx(View, { style: styles.container, children: _jsx(ReactNativeZoomableView, { bindToBorders: false, doubleTapDelay: 1, doubleTapZoomToCenter: false, initialOffsetX: translate.x, initialOffsetY: translate.y, initialZoom: scale, maxZoom: 1.5, minZoom: 0.5, movementSensibility: 1, onSingleTap: handlePointerUp, onTransform: handleOnTransform, onZoomAfter: handleZoom, panEnabled: true, style: styles.zoomable, visualTouchFeedbackEnabled: false, zoomStep: 0.5, children: children }) }));
 };
 Interaction.displayName = 'LincleInteractiveInteraction';
-export { Interaction };
+export default Interaction;

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

@@ -1,2 +1,4 @@
-import { Nodes } 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,3 +1,20 @@
-import { Nodes } 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,6 +1,5 @@
 export * from './Edge';
 export * from './Edges';
 export * from './Graph';
-export * from './Interaction';
 export * from './Node';
 export * from './Nodes';

package/dist/components/index.js

@@ -1,6 +1,5 @@
 export * from './Edge';
 export * from './Edges';
 export * from './Graph';
-export * from './Interaction';
 export * from './Node';
 export * from './Nodes';

package/dist/shared.d.ts

@@ -41,5 +41,5 @@ export type MoveNodeProps = Omit<NodeProps, 'onDrag' | 'onSelect'> & SharedMoveN
     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 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 { 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/package.json

@@ -2,7 +2,7 @@
 	"name": "@lincle/react-native-interactive",
 	"title": "lincle react native interactive",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.4.0-next.3",
+	"version": "0.4.0-next.4",
 	"private": false,
 	"description": "A 'reactive' React node and edge generator",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -52,7 +52,7 @@
 		"@digest/typescript": "^4.4.3",
 		"@openspacelabs/react-native-zoomable-view": "^2.1.6",
 		"@types/jest": "^29.5.12",
-		"@types/node": "^20.14.11",
+		"@types/node": "^22.0.0",
 		"@types/react": "^18.3.3",
 		"@types/react-native": "^0.73.0",
 		"@types/react-test-renderer": "^18.3.0",
@@ -62,7 +62,7 @@
 		"ncp": "^2.0.0",
 		"npm-run-all": "^4.1.5",
 		"react": "^18.3.1",
-		"react-native": "^0.74.3",
+		"react-native": "^0.74.4",
 		"react-native-draggable": "^3.3.0",
 		"react-native-reanimated": "^3.14.0",
 		"react-native-svg": "^15.4.0",
@@ -70,9 +70,9 @@
 		"rimraf": "^6.0.1"
 	},
 	"dependencies": {
-		"@lincle/react-interactive-shared": "^0.4.0-next.3",
-		"@lincle/react-native-base": "^0.4.0-next.3",
-		"@lincle/react-shared": "^0.4.0-next.3"
+		"@lincle/react-interactive-shared": "^0.4.0-next.4",
+		"@lincle/react-native-base": "^0.4.0-next.4",
+		"@lincle/react-shared": "^0.4.0-next.4"
 	},
 	"peerDependencies": {
 		"@openspacelabs/react-native-zoomable-view": "^2.1.0",
@@ -101,5 +101,5 @@
 		"dragndrop",
 		"drag"
 	],
-	"gitHead": "0d9cda53a8175e6d2a64d7b3b81828fc98007bfb"
+	"gitHead": "6bbaaf166913673c8990505ea8de66a0587ce372"
 }