@uiw/react-heat-map/cjs/LablesWeek.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;

exports.__esModule = true;
exports.LablesWeek = void 0;

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

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

var LablesWeek = function LablesWeek(_ref) {
  var _ref$weekLables = _ref.weekLables,
      weekLables = _ref$weekLables === void 0 ? [] : _ref$weekLables,
      _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: [].concat(Array(7)).map(function (_, idx) {
        if (weekLables && weekLables[idx]) {
          return /*#__PURE__*/(0, _jsxRuntime.jsx)("text", {
            x: 15,
            y: topPad,
            dy: (idx + 1) * (rectSize + space) - 5,
            children: weekLables[idx]
          }, idx);
        }

        return null;
      })
    });
  }, [rectSize, space, topPad, weekLables]);
};

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