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

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.17",
+  "version": "0.4.0-next.19",
   "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,36 +46,36 @@
     "clean:dist": "rimraf dist"
   },
   "devDependencies": {
-    "@digest/eslint-config-jest": "^4.14.9",
-    "@digest/eslint-config-react": "^4.14.9",
-    "@digest/eslint-config-typescript": "^4.14.9",
-    "@digest/jest-junit": "^4.14.9",
-    "@digest/jest-react": "^4.14.9",
-    "@digest/jest-typescript": "^4.14.9",
-    "@digest/typescript": "^4.14.9",
+    "@digest/eslint-config-jest": "^4.14.16",
+    "@digest/eslint-config-react": "^4.14.16",
+    "@digest/eslint-config-typescript": "^4.14.16",
+    "@digest/jest-junit": "^4.14.16",
+    "@digest/jest-react": "^4.14.16",
+    "@digest/jest-typescript": "^4.14.16",
+    "@digest/typescript": "^4.14.16",
     "@types/jest": "^30.0.0",
-    "@types/node": "^25.0.3",
-    "@types/react": "^19.2.7",
+    "@types/node": "^25.5.0",
+    "@types/react": "^19.2.14",
     "@types/react-native": "^0.73.0",
     "@types/react-test-renderer": "^19.1.0",
     "cross-env": "^10.1.0",
-    "jest-environment-jsdom": "^30.2.0",
+    "jest-environment-jsdom": "^30.3.0",
     "jest-environment-jsdom-global": "^4.0.0",
     "ncp": "^2.0.0",
     "npm-run-all": "^4.1.5",
-    "react": "^19.2.3",
-    "react-native": "^0.83.1",
-    "react-native-reanimated": "^4.2.1",
-    "react-native-svg": "^15.15.1",
-    "react-test-renderer": "^19.2.3",
-    "rimraf": "^6.1.2"
+    "react": "^19.2.4",
+    "react-native": "^0.84.1",
+    "react-native-reanimated": "^4.3.0",
+    "react-native-svg": "^15.15.4",
+    "react-test-renderer": "^19.2.4",
+    "rimraf": "^6.1.3"
   },
   "dependencies": {
-    "@lincle/react-shared": "^0.4.0-next.17"
+    "@lincle/react-shared": "^0.4.0-next.19"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-native": "^0.83.0",
+    "react-native": "^0.84.0",
     "react-native-reanimated": "^4.0.0",
     "react-native-svg": "^15.0.0"
   },
@@ -91,5 +94,5 @@
     "acyclical graph",
     "cyclical graph"
   ],
-  "gitHead": "25bbe98ceef3b13ee0ee23ea3b261d8a115c0771"
+  "gitHead": "2fad97998449b857938e3788b8f265532a182b54"
 }

package/dist/components/Node/index.js

@@ -1,128 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Node = void 0;
-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 Node = (_a, ref) => {
-    var _b, _c, _d;
-    var { children, height: givenHeight, id: nodeId, shape: givenShape, style: { node: nodeStyle } = {}, track = true, width: givenWidth, x: givenX = 0, y: givenY = 0 } = _a, additionalProperties = __rest(_a, ["children", "height", "id", "shape", "style", "track", "width", "x", "y"]);
-    const defaultHeight = (0, shared_1.useDefaultNodeHeight)();
-    const defaultShape = (0, shared_1.useDefaultShape)();
-    const defaultWidth = (0, shared_1.useDefaultNodeWidth)();
-    const edgeSubscriber = (0, shared_1.useEdgeSubscriber)();
-    const nodePositions = (0, shared_1.useNodePositions)();
-    const height = (_b = givenHeight !== null && givenHeight !== void 0 ? givenHeight : defaultHeight) !== null && _b !== void 0 ? _b : 0;
-    const shape = (_c = givenShape !== null && givenShape !== void 0 ? givenShape : defaultShape) !== null && _c !== void 0 ? _c : 'oval';
-    const width = (_d = givenWidth !== null && givenWidth !== void 0 ? givenWidth : defaultWidth) !== null && _d !== void 0 ? _d : 0;
-    const { x, y } = (0, react_1.useMemo)(() => {
-        var _a, _b, _c;
-        if (!(givenX || givenY)) {
-            const getNumber = /(-?\d+(\.\d+)?)/gu;
-            const transform = nodeStyle === null || nodeStyle === void 0 ? void 0 : nodeStyle.transform;
-            const [translateX, translateY] = transform ?
-                (_a = transform.match(getNumber)) !== null && _a !== void 0 ? _a : [
-                    undefined,
-                    undefined
-                ] :
-                [
-                    undefined,
-                    undefined
-                ];
-            const left = (_b = nodeStyle === null || nodeStyle === void 0 ? void 0 : nodeStyle.left) !== null && _b !== void 0 ? _b : undefined;
-            const top = (_c = nodeStyle === null || nodeStyle === void 0 ? void 0 : nodeStyle.top) !== null && _c !== void 0 ? _c : undefined;
-            return {
-                x: Number(translateX) || Number(left) || 0,
-                y: Number(translateY) || Number(top) || 0
-            };
-        }
-        return {
-            x: givenX,
-            y: givenY
-        };
-    }, [
-        givenX,
-        givenY,
-        nodeStyle
-    ]);
-    (0, react_1.useEffect)(() => {
-        nodePositions === null || nodePositions === void 0 ? void 0 : nodePositions.register({
-            height,
-            id: nodeId,
-            shape,
-            width,
-            x,
-            y
-        });
-        return () => {
-            nodePositions === null || nodePositions === void 0 ? void 0 : nodePositions.unregister(nodeId);
-        };
-    }, []);
-    (0, react_1.useEffect)(() => {
-        nodePositions === null || nodePositions === void 0 ? void 0 : nodePositions.update({
-            height,
-            id: nodeId,
-            shape,
-            width,
-            x,
-            y
-        });
-    }, [
-        height,
-        nodeId,
-        nodePositions,
-        shape,
-        width,
-        x,
-        y
-    ]);
-    (0, react_1.useEffect)(() => {
-        edgeSubscriber === null || edgeSubscriber === void 0 ? void 0 : edgeSubscriber.update({
-            height,
-            id: nodeId,
-            shape,
-            width,
-            x,
-            y
-        });
-    }, [
-        edgeSubscriber,
-        height,
-        nodeId,
-        shape,
-        width,
-        x,
-        y
-    ]);
-    const adjustedStyle = (0, react_1.useMemo)(() => {
-        var _a;
-        return Object.assign(Object.assign({}, nodeStyle), { height, position: track ?
-                'absolute' :
-                'relative', transform: track ?
-                ((_a = nodeStyle === null || nodeStyle === void 0 ? void 0 : nodeStyle.transform) !== null && _a !== void 0 ? _a : `translate(${x}px, ${y}px)`) :
-                'translate(0px, 0px)', transformOrigin: '0 0', width });
-    }, [
-        height,
-        nodeStyle,
-        track,
-        width,
-        x,
-        y
-    ]);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.View, Object.assign({ "data-testid": `node-${nodeId}`, ref: ref, role: 'none', style: adjustedStyle }, additionalProperties, { children: children })));
-};
-Node.displayName = 'LincleNode';
-const refNode = (0, react_1.forwardRef)(Node);
-exports.Node = refNode;