react-img-carousel - npm Package Compare versions

Comparing version 1.4.0 to 1.4.1

lib/index.js

@@ -19,4 +19,14 @@ 'use strict';
 
-var _lodash = require('lodash');
+var _lodash = require('lodash.nth');
 
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _lodash3 = require('lodash.merge');
+
+var _lodash4 = _interopRequireDefault(_lodash3);
+
+var _lodash5 = require('lodash.inrange');
+
+var _lodash6 = _interopRequireDefault(_lodash5);
+
 var _ms = require('ms');
@@ -270,3 +280,3 @@
       for (var index = startIndex; index < endIndex; index++) {
-        var slide = (0, _lodash.nth)(slides, index % slides.length);
+        var slide = (0, _lodash2.default)(slides, index % slides.length);
         var imageSrc = slide.props.src;
@@ -284,3 +294,3 @@ if (imageSrc && !loadedImages[imageSrc]) {
               _this3.setState({
-                loadedImages: (0, _lodash.merge)({}, _this3.state.loadedImages, _defineProperty({}, image, { width: img.width || 'auto', height: img.height || 'auto' }))
+                loadedImages: (0, _lodash4.default)({}, _this3.state.loadedImages, _defineProperty({}, image, { width: img.width || 'auto', height: img.height || 'auto' }))
               });
@@ -503,7 +513,7 @@ }
       });
-      var containerStyle = (0, _lodash.merge)({}, style.container || {}, {
+      var containerStyle = (0, _lodash4.default)({}, style.container || {}, {
         width: width,
         height: height
       });
-      var innerContainerStyle = (0, _lodash.merge)({}, style.containerInner || {}, {
+      var innerContainerStyle = (0, _lodash4.default)({}, style.containerInner || {}, {
         width: width,
@@ -513,3 +523,3 @@ height: height,
       });
-      var viewportStyle = (0, _lodash.merge)({}, style.viewport || {}, {
+      var viewportStyle = (0, _lodash4.default)({}, style.viewport || {}, {
         width: viewportWidth,
@@ -521,3 +531,3 @@ height: viewportHeight || slideHeight || 'auto'
         var leftPos = leftOffset + dragOffset;
-        trackStyle = (0, _lodash.merge)({}, trackStyle, {
+        trackStyle = (0, _lodash4.default)({}, trackStyle, {
           transform: 'translateX(' + leftPos + 'px)',
@@ -643,5 +653,5 @@ transition: transitionDuration ? 'transform ' + (0, _ms2.default)('' + transitionDuration) + 'ms ' + easing : 'none'
 
-        slideStyle = (0, _lodash.merge)({}, slideStyle, style.slide || {}, index === currentSlide ? style.selectedSlide || {} : {});
+        slideStyle = (0, _lodash4.default)({}, slideStyle, style.slide || {}, index === currentSlide ? style.selectedSlide || {} : {});
 
-        var loadingSlideStyle = (0, _lodash.merge)({}, slideStyle || {}, {
+        var loadingSlideStyle = (0, _lodash4.default)({}, slideStyle || {}, {
           marginLeft: slideStyle.marginLeft,
@@ -735,3 +745,3 @@ width: slideWidth || slideDimensions.width,
       // Render at least 5 slides centered around the current slide, or the slide we just transitioned from
-      if ((0, _lodash.inRange)(index, currentSlide - 2, currentSlide + 3) || transitioningFrom !== null && (0, _lodash.inRange)(index, transitioningFrom - 2, transitioningFrom + 3)) {
+      if ((0, _lodash6.default)(index, currentSlide - 2, currentSlide + 3) || transitioningFrom !== null && (0, _lodash6.default)(index, transitioningFrom - 2, transitioningFrom + 3)) {
         return true;
@@ -751,3 +761,3 @@ } else if (infinite) {
       var numOriginals = originals.length;
-      var originalsToClone = [(0, _lodash.nth)(originals, numOriginals - 2), (0, _lodash.nth)(originals, numOriginals - 1), (0, _lodash.nth)(originals, 0), (0, _lodash.nth)(originals, Math.min(1, numOriginals - 1))];
+      var originalsToClone = [(0, _lodash2.default)(originals, numOriginals - 2), (0, _lodash2.default)(originals, numOriginals - 1), (0, _lodash2.default)(originals, 0), (0, _lodash2.default)(originals, Math.min(1, numOriginals - 1))];
       var prependClones = [(0, _react.cloneElement)(originalsToClone[0], {
@@ -754,0 +764,0 @@ 'key': 'clone-1',

package.json

 {
   "name": "react-img-carousel",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Provides an image carousel React component.",
@@ -40,3 +40,5 @@ "main": "lib/index.js",
     "classnames": "^2.0.0",
-    "lodash": "^4.17.11",
+    "lodash.inrange": "^3.3.6",
+    "lodash.merge": "^4.6.0",
+    "lodash.nth": "^4.11.2",
     "ms": "^0.7.2",
@@ -43,0 +45,0 @@ "prop-types": "^15.5.10"

src/index.js

 import React, { Component, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
-import { nth, merge, inRange } from 'lodash';
+import nth from 'lodash.nth';
+import merge from 'lodash.merge';
+import inRange from 'lodash.inrange';
 import ms from 'ms';
@@ -5,0 +7,0 @@ import autobind from 'class-autobind';

No alert changes

Improved metrics

Total package byte prevSize

110990

increased by0.37%

Lines of code

2681

increased by0.26%

Worsened metrics

Dependency count

8

increased by33.33%

Dependency changes

• + Addedlodash.inrange@^3.3.6

• + Addedlodash.merge@^4.6.0

• + Addedlodash.nth@^4.11.2

• + Addedlodash.inrange@3.3.6(transitive)

• + Addedlodash.merge@4.6.2(transitive)

• + Addedlodash.nth@4.11.2(transitive)

• - Removedlodash@^4.17.11

• - Removedlodash@4.17.21(transitive)