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

package/dist/Hooks/useOnTranslate.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnTranslate = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useOnTranslate = () => {
+    const { onTranslate } = (0, react_1.useContext)(Contexts_1.TranslateContext);
+    return onTranslate;
+};
+exports.useOnTranslate = useOnTranslate;

package/dist/Hooks/useOnTranslateThrottle.d.ts

@@ -0,0 +1,2 @@
+declare const useOnTranslateThrottle: () => import("lodash").DebouncedFuncLeading<(width: number, height: number, x: number, y: number, scale: number) => void>;
+export { useOnTranslateThrottle };

package/dist/Hooks/useOnTranslateThrottle.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnTranslateThrottle = void 0;
+const Contexts_1 = require("../Contexts");
+const react_shared_1 = require("@lincle/react-shared");
+const lodash_throttle_1 = __importDefault(require("lodash.throttle"));
+const react_1 = require("react");
+const scaleCoordinates = (width, height, x, y, scale) => {
+    if (scale === 1) {
+        return {
+            x,
+            y
+        };
+    }
+    const centerX = width / 2;
+    const centerY = height / 2;
+    const relX = x - centerX;
+    const relY = y - centerY;
+    const scaledX = relX * scale;
+    const scaledY = relY * scale;
+    return {
+        x: Math.round(scaledX + centerX),
+        y: Math.round(scaledY + centerY)
+    };
+};
+const useOnTranslateThrottle = () => {
+    const edgeFrequency = (0, react_shared_1.useEdgeFrequency)();
+    const { onTranslate } = (0, react_1.useContext)(Contexts_1.TranslateContext);
+    const handleTranslate = (0, react_1.useCallback)((width, height, x, y, scale) => {
+        if (onTranslate) {
+            const scaledCoordinates = scaleCoordinates(width, height, x, y, scale);
+            onTranslate(scaledCoordinates);
+        }
+    }, [
+        onTranslate
+    ]);
+    const throttledTranslate = (0, react_1.useMemo)(() => {
+        return (0, lodash_throttle_1.default)(handleTranslate, edgeFrequency, {
+            trailing: true
+        });
+    }, [
+        edgeFrequency,
+        handleTranslate
+    ]);
+    return throttledTranslate;
+};
+exports.useOnTranslateThrottle = useOnTranslateThrottle;

package/dist/Hooks/usePan.d.ts

@@ -0,0 +1,2 @@
+declare const usePan: () => boolean;
+export { usePan };

package/dist/Hooks/usePan.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePan = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const usePan = () => {
+    const { pan } = (0, react_1.useContext)(Contexts_1.TranslateContext);
+    return pan;
+};
+exports.usePan = usePan;

package/dist/Hooks/usePull.d.ts

@@ -0,0 +1,2 @@
+declare const usePull: () => boolean;
+export { usePull };

package/dist/Hooks/usePull.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePull = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const usePull = () => {
+    const { pull } = (0, react_1.useContext)(Contexts_1.ModeContext);
+    return pull;
+};
+exports.usePull = usePull;

package/dist/Hooks/useScale.d.ts

@@ -0,0 +1,2 @@
+declare const useScale: () => number;
+export { useScale };

package/dist/Hooks/useScale.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScale = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useScale = () => {
+    const { scale } = (0, react_1.useContext)(Contexts_1.ScaleContext);
+    return scale;
+};
+exports.useScale = useScale;

package/dist/Hooks/useSetConnection.d.ts

@@ -0,0 +1,3 @@
+import { type Connection } from '../types';
+declare const useSetConnection: (sourceId: string) => (connection?: Connection) => void;
+export { useSetConnection };

package/dist/Hooks/useSetConnection.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetConnection = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useSetConnection = (sourceId) => {
+    const { setConnection } = (0, react_1.useContext)(Contexts_1.ConnectContext);
+    return (0, react_1.useCallback)((connection) => {
+        if (setConnection) {
+            setConnection(sourceId, connection);
+        }
+    }, [
+        setConnection,
+        sourceId
+    ]);
+};
+exports.useSetConnection = useSetConnection;

package/dist/Hooks/useSnap.d.ts

@@ -0,0 +1,2 @@
+declare const useSnap: () => import("../Contexts").SnapContextProps;
+export { useSnap };

package/dist/Hooks/useSnap.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSnap = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useSnap = () => {
+    const snap = (0, react_1.useContext)(Contexts_1.SnapContext);
+    return snap;
+};
+exports.useSnap = useSnap;

package/dist/Hooks/useTranslate.d.ts

@@ -0,0 +1,2 @@
+declare const useTranslate: () => import("..").Translate;
+export { useTranslate };

package/dist/Hooks/useTranslate.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTranslate = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useTranslate = () => {
+    const { translate } = (0, react_1.useContext)(Contexts_1.TranslateContext);
+    return translate;
+};
+exports.useTranslate = useTranslate;

package/dist/Hooks/useZoom.d.ts

@@ -0,0 +1,2 @@
+declare const useZoom: () => boolean;
+export { useZoom };

package/dist/Hooks/useZoom.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useZoom = void 0;
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const useZoom = () => {
+    const { zoom } = (0, react_1.useContext)(Contexts_1.TransformContext);
+    return zoom;
+};
+exports.useZoom = useZoom;

package/dist/Providers/ConnectProvider.d.ts

@@ -0,0 +1,4 @@
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const ConnectProvider: FunctionComponent<ConnectProviderProps>;
+export { ConnectProvider };
+export type ConnectProviderProps = PropsWithChildren<{}>;

package/dist/Providers/ConnectProvider.js

@@ -0,0 +1,44 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const ConnectProvider = ({ children }) => {
+    const [connections, setConnections] = (0, react_1.useState)({});
+    const setConnection = (0, react_1.useCallback)((sourceId, connection) => {
+        setConnections((currentConnections) => {
+            if (connection) {
+                return Object.assign(Object.assign({}, currentConnections), { [sourceId]: connection });
+            }
+            else {
+                const _a = currentConnections, _b = sourceId, omit = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                return rest;
+            }
+        });
+    }, []);
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            connections,
+            setConnection,
+            setConnections
+        };
+    }, [
+        connections,
+        setConnection
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.ConnectContext.Provider, { value: value, children: children }));
+};
+exports.ConnectProvider = ConnectProvider;
+ConnectProvider.displayName = 'LincleConnectProvider';

package/dist/Providers/ModeProvider.d.ts

@@ -0,0 +1,5 @@
+import { type ModeContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const ModeProvider: FunctionComponent<ModeProviderProps>;
+export { ModeProvider };
+export type ModeProviderProps = PropsWithChildren<Omit<ModeContextProps, 'givenMode'>>;

package/dist/Providers/ModeProvider.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const ModeProvider = ({ children, mode: givenMode, move, pull }) => {
+    const [mode, setMode] = (0, react_1.useState)(defaultSettings_1.default.mode.mode);
+    const handleMode = (0, react_1.useCallback)((newMode) => {
+        setMode(newMode);
+    }, []);
+    const Mode = (0, react_1.useMemo)(() => {
+        return {
+            givenMode,
+            mode,
+            move,
+            onMode: handleMode,
+            pull
+        };
+    }, [
+        givenMode,
+        handleMode,
+        mode,
+        move,
+        pull
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.ModeContext.Provider, { value: Mode, children: children }));
+};
+exports.ModeProvider = ModeProvider;
+ModeProvider.displayName = 'LincleModeProvider';

package/dist/Providers/NodeProvider.d.ts

@@ -0,0 +1,5 @@
+import { type NodeContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const NodeProvider: FunctionComponent<NodeProviderProps>;
+export { NodeProvider };
+export type NodeProviderProps = PropsWithChildren<NodeContextProps>;

package/dist/Providers/NodeProvider.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const NodeProvider = ({ children, onNodeDrag, onNodeEdgeDrop, onNodeSelect, onNodeStart, onNodeStop }) => {
+    const [nodeControls, setNodeControls] = (0, react_1.useState)({
+        onNodeDrag,
+        onNodeEdgeDrop,
+        onNodeSelect,
+        onNodeStart,
+        onNodeStop
+    });
+    const NodeControls = (0, react_1.useMemo)(() => {
+        return {
+            onNodeDrag,
+            onNodeEdgeDrop,
+            onNodeSelect,
+            onNodeStart,
+            onNodeStop,
+            setNodeControls
+        };
+    }, [
+        onNodeDrag,
+        onNodeEdgeDrop,
+        onNodeSelect,
+        onNodeStart,
+        onNodeStop,
+        setNodeControls
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.NodeContext.Provider, { value: NodeControls, children: children }));
+};
+exports.NodeProvider = NodeProvider;
+NodeProvider.displayName = 'LincleNodeProvider';

package/dist/Providers/Providers.d.ts

@@ -0,0 +1,7 @@
+export * from './ConnectProvider';
+export * from './ModeProvider';
+export * from './NodeProvider';
+export * from './ScaleProvider';
+export * from './SnapProvider';
+export * from './TransformProvider';
+export * from './TranslateProvider';

package/dist/Providers/Providers.js

@@ -0,0 +1,23 @@
+"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("./ConnectProvider"), exports);
+__exportStar(require("./ModeProvider"), exports);
+__exportStar(require("./NodeProvider"), exports);
+__exportStar(require("./ScaleProvider"), exports);
+__exportStar(require("./SnapProvider"), exports);
+__exportStar(require("./TransformProvider"), exports);
+__exportStar(require("./TranslateProvider"), exports);

package/dist/Providers/ScaleProvider.d.ts

@@ -0,0 +1,5 @@
+import { type ScaleContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const ScaleProvider: FunctionComponent<ScaleProviderProps>;
+export { ScaleProvider };
+export type ScaleProviderProps = PropsWithChildren<ScaleContextProps>;

package/dist/Providers/ScaleProvider.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScaleProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const ScaleProvider = ({ children, onScale, scale: givenScale }) => {
+    const [scale, setScale] = (0, react_1.useState)(givenScale);
+    (0, react_1.useEffect)(() => {
+        setScale(givenScale);
+    }, [
+        givenScale
+    ]);
+    const handleScale = (0, react_1.useCallback)((newScale) => {
+        if (onScale) {
+            onScale(newScale);
+        }
+        setScale(newScale);
+    }, [
+        onScale
+    ]);
+    const Scale = (0, react_1.useMemo)(() => {
+        return {
+            onScale: handleScale,
+            scale
+        };
+    }, [
+        handleScale,
+        scale
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.ScaleContext.Provider, { value: Scale, children: children }));
+};
+exports.ScaleProvider = ScaleProvider;
+ScaleProvider.displayName = 'LincleScaleProvider';

package/dist/Providers/SnapProvider.d.ts

@@ -0,0 +1,7 @@
+import { type SnapContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const SnapProvider: FunctionComponent<SnapProviderProps>;
+export { SnapProvider };
+export type SnapProviderProps = PropsWithChildren<{
+    readonly snap?: SnapContextProps;
+}>;

package/dist/Providers/SnapProvider.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnapProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_shared_1 = require("@lincle/react-shared");
+const react_1 = require("react");
+const SnapProvider = ({ children, snap }) => {
+    var _a;
+    const grid = (_a = (0, react_shared_1.useGrid)()) !== null && _a !== void 0 ? _a : false;
+    const derivedSnap = (0, react_1.useMemo)(() => {
+        switch (snap) {
+            case undefined: {
+                return grid;
+            }
+            case false: {
+                return false;
+            }
+            default: {
+                return snap;
+            }
+        }
+    }, [
+        grid,
+        snap
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.SnapContext.Provider, { value: derivedSnap, children: children }));
+};
+exports.SnapProvider = SnapProvider;
+SnapProvider.displayName = 'LincleSnapProvider';

package/dist/Providers/TransformProvider.d.ts

@@ -0,0 +1,5 @@
+import { type TransformContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const TransformProvider: FunctionComponent<TransformProviderProps>;
+export { TransformProvider };
+export type TransformProviderProps = PropsWithChildren<TransformContextProps>;

package/dist/Providers/TransformProvider.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransformProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const TransformProvider = ({ children, maxScale, minScale, zoom }) => {
+    const transform = (0, react_1.useMemo)(() => {
+        return {
+            maxScale,
+            minScale,
+            zoom
+        };
+    }, [
+        maxScale,
+        minScale,
+        zoom
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.TransformContext.Provider, { value: transform, children: children }));
+};
+exports.TransformProvider = TransformProvider;
+TransformProvider.displayName = 'LincleTransformProvider';

package/dist/Providers/TranslateProvider.d.ts

@@ -0,0 +1,5 @@
+import { type TranslateContextProps } from '../Contexts';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+declare const TranslateProvider: FunctionComponent<TranslateProviderProps>;
+export { TranslateProvider };
+export type TranslateProviderProps = PropsWithChildren<TranslateContextProps>;

package/dist/Providers/TranslateProvider.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TranslateProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Contexts_1 = require("../Contexts");
+const react_1 = require("react");
+const TranslateProvider = ({ children, onTranslate, pan, translate: { x, y } }) => {
+    const [translate, setTranslate] = (0, react_1.useState)({
+        x,
+        y
+    });
+    const handleTranslate = (0, react_1.useCallback)((newTranslate) => {
+        if (onTranslate) {
+            onTranslate(newTranslate);
+        }
+        setTranslate(newTranslate);
+    }, [
+        onTranslate
+    ]);
+    const Translate = (0, react_1.useMemo)(() => {
+        return {
+            onTranslate: handleTranslate,
+            pan,
+            translate
+        };
+    }, [
+        handleTranslate,
+        pan,
+        translate
+    ]);
+    (0, react_1.useEffect)(() => {
+        setTranslate({
+            x,
+            y
+        });
+    }, [
+        x,
+        y
+    ]);
+    return ((0, jsx_runtime_1.jsx)(Contexts_1.TranslateContext.Provider, { value: Translate, children: children }));
+};
+exports.TranslateProvider = TranslateProvider;
+TranslateProvider.displayName = 'LincleTranslateProvider';

package/dist/Providers/index.d.ts

@@ -0,0 +1,5 @@
+import { type ConnectProviderProps, type ModeProviderProps, type NodeProviderProps, type ScaleProviderProps, type SnapProviderProps, type TransformProviderProps, type TranslateProviderProps } from './Providers';
+import { type FunctionComponent } from 'react';
+declare const Providers: FunctionComponent<ProvidersProps>;
+export { Providers };
+export type ProvidersProps = Partial<ModeProviderProps & NodeProviderProps & ScaleProviderProps & SnapProviderProps & TransformProviderProps & TranslateProviderProps & ConnectProviderProps>;

package/dist/Providers/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const Providers_1 = require("./Providers");
+const Providers = ({ children, maxScale = defaultSettings_1.default.transform.maxScale, minScale = defaultSettings_1.default.transform.minScale, mode, move = defaultSettings_1.default.mode.move, onNodeDrag, onNodeEdgeDrop, onNodeSelect, onNodeStart, onNodeStop, onScale, onTranslate, pan = defaultSettings_1.default.translate.pan, pull = defaultSettings_1.default.mode.pull, scale = defaultSettings_1.default.scale, snap, translate = defaultSettings_1.default.translate.translate, zoom = defaultSettings_1.default.transform.zoom }) => {
+    return ((0, jsx_runtime_1.jsx)(Providers_1.SnapProvider, { snap: snap, children: (0, jsx_runtime_1.jsx)(Providers_1.ConnectProvider, { children: (0, jsx_runtime_1.jsx)(Providers_1.TransformProvider, { maxScale: maxScale, minScale: minScale, onScale: onScale, zoom: zoom, children: (0, jsx_runtime_1.jsx)(Providers_1.NodeProvider, { onNodeDrag: onNodeDrag, onNodeEdgeDrop: onNodeEdgeDrop, onNodeSelect: onNodeSelect, onNodeStart: onNodeStart, onNodeStop: onNodeStop, children: (0, jsx_runtime_1.jsx)(Providers_1.ModeProvider, { mode: mode, move: move, pull: pull, children: (0, jsx_runtime_1.jsx)(Providers_1.ScaleProvider, { onScale: onScale, scale: scale, children: (0, jsx_runtime_1.jsx)(Providers_1.TranslateProvider, { onTranslate: onTranslate, pan: pan, translate: translate, children: children }) }) }) }) }) }) }));
+};
+exports.Providers = Providers;
+Providers.displayName = 'LincleInteractiveProviders';

package/dist/defaultSettings.d.ts

@@ -0,0 +1,32 @@
+import { type ModeType } from './types';
+declare const _default: {
+    mode: {
+        mode: ModeType;
+        move: boolean;
+        pull: boolean;
+    };
+    scale: number;
+    snap: false;
+    transform: {
+        maxScale: number;
+        minScale: number;
+        pan: boolean;
+        zoom: boolean;
+    };
+    translate: {
+        pan: boolean;
+        translate: {
+            x: number;
+            y: number;
+        };
+    };
+    edgeFrequency: number;
+    grid: [number, number];
+    height: number;
+    line: import("@lincle/react-shared").Line;
+    nodeFrequency: number;
+    shape: import("@lincle/react-shared").Shape;
+    showGrid: boolean;
+    width: number;
+};
+export default _default;

package/dist/defaultSettings.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_shared_1 = require("@lincle/react-shared");
+exports.default = Object.assign(Object.assign({}, react_shared_1.defaultSettings), { mode: {
+        mode: 'move',
+        move: true,
+        pull: true
+    }, scale: 1, snap: false, transform: {
+        maxScale: 2,
+        minScale: 0.5,
+        pan: true,
+        zoom: true
+    }, translate: {
+        pan: true,
+        translate: {
+            x: 0,
+            y: 0
+        }
+    } });

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Hooks';
+export * from './Providers';
+export * from './shared';
+export * from './types';

package/dist/index.js

@@ -0,0 +1,20 @@
+"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("./Hooks"), exports);
+__exportStar(require("./Providers"), exports);
+__exportStar(require("./shared"), exports);
+__exportStar(require("./types"), exports);

package/dist/shared.d.ts

@@ -0,0 +1 @@
+export { useDiagramId, useEdgeSubscriber, useGrid, useNodePositions } from '@lincle/react-shared';

package/dist/shared.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNodePositions = exports.useGrid = exports.useEdgeSubscriber = exports.useDiagramId = void 0;
+var react_shared_1 = require("@lincle/react-shared");
+Object.defineProperty(exports, "useDiagramId", { enumerable: true, get: function () { return react_shared_1.useDiagramId; } });
+Object.defineProperty(exports, "useEdgeSubscriber", { enumerable: true, get: function () { return react_shared_1.useEdgeSubscriber; } });
+Object.defineProperty(exports, "useGrid", { enumerable: true, get: function () { return react_shared_1.useGrid; } });
+Object.defineProperty(exports, "useNodePositions", { enumerable: true, get: function () { return react_shared_1.useNodePositions; } });