react-pulse-dot/dist/index.modern.js

A simple pulsating dot for reactjs

import { createElement, Fragment } from 'react';
import PropTypes from 'prop-types';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCircle } from '@fortawesome/free-solid-svg-icons';

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 _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;
}

var styles = {"div":"_3L0l-","dotFront":"_37Mna","pulseDot":"_3qJ2z","dotBack":"_1gVK0","pulseRing":"_ye7yg"};

var PulseDot = function PulseDot(_ref) {
  var color = _ref.color,
      otherProps = _objectWithoutPropertiesLoose(_ref, ["color"]);

  var hexColor = '#1eb7ff';
  if (color === 'success') hexColor = '#1bb934';else if (color === 'warning') hexColor = '#f27212';else if (color === 'danger') hexColor = '#ed1c24';else if (color === 'info') hexColor = '#33ae9a';else if (color[0] === '#') hexColor = color;
  return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement("div", _extends({
    className: styles.div
  }, otherProps), /*#__PURE__*/createElement(FontAwesomeIcon, {
    icon: faCircle,
    size: "2x",
    className: styles.dotBack,
    style: {
      color: hexColor
    }
  }), /*#__PURE__*/createElement(FontAwesomeIcon, {
    icon: faCircle,
    size: "1x",
    className: styles.dotFront,
    style: {
      color: hexColor
    }
  })));
};

PulseDot.propTypes = {
  color: PropTypes.string
};
PulseDot.defaultProps = {
  color: 'success'
};

export default PulseDot;
//# sourceMappingURL=index.modern.js.map