@uiw/react-heat-map/cjs/LablesMonth.js

React component create calendar heatmap to visualize time series data, a la github contribution graph.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;

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

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

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

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

var _utils = require("./utils");

var _jsxRuntime = require("react/jsx-runtime");

var LablesMonth = function LablesMonth(_ref) {
  var _ref$monthLables = _ref.monthLables,
      monthLables = _ref$monthLables === void 0 ? [] : _ref$monthLables,
      _ref$rectSize = _ref.rectSize,
      rectSize = _ref$rectSize === void 0 ? 0 : _ref$rectSize,
      _ref$space = _ref.space,
      space = _ref$space === void 0 ? 0 : _ref$space,
      _ref$leftPad = _ref.leftPad,
      leftPad = _ref$leftPad === void 0 ? 0 : _ref$leftPad,
      _ref$colNum = _ref.colNum,
      colNum = _ref$colNum === void 0 ? 0 : _ref$colNum,
      startDate = _ref.startDate;
  var data = (0, _react.useMemo)(function () {
    if (monthLables === false || colNum < 1) return [];
    return (0, _toConsumableArray2.default)(Array(colNum * 7)).map(function (_, idx) {
      if (idx / 7 % 1 === 0) {
        var date = new Date(startDate.getTime() + idx * _utils.oneDayTime);
        var month = date.getMonth();
        return {
          col: idx / 7,
          index: idx,
          month: month,
          day: date.getDate(),
          monthStr: monthLables[month],
          date: date
        };
      }

      return null;
    }).filter(Boolean).filter(function (item, idx, list) {
      return list[idx - 1] && list[idx - 1].month !== item.month;
    });
  }, [colNum, monthLables, startDate]);
  return (0, _react.useMemo)(function () {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
      children: (0, _toConsumableArray2.default)(data).map(function (item, idx) {
        return /*#__PURE__*/(0, _jsxRuntime.jsx)("text", {
          "data-size": rectSize,
          x: leftPad + space + space,
          y: 15,
          dx: item.col * (rectSize + space),
          textAnchor: "start",
          children: item.monthStr
        }, idx);
      })
    });
  }, [data, leftPad, rectSize, space]);
};

exports.LablesMonth = LablesMonth;
//# sourceMappingURL=LablesMonth.js.map