fix: notification (#2207)

* fix: notification

* chore: changelog

* fix: fix props and remove redundent d.ts

Author: bgutsol

.changeset/unlucky-queens-think.md

@@ -0,0 +1,5 @@
+---
+'@contentful/f36-notification': minor
+---
+
+Upgrade react-animate-height to fix f36-notification

packages/components/notification/package.json

@@ -15,7 +15,7 @@
     "@contentful/f36-typography": "^4.18.0",
     "@swc/helpers": "^0.4.2",
     "emotion": "^10.0.17",
-    "react-animate-height": "^2.0.23"
+    "react-animate-height": "^3.0.4"
   },
   "peerDependencies": {
     "react": ">=16.8",

packages/components/notification/src/NotificationItem/NotificationItemContainer.tsx

@@ -87,7 +87,7 @@ export class NotificationItemContainer extends Component<
         height={this.state.isShown ? 'auto' : 0}
         easing="ease-in-out"
         animateOpacity
-        onAnimationEnd={() => {
+        onHeightAnimationEnd={() => {
           if (this.state.isShown === false) {
             if (this.props.onClose) {
               this.props.onClose();

types/typings.d.ts

@@ -9,12 +9,6 @@ declare module '*.md' {
   export default value;
 }
 
-declare module 'react-animate-height' {
-  // eslint-disable-next-line
-  const value: any;
-  export default value;
-}
-
 declare module '@storybook/addon-actions' {
   export const action: any;
 }

yarn.lock

@@ -7185,9 +7185,9 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
-classnames@^2.2.5:
+classnames@^2.3.1:
   version "2.3.1"
-  resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz"
+  resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.1.tgz#dfcfa3891e306ec1dad105d0e88f4417b8535e8e"
   integrity sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA==
 
 clean-css@^4.2.3:
@@ -18057,7 +18057,7 @@ promzard@^0.3.0:
   dependencies:
     read "1"
 
-prop-types@^15.0.0, prop-types@^15.5.7, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.0.0, prop-types@^15.5.7, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -18293,13 +18293,12 @@ rc@^1.0.1, rc@^1.1.6, rc@^1.2.7, rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-animate-height@^2.0.23:
-  version "2.0.23"
-  resolved "https://registry.npmjs.org/react-animate-height/-/react-animate-height-2.0.23.tgz"
-  integrity sha512-DucSC/1QuxWEFzR9IsHMzrf2nrcZ6qAmLIFoENa2kLK7h72XybcMA9o073z7aHccFzdMEW0/fhAdnQG7a4rDow==
+react-animate-height@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/react-animate-height/-/react-animate-height-3.0.4.tgz#80c9cc25e8569709ad1c626b968dbe5108d0ce46"
+  integrity sha512-k+mBS8yCzpFp+7BdrHsL5bXd6CO/2bYO2SvRGKfxK+Ss3nzplAJLlgnd6Zhcxe/avdpy/CgcziicFj7pIHgG5g==
   dependencies:
-    classnames "^2.2.5"
-    prop-types "^15.6.1"
+    classnames "^2.3.1"
 
 react-clientside-effect@^1.2.6:
   version "1.2.6"