react-form-tools/dist/components/validation-error.js

Form components with validation for React + Baobab

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _reactAddonsPureRenderMixin = require('react-addons-pure-render-mixin');

var _reactAddonsPureRenderMixin2 = _interopRequireDefault(_reactAddonsPureRenderMixin);

var _mixins = require('../mixins');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

exports.default = _react2.default.createClass({
    displayName: 'ValidationError',

    mixins: [_mixins.FormComponentMixin, _reactAddonsPureRenderMixin2.default],

    contextTypes: {
        form: _react2.default.PropTypes.object.isRequired
    },

    propTypes: {
        fieldPath: _react2.default.PropTypes.oneOfType([_react2.default.PropTypes.string.isRequired, _react2.default.PropTypes.array.isRequired]),
        className: _react2.default.PropTypes.string,
        dirtyClassName: _react2.default.PropTypes.string,
        alwaysShow: _react2.default.PropTypes.bool
    },

    getDefaultProps: function getDefaultProps() {
        return {
            alwaysShow: false,
            dirtyClassName: '_dirty'
        };
    },
    componentWillMount: function componentWillMount() {
        /* istanbul ignore next */
        if (!this.context.form) {
            throw 'react-form.tools: ValidationError must be used only inside Form component';
        }
    },
    render: function render() {
        var _props = this.props;
        var alwaysShow = _props.alwaysShow;
        var className = _props.className;
        var dirtyClassName = _props.dirtyClassName;

        var errors = this.getErrors();
        var isValid = this.isValid();
        var isDirty = this.isDirty();
        var generatedClassName = (0, _classnames2.default)(className, _defineProperty({}, dirtyClassName, isDirty));

        if (isValid || !alwaysShow && !isDirty) {
            return null;
        }

        return _react2.default.createElement(
            'div',
            { className: generatedClassName },
            errors
        );
    }
});