codogo-react-widgets/dist/components/input.js

Provides a unified way to access the styling of commonly used widgets across different apps

"use strict";

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

var _objectWithoutProperties2 = require("babel-runtime/helpers/objectWithoutProperties");

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _taggedTemplateLiteral2 = require("babel-runtime/helpers/taggedTemplateLiteral");

var _taggedTemplateLiteral3 = _interopRequireDefault(_taggedTemplateLiteral2);

var _templateObject = (0, _taggedTemplateLiteral3.default)(["\n"], ["\n"]),
    _templateObject2 = (0, _taggedTemplateLiteral3.default)(["\n\tborder-radius: 2px;\n"], ["\n\tborder-radius: 2px;\n"]);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _styledComponents = require("styled-components");

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

var OuterWrapper = _styledComponents2.default.div(_templateObject);

var Label = _styledComponents2.default.span(_templateObject);

var StyledInput = _styledComponents2.default.input(_templateObject2);

var Input = function Input(props) {
	var label = props.label,
	    rest = (0, _objectWithoutProperties3.default)(props, ["label"]);


	return _react2.default.createElement(
		OuterWrapper,
		null,
		label && _react2.default.createElement(
			Label,
			null,
			label
		),
		_react2.default.createElement(StyledInput, rest)
	);
};

Input.propTypes = {
	flavor: _propTypes2.default.oneOf(["BLACK", "WHITE", "TRANSPARENT"]),
	fullWidth: _propTypes2.default.bool,
	label: _propTypes2.default.string,
	message: _propTypes2.default.string,
	name: _propTypes2.default.string.isRequired,
	onChange: _propTypes2.default.func.isRequired,
	onBlur: _propTypes2.default.func,
	placeholder: _propTypes2.default.string,
	required: _propTypes2.default.bool,
	type: _propTypes2.default.oneOf(["EMAIL", "PASSWORD", "TEXT"]),
	valid: _propTypes2.default.bool,
	value: _propTypes2.default.string
};

exports.default = Input;

//# sourceMappingURL=input.js.map