@lincle/react-native-interactive 0.4.0-next.17 → 0.4.0-next.19

package/dist/cjs/components/Node/MoveNode/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const base_1 = require("../../../base");
+const shared_1 = require("../../../shared");
+const Draggable_1 = __importDefault(require("../Draggable"));
+const react_1 = require("react");
+const MoveNode = ({ children, disabled, height = 50, id, onDrag, shape, style: { node: nodeStyle } = {}, track = false, width = 50, x = 0, y = 0 }) => {
+    const scale = (0, shared_1.useScale)();
+    const [position, setPosition] = (0, react_1.useState)({
+        x,
+        y
+    });
+    const [finalPosition, setFinalPosition] = (0, react_1.useState)({
+        x,
+        y
+    });
+    const handleDrag = (0, react_1.useCallback)((event, state) => {
+        if (onDrag) {
+            onDrag(event, {
+                deltaX: state.dx,
+                deltaY: state.dy,
+                lastX: finalPosition.x,
+                lastY: finalPosition.y,
+                node: event.target.context,
+                x: finalPosition.x + state.dx,
+                y: finalPosition.y + state.dy
+            }, {
+                x: finalPosition.x + state.dx,
+                y: finalPosition.y + state.dy
+            });
+        }
+        setPosition(() => {
+            return {
+                x: finalPosition.x + state.dx,
+                y: finalPosition.y + state.dy
+            };
+        });
+    }, [
+        finalPosition.x,
+        finalPosition.y,
+        onDrag
+    ]);
+    const handleDragRelease = (0, react_1.useCallback)((_event, _state, bounds) => {
+        setFinalPosition(() => {
+            return {
+                x: bounds.left,
+                y: bounds.top
+            };
+        });
+    }, []);
+    const style = (0, react_1.useMemo)(() => {
+        return {
+            node: nodeStyle
+        };
+    }, [
+        nodeStyle
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Draggable_1.default, { disabled: disabled, onDrag: handleDrag, onDragRelease: handleDragRelease, scale: scale, x: x, y: y, children: (0, jsx_runtime_1.jsx)(base_1.Node, { height: height, id: id, shape: shape, style: style, track: track, width: width, x: position.x, y: position.y, children: children }) }));
+};
+MoveNode.displayName = 'LincleInteractiveMoveNode';
+exports.default = MoveNode;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Node/MoveNode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/MoveNode/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,129 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../../shared");
+const Draggable_1 = __importDefault(require("../Draggable"));
+const react_1 = require("react");
+const react_native_1 = require("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 = (0, shared_1.useDiagramId)();
+    const nodePositions = (0, shared_1.useNodePositions)();
+    const setConnection = (0, shared_1.useSetConnection)(sourceId);
+    const onNodeEdgeDrop = (0, shared_1.useOnNodeEdgeDrop)();
+    const onEdgeDrop = givenOnEdgeDrop ?? onNodeEdgeDrop;
+    const scale = (0, shared_1.useScale)();
+    const mouseOffset = (0, react_1.useRef)(null);
+    const position = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            setConnection();
+            position.current = null;
+            mouseOffset.current = null;
+        };
+    }, []);
+    const handlePressIn = (0, react_1.useCallback)((event) => {
+        event.stopPropagation();
+        if (!disabled &&
+            onStart) {
+            onStart(event);
+        }
+    }, [
+        disabled,
+        onStart
+    ]);
+    const handleDrag = (0, react_1.useCallback)((event, gestureState) => {
+        mouseOffset.current ?? (mouseOffset.current = {
+            x: event.nativeEvent.locationX,
+            y: event.nativeEvent.locationY
+        });
+        if (!disabled) {
+            position.current = {
+                x: x + gestureState.dx + mouseOffset.current?.x,
+                y: y + gestureState.dy + mouseOffset.current?.y
+            };
+            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 = (0, react_1.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 = (0, react_1.useMemo)(() => {
+        return react_native_1.StyleSheet.create({
+            view: {
+                ...givenStyle,
+                borderRadius: shape === 'oval' ?
+                    50 :
+                    undefined,
+                height,
+                width
+            }
+        });
+    }, [
+        givenStyle,
+        height,
+        shape,
+        width
+    ]);
+    return diagramId ?
+        (0, jsx_runtime_1.jsx)(Draggable_1.default, { disabled: disabled, onDrag: handleDrag, onDragRelease: handleRelease, onPressIn: handlePressIn, renderSize: height, scale: scale, shouldReverse: true, x: x, y: y, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: style.view }) }) :
+        null;
+};
+PullNode.displayName = 'LincleInteractivePullNode';
+exports.default = PullNode;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Node/PullNode/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,143 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PullNode = exports.MoveNode = exports.Node = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../shared");
+const MoveNode_1 = __importDefault(require("./MoveNode"));
+const PullNode_1 = __importDefault(require("./PullNode"));
+const react_1 = require("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 }) => {
+    const defaultHeight = (0, shared_1.useDefaultNodeHeight)();
+    const defaultLine = (0, shared_1.useDefaultLine)();
+    const defaultShape = (0, shared_1.useDefaultShape)();
+    const defaultWidth = (0, shared_1.useDefaultNodeWidth)();
+    const snap = (0, shared_1.useSnap)();
+    const [snapX = 1, snapY = 1] = snap && Array.isArray(snap) ?
+        snap :
+        emptySnap;
+    const graphMode = (0, shared_1.useMode)();
+    const graphGivenMode = (0, shared_1.useModeGiven)();
+    const mode = givenMode ?? graphGivenMode ?? graphMode;
+    const graphMove = (0, shared_1.useMove)();
+    const graphPull = (0, shared_1.usePull)();
+    const onNodeDrag = (0, shared_1.useOnNodeDrag)();
+    const onNodeEdgeDrop = (0, shared_1.useOnNodeEdgeDrop)();
+    const onNodeSelect = (0, shared_1.useOnNodeSelect)();
+    const onNodeStart = (0, shared_1.useOnNodeStart)();
+    const onNodeStop = (0, shared_1.useOnNodeStop)();
+    const move = givenMove ?? graphMove;
+    const pull = givenPull ?? graphPull;
+    const onEdgeDrop = givenOnEdgeDrop ?? onNodeEdgeDrop;
+    const onSelect = givenOnSelect ?? onNodeSelect;
+    const pullPosition = (0, react_1.useRef)({
+        x,
+        y
+    });
+    const { height, line, shape, width } = (0, react_1.useMemo)(() => {
+        return {
+            height: givenHeight ?? defaultHeight,
+            line: givenLine ?? defaultLine,
+            shape: givenShape ?? defaultShape,
+            width: givenWidth ?? defaultWidth
+        };
+    }, [
+        defaultHeight,
+        defaultLine,
+        defaultShape,
+        defaultWidth,
+        givenHeight,
+        givenLine,
+        givenShape,
+        givenWidth
+    ]);
+    const handleOnStart = (0, react_1.useCallback)((event) => {
+        if (onStart) {
+            onStart(event);
+        }
+        else if (onNodeStart) {
+            onNodeStart(event, id);
+        }
+    }, [
+        id,
+        onNodeStart,
+        onStart
+    ]);
+    const handleOnDrag = (0, react_1.useCallback)((event, data) => {
+        if (onDrag) {
+            onDrag(event, data);
+        }
+        else if (onNodeDrag) {
+            onNodeDrag(event, id, data);
+        }
+    }, [
+        id,
+        onDrag,
+        onNodeDrag
+    ]);
+    const handleOnStop = (0, react_1.useCallback)((event, data) => {
+        if (onStop) {
+            onStop(event, data);
+        }
+        else if (onNodeStop) {
+            onNodeStop(event, id, data);
+        }
+    }, [
+        id,
+        onNodeStop,
+        onStop
+    ]);
+    const handleMoveStart = (0, react_1.useCallback)((event) => {
+        handleOnStart(event);
+    }, [
+        handleOnStart
+    ]);
+    const handleMoveDrag = (0, react_1.useCallback)((event, data, position) => {
+        pullPosition.current = {
+            x: position.x,
+            y: position.y
+        };
+        handleOnDrag(event, data);
+    }, [
+        handleOnDrag
+    ]);
+    const handleMoveStop = (0, react_1.useCallback)((event, data) => {
+        handleOnStop(event, data);
+    }, [
+        handleOnStop
+    ]);
+    const pullNode = (0, react_1.useMemo)(() => {
+        return mode === 'pull' && pull ?
+            (0, jsx_runtime_1.jsx)(PullNode_1.default, { 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 = (0, react_1.useMemo)(() => {
+        return {
+            x: Math.ceil((x ?? 0) / snapX) * snapX,
+            y: Math.ceil((y ?? 0) / snapY) * snapY
+        };
+    }, [
+        snapX,
+        snapY,
+        x,
+        y
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MoveNode_1.default, { disabled: mode === 'pull' ?
+                    true :
+                    !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] }));
+};
+exports.Node = Node;
+Node.displayName = 'LincleInteractiveNode';
+var MoveNode_2 = require("./MoveNode");
+Object.defineProperty(exports, "MoveNode", { enumerable: true, get: function () { return __importDefault(MoveNode_2).default; } });
+var PullNode_2 = require("./PullNode");
+Object.defineProperty(exports, "PullNode", { enumerable: true, get: function () { return __importDefault(PullNode_2).default; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shared_1 = require("../../../shared");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        backfaceVisibility: 'hidden',
+        height: '100%',
+        overflow: 'visible',
+        pointerEvents: 'box-none',
+        transformOrigin: '0 0'
+    }
+});
+const Interaction = ({ children }) => {
+    const scale = (0, shared_1.useScale)();
+    const translate = (0, shared_1.useTranslate)();
+    const style = (0, react_1.useMemo)(() => {
+        const { x, y } = translate;
+        return {
+            ...styles.container,
+            transform: `translateX(${x}px) translateY(${y}px) scale(${scale})`
+        };
+    }, [
+        scale,
+        translate
+    ]);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children }));
+};
+Interaction.displayName = 'LincleInteractiveInteraction';
+exports.default = Interaction;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Nodes/Interaction/index.tsx"],"names":[],"mappings":";;;AAAA,4CAIyB;AACzB,iCAGe;AACf,+CAGsB;AAEtB,MAAM,MAAM,GAAG,yBAAU,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,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IAEjC,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,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,uBAAC,mBAAI,IACH,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,kBAAe,WAAW,CAAC"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Nodes = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const base_1 = require("../../base");
+const Interaction_1 = __importDefault(require("./Interaction"));
+const Nodes = ({ children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)(Interaction_1.default, { children: (0, jsx_runtime_1.jsx)(base_1.Nodes, { ...props, children: children }) }));
+};
+exports.Nodes = Nodes;
+Nodes.displayName = 'LincleInteractiveNodes';
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nodes/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,qCAEoB;AAIpB,gEAAwC;AAKxC,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,qBAAW,cACV,uBAAC,YAAS,OACJ,KAAK,YAER,QAAQ,GACC,GACA,CACf,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC"}

package/dist/cjs/components/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Edge"), exports);
+__exportStar(require("./Edges"), exports);
+__exportStar(require("./Graph"), exports);
+__exportStar(require("./Node"), exports);
+__exportStar(require("./Nodes"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB"}

package/dist/cjs/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./shared"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,2CAAyB"}

package/dist/cjs/shared.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEdge = exports.Marker = exports.GraphBase = exports.useTranslate = exports.useSnap = exports.useSetConnection = exports.useScale = exports.usePull = exports.useOnTranslateThrottle = exports.useOnScale = exports.useOnNodeStop = exports.useOnNodeStart = exports.useOnNodeSelect = exports.useOnNodeEdgeDrop = exports.useOnNodeDrag = exports.useOnMode = exports.useNodePositions = exports.useMove = exports.useModeGiven = exports.useMode = exports.useDiagramId = exports.useDefaultShape = exports.useDefaultNodeWidth = exports.useDefaultNodeHeight = exports.useDefaultLine = exports.useConnections = exports.useConnection = exports.Providers = void 0;
+var react_interactive_shared_1 = require("@lincle/react-interactive-shared");
+Object.defineProperty(exports, "Providers", { enumerable: true, get: function () { return react_interactive_shared_1.Providers; } });
+Object.defineProperty(exports, "useConnection", { enumerable: true, get: function () { return react_interactive_shared_1.useConnection; } });
+Object.defineProperty(exports, "useConnections", { enumerable: true, get: function () { return react_interactive_shared_1.useConnections; } });
+Object.defineProperty(exports, "useDefaultLine", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultLine; } });
+Object.defineProperty(exports, "useDefaultNodeHeight", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultNodeHeight; } });
+Object.defineProperty(exports, "useDefaultNodeWidth", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultNodeWidth; } });
+Object.defineProperty(exports, "useDefaultShape", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultShape; } });
+Object.defineProperty(exports, "useDiagramId", { enumerable: true, get: function () { return react_interactive_shared_1.useDiagramId; } });
+Object.defineProperty(exports, "useMode", { enumerable: true, get: function () { return react_interactive_shared_1.useMode; } });
+Object.defineProperty(exports, "useModeGiven", { enumerable: true, get: function () { return react_interactive_shared_1.useModeGiven; } });
+Object.defineProperty(exports, "useMove", { enumerable: true, get: function () { return react_interactive_shared_1.useMove; } });
+Object.defineProperty(exports, "useNodePositions", { enumerable: true, get: function () { return react_interactive_shared_1.useNodePositions; } });
+Object.defineProperty(exports, "useOnMode", { enumerable: true, get: function () { return react_interactive_shared_1.useOnMode; } });
+Object.defineProperty(exports, "useOnNodeDrag", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeDrag; } });
+Object.defineProperty(exports, "useOnNodeEdgeDrop", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeEdgeDrop; } });
+Object.defineProperty(exports, "useOnNodeSelect", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeSelect; } });
+Object.defineProperty(exports, "useOnNodeStart", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeStart; } });
+Object.defineProperty(exports, "useOnNodeStop", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeStop; } });
+Object.defineProperty(exports, "useOnScale", { enumerable: true, get: function () { return react_interactive_shared_1.useOnScale; } });
+Object.defineProperty(exports, "useOnTranslateThrottle", { enumerable: true, get: function () { return react_interactive_shared_1.useOnTranslateThrottle; } });
+Object.defineProperty(exports, "usePull", { enumerable: true, get: function () { return react_interactive_shared_1.usePull; } });
+Object.defineProperty(exports, "useScale", { enumerable: true, get: function () { return react_interactive_shared_1.useScale; } });
+Object.defineProperty(exports, "useSetConnection", { enumerable: true, get: function () { return react_interactive_shared_1.useSetConnection; } });
+Object.defineProperty(exports, "useSnap", { enumerable: true, get: function () { return react_interactive_shared_1.useSnap; } });
+Object.defineProperty(exports, "useTranslate", { enumerable: true, get: function () { return react_interactive_shared_1.useTranslate; } });
+var react_native_base_1 = require("@lincle/react-native-base");
+Object.defineProperty(exports, "GraphBase", { enumerable: true, get: function () { return react_native_base_1.Graph; } });
+Object.defineProperty(exports, "Marker", { enumerable: true, get: function () { return react_native_base_1.Marker; } });
+Object.defineProperty(exports, "useUpdateEdge", { enumerable: true, get: function () { return react_native_base_1.useUpdateEdge; } });
+//# sourceMappingURL=shared.js.map

package/dist/cjs/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/shared.ts"],"names":[],"mappings":";;;AAoHA,6EAiC0C;AAzBxC,qHAAA,SAAS,OAAA;AACT,yHAAA,aAAa,OAAA;AACb,0HAAA,cAAc,OAAA;AACd,0HAAA,cAAc,OAAA;AACd,gIAAA,oBAAoB,OAAA;AACpB,+HAAA,mBAAmB,OAAA;AACnB,2HAAA,eAAe,OAAA;AACf,wHAAA,YAAY,OAAA;AACZ,mHAAA,OAAO,OAAA;AACP,wHAAA,YAAY,OAAA;AACZ,mHAAA,OAAO,OAAA;AACP,4HAAA,gBAAgB,OAAA;AAChB,qHAAA,SAAS,OAAA;AACT,yHAAA,aAAa,OAAA;AACb,6HAAA,iBAAiB,OAAA;AACjB,2HAAA,eAAe,OAAA;AACf,0HAAA,cAAc,OAAA;AACd,yHAAA,aAAa,OAAA;AACb,sHAAA,UAAU,OAAA;AACV,kIAAA,sBAAsB,OAAA;AACtB,mHAAA,OAAO,OAAA;AACP,oHAAA,QAAQ,OAAA;AACR,4HAAA,gBAAgB,OAAA;AAChB,mHAAA,OAAO,OAAA;AACP,wHAAA,YAAY,OAAA;AAEd,+DAImC;AAHjC,8GAAA,KAAK,OAAa;AAClB,2GAAA,MAAM,OAAA;AACN,kHAAA,aAAa,OAAA"}

package/dist/{base.js → esm/base.js}

@@ -1 +1,2 @@
 export { Edge, Edges, Graph, Grid, Node, Nodes, Path } from '@lincle/react-native-base';
+//# sourceMappingURL=base.js.map

package/dist/esm/base.js.map

@@ -0,0 +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"}

package/dist/{components → esm/components}/Edge/Path/index.js

@@ -1 +1,2 @@
 export { Path } from '../../../base';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Edge/Path/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edge/Path/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACL,MAAM,eAAe,CAAC"}

package/dist/{components → esm/components}/Edge/index.js

@@ -1,2 +1,3 @@
 export { Edge } from '../../base';
 export { Path } from './Path';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Edge/index.js.map

@@ -0,0 +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"}

package/dist/{components → esm/components}/Edges/Connections/index.js

@@ -25,7 +25,7 @@ const Connections = ({ scale = 1, translate = {
     const connections = useConnections();
     const paths = useMemo(() => {
         return Object.keys(connections).map((sourceId) => {
-            const { line, source, target } = connections[sourceId];
+            const { line, source, target } = connections[sourceId] ?? {};
             return (_jsx(Path, { edgeId: sourceId + 'temp', isConnecting: isConnecting, line: line, source: source, target: target }, sourceId));
         });
     }, [
@@ -45,3 +45,4 @@ const Connections = ({ scale = 1, translate = {
 };
 Connections.displayName = 'LincleInteractiveConnections';
 export default Connections;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+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%',
+        pointerEvents: 'box-none',
+        position: 'absolute',
+        width: '100%'
+    }
+});
+const Edges = ({ children, ...props }) => {
+    const scale = useScale();
+    const translate = useTranslate();
+    return (_jsxs(View, { style: edgesStyle, children: [_jsx(BaseEdges, { scale: scale, translate: translate, ...props, children: children }), _jsx(Connections, { scale: scale, translate: translate })] }));
+};
+Edges.displayName = 'LincleInteractiveEdges';
+export { Edges };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Edges/index.js.map

@@ -0,0 +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"}

package/dist/{components → esm/components}/Graph/Grid/index.js

@@ -54,3 +54,4 @@ const Grid = ({ children }) => {
 };
 Grid.displayName = 'LincleInteractiveGrid';
 export default Grid;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Graph/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Graph/Grid/index.tsx"],"names":[],"mappings":"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"}

package/dist/{components → esm/components}/Graph/index.js

@@ -14,3 +14,4 @@ const Graph = ({ children, edgeFrequency, grid, id, line, maxScale, minScale, mo
 };
 Graph.displayName = 'LincleInteractiveGraph';
 export { Graph };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Graph/index.js.map

@@ -0,0 +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"}