Modified fitView to log values that it gets from store

pjaspinski · Aug 18, 2021 · ad72546 · ad72546
1 parent 110bdf7
commit ad72546
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 11 deletions.
diff --git a/dist/ReactFlow.esm.js b/dist/ReactFlow.esm.js
diff --git a/dist/ReactFlow.esm.js.map b/dist/ReactFlow.esm.js.map
diff --git a/dist/ReactFlow.js b/dist/ReactFlow.js
diff --git a/dist/ReactFlow.js.map b/dist/ReactFlow.js.map
diff --git a/src/hooks/useZoomPanHelper.ts b/src/hooks/useZoomPanHelper.ts
@@ -1,9 +1,9 @@
-import { useMemo } from 'react';
 import { zoomIdentity } from 'd3-zoom';
+import { useMemo } from 'react';
+import { useStore, useStoreState } from '../store/hooks';
+import { FitViewParams, FlowTransform, Rect, XYPosition, ZoomPanHelperFunctions } from '../types';
+import { getRectOfNodes, getTransformForBounds, pointToRendererPoint } from '../utils/graph';
 
-import { useStoreState, useStore } from '../store/hooks';
-import { getRectOfNodes, pointToRendererPoint, getTransformForBounds } from '../utils/graph';
-import { FitViewParams, FlowTransform, ZoomPanHelperFunctions, Rect, XYPosition } from '../types';
 
 const DEFAULT_PADDING = 0.1;
 
@@ -37,6 +37,7 @@ const useZoomPanHelper = (): ZoomPanHelperFunctions => {
         },
         fitView: (options: FitViewParams = { padding: DEFAULT_PADDING, includeHiddenNodes: false }) => {
           const { nodes, width, height, minZoom, maxZoom } = store.getState();
+          console.log('fitView gets from store:',{height, width})
 
           if (!nodes.length) {
             return;

diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -14,7 +14,7 @@ export const isInputDOMNode = (e: ReactMouseEvent | DraggableEvent | KeyboardEve
 export const getDimensions = (node: HTMLDivElement): Dimensions => {
   const rect = node.getBoundingClientRect();
   console.log('getDimensions returns:',{width: rect.width, height: rect.height})
-  return {width: rect.width, height: rect.height}
+  return { height: rect.height, width: rect.width}
 }
 // ({
 //   width: node.offsetWidth,