@lincle/react-web-base 0.4.0-next.17 → 0.4.0-next.18

package/dist/cjs/components/Edge/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEdge, useRemoveEdge, useUpdateEdge } from '../../shared';
+import { useEffect, useMemo } from 'react';
+const Edge = ({ children, className, dash, id: edgeId, line, markerEnd, markerStart, sourceId, targetId }) => {
+    const updateEdge = useUpdateEdge();
+    const removeEdge = useRemoveEdge();
+    const edge = useEdge(edgeId);
+    useEffect(() => {
+        return () => {
+            if (removeEdge) {
+                removeEdge(edgeId);
+            }
+        };
+    }, []);
+    useEffect(() => {
+        if (updateEdge) {
+            updateEdge(edgeId, {
+                className,
+                dash,
+                line,
+                markerEnd,
+                markerStart,
+                sourceId,
+                targetId
+            });
+        }
+        return () => {
+            if (removeEdge) {
+                removeEdge(edgeId);
+            }
+        };
+    }, [
+        className,
+        dash,
+        edgeId,
+        line,
+        markerEnd,
+        markerStart,
+        removeEdge,
+        sourceId,
+        targetId,
+        updateEdge
+    ]);
+    const style = useMemo(() => {
+        return {
+            left: edge?.center?.x,
+            position: 'absolute',
+            top: edge?.center?.y
+        };
+    }, [
+        edge?.center?.x,
+        edge?.center?.y
+    ]);
+    return (_jsx("div", { style: style, children: children }));
+};
+Edge.displayName = 'LincleEdge';
+export { Edge };
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Edge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,OAAO,EACP,aAAa,EACb,aAAa,EACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,SAAS,EACT,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,IAAI,GAAiC,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,SAAS,EACT,WAAW,EAEX,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAE7B,SAAS,CACP,GAAG,EAAE;QACH,OAAO,GAAS,EAAE;YAChB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CACR,MAAM,CACP,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CACP,GAAG,EAAE;QACH,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CACR,MAAM,EACN;gBACE,SAAS;gBACT,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,SAAS;QACT,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,SAAS;QACT,WAAW;QACX,UAAU;QACV,QAAQ;QACR,QAAQ;QACR,UAAU;KACX,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO;YACL,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;SACrB,CAAC;IACJ,CAAC,EACD;QACE,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,IAAI,EAAE,MAAM,EAAE,CAAC;KAChB,CACF,CAAC;IAEF,OAAO,CACL,cACE,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAEhC,OAAO,EACL,IAAI,EACL,CAAC"}

package/dist/cjs/components/Edges/Marker.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDiagramId } from '../../shared';
+import { useMemo } from 'react';
+const Marker = () => {
+    const id = useDiagramId();
+    const markerId = useMemo(() => {
+        return id ?
+            `${id}-` :
+            '';
+    }, []);
+    const arrowId = useMemo(() => {
+        return `diagram-${markerId}marker-arrow`;
+    }, [
+        markerId
+    ]);
+    const circleId = useMemo(() => {
+        return `diagram-${markerId}marker-circle`;
+    }, [
+        markerId
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsx("marker", { id: arrowId, markerHeight: '10', markerUnits: 'strokeWidth', markerWidth: '10', orient: 'auto', refX: '9', refY: '5', children: _jsx("path", { className: 'lincle-base-edge-marker-arrow', d: 'M 0 0 L 10 5 L 0 10 z' }) }), _jsx("marker", { id: circleId, markerHeight: '10', markerUnits: 'strokeWidth', markerWidth: '10', orient: 'auto', refX: '5', refY: '5', children: _jsx("circle", { className: 'lincle-base-edge-marker-circle', cx: '5', cy: '5', r: '3' }) })] }));
+};
+Marker.displayName = 'LincleMarker';
+export default Marker;
+//# sourceMappingURL=Marker.js.map

package/dist/cjs/components/Edges/Marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Marker.js","sourceRoot":"","sources":["../../../../src/components/Edges/Marker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACb,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,GAA8B,GAAG,EAAE;IAC7C,MAAM,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1B,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE;QACH,OAAO,EAAE,CAAC,CAAC;YACT,GAAG,EAAE,GAAG,CAAC,CAAC;YACV,EAAE,CAAC;IACP,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,OAAO,WAAW,QAAQ,cAAc,CAAC;IAC3C,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE;QACH,OAAO,WAAW,QAAQ,eAAe,CAAC;IAC5C,CAAC,EACD;QACE,QAAQ;KACT,CACF,CAAC;IAEF,OAAO,CACL,8BACE,iBACE,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,eACE,SAAS,EAAC,+BAA+B,EACzC,CAAC,EAAC,uBAAuB,GACzB,GACK,EACT,iBACE,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,iBACE,SAAS,EAAC,gCAAgC,EAC1C,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,GACL,GACK,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,cAAc,CAAC;AAEpC,eAAe,MAAM,CAAC"}

package/dist/cjs/components/Edges/Paths/Path/Path.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { generateOrigins, useDiagramId, useUpdateEdge } from '../../../../shared';
+import { useEffect, useMemo } from 'react';
+const Path = ({ center = true, className = '', edgeId, isConnecting, line, markerEnd: givenMarkerEnd, markerStart: givenMarkerStart, source, style: pathStyle = {}, target }) => {
+    const diagramId = useDiagramId();
+    const updateEdge = useUpdateEdge();
+    const origins = useMemo(() => {
+        if (source &&
+            target &&
+            line) {
+            const generatedOrigins = generateOrigins(source, target, line, center);
+            return generatedOrigins;
+        }
+        return undefined;
+    }, [
+        center,
+        line,
+        source,
+        target
+    ]);
+    useEffect(() => {
+        if (origins?.center &&
+            updateEdge) {
+            updateEdge(edgeId, {
+                center: origins.center
+            });
+        }
+    }, [
+        edgeId,
+        origins?.center,
+        updateEdge
+    ]);
+    const markerEnd = useMemo(() => {
+        const id = diagramId ?
+            `${diagramId}-` :
+            '';
+        return givenMarkerEnd ??
+            `url(#diagram-${id}marker-arrow)`;
+    }, [
+        diagramId,
+        givenMarkerEnd
+    ]);
+    const markerStart = useMemo(() => {
+        const id = diagramId ?
+            `${diagramId}-` :
+            '';
+        return givenMarkerStart ??
+            `url(#diagram-${id}marker-circle)`;
+    }, [
+        diagramId,
+        givenMarkerStart
+    ]);
+    const dashTrigger = useMemo(() => {
+        return isConnecting ?
+            _jsx("circle", { className: 'lincle-base-edge-path-target', cx: isConnecting.x, cy: isConnecting.y, fill: 'transparent', r: 30, width: 30 }) :
+            null;
+    }, [
+        isConnecting
+    ]);
+    const style = useMemo(() => {
+        return {
+            ...pathStyle,
+            zIndex: isConnecting ?
+                1 :
+                undefined
+        };
+    }, [
+        pathStyle,
+        Boolean(isConnecting)
+    ]);
+    return (_jsxs("g", { children: [dashTrigger ??
+                _jsx("path", { className: 'lincle-base-edge-path-border', d: origins?.path, fill: 'transparent' }), _jsx("path", { className: `${className} lincle-base-edge-path`, d: origins?.path, fill: 'transparent', markerEnd: markerEnd, markerStart: markerStart, style: style })] }));
+};
+Path.displayName = 'LinclePath';
+export default Path;
+//# sourceMappingURL=Path.js.map

package/dist/cjs/components/Edges/Paths/Path/Path.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Path.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/Path.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Edges/Paths/Path/index.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDefaultLine, useEdgeSubscriber } from '../../../../shared';
+import Path from './Path';
+import { useEffect, useMemo, useState } from 'react';
+const RegisterEdge = ({ className = '', dash, id: edgeId, line: givenLine, markerEnd, markerStart, path, sourceId, targetId }) => {
+    const defaultLine = useDefaultLine();
+    const edgeSubscriber = useEdgeSubscriber();
+    const line = givenLine ?? defaultLine;
+    const [source, setSource] = useState();
+    const [target, setTarget] = useState();
+    useEffect(() => {
+        setSource(edgeSubscriber?.register(edgeId, sourceId, setSource));
+        setTarget(edgeSubscriber?.register(edgeId, targetId, setTarget));
+        return () => {
+            edgeSubscriber?.unregister(edgeId, sourceId);
+            edgeSubscriber?.unregister(edgeId, targetId);
+        };
+    }, []);
+    const pathSource = useMemo(() => {
+        return source ?
+            {
+                ...source,
+                x: source.x,
+                y: source.y
+            } :
+            undefined;
+    }, [
+        source?.x,
+        source?.y
+    ]);
+    const pathTarget = useMemo(() => {
+        return target ?
+            {
+                ...target,
+                x: target.x,
+                y: target.y
+            } :
+            undefined;
+    }, [
+        target?.x,
+        target?.y
+    ]);
+    const customPath = useMemo(() => {
+        return path ?
+            path(pathSource, pathTarget) :
+            undefined;
+    }, [
+        path,
+        pathSource,
+        pathTarget
+    ]);
+    const generatedClassName = useMemo(() => {
+        if (dash === true) {
+            return `${className} lincle-base-edge-dash-on'`;
+        }
+        else if (dash === false) {
+            return `${className} lincle-base-edge-dash-off'`;
+        }
+        else {
+            return '';
+        }
+    }, [
+        className,
+        dash
+    ]);
+    if (source &&
+        target) {
+        return customPath ??
+            _jsx(Path, { center: true, className: generatedClassName, edgeId: edgeId, line: line, markerEnd: markerEnd, markerStart: markerStart, source: pathSource, target: pathTarget });
+    }
+    else {
+        return null;
+    }
+};
+RegisterEdge.displayName = 'LincleRegisterEdge';
+export default RegisterEdge;
+export { default as Path } from './Path';
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Edges/Paths/Path/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Edges/Paths/Path/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAGL,cAAc,EACd,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAEL,SAAS,EACT,OAAO,EACP,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,MAAM,YAAY,GAAiC,CAAC,EAClD,SAAS,GAAG,EAAE,EACd,IAAI,EACJ,EAAE,EAAE,MAAM,EACV,IAAI,EAAE,SAAS,EACf,SAAS,EACT,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAC;IAEtC,MAAM,CACJ,MAAM,EACN,SAAS,CACV,GAAG,QAAQ,EAAiB,CAAC;IAE9B,MAAM,CACJ,MAAM,EACN,SAAS,CACV,GAAG,QAAQ,EAAiB,CAAC;IAE9B,SAAS,CACP,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,OAAO,CACxB,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,OAAO,CACxB,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,OAAO,CACxB,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,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE;QACH,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAClB,OAAO,GAAG,SAAS,4BAA4B,CAAC;QAClD,CAAC;aAAM,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YAC1B,OAAO,GAAG,SAAS,6BAA6B,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EACD;QACE,SAAS;QACT,IAAI;KACL,CACF,CAAC;IAEF,IACE,MAAM;QACN,MAAM,EACN,CAAC;QACD,OAAO,UAAU;YACjB,KAAC,IAAI,IACH,MAAM,QACN,SAAS,EAAE,kBAAkB,EAC7B,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,eAAe,YAAY,CAAC;AAE5B,OAAO,EACL,OAAO,IAAI,IAAI,EAChB,MAAM,QAAQ,CAAC"}

package/dist/cjs/components/Edges/Paths/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEdges } from '../../../shared';
+import RegisterEdge from './Path';
+import { useMemo } from 'react';
+const Paths = () => {
+    const edges = useEdges();
+    const paths = useMemo(() => {
+        const edgesMap = Object.keys(edges).map((edgeId) => {
+            const { line, sourceId, targetId } = edges[edgeId] ?? {};
+            if (sourceId &&
+                targetId) {
+                return (_jsx(RegisterEdge, { id: edgeId, line: line, sourceId: sourceId, targetId: targetId }, edgeId));
+            }
+            else {
+                return null;
+            }
+        });
+        return edgesMap;
+    }, [
+        edges
+    ]);
+    return paths;
+};
+Paths.displayName = 'LinclePaths';
+export default Paths;
+export { Path } from './Path';
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Edges/Paths/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Edges/Paths/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACT,MAAM,iBAAiB,CAAC;AACzB,OAAO,YAAY,MAAM,QAAQ,CAAC;AAClC,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,KAAK,GAAkC,GAAG,EAAE;IAChD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,OAAO,CACnB,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,KAAC,YAAY,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,eAAe,KAAK,CAAC;AAErB,OAAO,EACL,IAAI,EACL,MAAM,QAAQ,CAAC"}

package/dist/cjs/components/Edges/index.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Marker from './Marker';
+import Paths from './Paths';
+import { useMemo } from 'react';
+const dashClass = (dash) => {
+    if (dash === true) {
+        return 'lincle-base-edge-dash-all';
+    }
+    else if (dash === false) {
+        return 'lincle-base-edge-dash-none';
+    }
+    else {
+        return '';
+    }
+};
+const Edges = ({ children, className: givenClassName = '', dash, scale = 1, style: givenStyle, translate = {
+    x: 0,
+    y: 0
+} }) => {
+    const style = useMemo(() => {
+        const tx = translate.x;
+        const ty = translate.y;
+        const tz = scale;
+        const transform = `translateX(${tx}px) translateY(${ty}px) scale(${tz})`;
+        return {
+            ...givenStyle,
+            transform,
+            transformOrigin: 'top left'
+        };
+    }, [
+        translate.x,
+        translate.y,
+        scale,
+        givenStyle
+    ]);
+    const className = useMemo(() => {
+        return `lincle-base-edges ${givenClassName} ${dashClass(dash)}`;
+    }, [
+        dash,
+        givenClassName
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsxs("svg", { className: className, style: style, children: [_jsx("defs", { children: _jsx(Marker, {}) }), _jsx(Paths, {})] }), _jsx("div", { className: className, style: style, children: children })] }));
+};
+Edges.displayName = 'LincleEdges';
+export { Edges };
+export { Path } from './Paths';
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Edges/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edges/index.tsx"],"names":[],"mappings":";AAGA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,SAAS,GAAG,CAAC,IAAc,EAAE,EAAE;IACnC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,OAAO,2BAA2B,CAAC;IACrC,CAAC;SAAM,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,4BAA4B,CAAC;IACtC,CAAC;SAAM,CAAC;QACN,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,KAAK,GAAkC,CAC3C,EACE,QAAQ,EACR,SAAS,EAAE,cAAc,GAAG,EAAE,EAC9B,IAAI,EACJ,KAAK,GAAG,CAAC,EACT,KAAK,EAAE,UAAU,EACjB,SAAS,GAAG;IACV,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;CACL,EACU,EACb,EAAE;IACF,MAAM,KAAK,GAAG,OAAO,CACnB,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,GAAG,UAAU;YACb,SAAS;YACT,eAAe,EAAE,UAAU;SAC5B,CAAC;IACJ,CAAC,EACD;QACE,SAAS,CAAC,CAAC;QACX,SAAS,CAAC,CAAC;QACX,KAAK;QACL,UAAU;KACX,CACF,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE;QACH,OAAO,qBAAqB,cAAc,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;IAClE,CAAC,EACD;QACE,IAAI;QACJ,cAAc;KACf,CACF,CAAC;IAEF,OAAO,CACL,8BACE,eACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,aAEZ,yBACE,KAAC,MAAM,KAAG,GACL,EACP,KAAC,KAAK,KAAG,IACL,EACN,cACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAElC,OAAO,EACL,KAAK,EACN,CAAC;AAEF,OAAO,EACL,IAAI,EACL,MAAM,SAAS,CAAC"}

package/dist/cjs/components/Graph/Grid/index.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDiagramId, useGrid } from '../../../shared';
+import { useMemo } from 'react';
+const SIZE = 0.4;
+const Circle = _jsx("circle", { cx: SIZE, cy: SIZE, fill: 'black', r: SIZE });
+const Grid = ({ children, scale = 1, xOffset: givenXOffset = 0, yOffset: givenYOffset = 0 }) => {
+    const diagramId = useDiagramId();
+    const [givenGridX, givenGridY] = useGrid() || [
+        1,
+        1
+    ];
+    const id = `lincle-grid-${diagramId}`;
+    const gridX = useMemo(() => {
+        return givenGridX * scale;
+    }, [
+        givenGridX,
+        scale
+    ]);
+    const gridY = useMemo(() => {
+        return givenGridY * scale;
+    }, [
+        givenGridY,
+        scale
+    ]);
+    const xOffset = useMemo(() => {
+        return givenXOffset % gridX;
+    }, [
+        givenXOffset,
+        gridX
+    ]);
+    const yOffset = useMemo(() => {
+        return givenYOffset % gridY;
+    }, [
+        givenYOffset,
+        gridY
+    ]);
+    return (_jsxs("svg", { className: 'lincle-base-grid', children: [_jsx("pattern", { height: gridY, id: id, patternUnits: 'userSpaceOnUse', width: gridX, x: xOffset, y: yOffset, children: children ?? Circle }), _jsx("rect", { fill: `url(#${id})`, height: '100%', width: '100%', x: '0', y: '0' })] }));
+};
+Grid.displayName = 'LincleGrid';
+export default Grid;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Graph/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Graph/Grid/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,YAAY,EACZ,OAAO,EACR,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,IAAI,GAAG,GAAG,CAAC;AAEjB,MAAM,MAAM,GACV,iBACE,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,YAAY,EAAE,CAAC;IACjC,MAAM,CACJ,UAAU,EACV,UAAU,CACX,GAAG,OAAO,EAAE,IAAI;QACf,CAAC;QACD,CAAC;KACF,CAAC;IAEF,MAAM,EAAE,GAAG,eAAe,SAAS,EAAE,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC,EACD;QACE,UAAU;QACV,KAAK;KACN,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC,EACD;QACE,UAAU;QACV,KAAK;KACN,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,OAAO,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC,EACD;QACE,YAAY;QACZ,KAAK;KACN,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE;QACH,OAAO,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC,EACD;QACE,YAAY;QACZ,KAAK;KACN,CACF,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAC,kBAAkB,aAE5B,kBACE,MAAM,EAAE,KAAK,EACb,EAAE,EAAE,EAAE,EACN,YAAY,EAAC,gBAAgB,EAC7B,KAAK,EAAE,KAAK,EACZ,CAAC,EAAE,OAAO,EACV,CAAC,EAAE,OAAO,YAET,QAAQ,IAAI,MAAM,GACX,EACV,eACE,IAAI,EAAE,QAAQ,EAAE,GAAG,EACnB,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,GACL,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAEhC,eAAe,IAAI,CAAC"}

package/dist/cjs/components/Graph/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Providers } from '../../shared';
+import Grid from './Grid';
+const Graph = ({ children, edgeFrequency, grid, id, line, nodeFrequency, nodeHeight, nodeWidth, shape, showGrid }) => {
+    if (!id) {
+        console.error('No ID provided to @lincle/base Graph!');
+        return null;
+    }
+    const gird = showGrid === false ?
+        null :
+        _jsx(Grid, {});
+    return (_jsxs(Providers, { edgeFrequency: edgeFrequency, grid: grid, id: id, line: line, nodeFrequency: nodeFrequency, nodeHeight: nodeHeight, nodeWidth: nodeWidth, shape: shape, children: [gird, children] }));
+};
+Graph.displayName = 'LincleGraph';
+export { Graph };
+export { default as Grid } from './Grid';
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Graph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Graph/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,QAAQ,CAAC;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,KAAC,IAAI,KAAG,CAAC;IAEX,OAAO,CACL,MAAC,SAAS,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;AAEF,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAElC,OAAO,EACL,KAAK,EACN,CAAC;AAEF,OAAO,EACL,OAAO,IAAI,IAAI,EAChB,MAAM,QAAQ,CAAC"}

package/dist/cjs/components/Node/index.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDefaultNodeHeight, useDefaultNodeWidth, useDefaultShape, useEdgeSubscriber, useNodePositions } from '../../shared';
+import { forwardRef, useEffect, useMemo } from 'react';
+const Node = ({ children, className: givenClassName = '', height: givenHeight, id: nodeId, shape: givenShape, style: { node: nodeStyle } = {}, width: givenWidth, x: givenX = 0, y: givenY = 0, ...additionalProperties }, ref) => {
+    const defaultHeight = useDefaultNodeHeight();
+    const defaultShape = useDefaultShape();
+    const defaultWidth = useDefaultNodeWidth();
+    const edgeSubscriber = useEdgeSubscriber();
+    const nodePositions = useNodePositions();
+    const height = givenHeight ?? defaultHeight ?? 0;
+    const shape = givenShape ?? defaultShape ?? 'oval';
+    const width = givenWidth ?? defaultWidth ?? 0;
+    const { x, y } = useMemo(() => {
+        if (!(givenX || givenY)) {
+            const getNumber = /(-?\d+(\.\d+)?)/gu;
+            const [translateX, translateY] = nodeStyle?.transform ?
+                nodeStyle.transform.match(getNumber) ?? [
+                    undefined,
+                    undefined
+                ] :
+                [
+                    undefined,
+                    undefined
+                ];
+            const left = nodeStyle?.left ?? undefined;
+            const top = nodeStyle?.top ?? undefined;
+            return {
+                x: Number(translateX) || Number(left) || 0,
+                y: Number(translateY) || Number(top) || 0
+            };
+        }
+        return {
+            x: givenX,
+            y: givenY
+        };
+    }, [
+        givenX,
+        givenY,
+        nodeStyle
+    ]);
+    useEffect(() => {
+        nodePositions?.register({
+            height,
+            id: nodeId,
+            shape,
+            width,
+            x,
+            y
+        });
+        return () => {
+            nodePositions?.unregister(nodeId);
+        };
+    }, []);
+    useEffect(() => {
+        nodePositions?.update({
+            height,
+            id: nodeId,
+            shape,
+            width,
+            x,
+            y
+        });
+    }, [
+        height,
+        nodeId,
+        nodePositions,
+        shape,
+        width,
+        x,
+        y
+    ]);
+    useEffect(() => {
+        edgeSubscriber?.update({
+            height,
+            id: nodeId,
+            shape,
+            width,
+            x,
+            y
+        });
+    }, [
+        edgeSubscriber,
+        height,
+        nodeId,
+        shape,
+        width,
+        x,
+        y
+    ]);
+    const adjustedStyle = useMemo(() => {
+        return {
+            ...nodeStyle,
+            height,
+            transform: nodeStyle?.transform ?? `translate(${x}px, ${y}px) translateZ(0)`,
+            width
+        };
+    }, [
+        height,
+        nodeStyle,
+        width,
+        x,
+        y
+    ]);
+    const className = useMemo(() => {
+        return `${givenClassName} lincle-base-node ${shape === 'oval' ?
+            'lincle-base-node-round' :
+            ''}`;
+    }, [
+        givenClassName,
+        shape
+    ]);
+    const dataTestId = useMemo(() => {
+        return `node-${nodeId}`;
+    }, [
+        nodeId
+    ]);
+    return (_jsx("div", { className: className, "data-testid": dataTestId, ref: ref, role: 'none', style: adjustedStyle, ...additionalProperties, children: children }));
+};
+Node.displayName = 'LincleNode';
+const refNode = forwardRef(Node);
+export { refNode as Node };
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Node/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Nodes/index.js

@@ -0,0 +1,6 @@
+const Nodes = ({ children }) => {
+    return children;
+};
+Nodes.displayName = 'LincleNodes';
+export { Nodes };
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Nodes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Nodes/index.ts"],"names":[],"mappings":"AAOA,MAAM,KAAK,GAAkC,CAC3C,EACE,QAAQ,EACT,EAED,EAAE;IACF,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC;AAElC,OAAO,EACL,KAAK,EACN,CAAC"}

package/dist/cjs/components/index.js

@@ -0,0 +1,6 @@
+export * from './Edge';
+export * from './Edges';
+export * from './Graph';
+export * from './Node';
+export * from './Nodes';
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './shared';
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/cjs/shared.js

@@ -0,0 +1,2 @@
+export { generateOrigins, Providers, useDefaultLine, useDefaultNodeHeight, useDefaultNodeWidth, useDefaultShape, useDiagramId, useEdge, useEdges, useEdgeSubscriber, useGrid, useNodePositions, useRemoveEdge, useUpdateEdge } from '@lincle/react-shared';
+//# sourceMappingURL=shared.js.map

package/dist/cjs/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/shared.ts"],"names":[],"mappings":"AAkCA,OAAO,EAEL,eAAe,EAKf,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,aAAa,EACd,MAAM,sBAAsB,CAAC"}

package/dist/esm/components/Edge/index.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEdge, useRemoveEdge, useUpdateEdge } from '../../shared';
+import { useEffect, useMemo } from 'react';
+const Edge = ({ children, className, dash, id: edgeId, line, markerEnd, markerStart, sourceId, targetId }) => {
+    const updateEdge = useUpdateEdge();
+    const removeEdge = useRemoveEdge();
+    const edge = useEdge(edgeId);
+    useEffect(() => {
+        return () => {
+            if (removeEdge) {
+                removeEdge(edgeId);
+            }
+        };
+    }, []);
+    useEffect(() => {
+        if (updateEdge) {
+            updateEdge(edgeId, {
+                className,
+                dash,
+                line,
+                markerEnd,
+                markerStart,
+                sourceId,
+                targetId
+            });
+        }
+        return () => {
+            if (removeEdge) {
+                removeEdge(edgeId);
+            }
+        };
+    }, [
+        className,
+        dash,
+        edgeId,
+        line,
+        markerEnd,
+        markerStart,
+        removeEdge,
+        sourceId,
+        targetId,
+        updateEdge
+    ]);
+    const style = useMemo(() => {
+        return {
+            left: edge?.center?.x,
+            position: 'absolute',
+            top: edge?.center?.y
+        };
+    }, [
+        edge?.center?.x,
+        edge?.center?.y
+    ]);
+    return (_jsx("div", { style: style, children: children }));
+};
+Edge.displayName = 'LincleEdge';
+export { Edge };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Edge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Edge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,OAAO,EACP,aAAa,EACb,aAAa,EACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,SAAS,EACT,OAAO,EACR,MAAM,OAAO,CAAC;AAEf,MAAM,IAAI,GAAiC,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,EAAE,EAAE,MAAM,EACV,IAAI,EACJ,SAAS,EACT,WAAW,EAEX,QAAQ,EACR,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAE7B,SAAS,CACP,GAAG,EAAE;QACH,OAAO,GAAS,EAAE;YAChB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CACR,MAAM,CACP,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,SAAS,CACP,GAAG,EAAE;QACH,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CACR,MAAM,EACN;gBACE,SAAS;gBACT,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,SAAS;QACT,IAAI;QACJ,MAAM;QACN,IAAI;QACJ,SAAS;QACT,WAAW;QACX,UAAU;QACV,QAAQ;QACR,QAAQ;QACR,UAAU;KACX,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE;QACH,OAAO;YACL,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;SACrB,CAAC;IACJ,CAAC,EACD;QACE,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,IAAI,EAAE,MAAM,EAAE,CAAC;KAChB,CACF,CAAC;IAEF,OAAO,CACL,cACE,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC;AAEhC,OAAO,EACL,IAAI,EACL,CAAC"}