@undp/data-viz 2.5.4 → 2.6.1

package/dist/MultiLineAltChart.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-D4pAp7u0.cjs"),k=require("react"),C=require("./parse-xYI9yrvL.cjs"),Ve=require("./index-Cno4Q0YE.cjs"),He=require("./numberFormattingFunction-u2iNHL_c.cjs"),Be=require("./Tooltip-C9F3uYG0.cjs"),v=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ie=require("./customArea-BAcQ3pBM.cjs"),Ze=require("./AxisTitle-DP_evhbe.cjs"),ze=require("./Axis-BTaS9oPQ.cjs"),Je=require("./XTicksAndGridLines-B4UhDVyU.cjs"),Ke=require("./ReferenceLine-CpU4G01Y.cjs"),Qe=require("./YTicksAndGridLines-sT3zdCs6.cjs"),_e=require("./index-BuhBhuCq.cjs"),J=require("./Colors.cjs"),Ee=require("./uniqBy-O05lp2S5.cjs"),Ae=require("./init-DU0ybBc_.cjs"),to=require("./time-CkcKbhwe.cjs"),eo=require("./linear-CgUCbw9F.cjs"),oo=require("./delaunay-rcy0HhZi.cjs"),Ue=require("./line-DaEMhXmx.cjs"),Re=require("./step-BZ3C8QFW.cjs"),no=require("./select-Bnfk0lJx.cjs"),Yt=require("./proxy-CqH8m8IQ.cjs"),io=require("./pointer-Dkq5NV1q.cjs"),ro=require("./use-in-view-dnRv_qqF.cjs"),so=require("./GraphFooter.cjs"),lo=require("./GraphHeader.cjs"),ao=require("./EmptyState-CFmiFPHz.cjs"),co=require("./ColorLegendWithMouseOver.cjs"),Ge=require("./GraphContainer-Cul9b74X.cjs"),uo=require("./getNoOfTicks-C_1CFXv_.cjs");function fo(e,t){return Array.from(t,r=>e[r])}function xo(e,...t){if(typeof e[Symbol.iterator]!="function")throw new TypeError("values is not iterable");e=Array.from(e);let[r]=t;if(r&&r.length!==2||t.length>1){const O=Uint32Array.from(e,(D,c)=>c);return t.length>1?(t=t.map(D=>e.map(D)),O.sort((D,c)=>{for(const s of t){const K=$e(s[D],s[c]);if(K)return K}})):(r=e.map(r),O.sort((D,c)=>$e(r[D],r[c]))),fo(e,O)}return e.sort(mo(r))}function mo(e=Ae.ascending){if(e===Ae.ascending)return $e;if(typeof e!="function")throw new TypeError("compare is not a function");return(t,r)=>{const O=e(t,r);return O||O===0?O:(e(r,r)===0)-(e(t,t)===0)}}function $e(e,t){return(e==null||!(e>=e))-(t==null||!(t>=t))||(e<t?-1:e>t?1:0)}function po(e){const t=i.compilerRuntimeExports.c(130),{data:r,width:O,height:D,lineColors:c,dateFormat:s,noOfXTicks:K,rightMargin:ct,topMargin:Ct,bottomMargin:w,suffix:M,prefix:Q,leftMargin:q,tooltip:ut,onSeriesMouseOver:ft,refValues:Rt,highlightAreaSettings:Ft,minValue:_,maxValue:Et,highlightedLines:U,animate:l,rtl:G,strokeWidth:T,showDots:me,annotations:Xt,customHighlightAreaSettings:xt,yAxisTitle:tt,noOfYTicks:ie,minDate:Pt,maxDate:Bt,curveType:mt,styles:R,colorDomain:S,selectedColor:At,classNames:E,showLabels:re,dimmedOpacity:I,precision:et,naLabel:pe,customLayers:$,showHighlightedLinesLabels:Zt,showDateOnHover:de,locale:W,padZeros:Y}=e,se=k.useRef(null);let pt;t[0]!==l.amount||t[1]!==l.once?(pt={once:l.once,amount:l.amount},t[0]=l.amount,t[1]=l.once,t[2]=pt):pt=t[2];const f=ro.useInView(se,pt),[V,y]=k.useState(!1);let x,kt;t[3]!==l.duration||t[4]!==V||t[5]!==f?(x=()=>{if(f&&!V){const o=setTimeout(()=>{y(!0)},(l.duration+.5)*1e3);return()=>clearTimeout(o)}},kt=[f,V,l.duration],t[3]=l.duration,t[4]=V,t[5]=f,t[6]=x,t[7]=kt):(x=t[6],kt=t[7]),k.useEffect(x,kt);const zt=mt==="linear"?Ue.curveLinear:mt==="step"?Re.curveStep:mt==="stepAfter"?Re.stepAfter:mt==="stepBefore"?Re.stepBefore:Re.monotoneX;let Dt;t[8]!==s?(Dt=o=>({...o,date:C.parse(`${o.date}`,s,new Date)}),t[8]=s,t[9]=Dt):Dt=t[9];const d=Ve.orderBy(r.map(Dt),["date"],["asc"]).filter(Po),j=Ee.uniqBy(d,"label",!0);let dt;t[10]!==s?(dt=o=>C.parse(`${o}`,s,new Date),t[10]=s,t[11]=dt):dt=t[11];const Lt=xo(Ee.uniqBy(r,"date",!0).map(dt),Xo),[m,ot]=k.useState(void 0),[ht,nt]=k.useState(void 0),[gt,it]=k.useState(void 0),Nt=tt?q+30:q;let yt;t[12]!==w||t[13]!==ct||t[14]!==Nt||t[15]!==Ct?(yt={top:Ct,bottom:w,left:Nt,right:ct},t[12]=w,t[13]=ct,t[14]=Nt,t[15]=Ct,t[16]=yt):yt=t[16];const h=yt,Jt=k.useRef(null),le=j.map(o=>Ve.orderBy(d.filter(n=>n.label==o),["date"],["asc"]));let rt;if(t[17]!==s||t[18]!==Ft){let o;t[20]!==s?(o=n=>({...n,coordinates:[n.coordinates[0]===null?null:C.parse(`${n.coordinates[0]}`,s,new Date),n.coordinates[1]===null?null:C.parse(`${n.coordinates[1]}`,s,new Date)]}),t[20]=s,t[21]=o):o=t[21],rt=Ft.map(o),t[17]=s,t[18]=Ft,t[19]=rt}else rt=t[19];const qt=rt;let st;if(t[22]!==xt||t[23]!==s){let o;t[25]!==s?(o=n=>({...n,coordinates:n.coordinates.map((g,Wt)=>Wt%2===0?C.parse(`${g}`,s,new Date):g)}),t[25]=s,t[26]=o):o=t[26],st=xt.map(o),t[22]=xt,t[23]=s,t[24]=st}else st=t[24];const Kt=st,p=O-h.left-h.right,b=D-h.top-h.bottom,ae=Pt?C.parse(`${Pt}`,s,new Date):Lt[0],ce=Bt?C.parse(`${Bt}`,s,new Date):Lt[Lt.length-1],A=v.checkIfNullOrUndefined(_)?Math.min(...d.map(Fo).filter(Yo))?Math.min(...d.map(Wo).filter(Go))>0?0:Math.min(...d.map(Uo).filter(Ho)):0:_,F=Math.max(...d.map(Vo).filter($o))?Math.max(...d.map(Io).filter(To)):0,u=to.time().domain([ae,ce]).range([0,p]);let lt;t[27]!==A||t[28]!==_?(lt=v.checkIfNullOrUndefined(_)?A:_,t[27]=A,t[28]=_,t[29]=lt):lt=t[29];let vt;t[30]!==F||t[31]!==Et?(vt=v.checkIfNullOrUndefined(Et)?F>0?F:0:Et,t[30]=F,t[31]=Et,t[32]=vt):vt=t[32];const a=eo.linear().domain([lt,vt]).range([b,0]).nice(),ue=oo.Delaunay.from(d.filter(Mo),o=>u(o.date),o=>a(o.y)).voronoi([0,0,p<0?0:p,b<0?0:b]),St=Ue.line().x(o=>u(o.date)).y(o=>a(o.y)).curve(zt),Qt=a.ticks(ie),Mt=u.ticks(K);k.useEffect(()=>{const o=g=>{const Wt=d[Ae.bisectCenter(d.map(So),u.invert(io.pointer(g)[0]),0)];ot(Wt||d[d.length-1]),it(g.clientY),nt(g.clientX),ft?.(Wt||d[d.length-1])},n=()=>{ot(void 0),nt(void 0),it(void 0)};no.select(Jt.current).on("mousemove",o).on("mouseout",n),ft?.(void 0)},[u,d,ft]);let jt;t[33]!==l||t[34]!==b||t[35]!==p||t[36]!==qt||t[37]!==f||t[38]!==u?(jt=i.jsxRuntimeExports.jsx(_e.HighlightArea,{areaSettings:qt,width:p,height:b,scale:u,animate:l,isInView:f}),t[33]=l,t[34]=b,t[35]=p,t[36]=qt,t[37]=f,t[38]=u,t[39]=jt):jt=t[39];const Tt=R?.yAxis?.gridLines,It=R?.yAxis?.labels;let X;t[40]!==Tt||t[41]!==It?(X={gridLines:Tt,labels:It},t[40]=Tt,t[41]=It,t[42]=X):X=t[42];const fe=E?.yAxis?.gridLines,Ot=E?.yAxis?.labels;let _t;t[43]!==fe||t[44]!==Ot?(_t={gridLines:fe,labels:Ot},t[43]=fe,t[44]=Ot,t[45]=_t):_t=t[45];const $t=a(A<0?0:A),xe=a(A<0?0:A),Vt=0-q,te=p+h.right,wt=A<0?0:A;let H;t[46]!==W||t[47]!==Y||t[48]!==et||t[49]!==Q||t[50]!==M||t[51]!==wt?(H=He.numberFormattingFunction(wt,void 0,et,Q,M,W,Y),t[46]=W,t[47]=Y,t[48]=et,t[49]=Q,t[50]=M,t[51]=wt,t[52]=H):H=t[52];const Ht=0-q,Ut=a(A<0?0:A),P=F<0?"1em":-5;let L;t[53]!==Ht||t[54]!==Ut||t[55]!==P?(L={x:Ht,y:Ut,dx:0,dy:P},t[53]=Ht,t[54]=Ut,t[55]=P,t[56]=L):L=t[56];const B=E?.xAxis?.axis,Z=E?.yAxis?.labels;let N;t[57]!==B||t[58]!==Z?(N={axis:B,label:Z},t[57]=B,t[58]=Z,t[59]=N):N=t[59];const z=R?.xAxis?.axis,bt=R?.yAxis?.labels;let at;t[60]!==z||t[61]!==bt?(at={axis:z,label:bt},t[60]=z,t[61]=bt,t[62]=at):at=t[62];let Gt;t[63]!==$t||t[64]!==xe||t[65]!==Vt||t[66]!==te||t[67]!==H||t[68]!==L||t[69]!==N||t[70]!==at?(Gt=i.jsxRuntimeExports.jsx(ze.Axis,{y1:$t,y2:xe,x1:Vt,x2:te,label:H,labelPos:L,classNames:N,styles:at}),t[63]=$t,t[64]=xe,t[65]=Vt,t[66]=te,t[67]=H,t[68]=L,t[69]=N,t[70]=at,t[71]=Gt):Gt=t[71];const ke=0-q-15,De=b/2,Le=R?.yAxis?.title,Ne=E?.yAxis?.title;let he;t[72]!==ke||t[73]!==De||t[74]!==Le||t[75]!==Ne||t[76]!==tt?(he=i.jsxRuntimeExports.jsx(Ze.AxisTitle,{x:ke,y:De,style:Le,className:Ne,text:tt,rotate90:!0}),t[72]=ke,t[73]=De,t[74]=Le,t[75]=Ne,t[76]=tt,t[77]=he):he=t[77];let ge;t[78]!==s?(ge=o=>C.format(o,s),t[78]=s,t[79]=ge):ge=t[79];const We=Mt.map(ge),Ye=Mt.map(o=>u(o)),qe=R?.xAxis?.gridLines,Se=R?.xAxis?.labels;let ye;t[80]!==qe||t[81]!==Se?(ye={gridLines:qe,labels:Se},t[80]=qe,t[81]=Se,t[82]=ye):ye=t[82];const Me=E?.xAxis?.gridLines;let ee;t[83]!==Me?(ee=i.mo("opacity-0",Me),t[83]=Me,t[84]=ee):ee=t[84];const Te=E?.xAxis?.labels;let oe;t[85]!==Te?(oe=i.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",Te),t[85]=Te,t[86]=oe):oe=t[86];let ve;t[87]!==ee||t[88]!==oe?(ve={gridLines:ee,labels:oe},t[87]=ee,t[88]=oe,t[89]=ve):ve=t[89];let je;t[90]!==$?(je=$.filter(Lo).map(Do),t[90]=$,t[91]=je):je=t[91];const Fe=d.filter(yo).map((o,n)=>i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx("path",{d:ue.renderCell(d.findIndex(g=>g.label===o.label&&g.date===o.date)),opacity:0,onMouseEnter:g=>{ot(o),it(g.clientY),nt(g.clientX),ft?.(o)},onMouseMove:g=>{ot(o),it(g.clientY),nt(g.clientX)},onMouseLeave:()=>{ot(void 0),nt(void 0),it(void 0),ft?.(void 0)}})},n));let Oe;t[92]!==l||t[93]!==p||t[94]!==f||t[95]!==q||t[96]!==h.right||t[97]!==Rt||t[98]!==a?(Oe=Rt?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:Rt.map((o,n)=>i.jsxRuntimeExports.jsx(Ke.RefLineY,{text:o.text,color:o.color,y:a(o.value),x1:0-q,x2:p+h.right,classNames:o.classNames,styles:o.styles,animate:l,isInView:f},n))}):null,t[92]=l,t[93]=p,t[94]=f,t[95]=q,t[96]=h.right,t[97]=Rt,t[98]=a,t[99]=Oe):Oe=t[99];let ne;if(t[100]!==l||t[101]!==Xt||t[102]!==s||t[103]!==p||t[104]!==f||t[105]!==h.right||t[106]!==G||t[107]!==u||t[108]!==a){let o;t[110]!==l||t[111]!==s||t[112]!==p||t[113]!==f||t[114]!==h.right||t[115]!==G||t[116]!==u||t[117]!==a?(o=(n,g)=>{const Wt=Ie.getLineEndPoint({x:n.xCoordinate?u(C.parse(`${n.xCoordinate}`,s,new Date))+(n.xOffset||0):0+(n.xOffset||0),y:n.yCoordinate?a(n.yCoordinate)+(n.yOffset||0)-8:0+(n.yOffset||0)-8},{x:n.xCoordinate?u(C.parse(`${n.xCoordinate}`,s,new Date)):0,y:n.yCoordinate?a(n.yCoordinate):0},v.checkIfNullOrUndefined(n.connectorRadius)?3.5:n.connectorRadius),Xe=n.showConnector?{y1:Wt.y,x1:Wt.x,y2:n.yCoordinate?a(n.yCoordinate)+(n.yOffset||0):0+(n.yOffset||0),x2:n.xCoordinate?u(C.parse(`${n.xCoordinate}`,s,new Date))+(n.xOffset||0):0+(n.xOffset||0),cy:n.yCoordinate?a(n.yCoordinate):0,cx:n.xCoordinate?u(C.parse(`${n.xCoordinate}`,s,new Date)):0,circleRadius:v.checkIfNullOrUndefined(n.connectorRadius)?3.5:n.connectorRadius,strokeWidth:n.showConnector===!0?2:Math.min(n.showConnector||0,1)}:void 0,Pe={y:n.yCoordinate?a(n.yCoordinate)+(n.yOffset||0)-8:0+(n.yOffset||0)-8,x:G?0:n.xCoordinate?u(C.parse(`${n.xCoordinate}`,s,new Date))+(n.xOffset||0):0+(n.xOffset||0),width:G?n.xCoordinate?u(C.parse(`${n.xCoordinate}`,s,new Date))+(n.xOffset||0):0+(n.xOffset||0):p+h.right-(n.xCoordinate?u(C.parse(`${n.xCoordinate}`,s,new Date))+(n.xOffset||0):0+(n.xOffset||0)),maxWidth:n.maxWidth,fontWeight:n.fontWeight,align:n.align};return i.jsxRuntimeExports.jsx(Ie.Annotation,{color:n.color,connectorsSettings:Xe,labelSettings:Pe,text:n.text,classNames:n.classNames,styles:n.styles,animate:l,isInView:f},g)},t[110]=l,t[111]=s,t[112]=p,t[113]=f,t[114]=h.right,t[115]=G,t[116]=u,t[117]=a,t[118]=o):o=t[118],ne=Xt.map(o),t[100]=l,t[101]=Xt,t[102]=s,t[103]=p,t[104]=f,t[105]=h.right,t[106]=G,t[107]=u,t[108]=a,t[109]=ne}else ne=t[109];let we;t[119]!==ne?(we=i.jsxRuntimeExports.jsx("g",{children:ne}),t[119]=ne,t[120]=we):we=t[120];let be;t[121]!==$?(be=$.filter(go).map(ho),t[121]=$,t[122]=be):be=t[122];let Ce;return t[123]!==E?.tooltip||t[124]!==ht||t[125]!==gt||t[126]!==m||t[127]!==R?.tooltip||t[128]!==ut?(Ce=m&&ut&&ht&&gt?i.jsxRuntimeExports.jsx(Be.Tooltip,{data:m,body:ut,xPos:ht,yPos:gt,backgroundStyle:R?.tooltip,className:E?.tooltip}):null,t[123]=E?.tooltip,t[124]=ht,t[125]=gt,t[126]=m,t[127]=R?.tooltip,t[128]=ut,t[129]=Ce):Ce=t[129],i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(Yt.motion.svg,{width:`${O}px`,height:`${D}px`,viewBox:`0 0 ${O} ${D}`,direction:"ltr",ref:se,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[jt,i.jsxRuntimeExports.jsx(Ie.CustomArea,{areaSettings:Kt,scaleX:u,scaleY:a,animate:l,isInView:f}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(Qe.YTicksAndGridLines,{values:Qt.filter(qo),y:Qt.filter(No).map(o=>a(o)),x1:0-q,x2:p+h.right,styles:X,classNames:_t,suffix:M,prefix:Q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:et,locale:W,padZeros:Y}),Gt,he]}),i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx(Je.XTicksAndGridLines,{values:We,x:Ye,y1:0,y2:b,styles:ye,classNames:ve,suffix:M,prefix:Q,labelType:"primary",showGridLines:!0,precision:et,locale:W,padZeros:Y})}),je,i.jsxRuntimeExports.jsxs(Yt.motion.g,{children:[le.map(o=>i.jsxRuntimeExports.jsxs(Yt.motion.g,{exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{opacity:m?o[0].label===m.label?1:I:At?o[0].color&&c[S.indexOf(o[0].color)]===At?1:I:U?U.indexOf(o[0].label)!==-1?1:I:1},whileInView:{opacity:m?o[0].label===m.label?1:I:At?o[0].color&&c[S.indexOf(o[0].color)]===At?1:I:U?U.indexOf(o[0].label)!==-1?1:I:1,transition:{duration:l.duration}}},initial:"initial",animate:f?"whileInView":"initial",children:[i.jsxRuntimeExports.jsx(Yt.motion.path,{d:St(o.filter(ko))||"",style:{fill:"none",strokeWidth:m?o[0].label===m.label?T+Math.max(2,.5*T):T:U&&U.indexOf(o[0].label)!==-1?T+Math.max(2,.5*T):T},exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{pathLength:0,d:St(o.filter(Ao))||"",opacity:1,stroke:r.filter(Eo).length===0?c[0]:o[0].color?c[S.indexOf(o[0].color)]:J.Colors.gray},whileInView:{pathLength:1,d:St(o.filter(Ro))||"",opacity:1,stroke:r.filter(Co).length===0?c[0]:o[0].color?c[S.indexOf(o[0].color)]:J.Colors.gray,transition:{duration:l.duration}}},initial:"initial",animate:f?"whileInView":"initial"}),o.map((n,g)=>i.jsxRuntimeExports.jsx(Yt.motion.g,{children:v.checkIfNullOrUndefined(n.y)?null:i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:me?i.jsxRuntimeExports.jsx(Yt.motion.circle,{r:p/o.length<5?0:p/o.length<20?2:4,exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{opacity:0,fill:r.filter(bo).length===0?c[0]:o[0].color?c[S.indexOf(o[0].color)]:J.Colors.gray,cx:u(n.date),cy:a(n.y)},whileInView:{opacity:1,fill:r.filter(wo).length===0?c[0]:o[0].color?c[S.indexOf(o[0].color)]:J.Colors.gray,transition:{duration:V?l.duration:.5,delay:V?0:l.duration},cx:u(n.date),cy:a(n.y)}},initial:"initial",animate:f?"whileInView":"initial"}):null})},g)),((U||[]).indexOf(o[0].label)!==-1&&Zt||m?.label===o[0].label)&&re?i.jsxRuntimeExports.jsx(Yt.motion.text,{className:"text-sm font-bold",dx:5,dy:4,exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{opacity:0,fill:r.filter(Oo).length===0?c[0]:o[0].color?c[S.indexOf(o[0].color)]:J.Colors.gray,x:u(o[o.length-1].date),y:a(o[o.length-1].y)},whileInView:{opacity:1,fill:r.filter(jo).length===0?c[0]:o[0].color?c[S.indexOf(o[0].color)]:J.Colors.gray,x:u(o[o.length-1].date),y:a(o[o.length-1].y),transition:{duration:V?l.duration:.5,delay:V?0:l.duration}}},initial:"initial",animate:f?"whileInView":"initial",children:o[0].label}):null]},o[0].label)),m?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx("text",{y:a(m.y)-8,x:u(m.date),className:i.mo("graph-value text-sm font-bold",E?.graphObjectValues),style:{fill:r.filter(vo).length===0?c[0]:m.color?c[S.indexOf(m.color)]:J.Colors.gray,textAnchor:"middle",...R?.graphObjectValues||{}},children:He.numberFormattingFunction(m.y,pe,et,Q,M,W,Y)}),de&&i.jsxRuntimeExports.jsx("text",{y:a(m.y)+20,x:u(m.date),className:i.mo("graph-value text-sm fill-primary-gray-500 dark:fill-primary-gray-400",E?.graphObjectValues),style:{textAnchor:"middle",...R?.graphObjectValues||{}},children:C.format(new Date(m.date),s||"yyyy")})]}):null]}),Fe,Oe,we,be]})}),Ce]})}function ho(e){return e.layer}function go(e){return e.position==="after"}function yo(e){return!v.checkIfNullOrUndefined(e.y)}function vo(e){return e.color}function jo(e){return e.color}function Oo(e){return e.color}function wo(e){return e.color}function bo(e){return e.color}function Co(e){return e.color}function Ro(e){return!v.checkIfNullOrUndefined(e.y)}function Eo(e){return e.color}function Ao(e){return!v.checkIfNullOrUndefined(e.y)}function ko(e){return!v.checkIfNullOrUndefined(e.y)}function Do(e){return e.layer}function Lo(e){return e.position==="before"}function No(e){return e!==0}function qo(e){return e!==0}function So(e){return e.date}function Mo(e){return!v.checkIfNullOrUndefined(e.date)&&!v.checkIfNullOrUndefined(e.y)}function To(e){return!v.checkIfNullOrUndefined(e)}function Io(e){return e.y}function $o(e){return!v.checkIfNullOrUndefined(e)}function Vo(e){return e.y}function Ho(e){return!v.checkIfNullOrUndefined(e)}function Uo(e){return e.y}function Go(e){return!v.checkIfNullOrUndefined(e)}function Wo(e){return e.y}function Yo(e){return!v.checkIfNullOrUndefined(e)}function Fo(e){return e.y}function Xo(e,t){return Ae.ascending(e,t)}function Po(e){return!v.checkIfNullOrUndefined(e.y)}function Bo(e){const t=i.compilerRuntimeExports.c(108),{data:r,graphTitle:O,showNAColor:D,colors:c,colorDomain:s,sources:K,graphDescription:ct,height:Ct,width:w,footNote:M,noOfXTicks:Q,dateFormat:q,padding:ut,backgroundColor:ft,leftMargin:Rt,rightMargin:Ft,topMargin:_,bottomMargin:Et,showColorScale:U,tooltip:l,relativeHeight:G,onSeriesMouseOver:T,showLabels:me,showHighlightedLinesLabels:Xt,refValues:xt,highlightAreaSettings:tt,graphID:ie,minValue:Pt,maxValue:Bt,highlightedLines:mt,graphDownload:R,dataDownload:S,animate:At,language:E,colorLegendTitle:re,minHeight:I,strokeWidth:et,showDots:pe,annotations:$,customHighlightAreaSettings:Zt,theme:de,ariaLabel:W,yAxisTitle:Y,noOfYTicks:se,minDate:pt,maxDate:f,curveType:V,styles:y,classNames:x,dimmedOpacity:kt,customLayers:zt,naLabel:Dt,showDateOnHover:d,numberDisplayOptions:j}=e,dt=D===void 0?!0:D,Lt=Q===void 0?10:Q,m=q===void 0?"yyyy":q,ot=ft===void 0?!1:ft,ht=Rt===void 0?30:Rt,nt=Ft===void 0?50:Ft,gt=_===void 0?20:_,it=Et===void 0?25:Et,Nt=U===void 0?!0:U,yt=me===void 0?!0:me,h=Xt===void 0?!1:Xt;let Jt;t[0]!==xt?(Jt=xt===void 0?[]:xt,t[0]=xt,t[1]=Jt):Jt=t[1];const le=Jt;let rt;t[2]!==tt?(rt=tt===void 0?[]:tt,t[2]=tt,t[3]=rt):rt=t[3];const qt=rt,st=R===void 0?!1:R,Kt=S===void 0?!1:S,p=At===void 0?!1:At,b=E===void 0?"en":E,ae=I===void 0?0:I,ce=et===void 0?2:et,A=pe===void 0?!0:pe;let F;t[4]!==$?(F=$===void 0?[]:$,t[4]=$,t[5]=F):F=t[5];const u=F;let lt;t[6]!==Zt?(lt=Zt===void 0?[]:Zt,t[6]=Zt,t[7]=lt):lt=t[7];const vt=lt,a=de===void 0?"light":de,ue=se===void 0?5:se,St=V===void 0?"curve":V,Qt=kt===void 0?.3:kt;let Mt;t[8]!==zt?(Mt=zt===void 0?[]:zt,t[8]=zt,t[9]=Mt):Mt=t[9];const jt=Mt,Tt=Dt===void 0?"NA":Dt,It=d===void 0?!1:d,[X,fe]=k.useState(0),[Ot,_t]=k.useState(0),[$t,xe]=k.useState(void 0),Vt=k.useRef(null),te=k.useRef(null);let wt,H;t[10]===Symbol.for("react.memo_cache_sentinel")?(wt=()=>{const at=new ResizeObserver(Gt=>{fe(Gt[0].target.clientWidth||620),_t(Gt[0].target.clientHeight||480)});return Vt.current&&at.observe(Vt.current),()=>at.disconnect()},H=[],t[10]=wt,t[11]=H):(wt=t[10],H=t[11]),k.useEffect(wt,H);const Ht=x?.graphContainer,Ut=y?.graphContainer;let P;t[12]!==x?.description||t[13]!==x?.title||t[14]!==r||t[15]!==Kt||t[16]!==ct||t[17]!==st||t[18]!==O||t[19]!==y?.description||t[20]!==y?.title||t[21]!==w?(P=O||ct||st||Kt?i.jsxRuntimeExports.jsx(lo.GraphHeader,{styles:{title:y?.title,description:y?.description},classNames:{title:x?.title,description:x?.description},graphTitle:O,graphDescription:ct,width:w,graphDownload:st?te:void 0,dataDownload:Kt?r.map(en).filter(tn).length>0?r.map(_o).filter(Qo):r.filter(Ko):null}):null,t[12]=x?.description,t[13]=x?.title,t[14]=r,t[15]=Kt,t[16]=ct,t[17]=st,t[18]=O,t[19]=y?.description,t[20]=y?.title,t[21]=w,t[22]=P):P=t[22];let L;t[23]!==x?.colorLegend||t[24]!==s||t[25]!==re||t[26]!==c||t[27]!==r||t[28]!==Nt||t[29]!==dt||t[30]!==a||t[31]!==w?(L=Nt&&r.filter(Jo).length!==0&&r.length>0?i.jsxRuntimeExports.jsx(co.ColorLegendWithMouseOver,{width:w,colorLegendTitle:re,colors:c||J.Colors[a].categoricalColors.colors,colorDomain:s||Ee.uniqBy(r,"color",!0),setSelectedColor:xe,showNAColor:dt,className:x?.colorLegend}):null,t[23]=x?.colorLegend,t[24]=s,t[25]=re,t[26]=c,t[27]=r,t[28]=Nt,t[29]=dt,t[30]=a,t[31]=w,t[32]=L):L=t[32];let B;t[33]!==r.length?(B=r.length===0&&i.jsxRuntimeExports.jsx(ao.EmptyState,{}),t[33]=r.length,t[34]=B):B=t[34];let Z;t[35]!==p||t[36]!==u||t[37]!==it||t[38]!==x||t[39]!==s||t[40]!==c||t[41]!==St||t[42]!==vt||t[43]!==jt||t[44]!==r||t[45]!==m||t[46]!==Qt||t[47]!==qt||t[48]!==mt||t[49]!==b||t[50]!==ht||t[51]!==f||t[52]!==Bt||t[53]!==pt||t[54]!==Pt||t[55]!==Tt||t[56]!==Lt||t[57]!==ue||t[58]!==j?.locale||t[59]!==j?.padZeros||t[60]!==j?.precision||t[61]!==j?.prefix||t[62]!==j?.suffix||t[63]!==T||t[64]!==le||t[65]!==nt||t[66]!==$t||t[67]!==It||t[68]!==A||t[69]!==h||t[70]!==yt||t[71]!==ce||t[72]!==y||t[73]!==Ot||t[74]!==X||t[75]!==a||t[76]!==l||t[77]!==gt||t[78]!==Y?(Z=X&&Ot&&r.length>0?i.jsxRuntimeExports.jsx(po,{data:r,lineColors:r.filter(zo).length===0?c?[c]:[J.Colors.primaryColors["blue-600"]]:c||J.Colors[a].categoricalColors.colors,width:X,height:Ot,dateFormat:m,noOfXTicks:Lt??uo.getNoOfTicks(X),leftMargin:ht,rightMargin:nt,topMargin:gt,bottomMargin:it,tooltip:l,onSeriesMouseOver:T,highlightAreaSettings:qt,refValues:le,minValue:Pt,maxValue:Bt,highlightedLines:mt,showHighlightedLinesLabels:h,animate:p===!0?{duration:.5,once:!0,amount:.5}:p||{duration:0,once:!0,amount:0},rtl:b==="he"||b==="ar",strokeWidth:ce,showDots:A,annotations:u,customHighlightAreaSettings:vt,yAxisTitle:Y,noOfYTicks:ue,minDate:pt,maxDate:f,curveType:St,styles:y,classNames:x,selectedColor:$t,showLabels:yt,colorDomain:r.filter(Zo).length===0?[]:s||Ee.uniqBy(r,"color",!0),dimmedOpacity:Qt,customLayers:jt,naLabel:Tt,showDateOnHover:It,locale:j?.locale||"en",padZeros:j?.padZeros||!1,suffix:j?.suffix||"",prefix:j?.prefix||"",precision:j?.precision??2}):null,t[35]=p,t[36]=u,t[37]=it,t[38]=x,t[39]=s,t[40]=c,t[41]=St,t[42]=vt,t[43]=jt,t[44]=r,t[45]=m,t[46]=Qt,t[47]=qt,t[48]=mt,t[49]=b,t[50]=ht,t[51]=f,t[52]=Bt,t[53]=pt,t[54]=Pt,t[55]=Tt,t[56]=Lt,t[57]=ue,t[58]=j?.locale,t[59]=j?.padZeros,t[60]=j?.precision,t[61]=j?.prefix,t[62]=j?.suffix,t[63]=T,t[64]=le,t[65]=nt,t[66]=$t,t[67]=It,t[68]=A,t[69]=h,t[70]=yt,t[71]=ce,t[72]=y,t[73]=Ot,t[74]=X,t[75]=a,t[76]=l,t[77]=gt,t[78]=Y,t[79]=Z):Z=t[79];let N;t[80]!==B||t[81]!==Z?(N=i.jsxRuntimeExports.jsxs(Ge.GraphArea,{ref:Vt,children:[B,Z]}),t[80]=B,t[81]=Z,t[82]=N):N=t[82];let z;t[83]!==x?.footnote||t[84]!==x?.source||t[85]!==M||t[86]!==K||t[87]!==y?.footnote||t[88]!==y?.source||t[89]!==w?(z=K||M?i.jsxRuntimeExports.jsx(so.GraphFooter,{styles:{footnote:y?.footnote,source:y?.source},classNames:{footnote:x?.footnote,source:x?.source},sources:K,footNote:M,width:w}):null,t[83]=x?.footnote,t[84]=x?.source,t[85]=M,t[86]=K,t[87]=y?.footnote,t[88]=y?.source,t[89]=w,t[90]=z):z=t[90];let bt;return t[91]!==W||t[92]!==ot||t[93]!==ie||t[94]!==Ct||t[95]!==b||t[96]!==ae||t[97]!==ut||t[98]!==G||t[99]!==Ht||t[100]!==Ut||t[101]!==P||t[102]!==L||t[103]!==N||t[104]!==z||t[105]!==a||t[106]!==w?(bt=i.jsxRuntimeExports.jsxs(Ge.GraphContainer,{className:Ht,style:Ut,id:ie,ref:te,"aria-label":W,backgroundColor:ot,theme:a,language:b,minHeight:ae,width:w,height:Ct,relativeHeight:G,padding:ut,children:[P,L,N,z]}),t[91]=W,t[92]=ot,t[93]=ie,t[94]=Ct,t[95]=b,t[96]=ae,t[97]=ut,t[98]=G,t[99]=Ht,t[100]=Ut,t[101]=P,t[102]=L,t[103]=N,t[104]=z,t[105]=a,t[106]=w,t[107]=bt):bt=t[107],bt}function Zo(e){return e.color}function zo(e){return e.color}function Jo(e){return e.color}function Ko(e){return e!==void 0}function Qo(e){return e!==void 0}function _o(e){return e.data}function tn(e){return e!==void 0}function en(e){return e.data}exports.MultiLineAltChart=Bo;
-//# sourceMappingURL=MultiLineAltChart.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./MultiLineAltChart-BkEze7t7.cjs`);exports.MultiLineAltChart=e.t;

package/dist/MultiLineAltChart.d.ts

@@ -1,255 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AnimateDataType {
-    duration: number;
-    once: boolean;
-    amount: 'some' | 'all' | number;
-}
-
-declare interface AnnotationSettingsDataType {
-    text: string;
-    maxWidth?: number;
-    xCoordinate?: number | string;
-    yCoordinate?: number | string;
-    xOffset?: number;
-    yOffset?: number;
-    align?: 'center' | 'left' | 'right';
-    color?: string;
-    fontWeight?: 'regular' | 'bold' | 'medium';
-    showConnector?: boolean | number;
-    connectorRadius?: number;
-    classNames?: {
-        connector?: string;
-        text?: string;
-    };
-    styles?: {
-        connector?: React.CSSProperties;
-        text?: React.CSSProperties;
-    };
-}
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-declare type CurveTypes = 'linear' | 'curve' | 'step' | 'stepAfter' | 'stepBefore';
-
-declare interface CustomHighlightAreaSettingsDataType {
-    coordinates: (number | string)[];
-    closePath?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    color?: string;
-    strokeWidth?: number;
-}
-
-declare interface CustomLayerDataType {
-    position: 'before' | 'after';
-    layer: React.ReactNode;
-}
-
-declare interface HighlightAreaSettingsDataType {
-    coordinates: [number | string | null, number | string | null];
-    style?: React.CSSProperties;
-    className?: string;
-    color?: string;
-    strokeWidth?: number;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-export declare function MultiLineAltChart(props: Props): JSX.Element;
-
-declare interface MultiLineAltChartDataType {
-    label: number | string;
-    y: number | null;
-    color?: string | number;
-    date: string | number;
-    data?: object;
-}
-
-declare interface NumberFormatOptions {
-    locale?: string;
-    precision?: number;
-    prefix?: string;
-    suffix?: string;
-    padZeros?: boolean;
-}
-
-declare interface Props {
-    /** Array of data objects */
-    data: MultiLineAltChartDataType[];
-    /** Title of the graph */
-    graphTitle?: string | React.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | React.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | React.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** Color or array of colors for lines */
-    colors?: string | string[];
-    /** Domain of colors for the graph */
-    colorDomain?: (string | number)[];
-    /** Toggle the visibility of labels of the lines when highlighted or mouse hovered */
-    showLabels?: boolean;
-    /** Title for the color legend */
-    colorLegendTitle?: string;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** Width of the graph */
-    width?: number;
-    /** Height of the graph */
-    height?: number;
-    /** Minimum height of the graph */
-    minHeight?: number;
-    /** Relative height scaling factor. This overwrites the height props */
-    relativeHeight?: number;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** Left margin of the graph */
-    leftMargin?: number;
-    /** Right margin of the graph */
-    rightMargin?: number;
-    /** Top margin of the graph */
-    topMargin?: number;
-    /** Bottom margin of the graph */
-    bottomMargin?: number;
-    /** Maximum value for the chart */
-    maxValue?: number;
-    /** Minimum value for the chart */
-    minValue?: number;
-    /** Reference values for comparison */
-    refValues?: ReferenceDataType[];
-    /** Maximum value of the date for the chart */
-    maxDate?: string | number;
-    /** Minimum value of the date for the chart */
-    minDate?: string | number;
-    /** No. of ticks on the x-axis  */
-    noOfXTicks?: number;
-    /** No. of ticks on the y-axis  */
-    noOfYTicks?: number;
-    /** Toggle visibility of dots on the line */
-    showDots?: boolean;
-    /** Stroke width of the line */
-    strokeWidth?: number;
-    /** Toggle the initial animation of the line. If the type is number then it uses the number as the time in seconds for animation. */
-    animate?: boolean | AnimateDataType;
-    /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */
-    dateFormat?: string;
-    /** Title for the Y-axis */
-    yAxisTitle?: string;
-    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
-    showColorScale?: boolean;
-    /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */
-    showNAColor?: boolean;
-    /** Toggle visibility of year labels on hover. */
-    showDateOnHover?: boolean;
-    /** Defines how “NA” values should be displayed/labelled in the graph */
-    naLabel?: string;
-    /** Data points to highlight. Use the label value from data to highlight the data point */
-    highlightedLines?: (string | number)[];
-    /** Defines if the labels should be shown for highlighted lines. */
-    showHighlightedLinesLabels?: boolean;
-    /** Defines the opacity of the non-highlighted data */
-    dimmedOpacity?: number;
-    /** Annotations on the chart */
-    annotations?: AnnotationSettingsDataType[];
-    /** Highlighted area(square) on the chart  */
-    highlightAreaSettings?: HighlightAreaSettingsDataType[];
-    /** Highlighted area(custom shape) on the chart  */
-    customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];
-    /** Curve type for the line */
-    curveType?: CurveTypes;
-    /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */
-    numberDisplayOptions?: NumberFormatOptions;
-    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
-    customLayers?: CustomLayerDataType[];
-    /** Enable graph download option as png */
-    graphDownload?: boolean;
-    /** Enable data download option as a csv */
-    dataDownload?: boolean;
-    /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
-    tooltip?: string | ((_d: any) => React.ReactNode);
-    /** Callback for mouse over event */
-    onSeriesMouseOver?: (_d: any) => void;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-declare interface ReferenceDataType {
-    value: number | null;
-    text: string;
-    color?: string;
-    styles?: {
-        line?: React.CSSProperties;
-        text?: React.CSSProperties;
-    };
-    classNames?: {
-        line?: string;
-        text?: string;
-    };
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Graphs/LineCharts/MultiLineAltChart/index'
+export {}