react-forms/lib/Fieldset.js

Forms library for React

/**
 * @copyright Prometheus Research, LLC 2014
 */
'use strict';

var React         = require('react');
var PropTypes     = React.PropTypes;
var cx            = require('classnames');
var FormPropTypes = require('./PropTypes');
var Label         = require('./Label');
var Element       = require('./Element');

/**
 * A component which renders a set of fields.
 *
 * It is used by <Form /> component at top level to render its fields.
 */
var Fieldset = React.createClass({

  propTypes: {
    value: FormPropTypes.Value,
    label: PropTypes.string,
    noLabel: PropTypes.bool,
    hint: PropTypes.string
  },

  render() {
    var {value, className, label, noLabel, hint, ...props} = this.props;
    return (
      <div {...props} className={cx(className, 'rf-Fieldset')}>
        {!noLabel &&
          <Label
            className="rf-Fieldset__label"
            label={label || value.node.props.get('label')}
            hint={hint || value.node.props.get('hint')}
            />}
        {value.map((value, key) => <Element key={key} value={value} />)}
      </div>
    );
  }
});

module.exports = Fieldset;