react-custom-scrollbars - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

lib/Scrollbars.js

@@ -5,4 +5,2 @@ 'use strict';
 
-var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
-
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
@@ -14,6 +12,2 @@
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
 var _react = require('react');
@@ -115,19 +109,17 @@
 
-var Scrollbars = (function (_Component) {
-    _inherits(Scrollbars, _Component);
+exports['default'] = _react.createClass({
 
-    _createClass(Scrollbars, null, [{
-        key: 'propTypes',
-        value: {
-            scrollbarHorizontal: _react.PropTypes.func,
-            scrollbarVertical: _react.PropTypes.func,
-            thumbHorizontal: _react.PropTypes.func,
-            thumbVertical: _react.PropTypes.func,
-            view: _react.PropTypes.func,
-            onScroll: _react.PropTypes.func
-        },
-        enumerable: true
-    }, {
-        key: 'defaultProps',
-        value: {
+    displayName: 'Scrollbars',
+
+    propTypes: {
+        scrollbarHorizontal: _react.PropTypes.func,
+        scrollbarVertical: _react.PropTypes.func,
+        thumbHorizontal: _react.PropTypes.func,
+        thumbVertical: _react.PropTypes.func,
+        view: _react.PropTypes.func,
+        onScroll: _react.PropTypes.func
+    },
+
+    getDefaultProps: function getDefaultProps() {
+        return {
             scrollbarHorizontal: getDefaultScrollbarHorizontal,
@@ -138,11 +130,6 @@ scrollbarVertical: getDefaultScrollbarVertical,
             view: getDefaultView
-        },
-        enumerable: true
-    }]);
+        };
+    },
 
-    function Scrollbars(props, context) {
-        _classCallCheck(this, Scrollbars);
-
-        _Component.call(this, props, context);
-
+    componentWillMount: function componentWillMount() {
         _utilsAddStyleSheet2['default'](stylesheet);
@@ -152,6 +139,7 @@ if (SCROLLBAR_WIDTH === false) {
         }
+        this.needsUpdate = true;
+    },
 
-        this.bindHandlers();
-        this.needsUpdate = true;
-        this.state = {
+    getInitialState: function getInitialState() {
+        return {
             x: 0,
@@ -164,34 +152,22 @@ y: 0,
         };
-    }
+    },
 
-    Scrollbars.prototype.componentDidMount = function componentDidMount() {
+    componentDidMount: function componentDidMount() {
         this.addListeners();
         this.update();
-    };
+    },
 
-    Scrollbars.prototype.componentWillReceiveProps = function componentWillReceiveProps() {
+    componentWillReceiveProps: function componentWillReceiveProps() {
         this.needsUpdate = true;
-    };
+    },
 
-    Scrollbars.prototype.componentDidUpdate = function componentDidUpdate() {
+    componentDidUpdate: function componentDidUpdate() {
         this.update();
-    };
+    },
 
-    Scrollbars.prototype.componentWillUnmount = function componentWillUnmount() {
+    componentWillUnmount: function componentWillUnmount() {
         this.removeListeners();
-    };
+    },
 
-    Scrollbars.prototype.bindHandlers = function bindHandlers() {
-        this.update = this.update.bind(this);
-        this.handleScroll = this.handleScroll.bind(this);
-        this.handleVerticalTrackMouseDown = this.handleVerticalTrackMouseDown.bind(this);
-        this.handleHorizontalTrackMouseDown = this.handleHorizontalTrackMouseDown.bind(this);
-        this.handleVerticalThumbMouseDown = this.handleVerticalThumbMouseDown.bind(this);
-        this.handleHorizontalThumbMouseDown = this.handleHorizontalThumbMouseDown.bind(this);
-        this.handleDocumentMouseUp = this.handleDocumentMouseUp.bind(this);
-        this.handleDocumentMouseMove = this.handleDocumentMouseMove.bind(this);
-        this.handleWindowResize = this.handleWindowResize.bind(this);
-    };
-
-    Scrollbars.prototype.addListeners = function addListeners() {
+    addListeners: function addListeners() {
         this.refs.view.addEventListener('scroll', this.handleScroll);
@@ -204,5 +180,5 @@ this.refs.barVertical.addEventListener('mousedown', this.handleVerticalTrackMouseDown);
         window.addEventListener('resize', this.handleWindowResize);
-    };
+    },
 
-    Scrollbars.prototype.removeListeners = function removeListeners() {
+    removeListeners: function removeListeners() {
         this.refs.view.removeEventListener('scroll', this.handleScroll);
@@ -215,5 +191,5 @@ this.refs.barVertical.removeEventListener('mousedown', this.handleVerticalTrackMouseDown);
         window.removeEventListener('resize', this.handleWindowResize);
-    };
+    },
 
-    Scrollbars.prototype.getPosition = function getPosition() {
+    getPosition: function getPosition() {
         var $view = arguments.length <= 0 || arguments[0] === undefined ? this.refs.view : arguments[0];
@@ -237,5 +213,5 @@
         };
-    };
+    },
 
-    Scrollbars.prototype.getInnerSizePercentage = function getInnerSizePercentage() {
+    getInnerSizePercentage: function getInnerSizePercentage() {
         var $view = arguments.length <= 0 || arguments[0] === undefined ? this.refs.view : arguments[0];
@@ -247,5 +223,5 @@
         };
-    };
+    },
 
-    Scrollbars.prototype.update = function update() {
+    update: function update() {
         if (SCROLLBAR_WIDTH === 0) return;
@@ -265,5 +241,5 @@ if (!this.needsUpdate) return;
         }));
-    };
+    },
 
-    Scrollbars.prototype.handleScroll = function handleScroll(event) {
+    handleScroll: function handleScroll(event) {
         var position = this.getPosition();
@@ -279,5 +255,5 @@ var x = position.x;
         this.setState({ x: x, y: y });
-    };
+    },
 
-    Scrollbars.prototype.handleVerticalTrackMouseDown = function handleVerticalTrackMouseDown(event) {
+    handleVerticalTrackMouseDown: function handleVerticalTrackMouseDown(event) {
         var $thumb = this.refs.thumbVertical;
@@ -290,5 +266,5 @@ var $bar = this.refs.barVertical;
         $view.scrollTop = thumbPositionPercentage * $view.scrollHeight / 100;
-    };
+    },
 
-    Scrollbars.prototype.handleHorizontalTrackMouseDown = function handleHorizontalTrackMouseDown() {
+    handleHorizontalTrackMouseDown: function handleHorizontalTrackMouseDown() {
         var $thumb = this.refs.thumbHorizontal;
@@ -301,5 +277,5 @@ var $bar = this.refs.barHorizontal;
         $view.scrollLeft = thumbPositionPercentage * $view.scrollWidth / 100;
-    };
+    },
 
-    Scrollbars.prototype.handleVerticalThumbMouseDown = function handleVerticalThumbMouseDown(event) {
+    handleVerticalThumbMouseDown: function handleVerticalThumbMouseDown(event) {
         this.dragStart(event);
@@ -310,5 +286,5 @@ var currentTarget = event.currentTarget;
         this.prevPageY = currentTarget.offsetHeight - (clientY - currentTarget.getBoundingClientRect().top);
-    };
+    },
 
-    Scrollbars.prototype.handleHorizontalThumbMouseDown = function handleHorizontalThumbMouseDown(event) {
+    handleHorizontalThumbMouseDown: function handleHorizontalThumbMouseDown(event) {
         this.dragStart(event);
@@ -319,9 +295,9 @@ var currentTarget = event.currentTarget;
         this.prevPageX = currentTarget.offsetWidth - (clientX - currentTarget.getBoundingClientRect().left);
-    };
+    },
 
-    Scrollbars.prototype.handleDocumentMouseUp = function handleDocumentMouseUp() {
+    handleDocumentMouseUp: function handleDocumentMouseUp() {
         this.dragEnd();
-    };
+    },
 
-    Scrollbars.prototype.handleDocumentMouseMove = function handleDocumentMouseMove(event) {
+    handleDocumentMouseMove: function handleDocumentMouseMove(event) {
         if (this.cursorDown === false) return void 0;
@@ -350,10 +326,10 @@
         }
-    };
+    },
 
-    Scrollbars.prototype.handleWindowResize = function handleWindowResize() {
+    handleWindowResize: function handleWindowResize() {
         this.needsUpdate = true;
         this.update();
-    };
+    },
 
-    Scrollbars.prototype.dragStart = function dragStart(event) {
+    dragStart: function dragStart(event) {
         event.stopImmediatePropagation();
@@ -364,5 +340,5 @@ this.cursorDown = true;
         document.onselectstart = _utilsReturnFalse2['default'];
-    };
+    },
 
-    Scrollbars.prototype.dragEnd = function dragEnd() {
+    dragEnd: function dragEnd() {
         this.cursorDown = false;
@@ -373,5 +349,5 @@ this.prevPageX = this.prevPageY = 0;
         document.onselectstart = null;
-    };
+    },
 
-    Scrollbars.prototype.render = function render() {
+    render: function render() {
         var _state = this.state;
@@ -461,8 +437,4 @@ var x = _state.x;
         );
-    };
-
-    return Scrollbars;
-})(_react.Component);
-
-exports['default'] = Scrollbars;
+    }
+});
 module.exports = exports['default'];

package.json

 {
   "name": "react-custom-scrollbars",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "React scrollbars component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -97,4 +97,2 @@ react-custom-scrollbars
 
-The following properties expect a react element to be returned. You can customize the element to your needs.
-
 * `onScroll`: (Function) Event handler. Will be called with the native scroll event and some handy values about the current position.
@@ -106,8 +104,9 @@ * **Signature**: `onScroll(event, values)`
     * `values.left`: (Number) scrollLeft progess, from 0 to 1
-    * `clientWidth`: (Number) width of the view
-    * `clientHeight`: (Number) height of the view
-    * `scrollWidth`: (Number) native scrollWidth
-    * `scrollHeight`: (Number) native scrollHeight
-    * `scrollLeft`: (Number) native scrollLeft
-    * `scrollTop`: (Number) native scrollTop
+    * `values.clientWidth`: (Number) width of the view
+    * `values.clientHeight`: (Number) height of the view
+    * `values.scrollWidth`: (Number) native scrollWidth
+    * `values.scrollHeight`: (Number) native scrollHeight
+    * `values.scrollLeft`: (Number) native scrollLeft
+    * `values.scrollTop`: (Number) native scrollTop
+* **The following properties expect a react element to be returned. You can customize the element to your needs.**
 * `scrollbarHorizontal`: (Function) Horizontal scrollbar element
@@ -114,0 +113,0 @@ * `scrollbarVertical`: (Function) Vertical scrollbar element

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

28766

decreased by-8.45%

Lines of code

427

decreased by-5.32%

Number of lines in readme file

179

decreased by-0.56%

No dependency changes