@uiw/react-heat-map/lib/LabelsWeek.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.LabelsWeek = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _react = _interopRequireWildcard(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
var LabelsWeek = function LabelsWeek(_ref) {
  var _ref$weekLabels = _ref.weekLabels,
    weekLabels = _ref$weekLabels === void 0 ? [] : _ref$weekLabels,
    _ref$rectSize = _ref.rectSize,
    rectSize = _ref$rectSize === void 0 ? 0 : _ref$rectSize,
    _ref$topPad = _ref.topPad,
    topPad = _ref$topPad === void 0 ? 0 : _ref$topPad,
    _ref$space = _ref.space,
    space = _ref$space === void 0 ? 0 : _ref$space;
  return (0, _react.useMemo)(function () {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
      children: (0, _toConsumableArray2["default"])(Array(7)).map(function (_, idx) {
        if (weekLabels && weekLabels[idx]) {
          return /*#__PURE__*/(0, _jsxRuntime.jsx)("text", {
            x: 15,
            y: topPad,
            dy: (idx + 1) * (rectSize + space) - 5,
            children: weekLabels[idx]
          }, idx);
        }
        return null;
      })
    });
  }, [rectSize, space, topPad, weekLabels]);
};
exports.LabelsWeek = LabelsWeek;
//# sourceMappingURL=LabelsWeek.js.map