cloudhubui/dist/widgets/GradientStatisticCard.js

Various components to use in react projects

"use strict";

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

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

var _Card = _interopRequireDefault(require("@material-ui/core/Card"));

var _reactCountup = _interopRequireDefault(require("react-countup"));

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

function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var GradientStatisticCard = function GradientStatisticCard(_ref) {
  var _ref$title = _ref.title,
      title = _ref$title === void 0 ? 'Stat' : _ref$title,
      _ref$prefix = _ref.prefix,
      prefix = _ref$prefix === void 0 ? '' : _ref$prefix,
      _ref$suffix = _ref.suffix,
      suffix = _ref$suffix === void 0 ? '' : _ref$suffix,
      _ref$right = _ref.right,
      right = _ref$right === void 0 ? '' : _ref$right,
      _ref$color = _ref.color,
      color = _ref$color === void 0 ? 'deep-sky' : _ref$color,
      _ref$textColor = _ref.textColor,
      textColor = _ref$textColor === void 0 ? 'white' : _ref$textColor,
      _ref$figure = _ref.figure,
      figure = _ref$figure === void 0 ? 0 : _ref$figure,
      _ref$countUp = _ref.countUp,
      countUp = _ref$countUp === void 0 ? false : _ref$countUp;

  var _React$useState = _react.default.useState(0),
      _React$useState2 = _toArray(_React$useState);

  return /*#__PURE__*/_react.default.createElement(_Card.default, {
    className: "p-3 bg-".concat(color)
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "text-".concat(textColor, "-50 pb-2")
  }, title), /*#__PURE__*/_react.default.createElement("div", {
    className: "d-flex justify-content-between align-items-end"
  }, /*#__PURE__*/_react.default.createElement("h3", {
    className: "display-4 mb-0"
  }, /*#__PURE__*/_react.default.createElement("small", {
    className: "pr-1 text-".concat(textColor, "-50")
  }, prefix), !countUp && /*#__PURE__*/_react.default.createElement("span", {
    className: "text-".concat(textColor)
  }, figure), countUp && /*#__PURE__*/_react.default.createElement(_reactCountup.default, {
    start: 0,
    end: figure,
    duration: 6,
    delay: 2,
    separator: "",
    decimals: 2,
    decimal: "."
  }), /*#__PURE__*/_react.default.createElement("small", {
    className: "pr-1 text-".concat(textColor, "-50")
  }, suffix)), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-".concat(textColor, " font-weight-bold")
  }, right)));
};

var _default = GradientStatisticCard;
exports.default = _default;