fix(types): Flow: make properties of DraggableBounds optional

Author: STRML

README.md

@@ -176,7 +176,7 @@ axis: string,
 // - An object with `left, top, right, and bottom` properties.
 //   These indicate how far in each direction the draggable
 //   can be moved.
-bounds: {left: number, top: number, right: number, bottom: number} | string,
+bounds: {left?: number, top?: number, right?: number, bottom?: number} | string,
 
 // Specifies a selector to be used to prevent drag initialization. The string is passed to
 // Element.matches, so it's possible to use multiple selectors like `.first, .second`.

lib/Draggable.js

@@ -7,9 +7,9 @@ import {createCSSTransform, createSVGTransform} from './utils/domFns';
 import {canDragX, canDragY, createDraggableData, getBoundPosition} from './utils/positionFns';
 import {dontSetMe} from './utils/shims';
 import DraggableCore from './DraggableCore';
-import type {ControlPosition, PositionOffsetControlPosition, DraggableBounds, DraggableCoreProps} from './DraggableCore';
+import type {ControlPosition, PositionOffsetControlPosition, DraggableCoreProps} from './DraggableCore';
 import log from './utils/log';
-import type {DraggableEventHandler} from './utils/types';
+import type {Bounds, DraggableEventHandler} from './utils/types';
 import type {Element as ReactElement} from 'react';
 
 type DraggableState = {
@@ -24,7 +24,7 @@ type DraggableState = {
 export type DraggableProps = {
   ...$Exact<DraggableCoreProps>,
   axis: 'both' | 'x' | 'y' | 'none',
-  bounds: DraggableBounds | string | false,
+  bounds: Bounds | string | false,
   defaultClassName: string,
   defaultClassNameDragging: string,
   defaultClassNameDragged: string,

lib/DraggableCore.js

@@ -35,13 +35,6 @@ type DraggableCoreState = {
   touchIdentifier: ?number
 };
 
-export type DraggableBounds = {
-  left: number,
-  right: number,
-  top: number,
-  bottom: number,
-};
-
 export type DraggableData = {
   node: HTMLElement,
   x: number, y: number,

lib/utils/shims.js

@@ -6,11 +6,11 @@ export function findInArray(array: Array<any> | TouchList, callback: Function):
   }
 }
 
-export function isFunction(func: any): boolean {
+export function isFunction(func: any): boolean %checks {
   return typeof func === 'function' || Object.prototype.toString.call(func) === '[object Function]';
 }
 
-export function isNum(num: any): boolean {
+export function isNum(num: any): boolean %checks {
   return typeof num === 'number' && !isNaN(num);
 }
 

lib/utils/types.js

@@ -11,7 +11,7 @@ export type DraggableData = {
 };
 
 export type Bounds = {
-  left: number, top: number, right: number, bottom: number
+  left?: number, top?: number, right?: number, bottom?: number
 };
 export type ControlPosition = {x: number, y: number};
 export type PositionOffsetControlPosition = {x: number|string, y: number|string};