Download Latest Version v7.0.2 source code.tar.gz (2.0 MB)
Email in envelope

Get an email when there's a new version of REACT SWIPEABLE

Home / v7.0.0
Name Modified Size InfoDownloads / Week
Parent folder
README.md 2022-04-27 3.3 kB
v7.0.0 source code.tar.gz 2022-04-27 198.4 kB
v7.0.0 source code.zip 2022-04-27 214.9 kB
Totals: 3 Items   416.6 kB 0

New Features: - add new swipeDuration prop - "allowable duration of a swipe" - A swipe lasting more than swipeDuration, in milliseconds, will not be considered a swipe. - Feature mimicked from use-gesture swipe.duration - Defaults to Infinity for backwards compatibility - add new touchEventOptions prop that can set the options for the touch event listeners - this provides users full control of if/when they want to set passive - Defaults to { passive: true } - add new onTouchStartOrOnMouseDown prop that is called for touchstart and mousedown. Before a swipe even starts. - combined with touchEventOptions allows users the ability to now call preventDefault on touchstart - add new onTouchEndOrOnMouseUp prop that is called for touchend and mouseup. - add react 18 to peerDependencies

Breaking Changes: * we have dropped support for es5 transpiled output * we target es2015 for our transpilation now * swipeable utilizes object/array spread & const/let natively * preventScrollOnSwipe - "new" prop. Replaces preventDefaultTouchmoveEvent * same functionality but renamed to be more explicit on its intended use * fixed bug - where toggling this prop did not re-attach event listeners * update - we now only change the passive event listener option for touchmove depending on this prop * see notes in README for more details readme#passive-listener * Thank you @stefvhuynh

Bug fixes: * fix bug where directional swiped check allowed undefined/falsy values to set cancelablePageSwipe * Thank you @bhj for the comment * fix bug when both trackTouch and trackMouse were present that triggered an erroneous swipe when the user clicked outside and above the swipeable area * See issue 304 for details * Thank you @Sacret

Infrastructure: * post size-limit report to PRs with bundle diff sizes * utilize rollup for build & output * remove dependency on microbundle * remove interop injected code - pull/260 * Thank you @binoy14 * upgrade lots of dev dependencies * 🎉 upgrade to typescript v4.6.3 * export/outputs housekeeping and cleaning (mimicked from react-redux) * removed/renamed exports from package.json: * browser, umd:main(renamed dist), jsnext:main(use module), typings(use types) * moved exports - old => new * "main": "./dist/react-swipeable.js" => "main": "./lib/index.js" * "module": "./dist/react-swipeable.module.js" => "module": "es/index.js" * "types": "./dist/index.d.ts" => "types": "./es/index.d.ts"

Source: README.md, updated 2022-04-27