@lincle/react-interactive-shared 0.4.0-next.2 → 0.4.0-next.4

package/dist/Contexts/ConnectContext.d.ts

@@ -0,0 +1,3 @@
+import { type ConnectContextProps } from '../types';
+declare const ConnectContext: import("react").Context<ConnectContextProps>;
+export { ConnectContext };

package/dist/Contexts/ConnectContext.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectContext = void 0;
+const react_1 = require("react");
+const ConnectContext = (0, react_1.createContext)({});
+exports.ConnectContext = ConnectContext;
+ConnectContext.displayName = 'LincleInteractiveScaleContext';

package/dist/Contexts/ModeContext.d.ts

@@ -0,0 +1,7 @@
+import { type Mode, type ModeType } from '../types';
+declare const ModeContext: import("react").Context<ModeContextProps>;
+export { ModeContext };
+export type ModeContextProps = Mode & {
+    givenMode?: ModeType;
+    onMode?: (mode: ModeType) => void;
+};

package/dist/Contexts/ModeContext.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModeContext = void 0;
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const { mode, move, pull } = defaultSettings_1.default.mode;
+const ModeContext = (0, react_1.createContext)({
+    mode,
+    move,
+    pull
+});
+exports.ModeContext = ModeContext;
+ModeContext.displayName = 'LincleInteractiveModeContext';

package/dist/Contexts/NodeContext.d.ts

@@ -0,0 +1,9 @@
+declare const NodeContext: import("react").Context<NodeContextProps>;
+export { NodeContext };
+export type NodeContextProps = {
+    onNodeDrag?: (event: any, nodeId: number | string, data: any) => void;
+    onNodeEdgeDrop?: (event: any, sourceId: string | number, targetId?: string | number) => void;
+    onNodeSelect?: (nodeId: number | string) => void;
+    onNodeStart?: (event: any, nodeId: number | string) => void;
+    onNodeStop?: (event: any, nodeId: number | string, data: any) => void;
+};

package/dist/{utils → Contexts}/NodeContext.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeContext = void 0;
 const react_1 = require("react");
 const NodeContext = (0, react_1.createContext)({});
+exports.NodeContext = NodeContext;
 NodeContext.displayName = 'LincleInteractiveNodeContext';
-exports.default = NodeContext;

package/dist/Contexts/ScaleContext.d.ts

@@ -0,0 +1,6 @@
+declare const ScaleContext: import("react").Context<ScaleContextProps>;
+export { ScaleContext };
+export type ScaleContextProps = {
+    onScale?: (scale: number) => void;
+    scale: number;
+};

package/dist/Contexts/ScaleContext.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.ScaleContext = void 0;
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const scale = defaultSettings_1.default.scale;
+const ScaleContext = (0, react_1.createContext)({
+    scale
+});
+exports.ScaleContext = ScaleContext;
+ScaleContext.displayName = 'LincleInteractiveScaleContext';

package/dist/Contexts/SnapContext.d.ts

@@ -0,0 +1,4 @@
+import { type GridType } from '../types';
+declare const SnapContext: import("react").Context<SnapContextProps>;
+export { SnapContext };
+export type SnapContextProps = GridType | false;

package/dist/Contexts/SnapContext.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnapContext = void 0;
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const snap = defaultSettings_1.default.snap;
+const SnapContext = (0, react_1.createContext)(snap);
+exports.SnapContext = SnapContext;
+SnapContext.displayName = 'LincleInteractiveSnapContext';

package/dist/Contexts/TransformContext.d.ts

@@ -0,0 +1,8 @@
+declare const TransformContext: import("react").Context<TransformContextProps>;
+export { TransformContext };
+export type TransformContextProps = {
+    maxScale: number;
+    minScale: number;
+    onScale?: (scale: number) => void;
+    zoom: boolean;
+};

package/dist/Contexts/TransformContext.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransformContext = void 0;
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const transform = defaultSettings_1.default.transform;
+const TransformContext = (0, react_1.createContext)(transform);
+exports.TransformContext = TransformContext;
+TransformContext.displayName = 'LincleInteractiveTransformContext';

package/dist/Contexts/TranslateContext.d.ts

@@ -0,0 +1,8 @@
+import { type Translate } from '../types';
+declare const TranslateContext: import("react").Context<TranslateContextProps>;
+export { TranslateContext };
+export type TranslateContextProps = {
+    onTranslate?: (translate: Translate) => void;
+    pan: boolean;
+    translate: Translate;
+};

package/dist/Contexts/TranslateContext.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TranslateContext = void 0;
+const defaultSettings_1 = __importDefault(require("../defaultSettings"));
+const react_1 = require("react");
+const translate = defaultSettings_1.default.translate;
+const TranslateContext = (0, react_1.createContext)(translate);
+exports.TranslateContext = TranslateContext;
+TranslateContext.displayName = 'LincleInteractiveTranslateContext';

package/dist/Contexts/index.d.ts

@@ -0,0 +1,7 @@
+export * from './ConnectContext';
+export * from './ModeContext';
+export * from './NodeContext';
+export * from './ScaleContext';
+export * from './SnapContext';
+export * from './TransformContext';
+export * from './TranslateContext';

package/dist/Contexts/index.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("./ConnectContext"), exports);
+__exportStar(require("./ModeContext"), exports);
+__exportStar(require("./NodeContext"), exports);
+__exportStar(require("./ScaleContext"), exports);
+__exportStar(require("./SnapContext"), exports);
+__exportStar(require("./TransformContext"), exports);
+__exportStar(require("./TranslateContext"), exports);

package/dist/Hooks/index.d.ts

@@ -0,0 +1,23 @@
+export * from './useConnection';
+export * from './useConnections';
+export * from './useMaxScale';
+export * from './useMinScale';
+export * from './useMode';
+export * from './useModeGiven';
+export * from './useMove';
+export * from './useOnMode';
+export * from './useOnNodeDrag';
+export * from './useOnNodeEdgeDrop';
+export * from './useOnNodeSelect';
+export * from './useOnNodeStart';
+export * from './useOnNodeStop';
+export * from './useOnScale';
+export * from './useOnTranslate';
+export * from './useOnTranslateThrottle';
+export * from './usePan';
+export * from './usePull';
+export * from './useScale';
+export * from './useSetConnection';
+export * from './useSnap';
+export * from './useTranslate';
+export * from './useZoom';

package/dist/Hooks/index.js

@@ -0,0 +1,39 @@
+"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("./useConnection"), exports);
+__exportStar(require("./useConnections"), exports);
+__exportStar(require("./useMaxScale"), exports);
+__exportStar(require("./useMinScale"), exports);
+__exportStar(require("./useMode"), exports);
+__exportStar(require("./useModeGiven"), exports);
+__exportStar(require("./useMove"), exports);
+__exportStar(require("./useOnMode"), exports);
+__exportStar(require("./useOnNodeDrag"), exports);
+__exportStar(require("./useOnNodeEdgeDrop"), exports);
+__exportStar(require("./useOnNodeSelect"), exports);
+__exportStar(require("./useOnNodeStart"), exports);
+__exportStar(require("./useOnNodeStop"), exports);
+__exportStar(require("./useOnScale"), exports);
+__exportStar(require("./useOnTranslate"), exports);
+__exportStar(require("./useOnTranslateThrottle"), exports);
+__exportStar(require("./usePan"), exports);
+__exportStar(require("./usePull"), exports);
+__exportStar(require("./useScale"), exports);
+__exportStar(require("./useSetConnection"), exports);
+__exportStar(require("./useSnap"), exports);
+__exportStar(require("./useTranslate"), exports);
+__exportStar(require("./useZoom"), exports);

package/dist/Hooks/useConnection.d.ts

@@ -0,0 +1,2 @@
+declare const useConnection: (sourceId: string) => import("..").Connection;
+export { useConnection };

package/dist/Hooks/useConnection.js

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

package/dist/Hooks/useConnections.d.ts

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

package/dist/Hooks/useConnections.js

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

package/dist/Hooks/useMaxScale.d.ts

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

package/dist/Hooks/useMaxScale.js

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

package/dist/Hooks/useMinScale.d.ts

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

package/dist/Hooks/useMinScale.js

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

package/dist/Hooks/useMode.d.ts

@@ -0,0 +1,2 @@
+declare const useMode: () => import("..").ModeType | undefined;
+export { useMode };

package/dist/Hooks/useMode.js

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

package/dist/Hooks/useModeGiven.d.ts

@@ -0,0 +1,2 @@
+declare const useModeGiven: () => import("..").ModeType | undefined;
+export { useModeGiven };

package/dist/Hooks/useModeGiven.js

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

package/dist/Hooks/useMove.d.ts

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

package/dist/Hooks/useMove.js

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

package/dist/Hooks/useOnMode.d.ts

@@ -0,0 +1,2 @@
+declare const useOnMode: () => ((mode: import("..").ModeType) => void) | undefined;
+export { useOnMode };

package/dist/Hooks/useOnMode.js

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

package/dist/Hooks/useOnNodeDrag.d.ts

@@ -0,0 +1,2 @@
+declare const useOnNodeDrag: () => ((event: any, nodeId: number | string, data: any) => void) | undefined;
+export { useOnNodeDrag };

package/dist/Hooks/useOnNodeDrag.js

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

package/dist/Hooks/useOnNodeEdgeDrop.d.ts

@@ -0,0 +1,2 @@
+declare const useOnNodeEdgeDrop: () => ((event: any, sourceId: string | number, targetId?: string | number) => void) | undefined;
+export { useOnNodeEdgeDrop };

package/dist/Hooks/useOnNodeEdgeDrop.js

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

package/dist/Hooks/useOnNodeSelect.d.ts

@@ -0,0 +1,2 @@
+declare const useOnNodeSelect: () => ((nodeId: number | string) => void) | undefined;
+export { useOnNodeSelect };

package/dist/Hooks/useOnNodeSelect.js

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

package/dist/Hooks/useOnNodeStart.d.ts

@@ -0,0 +1,2 @@
+declare const useOnNodeStart: () => ((event: any, nodeId: number | string) => void) | undefined;
+export { useOnNodeStart };

package/dist/Hooks/useOnNodeStart.js

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

package/dist/Hooks/useOnNodeStop.d.ts

@@ -0,0 +1,2 @@
+declare const useOnNodeStop: () => ((event: any, nodeId: number | string, data: any) => void) | undefined;
+export { useOnNodeStop };

package/dist/Hooks/useOnNodeStop.js

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

package/dist/Hooks/useOnScale.d.ts

@@ -0,0 +1,2 @@
+declare const useOnScale: () => ((scale: number) => void) | undefined;
+export { useOnScale };

package/dist/Hooks/useOnScale.js

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

package/dist/Hooks/useOnTranslate.d.ts

@@ -0,0 +1,2 @@
+declare const useOnTranslate: () => ((translate: import("..").Translate) => void) | undefined;
+export { useOnTranslate };

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;