react-bootify/components/form/group.js

react-bootify

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

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

var _classnames = _interopRequireDefault(require("classnames"));

var _utils = require("../utils");

var _tag = _interopRequireDefault(require("../tag"));

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

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

/**
 * 
 * @visibleName Form.Group
 * 
 */
function Group(props) {
  var _props = props,
      row = _props.row,
      className = _props.className,
      props = _objectWithoutProperties(_props, ["row", "className"]); // Backward compatability


  var _props2 = props,
      xs = _props2.xs,
      sm = _props2.sm,
      md = _props2.md,
      lg = _props2.lg,
      xl = _props2.xl,
      props = _objectWithoutProperties(_props2, ["xs", "sm", "md", "lg", "xl"]);

  className = (0, _classnames["default"])(className, {
    'row': row
  });
  className = (0, _classnames["default"])(className, {
    'form-group': true
  });

  function fix(name, prop) {
    if ((0, _utils.isObject)(prop)) {
      className = (0, _classnames["default"])(className, prop.offset ? "offset-".concat(name, "-").concat(prop.offset) : undefined);
      className = (0, _classnames["default"])(className, prop.width ? "col-".concat(name, "-").concat(prop.width) : undefined);
    } else if (prop != undefined) {
      className = (0, _classnames["default"])(className, "col-".concat(name, "-").concat(prop));
    }
  }

  fix('xs', xs);
  fix('sm', sm);
  fix('md', md);
  fix('lg', lg);
  fix('xl', xl);
  return _react["default"].createElement(_tag["default"], _extends({
    className: className
  }, props), props.children);
}

var _default = Group;
exports["default"] = _default;