react-carousel - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

Carousel.js

@@ -6,5 +6,2 @@ var React = require('react/addons')
 
-var MIN_MOVEMENT = 100
-var MAX_TRANSITION_TIME = 350
-
 var Carousel = React.createClass({
@@ -47,3 +44,3 @@ getInitialState: function () {
 
-  doMoveImage: function (x) {
+  doMoveImage: function (_, x) {
     var index = this.state.currentIndex
@@ -70,16 +67,2 @@ var imageMoveIndex = this.state.currentIndex
 
-  moveImage: function (e, x) {
-    this.doMoveImage(x)
-  },
-
-  maybeMoveImage: function (e, x) {
-    if (Math.abs(x) < MIN_MOVEMENT) {
-      this.setState({
-        delta: 0
-      })
-      return
-    }
-    this.doMoveImage(x)
-  },
-
   prevImageScroll: function (e, delta) {
@@ -106,25 +89,23 @@ this.setState({
 
-    var transitionTime = Math.min(
-      this.state.itemWidths[this.state.prevIndex] / 2,
-      MAX_TRANSITION_TIME
-    )
-    var transition = 'all ' + transitionTime + 'ms ease-out'
+    var transition = 'all 250ms ease-out'
 
-    return React.DOM.div(
-      { className: 'carousel' },
-      Swipeable({
-        onFlick: this.moveImage,
-        onSwipingRight: this.prevImageScroll,
-        onSwipingLeft: this.nextImageScroll,
-        onSwiped: this.maybeMoveImage,
-        className: 'carousel-container',
-        ref: 'carouselContainer',
-        style: {
-          '-webkit-transform': 'translateX(' + delta + 'px)',
-          transition: this.state.delta === 0 ? transition : 'none',
-          width: this.state.containerWidth + 'px'
-        }
-      }, this.props.children.map(function (item, i) {
-        return React.DOM.div({ key: i, className: 'carousel-item' }, item)
-      }))
+    return this.transferPropsTo(
+      React.DOM.div(
+        { className: 'carousel' },
+        Swipeable({
+          onFlick: this.doMoveImage,
+          onSwipingRight: this.prevImageScroll,
+          onSwipingLeft: this.nextImageScroll,
+          onSwiped: this.doMoveImage,
+          className: 'carousel-container',
+          ref: 'carouselContainer',
+          style: {
+            '-webkit-transform': 'translateX(' + delta + 'px)',
+            transition: this.state.delta === 0 ? transition : 'none',
+            width: this.state.containerWidth + 'px'
+          }
+        }, this.props.children.map(function (item, i) {
+          return React.DOM.div({ key: i, className: 'carousel-item' }, item)
+        }))
+      )
     )
@@ -131,0 +112,0 @@ }

package.json

 {
   "name": "react-carousel",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "A carousel written in react",
@@ -5,0 +5,0 @@ "main": "Carousel.js",

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Improved metrics

Total package byte prevSize

687883

increased by11515.72%

Number of package files

11

increased by83.33%

Lines of code

18664

increased by14256.92%

Worsened metrics

Number of low supply chain risk alerts

200

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes