5.0.0

Author: marnusw

CHANGELOG.md

@@ -1,3 +1,8 @@
+### v5.0.0 (17 May 2023)
+
+- [BREAKING] Remove deprecated findDOMNode; now requires functional child components to use `forwardRef` (#101)
+- [BUGFIX] Avoid an occasional flicker when the exiting node is removed (#114)
+
 ### v4.0.5 (6 September 2021)
 
 - [UPGRADE] Add React 17 to peer dependencies.

README.md

@@ -30,6 +30,10 @@ Install via `npm`:
 npm install --save react-css-transition-replace
 ```
 
+## Important Note
+
+All functional child components must be wrapped in `forwardRef` to work correctly.
+
 ## Usage
 
 A `ReactCSSTransitionReplace` component can only have a single child. Other than that, the basic usage
@@ -49,7 +53,7 @@ This provides many possibilities for animating the replacement as illustrated in
 
 Additionally, the boolean property `changeWidth` can be used to animate changing the width of the component.
 This change will happen at the same time as changing the height. Animating this change should be done using
-the same class name as is used for animating the change in height.
+the same class name that is used for animating the change in height.
 
 It is also possible to remove the child component (i.e. leave `ReactCSSTransitionReplace` with no children)
 which will animate the `height` going to zero along with the `leave` transition. Similarly, a single child

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-css-transition-replace",
-  "version": "4.0.5",
+  "version": "5.0.0",
   "private": true,
   "authors": "Marnus Weststrate <[email protected]>",
   "license": "MIT",

packages/demo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-css-transition-replace-demo",
-  "version": "4.0.4",
+  "version": "5.0.0",
   "private": true,
   "homepage": "https://marnusw.github.io/react-css-transition-replace",
   "scripts": {

packages/react-css-transition-replace/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-css-transition-replace",
-  "version": "4.0.5",
+  "version": "5.0.0",
   "description": "A React component to animate replacing one element with another.",
   "main": "lib/ReactCSSTransitionReplace.js",
   "module": "es/ReactCSSTransitionReplace.js",
@@ -19,12 +19,12 @@
     "postpublish": "rm *.md"
   },
   "dependencies": {
-    "dom-helpers": "^5.2.0",
-    "prop-types": "^15.7.2"
+    "dom-helpers": "^5.2.1",
+    "prop-types": "^15.8.1"
   },
   "peerDependencies": {
-    "react": "^16.3.0 || ^17.0.0",
-    "react-dom": "^16.3.0 || ^17.0.0"
+    "react": ">=16.3.0",
+    "react-dom": ">=16.3.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.6.0",

yarn.lock

@@ -4773,10 +4773,10 @@ dom-helpers@^3.2.0, dom-helpers@^3.2.1, dom-helpers@^3.4.0:
   dependencies:
     "@babel/runtime" "^7.1.2"
 
-dom-helpers@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.0.tgz#57fd054c5f8f34c52a3eeffdb7e7e93cd357d95b"
-  integrity sha512-Ru5o9+V8CpunKnz5LGgWXkmrH/20cGKwcHwS4m73zIvs54CN9epEmT/HLqFJW3kXpakAFkEdzgy1hzlJe3E4OQ==
+dom-helpers@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
   dependencies:
     "@babel/runtime" "^7.8.7"
     csstype "^3.0.2"