redux form

gistfile1.txt

import React, { Component } from 'react';
import { connect } from 'react-redux'
import { resetForm } from './actions';

const getDisplayName = WrappedComponent => {
  return WrappedComponent.displayName || WrappedComponent.name;
}

const ReduxForm = (WrappedComponent, props) => {
  const displayName = getDisplayName(WrappedComponent);

  class Wrapper extends WrappedComponent {
    componentWillUnmount () {
      this.props.resetForm();
    }

    getChildContext () {
      return {
        name: displayName,
        fields: props.fields
      }
    }
  }

  Wrapper.childContextTypes = {
    name: React.PropTypes.string,
    fields: React.PropTypes.array
  };

  return connect(
    wrappedMapStateToProps(displayName),
    wrappedMapDispatchToProps(displayName)
  )(Wrapper);
}

const wrappedMapStateToProps = displayName => {
  return (state) => {
    const forms = state.get('formReducer').forms;
    return forms && forms[displayName] || {};
  }
}

const wrappedMapDispatchToProps = displayName => {
  return (dispatch) => ({
    resetForm: () => dispatch(resetForm(displayName))
  })
}

export default ReduxForm;