@lincle/react-native-base 0.0.1 → 0.4.0-next.2

package/LICENSE.md

@@ -0,0 +1,165 @@
+                   GNU LESSER GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+
+  This version of the GNU Lesser General Public License incorporates
+the terms and conditions of version 3 of the GNU General Public
+License, supplemented by the additional permissions listed below.
+
+  0. Additional Definitions.
+
+  As used herein, "this License" refers to version 3 of the GNU Lesser
+General Public License, and the "GNU GPL" refers to version 3 of the GNU
+General Public License.
+
+  "The Library" refers to a covered work governed by this License,
+other than an Application or a Combined Work as defined below.
+
+  An "Application" is any work that makes use of an interface provided
+by the Library, but which is not otherwise based on the Library.
+Defining a subclass of a class defined by the Library is deemed a mode
+of using an interface provided by the Library.
+
+  A "Combined Work" is a work produced by combining or linking an
+Application with the Library.  The particular version of the Library
+with which the Combined Work was made is also called the "Linked
+Version".
+
+  The "Minimal Corresponding Source" for a Combined Work means the
+Corresponding Source for the Combined Work, excluding any source code
+for portions of the Combined Work that, considered in isolation, are
+based on the Application, and not on the Linked Version.
+
+  The "Corresponding Application Code" for a Combined Work means the
+object code and/or source code for the Application, including any data
+and utility programs needed for reproducing the Combined Work from the
+Application, but excluding the System Libraries of the Combined Work.
+
+  1. Exception to Section 3 of the GNU GPL.
+
+  You may convey a covered work under sections 3 and 4 of this License
+without being bound by section 3 of the GNU GPL.
+
+  2. Conveying Modified Versions.
+
+  If you modify a copy of the Library, and, in your modifications, a
+facility refers to a function or data to be supplied by an Application
+that uses the facility (other than as an argument passed when the
+facility is invoked), then you may convey a copy of the modified
+version:
+
+   a) under this License, provided that you make a good faith effort to
+   ensure that, in the event an Application does not supply the
+   function or data, the facility still operates, and performs
+   whatever part of its purpose remains meaningful, or
+
+   b) under the GNU GPL, with none of the additional permissions of
+   this License applicable to that copy.
+
+  3. Object Code Incorporating Material from Library Header Files.
+
+  The object code form of an Application may incorporate material from
+a header file that is part of the Library.  You may convey such object
+code under terms of your choice, provided that, if the incorporated
+material is not limited to numerical parameters, data structure
+layouts and accessors, or small macros, inline functions and templates
+(ten or fewer lines in length), you do both of the following:
+
+   a) Give prominent notice with each copy of the object code that the
+   Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the object code with a copy of the GNU GPL and this license
+   document.
+
+  4. Combined Works.
+
+  You may convey a Combined Work under terms of your choice that,
+taken together, effectively do not restrict modification of the
+portions of the Library contained in the Combined Work and reverse
+engineering for debugging such modifications, if you also do each of
+the following:
+
+   a) Give prominent notice with each copy of the Combined Work that
+   the Library is used in it and that the Library and its use are
+   covered by this License.
+
+   b) Accompany the Combined Work with a copy of the GNU GPL and this license
+   document.
+
+   c) For a Combined Work that displays copyright notices during
+   execution, include the copyright notice for the Library among
+   these notices, as well as a reference directing the user to the
+   copies of the GNU GPL and this license document.
+
+   d) Do one of the following:
+
+       0) Convey the Minimal Corresponding Source under the terms of this
+       License, and the Corresponding Application Code in a form
+       suitable for, and under terms that permit, the user to
+       recombine or relink the Application with a modified version of
+       the Linked Version to produce a modified Combined Work, in the
+       manner specified by section 6 of the GNU GPL for conveying
+       Corresponding Source.
+
+       1) Use a suitable shared library mechanism for linking with the
+       Library.  A suitable mechanism is one that (a) uses at run time
+       a copy of the Library already present on the user's computer
+       system, and (b) will operate properly with a modified version
+       of the Library that is interface-compatible with the Linked
+       Version.
+
+   e) Provide Installation Information, but only if you would otherwise
+   be required to provide such information under section 6 of the
+   GNU GPL, and only to the extent that such information is
+   necessary to install and execute a modified version of the
+   Combined Work produced by recombining or relinking the
+   Application with a modified version of the Linked Version. (If
+   you use option 4d0, the Installation Information must accompany
+   the Minimal Corresponding Source and Corresponding Application
+   Code. If you use option 4d1, you must provide the Installation
+   Information in the manner specified by section 6 of the GNU GPL
+   for conveying Corresponding Source.)
+
+  5. Combined Libraries.
+
+  You may place library facilities that are a work based on the
+Library side by side in a single library together with other library
+facilities that are not Applications and are not covered by this
+License, and convey such a combined library under terms of your
+choice, if you do both of the following:
+
+   a) Accompany the combined library with a copy of the same work based
+   on the Library, uncombined with any other library facilities,
+   conveyed under the terms of this License.
+
+   b) Give prominent notice with the combined library that part of it
+   is a work based on the Library, and explaining where to find the
+   accompanying uncombined form of the same work.
+
+  6. Revised Versions of the GNU Lesser General Public License.
+
+  The Free Software Foundation may publish revised and/or new versions
+of the GNU Lesser General Public License from time to time. Such new
+versions will be similar in spirit to the present version, but may
+differ in detail to address new problems or concerns.
+
+  Each version is given a distinguishing version number. If the
+Library as you received it specifies that a certain numbered version
+of the GNU Lesser General Public License "or any later version"
+applies to it, you have the option of following the terms and
+conditions either of that published version or of any later version
+published by the Free Software Foundation. If the Library as you
+received it does not specify a version number of the GNU Lesser
+General Public License, you may choose any version of the GNU Lesser
+General Public License ever published by the Free Software Foundation.
+
+  If the Library as you received it specifies that a proxy can decide
+whether future versions of the GNU Lesser General Public License shall
+apply, that proxy's public statement of acceptance of any version is
+permanent authorization for you to choose that version for the
+Library.

package/README.md

@@ -15,8 +15,8 @@
 </div>
 
 <div align="center">
-	<a href="https://gitlab.com/lincle/lincle/commits/master"><img alt="Build Status" src="https://gitlab.com/lincle/lincle/badges/master/pipeline.svg" /></a>
-	<a href="https://lincle.gitlab.io/lincle/stats/react-web-base/coverage/lcov-report/"><img alt="Coverage Report" src="https://gitlab.com/lincle/lincle/badges/master/coverage.svg" /></a>
+	<a href="https://gitlab.com/digested/lincle/commits/master"><img alt="Build Status" src="https://gitlab.com/digested/lincle/badges/master/pipeline.svg" /></a>
+	<a href="https://lincle.gitlab.io/lincle/stats/react-web-base/coverage/lcov-report/"><img alt="Coverage Report" src="https://gitlab.com/digested/lincle/badges/master/coverage.svg" /></a>
 	<a href="https://lincle.gitlab.io/lincle/stats/react-web-base/webpack/"><img alt="Build Analysis" src="https://img.shields.io/badge/webpack-stats-blue.svg" /></a>
 </div>
 
@@ -45,8 +45,8 @@ import '@lincle/react-web-base/dist/main.min.css';
 The following example will generate this diagram:
 
 <div align="center">
-	<a href="https://gitlab.com/lincle/lincle/-/raw/master/static/simple.png">
-		<img src="https://gitlab.com/lincle/lincle/-/raw/master/static/simple.png" alt="resulting screenshot of simple example" style="max-width:100%;">
+	<a href="https://gitlab.com/digested/lincle/-/raw/master/static/simple.png">
+		<img src="https://gitlab.com/digested/lincle/-/raw/master/static/simple.png" alt="resulting screenshot of simple example" style="max-width:100%;">
 	</a>
 </div>
 

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

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

package/dist/components/Edge/index.js

@@ -0,0 +1,40 @@
+"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 Path_1 = __importDefault(require("../Path"));
+const react_1 = require("react");
+const Edge = ({ children, id: edgeId, line: givenLine, markerEnd, markerStart, path, sourceId, targetId }) => {
+    var _a, _b, _c, _d;
+    const diagramId = (_a = (0, react_1.useContext)(shared_1.GraphContext)) === null || _a === void 0 ? void 0 : _a.diagramId;
+    const edgeSubscriber = (_b = (0, react_1.useContext)(shared_1.GraphContext)) === null || _b === void 0 ? void 0 : _b.edgeSubscriber;
+    const defaultLine = (_d = (_c = (0, react_1.useContext)(shared_1.GraphContext)) === null || _c === void 0 ? void 0 : _c.defaultSettings) === null || _d === void 0 ? void 0 : _d.line;
+    const line = givenLine !== null && givenLine !== void 0 ? givenLine : defaultLine;
+    const [source, setSource] = (0, react_1.useState)();
+    const [target, setTarget] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        setSource(edgeSubscriber === null || edgeSubscriber === void 0 ? void 0 : edgeSubscriber.register(edgeId, sourceId, setSource));
+        setTarget(edgeSubscriber === null || edgeSubscriber === void 0 ? void 0 : edgeSubscriber.register(edgeId, targetId, setTarget));
+        return () => {
+            edgeSubscriber === null || edgeSubscriber === void 0 ? void 0 : edgeSubscriber.unregister(edgeId, sourceId);
+            edgeSubscriber === null || edgeSubscriber === void 0 ? void 0 : edgeSubscriber.unregister(edgeId, targetId);
+        };
+    }, []);
+    const pathSource = source ? Object.assign(Object.assign({}, source), { x: source.x, y: source.y }) :
+        undefined;
+    const pathTarget = target ? Object.assign(Object.assign({}, target), { x: target.x, y: target.y }) :
+        undefined;
+    if (source &&
+        target) {
+        if (path) {
+            return path(pathSource, pathTarget, children);
+        }
+        return ((0, jsx_runtime_1.jsx)(Path_1.default, { diagramId: diagramId, id: edgeId, line: line, markerEnd: markerEnd, markerStart: markerStart, source: pathSource, target: pathTarget, children: children }));
+    }
+    return null;
+};
+Edge.displayName = 'LincleEdge';
+exports.default = Edge;

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

@@ -0,0 +1,5 @@
+import { type EdgesProps as EdgesPartialProps } from '../../shared';
+import { type FunctionComponent } from 'react';
+declare const Edges: FunctionComponent<EdgesProps>;
+export default Edges;
+export type EdgesProps = EdgesPartialProps & {};

package/dist/components/Edges/index.js

@@ -0,0 +1,50 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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_svg_1 = __importStar(require("react-native-svg"));
+const styles = {
+    edges: {
+        backfaceVisibility: 'hidden',
+        overflow: 'visible',
+        zIndex: -1
+    }
+};
+const Edges = ({ children }) => {
+    var _a;
+    const id = (_a = (0, react_1.useContext)(shared_1.GraphContext)) === null || _a === void 0 ? void 0 : _a.diagramId;
+    const markerId = (0, react_1.useMemo)(() => {
+        return id ?
+            `${id}-` :
+            '';
+    }, [
+        id
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.default, { style: styles.edges, children: [(0, jsx_runtime_1.jsxs)(react_native_svg_1.Defs, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Marker, { id: `diagram-${markerId}marker-arrow`, markerHeight: '10', markerUnits: 'strokeWidth', markerWidth: '10', orient: 'auto', refX: '9', refY: '5', children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: 'M 0 0 L 10 5 L 0 10 z', fill: 'black' }) }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Marker, { id: `diagram-${markerId}marker-circle`, markerHeight: '10', markerUnits: 'strokeWidth', markerWidth: '10', orient: 'auto', refX: '5', refY: '5', children: (0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: '5', cy: '5', fill: 'black', r: '3' }) })] }), children] }));
+};
+Edges.displayName = 'LincleEdges';
+exports.default = Edges;

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

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

package/dist/components/Graph/index.js

@@ -0,0 +1,16 @@
+"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 GraphContexts_1 = __importDefault(require("../GraphContexts"));
+const Graph = ({ children, edgeFrequency, grid, id, line, nodeFrequency, nodeHeight, nodeWidth, shape }) => {
+    if (!id) {
+        console.error('No ID provided to @lincle/base Graph!');
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(GraphContexts_1.default, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, children: children }));
+};
+Graph.displayName = 'LincleGraph';
+exports.default = Graph;

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

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

package/dist/components/GraphContexts/index.js

@@ -0,0 +1,45 @@
+"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 Grid_1 = __importDefault(require("../Grid"));
+const react_1 = require("react");
+const GraphContexts = ({ children, edgeFrequency = shared_1.defaultSettings.edgeFrequency, grid = shared_1.defaultSettings.grid, id, line = shared_1.defaultSettings.line, nodeFrequency = shared_1.defaultSettings.nodeFrequency, nodeHeight = shared_1.defaultSettings.height, nodeWidth = shared_1.defaultSettings.width, shape = shared_1.defaultSettings.shape }) => {
+    const diagramId = (0, react_1.useMemo)(() => {
+        return id;
+    }, []);
+    const permanent = (0, react_1.useMemo)(() => {
+        return {
+            diagramId,
+            edgeSubscriber: new shared_1.EdgeSubscriber(edgeFrequency),
+            nodePositions: new shared_1.NodePositions()
+        };
+    }, []);
+    const provides = (0, react_1.useMemo)(() => {
+        return Object.assign(Object.assign({}, permanent), { defaultSettings: {
+                edgeFrequency,
+                height: nodeHeight,
+                line,
+                nodeFrequency,
+                shape,
+                width: nodeWidth
+            } });
+    }, [
+        edgeFrequency,
+        line,
+        nodeFrequency,
+        nodeHeight,
+        nodeWidth,
+        permanent,
+        shape
+    ]);
+    const hiddenGrid = grid === false ?
+        children :
+        ((0, jsx_runtime_1.jsxs)(shared_1.GridContext.Provider, { value: grid, children: [(0, jsx_runtime_1.jsx)(Grid_1.default, {}), children] }));
+    return ((0, jsx_runtime_1.jsx)(shared_1.GraphContext.Provider, { value: provides, children: hiddenGrid }));
+};
+GraphContexts.displayName = 'LincleGraphContexts';
+exports.default = GraphContexts;

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

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

package/dist/components/Grid/index.js

@@ -0,0 +1,71 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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_svg_1 = __importStar(require("react-native-svg"));
+const styles = {
+    grid: {
+        height: '100%',
+        position: 'absolute',
+        width: '100%'
+    }
+};
+const SIZE = 0.4;
+const Circle = ((0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: SIZE, cy: SIZE, fill: 'black', r: SIZE }));
+const Grid = ({ children, scale = 1, xOffset: givenXOffset = 0, yOffset: givenYOffset = 0 }) => {
+    var _a;
+    const diagramId = (_a = (0, react_1.useContext)(shared_1.GraphContext)) === null || _a === void 0 ? void 0 : _a.diagramId;
+    const [givenGridX, givenGridY] = (0, react_1.useContext)(shared_1.GridContext) || shared_1.defaultSettings.grid;
+    const id = `lincle-grid-${diagramId}`;
+    const gridX = (0, react_1.useMemo)(() => {
+        return givenGridX * scale;
+    }, [
+        givenGridX,
+        scale
+    ]);
+    const gridY = (0, react_1.useMemo)(() => {
+        return givenGridY * scale;
+    }, [
+        givenGridY,
+        scale
+    ]);
+    const xOffset = (0, react_1.useMemo)(() => {
+        return givenXOffset % gridX;
+    }, [
+        givenXOffset,
+        gridX
+    ]);
+    const yOffset = (0, react_1.useMemo)(() => {
+        return givenYOffset % gridY;
+    }, [
+        givenYOffset,
+        gridY
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.default, { style: styles.grid, children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Pattern, { height: gridY, id: id, patternUnits: 'userSpaceOnUse', width: gridX, x: xOffset, y: yOffset, children: children !== null && children !== void 0 ? children : Circle }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Rect, { fill: `url(#${id})`, height: '100%', width: '100%', x: '0', y: '0' })] }));
+};
+Grid.displayName = 'LincleGrid';
+exports.default = Grid;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type NodeProps } from '../../shared';
+declare const _default: import("react").ForwardRefExoticComponent<Omit<NodeProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/components/Node/index.js

@@ -0,0 +1,132 @@
+"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 });
+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, _e, _f, _g;
+    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 graphContext = (0, react_1.useContext)(shared_1.GraphContext);
+    const defaultHeight = (_b = graphContext === null || graphContext === void 0 ? void 0 : graphContext.defaultSettings) === null || _b === void 0 ? void 0 : _b.width;
+    const defaultShape = (_c = graphContext === null || graphContext === void 0 ? void 0 : graphContext.defaultSettings) === null || _c === void 0 ? void 0 : _c.shape;
+    const defaultWidth = (_d = graphContext === null || graphContext === void 0 ? void 0 : graphContext.defaultSettings) === null || _d === void 0 ? void 0 : _d.width;
+    const edgeSubscriber = graphContext === null || graphContext === void 0 ? void 0 : graphContext.edgeSubscriber;
+    const nodePositions = graphContext === null || graphContext === void 0 ? void 0 : graphContext.nodePositions;
+    const height = (_e = givenHeight !== null && givenHeight !== void 0 ? givenHeight : defaultHeight) !== null && _e !== void 0 ? _e : 0;
+    const shape = (_f = givenShape !== null && givenShape !== void 0 ? givenShape : defaultShape) !== null && _f !== void 0 ? _f : 'oval';
+    const width = (_g = givenWidth !== null && givenWidth !== void 0 ? givenWidth : defaultWidth) !== null && _g !== void 0 ? _g : 0;
+    const { x, y } = (0, react_1.useMemo)(() => {
+        var _a;
+        if (!(givenX || givenY)) {
+            const getNumber = /(-?\d+(\.\d+)?)/ug;
+            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 = (nodeStyle === null || nodeStyle === void 0 ? void 0 : nodeStyle.left) ?
+                nodeStyle.left :
+                undefined;
+            const top = (nodeStyle === null || nodeStyle === void 0 ? void 0 : nodeStyle.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
+    ]);
+    (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)(() => {
+        return Object.assign(Object.assign({}, nodeStyle), { height, position: track ?
+                'absolute' :
+                'relative', transform: track ?
+                ((nodeStyle === null || nodeStyle === void 0 ? void 0 : nodeStyle.transform) ?
+                    nodeStyle.transform :
+                    `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';
+exports.default = (0, react_1.forwardRef)(Node);

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

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

package/dist/components/Nodes/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Nodes = ({ children }) => {
+    return children;
+};
+Nodes.displayName = 'LincleNodes';
+exports.default = Nodes;

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

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

package/dist/components/Path/index.js

@@ -0,0 +1,43 @@
+"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_svg_1 = require("react-native-svg");
+const Path = ({ children, diagramId, line, markerEnd, markerStart, source, style: { center: centerStyle } = {}, target }) => {
+    const hasChildren = Boolean(children);
+    const origins = (0, react_1.useMemo)(() => {
+        if (source &&
+            target &&
+            line) {
+            return (0, shared_1.generateOrigins)(source, target, line, hasChildren);
+        }
+        return undefined;
+    }, [
+        hasChildren,
+        line,
+        source,
+        target
+    ]);
+    const center = (0, react_1.useMemo)(() => {
+        var _a, _b;
+        return (origins === null || origins === void 0 ? void 0 : origins.center) ?
+            ((0, jsx_runtime_1.jsx)(react_native_svg_1.G, { height: '1px', style: centerStyle, transform: `translate(${(_a = origins === null || origins === void 0 ? void 0 : origins.center) === null || _a === void 0 ? void 0 : _a.x},${(_b = origins === null || origins === void 0 ? void 0 : origins.center) === null || _b === void 0 ? void 0 : _b.y})`, width: '1px', children: children })) :
+            undefined;
+    }, [
+        children,
+        origins === null || origins === void 0 ? void 0 : origins.center,
+        centerStyle
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_native_svg_1.G, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: origins === null || origins === void 0 ? void 0 : origins.path, fill: 'transparent', id: diagramId + '1', opacity: 0, pointerEvents: 'auto', stroke: 'black', strokeWidth: 30 }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: origins === null || origins === void 0 ? void 0 : origins.path, fill: 'transparent', id: diagramId + '2', markerEnd: markerEnd ?
+                            markerEnd :
+                            `url(#diagram-${diagramId ?
+                                `${diagramId}-` :
+                                ''}marker-arrow)`, markerStart: markerStart ?
+                            markerStart :
+                            `url(#diagram-${diagramId ?
+                                `${diagramId}-` :
+                                ''}marker-circle)`, stroke: 'black' })] }), center] }));
+};
+Path.displayName = 'LinclePath';
+exports.default = Path;

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Path = exports.Nodes = exports.Node = exports.Grid = exports.GraphContexts = exports.Graph = exports.Edges = exports.Edge = void 0;
+var Edge_1 = require("./Edge");
+Object.defineProperty(exports, "Edge", { enumerable: true, get: function () { return __importDefault(Edge_1).default; } });
+var Edges_1 = require("./Edges");
+Object.defineProperty(exports, "Edges", { enumerable: true, get: function () { return __importDefault(Edges_1).default; } });
+var Graph_1 = require("./Graph");
+Object.defineProperty(exports, "Graph", { enumerable: true, get: function () { return __importDefault(Graph_1).default; } });
+var GraphContexts_1 = require("./GraphContexts");
+Object.defineProperty(exports, "GraphContexts", { enumerable: true, get: function () { return __importDefault(GraphContexts_1).default; } });
+var Grid_1 = require("./Grid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
+var Node_1 = require("./Node");
+Object.defineProperty(exports, "Node", { enumerable: true, get: function () { return __importDefault(Node_1).default; } });
+var Nodes_1 = require("./Nodes");
+Object.defineProperty(exports, "Nodes", { enumerable: true, get: function () { return __importDefault(Nodes_1).default; } });
+var Path_1 = require("./Path");
+Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return __importDefault(Path_1).default; } });

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './shared';

package/dist/index.js

@@ -0,0 +1,18 @@
+"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);

package/dist/shared.d.ts

@@ -0,0 +1,19 @@
+import { type EdgeProps as SharedEdgeProps, type NodeProps as SharedNodeProps, type PathProps as SharedPathProps } from '@lincle/react-shared';
+import { type ViewStyle } from 'react-native';
+export type EdgeProps = SharedEdgeProps & {
+    style?: {
+        edge?: ViewStyle;
+    };
+};
+export type NodeProps = SharedNodeProps & {
+    style?: {
+        node?: ViewStyle;
+    };
+};
+export type PathProps = SharedPathProps & {
+    style?: {
+        center?: ViewStyle;
+        path?: ViewStyle;
+    };
+};
+export { defaultSettings, type EdgeNodeProps, type EdgesProps, EdgeSubscriber, generateOrigins, GraphContext, type GraphContextsProps, type GraphProps, GridContext, type GridProps, type Line, NodePositions, type NodesProps } from '@lincle/react-shared';

package/dist/shared.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodePositions = exports.GridContext = exports.GraphContext = exports.generateOrigins = exports.EdgeSubscriber = exports.defaultSettings = void 0;
+var react_shared_1 = require("@lincle/react-shared");
+Object.defineProperty(exports, "defaultSettings", { enumerable: true, get: function () { return react_shared_1.defaultSettings; } });
+Object.defineProperty(exports, "EdgeSubscriber", { enumerable: true, get: function () { return react_shared_1.EdgeSubscriber; } });
+Object.defineProperty(exports, "generateOrigins", { enumerable: true, get: function () { return react_shared_1.generateOrigins; } });
+Object.defineProperty(exports, "GraphContext", { enumerable: true, get: function () { return react_shared_1.GraphContext; } });
+Object.defineProperty(exports, "GridContext", { enumerable: true, get: function () { return react_shared_1.GridContext; } });
+Object.defineProperty(exports, "NodePositions", { enumerable: true, get: function () { return react_shared_1.NodePositions; } });

package/package.json

@@ -2,7 +2,8 @@
 	"name": "@lincle/react-native-base",
 	"title": "lincle react native base",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.0.1",
+	"version": "0.4.0-next.2",
+	"private": false,
 	"description": "A 'reactive' React node and edge generator",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
 	"contributors": [
@@ -19,20 +20,19 @@
 		"COPYING.md",
 		"COPYING.LESSER.md"
 	],
-	"homepage": "https://gitlab.com/lincle/lincle/tree/master/packages/react-native-base/",
+	"homepage": "https://gitlab.com/digested/lincle/tree/master/packages/react-native-base/",
 	"repository": {
 		"type": "git",
-		"url": "https://gitlab.com/lincle/lincle.git"
+		"url": "https://gitlab.com/digested/lincle.git"
 	},
 	"bugs": {
-		"url": "https://gitlab.com/lincle/lincle/issues"
+		"url": "https://gitlab.com/digested/lincle/issues"
 	},
 	"scripts": {
-		"build": "run-s clean:dist build:prod build:styles",
+		"build": "run-s clean:dist build:prod",
 		"build:prod": "tsc -p ./tsconfig.json",
-		"build:watch": "run-s clean:dist build:prod build:styles build:watch:tsc",
+		"build:watch": "run-s clean:dist build:prod build:watch:tsc",
 		"build:watch:tsc": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
-		"build:styles": "ncp src/styles.g.css dist/styles.g.css",
 		"----------------------------------------------------------------": "",
 		"build:prod:config": "",
 		"---------------------------------------------------------------": "",
@@ -43,40 +43,42 @@
 		"clean:dist": "rimraf dist"
 	},
 	"devDependencies": {
-		"@digest/eslint-config-jest": "^4.2.5",
-		"@digest/eslint-config-react": "^4.2.5",
-		"@digest/eslint-config-typescript": "^4.2.5",
-		"@digest/jest-junit": "^4.2.5",
-		"@digest/jest-react": "^4.2.5",
-		"@digest/jest-typescript": "^4.2.5",
-		"@digest/typescript": "^4.2.5",
-		"@types/bezier-js": "^4.1.0",
-		"@types/jest": "^29.5.4",
-		"@types/lodash.throttle": "^4.1.6",
-		"@types/lodash.debounce": "^4.0.6",
-		"@types/node": "^20.5.9",
-		"@types/react": "^18.2.21",
-		"@types/react-native": "^0.72.3",
-		"@types/react-test-renderer": "^18.0.1",
+		"@digest/eslint-config-jest": "^4.3.1",
+		"@digest/eslint-config-react": "^4.3.1",
+		"@digest/eslint-config-typescript": "^4.3.1",
+		"@digest/jest-junit": "^4.3.1",
+		"@digest/jest-react": "^4.3.1",
+		"@digest/jest-typescript": "^4.3.1",
+		"@digest/typescript": "^4.3.1",
+		"@types/bezier-js": "^4.1.3",
+		"@types/jest": "^29.5.12",
+		"@types/lodash.debounce": "^4.0.9",
+		"@types/lodash.throttle": "^4.1.9",
+		"@types/node": "^20.12.12",
+		"@types/react": "^18.3.2",
+		"@types/react-native": "^0.73.0",
+		"@types/react-test-renderer": "^18.3.0",
 		"cross-env": "^7.0.3",
-		"jest-environment-jsdom": "^29.6.2",
+		"jest-environment-jsdom": "^29.7.0",
 		"jest-environment-jsdom-global": "^4.0.0",
 		"ncp": "^2.0.0",
 		"npm-run-all": "^4.1.5",
-		"react": "^18.2.0",
-		"react-native": "^0.72.5",
-		"react-test-renderer": "^18.2.0",
-		"rimraf": "^5.0.1"
+		"react": "^18.3.1",
+		"react-native": "^0.74.1",
+		"react-native-svg": "^15.3.0",
+		"react-test-renderer": "^18.3.1",
+		"rimraf": "^5.0.7"
 	},
 	"dependencies": {
-		"@lincle/react-shared": "^0.0.1",
-		"bezier-js": "^5.1.0",
+		"@lincle/react-shared": "^0.4.0-next.2",
+		"bezier-js": "^6.1.4",
 		"lodash.debounce": "^4.0.8",
 		"lodash.throttle": "^4.1.1"
 	},
 	"peerDependencies": {
 		"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
-		"react-native": "^0.72.5"
+		"react-native": "^0.72.0",
+		"react-native-svg": "^13.0.0"
 	},
 	"keywords": [
 		"library",
@@ -92,5 +94,6 @@
 		"dag",
 		"acyclical graph",
 		"cyclical graph"
-	]
+	],
+	"gitHead": "c00bcd56556ee5599505cbeeebfdab06e4a8c552"
 }