react-jsf/src/jsf/components/HOutputText.js

JSF Compliant React Components

import React from 'react';
import PropTypes from 'prop-types';
import Output from '../superclass/Output';

export default class HOutputText extends Output {
  static propTypes = {
    id: PropTypes.string,
    styleClass: PropTypes.string,
    style: PropTypes.object,
    value: PropTypes.oneOfType(
        [PropTypes.string, PropTypes.object, PropTypes.number]),
    type: PropTypes.string,
    // should implement converter!
    converter: PropTypes.func,
    rendered: PropTypes.bool,
  };

  render() {
    if (this.props.rendered !== false) {
      return (<span className={this.props.styleClass} style={this.props.style}
                    id={this.state.id}>
      {this.props.hasOwnProperty('value') && this.props.value !== undefined ?
          this.value :
          this.props.children}
    </span>);
    }
    return null;
  }
}

HOutputText.contextTypes = {
  getFormId: PropTypes.func,
  registerAtAll: PropTypes.func,
  registerAtForm: PropTypes.func,
};