react-redux-formal/lib/Field.js

Form state management and building library for react and redux

'use strict';

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

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

exports.default = function (Input) {
	function Field(_ref) {
		var error = _ref.error,
		    label = _ref.label,
		    props = _objectWithoutProperties(_ref, ['error', 'label']);

		return _react2.default.createElement(
			'div',
			{ className: 'formal__field' },
			label ? _react2.default.createElement(
				'label',
				{ className: 'formal__label' },
				label
			) : '',
			_react2.default.createElement(Input, props),
			error ? _react2.default.createElement(
				'span',
				{ className: 'formal__error' },
				error
			) : ''
		);
	}

	Field.propTypes = {
		error: _propTypes2.default.string,
		label: _propTypes2.default.string
	};

	return Field;
};