diff options
author | Vijay A <vraravam@users.noreply.github.com> | 2022-07-29 09:39:45 +0530 |
---|---|---|
committer | Vijay Aravamudhan <vraravam@users.noreply.github.com> | 2022-07-29 14:41:51 +0530 |
commit | eece41919cf5476cff092c1bb20333e615efff4d (patch) | |
tree | fe72c817e68ab95f6a40283f27f2e68506d2f8c5 | |
parent | 6.0.1-nightly.6 [skip ci] (diff) | |
download | ferdium-app-eece41919cf5476cff092c1bb20333e615efff4d.tar.gz ferdium-app-eece41919cf5476cff092c1bb20333e615efff4d.tar.zst ferdium-app-eece41919cf5476cff092c1bb20333e615efff4d.zip |
Replace deprecated 'react-addons-css-transition-group' with 'react-transition-group'
-rw-r--r-- | package-lock.json | 21 | ||||
-rw-r--r-- | package.json | 2 | ||||
-rw-r--r-- | src/components/ui/effects/Appear.tsx | 6 |
3 files changed, 5 insertions, 24 deletions
diff --git a/package-lock.json b/package-lock.json index 1908a183b..77eeade32 100644 --- a/package-lock.json +++ b/package-lock.json | |||
@@ -63,7 +63,6 @@ | |||
63 | "pretty-bytes": "5.6.0", | 63 | "pretty-bytes": "5.6.0", |
64 | "prop-types": "15.8.1", | 64 | "prop-types": "15.8.1", |
65 | "react": "17.0.2", | 65 | "react": "17.0.2", |
66 | "react-addons-css-transition-group": "15.6.2", | ||
67 | "react-color": "2.19.3", | 66 | "react-color": "2.19.3", |
68 | "react-confetti": "6.1.0", | 67 | "react-confetti": "6.1.0", |
69 | "react-dom": "17.0.2", | 68 | "react-dom": "17.0.2", |
@@ -77,6 +76,7 @@ | |||
77 | "react-sortable-hoc": "2.0.0", | 76 | "react-sortable-hoc": "2.0.0", |
78 | "react-tooltip": "4.2.21", | 77 | "react-tooltip": "4.2.21", |
79 | "react-topbar-progress-indicator": "4.1.1", | 78 | "react-topbar-progress-indicator": "4.1.1", |
79 | "react-transition-group": "1.2.1", | ||
80 | "route-parser": "0.0.5", | 80 | "route-parser": "0.0.5", |
81 | "sanitize-filename": "1.6.3", | 81 | "sanitize-filename": "1.6.3", |
82 | "semver": "7.3.7", | 82 | "semver": "7.3.7", |
@@ -21398,17 +21398,6 @@ | |||
21398 | "node": ">=0.10.0" | 21398 | "node": ">=0.10.0" |
21399 | } | 21399 | } |
21400 | }, | 21400 | }, |
21401 | "node_modules/react-addons-css-transition-group": { | ||
21402 | "version": "15.6.2", | ||
21403 | "resolved": "https://registry.npmjs.org/react-addons-css-transition-group/-/react-addons-css-transition-group-15.6.2.tgz", | ||
21404 | "integrity": "sha512-M5AJydHOUGq+YujoQLL8f9mQ0QLqxjqHUpWyvUmWVCYi93iGz53HwNBwzHbr0u21KABoPzyLYZZgMk974uPovw==", | ||
21405 | "dependencies": { | ||
21406 | "react-transition-group": "^1.2.0" | ||
21407 | }, | ||
21408 | "peerDependencies": { | ||
21409 | "react": "^15.4.2" | ||
21410 | } | ||
21411 | }, | ||
21412 | "node_modules/react-color": { | 21401 | "node_modules/react-color": { |
21413 | "version": "2.19.3", | 21402 | "version": "2.19.3", |
21414 | "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz", | 21403 | "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz", |
@@ -43960,14 +43949,6 @@ | |||
43960 | "object-assign": "^4.1.1" | 43949 | "object-assign": "^4.1.1" |
43961 | } | 43950 | } |
43962 | }, | 43951 | }, |
43963 | "react-addons-css-transition-group": { | ||
43964 | "version": "15.6.2", | ||
43965 | "resolved": "https://registry.npmjs.org/react-addons-css-transition-group/-/react-addons-css-transition-group-15.6.2.tgz", | ||
43966 | "integrity": "sha512-M5AJydHOUGq+YujoQLL8f9mQ0QLqxjqHUpWyvUmWVCYi93iGz53HwNBwzHbr0u21KABoPzyLYZZgMk974uPovw==", | ||
43967 | "requires": { | ||
43968 | "react-transition-group": "^1.2.0" | ||
43969 | } | ||
43970 | }, | ||
43971 | "react-color": { | 43952 | "react-color": { |
43972 | "version": "2.19.3", | 43953 | "version": "2.19.3", |
43973 | "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz", | 43954 | "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz", |
diff --git a/package.json b/package.json index f993400dd..ec8207417 100644 --- a/package.json +++ b/package.json | |||
@@ -98,7 +98,7 @@ | |||
98 | "pretty-bytes": "5.6.0", | 98 | "pretty-bytes": "5.6.0", |
99 | "prop-types": "15.8.1", | 99 | "prop-types": "15.8.1", |
100 | "react": "17.0.2", | 100 | "react": "17.0.2", |
101 | "react-addons-css-transition-group": "15.6.2", | 101 | "react-transition-group": "1.2.1", |
102 | "react-color": "2.19.3", | 102 | "react-color": "2.19.3", |
103 | "react-confetti": "6.1.0", | 103 | "react-confetti": "6.1.0", |
104 | "react-dom": "17.0.2", | 104 | "react-dom": "17.0.2", |
diff --git a/src/components/ui/effects/Appear.tsx b/src/components/ui/effects/Appear.tsx index 228c7888a..416017c83 100644 --- a/src/components/ui/effects/Appear.tsx +++ b/src/components/ui/effects/Appear.tsx | |||
@@ -1,5 +1,5 @@ | |||
1 | import { ReactNode, useEffect, useState } from 'react'; | 1 | import { ReactNode, useEffect, useState } from 'react'; |
2 | import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; | 2 | import { CSSTransitionGroup } from 'react-transition-group'; |
3 | 3 | ||
4 | type Props = { | 4 | type Props = { |
5 | children: ReactNode; | 5 | children: ReactNode; |
@@ -22,7 +22,7 @@ const Appear = ({ | |||
22 | } | 22 | } |
23 | 23 | ||
24 | return ( | 24 | return ( |
25 | <ReactCSSTransitionGroup | 25 | <CSSTransitionGroup |
26 | transitionName={transitionName} | 26 | transitionName={transitionName} |
27 | transitionAppear | 27 | transitionAppear |
28 | transitionLeave | 28 | transitionLeave |
@@ -32,7 +32,7 @@ const Appear = ({ | |||
32 | className={className} | 32 | className={className} |
33 | > | 33 | > |
34 | {children} | 34 | {children} |
35 | </ReactCSSTransitionGroup> | 35 | </CSSTransitionGroup> |
36 | ); | 36 | ); |
37 | }; | 37 | }; |
38 | 38 | ||