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

Styleless React Components

import _extends from "@babel/runtime-corejs3/helpers/extends";
import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
import _createClass from "@babel/runtime-corejs3/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
import _inherits from "@babel/runtime-corejs3/helpers/inherits";
import React from 'react';
var _createElement = React.createElement;
var PureComponent = React.PureComponent;
import PropTypes from 'prop-types';
import { AlignVariant, PlacementValues, AlignValues } from '../../common/types';
import { style, classes } from './BadgeContainer.st.css';

var BadgeContainer =
/** @class */
function () {
  var BadgeContainer = /*#__PURE__*/function (_PureComponent) {
    _inherits(BadgeContainer, _PureComponent);

    function BadgeContainer() {
      _classCallCheck(this, BadgeContainer);

      return _possibleConstructorReturn(this, _getPrototypeOf(BadgeContainer).apply(this, arguments));
    }

    _createClass(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 = _objectWithoutProperties(_this$props, ["className", "placement", "align", "children"]);

        return _createElement("span", _extends({}, props, {
          className: style(classes.root, (_style = {}, _defineProperty(_style, "".concat(placement, "Placement"), Boolean(placement)), _defineProperty(_style, "".concat(align, "Align"), Boolean(align)), _style), className)
        }), children);
      }
    }]);

    return BadgeContainer;
  }(PureComponent);

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

export default BadgeContainer;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlQ29udGFpbmVyL0JhZGdlQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLE9BQU8sS0FBUCxNQUlPLE9BSlA7OztBQUtBLE9BQU8sU0FBUCxNQUFzQixZQUF0QjtBQUlBLFNBR0MsWUFIRCxFQUlDLGVBSkQsRUFLQyxXQUxELFFBTU8sb0JBTlA7QUFPQSxTQUNDLEtBREQsRUFFQyxPQUZELFFBR08seUJBSFA7O0FBZ0JBLElBQUEsY0FBQTtBQUFBO0FBQUEsWUFBQTtBQUFBLE1BQXFCLGNBQXJCO0FBQUE7O0FBQUE7QUFBQTs7QUFBQTtBQUFBOztBQUFBO0FBQUE7QUFBQSwrQkFZTztBQUFBOztBQUFBLDBCQVFELEtBQUssS0FSSjtBQUFBLFlBR0osU0FISSxlQUdKLFNBSEk7QUFBQSxZQUlKLFNBSkksZUFJSixTQUpJO0FBQUEsWUFLSixLQUxJLGVBS0osS0FMSTtBQUFBLFlBTUosUUFOSSxlQU1KLFFBTkk7QUFBQSxZQU9ELEtBUEM7O0FBVUwsZUFDQyxvQ0FDSyxLQURMO0FBRUMsVUFBQSxTQUFTLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFULGtEQUNYLFNBRFcsZ0JBQ1ksT0FBTyxDQUFDLFNBQUQsQ0FEbkIscUNBRVgsS0FGVyxZQUVZLE9BQU8sQ0FBQyxLQUFELENBRm5CLFlBR2IsU0FIYTtBQUZqQixZQU9FLFFBUEYsQ0FERDtBQVdBO0FBakNGOztBQUFBO0FBQUEsSUFBNEMsYUFBNUM7O0FBRVEsMENBQUEsY0FBQSxDQUFBLFNBQUEsR0FBWTtBQUNsQixJQUFBLFNBQVMsRUFBRSxTQUFTLENBQUMsS0FBVixDQUFnQixlQUFoQixFQUFpQyxVQUQxQjtBQUVsQixJQUFBLEtBQUssRUFBTSxTQUFTLENBQUMsS0FBVixDQUFnQixXQUFoQixDQUZPO0FBR2xCLElBQUEsUUFBUSxFQUFHLFNBQVMsQ0FBQyxJQUFWLENBQWU7QUFIUixHQUFaO0FBTUEsRUFBQSxjQUFBLENBQUEsWUFBQSxHQUFlO0FBQ3JCLElBQUEsS0FBSyxFQUFFLFlBQVksQ0FBQztBQURDLEdBQWY7QUEwQlIsU0FBQSxjQUFBO0FBQUMsQ0FsQ0QsRUFBQTs7ZUFBcUIsYyIsInNvdXJjZVJvb3QiOiIifQ==