@lincle/react-native-base 0.4.0-next.18 → 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/cjs/components/Edge/index.js +15 -12
- package/dist/cjs/components/Edge/index.js.map +1 -1
- package/dist/cjs/components/Edges/Marker.js +12 -10
- package/dist/cjs/components/Edges/Marker.js.map +1 -1
- package/dist/cjs/components/Edges/Paths/Path/Path.js +23 -21
- package/dist/cjs/components/Edges/Paths/Path/Path.js.map +1 -1
- package/dist/cjs/components/Edges/Paths/Path/index.js +22 -15
- package/dist/cjs/components/Edges/Paths/Path/index.js.map +1 -1
- package/dist/cjs/components/Edges/Paths/index.js +16 -9
- package/dist/cjs/components/Edges/Paths/index.js.map +1 -1
- package/dist/cjs/components/Edges/index.js +53 -12
- package/dist/cjs/components/Edges/index.js.map +1 -1
- package/dist/cjs/components/Graph/Grid/index.js +50 -15
- package/dist/cjs/components/Graph/Grid/index.js.map +1 -1
- package/dist/cjs/components/Graph/index.js +14 -7
- package/dist/cjs/components/Graph/index.js.map +1 -1
- package/dist/cjs/components/Node/index.js +20 -17
- package/dist/cjs/components/Node/index.js.map +1 -1
- package/dist/cjs/components/Nodes/index.js +6 -3
- package/dist/cjs/components/Nodes/index.js.map +1 -1
- package/dist/cjs/components/index.js +21 -5
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/index.js +18 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/shared.js +18 -1
- package/dist/cjs/shared.js.map +1 -1
- package/package.json +18 -18
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Edge = 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");
|
|
5
8
|
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(() => {
|
|
9
|
+
const updateEdge = (0, shared_1.useUpdateEdge)();
|
|
10
|
+
const removeEdge = (0, shared_1.useRemoveEdge)();
|
|
11
|
+
const edge = (0, shared_1.useEdge)(edgeId);
|
|
12
|
+
(0, react_1.useEffect)(() => {
|
|
10
13
|
return () => {
|
|
11
14
|
if (removeEdge) {
|
|
12
15
|
removeEdge(edgeId);
|
|
13
16
|
}
|
|
14
17
|
};
|
|
15
18
|
}, []);
|
|
16
|
-
useEffect(() => {
|
|
19
|
+
(0, react_1.useEffect)(() => {
|
|
17
20
|
if (updateEdge) {
|
|
18
21
|
updateEdge(edgeId, {
|
|
19
22
|
dash,
|
|
@@ -40,7 +43,7 @@ const Edge = ({ children, dash, id: edgeId, line, markerEnd, markerStart, source
|
|
|
40
43
|
targetId,
|
|
41
44
|
updateEdge
|
|
42
45
|
]);
|
|
43
|
-
const style = useMemo(() => {
|
|
46
|
+
const style = (0, react_1.useMemo)(() => {
|
|
44
47
|
return {
|
|
45
48
|
left: edge?.center?.x,
|
|
46
49
|
position: 'absolute',
|
|
@@ -50,8 +53,8 @@ const Edge = ({ children, dash, id: edgeId, line, markerEnd, markerStart, source
|
|
|
50
53
|
edge?.center?.x,
|
|
51
54
|
edge?.center?.y
|
|
52
55
|
]);
|
|
53
|
-
return (
|
|
56
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children }));
|
|
54
57
|
};
|
|
58
|
+
exports.Edge = Edge;
|
|
55
59
|
Edge.displayName = 'LincleEdge';
|
|
56
|
-
export { Edge };
|
|
57
60
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,28 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const shared_1 = require("../../shared");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_native_svg_1 = require("react-native-svg");
|
|
5
7
|
const Marker = () => {
|
|
6
|
-
const id = useDiagramId();
|
|
7
|
-
const markerId = useMemo(() => {
|
|
8
|
+
const id = (0, shared_1.useDiagramId)();
|
|
9
|
+
const markerId = (0, react_1.useMemo)(() => {
|
|
8
10
|
return id ?
|
|
9
11
|
`${id}-` :
|
|
10
12
|
'';
|
|
11
13
|
}, [
|
|
12
14
|
id
|
|
13
15
|
]);
|
|
14
|
-
const arrowId = useMemo(() => {
|
|
16
|
+
const arrowId = (0, react_1.useMemo)(() => {
|
|
15
17
|
return `diagram-${markerId}marker-arrow`;
|
|
16
18
|
}, [
|
|
17
19
|
markerId
|
|
18
20
|
]);
|
|
19
|
-
const circleId = useMemo(() => {
|
|
21
|
+
const circleId = (0, react_1.useMemo)(() => {
|
|
20
22
|
return `diagram-${markerId}marker-circle`;
|
|
21
23
|
}, [
|
|
22
24
|
markerId
|
|
23
25
|
]);
|
|
24
|
-
return (
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Marker, { id: arrowId, 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: circleId, 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' }) })] }));
|
|
25
27
|
};
|
|
26
28
|
Marker.displayName = 'LincleMarker';
|
|
27
|
-
|
|
29
|
+
exports.default = Marker;
|
|
28
30
|
//# sourceMappingURL=Marker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Marker.js","sourceRoot":"","sources":["../../../../src/components/Edges/Marker.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,31 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const shared_1 = require("../../../../shared");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_native_reanimated_1 = require("react-native-reanimated");
|
|
7
|
+
const react_native_svg_1 = require("react-native-svg");
|
|
8
|
+
const AnimatedPath = (0, react_native_reanimated_1.createAnimatedComponent)(react_native_svg_1.Path);
|
|
7
9
|
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, {
|
|
10
|
+
const progress = (0, react_native_reanimated_1.useSharedValue)(0);
|
|
11
|
+
(0, react_1.useEffect)(() => {
|
|
12
|
+
progress.value = (0, react_native_reanimated_1.withRepeat)((0, react_native_reanimated_1.withTiming)(1, {
|
|
11
13
|
duration: 5000,
|
|
12
|
-
easing: Easing.linear
|
|
13
|
-
}), -1, false, () => { }, ReduceMotion.Never);
|
|
14
|
+
easing: react_native_reanimated_1.Easing.linear
|
|
15
|
+
}), -1, false, () => { }, react_native_reanimated_1.ReduceMotion.Never);
|
|
14
16
|
}, [
|
|
15
17
|
progress
|
|
16
18
|
]);
|
|
17
|
-
const animatedStyle = useAnimatedStyle(() => {
|
|
19
|
+
const animatedStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
|
|
18
20
|
return {
|
|
19
21
|
strokeDashoffset: 100 * (30 - progress.value)
|
|
20
22
|
};
|
|
21
23
|
});
|
|
22
|
-
const diagramId = useDiagramId();
|
|
23
|
-
const updateEdge = useUpdateEdge();
|
|
24
|
-
const origins = useMemo(() => {
|
|
24
|
+
const diagramId = (0, shared_1.useDiagramId)();
|
|
25
|
+
const updateEdge = (0, shared_1.useUpdateEdge)();
|
|
26
|
+
const origins = (0, react_1.useMemo)(() => {
|
|
25
27
|
if (source &&
|
|
26
28
|
target &&
|
|
27
29
|
line) {
|
|
28
|
-
const generatedOrigins = generateOrigins(source, target, line, center);
|
|
30
|
+
const generatedOrigins = (0, shared_1.generateOrigins)(source, target, line, center);
|
|
29
31
|
return generatedOrigins;
|
|
30
32
|
}
|
|
31
33
|
return undefined;
|
|
@@ -35,7 +37,7 @@ const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarke
|
|
|
35
37
|
source,
|
|
36
38
|
target
|
|
37
39
|
]);
|
|
38
|
-
useEffect(() => {
|
|
40
|
+
(0, react_1.useEffect)(() => {
|
|
39
41
|
if (origins?.center &&
|
|
40
42
|
updateEdge) {
|
|
41
43
|
updateEdge(edgeId, {
|
|
@@ -47,7 +49,7 @@ const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarke
|
|
|
47
49
|
origins?.center,
|
|
48
50
|
updateEdge
|
|
49
51
|
]);
|
|
50
|
-
const markerEnd = useMemo(() => {
|
|
52
|
+
const markerEnd = (0, react_1.useMemo)(() => {
|
|
51
53
|
const id = diagramId ?
|
|
52
54
|
`${diagramId}-` :
|
|
53
55
|
'';
|
|
@@ -57,7 +59,7 @@ const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarke
|
|
|
57
59
|
diagramId,
|
|
58
60
|
givenMarkerEnd
|
|
59
61
|
]);
|
|
60
|
-
const markerStart = useMemo(() => {
|
|
62
|
+
const markerStart = (0, react_1.useMemo)(() => {
|
|
61
63
|
const id = diagramId ?
|
|
62
64
|
`${diagramId}-` :
|
|
63
65
|
'';
|
|
@@ -67,8 +69,8 @@ const Path = ({ center = true, edgeId, isConnecting, line, markerEnd: givenMarke
|
|
|
67
69
|
diagramId,
|
|
68
70
|
givenMarkerStart
|
|
69
71
|
]);
|
|
70
|
-
return (
|
|
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;
|
|
74
76
|
//# sourceMappingURL=Path.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/Path.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/Path.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Path = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const shared_1 = require("../../../../shared");
|
|
9
|
+
const Path_1 = __importDefault(require("./Path"));
|
|
10
|
+
const react_1 = require("react");
|
|
5
11
|
const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, path, sourceId, targetId }) => {
|
|
6
|
-
const defaultLine = useDefaultLine();
|
|
7
|
-
const edgeSubscriber = useEdgeSubscriber();
|
|
12
|
+
const defaultLine = (0, shared_1.useDefaultLine)();
|
|
13
|
+
const edgeSubscriber = (0, shared_1.useEdgeSubscriber)();
|
|
8
14
|
const line = givenLine ?? defaultLine;
|
|
9
|
-
const [source, setSource] = useState();
|
|
10
|
-
const [target, setTarget] = useState();
|
|
11
|
-
useEffect(() => {
|
|
15
|
+
const [source, setSource] = (0, react_1.useState)();
|
|
16
|
+
const [target, setTarget] = (0, react_1.useState)();
|
|
17
|
+
(0, react_1.useEffect)(() => {
|
|
12
18
|
setSource(edgeSubscriber?.register(edgeId, sourceId, setSource));
|
|
13
19
|
setTarget(edgeSubscriber?.register(edgeId, targetId, setTarget));
|
|
14
20
|
return () => {
|
|
@@ -16,7 +22,7 @@ const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, pat
|
|
|
16
22
|
edgeSubscriber?.unregister(edgeId, targetId);
|
|
17
23
|
};
|
|
18
24
|
}, []);
|
|
19
|
-
const pathSource = useMemo(() => {
|
|
25
|
+
const pathSource = (0, react_1.useMemo)(() => {
|
|
20
26
|
return source ?
|
|
21
27
|
{
|
|
22
28
|
...source,
|
|
@@ -28,7 +34,7 @@ const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, pat
|
|
|
28
34
|
source?.x,
|
|
29
35
|
source?.y
|
|
30
36
|
]);
|
|
31
|
-
const pathTarget = useMemo(() => {
|
|
37
|
+
const pathTarget = (0, react_1.useMemo)(() => {
|
|
32
38
|
return target ?
|
|
33
39
|
{
|
|
34
40
|
...target,
|
|
@@ -40,7 +46,7 @@ const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, pat
|
|
|
40
46
|
target?.x,
|
|
41
47
|
target?.y
|
|
42
48
|
]);
|
|
43
|
-
const customPath = useMemo(() => {
|
|
49
|
+
const customPath = (0, react_1.useMemo)(() => {
|
|
44
50
|
return path ?
|
|
45
51
|
path(pathSource, pathTarget) :
|
|
46
52
|
undefined;
|
|
@@ -52,13 +58,14 @@ const RegisterEdge = ({ id: edgeId, line: givenLine, markerEnd, markerStart, pat
|
|
|
52
58
|
if (source &&
|
|
53
59
|
target) {
|
|
54
60
|
return customPath ??
|
|
55
|
-
|
|
61
|
+
(0, jsx_runtime_1.jsx)(Path_1.default, { center: true, edgeId: edgeId, line: line, markerEnd: markerEnd, markerStart: markerStart, source: pathSource, target: pathTarget });
|
|
56
62
|
}
|
|
57
63
|
else {
|
|
58
64
|
return null;
|
|
59
65
|
}
|
|
60
66
|
};
|
|
61
67
|
RegisterEdge.displayName = 'LincleRegisterEdge';
|
|
62
|
-
|
|
63
|
-
|
|
68
|
+
exports.default = RegisterEdge;
|
|
69
|
+
var Path_2 = require("./Path");
|
|
70
|
+
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return __importDefault(Path_2).default; } });
|
|
64
71
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,15 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Path = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const shared_1 = require("../../../shared");
|
|
9
|
+
const Path_1 = __importDefault(require("./Path"));
|
|
10
|
+
const react_1 = require("react");
|
|
5
11
|
const Paths = () => {
|
|
6
|
-
const edges = useEdges();
|
|
7
|
-
const paths = useMemo(() => {
|
|
12
|
+
const edges = (0, shared_1.useEdges)();
|
|
13
|
+
const paths = (0, react_1.useMemo)(() => {
|
|
8
14
|
const edgesMap = Object.keys(edges).map((edgeId) => {
|
|
9
15
|
const { line, sourceId, targetId } = edges[edgeId] ?? {};
|
|
10
16
|
if (sourceId &&
|
|
11
17
|
targetId) {
|
|
12
|
-
return (
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(Path_1.default, { id: edgeId, line: line, sourceId: sourceId, targetId: targetId }, edgeId));
|
|
13
19
|
}
|
|
14
20
|
else {
|
|
15
21
|
return null;
|
|
@@ -22,6 +28,7 @@ const Paths = () => {
|
|
|
22
28
|
return paths;
|
|
23
29
|
};
|
|
24
30
|
Paths.displayName = 'LinclePaths';
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
exports.default = Paths;
|
|
32
|
+
var Path_2 = require("./Path");
|
|
33
|
+
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return Path_2.Path; } });
|
|
27
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Paths/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,10 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
+
};
|
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
+
exports.Path = exports.Marker = exports.Edges = void 0;
|
|
40
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
41
|
+
const Marker_1 = __importDefault(require("./Marker"));
|
|
42
|
+
const Paths_1 = __importDefault(require("./Paths"));
|
|
43
|
+
const react_1 = require("react");
|
|
44
|
+
const react_native_1 = require("react-native");
|
|
45
|
+
const react_native_svg_1 = __importStar(require("react-native-svg"));
|
|
46
|
+
const styles = react_native_1.StyleSheet.create({
|
|
8
47
|
bridges: {
|
|
9
48
|
bottom: 0,
|
|
10
49
|
left: 0,
|
|
@@ -24,7 +63,7 @@ const Edges = ({ children, scale = 1, translate = {
|
|
|
24
63
|
x: 0,
|
|
25
64
|
y: 0
|
|
26
65
|
} }) => {
|
|
27
|
-
const { style, transform } = useMemo(() => {
|
|
66
|
+
const { style, transform } = (0, react_1.useMemo)(() => {
|
|
28
67
|
const tx = translate.x;
|
|
29
68
|
const ty = translate.y;
|
|
30
69
|
const tz = scale;
|
|
@@ -42,10 +81,12 @@ const Edges = ({ children, scale = 1, translate = {
|
|
|
42
81
|
translate.y,
|
|
43
82
|
scale
|
|
44
83
|
]);
|
|
45
|
-
return (
|
|
84
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.default, { style: styles.edges, children: (0, jsx_runtime_1.jsxs)(react_native_svg_1.G, { transform: transform, children: [(0, jsx_runtime_1.jsx)(react_native_svg_1.Defs, { children: (0, jsx_runtime_1.jsx)(Marker_1.default, {}) }), (0, jsx_runtime_1.jsx)(Paths_1.default, {})] }) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children })] }));
|
|
46
85
|
};
|
|
86
|
+
exports.Edges = Edges;
|
|
47
87
|
Edges.displayName = 'LincleEdges';
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
88
|
+
var Marker_2 = require("./Marker");
|
|
89
|
+
Object.defineProperty(exports, "Marker", { enumerable: true, get: function () { return __importDefault(Marker_2).default; } });
|
|
90
|
+
var Paths_2 = require("./Paths");
|
|
91
|
+
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return Paths_2.Path; } });
|
|
51
92
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edges/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,9 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
37
|
+
const shared_1 = require("../../../shared");
|
|
38
|
+
const react_1 = require("react");
|
|
39
|
+
const react_native_1 = require("react-native");
|
|
40
|
+
const react_native_svg_1 = __importStar(require("react-native-svg"));
|
|
41
|
+
const styles = react_native_1.StyleSheet.create({
|
|
7
42
|
grid: {
|
|
8
43
|
height: '100%',
|
|
9
44
|
pointerEvents: 'none',
|
|
@@ -12,40 +47,40 @@ const styles = StyleSheet.create({
|
|
|
12
47
|
}
|
|
13
48
|
});
|
|
14
49
|
const SIZE = 0.4;
|
|
15
|
-
const Circle =
|
|
50
|
+
const Circle = (0, jsx_runtime_1.jsx)(react_native_svg_1.Circle, { cx: SIZE, cy: SIZE, fill: 'black', r: SIZE });
|
|
16
51
|
const Grid = ({ children, scale = 1, xOffset: givenXOffset = 0, yOffset: givenYOffset = 0 }) => {
|
|
17
|
-
const diagramId = useDiagramId();
|
|
18
|
-
const [givenGridX, givenGridY] = useGrid() || [
|
|
52
|
+
const diagramId = (0, shared_1.useDiagramId)();
|
|
53
|
+
const [givenGridX, givenGridY] = (0, shared_1.useGrid)() || [
|
|
19
54
|
1,
|
|
20
55
|
1
|
|
21
56
|
];
|
|
22
57
|
const id = `lincle-grid-${diagramId}`;
|
|
23
|
-
const gridX = useMemo(() => {
|
|
58
|
+
const gridX = (0, react_1.useMemo)(() => {
|
|
24
59
|
return givenGridX * scale;
|
|
25
60
|
}, [
|
|
26
61
|
givenGridX,
|
|
27
62
|
scale
|
|
28
63
|
]);
|
|
29
|
-
const gridY = useMemo(() => {
|
|
64
|
+
const gridY = (0, react_1.useMemo)(() => {
|
|
30
65
|
return givenGridY * scale;
|
|
31
66
|
}, [
|
|
32
67
|
givenGridY,
|
|
33
68
|
scale
|
|
34
69
|
]);
|
|
35
|
-
const xOffset = useMemo(() => {
|
|
70
|
+
const xOffset = (0, react_1.useMemo)(() => {
|
|
36
71
|
return givenXOffset % gridX;
|
|
37
72
|
}, [
|
|
38
73
|
givenXOffset,
|
|
39
74
|
gridX
|
|
40
75
|
]);
|
|
41
|
-
const yOffset = useMemo(() => {
|
|
76
|
+
const yOffset = (0, react_1.useMemo)(() => {
|
|
42
77
|
return givenYOffset % gridY;
|
|
43
78
|
}, [
|
|
44
79
|
givenYOffset,
|
|
45
80
|
gridY
|
|
46
81
|
]);
|
|
47
|
-
return (
|
|
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' })] }));
|
|
48
83
|
};
|
|
49
84
|
Grid.displayName = 'LincleGrid';
|
|
50
|
-
|
|
85
|
+
exports.default = Grid;
|
|
51
86
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Graph/Grid/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Grid = exports.Graph = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const shared_1 = require("../../shared");
|
|
9
|
+
const Grid_1 = __importDefault(require("./Grid"));
|
|
4
10
|
const Graph = ({ children, edgeFrequency, grid, id, line, nodeFrequency, nodeHeight, nodeWidth, shape, showGrid }) => {
|
|
5
11
|
if (!id) {
|
|
6
12
|
console.error('No ID provided to @lincle/base Graph!');
|
|
@@ -8,10 +14,11 @@ const Graph = ({ children, edgeFrequency, grid, id, line, nodeFrequency, nodeHei
|
|
|
8
14
|
}
|
|
9
15
|
const gird = showGrid === false ?
|
|
10
16
|
null :
|
|
11
|
-
|
|
12
|
-
return (
|
|
17
|
+
(0, jsx_runtime_1.jsx)(Grid_1.default, {});
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(shared_1.Providers, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, children: [gird, children] }));
|
|
13
19
|
};
|
|
20
|
+
exports.Graph = Graph;
|
|
14
21
|
Graph.displayName = 'LincleGraph';
|
|
15
|
-
|
|
16
|
-
|
|
22
|
+
var Grid_2 = require("./Grid");
|
|
23
|
+
Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_2).default; } });
|
|
17
24
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Graph/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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");
|
|
5
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) => {
|
|
6
|
-
const defaultHeight = useDefaultNodeHeight();
|
|
7
|
-
const defaultShape = useDefaultShape();
|
|
8
|
-
const defaultWidth = useDefaultNodeWidth();
|
|
9
|
-
const edgeSubscriber = useEdgeSubscriber();
|
|
10
|
-
const nodePositions = useNodePositions();
|
|
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)();
|
|
11
14
|
const height = givenHeight ?? defaultHeight ?? 0;
|
|
12
15
|
const shape = givenShape ?? defaultShape ?? 'oval';
|
|
13
16
|
const width = givenWidth ?? defaultWidth ?? 0;
|
|
14
|
-
const { x, y } = useMemo(() => {
|
|
17
|
+
const { x, y } = (0, react_1.useMemo)(() => {
|
|
15
18
|
if (!(givenX || givenY)) {
|
|
16
19
|
const getNumber = /(-?\d+(\.\d+)?)/gu;
|
|
17
20
|
const transform = nodeStyle?.transform;
|
|
@@ -40,7 +43,7 @@ const Node = ({ children, height: givenHeight, id: nodeId, shape: givenShape, st
|
|
|
40
43
|
givenY,
|
|
41
44
|
nodeStyle
|
|
42
45
|
]);
|
|
43
|
-
useEffect(() => {
|
|
46
|
+
(0, react_1.useEffect)(() => {
|
|
44
47
|
nodePositions?.register({
|
|
45
48
|
height,
|
|
46
49
|
id: nodeId,
|
|
@@ -53,7 +56,7 @@ const Node = ({ children, height: givenHeight, id: nodeId, shape: givenShape, st
|
|
|
53
56
|
nodePositions?.unregister(nodeId);
|
|
54
57
|
};
|
|
55
58
|
}, []);
|
|
56
|
-
useEffect(() => {
|
|
59
|
+
(0, react_1.useEffect)(() => {
|
|
57
60
|
nodePositions?.update({
|
|
58
61
|
height,
|
|
59
62
|
id: nodeId,
|
|
@@ -71,7 +74,7 @@ const Node = ({ children, height: givenHeight, id: nodeId, shape: givenShape, st
|
|
|
71
74
|
x,
|
|
72
75
|
y
|
|
73
76
|
]);
|
|
74
|
-
useEffect(() => {
|
|
77
|
+
(0, react_1.useEffect)(() => {
|
|
75
78
|
edgeSubscriber?.update({
|
|
76
79
|
height,
|
|
77
80
|
id: nodeId,
|
|
@@ -89,7 +92,7 @@ const Node = ({ children, height: givenHeight, id: nodeId, shape: givenShape, st
|
|
|
89
92
|
x,
|
|
90
93
|
y
|
|
91
94
|
]);
|
|
92
|
-
const adjustedStyle = useMemo(() => {
|
|
95
|
+
const adjustedStyle = (0, react_1.useMemo)(() => {
|
|
93
96
|
return {
|
|
94
97
|
...nodeStyle,
|
|
95
98
|
height,
|
|
@@ -110,9 +113,9 @@ const Node = ({ children, height: givenHeight, id: nodeId, shape: givenShape, st
|
|
|
110
113
|
x,
|
|
111
114
|
y
|
|
112
115
|
]);
|
|
113
|
-
return (
|
|
116
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { "data-testid": `node-${nodeId}`, ref: ref, role: 'none', style: adjustedStyle, ...additionalProperties, children: children }));
|
|
114
117
|
};
|
|
115
118
|
Node.displayName = 'LincleNode';
|
|
116
|
-
const refNode = forwardRef(Node);
|
|
117
|
-
|
|
119
|
+
const refNode = (0, react_1.forwardRef)(Node);
|
|
120
|
+
exports.Node = refNode;
|
|
118
121
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":";;;;AAAA,yCAOsB;AACtB,iCAKe;AACf,+CAGsB;AAEtB,MAAM,IAAI,GAAwD,CAChE,EACE,QAAQ,EACR,MAAM,EAAE,WAAW,EACnB,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,EACL,IAAI,EAAE,SAAS,EAChB,GAAG,EAAE,EACN,KAAK,GAAG,IAAI,EACZ,KAAK,EAAE,UAAU,EACjB,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,GAAG,oBAAoB,EACxB,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,IAAA,6BAAoB,GAAE,CAAC;IAC7C,MAAM,YAAY,GAAG,IAAA,wBAAe,GAAE,CAAC;IACvC,MAAM,YAAY,GAAG,IAAA,4BAAmB,GAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,IAAA,0BAAiB,GAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,IAAA,yBAAgB,GAAE,CAAC;IAEzC,MAAM,MAAM,GAAG,WAAW,IAAI,aAAa,IAAI,CAAC,CAAC;IACjD,MAAM,KAAK,GAAG,UAAU,IAAI,YAAY,IAAI,MAAM,CAAC;IACnD,MAAM,KAAK,GAAG,UAAU,IAAI,YAAY,IAAI,CAAC,CAAC;IAO9C,MAAM,EACJ,CAAC,EACD,CAAC,EACF,GAAG,IAAA,eAAO,EACT,GAAG,EAAE;QACH,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,CAAC;YAExB,MAAM,SAAS,GAAG,mBAAmB,CAAC;YACtC,MAAM,SAAS,GAAG,SAAS,EAAE,SAA+B,CAAC;YAC7D,MAAM,CACJ,UAAU,EACV,UAAU,CACX,GAAG,SAAS,CAAC,CAAC;gBACb,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI;oBAC5B,SAAS;oBACT,SAAS;iBACV,CAAC,CAAC;gBACH;oBACE,SAAS;oBACT,SAAS;iBACV,CAAC;YACJ,MAAM,IAAI,GAAG,SAAS,EAAE,IAAI,IAAI,SAAS,CAAC;YAC1C,MAAM,GAAG,GAAG,SAAS,EAAE,GAAG,IAAI,SAAS,CAAC;YAExC,OAAO;gBACL,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;gBAC1C,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;aAC1C,CAAC;QACJ,CAAC;QAED,OAAO;YACL,CAAC,EAAE,MAAM;YACT,CAAC,EAAE,MAAM;SACV,CAAC;IACJ,CAAC,EACD;QACE,MAAM;QACN,MAAM;QACN,SAAS;KACV,CACF,CAAC;IAEF,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,aAAa,EAAE,QAAQ,CAAC;YACtB,MAAM;YACN,EAAE,EAAE,MAAM;YACV,KAAK;YACL,KAAK;YACL,CAAC;YACD,CAAC;SACF,CAAC,CAAC;QAEH,OAAO,GAAS,EAAE;YAChB,aAAa,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,IAAA,iBAAS,EACP,GAAG,EAAE;QACH,aAAa,EAAE,MAAM,CAAC;YACpB,MAAM;YACN,EAAE,EAAE,MAAM;YACV,KAAK;YACL,KAAK;YACL,CAAC;YACD,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EACD;QACE,MAAM;QACN,MAAM;QACN,aAAa;QACb,KAAK;QACL,KAAK;QACL,CAAC;QACD,CAAC;KACF,CACF,CAAC;IAEF,IAAA,iBAAS,EACP,GAAS,EAAE;QACT,cAAc,EAAE,MAAM,CAAC;YACrB,MAAM;YACN,EAAE,EAAE,MAAM;YACV,KAAK;YACL,KAAK;YACL,CAAC;YACD,CAAC;SACF,CAAC,CAAC;IACL,CAAC,EACD;QACE,cAAc;QACd,MAAM;QACN,MAAM;QACN,KAAK;QACL,KAAK;QACL,CAAC;QACD,CAAC;KACF,CACF,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE;QACH,OAAO;YAEL,GAAG,SAAS;YACZ,MAAM;YACN,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACf,UAAU,CAAC,CAAC;gBACZ,UAAU;YACZ,SAAS,EAAE,KAAK,CAAC,CAAC;gBAEhB,CACE,SAAS,EAAE,SAAS,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,CACpD,CAAC,CAAC;gBACH,qBAAqB;YACvB,eAAe,EAAE,KAAK;YACtB,KAAK;SACN,CAAC;IACJ,CAAC,EACD;QACE,MAAM;QACN,SAAS;QACT,KAAK;QACL,KAAK;QACL,CAAC;QACD,CAAC;KACF,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAI,mBACU,QAAQ,MAAM,EAAE,EAE7B,GAAG,EAAE,GAAU,EACf,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,aAAa,KAChB,oBAAoB,YAEvB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAEhC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC;AAGpB,uBAAI"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Nodes = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
2
5
|
const Nodes = ({ children }) => {
|
|
3
|
-
return (
|
|
6
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }));
|
|
4
7
|
};
|
|
8
|
+
exports.Nodes = Nodes;
|
|
5
9
|
Nodes.displayName = 'LincleNodes';
|
|
6
|
-
export { Nodes };
|
|
7
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nodes/index.tsx"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,6 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Edge"), exports);
|
|
18
|
+
__exportStar(require("./Edges"), exports);
|
|
19
|
+
__exportStar(require("./Graph"), exports);
|
|
20
|
+
__exportStar(require("./Node"), exports);
|
|
21
|
+
__exportStar(require("./Nodes"), exports);
|
|
6
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,0CAAwB"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./components"), exports);
|
|
18
|
+
__exportStar(require("./shared"), exports);
|
|
3
19
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,2CAAyB"}
|
package/dist/cjs/shared.js
CHANGED
|
@@ -1,2 +1,19 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useUpdateEdge = exports.useRemoveEdge = exports.useNodePositions = exports.useGrid = exports.useEdgeSubscriber = exports.useEdges = exports.useEdge = exports.useDiagramId = exports.useDefaultShape = exports.useDefaultNodeWidth = exports.useDefaultNodeHeight = exports.useDefaultLine = exports.Providers = exports.generateOrigins = void 0;
|
|
4
|
+
var react_shared_1 = require("@lincle/react-shared");
|
|
5
|
+
Object.defineProperty(exports, "generateOrigins", { enumerable: true, get: function () { return react_shared_1.generateOrigins; } });
|
|
6
|
+
Object.defineProperty(exports, "Providers", { enumerable: true, get: function () { return react_shared_1.Providers; } });
|
|
7
|
+
Object.defineProperty(exports, "useDefaultLine", { enumerable: true, get: function () { return react_shared_1.useDefaultLine; } });
|
|
8
|
+
Object.defineProperty(exports, "useDefaultNodeHeight", { enumerable: true, get: function () { return react_shared_1.useDefaultNodeHeight; } });
|
|
9
|
+
Object.defineProperty(exports, "useDefaultNodeWidth", { enumerable: true, get: function () { return react_shared_1.useDefaultNodeWidth; } });
|
|
10
|
+
Object.defineProperty(exports, "useDefaultShape", { enumerable: true, get: function () { return react_shared_1.useDefaultShape; } });
|
|
11
|
+
Object.defineProperty(exports, "useDiagramId", { enumerable: true, get: function () { return react_shared_1.useDiagramId; } });
|
|
12
|
+
Object.defineProperty(exports, "useEdge", { enumerable: true, get: function () { return react_shared_1.useEdge; } });
|
|
13
|
+
Object.defineProperty(exports, "useEdges", { enumerable: true, get: function () { return react_shared_1.useEdges; } });
|
|
14
|
+
Object.defineProperty(exports, "useEdgeSubscriber", { enumerable: true, get: function () { return react_shared_1.useEdgeSubscriber; } });
|
|
15
|
+
Object.defineProperty(exports, "useGrid", { enumerable: true, get: function () { return react_shared_1.useGrid; } });
|
|
16
|
+
Object.defineProperty(exports, "useNodePositions", { enumerable: true, get: function () { return react_shared_1.useNodePositions; } });
|
|
17
|
+
Object.defineProperty(exports, "useRemoveEdge", { enumerable: true, get: function () { return react_shared_1.useRemoveEdge; } });
|
|
18
|
+
Object.defineProperty(exports, "useUpdateEdge", { enumerable: true, get: function () { return react_shared_1.useUpdateEdge; } });
|
|
2
19
|
//# sourceMappingURL=shared.js.map
|
package/dist/cjs/shared.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/shared.ts"],"names":[],"mappings":"AA4BA,
|
|
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"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@lincle/react-native-base",
|
|
3
3
|
"title": "lincle react native base",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "0.4.0-next.
|
|
5
|
+
"version": "0.4.0-next.19",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "A 'reactive' React node and edge generator",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -46,36 +46,36 @@
|
|
|
46
46
|
"clean:dist": "rimraf dist"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@digest/eslint-config-jest": "^4.14.
|
|
50
|
-
"@digest/eslint-config-react": "^4.14.
|
|
51
|
-
"@digest/eslint-config-typescript": "^4.14.
|
|
52
|
-
"@digest/jest-junit": "^4.14.
|
|
53
|
-
"@digest/jest-react": "^4.14.
|
|
54
|
-
"@digest/jest-typescript": "^4.14.
|
|
55
|
-
"@digest/typescript": "^4.14.
|
|
49
|
+
"@digest/eslint-config-jest": "^4.14.16",
|
|
50
|
+
"@digest/eslint-config-react": "^4.14.16",
|
|
51
|
+
"@digest/eslint-config-typescript": "^4.14.16",
|
|
52
|
+
"@digest/jest-junit": "^4.14.16",
|
|
53
|
+
"@digest/jest-react": "^4.14.16",
|
|
54
|
+
"@digest/jest-typescript": "^4.14.16",
|
|
55
|
+
"@digest/typescript": "^4.14.16",
|
|
56
56
|
"@types/jest": "^30.0.0",
|
|
57
|
-
"@types/node": "^25.
|
|
58
|
-
"@types/react": "^19.2.
|
|
57
|
+
"@types/node": "^25.5.0",
|
|
58
|
+
"@types/react": "^19.2.14",
|
|
59
59
|
"@types/react-native": "^0.73.0",
|
|
60
60
|
"@types/react-test-renderer": "^19.1.0",
|
|
61
61
|
"cross-env": "^10.1.0",
|
|
62
|
-
"jest-environment-jsdom": "^30.
|
|
62
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
63
63
|
"jest-environment-jsdom-global": "^4.0.0",
|
|
64
64
|
"ncp": "^2.0.0",
|
|
65
65
|
"npm-run-all": "^4.1.5",
|
|
66
66
|
"react": "^19.2.4",
|
|
67
|
-
"react-native": "^0.
|
|
68
|
-
"react-native-reanimated": "^4.
|
|
69
|
-
"react-native-svg": "^15.15.
|
|
67
|
+
"react-native": "^0.84.1",
|
|
68
|
+
"react-native-reanimated": "^4.3.0",
|
|
69
|
+
"react-native-svg": "^15.15.4",
|
|
70
70
|
"react-test-renderer": "^19.2.4",
|
|
71
|
-
"rimraf": "^6.1.
|
|
71
|
+
"rimraf": "^6.1.3"
|
|
72
72
|
},
|
|
73
73
|
"dependencies": {
|
|
74
|
-
"@lincle/react-shared": "^0.4.0-next.
|
|
74
|
+
"@lincle/react-shared": "^0.4.0-next.19"
|
|
75
75
|
},
|
|
76
76
|
"peerDependencies": {
|
|
77
77
|
"react": "^18.0.0 || ^19.0.0",
|
|
78
|
-
"react-native": "^0.
|
|
78
|
+
"react-native": "^0.84.0",
|
|
79
79
|
"react-native-reanimated": "^4.0.0",
|
|
80
80
|
"react-native-svg": "^15.0.0"
|
|
81
81
|
},
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"acyclical graph",
|
|
95
95
|
"cyclical graph"
|
|
96
96
|
],
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "2fad97998449b857938e3788b8f265532a182b54"
|
|
98
98
|
}
|