@lincle/react-native-base 0.4.0-next.16 → 0.4.0-next.18

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDiagramId } from '../../shared';
+import { useMemo } from 'react';
+import { Circle, Marker as NativeMarker, Path } from 'react-native-svg';
+const Marker = () => {
+    const id = useDiagramId();
+    const markerId = useMemo(() => {
+        return id ?
+            `${id}-` :
+            '';
+    }, [
+        id
+    ]);
+    const arrowId = useMemo(() => {
+        return `diagram-${markerId}marker-arrow`;
+    }, [
+        markerId
+    ]);
+    const circleId = useMemo(() => {
+        return `diagram-${markerId}marker-circle`;
+    }, [
+        markerId
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsx(NativeMarker, { id: arrowId, markerHeight: '10', markerUnits: 'strokeWidth', markerWidth: '10', orient: 'auto', refX: '9', refY: '5', children: _jsx(Path, { d: 'M 0 0 L 10 5 L 0 10 z', fill: 'black' }) }), _jsx(NativeMarker, { id: circleId, markerHeight: '10', markerUnits: 'strokeWidth', markerWidth: '10', orient: 'auto', refX: '5', refY: '5', children: _jsx(Circle, { cx: '5', cy: '5', fill: 'black', r: '3' }) })] }));
+};
+Marker.displayName = 'LincleMarker';
+export default Marker;
+//# sourceMappingURL=Marker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","sourceRoot":"","sources":["../../../../src/components/Edges/Marker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACb,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,MAAM,EACN,MAAM,IAAI,YAAY,EACtB,IAAI,EACL,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,GAA8B,GAAG,EAAE;IAC7C,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1B,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE;QACH,OAAO,EAAE,CAAC,CAAC;YACT,GAAG,EAAE,GAAG,CAAC,CAAC;YACV,EAAE,CAAC;IACP,CAAC,EACD;QACE,EAAE;KACH,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,OAAO,WAAW,QAAQ,cAAc,CAAC;IAC3C,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE;QACH,OAAO,WAAW,QAAQ,eAAe,CAAC;IAC5C,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,YAAY,IACX,EAAE,EAAE,OAAO,EACX,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,aAAa,EACzB,WAAW,EAAC,IAAI,EAChB,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,YAER,KAAC,IAAI,IACH,CAAC,EAAC,uBAAuB,EACzB,IAAI,EAAC,OAAO,GACZ,GACW,EACf,KAAC,YAAY,IACX,EAAE,EAAE,QAAQ,EACZ,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,aAAa,EACzB,WAAW,EAAC,IAAI,EAChB,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,GAAG,YAER,KAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,OAAO,EACZ,CAAC,EAAC,GAAG,GACL,GACW,IACd,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,cAAc,CAAC;AAEpC,eAAe,MAAM,CAAC"}

package/dist/esm/components/Edges/Paths/Path/Path.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { generateOrigins, useDiagramId, useUpdateEdge } from '../../../../shared';
+import { useEffect, useMemo } from 'react';
+import { createAnimatedComponent, Easing, ReduceMotion, useAnimatedStyle, useSharedValue, withRepeat, withTiming, } from 'react-native-reanimated';
+import { G, Path as NativePath } from 'react-native-svg';
+const AnimatedPath = createAnimatedComponent(NativePath);
+const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarkerEnd, markerStart: givenMarkerStart, source, target }) => {
+    const progress = useSharedValue(0);
+    useEffect(() => {
+        progress.value = withRepeat(withTiming(1, {
+            duration: 5000,
+            easing: Easing.linear
+        }), -1, false, () => { }, ReduceMotion.Never);
+    }, [
+        progress
+    ]);
+    const animatedStyle = useAnimatedStyle(() => {
+        return {
+            strokeDashoffset: 100 * (30 - progress.value)
+        };
+    });
+    const diagramId = useDiagramId();
+    const updateEdge = useUpdateEdge();
+    const origins = useMemo(() => {
+        if (source &&
+            target &&
+            line) {
+            const generatedOrigins = generateOrigins(source, target, line, center);
+            return generatedOrigins;
+        }
+        return undefined;
+    }, [
+        center,
+        line,
+        source,
+        target
+    ]);
+    useEffect(() => {
+        if (origins?.center &&
+            updateEdge) {
+            updateEdge(edgeId, {
+                center: origins.center
+            });
+        }
+    }, [
+        edgeId,
+        origins?.center,
+        updateEdge
+    ]);
+    const markerEnd = useMemo(() => {
+        const id = diagramId ?
+            `${diagramId}-` :
+            '';
+        return givenMarkerEnd ??
+            `url(#diagram-${id}marker-arrow)`;
+    }, [
+        diagramId,
+        givenMarkerEnd
+    ]);
+    const markerStart = useMemo(() => {
+        const id = diagramId ?
+            `${diagramId}-` :
+            '';
+        return givenMarkerStart ??
+            `url(#diagram-${id}marker-circle)`;
+    }, [
+        diagramId,
+        givenMarkerStart
+    ]);
+    return (_jsxs(G, { children: [_jsx(NativePath, { d: origins?.path, fill: 'transparent', id: diagramId + '1', opacity: 0, pointerEvents: 'box-none', stroke: 'black', strokeWidth: 30 }), _jsx(AnimatedPath, { d: origins?.path, fill: 'transparent', id: diagramId + '2', markerEnd: markerEnd, markerStart: markerStart, pointerEvents: 'box-none', stroke: 'black', strokeDasharray: isConnecting ? '5 5' : undefined, style: isConnecting ? animatedStyle : undefined })] }));
+};
+Path.displayName = 'LinclePath';
+export default Path;
+//# sourceMappingURL=Path.js.map

package/dist/esm/components/Edges/Paths/Path/Path.js.map

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

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDefaultLine, useEdgeSubscriber } from '../../../../shared';
+import Path from './Path';
+import { useEffect, useMemo, useState } from 'react';
+const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, path, sourceId, targetId }) => {
+    const defaultLine = useDefaultLine();
+    const edgeSubscriber = useEdgeSubscriber();
+    const line = givenLine ?? defaultLine;
+    const [source, setSource] = useState();
+    const [target, setTarget] = useState();
+    useEffect(() => {
+        setSource(edgeSubscriber?.register(edgeId, sourceId, setSource));
+        setTarget(edgeSubscriber?.register(edgeId, targetId, setTarget));
+        return () => {
+            edgeSubscriber?.unregister(edgeId, sourceId);
+            edgeSubscriber?.unregister(edgeId, targetId);
+        };
+    }, []);
+    const pathSource = useMemo(() => {
+        return source ?
+            {
+                ...source,
+                x: source.x,
+                y: source.y
+            } :
+            undefined;
+    }, [
+        source?.x,
+        source?.y
+    ]);
+    const pathTarget = useMemo(() => {
+        return target ?
+            {
+                ...target,
+                x: target.x,
+                y: target.y
+            } :
+            undefined;
+    }, [
+        target?.x,
+        target?.y
+    ]);
+    const customPath = useMemo(() => {
+        return path ?
+            path(pathSource, pathTarget) :
+            undefined;
+    }, [
+        path,
+        pathSource,
+        pathTarget
+    ]);
+    if (source &&
+        target) {
+        return customPath ??
+            _jsx(Path, { center: true, edgeId: edgeId, line: line, markerEnd: markerEnd, markerStart: markerStart, source: pathSource, target: pathTarget });
+    }
+    else {
+        return null;
+    }
+};
+RegisterEdge.displayName = 'LincleRegisterEdge';
+export default RegisterEdge;
+export { default as Path } from './Path';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAGL,cAAc,EACd,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAEL,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,MAAM,YAAY,GAAiC,CAAC,EAClD,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,SAAS,EACf,SAAS,EACT,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAC;IAEtC,MAAM,CACJ,MAAM,EACN,SAAS,CACV,GAAG,QAAQ,EAAiB,CAAC;IAE9B,MAAM,CACJ,MAAM,EACN,SAAS,CACV,GAAG,QAAQ,EAAiB,CAAC;IAE9B,SAAS,CACP,GAAe,EAAE;QACf,SAAS,CACP,cAAc,EAAE,QAAQ,CACtB,MAAM,EACN,QAAQ,EACR,SAAS,CACV,CACF,CAAC;QAEF,SAAS,CACP,cAAc,EAAE,QAAQ,CACtB,MAAM,EACN,QAAQ,EACR,SAAS,CACV,CACF,CAAC;QAEF,OAAO,GAAS,EAAE;YAChB,cAAc,EAAE,UAAU,CACxB,MAAM,EACN,QAAQ,CACT,CAAC;YAEF,cAAc,EAAE,UAAU,CACxB,MAAM,EACN,QAAQ,CACT,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE;QACH,OAAO,MAAM,CAAC,CAAC;YACb;gBACE,GAAG,MAAM;gBACT,CAAC,EAAE,MAAM,CAAC,CAAC;gBACX,CAAC,EAAE,MAAM,CAAC,CAAC;aACZ,CAAC,CAAC;YACH,SAAS,CAAC;IACd,CAAC,EACD;QACE,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;KACV,CACF,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE;QACH,OAAO,MAAM,CAAC,CAAC;YACb;gBACE,GAAG,MAAM;gBACT,CAAC,EAAE,MAAM,CAAC,CAAC;gBACX,CAAC,EAAE,MAAM,CAAC,CAAC;aACZ,CAAC,CAAC;YACH,SAAS,CAAC;IACd,CAAC,EACD;QACE,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,CAAC;KACV,CACF,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE;QACH,OAAO,IAAI,CAAC,CAAC;YACX,IAAI,CACF,UAAU,EACV,UAAU,CACX,CAAC,CAAC;YACH,SAAS,CAAC;IACd,CAAC,EAED;QACE,IAAI;QACJ,UAAU;QACV,UAAU;KACX,CACF,CAAC;IAEF,IACE,MAAM;QACN,MAAM,EACN,CAAC;QACD,OAAO,UAAU;YACjB,KAAC,IAAI,IACH,MAAM,QACN,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,UAAU,GAClB,CAAC;IACL,CAAC;SAAM,CAAC;QACN,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,oBAAoB,CAAC;AAEhD,eAAe,YAAY,CAAC;AAE5B,OAAO,EACL,OAAO,IAAI,IAAI,EAChB,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEdges } from '../../../shared';
+import RegisterEdge from './Path';
+import { useMemo } from 'react';
+const Paths = () => {
+    const edges = useEdges();
+    const paths = useMemo(() => {
+        const edgesMap = Object.keys(edges).map((edgeId) => {
+            const { line, sourceId, targetId } = edges[edgeId] ?? {};
+            if (sourceId &&
+                targetId) {
+                return (_jsx(RegisterEdge, { id: edgeId, line: line, sourceId: sourceId, targetId: targetId }, edgeId));
+            }
+            else {
+                return null;
+            }
+        });
+        return edgesMap;
+    }, [
+        edges
+    ]);
+    return paths;
+};
+Paths.displayName = 'LinclePaths';
+export default Paths;
+export { Path } from './Path';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Paths/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACT,MAAM,iBAAiB,CAAC;AACzB,OAAO,YAAY,MAAM,QAAQ,CAAC;AAClC,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,KAAK,GAAkC,GAAG,EAAE;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CACrC,CAAC,MAAM,EAAE,EAAE;YACT,MAAM,EACJ,IAAI,EACJ,QAAQ,EACR,QAAQ,EACT,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAExB,IACE,QAAQ;gBACR,QAAQ,EACR,CAAC;gBACD,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAE,MAAM,EAEV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAHb,MAAM,CAIX,CACH,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC,CACF,CAAC;QAEF,OAAO,QAAQ,CAAC;IAClB,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAIlC,eAAe,KAAK,CAAC;AAErB,OAAO,EACL,IAAI,EACL,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Marker from './Marker';
+import Paths from './Paths';
+import { useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Svg, { Defs, G } from 'react-native-svg';
+const styles = StyleSheet.create({
+    bridges: {
+        bottom: 0,
+        left: 0,
+        overflow: 'visible',
+        pointerEvents: 'box-none',
+        position: 'absolute',
+        right: 0,
+        top: 0
+    },
+    edges: {
+        backfaceVisibility: 'hidden',
+        overflow: 'visible',
+        pointerEvents: 'box-none'
+    }
+});
+const Edges = ({ children, scale = 1, translate = {
+    x: 0,
+    y: 0
+} }) => {
+    const { style, transform } = useMemo(() => {
+        const tx = translate.x;
+        const ty = translate.y;
+        const tz = scale;
+        return {
+            style: {
+                ...styles.bridges,
+                pointerEvents: 'box-none',
+                transform: `translateX(${tx}px) translateY(${ty}px) scale(${tz})`,
+                transformOrigin: 'top left'
+            },
+            transform: `translate(${tx}, ${ty}) scale(${tz})`
+        };
+    }, [
+        translate.x,
+        translate.y,
+        scale
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsx(Svg, { style: styles.edges, children: _jsxs(G, { transform: transform, children: [_jsx(Defs, { children: _jsx(Marker, {}) }), _jsx(Paths, {})] }) }), _jsx(View, { style: style, children: children })] }));
+};
+Edges.displayName = 'LincleEdges';
+export { Edges };
+export { default as Marker } from './Marker';
+export { Path } from './Paths';
+//# 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":";AAGA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACV,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,GAAG,EAAE,EACV,IAAI,EACJ,CAAC,EACF,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,SAAS;QACnB,aAAa,EAAE,UAAU;QACzB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,kBAAkB,EAAE,QAAQ;QAE5B,QAAQ,EAAE,SAAS;QAEnB,aAAa,EAAE,UAAU;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,SAAS,GAAG;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,EACF,EAAE,EAAE;IACH,MAAM,EACJ,KAAK,EACL,SAAS,EACV,GAAG,OAAO,CACT,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;YACL,KAAK,EAAE;gBACL,GAAG,MAAM,CAAC,OAAO;gBACjB,aAAa,EAAE,UAAmB;gBAClC,SAAS,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG;gBACjE,eAAe,EAAE,UAAU;aAC5B;YACD,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG;SAClD,CAAC;IACJ,CAAC,EACD;QACE,SAAS,CAAC,CAAC;QACX,SAAS,CAAC,CAAC;QACX,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,GAAG,IACF,KAAK,EAAE,MAAM,CAAC,KAAK,YAEnB,MAAC,CAAC,IACA,SAAS,EAAE,SAAS,aAEpB,KAAC,IAAI,cACH,KAAC,MAAM,KAAG,GACL,EACP,KAAC,KAAK,KAAG,IACP,GACA,EACN,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAElC,OAAO,EACL,KAAK,EACN,CAAC;AAEF,OAAO,EACL,OAAO,IAAI,MAAM,EAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,IAAI,EACL,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDiagramId, useGrid } from '../../../shared';
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import Svg, { Circle as NativeCircle, Pattern, Rect } from 'react-native-svg';
+const styles = StyleSheet.create({
+    grid: {
+        height: '100%',
+        pointerEvents: 'none',
+        position: 'absolute',
+        width: '100%'
+    }
+});
+const SIZE = 0.4;
+const Circle = _jsx(NativeCircle, { cx: SIZE, cy: SIZE, fill: 'black', r: SIZE });
+const Grid = ({ children, scale = 1, xOffset: givenXOffset = 0, yOffset: givenYOffset = 0 }) => {
+    const diagramId = useDiagramId();
+    const [givenGridX, givenGridY] = useGrid() || [
+        1,
+        1
+    ];
+    const id = `lincle-grid-${diagramId}`;
+    const gridX = useMemo(() => {
+        return givenGridX * scale;
+    }, [
+        givenGridX,
+        scale
+    ]);
+    const gridY = useMemo(() => {
+        return givenGridY * scale;
+    }, [
+        givenGridY,
+        scale
+    ]);
+    const xOffset = useMemo(() => {
+        return givenXOffset % gridX;
+    }, [
+        givenXOffset,
+        gridX
+    ]);
+    const yOffset = useMemo(() => {
+        return givenYOffset % gridY;
+    }, [
+        givenYOffset,
+        gridY
+    ]);
+    return (_jsxs(Svg, { style: styles.grid, children: [_jsx(Pattern, { height: gridY, id: id, patternUnits: 'userSpaceOnUse', width: gridX, x: xOffset, y: yOffset, children: children ?? Circle }), _jsx(Rect, { fill: `url(#${id})`, height: '100%', width: '100%', x: '0', y: '0' })] }));
+};
+Grid.displayName = 'LincleGrid';
+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":";AAAA,OAAO,EAEL,YAAY,EACZ,OAAO,EACR,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,UAAU,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,GAAG,EAAE,EACV,MAAM,IAAI,YAAY,EACtB,OAAO,EACP,IAAI,EACL,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,MAAM;QACrB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG,GAAG,CAAC;AAEjB,MAAM,MAAM,GACV,KAAC,YAAY,IACX,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,IAAI,EACR,IAAI,EAAC,OAAO,EACZ,CAAC,EAAE,IAAI,GACP,CAAC;AACL,MAAM,IAAI,GAAiC,CACzC,EACE,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,OAAO,EAAE,YAAY,GAAG,CAAC,EACzB,OAAO,EAAE,YAAY,GAAG,CAAC,EACf,EACZ,EAAE;IACF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CACJ,UAAU,EACV,UAAU,CACX,GAAG,OAAO,EAAE,IAAI;QACf,CAAC;QACD,CAAC;KACF,CAAC;IAEF,MAAM,EAAE,GAAG,eAAe,SAAS,EAAE,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC,EACD;QACE,UAAU;QACV,KAAK;KACN,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC,EACD;QACE,UAAU;QACV,KAAK;KACN,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,OAAO,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC,EACD;QACE,YAAY;QACZ,KAAK;KACN,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,OAAO,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC,EACD;QACE,YAAY;QACZ,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IACF,KAAK,EAAE,MAAM,CAAC,IAAI,aAElB,KAAC,OAAO,IACN,MAAM,EAAE,KAAK,EACb,EAAE,EAAE,EAAE,EACN,YAAY,EAAC,gBAAgB,EAC7B,KAAK,EAAE,KAAK,EAEZ,CAAC,EAAE,OAAO,EAEV,CAAC,EAAE,OAAO,YAET,QAAQ,IAAI,MAAM,GACX,EACV,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EAAE,GAAG,EACnB,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EAEZ,CAAC,EAAC,GAAG,EAEL,CAAC,EAAC,GAAG,GACL,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAEhC,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Providers } from '../../shared';
+import Grid from './Grid';
+const Graph = ({ children, edgeFrequency, grid, id, line, nodeFrequency, nodeHeight, nodeWidth, shape, showGrid }) => {
+    if (!id) {
+        console.error('No ID provided to @lincle/base Graph!');
+        return null;
+    }
+    const gird = showGrid === false ?
+        null :
+        _jsx(Grid, {});
+    return (_jsxs(Providers, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, children: [gird, children] }));
+};
+Graph.displayName = 'LincleGraph';
+export { Graph };
+export { default as Grid } from './Grid';
+//# 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,EAEL,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,QAAQ,CAAC;AAK1B,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,aAAa,EACb,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,IAAI,CAAC,EAAE,EAAE,CAAC;QAER,OAAO,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAC;QAEvD,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,MAAC,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,aAEX,IAAI,EACJ,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAElC,OAAO,EACL,KAAK,EACN,CAAC;AAEF,OAAO,EACL,OAAO,IAAI,IAAI,EAChB,MAAM,QAAQ,CAAC"}

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

@@ -0,0 +1,118 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDefaultNodeHeight, useDefaultNodeWidth, useDefaultShape, useEdgeSubscriber, useNodePositions } from '../../shared';
+import { forwardRef, useEffect, useMemo } from 'react';
+import { View } from 'react-native';
+const Node = ({ children, height: givenHeight, id: nodeId, shape: givenShape, style: { node: nodeStyle } = {}, track = true, width: givenWidth, x: givenX = 0, y: givenY = 0, ...additionalProperties }, ref) => {
+    const defaultHeight = useDefaultNodeHeight();
+    const defaultShape = useDefaultShape();
+    const defaultWidth = useDefaultNodeWidth();
+    const edgeSubscriber = useEdgeSubscriber();
+    const nodePositions = useNodePositions();
+    const height = givenHeight ?? defaultHeight ?? 0;
+    const shape = givenShape ?? defaultShape ?? 'oval';
+    const width = givenWidth ?? defaultWidth ?? 0;
+    const { x, y } = useMemo(() => {
+        if (!(givenX || givenY)) {
+            const getNumber = /(-?\d+(\.\d+)?)/gu;
+            const transform = nodeStyle?.transform;
+            const [translateX, translateY] = transform ?
+                transform.match(getNumber) ?? [
+                    undefined,
+                    undefined
+                ] :
+                [
+                    undefined,
+                    undefined
+                ];
+            const left = nodeStyle?.left ?? undefined;
+            const top = nodeStyle?.top ?? undefined;
+            return {
+                x: Number(translateX) || Number(left) || 0,
+                y: Number(translateY) || Number(top) || 0
+            };
+        }
+        return {
+            x: givenX,
+            y: givenY
+        };
+    }, [
+        givenX,
+        givenY,
+        nodeStyle
+    ]);
+    useEffect(() => {
+        nodePositions?.register({
+            height,
+            id: nodeId,
+            shape,
+            width,
+            x,
+            y
+        });
+        return () => {
+            nodePositions?.unregister(nodeId);
+        };
+    }, []);
+    useEffect(() => {
+        nodePositions?.update({
+            height,
+            id: nodeId,
+            shape,
+            width,
+            x,
+            y
+        });
+    }, [
+        height,
+        nodeId,
+        nodePositions,
+        shape,
+        width,
+        x,
+        y
+    ]);
+    useEffect(() => {
+        edgeSubscriber?.update({
+            height,
+            id: nodeId,
+            shape,
+            width,
+            x,
+            y
+        });
+    }, [
+        edgeSubscriber,
+        height,
+        nodeId,
+        shape,
+        width,
+        x,
+        y
+    ]);
+    const adjustedStyle = useMemo(() => {
+        return {
+            ...nodeStyle,
+            height,
+            position: track ?
+                'absolute' :
+                'relative',
+            transform: track ?
+                (nodeStyle?.transform ?? `translate(${x}px, ${y}px)`) :
+                'translate(0px, 0px)',
+            transformOrigin: '0 0',
+            width
+        };
+    }, [
+        height,
+        nodeStyle,
+        track,
+        width,
+        x,
+        y
+    ]);
+    return (_jsx(View, { "data-testid": `node-${nodeId}`, ref: ref, role: 'none', style: adjustedStyle, ...additionalProperties, children: children }));
+};
+Node.displayName = 'LincleNode';
+const refNode = forwardRef(Node);
+export { refNode as Node };
+//# sourceMappingURL=index.js.map

package/dist/esm/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/esm/components/Nodes/index.js

@@ -0,0 +1,7 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const Nodes = ({ children }) => {
+    return (_jsx(_Fragment, { children: children }));
+};
+Nodes.displayName = 'LincleNodes';
+export { Nodes };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nodes/index.tsx"],"names":[],"mappings":";AAOA,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACT,EAAE,EAAE;IACH,OAAO,CACL,4BACG,QAAQ,GACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAElC,OAAO,EACL,KAAK,EACN,CAAC"}

package/dist/esm/components/index.js

@@ -0,0 +1,6 @@
+export * from './Edge';
+export * from './Edges';
+export * from './Graph';
+export * from './Node';
+export * from './Nodes';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './shared';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/shared.js

@@ -0,0 +1,2 @@
+export { generateOrigins, Providers, useDefaultLine, useDefaultNodeHeight, useDefaultNodeWidth, useDefaultShape, useDiagramId, useEdge, useEdges, useEdgeSubscriber, useGrid, useNodePositions, useRemoveEdge, useUpdateEdge } from '@lincle/react-shared';
+//# sourceMappingURL=shared.js.map

package/dist/esm/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/shared.ts"],"names":[],"mappings":"AA4BA,OAAO,EAEL,eAAe,EAKf,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,aAAa,EACd,MAAM,sBAAsB,CAAC"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@lincle/react-native-base",
   "title": "lincle react native base",
   "license": "LGPL-3.0-or-later",
-  "version": "0.4.0-next.16",
+  "version": "0.4.0-next.18",
   "private": false,
   "description": "A 'reactive' React node and edge generator",
   "author": "wallzero @wallzeroblog (http://wallzero.com)",
@@ -13,8 +13,9 @@
       "position": "Initial and Lead Developer"
     }
   ],
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
   "files": [
     "dist/",
     "COPYING.md",
@@ -30,7 +31,9 @@
   },
   "scripts": {
     "build": "run-s clean:dist build:prod",
-    "build:prod": "tsc -p ./tsconfig.json",
+    "build:prod": "run-p build:cjs:prod build:esm:prod",
+    "build:cjs:prod": "tsc -p ./tsconfig.cjs.json",
+    "build:esm:prod": "tsc -p ./tsconfig.json",
     "build:watch": "run-s clean:dist build:prod build:watch:tsc",
     "build:watch:tsc": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
     "----------------------------------------------------------------": "",
@@ -43,35 +46,37 @@
     "clean:dist": "rimraf dist"
   },
   "devDependencies": {
-    "@digest/eslint-config-jest": "^4.14.3",
-    "@digest/eslint-config-react": "^4.14.3",
-    "@digest/eslint-config-typescript": "^4.14.3",
-    "@digest/jest-junit": "^4.14.3",
-    "@digest/jest-react": "^4.14.3",
-    "@digest/jest-typescript": "^4.14.3",
-    "@digest/typescript": "^4.14.3",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.15.18",
-    "@types/react": "^19.1.4",
+    "@digest/eslint-config-jest": "^4.14.14",
+    "@digest/eslint-config-react": "^4.14.14",
+    "@digest/eslint-config-typescript": "^4.14.14",
+    "@digest/jest-junit": "^4.14.14",
+    "@digest/jest-react": "^4.14.14",
+    "@digest/jest-typescript": "^4.14.14",
+    "@digest/typescript": "^4.14.14",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.2.1",
+    "@types/react": "^19.2.13",
     "@types/react-native": "^0.73.0",
     "@types/react-test-renderer": "^19.1.0",
-    "cross-env": "^7.0.3",
-    "jest-environment-jsdom": "^29.7.0",
+    "cross-env": "^10.1.0",
+    "jest-environment-jsdom": "^30.2.0",
     "jest-environment-jsdom-global": "^4.0.0",
     "ncp": "^2.0.0",
     "npm-run-all": "^4.1.5",
-    "react": "^19.1.0",
-    "react-native": "^0.79.2",
-    "react-native-svg": "^15.12.0",
-    "react-test-renderer": "^19.1.0",
-    "rimraf": "^6.0.1"
+    "react": "^19.2.4",
+    "react-native": "^0.83.1",
+    "react-native-reanimated": "^4.2.1",
+    "react-native-svg": "^15.15.2",
+    "react-test-renderer": "^19.2.4",
+    "rimraf": "^6.1.2"
   },
   "dependencies": {
-    "@lincle/react-shared": "^0.4.0-next.16"
+    "@lincle/react-shared": "^0.4.0-next.18"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-native": "^0.79.0",
+    "react-native": "^0.83.0",
+    "react-native-reanimated": "^4.0.0",
     "react-native-svg": "^15.0.0"
   },
   "keywords": [
@@ -89,5 +94,5 @@
     "acyclical graph",
     "cyclical graph"
   ],
-  "gitHead": "fbf9e67e3a145457c0f13ec5b65b1528e82aee99"
+  "gitHead": "8c8017797cadc70f9c4a7665982040b192c8e357"
 }