react-image-gallery - npm Package Compare versions

Comparing version 0.7.16 to 0.8.0

build/image-gallery.js

@@ -27,2 +27,6 @@ 'use strict';
 
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -992,38 +996,38 @@
 ImageGallery.propTypes = {
-  items: _react2.default.PropTypes.array.isRequired,
-  showNav: _react2.default.PropTypes.bool,
-  autoPlay: _react2.default.PropTypes.bool,
-  lazyLoad: _react2.default.PropTypes.bool,
-  infinite: _react2.default.PropTypes.bool,
-  showIndex: _react2.default.PropTypes.bool,
-  showBullets: _react2.default.PropTypes.bool,
-  showThumbnails: _react2.default.PropTypes.bool,
-  showPlayButton: _react2.default.PropTypes.bool,
-  showFullscreenButton: _react2.default.PropTypes.bool,
-  slideOnThumbnailHover: _react2.default.PropTypes.bool,
-  disableThumbnailScroll: _react2.default.PropTypes.bool,
-  disableArrowKeys: _react2.default.PropTypes.bool,
-  disableSwipe: _react2.default.PropTypes.bool,
-  useBrowserFullscreen: _react2.default.PropTypes.bool,
-  defaultImage: _react2.default.PropTypes.string,
-  indexSeparator: _react2.default.PropTypes.string,
-  thumbnailPosition: _react2.default.PropTypes.string,
-  startIndex: _react2.default.PropTypes.number,
-  slideDuration: _react2.default.PropTypes.number,
-  slideInterval: _react2.default.PropTypes.number,
-  swipingTransitionDuration: _react2.default.PropTypes.number,
-  onSlide: _react2.default.PropTypes.func,
-  onScreenChange: _react2.default.PropTypes.func,
-  onPause: _react2.default.PropTypes.func,
-  onPlay: _react2.default.PropTypes.func,
-  onClick: _react2.default.PropTypes.func,
-  onImageLoad: _react2.default.PropTypes.func,
-  onImageError: _react2.default.PropTypes.func,
-  onThumbnailError: _react2.default.PropTypes.func,
-  renderCustomControls: _react2.default.PropTypes.func,
-  renderLeftNav: _react2.default.PropTypes.func,
-  renderRightNav: _react2.default.PropTypes.func,
-  renderPlayPauseButton: _react2.default.PropTypes.func,
-  renderFullscreenButton: _react2.default.PropTypes.func,
-  renderItem: _react2.default.PropTypes.func
+  items: _propTypes2.default.array.isRequired,
+  showNav: _propTypes2.default.bool,
+  autoPlay: _propTypes2.default.bool,
+  lazyLoad: _propTypes2.default.bool,
+  infinite: _propTypes2.default.bool,
+  showIndex: _propTypes2.default.bool,
+  showBullets: _propTypes2.default.bool,
+  showThumbnails: _propTypes2.default.bool,
+  showPlayButton: _propTypes2.default.bool,
+  showFullscreenButton: _propTypes2.default.bool,
+  slideOnThumbnailHover: _propTypes2.default.bool,
+  disableThumbnailScroll: _propTypes2.default.bool,
+  disableArrowKeys: _propTypes2.default.bool,
+  disableSwipe: _propTypes2.default.bool,
+  useBrowserFullscreen: _propTypes2.default.bool,
+  defaultImage: _propTypes2.default.string,
+  indexSeparator: _propTypes2.default.string,
+  thumbnailPosition: _propTypes2.default.string,
+  startIndex: _propTypes2.default.number,
+  slideDuration: _propTypes2.default.number,
+  slideInterval: _propTypes2.default.number,
+  swipingTransitionDuration: _propTypes2.default.number,
+  onSlide: _propTypes2.default.func,
+  onScreenChange: _propTypes2.default.func,
+  onPause: _propTypes2.default.func,
+  onPlay: _propTypes2.default.func,
+  onClick: _propTypes2.default.func,
+  onImageLoad: _propTypes2.default.func,
+  onImageError: _propTypes2.default.func,
+  onThumbnailError: _propTypes2.default.func,
+  renderCustomControls: _propTypes2.default.func,
+  renderLeftNav: _propTypes2.default.func,
+  renderRightNav: _propTypes2.default.func,
+  renderPlayPauseButton: _propTypes2.default.func,
+  renderFullscreenButton: _propTypes2.default.func,
+  renderItem: _propTypes2.default.func
 };
@@ -1030,0 +1034,0 @@ ImageGallery.defaultProps = {

package.json

 {
   "name": "react-image-gallery",
-  "version": "0.7.16",
+  "version": "0.8.0",
   "description": "Responsive and flexible carousel component with thumbnail support",
@@ -57,4 +57,4 @@ "main": "./build/image-gallery",
     "gulp-uglify": "^1.5.3",
-    "react": "^15.3.0",
-    "react-dom": "^15.2.1",
+    "react": "^15.5.4",
+    "react-dom": "^15.5.4",
     "vinyl-buffer": "^1.0.0",
@@ -65,6 +65,7 @@ "vinyl-source-stream": "^1.1.0",
   "dependencies": {
+    "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
-    "lodash.debounce": "^4.0.8",
-    "react-swipeable": "^3.5.1"
+    "prop-types": "^15.5.8",
+    "react-swipeable": "^4.0.0"
   }
 }

src/ImageGallery.jsx

@@ -5,2 +5,3 @@ import React from 'react';
 import debounce from 'lodash.debounce';
+import PropTypes from 'prop-types';
 
@@ -35,38 +36,38 @@ const screenChangeEvents = [
   static propTypes = {
-    items: React.PropTypes.array.isRequired,
-    showNav: React.PropTypes.bool,
-    autoPlay: React.PropTypes.bool,
-    lazyLoad: React.PropTypes.bool,
-    infinite: React.PropTypes.bool,
-    showIndex: React.PropTypes.bool,
-    showBullets: React.PropTypes.bool,
-    showThumbnails: React.PropTypes.bool,
-    showPlayButton: React.PropTypes.bool,
-    showFullscreenButton: React.PropTypes.bool,
-    slideOnThumbnailHover: React.PropTypes.bool,
-    disableThumbnailScroll: React.PropTypes.bool,
-    disableArrowKeys: React.PropTypes.bool,
-    disableSwipe: React.PropTypes.bool,
-    useBrowserFullscreen: React.PropTypes.bool,
-    defaultImage: React.PropTypes.string,
-    indexSeparator: React.PropTypes.string,
-    thumbnailPosition: React.PropTypes.string,
-    startIndex: React.PropTypes.number,
-    slideDuration: React.PropTypes.number,
-    slideInterval: React.PropTypes.number,
-    swipingTransitionDuration: React.PropTypes.number,
-    onSlide: React.PropTypes.func,
-    onScreenChange: React.PropTypes.func,
-    onPause: React.PropTypes.func,
-    onPlay: React.PropTypes.func,
-    onClick: React.PropTypes.func,
-    onImageLoad: React.PropTypes.func,
-    onImageError: React.PropTypes.func,
-    onThumbnailError: React.PropTypes.func,
-    renderCustomControls: React.PropTypes.func,
-    renderLeftNav: React.PropTypes.func,
-    renderRightNav: React.PropTypes.func,
-    renderPlayPauseButton: React.PropTypes.func,
-    renderFullscreenButton: React.PropTypes.func,
-    renderItem: React.PropTypes.func
+    items: PropTypes.array.isRequired,
+    showNav: PropTypes.bool,
+    autoPlay: PropTypes.bool,
+    lazyLoad: PropTypes.bool,
+    infinite: PropTypes.bool,
+    showIndex: PropTypes.bool,
+    showBullets: PropTypes.bool,
+    showThumbnails: PropTypes.bool,
+    showPlayButton: PropTypes.bool,
+    showFullscreenButton: PropTypes.bool,
+    slideOnThumbnailHover: PropTypes.bool,
+    disableThumbnailScroll: PropTypes.bool,
+    disableArrowKeys: PropTypes.bool,
+    disableSwipe: PropTypes.bool,
+    useBrowserFullscreen: PropTypes.bool,
+    defaultImage: PropTypes.string,
+    indexSeparator: PropTypes.string,
+    thumbnailPosition: PropTypes.string,
+    startIndex: PropTypes.number,
+    slideDuration: PropTypes.number,
+    slideInterval: PropTypes.number,
+    swipingTransitionDuration: PropTypes.number,
+    onSlide: PropTypes.func,
+    onScreenChange: PropTypes.func,
+    onPause: PropTypes.func,
+    onPlay: PropTypes.func,
+    onClick: PropTypes.func,
+    onImageLoad: PropTypes.func,
+    onImageError: PropTypes.func,
+    onThumbnailError: PropTypes.func,
+    renderCustomControls: PropTypes.func,
+    renderLeftNav: PropTypes.func,
+    renderRightNav: PropTypes.func,
+    renderPlayPauseButton: PropTypes.func,
+    renderFullscreenButton: PropTypes.func,
+    renderItem: PropTypes.func
   };
@@ -73,0 +74,0 @@

No alert changes

Improved metrics

Lines of code

2604

increased by0.12%

Worsened metrics

Total package byte prevSize

114592

decreased by-0.24%

Dependency count

4

increased by33.33%

Dependency changes

• + Addedprop-types@^15.5.8

• + Addeddetect-passive-events@1.0.5(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedobject-assign@4.1.1(transitive)

• + Addedprop-types@15.8.1(transitive)

• + Addedreact@16.14.0(transitive)

• + Addedreact-is@16.13.1(transitive)

• + Addedreact-swipeable@4.3.2(transitive)

• - Removedreact@19.0.0(transitive)

• - Removedreact-swipeable@3.9.2(transitive)

• Updatedreact-swipeable@^4.0.0