@lincle/react-shared 0.4.0-next.12 → 0.4.0-next.13

package/dist/Contexts/EdgesContext.d.ts

@@ -7,16 +7,16 @@ export type Edge = Partial<Omit<EdgeProps, 'id'>> & {
         y: number;
     };
     className?: string;
-    edgeId: string | number;
+    edgeId: number | string;
     style?: any;
 };
 export type Edges = {
-    [key: string | number]: Edge;
+    [key: number | string]: Edge;
 };
-export type RemoveEdge = (edgeId: string | number) => void;
-export type UpdateEdge = (edgeId: string | number, edge: Partial<Edge>) => void;
 export type EdgesContextProps = {
     edges: Edges;
     removeEdge?: RemoveEdge;
     updateEdge?: UpdateEdge;
 };
+export type RemoveEdge = (edgeId: number | string) => void;
+export type UpdateEdge = (edgeId: number | string, edge: Partial<Edge>) => void;

package/dist/Contexts/GraphContext.d.ts

@@ -6,7 +6,7 @@ export { GraphContext };
 export type GraphContextProps = {
     edgeFrequency: number;
     edgeSubscriber?: EdgeSubscriber;
-    grid: GridType | false;
+    grid: false | GridType;
     id?: number | string;
     line: Line;
     nodeFrequency: number;

package/dist/Hooks/useEdge.d.ts

@@ -1,2 +1,2 @@
-declare const useEdge: (edgeId: string | number) => import("../Contexts").Edge;
+declare const useEdge: (edgeId: number | string) => import("../Contexts").Edge;
 export { useEdge };

package/dist/Providers/EdgesProvider.d.ts

@@ -1,4 +1,4 @@
 import { type FunctionComponent, type PropsWithChildren } from 'react';
 declare const EdgesProvider: FunctionComponent<EdgesProviderProps>;
 export { EdgesProvider };
-export type EdgesProviderProps = PropsWithChildren<{}>;
+export type EdgesProviderProps = PropsWithChildren<object>;

package/dist/Providers/GraphProvider.d.ts

@@ -1,5 +1,5 @@
 import { type GraphContextProps } from '../Contexts/GraphContext';
 import { type FunctionComponent, type PropsWithChildren } from 'react';
 declare const GraphProvider: FunctionComponent<GraphProviderProps>;
-export type GraphProviderProps = PropsWithChildren<Omit<GraphContextProps, 'edgeSubscriber' | 'nodePositions' | 'id'> & Required<Pick<GraphContextProps, 'id'>>>;
+export type GraphProviderProps = PropsWithChildren<Omit<GraphContextProps, 'edgeSubscriber' | 'id' | 'nodePositions'> & Required<Pick<GraphContextProps, 'id'>>>;
 export { GraphProvider };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { default as defaultSettings } from './defaultSettings';
 export * from './Hooks';
 export * from './Providers';
-export * from './types';
+export type * from './types';
 export { default as generateOrigins } from './utils/Path/generateOrigins';

package/dist/index.js

@@ -22,6 +22,5 @@ var defaultSettings_1 = require("./defaultSettings");
 Object.defineProperty(exports, "defaultSettings", { enumerable: true, get: function () { return __importDefault(defaultSettings_1).default; } });
 __exportStar(require("./Hooks"), exports);
 __exportStar(require("./Providers"), exports);
-__exportStar(require("./types"), exports);
 var generateOrigins_1 = require("./utils/Path/generateOrigins");
 Object.defineProperty(exports, "generateOrigins", { enumerable: true, get: function () { return __importDefault(generateOrigins_1).default; } });

package/dist/types.d.ts

@@ -1,12 +1,6 @@
 import { type ProvidersProps } from './Providers';
 import { type PropsWithChildren, type ReactElement, type ReactNode } from 'react';
-export type GridType = [
-    number,
-    number
-];
-export type Line = 'curve' | 'direct' | 'step';
-export type Shape = 'oval' | 'rectangle';
-export type EdgeNodeProps = {
+export type Dimensions = {
     height: number;
     id: number | string;
     shape: Shape;
@@ -14,18 +8,7 @@ export type EdgeNodeProps = {
     x: number;
     y: number;
 };
-export type Size = {
-    bottom: number;
-    height: number;
-    left: number;
-    right: number;
-    top: number;
-    width: number;
-};
-export type NodesDimensions = {
-    [key: string]: Dimensions;
-};
-export type Dimensions = {
+export type EdgeNodeProps = {
     height: number;
     id: number | string;
     shape: Shape;
@@ -33,7 +16,6 @@ export type Dimensions = {
     x: number;
     y: number;
 };
-export type GridContextProps = GridType;
 export type EdgeProps = PropsWithChildren<{
     dash?: boolean;
     id: number | string;
@@ -52,31 +34,49 @@ export type EdgesProps = PropsWithChildren<{
         y: number;
     };
 }>;
-export type PathProps = {
-    center?: boolean;
-    edgeId: string | number;
-    line?: Line;
-    markerEnd?: string;
-    markerStart?: string;
-    source?: EdgeNodeProps;
-    target?: EdgeNodeProps;
+export type GraphProps = ProvidersProps & {
+    showGrid?: boolean;
 };
+export type GridContextProps = GridType;
+export type GridProps = PropsWithChildren<{
+    scale?: number;
+    xOffset?: number;
+    yOffset?: number;
+}>;
+export type GridType = [
+    number,
+    number
+];
+export type Line = 'curve' | 'direct' | 'step';
 export type NodeProps = PropsWithChildren<{
     height?: number;
     id: number | string;
-    ref?: React.MutableRefObject<HTMLDivElement | null> | ((instance: HTMLDivElement | null) => void) | null;
+    ref?: ((instance: HTMLDivElement | null) => void) | null | React.MutableRefObject<HTMLDivElement | null>;
     shape?: Shape;
     track?: boolean;
     width?: number;
     x?: number;
     y?: number;
 }>;
-export type NodesProps = PropsWithChildren<{}>;
-export type GridProps = PropsWithChildren<{
-    scale?: number;
-    xOffset?: number;
-    yOffset?: number;
-}>;
-export type GraphProps = ProvidersProps & {
-    showGrid?: boolean;
+export type NodesDimensions = {
+    [key: string]: Dimensions;
+};
+export type NodesProps = PropsWithChildren<object>;
+export type PathProps = {
+    center?: boolean;
+    edgeId: number | string;
+    line?: Line;
+    markerEnd?: string;
+    markerStart?: string;
+    source?: EdgeNodeProps;
+    target?: EdgeNodeProps;
+};
+export type Shape = 'oval' | 'rectangle';
+export type Size = {
+    bottom: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
 };

package/dist/utils/EdgeSubscriber.d.ts

@@ -1,15 +1,15 @@
 import { type EdgeNodeProps } from '../types';
 declare class EdgeSubscriber {
     private frequency;
-    constructor(frequency?: number);
-    getFrequency: () => number;
-    setFrequency: (frequency: number) => number;
     private nodes;
     private propsCache;
+    private throttleUpdates;
+    constructor(frequency?: number);
+    getFrequency: () => number;
     register: <T>(edgeId: number | string, nodeId: number | string, updateFn: (update: T) => void) => EdgeNodeProps;
+    setFrequency: (frequency: number) => number;
     unregister: (edgeId: number | string, nodeId: number | string) => void;
-    private readonly updateEdges;
-    private throttleUpdates;
     update: (props: EdgeNodeProps) => void;
+    private readonly updateEdges;
 }
 export default EdgeSubscriber;

package/dist/utils/EdgeSubscriber.js

@@ -8,15 +8,12 @@ const lodash_throttle_1 = __importDefault(require("lodash.throttle"));
 const FREQUENCY = defaultSettings_1.default.edgeFrequency;
 class EdgeSubscriber {
     constructor(frequency = FREQUENCY) {
+        this.nodes = {};
+        this.propsCache = {};
+        this.throttleUpdates = {};
         this.getFrequency = () => {
             return this.frequency;
         };
-        this.setFrequency = (frequency) => {
-            this.frequency = frequency;
-            return this.frequency;
-        };
-        this.nodes = {};
-        this.propsCache = {};
         this.register = (edgeId, nodeId, updateFn) => {
             if (!this.nodes[nodeId]) {
                 this.nodes[nodeId] = {};
@@ -24,19 +21,14 @@ class EdgeSubscriber {
             this.nodes[nodeId][edgeId] = updateFn;
             return this.propsCache[nodeId];
         };
+        this.setFrequency = (frequency) => {
+            this.frequency = frequency;
+            return this.frequency;
+        };
         this.unregister = (edgeId, nodeId) => {
             delete this.nodes[nodeId][edgeId];
             delete this.throttleUpdates[nodeId];
         };
-        this.updateEdges = (props) => {
-            if (this.nodes[props.id]) {
-                for (const [_edgeId, update] of Object.entries(this.nodes[props.id])) {
-                    update(props);
-                }
-            }
-            this.propsCache[props.id] = props;
-        };
-        this.throttleUpdates = {};
         this.update = (props) => {
             const { id } = props;
             if (!this.throttleUpdates[id]) {
@@ -46,6 +38,14 @@ class EdgeSubscriber {
             }
             this.throttleUpdates[id](props);
         };
+        this.updateEdges = (props) => {
+            if (this.nodes[props.id]) {
+                for (const [_edgeId, update] of Object.entries(this.nodes[props.id])) {
+                    update(props);
+                }
+            }
+            this.propsCache[props.id] = props;
+        };
         this.frequency = frequency;
     }
 }

package/dist/utils/NodePositions.d.ts

@@ -1,31 +1,31 @@
 import { type Dimensions, type NodesDimensions, type Size } from '../types';
 declare class NodePositions {
+    private bottom;
+    private debounceUpdates;
     private frequency;
-    private subscriptions;
-    getFrequency: () => number;
-    setFrequency: (frequency: number) => number;
+    private left;
     private nodes;
+    private right;
+    private subscriptions;
+    private top;
     constructor(frequency?: number);
-    subscribe: (id: string, callback: (size?: Size, nodes?: NodesDimensions) => void) => void;
-    unsubscribe: (id: string) => void;
+    getFrequency: () => number;
+    match: (x: number, y: number) => Promise<number | string | undefined>;
     register: (node: Dimensions, { maxWait }?: {
         maxWait?: number | undefined;
     }) => void;
+    setFrequency: (frequency: number) => number;
+    size: () => Size;
+    subscribe: (id: string, callback: (size?: Size, nodes?: NodesDimensions) => void) => void;
     unregister: (id: number | string) => void;
-    private top;
-    private readonly getTop;
-    private right;
-    private readonly getRight;
-    private bottom;
+    unsubscribe: (id: string) => void;
+    update: (node: Dimensions) => void;
     private readonly getBottom;
-    private left;
     private readonly getLeft;
+    private readonly getRight;
     private readonly getSize;
-    private readonly privateUpdate;
+    private readonly getTop;
     private readonly notify;
-    private debounceUpdates;
-    update: (node: Dimensions) => void;
-    match: (x: number, y: number) => Promise<number | string | undefined>;
-    size: () => Size;
+    private readonly privateUpdate;
 }
 export default NodePositions;

package/dist/utils/NodePositions.js

@@ -18,29 +18,54 @@ const FREQUENCY = defaultSettings_1.default.nodeFrequency;
 const MAX_WAIT = defaultSettings_1.default.nodeFrequency;
 class NodePositions {
     constructor(frequency = FREQUENCY) {
+        this.debounceUpdates = {};
+        this.nodes = {};
         this.subscriptions = {};
         this.getFrequency = () => {
             return this.frequency;
         };
+        this.match = (x, y) => __awaiter(this, void 0, void 0, function* () {
+            const ids = yield Promise.resolve(Object.keys(this.nodes).find((id) => {
+                const node = this.nodes[id];
+                return x > node.x &&
+                    x < node.x + node.width &&
+                    y > node.y &&
+                    y < node.y + node.height;
+            }));
+            return ids ?
+                ids :
+                undefined;
+        });
+        this.register = (node, { maxWait = MAX_WAIT } = {}) => {
+            this.nodes[node.id] = node;
+            this.debounceUpdates[node.id] = (0, lodash_debounce_1.default)(this.privateUpdate, this.frequency, {
+                maxWait,
+                trailing: true
+            });
+        };
         this.setFrequency = (frequency) => {
             this.frequency = frequency;
             return this.frequency;
         };
-        this.nodes = {};
+        this.size = () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+            return {
+                bottom: ((_b = (_a = this.bottom) === null || _a === void 0 ? void 0 : _a.y) !== null && _b !== void 0 ? _b : 0) + ((_d = (_c = this.bottom) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 0),
+                height: ((_f = (_e = this.bottom) === null || _e === void 0 ? void 0 : _e.y) !== null && _f !== void 0 ? _f : 0) +
+                    ((_h = (_g = this.bottom) === null || _g === void 0 ? void 0 : _g.height) !== null && _h !== void 0 ? _h : 0) -
+                    ((_k = (_j = this.top) === null || _j === void 0 ? void 0 : _j.y) !== null && _k !== void 0 ? _k : 0),
+                left: (_m = (_l = this.left) === null || _l === void 0 ? void 0 : _l.x) !== null && _m !== void 0 ? _m : 0,
+                right: ((_p = (_o = this.right) === null || _o === void 0 ? void 0 : _o.x) !== null && _p !== void 0 ? _p : 0) + ((_r = (_q = this.right) === null || _q === void 0 ? void 0 : _q.width) !== null && _r !== void 0 ? _r : 0),
+                top: (_t = (_s = this.top) === null || _s === void 0 ? void 0 : _s.y) !== null && _t !== void 0 ? _t : 0,
+                width: ((_v = (_u = this.right) === null || _u === void 0 ? void 0 : _u.x) !== null && _v !== void 0 ? _v : 0) +
+                    ((_x = (_w = this.right) === null || _w === void 0 ? void 0 : _w.width) !== null && _x !== void 0 ? _x : 0) -
+                    ((_z = (_y = this.left) === null || _y === void 0 ? void 0 : _y.x) !== null && _z !== void 0 ? _z : 0)
+            };
+        };
         this.subscribe = (id, callback) => {
             this.subscriptions[id] = callback;
             callback(this.size(), this.nodes);
         };
-        this.unsubscribe = (id) => {
-            delete this.subscriptions[id];
-        };
-        this.register = (node, { maxWait = MAX_WAIT } = {}) => {
-            this.nodes[node.id] = node;
-            this.debounceUpdates[node.id] = (0, lodash_debounce_1.default)(this.privateUpdate, this.frequency, {
-                maxWait,
-                trailing: true
-            });
-        };
         this.unregister = (id) => {
             var _a, _b, _c, _d;
             delete this.nodes[id];
@@ -83,51 +108,11 @@ class NodePositions {
             }
             this.notify();
         };
-        this.getTop = (node) => {
-            if (this.top &&
-                this.top.id === node.id) {
-                if (node.y > this.top.y) {
-                    this.top = node;
-                    for (const id of Object.keys(this.nodes)) {
-                        if (this.top && this.nodes[id].y < this.top.y) {
-                            this.top = this.nodes[id];
-                        }
-                    }
-                }
-                else {
-                    this.top = node;
-                }
-            }
-            else if (!this.top ||
-                node.y < this.top.y) {
-                this.top = node;
-            }
+        this.unsubscribe = (id) => {
+            delete this.subscriptions[id];
         };
-        this.getRight = (node) => {
-            const nodeX = node.x + node.width;
-            const rightNodeX = this.right ?
-                this.right.x + this.right.width :
-                undefined;
-            if (this.right &&
-                this.right.id === node.id) {
-                if (!rightNodeX ||
-                    nodeX < rightNodeX) {
-                    this.right = node;
-                    for (const id of Object.keys(this.nodes)) {
-                        if (this.nodes[id].x + this.nodes[id].width > this.right.x + this.right.width) {
-                            this.right = this.nodes[id];
-                        }
-                    }
-                }
-                else {
-                    this.right = node;
-                }
-            }
-            else if (!this.right ||
-                rightNodeX &&
-                    nodeX > rightNodeX) {
-                this.right = node;
-            }
+        this.update = (node) => {
+            this.debounceUpdates[node.id](node);
         };
         this.getBottom = (node) => {
             const nodeY = node.y + node.height;
@@ -175,50 +160,67 @@ class NodePositions {
                 this.left = node;
             }
         };
+        this.getRight = (node) => {
+            const nodeX = node.x + node.width;
+            const rightNodeX = this.right ?
+                this.right.x + this.right.width :
+                undefined;
+            if (this.right &&
+                this.right.id === node.id) {
+                if (!rightNodeX ||
+                    nodeX < rightNodeX) {
+                    this.right = node;
+                    for (const id of Object.keys(this.nodes)) {
+                        if (this.nodes[id].x + this.nodes[id].width > this.right.x + this.right.width) {
+                            this.right = this.nodes[id];
+                        }
+                    }
+                }
+                else {
+                    this.right = node;
+                }
+            }
+            else if (!this.right ||
+                rightNodeX &&
+                    nodeX > rightNodeX) {
+                this.right = node;
+            }
+        };
         this.getSize = (node) => {
             this.getTop(node);
             this.getRight(node);
             this.getBottom(node);
             this.getLeft(node);
         };
-        this.privateUpdate = (node) => {
-            this.register(node);
-            this.getSize(node);
-            this.notify();
+        this.getTop = (node) => {
+            if (this.top &&
+                this.top.id === node.id) {
+                if (node.y > this.top.y) {
+                    this.top = node;
+                    for (const id of Object.keys(this.nodes)) {
+                        if (this.top && this.nodes[id].y < this.top.y) {
+                            this.top = this.nodes[id];
+                        }
+                    }
+                }
+                else {
+                    this.top = node;
+                }
+            }
+            else if (!this.top ||
+                node.y < this.top.y) {
+                this.top = node;
+            }
         };
         this.notify = () => {
             for (const [_id, update] of Object.entries(this.subscriptions)) {
                 update(this.size(), this.nodes);
             }
         };
-        this.debounceUpdates = {};
-        this.update = (node) => {
-            this.debounceUpdates[node.id](node);
-        };
-        this.match = (x, y) => __awaiter(this, void 0, void 0, function* () {
-            const ids = yield Promise.resolve(Object.keys(this.nodes).find((id) => {
-                const node = this.nodes[id];
-                return x > node.x &&
-                    x < node.x + node.width &&
-                    y > node.y &&
-                    y < node.y + node.height;
-            }));
-            return ids ?
-                ids :
-                undefined;
-        });
-        this.size = () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-            return {
-                bottom: ((_b = (_a = this.bottom) === null || _a === void 0 ? void 0 : _a.y) !== null && _b !== void 0 ? _b : 0) + ((_d = (_c = this.bottom) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : 0),
-                height: (((_f = (_e = this.bottom) === null || _e === void 0 ? void 0 : _e.y) !== null && _f !== void 0 ? _f : 0) +
-                    ((_h = (_g = this.bottom) === null || _g === void 0 ? void 0 : _g.height) !== null && _h !== void 0 ? _h : 0)) - ((_k = (_j = this.top) === null || _j === void 0 ? void 0 : _j.y) !== null && _k !== void 0 ? _k : 0),
-                left: (_m = (_l = this.left) === null || _l === void 0 ? void 0 : _l.x) !== null && _m !== void 0 ? _m : 0,
-                right: ((_p = (_o = this.right) === null || _o === void 0 ? void 0 : _o.x) !== null && _p !== void 0 ? _p : 0) + ((_r = (_q = this.right) === null || _q === void 0 ? void 0 : _q.width) !== null && _r !== void 0 ? _r : 0),
-                top: (_t = (_s = this.top) === null || _s === void 0 ? void 0 : _s.y) !== null && _t !== void 0 ? _t : 0,
-                width: (((_v = (_u = this.right) === null || _u === void 0 ? void 0 : _u.x) !== null && _v !== void 0 ? _v : 0) +
-                    ((_x = (_w = this.right) === null || _w === void 0 ? void 0 : _w.width) !== null && _x !== void 0 ? _x : 0)) - ((_z = (_y = this.left) === null || _y === void 0 ? void 0 : _y.x) !== null && _z !== void 0 ? _z : 0)
-            };
+        this.privateUpdate = (node) => {
+            this.register(node);
+            this.getSize(node);
+            this.notify();
         };
         this.frequency = frequency;
     }

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

@@ -44,7 +44,7 @@ const curveVertical = (rx1, ry1, rx2, ry2, center) => {
 exports.curveVertical = curveVertical;
 exports.default = (source, target, center) => {
     const { orientation, source: sourcePoints, target: targetPoints } = (0, generatePoints_1.default)(source, target);
-    return Object.assign(Object.assign({}, (orientation === 'horizontal' ?
+    return Object.assign(Object.assign({}, orientation === 'horizontal' ?
         (0, exports.curveHorizontal)(sourcePoints.x, sourcePoints.y, targetPoints.x, targetPoints.y, center) :
-        (0, exports.curveVertical)(sourcePoints.x, sourcePoints.y, targetPoints.x, targetPoints.y, center))), { source: sourcePoints, target: targetPoints });
+        (0, exports.curveVertical)(sourcePoints.x, sourcePoints.y, targetPoints.x, targetPoints.y, center)), { source: sourcePoints, target: targetPoints });
 };

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

@@ -57,7 +57,7 @@ const stepVertical = (rx1, ry1, rx2, ry2, center) => {
 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' ?
+    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 });
+        (0, exports.stepVertical)(sourcePoints.x, sourcePoints.y, targetPoints.x, targetPoints.y, center)), { source: sourcePoints, target: targetPoints });
 };

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

@@ -1,13 +1,9 @@
-export type Line = {
+export type Coordinates = {
     center?: {
         x: number;
         y: number;
     };
     path: string;
-};
-export type Orientation = 'horizontal' | 'vertical';
-export type Points = {
-    orientation: Orientation;
     source: {
         x: number;
         y: number;
@@ -17,12 +13,16 @@ export type Points = {
         y: number;
     };
 };
-export type Coordinates = {
+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;

package/package.json

@@ -1,92 +1,92 @@
 {
-	"name": "@lincle/react-shared",
-	"title": "lincle react shared",
-	"license": "LGPL-3.0-or-later",
-	"version": "0.4.0-next.12",
-	"private": false,
-	"description": "Shared library for @lincle",
-	"author": "wallzero @wallzeroblog (http://wallzero.com)",
-	"contributors": [
-		{
-			"name": "Connor Schlesiger",
-			"email": "connor@schlesiger.ca",
-			"position": "Initial and Lead Developer"
-		}
-	],
-	"main": "dist/index.js",
-	"types": "dist/index.d.ts",
-	"files": [
-		"dist/",
-		"COPYING.md",
-		"COPYING.LESSER.md"
-	],
-	"homepage": "https://gitlab.com/digested/lincle/tree/master/packages/react-shared/",
-	"repository": {
-		"type": "git",
-		"url": "https://gitlab.com/digested/lincle.git"
-	},
-	"bugs": {
-		"url": "https://gitlab.com/digested/lincle/issues"
-	},
-	"scripts": {
-		"build": "run-s clean:dist build:prod",
-		"build:prod": "tsc -p ./tsconfig.json",
-		"build:watch": "run-s clean:dist build:prod build:watch:tsc",
-		"build:watch:tsc": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
-		"----------------------------------------------------------------": "",
-		"build:prod:config": "",
-		"---------------------------------------------------------------": "",
-		"lint": "run-p lint:es",
-		"lint:es": "eslint --resolve-plugins-relative-to . 'src/**/*.[jt]s?(x)' --ignore-pattern 'src/**/*.(d.ts|json)'",
-		"clean": "run-s clean:dist clean:node_modules",
-		"clean:node_modules": "rimraf node_modules yarn.lock package-lock.json",
-		"clean:dist": "rimraf dist"
-	},
-	"devDependencies": {
-		"@digest/eslint-config-jest": "^4.8.2",
-		"@digest/eslint-config-react": "^4.8.2",
-		"@digest/eslint-config-typescript": "^4.8.2",
-		"@digest/jest-junit": "^4.8.2",
-		"@digest/jest-react": "^4.8.2",
-		"@digest/jest-typescript": "^4.8.2",
-		"@digest/typescript": "^4.8.2",
-		"@types/bezier-js": "^4.1.3",
-		"@types/jest": "^29.5.13",
-		"@types/lodash.debounce": "^4.0.9",
-		"@types/lodash.throttle": "^4.1.9",
-		"@types/node": "^22.7.4",
-		"@types/react": "^18.3.10",
-		"@types/react-dom": "^18.3.0",
-		"@types/react-test-renderer": "^18.3.0",
-		"cross-env": "^7.0.3",
-		"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.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"
-	},
-	"peerDependencies": {
-		"react": "^16.0.0 || ^17.0.0 || ^18.0.0"
-	},
-	"keywords": [
-		"library",
-		"lincle",
-		"typescript",
-		"react",
-		"reactjs",
-		"reactive",
-		"graph",
-		"diagram",
-		"dag",
-		"acyclical graph",
-		"cyclical graph"
-	],
-	"gitHead": "0ecf2d35d39436bfdde9359aa18dae9e1b60794c"
+  "name": "@lincle/react-shared",
+  "title": "lincle react shared",
+  "license": "LGPL-3.0-or-later",
+  "version": "0.4.0-next.13",
+  "private": false,
+  "description": "Shared library for @lincle",
+  "author": "wallzero @wallzeroblog (http://wallzero.com)",
+  "contributors": [
+    {
+      "name": "Connor Schlesiger",
+      "email": "connor@schlesiger.ca",
+      "position": "Initial and Lead Developer"
+    }
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "COPYING.md",
+    "COPYING.LESSER.md"
+  ],
+  "homepage": "https://gitlab.com/digested/lincle/tree/master/packages/react-shared/",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/digested/lincle.git"
+  },
+  "bugs": {
+    "url": "https://gitlab.com/digested/lincle/issues"
+  },
+  "scripts": {
+    "build": "run-s clean:dist build:prod",
+    "build:prod": "tsc -p ./tsconfig.json",
+    "build:watch": "run-s clean:dist build:prod build:watch:tsc",
+    "build:watch:tsc": "tsc -p ./tsconfig.json --watch --pretty --preserveWatchOutput",
+    "----------------------------------------------------------------": "",
+    "build:prod:config": "",
+    "---------------------------------------------------------------": "",
+    "lint": "run-p lint:es",
+    "lint:es": "eslint",
+    "clean": "run-s clean:dist clean:node_modules",
+    "clean:node_modules": "rimraf node_modules yarn.lock package-lock.json",
+    "clean:dist": "rimraf dist"
+  },
+  "devDependencies": {
+    "@digest/eslint-config-jest": "^4.13.0",
+    "@digest/eslint-config-react": "^4.13.0",
+    "@digest/eslint-config-typescript": "^4.13.0",
+    "@digest/jest-junit": "^4.13.0",
+    "@digest/jest-react": "^4.13.0",
+    "@digest/jest-typescript": "^4.13.0",
+    "@digest/typescript": "^4.13.0",
+    "@types/bezier-js": "^4.1.3",
+    "@types/jest": "^29.5.14",
+    "@types/lodash.debounce": "^4.0.9",
+    "@types/lodash.throttle": "^4.1.9",
+    "@types/node": "^22.10.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@types/react-test-renderer": "^18.3.0",
+    "cross-env": "^7.0.3",
+    "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.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"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0"
+  },
+  "keywords": [
+    "library",
+    "lincle",
+    "typescript",
+    "react",
+    "reactjs",
+    "reactive",
+    "graph",
+    "diagram",
+    "dag",
+    "acyclical graph",
+    "cyclical graph"
+  ],
+  "gitHead": "84d45ca98dd0d6589c697cc7457a897fa777340f"
 }