@r3l/app/lib/modules/stats/piechart.js

Relevant App

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

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

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

var _styles = require("../../styles");

var _reactNativeWebSvg = _interopRequireWildcard(require("react-native-web-svg"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

PieChart.propTypes = {
  percent: _propTypes.default.number,
  color: _propTypes.default.string,
  text: _propTypes.default.string,
  strokeWidth: _propTypes.default.number,
  w: _propTypes.default.string,
  h: _propTypes.default.string
};

function PieChart(_ref) {
  var percent = _ref.percent,
      color = _ref.color,
      text = _ref.text,
      strokeWidth = _ref.strokeWidth,
      w = _ref.w,
      h = _ref.h;
  var r = 15.91549430918954;
  var d = 2 * r + strokeWidth; // const deg = 3.6 * percent;

  return /*#__PURE__*/_react.default.createElement(_reactNativeWebSvg.default, {
    height: h || '100%',
    width: w || '100%',
    viewBox: "0 0 ".concat(d, " ").concat(d)
  }, /*#__PURE__*/_react.default.createElement(_reactNativeWebSvg.Circle, {
    cx: '50%',
    cy: '50%',
    r: r,
    fill: "none",
    strokeWidth: strokeWidth,
    stroke: _styles.colors.lightBorder
  }), /*#__PURE__*/_react.default.createElement(_reactNativeWebSvg.Circle, {
    cx: '50%',
    cy: '50%',
    r: r,
    fill: "none",
    strokeWidth: strokeWidth,
    stroke: color,
    strokeDasharray: "".concat(100 - percent, ", ").concat(percent),
    strokeDashoffset: 25 + 100 - percent
  }), text && /*#__PURE__*/_react.default.createElement(_reactNativeWebSvg.Text, {
    fontSize: '10px',
    x: '50%',
    y: '60%',
    fill: _styles.colors.black,
    textAnchor: "middle",
    fontFamily: "HelveticaNeue-CondensedBold"
  }, text));
}
//# sourceMappingURL=piechart.js.map