react-transition-group
Advanced tools
Comparing version 2.3.1 to 2.4.0
@@ -0,1 +1,13 @@ | ||
| # [2.4.0](https://github.com/reactjs/react-transition-group/compare/v2.3.1...v2.4.0) (2018-06-27) | ||
| ### Features | ||
| * remove deprecated lifecycle hooks and polyfill for older react versions ([c1ab1cf](https://github.com/reactjs/react-transition-group/commit/c1ab1cf)) | ||
| ### Performance Improvements | ||
| * don't reflow when there's no class to add ([d7b898d](https://github.com/reactjs/react-transition-group/commit/d7b898d)) | ||
| <a name="2.3.1"></a> | ||
@@ -2,0 +14,0 @@ ## [2.3.1](https://github.com/reactjs/react-transition-group/compare/v2.3.0...v2.3.1) (2018-04-14) |
@@ -73,2 +73,15 @@ 'use strict'; | ||
| * | ||
| * If you want to set these classes using CSS Modules: | ||
| * | ||
| * ```js | ||
| * import styles from './styles.css'; | ||
| * ``` | ||
| * | ||
| * you might want to use camelCase in your CSS file, that way could simply spread | ||
| * them instead of listing them one by one: | ||
| * | ||
| * ```js | ||
| * classNames={{ ...styles }} | ||
| * ``` | ||
| * | ||
| * @type {string | { | ||
@@ -256,6 +269,8 @@ * appear?: string, | ||
| // which is necessary in order to transition styles when adding a class name. | ||
| /* eslint-disable no-unused-expressions */ | ||
| node && node.scrollTop; | ||
| /* eslint-enable no-unused-expressions */ | ||
| addClass(node, className); | ||
| if (className) { | ||
| /* eslint-disable no-unused-expressions */ | ||
| node && node.scrollTop; | ||
| /* eslint-enable no-unused-expressions */ | ||
| addClass(node, className); | ||
| } | ||
| }; | ||
@@ -262,0 +277,0 @@ |
@@ -1,1 +0,1 @@ | ||
| !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],e):"object"==typeof exports?exports.ReactTransitionGroup=e(require("react"),require("react-dom")):t.ReactTransitionGroup=e(t.React,t.ReactDOM)}(this,function(t,e){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=6)}([function(t,e,n){"use strict";"function"==typeof Symbol&&Symbol.iterator;t.exports=n(8)()},function(e,n){e.exports=t},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function o(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function u(){}e.__esModule=!0,e.EXITING=e.ENTERED=e.ENTERING=e.EXITED=e.UNMOUNTED=void 0;var l=n(0),c=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(l),p=n(1),f=r(p),d=n(3),h=r(d),E=(n(4),e.UNMOUNTED="unmounted"),y=e.EXITED="exited",x=e.ENTERING="entering",m=e.ENTERED="entered",v=e.EXITING="exiting",g=function(t){function e(n,r){i(this,e);var o=a(this,t.call(this,n,r)),s=r.transitionGroup,u=s&&!s.isMounting?n.enter:n.appear,l=void 0;return o.nextStatus=null,n.in?u?(l=y,o.nextStatus=x):l=m:l=n.unmountOnExit||n.mountOnEnter?E:y,o.state={status:l},o.nextCallback=null,o}return s(e,t),e.prototype.getChildContext=function(){return{transitionGroup:null}},e.prototype.componentDidMount=function(){this.updateStatus(!0)},e.prototype.componentWillReceiveProps=function(t){var e=this.pendingState||this.state,n=e.status;t.in?(n===E&&this.setState({status:y}),n!==x&&n!==m&&(this.nextStatus=x)):n!==x&&n!==m||(this.nextStatus=v)},e.prototype.componentDidUpdate=function(){this.updateStatus()},e.prototype.componentWillUnmount=function(){this.cancelNextCallback()},e.prototype.getTimeouts=function(){var t=this.props.timeout,e=void 0,n=void 0,r=void 0;return e=n=r=t,null!=t&&"number"!=typeof t&&(e=t.exit,n=t.enter,r=t.appear),{exit:e,enter:n,appear:r}},e.prototype.updateStatus=function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.nextStatus;if(null!==e){this.nextStatus=null,this.cancelNextCallback();var n=h.default.findDOMNode(this);e===x?this.performEnter(n,t):this.performExit(n)}else this.props.unmountOnExit&&this.state.status===y&&this.setState({status:E})},e.prototype.performEnter=function(t,e){var n=this,r=this.props.enter,o=this.context.transitionGroup?this.context.transitionGroup.isMounting:e,i=this.getTimeouts();if(!e&&!r)return void this.safeSetState({status:m},function(){n.props.onEntered(t)});this.props.onEnter(t,o),this.safeSetState({status:x},function(){n.props.onEntering(t,o),n.onTransitionEnd(t,i.enter,function(){n.safeSetState({status:m},function(){n.props.onEntered(t,o)})})})},e.prototype.performExit=function(t){var e=this,n=this.props.exit,r=this.getTimeouts();if(!n)return void this.safeSetState({status:y},function(){e.props.onExited(t)});this.props.onExit(t),this.safeSetState({status:v},function(){e.props.onExiting(t),e.onTransitionEnd(t,r.exit,function(){e.safeSetState({status:y},function(){e.props.onExited(t)})})})},e.prototype.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},e.prototype.safeSetState=function(t,e){var n=this;this.pendingState=t,e=this.setNextCallback(e),this.setState(t,function(){n.pendingState=null,e()})},e.prototype.setNextCallback=function(t){var e=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,e.nextCallback=null,t(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},e.prototype.onTransitionEnd=function(t,e,n){this.setNextCallback(n),t?(this.props.addEndListener&&this.props.addEndListener(t,this.nextCallback),null!=e&&setTimeout(this.nextCallback,e)):setTimeout(this.nextCallback,0)},e.prototype.render=function(){var t=this.state.status;if(t===E)return null;var e=this.props,n=e.children,r=o(e,["children"]);if(delete r.in,delete r.mountOnEnter,delete r.unmountOnExit,delete r.appear,delete r.enter,delete r.exit,delete r.timeout,delete r.addEndListener,delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,"function"==typeof n)return n(t,r);var i=f.default.Children.only(n);return f.default.cloneElement(i,r)},e}(f.default.Component);g.contextTypes={transitionGroup:c.object},g.childContextTypes={transitionGroup:function(){}},g.propTypes={},g.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:u,onEntering:u,onEntered:u,onExit:u,onExiting:u,onExited:u},g.UNMOUNTED=0,g.EXITED=1,g.ENTERING=2,g.ENTERED=3,g.EXITING=4,e.default=g},function(t,n){t.exports=e},function(t,e,n){"use strict";function r(t){var e="transition"+t+"Timeout",n="transition"+t;return function(t){if(t[n]){if(null==t[e])return new Error(e+" wasn't supplied to CSSTransitionGroup: this can cause unreliable animations and won't be supported in a future version of React. See https://fb.me/react-animation-transition-group-timeout for more information.");if("number"!=typeof t[e])return new Error(e+" must be a number (in milliseconds)")}return null}}e.__esModule=!0,e.classNamesShape=e.timeoutsShape=void 0,e.transitionTimeout=r;var o=n(0),i=function(t){return t&&t.__esModule?t:{default:t}}(o);e.timeoutsShape=i.default.oneOfType([i.default.number,i.default.shape({enter:i.default.number,exit:i.default.number}).isRequired]),e.classNamesShape=i.default.oneOfType([i.default.string,i.default.shape({enter:i.default.string,exit:i.default.string,active:i.default.string}),i.default.shape({enter:i.default.string,enterDone:i.default.string,enterActive:i.default.string,exit:i.default.string,exitDone:i.default.string,exitActive:i.default.string})])},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function o(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}e.__esModule=!0;var u=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},l=n(0),c=r(l),p=n(1),f=r(p),d=n(16),h=Object.values||function(t){return Object.keys(t).map(function(e){return t[e]})},E=(c.default.any,c.default.node,c.default.bool,c.default.bool,c.default.bool,c.default.func,{component:"div",childFactory:function(t){return t}}),y=function(t){function e(n,r){i(this,e);var o=a(this,t.call(this,n,r));return o.state={children:(0,d.getChildMapping)(n.children,function(t){return(0,p.cloneElement)(t,{onExited:o.handleExited.bind(o,t),in:!0,appear:o.getProp(t,"appear"),enter:o.getProp(t,"enter"),exit:o.getProp(t,"exit")})})},o}return s(e,t),e.prototype.getChildContext=function(){return{transitionGroup:{isMounting:!this.appeared}}},e.prototype.getProp=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.props;return null!=n[e]?n[e]:t.props[e]},e.prototype.componentDidMount=function(){this.appeared=!0},e.prototype.componentWillReceiveProps=function(t){var e=this,n=this.state.children,r=(0,d.getChildMapping)(t.children),o=(0,d.mergeChildMappings)(n,r);Object.keys(o).forEach(function(i){var a=o[i];if((0,p.isValidElement)(a)){var s=i in n,u=i in r,l=n[i],c=(0,p.isValidElement)(l)&&!l.props.in;!u||s&&!c?u||!s||c?u&&s&&(0,p.isValidElement)(l)&&(o[i]=(0,p.cloneElement)(a,{onExited:e.handleExited.bind(e,a),in:l.props.in,exit:e.getProp(a,"exit",t),enter:e.getProp(a,"enter",t)})):o[i]=(0,p.cloneElement)(a,{in:!1}):o[i]=(0,p.cloneElement)(a,{onExited:e.handleExited.bind(e,a),in:!0,exit:e.getProp(a,"exit",t),enter:e.getProp(a,"enter",t)})}}),this.setState({children:o})},e.prototype.handleExited=function(t,e){var n=(0,d.getChildMapping)(this.props.children);t.key in n||(t.props.onExited&&t.props.onExited(e),this.setState(function(e){var n=u({},e.children);return delete n[t.key],{children:n}}))},e.prototype.render=function(){var t=this.props,e=t.component,n=t.childFactory,r=o(t,["component","childFactory"]),i=h(this.state.children).map(n);return delete r.appear,delete r.enter,delete r.exit,null===e?i:f.default.createElement(e,r,i)},e}(f.default.Component);y.childContextTypes={transitionGroup:c.default.object.isRequired},y.propTypes={},y.defaultProps=E,e.default=y,t.exports=e.default},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}var o=n(7),i=r(o),a=n(15),s=r(a),u=n(5),l=r(u),c=n(2),p=r(c);t.exports={Transition:p.default,TransitionGroup:l.default,ReplaceTransition:s.default,CSSTransition:i.default}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function a(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}e.__esModule=!0;var s=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},u=n(0),l=function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e.default=t,e}(u),c=n(12),p=r(c),f=n(14),d=r(f),h=n(1),E=r(h),y=n(2),x=r(y),m=n(4),v=function(t,e){return t&&e&&e.split(" ").forEach(function(e){return(0,p.default)(t,e)})},g=function(t,e){return t&&e&&e.split(" ").forEach(function(e){return(0,d.default)(t,e)})},b=(s({},x.default.propTypes,{classNames:m.classNamesShape,onEnter:l.func,onEntering:l.func,onEntered:l.func,onExit:l.func,onExiting:l.func,onExited:l.func}),function(t){function e(){var n,r,a;o(this,e);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=i(this,t.call.apply(t,[this].concat(u))),r.onEnter=function(t,e){var n=r.getClassNames(e?"appear":"enter"),o=n.className;r.removeClasses(t,"exit"),v(t,o),r.props.onEnter&&r.props.onEnter(t)},r.onEntering=function(t,e){var n=r.getClassNames(e?"appear":"enter"),o=n.activeClassName;r.reflowAndAddClass(t,o),r.props.onEntering&&r.props.onEntering(t)},r.onEntered=function(t,e){var n=r.getClassNames("enter"),o=n.doneClassName;r.removeClasses(t,e?"appear":"enter"),v(t,o),r.props.onEntered&&r.props.onEntered(t)},r.onExit=function(t){var e=r.getClassNames("exit"),n=e.className;r.removeClasses(t,"appear"),r.removeClasses(t,"enter"),v(t,n),r.props.onExit&&r.props.onExit(t)},r.onExiting=function(t){var e=r.getClassNames("exit"),n=e.activeClassName;r.reflowAndAddClass(t,n),r.props.onExiting&&r.props.onExiting(t)},r.onExited=function(t){var e=r.getClassNames("exit"),n=e.doneClassName;r.removeClasses(t,"exit"),v(t,n),r.props.onExited&&r.props.onExited(t)},r.getClassNames=function(t){var e=r.props.classNames,n="string"!=typeof e?e[t]:e+"-"+t;return{className:n,activeClassName:"string"!=typeof e?e[t+"Active"]:n+"-active",doneClassName:"string"!=typeof e?e[t+"Done"]:n+"-done"}},a=n,i(r,a)}return a(e,t),e.prototype.removeClasses=function(t,e){var n=this.getClassNames(e),r=n.className,o=n.activeClassName,i=n.doneClassName;r&&g(t,r),o&&g(t,o),i&&g(t,i)},e.prototype.reflowAndAddClass=function(t,e){t&&t.scrollTop,v(t,e)},e.prototype.render=function(){var t=s({},this.props);return delete t.classNames,E.default.createElement(x.default,s({},t,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},e}(E.default.Component));b.propTypes={},e.default=b,t.exports=e.default},function(t,e,n){"use strict";var r=n(9),o=n(10),i=n(11);t.exports=function(){function t(t,e,n,r,a,s){s!==i&&o(!1)}function e(){return t}t.isRequired=t;var n={array:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e};return n.checkPropTypes=r,n.PropTypes=n,n}},function(t,e,n){"use strict";function r(t){return function(){return t}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(t){return t},t.exports=o},function(t,e,n){"use strict";function r(t,e,n,r,i,a,s,u){if(o(e),!t){var l;if(void 0===e)l=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,r,i,a,s,u],p=0;l=new Error(e.replace(/%s/g,function(){return c[p++]})),l.name="Invariant Violation"}throw l.framesToPop=1,l}}var o=function(t){};t.exports=r},function(t,e,n){"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(t,e,n){"use strict";function r(t,e){t.classList?t.classList.add(e):(0,i.default)(t,e)||("string"==typeof t.className?t.className=t.className+" "+e:t.setAttribute("class",(t.className&&t.className.baseVal||"")+" "+e))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var o=n(13),i=function(t){return t&&t.__esModule?t:{default:t}}(o);t.exports=e.default},function(t,e,n){"use strict";function r(t,e){return t.classList?!!e&&t.classList.contains(e):-1!==(" "+(t.className.baseVal||t.className)+" ").indexOf(" "+e+" ")}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r,t.exports=e.default},function(t,e,n){"use strict";function r(t,e){return t.replace(new RegExp("(^|\\s)"+e+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}t.exports=function(t,e){t.classList?t.classList.remove(e):"string"==typeof t.className?t.className=r(t.className,e):t.setAttribute("class",r(t.className&&t.className.baseVal||"",e))}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function o(t,e){var n={};for(var r in t)e.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r]);return n}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}e.__esModule=!0;var u=n(0),l=r(u),c=n(1),p=r(c),f=n(3),d=n(5),h=r(d),E=(l.default.bool.isRequired,function(t){function e(){var n,r,o;i(this,e);for(var s=arguments.length,u=Array(s),l=0;l<s;l++)u[l]=arguments[l];return n=r=a(this,t.call.apply(t,[this].concat(u))),y.call(r),o=n,a(r,o)}return s(e,t),e.prototype.handleLifecycle=function(t,e,n){var r,o=this.props.children,i=p.default.Children.toArray(o)[e];i.props[t]&&(r=i.props)[t].apply(r,n),this.props[t]&&this.props[t]((0,f.findDOMNode)(this))},e.prototype.render=function(){var t=this.props,e=t.children,n=t.in,r=o(t,["children","in"]),i=p.default.Children.toArray(e),a=i[0],s=i[1];return delete r.onEnter,delete r.onEntering,delete r.onEntered,delete r.onExit,delete r.onExiting,delete r.onExited,p.default.createElement(h.default,r,n?p.default.cloneElement(a,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):p.default.cloneElement(s,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))},e}(p.default.Component)),y=function(){var t=this;this.handleEnter=function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEnter",0,n)},this.handleEntering=function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntering",0,n)},this.handleEntered=function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onEntered",0,n)},this.handleExit=function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExit",1,n)},this.handleExiting=function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExiting",1,n)},this.handleExited=function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.handleLifecycle("onExited",1,n)}};E.propTypes={},e.default=E,t.exports=e.default},function(t,e,n){"use strict";function r(t,e){var n=function(t){return e&&(0,i.isValidElement)(t)?e(t):t},r=Object.create(null);return t&&i.Children.map(t,function(t){return t}).forEach(function(t){r[t.key]=n(t)}),r}function o(t,e){function n(n){return n in e?e[n]:t[n]}t=t||{},e=e||{};var r=Object.create(null),o=[];for(var i in t)i in e?o.length&&(r[i]=o,o=[]):o.push(i);var a=void 0,s={};for(var u in e){if(r[u])for(a=0;a<r[u].length;a++){var l=r[u][a];s[r[u][a]]=n(l)}s[u]=n(u)}for(a=0;a<o.length;a++)s[o[a]]=n(o[a]);return s}e.__esModule=!0,e.getChildMapping=r,e.mergeChildMappings=o;var i=n(1)}])}); | ||
| !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define(["react","react-dom"],t):"object"==typeof exports?exports.ReactTransitionGroup=t(require("react"),require("react-dom")):e.ReactTransitionGroup=t(e.React,e.ReactDOM)}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=7)}([function(e,t,n){"use strict";"function"==typeof Symbol&&Symbol.iterator;e.exports=n(9)()},function(t,n){t.exports=e},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function l(){}t.__esModule=!0,t.EXITING=t.ENTERED=t.ENTERING=t.EXITED=t.UNMOUNTED=void 0;var u=n(0),p=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(u),c=n(1),f=o(c),d=n(3),h=o(d),E=n(4),y=(n(5),t.UNMOUNTED="unmounted"),m=t.EXITED="exited",v=t.ENTERING="entering",x=t.ENTERED="entered",g=t.EXITING="exiting",b=function(e){function t(n,o){i(this,t);var r=a(this,e.call(this,n,o)),s=o.transitionGroup,l=s&&!s.isMounting?n.enter:n.appear,u=void 0;return r.appearStatus=null,n.in?l?(u=m,r.appearStatus=v):u=x:u=n.unmountOnExit||n.mountOnEnter?y:m,r.state={status:u},r.nextCallback=null,r}return s(t,e),t.prototype.getChildContext=function(){return{transitionGroup:null}},t.getDerivedStateFromProps=function(e,t){return e.in&&t.status===y?{status:m}:null},t.prototype.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},t.prototype.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==v&&n!==x&&(t=v):n!==v&&n!==x||(t=g)}this.updateStatus(!1,t)},t.prototype.componentWillUnmount=function(){this.cancelNextCallback()},t.prototype.getTimeouts=function(){var e=this.props.timeout,t=void 0,n=void 0,o=void 0;return t=n=o=e,null!=e&&"number"!=typeof e&&(t=e.exit,n=e.enter,o=e.appear),{exit:t,enter:n,appear:o}},t.prototype.updateStatus=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments[1];if(null!==t){this.cancelNextCallback();var n=h.default.findDOMNode(this);t===v?this.performEnter(n,e):this.performExit(n)}else this.props.unmountOnExit&&this.state.status===m&&this.setState({status:y})},t.prototype.performEnter=function(e,t){var n=this,o=this.props.enter,r=this.context.transitionGroup?this.context.transitionGroup.isMounting:t,i=this.getTimeouts();if(!t&&!o)return void this.safeSetState({status:x},function(){n.props.onEntered(e)});this.props.onEnter(e,r),this.safeSetState({status:v},function(){n.props.onEntering(e,r),n.onTransitionEnd(e,i.enter,function(){n.safeSetState({status:x},function(){n.props.onEntered(e,r)})})})},t.prototype.performExit=function(e){var t=this,n=this.props.exit,o=this.getTimeouts();if(!n)return void this.safeSetState({status:m},function(){t.props.onExited(e)});this.props.onExit(e),this.safeSetState({status:g},function(){t.props.onExiting(e),t.onTransitionEnd(e,o.exit,function(){t.safeSetState({status:m},function(){t.props.onExited(e)})})})},t.prototype.cancelNextCallback=function(){null!==this.nextCallback&&(this.nextCallback.cancel(),this.nextCallback=null)},t.prototype.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},t.prototype.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(o){n&&(n=!1,t.nextCallback=null,e(o))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},t.prototype.onTransitionEnd=function(e,t,n){this.setNextCallback(n),e?(this.props.addEndListener&&this.props.addEndListener(e,this.nextCallback),null!=t&&setTimeout(this.nextCallback,t)):setTimeout(this.nextCallback,0)},t.prototype.render=function(){var e=this.state.status;if(e===y)return null;var t=this.props,n=t.children,o=r(t,["children"]);if(delete o.in,delete o.mountOnEnter,delete o.unmountOnExit,delete o.appear,delete o.enter,delete o.exit,delete o.timeout,delete o.addEndListener,delete o.onEnter,delete o.onEntering,delete o.onEntered,delete o.onExit,delete o.onExiting,delete o.onExited,"function"==typeof n)return n(e,o);var i=f.default.Children.only(n);return f.default.cloneElement(i,o)},t}(f.default.Component);b.contextTypes={transitionGroup:p.object},b.childContextTypes={transitionGroup:function(){}},b.propTypes={},b.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:l,onEntering:l,onEntered:l,onExit:l,onExiting:l,onExited:l},b.UNMOUNTED=0,b.EXITED=1,b.ENTERING=2,b.ENTERED=3,b.EXITING=4,t.default=(0,E.polyfill)(b)},function(e,n){e.exports=t},function(e,t,n){"use strict";function o(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!==e&&void 0!==e&&this.setState(e)}function r(e){function t(t){var n=this.constructor.getDerivedStateFromProps(e,t);return null!==n&&void 0!==n?n:null}this.setState(t.bind(this))}function i(e,t){try{var n=this.props,o=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(n,o)}finally{this.props=n,this.state=o}}function a(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!=typeof e.getDerivedStateFromProps&&"function"!=typeof t.getSnapshotBeforeUpdate)return e;var n=null,a=null,s=null;if("function"==typeof t.componentWillMount?n="componentWillMount":"function"==typeof t.UNSAFE_componentWillMount&&(n="UNSAFE_componentWillMount"),"function"==typeof t.componentWillReceiveProps?a="componentWillReceiveProps":"function"==typeof t.UNSAFE_componentWillReceiveProps&&(a="UNSAFE_componentWillReceiveProps"),"function"==typeof t.componentWillUpdate?s="componentWillUpdate":"function"==typeof t.UNSAFE_componentWillUpdate&&(s="UNSAFE_componentWillUpdate"),null!==n||null!==a||null!==s){var l=e.displayName||e.name,u="function"==typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+l+" uses "+u+" but also contains the following legacy lifecycles:"+(null!==n?"\n "+n:"")+(null!==a?"\n "+a:"")+(null!==s?"\n "+s:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"==typeof e.getDerivedStateFromProps&&(t.componentWillMount=o,t.componentWillReceiveProps=r),"function"==typeof t.getSnapshotBeforeUpdate){if("function"!=typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=i;var p=t.componentDidUpdate;t.componentDidUpdate=function(e,t,n){var o=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:n;p.call(this,e,t,o)}}return e}t.__esModule=!0,o.__suppressDeprecationWarning=!0,r.__suppressDeprecationWarning=!0,i.__suppressDeprecationWarning=!0,t.polyfill=a},function(e,t,n){"use strict";function o(e){var t="transition"+e+"Timeout",n="transition"+e;return function(e){if(e[n]){if(null==e[t])return new Error(t+" wasn't supplied to CSSTransitionGroup: this can cause unreliable animations and won't be supported in a future version of React. See https://fb.me/react-animation-transition-group-timeout for more information.");if("number"!=typeof e[t])return new Error(t+" must be a number (in milliseconds)")}return null}}t.__esModule=!0,t.classNamesShape=t.timeoutsShape=void 0,t.transitionTimeout=o;var r=n(0),i=function(e){return e&&e.__esModule?e:{default:e}}(r);t.timeoutsShape=i.default.oneOfType([i.default.number,i.default.shape({enter:i.default.number,exit:i.default.number}).isRequired]),t.classNamesShape=i.default.oneOfType([i.default.string,i.default.shape({enter:i.default.string,exit:i.default.string,active:i.default.string}),i.default.shape({enter:i.default.string,enterDone:i.default.string,enterActive:i.default.string,exit:i.default.string,exitDone:i.default.string,exitActive:i.default.string})])},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u=n(0),p=o(u),c=n(1),f=o(c),d=n(4),h=n(15),E=Object.values||function(e){return Object.keys(e).map(function(t){return e[t]})},y=(p.default.any,p.default.node,p.default.bool,p.default.bool,p.default.bool,p.default.func,{component:"div",childFactory:function(e){return e}}),m=function(e){function t(n,o){i(this,t);var r=a(this,e.call(this,n,o)),s=r.handleExited.bind(r);return r.state={handleExited:s,firstRender:!0},r}return s(t,e),t.prototype.getChildContext=function(){return{transitionGroup:{isMounting:!this.appeared}}},t.prototype.componentDidMount=function(){this.appeared=!0},t.getDerivedStateFromProps=function(e,t){var n=t.children,o=t.handleExited;return{children:t.firstRender?(0,h.getInitialChildMapping)(e,o):(0,h.getNextChildMapping)(e,n,o),firstRender:!1}},t.prototype.handleExited=function(e,t){var n=(0,h.getChildMapping)(this.props.children);e.key in n||(e.props.onExited&&e.props.onExited(t),this.setState(function(t){var n=l({},t.children);return delete n[e.key],{children:n}}))},t.prototype.render=function(){var e=this.props,t=e.component,n=e.childFactory,o=r(e,["component","childFactory"]),i=E(this.state.children).map(n);return delete o.appear,delete o.enter,delete o.exit,null===t?i:f.default.createElement(t,o,i)},t}(f.default.Component);m.childContextTypes={transitionGroup:p.default.object.isRequired},m.propTypes={},m.defaultProps=y,t.default=(0,d.polyfill)(m),e.exports=t.default},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var r=n(8),i=o(r),a=n(14),s=o(a),l=n(6),u=o(l),p=n(2),c=o(p);e.exports={Transition:c.default,TransitionGroup:u.default,ReplaceTransition:s.default,CSSTransition:i.default}},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},l=n(0),u=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(l),p=n(11),c=o(p),f=n(13),d=o(f),h=n(1),E=o(h),y=n(2),m=o(y),v=n(5),x=function(e,t){return e&&t&&t.split(" ").forEach(function(t){return(0,c.default)(e,t)})},g=function(e,t){return e&&t&&t.split(" ").forEach(function(t){return(0,d.default)(e,t)})},b=(s({},m.default.propTypes,{classNames:v.classNamesShape,onEnter:u.func,onEntering:u.func,onEntered:u.func,onExit:u.func,onExiting:u.func,onExited:u.func}),function(e){function t(){var n,o,a;r(this,t);for(var s=arguments.length,l=Array(s),u=0;u<s;u++)l[u]=arguments[u];return n=o=i(this,e.call.apply(e,[this].concat(l))),o.onEnter=function(e,t){var n=o.getClassNames(t?"appear":"enter"),r=n.className;o.removeClasses(e,"exit"),x(e,r),o.props.onEnter&&o.props.onEnter(e)},o.onEntering=function(e,t){var n=o.getClassNames(t?"appear":"enter"),r=n.activeClassName;o.reflowAndAddClass(e,r),o.props.onEntering&&o.props.onEntering(e)},o.onEntered=function(e,t){var n=o.getClassNames("enter"),r=n.doneClassName;o.removeClasses(e,t?"appear":"enter"),x(e,r),o.props.onEntered&&o.props.onEntered(e)},o.onExit=function(e){var t=o.getClassNames("exit"),n=t.className;o.removeClasses(e,"appear"),o.removeClasses(e,"enter"),x(e,n),o.props.onExit&&o.props.onExit(e)},o.onExiting=function(e){var t=o.getClassNames("exit"),n=t.activeClassName;o.reflowAndAddClass(e,n),o.props.onExiting&&o.props.onExiting(e)},o.onExited=function(e){var t=o.getClassNames("exit"),n=t.doneClassName;o.removeClasses(e,"exit"),x(e,n),o.props.onExited&&o.props.onExited(e)},o.getClassNames=function(e){var t=o.props.classNames,n="string"!=typeof t?t[e]:t+"-"+e;return{className:n,activeClassName:"string"!=typeof t?t[e+"Active"]:n+"-active",doneClassName:"string"!=typeof t?t[e+"Done"]:n+"-done"}},a=n,i(o,a)}return a(t,e),t.prototype.removeClasses=function(e,t){var n=this.getClassNames(t),o=n.className,r=n.activeClassName,i=n.doneClassName;o&&g(e,o),r&&g(e,r),i&&g(e,i)},t.prototype.reflowAndAddClass=function(e,t){t&&(e&&e.scrollTop,x(e,t))},t.prototype.render=function(){var e=s({},this.props);return delete e.classNames,E.default.createElement(m.default,s({},e,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(E.default.Component));b.propTypes={},t.default=b,e.exports=t.default},function(e,t,n){"use strict";function o(){}var r=n(10);e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=o,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";function o(e,t){e.classList?e.classList.add(t):(0,i.default)(e,t)||("string"==typeof e.className?e.className=e.className+" "+t:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+t))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var r=n(12),i=function(e){return e&&e.__esModule?e:{default:e}}(r);e.exports=t.default},function(e,t,n){"use strict";function o(e,t){return e.classList?!!t&&e.classList.contains(t):-1!==(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o,e.exports=t.default},function(e,t,n){"use strict";function o(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}e.exports=function(e,t){e.classList?e.classList.remove(t):"string"==typeof e.className?e.className=o(e.className,t):e.setAttribute("class",o(e.className&&e.className.baseVal||"",t))}},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}t.__esModule=!0;var l=n(0),u=o(l),p=n(1),c=o(p),f=n(3),d=n(6),h=o(d),E=(u.default.bool.isRequired,function(e){function t(){var n,o,r;i(this,t);for(var s=arguments.length,l=Array(s),u=0;u<s;u++)l[u]=arguments[u];return n=o=a(this,e.call.apply(e,[this].concat(l))),y.call(o),r=n,a(o,r)}return s(t,e),t.prototype.handleLifecycle=function(e,t,n){var o,r=this.props.children,i=c.default.Children.toArray(r)[t];i.props[e]&&(o=i.props)[e].apply(o,n),this.props[e]&&this.props[e]((0,f.findDOMNode)(this))},t.prototype.render=function(){var e=this.props,t=e.children,n=e.in,o=r(e,["children","in"]),i=c.default.Children.toArray(t),a=i[0],s=i[1];return delete o.onEnter,delete o.onEntering,delete o.onEntered,delete o.onExit,delete o.onExiting,delete o.onExited,c.default.createElement(h.default,o,n?c.default.cloneElement(a,{key:"first",onEnter:this.handleEnter,onEntering:this.handleEntering,onEntered:this.handleEntered}):c.default.cloneElement(s,{key:"second",onEnter:this.handleExit,onEntering:this.handleExiting,onEntered:this.handleExited}))},t}(c.default.Component)),y=function(){var e=this;this.handleEnter=function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.handleLifecycle("onEnter",0,n)},this.handleEntering=function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.handleLifecycle("onEntering",0,n)},this.handleEntered=function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.handleLifecycle("onEntered",0,n)},this.handleExit=function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.handleLifecycle("onExit",1,n)},this.handleExiting=function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.handleLifecycle("onExiting",1,n)},this.handleExited=function(){for(var t=arguments.length,n=Array(t),o=0;o<t;o++)n[o]=arguments[o];return e.handleLifecycle("onExited",1,n)}};E.propTypes={},t.default=E,e.exports=t.default},function(e,t,n){"use strict";function o(e,t){var n=function(e){return t&&(0,l.isValidElement)(e)?t(e):e},o=Object.create(null);return e&&l.Children.map(e,function(e){return e}).forEach(function(e){o[e.key]=n(e)}),o}function r(e,t){function n(n){return n in t?t[n]:e[n]}e=e||{},t=t||{};var o=Object.create(null),r=[];for(var i in e)i in t?r.length&&(o[i]=r,r=[]):r.push(i);var a=void 0,s={};for(var l in t){if(o[l])for(a=0;a<o[l].length;a++){var u=o[l][a];s[o[l][a]]=n(u)}s[l]=n(l)}for(a=0;a<r.length;a++)s[r[a]]=n(r[a]);return s}function i(e,t,n){return null!=n[t]?n[t]:e.props[t]}function a(e,t){return o(e.children,function(n){return(0,l.cloneElement)(n,{onExited:t.bind(null,n),in:!0,appear:i(n,"appear",e),enter:i(n,"enter",e),exit:i(n,"exit",e)})})}function s(e,t,n){var a=o(e.children),s=r(t,a);return Object.keys(s).forEach(function(o){var r=s[o];if((0,l.isValidElement)(r)){var u=o in t,p=o in a,c=t[o],f=(0,l.isValidElement)(c)&&!c.props.in;!p||u&&!f?p||!u||f?p&&u&&(0,l.isValidElement)(c)&&(s[o]=(0,l.cloneElement)(r,{onExited:n.bind(null,r),in:c.props.in,exit:i(r,"exit",e),enter:i(r,"enter",e)})):s[o]=(0,l.cloneElement)(r,{in:!1}):s[o]=(0,l.cloneElement)(r,{onExited:n.bind(null,r),in:!0,exit:i(r,"exit",e),enter:i(r,"enter",e)})}}),s}t.__esModule=!0,t.getChildMapping=o,t.mergeChildMappings=r,t.getInitialChildMapping=a,t.getNextChildMapping=s;var l=n(1)}])}); |
| { | ||
| "name": "react-transition-group", | ||
| "version": "2.3.1", | ||
| "version": "2.4.0", | ||
| "description": "A react component toolset for managing animations", | ||
@@ -41,3 +41,4 @@ "main": "index.js", | ||
| "loose-envify": "^1.3.1", | ||
| "prop-types": "^15.6.1" | ||
| "prop-types": "^15.6.2", | ||
| "react-lifecycles-compat": "^3.0.4" | ||
| }, | ||
@@ -44,0 +45,0 @@ "browserify": { |
@@ -18,2 +18,4 @@ 'use strict'; | ||
| var _reactLifecyclesCompat = require('react-lifecycles-compat'); | ||
| var _PropTypes = require('./utils/PropTypes'); | ||
@@ -153,8 +155,9 @@ | ||
| var initialStatus = void 0; | ||
| _this.nextStatus = null; | ||
| _this.appearStatus = null; | ||
| if (props.in) { | ||
| if (appear) { | ||
| initialStatus = EXITED; | ||
| _this.nextStatus = ENTERING; | ||
| _this.appearStatus = ENTERING; | ||
| } else { | ||
@@ -178,31 +181,58 @@ initialStatus = ENTERED; | ||
| Transition.prototype.getChildContext = function getChildContext() { | ||
| return { transitionGroup: null }; // allows for nested Transitions | ||
| return { transitionGroup: null // allows for nested Transitions | ||
| }; | ||
| }; | ||
| Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) { | ||
| var nextIn = _ref.in; | ||
| if (nextIn && prevState.status === UNMOUNTED) { | ||
| return { status: EXITED }; | ||
| } | ||
| return null; | ||
| }; | ||
| // getSnapshotBeforeUpdate(prevProps) { | ||
| // let nextStatus = null | ||
| // if (prevProps !== this.props) { | ||
| // const { status } = this.state | ||
| // if (this.props.in) { | ||
| // if (status !== ENTERING && status !== ENTERED) { | ||
| // nextStatus = ENTERING | ||
| // } | ||
| // } else { | ||
| // if (status === ENTERING || status === ENTERED) { | ||
| // nextStatus = EXITING | ||
| // } | ||
| // } | ||
| // } | ||
| // return { nextStatus } | ||
| // } | ||
| Transition.prototype.componentDidMount = function componentDidMount() { | ||
| this.updateStatus(true); | ||
| this.updateStatus(true, this.appearStatus); | ||
| }; | ||
| Transition.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
| var _ref = this.pendingState || this.state, | ||
| status = _ref.status; | ||
| Transition.prototype.componentDidUpdate = function componentDidUpdate(prevProps) { | ||
| var nextStatus = null; | ||
| if (prevProps !== this.props) { | ||
| var status = this.state.status; | ||
| if (nextProps.in) { | ||
| if (status === UNMOUNTED) { | ||
| this.setState({ status: EXITED }); | ||
| if (this.props.in) { | ||
| if (status !== ENTERING && status !== ENTERED) { | ||
| nextStatus = ENTERING; | ||
| } | ||
| } else { | ||
| if (status === ENTERING || status === ENTERED) { | ||
| nextStatus = EXITING; | ||
| } | ||
| } | ||
| if (status !== ENTERING && status !== ENTERED) { | ||
| this.nextStatus = ENTERING; | ||
| } | ||
| } else { | ||
| if (status === ENTERING || status === ENTERED) { | ||
| this.nextStatus = EXITING; | ||
| } | ||
| } | ||
| this.updateStatus(false, nextStatus); | ||
| }; | ||
| Transition.prototype.componentDidUpdate = function componentDidUpdate() { | ||
| this.updateStatus(); | ||
| }; | ||
| Transition.prototype.componentWillUnmount = function componentWillUnmount() { | ||
@@ -231,7 +261,5 @@ this.cancelNextCallback(); | ||
| var mounting = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; | ||
| var nextStatus = arguments[1]; | ||
| var nextStatus = this.nextStatus; | ||
| if (nextStatus !== null) { | ||
| this.nextStatus = null; | ||
| // nextStatus will always be ENTERING or EXITING. | ||
@@ -318,9 +346,2 @@ this.cancelNextCallback(); | ||
| Transition.prototype.safeSetState = function safeSetState(nextState, callback) { | ||
| var _this4 = this; | ||
| // We need to track pending updates for instances where a cWRP fires quickly | ||
| // after cDM and before the state flushes, which would double trigger a | ||
| // transition | ||
| this.pendingState = nextState; | ||
| // This shouldn't be necessary, but there are weird race conditions with | ||
@@ -330,10 +351,7 @@ // setState callbacks and unmounting in testing, so always make sure that | ||
| callback = this.setNextCallback(callback); | ||
| this.setState(nextState, function () { | ||
| _this4.pendingState = null; | ||
| callback(); | ||
| }); | ||
| this.setState(nextState, callback); | ||
| }; | ||
| Transition.prototype.setNextCallback = function setNextCallback(callback) { | ||
| var _this5 = this; | ||
| var _this4 = this; | ||
@@ -345,3 +363,3 @@ var active = true; | ||
| active = false; | ||
| _this5.nextCallback = null; | ||
| _this4.nextCallback = null; | ||
@@ -559,6 +577,5 @@ callback(event); | ||
| onExited: PropTypes.func | ||
| } : {}; | ||
| // Name the function so it is clearer in the documentation | ||
| function noop() {} | ||
| // Name the function so it is clearer in the documentation | ||
| } : {};function noop() {} | ||
@@ -588,2 +605,2 @@ Transition.defaultProps = { | ||
| exports.default = Transition; | ||
| exports.default = (0, _reactLifecyclesCompat.polyfill)(Transition); |
@@ -15,2 +15,4 @@ 'use strict'; | ||
| var _reactLifecyclesCompat = require('react-lifecycles-compat'); | ||
| var _ChildMapping = require('./utils/ChildMapping'); | ||
@@ -64,6 +66,6 @@ | ||
| /** | ||
| * A convenience prop that enables or disables exit animations | ||
| * for all children. Note that specifying this will override any defaults set | ||
| * on individual children Transitions. | ||
| */ | ||
| * A convenience prop that enables or disables exit animations | ||
| * for all children. Note that specifying this will override any defaults set | ||
| * on individual children Transitions. | ||
| */ | ||
| exit: _propTypes2.default.bool, | ||
@@ -89,25 +91,24 @@ | ||
| } | ||
| /** | ||
| * The `<TransitionGroup>` component manages a set of `<Transition>` components | ||
| * in a list. Like with the `<Transition>` component, `<TransitionGroup>`, is a | ||
| * state machine for managing the mounting and unmounting of components over | ||
| * time. | ||
| * | ||
| * Consider the example below using the `Fade` CSS transition from before. | ||
| * As items are removed or added to the TodoList the `in` prop is toggled | ||
| * automatically by the `<TransitionGroup>`. You can use _any_ `<Transition>` | ||
| * component in a `<TransitionGroup>`, not just css. | ||
| * | ||
| * ## Example | ||
| * | ||
| * <iframe src="https://codesandbox.io/embed/00rqyo26kn?fontsize=14" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe> | ||
| * | ||
| * Note that `<TransitionGroup>` does not define any animation behavior! | ||
| * Exactly _how_ a list item animates is up to the individual `<Transition>` | ||
| * components. This means you can mix and match animations across different | ||
| * list items. | ||
| */ | ||
| }; | ||
| /** | ||
| * The `<TransitionGroup>` component manages a set of `<Transition>` components | ||
| * in a list. Like with the `<Transition>` component, `<TransitionGroup>`, is a | ||
| * state machine for managing the mounting and unmounting of components over | ||
| * time. | ||
| * | ||
| * Consider the example below using the `Fade` CSS transition from before. | ||
| * As items are removed or added to the TodoList the `in` prop is toggled | ||
| * automatically by the `<TransitionGroup>`. You can use _any_ `<Transition>` | ||
| * component in a `<TransitionGroup>`, not just css. | ||
| * | ||
| * ## Example | ||
| * | ||
| * <iframe src="https://codesandbox.io/embed/00rqyo26kn?fontsize=14" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe> | ||
| * | ||
| * Note that `<TransitionGroup>` does not define any animation behavior! | ||
| * Exactly _how_ a list item animates is up to the individual `<Transition>` | ||
| * components. This means you can mix and match animations across different | ||
| * list items. | ||
| */ | ||
| var TransitionGroup = function (_React$Component) { | ||
@@ -119,15 +120,10 @@ _inherits(TransitionGroup, _React$Component); | ||
| // Initial children should all be entering, dependent on appear | ||
| var _this = _possibleConstructorReturn(this, _React$Component.call(this, props, context)); | ||
| var handleExited = _this.handleExited.bind(_this); | ||
| // Initial children should all be entering, dependent on appear | ||
| _this.state = { | ||
| children: (0, _ChildMapping.getChildMapping)(props.children, function (child) { | ||
| return (0, _react.cloneElement)(child, { | ||
| onExited: _this.handleExited.bind(_this, child), | ||
| in: true, | ||
| appear: _this.getProp(child, 'appear'), | ||
| enter: _this.getProp(child, 'enter'), | ||
| exit: _this.getProp(child, 'exit') | ||
| }); | ||
| }) | ||
| handleExited: handleExited, | ||
| firstRender: true | ||
| }; | ||
@@ -142,11 +138,3 @@ return _this; | ||
| }; | ||
| // use child config unless explictly set by the Group | ||
| TransitionGroup.prototype.getProp = function getProp(child, prop) { | ||
| var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props; | ||
| return props[prop] != null ? props[prop] : child.props[prop]; | ||
| }; | ||
| TransitionGroup.prototype.componentDidMount = function componentDidMount() { | ||
@@ -156,50 +144,11 @@ this.appeared = true; | ||
| TransitionGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
| var _this2 = this; | ||
| TransitionGroup.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) { | ||
| var prevChildMapping = _ref.children, | ||
| handleExited = _ref.handleExited, | ||
| firstRender = _ref.firstRender; | ||
| var prevChildMapping = this.state.children; | ||
| var nextChildMapping = (0, _ChildMapping.getChildMapping)(nextProps.children); | ||
| var children = (0, _ChildMapping.mergeChildMappings)(prevChildMapping, nextChildMapping); | ||
| Object.keys(children).forEach(function (key) { | ||
| var child = children[key]; | ||
| if (!(0, _react.isValidElement)(child)) return; | ||
| var hasPrev = key in prevChildMapping; | ||
| var hasNext = key in nextChildMapping; | ||
| var prevChild = prevChildMapping[key]; | ||
| var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; | ||
| // item is new (entering) | ||
| if (hasNext && (!hasPrev || isLeaving)) { | ||
| // console.log('entering', key) | ||
| children[key] = (0, _react.cloneElement)(child, { | ||
| onExited: _this2.handleExited.bind(_this2, child), | ||
| in: true, | ||
| exit: _this2.getProp(child, 'exit', nextProps), | ||
| enter: _this2.getProp(child, 'enter', nextProps) | ||
| }); | ||
| } | ||
| // item is old (exiting) | ||
| else if (!hasNext && hasPrev && !isLeaving) { | ||
| // console.log('leaving', key) | ||
| children[key] = (0, _react.cloneElement)(child, { in: false }); | ||
| } | ||
| // item hasn't changed transition states | ||
| // copy over the last transition props; | ||
| else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) { | ||
| // console.log('unchanged', key) | ||
| children[key] = (0, _react.cloneElement)(child, { | ||
| onExited: _this2.handleExited.bind(_this2, child), | ||
| in: prevChild.props.in, | ||
| exit: _this2.getProp(child, 'exit', nextProps), | ||
| enter: _this2.getProp(child, 'enter', nextProps) | ||
| }); | ||
| } | ||
| }); | ||
| this.setState({ children: children }); | ||
| return { | ||
| children: firstRender ? (0, _ChildMapping.getInitialChildMapping)(nextProps, handleExited) : (0, _ChildMapping.getNextChildMapping)(nextProps, prevChildMapping, handleExited), | ||
| firstRender: false | ||
| }; | ||
| }; | ||
@@ -257,3 +206,3 @@ | ||
| exports.default = TransitionGroup; | ||
| exports.default = (0, _reactLifecyclesCompat.polyfill)(TransitionGroup); | ||
| module.exports = exports['default']; |
@@ -6,2 +6,4 @@ 'use strict'; | ||
| exports.mergeChildMappings = mergeChildMappings; | ||
| exports.getInitialChildMapping = getInitialChildMapping; | ||
| exports.getNextChildMapping = getNextChildMapping; | ||
@@ -90,2 +92,62 @@ var _react = require('react'); | ||
| return childMapping; | ||
| } | ||
| function getProp(child, prop, props) { | ||
| return props[prop] != null ? props[prop] : child.props[prop]; | ||
| } | ||
| function getInitialChildMapping(props, onExited) { | ||
| return getChildMapping(props.children, function (child) { | ||
| return (0, _react.cloneElement)(child, { | ||
| onExited: onExited.bind(null, child), | ||
| in: true, | ||
| appear: getProp(child, 'appear', props), | ||
| enter: getProp(child, 'enter', props), | ||
| exit: getProp(child, 'exit', props) | ||
| }); | ||
| }); | ||
| } | ||
| function getNextChildMapping(nextProps, prevChildMapping, onExited) { | ||
| var nextChildMapping = getChildMapping(nextProps.children); | ||
| var children = mergeChildMappings(prevChildMapping, nextChildMapping); | ||
| Object.keys(children).forEach(function (key) { | ||
| var child = children[key]; | ||
| if (!(0, _react.isValidElement)(child)) return; | ||
| var hasPrev = key in prevChildMapping; | ||
| var hasNext = key in nextChildMapping; | ||
| var prevChild = prevChildMapping[key]; | ||
| var isLeaving = (0, _react.isValidElement)(prevChild) && !prevChild.props.in; | ||
| // item is new (entering) | ||
| if (hasNext && (!hasPrev || isLeaving)) { | ||
| // console.log('entering', key) | ||
| children[key] = (0, _react.cloneElement)(child, { | ||
| onExited: onExited.bind(null, child), | ||
| in: true, | ||
| exit: getProp(child, 'exit', nextProps), | ||
| enter: getProp(child, 'enter', nextProps) | ||
| }); | ||
| } else if (!hasNext && hasPrev && !isLeaving) { | ||
| // item is old (exiting) | ||
| // console.log('leaving', key) | ||
| children[key] = (0, _react.cloneElement)(child, { in: false }); | ||
| } else if (hasNext && hasPrev && (0, _react.isValidElement)(prevChild)) { | ||
| // item hasn't changed transition states | ||
| // copy over the last transition props; | ||
| // console.log('unchanged', key) | ||
| children[key] = (0, _react.cloneElement)(child, { | ||
| onExited: onExited.bind(null, child), | ||
| in: prevChild.props.in, | ||
| exit: getProp(child, 'exit', nextProps), | ||
| enter: getProp(child, 'enter', nextProps) | ||
| }); | ||
| } | ||
| }); | ||
| return children; | ||
| } |
Sorry, the diff of this file is too big to display
No alert changes
Improved metrics
- Total package byte prevSize
- increased by3.44%
180093
- Lines of code
- increased by2.38%
3620
- Number of low supply chain risk alerts
- decreased by-37.04%
17
Worsened metrics
- Dependency count
- increased by20%
6
Dependency changes
+ Addedreact-lifecycles-compat@3.0.4(transitive)
Updatedprop-types@^15.6.2