react-scrollbar-iframe - npm Package Compare versions

Comparing version 0.3.2 to 0.3.3

dist/scrollArea.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.ScrollArea=e(require("react")):t.ScrollArea=e(t.React)}(this,function(t){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return t[o].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";var o=n(9).default,i=n(10).default,r=n(8).default,s=n(7).default,a=n(6).default,l=n(3).default;Object.defineProperty(e,"__esModule",{value:!0}),n(45);var c=n(5),u=l(c),f=n(16),p=l(f),h=n(17),d=n(43),v=l(d),y=function(t){function e(t){var n=this;s(this,e),o(Object.getPrototypeOf(e.prototype),"constructor",this).call(this,t),this.state={topPosition:0,leftPosition:0,realHeight:0,containerHeight:0,realWidth:0,containerWidth:0},this.scrollArea={refresh:function(){n.setSizesToState()},scrollTop:function(){n.scrollTop()},scrollBottom:function(){n.scrollBottom()},scrollYTo:function(t){n.scrollYTo(t)},scrollLeft:function(){n.scrollLeft()},scrollRight:function(){n.scrollRight()},scrollXTo:function(t){n.scrollXTo(t)}},this.bindedHandleWindowResize=this.handleWindowResize.bind(this)}return i(e,t),r(e,[{key:"getChildContext",value:function(){return{scrollArea:this.scrollArea}}},{key:"componentDidMount",value:function(){this.props.contentWindow.addEventListener("resize",this.bindedHandleWindowResize),this.lineHeightPx=(0,v.default)((0,h.findDOMNode)(this.refs.content)),this.setSizesToState()}},{key:"componentWillUnmount",value:function(){this.props.contentWindow.removeEventListener("resize",this.bindedHandleWindowResize)}},{key:"componentDidUpdate",value:function(){this.setSizesToState()}},{key:"render",value:function(){var t=this.props,e=t.children,n=t.className,o=t.contentClassName,i=t.ownerDocument,r={marginTop:this.state.topPosition,marginLeft:this.state.leftPosition},s=this.canScrollY()?u.default.createElement(p.default,{ownerDocument:i,realSize:this.state.realHeight,containerSize:this.state.containerHeight,position:-this.state.topPosition,onMove:this.handleMove.bind(this),containerStyle:this.props.verticalContainerStyle,scrollbarStyle:this.props.verticalScrollbarStyle,type:"vertical"}):null,l=this.canScrollX()?u.default.createElement(p.default,{ownerDocument:i,realSize:this.state.realWidth,containerSize:this.state.containerWidth,position:-this.state.leftPosition,onMove:this.handleMove.bind(this),containerStyle:this.props.horizontalContainerStyle,scrollbarStyle:this.props.horizontalScrollbarStyle,type:"horizontal"}):null;"function"==typeof e?((0,h.warnAboutFunctionChild)(),e=e()):(0,h.warnAboutElementChild)();var c="scrollarea "+(n||""),f="scrollarea-content "+(o||"");return u.default.createElement("div",{ref:"wrapper",style:this.props.style,className:c,onWheel:this.handleWheel.bind(this)},u.default.createElement("div",{ref:"content",style:a({},this.props.contentStyle,r),className:f,onTouchStart:this.handleTouchStart.bind(this),onTouchMove:this.handleTouchMove.bind(this)},e),s,l)}},{key:"handleTouchStart",value:function(t){var e=t.touches;if(1===e.length){var n=e[0],o=n.clientX,i=n.clientY;this.setState({lastClientYPosition:i,lastClientXPosition:o})}}},{key:"handleTouchMove",value:function(t){t.preventDefault();var e=t.touches;if(1===e.length){var n=e[0],o=n.clientX,i=n.clientY,r=this.state.lastClientYPosition-i,s=this.state.lastClientXPosition-o;this.handleMove(-r,-s),this.setState({lastClientYPosition:i,lastClientXPosition:o})}}},{key:"handleMove",value:function(t,e){var n=this.computeSizes();this.canScrollY(n)&&(n.topPosition=this.computeTopPosition(t,n)),this.canScrollX(n)&&(n.leftPosition=this.computeLeftPosition(e,n)),this.setState(n)}},{key:"handleWheel",value:function(t){var e=this.computeSizes(),n=t.deltaY,o=t.deltaX;1===t.deltaMode&&(n*=this.lineHeightPx,o*=this.lineHeightPx),n*=this.props.speed,o*=this.props.speed,this.canScrollY(e)&&(e.topPosition=this.computeTopPosition(-n,e)),this.canScrollX(e)&&(e.leftPosition=this.computeLeftPosition(-o,e)),(this.state.topPosition!==e.topPosition||this.state.leftPosition!==e.leftPosition)&&t.preventDefault(),this.setState(e)}},{key:"computeTopPosition",value:function(t,e){var n=this.state.topPosition+t;return this.normalizeTopPosition(n,e)}},{key:"computeLeftPosition",value:function(t,e){var n=this.state.leftPosition+t;return this.normalizeLeftPosition(n,e)}},{key:"normalizeTopPosition",value:function(t,e){return-t>e.realHeight-e.containerHeight&&(t=-(e.realHeight-e.containerHeight)),t>0&&(t=0),t}},{key:"normalizeLeftPosition",value:function(t,e){return-t>e.realWidth-e.containerWidth?t=-(e.realWidth-e.containerWidth):t>0&&(t=0),t}},{key:"handleWindowResize",value:function(){var t=this.computeSizes();t=this.getModifiedPositionsIfNeeded(t),this.setState(t)}},{key:"computeSizes",value:function(){var t=(0,h.findDOMNode)(this.refs.content).offsetHeight,e=(0,h.findDOMNode)(this.refs.wrapper).offsetHeight,n=(0,h.findDOMNode)(this.refs.content).offsetWidth,o=(0,h.findDOMNode)(this.refs.wrapper).offsetWidth;return{realHeight:t,containerHeight:e,realWidth:n,containerWidth:o}}},{key:"setSizesToState",value:function(){var t=this.computeSizes();(t.realHeight!==this.state.realHeight||t.realWidth!==this.state.realWidth)&&this.setState(this.getModifiedPositionsIfNeeded(t))}},{key:"scrollTop",value:function(){this.setState({topPosition:0})}},{key:"scrollBottom",value:function(){this.setState({topPosition:-(this.state.realHeight-this.state.containerHeight)})}},{key:"scrollLeft",value:function(){this.setState({leftPosition:0})}},{key:"scrollRight",value:function(){this.setState({leftPosition:-(this.state.realWidth-this.state.containerWidth)})}},{key:"scrollYTo",value:function(t){var e=this.normalizeTopPosition(-t,this.computeSizes());this.setState({topPosition:e})}},{key:"scrollXTo",value:function(t){var e=this.normalizeLeftPosition(-t,this.computeSizes());this.setState({leftPosition:e})}},{key:"canScrollY",value:function(){var t=arguments.length<=0||void 0===arguments[0]?this.state:arguments[0],e=t.realHeight>t.containerHeight||0!=this.state.topPosition;return e&&this.props.vertical}},{key:"canScrollX",value:function(){var t=arguments.length<=0||void 0===arguments[0]?this.state:arguments[0],e=t.realWidth>t.containerWidth||0!=this.state.leftPosition;return e&&this.props.horizontal}},{key:"getModifiedPositionsIfNeeded",value:function(t){var e=t.realHeight-t.containerHeight;-this.state.topPosition>=e&&(t.topPosition=this.canScrollY(t)?-(0,h.positiveOrZero)(e):0);var n=t.realWidth-t.containerWidth;return-this.state.leftPosition>=n&&(t.leftPosition=this.canScrollX(t)?-(0,h.positiveOrZero)(n):0),t}}]),e}(u.default.Component);e.default=y,y.childContextTypes={scrollArea:u.default.PropTypes.object},y.propTypes={className:u.default.PropTypes.string,style:u.default.PropTypes.object,speed:u.default.PropTypes.number,contentClassName:u.default.PropTypes.string,contentStyle:u.default.PropTypes.object,vertical:u.default.PropTypes.bool,verticalContainerStyle:u.default.PropTypes.object,verticalScrollbarStyle:u.default.PropTypes.object,horizontal:u.default.PropTypes.bool,horizontalContainerStyle:u.default.PropTypes.object,horizontalScrollbarStyle:u.default.PropTypes.object,contentWindow:u.default.propTypes.node,ownerDocument:u.default.propTypes.node},y.defaultProps={speed:1,vertical:!0,horizontal:!0,contentWindow:window,ownerDocument:document},t.exports=e.default},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{"default":t}},e.__esModule=!0},function(t,e,n){var o=n(32),i=n(2),r=n(11),s="prototype",a=function(t,e,n){var l,c,u,f=t&a.F,p=t&a.G,h=t&a.S,d=t&a.P,v=t&a.B,y=t&a.W,g=p?i:i[e]||(i[e]={}),m=p?o:h?o[e]:(o[e]||{})[s];p&&(n=e);for(l in n)c=!f&&m&&l in m,c&&l in g||(u=c?m[l]:n[l],g[l]=p&&"function"!=typeof m[l]?n[l]:v&&c?r(u,o):y&&m[l]==u?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[s]=t[s],e}(u):d&&"function"==typeof u?r(Function.call,u):u,d&&((g[s]||(g[s]={}))[l]=u))};a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,t.exports=a},function(e,n){e.exports=t},function(t,e,n){t.exports={"default":n(24),__esModule:!0}},function(t,e){"use strict";e.default=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},e.__esModule=!0},function(t,e,n){"use strict";var o=n(19).default;e.default=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),o(t,i.key,i)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),e.__esModule=!0},function(t,e,n){"use strict";var o=n(20).default;e.default=function(t,e,n){for(var i=!0;i;){var r=t,s=e,a=n;i=!1,null===r&&(r=Function.prototype);var l=o(r,s);if(void 0!==l){if("value"in l)return l.value;var c=l.get;if(void 0===c)return;return c.call(a)}var u=Object.getPrototypeOf(r);if(null===u)return;t=u,e=s,n=a,i=!0,l=u=void 0}},e.__esModule=!0},function(t,e,n){"use strict";var o=n(18).default,i=n(21).default;e.default=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=o(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(i?i(t,e):t.__proto__=e)},e.__esModule=!0},function(t,e,n){var o=n(29);t.exports=function(t,e,n){if(o(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,o){return t.call(e,n,o)};case 3:return function(n,o,i){return t.call(e,n,o,i)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){var o=n(31);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==o(t)?t.split(""):Object(t)}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){"use strict";var o=n(9).default,i=n(10).default,r=n(8).default,s=n(7).default,a=n(6).default,l=n(3).default;Object.defineProperty(e,"__esModule",{value:!0});var c=n(5),u=l(c),f=n(22),p=l(f),h=function(t){function e(t){s(this,e),o(Object.getPrototypeOf(e.prototype),"constructor",this).call(this,t);var n=this.calculateState(t);this.state={position:n.position,scrollSize:n.scrollSize,isDragging:!1,lastClientPosition:0},"vertical"===t.type?this.bindedHandleMouseMove=this.handleMouseMoveForVertical.bind(this):this.bindedHandleMouseMove=this.handleMouseMoveForHorizontal.bind(this),this.bindedHandleMouseUp=this.handleMouseUp.bind(this)}return i(e,t),r(e,[{key:"componentDidMount",value:function(){ownerDocument.addEventListener("mousemove",this.bindedHandleMouseMove),ownerDocument.addEventListener("mouseup",this.bindedHandleMouseUp)}},{key:"componentWillReceiveProps",value:function(t){this.setState(this.calculateState(t))}},{key:"componentWillUnmount",value:function(){ownerDocument.removeEventListener("mousemove",this.bindedHandleMouseMove),ownerDocument.removeEventListener("mouseup",this.bindedHandleMouseUp)}},{key:"calculateState",value:function(t){var e=t.containerSize*t.containerSize/t.realSize,n=t.containerSize/t.realSize,o=t.position*n;return{scrollSize:e,position:o}}},{key:"render",value:function(){var t=this.createScrollStyles(),e=(0,p.default)(["scrollbar-container",{active:this.state.isDragging,horizontal:"horizontal"===this.props.type,vertical:"vertical"===this.props.type}]);return u.default.createElement("div",{className:e,style:this.props.containerStyle},u.default.createElement("div",{className:"scrollbar",style:a({},this.props.scrollbarStyle,t),onMouseDown:this.handleMouseDown.bind(this)}))}},{key:"handleMouseMoveForHorizontal",value:function(t){var e=this.props.containerSize/this.props.realSize;if(this.state.isDragging){t.preventDefault();var n=this.state.lastClientPosition-t.clientX;this.setState({lastClientPosition:t.clientX}),this.props.onMove(0,n/e)}}},{key:"handleMouseMoveForVertical",value:function(t){var e=this.props.containerSize/this.props.realSize;if(this.state.isDragging){t.preventDefault();var n=this.state.lastClientPosition-t.clientY;this.setState({lastClientPosition:t.clientY}),this.props.onMove(n/e,0)}}},{key:"handleMouseDown",value:function(t){var e="vertical"===this.props.type?t.clientY:t.clientX;this.setState({isDragging:!0,lastClientPosition:e})}},{key:"handleMouseUp",value:function(t){this.setState({isDragging:!1})}},{key:"createScrollStyles",value:function(){return"vertical"===this.props.type?{height:this.state.scrollSize,marginTop:this.state.position}:{width:this.state.scrollSize,marginLeft:this.state.position}}}]),e}(u.default.Component);h.propTypes={onMove:u.default.PropTypes.func,realSize:u.default.PropTypes.number,containerSize:u.default.PropTypes.number,position:u.default.PropTypes.number,containerStyle:u.default.PropTypes.object,scrollbarStyle:u.default.PropTypes.object,type:u.default.PropTypes.oneOf(["vertical","horizontal"]),ownerDocument:u.default.propTypes.node},h.defaultProps={type:"vertical",ownerDocument:document},e.default=h,t.exports=e.default},function(t,e,n){"use strict";function o(t){return f?u.default.findDOMNode(t):t}function i(){p||f||(p=!0,console.error("With React 0.14 and later versions, you no longer need to wrap <ScrollArea> child into a function."))}function r(){!p&&f&&(p=!0,console.error("With React 0.13, you need to wrap <ScrollArea> child into a function."))}function s(t){return 0>t?0:t}function a(t){var e=t.version;if("string"!=typeof e)return!0;var n=e.split("."),o=parseInt(n[0],10),i=parseInt(n[1],10);return 0===o&&13===i}var l=n(3).default;Object.defineProperty(e,"__esModule",{value:!0}),e.findDOMNode=o,e.warnAboutFunctionChild=i,e.warnAboutElementChild=r,e.positiveOrZero=s;var c=n(5),u=l(c),f=a(u.default),p=!1},function(t,e,n){t.exports={"default":n(25),__esModule:!0}},function(t,e,n){t.exports={"default":n(26),__esModule:!0}},function(t,e,n){t.exports={"default":n(27),__esModule:!0}},function(t,e,n){t.exports={"default":n(28),__esModule:!0}},function(t,e,n){/*!
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.ScrollArea=e(require("react")):t.ScrollArea=e(t.React)}(this,function(t){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return t[o].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";var o=n(9).default,i=n(10).default,r=n(8).default,s=n(7).default,a=n(6).default,l=n(3).default;Object.defineProperty(e,"__esModule",{value:!0}),n(45);var c=n(5),u=l(c),f=n(16),p=l(f),h=n(17),d=n(43),v=l(d),y=function(t){function e(t){var n=this;s(this,e),o(Object.getPrototypeOf(e.prototype),"constructor",this).call(this,t),this.state={topPosition:0,leftPosition:0,realHeight:0,containerHeight:0,realWidth:0,containerWidth:0},this.scrollArea={refresh:function(){n.setSizesToState()},scrollTop:function(){n.scrollTop()},scrollBottom:function(){n.scrollBottom()},scrollYTo:function(t){n.scrollYTo(t)},scrollLeft:function(){n.scrollLeft()},scrollRight:function(){n.scrollRight()},scrollXTo:function(t){n.scrollXTo(t)}},this.bindedHandleWindowResize=this.handleWindowResize.bind(this)}return i(e,t),r(e,[{key:"getChildContext",value:function(){return{scrollArea:this.scrollArea}}},{key:"componentDidMount",value:function(){this.props.contentWindow.addEventListener("resize",this.bindedHandleWindowResize),this.lineHeightPx=(0,v.default)((0,h.findDOMNode)(this.refs.content)),this.setSizesToState()}},{key:"componentWillUnmount",value:function(){this.props.contentWindow.removeEventListener("resize",this.bindedHandleWindowResize)}},{key:"componentDidUpdate",value:function(){this.setSizesToState()}},{key:"render",value:function(){var t=this.props,e=t.children,n=t.className,o=t.contentClassName,i=t.ownerDocument,r={marginTop:this.state.topPosition,marginLeft:this.state.leftPosition},s=this.canScrollY()?u.default.createElement(p.default,{ownerDocument:i,realSize:this.state.realHeight,containerSize:this.state.containerHeight,position:-this.state.topPosition,onMove:this.handleMove.bind(this),containerStyle:this.props.verticalContainerStyle,scrollbarStyle:this.props.verticalScrollbarStyle,type:"vertical"}):null,l=this.canScrollX()?u.default.createElement(p.default,{ownerDocument:i,realSize:this.state.realWidth,containerSize:this.state.containerWidth,position:-this.state.leftPosition,onMove:this.handleMove.bind(this),containerStyle:this.props.horizontalContainerStyle,scrollbarStyle:this.props.horizontalScrollbarStyle,type:"horizontal"}):null;"function"==typeof e?((0,h.warnAboutFunctionChild)(),e=e()):(0,h.warnAboutElementChild)();var c="scrollarea "+(n||""),f="scrollarea-content "+(o||"");return u.default.createElement("div",{ref:"wrapper",style:this.props.style,className:c,onWheel:this.handleWheel.bind(this)},u.default.createElement("div",{ref:"content",style:a({},this.props.contentStyle,r),className:f,onTouchStart:this.handleTouchStart.bind(this),onTouchMove:this.handleTouchMove.bind(this)},e),s,l)}},{key:"handleTouchStart",value:function(t){var e=t.touches;if(1===e.length){var n=e[0],o=n.clientX,i=n.clientY;this.setState({lastClientYPosition:i,lastClientXPosition:o})}}},{key:"handleTouchMove",value:function(t){t.preventDefault();var e=t.touches;if(1===e.length){var n=e[0],o=n.clientX,i=n.clientY,r=this.state.lastClientYPosition-i,s=this.state.lastClientXPosition-o;this.handleMove(-r,-s),this.setState({lastClientYPosition:i,lastClientXPosition:o})}}},{key:"handleMove",value:function(t,e){var n=this.computeSizes();this.canScrollY(n)&&(n.topPosition=this.computeTopPosition(t,n)),this.canScrollX(n)&&(n.leftPosition=this.computeLeftPosition(e,n)),this.setState(n)}},{key:"handleWheel",value:function(t){var e=this.computeSizes(),n=t.deltaY,o=t.deltaX;1===t.deltaMode&&(n*=this.lineHeightPx,o*=this.lineHeightPx),n*=this.props.speed,o*=this.props.speed,this.canScrollY(e)&&(e.topPosition=this.computeTopPosition(-n,e)),this.canScrollX(e)&&(e.leftPosition=this.computeLeftPosition(-o,e)),(this.state.topPosition!==e.topPosition||this.state.leftPosition!==e.leftPosition)&&t.preventDefault(),this.setState(e)}},{key:"computeTopPosition",value:function(t,e){var n=this.state.topPosition+t;return this.normalizeTopPosition(n,e)}},{key:"computeLeftPosition",value:function(t,e){var n=this.state.leftPosition+t;return this.normalizeLeftPosition(n,e)}},{key:"normalizeTopPosition",value:function(t,e){return-t>e.realHeight-e.containerHeight&&(t=-(e.realHeight-e.containerHeight)),t>0&&(t=0),t}},{key:"normalizeLeftPosition",value:function(t,e){return-t>e.realWidth-e.containerWidth?t=-(e.realWidth-e.containerWidth):t>0&&(t=0),t}},{key:"handleWindowResize",value:function(){var t=this.computeSizes();t=this.getModifiedPositionsIfNeeded(t),this.setState(t)}},{key:"computeSizes",value:function(){var t=(0,h.findDOMNode)(this.refs.content).offsetHeight,e=(0,h.findDOMNode)(this.refs.wrapper).offsetHeight,n=(0,h.findDOMNode)(this.refs.content).offsetWidth,o=(0,h.findDOMNode)(this.refs.wrapper).offsetWidth;return{realHeight:t,containerHeight:e,realWidth:n,containerWidth:o}}},{key:"setSizesToState",value:function(){var t=this.computeSizes();(t.realHeight!==this.state.realHeight||t.realWidth!==this.state.realWidth)&&this.setState(this.getModifiedPositionsIfNeeded(t))}},{key:"scrollTop",value:function(){this.setState({topPosition:0})}},{key:"scrollBottom",value:function(){this.setState({topPosition:-(this.state.realHeight-this.state.containerHeight)})}},{key:"scrollLeft",value:function(){this.setState({leftPosition:0})}},{key:"scrollRight",value:function(){this.setState({leftPosition:-(this.state.realWidth-this.state.containerWidth)})}},{key:"scrollYTo",value:function(t){var e=this.normalizeTopPosition(-t,this.computeSizes());this.setState({topPosition:e})}},{key:"scrollXTo",value:function(t){var e=this.normalizeLeftPosition(-t,this.computeSizes());this.setState({leftPosition:e})}},{key:"canScrollY",value:function(){var t=arguments.length<=0||void 0===arguments[0]?this.state:arguments[0],e=t.realHeight>t.containerHeight||0!=this.state.topPosition;return e&&this.props.vertical}},{key:"canScrollX",value:function(){var t=arguments.length<=0||void 0===arguments[0]?this.state:arguments[0],e=t.realWidth>t.containerWidth||0!=this.state.leftPosition;return e&&this.props.horizontal}},{key:"getModifiedPositionsIfNeeded",value:function(t){var e=t.realHeight-t.containerHeight;-this.state.topPosition>=e&&(t.topPosition=this.canScrollY(t)?-(0,h.positiveOrZero)(e):0);var n=t.realWidth-t.containerWidth;return-this.state.leftPosition>=n&&(t.leftPosition=this.canScrollX(t)?-(0,h.positiveOrZero)(n):0),t}}]),e}(u.default.Component);e.default=y,y.childContextTypes={scrollArea:u.default.PropTypes.object},y.propTypes={className:u.default.PropTypes.string,style:u.default.PropTypes.object,speed:u.default.PropTypes.number,contentClassName:u.default.PropTypes.string,contentStyle:u.default.PropTypes.object,vertical:u.default.PropTypes.bool,verticalContainerStyle:u.default.PropTypes.object,verticalScrollbarStyle:u.default.PropTypes.object,horizontal:u.default.PropTypes.bool,horizontalContainerStyle:u.default.PropTypes.object,horizontalScrollbarStyle:u.default.PropTypes.object,contentWindow:u.default.PropTypes.node,ownerDocument:u.default.PropTypes.node},y.defaultProps={speed:1,vertical:!0,horizontal:!0,contentWindow:window,ownerDocument:document},t.exports=e.default},function(t,e){var n=Object;t.exports={create:n.create,getProto:n.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:n.getOwnPropertyDescriptor,setDesc:n.defineProperty,setDescs:n.defineProperties,getKeys:n.keys,getNames:n.getOwnPropertyNames,getSymbols:n.getOwnPropertySymbols,each:[].forEach}},function(t,e){var n=t.exports={version:"1.2.6"};"number"==typeof __e&&(__e=n)},function(t,e){"use strict";e.default=function(t){return t&&t.__esModule?t:{"default":t}},e.__esModule=!0},function(t,e,n){var o=n(32),i=n(2),r=n(11),s="prototype",a=function(t,e,n){var l,c,u,f=t&a.F,p=t&a.G,h=t&a.S,d=t&a.P,v=t&a.B,y=t&a.W,g=p?i:i[e]||(i[e]={}),m=p?o:h?o[e]:(o[e]||{})[s];p&&(n=e);for(l in n)c=!f&&m&&l in m,c&&l in g||(u=c?m[l]:n[l],g[l]=p&&"function"!=typeof m[l]?n[l]:v&&c?r(u,o):y&&m[l]==u?function(t){var e=function(e){return this instanceof t?new t(e):t(e)};return e[s]=t[s],e}(u):d&&"function"==typeof u?r(Function.call,u):u,d&&((g[s]||(g[s]={}))[l]=u))};a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,t.exports=a},function(e,n){e.exports=t},function(t,e,n){t.exports={"default":n(24),__esModule:!0}},function(t,e){"use strict";e.default=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},e.__esModule=!0},function(t,e,n){"use strict";var o=n(19).default;e.default=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),o(t,i.key,i)}}return function(e,n,o){return n&&t(e.prototype,n),o&&t(e,o),e}}(),e.__esModule=!0},function(t,e,n){"use strict";var o=n(20).default;e.default=function(t,e,n){for(var i=!0;i;){var r=t,s=e,a=n;i=!1,null===r&&(r=Function.prototype);var l=o(r,s);if(void 0!==l){if("value"in l)return l.value;var c=l.get;if(void 0===c)return;return c.call(a)}var u=Object.getPrototypeOf(r);if(null===u)return;t=u,e=s,n=a,i=!0,l=u=void 0}},e.__esModule=!0},function(t,e,n){"use strict";var o=n(18).default,i=n(21).default;e.default=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=o(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(i?i(t,e):t.__proto__=e)},e.__esModule=!0},function(t,e,n){var o=n(29);t.exports=function(t,e,n){if(o(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,o){return t.call(e,n,o)};case 3:return function(n,o,i){return t.call(e,n,o,i)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},function(t,e,n){var o=n(31);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==o(t)?t.split(""):Object(t)}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){"use strict";var o=n(9).default,i=n(10).default,r=n(8).default,s=n(7).default,a=n(6).default,l=n(3).default;Object.defineProperty(e,"__esModule",{value:!0});var c=n(5),u=l(c),f=n(22),p=l(f),h=function(t){function e(t){s(this,e),o(Object.getPrototypeOf(e.prototype),"constructor",this).call(this,t);var n=this.calculateState(t);this.state={position:n.position,scrollSize:n.scrollSize,isDragging:!1,lastClientPosition:0},"vertical"===t.type?this.bindedHandleMouseMove=this.handleMouseMoveForVertical.bind(this):this.bindedHandleMouseMove=this.handleMouseMoveForHorizontal.bind(this),this.bindedHandleMouseUp=this.handleMouseUp.bind(this)}return i(e,t),r(e,[{key:"componentDidMount",value:function(){ownerDocument.addEventListener("mousemove",this.bindedHandleMouseMove),ownerDocument.addEventListener("mouseup",this.bindedHandleMouseUp)}},{key:"componentWillReceiveProps",value:function(t){this.setState(this.calculateState(t))}},{key:"componentWillUnmount",value:function(){ownerDocument.removeEventListener("mousemove",this.bindedHandleMouseMove),ownerDocument.removeEventListener("mouseup",this.bindedHandleMouseUp)}},{key:"calculateState",value:function(t){var e=t.containerSize*t.containerSize/t.realSize,n=t.containerSize/t.realSize,o=t.position*n;return{scrollSize:e,position:o}}},{key:"render",value:function(){var t=this.createScrollStyles(),e=(0,p.default)(["scrollbar-container",{active:this.state.isDragging,horizontal:"horizontal"===this.props.type,vertical:"vertical"===this.props.type}]);return u.default.createElement("div",{className:e,style:this.props.containerStyle},u.default.createElement("div",{className:"scrollbar",style:a({},this.props.scrollbarStyle,t),onMouseDown:this.handleMouseDown.bind(this)}))}},{key:"handleMouseMoveForHorizontal",value:function(t){var e=this.props.containerSize/this.props.realSize;if(this.state.isDragging){t.preventDefault();var n=this.state.lastClientPosition-t.clientX;this.setState({lastClientPosition:t.clientX}),this.props.onMove(0,n/e)}}},{key:"handleMouseMoveForVertical",value:function(t){var e=this.props.containerSize/this.props.realSize;if(this.state.isDragging){t.preventDefault();var n=this.state.lastClientPosition-t.clientY;this.setState({lastClientPosition:t.clientY}),this.props.onMove(n/e,0)}}},{key:"handleMouseDown",value:function(t){var e="vertical"===this.props.type?t.clientY:t.clientX;this.setState({isDragging:!0,lastClientPosition:e})}},{key:"handleMouseUp",value:function(t){this.setState({isDragging:!1})}},{key:"createScrollStyles",value:function(){return"vertical"===this.props.type?{height:this.state.scrollSize,marginTop:this.state.position}:{width:this.state.scrollSize,marginLeft:this.state.position}}}]),e}(u.default.Component);h.propTypes={onMove:u.default.PropTypes.func,realSize:u.default.PropTypes.number,containerSize:u.default.PropTypes.number,position:u.default.PropTypes.number,containerStyle:u.default.PropTypes.object,scrollbarStyle:u.default.PropTypes.object,type:u.default.PropTypes.oneOf(["vertical","horizontal"]),ownerDocument:u.default.PropTypes.node},h.defaultProps={type:"vertical",ownerDocument:document},e.default=h,t.exports=e.default},function(t,e,n){"use strict";function o(t){return f?u.default.findDOMNode(t):t}function i(){p||f||(p=!0,console.error("With React 0.14 and later versions, you no longer need to wrap <ScrollArea> child into a function."))}function r(){!p&&f&&(p=!0,console.error("With React 0.13, you need to wrap <ScrollArea> child into a function."))}function s(t){return 0>t?0:t}function a(t){var e=t.version;if("string"!=typeof e)return!0;var n=e.split("."),o=parseInt(n[0],10),i=parseInt(n[1],10);return 0===o&&13===i}var l=n(3).default;Object.defineProperty(e,"__esModule",{value:!0}),e.findDOMNode=o,e.warnAboutFunctionChild=i,e.warnAboutElementChild=r,e.positiveOrZero=s;var c=n(5),u=l(c),f=a(u.default),p=!1},function(t,e,n){t.exports={"default":n(25),__esModule:!0}},function(t,e,n){t.exports={"default":n(26),__esModule:!0}},function(t,e,n){t.exports={"default":n(27),__esModule:!0}},function(t,e,n){t.exports={"default":n(28),__esModule:!0}},function(t,e,n){/*!
 	  Copyright (c) 2015 Jed Watson.
@@ -3,0 +3,0 @@ Licensed under the MIT License (MIT), see

package.json

 {
   "name": "react-scrollbar-iframe",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "ScrollArea component for react",
@@ -11,3 +11,3 @@ "main": "./dist/scrollArea.js",
     "type": "git",
-    "url": "[e-mail]:syastrebov/reactScrollbar.git"
+    "url": "https://github.com/syastrebov/reactScrollbar.git"
   },
@@ -14,0 +14,0 @@ "keywords": [

src/js/scrollArea.jsx

@@ -312,4 +312,4 @@ import '../less/scrollbar.less';
     horizontalScrollbarStyle: React.PropTypes.object,
-    contentWindow: React.propTypes.node,
-    ownerDocument: React.propTypes.node
+    contentWindow: React.PropTypes.node,
+    ownerDocument: React.PropTypes.node
 };
@@ -316,0 +316,0 @@

src/js/scrollBar.jsx

@@ -122,3 +122,3 @@ import React from 'react';
     type: React.PropTypes.oneOf(['vertical', 'horizontal']),
-    ownerDocument: React.propTypes.node
+    ownerDocument: React.PropTypes.node
 };
@@ -125,0 +125,0 @@

No alert changes

Improved metrics

Total package byte prevSize

80515

increased by0.51%

No dependency changes