jumpsuit-react-form.js

import { State } from 'jumpsuit'
import _ from 'lodash'
import {FormDefaultProps} from 'react-form'

const formState = State('react-form', {
  initial: {},
  set (state, form) {
    return {
      ...state,
      [form.id]: form
    }
  },
  clear (state, id) {
    return {
      ...state,
      [id]: undefined
    }
  }
})

export default formState

_.assign(FormDefaultProps, {
  saveState: (state, props) => {
    if (props.id) {
      formState.set({
        id: props.id,
        state
      })
    }
  },
  loadState: (props) => {
    if (!props.id) {
      return
    }
    const state = formState.getState()
    if (state[props.id]) {
      return state[props.id].state
    }
  },
  clearState: (props) => {
    if (!props.id) {
      return
    }
    formState.clear(props.id)
  }
})