boldr-ui/Layout/Col/Col.js

UI components for Boldr

'use strict';

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

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

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 _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _isNumber = require('lodash/isNumber');

var _isNumber2 = _interopRequireDefault(_isNumber);

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

if (typeof exports !== 'undefined') Object.defineProperty(exports, 'babelPluginFlowReactPropTypes_proptype_Props', {
  value: {
    className: require('prop-types').string,
    style: require('prop-types').object,
    componentClass: typeof ReactElement === 'function' ? require('prop-types').instanceOf(ReactElement).isRequired : require('prop-types').any.isRequired,
    children: typeof ReactChildren === 'function' ? require('prop-types').instanceOf(ReactChildren) : require('prop-types').any,
    xs: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
    sm: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
    md: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
    lg: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
    xsOffset: require('prop-types').number,
    smOffset: require('prop-types').number,
    mdOffset: require('prop-types').number,
    lgOffset: require('prop-types').number,
    reverse: require('prop-types').bool,
    xsFirst: require('prop-types').bool,
    smFirst: require('prop-types').bool,
    mdFirst: require('prop-types').bool,
    lgFirst: require('prop-types').bool,
    xsLast: require('prop-types').bool,
    smLast: require('prop-types').bool,
    mdLast: require('prop-types').bool,
    lgLast: require('prop-types').bool
  }
});
/* eslint-disable prefer-template */

var Col = function (_PureComponent) {
  (0, _inherits3.default)(Col, _PureComponent);

  function Col() {
    (0, _classCallCheck3.default)(this, Col);
    return (0, _possibleConstructorReturn3.default)(this, (Col.__proto__ || (0, _getPrototypeOf2.default)(Col)).apply(this, arguments));
  }

  (0, _createClass3.default)(Col, [{
    key: 'render',
    value: function render() {
      var _classNames;

      var ComponentClass = this.props.componentClass;

      var classes = (0, _classnames2.default)((_classNames = {}, (0, _defineProperty3.default)(_classNames, 'grid__col--xs' + ((0, _isNumber2.default)(this.props.xs) ? '-' + this.props.xs : ''), this.props.xs >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--sm' + ((0, _isNumber2.default)(this.props.sm) ? '-' + this.props.sm : ''), this.props.sm >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--md' + ((0, _isNumber2.default)(this.props.md) ? '-' + this.props.md : ''), this.props.md >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--lg' + ((0, _isNumber2.default)(this.props.lg) ? '-' + this.props.lg : ''), this.props.lg >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--xs-offset-' + this.props.xsOffset, this.props.xsOffset >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--sm-offset-' + this.props.smOffset, this.props.smOffset >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--md-offset-' + this.props.mdOffset, this.props.mdOffset >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--lg-offset-' + this.props.lgOffset, this.props.lgOffset >= 0), (0, _defineProperty3.default)(_classNames, 'grid__col--reverse', this.props.reverse), (0, _defineProperty3.default)(_classNames, 'grid__col--xs-first', this.props.xsFirst), (0, _defineProperty3.default)(_classNames, 'grid__col--sm-first', this.props.smFirst), (0, _defineProperty3.default)(_classNames, 'grid__col--md-first', this.props.mdFirst), (0, _defineProperty3.default)(_classNames, 'grid__col--lg-first', this.props.lgFirst), (0, _defineProperty3.default)(_classNames, 'grid__col--xs-last', this.props.xsLast), (0, _defineProperty3.default)(_classNames, 'grid__col--sm-last', this.props.smLast), (0, _defineProperty3.default)(_classNames, 'grid__col--md-last', this.props.mdLast), (0, _defineProperty3.default)(_classNames, 'grid__col--lg-last', this.props.lgLast), _classNames), this.props.className);

      return _react2.default.createElement(
        ComponentClass,
        { className: classes, style: this.props.style },
        this.props.children
      );
    }
  }]);
  return Col;
}(_react.PureComponent);

Col.defaultProps = {
  componentClass: 'div'
};
Col.propTypes = process.env.NODE_ENV !== "production" ? {
  className: require('prop-types').string,
  style: require('prop-types').object,
  componentClass: typeof ReactElement === 'function' ? require('prop-types').instanceOf(ReactElement).isRequired : require('prop-types').any.isRequired,
  children: typeof ReactChildren === 'function' ? require('prop-types').instanceOf(ReactChildren) : require('prop-types').any,
  xs: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
  sm: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
  md: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
  lg: require('prop-types').oneOfType([require('prop-types').number, require('prop-types').bool]),
  xsOffset: require('prop-types').number,
  smOffset: require('prop-types').number,
  mdOffset: require('prop-types').number,
  lgOffset: require('prop-types').number,
  reverse: require('prop-types').bool,
  xsFirst: require('prop-types').bool,
  smFirst: require('prop-types').bool,
  mdFirst: require('prop-types').bool,
  lgFirst: require('prop-types').bool,
  xsLast: require('prop-types').bool,
  smLast: require('prop-types').bool,
  mdLast: require('prop-types').bool,
  lgLast: require('prop-types').bool
} : {};
exports.default = Col;