react-resizable 1.8.0 → 1.11.1

package/build/ResizableBox.js.flow

@@ -1,32 +1,48 @@
 // @flow
-import React from 'react';
+import * as React from 'react';
+import type {Node as ReactNode, Element as ReactElement} from 'react';
 import PropTypes from 'prop-types';
+
 import Resizable from './Resizable';
-import type {Props as ResizableProps, ResizeCallbackData} from './Resizable';
-import type {Node as ReactNode} from 'react';
+import {resizableProps} from "./propTypes";
+import type {ResizeCallbackData, ResizableBoxState} from './propTypes';
 
-type State = {width: number, height: number};
+// ElementConfig gives us an object type where all items present in `defaultProps` are made optional.
+// <ResizableBox> does not have defaultProps, so we can use this type to tell Flow that we don't
+// care about that and will handle it in <Resizable> instead.
+// A <ResizableBox> can also have a `style` property.
+type ResizableBoxProps = {|...React.ElementConfig<typeof Resizable>, style?: Object, children?: ReactElement<any>|};
 
-// An example use of Resizable.
-export default class ResizableBox extends React.Component<ResizableProps, State> {
-  static propTypes = {
-    height: PropTypes.number,
-    width: PropTypes.number
-  };
+export default class ResizableBox extends React.Component<ResizableBoxProps, ResizableBoxState> {
 
-  static defaultProps = {
-    handleSize: [20,20]
+  // PropTypes are identical to <Resizable>, except that children are not strictly required to be present.
+  static propTypes = {
+    ...resizableProps,
+    children: PropTypes.element,
   };
 
-  state: State = {
+  state: ResizableBoxState = {
     width: this.props.width,
     height: this.props.height,
+    propsWidth: this.props.width,
+    propsHeight: this.props.height,
   };
 
+  static getDerivedStateFromProps(props: ResizableBoxProps, state: ResizableBoxState) {
+    // If parent changes height/width, set that in our state.
+    if (state.propsWidth !== props.width || state.propsHeight !== props.height) {
+      return {
+        width: props.width,
+        height: props.height,
+        propsWidth: props.width,
+        propsHeight: props.height,
+      };
+    }
+    return null;
+  }
+
   onResize = (e: SyntheticEvent<>, data: ResizeCallbackData) => {
     const {size} = data;
-    const {width, height} = size;
-
     if (this.props.onResize) {
       e.persist && e.persist();
       this.setState(size, () => this.props.onResize && this.props.onResize(e, data));
@@ -35,38 +51,47 @@ export default class ResizableBox extends React.Component<ResizableProps, State>
     }
   };
 
-  componentWillReceiveProps(nextProps: ResizableProps) {
-    if (nextProps.width !== this.props.width || nextProps.height !== this.props.height) {
-      this.setState({
-        width: nextProps.width,
-        height: nextProps.height
-      });
-    }
-  }
-
   render(): ReactNode {
     // Basic wrapper around a Resizable instance.
     // If you use Resizable directly, you are responsible for updating the child component
     // with a new width and height.
-    const {handle, handleSize, onResize, onResizeStart, onResizeStop, draggableOpts, minConstraints,
-      maxConstraints, lockAspectRatio, axis, width, height, resizeHandles, ...props} = this.props;
+    const {
+      handle,
+      handleSize,
+      onResize,
+      onResizeStart,
+      onResizeStop,
+      draggableOpts,
+      minConstraints,
+      maxConstraints,
+      lockAspectRatio,
+      axis,
+      width,
+      height,
+      resizeHandles,
+      style,
+      transformScale,
+      ...props
+    } = this.props;
+
     return (
       <Resizable
+        axis={axis}
+        draggableOpts={draggableOpts}
         handle={handle}
         handleSize={handleSize}
-        width={this.state.width}
         height={this.state.height}
+        lockAspectRatio={lockAspectRatio}
+        maxConstraints={maxConstraints}
+        minConstraints={minConstraints}
         onResizeStart={onResizeStart}
         onResize={this.onResize}
         onResizeStop={onResizeStop}
-        draggableOpts={draggableOpts}
-        minConstraints={minConstraints}
-        maxConstraints={maxConstraints}
-        lockAspectRatio={lockAspectRatio}
-        axis={axis}
         resizeHandles={resizeHandles}
+        transformScale={transformScale}
+        width={this.state.width}
       >
-        <div style={{width: this.state.width + 'px', height: this.state.height + 'px'}} {...props} />
+        <div {...props} style={{...style, width: this.state.width + 'px', height: this.state.height + 'px'}} />
       </Resizable>
     );
   }

package/build/propTypes.js

@@ -0,0 +1,112 @@
+"use strict";
+
+exports.__esModule = true;
+exports.resizableProps = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactDraggable = require("react-draggable");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var resizableProps = {
+  /*
+  * Restricts resizing to a particular axis (default: 'both')
+  * 'both' - allows resizing by width or height
+  * 'x' - only allows the width to be changed
+  * 'y' - only allows the height to be changed
+  * 'none' - disables resizing altogether
+  * */
+  axis: _propTypes.default.oneOf(['both', 'x', 'y', 'none']),
+  className: _propTypes.default.string,
+
+  /*
+  * Require that one and only one child be present.
+  * */
+  children: _propTypes.default.element.isRequired,
+
+  /*
+  * These will be passed wholesale to react-draggable's DraggableCore
+  * */
+  draggableOpts: _propTypes.default.shape({
+    allowAnyClick: _propTypes.default.bool,
+    cancel: _propTypes.default.string,
+    children: _propTypes.default.node,
+    disabled: _propTypes.default.bool,
+    enableUserSelectHack: _propTypes.default.bool,
+    offsetParent: _propTypes.default.node,
+    grid: _propTypes.default.arrayOf(_propTypes.default.number),
+    handle: _propTypes.default.string,
+    nodeRef: _propTypes.default.object,
+    onStart: _propTypes.default.func,
+    onDrag: _propTypes.default.func,
+    onStop: _propTypes.default.func,
+    onMouseDown: _propTypes.default.func,
+    scale: _propTypes.default.number
+  }),
+
+  /*
+  * Initial height
+  * */
+  height: _propTypes.default.number.isRequired,
+
+  /*
+  * Customize cursor resize handle
+  * */
+  handle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+
+  /*
+  * If you change this, be sure to update your css
+  * */
+  handleSize: _propTypes.default.arrayOf(_propTypes.default.number),
+  lockAspectRatio: _propTypes.default.bool,
+
+  /*
+  * Max X & Y measure
+  * */
+  maxConstraints: _propTypes.default.arrayOf(_propTypes.default.number),
+
+  /*
+  * Min X & Y measure
+  * */
+  minConstraints: _propTypes.default.arrayOf(_propTypes.default.number),
+
+  /*
+  * Called on stop resize event
+  * */
+  onResizeStop: _propTypes.default.func,
+
+  /*
+  * Called on start resize event
+  * */
+  onResizeStart: _propTypes.default.func,
+
+  /*
+  * Called on resize event
+  * */
+  onResize: _propTypes.default.func,
+
+  /*
+  * Defines which resize handles should be rendered (default: 'se')
+  * 's' - South handle (bottom-center)
+  * 'w' - West handle (left-center)
+  * 'e' - East handle (right-center)
+  * 'n' - North handle (top-center)
+  * 'sw' - Southwest handle (bottom-left)
+  * 'nw' - Northwest handle (top-left)
+  * 'se' - Southeast handle (bottom-right)
+  * 'ne' - Northeast handle (top-center)
+  * */
+  resizeHandles: _propTypes.default.arrayOf(_propTypes.default.oneOf(['s', 'w', 'e', 'n', 'sw', 'nw', 'se', 'ne'])),
+
+  /*
+  * If `transform: scale(n)` is set on the parent, this should be set to `n`.
+  * */
+  transformScale: _propTypes.default.number,
+
+  /*
+   * Initial width
+   */
+  width: _propTypes.default.number.isRequired
+};
+exports.resizableProps = resizableProps;

package/build/propTypes.js.flow

@@ -0,0 +1,135 @@
+// @flow
+import PropTypes from 'prop-types';
+import {DraggableCore} from "react-draggable";
+import type {Element as ReactElement, ElementConfig} from 'react';
+
+export type Axis = 'both' | 'x' | 'y' | 'none';
+export type ResizeHandleAxis = 's' | 'w' | 'e' | 'n' | 'sw' | 'nw' | 'se' | 'ne';
+export type ResizableState = void;
+export type ResizableBoxState = {|
+  width: number, height: number,
+  propsWidth: number, propsHeight: number
+|};
+export type DragCallbackData = {|
+  node: HTMLElement,
+  x: number, y: number,
+  deltaX: number, deltaY: number,
+  lastX: number, lastY: number
+|};
+export type ResizeCallbackData = {|
+  node: HTMLElement,
+  size: {|width: number, height: number|},
+  handle: ResizeHandleAxis
+|};
+
+// <Resizable>
+export type Props = {|
+  axis: Axis,
+  children: ReactElement<any>,
+  className?: ?string,
+  draggableOpts?: ?ElementConfig<typeof DraggableCore>,
+  height: number,
+  handle?: ReactElement<any> | (resizeHandleAxis: ResizeHandleAxis) => ReactElement<any>,
+  handleSize: [number, number],
+  lockAspectRatio: boolean,
+  minConstraints: [number, number],
+  maxConstraints: [number, number],
+  onResizeStop?: ?(e: SyntheticEvent<>, data: ResizeCallbackData) => any,
+  onResizeStart?: ?(e: SyntheticEvent<>, data: ResizeCallbackData) => any,
+  onResize?: ?(e: SyntheticEvent<>, data: ResizeCallbackData) => any,
+  resizeHandles: ResizeHandleAxis[],
+  transformScale: number,
+  width: number,
+|};
+
+export const resizableProps = {
+  /*
+  * Restricts resizing to a particular axis (default: 'both')
+  * 'both' - allows resizing by width or height
+  * 'x' - only allows the width to be changed
+  * 'y' - only allows the height to be changed
+  * 'none' - disables resizing altogether
+  * */
+  axis: PropTypes.oneOf(['both', 'x', 'y', 'none']),
+  className: PropTypes.string,
+  /*
+  * Require that one and only one child be present.
+  * */
+  children: PropTypes.element.isRequired,
+  /*
+  * These will be passed wholesale to react-draggable's DraggableCore
+  * */
+  draggableOpts: PropTypes.shape({
+    allowAnyClick: PropTypes.bool,
+    cancel: PropTypes.string,
+    children: PropTypes.node,
+    disabled: PropTypes.bool,
+    enableUserSelectHack: PropTypes.bool,
+    offsetParent: PropTypes.node,
+    grid: PropTypes.arrayOf(PropTypes.number),
+    handle: PropTypes.string,
+    nodeRef: PropTypes.object,
+    onStart: PropTypes.func,
+    onDrag: PropTypes.func,
+    onStop: PropTypes.func,
+    onMouseDown: PropTypes.func,
+    scale: PropTypes.number,
+  }),
+  /*
+  * Initial height
+  * */
+  height: PropTypes.number.isRequired,
+  /*
+  * Customize cursor resize handle
+  * */
+  handle: PropTypes.oneOfType([
+    PropTypes.node,
+    PropTypes.func
+  ]),
+  /*
+  * If you change this, be sure to update your css
+  * */
+  handleSize: PropTypes.arrayOf(PropTypes.number),
+  lockAspectRatio: PropTypes.bool,
+  /*
+  * Max X & Y measure
+  * */
+  maxConstraints: PropTypes.arrayOf(PropTypes.number),
+  /*
+  * Min X & Y measure
+  * */
+  minConstraints: PropTypes.arrayOf(PropTypes.number),
+  /*
+  * Called on stop resize event
+  * */
+  onResizeStop: PropTypes.func,
+  /*
+  * Called on start resize event
+  * */
+  onResizeStart: PropTypes.func,
+  /*
+  * Called on resize event
+  * */
+  onResize: PropTypes.func,
+  /*
+  * Defines which resize handles should be rendered (default: 'se')
+  * 's' - South handle (bottom-center)
+  * 'w' - West handle (left-center)
+  * 'e' - East handle (right-center)
+  * 'n' - North handle (top-center)
+  * 'sw' - Southwest handle (bottom-left)
+  * 'nw' - Northwest handle (top-left)
+  * 'se' - Southeast handle (bottom-right)
+  * 'ne' - Northeast handle (top-center)
+  * */
+  resizeHandles: PropTypes.arrayOf(PropTypes.oneOf(['s', 'w', 'e', 'n', 'sw', 'nw', 'se', 'ne'])),
+
+  /*
+  * If `transform: scale(n)` is set on the parent, this should be set to `n`.
+  * */
+  transformScale: PropTypes.number,
+  /*
+   * Initial width
+   */
+  width: PropTypes.number.isRequired,
+};

package/build/utils.js

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.cloneElement = cloneElement;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// React.addons.cloneWithProps look-alike that merges style & className.
+function cloneElement(element, props) {
+  if (props.style && element.props.style) {
+    props.style = _objectSpread(_objectSpread({}, element.props.style), props.style);
+  }
+
+  if (props.className && element.props.className) {
+    props.className = element.props.className + " " + props.className;
+  }
+
+  return /*#__PURE__*/_react.default.cloneElement(element, props);
+}

package/build/{cloneElement.js.flow → utils.js.flow}

@@ -3,7 +3,7 @@ import React from 'react';
 import type {Element as ReactElement} from 'react';
 
 // React.addons.cloneWithProps look-alike that merges style & className.
-module.exports = function cloneElement(element: ReactElement<any>, props: Object): ReactElement<any> {
+export function cloneElement(element: ReactElement<any>, props: Object): ReactElement<any> {
   if (props.style && element.props.style) {
     props.style = {...element.props.style, ...props.style};
   }
@@ -11,4 +11,4 @@ module.exports = function cloneElement(element: ReactElement<any>, props: Object
     props.className = `${element.props.className} ${props.className}`;
   }
   return React.cloneElement(element, props);
-};
+}

package/coverage/clover.xml

@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<coverage generated="1614978391020" clover="3.2.0">
+  <project timestamp="1614978391020" name="All files">
+    <metrics statements="89" coveredstatements="73" conditionals="80" coveredconditionals="59" methods="14" coveredmethods="11" elements="183" coveredelements="143" complexity="0" loc="89" ncloc="89" packages="1" files="4" classes="4"/>
+    <file name="Resizable.js" path="/Users/samuelreed/git/oss/react-resizable/lib/Resizable.js">
+      <metrics statements="70" coveredstatements="57" conditionals="62" coveredconditionals="45" methods="9" coveredmethods="6"/>
+      <line num="10" count="2" type="stmt"/>
+      <line num="12" count="2" type="stmt"/>
+      <line num="22" count="10" type="stmt"/>
+      <line num="24" count="10" type="stmt"/>
+      <line num="25" count="10" type="stmt"/>
+      <line num="28" count="0" type="stmt"/>
+      <line num="32" count="0" type="stmt"/>
+      <line num="33" count="0" type="stmt"/>
+      <line num="34" count="0" type="stmt"/>
+      <line num="38" count="0" type="stmt"/>
+      <line num="43" count="10" type="stmt"/>
+      <line num="44" count="10" type="cond" truecount="2" falsecount="2"/>
+      <line num="47" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="48" count="0" type="stmt"/>
+      <line num="49" count="0" type="cond" truecount="0" falsecount="2"/>
+      <line num="50" count="0" type="stmt"/>
+      <line num="51" count="0" type="stmt"/>
+      <line num="52" count="0" type="stmt"/>
+      <line num="56" count="0" type="stmt"/>
+      <line num="57" count="0" type="stmt"/>
+      <line num="58" count="0" type="stmt"/>
+      <line num="62" count="10" type="stmt"/>
+      <line num="67" count="10" type="cond" truecount="2" falsecount="0"/>
+      <line num="68" count="10" type="stmt"/>
+      <line num="69" count="10" type="stmt"/>
+      <line num="71" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="72" count="10" type="stmt"/>
+      <line num="73" count="10" type="stmt"/>
+      <line num="75" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="76" count="10" type="stmt"/>
+      <line num="77" count="10" type="stmt"/>
+      <line num="81" count="10" type="stmt"/>
+      <line num="83" count="10" type="stmt"/>
+      <line num="93" count="105" type="stmt"/>
+      <line num="95" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="98" count="10" type="cond" truecount="3" falsecount="1"/>
+      <line num="99" count="10" type="cond" truecount="3" falsecount="1"/>
+      <line num="101" count="10" type="cond" truecount="2" falsecount="2"/>
+      <line num="104" count="10" type="stmt"/>
+      <line num="105" count="10" type="stmt"/>
+      <line num="110" count="10" type="stmt"/>
+      <line num="111" count="10" type="cond" truecount="2" falsecount="0"/>
+      <line num="115" count="7" type="cond" truecount="2" falsecount="0"/>
+      <line num="116" count="5" type="stmt"/>
+      <line num="117" count="5" type="stmt"/>
+      <line num="119" count="7" type="cond" truecount="2" falsecount="0"/>
+      <line num="120" count="5" type="stmt"/>
+      <line num="121" count="5" type="stmt"/>
+      <line num="125" count="10" type="stmt"/>
+      <line num="128" count="10" type="cond" truecount="2" falsecount="0"/>
+      <line num="129" count="10" type="cond" truecount="2" falsecount="0"/>
+      <line num="132" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="133" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="136" count="10" type="stmt"/>
+      <line num="138" count="10" type="cond" truecount="2" falsecount="0"/>
+      <line num="141" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="143" count="10" type="cond" truecount="2" falsecount="0"/>
+      <line num="144" count="10" type="cond" truecount="4" falsecount="0"/>
+      <line num="145" count="9" type="cond" truecount="1" falsecount="1"/>
+      <line num="146" count="9" type="stmt"/>
+      <line num="150" count="10" type="cond" truecount="1" falsecount="1"/>
+      <line num="155" count="35" type="stmt"/>
+      <line num="156" count="35" type="cond" truecount="2" falsecount="0"/>
+      <line num="157" count="7" type="cond" truecount="2" falsecount="0"/>
+      <line num="158" count="2" type="stmt"/>
+      <line num="160" count="5" type="stmt"/>
+      <line num="162" count="28" type="stmt"/>
+      <line num="170" count="10" type="stmt"/>
+      <line num="176" count="10" type="stmt"/>
+      <line num="182" count="35" type="stmt"/>
+    </file>
+    <file name="ResizableBox.js" path="/Users/samuelreed/git/oss/react-resizable/lib/ResizableBox.js">
+      <metrics statements="13" coveredstatements="11" conditionals="10" coveredconditionals="8" methods="4" coveredmethods="4"/>
+      <line num="19" count="1" type="stmt"/>
+      <line num="24" count="6" type="stmt"/>
+      <line num="33" count="7" type="cond" truecount="3" falsecount="1"/>
+      <line num="34" count="0" type="stmt"/>
+      <line num="41" count="7" type="stmt"/>
+      <line num="44" count="6" type="stmt"/>
+      <line num="45" count="1" type="stmt"/>
+      <line num="46" count="1" type="cond" truecount="1" falsecount="1"/>
+      <line num="47" count="1" type="cond" truecount="2" falsecount="0"/>
+      <line num="48" count="1" type="cond" truecount="2" falsecount="0"/>
+      <line num="50" count="0" type="stmt"/>
+      <line num="75" count="7" type="stmt"/>
+      <line num="77" count="7" type="stmt"/>
+    </file>
+    <file name="propTypes.js" path="/Users/samuelreed/git/oss/react-resizable/lib/propTypes.js">
+      <metrics statements="1" coveredstatements="1" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0"/>
+      <line num="45" count="2" type="stmt"/>
+    </file>
+    <file name="utils.js" path="/Users/samuelreed/git/oss/react-resizable/lib/utils.js">
+      <metrics statements="5" coveredstatements="4" conditionals="8" coveredconditionals="6" methods="1" coveredmethods="1"/>
+      <line num="7" count="10" type="cond" truecount="2" falsecount="2"/>
+      <line num="8" count="0" type="stmt"/>
+      <line num="10" count="10" type="cond" truecount="4" falsecount="0"/>
+      <line num="11" count="2" type="stmt"/>
+      <line num="13" count="10" type="stmt"/>
+    </file>
+  </project>
+</coverage>

package/coverage/coverage-final.json

@@ -0,0 +1,5 @@
+{"/Users/samuelreed/git/oss/react-resizable/lib/Resizable.js": {"path":"/Users/samuelreed/git/oss/react-resizable/lib/Resizable.js","statementMap":{"0":{"start":{"line":10,"column":21},"end":{"line":10,"column":35}},"1":{"start":{"line":12,"column":25},"end":{"line":20,"column":3}},"2":{"start":{"line":22,"column":26},"end":{"line":22,"column":35}},"3":{"start":{"line":24,"column":32},"end":{"line":24,"column":36}},"4":{"start":{"line":25,"column":29},"end":{"line":25,"column":33}},"5":{"start":{"line":28,"column":4},"end":{"line":28,"column":21}},"6":{"start":{"line":32,"column":4},"end":{"line":32,"column":33}},"7":{"start":{"line":33,"column":4},"end":{"line":33,"column":33}},"8":{"start":{"line":34,"column":4},"end":{"line":34,"column":27}},"9":{"start":{"line":38,"column":4},"end":{"line":38,"column":44}},"10":{"start":{"line":43,"column":23},"end":{"line":43,"column":77}},"11":{"start":{"line":44,"column":4},"end":{"line":44,"column":45}},"12":{"start":{"line":44,"column":22},"end":{"line":44,"column":45}},"13":{"start":{"line":47,"column":4},"end":{"line":60,"column":5}},"14":{"start":{"line":48,"column":35},"end":{"line":48,"column":63}},"15":{"start":{"line":49,"column":6},"end":{"line":59,"column":7}},"16":{"start":{"line":50,"column":22},"end":{"line":50,"column":58}},"17":{"start":{"line":51,"column":8},"end":{"line":51,"column":31}},"18":{"start":{"line":52,"column":8},"end":{"line":52,"column":31}},"19":{"start":{"line":56,"column":22},"end":{"line":56,"column":58}},"20":{"start":{"line":57,"column":8},"end":{"line":57,"column":31}},"21":{"start":{"line":58,"column":8},"end":{"line":58,"column":31}},"22":{"start":{"line":62,"column":25},"end":{"line":62,"column":40}},"23":{"start":{"line":67,"column":27},"end":{"line":67,"column":47}},"24":{"start":{"line":68,"column":4},"end":{"line":68,"column":20}},"25":{"start":{"line":69,"column":4},"end":{"line":69,"column":21}},"26":{"start":{"line":71,"column":4},"end":{"line":74,"column":5}},"27":{"start":{"line":72,"column":6},"end":{"line":72,"column":38}},"28":{"start":{"line":73,"column":6},"end":{"line":73,"column":40}},"29":{"start":{"line":75,"column":4},"end":{"line":78,"column":5}},"30":{"start":{"line":76,"column":6},"end":{"line":76,"column":38}},"31":{"start":{"line":77,"column":6},"end":{"line":77,"column":40}},"32":{"start":{"line":81,"column":4},"end":{"line":81,"column":69}},"33":{"start":{"line":83,"column":4},"end":{"line":83,"column":27}},"34":{"start":{"line":93,"column":4},"end":{"line":151,"column":6}},"35":{"start":{"line":95,"column":6},"end":{"line":95,"column":60}},"36":{"start":{"line":95,"column":43},"end":{"line":95,"column":60}},"37":{"start":{"line":98,"column":23},"end":{"line":98,"column":110}},"38":{"start":{"line":99,"column":23},"end":{"line":99,"column":110}},"39":{"start":{"line":101,"column":6},"end":{"line":101,"column":41}},"40":{"start":{"line":101,"column":34},"end":{"line":101,"column":41}},"41":{"start":{"line":104,"column":20},"end":{"line":104,"column":27}},"42":{"start":{"line":105,"column":20},"end":{"line":105,"column":41}},"43":{"start":{"line":110,"column":25},"end":{"line":110,"column":53}},"44":{"start":{"line":111,"column":6},"end":{"line":123,"column":7}},"45":{"start":{"line":115,"column":8},"end":{"line":118,"column":9}},"46":{"start":{"line":116,"column":37},"end":{"line":116,"column":79}},"47":{"start":{"line":117,"column":10},"end":{"line":117,"column":39}},"48":{"start":{"line":119,"column":8},"end":{"line":122,"column":9}},"49":{"start":{"line":120,"column":36},"end":{"line":120,"column":76}},"50":{"start":{"line":121,"column":10},"end":{"line":121,"column":38}},"51":{"start":{"line":125,"column":6},"end":{"line":125,"column":39}},"52":{"start":{"line":128,"column":6},"end":{"line":128,"column":42}},"53":{"start":{"line":128,"column":25},"end":{"line":128,"column":42}},"54":{"start":{"line":129,"column":6},"end":{"line":129,"column":42}},"55":{"start":{"line":129,"column":25},"end":{"line":129,"column":42}},"56":{"start":{"line":132,"column":18},"end":{"line":132,"column":88}},"57":{"start":{"line":133,"column":19},"end":{"line":133,"column":90}},"58":{"start":{"line":136,"column":6},"end":{"line":136,"column":59}},"59":{"start":{"line":138,"column":32},"end":{"line":138,"column":90}},"60":{"start":{"line":141,"column":17},"end":{"line":141,"column":95}},"61":{"start":{"line":143,"column":27},"end":{"line":143,"column":75}},"62":{"start":{"line":144,"column":6},"end":{"line":147,"column":7}},"63":{"start":{"line":145,"column":8},"end":{"line":145,"column":57}},"64":{"start":{"line":145,"column":45},"end":{"line":145,"column":57}},"65":{"start":{"line":146,"column":8},"end":{"line":146,"column":59}},"66":{"start":{"line":150,"column":6},"end":{"line":150,"column":59}},"67":{"start":{"line":150,"column":42},"end":{"line":150,"column":59}},"68":{"start":{"line":155,"column":21},"end":{"line":155,"column":31}},"69":{"start":{"line":156,"column":4},"end":{"line":161,"column":5}},"70":{"start":{"line":157,"column":6},"end":{"line":159,"column":7}},"71":{"start":{"line":158,"column":8},"end":{"line":158,"column":40}},"72":{"start":{"line":160,"column":6},"end":{"line":160,"column":20}},"73":{"start":{"line":162,"column":4},"end":{"line":162,"column":100}},"74":{"start":{"line":170,"column":80},"end":{"line":170,"column":90}},"75":{"start":{"line":176,"column":4},"end":{"line":193,"column":7}},"76":{"start":{"line":182,"column":10},"end":{"line":190,"column":26}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":27,"column":2},"end":{"line":27,"column":3}},"loc":{"start":{"line":27,"column":25},"end":{"line":29,"column":3}},"line":27},"1":{"name":"(anonymous_1)","decl":{"start":{"line":31,"column":2},"end":{"line":31,"column":3}},"loc":{"start":{"line":31,"column":88},"end":{"line":35,"column":3}},"line":31},"2":{"name":"(anonymous_2)","decl":{"start":{"line":37,"column":2},"end":{"line":37,"column":3}},"loc":{"start":{"line":37,"column":14},"end":{"line":39,"column":3}},"line":37},"3":{"name":"(anonymous_3)","decl":{"start":{"line":42,"column":2},"end":{"line":42,"column":3}},"loc":{"start":{"line":42,"column":66},"end":{"line":84,"column":3}},"line":42},"4":{"name":"(anonymous_4)","decl":{"start":{"line":92,"column":2},"end":{"line":92,"column":3}},"loc":{"start":{"line":92,"column":110},"end":{"line":152,"column":3}},"line":92},"5":{"name":"(anonymous_5)","decl":{"start":{"line":93,"column":11},"end":{"line":93,"column":12}},"loc":{"start":{"line":93,"column":78},"end":{"line":151,"column":5}},"line":93},"6":{"name":"(anonymous_6)","decl":{"start":{"line":154,"column":2},"end":{"line":154,"column":3}},"loc":{"start":{"line":154,"column":68},"end":{"line":163,"column":3}},"line":154},"7":{"name":"(anonymous_7)","decl":{"start":{"line":165,"column":2},"end":{"line":165,"column":3}},"loc":{"start":{"line":165,"column":22},"end":{"line":194,"column":3}},"line":165},"8":{"name":"(anonymous_8)","decl":{"start":{"line":181,"column":29},"end":{"line":181,"column":30}},"loc":{"start":{"line":182,"column":10},"end":{"line":190,"column":26}},"line":182}},"branchMap":{"0":{"loc":{"start":{"line":44,"column":4},"end":{"line":44,"column":45}},"type":"if","locations":[{"start":{"line":44,"column":4},"end":{"line":44,"column":45}},{"start":{"line":44,"column":4},"end":{"line":44,"column":45}}],"line":44},"1":{"loc":{"start":{"line":44,"column":8},"end":{"line":44,"column":20}},"type":"binary-expr","locations":[{"start":{"line":44,"column":8},"end":{"line":44,"column":12}},{"start":{"line":44,"column":16},"end":{"line":44,"column":20}}],"line":44},"2":{"loc":{"start":{"line":47,"column":4},"end":{"line":60,"column":5}},"type":"if","locations":[{"start":{"line":47,"column":4},"end":{"line":60,"column":5}},{"start":{"line":47,"column":4},"end":{"line":60,"column":5}}],"line":47},"3":{"loc":{"start":{"line":49,"column":6},"end":{"line":59,"column":7}},"type":"if","locations":[{"start":{"line":49,"column":6},"end":{"line":59,"column":7}},{"start":{"line":49,"column":6},"end":{"line":59,"column":7}}],"line":49},"4":{"loc":{"start":{"line":67,"column":27},"end":{"line":67,"column":47}},"type":"binary-expr","locations":[{"start":{"line":67,"column":27},"end":{"line":67,"column":37}},{"start":{"line":67,"column":41},"end":{"line":67,"column":47}}],"line":67},"5":{"loc":{"start":{"line":71,"column":4},"end":{"line":74,"column":5}},"type":"if","locations":[{"start":{"line":71,"column":4},"end":{"line":74,"column":5}},{"start":{"line":71,"column":4},"end":{"line":74,"column":5}}],"line":71},"6":{"loc":{"start":{"line":75,"column":4},"end":{"line":78,"column":5}},"type":"if","locations":[{"start":{"line":75,"column":4},"end":{"line":78,"column":5}},{"start":{"line":75,"column":4},"end":{"line":78,"column":5}}],"line":75},"7":{"loc":{"start":{"line":95,"column":6},"end":{"line":95,"column":60}},"type":"if","locations":[{"start":{"line":95,"column":6},"end":{"line":95,"column":60}},{"start":{"line":95,"column":6},"end":{"line":95,"column":60}}],"line":95},"8":{"loc":{"start":{"line":98,"column":23},"end":{"line":98,"column":110}},"type":"binary-expr","locations":[{"start":{"line":98,"column":24},"end":{"line":98,"column":50}},{"start":{"line":98,"column":54},"end":{"line":98,"column":77}},{"start":{"line":98,"column":82},"end":{"line":98,"column":94}},{"start":{"line":98,"column":98},"end":{"line":98,"column":110}}],"line":98},"9":{"loc":{"start":{"line":99,"column":23},"end":{"line":99,"column":110}},"type":"binary-expr","locations":[{"start":{"line":99,"column":24},"end":{"line":99,"column":50}},{"start":{"line":99,"column":54},"end":{"line":99,"column":77}},{"start":{"line":99,"column":82},"end":{"line":99,"column":94}},{"start":{"line":99,"column":98},"end":{"line":99,"column":110}}],"line":99},"10":{"loc":{"start":{"line":101,"column":6},"end":{"line":101,"column":41}},"type":"if","locations":[{"start":{"line":101,"column":6},"end":{"line":101,"column":41}},{"start":{"line":101,"column":6},"end":{"line":101,"column":41}}],"line":101},"11":{"loc":{"start":{"line":101,"column":10},"end":{"line":101,"column":32}},"type":"binary-expr","locations":[{"start":{"line":101,"column":10},"end":{"line":101,"column":19}},{"start":{"line":101,"column":23},"end":{"line":101,"column":32}}],"line":101},"12":{"loc":{"start":{"line":111,"column":6},"end":{"line":123,"column":7}},"type":"if","locations":[{"start":{"line":111,"column":6},"end":{"line":123,"column":7}},{"start":{"line":111,"column":6},"end":{"line":123,"column":7}}],"line":111},"13":{"loc":{"start":{"line":115,"column":8},"end":{"line":118,"column":9}},"type":"if","locations":[{"start":{"line":115,"column":8},"end":{"line":118,"column":9}},{"start":{"line":115,"column":8},"end":{"line":118,"column":9}}],"line":115},"14":{"loc":{"start":{"line":119,"column":8},"end":{"line":122,"column":9}},"type":"if","locations":[{"start":{"line":119,"column":8},"end":{"line":122,"column":9}},{"start":{"line":119,"column":8},"end":{"line":122,"column":9}}],"line":119},"15":{"loc":{"start":{"line":128,"column":6},"end":{"line":128,"column":42}},"type":"if","locations":[{"start":{"line":128,"column":6},"end":{"line":128,"column":42}},{"start":{"line":128,"column":6},"end":{"line":128,"column":42}}],"line":128},"16":{"loc":{"start":{"line":129,"column":6},"end":{"line":129,"column":42}},"type":"if","locations":[{"start":{"line":129,"column":6},"end":{"line":129,"column":42}},{"start":{"line":129,"column":6},"end":{"line":129,"column":42}}],"line":129},"17":{"loc":{"start":{"line":132,"column":38},"end":{"line":132,"column":87}},"type":"cond-expr","locations":[{"start":{"line":132,"column":49},"end":{"line":132,"column":83}},{"start":{"line":132,"column":86},"end":{"line":132,"column":87}}],"line":132},"18":{"loc":{"start":{"line":133,"column":40},"end":{"line":133,"column":89}},"type":"cond-expr","locations":[{"start":{"line":133,"column":51},"end":{"line":133,"column":85}},{"start":{"line":133,"column":88},"end":{"line":133,"column":89}}],"line":133},"19":{"loc":{"start":{"line":138,"column":32},"end":{"line":138,"column":90}},"type":"binary-expr","locations":[{"start":{"line":138,"column":32},"end":{"line":138,"column":58}},{"start":{"line":138,"column":62},"end":{"line":138,"column":90}}],"line":138},"20":{"loc":{"start":{"line":141,"column":17},"end":{"line":141,"column":95}},"type":"cond-expr","locations":[{"start":{"line":141,"column":65},"end":{"line":141,"column":88}},{"start":{"line":141,"column":91},"end":{"line":141,"column":95}}],"line":141},"21":{"loc":{"start":{"line":143,"column":27},"end":{"line":143,"column":75}},"type":"binary-expr","locations":[{"start":{"line":143,"column":27},"end":{"line":143,"column":53}},{"start":{"line":143,"column":57},"end":{"line":143,"column":75}}],"line":143},"22":{"loc":{"start":{"line":144,"column":6},"end":{"line":147,"column":7}},"type":"if","locations":[{"start":{"line":144,"column":6},"end":{"line":147,"column":7}},{"start":{"line":144,"column":6},"end":{"line":147,"column":7}}],"line":144},"23":{"loc":{"start":{"line":144,"column":10},"end":{"line":144,"column":29}},"type":"binary-expr","locations":[{"start":{"line":144,"column":10},"end":{"line":144,"column":12}},{"start":{"line":144,"column":16},"end":{"line":144,"column":29}}],"line":144},"24":{"loc":{"start":{"line":145,"column":8},"end":{"line":145,"column":57}},"type":"if","locations":[{"start":{"line":145,"column":8},"end":{"line":145,"column":57}},{"start":{"line":145,"column":8},"end":{"line":145,"column":57}}],"line":145},"25":{"loc":{"start":{"line":150,"column":6},"end":{"line":150,"column":59}},"type":"if","locations":[{"start":{"line":150,"column":6},"end":{"line":150,"column":59}},{"start":{"line":150,"column":6},"end":{"line":150,"column":59}}],"line":150},"26":{"loc":{"start":{"line":156,"column":4},"end":{"line":161,"column":5}},"type":"if","locations":[{"start":{"line":156,"column":4},"end":{"line":161,"column":5}},{"start":{"line":156,"column":4},"end":{"line":161,"column":5}}],"line":156},"27":{"loc":{"start":{"line":157,"column":6},"end":{"line":159,"column":7}},"type":"if","locations":[{"start":{"line":157,"column":6},"end":{"line":159,"column":7}},{"start":{"line":157,"column":6},"end":{"line":159,"column":7}}],"line":157},"28":{"loc":{"start":{"line":178,"column":20},"end":{"line":178,"column":52}},"type":"cond-expr","locations":[{"start":{"line":178,"column":32},"end":{"line":178,"column":47}},{"start":{"line":178,"column":50},"end":{"line":178,"column":52}}],"line":178}},"s":{"0":2,"1":2,"2":10,"3":10,"4":10,"5":0,"6":0,"7":0,"8":0,"9":0,"10":10,"11":10,"12":0,"13":10,"14":0,"15":0,"16":0,"17":0,"18":0,"19":0,"20":0,"21":0,"22":10,"23":10,"24":10,"25":10,"26":10,"27":10,"28":10,"29":10,"30":10,"31":10,"32":10,"33":10,"34":105,"35":10,"36":0,"37":10,"38":10,"39":10,"40":0,"41":10,"42":10,"43":10,"44":10,"45":7,"46":5,"47":5,"48":7,"49":5,"50":5,"51":10,"52":10,"53":8,"54":10,"55":8,"56":10,"57":10,"58":10,"59":10,"60":10,"61":10,"62":10,"63":9,"64":0,"65":9,"66":10,"67":0,"68":35,"69":35,"70":7,"71":2,"72":5,"73":28,"74":10,"75":10,"76":35},"f":{"0":0,"1":0,"2":0,"3":10,"4":105,"5":10,"6":35,"7":10,"8":35},"b":{"0":[0,10],"1":[10,0],"2":[0,10],"3":[0,0],"4":[10,3],"5":[10,0],"6":[10,0],"7":[0,10],"8":[10,0,10,10],"9":[10,0,10,10],"10":[0,10],"11":[10,0],"12":[7,3],"13":[5,2],"14":[5,2],"15":[8,2],"16":[8,2],"17":[10,0],"18":[10,0],"19":[10,2],"20":[10,0],"21":[10,10],"22":[9,1],"23":[10,10],"24":[0,9],"25":[0,10],"26":[7,28],"27":[2,5],"28":[9,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"ac17adea78801bbf722e7d243214b50ff54f62e9"}
+,"/Users/samuelreed/git/oss/react-resizable/lib/ResizableBox.js": {"path":"/Users/samuelreed/git/oss/react-resizable/lib/ResizableBox.js","statementMap":{"0":{"start":{"line":19,"column":21},"end":{"line":22,"column":3}},"1":{"start":{"line":24,"column":29},"end":{"line":29,"column":3}},"2":{"start":{"line":33,"column":4},"end":{"line":40,"column":5}},"3":{"start":{"line":34,"column":6},"end":{"line":39,"column":8}},"4":{"start":{"line":41,"column":4},"end":{"line":41,"column":16}},"5":{"start":{"line":44,"column":13},"end":{"line":52,"column":3}},"6":{"start":{"line":45,"column":19},"end":{"line":45,"column":23}},"7":{"start":{"line":46,"column":4},"end":{"line":51,"column":5}},"8":{"start":{"line":47,"column":6},"end":{"line":47,"column":31}},"9":{"start":{"line":48,"column":6},"end":{"line":48,"column":85}},"10":{"start":{"line":48,"column":32},"end":{"line":48,"column":83}},"11":{"start":{"line":50,"column":6},"end":{"line":50,"column":26}},"12":{"start":{"line":75,"column":8},"end":{"line":75,"column":18}},"13":{"start":{"line":77,"column":4},"end":{"line":96,"column":6}}},"fnMap":{"0":{"name":"(anonymous_0)","decl":{"start":{"line":31,"column":2},"end":{"line":31,"column":3}},"loc":{"start":{"line":31,"column":86},"end":{"line":42,"column":3}},"line":31},"1":{"name":"(anonymous_1)","decl":{"start":{"line":44,"column":13},"end":{"line":44,"column":14}},"loc":{"start":{"line":44,"column":64},"end":{"line":52,"column":3}},"line":44},"2":{"name":"(anonymous_2)","decl":{"start":{"line":48,"column":26},"end":{"line":48,"column":27}},"loc":{"start":{"line":48,"column":32},"end":{"line":48,"column":83}},"line":48},"3":{"name":"(anonymous_3)","decl":{"start":{"line":54,"column":2},"end":{"line":54,"column":3}},"loc":{"start":{"line":54,"column":22},"end":{"line":97,"column":3}},"line":54}},"branchMap":{"0":{"loc":{"start":{"line":33,"column":4},"end":{"line":40,"column":5}},"type":"if","locations":[{"start":{"line":33,"column":4},"end":{"line":40,"column":5}},{"start":{"line":33,"column":4},"end":{"line":40,"column":5}}],"line":33},"1":{"loc":{"start":{"line":33,"column":8},"end":{"line":33,"column":78}},"type":"binary-expr","locations":[{"start":{"line":33,"column":8},"end":{"line":33,"column":40}},{"start":{"line":33,"column":44},"end":{"line":33,"column":78}}],"line":33},"2":{"loc":{"start":{"line":46,"column":4},"end":{"line":51,"column":5}},"type":"if","locations":[{"start":{"line":46,"column":4},"end":{"line":51,"column":5}},{"start":{"line":46,"column":4},"end":{"line":51,"column":5}}],"line":46},"3":{"loc":{"start":{"line":47,"column":6},"end":{"line":47,"column":30}},"type":"binary-expr","locations":[{"start":{"line":47,"column":6},"end":{"line":47,"column":15}},{"start":{"line":47,"column":19},"end":{"line":47,"column":30}}],"line":47},"4":{"loc":{"start":{"line":48,"column":32},"end":{"line":48,"column":83}},"type":"binary-expr","locations":[{"start":{"line":48,"column":32},"end":{"line":48,"column":51}},{"start":{"line":48,"column":55},"end":{"line":48,"column":83}}],"line":48}},"s":{"0":1,"1":6,"2":7,"3":0,"4":7,"5":6,"6":1,"7":1,"8":1,"9":1,"10":1,"11":0,"12":7,"13":7},"f":{"0":7,"1":1,"2":1,"3":7},"b":{"0":[0,7],"1":[7,7],"2":[1,0],"3":[1,1],"4":[1,1]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"13b4735b99bb58453494ef994e82e17066364f0b"}
+,"/Users/samuelreed/git/oss/react-resizable/lib/propTypes.js": {"path":"/Users/samuelreed/git/oss/react-resizable/lib/propTypes.js","statementMap":{"0":{"start":{"line":45,"column":30},"end":{"line":135,"column":1}}},"fnMap":{},"branchMap":{},"s":{"0":2},"f":{},"b":{},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"f52cf26a1f1552c79f36287b8963a4f61e041113"}
+,"/Users/samuelreed/git/oss/react-resizable/lib/utils.js": {"path":"/Users/samuelreed/git/oss/react-resizable/lib/utils.js","statementMap":{"0":{"start":{"line":7,"column":2},"end":{"line":9,"column":3}},"1":{"start":{"line":8,"column":4},"end":{"line":8,"column":59}},"2":{"start":{"line":10,"column":2},"end":{"line":12,"column":3}},"3":{"start":{"line":11,"column":4},"end":{"line":11,"column":70}},"4":{"start":{"line":13,"column":2},"end":{"line":13,"column":44}}},"fnMap":{"0":{"name":"cloneElement","decl":{"start":{"line":6,"column":16},"end":{"line":6,"column":28}},"loc":{"start":{"line":6,"column":91},"end":{"line":14,"column":1}},"line":6}},"branchMap":{"0":{"loc":{"start":{"line":7,"column":2},"end":{"line":9,"column":3}},"type":"if","locations":[{"start":{"line":7,"column":2},"end":{"line":9,"column":3}},{"start":{"line":7,"column":2},"end":{"line":9,"column":3}}],"line":7},"1":{"loc":{"start":{"line":7,"column":6},"end":{"line":7,"column":40}},"type":"binary-expr","locations":[{"start":{"line":7,"column":6},"end":{"line":7,"column":17}},{"start":{"line":7,"column":21},"end":{"line":7,"column":40}}],"line":7},"2":{"loc":{"start":{"line":10,"column":2},"end":{"line":12,"column":3}},"type":"if","locations":[{"start":{"line":10,"column":2},"end":{"line":12,"column":3}},{"start":{"line":10,"column":2},"end":{"line":12,"column":3}}],"line":10},"3":{"loc":{"start":{"line":10,"column":6},"end":{"line":10,"column":48}},"type":"binary-expr","locations":[{"start":{"line":10,"column":6},"end":{"line":10,"column":21}},{"start":{"line":10,"column":25},"end":{"line":10,"column":48}}],"line":10}},"s":{"0":10,"1":0,"2":10,"3":2,"4":10},"f":{"0":10},"b":{"0":[0,10],"1":[10,0],"2":[2,8],"3":[10,10]},"_coverageSchema":"1a1c01bbd47fc00a2c39e90264f33305004495a9","hash":"45ba6f3fb4cceee1fdbdf3eb9f9637ea6ff5356d"}
+}