@lincle/react-shared 0.0.1 → 0.4.0-next.10

package/dist/utils/Path/lines/generatePoints.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = (source, target) => {
+    const sx = Math.round(source.x);
+    const sy = Math.round(source.y);
+    const tx = Math.round(target.x);
+    const ty = Math.round(target.y);
+    const halfTargetWidth = Math.round(target.width / 2);
+    const halfTargetHeight = Math.round(target.height / 2);
+    const halfSourceWidth = Math.round(source.width / 2);
+    const halfSourceHeight = Math.round(source.height / 2);
+    const sourceAngle = Math.atan2(tx + halfTargetWidth - (sx + halfSourceWidth), ty + halfTargetHeight - (sy + halfSourceHeight));
+    const targetAngle = Math.atan2(sx + halfSourceWidth - (tx + halfTargetWidth), sy + halfSourceHeight - (ty + halfTargetHeight));
+    const sourceEdgeX = Math.sin(sourceAngle) * halfSourceWidth + halfSourceWidth;
+    const sourceEdgeY = Math.cos(sourceAngle) * halfSourceHeight + halfSourceHeight;
+    const targetEdgeX = Math.sin(targetAngle) * halfTargetWidth + halfTargetWidth;
+    const targetEdgeY = Math.cos(targetAngle) * halfTargetHeight + halfTargetHeight;
+    const sourceDX = sx + sourceEdgeX - tx - targetEdgeX;
+    const sourceDY = sy + sourceEdgeY - ty - targetEdgeY;
+    const sourceROR = sourceDX / sourceDY;
+    let orientation;
+    let targetPoints = {
+        x: sourceEdgeX,
+        y: sourceEdgeY
+    };
+    if (sourceROR < 1 && sourceROR > -1) {
+        orientation = 'vertical';
+        if (sourceDY > 0) {
+            targetPoints = {
+                x: sx + sourceEdgeX,
+                y: sy + (source.shape === 'oval' ?
+                    sourceEdgeY :
+                    0)
+            };
+        }
+        else {
+            targetPoints = {
+                x: sx + sourceEdgeX,
+                y: sy + (source.shape === 'oval' ?
+                    sourceEdgeY :
+                    source.height)
+            };
+        }
+    }
+    else {
+        orientation = 'horizontal';
+        if (sourceDX > 0) {
+            targetPoints = {
+                x: sx + (source.shape === 'oval' ?
+                    sourceEdgeX :
+                    0),
+                y: sy + sourceEdgeY
+            };
+        }
+        else {
+            targetPoints = {
+                x: sx + (source.shape === 'oval' ?
+                    sourceEdgeX :
+                    source.width),
+                y: sy + sourceEdgeY
+            };
+        }
+    }
+    const targetDX = tx - targetEdgeX - sx - sourceEdgeX;
+    const targetDY = ty - targetEdgeY - sy - sourceEdgeY;
+    let sourcePoints = {
+        x: targetEdgeX,
+        y: targetEdgeY
+    };
+    if (orientation === 'vertical') {
+        if (targetDY > 0) {
+            sourcePoints = {
+                x: tx + targetEdgeX,
+                y: ty + (target.shape === 'oval' ?
+                    targetEdgeY :
+                    0)
+            };
+        }
+        else {
+            sourcePoints = {
+                x: tx + targetEdgeX,
+                y: ty + (target.shape === 'oval' ?
+                    targetEdgeY :
+                    target.height)
+            };
+        }
+    }
+    else {
+        if (targetDX > 0) {
+            sourcePoints = {
+                x: tx + (target.shape === 'oval' ?
+                    targetEdgeX :
+                    0),
+                y: ty + targetEdgeY
+            };
+        }
+        else {
+            sourcePoints = {
+                x: tx + (target.shape === 'oval' ?
+                    targetEdgeX :
+                    target.width),
+                y: ty + targetEdgeY
+            };
+        }
+    }
+    return {
+        orientation,
+        source: sourcePoints,
+        target: targetPoints
+    };
+};

package/dist/utils/Path/lines/generateStep.d.ts

@@ -0,0 +1,17 @@
+import { type Coordinates, type Line } from './types';
+export declare const stepHorizontal: (rx1: number, ry1: number, rx2: number, ry2: number, center?: boolean) => Line;
+export declare const stepVertical: (rx1: number, ry1: number, rx2: number, ry2: number, center?: boolean) => Line;
+declare const _default: (source: {
+    height: number;
+    shape: "oval" | "rectangle";
+    width: number;
+    x: number;
+    y: number;
+}, target: {
+    height: number;
+    shape: "oval" | "rectangle";
+    width: number;
+    x: number;
+    y: number;
+}, center?: boolean) => Coordinates;
+export default _default;

package/dist/utils/Path/lines/generateStep.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stepVertical = exports.stepHorizontal = void 0;
+const generatePoints_1 = __importDefault(require("./generatePoints"));
+const stepHorizontal = (rx1, ry1, rx2, ry2, center) => {
+    const x1 = Math.round(rx1);
+    const y1 = Math.round(ry1);
+    const x2 = Math.round(rx2);
+    const y2 = Math.round(ry2);
+    const d = [];
+    const mx = Math.round(x1 + (x2 - x1) / 2);
+    const my = Math.round(y1 + (y2 - y1) / 2);
+    const cx = Math.round((x2 + x1) / 2);
+    const cy = my;
+    d.push('M', x1, y1);
+    d.push('L', mx, y1);
+    d.push('L', mx, y2);
+    d.push('L', x2, y2);
+    return {
+        center: center ?
+            {
+                x: cx,
+                y: cy
+            } :
+            undefined,
+        path: d.join(' ')
+    };
+};
+exports.stepHorizontal = stepHorizontal;
+const stepVertical = (rx1, ry1, rx2, ry2, center) => {
+    const x1 = Math.round(rx1);
+    const y1 = Math.round(ry1);
+    const x2 = Math.round(rx2);
+    const y2 = Math.round(ry2);
+    const d = [];
+    const mx = Math.round(x1 + (x2 - x1) / 2);
+    const my = Math.round(y1 + (y2 - y1) / 2);
+    const cx = mx;
+    const cy = Math.round((y2 + y1) / 2);
+    d.push('M', x1, y1);
+    d.push('L', x1, my);
+    d.push('L', x2, my);
+    d.push('L', x2, y2);
+    return {
+        center: center ?
+            {
+                x: cx,
+                y: cy
+            } :
+            undefined,
+        path: d.join(' ')
+    };
+};
+exports.stepVertical = stepVertical;
+exports.default = (source, target, center) => {
+    const { orientation, source: sourcePoints, target: targetPoints } = (0, generatePoints_1.default)(source, target);
+    return Object.assign(Object.assign({}, (orientation === 'horizontal' ?
+        (0, exports.stepHorizontal)(sourcePoints.x, sourcePoints.y, targetPoints.x, targetPoints.y, center) :
+        (0, exports.stepVertical)(sourcePoints.x, sourcePoints.y, targetPoints.x, targetPoints.y, center))), { source: sourcePoints, target: targetPoints });
+};

package/dist/utils/Path/lines/index.d.ts

@@ -0,0 +1,4 @@
+export { default as generateCurve } from './generateCurve';
+export { default as generateDirect } from './generateDirect';
+export { default as generateStep } from './generateStep';
+export type { Coordinates, Line, Points } from './types';

package/dist/utils/Path/lines/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateStep = exports.generateDirect = exports.generateCurve = void 0;
+var generateCurve_1 = require("./generateCurve");
+Object.defineProperty(exports, "generateCurve", { enumerable: true, get: function () { return __importDefault(generateCurve_1).default; } });
+var generateDirect_1 = require("./generateDirect");
+Object.defineProperty(exports, "generateDirect", { enumerable: true, get: function () { return __importDefault(generateDirect_1).default; } });
+var generateStep_1 = require("./generateStep");
+Object.defineProperty(exports, "generateStep", { enumerable: true, get: function () { return __importDefault(generateStep_1).default; } });

package/dist/utils/Path/lines/types.d.ts

@@ -0,0 +1,34 @@
+export type Line = {
+    center?: {
+        x: number;
+        y: number;
+    };
+    path: string;
+};
+export type Orientation = 'horizontal' | 'vertical';
+export type Points = {
+    orientation: Orientation;
+    source: {
+        x: number;
+        y: number;
+    };
+    target: {
+        x: number;
+        y: number;
+    };
+};
+export type Coordinates = {
+    center?: {
+        x: number;
+        y: number;
+    };
+    path: string;
+    source: {
+        x: number;
+        y: number;
+    };
+    target: {
+        x: number;
+        y: number;
+    };
+};

package/dist/utils/Path/lines/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/round.d.ts

@@ -0,0 +1,2 @@
+declare const round: (coordinate: number, grid: number) => number;
+export default round;

package/dist/utils/round.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const round = (coordinate, grid) => {
+    if (grid === 1) {
+        return Math.round(coordinate);
+    }
+    return Math.round(coordinate / grid) * grid;
+};
+exports.default = round;

package/package.json

@@ -2,7 +2,8 @@
 	"name": "@lincle/react-shared",
 	"title": "lincle react shared",
 	"license": "LGPL-3.0-or-later",
-	"version": "0.0.1",
+	"version": "0.4.0-next.10",
+	"private": false,
 	"description": "Shared library for @lincle",
 	"author": "wallzero @wallzeroblog (http://wallzero.com)",
 	"contributors": [
@@ -19,20 +20,19 @@
 		"COPYING.md",
 		"COPYING.LESSER.md"
 	],
-	"homepage": "https://gitlab.com/lincle/lincle/tree/master/packages/react-shared/",
+	"homepage": "https://gitlab.com/digested/lincle/tree/master/packages/react-shared/",
 	"repository": {
 		"type": "git",
-		"url": "https://gitlab.com/lincle/lincle.git"
+		"url": "https://gitlab.com/digested/lincle.git"
 	},
 	"bugs": {
-		"url": "https://gitlab.com/lincle/lincle/issues"
+		"url": "https://gitlab.com/digested/lincle/issues"
 	},
 	"scripts": {
-		"build": "run-s clean:dist build:prod build:styles",
+		"build": "run-s clean:dist build:prod",
 		"build:prod": "tsc -p ./tsconfig.json",
-		"build:watch": "run-s clean:dist build:prod build:styles build:watch:tsc",
+		"build:watch": "run-s clean:dist build:prod build:watch:tsc",
 		"build:watch:tsc": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
-		"build:styles": "ncp src/styles.g.css dist/styles.g.css",
 		"----------------------------------------------------------------": "",
 		"build:prod:config": "",
 		"---------------------------------------------------------------": "",
@@ -43,31 +43,32 @@
 		"clean:dist": "rimraf dist"
 	},
 	"devDependencies": {
-		"@digest/eslint-config-jest": "^4.2.5",
-		"@digest/eslint-config-react": "^4.2.5",
-		"@digest/eslint-config-typescript": "^4.2.5",
-		"@digest/jest-junit": "^4.2.5",
-		"@digest/jest-react": "^4.2.5",
-		"@digest/jest-typescript": "^4.2.5",
-		"@digest/typescript": "^4.2.5",
-		"@types/bezier-js": "^4.1.0",
-		"@types/jest": "^29.5.4",
-		"@types/lodash.throttle": "^4.1.6",
-		"@types/lodash.debounce": "^4.0.6",
-		"@types/node": "^20.5.9",
-		"@types/react": "^18.2.21",
-		"@types/react-dom": "^18.2.7",
-		"@types/react-test-renderer": "^18.0.1",
+		"@digest/eslint-config-jest": "^4.4.3",
+		"@digest/eslint-config-react": "^4.4.3",
+		"@digest/eslint-config-typescript": "^4.4.3",
+		"@digest/jest-junit": "^4.4.3",
+		"@digest/jest-react": "^4.4.3",
+		"@digest/jest-typescript": "^4.4.3",
+		"@digest/typescript": "^4.4.3",
+		"@types/bezier-js": "^4.1.3",
+		"@types/jest": "^29.5.12",
+		"@types/lodash.debounce": "^4.0.9",
+		"@types/lodash.throttle": "^4.1.9",
+		"@types/node": "^22.1.0",
+		"@types/react": "^18.3.3",
+		"@types/react-dom": "^18.3.0",
+		"@types/react-test-renderer": "^18.3.0",
 		"cross-env": "^7.0.3",
-		"jest-environment-jsdom": "^29.6.2",
+		"jest-environment-jsdom": "^29.7.0",
 		"jest-environment-jsdom-global": "^4.0.0",
 		"ncp": "^2.0.0",
 		"npm-run-all": "^4.1.5",
-		"react": "^18.2.0",
-		"react-test-renderer": "^18.2.0",
-		"rimraf": "^5.0.1"
+		"react": "^18.3.1",
+		"react-test-renderer": "^18.3.1",
+		"rimraf": "^6.0.1"
 	},
 	"dependencies": {
+		"bezier-js": "^6.1.4",
 		"lodash.debounce": "^4.0.8",
 		"lodash.throttle": "^4.1.1"
 	},
@@ -86,5 +87,6 @@
 		"dag",
 		"acyclical graph",
 		"cyclical graph"
-	]
+	],
+	"gitHead": "c672cbc4ddbc1944133ea10ac26a4c04e7d8e3ba"
 }