initiatived21/d21

import { connect } from 'react-redux'
import concat from 'lodash/concat'
import compact from 'lodash/compact'
import isNil from 'lodash/isNil'
import { updateAction } from 'rform'
import NumberInputComponent from '../components/NumberInputComponent'

const mapStateToProps = function(state, ownProps) {
  const formId = ownProps.formId

  // get saved & server provided errors, concat them together
  let errors = null
  if (state.rform[formId] && state.rform[formId].errors) {
    errors = state.rform[formId].errors[ownProps.attribute] || []
  }
  errors = compact(concat(errors, ownProps.serverErrors))

  let value = ownProps.defaultValue
  const attrs = state.rform[ownProps.formId]
  if (
    attrs && ownProps.submodel && attrs[ownProps.submodel] &&
    !isNil(attrs[ownProps.submodel][ownProps.attribute])
  ) {
    value = Number(attrs[ownProps.submodel][ownProps.attribute])
  } else if (attrs && !isNil(attrs[ownProps.attribute])) {
    value = Number(attrs[ownProps.attribute])
  }

  return {
    errors,
    value,
  }
}

const mapDispatchToProps = function(dispatch, ownProps) {
  const { min, max } = ownProps

  return {
    onChange: function(formId, attribute, submodel, value) {
      dispatch(updateAction(formId, attribute, submodel, value))
    },
    onDecrease: function(formId, attribute, submodel, value) {
      let newValue = parseInt(value)
      if (newValue > min) {
        newValue--
      }
      dispatch(updateAction(formId, attribute, submodel, newValue))
    },
    onIncrease: function(formId, attribute, submodel, value) {
      let newValue = parseInt(value)
      if (newValue < max) {
        newValue++
      }
      dispatch(updateAction(formId, attribute, submodel, newValue))
    },
    onBlur: function(formId, attribute, submodel, value) {
      let newValue = parseInt(value)
      if (newValue > max) {
        newValue = max
      }
      if (newValue < min) {
        newValue = min
      }
      dispatch(updateAction(formId, attribute, submodel, newValue))
    }
  }
}

const connected = connect(
  mapStateToProps,
  mapDispatchToProps
)(NumberInputComponent)
connected.isInput = true

export default connected