diff --git a/src/hooks/useZoomPanHelper.ts b/src/hooks/useZoomPanHelper.ts index 1502da65..3223a7a3 100644 --- a/src/hooks/useZoomPanHelper.ts +++ b/src/hooks/useZoomPanHelper.ts @@ -41,10 +41,7 @@ const useZoomPanHelper = (): ZoomPanHelperFunctions => { d3Zoom.transform(getTransition(d3Selection), nextTransform); }, - fitView: ( - options: FitViewParams = { padding: DEFAULT_PADDING, includeHiddenNodes: false }, - duration?: number - ) => { + fitView: (options: FitViewParams = { padding: DEFAULT_PADDING, includeHiddenNodes: false, duration: 0 }) => { const { nodes, width, height, minZoom, maxZoom } = store.getState(); if (!nodes.length) { @@ -62,7 +59,7 @@ const useZoomPanHelper = (): ZoomPanHelperFunctions => { ); const transform = zoomIdentity.translate(x, y).scale(zoom); - d3Zoom.transform(getTransition(d3Selection, duration), transform); + d3Zoom.transform(getTransition(d3Selection, options.duration), transform); }, setCenter: (x: number, y: number, zoom?: number, duration?: number) => { const { width, height, maxZoom } = store.getState(); diff --git a/src/types/index.ts b/src/types/index.ts index c74573fa..d24a0c12 100644 --- a/src/types/index.ts +++ b/src/types/index.ts @@ -254,6 +254,7 @@ export type FitViewParams = { includeHiddenNodes?: boolean; minZoom?: number; maxZoom?: number; + duration?: number; }; export type FlowExportObject = {