react-reveal/Animation.js

Really simple way to add reveal on scroll animation to your React app.

"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _objectWithoutProperties(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _possibleConstructorReturn(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 _inherits(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)}Object.defineProperty(exports,"__esModule",{value:!0});var _createClass=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),_react=require("react"),_react2=_interopRequireDefault(_react),_propTypes=require("prop-types"),_Stepper=require("./Stepper"),_Stepper2=_interopRequireDefault(_Stepper),propTypes={steps:(0,_propTypes.instanceOf)(_Stepper2.default).isRequired,children:_propTypes.element.isRequired},defaultProps={},childContextTypes={stepper:_propTypes.object},Animation=function(e){function t(e){_classCallCheck(this,t);var r=_possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return r.stepper=e.steps,r}return _inherits(t,e),_createClass(t,[{key:"getChildContext",value:function(){return{stepper:this.stepper}}},{key:"render",value:function(){var e=this.props,t=(e.steps,e.children),r=_objectWithoutProperties(e,["steps","children"]);return _react2.default.cloneElement(_react2.default.Children.only(t),r)}}],[{key:"step",value:function(){var e;return(e=new _Stepper2.default).step.apply(e,arguments)}}]),t}(_react2.default.Component);Animation.propTypes=propTypes,Animation.defaultProps=defaultProps,Animation.childContextTypes=childContextTypes,exports.default=Animation,module.exports=exports.default;