You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

58 lines
1.9 KiB

  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = void 0;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _classnames = _interopRequireDefault(require("classnames"));
  8. var _react = _interopRequireDefault(require("react"));
  9. var _ThemeProvider = require("./ThemeProvider");
  10. var DEVICE_SIZES = ['xl', 'lg', 'md', 'sm', 'xs'];
  11. var defaultProps = {
  12. noGutters: false
  13. };
  14. var Row = _react.default.forwardRef(function (_ref, ref) {
  15. var bsPrefix = _ref.bsPrefix,
  16. className = _ref.className,
  17. noGutters = _ref.noGutters,
  18. _ref$as = _ref.as,
  19. Component = _ref$as === void 0 ? 'div' : _ref$as,
  20. props = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["bsPrefix", "className", "noGutters", "as"]);
  21. var decoratedBsPrefix = (0, _ThemeProvider.useBootstrapPrefix)(bsPrefix, 'row');
  22. var sizePrefix = decoratedBsPrefix + "-cols";
  23. var classes = [];
  24. DEVICE_SIZES.forEach(function (brkPoint) {
  25. var propValue = props[brkPoint];
  26. delete props[brkPoint];
  27. var cols;
  28. if (propValue != null && typeof propValue === 'object') {
  29. cols = propValue.cols;
  30. } else {
  31. cols = propValue;
  32. }
  33. var infix = brkPoint !== 'xs' ? "-" + brkPoint : '';
  34. if (cols != null) classes.push("" + sizePrefix + infix + "-" + cols);
  35. });
  36. return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
  37. ref: ref
  38. }, props, {
  39. className: _classnames.default.apply(void 0, [className, decoratedBsPrefix, noGutters && 'no-gutters'].concat(classes))
  40. }));
  41. });
  42. Row.displayName = 'Row';
  43. Row.defaultProps = defaultProps;
  44. var _default = Row;
  45. exports.default = _default;
  46. module.exports = exports["default"];