apeman-react-form/lib/ap_form.jsx

/**
 * Form component
 * @class ApForm
 */

'use strict'

import React, {PropTypes as types} from 'react'
import ReactDOM from 'react-dom'
import classnames from 'classnames'
import {withSpin} from 'apeman-react-spinner'
import {clone} from 'asobj'

/** @lends ApForm */
const ApForm = React.createClass({

  // --------------------
  // Specs
  // --------------------

  mixins: [],

  statics: {},

  propTypes: {
    centered: types.bool
  },

  getInitialState () {
    return {}
  },

  getDefaultProps () {
    return {
      centered: false
    }
  },

  render () {
    const s = this
    let { props } = s
    let { spinner } = props
    let formProps = clone(props, {
      without: [
        'centered', 'spinning', 'spinnerTheme', 'spinner'
      ]
    })
    let className = classnames('ap-form', props.className, {
      'ap-form-centered': props.centered
    })
    return (
      <form { ...formProps }
            className={ className }>
        <input type='text'
               name='ap_form_dummy'
               disabled
               value={ undefined }
               placeholder='This is a dummy input to prevent submit on enter'
               className='ap-form-dummy-input'/>
        { spinner }
        { props.children }
      </form>
    )
  },

  // --------------------
  // Lifecycle
  // --------------------

  componentDidMount () {
    const s = this
    let { props } = s
  },

  componentWillReceiveProps (nextProps) {
    const s = this
  }

  // ------------------
  // Custom
  // ------------------

  // ------------------
  // Private
  // ------------------
})

export default ApForm // Dummy for doc
export default withSpin(ApForm)