react-burgers/dist/base.js

[https://react-burgers.netlify.com/](https://react-burgers.netlify.com/)

'use strict';

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _style = require('styled-jsx/style');

var _style2 = _interopRequireDefault(_style);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var Base = function (_React$Component) {
	(0, _inherits3.default)(Base, _React$Component);

	function Base() {
		(0, _classCallCheck3.default)(this, Base);
		return (0, _possibleConstructorReturn3.default)(this, (Base.__proto__ || Object.getPrototypeOf(Base)).apply(this, arguments));
	}

	(0, _createClass3.default)(Base, [{
		key: 'formattedSize',
		value: function formattedSize(size) {
			return isNaN(parseInt(size)) ? size : size + 'px';
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    width = _props.width,
			    lineHeight = _props.lineHeight,
			    color = _props.color,
			    active = _props.active,
			    onClick = _props.onClick,
			    borderRadius = _props.borderRadius,
			    lineSpacing = _props.lineSpacing,
			    padding = _props.padding,
			    className = _props.className,
			    typeClassName = _props.typeClassName,
			    children = _props.children;


			var height = lineSpacing * 2 + lineHeight * 3;
			var formattedWidth = this.formattedSize(width);
			var formattedHeight = this.formattedSize(height);

			var customProps = this.props.customProps || {};

			var classes = [typeClassName, 'Burger'];
			if (active) classes.push('BurgerActive');
			if (className) classes.push(className);

			return _react2.default.createElement(
				'button',
				(0, _extends3.default)({ onClick: onClick }, customProps, {
					className: _style2.default.dynamic([['2913973606', [padding, formattedWidth, formattedHeight, lineHeight / 2 * -1, color, lineHeight, borderRadius, (lineSpacing + lineHeight) * -1, (lineSpacing + lineHeight) * -1]]]) + ' ' + (customProps.className != null && customProps.className || classes.join(' ') || '')
				}),
				_react2.default.createElement(
					'div',
					{
						className: _style2.default.dynamic([['2913973606', [padding, formattedWidth, formattedHeight, lineHeight / 2 * -1, color, lineHeight, borderRadius, (lineSpacing + lineHeight) * -1, (lineSpacing + lineHeight) * -1]]]) + ' ' + 'BurgerBox'
					},
					_react2.default.createElement('div', {
						className: _style2.default.dynamic([['2913973606', [padding, formattedWidth, formattedHeight, lineHeight / 2 * -1, color, lineHeight, borderRadius, (lineSpacing + lineHeight) * -1, (lineSpacing + lineHeight) * -1]]]) + ' ' + 'BurgerInner'
					})
				),
				children,
				_react2.default.createElement(_style2.default, {
					styleId: '2913973606',
					css: '.Burger{padding:' + padding + ';display:inline-block;cursor:pointer;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;outline:0;}.BurgerBox{width:' + formattedWidth + ';height:' + formattedHeight + ';display:inline-block;position:relative;}.BurgerInner{top:50%;margin-top:' + lineHeight / 2 * -1 + 'px;}.BurgerInner:before,.BurgerInner:after{content:\'\';display:block;}.BurgerInner,.BurgerInner:before,.BurgerInner:after{position:absolute;width:100%;background-color:' + color + ';height:' + lineHeight + 'px;border-radius:' + borderRadius + 'px;-webkit-transition-property:-webkit-transform;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease;}.BurgerInner:before{top:' + (lineSpacing + lineHeight) * -1 + 'px;}.BurgerInner:after{bottom:' + (lineSpacing + lineHeight) * -1 + 'px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9iYXNlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDdUIsQUFHNEMsQUFjRixBQU8zQixBQU1JLEFBT08sQUFXaUIsQUFJRyxRQTNCRyxHQU0zQixPQU9ILE9BTlosSUFPK0MsTUFyQlgsQUErQnBDLEVBN0NxQixDQWlEckIsWUEzQkQsUUFyQmdCLGFBY00sRUFiUixFQWtDMEIsV0FqQ3pCLE1BYUksUUFaRSxVQWFyQixHQW9CK0MsT0FoQ2pCLDZCQUNwQixTQUNBLEFBK0JzQixTQTlCZCxpQkFDUCxVQUNYLDhFQTZCNEIsNERBQ00sd0VBQ2pDIiwiZmlsZSI6Ii4uL3NyYy9iYXNlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBCYXNlIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcblx0Zm9ybWF0dGVkU2l6ZShzaXplKSB7XG5cdFx0cmV0dXJuIGlzTmFOKHBhcnNlSW50KHNpemUpKSA/IHNpemUgOiBgJHtzaXplfXB4YFxuXHR9XG5cdHJlbmRlcigpe1xuXHRcdGxldCB7XG5cdFx0XHR3aWR0aCxcblx0XHRcdGxpbmVIZWlnaHQsXG5cdFx0XHRjb2xvcixcblx0XHRcdGFjdGl2ZSxcblx0XHRcdG9uQ2xpY2ssXG5cdFx0XHRib3JkZXJSYWRpdXMsXG5cdFx0XHRsaW5lU3BhY2luZyxcblx0XHRcdHBhZGRpbmcsXG5cdFx0XHRjbGFzc05hbWUsXG5cdFx0XHR0eXBlQ2xhc3NOYW1lLFxuXHRcdFx0Y2hpbGRyZW4sXG5cdFx0fSA9IHRoaXMucHJvcHNcblxuXHRcdGNvbnN0IGhlaWdodCA9IGxpbmVTcGFjaW5nICogMiArIGxpbmVIZWlnaHQgKiAzXG5cdFx0Y29uc3QgZm9ybWF0dGVkV2lkdGggPSB0aGlzLmZvcm1hdHRlZFNpemUod2lkdGgpXG5cdFx0Y29uc3QgZm9ybWF0dGVkSGVpZ2h0ID0gdGhpcy5mb3JtYXR0ZWRTaXplKGhlaWdodClcblxuXHRcdGNvbnN0IGN1c3RvbVByb3BzID0gdGhpcy5wcm9wcy5jdXN0b21Qcm9wcyB8fCB7fVxuXG5cdFx0Y29uc3QgY2xhc3NlcyA9IFt0eXBlQ2xhc3NOYW1lLCAnQnVyZ2VyJ11cblx0XHRpZihhY3RpdmUpIGNsYXNzZXMucHVzaCgnQnVyZ2VyQWN0aXZlJylcblx0XHRpZihjbGFzc05hbWUpIGNsYXNzZXMucHVzaChjbGFzc05hbWUpXG5cblx0XHRyZXR1cm4gKFxuXHRcdFx0PGJ1dHRvbiBjbGFzc05hbWU9e2NsYXNzZXMuam9pbignICcpfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4uY3VzdG9tUHJvcHN9PlxuXHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT0nQnVyZ2VyQm94Jz5cblx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT0nQnVyZ2VySW5uZXInIC8+XG5cdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHR7Y2hpbGRyZW59XG5cdFx0XHRcdDxzdHlsZSBqc3ggZ2xvYmFsPntgXG5cdFx0XHRcdFx0LkJ1cmdlcntcblx0XHRcdFx0XHRcdHBhZGRpbmc6ICR7cGFkZGluZ307XG5cdFx0XHRcdFx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0XHRcdFx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0XHRcdFx0XHRmb250OiBpbmhlcml0O1xuXHRcdFx0XHRcdFx0Y29sb3I6IGluaGVyaXQ7XG5cdFx0XHRcdFx0XHR0ZXh0LXRyYW5zZm9ybTogbm9uZTtcblx0XHRcdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuXHRcdFx0XHRcdFx0Ym9yZGVyOiAwO1xuXHRcdFx0XHRcdFx0bWFyZ2luOiAwO1xuXHRcdFx0XHRcdFx0b3ZlcmZsb3c6IHZpc2libGU7XG5cdFx0XHRcdFx0XHRvdXRsaW5lOiAwO1xuXHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdC5CdXJnZXJCb3h7XG5cdFx0XHRcdFx0XHR3aWR0aDogJHtmb3JtYXR0ZWRXaWR0aH07XG5cdFx0XHRcdFx0XHRoZWlnaHQ6ICR7Zm9ybWF0dGVkSGVpZ2h0fTtcblx0XHRcdFx0XHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRcdFx0XHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHQuQnVyZ2VySW5uZXJ7XG5cdFx0XHRcdFx0XHR0b3A6IDUwJTtcblx0XHRcdFx0XHRcdG1hcmdpbi10b3A6ICR7KGxpbmVIZWlnaHQgLyAyKSAqIC0xfXB4O1xuXG5cdFx0XHRcdFx0XHQmOmJlZm9yZSxcblx0XHRcdFx0XHRcdCY6YWZ0ZXJ7XG5cdFx0XHRcdFx0XHRcdGNvbnRlbnQ6ICcnO1xuXHRcdFx0XHRcdFx0XHRkaXNwbGF5OiBibG9jaztcblx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0Jixcblx0XHRcdFx0XHRcdCY6YmVmb3JlLFxuXHRcdFx0XHRcdFx0JjphZnRlcntcblx0XHRcdFx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRcdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG5cdFx0XHRcdFx0XHRcdGhlaWdodDogJHtsaW5lSGVpZ2h0fXB4O1xuXHRcdFx0XHRcdFx0XHRib3JkZXItcmFkaXVzOiAke2JvcmRlclJhZGl1c31weDtcblx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogdHJhbnNmb3JtO1xuXHRcdFx0XHRcdFx0XHR0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjE1cztcblx0XHRcdFx0XHRcdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2U7XG5cdFx0XHRcdFx0XHR9XG5cblx0XHRcdFx0XHRcdCY6YmVmb3Jle1xuXHRcdFx0XHRcdFx0XHR0b3A6ICR7KGxpbmVTcGFjaW5nICsgbGluZUhlaWdodCkgKiAtMX1weDtcblx0XHRcdFx0XHRcdH1cblxuXHRcdFx0XHRcdFx0JjphZnRlcntcblx0XHRcdFx0XHRcdFx0Ym90dG9tOiAkeyhsaW5lU3BhY2luZyArIGxpbmVIZWlnaHQpICogLTF9cHg7XG5cdFx0XHRcdFx0XHR9XG5cdFx0XHRcdFx0fVxuXHRcdFx0XHRgfTwvc3R5bGU+XG5cdFx0XHQ8L2J1dHRvbj5cblx0XHQpXG5cdH1cbn0iXX0= */\n/*@ sourceURL=../src/base.js */',
					dynamic: [padding, formattedWidth, formattedHeight, lineHeight / 2 * -1, color, lineHeight, borderRadius, (lineSpacing + lineHeight) * -1, (lineSpacing + lineHeight) * -1]
				})
			);
		}
	}]);
	return Base;
}(_react2.default.Component);

exports.default = Base;
module.exports = exports['default'];
//# sourceMappingURL=base.js.map