Replaced deprecated react-addons-css-transition-group with react-transition-group

This commit is contained in:
SleepWalker 2017-06-07 22:00:00 +03:00
parent 7bc087d456
commit 1929786b03
3 changed files with 71 additions and 55 deletions

114
npm-shrinkwrap.json generated
View File

@ -2031,9 +2031,9 @@
"dev": true "dev": true
}, },
"caniuse-db": { "caniuse-db": {
"version": "1.0.30000671", "version": "1.0.30000679",
"from": "caniuse-db@>=1.0.30000634 <2.0.0", "from": "caniuse-db@>=1.0.30000634 <2.0.0",
"resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000671.tgz", "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000679.tgz",
"dev": true "dev": true
}, },
"caseless": { "caseless": {
@ -2048,6 +2048,11 @@
"resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz", "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz",
"dev": true "dev": true
}, },
"chain-function": {
"version": "1.0.0",
"from": "chain-function@>=1.0.0 <2.0.0",
"resolved": "https://registry.npmjs.org/chain-function/-/chain-function-1.0.0.tgz"
},
"chalk": { "chalk": {
"version": "1.1.3", "version": "1.1.3",
"from": "chalk@>=1.1.0 <2.0.0", "from": "chalk@>=1.1.0 <2.0.0",
@ -2471,18 +2476,10 @@
"dev": true "dev": true
}, },
"css-loader": { "css-loader": {
"version": "0.28.2", "version": "0.28.4",
"from": "css-loader@0.28.2", "from": "css-loader@0.28.4",
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-0.28.2.tgz", "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-0.28.4.tgz",
"dev": true,
"dependencies": {
"source-list-map": {
"version": "0.1.8",
"from": "source-list-map@>=0.1.7 <0.2.0",
"resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-0.1.8.tgz",
"dev": true "dev": true
}
}
}, },
"css-select": { "css-select": {
"version": "1.2.0", "version": "1.2.0",
@ -2725,6 +2722,11 @@
} }
} }
}, },
"dom-helpers": {
"version": "3.2.1",
"from": "dom-helpers@>=3.2.0 <4.0.0",
"resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-3.2.1.tgz"
},
"dom-serialize": { "dom-serialize": {
"version": "2.2.1", "version": "2.2.1",
"from": "dom-serialize@>=2.2.0 <3.0.0", "from": "dom-serialize@>=2.2.0 <3.0.0",
@ -2789,9 +2791,9 @@
"dev": true "dev": true
}, },
"electron-to-chromium": { "electron-to-chromium": {
"version": "1.3.11", "version": "1.3.13",
"from": "electron-to-chromium@>=1.2.7 <2.0.0", "from": "electron-to-chromium@>=1.2.7 <2.0.0",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.11.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.13.tgz",
"dev": true "dev": true
}, },
"emojis-list": { "emojis-list": {
@ -3345,11 +3347,13 @@
"version": "0.8.6", "version": "0.8.6",
"from": "fbjs@>=0.8.4 <0.9.0", "from": "fbjs@>=0.8.4 <0.9.0",
"resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.6.tgz", "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.6.tgz",
"dev": true,
"dependencies": { "dependencies": {
"core-js": { "core-js": {
"version": "1.2.7", "version": "1.2.7",
"from": "core-js@>=1.0.0 <2.0.0", "from": "core-js@>=1.0.0 <2.0.0",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz" "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
"dev": true
} }
} }
}, },
@ -3366,18 +3370,10 @@
"dev": true "dev": true
}, },
"file-loader": { "file-loader": {
"version": "0.11.1", "version": "0.11.2",
"from": "file-loader@0.11.1", "from": "file-loader@0.11.2",
"resolved": "https://registry.npmjs.org/file-loader/-/file-loader-0.11.1.tgz", "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-0.11.2.tgz",
"dev": true,
"dependencies": {
"loader-utils": {
"version": "1.1.0",
"from": "loader-utils@>=1.0.2 <2.0.0",
"resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.1.0.tgz",
"dev": true "dev": true
}
}
}, },
"filename-regex": { "filename-regex": {
"version": "2.0.0", "version": "2.0.0",
@ -3912,6 +3908,26 @@
"resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz", "resolved": "https://registry.npmjs.org/icss-replace-symbols/-/icss-replace-symbols-1.1.0.tgz",
"dev": true "dev": true
}, },
"icss-utils": {
"version": "2.1.0",
"from": "icss-utils@>=2.1.0 <3.0.0",
"resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-2.1.0.tgz",
"dev": true,
"dependencies": {
"postcss": {
"version": "6.0.1",
"from": "postcss@>=6.0.1 <7.0.0",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.1.tgz",
"dev": true
},
"supports-color": {
"version": "3.2.3",
"from": "supports-color@^3.2.3",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
"dev": true
}
}
},
"ieee754": { "ieee754": {
"version": "1.1.8", "version": "1.1.8",
"from": "ieee754@>=1.1.4 <2.0.0", "from": "ieee754@>=1.1.4 <2.0.0",
@ -4426,9 +4442,9 @@
} }
}, },
"karma-jsdom-launcher": { "karma-jsdom-launcher": {
"version": "6.1.1", "version": "6.1.2",
"from": "karma-jsdom-launcher@6.1.1", "from": "karma-jsdom-launcher@6.1.2",
"resolved": "https://registry.npmjs.org/karma-jsdom-launcher/-/karma-jsdom-launcher-6.1.1.tgz", "resolved": "https://registry.npmjs.org/karma-jsdom-launcher/-/karma-jsdom-launcher-6.1.2.tgz",
"dev": true "dev": true
}, },
"karma-mocha": { "karma-mocha": {
@ -6027,11 +6043,6 @@
} }
} }
}, },
"react-addons-css-transition-group": {
"version": "15.5.2",
"from": "react-addons-css-transition-group@15.5.2",
"resolved": "https://registry.npmjs.org/react-addons-css-transition-group/-/react-addons-css-transition-group-15.5.2.tgz"
},
"react-addons-perf": { "react-addons-perf": {
"version": "15.4.2", "version": "15.4.2",
"from": "react-addons-perf@15.4.2", "from": "react-addons-perf@15.4.2",
@ -6256,6 +6267,11 @@
"resolved": "https://registry.npmjs.org/react-transform-hmr/-/react-transform-hmr-1.0.4.tgz", "resolved": "https://registry.npmjs.org/react-transform-hmr/-/react-transform-hmr-1.0.4.tgz",
"dev": true "dev": true
}, },
"react-transition-group": {
"version": "1.1.3",
"from": "react-transition-group@latest",
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-1.1.3.tgz"
},
"read": { "read": {
"version": "1.0.7", "version": "1.0.7",
"from": "read@>=1.0.0 <1.1.0", "from": "read@>=1.0.0 <1.1.0",
@ -6734,9 +6750,9 @@
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"ajv": { "ajv": {
"version": "5.1.3", "version": "5.1.5",
"from": "ajv@>=5.0.0 <6.0.0", "from": "ajv@>=5.0.0 <6.0.0",
"resolved": "https://registry.npmjs.org/ajv/-/ajv-5.1.3.tgz", "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.1.5.tgz",
"dev": true "dev": true
} }
} }
@ -6884,9 +6900,9 @@
"dev": true "dev": true
}, },
"sinon": { "sinon": {
"version": "2.3.1", "version": "2.3.2",
"from": "sinon@2.3.1", "from": "sinon@2.3.2",
"resolved": "https://registry.npmjs.org/sinon/-/sinon-2.3.1.tgz", "resolved": "https://registry.npmjs.org/sinon/-/sinon-2.3.2.tgz",
"dev": true "dev": true
}, },
"slash": { "slash": {
@ -7192,9 +7208,9 @@
"dev": true "dev": true
}, },
"style-loader": { "style-loader": {
"version": "0.18.1", "version": "0.18.2",
"from": "style-loader@0.18.1", "from": "style-loader@0.18.2",
"resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.18.1.tgz", "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-0.18.2.tgz",
"dev": true "dev": true
}, },
"supports-color": { "supports-color": {
@ -7618,9 +7634,9 @@
} }
}, },
"url-search-params-polyfill": { "url-search-params-polyfill": {
"version": "1.2.0", "version": "1.3.0",
"from": "url-search-params-polyfill@latest", "from": "url-search-params-polyfill@1.3.0",
"resolved": "https://registry.npmjs.org/url-search-params-polyfill/-/url-search-params-polyfill-1.2.0.tgz" "resolved": "https://registry.npmjs.org/url-search-params-polyfill/-/url-search-params-polyfill-1.3.0.tgz"
}, },
"user-home": { "user-home": {
"version": "1.1.1", "version": "1.1.1",
@ -7785,9 +7801,9 @@
} }
}, },
"webfontloader": { "webfontloader": {
"version": "1.6.27", "version": "1.6.28",
"from": "webfontloader@1.6.27", "from": "webfontloader@1.6.28",
"resolved": "https://registry.npmjs.org/webfontloader/-/webfontloader-1.6.27.tgz" "resolved": "https://registry.npmjs.org/webfontloader/-/webfontloader-1.6.28.tgz"
}, },
"webfonts-generator": { "webfonts-generator": {
"version": "0.3.5", "version": "0.3.5",

View File

@ -32,13 +32,13 @@
"promise.prototype.finally": "^2.0.0", "promise.prototype.finally": "^2.0.0",
"raven-js": "^3.8.1", "raven-js": "^3.8.1",
"react": "^15.0.0", "react": "^15.0.0",
"react-addons-css-transition-group": "^15.1.0",
"react-dom": "^15.0.0", "react-dom": "^15.0.0",
"react-helmet": "^5.0.0", "react-helmet": "^5.0.0",
"react-intl": "^2.0.0", "react-intl": "^2.0.0",
"react-motion": "^0.5.0", "react-motion": "^0.5.0",
"react-redux": "^5.0.0", "react-redux": "^5.0.0",
"react-router-dom": "^4.1.1", "react-router-dom": "^4.1.1",
"react-transition-group": "^1.1.3",
"redux": "^3.0.4", "redux": "^3.0.4",
"redux-localstorage": "^0.4.1", "redux-localstorage": "^0.4.1",
"redux-thunk": "^2.0.0", "redux-thunk": "^2.0.0",

View File

@ -1,6 +1,6 @@
import React, { Component, PropTypes } from 'react'; import React, { Component, PropTypes } from 'react';
import ReactCSSTransitionGroup from 'react-addons-css-transition-group'; import { CSSTransitionGroup } from 'react-transition-group';
import { browserHistory } from 'services/history'; import { browserHistory } from 'services/history';
import styles from './popup.scss'; import styles from './popup.scss';
@ -30,7 +30,7 @@ export class PopupStack extends Component {
const {popups} = this.props; const {popups} = this.props;
return ( return (
<ReactCSSTransitionGroup <CSSTransitionGroup
transitionName={{ transitionName={{
enter: styles.trEnter, enter: styles.trEnter,
enterActive: styles.trEnterActive, enterActive: styles.trEnterActive,
@ -51,7 +51,7 @@ export class PopupStack extends Component {
</div> </div>
); );
})} })}
</ReactCSSTransitionGroup> </CSSTransitionGroup>
); );
} }