@lincle/react-web-interactive 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/base.js +11 -1
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/components/Edge/Path/index.js +5 -1
- package/dist/cjs/components/Edge/Path/index.js.map +1 -1
- package/dist/cjs/components/Edge/index.js +10 -2
- package/dist/cjs/components/Edge/index.js.map +1 -1
- package/dist/cjs/components/Edges/Connections/index.js +12 -10
- package/dist/cjs/components/Edges/Connections/index.js.map +1 -1
- package/dist/cjs/components/Edges/index.js +14 -8
- package/dist/cjs/components/Edges/index.js.map +1 -1
- package/dist/cjs/components/Graph/Grid/index.js +18 -16
- package/dist/cjs/components/Graph/Grid/index.js.map +1 -1
- package/dist/cjs/components/Graph/index.js +15 -8
- package/dist/cjs/components/Graph/index.js.map +1 -1
- package/dist/cjs/components/Interaction/Controls/index.js +18 -16
- package/dist/cjs/components/Interaction/Controls/index.js.map +1 -1
- package/dist/cjs/components/Interaction/index.js +29 -24
- package/dist/cjs/components/Interaction/index.js.map +1 -1
- package/dist/cjs/components/Node/MoveNode/index.js +27 -25
- package/dist/cjs/components/Node/MoveNode/index.js.map +1 -1
- package/dist/cjs/components/Node/PullNode/index.js +19 -17
- package/dist/cjs/components/Node/PullNode/index.js.map +1 -1
- package/dist/cjs/components/Node/index.js +42 -34
- package/dist/cjs/components/Node/index.js.map +1 -1
- package/dist/cjs/components/Nodes/Interaction/index.js +15 -13
- package/dist/cjs/components/Nodes/Interaction/index.js.map +1 -1
- package/dist/cjs/components/Nodes/index.js +11 -5
- 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 +34 -2
- package/dist/cjs/shared.js.map +1 -1
- package/package.json +17 -17
package/dist/cjs/base.js
CHANGED
|
@@ -1,2 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Path = exports.Nodes = exports.Node = exports.Grid = exports.Graph = exports.Edges = exports.Edge = void 0;
|
|
4
|
+
var react_web_base_1 = require("@lincle/react-web-base");
|
|
5
|
+
Object.defineProperty(exports, "Edge", { enumerable: true, get: function () { return react_web_base_1.Edge; } });
|
|
6
|
+
Object.defineProperty(exports, "Edges", { enumerable: true, get: function () { return react_web_base_1.Edges; } });
|
|
7
|
+
Object.defineProperty(exports, "Graph", { enumerable: true, get: function () { return react_web_base_1.Graph; } });
|
|
8
|
+
Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return react_web_base_1.Grid; } });
|
|
9
|
+
Object.defineProperty(exports, "Node", { enumerable: true, get: function () { return react_web_base_1.Node; } });
|
|
10
|
+
Object.defineProperty(exports, "Nodes", { enumerable: true, get: function () { return react_web_base_1.Nodes; } });
|
|
11
|
+
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return react_web_base_1.Path; } });
|
|
2
12
|
//# sourceMappingURL=base.js.map
|
package/dist/cjs/base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/base.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/base.ts"],"names":[],"mappings":";;;AAAA,yDAQgC;AAP9B,sGAAA,IAAI,OAAA;AACJ,uGAAA,KAAK,OAAA;AACL,uGAAA,KAAK,OAAA;AACL,sGAAA,IAAI,OAAA;AACJ,sGAAA,IAAI,OAAA;AACJ,uGAAA,KAAK,OAAA;AACL,sGAAA,IAAI,OAAA"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = void 0;
|
|
4
|
+
var base_1 = require("../../../base");
|
|
5
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return base_1.Path; } });
|
|
2
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edge/Path/index.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edge/Path/index.tsx"],"names":[],"mappings":";;;AAAA,sCAEuB;AADrB,+FAAA,IAAI,OAAW"}
|
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 = exports.Edge = void 0;
|
|
7
|
+
var base_1 = require("../../base");
|
|
8
|
+
Object.defineProperty(exports, "Edge", { enumerable: true, get: function () { return base_1.Edge; } });
|
|
9
|
+
var Path_1 = require("./Path");
|
|
10
|
+
Object.defineProperty(exports, "Path", { enumerable: true, get: function () { return __importDefault(Path_1).default; } });
|
|
3
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAEoB;AADlB,4FAAA,IAAI,OAAA;AAEN,+BAEgB;AADd,6GAAA,OAAO,OAAQ"}
|
|
@@ -1,20 +1,22 @@
|
|
|
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 Edge_1 = require("../../Edge");
|
|
6
|
+
const react_1 = require("react");
|
|
5
7
|
const Connections = ({ scale = 1, translate = {
|
|
6
8
|
x: 0,
|
|
7
9
|
y: 0
|
|
8
10
|
} }) => {
|
|
9
|
-
const connections = useConnections();
|
|
10
|
-
const paths = useMemo(() => {
|
|
11
|
+
const connections = (0, shared_1.useConnections)();
|
|
12
|
+
const paths = (0, react_1.useMemo)(() => {
|
|
11
13
|
return Object.keys(connections).map((sourceId) => {
|
|
12
14
|
const { line, source, target } = connections[sourceId] ?? {};
|
|
13
15
|
if (!source ||
|
|
14
16
|
!target) {
|
|
15
17
|
return null;
|
|
16
18
|
}
|
|
17
|
-
return (
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(Edge_1.Path, { edgeId: sourceId + 'temp', isConnecting: {
|
|
18
20
|
x: target.x,
|
|
19
21
|
y: target.y
|
|
20
22
|
}, line: line, source: source, target: target }, sourceId));
|
|
@@ -22,7 +24,7 @@ const Connections = ({ scale = 1, translate = {
|
|
|
22
24
|
}, [
|
|
23
25
|
connections
|
|
24
26
|
]);
|
|
25
|
-
const style = useMemo(() => {
|
|
27
|
+
const style = (0, react_1.useMemo)(() => {
|
|
26
28
|
const tx = translate.x;
|
|
27
29
|
const ty = translate.y;
|
|
28
30
|
const tz = scale;
|
|
@@ -37,8 +39,8 @@ const Connections = ({ scale = 1, translate = {
|
|
|
37
39
|
translate.y,
|
|
38
40
|
scale
|
|
39
41
|
]);
|
|
40
|
-
return (
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)("svg", { className: 'lincle-base-edges', style: style, children: paths }));
|
|
41
43
|
};
|
|
42
44
|
Connections.displayName = 'LincleInteractiveConnections';
|
|
43
|
-
|
|
45
|
+
exports.default = Connections;
|
|
44
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Connections/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Connections/index.tsx"],"names":[],"mappings":";;;AAAA,4CAGyB;AACzB,qCAEoB;AACpB,iCAGe;AAEf,MAAM,WAAW,GAAwC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,EACF,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,uBAAc,GAAE,CAAC;IAErC,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE;QACH,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CACjC,CACE,QAAQ,EACR,EAAE;YACF,MAAM,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,EACP,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YAEhC,IACE,CAAC,MAAM;gBACP,CAAC,MAAM,EACP,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,uBAAC,WAAI,IACH,MAAM,EAAE,QAAQ,GAAG,MAAM,EACzB,YAAY,EAAE;oBACZ,CAAC,EAAE,MAAM,CAAC,CAAC;oBACX,CAAC,EAAE,MAAM,CAAC,CAAC;iBACZ,EAED,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,IAHT,QAAQ,CAIb,CACH,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EACD;QACE,WAAW;KACZ,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EACnB,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,MAAM,SAAS,GAAG,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,CAAC;QAEzE,OAAO;YACL,SAAS;YACT,eAAe,EAAE,UAAU;YAC3B,MAAM,EAAE,CAAC;SACV,CAAC;IACJ,CAAC,EACD;QACE,SAAS,CAAC,CAAC;QACX,SAAS,CAAC,CAAC;QACX,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,KAAK,YAEX,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,8BAA8B,CAAC;AAEzD,kBAAe,WAAW,CAAC"}
|
|
@@ -1,12 +1,18 @@
|
|
|
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.Edges = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const base_1 = require("../../base");
|
|
9
|
+
const shared_1 = require("../../shared");
|
|
10
|
+
const Connections_1 = __importDefault(require("./Connections"));
|
|
5
11
|
const Edges = ({ children, ...props }) => {
|
|
6
|
-
const scale = useScale();
|
|
7
|
-
const translate = useTranslate();
|
|
8
|
-
return (
|
|
12
|
+
const scale = (0, shared_1.useScale)();
|
|
13
|
+
const translate = (0, shared_1.useTranslate)();
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(base_1.Edges, { scale: scale, translate: translate, ...props, children: children }), (0, jsx_runtime_1.jsx)(Connections_1.default, { scale: scale, translate: translate })] }));
|
|
9
15
|
};
|
|
16
|
+
exports.Edges = Edges;
|
|
10
17
|
Edges.displayName = 'LincleInteractiveEdges';
|
|
11
|
-
export { Edges };
|
|
12
18
|
//# 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":";;;;;;;AAAA,qCAEoB;AACpB,yCAIsB;AACtB,gEAAwC;AAKxC,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IAEjC,OAAO,CACL,6DACE,uBAAC,YAAS,IACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACC,EACZ,uBAAC,qBAAW,IACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -1,33 +1,35 @@
|
|
|
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 base_1 = require("../../../base");
|
|
5
|
+
const shared_1 = require("../../../shared");
|
|
6
|
+
const react_1 = require("react");
|
|
5
7
|
const WIDTH = 0.4;
|
|
6
8
|
const Grid = ({ children }) => {
|
|
7
|
-
const scale = useScale();
|
|
8
|
-
const translate = useTranslate();
|
|
9
|
-
const mode = useMode();
|
|
10
|
-
const line = useMemo(() => {
|
|
9
|
+
const scale = (0, shared_1.useScale)();
|
|
10
|
+
const translate = (0, shared_1.useTranslate)();
|
|
11
|
+
const mode = (0, shared_1.useMode)();
|
|
12
|
+
const line = (0, react_1.useMemo)(() => {
|
|
11
13
|
const t1 = 1 + scale;
|
|
12
14
|
const t2 = 4 * scale;
|
|
13
|
-
return (
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)("line", { stroke: 'black', strokeWidth: WIDTH, x1: t1, x2: t2, y1: t1, y2: t2 }));
|
|
14
16
|
}, [
|
|
15
17
|
scale
|
|
16
18
|
]);
|
|
17
|
-
const plus = useMemo(() => {
|
|
19
|
+
const plus = (0, react_1.useMemo)(() => {
|
|
18
20
|
const t1 = scale;
|
|
19
21
|
const t2 = 4 * scale;
|
|
20
|
-
return (
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("line", { stroke: 'black', strokeWidth: WIDTH, x1: t1, x2: t2, y1: t2, y2: t2 }), (0, jsx_runtime_1.jsx)("line", { stroke: 'black', strokeWidth: WIDTH, x1: t2, x2: t2, y1: t1, y2: t2 })] }));
|
|
21
23
|
}, [
|
|
22
24
|
scale
|
|
23
25
|
]);
|
|
24
|
-
const circle = useMemo(() => {
|
|
26
|
+
const circle = (0, react_1.useMemo)(() => {
|
|
25
27
|
const t2 = 4 * scale;
|
|
26
|
-
return (
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("circle", { cx: t2, cy: t2, fill: 'black', r: WIDTH }));
|
|
27
29
|
}, [
|
|
28
30
|
scale
|
|
29
31
|
]);
|
|
30
|
-
const child = useMemo(() => {
|
|
32
|
+
const child = (0, react_1.useMemo)(() => {
|
|
31
33
|
if (!children) {
|
|
32
34
|
switch (mode) {
|
|
33
35
|
case 'move': {
|
|
@@ -49,8 +51,8 @@ const Grid = ({ children }) => {
|
|
|
49
51
|
mode,
|
|
50
52
|
plus
|
|
51
53
|
]);
|
|
52
|
-
return (
|
|
54
|
+
return ((0, jsx_runtime_1.jsx)(base_1.Grid, { scale: scale, xOffset: translate.x, yOffset: translate.y, children: child }));
|
|
53
55
|
};
|
|
54
56
|
Grid.displayName = 'LincleInteractiveGrid';
|
|
55
|
-
|
|
57
|
+
exports.default = Grid;
|
|
56
58
|
//# 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,wCAEuB;AACvB,4CAKyB;AACzB,iCAGe;AAEf,MAAM,KAAK,GAAG,GAAG,CAAC;AAElB,MAAM,IAAI,GAAiC,CAAC,EAC1C,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IACjC,MAAM,IAAI,GAAG,IAAA,gBAAO,GAAE,CAAC;IAEvB,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QACrB,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAErB,OAAO,CACL,iCACE,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,KAAK,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,CACH,CAAC;IACJ,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,IAAA,eAAO,EAClB,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,KAAK,CAAC;QACjB,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAErB,OAAO,CACL,6DACE,iCACE,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,KAAK,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,EACF,iCACE,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,KAAK,EAClB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GACN,IACD,CACJ,CAAC;IACJ,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IAEF,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;QAErB,OAAO,CACL,mCACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,CAAC,EAAE,KAAK,GACR,CACH,CAAC;IACJ,CAAC,EACD;QACE,KAAK;KACN,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,eAAO,EAEnB,GAAG,EAAE;QACH,IAAI,CAAC,QAAQ,EAAE,CAAC;YAEd,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,MAAM,CAAC,CAAC,CAAC;oBACZ,OAAO,MAAM,CAAC;gBAChB,CAAC;gBAED,KAAK,MAAM,CAAC,CAAC,CAAC;oBACZ,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,KAAK,QAAQ,CAAC,CAAC,CAAC;oBACd,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EACD;QACE,QAAQ;QACR,MAAM;QACN,IAAI;QACJ,IAAI;QACJ,IAAI;KACL,CACF,CAAC;IAEF,OAAO,CACL,uBAAC,WAAQ,IACP,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,CAAC,CAAC,EACpB,OAAO,EAAE,SAAS,CAAC,CAAC,YAEnB,KAAK,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE3C,kBAAe,IAAI,CAAC"}
|
|
@@ -1,7 +1,13 @@
|
|
|
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.Grid = exports.Graph = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const shared_1 = require("../../shared");
|
|
9
|
+
const Interaction_1 = __importDefault(require("../Interaction"));
|
|
10
|
+
const Grid_1 = __importDefault(require("./Grid"));
|
|
5
11
|
const Graph = ({ children, edgeFrequency, grid, id, line, maxScale, minScale, mode, move, nodeFrequency, nodeHeight, nodeWidth, onNodeDrag, onNodeEdgeDrop, onNodeSelect, onNodeStart, onNodeStop, onScale, onTranslate, pan, pull, scale, shape, showGrid, snap, translate, zoom }) => {
|
|
6
12
|
if (!id) {
|
|
7
13
|
console.error('No ID provided to @lincle/interactive Graph!');
|
|
@@ -9,10 +15,11 @@ const Graph = ({ children, edgeFrequency, grid, id, line, maxScale, minScale, mo
|
|
|
9
15
|
}
|
|
10
16
|
const gird = showGrid === false ?
|
|
11
17
|
null :
|
|
12
|
-
|
|
13
|
-
return (
|
|
18
|
+
(0, jsx_runtime_1.jsx)(Grid_1.default, {});
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(shared_1.GraphBase, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, showGrid: false, children: (0, jsx_runtime_1.jsxs)(shared_1.Providers, { maxScale: maxScale, minScale: minScale, mode: mode, move: move, onNodeDrag: onNodeDrag, onNodeEdgeDrop: onNodeEdgeDrop, onNodeSelect: onNodeSelect, onNodeStart: onNodeStart, onNodeStop: onNodeStop, onScale: onScale, onTranslate: onTranslate, pan: pan, pull: pull, scale: scale, snap: snap, translate: translate, zoom: zoom, children: [gird, (0, jsx_runtime_1.jsx)(Interaction_1.default, {}), children] }) }));
|
|
14
20
|
};
|
|
21
|
+
exports.Graph = Graph;
|
|
15
22
|
Graph.displayName = 'LincleInteractiveGraph';
|
|
16
|
-
|
|
17
|
-
|
|
23
|
+
var Grid_2 = require("./Grid");
|
|
24
|
+
Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return __importDefault(Grid_2).default; } });
|
|
18
25
|
//# 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,yCAIsB;AACtB,iEAAyC;AACzC,kDAA0B;AAK1B,MAAM,KAAK,GAAkC,CAAC,EAC5C,QAAQ,EACR,aAAa,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,WAAW,EACX,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,IAAI,EACL,EAAE,EAAE;IACH,IACE,CAAC,EAAE,EACH,CAAC;QAED,OAAO,CAAC,KAAK,CAAC,8CAA8C,CAAC,CAAC;QAE9D,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,uBAAC,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,EACZ,QAAQ,EAAE,KAAK,YAEf,wBAAC,kBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,aAET,IAAI,EACL,uBAAC,qBAAW,KAAG,EACd,QAAQ,IACC,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAKA,sBAAK;AAHP,KAAK,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAM7C,+BAEgB;AADd,6GAAA,OAAO,OAAQ"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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");
|
|
4
6
|
const CLICK_TIME = 500;
|
|
5
7
|
const useDoubleTap = () => {
|
|
6
|
-
const timer = useRef(undefined);
|
|
7
|
-
useEffect(() => {
|
|
8
|
+
const timer = (0, react_1.useRef)(undefined);
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
8
10
|
return () => {
|
|
9
11
|
if (timer.current) {
|
|
10
12
|
clearTimeout(timer.current);
|
|
@@ -12,7 +14,7 @@ const useDoubleTap = () => {
|
|
|
12
14
|
}
|
|
13
15
|
};
|
|
14
16
|
}, []);
|
|
15
|
-
return useCallback((callback, threshold = CLICK_TIME) => {
|
|
17
|
+
return (0, react_1.useCallback)((callback, threshold = CLICK_TIME) => {
|
|
16
18
|
if (timer.current) {
|
|
17
19
|
clearTimeout(timer.current);
|
|
18
20
|
timer.current = undefined;
|
|
@@ -27,16 +29,16 @@ const useDoubleTap = () => {
|
|
|
27
29
|
}, []);
|
|
28
30
|
};
|
|
29
31
|
const Controls = ({ onMouseDown, onMouseUp, onTouchEnd, onTouchStart }) => {
|
|
30
|
-
const graphMode = useMode() ?? 'move';
|
|
31
|
-
const onMode = useOnMode();
|
|
32
|
-
const pointerPosition = useRef({
|
|
32
|
+
const graphMode = (0, shared_1.useMode)() ?? 'move';
|
|
33
|
+
const onMode = (0, shared_1.useOnMode)();
|
|
34
|
+
const pointerPosition = (0, react_1.useRef)({
|
|
33
35
|
mouse: {
|
|
34
36
|
x: 0,
|
|
35
37
|
y: 0
|
|
36
38
|
}
|
|
37
39
|
});
|
|
38
40
|
const handleDoubleTap = useDoubleTap();
|
|
39
|
-
const handleTapEnd = useCallback(() => {
|
|
41
|
+
const handleTapEnd = (0, react_1.useCallback)(() => {
|
|
40
42
|
if (onMode) {
|
|
41
43
|
switch (graphMode) {
|
|
42
44
|
case 'move': {
|
|
@@ -63,7 +65,7 @@ const Controls = ({ onMouseDown, onMouseUp, onTouchEnd, onTouchStart }) => {
|
|
|
63
65
|
handleDoubleTap,
|
|
64
66
|
onMode
|
|
65
67
|
]);
|
|
66
|
-
const handleMouseDown = useCallback((event) => {
|
|
68
|
+
const handleMouseDown = (0, react_1.useCallback)((event) => {
|
|
67
69
|
pointerPosition.current = {
|
|
68
70
|
mouse: {
|
|
69
71
|
x: event.clientX,
|
|
@@ -76,7 +78,7 @@ const Controls = ({ onMouseDown, onMouseUp, onTouchEnd, onTouchStart }) => {
|
|
|
76
78
|
}, [
|
|
77
79
|
onMouseDown
|
|
78
80
|
]);
|
|
79
|
-
const handleMouseUp = useCallback((event) => {
|
|
81
|
+
const handleMouseUp = (0, react_1.useCallback)((event) => {
|
|
80
82
|
if (pointerPosition.current['mouse']?.x === Math.round(event.clientX) &&
|
|
81
83
|
pointerPosition.current['mouse']?.y === Math.round(event.clientY)) {
|
|
82
84
|
handleTapEnd();
|
|
@@ -88,7 +90,7 @@ const Controls = ({ onMouseDown, onMouseUp, onTouchEnd, onTouchStart }) => {
|
|
|
88
90
|
handleTapEnd,
|
|
89
91
|
onMouseUp
|
|
90
92
|
]);
|
|
91
|
-
const handleTouchStart = useCallback((event) => {
|
|
93
|
+
const handleTouchStart = (0, react_1.useCallback)((event) => {
|
|
92
94
|
for (const [index, touch] of Object.entries(event.changedTouches)) {
|
|
93
95
|
pointerPosition.current[touch.identifier] = {
|
|
94
96
|
x: touch.clientX,
|
|
@@ -101,7 +103,7 @@ const Controls = ({ onMouseDown, onMouseUp, onTouchEnd, onTouchStart }) => {
|
|
|
101
103
|
}, [
|
|
102
104
|
onTouchStart
|
|
103
105
|
]);
|
|
104
|
-
const handleTouchEnd = useCallback((event) => {
|
|
106
|
+
const handleTouchEnd = (0, react_1.useCallback)((event) => {
|
|
105
107
|
let shouldHandleTapEnd = false;
|
|
106
108
|
for (const [index, touch] of Object.entries(event.changedTouches)) {
|
|
107
109
|
if (pointerPosition.current[touch.identifier]?.x === touch.clientX &&
|
|
@@ -119,8 +121,8 @@ const Controls = ({ onMouseDown, onMouseUp, onTouchEnd, onTouchStart }) => {
|
|
|
119
121
|
handleTapEnd,
|
|
120
122
|
onTouchEnd
|
|
121
123
|
]);
|
|
122
|
-
return (
|
|
124
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: 'lincle-interactive-container', onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onTouchEnd: handleTouchEnd, onTouchStart: handleTouchStart, role: 'none' }));
|
|
123
125
|
};
|
|
124
126
|
Controls.displayName = 'LincleInteractiveControls';
|
|
125
|
-
|
|
127
|
+
exports.default = Controls;
|
|
126
128
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Interaction/Controls/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Interaction/Controls/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const shared_1 = require("../../shared");
|
|
8
|
+
const Controls_1 = __importDefault(require("./Controls"));
|
|
9
|
+
const react_1 = require("react");
|
|
10
|
+
const react_map_interaction_1 = require("react-map-interaction");
|
|
6
11
|
const controls = () => {
|
|
7
|
-
return
|
|
12
|
+
return (0, jsx_runtime_1.jsx)(Controls_1.default, {});
|
|
8
13
|
};
|
|
9
14
|
const Interaction = () => {
|
|
10
|
-
const scale = useScale();
|
|
11
|
-
const onScale = useOnScale();
|
|
12
|
-
const translate = useTranslate();
|
|
13
|
-
const onTranslate = useOnTranslate();
|
|
14
|
-
const givenMode = useModeGiven();
|
|
15
|
-
const onMode = useOnMode();
|
|
16
|
-
const maxScale = useMaxScale();
|
|
17
|
-
const minScale = useMinScale();
|
|
18
|
-
const pan = usePan();
|
|
19
|
-
const zoom = useZoom();
|
|
20
|
-
const keypress = useRef(false);
|
|
21
|
-
const handleMode = useCallback((changedMode) => {
|
|
15
|
+
const scale = (0, shared_1.useScale)();
|
|
16
|
+
const onScale = (0, shared_1.useOnScale)();
|
|
17
|
+
const translate = (0, shared_1.useTranslate)();
|
|
18
|
+
const onTranslate = (0, shared_1.useOnTranslate)();
|
|
19
|
+
const givenMode = (0, shared_1.useModeGiven)();
|
|
20
|
+
const onMode = (0, shared_1.useOnMode)();
|
|
21
|
+
const maxScale = (0, shared_1.useMaxScale)();
|
|
22
|
+
const minScale = (0, shared_1.useMinScale)();
|
|
23
|
+
const pan = (0, shared_1.usePan)();
|
|
24
|
+
const zoom = (0, shared_1.useZoom)();
|
|
25
|
+
const keypress = (0, react_1.useRef)(false);
|
|
26
|
+
const handleMode = (0, react_1.useCallback)((changedMode) => {
|
|
22
27
|
if (onMode) {
|
|
23
28
|
onMode(changedMode);
|
|
24
29
|
}
|
|
25
30
|
}, [
|
|
26
31
|
onMode
|
|
27
32
|
]);
|
|
28
|
-
useEffect(() => {
|
|
33
|
+
(0, react_1.useEffect)(() => {
|
|
29
34
|
if (givenMode) {
|
|
30
35
|
return () => {
|
|
31
36
|
};
|
|
@@ -59,13 +64,13 @@ const Interaction = () => {
|
|
|
59
64
|
givenMode,
|
|
60
65
|
handleMode
|
|
61
66
|
]);
|
|
62
|
-
const defaultTranslation = useMemo(() => {
|
|
67
|
+
const defaultTranslation = (0, react_1.useMemo)(() => {
|
|
63
68
|
return {
|
|
64
69
|
x: Math.round(translate.x),
|
|
65
70
|
y: Math.round(translate.y)
|
|
66
71
|
};
|
|
67
72
|
}, []);
|
|
68
|
-
const handleChange = useCallback(({ scale: z, translation: { x, y } }) => {
|
|
73
|
+
const handleChange = (0, react_1.useCallback)(({ scale: z, translation: { x, y } }) => {
|
|
69
74
|
if (onTranslate) {
|
|
70
75
|
onTranslate({
|
|
71
76
|
x,
|
|
@@ -79,7 +84,7 @@ const Interaction = () => {
|
|
|
79
84
|
onScale,
|
|
80
85
|
onTranslate
|
|
81
86
|
]);
|
|
82
|
-
const transform = useMemo(() => {
|
|
87
|
+
const transform = (0, react_1.useMemo)(() => {
|
|
83
88
|
return {
|
|
84
89
|
scale,
|
|
85
90
|
translation: translate
|
|
@@ -88,8 +93,8 @@ const Interaction = () => {
|
|
|
88
93
|
scale,
|
|
89
94
|
translate
|
|
90
95
|
]);
|
|
91
|
-
return (
|
|
96
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: 'lincle-interactive-container', children: (0, jsx_runtime_1.jsx)(react_map_interaction_1.MapInteraction, { defaultScale: scale, defaultTranslation: defaultTranslation, disablePan: !pan, disableZoom: !zoom, maxScale: maxScale, minScale: minScale, onChange: handleChange, value: transform, children: controls }) }));
|
|
92
97
|
};
|
|
93
98
|
Interaction.displayName = 'LincleInteractiveInteraction';
|
|
94
|
-
|
|
99
|
+
exports.default = Interaction;
|
|
95
100
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Interaction/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Interaction/index.tsx"],"names":[],"mappings":"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"}
|