react-html-graph 1.2.1 → 1.2.3

package/dist/behaviour/move-behaviour.d.ts

@@ -0,0 +1,50 @@
+import { GraphMode, NodeEventEmitter, Point3D } from "../types";
+type MoveState = {
+    moving: boolean;
+    movePointStart: {
+        x: number;
+        y: number;
+    };
+    startPos: {
+        x: number;
+        y: number;
+    };
+    currentPos: {
+        x: number;
+        y: number;
+    };
+};
+/** Opções para o hook useMoveBehaviour. */
+export interface UseMoveBehaviourOptions {
+    /** Ref do elemento DOM do nó. */
+    elementRef: React.RefObject<HTMLElement | null>;
+    /** Getter estável para o zoom atual. */
+    getZoom: () => number;
+    /** Modo do grafo (readonly não permite drag). */
+    mode: GraphMode;
+    /** Posição efetiva atual do nó. */
+    position: Point3D;
+    /** Callback chamado ao finalizar o movimento. */
+    onMoveEnd?: (newPosition: Point3D) => void;
+    /** Callback chamado durante o arraste para reportar estado. */
+    onMoving?: (currentPosition: Point3D) => void;
+    /** Emitter de eventos do nó. */
+    eventEmitter?: NodeEventEmitter | null;
+}
+/** Retorno do hook useMoveBehaviour. */
+export interface UseMoveBehaviourReturn {
+    /** Handler de mouseDown para iniciar o arraste. */
+    handleMouseDown: (e: React.MouseEvent<HTMLElement>) => void;
+    /** Handler de mouseUp para finalizar o arraste. */
+    handleMouseUp: (e: MouseEvent | React.MouseEvent) => void;
+    /** Posição corrente durante o arraste (via ref). */
+    moveRef: React.RefObject<MoveState>;
+}
+/**
+ * Hook que encapsula a lógica de drag/move de um nó do grafo.
+ * Atualiza o DOM diretamente durante o arraste (sem setState)
+ * e registra listeners globais de mousemove/mouseup no document.
+ */
+export declare function useMoveBehaviour({ elementRef, getZoom, mode, position, onMoveEnd, onMoving, eventEmitter, }: UseMoveBehaviourOptions): UseMoveBehaviourReturn;
+export {};
+//# sourceMappingURL=move-behaviour.d.ts.map

package/dist/behaviour/move-behaviour.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-behaviour.d.ts","sourceRoot":"","sources":["../../src/behaviour/move-behaviour.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhE,KAAK,SAAS,GAAG;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACxC,CAAC;AAEF,2CAA2C;AAC3C,MAAM,WAAW,uBAAuB;IACpC,iCAAiC;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,wCAAwC;IACxC,OAAO,EAAE,MAAM,MAAM,CAAC;IACtB,iDAAiD;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,mCAAmC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,gCAAgC;IAChC,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;CAC1C;AAED,wCAAwC;AACxC,MAAM,WAAW,sBAAsB;IACnC,mDAAmD;IACnD,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC5D,mDAAmD;IACnD,aAAa,EAAE,CAAC,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC1D,oDAAoD;IACpD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,UAAU,EACV,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,YAAY,GACf,EAAE,uBAAuB,GAAG,sBAAsB,CAoElD"}

package/dist/behaviour/move-behaviour.js

@@ -0,0 +1,71 @@
+import { useCallback, useEffect, useRef } from "react";
+/**
+ * Hook que encapsula a lógica de drag/move de um nó do grafo.
+ * Atualiza o DOM diretamente durante o arraste (sem setState)
+ * e registra listeners globais de mousemove/mouseup no document.
+ */
+export function useMoveBehaviour({ elementRef, getZoom, mode, position, onMoveEnd, onMoving, eventEmitter, }) {
+    const moveRef = useRef({
+        moving: false,
+        movePointStart: { x: 0, y: 0 },
+        startPos: { x: 0, y: 0 },
+        currentPos: { x: 0, y: 0 },
+    });
+    const handleMouseDown = useCallback((e) => {
+        if (e.button !== 0 || mode === "readonly")
+            return;
+        e.preventDefault();
+        moveRef.current.moving = true;
+        moveRef.current.movePointStart.x = e.clientX;
+        moveRef.current.movePointStart.y = e.clientY;
+        moveRef.current.startPos = { x: position.x, y: position.y };
+        moveRef.current.currentPos = { x: position.x, y: position.y };
+    }, [position.x, position.y, mode]);
+    const handleMouseUp = useCallback((e) => {
+        if (e.button === 0 && moveRef.current.moving) {
+            moveRef.current.moving = false;
+            const nextPosition = {
+                x: moveRef.current.currentPos.x,
+                y: moveRef.current.currentPos.y,
+                z: position.z,
+            };
+            onMoveEnd?.(nextPosition);
+            eventEmitter?.("move", { position: nextPosition });
+        }
+    }, [position.z, onMoveEnd, eventEmitter]);
+    const handleMouseMove = useCallback((e) => {
+        if (!elementRef.current || !moveRef.current.moving)
+            return;
+        const zoom = getZoom();
+        const dx = (e.clientX - moveRef.current.movePointStart.x) / zoom;
+        const dy = (e.clientY - moveRef.current.movePointStart.y) / zoom;
+        const newX = moveRef.current.startPos.x + dx;
+        const newY = moveRef.current.startPos.y + dy;
+        const nextPosition = {
+            x: newX,
+            y: newY,
+            z: position.z,
+        };
+        moveRef.current.currentPos.x = newX;
+        moveRef.current.currentPos.y = newY;
+        elementRef.current.style.left = `${newX.toFixed(0)}px`;
+        elementRef.current.style.top = `${newY.toFixed(0)}px`;
+        onMoving?.(nextPosition);
+        eventEmitter?.("move", { position: nextPosition });
+    }, [position.z, getZoom, elementRef, onMoving, eventEmitter]);
+    // Registra listeners globais de mousemove e mouseup
+    useEffect(() => {
+        if (mode === "readonly")
+            return;
+        const onUp = (e) => handleMouseUp(e);
+        const onMove = (e) => handleMouseMove(e);
+        document.addEventListener("mouseup", onUp);
+        document.addEventListener("mousemove", onMove);
+        return () => {
+            document.removeEventListener("mouseup", onUp);
+            document.removeEventListener("mousemove", onMove);
+        };
+    }, [handleMouseUp, handleMouseMove, mode]);
+    return { handleMouseDown, handleMouseUp, moveRef };
+}
+//# sourceMappingURL=move-behaviour.js.map

package/dist/behaviour/move-behaviour.js.map

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

package/dist/calculations/index.d.ts

@@ -1,4 +1,4 @@
-import { PathInput, PathOutput, LabelsInput, LabelOutput } from './types';
+import { PathInput, PathOutput, LabelsInput, LabelOutput, LayoutInput, LayoutOutput, FitViewInput, FitViewOutput } from './types';
 /**
  * Configura o tamanho do pool de workers.
  * Deve ser chamado antes do primeiro cálculo para definir quantos workers
@@ -29,4 +29,18 @@ export declare function calculatePath(input: PathInput): Promise<PathOutput>;
 export declare function calculateLabels(input: LabelsInput): Promise<{
     positions: LabelOutput[];
 }>;
+/**
+ * Calcula um layout completo para os nós do grafo em um worker do pool.
+ *
+ * @param input Dados de entrada do algoritmo de layout
+ * @returns Promise com as novas posições e bounds resultantes
+ */
+export declare function calculateLayout(input: LayoutInput): Promise<LayoutOutput>;
+/**
+ * Calcula o viewbox ideal para enquadrar todos os nós em uma viewport.
+ *
+ * @param input Dados de entrada para fit da viewport
+ * @returns Promise com x, y e zoom calculados
+ */
+export declare function calculateFitView(input: FitViewInput): Promise<FitViewOutput>;
 //# sourceMappingURL=index.d.ts.map

package/dist/calculations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calculations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsN1E;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,QAK/C;AAqCD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAEnE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC;IAAE,SAAS,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC,CAEzF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calculations/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,UAAU,EACV,WAAW,EACX,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,aAAa,EAChB,MAAM,SAAS,CAAC;AAw/CjB;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,QAK/C;AAqCD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAEnE;AAED;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC;IAAE,SAAS,EAAE,WAAW,EAAE,CAAA;CAAE,CAAC,CAEzF;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC,CAEzE;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC,CAE5E"}