react-alice-carousel - npm Package Compare versions

Comparing version 1.17.2 to 1.17.3

lib/react-alice-carousel.js

@@ -386,3 +386,2 @@ 'use strict';
       this._resetAllIntermediateProps();
-      this.rootComponentDimensions = Utils.getElementDimensions(this.rootComponent);
 
@@ -492,3 +491,3 @@ window.addEventListener('resize', this._debouncedHandleOnWindowResize);
       this.swiper = new _vanillaSwipe2.default({
-        element: this.swipeWrapper,
+        element: this.rootComponent,
         onSwiping: this._throttledOnTouchMove,
@@ -522,2 +521,4 @@ onSwiped: this._onTouchEnd,
     value: function _onInitialized(initialState) {
+      this.rootComponentDimensions = Utils.getElementDimensions(this.rootComponent);
+
       if (this.props.onInitialized) {
@@ -803,4 +804,2 @@ this.props.onInitialized(this._getEventObject(initialState));
     value: function render() {
-      var _this6 = this;
-
       var _state4 = this.state,
@@ -817,8 +816,6 @@ style = _state4.style,
         'div',
-        { className: 'alice-carousel', ref: this._setRootComponentRef },
+        { className: 'alice-carousel' },
         _react2.default.createElement(
           'div',
-          { ref: function ref(el) {
-              return _this6.swipeWrapper = el;
-            } },
+          { ref: this._setRootComponentRef },
           _react2.default.createElement(
@@ -825,0 +822,0 @@ 'div',

lib/utils/common.js

@@ -30,3 +30,3 @@ 'use strict';
 
-var calculateInitialProps = exports.calculateInitialProps = function calculateInitialProps(props, rootComponent) {
+var calculateInitialProps = exports.calculateInitialProps = function calculateInitialProps(props, el) {
   var startIndex = props.startIndex,
@@ -41,3 +41,6 @@ responsive = props.responsive,
   var currentIndex = Utils.setStartIndex(slides.length, startIndex);
-  var galleryWidth = Utils.getElementWidth(rootComponent);
+
+  var _Utils$getElementDime = Utils.getElementDimensions(el),
+      galleryWidth = _Utils$getElementDime.width;
+
   var itemWidth = Utils.getItemWidth(galleryWidth, items);
@@ -44,0 +47,0 @@ var clones = Utils.cloneCarouselItems(slides, items, { stagePadding: stagePadding, infinite: infinite });

lib/utils/elements.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.getCurrentIndex = exports.getNextItemIndexBeforeTouchEnd = exports.isElement = exports.getSlideInfo = exports.getGalleryItemHeight = exports.getNextItem = exports.getItemWidth = exports.isStagePadding = exports.getStagePadding = exports.itemInfo = exports.getSlides = exports.getElementWidth = exports.cloneCarouselItems = undefined;
+exports.getCurrentIndex = exports.getNextItemIndexBeforeTouchEnd = exports.isElement = exports.getSlideInfo = exports.getGalleryItemHeight = exports.getNextItem = exports.getItemWidth = exports.isStagePadding = exports.getStagePadding = exports.itemInfo = exports.getSlides = exports.cloneCarouselItems = undefined;
 exports.getElementDimensions = getElementDimensions;
@@ -58,8 +58,2 @@ exports.shouldHandleResizeEvent = shouldHandleResizeEvent;
 
-var getElementWidth = exports.getElementWidth = function getElementWidth(element) {
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect().width;
-  }
-};
-
 var getSlides = exports.getSlides = function getSlides(props) {
@@ -205,9 +199,10 @@ var _ref3 = props || {},
 function getElementDimensions(element) {
-  var dimensions = {};
+  if (element && element.getBoundingClientRect) {
+    var _element$getBoundingC = element.getBoundingClientRect(),
+        width = _element$getBoundingC.width,
+        height = _element$getBoundingC.height;
 
-  if (element) {
-    dimensions['clientWidth'] = element.clientWidth;
-    dimensions['clientHeight'] = element.clientHeight;
+    return { width: width, height: height };
   }
-  return dimensions;
+  return {};
 }
@@ -219,3 +214,3 @@
 
-  return prevDimensions.clientWidth !== currentDimensions.clientWidth || prevDimensions.clientHeight !== currentDimensions.clientHeight;
+  return prevDimensions.width !== currentDimensions.width;
 }
@@ -222,0 +217,0 @@

package.json

 {
   "name": "react-alice-carousel",
-  "version": "1.17.2",
+  "version": "1.17.3",
   "description": "React image gallery, react slideshow carousel, react content rotator",
@@ -5,0 +5,0 @@ "main": "./lib/react-alice-carousel",

No alert changes

Worsened metrics

Total package byte prevSize

105824

decreased by-0.25%

Lines of code

2008

decreased by-0.3%

No dependency changes