@nivo/polar-axes
Version:
3 lines (2 loc) • 6.43 kB
JavaScript
"use strict";var e=require("react"),n=require("@react-spring/web"),t=require("@nivo/core"),i=require("@nivo/theming"),r=require("@nivo/scales"),a=require("@nivo/arcs"),o=require("@nivo/text"),s=require("react/jsx-runtime");function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},c.apply(null,arguments)}var u=function(e){var t=e.label,i=e.theme,r=e.animated;return s.jsxs(n.animated.g,{opacity:r.opacity,children:[s.jsx(n.animated.line,{x1:r.x1,y1:r.y1,x2:r.x2,y2:r.y2,style:i.ticks.line}),s.jsx(o.Text,{dx:r.textX,dy:r.textY,dominantBaseline:"central",style:i.ticks.text,textAnchor:"middle",children:t})]})},l=function(e,n,i){var r=t.positionFromAngle(t.degreesToRadians(e),n),a=t.positionFromAngle(t.degreesToRadians(e),i);return{x1:r.x,y1:r.y,x2:a.x,y2:a.y}},d=function(e,n){var i=t.positionFromAngle(t.degreesToRadians(e),n);return{textX:i.x,textY:i.y}},g=function(a){var o=a.scale,u=a.innerRadius,l=a.outerRadius,d=i.useTheme(),g=e.useMemo((function(){return r.getScaleTicks(o).map((function(e,n){return{id:n,angle:o(e)-90}}))}),[o]),f=t.useMotionConfig(),m=f.animate,y=f.config,p=n.useTransition(g,{keys:function(e){return e.id},initial:function(e){return{angle:e.angle,opacity:1}},from:function(e){return{angle:e.angle,opacity:0}},enter:function(e){return{angle:e.angle,opacity:1}},update:function(e){return{angle:e.angle,opacity:1}},leave:function(e){return{angle:e.angle,opacity:0}},config:y,immediate:!m});return s.jsx(s.Fragment,{children:p((function(e,t){return s.jsx(n.animated.g,{transform:e.angle.to((function(e){return"rotate("+e+")"})),opacity:e.opacity,children:s.jsx("line",c({x1:u,x2:l},d.grid.line))},t.id)}))})},f=function(o){var u=o.scale,l=o.ticks,d=o.startAngle,g=o.endAngle,f=i.useTheme(),m=d-90,y=g-90,p=e.useMemo((function(){return r.getScaleTicks(u,l).map((function(e,n){var t=u(e);return"bandwidth"in u&&(t+=u.bandwidth()/2),{id:n,radius:t}}))}),[u,l]),x=t.useMotionConfig(),h=x.animate,v=x.config,A=n.useTransition(p,{keys:function(e){return e.id},initial:function(e){return{radius:e.radius,startAngle:m,endAngle:y,opacity:1}},from:function(e){return{radius:e.radius,startAngle:m,endAngle:y,opacity:0}},enter:function(e){return{radius:e.radius,startAngle:m,endAngle:y,opacity:1}},update:function(e){return{radius:e.radius,startAngle:m,endAngle:y,opacity:1}},leave:function(e){return{radius:e.radius,startAngle:m,endAngle:y,opacity:0}},config:v,immediate:!h});return s.jsx(s.Fragment,{children:A((function(e,n){return s.jsx(a.ArcLine,c({animated:e},f.grid.line,{strokeOpacity:e.opacity,fill:"none"}),n.id)}))})},m=function(e){var t=e.label,i=e.textAnchor,r=e.theme,a=e.animated;return s.jsxs(n.animated.g,{opacity:a.opacity,transform:n.to([a.y,a.rotation],(function(e,n){return"translate("+e+", 0) rotate("+n+")"})),children:[s.jsx(n.animated.line,{x2:a.length,style:r.ticks.line}),s.jsx(o.Text,{dx:a.textX,textAnchor:i,dominantBaseline:"central",style:r.ticks.text,children:t})]})};exports.CircularAxis=function(o){var g=o.type,f=o.center,m=void 0===f?[0,0]:f,y=o.radius,p=o.startAngle,x=o.endAngle,h=o.scale,v=o.tickSize,A=void 0===v?5:v,k=o.tickPadding,j=void 0===k?12:k,b=o.tickComponent,T=void 0===b?u:b,M=o.style,S=p-90,R=x-90,X=t.useMotionConfig(),q=X.animate,C=X.config,w=n.useSpring({radius:y,startAngle:S,endAngle:R,opacity:1,immediate:!q,config:C}),E=e.useMemo((function(){var e=r.getScaleTicks(h),n="bandwidth"in h?r.centerScale(h):h;return e.map((function(e,t){return{key:t,label:e,angle:n(e)-90}}))}),[h]),F="inner"===g?y-A:y+A,P="inner"===g?F-j:F+j,G=n.useTransition(E,{keys:function(e){return e.key},initial:function(e){return c({},l(e.angle,y,F),d(e.angle,P),{opacity:1})},from:function(e){return c({},l(e.angle,y,F),d(e.angle,P),{opacity:0})},enter:function(e){return c({},l(e.angle,y,F),d(e.angle,P),{opacity:1})},update:function(e){return c({},l(e.angle,y,F),d(e.angle,P),{opacity:1})},leave:function(e){return c({},l(e.angle,y,F),d(e.angle,P),{opacity:0})},immediate:!q,config:C}),O=i.useTheme(),z=i.useExtendedAxisTheme(O.axis,M);return s.jsxs("g",{transform:"translate("+m[0]+", "+m[1]+")",style:{pointerEvents:"none"},children:[s.jsx(a.ArcLine,c({animated:w},z.domain.line,{fill:"none"})),G((function(n,t){return e.createElement(T,{key:t.key,label:t.label,theme:z,animated:n})}))]})},exports.PolarGrid=function(e){var n=e.center,t=e.enableRadialGrid,i=e.angleScale,r=e.startAngle,a=e.endAngle,o=e.enableCircularGrid,c=e.radiusScale,u=e.circularGridTicks,l=Math.min.apply(Math,c.range()),d=Math.max.apply(Math,c.range());return s.jsxs("g",{transform:"translate("+n[0]+","+n[1]+")",children:[t&&s.jsx(g,{scale:i,innerRadius:l,outerRadius:d}),o&&s.jsx(f,{scale:c,ticks:u,startAngle:r,endAngle:a})]})},exports.RadialAxis=function(a){var o,c,u,l,d=a.ticksPosition,g=a.center,f=a.angle,y=a.scale,p=a.ticks,x=a.tickSize,h=void 0===x?5:x,v=a.tickPadding,A=void 0===v?5:v,k=a.tickRotation,j=void 0===k?0:k,b=a.tickComponent,T=void 0===b?m:b,M=a.style,S=t.normalizeAngleDegrees(f);"before"===d?(l=90+j,S<=90?(u=(c=-h)-A,o="end"):S<270?(u=(c=h)+A,o="start",l-=180):(u=(c=-h)-A,o="end")):(l=90+j,S<90?(u=(c=h)+A,o="start"):S<270?(u=(c=-h)-A,o="end",l-=180):(u=(c=h)+A,o="start"));var R=e.useMemo((function(){return r.getScaleTicks(y,p).map((function(e,n){var t=y(e);return"bandwidth"in y&&(t+=y.bandwidth()/2),{key:n,label:e,position:t}}))}),[y,p]),X=t.useMotionConfig(),q=X.animate,C=X.config,w=n.useSpring({rotation:f-90,immediate:!q,config:C}),E=n.useTransition(R,{keys:function(e){return e.key},initial:function(e){return{y:e.position,textX:u,rotation:l,length:c,opacity:1}},from:function(e){return{y:e.position,textX:u,rotation:l,length:c,opacity:0}},enter:function(e){return{y:e.position,textX:u,rotation:l,length:c,opacity:1}},update:function(e){return{y:e.position,textX:u,rotation:l,length:c,opacity:1}},leave:function(e){return{y:e.position,textX:u,rotation:l,length:c,opacity:0}},immediate:!q,config:C}),F=i.useTheme(),P=i.useExtendedAxisTheme(F.axis,M);return s.jsx("g",{transform:"translate("+g[0]+", "+g[1]+")",style:{pointerEvents:"none"},children:s.jsx(n.animated.g,{transform:w.rotation.to((function(e){return"rotate("+e+")"})),children:E((function(n,t){return e.createElement(T,{key:t.key,label:t.label,y:t.position,textX:u,rotation:l,length:c,textAnchor:o,theme:P,animated:n})}))})})};
//# sourceMappingURL=nivo-polar-axes.cjs.js.map