@lincle/react-native-base 0.4.0-next.17 → 0.4.0-next.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{components → cjs/components}/Edge/index.js +5 -6
- package/dist/cjs/components/Edge/index.js.map +1 -0
- package/dist/{components → cjs/components}/Edges/Marker.js +1 -0
- package/dist/cjs/components/Edges/Marker.js.map +1 -0
- package/dist/{components → cjs/components}/Edges/Paths/Path/Path.js +8 -5
- package/dist/cjs/components/Edges/Paths/Path/Path.js.map +1 -0
- package/dist/{components → cjs/components}/Edges/Paths/Path/index.js +24 -12
- package/dist/cjs/components/Edges/Paths/Path/index.js.map +1 -0
- package/dist/{components → cjs/components}/Edges/Paths/index.js +2 -1
- package/dist/cjs/components/Edges/Paths/index.js.map +1 -0
- package/dist/{components → cjs/components}/Edges/index.js +7 -1
- package/dist/cjs/components/Edges/index.js.map +1 -0
- package/dist/{components → cjs/components}/Graph/Grid/index.js +2 -1
- package/dist/cjs/components/Graph/Grid/index.js.map +1 -0
- package/dist/{components → cjs/components}/Graph/index.js +1 -0
- package/dist/cjs/components/Graph/index.js.map +1 -0
- package/dist/cjs/components/Node/index.js +121 -0
- package/dist/cjs/components/Node/index.js.map +1 -0
- package/dist/{components → cjs/components}/Nodes/index.js +1 -0
- package/dist/cjs/components/Nodes/index.js.map +1 -0
- package/dist/{components → cjs/components}/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/{index.js → cjs/index.js} +1 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/{shared.js → cjs/shared.js} +1 -0
- package/dist/cjs/shared.js.map +1 -0
- package/dist/esm/components/Edge/index.js +57 -0
- package/dist/esm/components/Edge/index.js.map +1 -0
- package/dist/esm/components/Edges/Marker.js +28 -0
- package/dist/esm/components/Edges/Marker.js.map +1 -0
- package/dist/esm/components/Edges/Paths/Path/Path.js +74 -0
- package/dist/esm/components/Edges/Paths/Path/Path.js.map +1 -0
- package/dist/esm/components/Edges/Paths/Path/index.js +64 -0
- package/dist/esm/components/Edges/Paths/Path/index.js.map +1 -0
- package/dist/esm/components/Edges/Paths/index.js +27 -0
- package/dist/esm/components/Edges/Paths/index.js.map +1 -0
- package/dist/esm/components/Edges/index.js +51 -0
- package/dist/esm/components/Edges/index.js.map +1 -0
- package/dist/esm/components/Graph/Grid/index.js +51 -0
- package/dist/esm/components/Graph/Grid/index.js.map +1 -0
- package/dist/esm/components/Graph/index.js +17 -0
- package/dist/esm/components/Graph/index.js.map +1 -0
- package/dist/esm/components/Node/index.js +118 -0
- package/dist/esm/components/Node/index.js.map +1 -0
- package/dist/esm/components/Nodes/index.js +7 -0
- package/dist/esm/components/Nodes/index.js.map +1 -0
- package/dist/esm/components/index.js +6 -0
- package/dist/esm/components/index.js.map +1 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/shared.js +2 -0
- package/dist/esm/shared.js.map +1 -0
- package/package.json +26 -23
- package/dist/components/Node/index.js +0 -128
- /package/dist/{components → esm/components}/Edge/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Edges/Marker.d.ts +0 -0
- /package/dist/{components → esm/components}/Edges/Paths/Path/Path.d.ts +0 -0
- /package/dist/{components → esm/components}/Edges/Paths/Path/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Edges/Paths/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Edges/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Graph/Grid/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Graph/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Node/index.d.ts +0 -0
- /package/dist/{components → esm/components}/Nodes/index.d.ts +0 -0
- /package/dist/{components → esm/components}/index.d.ts +0 -0
- /package/dist/{index.d.ts → esm/index.d.ts} +0 -0
- /package/dist/{shared.d.ts → esm/shared.d.ts} +0 -0
|
@@ -6,7 +6,6 @@ const shared_1 = require("../../shared");
|
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const react_native_1 = require("react-native");
|
|
8
8
|
const Edge = ({ children, dash, id: edgeId, line, markerEnd, markerStart, sourceId, targetId }) => {
|
|
9
|
-
var _a, _b;
|
|
10
9
|
const updateEdge = (0, shared_1.useUpdateEdge)();
|
|
11
10
|
const removeEdge = (0, shared_1.useRemoveEdge)();
|
|
12
11
|
const edge = (0, shared_1.useEdge)(edgeId);
|
|
@@ -45,17 +44,17 @@ const Edge = ({ children, dash, id: edgeId, line, markerEnd, markerStart, source
|
|
|
45
44
|
updateEdge
|
|
46
45
|
]);
|
|
47
46
|
const style = (0, react_1.useMemo)(() => {
|
|
48
|
-
var _a, _b;
|
|
49
47
|
return {
|
|
50
|
-
left:
|
|
48
|
+
left: edge?.center?.x,
|
|
51
49
|
position: 'absolute',
|
|
52
|
-
top:
|
|
50
|
+
top: edge?.center?.y
|
|
53
51
|
};
|
|
54
52
|
}, [
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
edge?.center?.x,
|
|
54
|
+
edge?.center?.y
|
|
57
55
|
]);
|
|
58
56
|
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children }));
|
|
59
57
|
};
|
|
60
58
|
exports.Edge = Edge;
|
|
61
59
|
Edge.displayName = 'LincleEdge';
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":";;;;AAAA,yCAKsB;AACtB,iCAIe;AACf,+CAGsB;AAEtB,MAAM,IAAI,GAAiC,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,SAAS,EACT,WAAW,EAEX,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,sBAAa,GAAE,CAAC;IACnC,MAAM,UAAU,GAAG,IAAA,sBAAa,GAAE,CAAC;IACnC,MAAM,IAAI,GAAG,IAAA,gBAAO,EAAC,MAAM,CAAC,CAAC;IAE7B,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,OAAO,GAAS,EAAE;YAChB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CACR,MAAM,CACP,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CACR,MAAM,EACN;gBACE,IAAI;gBACJ,IAAI;gBACJ,SAAS;gBACT,WAAW;gBACX,QAAQ;gBACR,QAAQ;aACT,CACF,CAAC;QACJ,CAAC;QAED,OAAO,GAAS,EAAE;YAChB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CACR,MAAM,CACP,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD;QACE,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,SAAS;QACT,WAAW;QACX,UAAU;QACV,QAAQ;QACR,QAAQ;QACR,UAAU;KACX,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACH,OAAO;YACL,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;SACrB,CAAC;IACJ,CAAC,EACD;QACE,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,IAAI,EAAE,MAAM,EAAE,CAAC;KAChB,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAKA,oBAAI;AAHN,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Marker.js","sourceRoot":"","sources":["../../../../src/components/Edges/Marker.tsx"],"names":[],"mappings":";;;AAAA,yCAEsB;AACtB,iCAGe;AACf,uDAI0B;AAE1B,MAAM,MAAM,GAA8B,GAAG,EAAE;IAC7C,MAAM,EAAE,GAAG,IAAA,qBAAY,GAAE,CAAC;IAE1B,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,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,IAAA,eAAO,EACrB,GAAG,EAAE;QACH,OAAO,WAAW,QAAQ,cAAc,CAAC;IAC3C,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE;QACH,OAAO,WAAW,QAAQ,eAAe,CAAC;IAC5C,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,6DACE,uBAAC,yBAAY,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,uBAAC,uBAAI,IACH,CAAC,EAAC,uBAAuB,EACzB,IAAI,EAAC,OAAO,GACZ,GACW,EACf,uBAAC,yBAAY,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,uBAAC,yBAAM,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,kBAAe,MAAM,CAAC"}
|
|
@@ -38,7 +38,7 @@ const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarke
|
|
|
38
38
|
target
|
|
39
39
|
]);
|
|
40
40
|
(0, react_1.useEffect)(() => {
|
|
41
|
-
if (
|
|
41
|
+
if (origins?.center &&
|
|
42
42
|
updateEdge) {
|
|
43
43
|
updateEdge(edgeId, {
|
|
44
44
|
center: origins.center
|
|
@@ -46,14 +46,15 @@ const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarke
|
|
|
46
46
|
}
|
|
47
47
|
}, [
|
|
48
48
|
edgeId,
|
|
49
|
-
origins
|
|
49
|
+
origins?.center,
|
|
50
50
|
updateEdge
|
|
51
51
|
]);
|
|
52
52
|
const markerEnd = (0, react_1.useMemo)(() => {
|
|
53
53
|
const id = diagramId ?
|
|
54
54
|
`${diagramId}-` :
|
|
55
55
|
'';
|
|
56
|
-
return givenMarkerEnd
|
|
56
|
+
return givenMarkerEnd ??
|
|
57
|
+
`url(#diagram-${id}marker-arrow)`;
|
|
57
58
|
}, [
|
|
58
59
|
diagramId,
|
|
59
60
|
givenMarkerEnd
|
|
@@ -62,12 +63,14 @@ const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarke
|
|
|
62
63
|
const id = diagramId ?
|
|
63
64
|
`${diagramId}-` :
|
|
64
65
|
'';
|
|
65
|
-
return givenMarkerStart
|
|
66
|
+
return givenMarkerStart ??
|
|
67
|
+
`url(#diagram-${id}marker-circle)`;
|
|
66
68
|
}, [
|
|
67
69
|
diagramId,
|
|
68
70
|
givenMarkerStart
|
|
69
71
|
]);
|
|
70
|
-
return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.G, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: origins
|
|
72
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_svg_1.G, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Path, { d: origins?.path, fill: 'transparent', id: diagramId + '1', opacity: 0, pointerEvents: 'box-none', stroke: 'black', strokeWidth: 30 }), (0, jsx_runtime_1.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 })] }));
|
|
71
73
|
};
|
|
72
74
|
Path.displayName = 'LinclePath';
|
|
73
75
|
exports.default = Path;
|
|
76
|
+
//# sourceMappingURL=Path.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/Path.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,30 +11,40 @@ const react_1 = require("react");
|
|
|
11
11
|
const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, path, sourceId, targetId }) => {
|
|
12
12
|
const defaultLine = (0, shared_1.useDefaultLine)();
|
|
13
13
|
const edgeSubscriber = (0, shared_1.useEdgeSubscriber)();
|
|
14
|
-
const line = givenLine
|
|
14
|
+
const line = givenLine ?? defaultLine;
|
|
15
15
|
const [source, setSource] = (0, react_1.useState)();
|
|
16
16
|
const [target, setTarget] = (0, react_1.useState)();
|
|
17
17
|
(0, react_1.useEffect)(() => {
|
|
18
|
-
setSource(edgeSubscriber
|
|
19
|
-
setTarget(edgeSubscriber
|
|
18
|
+
setSource(edgeSubscriber?.register(edgeId, sourceId, setSource));
|
|
19
|
+
setTarget(edgeSubscriber?.register(edgeId, targetId, setTarget));
|
|
20
20
|
return () => {
|
|
21
|
-
edgeSubscriber
|
|
22
|
-
edgeSubscriber
|
|
21
|
+
edgeSubscriber?.unregister(edgeId, sourceId);
|
|
22
|
+
edgeSubscriber?.unregister(edgeId, targetId);
|
|
23
23
|
};
|
|
24
24
|
}, []);
|
|
25
25
|
const pathSource = (0, react_1.useMemo)(() => {
|
|
26
|
-
return source ?
|
|
26
|
+
return source ?
|
|
27
|
+
{
|
|
28
|
+
...source,
|
|
29
|
+
x: source.x,
|
|
30
|
+
y: source.y
|
|
31
|
+
} :
|
|
27
32
|
undefined;
|
|
28
33
|
}, [
|
|
29
|
-
source
|
|
30
|
-
source
|
|
34
|
+
source?.x,
|
|
35
|
+
source?.y
|
|
31
36
|
]);
|
|
32
37
|
const pathTarget = (0, react_1.useMemo)(() => {
|
|
33
|
-
return target ?
|
|
38
|
+
return target ?
|
|
39
|
+
{
|
|
40
|
+
...target,
|
|
41
|
+
x: target.x,
|
|
42
|
+
y: target.y
|
|
43
|
+
} :
|
|
34
44
|
undefined;
|
|
35
45
|
}, [
|
|
36
|
-
target
|
|
37
|
-
target
|
|
46
|
+
target?.x,
|
|
47
|
+
target?.y
|
|
38
48
|
]);
|
|
39
49
|
const customPath = (0, react_1.useMemo)(() => {
|
|
40
50
|
return path ?
|
|
@@ -47,7 +57,8 @@ const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, pat
|
|
|
47
57
|
]);
|
|
48
58
|
if (source &&
|
|
49
59
|
target) {
|
|
50
|
-
return customPath
|
|
60
|
+
return customPath ??
|
|
61
|
+
(0, jsx_runtime_1.jsx)(Path_1.default, { center: true, edgeId: edgeId, line: line, markerEnd: markerEnd, markerStart: markerStart, source: pathSource, target: pathTarget });
|
|
51
62
|
}
|
|
52
63
|
else {
|
|
53
64
|
return null;
|
|
@@ -57,3 +68,4 @@ RegisterEdge.displayName = 'LincleRegisterEdge';
|
|
|
57
68
|
exports.default = RegisterEdge;
|
|
58
69
|
var Path_2 = require("./Path");
|
|
59
70
|
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return __importDefault(Path_2).default; } });
|
|
71
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/index.tsx"],"names":[],"mappings":";;;;;;;AAIA,+CAK4B;AAC5B,kDAA0B;AAC1B,iCAKe;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,IAAA,uBAAc,GAAE,CAAC;IACrC,MAAM,cAAc,GAAG,IAAA,0BAAiB,GAAE,CAAC;IAE3C,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAC;IAEtC,MAAM,CACJ,MAAM,EACN,SAAS,CACV,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAE9B,MAAM,CACJ,MAAM,EACN,SAAS,CACV,GAAG,IAAA,gBAAQ,GAAiB,CAAC;IAE9B,IAAA,iBAAS,EACP,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,IAAA,eAAO,EACxB,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,IAAA,eAAO,EACxB,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,IAAA,eAAO,EACxB,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,uBAAC,cAAI,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,kBAAe,YAAY,CAAC;AAE5B,+BAEgB;AADd,6GAAA,OAAO,OAAQ"}
|
|
@@ -12,7 +12,7 @@ const Paths = () => {
|
|
|
12
12
|
const edges = (0, shared_1.useEdges)();
|
|
13
13
|
const paths = (0, react_1.useMemo)(() => {
|
|
14
14
|
const edgesMap = Object.keys(edges).map((edgeId) => {
|
|
15
|
-
const { line, sourceId, targetId } = edges[edgeId];
|
|
15
|
+
const { line, sourceId, targetId } = edges[edgeId] ?? {};
|
|
16
16
|
if (sourceId &&
|
|
17
17
|
targetId) {
|
|
18
18
|
return ((0, jsx_runtime_1.jsx)(Path_1.default, { id: edgeId, line: line, sourceId: sourceId, targetId: targetId }, edgeId));
|
|
@@ -31,3 +31,4 @@ Paths.displayName = 'LinclePaths';
|
|
|
31
31
|
exports.default = Paths;
|
|
32
32
|
var Path_2 = require("./Path");
|
|
33
33
|
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return Path_2.Path; } });
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Paths/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,4CAEyB;AACzB,kDAAkC;AAClC,iCAGe;AAEf,MAAM,KAAK,GAAkC,GAAG,EAAE;IAChD,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,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,uBAAC,cAAY,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,kBAAe,KAAK,CAAC;AAErB,+BAEgB;AADd,4FAAA,IAAI,OAAA"}
|
|
@@ -68,7 +68,12 @@ const Edges = ({ children, scale = 1, translate = {
|
|
|
68
68
|
const ty = translate.y;
|
|
69
69
|
const tz = scale;
|
|
70
70
|
return {
|
|
71
|
-
style:
|
|
71
|
+
style: {
|
|
72
|
+
...styles.bridges,
|
|
73
|
+
pointerEvents: 'box-none',
|
|
74
|
+
transform: `translateX(${tx}px) translateY(${ty}px) scale(${tz})`,
|
|
75
|
+
transformOrigin: 'top left'
|
|
76
|
+
},
|
|
72
77
|
transform: `translate(${tx}, ${ty}) scale(${tz})`
|
|
73
78
|
};
|
|
74
79
|
}, [
|
|
@@ -84,3 +89,4 @@ var Marker_2 = require("./Marker");
|
|
|
84
89
|
Object.defineProperty(exports, "Marker", { enumerable: true, get: function () { return __importDefault(Marker_2).default; } });
|
|
85
90
|
var Paths_2 = require("./Paths");
|
|
86
91
|
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return Paths_2.Path; } });
|
|
92
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edges/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,sDAA8B;AAC9B,oDAA4B;AAC5B,iCAGe;AACf,+CAGsB;AACtB,qEAG0B;AAE1B,MAAM,MAAM,GAAG,yBAAU,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,IAAA,eAAO,EACT,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,6DACE,uBAAC,0BAAG,IACF,KAAK,EAAE,MAAM,CAAC,KAAK,YAEnB,wBAAC,oBAAC,IACA,SAAS,EAAE,SAAS,aAEpB,uBAAC,uBAAI,cACH,uBAAC,gBAAM,KAAG,GACL,EACP,uBAAC,eAAK,KAAG,IACP,GACA,EACN,uBAAC,mBAAI,IACH,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAMlC,mCAEkB;AADhB,iHAAA,OAAO,OAAU;AAEnB,iCAEiB;AADf,6FAAA,IAAI,OAAA"}
|
|
@@ -79,7 +79,8 @@ const Grid = ({ children, scale = 1, xOffset: givenXOffset = 0, yOffset: givenYO
|
|
|
79
79
|
givenYOffset,
|
|
80
80
|
gridY
|
|
81
81
|
]);
|
|
82
|
-
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
|
|
82
|
+
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 ?? Circle }), (0, jsx_runtime_1.jsx)(react_native_svg_1.Rect, { fill: `url(#${id})`, height: '100%', width: '100%', x: '0', y: '0' })] }));
|
|
83
83
|
};
|
|
84
84
|
Grid.displayName = 'LincleGrid';
|
|
85
85
|
exports.default = Grid;
|
|
86
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Graph/Grid/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAIyB;AACzB,iCAGe;AACf,+CAEsB;AACtB,qEAI0B;AAE1B,MAAM,MAAM,GAAG,yBAAU,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,uBAAC,yBAAY,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,IAAA,qBAAY,GAAE,CAAC;IACjC,MAAM,CACJ,UAAU,EACV,UAAU,CACX,GAAG,IAAA,gBAAO,GAAE,IAAI;QACf,CAAC;QACD,CAAC;KACF,CAAC;IAEF,MAAM,EAAE,GAAG,eAAe,SAAS,EAAE,CAAC;IAEtC,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACH,OAAO,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC,EACD;QACE,UAAU;QACV,KAAK;KACN,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACH,OAAO,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC,EACD;QACE,UAAU;QACV,KAAK;KACN,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACH,OAAO,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC,EACD;QACE,YAAY;QACZ,KAAK;KACN,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACH,OAAO,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC,EACD;QACE,YAAY;QACZ,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,wBAAC,0BAAG,IACF,KAAK,EAAE,MAAM,CAAC,IAAI,aAElB,uBAAC,0BAAO,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,uBAAC,uBAAI,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,kBAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Graph/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,yCAGsB;AACtB,kDAA0B;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,uBAAC,cAAI,KAAG,CAAC;IAEX,OAAO,CACL,wBAAC,kBAAS,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;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAMlC,+BAEgB;AADd,6GAAA,OAAO,OAAQ"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Node = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const shared_1 = require("../../shared");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const react_native_1 = require("react-native");
|
|
8
|
+
const Node = ({ children, height: givenHeight, id: nodeId, shape: givenShape, style: { node: nodeStyle } = {}, track = true, width: givenWidth, x: givenX = 0, y: givenY = 0, ...additionalProperties }, ref) => {
|
|
9
|
+
const defaultHeight = (0, shared_1.useDefaultNodeHeight)();
|
|
10
|
+
const defaultShape = (0, shared_1.useDefaultShape)();
|
|
11
|
+
const defaultWidth = (0, shared_1.useDefaultNodeWidth)();
|
|
12
|
+
const edgeSubscriber = (0, shared_1.useEdgeSubscriber)();
|
|
13
|
+
const nodePositions = (0, shared_1.useNodePositions)();
|
|
14
|
+
const height = givenHeight ?? defaultHeight ?? 0;
|
|
15
|
+
const shape = givenShape ?? defaultShape ?? 'oval';
|
|
16
|
+
const width = givenWidth ?? defaultWidth ?? 0;
|
|
17
|
+
const { x, y } = (0, react_1.useMemo)(() => {
|
|
18
|
+
if (!(givenX || givenY)) {
|
|
19
|
+
const getNumber = /(-?\d+(\.\d+)?)/gu;
|
|
20
|
+
const transform = nodeStyle?.transform;
|
|
21
|
+
const [translateX, translateY] = transform ?
|
|
22
|
+
transform.match(getNumber) ?? [
|
|
23
|
+
undefined,
|
|
24
|
+
undefined
|
|
25
|
+
] :
|
|
26
|
+
[
|
|
27
|
+
undefined,
|
|
28
|
+
undefined
|
|
29
|
+
];
|
|
30
|
+
const left = nodeStyle?.left ?? undefined;
|
|
31
|
+
const top = nodeStyle?.top ?? undefined;
|
|
32
|
+
return {
|
|
33
|
+
x: Number(translateX) || Number(left) || 0,
|
|
34
|
+
y: Number(translateY) || Number(top) || 0
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
return {
|
|
38
|
+
x: givenX,
|
|
39
|
+
y: givenY
|
|
40
|
+
};
|
|
41
|
+
}, [
|
|
42
|
+
givenX,
|
|
43
|
+
givenY,
|
|
44
|
+
nodeStyle
|
|
45
|
+
]);
|
|
46
|
+
(0, react_1.useEffect)(() => {
|
|
47
|
+
nodePositions?.register({
|
|
48
|
+
height,
|
|
49
|
+
id: nodeId,
|
|
50
|
+
shape,
|
|
51
|
+
width,
|
|
52
|
+
x,
|
|
53
|
+
y
|
|
54
|
+
});
|
|
55
|
+
return () => {
|
|
56
|
+
nodePositions?.unregister(nodeId);
|
|
57
|
+
};
|
|
58
|
+
}, []);
|
|
59
|
+
(0, react_1.useEffect)(() => {
|
|
60
|
+
nodePositions?.update({
|
|
61
|
+
height,
|
|
62
|
+
id: nodeId,
|
|
63
|
+
shape,
|
|
64
|
+
width,
|
|
65
|
+
x,
|
|
66
|
+
y
|
|
67
|
+
});
|
|
68
|
+
}, [
|
|
69
|
+
height,
|
|
70
|
+
nodeId,
|
|
71
|
+
nodePositions,
|
|
72
|
+
shape,
|
|
73
|
+
width,
|
|
74
|
+
x,
|
|
75
|
+
y
|
|
76
|
+
]);
|
|
77
|
+
(0, react_1.useEffect)(() => {
|
|
78
|
+
edgeSubscriber?.update({
|
|
79
|
+
height,
|
|
80
|
+
id: nodeId,
|
|
81
|
+
shape,
|
|
82
|
+
width,
|
|
83
|
+
x,
|
|
84
|
+
y
|
|
85
|
+
});
|
|
86
|
+
}, [
|
|
87
|
+
edgeSubscriber,
|
|
88
|
+
height,
|
|
89
|
+
nodeId,
|
|
90
|
+
shape,
|
|
91
|
+
width,
|
|
92
|
+
x,
|
|
93
|
+
y
|
|
94
|
+
]);
|
|
95
|
+
const adjustedStyle = (0, react_1.useMemo)(() => {
|
|
96
|
+
return {
|
|
97
|
+
...nodeStyle,
|
|
98
|
+
height,
|
|
99
|
+
position: track ?
|
|
100
|
+
'absolute' :
|
|
101
|
+
'relative',
|
|
102
|
+
transform: track ?
|
|
103
|
+
(nodeStyle?.transform ?? `translate(${x}px, ${y}px)`) :
|
|
104
|
+
'translate(0px, 0px)',
|
|
105
|
+
transformOrigin: '0 0',
|
|
106
|
+
width
|
|
107
|
+
};
|
|
108
|
+
}, [
|
|
109
|
+
height,
|
|
110
|
+
nodeStyle,
|
|
111
|
+
track,
|
|
112
|
+
width,
|
|
113
|
+
x,
|
|
114
|
+
y
|
|
115
|
+
]);
|
|
116
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { "data-testid": `node-${nodeId}`, ref: ref, role: 'none', style: adjustedStyle, ...additionalProperties, children: children }));
|
|
117
|
+
};
|
|
118
|
+
Node.displayName = 'LincleNode';
|
|
119
|
+
const refNode = (0, react_1.forwardRef)(Node);
|
|
120
|
+
exports.Node = refNode;
|
|
121
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
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,2DACG,QAAQ,GACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB"}
|
|
@@ -16,3 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./components"), exports);
|
|
18
18
|
__exportStar(require("./shared"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,2CAAyB"}
|
|
@@ -16,3 +16,4 @@ Object.defineProperty(exports, "useGrid", { enumerable: true, get: function () {
|
|
|
16
16
|
Object.defineProperty(exports, "useNodePositions", { enumerable: true, get: function () { return react_shared_1.useNodePositions; } });
|
|
17
17
|
Object.defineProperty(exports, "useRemoveEdge", { enumerable: true, get: function () { return react_shared_1.useRemoveEdge; } });
|
|
18
18
|
Object.defineProperty(exports, "useUpdateEdge", { enumerable: true, get: function () { return react_shared_1.useUpdateEdge; } });
|
|
19
|
+
//# sourceMappingURL=shared.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/shared.ts"],"names":[],"mappings":";;;AA4BA,qDAoB8B;AAlB5B,+GAAA,eAAe,OAAA;AAKf,yGAAA,SAAS,OAAA;AACT,8GAAA,cAAc,OAAA;AACd,oHAAA,oBAAoB,OAAA;AACpB,mHAAA,mBAAmB,OAAA;AACnB,+GAAA,eAAe,OAAA;AACf,4GAAA,YAAY,OAAA;AACZ,uGAAA,OAAO,OAAA;AACP,wGAAA,QAAQ,OAAA;AACR,iHAAA,iBAAiB,OAAA;AACjB,uGAAA,OAAO,OAAA;AACP,gHAAA,gBAAgB,OAAA;AAChB,6GAAA,aAAa,OAAA;AACb,6GAAA,aAAa,OAAA"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEdge, useRemoveEdge, useUpdateEdge } from '../../shared';
|
|
3
|
+
import { useEffect, useMemo } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
const Edge = ({ children, dash, id: edgeId, line, markerEnd, markerStart, sourceId, targetId }) => {
|
|
6
|
+
const updateEdge = useUpdateEdge();
|
|
7
|
+
const removeEdge = useRemoveEdge();
|
|
8
|
+
const edge = useEdge(edgeId);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
return () => {
|
|
11
|
+
if (removeEdge) {
|
|
12
|
+
removeEdge(edgeId);
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
}, []);
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
if (updateEdge) {
|
|
18
|
+
updateEdge(edgeId, {
|
|
19
|
+
dash,
|
|
20
|
+
line,
|
|
21
|
+
markerEnd,
|
|
22
|
+
markerStart,
|
|
23
|
+
sourceId,
|
|
24
|
+
targetId
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return () => {
|
|
28
|
+
if (removeEdge) {
|
|
29
|
+
removeEdge(edgeId);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
}, [
|
|
33
|
+
dash,
|
|
34
|
+
edgeId,
|
|
35
|
+
line,
|
|
36
|
+
markerEnd,
|
|
37
|
+
markerStart,
|
|
38
|
+
removeEdge,
|
|
39
|
+
sourceId,
|
|
40
|
+
targetId,
|
|
41
|
+
updateEdge
|
|
42
|
+
]);
|
|
43
|
+
const style = useMemo(() => {
|
|
44
|
+
return {
|
|
45
|
+
left: edge?.center?.x,
|
|
46
|
+
position: 'absolute',
|
|
47
|
+
top: edge?.center?.y
|
|
48
|
+
};
|
|
49
|
+
}, [
|
|
50
|
+
edge?.center?.x,
|
|
51
|
+
edge?.center?.y
|
|
52
|
+
]);
|
|
53
|
+
return (_jsx(View, { style: style, children: children }));
|
|
54
|
+
};
|
|
55
|
+
Edge.displayName = 'LincleEdge';
|
|
56
|
+
export { Edge };
|
|
57
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,OAAO,EACP,aAAa,EACb,aAAa,EACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,SAAS,EACT,OAAO,EACR,MAAM,OAAO,CAAC;AACf,OAAO,EACL,IAAI,EAEL,MAAM,cAAc,CAAC;AAEtB,MAAM,IAAI,GAAiC,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,SAAS,EACT,WAAW,EAEX,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAE7B,SAAS,CACP,GAAG,EAAE;QACH,OAAO,GAAS,EAAE;YAChB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CACR,MAAM,CACP,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CACP,GAAG,EAAE;QACH,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CACR,MAAM,EACN;gBACE,IAAI;gBACJ,IAAI;gBACJ,SAAS;gBACT,WAAW;gBACX,QAAQ;gBACR,QAAQ;aACT,CACF,CAAC;QACJ,CAAC;QAED,OAAO,GAAS,EAAE;YAChB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CACR,MAAM,CACP,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD;QACE,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,SAAS;QACT,WAAW;QACX,UAAU;QACV,QAAQ;QACR,QAAQ;QACR,UAAU;KACX,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO;YACL,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;SACrB,CAAC;IACJ,CAAC,EACD;QACE,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,IAAI,EAAE,MAAM,EAAE,CAAC;KAChB,CACF,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,YAEX,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAEhC,OAAO,EACL,IAAI,EACL,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useDiagramId } from '../../shared';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { Circle, Marker as NativeMarker, Path } from 'react-native-svg';
|
|
5
|
+
const Marker = () => {
|
|
6
|
+
const id = useDiagramId();
|
|
7
|
+
const markerId = useMemo(() => {
|
|
8
|
+
return id ?
|
|
9
|
+
`${id}-` :
|
|
10
|
+
'';
|
|
11
|
+
}, [
|
|
12
|
+
id
|
|
13
|
+
]);
|
|
14
|
+
const arrowId = useMemo(() => {
|
|
15
|
+
return `diagram-${markerId}marker-arrow`;
|
|
16
|
+
}, [
|
|
17
|
+
markerId
|
|
18
|
+
]);
|
|
19
|
+
const circleId = useMemo(() => {
|
|
20
|
+
return `diagram-${markerId}marker-circle`;
|
|
21
|
+
}, [
|
|
22
|
+
markerId
|
|
23
|
+
]);
|
|
24
|
+
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' }) })] }));
|
|
25
|
+
};
|
|
26
|
+
Marker.displayName = 'LincleMarker';
|
|
27
|
+
export default Marker;
|
|
28
|
+
//# sourceMappingURL=Marker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { generateOrigins, useDiagramId, useUpdateEdge } from '../../../../shared';
|
|
3
|
+
import { useEffect, useMemo } from 'react';
|
|
4
|
+
import { createAnimatedComponent, Easing, ReduceMotion, useAnimatedStyle, useSharedValue, withRepeat, withTiming, } from 'react-native-reanimated';
|
|
5
|
+
import { G, Path as NativePath } from 'react-native-svg';
|
|
6
|
+
const AnimatedPath = createAnimatedComponent(NativePath);
|
|
7
|
+
const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarkerEnd, markerStart: givenMarkerStart, source, target }) => {
|
|
8
|
+
const progress = useSharedValue(0);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
progress.value = withRepeat(withTiming(1, {
|
|
11
|
+
duration: 5000,
|
|
12
|
+
easing: Easing.linear
|
|
13
|
+
}), -1, false, () => { }, ReduceMotion.Never);
|
|
14
|
+
}, [
|
|
15
|
+
progress
|
|
16
|
+
]);
|
|
17
|
+
const animatedStyle = useAnimatedStyle(() => {
|
|
18
|
+
return {
|
|
19
|
+
strokeDashoffset: 100 * (30 - progress.value)
|
|
20
|
+
};
|
|
21
|
+
});
|
|
22
|
+
const diagramId = useDiagramId();
|
|
23
|
+
const updateEdge = useUpdateEdge();
|
|
24
|
+
const origins = useMemo(() => {
|
|
25
|
+
if (source &&
|
|
26
|
+
target &&
|
|
27
|
+
line) {
|
|
28
|
+
const generatedOrigins = generateOrigins(source, target, line, center);
|
|
29
|
+
return generatedOrigins;
|
|
30
|
+
}
|
|
31
|
+
return undefined;
|
|
32
|
+
}, [
|
|
33
|
+
center,
|
|
34
|
+
line,
|
|
35
|
+
source,
|
|
36
|
+
target
|
|
37
|
+
]);
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
if (origins?.center &&
|
|
40
|
+
updateEdge) {
|
|
41
|
+
updateEdge(edgeId, {
|
|
42
|
+
center: origins.center
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}, [
|
|
46
|
+
edgeId,
|
|
47
|
+
origins?.center,
|
|
48
|
+
updateEdge
|
|
49
|
+
]);
|
|
50
|
+
const markerEnd = useMemo(() => {
|
|
51
|
+
const id = diagramId ?
|
|
52
|
+
`${diagramId}-` :
|
|
53
|
+
'';
|
|
54
|
+
return givenMarkerEnd ??
|
|
55
|
+
`url(#diagram-${id}marker-arrow)`;
|
|
56
|
+
}, [
|
|
57
|
+
diagramId,
|
|
58
|
+
givenMarkerEnd
|
|
59
|
+
]);
|
|
60
|
+
const markerStart = useMemo(() => {
|
|
61
|
+
const id = diagramId ?
|
|
62
|
+
`${diagramId}-` :
|
|
63
|
+
'';
|
|
64
|
+
return givenMarkerStart ??
|
|
65
|
+
`url(#diagram-${id}marker-circle)`;
|
|
66
|
+
}, [
|
|
67
|
+
diagramId,
|
|
68
|
+
givenMarkerStart
|
|
69
|
+
]);
|
|
70
|
+
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 })] }));
|
|
71
|
+
};
|
|
72
|
+
Path.displayName = 'LinclePath';
|
|
73
|
+
export default Path;
|
|
74
|
+
//# sourceMappingURL=Path.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/Path.tsx"],"names":[],"mappings":"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"}
|