Skip to content

Releases: joshwcomeau/react-flip-move

v3.0.3

19 Oct 12:12
Compare
Choose a tag to compare

Fix to work with styled-components v4

Patch release to add support for styled-components v4.

Big thanks to @morleyzhi for their work in this release!

v3.0.2

03 Sep 14:42
Compare
Choose a tag to compare

Add verticalAlignment to API docs

A prop was missing from the documentation! Thanks to @everdimension for catching and fixing :)

v3.0.1

30 Jan 18:33
Compare
Choose a tag to compare

Fix Typescript bindings

Quick patch release to fix a bug with Typescript bindings.

Thanks to @vsaarinen for the PR, and @thupi for letting me know / troubleshooting the issue!

v3.0.0

14 Jan 15:50
Compare
Choose a tag to compare

Version 3.0

Switch to Rollup bundler, remove polyfills and deprecations.

The major feature of this release is size reduction. Gzip size of the module has gone from over 6kb to 4905 bytes (4.79kb). Woohoo!

The major factor in this reduction was moving from Webpack to Rollup. We were also able to kill some deprecations, which lightened the bundle.

Breaking changes

  1. Switch from polyfills to helper functions

Before, we were polyfilling certain array methods: find, every, and isArray. This wasn't ideal, since it meant we could be patching the host application's array methods.

We still include helper methods to perform these operations, so browser support has not changed. But, if your host application (the code you write) uses the aforementioned array methods, they may suddenly not work in legacy browsers like Internet Explorer, since our polyfills have been removed.

  1. Removed typo animation presets

If you ask me, "accordion" should really be spelled "accordian". That's how you pronounce it!

That said, the correct spelling is "accordion". For the presets accordionHorizontal and accordionVertical, we were supporting both variants, but now only the correct spelling will be accepted.

  1. Removed deprecated prop "disableAnimations"

We renamed the prop disableAnimations to disableAllAnimations. The former will no longer work.


Thanks a ton to @Andarist for their work contributing all the major parts of this release. Also thanks to @tobilen and @Hypnosphi for reviewing the PRs associated with this release.

v2.10.2

10 Jan 00:39
Compare
Choose a tag to compare

Add warning when children are disabled

In Internet Explorer 11 (and below), the transitonend event will not (consistently) fire for elements that have the disabled attribute. This means the callback for node removal is never fired and the supposedly removed nodes stay in the html.

Also includes some cleanup, and a move to use cross-env for Windows support.

Thanks a ton to @tobilen for contributing this release!!

v2.10.1

05 Jan 11:59
Compare
Choose a tag to compare

Performance Improvements, typescript type fixes, documentation update

The largest change in this release is an optimization to batch calls that cause layout recalculation. For large lists, this can improve the performance of the calculations required to begin the animation by a tremendous amount (4x in one recorded instance!).

This release also features some fixes to the Typescript types, as well as a tweak to the documentation to make it more accurate.

Huge thanks to @egorshulga, who contributed all of the aforementioned work in this release!

v2.10.0

26 Nov 15:10
784604d
Compare
Choose a tag to compare

Wrapperless Mode

Prior to React 16, a React component had to return a single top-level element. This meant that React Flip Move had to wrap its children in a <div> or other HTML node; it couldn't just return the array of children provided to it.

Happily, React's new reconciliation engine in v16 changes this, and React Flip Move can now be run in "wrapperless" mode, which means that it won't create an additional node.

To use this new mode, simply set typeName to null.

There may be some quirks. For example, React Flip Move still needs to position its children to handle leave animations, and so if <FlipMove>'s parent container is set to position: static (the default), you may notice some quirky behaviour. To fix this, just set position: relative (or absolute/fixed) on the parent.

Huge thanks to @tobilen for their work on this feature, and to @Hypnosphi for reviewing.

v2.9.17

15 Oct 12:21
Compare
Choose a tag to compare

Adds support for React 16, and brings the Flip Move dev environment into 2017 🎉 🎉 🎉

While this sounds like a small change, it's a complete overhaul of the dev dependencies. Our tests and stories have been updated.

Huge huge thanks to @tobilen for their work on this, and @Hypnosphi for the in-depth reviews. Makes me so happy that there's a community of developers contributing to this project :D

v2.9.16

15 Oct 12:05
Compare
Choose a tag to compare

Fix bugs with IE 10 and node type check

This release includes two bugfixes:

  • Allow FlipMove to work within iFrames (via React 16 portals) - #193
  • Fix issue with IE10 not able to access this.props = #194

Big thanks to @AlexDunmow and @nicolasraynaud-millevolts for their work on this release! 🎉

v2.9.15

28 Aug 12:50
Compare
Choose a tag to compare

Fix zombie nodes (#120) and increase test stability

This release fixes the often-reported issue with zombie nodes staying after fast toggling. Huge thanks to @tobilen for tackling this problem!!

This release also includes some improvements to our tests, by polyfilling requestAnimationFrame. Huge thanks to @Hypnosphi for their work on this, and for everything they've done and continue to do for this project :D