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

package/dist/components/Node/index.js

@@ -1,143 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PullNode = exports.MoveNode = exports.Node = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const shared_1 = require("../../shared");
-const MoveNode_1 = __importDefault(require("./MoveNode"));
-const PullNode_1 = __importDefault(require("./PullNode"));
-const react_1 = require("react");
-const emptySnap = [
-    1,
-    1
-];
-const Node = ({ children, height: givenHeight, id, line: givenLine, mode: givenMode, move: givenMove, onDrag, onEdgeDrop: givenOnEdgeDrop, onSelect: givenOnSelect, onStart, onStop, pull: givenPull, shape: givenShape, style, width: givenWidth, x, y }) => {
-    var _a;
-    const defaultHeight = (0, shared_1.useDefaultNodeHeight)();
-    const defaultLine = (0, shared_1.useDefaultLine)();
-    const defaultShape = (0, shared_1.useDefaultShape)();
-    const defaultWidth = (0, shared_1.useDefaultNodeWidth)();
-    const snap = (0, shared_1.useSnap)();
-    const [snapX, snapY] = snap && Array.isArray(snap) ?
-        snap :
-        emptySnap;
-    const graphMode = (0, shared_1.useMode)();
-    const graphGivenMode = (0, shared_1.useModeGiven)();
-    const mode = (_a = givenMode !== null && givenMode !== void 0 ? givenMode : graphGivenMode) !== null && _a !== void 0 ? _a : graphMode;
-    const graphMove = (0, shared_1.useMove)();
-    const graphPull = (0, shared_1.usePull)();
-    const onNodeDrag = (0, shared_1.useOnNodeDrag)();
-    const onNodeEdgeDrop = (0, shared_1.useOnNodeEdgeDrop)();
-    const onNodeSelect = (0, shared_1.useOnNodeSelect)();
-    const onNodeStart = (0, shared_1.useOnNodeStart)();
-    const onNodeStop = (0, shared_1.useOnNodeStop)();
-    const move = givenMove !== null && givenMove !== void 0 ? givenMove : graphMove;
-    const pull = givenPull !== null && givenPull !== void 0 ? givenPull : graphPull;
-    const onEdgeDrop = givenOnEdgeDrop !== null && givenOnEdgeDrop !== void 0 ? givenOnEdgeDrop : onNodeEdgeDrop;
-    const onSelect = givenOnSelect !== null && givenOnSelect !== void 0 ? givenOnSelect : onNodeSelect;
-    const pullPosition = (0, react_1.useRef)({
-        x,
-        y
-    });
-    const { height, line, shape, width } = (0, react_1.useMemo)(() => {
-        return {
-            height: givenHeight !== null && givenHeight !== void 0 ? givenHeight : defaultHeight,
-            line: givenLine !== null && givenLine !== void 0 ? givenLine : defaultLine,
-            shape: givenShape !== null && givenShape !== void 0 ? givenShape : defaultShape,
-            width: givenWidth !== null && givenWidth !== void 0 ? givenWidth : defaultWidth
-        };
-    }, [
-        defaultHeight,
-        defaultLine,
-        defaultShape,
-        defaultWidth,
-        givenHeight,
-        givenLine,
-        givenShape,
-        givenWidth
-    ]);
-    const handleOnStart = (0, react_1.useCallback)((event) => {
-        if (onStart) {
-            onStart(event);
-        }
-        else if (onNodeStart) {
-            onNodeStart(event, id);
-        }
-    }, [
-        id,
-        onNodeStart,
-        onStart
-    ]);
-    const handleOnDrag = (0, react_1.useCallback)((event, data) => {
-        if (onDrag) {
-            onDrag(event, data);
-        }
-        else if (onNodeDrag) {
-            onNodeDrag(event, id, data);
-        }
-    }, [
-        id,
-        onDrag,
-        onNodeDrag
-    ]);
-    const handleOnStop = (0, react_1.useCallback)((event, data) => {
-        if (onStop) {
-            onStop(event, data);
-        }
-        else if (onNodeStop) {
-            onNodeStop(event, id, data);
-        }
-    }, [
-        id,
-        onNodeStop,
-        onStop
-    ]);
-    const handleMoveStart = (0, react_1.useCallback)((event) => {
-        handleOnStart(event);
-    }, [
-        handleOnStart
-    ]);
-    const handleMoveDrag = (0, react_1.useCallback)((event, data, position) => {
-        pullPosition.current = {
-            x: position.x,
-            y: position.y
-        };
-        handleOnDrag(event, data);
-    }, [
-        handleOnDrag
-    ]);
-    const handleMoveStop = (0, react_1.useCallback)((event, data) => {
-        handleOnStop(event, data);
-    }, [
-        handleOnStop
-    ]);
-    const pullNode = (0, react_1.useMemo)(() => {
-        return mode === 'pull' && pull ?
-            (0, jsx_runtime_1.jsx)(PullNode_1.default, { height: height, line: line, mode: mode, onEdgeDrop: onEdgeDrop, shape: shape, sourceId: id, style: style, width: width, x: pullPosition.current.x, y: pullPosition.current.y }) :
-            null;
-    }, [
-        mode
-    ]);
-    const snapper = (0, react_1.useMemo)(() => {
-        return {
-            x: Math.ceil((x !== null && x !== void 0 ? x : 0) / snapX) * snapX,
-            y: Math.ceil((y !== null && y !== void 0 ? y : 0) / snapY) * snapY
-        };
-    }, [
-        snapX,
-        snapY,
-        x,
-        y
-    ]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MoveNode_1.default, { disabled: mode === 'pull' ?
-                    true :
-                    !move, height: height, id: id, mode: mode, onDrag: handleMoveDrag, onSelect: onSelect, onStart: handleMoveStart, onStop: handleMoveStop, shape: shape, snap: snap, style: style, width: width, x: snapper.x, y: snapper.y, children: children }), pullNode] }));
-};
-exports.Node = Node;
-Node.displayName = 'LincleInteractiveNode';
-var MoveNode_2 = require("./MoveNode");
-Object.defineProperty(exports, "MoveNode", { enumerable: true, get: function () { return __importDefault(MoveNode_2).default; } });
-var PullNode_2 = require("./PullNode");
-Object.defineProperty(exports, "PullNode", { enumerable: true, get: function () { return __importDefault(PullNode_2).default; } });

package/dist/components/Nodes/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Nodes = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const base_1 = require("../../base");
-const Interaction_1 = __importDefault(require("./Interaction"));
-const Nodes = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(Interaction_1.default, { children: (0, jsx_runtime_1.jsx)(base_1.Nodes, Object.assign({}, props, { children: children })) }));
-};
-exports.Nodes = Nodes;
-Nodes.displayName = 'LincleInteractiveNodes';

package/dist/components/index.js

@@ -1,21 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Edge"), exports);
-__exportStar(require("./Edges"), exports);
-__exportStar(require("./Graph"), exports);
-__exportStar(require("./Node"), exports);
-__exportStar(require("./Nodes"), exports);

package/dist/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components"), exports);
-__exportStar(require("./shared"), exports);

package/dist/shared.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphBase = exports.useZoom = exports.useTranslate = exports.useSnap = exports.useSetConnection = exports.useScale = exports.usePull = exports.usePan = exports.useOnTranslate = exports.useOnScale = exports.useOnNodeStop = exports.useOnNodeStart = exports.useOnNodeSelect = exports.useOnNodeEdgeDrop = exports.useOnNodeDrag = exports.useOnMode = exports.useNodePositions = exports.useMove = exports.useModeGiven = exports.useMode = exports.useMinScale = exports.useMaxScale = exports.useDiagramId = exports.useDefaultShape = exports.useDefaultNodeWidth = exports.useDefaultNodeHeight = exports.useDefaultLine = exports.useConnections = exports.Providers = void 0;
-var react_interactive_shared_1 = require("@lincle/react-interactive-shared");
-Object.defineProperty(exports, "Providers", { enumerable: true, get: function () { return react_interactive_shared_1.Providers; } });
-Object.defineProperty(exports, "useConnections", { enumerable: true, get: function () { return react_interactive_shared_1.useConnections; } });
-Object.defineProperty(exports, "useDefaultLine", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultLine; } });
-Object.defineProperty(exports, "useDefaultNodeHeight", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultNodeHeight; } });
-Object.defineProperty(exports, "useDefaultNodeWidth", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultNodeWidth; } });
-Object.defineProperty(exports, "useDefaultShape", { enumerable: true, get: function () { return react_interactive_shared_1.useDefaultShape; } });
-Object.defineProperty(exports, "useDiagramId", { enumerable: true, get: function () { return react_interactive_shared_1.useDiagramId; } });
-Object.defineProperty(exports, "useMaxScale", { enumerable: true, get: function () { return react_interactive_shared_1.useMaxScale; } });
-Object.defineProperty(exports, "useMinScale", { enumerable: true, get: function () { return react_interactive_shared_1.useMinScale; } });
-Object.defineProperty(exports, "useMode", { enumerable: true, get: function () { return react_interactive_shared_1.useMode; } });
-Object.defineProperty(exports, "useModeGiven", { enumerable: true, get: function () { return react_interactive_shared_1.useModeGiven; } });
-Object.defineProperty(exports, "useMove", { enumerable: true, get: function () { return react_interactive_shared_1.useMove; } });
-Object.defineProperty(exports, "useNodePositions", { enumerable: true, get: function () { return react_interactive_shared_1.useNodePositions; } });
-Object.defineProperty(exports, "useOnMode", { enumerable: true, get: function () { return react_interactive_shared_1.useOnMode; } });
-Object.defineProperty(exports, "useOnNodeDrag", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeDrag; } });
-Object.defineProperty(exports, "useOnNodeEdgeDrop", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeEdgeDrop; } });
-Object.defineProperty(exports, "useOnNodeSelect", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeSelect; } });
-Object.defineProperty(exports, "useOnNodeStart", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeStart; } });
-Object.defineProperty(exports, "useOnNodeStop", { enumerable: true, get: function () { return react_interactive_shared_1.useOnNodeStop; } });
-Object.defineProperty(exports, "useOnScale", { enumerable: true, get: function () { return react_interactive_shared_1.useOnScale; } });
-Object.defineProperty(exports, "useOnTranslate", { enumerable: true, get: function () { return react_interactive_shared_1.useOnTranslate; } });
-Object.defineProperty(exports, "usePan", { enumerable: true, get: function () { return react_interactive_shared_1.usePan; } });
-Object.defineProperty(exports, "usePull", { enumerable: true, get: function () { return react_interactive_shared_1.usePull; } });
-Object.defineProperty(exports, "useScale", { enumerable: true, get: function () { return react_interactive_shared_1.useScale; } });
-Object.defineProperty(exports, "useSetConnection", { enumerable: true, get: function () { return react_interactive_shared_1.useSetConnection; } });
-Object.defineProperty(exports, "useSnap", { enumerable: true, get: function () { return react_interactive_shared_1.useSnap; } });
-Object.defineProperty(exports, "useTranslate", { enumerable: true, get: function () { return react_interactive_shared_1.useTranslate; } });
-Object.defineProperty(exports, "useZoom", { enumerable: true, get: function () { return react_interactive_shared_1.useZoom; } });
-var react_web_base_1 = require("@lincle/react-web-base");
-Object.defineProperty(exports, "GraphBase", { enumerable: true, get: function () { return react_web_base_1.Graph; } });