@uiw/react-heat-map
Advanced tools
Comparing version 2.0.3 to 2.0.4
@@ -10,3 +10,3 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
root["@uiw/react-heat-map"] = factory(root["React"]); | ||
})(self, function(__WEBPACK_EXTERNAL_MODULE__787__) { | ||
})(self, (__WEBPACK_EXTERNAL_MODULE__787__) => { | ||
return /******/ (() => { // webpackBootstrap | ||
@@ -16,104 +16,8 @@ /******/ "use strict"; | ||
/***/ 323: | ||
/***/ ((module) => { | ||
/* | ||
object-assign | ||
(c) Sindre Sorhus | ||
@license MIT | ||
*/ | ||
/* eslint-disable no-unused-vars */ | ||
var getOwnPropertySymbols = Object.getOwnPropertySymbols; | ||
var hasOwnProperty = Object.prototype.hasOwnProperty; | ||
var propIsEnumerable = Object.prototype.propertyIsEnumerable; | ||
function toObject(val) { | ||
if (val === null || val === undefined) { | ||
throw new TypeError('Object.assign cannot be called with null or undefined'); | ||
} | ||
return Object(val); | ||
} | ||
function shouldUseNative() { | ||
try { | ||
if (!Object.assign) { | ||
return false; | ||
} | ||
// Detect buggy property enumeration order in older V8 versions. | ||
// https://bugs.chromium.org/p/v8/issues/detail?id=4118 | ||
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers | ||
test1[5] = 'de'; | ||
if (Object.getOwnPropertyNames(test1)[0] === '5') { | ||
return false; | ||
} | ||
// https://bugs.chromium.org/p/v8/issues/detail?id=3056 | ||
var test2 = {}; | ||
for (var i = 0; i < 10; i++) { | ||
test2['_' + String.fromCharCode(i)] = i; | ||
} | ||
var order2 = Object.getOwnPropertyNames(test2).map(function (n) { | ||
return test2[n]; | ||
}); | ||
if (order2.join('') !== '0123456789') { | ||
return false; | ||
} | ||
// https://bugs.chromium.org/p/v8/issues/detail?id=3056 | ||
var test3 = {}; | ||
'abcdefghijklmnopqrst'.split('').forEach(function (letter) { | ||
test3[letter] = letter; | ||
}); | ||
if (Object.keys(Object.assign({}, test3)).join('') !== | ||
'abcdefghijklmnopqrst') { | ||
return false; | ||
} | ||
return true; | ||
} catch (err) { | ||
// We don't expect any of the above to throw, but better to be safe. | ||
return false; | ||
} | ||
} | ||
module.exports = shouldUseNative() ? Object.assign : function (target, source) { | ||
var from; | ||
var to = toObject(target); | ||
var symbols; | ||
for (var s = 1; s < arguments.length; s++) { | ||
from = Object(arguments[s]); | ||
for (var key in from) { | ||
if (hasOwnProperty.call(from, key)) { | ||
to[key] = from[key]; | ||
} | ||
} | ||
if (getOwnPropertySymbols) { | ||
symbols = getOwnPropertySymbols(from); | ||
for (var i = 0; i < symbols.length; i++) { | ||
if (propIsEnumerable.call(from, symbols[i])) { | ||
to[symbols[i]] = from[symbols[i]]; | ||
} | ||
} | ||
} | ||
} | ||
return to; | ||
}; | ||
/***/ }), | ||
/***/ 638: | ||
/***/ 298: | ||
/***/ ((__unused_webpack_module, exports, __webpack_require__) => { | ||
var __webpack_unused_export__; | ||
/** @license React v17.0.2 | ||
/** | ||
* @license React | ||
* react-jsx-runtime.production.min.js | ||
@@ -126,4 +30,4 @@ * | ||
*/ | ||
__webpack_require__(323);var f=__webpack_require__(787),g=60103;__webpack_unused_export__=60107;if("function"===typeof Symbol&&Symbol.for){var h=Symbol.for;g=h("react.element");__webpack_unused_export__=h("react.fragment")}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0}; | ||
function q(c,a,k){var b,d={},e=null,l=null;void 0!==k&&(e=""+k);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(l=a.ref);for(b in a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}exports.jsx=q;exports.jsxs=q; | ||
var f=__webpack_require__(787),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0}; | ||
function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}__webpack_unused_export__=l;exports.jsx=q;exports.jsxs=q; | ||
@@ -133,3 +37,3 @@ | ||
/***/ 724: | ||
/***/ 605: | ||
/***/ ((module, __unused_webpack_exports, __webpack_require__) => { | ||
@@ -140,3 +44,3 @@ | ||
if (true) { | ||
module.exports = __webpack_require__(638); | ||
module.exports = __webpack_require__(298); | ||
} else {} | ||
@@ -233,3 +137,3 @@ | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/defineProperty.js | ||
function _defineProperty(obj, key, value) { | ||
@@ -249,3 +153,3 @@ if (key in obj) { | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/objectSpread2.js | ||
@@ -278,3 +182,3 @@ | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js | ||
function _objectWithoutPropertiesLoose(source, excluded) { | ||
@@ -294,3 +198,3 @@ if (source == null) return {}; | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js | ||
@@ -318,3 +222,3 @@ function _objectWithoutProperties(source, excluded) { | ||
var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_); | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js | ||
function _arrayLikeToArray(arr, len) { | ||
@@ -329,3 +233,3 @@ if (len == null || len > arr.length) len = arr.length; | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js | ||
@@ -335,7 +239,7 @@ function _arrayWithoutHoles(arr) { | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/iterableToArray.js | ||
function _iterableToArray(iter) { | ||
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js | ||
@@ -350,7 +254,7 @@ function _unsupportedIterableToArray(o, minLen) { | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js | ||
function _nonIterableSpread() { | ||
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js | ||
@@ -363,7 +267,7 @@ | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js | ||
function _arrayWithHoles(arr) { | ||
if (Array.isArray(arr)) return arr; | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js | ||
function _iterableToArrayLimit(arr, i) { | ||
@@ -398,7 +302,7 @@ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js | ||
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."); | ||
} | ||
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js | ||
;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/slicedToArray.js | ||
@@ -411,4 +315,4 @@ | ||
} | ||
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js | ||
var jsx_runtime = __webpack_require__(724); | ||
// EXTERNAL MODULE: ../node_modules/react/jsx-runtime.js | ||
var jsx_runtime = __webpack_require__(605); | ||
;// CONCATENATED MODULE: ./src/LabelsWeek.tsx | ||
@@ -415,0 +319,0 @@ 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,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return/*#__PURE__*/(0,jsx_runtime.jsx)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment,{children:_toConsumableArray(Array(7)).map(function(_,idx){if(weekLabels&&weekLabels[idx]){return/*#__PURE__*/(0,jsx_runtime.jsx)("text",{x:15,y:topPad,dy:(idx+1)*(rectSize+space)-5,children:weekLabels[idx]},idx);}return null;})});},[rectSize,space,topPad,weekLabels]);}; |
/*! For license information please see heat-map.min.js.LICENSE.txt */ | ||
!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("react")):"function"===typeof define&&define.amd?define(["react"],t):"object"===typeof exports?exports["@uiw/react-heat-map"]=t(require("react")):e["@uiw/react-heat-map"]=t(e.React)}(self,(function(e){return(()=>{"use strict";var t={323:e=>{var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(o){return!1}}()?Object.assign:function(e,a){for(var i,u,c=o(e),l=1;l<arguments.length;l++){for(var f in i=Object(arguments[l]))r.call(i,f)&&(c[f]=i[f]);if(t){u=t(i);for(var s=0;s<u.length;s++)n.call(i,u[s])&&(c[u[s]]=i[u[s]])}}return c}},638:(e,t,r)=>{r(323);var n=r(787),o=60103;if(60107,"function"===typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u=Object.prototype.hasOwnProperty,c={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,r){var n,a={},l=null,f=null;for(n in void 0!==r&&(l=""+r),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(f=t.ref),t)u.call(t,n)&&!c.hasOwnProperty(n)&&(a[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===a[n]&&(a[n]=t[n]);return{$$typeof:o,type:e,key:l,ref:f,props:a,_owner:i.current}}t.jsx=l,t.jsxs=l},724:(e,t,r)=>{e.exports=r(638)},787:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(r){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?t(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function a(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}n.r(o),n.d(o,{default:()=>x});var i=n(787),u=n.n(i);function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(e,t){if(e){if("string"===typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function f(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(c){u=!0,o=c}finally{try{i||null==r.return||r.return()}finally{if(u)throw o}}return a}}(e,t)||l(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var d=n(724),p=function(e){var t=e.weekLabels,r=void 0===t?[]:t,n=e.rectSize,o=void 0===n?0:n,a=e.topPad,u=void 0===a?0:a,c=e.space,l=void 0===c?0:c;return(0,i.useMemo)((function(){return(0,d.jsx)(i.Fragment,{children:f(Array(7)).map((function(e,t){return r&&r[t]?(0,d.jsx)("text",{x:15,y:u,dy:(t+1)*(o+l)-5,children:r[t]},t):null}))})}),[o,l,u,r])},y=864e5;function v(e){return e instanceof Date&&!isNaN(e.getTime())}function m(e){return"".concat(e.getFullYear(),"/").concat(e.getMonth()+1,"/").concat(e.getDate())}var b=function(e){var t=e.monthLabels,r=void 0===t?[]:t,n=e.rectSize,o=void 0===n?0:n,a=e.space,u=void 0===a?0:a,c=e.leftPad,l=void 0===c?0:c,s=e.colNum,p=void 0===s?0:s,v=e.startDate,m=(0,i.useMemo)((function(){return!1===r||p<1?[]:f(Array(7*p)).map((function(e,t){if(t/7%1===0){var n=new Date(v.getTime()+t*y),o=n.getMonth();return{col:t/7,index:t,month:o,day:n.getDate(),monthStr:r[o],date:n}}return null})).filter(Boolean).filter((function(e,t,r){return r[t-1]&&r[t-1].month!==e.month}))}),[p,r,v]);return(0,i.useMemo)((function(){return(0,d.jsx)(i.Fragment,{children:f(m).map((function(e,t){return(0,d.jsx)("text",{"data-size":o,x:l+u+u,y:15,dx:e.col*(o+u),textAnchor:"start",children:e.monthStr},t)}))})}),[m,l,o,u])},g=function(e){return(0,d.jsx)("rect",r({},e))},h=["panelColors","leftPad","topPad","space","rectSize","legendCellSize","legendRender"];function j(e){var t=e.panelColors,n=e.leftPad,o=void 0===n?0:n,u=e.topPad,c=void 0===u?0:u,l=(e.space,e.rectSize),f=void 0===l?0:l,s=e.legendCellSize,p=void 0===s?0:s,y=e.legendRender,v=a(e,h),m=p||f;return(0,i.useMemo)((function(){return(0,d.jsx)(i.Fragment,{children:Object.keys(t||{}).map((function(e,n){var a=r(r({},v),{},{key:n,x:(m+1)*n+o,y:c+8*f+6,fill:t[Number(e)],width:m,height:m});return y?y(a):(0,d.jsx)(g,r({},a))}))})}),[t,v,m,o,c,f,y])}var O=["rectSize","legendCellSize","space","startDate","endDate","rectProps","rectRender","legendRender","value","weekLabels","monthLabels","panelColors"];function w(e){var t=e||{},n=t.rectSize,o=void 0===n?11:n,c=t.legendCellSize,l=void 0===c?11:c,h=t.space,w=void 0===h?2:h,S=t.startDate,x=void 0===S?new Date:S,P=t.endDate,D=t.rectProps,E=t.rectRender,_=t.legendRender,k=t.value,C=void 0===k?[]:k,A=t.weekLabels,M=void 0===A?["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]:A,T=t.monthLabels,z=void 0===T?["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]:T,N=t.panelColors,R=void 0===N?{0:"#EBEDF0",8:"#7BC96F",4:"#C6E48B",12:"#239A3B",32:"#196127"}:N,I=a(t,O),L=s((0,i.useState)(0),2),F=L[0],B=L[1],q=s((0,i.useState)(M?28:5),2),J=q[0],U=q[1],W=s((0,i.useState)(z?20:5),2),$=W[0],Y=W[1],V=u().createRef(),G=(0,i.useMemo)((function(){return function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).sort((function(e,t){return e<t?-1:e>t?1:0}))}(Object.keys(R).map((function(e){return parseInt(e,10)})))}),[R]),H=(0,i.useMemo)((function(){return function(){var e={};return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).forEach((function(t){t.date&&v(new Date(t.date))&&(t.date=m(new Date(t.date)),e[t.date]=t)})),e}(C)}),[C]);(0,i.useEffect)((function(){return U(M?28:5)}),[M]),(0,i.useEffect)((function(){if(V.current){var e=V.current.clientWidth-J||0;B(Math.floor(e/(o+w))||0)}}),[o,V,w,J]),(0,i.useEffect)((function(){Y(z?20:5)}),[z]);var K=(0,i.useMemo)((function(){if(v(x))return x.getDay()?new Date(x.getTime()-x.getDay()*y):x;var e=new Date;return new Date(e.getTime()-e.getDay()*y)}),[x]);return(0,d.jsxs)("svg",r(r({ref:V},I),{},{children:[0!==l&&(0,d.jsx)(j,{legendRender:_,panelColors:R,rectSize:o,legendCellSize:l,leftPad:J,topPad:$,space:w}),(0,d.jsx)(p,{weekLabels:M,rectSize:o,space:w,topPad:$}),(0,d.jsx)(b,{monthLabels:z,rectSize:o,space:w,leftPad:J,colNum:F,startDate:K}),(0,d.jsx)("g",{transform:"translate(".concat(J,", ").concat($,")"),children:F>0&&f(Array(F)).map((function(e,t){return(0,d.jsx)("g",{"data-column":t,children:f(Array(7)).map((function(e,n){var a=r(r({},D),{},{key:n,fill:"#EBEDF0",width:o,height:o,x:t*(o+w),y:(o+w)*n}),i=new Date(K.getTime()+y*(7*t+n)),c=m(i),l=r(r({},H[c]),{},{date:c,row:n,column:t,index:7*t+n});if(P instanceof Date&&i.getTime()>P.getTime())return null;if(c&&H[c]&&R&&Object.keys(R).length>0?a.fill=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n="",o=0;o<t.length;o+=1){if(t[o]>e){n=r[t[o]];break}n=r[t[o]]}return n}(H[c].count||0,G,R):R&&R[0]&&(a.fill=R[0]),E&&"function"===typeof E){var f=E(r(r({},a),{},{key:n}),l);if(f&&u().isValidElement(f))return f}return(0,d.jsx)(g,r(r({},a),{},{"data-date":c,"data-index":l.index,"data-row":l.row,"data-column":l.column}))}))},t)}))})]}))}var S=["prefixCls","className"];function x(e){var t=e.prefixCls,n=void 0===t?"w-heatmap":t,o=e.className,i=a(e,S),u=[o,n].filter(Boolean).join(" ");return(0,d.jsx)(w,r({className:u},i))}})(),o})()})); | ||
!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("react")):"function"===typeof define&&define.amd?define(["react"],t):"object"===typeof exports?exports["@uiw/react-heat-map"]=t(require("react")):e["@uiw/react-heat-map"]=t(e.React)}(self,(e=>(()=>{"use strict";var t={298:(e,t,r)=>{var n=r(787),o=Symbol.for("react.element"),a=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,u=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,r){var n,a={},c=null,f=null;for(n in void 0!==r&&(c=""+r),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(f=t.ref),t)i.call(t,n)&&!l.hasOwnProperty(n)&&(a[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===a[n]&&(a[n]=t[n]);return{$$typeof:o,type:e,key:c,ref:f,props:a,_owner:u.current}}t.jsx=c,t.jsxs=c},605:(e,t,r)=>{e.exports=r(298)},787:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(r){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?t(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}function a(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}n.r(o),n.d(o,{default:()=>w});var i=n(787),u=n.n(i);function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){if(e){if("string"===typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?l(e,t):void 0}}function f(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!==typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||c(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,u=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(l){u=!0,o=l}finally{try{i||null==r.return||r.return()}finally{if(u)throw o}}return a}}(e,t)||c(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var d=n(605),p=function(e){var t=e.weekLabels,r=void 0===t?[]:t,n=e.rectSize,o=void 0===n?0:n,a=e.topPad,u=void 0===a?0:a,l=e.space,c=void 0===l?0:l;return(0,i.useMemo)((function(){return(0,d.jsx)(i.Fragment,{children:f(Array(7)).map((function(e,t){return r&&r[t]?(0,d.jsx)("text",{x:15,y:u,dy:(t+1)*(o+c)-5,children:r[t]},t):null}))})}),[o,c,u,r])},y=864e5;function m(e){return e instanceof Date&&!isNaN(e.getTime())}function v(e){return"".concat(e.getFullYear(),"/").concat(e.getMonth()+1,"/").concat(e.getDate())}var b=function(e){var t=e.monthLabels,r=void 0===t?[]:t,n=e.rectSize,o=void 0===n?0:n,a=e.space,u=void 0===a?0:a,l=e.leftPad,c=void 0===l?0:l,s=e.colNum,p=void 0===s?0:s,m=e.startDate,v=(0,i.useMemo)((function(){return!1===r||p<1?[]:f(Array(7*p)).map((function(e,t){if(t/7%1===0){var n=new Date(m.getTime()+t*y),o=n.getMonth();return{col:t/7,index:t,month:o,day:n.getDate(),monthStr:r[o],date:n}}return null})).filter(Boolean).filter((function(e,t,r){return r[t-1]&&r[t-1].month!==e.month}))}),[p,r,m]);return(0,i.useMemo)((function(){return(0,d.jsx)(i.Fragment,{children:f(v).map((function(e,t){return(0,d.jsx)("text",{"data-size":o,x:c+u+u,y:15,dx:e.col*(o+u),textAnchor:"start",children:e.monthStr},t)}))})}),[v,c,o,u])},g=function(e){return(0,d.jsx)("rect",r({},e))},h=["panelColors","leftPad","topPad","space","rectSize","legendCellSize","legendRender"];function j(e){var t=e.panelColors,n=e.leftPad,o=void 0===n?0:n,u=e.topPad,l=void 0===u?0:u,c=(e.space,e.rectSize),f=void 0===c?0:c,s=e.legendCellSize,p=void 0===s?0:s,y=e.legendRender,m=a(e,h),v=p||f;return(0,i.useMemo)((function(){return(0,d.jsx)(i.Fragment,{children:Object.keys(t||{}).map((function(e,n){var a=r(r({},m),{},{key:n,x:(v+1)*n+o,y:l+8*f+6,fill:t[Number(e)],width:v,height:v});return y?y(a):(0,d.jsx)(g,r({},a))}))})}),[t,m,v,o,l,f,y])}var O=["rectSize","legendCellSize","space","startDate","endDate","rectProps","rectRender","legendRender","value","weekLabels","monthLabels","panelColors"];function x(e){var t=e||{},n=t.rectSize,o=void 0===n?11:n,l=t.legendCellSize,c=void 0===l?11:l,h=t.space,x=void 0===h?2:h,S=t.startDate,w=void 0===S?new Date:S,P=t.endDate,D=t.rectProps,E=t.rectRender,_=t.legendRender,A=t.value,k=void 0===A?[]:A,C=t.weekLabels,M=void 0===C?["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]:C,T=t.monthLabels,z=void 0===T?["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]:T,R=t.panelColors,N=void 0===R?{0:"#EBEDF0",8:"#7BC96F",4:"#C6E48B",12:"#239A3B",32:"#196127"}:R,L=a(t,O),F=s((0,i.useState)(0),2),I=F[0],B=F[1],J=s((0,i.useState)(M?28:5),2),U=J[0],W=J[1],$=s((0,i.useState)(z?20:5),2),q=$[0],Y=$[1],V=u().createRef(),G=(0,i.useMemo)((function(){return function(){return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).sort((function(e,t){return e<t?-1:e>t?1:0}))}(Object.keys(N).map((function(e){return parseInt(e,10)})))}),[N]),H=(0,i.useMemo)((function(){return function(){var e={};return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).forEach((function(t){t.date&&m(new Date(t.date))&&(t.date=v(new Date(t.date)),e[t.date]=t)})),e}(k)}),[k]);(0,i.useEffect)((function(){return W(M?28:5)}),[M]),(0,i.useEffect)((function(){if(V.current){var e=V.current.clientWidth-U||0;B(Math.floor(e/(o+x))||0)}}),[o,V,x,U]),(0,i.useEffect)((function(){Y(z?20:5)}),[z]);var K=(0,i.useMemo)((function(){if(m(w))return w.getDay()?new Date(w.getTime()-w.getDay()*y):w;var e=new Date;return new Date(e.getTime()-e.getDay()*y)}),[w]);return(0,d.jsxs)("svg",r(r({ref:V},L),{},{children:[0!==c&&(0,d.jsx)(j,{legendRender:_,panelColors:N,rectSize:o,legendCellSize:c,leftPad:U,topPad:q,space:x}),(0,d.jsx)(p,{weekLabels:M,rectSize:o,space:x,topPad:q}),(0,d.jsx)(b,{monthLabels:z,rectSize:o,space:x,leftPad:U,colNum:I,startDate:K}),(0,d.jsx)("g",{transform:"translate(".concat(U,", ").concat(q,")"),children:I>0&&f(Array(I)).map((function(e,t){return(0,d.jsx)("g",{"data-column":t,children:f(Array(7)).map((function(e,n){var a=r(r({},D),{},{key:n,fill:"#EBEDF0",width:o,height:o,x:t*(o+x),y:(o+x)*n}),i=new Date(K.getTime()+y*(7*t+n)),l=v(i),c=r(r({},H[l]),{},{date:l,row:n,column:t,index:7*t+n});if(P instanceof Date&&i.getTime()>P.getTime())return null;if(l&&H[l]&&N&&Object.keys(N).length>0?a.fill=function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n="",o=0;o<t.length;o+=1){if(t[o]>e){n=r[t[o]];break}n=r[t[o]]}return n}(H[l].count||0,G,N):N&&N[0]&&(a.fill=N[0]),E&&"function"===typeof E){var f=E(r(r({},a),{},{key:n}),c);if(f&&u().isValidElement(f))return f}return(0,d.jsx)(g,r(r({},a),{},{"data-date":l,"data-index":c.index,"data-row":c.row,"data-column":c.column}))}))},t)}))})]}))}var S=["prefixCls","className"];function w(e){var t=e.prefixCls,n=void 0===t?"w-heatmap":t,o=e.className,i=a(e,S),u=[o,n].filter(Boolean).join(" ");return(0,d.jsx)(x,r({className:u},i))}})(),o})())); |
@@ -1,8 +0,3 @@ | ||
/* | ||
object-assign | ||
(c) Sindre Sorhus | ||
@license MIT | ||
*/ | ||
/** @license React v17.0.2 | ||
/** | ||
* @license React | ||
* react-jsx-runtime.production.min.js | ||
@@ -9,0 +4,0 @@ * |
@@ -0,1 +1,2 @@ | ||
/// <reference types="react" /> | ||
import { SVGProps } from './SVG'; | ||
@@ -2,0 +3,0 @@ import './style/index.less'; |
@@ -9,3 +9,3 @@ import React from 'react'; | ||
legendCellSize: number; | ||
legendRender?: (props: RectProps) => React.ReactElement | void; | ||
legendRender?: (props: RectProps) => React.ReactElement; | ||
topPad: number; | ||
@@ -12,0 +12,0 @@ space: number; |
{ | ||
"name": "@uiw/react-heat-map", | ||
"version": "2.0.3", | ||
"version": "2.0.4", | ||
"description": "React component create calendar heatmap to visualize time series data, a la github contribution graph.", | ||
"homepage": "https://uiwjs.github.io/react-heat-map/", | ||
"main": "cjs/index.js", | ||
"module": "esm/index.js", | ||
"main": "./lib/index.js", | ||
"module": "./esm/index.js", | ||
"author": "kenny wang <wowohoo@qq.com>", | ||
"license": "MIT", | ||
"scripts": { | ||
"prepare": "npm run build", | ||
"doc": "kkt build --app-src ./website", | ||
"start": "kkt start --app-src ./website", | ||
"css:build": "compile-less -d src -o esm", | ||
@@ -16,8 +15,9 @@ "css:watch": "compile-less -d src -o esm --watch", | ||
"bundle": "ncc build src/index.tsx --target web --filename heat-map", | ||
"bundle:watch": "ncc watch src/index.tsx --target web --filename heat-map", | ||
"bundle:min": "ncc build src/index.tsx --target web --filename heat-map --minify", | ||
"watch": "tsbb watch & npm run css:watch", | ||
"build": "tsbb build && npm run css:build && npm run css:build:dist", | ||
"prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"", | ||
"type-check": "tsc --noEmit", | ||
"map": "source-map-explorer build/static/js/*.js --html build/website-result.html" | ||
"test": "tsbb test --env=jsdom", | ||
"coverage": "tsbb test --env=jsdom --coverage --bail" | ||
}, | ||
@@ -28,4 +28,9 @@ "repository": { | ||
}, | ||
"author": "kenny wong <wowohoo@qq.com>", | ||
"license": "MIT", | ||
"files": [ | ||
"dist.css", | ||
"dist", | ||
"src", | ||
"cjs", | ||
"esm" | ||
], | ||
"keywords": [ | ||
@@ -39,14 +44,2 @@ "react", | ||
], | ||
"lint-staged": { | ||
"*.{js,jsx,tsx,ts,less,md,json}": [ | ||
"prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"" | ||
] | ||
}, | ||
"files": [ | ||
"dist.css", | ||
"dist", | ||
"src", | ||
"cjs", | ||
"esm" | ||
], | ||
"peerDependencies": { | ||
@@ -56,43 +49,3 @@ "@babel/runtime": ">=7.10.0", | ||
"react-dom": ">=16.9.0" | ||
}, | ||
"devDependencies": { | ||
"@kkt/less-modules": "~7.1.1", | ||
"@kkt/ncc": "~1.0.8", | ||
"@kkt/raw-modules": "~7.1.1", | ||
"@kkt/scope-plugin-options": "~7.1.1", | ||
"@types/react": "~17.0.39", | ||
"@types/react-dom": "~17.0.11", | ||
"@uiw/react-code-preview": "~4.0.5", | ||
"@uiw/react-github-corners": "~1.5.3", | ||
"@uiw/react-markdown-preview": "~3.4.7", | ||
"@uiw/react-tooltip": "~4.12.2", | ||
"@uiw/reset.css": "~1.0.5", | ||
"compile-less-cli": "~1.8.11", | ||
"husky": "~7.0.4", | ||
"kkt": "~7.1.5", | ||
"lint-staged": "~12.3.4", | ||
"prettier": "~2.5.1", | ||
"react": "~17.0.2", | ||
"react-dom": "~17.0.2", | ||
"source-map-explorer": "~2.5.2", | ||
"tsbb": "~3.7.0" | ||
}, | ||
"eslintConfig": { | ||
"extends": [ | ||
"react-app", | ||
"react-app/jest" | ||
] | ||
}, | ||
"browserslist": { | ||
"production": [ | ||
">0.2%", | ||
"not dead", | ||
"not op_mini all" | ||
], | ||
"development": [ | ||
"last 1 chrome version", | ||
"last 1 firefox version", | ||
"last 1 safari version" | ||
] | ||
} | ||
} |
@@ -28,5 +28,4 @@ HeatMap 日历热图 | ||
<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
```jsx | ||
import ReactDOM from 'react-dom'; | ||
```jsx mdx:preview | ||
import React from 'react'; | ||
import HeatMap from '@uiw/react-heat-map'; | ||
@@ -52,3 +51,4 @@ | ||
}; | ||
ReactDOM.render(<Demo />, _mount_); | ||
export default Demo | ||
``` | ||
@@ -60,5 +60,4 @@ | ||
<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
```jsx | ||
import ReactDOM from 'react-dom'; | ||
```jsx mdx:preview | ||
import React from 'react'; | ||
import HeatMap from '@uiw/react-heat-map'; | ||
@@ -94,3 +93,3 @@ | ||
}; | ||
ReactDOM.render(<Demo />, _mount_); | ||
export default Demo | ||
``` | ||
@@ -102,5 +101,4 @@ | ||
<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
```jsx | ||
import ReactDOM from 'react-dom'; | ||
```jsx mdx:preview | ||
import React, { useState } from 'react'; | ||
import HeatMap from '@uiw/react-heat-map'; | ||
@@ -137,3 +135,3 @@ | ||
}; | ||
ReactDOM.render(<Demo />, _mount_); | ||
export default Demo | ||
``` | ||
@@ -145,5 +143,4 @@ | ||
<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
```jsx | ||
import ReactDOM from 'react-dom'; | ||
```jsx mdx:preview | ||
import React from 'react'; | ||
import Tooltip from '@uiw/react-tooltip'; | ||
@@ -181,3 +178,3 @@ import HeatMap from '@uiw/react-heat-map'; | ||
}; | ||
ReactDOM.render(<Demo />, _mount_); | ||
export default Demo | ||
``` | ||
@@ -187,5 +184,4 @@ | ||
<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
```jsx | ||
import ReactDOM from 'react-dom'; | ||
```jsx mdx:preview | ||
import React, { useState } from 'react'; | ||
import HeatMap from '@uiw/react-heat-map'; | ||
@@ -226,3 +222,3 @@ | ||
}; | ||
ReactDOM.render(<Demo />, _mount_); | ||
export default Demo | ||
``` | ||
@@ -232,5 +228,4 @@ | ||
<!--rehype:bgWhite=true&codeSandbox=true&codePen=true--> | ||
```jsx | ||
import ReactDOM from 'react-dom'; | ||
```jsx mdx:preview | ||
import React, { useState } from 'react'; | ||
import HeatMap from '@uiw/react-heat-map'; | ||
@@ -272,3 +267,3 @@ | ||
}; | ||
ReactDOM.render(<Demo />, _mount_); | ||
export default Demo | ||
``` | ||
@@ -300,2 +295,6 @@ | ||
```bash | ||
npm install | ||
``` | ||
```bash | ||
# Step 1, run first, listen to the component compile and output the .js file | ||
@@ -314,2 +313,3 @@ # listen for compilation output type .d.ts file | ||
npm run build | ||
npm run doc | ||
``` | ||
@@ -316,0 +316,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
0
93155
39
1097