react-responsive-carousel
Advanced tools
react-responsive-carousel - npm Package Compare versions
Comparing version 3.1.12 to 3.1.13
| # React Responsive Carousel | ||
| ## 3.1.12 - Sat Apr 29 2017 | ||
| * Merge pull request #114 from leandrowd/issue-98-2 | ||
| > #98: Fixing bug where the Thumbs component would throw an error if a custom component was rendered inside it | ||
| * Adding links for changelog and troubleshooting in the readme | ||
| * #98: Fixing bug where the Thumbs component would throw an error if a custom component was rendered inside it | ||
| * Merge pull request #113 from leandrowd/issue-112 | ||
| > #112: Converting source to es6 (MVP) | ||
| ## 3.1.11 - Wed Apr 26 2017 | ||
@@ -122,9 +131,2 @@ * Merge pull request #111 from leandrowd/issue-98-1 | ||
| > Moar tests | ||
| * Updating README.md | ||
| * Merge pull request #57 from olxbrasil/feature/infinite-looping | ||
| > Feature/infinite looping | ||
| * Adding more tests for Carousel | ||
| * Add build files | ||
| * Add infinite looping feature | ||
| * Add infinite looping documentation | ||
@@ -131,0 +133,0 @@ |
@@ -65,2 +65,21 @@ 'use strict'; | ||
| _this.autoPlay = function () { | ||
| _this.timer = setTimeout(function () { | ||
| _this.increment(); | ||
| }, _this.props.interval); | ||
| }; | ||
| _this.clearAutoPlay = function () { | ||
| clearTimeout(_this.timer); | ||
| }; | ||
| _this.resetAutoPlay = function () { | ||
| _this.clearAutoPlay(); | ||
| _this.autoPlay(); | ||
| }; | ||
| _this.stopOnHover = function () { | ||
| _this.clearAutoPlay(); | ||
| }; | ||
| _this.navigateWithKeyboard = function (e) { | ||
@@ -332,27 +351,2 @@ var nextKeys = ['ArrowDown', 'ArrowRight']; | ||
| }, { | ||
| key: 'autoPlay', | ||
| value: function autoPlay() { | ||
| var _this2 = this; | ||
| this.timer = setTimeout(function () { | ||
| _this2.increment(); | ||
| }, this.props.interval); | ||
| } | ||
| }, { | ||
| key: 'clearAutoPlay', | ||
| value: function clearAutoPlay() { | ||
| clearTimeout(this.timer); | ||
| } | ||
| }, { | ||
| key: 'resetAutoPlay', | ||
| value: function resetAutoPlay() { | ||
| this.clearAutoPlay(); | ||
| this.autoPlay(); | ||
| } | ||
| }, { | ||
| key: 'stopOnHover', | ||
| value: function stopOnHover() { | ||
| this.clearAutoPlay(); | ||
| } | ||
| }, { | ||
| key: 'bindEvents', | ||
@@ -389,7 +383,7 @@ value: function bindEvents() { | ||
| value: function renderItems() { | ||
| var _this3 = this; | ||
| var _this2 = this; | ||
| return _react2.default.Children.map(this.props.children, function (item, index) { | ||
| var hasMount = _this3.state.hasMount; | ||
| var itemClass = _cssClasses2.default.ITEM(true, index === _this3.state.selectedItem); | ||
| var hasMount = _this2.state.hasMount; | ||
| var itemClass = _cssClasses2.default.ITEM(true, index === _this2.state.selectedItem); | ||
@@ -399,3 +393,3 @@ return _react2.default.createElement( | ||
| { ref: "item" + index, key: "itemKey" + index, className: itemClass, | ||
| onClick: _this3.handleClickItem.bind(_this3, index, item) }, | ||
| onClick: _this2.handleClickItem.bind(_this2, index, item) }, | ||
| item | ||
@@ -408,3 +402,3 @@ ); | ||
| value: function renderControls() { | ||
| var _this4 = this; | ||
| var _this3 = this; | ||
@@ -419,3 +413,3 @@ if (!this.props.showIndicators) { | ||
| _react2.default.Children.map(this.props.children, function (item, index) { | ||
| return _react2.default.createElement('li', { className: _cssClasses2.default.DOT(index === _this4.state.selectedItem), onClick: _this4.changeItem, value: index, key: index }); | ||
| return _react2.default.createElement('li', { className: _cssClasses2.default.DOT(index === _this3.state.selectedItem), onClick: _this3.changeItem, value: index, key: index }); | ||
| }) | ||
@@ -463,3 +457,3 @@ ); | ||
| value: function getVariableImageHeight(position) { | ||
| var _this5 = this; | ||
| var _this4 = this; | ||
@@ -474,3 +468,3 @@ var item = this.refs['item' + position]; | ||
| var onImageLoad = function onImageLoad() { | ||
| _this5.forceUpdate(); | ||
| _this4.forceUpdate(); | ||
| image.removeEventListener('load', onImageLoad); | ||
@@ -477,0 +471,0 @@ }; |
| { | ||
| "name": "react-responsive-carousel", | ||
| "version": "3.1.12", | ||
| "version": "3.1.13", | ||
| "description": "React Responsive Carousel", | ||
@@ -5,0 +5,0 @@ "author": { |
@@ -178,3 +178,3 @@ import React, { Component } from 'react'; | ||
| .addWithInfo('auto play', () => ( | ||
| <Carousel autoPlay={true} interval={3000} infiniteLoop={true}> | ||
| <Carousel autoPlay={true} interval={1000} infiniteLoop={true}> | ||
| { baseChildren.props.children } | ||
@@ -248,3 +248,3 @@ </Carousel> | ||
| </div> | ||
| <div key="content-5" className="my-slide secondary complex"> | ||
| <div key="content-6" className="my-slide secondary complex"> | ||
| <h2>Pre baked slides:</h2> | ||
@@ -257,33 +257,33 @@ <ul> | ||
| </div> | ||
| <div key="content-6" className="my-slide content"> | ||
| <div key="content-7" className="my-slide content"> | ||
| <iframe width="560" height="315" src="https://www.youtube.com/embed/n0F6hSpxaFc" /> | ||
| </div> | ||
| <div key="content-6" className="my-slide content"> | ||
| <div key="content-8" className="my-slide content"> | ||
| <iframe src="https://player.vimeo.com/video/105955605" width="640" height="360" /> | ||
| </div> | ||
| <div key="content-7" className="my-slide primary"> | ||
| <div key="content-9" className="my-slide primary"> | ||
| <h1>Lorem Ipsum</h1> | ||
| </div> | ||
| <div key="content-8" className="my-slide secondary"> | ||
| <div key="content-10" className="my-slide secondary"> | ||
| <h2>What is Lorem Ipsum?</h2> | ||
| </div> | ||
| <div key="content-9" className="my-slide content"> | ||
| <div key="content-11" className="my-slide content"> | ||
| <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the <strong>1500s</strong>, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p> | ||
| </div> | ||
| <div key="content-10" className="my-slide content"> | ||
| <div key="content-12" className="my-slide content"> | ||
| <blockquote>It has survived not only <em>five centuries</em>, but also the leap into electronic typesetting, remaining essentially unchanged. </blockquote> | ||
| </div> | ||
| <div key="content-11" className="my-slide content"> | ||
| <div key="content-13" className="my-slide content"> | ||
| <p>It was popularised in the <strong>1960s</strong> with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> | ||
| </div> | ||
| <div key="content-12" className="my-slide secondary"> | ||
| <div key="content-14" className="my-slide secondary"> | ||
| <h2>Where does it come from?</h2> | ||
| </div> | ||
| <div key="content-13" className="my-slide content"> | ||
| <div key="content-15" className="my-slide content"> | ||
| <p>Contrary to popular belief, Lorem Ipsum is not simply random text.</p> | ||
| </div> | ||
| <div key="content-14" className="my-slide content"> | ||
| <div key="content-16" className="my-slide content"> | ||
| <p>It has roots in a piece of classical Latin literature from <strong>45 BC</strong>, making it over <strong>2000</strong> years old.</p> | ||
| </div> | ||
| <div key="content-19" className="my-slide primary"> | ||
| <div key="content-17" className="my-slide primary"> | ||
| <h1>Thanks...</h1> | ||
@@ -290,0 +290,0 @@ </div> |
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- increased by0.01%
1195089
Worsened metrics
- Lines of code
- decreased by-0.53%
1697
No dependency changes