@flexis/ui/components/Badge/BadgeContainer/BadgeContainer.js

Styleless React Components

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));

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

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));

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

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

var _types = require("../../common/types");

var _BadgeContainerSt = require("./BadgeContainer.st.css");

var _createElement = _react.default.createElement;
var PureComponent = _react.default.PureComponent;

var BadgeContainer =
/** @class */
function () {
  var BadgeContainer = /*#__PURE__*/function (_PureComponent) {
    (0, _inherits2.default)(BadgeContainer, _PureComponent);

    function BadgeContainer() {
      (0, _classCallCheck2.default)(this, BadgeContainer);
      return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(BadgeContainer).apply(this, arguments));
    }

    (0, _createClass2.default)(BadgeContainer, [{
      key: "render",
      value: function render() {
        var _style;

        var _this$props = this.props,
            className = _this$props.className,
            placement = _this$props.placement,
            align = _this$props.align,
            children = _this$props.children,
            props = (0, _objectWithoutProperties2.default)(_this$props, ["className", "placement", "align", "children"]);
        return _createElement("span", (0, _extends2.default)({}, props, {
          className: (0, _BadgeContainerSt.style)(_BadgeContainerSt.classes.root, (_style = {}, (0, _defineProperty2.default)(_style, "".concat(placement, "Placement"), Boolean(placement)), (0, _defineProperty2.default)(_style, "".concat(align, "Align"), Boolean(align)), _style), className)
        }), children);
      }
    }]);
    return BadgeContainer;
  }(PureComponent);

  process.env.NODE_ENV !== "production" ? BadgeContainer.propTypes = {
    placement: _propTypes.default.oneOf(_types.PlacementValues).isRequired,
    align: _propTypes.default.oneOf(_types.AlignValues),
    children: _propTypes.default.node.isRequired
  } : void 0;
  BadgeContainer.defaultProps = {
    align: _types.AlignVariant.Center
  };
  return BadgeContainer;
}();

var _default = BadgeContainer;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlQ29udGFpbmVyL0JhZGdlQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBS0E7O0FBSUE7O0FBT0E7Ozs7O0FBZ0JBLElBQUEsY0FBQTtBQUFBO0FBQUEsWUFBQTtBQUFBLE1BQXFCLGNBQXJCO0FBQUE7O0FBQUE7QUFBQTtBQUFBO0FBQUE7O0FBQUE7QUFBQTtBQUFBLCtCQVlPO0FBQUE7O0FBQUEsMEJBUUQsS0FBSyxLQVJKO0FBQUEsWUFHSixTQUhJLGVBR0osU0FISTtBQUFBLFlBSUosU0FKSSxlQUlKLFNBSkk7QUFBQSxZQUtKLEtBTEksZUFLSixLQUxJO0FBQUEsWUFNSixRQU5JLGVBTUosUUFOSTtBQUFBLFlBT0QsS0FQQztBQVVMLGVBQ0Msa0RBQ0ssS0FETDtBQUVDLFVBQUEsU0FBUyxFQUFFLDZCQUFNLDBCQUFRLElBQWQsZ0VBQ04sU0FETSxnQkFDaUIsT0FBTyxDQUFDLFNBQUQsQ0FEeEIsbURBRU4sS0FGTSxZQUVpQixPQUFPLENBQUMsS0FBRCxDQUZ4QixZQUdSLFNBSFE7QUFGWixZQU9FLFFBUEYsQ0FERDtBQVdBO0FBakNGO0FBQUE7QUFBQSxJQUE0QyxhQUE1Qzs7QUFFUSwwQ0FBQSxjQUFBLENBQUEsU0FBQSxHQUFZO0FBQ2xCLElBQUEsU0FBUyxFQUFFLG1CQUFVLEtBQVYsQ0FBZ0Isc0JBQWhCLEVBQWlDLFVBRDFCO0FBRWxCLElBQUEsS0FBSyxFQUFNLG1CQUFVLEtBQVYsQ0FBZ0Isa0JBQWhCLENBRk87QUFHbEIsSUFBQSxRQUFRLEVBQUcsbUJBQVUsSUFBVixDQUFlO0FBSFIsR0FBWjtBQU1BLEVBQUEsY0FBQSxDQUFBLFlBQUEsR0FBZTtBQUNyQixJQUFBLEtBQUssRUFBRSxvQkFBYTtBQURDLEdBQWY7QUEwQlIsU0FBQSxjQUFBO0FBQUMsQ0FsQ0QsRUFBQTs7ZUFBcUIsYyIsInNvdXJjZVJvb3QiOiIifQ==