react-responsive-carousel - npm Package Compare versions

Comparing version 3.1.17 to 3.1.18

CHANGELOG.md

		# React Responsive Carousel


		## 3.1.17 - Mon May 22 2017
		* #118: Fixing jank swipe on mobile


		## 3.1.16 - Thu May 11 2017
		@@ -83,4 +87,2 @@ * #118: Adding support to swipe tolerance
		* Removing properties from html as it was outdated
		* Fixing issue #69 - styles leaking out of carousel
		* Fixing issue #70 - Adding dynamicHeight prop to adjust when required

		@@ -87,0 +89,0 @@

lib/components/Carousel.js

		@@ -91,12 +91,13 @@ 'use strict';
		_this.navigateWithKeyboard = function (e) {
		var nextKeys = ['ArrowDown', 'ArrowRight'];
		var prevKeys = ['ArrowUp', 'ArrowLeft'];
		var allowedKeys = nextKeys.concat(prevKeys);
		var axis = _this.props.axis;

		if (allowedKeys.indexOf(e.key) > -1) {
		if (nextKeys.indexOf(e.key) > -1) {
		_this.increment();
		} else if (prevKeys.indexOf(e.key) > -1) {
		_this.decrement();
		}
		var isHorizontal = axis === 'horizontal';

		var nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown';
		var prevKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp';

		if (nextKey === e.key) {
		_this.increment();
		} else if (prevKey === e.key) {
		_this.decrement();
		}
		@@ -103,0 +104,0 @@ };

package.json

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

stories/index.js

		@@ -131,2 +131,12 @@ import React, { Component } from 'react';
		), { source: true, inline: true, propTables: false})
		.addWithInfo('axis horizontal + keyboard support', () => (
		<Carousel useKeyboardArrows>
		{ baseChildren.props.children }
		</Carousel>
		), { source: true, inline: true, propTables: false})
		.addWithInfo('axis vertical + keyboard support', () => (
		<Carousel axis="vertical" useKeyboardArrows>
		{ baseChildren.props.children }
		</Carousel>
		), { source: true, inline: true, propTables: false})
		.addWithInfo('no arrows + infinite loop + auto play', () => (
		@@ -133,0 +143,0 @@ <Carousel showArrows={false} infiniteLoop autoPlay>

New alerts