react-beautiful-dnd/lib/state/get-client-rect.js.flow

Beautiful, accessible drag and drop for lists with React.js

// @flow
import type { Spacing, ClientRect } from '../types';

// Ideally we would just use the Spacing type here - but flow gets confused when
// dynamically creating a Spacing object from an axis
type ShouldBeSpacing = Object | Spacing

export default ({ top, right, bottom, left }: ShouldBeSpacing): ClientRect => ({
  top,
  right,
  bottom,
  left,
  width: (right - left),
  height: (bottom - top),
});