@nivo/axes - npm Package Compare versions

Comparing version 0.83.0 to 0.83.1

./dist/nivo-axes.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var e=require("react"),t=require("@react-spring/web"),i=require("@nivo/core"),n=require("d3-time-format"),r=require("d3-format"),a=require("@nivo/scales"),o=require("react/jsx-runtime"),s=require("prop-types");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var c=l(e);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},x.apply(this,arguments)}var f=function(e){var t,n=e.axis,r=e.scale,o=e.ticksPosition,s=e.tickValues,l=e.tickSize,c=e.tickPadding,f=e.tickRotation,u=e.engine,d=void 0===u?"svg":u,m=a.getScaleTicks(r,s),y=i.textPropsByEngine[d],g="bandwidth"in r?a.centerScale(r):r,v={lineX:0,lineY:0},k={textX:0,textY:0},h="object"==typeof document&&"rtl"===document.dir,p=y.align.center,b=y.baseline.center;return"x"===n?(t=function(e){var t;return{x:null!=(t=g(e))?t:0,y:0}},v.lineY=l*("after"===o?1:-1),k.textY=(l+c)*("after"===o?1:-1),b="after"===o?y.baseline.top:y.baseline.bottom,0===f?p=y.align.center:"after"===o&&f<0||"before"===o&&f>0?(p=y.align[h?"left":"right"],b=y.baseline.center):("after"===o&&f>0||"before"===o&&f<0)&&(p=y.align[h?"right":"left"],b=y.baseline.center)):(t=function(e){var t;return{x:0,y:null!=(t=g(e))?t:0}},v.lineX=l*("after"===o?1:-1),k.textX=(l+c)*("after"===o?1:-1),p="after"===o?y.align.left:y.align.right),{ticks:m.map((function(e){return x({key:e instanceof Date?""+e.valueOf():""+e,value:e},t(e),v,k)})),textAlign:p,textBaseline:b}},u=function(e,t){if(void 0===e||"function"==typeof e)return e;if("time"===t.type){var i=n.timeFormat(e);return function(e){return i(e instanceof Date?e:new Date(e))}}return r.format(e)},d=function(e){var t,i=e.width,n=e.height,r=e.scale,o=e.axis,s=e.values,l=(t=s,Array.isArray(t)?s:void 0)||a.getScaleTicks(r,s),c="bandwidth"in r?a.centerScale(r):r,x="x"===o?l.map((function(e){var t,i;return{key:e instanceof Date?""+e.valueOf():""+e,x1:null!=(t=c(e))?t:0,x2:null!=(i=c(e))?i:0,y1:0,y2:n}})):l.map((function(e){var t,n;return{key:e instanceof Date?""+e.valueOf():""+e,x1:0,x2:i,y1:null!=(t=c(e))?t:0,y2:null!=(n=c(e))?n:0}}));return x},m=e.memo((function(n){var r,a=n.value,s=n.format,l=n.lineX,c=n.lineY,f=n.onClick,u=n.textBaseline,d=n.textAnchor,m=n.animatedProps,y=i.useTheme(),g=null!=(r=null==s?void 0:s(a))?r:a,v=e.useMemo((function(){var e={opacity:m.opacity};return f?{style:x({},e,{cursor:"pointer"}),onClick:function(e){return f(e,g)}}:{style:e}}),[m.opacity,f,g]);return o.jsxs(t.animated.g,x({transform:m.transform},v,{children:[o.jsx("line",{x1:0,x2:l,y1:0,y2:c,style:y.axis.ticks.line}),o.jsx(t.animated.text,{dominantBaseline:u,textAnchor:d,transform:m.textTransform,style:y.axis.ticks.text,children:""+g})]}))})),y=e.memo((function(n){var r=n.axis,a=n.scale,s=n.x,l=void 0===s?0:s,d=n.y,y=void 0===d?0:d,g=n.length,v=n.ticksPosition,k=n.tickValues,h=n.tickSize,p=void 0===h?5:h,b=n.tickPadding,T=void 0===b?5:b,P=n.tickRotation,S=void 0===P?0:P,j=n.format,O=n.renderTick,A=void 0===O?m:O,w=n.legend,X=n.legendPosition,Y=void 0===X?"end":X,C=n.legendOffset,q=void 0===C?0:C,B=n.onClick,W=n.ariaHidden,z=i.useTheme(),R=e.useMemo((function(){return u(j,a)}),[j,a]),V=f({axis:r,scale:a,ticksPosition:v,tickValues:k,tickSize:p,tickPadding:T,tickRotation:S}),D=V.ticks,E=V.textAlign,M=V.textBaseline,F=null;if(void 0!==w){var G,L=0,H=0,N=0;"y"===r?(N=-90,L=q,"start"===Y?(G="start",H=g):"middle"===Y?(G="middle",H=g/2):"end"===Y&&(G="end")):(H=q,"start"===Y?G="start":"middle"===Y?(G="middle",L=g/2):"end"===Y&&(G="end",L=g)),F=o.jsx("text",{transform:"translate("+L+", "+H+") rotate("+N+")",textAnchor:G,style:x({dominantBaseline:"central"},z.axis.legend.text),children:w})}var I=i.useMotionConfig(),J=I.animate,K=I.config,Q=t.useSpring({transform:"translate("+l+","+y+")",lineX2:"x"===r?g:0,lineY2:"x"===r?0:g,config:K,immediate:!J}),U=t.useTransition(D,{keys:function(e){return e.key},initial:function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},from:function(e){return{opacity:0,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},enter:function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},update:function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},leave:{opacity:0},config:K,immediate:!J});return o.jsxs(t.animated.g,{transform:Q.transform,"aria-hidden":W,children:[U((function(e,t,i,n){return c.createElement(A,x({tickIndex:n,format:R,rotate:S,textBaseline:M,textAnchor:E,animatedProps:e},t,B?{onClick:B}:{}))})),o.jsx(t.animated.line,{style:z.axis.domain.line,x1:0,x2:Q.lineX2,y1:0,y2:Q.lineY2}),F]})})),g={ticksPosition:s.oneOf(["before","after"]),tickValues:s.oneOfType([s.number,s.arrayOf(s.oneOfType([s.number,s.string,s.instanceOf(Date)])),s.string]),tickSize:s.number,tickPadding:s.number,tickRotation:s.number,format:s.oneOfType([s.func,s.string]),renderTick:s.func,legend:s.node,legendPosition:s.oneOf(["start","middle","end"]),legendOffset:s.number,ariaHidden:s.bool},v=s.shape(g),k=["top","right","bottom","left"],h=e.memo((function(e){var t=e.xScale,i=e.yScale,n=e.width,r=e.height,a={top:e.top,right:e.right,bottom:e.bottom,left:e.left};return o.jsx(o.Fragment,{children:k.map((function(e){var s=a[e];if(!s)return null;var l="top"===e||"bottom"===e,c="top"===e||"left"===e?"before":"after";return o.jsx(y,x({},s,{axis:l?"x":"y",x:"right"===e?n:0,y:"bottom"===e?r:0,scale:l?t:i,length:l?n:r,ticksPosition:c}),e)}))})})),p=e.memo((function(e){var n=e.animatedProps,r=i.useTheme();return o.jsx(t.animated.line,x({},n,r.grid.line))})),b=e.memo((function(n){var r=n.lines,a=i.useMotionConfig(),s=a.animate,l=a.config,c=t.useTransition(r,{keys:function(e){return e.key},initial:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},from:function(e){return{opacity:0,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},enter:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},update:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},leave:{opacity:0},config:l,immediate:!s});return o.jsx("g",{children:c((function(t,i){return e.createElement(p,x({},i,{key:i.key,animatedProps:t}))}))})})),T=e.memo((function(t){var i=t.width,n=t.height,r=t.xScale,a=t.yScale,s=t.xValues,l=t.yValues,c=e.useMemo((function(){return!!r&&d({width:i,height:n,scale:r,axis:"x",values:s})}),[r,s,i,n]),x=e.useMemo((function(){return!!a&&d({width:i,height:n,scale:a,axis:"y",values:l})}),[n,i,a,l]);return o.jsxs(o.Fragment,{children:[c&&o.jsx(b,{lines:c}),x&&o.jsx(b,{lines:x})]})})),P=function(e,t){var n,r=t.axis,a=t.scale,o=t.x,s=void 0===o?0:o,l=t.y,c=void 0===l?0:l,x=t.length,u=t.ticksPosition,d=t.tickValues,m=t.tickSize,y=void 0===m?5:m,g=t.tickPadding,v=void 0===g?5:g,k=t.tickRotation,h=void 0===k?0:k,p=t.format,b=t.legend,T=t.legendPosition,P=void 0===T?"end":T,S=t.legendOffset,j=void 0===S?0:S,O=t.theme,A=f({axis:r,scale:a,ticksPosition:u,tickValues:d,tickSize:y,tickPadding:v,tickRotation:h,engine:"canvas"}),w=A.ticks,X=A.textAlign,Y=A.textBaseline;e.save(),e.translate(s,c),e.textAlign=X,e.textBaseline=Y,e.font=(O.axis.ticks.text.fontWeight?O.axis.ticks.text.fontWeight+" ":"")+O.axis.ticks.text.fontSize+"px "+O.axis.ticks.text.fontFamily,(null!=(n=O.axis.domain.line.strokeWidth)?n:0)>0&&(e.lineWidth=Number(O.axis.domain.line.strokeWidth),e.lineCap="square",O.axis.domain.line.stroke&&(e.strokeStyle=O.axis.domain.line.stroke),e.beginPath(),e.moveTo(0,0),e.lineTo("x"===r?x:0,"x"===r?0:x),e.stroke());var C="function"==typeof p?p:function(e){return""+e};if(w.forEach((function(t){var n;(null!=(n=O.axis.ticks.line.strokeWidth)?n:0)>0&&(e.lineWidth=Number(O.axis.ticks.line.strokeWidth),e.lineCap="square",O.axis.ticks.line.stroke&&(e.strokeStyle=O.axis.ticks.line.stroke),e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(t.x+t.lineX,t.y+t.lineY),e.stroke());var r=C(t.value);e.save(),e.translate(t.x+t.textX,t.y+t.textY),e.rotate(i.degreesToRadians(h)),O.axis.ticks.text.fill&&(e.fillStyle=O.axis.ticks.text.fill),e.fillText(String(r),0,0),e.restore()})),void 0!==b){var q=0,B=0,W=0,z="center";"y"===r?(W=-90,q=j,"start"===P?(z="start",B=x):"middle"===P?(z="center",B=x/2):"end"===P&&(z="end")):(B=j,"start"===P?z="start":"middle"===P?(z="center",q=x/2):"end"===P&&(z="end",q=x)),e.translate(q,B),e.rotate(i.degreesToRadians(W)),e.font=(O.axis.legend.text.fontWeight?O.axis.legend.text.fontWeight+" ":"")+O.axis.legend.text.fontSize+"px "+O.axis.legend.text.fontFamily,O.axis.legend.text.fill&&(e.fillStyle=O.axis.legend.text.fill),e.textAlign=z,e.textBaseline="middle",e.fillText(b,0,0)}e.restore()};exports.Axes=h,exports.Axis=y,exports.AxisTick=m,exports.Grid=T,exports.GridLine=p,exports.GridLines=b,exports.axisPropType=v,exports.axisPropTypes=g,exports.positions=k,exports.renderAxesToCanvas=function(e,t){var i=t.xScale,n=t.yScale,r=t.width,a=t.height,o=t.top,s=t.right,l=t.bottom,c=t.left,f=t.theme,d={top:o,right:s,bottom:l,left:c};k.forEach((function(t){var o=d[t];if(!o)return null;var s="top"===t||"bottom"===t,l="top"===t||"left"===t?"before":"after",c=s?i:n,m=u(o.format,c);P(e,x({},o,{axis:s?"x":"y",x:"right"===t?r:0,y:"bottom"===t?a:0,scale:c,format:m,length:s?r:a,ticksPosition:l,theme:f}))}))},exports.renderAxisToCanvas=P,exports.renderGridLinesToCanvas=function(e,t){var i=t.width,n=t.height,r=t.scale,a=t.axis,o=t.values;d({width:i,height:n,scale:r,axis:a,values:o}).forEach((function(t){e.beginPath(),e.moveTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.stroke()}))};
+"use strict";var e=require("react"),t=require("@nivo/core"),n=require("@react-spring/web"),i=require("d3-time-format"),r=require("d3-format"),a=require("@nivo/scales"),o=require("react/jsx-runtime"),s=require("prop-types");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=l(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},u.apply(this,arguments)}var x=function(e){var n,i=e.axis,r=e.scale,o=e.ticksPosition,s=e.tickValues,l=e.tickSize,c=e.tickPadding,x=e.tickRotation,d=e.truncateTickAt,f=e.engine,m=void 0===f?"svg":f,g=a.getScaleTicks(r,s),y=t.textPropsByEngine[m],h="bandwidth"in r?a.centerScale(r):r,k={lineX:0,lineY:0},v={textX:0,textY:0},p="object"==typeof document&&"rtl"===document.dir,b=y.align.center,T=y.baseline.center;"x"===i?(n=function(e){var t;return{x:null!=(t=h(e))?t:0,y:0}},k.lineY=l*("after"===o?1:-1),v.textY=(l+c)*("after"===o?1:-1),T="after"===o?y.baseline.top:y.baseline.bottom,0===x?b=y.align.center:"after"===o&&x<0||"before"===o&&x>0?(b=y.align[p?"left":"right"],T=y.baseline.center):("after"===o&&x>0||"before"===o&&x<0)&&(b=y.align[p?"right":"left"],T=y.baseline.center)):(n=function(e){var t;return{x:0,y:null!=(t=h(e))?t:0}},k.lineX=l*("after"===o?1:-1),v.textX=(l+c)*("after"===o?1:-1),b="after"===o?y.align.left:y.align.right);return{ticks:g.map((function(e){var t="string"==typeof e?function(e){var t=String(e).length;return d&&d>0&&t>d?""+String(e).slice(0,d).concat("..."):""+e}(e):e;return u({key:e instanceof Date?""+e.valueOf():""+e,value:t},n(e),k,v)})),textAlign:b,textBaseline:T}},d=function(e,t){if(void 0===e||"function"==typeof e)return e;if("time"===t.type){var n=i.timeFormat(e);return function(e){return n(e instanceof Date?e:new Date(e))}}return r.format(e)},f=function(e){var t,n=e.width,i=e.height,r=e.scale,o=e.axis,s=e.values,l=(t=s,Array.isArray(t)?s:void 0)||a.getScaleTicks(r,s),c="bandwidth"in r?a.centerScale(r):r,u="x"===o?l.map((function(e){var t,n;return{key:e instanceof Date?""+e.valueOf():""+e,x1:null!=(t=c(e))?t:0,x2:null!=(n=c(e))?n:0,y1:0,y2:i}})):l.map((function(e){var t,i;return{key:e instanceof Date?""+e.valueOf():""+e,x1:0,x2:n,y1:null!=(t=c(e))?t:0,y2:null!=(i=c(e))?i:0}}));return u},m=e.memo((function(i){var r,a=i.value,s=i.format,l=i.lineX,c=i.lineY,x=i.onClick,d=i.textBaseline,f=i.textAnchor,m=i.animatedProps,g=t.useTheme(),y=g.axis.ticks.line,h=g.axis.ticks.text,k=null!=(r=null==s?void 0:s(a))?r:a,v=e.useMemo((function(){var e={opacity:m.opacity};return x?{style:u({},e,{cursor:"pointer"}),onClick:function(e){return x(e,k)}}:{style:e}}),[m.opacity,x,k]);return o.jsxs(n.animated.g,u({transform:m.transform},v,{children:[o.jsx("line",{x1:0,x2:l,y1:0,y2:c,style:y}),h.outlineWidth>0&&o.jsx(n.animated.text,{dominantBaseline:d,textAnchor:f,transform:m.textTransform,style:h,strokeWidth:2*h.outlineWidth,stroke:h.outlineColor,strokeLinejoin:"round",children:""+k}),o.jsx(n.animated.text,{dominantBaseline:d,textAnchor:f,transform:m.textTransform,style:h,children:""+k})]}))})),g=function(i){var r=i.axis,a=i.scale,s=i.x,l=void 0===s?0:s,f=i.y,g=void 0===f?0:f,y=i.length,h=i.ticksPosition,k=i.tickValues,v=i.tickSize,p=void 0===v?5:v,b=i.tickPadding,T=void 0===b?5:b,P=i.tickRotation,j=void 0===P?0:P,S=i.format,A=i.renderTick,O=void 0===A?m:A,W=i.truncateTickAt,C=i.legend,w=i.legendPosition,B=void 0===w?"end":w,X=i.legendOffset,Y=void 0===X?0:X,q=i.onClick,z=i.ariaHidden,R=t.useTheme(),V=R.axis.legend.text,D=e.useMemo((function(){return d(S,a)}),[S,a]),E=x({axis:r,scale:a,ticksPosition:h,tickValues:k,tickSize:p,tickPadding:T,tickRotation:j,truncateTickAt:W}),M=E.ticks,F=E.textAlign,L=E.textBaseline,G=null;if(void 0!==C){var N,H=0,I=0,J=0;"y"===r?(J=-90,H=Y,"start"===B?(N="start",I=y):"middle"===B?(N="middle",I=y/2):"end"===B&&(N="end")):(I=Y,"start"===B?N="start":"middle"===B?(N="middle",H=y/2):"end"===B&&(N="end",H=y)),G=o.jsxs(o.Fragment,{children:[V.outlineWidth>0&&o.jsx("text",{transform:"translate("+H+", "+I+") rotate("+J+")",textAnchor:N,style:u({dominantBaseline:"central"},V),strokeWidth:2*V.outlineWidth,stroke:V.outlineColor,strokeLinejoin:"round",children:C}),o.jsx("text",{transform:"translate("+H+", "+I+") rotate("+J+")",textAnchor:N,style:u({dominantBaseline:"central"},V),children:C})]})}var K=t.useMotionConfig(),Q=K.animate,U=K.config,Z=n.useSpring({transform:"translate("+l+","+g+")",lineX2:"x"===r?y:0,lineY2:"x"===r?0:y,config:U,immediate:!Q}),$=e.useCallback((function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+j+")"}}),[j]),_=e.useCallback((function(e){return{opacity:0,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+j+")"}}),[j]),ee=n.useTransition(M,{keys:function(e){return e.key},initial:$,from:_,enter:$,update:$,leave:{opacity:0},config:U,immediate:!Q});return o.jsxs(n.animated.g,{transform:Z.transform,"aria-hidden":z,children:[ee((function(e,t,n,i){return c.createElement(O,u({tickIndex:i,format:D,rotate:j,textBaseline:L,textAnchor:F,truncateTickAt:W,animatedProps:e},t,q?{onClick:q}:{}))})),o.jsx(n.animated.line,{style:R.axis.domain.line,x1:0,x2:Z.lineX2,y1:0,y2:Z.lineY2}),G]})},y=e.memo(g),h={ticksPosition:s.oneOf(["before","after"]),tickValues:s.oneOfType([s.number,s.arrayOf(s.oneOfType([s.number,s.string,s.instanceOf(Date)])),s.string]),rotateOnTickLength:s.shape({angle:s.number,length:s.number}),tickSize:s.number,tickPadding:s.number,tickRotation:s.number,format:s.oneOfType([s.func,s.string]),renderTick:s.func,legend:s.node,legendPosition:s.oneOf(["start","middle","end"]),legendOffset:s.number,ariaHidden:s.bool},k=s.shape(h),v=["top","right","bottom","left"],p=e.memo((function(e){var t=e.xScale,n=e.yScale,i=e.width,r=e.height,a={top:e.top,right:e.right,bottom:e.bottom,left:e.left};return o.jsx(o.Fragment,{children:v.map((function(e){var s=a[e];if(!s)return null;var l="top"===e||"bottom"===e,c="top"===e||"left"===e?"before":"after";return o.jsx(y,u({},s,{axis:l?"x":"y",x:"right"===e?i:0,y:"bottom"===e?r:0,scale:l?t:n,length:l?i:r,ticksPosition:c,truncateTickAt:s.truncateTickAt}),e)}))})})),b=e.memo((function(e){var i=e.animatedProps,r=t.useTheme();return o.jsx(n.animated.line,u({},i,r.grid.line))})),T=e.memo((function(i){var r=i.lines,a=t.useMotionConfig(),s=a.animate,l=a.config,c=n.useTransition(r,{keys:function(e){return e.key},initial:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},from:function(e){return{opacity:0,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},enter:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},update:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},leave:{opacity:0},config:l,immediate:!s});return o.jsx("g",{children:c((function(t,n){return e.createElement(b,u({},n,{key:n.key,animatedProps:t}))}))})})),P=e.memo((function(t){var n=t.width,i=t.height,r=t.xScale,a=t.yScale,s=t.xValues,l=t.yValues,c=e.useMemo((function(){return!!r&&f({width:n,height:i,scale:r,axis:"x",values:s})}),[r,s,n,i]),u=e.useMemo((function(){return!!a&&f({width:n,height:i,scale:a,axis:"y",values:l})}),[i,n,a,l]);return o.jsxs(o.Fragment,{children:[c&&o.jsx(T,{lines:c}),u&&o.jsx(T,{lines:u})]})})),j=function(e,n){var i,r=n.axis,a=n.scale,o=n.x,s=void 0===o?0:o,l=n.y,c=void 0===l?0:l,u=n.length,d=n.ticksPosition,f=n.tickValues,m=n.tickSize,g=void 0===m?5:m,y=n.tickPadding,h=void 0===y?5:y,k=n.tickRotation,v=void 0===k?0:k,p=n.format,b=n.legend,T=n.legendPosition,P=void 0===T?"end":T,j=n.legendOffset,S=void 0===j?0:j,A=n.theme,O=x({axis:r,scale:a,ticksPosition:d,tickValues:f,tickSize:g,tickPadding:h,tickRotation:v,engine:"canvas"}),W=O.ticks,C=O.textAlign,w=O.textBaseline;e.save(),e.translate(s,c),e.textAlign=C,e.textBaseline=w;var B=A.axis.ticks.text;e.font=(B.fontWeight?B.fontWeight+" ":"")+B.fontSize+"px "+B.fontFamily,(null!=(i=A.axis.domain.line.strokeWidth)?i:0)>0&&(e.lineWidth=Number(A.axis.domain.line.strokeWidth),e.lineCap="square",A.axis.domain.line.stroke&&(e.strokeStyle=A.axis.domain.line.stroke),e.beginPath(),e.moveTo(0,0),e.lineTo("x"===r?u:0,"x"===r?0:u),e.stroke());var X="function"==typeof p?p:function(e){return""+e};if(W.forEach((function(n){var i;(null!=(i=A.axis.ticks.line.strokeWidth)?i:0)>0&&(e.lineWidth=Number(A.axis.ticks.line.strokeWidth),e.lineCap="square",A.axis.ticks.line.stroke&&(e.strokeStyle=A.axis.ticks.line.stroke),e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(n.x+n.lineX,n.y+n.lineY),e.stroke());var r=X(n.value);e.save(),e.translate(n.x+n.textX,n.y+n.textY),e.rotate(t.degreesToRadians(v)),B.outlineWidth>0&&(e.strokeStyle=B.outlineColor,e.lineWidth=2*B.outlineWidth,e.lineJoin="round",e.strokeText(""+r,0,0)),A.axis.ticks.text.fill&&(e.fillStyle=B.fill),e.fillText(""+r,0,0),e.restore()})),void 0!==b){var Y=0,q=0,z=0,R="center";"y"===r?(z=-90,Y=S,"start"===P?(R="start",q=u):"middle"===P?(R="center",q=u/2):"end"===P&&(R="end")):(q=S,"start"===P?R="start":"middle"===P?(R="center",Y=u/2):"end"===P&&(R="end",Y=u)),e.translate(Y,q),e.rotate(t.degreesToRadians(z)),e.font=(A.axis.legend.text.fontWeight?A.axis.legend.text.fontWeight+" ":"")+A.axis.legend.text.fontSize+"px "+A.axis.legend.text.fontFamily,A.axis.legend.text.fill&&(e.fillStyle=A.axis.legend.text.fill),e.textAlign=R,e.textBaseline="middle",e.fillText(b,0,0)}e.restore()};exports.Axes=p,exports.Axis=y,exports.AxisTick=m,exports.Grid=P,exports.GridLine=b,exports.GridLines=T,exports.NonMemoizedAxis=g,exports.axisPropType=k,exports.axisPropTypes=h,exports.positions=v,exports.renderAxesToCanvas=function(e,t){var n=t.xScale,i=t.yScale,r=t.width,a=t.height,o=t.top,s=t.right,l=t.bottom,c=t.left,x=t.theme,f={top:o,right:s,bottom:l,left:c};v.forEach((function(t){var o=f[t];if(!o)return null;var s="top"===t||"bottom"===t,l="top"===t||"left"===t?"before":"after",c=s?n:i,m=d(o.format,c);j(e,u({},o,{axis:s?"x":"y",x:"right"===t?r:0,y:"bottom"===t?a:0,scale:c,format:m,length:s?r:a,ticksPosition:l,theme:x}))}))},exports.renderAxisToCanvas=j,exports.renderGridLinesToCanvas=function(e,t){var n=t.width,i=t.height,r=t.scale,a=t.axis,o=t.values;f({width:n,height:i,scale:r,axis:a,values:o}).forEach((function(t){e.beginPath(),e.moveTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.stroke()}))};
 //# sourceMappingURL=nivo-axes.cjs.js.map

dist/nivo-axes.cjs.js

@@ -1,2 +0,2 @@
-"use strict";var e=require("react"),t=require("@react-spring/web"),i=require("@nivo/core"),n=require("d3-time-format"),r=require("d3-format"),a=require("@nivo/scales"),o=require("react/jsx-runtime"),s=require("prop-types");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(i){if("default"!==i){var n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,n.get?n:{enumerable:!0,get:function(){return e[i]}})}})),t.default=e,Object.freeze(t)}var c=l(e);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e},x.apply(this,arguments)}var f=function(e){var t,n=e.axis,r=e.scale,o=e.ticksPosition,s=e.tickValues,l=e.tickSize,c=e.tickPadding,f=e.tickRotation,u=e.engine,d=void 0===u?"svg":u,m=a.getScaleTicks(r,s),y=i.textPropsByEngine[d],g="bandwidth"in r?a.centerScale(r):r,v={lineX:0,lineY:0},k={textX:0,textY:0},h="object"==typeof document&&"rtl"===document.dir,p=y.align.center,b=y.baseline.center;return"x"===n?(t=function(e){var t;return{x:null!=(t=g(e))?t:0,y:0}},v.lineY=l*("after"===o?1:-1),k.textY=(l+c)*("after"===o?1:-1),b="after"===o?y.baseline.top:y.baseline.bottom,0===f?p=y.align.center:"after"===o&&f<0||"before"===o&&f>0?(p=y.align[h?"left":"right"],b=y.baseline.center):("after"===o&&f>0||"before"===o&&f<0)&&(p=y.align[h?"right":"left"],b=y.baseline.center)):(t=function(e){var t;return{x:0,y:null!=(t=g(e))?t:0}},v.lineX=l*("after"===o?1:-1),k.textX=(l+c)*("after"===o?1:-1),p="after"===o?y.align.left:y.align.right),{ticks:m.map((function(e){return x({key:e instanceof Date?""+e.valueOf():""+e,value:e},t(e),v,k)})),textAlign:p,textBaseline:b}},u=function(e,t){if(void 0===e||"function"==typeof e)return e;if("time"===t.type){var i=n.timeFormat(e);return function(e){return i(e instanceof Date?e:new Date(e))}}return r.format(e)},d=function(e){var t,i=e.width,n=e.height,r=e.scale,o=e.axis,s=e.values,l=(t=s,Array.isArray(t)?s:void 0)||a.getScaleTicks(r,s),c="bandwidth"in r?a.centerScale(r):r,x="x"===o?l.map((function(e){var t,i;return{key:e instanceof Date?""+e.valueOf():""+e,x1:null!=(t=c(e))?t:0,x2:null!=(i=c(e))?i:0,y1:0,y2:n}})):l.map((function(e){var t,n;return{key:e instanceof Date?""+e.valueOf():""+e,x1:0,x2:i,y1:null!=(t=c(e))?t:0,y2:null!=(n=c(e))?n:0}}));return x},m=e.memo((function(n){var r,a=n.value,s=n.format,l=n.lineX,c=n.lineY,f=n.onClick,u=n.textBaseline,d=n.textAnchor,m=n.animatedProps,y=i.useTheme(),g=null!=(r=null==s?void 0:s(a))?r:a,v=e.useMemo((function(){var e={opacity:m.opacity};return f?{style:x({},e,{cursor:"pointer"}),onClick:function(e){return f(e,g)}}:{style:e}}),[m.opacity,f,g]);return o.jsxs(t.animated.g,x({transform:m.transform},v,{children:[o.jsx("line",{x1:0,x2:l,y1:0,y2:c,style:y.axis.ticks.line}),o.jsx(t.animated.text,{dominantBaseline:u,textAnchor:d,transform:m.textTransform,style:y.axis.ticks.text,children:""+g})]}))})),y=e.memo((function(n){var r=n.axis,a=n.scale,s=n.x,l=void 0===s?0:s,d=n.y,y=void 0===d?0:d,g=n.length,v=n.ticksPosition,k=n.tickValues,h=n.tickSize,p=void 0===h?5:h,b=n.tickPadding,T=void 0===b?5:b,P=n.tickRotation,S=void 0===P?0:P,j=n.format,O=n.renderTick,A=void 0===O?m:O,w=n.legend,X=n.legendPosition,Y=void 0===X?"end":X,C=n.legendOffset,q=void 0===C?0:C,B=n.onClick,W=n.ariaHidden,z=i.useTheme(),R=e.useMemo((function(){return u(j,a)}),[j,a]),V=f({axis:r,scale:a,ticksPosition:v,tickValues:k,tickSize:p,tickPadding:T,tickRotation:S}),D=V.ticks,E=V.textAlign,M=V.textBaseline,F=null;if(void 0!==w){var G,L=0,H=0,N=0;"y"===r?(N=-90,L=q,"start"===Y?(G="start",H=g):"middle"===Y?(G="middle",H=g/2):"end"===Y&&(G="end")):(H=q,"start"===Y?G="start":"middle"===Y?(G="middle",L=g/2):"end"===Y&&(G="end",L=g)),F=o.jsx("text",{transform:"translate("+L+", "+H+") rotate("+N+")",textAnchor:G,style:x({dominantBaseline:"central"},z.axis.legend.text),children:w})}var I=i.useMotionConfig(),J=I.animate,K=I.config,Q=t.useSpring({transform:"translate("+l+","+y+")",lineX2:"x"===r?g:0,lineY2:"x"===r?0:g,config:K,immediate:!J}),U=t.useTransition(D,{keys:function(e){return e.key},initial:function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},from:function(e){return{opacity:0,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},enter:function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},update:function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+S+")"}},leave:{opacity:0},config:K,immediate:!J});return o.jsxs(t.animated.g,{transform:Q.transform,"aria-hidden":W,children:[U((function(e,t,i,n){return c.createElement(A,x({tickIndex:n,format:R,rotate:S,textBaseline:M,textAnchor:E,animatedProps:e},t,B?{onClick:B}:{}))})),o.jsx(t.animated.line,{style:z.axis.domain.line,x1:0,x2:Q.lineX2,y1:0,y2:Q.lineY2}),F]})})),g={ticksPosition:s.oneOf(["before","after"]),tickValues:s.oneOfType([s.number,s.arrayOf(s.oneOfType([s.number,s.string,s.instanceOf(Date)])),s.string]),tickSize:s.number,tickPadding:s.number,tickRotation:s.number,format:s.oneOfType([s.func,s.string]),renderTick:s.func,legend:s.node,legendPosition:s.oneOf(["start","middle","end"]),legendOffset:s.number,ariaHidden:s.bool},v=s.shape(g),k=["top","right","bottom","left"],h=e.memo((function(e){var t=e.xScale,i=e.yScale,n=e.width,r=e.height,a={top:e.top,right:e.right,bottom:e.bottom,left:e.left};return o.jsx(o.Fragment,{children:k.map((function(e){var s=a[e];if(!s)return null;var l="top"===e||"bottom"===e,c="top"===e||"left"===e?"before":"after";return o.jsx(y,x({},s,{axis:l?"x":"y",x:"right"===e?n:0,y:"bottom"===e?r:0,scale:l?t:i,length:l?n:r,ticksPosition:c}),e)}))})})),p=e.memo((function(e){var n=e.animatedProps,r=i.useTheme();return o.jsx(t.animated.line,x({},n,r.grid.line))})),b=e.memo((function(n){var r=n.lines,a=i.useMotionConfig(),s=a.animate,l=a.config,c=t.useTransition(r,{keys:function(e){return e.key},initial:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},from:function(e){return{opacity:0,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},enter:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},update:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},leave:{opacity:0},config:l,immediate:!s});return o.jsx("g",{children:c((function(t,i){return e.createElement(p,x({},i,{key:i.key,animatedProps:t}))}))})})),T=e.memo((function(t){var i=t.width,n=t.height,r=t.xScale,a=t.yScale,s=t.xValues,l=t.yValues,c=e.useMemo((function(){return!!r&&d({width:i,height:n,scale:r,axis:"x",values:s})}),[r,s,i,n]),x=e.useMemo((function(){return!!a&&d({width:i,height:n,scale:a,axis:"y",values:l})}),[n,i,a,l]);return o.jsxs(o.Fragment,{children:[c&&o.jsx(b,{lines:c}),x&&o.jsx(b,{lines:x})]})})),P=function(e,t){var n,r=t.axis,a=t.scale,o=t.x,s=void 0===o?0:o,l=t.y,c=void 0===l?0:l,x=t.length,u=t.ticksPosition,d=t.tickValues,m=t.tickSize,y=void 0===m?5:m,g=t.tickPadding,v=void 0===g?5:g,k=t.tickRotation,h=void 0===k?0:k,p=t.format,b=t.legend,T=t.legendPosition,P=void 0===T?"end":T,S=t.legendOffset,j=void 0===S?0:S,O=t.theme,A=f({axis:r,scale:a,ticksPosition:u,tickValues:d,tickSize:y,tickPadding:v,tickRotation:h,engine:"canvas"}),w=A.ticks,X=A.textAlign,Y=A.textBaseline;e.save(),e.translate(s,c),e.textAlign=X,e.textBaseline=Y,e.font=(O.axis.ticks.text.fontWeight?O.axis.ticks.text.fontWeight+" ":"")+O.axis.ticks.text.fontSize+"px "+O.axis.ticks.text.fontFamily,(null!=(n=O.axis.domain.line.strokeWidth)?n:0)>0&&(e.lineWidth=Number(O.axis.domain.line.strokeWidth),e.lineCap="square",O.axis.domain.line.stroke&&(e.strokeStyle=O.axis.domain.line.stroke),e.beginPath(),e.moveTo(0,0),e.lineTo("x"===r?x:0,"x"===r?0:x),e.stroke());var C="function"==typeof p?p:function(e){return""+e};if(w.forEach((function(t){var n;(null!=(n=O.axis.ticks.line.strokeWidth)?n:0)>0&&(e.lineWidth=Number(O.axis.ticks.line.strokeWidth),e.lineCap="square",O.axis.ticks.line.stroke&&(e.strokeStyle=O.axis.ticks.line.stroke),e.beginPath(),e.moveTo(t.x,t.y),e.lineTo(t.x+t.lineX,t.y+t.lineY),e.stroke());var r=C(t.value);e.save(),e.translate(t.x+t.textX,t.y+t.textY),e.rotate(i.degreesToRadians(h)),O.axis.ticks.text.fill&&(e.fillStyle=O.axis.ticks.text.fill),e.fillText(String(r),0,0),e.restore()})),void 0!==b){var q=0,B=0,W=0,z="center";"y"===r?(W=-90,q=j,"start"===P?(z="start",B=x):"middle"===P?(z="center",B=x/2):"end"===P&&(z="end")):(B=j,"start"===P?z="start":"middle"===P?(z="center",q=x/2):"end"===P&&(z="end",q=x)),e.translate(q,B),e.rotate(i.degreesToRadians(W)),e.font=(O.axis.legend.text.fontWeight?O.axis.legend.text.fontWeight+" ":"")+O.axis.legend.text.fontSize+"px "+O.axis.legend.text.fontFamily,O.axis.legend.text.fill&&(e.fillStyle=O.axis.legend.text.fill),e.textAlign=z,e.textBaseline="middle",e.fillText(b,0,0)}e.restore()};exports.Axes=h,exports.Axis=y,exports.AxisTick=m,exports.Grid=T,exports.GridLine=p,exports.GridLines=b,exports.axisPropType=v,exports.axisPropTypes=g,exports.positions=k,exports.renderAxesToCanvas=function(e,t){var i=t.xScale,n=t.yScale,r=t.width,a=t.height,o=t.top,s=t.right,l=t.bottom,c=t.left,f=t.theme,d={top:o,right:s,bottom:l,left:c};k.forEach((function(t){var o=d[t];if(!o)return null;var s="top"===t||"bottom"===t,l="top"===t||"left"===t?"before":"after",c=s?i:n,m=u(o.format,c);P(e,x({},o,{axis:s?"x":"y",x:"right"===t?r:0,y:"bottom"===t?a:0,scale:c,format:m,length:s?r:a,ticksPosition:l,theme:f}))}))},exports.renderAxisToCanvas=P,exports.renderGridLinesToCanvas=function(e,t){var i=t.width,n=t.height,r=t.scale,a=t.axis,o=t.values;d({width:i,height:n,scale:r,axis:a,values:o}).forEach((function(t){e.beginPath(),e.moveTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.stroke()}))};
+"use strict";var e=require("react"),t=require("@nivo/core"),n=require("@react-spring/web"),i=require("d3-time-format"),r=require("d3-format"),a=require("@nivo/scales"),o=require("react/jsx-runtime"),s=require("prop-types");function l(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=l(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},u.apply(this,arguments)}var x=function(e){var n,i=e.axis,r=e.scale,o=e.ticksPosition,s=e.tickValues,l=e.tickSize,c=e.tickPadding,x=e.tickRotation,d=e.truncateTickAt,f=e.engine,m=void 0===f?"svg":f,g=a.getScaleTicks(r,s),y=t.textPropsByEngine[m],h="bandwidth"in r?a.centerScale(r):r,k={lineX:0,lineY:0},v={textX:0,textY:0},p="object"==typeof document&&"rtl"===document.dir,b=y.align.center,T=y.baseline.center;"x"===i?(n=function(e){var t;return{x:null!=(t=h(e))?t:0,y:0}},k.lineY=l*("after"===o?1:-1),v.textY=(l+c)*("after"===o?1:-1),T="after"===o?y.baseline.top:y.baseline.bottom,0===x?b=y.align.center:"after"===o&&x<0||"before"===o&&x>0?(b=y.align[p?"left":"right"],T=y.baseline.center):("after"===o&&x>0||"before"===o&&x<0)&&(b=y.align[p?"right":"left"],T=y.baseline.center)):(n=function(e){var t;return{x:0,y:null!=(t=h(e))?t:0}},k.lineX=l*("after"===o?1:-1),v.textX=(l+c)*("after"===o?1:-1),b="after"===o?y.align.left:y.align.right);return{ticks:g.map((function(e){var t="string"==typeof e?function(e){var t=String(e).length;return d&&d>0&&t>d?""+String(e).slice(0,d).concat("..."):""+e}(e):e;return u({key:e instanceof Date?""+e.valueOf():""+e,value:t},n(e),k,v)})),textAlign:b,textBaseline:T}},d=function(e,t){if(void 0===e||"function"==typeof e)return e;if("time"===t.type){var n=i.timeFormat(e);return function(e){return n(e instanceof Date?e:new Date(e))}}return r.format(e)},f=function(e){var t,n=e.width,i=e.height,r=e.scale,o=e.axis,s=e.values,l=(t=s,Array.isArray(t)?s:void 0)||a.getScaleTicks(r,s),c="bandwidth"in r?a.centerScale(r):r,u="x"===o?l.map((function(e){var t,n;return{key:e instanceof Date?""+e.valueOf():""+e,x1:null!=(t=c(e))?t:0,x2:null!=(n=c(e))?n:0,y1:0,y2:i}})):l.map((function(e){var t,i;return{key:e instanceof Date?""+e.valueOf():""+e,x1:0,x2:n,y1:null!=(t=c(e))?t:0,y2:null!=(i=c(e))?i:0}}));return u},m=e.memo((function(i){var r,a=i.value,s=i.format,l=i.lineX,c=i.lineY,x=i.onClick,d=i.textBaseline,f=i.textAnchor,m=i.animatedProps,g=t.useTheme(),y=g.axis.ticks.line,h=g.axis.ticks.text,k=null!=(r=null==s?void 0:s(a))?r:a,v=e.useMemo((function(){var e={opacity:m.opacity};return x?{style:u({},e,{cursor:"pointer"}),onClick:function(e){return x(e,k)}}:{style:e}}),[m.opacity,x,k]);return o.jsxs(n.animated.g,u({transform:m.transform},v,{children:[o.jsx("line",{x1:0,x2:l,y1:0,y2:c,style:y}),h.outlineWidth>0&&o.jsx(n.animated.text,{dominantBaseline:d,textAnchor:f,transform:m.textTransform,style:h,strokeWidth:2*h.outlineWidth,stroke:h.outlineColor,strokeLinejoin:"round",children:""+k}),o.jsx(n.animated.text,{dominantBaseline:d,textAnchor:f,transform:m.textTransform,style:h,children:""+k})]}))})),g=function(i){var r=i.axis,a=i.scale,s=i.x,l=void 0===s?0:s,f=i.y,g=void 0===f?0:f,y=i.length,h=i.ticksPosition,k=i.tickValues,v=i.tickSize,p=void 0===v?5:v,b=i.tickPadding,T=void 0===b?5:b,P=i.tickRotation,j=void 0===P?0:P,S=i.format,A=i.renderTick,O=void 0===A?m:A,W=i.truncateTickAt,C=i.legend,w=i.legendPosition,B=void 0===w?"end":w,X=i.legendOffset,Y=void 0===X?0:X,q=i.onClick,z=i.ariaHidden,R=t.useTheme(),V=R.axis.legend.text,D=e.useMemo((function(){return d(S,a)}),[S,a]),E=x({axis:r,scale:a,ticksPosition:h,tickValues:k,tickSize:p,tickPadding:T,tickRotation:j,truncateTickAt:W}),M=E.ticks,F=E.textAlign,L=E.textBaseline,G=null;if(void 0!==C){var N,H=0,I=0,J=0;"y"===r?(J=-90,H=Y,"start"===B?(N="start",I=y):"middle"===B?(N="middle",I=y/2):"end"===B&&(N="end")):(I=Y,"start"===B?N="start":"middle"===B?(N="middle",H=y/2):"end"===B&&(N="end",H=y)),G=o.jsxs(o.Fragment,{children:[V.outlineWidth>0&&o.jsx("text",{transform:"translate("+H+", "+I+") rotate("+J+")",textAnchor:N,style:u({dominantBaseline:"central"},V),strokeWidth:2*V.outlineWidth,stroke:V.outlineColor,strokeLinejoin:"round",children:C}),o.jsx("text",{transform:"translate("+H+", "+I+") rotate("+J+")",textAnchor:N,style:u({dominantBaseline:"central"},V),children:C})]})}var K=t.useMotionConfig(),Q=K.animate,U=K.config,Z=n.useSpring({transform:"translate("+l+","+g+")",lineX2:"x"===r?y:0,lineY2:"x"===r?0:y,config:U,immediate:!Q}),$=e.useCallback((function(e){return{opacity:1,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+j+")"}}),[j]),_=e.useCallback((function(e){return{opacity:0,transform:"translate("+e.x+","+e.y+")",textTransform:"translate("+e.textX+","+e.textY+") rotate("+j+")"}}),[j]),ee=n.useTransition(M,{keys:function(e){return e.key},initial:$,from:_,enter:$,update:$,leave:{opacity:0},config:U,immediate:!Q});return o.jsxs(n.animated.g,{transform:Z.transform,"aria-hidden":z,children:[ee((function(e,t,n,i){return c.createElement(O,u({tickIndex:i,format:D,rotate:j,textBaseline:L,textAnchor:F,truncateTickAt:W,animatedProps:e},t,q?{onClick:q}:{}))})),o.jsx(n.animated.line,{style:R.axis.domain.line,x1:0,x2:Z.lineX2,y1:0,y2:Z.lineY2}),G]})},y=e.memo(g),h={ticksPosition:s.oneOf(["before","after"]),tickValues:s.oneOfType([s.number,s.arrayOf(s.oneOfType([s.number,s.string,s.instanceOf(Date)])),s.string]),rotateOnTickLength:s.shape({angle:s.number,length:s.number}),tickSize:s.number,tickPadding:s.number,tickRotation:s.number,format:s.oneOfType([s.func,s.string]),renderTick:s.func,legend:s.node,legendPosition:s.oneOf(["start","middle","end"]),legendOffset:s.number,ariaHidden:s.bool},k=s.shape(h),v=["top","right","bottom","left"],p=e.memo((function(e){var t=e.xScale,n=e.yScale,i=e.width,r=e.height,a={top:e.top,right:e.right,bottom:e.bottom,left:e.left};return o.jsx(o.Fragment,{children:v.map((function(e){var s=a[e];if(!s)return null;var l="top"===e||"bottom"===e,c="top"===e||"left"===e?"before":"after";return o.jsx(y,u({},s,{axis:l?"x":"y",x:"right"===e?i:0,y:"bottom"===e?r:0,scale:l?t:n,length:l?i:r,ticksPosition:c,truncateTickAt:s.truncateTickAt}),e)}))})})),b=e.memo((function(e){var i=e.animatedProps,r=t.useTheme();return o.jsx(n.animated.line,u({},i,r.grid.line))})),T=e.memo((function(i){var r=i.lines,a=t.useMotionConfig(),s=a.animate,l=a.config,c=n.useTransition(r,{keys:function(e){return e.key},initial:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},from:function(e){return{opacity:0,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},enter:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},update:function(e){return{opacity:1,x1:e.x1,x2:e.x2,y1:e.y1,y2:e.y2}},leave:{opacity:0},config:l,immediate:!s});return o.jsx("g",{children:c((function(t,n){return e.createElement(b,u({},n,{key:n.key,animatedProps:t}))}))})})),P=e.memo((function(t){var n=t.width,i=t.height,r=t.xScale,a=t.yScale,s=t.xValues,l=t.yValues,c=e.useMemo((function(){return!!r&&f({width:n,height:i,scale:r,axis:"x",values:s})}),[r,s,n,i]),u=e.useMemo((function(){return!!a&&f({width:n,height:i,scale:a,axis:"y",values:l})}),[i,n,a,l]);return o.jsxs(o.Fragment,{children:[c&&o.jsx(T,{lines:c}),u&&o.jsx(T,{lines:u})]})})),j=function(e,n){var i,r=n.axis,a=n.scale,o=n.x,s=void 0===o?0:o,l=n.y,c=void 0===l?0:l,u=n.length,d=n.ticksPosition,f=n.tickValues,m=n.tickSize,g=void 0===m?5:m,y=n.tickPadding,h=void 0===y?5:y,k=n.tickRotation,v=void 0===k?0:k,p=n.format,b=n.legend,T=n.legendPosition,P=void 0===T?"end":T,j=n.legendOffset,S=void 0===j?0:j,A=n.theme,O=x({axis:r,scale:a,ticksPosition:d,tickValues:f,tickSize:g,tickPadding:h,tickRotation:v,engine:"canvas"}),W=O.ticks,C=O.textAlign,w=O.textBaseline;e.save(),e.translate(s,c),e.textAlign=C,e.textBaseline=w;var B=A.axis.ticks.text;e.font=(B.fontWeight?B.fontWeight+" ":"")+B.fontSize+"px "+B.fontFamily,(null!=(i=A.axis.domain.line.strokeWidth)?i:0)>0&&(e.lineWidth=Number(A.axis.domain.line.strokeWidth),e.lineCap="square",A.axis.domain.line.stroke&&(e.strokeStyle=A.axis.domain.line.stroke),e.beginPath(),e.moveTo(0,0),e.lineTo("x"===r?u:0,"x"===r?0:u),e.stroke());var X="function"==typeof p?p:function(e){return""+e};if(W.forEach((function(n){var i;(null!=(i=A.axis.ticks.line.strokeWidth)?i:0)>0&&(e.lineWidth=Number(A.axis.ticks.line.strokeWidth),e.lineCap="square",A.axis.ticks.line.stroke&&(e.strokeStyle=A.axis.ticks.line.stroke),e.beginPath(),e.moveTo(n.x,n.y),e.lineTo(n.x+n.lineX,n.y+n.lineY),e.stroke());var r=X(n.value);e.save(),e.translate(n.x+n.textX,n.y+n.textY),e.rotate(t.degreesToRadians(v)),B.outlineWidth>0&&(e.strokeStyle=B.outlineColor,e.lineWidth=2*B.outlineWidth,e.lineJoin="round",e.strokeText(""+r,0,0)),A.axis.ticks.text.fill&&(e.fillStyle=B.fill),e.fillText(""+r,0,0),e.restore()})),void 0!==b){var Y=0,q=0,z=0,R="center";"y"===r?(z=-90,Y=S,"start"===P?(R="start",q=u):"middle"===P?(R="center",q=u/2):"end"===P&&(R="end")):(q=S,"start"===P?R="start":"middle"===P?(R="center",Y=u/2):"end"===P&&(R="end",Y=u)),e.translate(Y,q),e.rotate(t.degreesToRadians(z)),e.font=(A.axis.legend.text.fontWeight?A.axis.legend.text.fontWeight+" ":"")+A.axis.legend.text.fontSize+"px "+A.axis.legend.text.fontFamily,A.axis.legend.text.fill&&(e.fillStyle=A.axis.legend.text.fill),e.textAlign=R,e.textBaseline="middle",e.fillText(b,0,0)}e.restore()};exports.Axes=p,exports.Axis=y,exports.AxisTick=m,exports.Grid=P,exports.GridLine=b,exports.GridLines=T,exports.NonMemoizedAxis=g,exports.axisPropType=k,exports.axisPropTypes=h,exports.positions=v,exports.renderAxesToCanvas=function(e,t){var n=t.xScale,i=t.yScale,r=t.width,a=t.height,o=t.top,s=t.right,l=t.bottom,c=t.left,x=t.theme,f={top:o,right:s,bottom:l,left:c};v.forEach((function(t){var o=f[t];if(!o)return null;var s="top"===t||"bottom"===t,l="top"===t||"left"===t?"before":"after",c=s?n:i,m=d(o.format,c);j(e,u({},o,{axis:s?"x":"y",x:"right"===t?r:0,y:"bottom"===t?a:0,scale:c,format:m,length:s?r:a,ticksPosition:l,theme:x}))}))},exports.renderAxisToCanvas=j,exports.renderGridLinesToCanvas=function(e,t){var n=t.width,i=t.height,r=t.scale,a=t.axis,o=t.values;f({width:n,height:i,scale:r,axis:a,values:o}).forEach((function(t){e.beginPath(),e.moveTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.stroke()}))};
 //# sourceMappingURL=nivo-axes.cjs.js.map

dist/nivo-axes.es.js

@@ -1,2 +0,2 @@
-import*as t from"react";import{memo as e,useMemo as i,createElement as n}from"react";import{animated as r,useSpring as a,useTransition as o}from"@react-spring/web";import{textPropsByEngine as l,useTheme as s,useMotionConfig as c,degreesToRadians as f}from"@nivo/core";import{timeFormat as x}from"d3-time-format";import{format as d}from"d3-format";import{getScaleTicks as u,centerScale as m}from"@nivo/scales";import{jsxs as y,jsx as g,Fragment as k}from"react/jsx-runtime";import h from"prop-types";function v(){return v=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},v.apply(this,arguments)}var p=function(t){var e,i=t.axis,n=t.scale,r=t.ticksPosition,a=t.tickValues,o=t.tickSize,s=t.tickPadding,c=t.tickRotation,f=t.engine,x=void 0===f?"svg":f,d=u(n,a),y=l[x],g="bandwidth"in n?m(n):n,k={lineX:0,lineY:0},h={textX:0,textY:0},p="object"==typeof document&&"rtl"===document.dir,b=y.align.center,P=y.baseline.center;return"x"===i?(e=function(t){var e;return{x:null!=(e=g(t))?e:0,y:0}},k.lineY=o*("after"===r?1:-1),h.textY=(o+s)*("after"===r?1:-1),P="after"===r?y.baseline.top:y.baseline.bottom,0===c?b=y.align.center:"after"===r&&c<0||"before"===r&&c>0?(b=y.align[p?"left":"right"],P=y.baseline.center):("after"===r&&c>0||"before"===r&&c<0)&&(b=y.align[p?"right":"left"],P=y.baseline.center)):(e=function(t){var e;return{x:0,y:null!=(e=g(t))?e:0}},k.lineX=o*("after"===r?1:-1),h.textX=(o+s)*("after"===r?1:-1),b="after"===r?y.align.left:y.align.right),{ticks:d.map((function(t){return v({key:t instanceof Date?""+t.valueOf():""+t,value:t},e(t),k,h)})),textAlign:b,textBaseline:P}},b=function(t,e){if(void 0===t||"function"==typeof t)return t;if("time"===e.type){var i=x(t);return function(t){return i(t instanceof Date?t:new Date(t))}}return d(t)},P=function(t){var e,i=t.width,n=t.height,r=t.scale,a=t.axis,o=t.values,l=(e=o,Array.isArray(e)?o:void 0)||u(r,o),s="bandwidth"in r?m(r):r,c="x"===a?l.map((function(t){var e,i;return{key:t instanceof Date?""+t.valueOf():""+t,x1:null!=(e=s(t))?e:0,x2:null!=(i=s(t))?i:0,y1:0,y2:n}})):l.map((function(t){var e,n;return{key:t instanceof Date?""+t.valueOf():""+t,x1:0,x2:i,y1:null!=(e=s(t))?e:0,y2:null!=(n=s(t))?n:0}}));return c},S=e((function(t){var e,n=t.value,a=t.format,o=t.lineX,l=t.lineY,c=t.onClick,f=t.textBaseline,x=t.textAnchor,d=t.animatedProps,u=s(),m=null!=(e=null==a?void 0:a(n))?e:n,k=i((function(){var t={opacity:d.opacity};return c?{style:v({},t,{cursor:"pointer"}),onClick:function(t){return c(t,m)}}:{style:t}}),[d.opacity,c,m]);return y(r.g,v({transform:d.transform},k,{children:[g("line",{x1:0,x2:o,y1:0,y2:l,style:u.axis.ticks.line}),g(r.text,{dominantBaseline:f,textAnchor:x,transform:d.textTransform,style:u.axis.ticks.text,children:""+m})]}))})),T=e((function(e){var n=e.axis,l=e.scale,f=e.x,x=void 0===f?0:f,d=e.y,u=void 0===d?0:d,m=e.length,k=e.ticksPosition,h=e.tickValues,P=e.tickSize,T=void 0===P?5:P,O=e.tickPadding,w=void 0===O?5:O,A=e.tickRotation,X=void 0===A?0:A,Y=e.format,W=e.renderTick,B=void 0===W?S:W,z=e.legend,V=e.legendPosition,C=void 0===V?"end":V,D=e.legendOffset,R=void 0===D?0:D,j=e.onClick,E=e.ariaHidden,q=s(),F=i((function(){return b(Y,l)}),[Y,l]),H=p({axis:n,scale:l,ticksPosition:k,tickValues:h,tickSize:T,tickPadding:w,tickRotation:X}),N=H.ticks,I=H.textAlign,G=H.textBaseline,J=null;if(void 0!==z){var K,L=0,M=0,Q=0;"y"===n?(Q=-90,L=R,"start"===C?(K="start",M=m):"middle"===C?(K="middle",M=m/2):"end"===C&&(K="end")):(M=R,"start"===C?K="start":"middle"===C?(K="middle",L=m/2):"end"===C&&(K="end",L=m)),J=g("text",{transform:"translate("+L+", "+M+") rotate("+Q+")",textAnchor:K,style:v({dominantBaseline:"central"},q.axis.legend.text),children:z})}var U=c(),Z=U.animate,$=U.config,_=a({transform:"translate("+x+","+u+")",lineX2:"x"===n?m:0,lineY2:"x"===n?0:m,config:$,immediate:!Z}),tt=o(N,{keys:function(t){return t.key},initial:function(t){return{opacity:1,transform:"translate("+t.x+","+t.y+")",textTransform:"translate("+t.textX+","+t.textY+") rotate("+X+")"}},from:function(t){return{opacity:0,transform:"translate("+t.x+","+t.y+")",textTransform:"translate("+t.textX+","+t.textY+") rotate("+X+")"}},enter:function(t){return{opacity:1,transform:"translate("+t.x+","+t.y+")",textTransform:"translate("+t.textX+","+t.textY+") rotate("+X+")"}},update:function(t){return{opacity:1,transform:"translate("+t.x+","+t.y+")",textTransform:"translate("+t.textX+","+t.textY+") rotate("+X+")"}},leave:{opacity:0},config:$,immediate:!Z});return y(r.g,{transform:_.transform,"aria-hidden":E,children:[tt((function(e,i,n,r){return t.createElement(B,v({tickIndex:r,format:F,rotate:X,textBaseline:G,textAnchor:I,animatedProps:e},i,j?{onClick:j}:{}))})),g(r.line,{style:q.axis.domain.line,x1:0,x2:_.lineX2,y1:0,y2:_.lineY2}),J]})})),O={ticksPosition:h.oneOf(["before","after"]),tickValues:h.oneOfType([h.number,h.arrayOf(h.oneOfType([h.number,h.string,h.instanceOf(Date)])),h.string]),tickSize:h.number,tickPadding:h.number,tickRotation:h.number,format:h.oneOfType([h.func,h.string]),renderTick:h.func,legend:h.node,legendPosition:h.oneOf(["start","middle","end"]),legendOffset:h.number,ariaHidden:h.bool},w=h.shape(O),A=["top","right","bottom","left"],X=e((function(t){var e=t.xScale,i=t.yScale,n=t.width,r=t.height,a={top:t.top,right:t.right,bottom:t.bottom,left:t.left};return g(k,{children:A.map((function(t){var o=a[t];if(!o)return null;var l="top"===t||"bottom"===t;return g(T,v({},o,{axis:l?"x":"y",x:"right"===t?n:0,y:"bottom"===t?r:0,scale:l?e:i,length:l?n:r,ticksPosition:"top"===t||"left"===t?"before":"after"}),t)}))})})),Y=e((function(t){var e=t.animatedProps,i=s();return g(r.line,v({},e,i.grid.line))})),W=e((function(t){var e=t.lines,i=c(),r=i.animate,a=i.config,l=o(e,{keys:function(t){return t.key},initial:function(t){return{opacity:1,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},from:function(t){return{opacity:0,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},enter:function(t){return{opacity:1,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},update:function(t){return{opacity:1,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},leave:{opacity:0},config:a,immediate:!r});return g("g",{children:l((function(t,e){return n(Y,v({},e,{key:e.key,animatedProps:t}))}))})})),B=e((function(t){var e=t.width,n=t.height,r=t.xScale,a=t.yScale,o=t.xValues,l=t.yValues,s=i((function(){return!!r&&P({width:e,height:n,scale:r,axis:"x",values:o})}),[r,o,e,n]),c=i((function(){return!!a&&P({width:e,height:n,scale:a,axis:"y",values:l})}),[n,e,a,l]);return y(k,{children:[s&&g(W,{lines:s}),c&&g(W,{lines:c})]})})),z=function(t,e){var i,n=e.axis,r=e.scale,a=e.x,o=void 0===a?0:a,l=e.y,s=void 0===l?0:l,c=e.length,x=e.ticksPosition,d=e.tickValues,u=e.tickSize,m=void 0===u?5:u,y=e.tickPadding,g=void 0===y?5:y,k=e.tickRotation,h=void 0===k?0:k,v=e.format,b=e.legend,P=e.legendPosition,S=void 0===P?"end":P,T=e.legendOffset,O=void 0===T?0:T,w=e.theme,A=p({axis:n,scale:r,ticksPosition:x,tickValues:d,tickSize:m,tickPadding:g,tickRotation:h,engine:"canvas"}),X=A.ticks,Y=A.textAlign,W=A.textBaseline;t.save(),t.translate(o,s),t.textAlign=Y,t.textBaseline=W,t.font=(w.axis.ticks.text.fontWeight?w.axis.ticks.text.fontWeight+" ":"")+w.axis.ticks.text.fontSize+"px "+w.axis.ticks.text.fontFamily,(null!=(i=w.axis.domain.line.strokeWidth)?i:0)>0&&(t.lineWidth=Number(w.axis.domain.line.strokeWidth),t.lineCap="square",w.axis.domain.line.stroke&&(t.strokeStyle=w.axis.domain.line.stroke),t.beginPath(),t.moveTo(0,0),t.lineTo("x"===n?c:0,"x"===n?0:c),t.stroke());var B="function"==typeof v?v:function(t){return""+t};if(X.forEach((function(e){var i;(null!=(i=w.axis.ticks.line.strokeWidth)?i:0)>0&&(t.lineWidth=Number(w.axis.ticks.line.strokeWidth),t.lineCap="square",w.axis.ticks.line.stroke&&(t.strokeStyle=w.axis.ticks.line.stroke),t.beginPath(),t.moveTo(e.x,e.y),t.lineTo(e.x+e.lineX,e.y+e.lineY),t.stroke());var n=B(e.value);t.save(),t.translate(e.x+e.textX,e.y+e.textY),t.rotate(f(h)),w.axis.ticks.text.fill&&(t.fillStyle=w.axis.ticks.text.fill),t.fillText(String(n),0,0),t.restore()})),void 0!==b){var z=0,V=0,C=0,D="center";"y"===n?(C=-90,z=O,"start"===S?(D="start",V=c):"middle"===S?(D="center",V=c/2):"end"===S&&(D="end")):(V=O,"start"===S?D="start":"middle"===S?(D="center",z=c/2):"end"===S&&(D="end",z=c)),t.translate(z,V),t.rotate(f(C)),t.font=(w.axis.legend.text.fontWeight?w.axis.legend.text.fontWeight+" ":"")+w.axis.legend.text.fontSize+"px "+w.axis.legend.text.fontFamily,w.axis.legend.text.fill&&(t.fillStyle=w.axis.legend.text.fill),t.textAlign=D,t.textBaseline="middle",t.fillText(b,0,0)}t.restore()},V=function(t,e){var i=e.xScale,n=e.yScale,r=e.width,a=e.height,o=e.top,l=e.right,s=e.bottom,c=e.left,f=e.theme,x={top:o,right:l,bottom:s,left:c};A.forEach((function(e){var o=x[e];if(!o)return null;var l="top"===e||"bottom"===e,s="top"===e||"left"===e?"before":"after",c=l?i:n,d=b(o.format,c);z(t,v({},o,{axis:l?"x":"y",x:"right"===e?r:0,y:"bottom"===e?a:0,scale:c,format:d,length:l?r:a,ticksPosition:s,theme:f}))}))},C=function(t,e){var i=e.width,n=e.height,r=e.scale,a=e.axis,o=e.values;P({width:i,height:n,scale:r,axis:a,values:o}).forEach((function(e){t.beginPath(),t.moveTo(e.x1,e.y1),t.lineTo(e.x2,e.y2),t.stroke()}))};export{X as Axes,T as Axis,S as AxisTick,B as Grid,Y as GridLine,W as GridLines,w as axisPropType,O as axisPropTypes,A as positions,V as renderAxesToCanvas,z as renderAxisToCanvas,C as renderGridLinesToCanvas};
+import*as t from"react";import{memo as e,useMemo as i,useCallback as n,createElement as r}from"react";import{textPropsByEngine as o,useTheme as a,useMotionConfig as l,degreesToRadians as s}from"@nivo/core";import{animated as c,useSpring as f,useTransition as u}from"@react-spring/web";import{timeFormat as d}from"d3-time-format";import{format as x}from"d3-format";import{getScaleTicks as m,centerScale as y}from"@nivo/scales";import{jsxs as h,jsx as g,Fragment as k}from"react/jsx-runtime";import v from"prop-types";function p(){return p=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(t[n]=i[n])}return t},p.apply(this,arguments)}var b=function(t){var e,i=t.axis,n=t.scale,r=t.ticksPosition,a=t.tickValues,l=t.tickSize,s=t.tickPadding,c=t.tickRotation,f=t.truncateTickAt,u=t.engine,d=void 0===u?"svg":u,x=m(n,a),h=o[d],g="bandwidth"in n?y(n):n,k={lineX:0,lineY:0},v={textX:0,textY:0},b="object"==typeof document&&"rtl"===document.dir,T=h.align.center,P=h.baseline.center;"x"===i?(e=function(t){var e;return{x:null!=(e=g(t))?e:0,y:0}},k.lineY=l*("after"===r?1:-1),v.textY=(l+s)*("after"===r?1:-1),P="after"===r?h.baseline.top:h.baseline.bottom,0===c?T=h.align.center:"after"===r&&c<0||"before"===r&&c>0?(T=h.align[b?"left":"right"],P=h.baseline.center):("after"===r&&c>0||"before"===r&&c<0)&&(T=h.align[b?"right":"left"],P=h.baseline.center)):(e=function(t){var e;return{x:0,y:null!=(e=g(t))?e:0}},k.lineX=l*("after"===r?1:-1),v.textX=(l+s)*("after"===r?1:-1),T="after"===r?h.align.left:h.align.right);return{ticks:x.map((function(t){var i="string"==typeof t?function(t){var e=String(t).length;return f&&f>0&&e>f?""+String(t).slice(0,f).concat("..."):""+t}(t):t;return p({key:t instanceof Date?""+t.valueOf():""+t,value:i},e(t),k,v)})),textAlign:T,textBaseline:P}},T=function(t,e){if(void 0===t||"function"==typeof t)return t;if("time"===e.type){var i=d(t);return function(t){return i(t instanceof Date?t:new Date(t))}}return x(t)},P=function(t){var e,i=t.width,n=t.height,r=t.scale,o=t.axis,a=t.values,l=(e=a,Array.isArray(e)?a:void 0)||m(r,a),s="bandwidth"in r?y(r):r,c="x"===o?l.map((function(t){var e,i;return{key:t instanceof Date?""+t.valueOf():""+t,x1:null!=(e=s(t))?e:0,x2:null!=(i=s(t))?i:0,y1:0,y2:n}})):l.map((function(t){var e,n;return{key:t instanceof Date?""+t.valueOf():""+t,x1:0,x2:i,y1:null!=(e=s(t))?e:0,y2:null!=(n=s(t))?n:0}}));return c},S=e((function(t){var e,n=t.value,r=t.format,o=t.lineX,l=t.lineY,s=t.onClick,f=t.textBaseline,u=t.textAnchor,d=t.animatedProps,x=a(),m=x.axis.ticks.line,y=x.axis.ticks.text,k=null!=(e=null==r?void 0:r(n))?e:n,v=i((function(){var t={opacity:d.opacity};return s?{style:p({},t,{cursor:"pointer"}),onClick:function(t){return s(t,k)}}:{style:t}}),[d.opacity,s,k]);return h(c.g,p({transform:d.transform},v,{children:[g("line",{x1:0,x2:o,y1:0,y2:l,style:m}),y.outlineWidth>0&&g(c.text,{dominantBaseline:f,textAnchor:u,transform:d.textTransform,style:y,strokeWidth:2*y.outlineWidth,stroke:y.outlineColor,strokeLinejoin:"round",children:""+k}),g(c.text,{dominantBaseline:f,textAnchor:u,transform:d.textTransform,style:y,children:""+k})]}))})),A=function(e){var r=e.axis,o=e.scale,s=e.x,d=void 0===s?0:s,x=e.y,m=void 0===x?0:x,y=e.length,v=e.ticksPosition,P=e.tickValues,A=e.tickSize,W=void 0===A?5:A,O=e.tickPadding,w=void 0===O?5:O,B=e.tickRotation,X=void 0===B?0:B,Y=e.format,C=e.renderTick,z=void 0===C?S:C,V=e.truncateTickAt,j=e.legend,D=e.legendPosition,R=void 0===D?"end":D,E=e.legendOffset,L=void 0===E?0:E,q=e.onClick,F=e.ariaHidden,H=a(),N=H.axis.legend.text,I=i((function(){return T(Y,o)}),[Y,o]),J=b({axis:r,scale:o,ticksPosition:v,tickValues:P,tickSize:W,tickPadding:w,tickRotation:X,truncateTickAt:V}),G=J.ticks,K=J.textAlign,M=J.textBaseline,Q=null;if(void 0!==j){var U,Z=0,$=0,_=0;"y"===r?(_=-90,Z=L,"start"===R?(U="start",$=y):"middle"===R?(U="middle",$=y/2):"end"===R&&(U="end")):($=L,"start"===R?U="start":"middle"===R?(U="middle",Z=y/2):"end"===R&&(U="end",Z=y)),Q=h(k,{children:[N.outlineWidth>0&&g("text",{transform:"translate("+Z+", "+$+") rotate("+_+")",textAnchor:U,style:p({dominantBaseline:"central"},N),strokeWidth:2*N.outlineWidth,stroke:N.outlineColor,strokeLinejoin:"round",children:j}),g("text",{transform:"translate("+Z+", "+$+") rotate("+_+")",textAnchor:U,style:p({dominantBaseline:"central"},N),children:j})]})}var tt=l(),et=tt.animate,it=tt.config,nt=f({transform:"translate("+d+","+m+")",lineX2:"x"===r?y:0,lineY2:"x"===r?0:y,config:it,immediate:!et}),rt=n((function(t){return{opacity:1,transform:"translate("+t.x+","+t.y+")",textTransform:"translate("+t.textX+","+t.textY+") rotate("+X+")"}}),[X]),ot=n((function(t){return{opacity:0,transform:"translate("+t.x+","+t.y+")",textTransform:"translate("+t.textX+","+t.textY+") rotate("+X+")"}}),[X]),at=u(G,{keys:function(t){return t.key},initial:rt,from:ot,enter:rt,update:rt,leave:{opacity:0},config:it,immediate:!et});return h(c.g,{transform:nt.transform,"aria-hidden":F,children:[at((function(e,i,n,r){return t.createElement(z,p({tickIndex:r,format:I,rotate:X,textBaseline:M,textAnchor:K,truncateTickAt:V,animatedProps:e},i,q?{onClick:q}:{}))})),g(c.line,{style:H.axis.domain.line,x1:0,x2:nt.lineX2,y1:0,y2:nt.lineY2}),Q]})},W=e(A),O={ticksPosition:v.oneOf(["before","after"]),tickValues:v.oneOfType([v.number,v.arrayOf(v.oneOfType([v.number,v.string,v.instanceOf(Date)])),v.string]),rotateOnTickLength:v.shape({angle:v.number,length:v.number}),tickSize:v.number,tickPadding:v.number,tickRotation:v.number,format:v.oneOfType([v.func,v.string]),renderTick:v.func,legend:v.node,legendPosition:v.oneOf(["start","middle","end"]),legendOffset:v.number,ariaHidden:v.bool},w=v.shape(O),B=["top","right","bottom","left"],X=e((function(t){var e=t.xScale,i=t.yScale,n=t.width,r=t.height,o={top:t.top,right:t.right,bottom:t.bottom,left:t.left};return g(k,{children:B.map((function(t){var a=o[t];if(!a)return null;var l="top"===t||"bottom"===t;return g(W,p({},a,{axis:l?"x":"y",x:"right"===t?n:0,y:"bottom"===t?r:0,scale:l?e:i,length:l?n:r,ticksPosition:"top"===t||"left"===t?"before":"after",truncateTickAt:a.truncateTickAt}),t)}))})})),Y=e((function(t){var e=t.animatedProps,i=a();return g(c.line,p({},e,i.grid.line))})),C=e((function(t){var e=t.lines,i=l(),n=i.animate,o=i.config,a=u(e,{keys:function(t){return t.key},initial:function(t){return{opacity:1,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},from:function(t){return{opacity:0,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},enter:function(t){return{opacity:1,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},update:function(t){return{opacity:1,x1:t.x1,x2:t.x2,y1:t.y1,y2:t.y2}},leave:{opacity:0},config:o,immediate:!n});return g("g",{children:a((function(t,e){return r(Y,p({},e,{key:e.key,animatedProps:t}))}))})})),z=e((function(t){var e=t.width,n=t.height,r=t.xScale,o=t.yScale,a=t.xValues,l=t.yValues,s=i((function(){return!!r&&P({width:e,height:n,scale:r,axis:"x",values:a})}),[r,a,e,n]),c=i((function(){return!!o&&P({width:e,height:n,scale:o,axis:"y",values:l})}),[n,e,o,l]);return h(k,{children:[s&&g(C,{lines:s}),c&&g(C,{lines:c})]})})),V=function(t,e){var i,n=e.axis,r=e.scale,o=e.x,a=void 0===o?0:o,l=e.y,c=void 0===l?0:l,f=e.length,u=e.ticksPosition,d=e.tickValues,x=e.tickSize,m=void 0===x?5:x,y=e.tickPadding,h=void 0===y?5:y,g=e.tickRotation,k=void 0===g?0:g,v=e.format,p=e.legend,T=e.legendPosition,P=void 0===T?"end":T,S=e.legendOffset,A=void 0===S?0:S,W=e.theme,O=b({axis:n,scale:r,ticksPosition:u,tickValues:d,tickSize:m,tickPadding:h,tickRotation:k,engine:"canvas"}),w=O.ticks,B=O.textAlign,X=O.textBaseline;t.save(),t.translate(a,c),t.textAlign=B,t.textBaseline=X;var Y=W.axis.ticks.text;t.font=(Y.fontWeight?Y.fontWeight+" ":"")+Y.fontSize+"px "+Y.fontFamily,(null!=(i=W.axis.domain.line.strokeWidth)?i:0)>0&&(t.lineWidth=Number(W.axis.domain.line.strokeWidth),t.lineCap="square",W.axis.domain.line.stroke&&(t.strokeStyle=W.axis.domain.line.stroke),t.beginPath(),t.moveTo(0,0),t.lineTo("x"===n?f:0,"x"===n?0:f),t.stroke());var C="function"==typeof v?v:function(t){return""+t};if(w.forEach((function(e){var i;(null!=(i=W.axis.ticks.line.strokeWidth)?i:0)>0&&(t.lineWidth=Number(W.axis.ticks.line.strokeWidth),t.lineCap="square",W.axis.ticks.line.stroke&&(t.strokeStyle=W.axis.ticks.line.stroke),t.beginPath(),t.moveTo(e.x,e.y),t.lineTo(e.x+e.lineX,e.y+e.lineY),t.stroke());var n=C(e.value);t.save(),t.translate(e.x+e.textX,e.y+e.textY),t.rotate(s(k)),Y.outlineWidth>0&&(t.strokeStyle=Y.outlineColor,t.lineWidth=2*Y.outlineWidth,t.lineJoin="round",t.strokeText(""+n,0,0)),W.axis.ticks.text.fill&&(t.fillStyle=Y.fill),t.fillText(""+n,0,0),t.restore()})),void 0!==p){var z=0,V=0,j=0,D="center";"y"===n?(j=-90,z=A,"start"===P?(D="start",V=f):"middle"===P?(D="center",V=f/2):"end"===P&&(D="end")):(V=A,"start"===P?D="start":"middle"===P?(D="center",z=f/2):"end"===P&&(D="end",z=f)),t.translate(z,V),t.rotate(s(j)),t.font=(W.axis.legend.text.fontWeight?W.axis.legend.text.fontWeight+" ":"")+W.axis.legend.text.fontSize+"px "+W.axis.legend.text.fontFamily,W.axis.legend.text.fill&&(t.fillStyle=W.axis.legend.text.fill),t.textAlign=D,t.textBaseline="middle",t.fillText(p,0,0)}t.restore()},j=function(t,e){var i=e.xScale,n=e.yScale,r=e.width,o=e.height,a=e.top,l=e.right,s=e.bottom,c=e.left,f=e.theme,u={top:a,right:l,bottom:s,left:c};B.forEach((function(e){var a=u[e];if(!a)return null;var l="top"===e||"bottom"===e,s="top"===e||"left"===e?"before":"after",c=l?i:n,d=T(a.format,c);V(t,p({},a,{axis:l?"x":"y",x:"right"===e?r:0,y:"bottom"===e?o:0,scale:c,format:d,length:l?r:o,ticksPosition:s,theme:f}))}))},D=function(t,e){var i=e.width,n=e.height,r=e.scale,o=e.axis,a=e.values;P({width:i,height:n,scale:r,axis:o,values:a}).forEach((function(e){t.beginPath(),t.moveTo(e.x1,e.y1),t.lineTo(e.x2,e.y2),t.stroke()}))};export{X as Axes,W as Axis,S as AxisTick,z as Grid,Y as GridLine,C as GridLines,A as NonMemoizedAxis,w as axisPropType,O as axisPropTypes,B as positions,j as renderAxesToCanvas,V as renderAxisToCanvas,D as renderGridLinesToCanvas};
 //# sourceMappingURL=nivo-axes.es.js.map

dist/types/components/Axis.d.ts

@@ -0,5 +1,5 @@
+import { AnyScale, ScaleValue } from '@nivo/scales';
 import * as React from 'react';
-import { ScaleValue, AnyScale } from '@nivo/scales';
 import { AxisProps } from '../types';
-declare const memoizedAxis: <Value extends ScaleValue>({ axis, scale, x, y, length, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, format, renderTick, legend, legendPosition, legendOffset, onClick, ariaHidden, }: AxisProps<Value> & {
+export declare const NonMemoizedAxis: <Value extends ScaleValue>({ axis, scale, x, y, length, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, format, renderTick, truncateTickAt, legend, legendPosition, legendOffset, onClick, ariaHidden, }: AxisProps<Value> & {
     axis: 'x' | 'y';
@@ -12,3 +12,10 @@ scale: AnyScale;
 }) => JSX.Element;
-export { memoizedAxis as Axis };
+export declare const Axis: <Value extends ScaleValue>({ axis, scale, x, y, length, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, format, renderTick, truncateTickAt, legend, legendPosition, legendOffset, onClick, ariaHidden, }: AxisProps<Value> & {
+    axis: 'x' | 'y';
+    scale: AnyScale;
+    x?: number | undefined;
+    y?: number | undefined;
+    length: number;
+    onClick?: ((event: React.MouseEvent<SVGGElement, MouseEvent>, value: string | Value) => void) | undefined;
+}) => JSX.Element;
 //# sourceMappingURL=Axis.d.ts.map

dist/types/compute.d.ts

 import { ScaleValue, AnyScale, TicksSpec } from '@nivo/scales';
 import { ValueFormatter, Line } from './types';
-export declare const computeCartesianTicks: <Value extends ScaleValue>({ axis, scale, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, engine, }: {
+export declare const computeCartesianTicks: <Value extends ScaleValue>({ axis, scale, ticksPosition, tickValues, tickSize, tickPadding, tickRotation, truncateTickAt, engine, }: {
     axis: 'x' | 'y';
@@ -11,2 +11,3 @@ scale: AnyScale;
     tickRotation: number;
+    truncateTickAt?: number | undefined;
     engine?: "svg" | "canvas" | undefined;
@@ -13,0 +14,0 @@ }) => {

dist/types/props.d.ts

@@ -5,2 +5,6 @@ import PropTypes from 'prop-types';
     tickValues: PropTypes.Requireable<NonNullable<string | number | (NonNullable<string | number | Date | null | undefined> | null | undefined)[] | null | undefined>>;
+    rotateOnTickLength: PropTypes.Requireable<PropTypes.InferProps<{
+        angle: PropTypes.Requireable<number>;
+        length: PropTypes.Requireable<number>;
+    }>>;
     tickSize: PropTypes.Requireable<number>;
@@ -19,2 +23,6 @@ tickPadding: PropTypes.Requireable<number>;
     tickValues: PropTypes.Requireable<NonNullable<string | number | (NonNullable<string | number | Date | null | undefined> | null | undefined)[] | null | undefined>>;
+    rotateOnTickLength: PropTypes.Requireable<PropTypes.InferProps<{
+        angle: PropTypes.Requireable<number>;
+        length: PropTypes.Requireable<number>;
+    }>>;
     tickSize: PropTypes.Requireable<number>;
@@ -21,0 +29,0 @@ tickPadding: PropTypes.Requireable<number>;

dist/types/types.d.ts

@@ -1,4 +0,4 @@
-import * as React from 'react';
 import { ScaleValue, TicksSpec } from '@nivo/scales';
 import { SpringValues } from '@react-spring/web';
+import * as React from 'react';
 export type GridValuesBuilder<T> = T extends number ? number[] : T extends string ? string[] : T extends Date ? Date[] : never;
@@ -19,2 +19,3 @@ export type GridValues<T extends ScaleValue> = number | GridValuesBuilder<T>;
     format?: string | ValueFormatter<Value>;
+    truncateTickAt?: number;
     renderTick?: (props: AxisTickProps<Value>) => JSX.Element;
@@ -48,2 +49,3 @@ legend?: React.ReactNode;
     }>;
+    truncateTickAt: number | undefined;
     onClick?: (event: React.MouseEvent<SVGGElement, MouseEvent>, value: Value | string) => void;
@@ -50,0 +52,0 @@ }

package.json

 {
     "name": "@nivo/axes",
-    "version": "0.83.0",
+    "version": "0.83.1",
     "license": "MIT",
@@ -30,3 +30,3 @@ "author": {
     "dependencies": {
-        "@nivo/core": "0.83.0",
+        "@nivo/core": "0.83.1",
         "@nivo/scales": "0.83.0",
@@ -47,3 +47,3 @@ "@react-spring/web": "9.4.5 || ^9.7.2",
     },
-    "gitHead": "5ee7cba46ac12deb04095d6555c3d12bc358a211"
+    "gitHead": "64f4a7d3a7e0c6525d1129648a44f2502c41fb4d"
 }

No alert changes

Improved metrics

Total package byte prevSize

137243

increased by7.75%

Lines of code

362

increased by7.1%

Dependency changes

• + Added@nivo/core@0.83.1(transitive)

• + Added@nivo/tooltip@0.83.1(transitive)

• + Addedd3-interpolate@3.0.1(transitive)

• + Addedd3-scale-chromatic@3.1.0(transitive)

• - Removed@nivo/core@0.83.0(transitive)

• - Removed@nivo/tooltip@0.83.0(transitive)

• - Removedd3-scale-chromatic@2.0.0(transitive)

• Updated@nivo/core@0.83.1