react-responsive-carousel - npm Package Compare versions

Comparing version 3.1.33 to 3.1.34

CHANGELOG.md

 # React Responsive Carousel
 
 
-## 3.1.30 - Fri Dec 01 2017
+## 3.1.33 - Mon Jan 29 2018
+ * Updating example with external controls
+ * fix: indentation in scss
+ * refactor: move style rules to not be applied to everying inside slide
+ * Update index.d.ts
+ * Update index.d.ts
+
+Add `centerMode` and `centerSlidePercentage`
+
+
+## 3.1.30 - Sat Dec 02 2017
  * Updates per requests from PR
@@ -9,3 +19,3 @@ * BUGFIX - updates to arrow key navigation handler to work in IE/Edge. Changed match from e.key => e.keyCode. Updated Carousel tests to account for new methods. There are two tests that fail, but they were failing in the existing repo as well.
 
-## 3.1.29 - Thu Nov 30 2017
+## 3.1.29 - Fri Dec 01 2017
  * feat: add verticalSwipe property to deal with mobile vertical swipping.
@@ -21,3 +31,3 @@
 
-## 3.1.28 - Fri Oct 20 2017
+## 3.1.28 - Sat Oct 21 2017
  * Add centerSlidePercentage
@@ -53,3 +63,3 @@ * Fix last centered slide position calculation
 
-## 3.1.24 - Tue Jul 04 2017
+## 3.1.24 - Wed Jul 05 2017
  * #148 Autoplay and stop on hover causes a warning.
@@ -97,7 +107,5 @@ - Added tests for the internal state isMouseEntered and tests for enabeling and disabeling the auto play function on mouse enter / leave.
 ## 3.1.17 - Mon May 22 2017
- * #118: Fixing jank swipe on mobile
 
 
 ## 3.1.16 - Thu May 11 2017
- * #118: Adding support to swipe tolerance
 
@@ -120,3 +128,3 @@
 
-## 3.1.10 - Mon Apr 24 2017
+## 3.1.10 - Tue Apr 25 2017
 
@@ -130,3 +138,3 @@
 
-## 3.1.7 - Sun Apr 23 2017
+## 3.1.7 - Mon Apr 24 2017
 
@@ -167,3 +175,3 @@
 
-## 3.0.19 - Fri Sep 23 2016
+## 3.0.19 - Sat Sep 24 2016
 
@@ -186,3 +194,3 @@
 
-## 3.0.13 - Sat Aug 27 2016
+## 3.0.13 - Sun Aug 28 2016
 
@@ -193,3 +201,3 @@
 
-## 3.0.11 - Thu Apr 14 2016
+## 3.0.11 - Fri Apr 15 2016
 
@@ -206,3 +214,3 @@
 
-## 3.0.7 - Fri Jan 15 2016
+## 3.0.7 - Sat Jan 16 2016
 
@@ -216,6 +224,6 @@
 
-## 3.0.4 - Thu Jan 07 2016
+## 3.0.4 - Fri Jan 08 2016
 
 
-## 3.0.3 - Thu Jan 07 2016
+## 3.0.3 - Fri Jan 08 2016
 
@@ -292,2 +300,2 @@
 
-## 0.0.1 - Sun Feb 08 2015
+## 0.0.1 - Mon Feb 09 2015

CONTRIBUTING.md

@@ -32,3 +32,3 @@ # Contributing
 
-* A new option is to create a code pen with the code that causes the bug. Fork this [base pen](https://codepen.io/leandrowd/pen/xLvOPd) and add your code there. Don't forget to save and add the link for the pen to the issue.
+* A new option is to create a code pen with the code that causes the bug. Fork this [example](https://www.webpackbin.com/bins/-Kxr6IEf5zXSQvGCgKBR) and add your code there, then fork and add the new link to the issue.
 

lib/components/Carousel.js

@@ -230,3 +230,3 @@ 'use strict';
         _this.setPosition = function (position) {
-            var list = _reactDom2.default.findDOMNode(_this.refs.itemList);
+            var list = _reactDom2.default.findDOMNode(_this.list);
             ['WebkitTransform', 'MozTransform', 'MsTransform', 'OTransform', 'transform', 'msTransform'].forEach(function (prop) {
@@ -528,2 +528,4 @@ list.style[prop] = (0, _CSSTranslate2.default)(position, _this.props.axis);
         value: function render() {
+            var _this4 = this;
+
             if (!this.props.children || this.props.children.length === 0) {
@@ -580,4 +582,3 @@ return null;
                 style: itemListStyles,
-                tolerance: this.props.swipeScrollTolerance,
-                ref: 'itemList'
+                tolerance: this.props.swipeScrollTolerance
             };
@@ -602,3 +603,2 @@
             }
-
             return _react2.default.createElement(
@@ -614,6 +614,18 @@ 'div',
                         { className: _cssClasses2.default.WRAPPER(true, this.props.axis), style: containerStyles, ref: 'itemsWrapper' },
-                        _react2.default.createElement(
+                        this.props.swipeable ? _react2.default.createElement(
                             _reactEasySwipe2.default,
-                            _extends({ tagName: 'ul' }, swiperProps, { allowMouseEvents: this.props.emulateTouch }),
+                            _extends({
+                                tagName: 'ul',
+                                ref: function ref(c) {
+                                    return _this4.list = c;
+                                }
+                            }, swiperProps, {
+                                allowMouseEvents: this.props.emulateTouch }),
                             this.renderItems()
+                        ) : _react2.default.createElement(
+                            'ul',
+                            {
+                                className: _cssClasses2.default.SLIDER(true, this.state.swiping),
+                                style: itemListStyles },
+                            this.renderItems()
                         )
@@ -656,2 +668,3 @@ ),
     swipeScrollTolerance: _propTypes2.default.number,
+    swipeable: _propTypes2.default.bool,
     dynamicHeight: _propTypes2.default.bool,
@@ -679,2 +692,3 @@ emulateTouch: _propTypes2.default.bool,
     swipeScrollTolerance: 5,
+    swipeable: true,
     dynamicHeight: false,
@@ -681,0 +695,0 @@ emulateTouch: false,

package.json

 {
   "name": "react-responsive-carousel",
-  "version": "3.1.33",
+  "version": "3.1.34",
   "description": "React Responsive Carousel",
@@ -5,0 +5,0 @@ "author": {

README.md

@@ -28,10 +28,17 @@ # React Responsive Carousel
 
+### Important links:
+- [Before contributing](https://github.com/leandrowd/react-responsive-carousel/blob/master/CONTRIBUTING.md)
+- [Customizable example](https://codesandbox.io/s/lp602ljjj7)
+- [Demos](http://react-responsive-carousel.js.org/storybook/)
+- [Changelog](https://github.com/leandrowd/react-responsive-carousel/blob/master/CHANGELOG.md)
+- [Troubleshooting](https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md)
+
+
 ### Demo
 <http://leandrowd.github.io/react-responsive-carousel/>
 
-Check it out these [cool demos](http://react-responsive-carousel.js.org/storybook/) created using [storybook](https://getstorybook.io/). The source code for each example is available [here](https://github.com/leandrowd/react-responsive-carousel/blob/master/stories/index.js)
+Check it out these [cool demos](http://react-responsive-carousel.js.org/storybook/index.html) created using [storybook](https://getstorybook.io/). The source code for each example is available [here](https://github.com/leandrowd/react-responsive-carousel/blob/master/stories/index.js)
 
 Customize it yourself:
-- Webpackbin: <https://www.webpackbin.com/bins/-Kxr6IEf5zXSQvGCgKBR>
-- ~~Codepen: <https://codepen.io/leandrowd/pen/xLvOPd>~~ (broken, looks like https://pkgzip.com stopped working)
+- Codesandbox: <https://codesandbox.io/s/lp602ljjj7>
 
@@ -102,2 +109,3 @@ ### Installing as a package
 | swipeScrollTolerance  | `number`      | `5` | Allows scroll when the swipe movement occurs in a different direction than the carousel axis and within the tolerance - Increase for loose - Decrease for strict |
+| swipeable             | `boolean`     | `true` | Enables swiping gestures |
 | dynamicHeight         | `boolean`     | `false` | Adjusts the carousel height if required. -- Do not work with vertical axis -- |
@@ -120,3 +128,3 @@ | emulateTouch          | `boolean`     | `false` | Allows mouse to simulate swipe |
 
-* A new option is to create a code pen with the code that causes the bug. Fork this [base pen](https://codepen.io/leandrowd/pen/xLvOPd) and add your code there. Don't forget to save and add the link for the pen to the issue.
+* A new option is to create an example with the code that causes the bug. Fork this [example from codesandbox](https://codesandbox.io/s/lp602ljjj7) and add your code there. Don't forget to fork, save and add the link for the example to the issue.
 
@@ -158,14 +166,8 @@ =======================
 
-#### Codepen
-<https://codepen.io/leandrowd/pen/xLvOPd>
+#### Codesandbox
+<https://codesandbox.io/s/lp602ljjj7>
 
 =======================
 
-Quick reads:
-- [CHANGELOG](https://github.com/leandrowd/react-responsive-carousel/blob/master/CHANGELOG.md)
-- [TROUBLESHOOTING](https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md)
-- [CONTRIBUTING](https://github.com/leandrowd/react-responsive-carousel/blob/master/CONTRIBUTING.md)
-
-
 ## License
 [![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fleandrowd%2Freact-responsive-carousel.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fleandrowd%2Freact-responsive-carousel?ref=badge_large)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

932378

increased by0.1%

Lines of code

1474

increased by0.96%

Number of lines in readme file

170

increased by1.19%

No dependency changes