apeman-react-spinner/lib/with_spin.jsx

/**
 * Higher order component with spinner
 * @function withSpin
 * @param {function} Component - A component constructor
 * @returns {function} - Wrapped component
 */
'use strict'

import {wrap} from 'breact'
import {clone} from 'asobj'
import ApSpinner from './ap_spinner'
import React, {PropTypes as types} from 'react'

/** @lends withSpin */
function withSpin (Component) {
  return wrap(Component, {
    propTypes: {
      /** Show loading spinner */
      spinning: types.bool,
      /** Theme of the spinner */
      spinnerTheme: types.string,
      /** Spinner instance */
      spinner: types.node
    },

    getDefaultProps () {
      return {
        spinning: false,
        spinnerTheme: ApSpinner.DEFAULT_THEME,
        spinner: null
      }
    },

    render () {
      const s = this
      let { props } = s
      let spinner = props.spinner || (
          <ApSpinner theme={ props.spinnerTheme }
                     className='ap-spinner-cover'
                     enabled={ props.spinning }/>
        )
      let componentProps = clone(props, {
        without: [ 'spinning', 'spinnerTheme', 'spinner' ]
      })
      return (
        <Component { ...componentProps }
                   spinner={ spinner }
        >
          { props.children }
        </Component>
      )
    }
  })
}

export default withSpin