react-fade-opacity/dist/react-fade-opacity.min.js

React.js fade out/in opacity effect

!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("react"),require("prop-types"));else if("function"==typeof define&&define.amd)define(["react","prop-types"],t);else{var n="object"==typeof exports?t(require("react"),require("prop-types")):t(e.react,e["prop-types"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},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=0)}([function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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)}var u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),p=n(1),f=r(p),c=n(2),l=r(c),s=function(e){return new Promise(function(t){return setTimeout(t,e)})},y=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={opacity:n.props.in?0:1},n.fade=function(){var e=n.state.opacity,t=n.props,r=t.interval,o=t.onFadeComplete,i=setInterval(function(){e<=.1?(n.setState({opacity:0}),clearInterval(i),o&&o()):(e-=.1*e,n.setState({opacity:e}))},r)},n.unfade=function(){var e=n.state.opacity,t=n.props,r=t.interval,o=t.onFadeComplete,i=setInterval(function(){e>=1?(n.setState({opacity:1}),clearInterval(i),o&&o()):(0===e&&(e=.1),e+=.1*e,n.setState({opacity:e}))},r)},n}return a(t,e),u(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.delay;s(t).then(function(){e.props.in?e.unfade():e.fade()})}},{key:"render",value:function(){var e=this.state.opacity,t=this.props.children;return f.default.cloneElement(t,{style:{opacity:e}})}}]),t}(f.default.Component);y.propTypes={in:l.default.bool,interval:l.default.number,delay:l.default.number,chidlren:l.default.node,onFadeComplete:l.default.func},y.defaultProps={in:!1,interval:50,delay:6e3},e.exports=y},function(t,n){t.exports=e},function(e,n){e.exports=t}])});