react-reveal/src/Animation.js

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

/*
 * Animation Component For react-reveal
 *
 * Copyright © Roman Nosov 2017
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE.txt file in the root directory of this source tree.
 */

import React from 'react';
import { element, instanceOf, object } from 'prop-types';
import Stepper from './lib/Stepper';

const
  propTypes = {
    steps: instanceOf(Stepper).isRequired,
    children: element.isRequired,
  },
  defaultProps = {

  },
  childContextTypes = {
    stepper: object,
  };

class Animation extends React.Component {

  constructor(props) {
    super(props);
    this.stepper = props.steps;
  }

  getChildContext() {
    return { stepper: this.stepper };
  }

  static step(...args) {
    return new Stepper().step(...args);
  }

  render() {
    const { steps, children, ...props } = this.props;
    return React.cloneElement(React.Children.only(children), props);
  }

}

Animation.propTypes = propTypes;
Animation.defaultProps = defaultProps;
Animation.childContextTypes = childContextTypes;
export default Animation;