Socket
Socket
Sign inDemoInstall

react-responsive-carousel

Package Overview
Dependencies
Maintainers
1
Versions
121
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-responsive-carousel - npm Package Compare versions

Comparing version 3.1.37 to 3.1.38

22

CHANGELOG.md
# React Responsive Carousel
## 3.1.37 - Wed Apr 25 2018
* Updating react-easy-swipe
* Fix broken test from merge
* Add defensive checks for before items are initialized
## 3.1.36 - Mon Apr 09 2018
* Minor changes based on code review
* Updated tests
* Updated to refs callback
## 3.1.35 - Sat Mar 31 2018

@@ -8,2 +20,3 @@

## 3.1.34 - Fri Mar 30 2018
* remove .idea/ directory; remove package-lock.json
* Refactor thumbs state to reduce flicker on thumbs by calculating arrows immediately and using setState to increase change of rerendering in same react render cycle

@@ -14,2 +27,4 @@ Add updateSizes call on carousel trigger same process on thumbs

* Include index.html to storybook url
* import Children from React, other minor changes
* make carousel work with only 1 child passed in
* Replacing codepen with codesandbox

@@ -92,18 +107,11 @@ * Updating readme

- Added build version of carousel.
* #148 Autoplay and stop on hover causes a warning.
- Added a mouse entered state so we know when not to activate the auto play feature.
## 3.1.23 - Tue Jul 04 2017
* #148 Autoplay and stop on hover causes a warning.
* Types author header added.
## 3.1.22 - Mon Jul 03 2017
* `children` prop added.
* TypeScript types definitions file added.
## 3.1.21 - Sun Jun 25 2017
* #134: Using move to on componentWillReceiveProps so the carousel respects its boundaries when changed through external controls

@@ -110,0 +118,0 @@

@@ -112,9 +112,9 @@ 'use strict';

_this.onSwipeMove = function (deltaX) {
var leftBoundry = 0;
var leftBoundary = 0;
var currentPosition = -_this.state.firstItem * _this.state.itemSize;
var lastLeftBoundry = -_this.state.visibleItems * _this.state.itemSize;
var lastLeftBoundary = -_this.state.visibleItems * _this.state.itemSize;
// prevent user from swiping left out of boundaries
if (currentPosition === leftBoundry && deltaX > 0) {
if (currentPosition === leftBoundary && deltaX > 0) {
deltaX = 0;

@@ -124,6 +124,7 @@ }

// prevent user from swiping right out of boundaries
if (currentPosition === lastLeftBoundry && deltaX < 0) {
if (currentPosition === lastLeftBoundary && deltaX < 0) {
deltaX = 0;
}
var wrapperSize = _this.itemsWrapperRef.clientWidth;
var position = currentPosition + 100 / (wrapperSize / deltaX) + '%';

@@ -130,0 +131,0 @@

{
"name": "react-responsive-carousel",
"version": "3.1.37",
"version": "3.1.38",
"description": "React Responsive Carousel",

@@ -99,4 +99,4 @@ "author": {

"prop-types": "^15.5.8",
"react-easy-swipe": "^0.0.14"
"react-easy-swipe": "^0.0.16"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc