react-swipeable-list
Advanced tools
Comparing version 1.5.1 to 1.6.0
@@ -170,11 +170,11 @@ import { | ||
*/ | ||
onSwipeEnd?: () => void; | ||
onSwipeEnd?: (dragDirection: string) => void; | ||
/** | ||
* Fired every time swipe progress changes. The reported `progress` value is always an integer in range 0 to 100 inclusive. | ||
*/ | ||
onSwipeProgress?: (progress:number) => void; | ||
onSwipeProgress?: (progress:number, dragDirection: string) => void; | ||
/** | ||
* Fired after swipe has started (after drag gesture passes the `swipeStartThreshold` distance in pixels). | ||
*/ | ||
onSwipeStart?: () => void; | ||
onSwipeStart?: (dragDirection: string) => void; | ||
/** | ||
@@ -181,0 +181,0 @@ * default: `10` |
@@ -258,7 +258,7 @@ 'use strict'; | ||
var DragDirection = { | ||
UP: 1, | ||
DOWN: 2, | ||
LEFT: 3, | ||
RIGHT: 4, | ||
UNKNOWN: 5 | ||
UP: "up", | ||
DOWN: "down", | ||
LEFT: "left", | ||
RIGHT: "right", | ||
UNKNOWN: "unknown" | ||
}; | ||
@@ -606,3 +606,3 @@ var FPS_INTERVAL = 1000 / 60; | ||
if (onSwipeEnd) { | ||
onSwipeEnd(); | ||
onSwipeEnd(_this.dragDirection); | ||
} | ||
@@ -704,3 +704,3 @@ | ||
if (onSwipeStart && _this.isSwiping()) { | ||
onSwipeStart(); | ||
onSwipeStart(_this.dragDirection); | ||
} | ||
@@ -818,3 +818,3 @@ } | ||
if (_this.previousSwipeDistancePercent !== swipeDistancePercent) { | ||
_this.props.onSwipeProgress(swipeDistancePercent); | ||
_this.props.onSwipeProgress(swipeDistancePercent, _this.dragDirection); | ||
@@ -821,0 +821,0 @@ _this.previousSwipeDistancePercent = swipeDistancePercent; |
@@ -249,7 +249,7 @@ import React, { PureComponent } from 'react'; | ||
var DragDirection = { | ||
UP: 1, | ||
DOWN: 2, | ||
LEFT: 3, | ||
RIGHT: 4, | ||
UNKNOWN: 5 | ||
UP: "up", | ||
DOWN: "down", | ||
LEFT: "left", | ||
RIGHT: "right", | ||
UNKNOWN: "unknown" | ||
}; | ||
@@ -597,3 +597,3 @@ var FPS_INTERVAL = 1000 / 60; | ||
if (onSwipeEnd) { | ||
onSwipeEnd(); | ||
onSwipeEnd(_this.dragDirection); | ||
} | ||
@@ -695,3 +695,3 @@ | ||
if (onSwipeStart && _this.isSwiping()) { | ||
onSwipeStart(); | ||
onSwipeStart(_this.dragDirection); | ||
} | ||
@@ -809,3 +809,3 @@ } | ||
if (_this.previousSwipeDistancePercent !== swipeDistancePercent) { | ||
_this.props.onSwipeProgress(swipeDistancePercent); | ||
_this.props.onSwipeProgress(swipeDistancePercent, _this.dragDirection); | ||
@@ -812,0 +812,0 @@ _this.previousSwipeDistancePercent = swipeDistancePercent; |
@@ -257,7 +257,7 @@ (function (global, factory) { | ||
var DragDirection = { | ||
UP: 1, | ||
DOWN: 2, | ||
LEFT: 3, | ||
RIGHT: 4, | ||
UNKNOWN: 5 | ||
UP: "up", | ||
DOWN: "down", | ||
LEFT: "left", | ||
RIGHT: "right", | ||
UNKNOWN: "unknown" | ||
}; | ||
@@ -605,3 +605,3 @@ var FPS_INTERVAL = 1000 / 60; | ||
if (onSwipeEnd) { | ||
onSwipeEnd(); | ||
onSwipeEnd(_this.dragDirection); | ||
} | ||
@@ -703,3 +703,3 @@ | ||
if (onSwipeStart && _this.isSwiping()) { | ||
onSwipeStart(); | ||
onSwipeStart(_this.dragDirection); | ||
} | ||
@@ -817,3 +817,3 @@ } | ||
if (_this.previousSwipeDistancePercent !== swipeDistancePercent) { | ||
_this.props.onSwipeProgress(swipeDistancePercent); | ||
_this.props.onSwipeProgress(swipeDistancePercent, _this.dragDirection); | ||
@@ -820,0 +820,0 @@ _this.previousSwipeDistancePercent = swipeDistancePercent; |
{ | ||
"name": "react-swipeable-list", | ||
"description": "Swipeable list component for React", | ||
"version": "1.5.1", | ||
"version": "1.6.0", | ||
"author": { | ||
@@ -6,0 +6,0 @@ "name": "Marek Rozmus", |
@@ -22,3 +22,3 @@ <h1 align="center">react-swipeable-list</h1> | ||
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --> | ||
[![All Contributors](https://img.shields.io/badge/all_contributors-5-orange.svg?style=flat-square)](#contributors-) | ||
[![All Contributors](https://img.shields.io/badge/all_contributors-6-orange.svg?style=flat-square)](#contributors-) | ||
<!-- ALL-CONTRIBUTORS-BADGE:END --> | ||
@@ -195,17 +195,17 @@ <!-- prettier-ignore-end --> | ||
Type: `() => void` | ||
Type: `(dragDirection: string) => void` | ||
Fired after swipe has started (after drag gesture passes the `swipeStartThreshold` distance in pixels). | ||
Fired after swipe has started (after drag gesture passes the `swipeStartThreshold` distance in pixels). `dragDirection` can have value of `left` or `right`. | ||
### onSwipeEnd | ||
Type: `() => void` | ||
Type: `(dragDirection: string) => void` | ||
Fired after swipe has ended. | ||
Fired after swipe has ended. `dragDirection` can have value of `left` or `right`. | ||
### onSwipeProgress | ||
Type: `(progress: number) => void` | ||
Type: `(progress: number, dragDirection: string) => void` | ||
Fired every time swipe progress changes. The reported `progress` value is always an integer in range 0 to 100 inclusive. | ||
Fired every time swipe progress changes. The reported `progress` value is always an integer in range 0 to 100 inclusive. `dragDirection` can have value of `left` or `right`. | ||
@@ -276,2 +276,3 @@ ### scrollStartThreshold | ||
<td align="center"><a href="https://github.com/harrisgca"><img src="https://avatars.githubusercontent.com/u/5953554?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Glenn Harris</b></sub></a><br /><a href="#maintenance-harrisgca" title="Maintenance">🚧</a></td> | ||
<td align="center"><a href="https://github.com/v-zdorovcev"><img src="https://avatars.githubusercontent.com/u/72477415?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Zdorovtsev Viktor</b></sub></a><br /><a href="#ideas-v-zdorovcev" title="Ideas, Planning, & Feedback">🤔</a></td> | ||
</tr> | ||
@@ -278,0 +279,0 @@ </table> |
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
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
139080
284