refactor(Resizable): just store the DOMRect as lastHandleRect

DOMRect is thankfully not a live object

Author: STRML

.eslintrc

@@ -31,6 +31,7 @@
     // For Flow
     "ReactElement": false,
     "ReactClass": false,
-    "SyntheticEvent": false
+    "SyntheticEvent": false,
+    "ClientRect": false
   }
 }

lib/Resizable.js

@@ -4,7 +4,7 @@ import type {Node as ReactNode} from 'react';
 import {DraggableCore} from 'react-draggable';
 import {cloneElement} from './utils';
 import {resizableProps} from "./propTypes";
-import type {ResizeHandleAxis, Props, ResizableState, DragCallbackData, ClientRect} from './propTypes';
+import type {ResizeHandleAxis, Props, ResizableState, DragCallbackData} from './propTypes';
 
 export default class Resizable extends React.Component<Props, ResizableState> {
   static propTypes = resizableProps;
@@ -126,10 +126,7 @@ export default class Resizable extends React.Component<Props, ResizableState> {
         }
       }
       // Storage of last rect so we know how much it has really moved.
-      this.lastHandleRect = {
-        top: handleRect.top,
-        left: handleRect.left,
-      };
+      this.lastHandleRect = handleRect;
 
       // Reverse delta if using top or left drag handles.
       if (axisH === 'w') deltaX = -deltaX;

lib/propTypes.js

@@ -21,10 +21,6 @@ export type ResizeCallbackData = {|
   size: {|width: number, height: number|},
   handle: ResizeHandleAxis
 |};
-export type ClientRect = {|
-  left: number;
-  top: number;
-|};
 
 // <Resizable>
 export type Props = {|