react-image-gallery - npm Package Compare versions

Comparing version 0.6.4 to 0.6.5

build/image-gallery.js

@@ -90,7 +90,2 @@ 'use strict';
     };
-
-    _this._slideLeft = debounceEventHandler(_this._slideLeft.bind(_this), MIN_INTERVAL, true);
-    _this._slideRight = debounceEventHandler(_this._slideRight.bind(_this), MIN_INTERVAL, true);
-    _this._handleResize = _this._handleResize.bind(_this);
-    _this._handleKeyDown = _this._handleKeyDown.bind(_this);
     return _this;
@@ -119,5 +114,9 @@ }
     value: function componentWillMount() {
+      this._slideLeft = debounceEventHandler(this._slideLeft.bind(this), MIN_INTERVAL, true);
+
+      this._slideRight = debounceEventHandler(this._slideRight.bind(this), MIN_INTERVAL, true);
+
+      this._handleResize = this._handleResize.bind(this);
+      this._handleKeyDown = this._handleKeyDown.bind(this);
       this._thumbnailDelay = 300;
-      this._ghotClickDelay = 600;
-      this._preventGhostClick = false;
     }
@@ -129,5 +128,7 @@ }, {
 
+      // delay initial resize to get the accurate this._imageGallery.offsetWidth
       window.setTimeout(function () {
-        _this2._handleResize(), 300;
-      });
+        return _this2._handleResize();
+      }, 500);
+
       if (this.props.autoPlay) {
@@ -134,0 +135,0 @@ this.play();

package.json

 {
   "name": "react-image-gallery",
-  "version": "0.6.4",
+  "version": "0.6.5",
   "description": "React Carousel, React Image gallery, React Slide Show component",
@@ -54,4 +54,4 @@ "main": "./build/image-gallery",
     "gulp-uglify": "^1.5.3",
-    "react": "^15.0.1",
-    "react-dom": "^15.0.1",
+    "react": "^15.2.1",
+    "react-dom": "^15.2.1",
     "vinyl-buffer": "^1.0.0",
@@ -62,4 +62,4 @@ "vinyl-source-stream": "^1.0.0",
   "dependencies": {
-    "react-swipeable": "^3.3.1"
+    "react-swipeable": "^3.5.1"
   }
 }

src/ImageGallery.jsx

@@ -62,7 +62,2 @@ import React from 'react'
     }
-
-    this._slideLeft = debounceEventHandler(this._slideLeft.bind(this), MIN_INTERVAL, true)
-    this._slideRight = debounceEventHandler(this._slideRight.bind(this), MIN_INTERVAL, true)
-    this._handleResize = this._handleResize.bind(this)
-    this._handleKeyDown = this._handleKeyDown.bind(this)
   }
@@ -91,9 +86,17 @@
   componentWillMount() {
+    this._slideLeft = debounceEventHandler(
+      this._slideLeft.bind(this), MIN_INTERVAL, true)
+
+    this._slideRight = debounceEventHandler(
+      this._slideRight.bind(this), MIN_INTERVAL, true)
+
+    this._handleResize = this._handleResize.bind(this)
+    this._handleKeyDown = this._handleKeyDown.bind(this)
     this._thumbnailDelay = 300
-    this._ghotClickDelay = 600
-    this._preventGhostClick = false
   }
 
   componentDidMount() {
-    window.setTimeout(() => {this._handleResize(), 300})
+    // delay initial resize to get the accurate this._imageGallery.offsetWidth
+    window.setTimeout(() => this._handleResize(), 500)
+
     if (this.props.autoPlay) {
@@ -100,0 +103,0 @@ this.play()

No alert changes

Improved metrics

Total package byte prevSize

251620

increased by0.02%

Dependency changes

• Updatedreact-swipeable@^3.5.1