@undp/data-viz 2.6.0 → 2.6.1

package/dist/MultiLineAltChart.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./compiler-runtime-oPPev21o.cjs"),k=require("react"),C=require("./parse-xYI9yrvL.cjs"),Re=require("@undp/design-system-react/cn"),He=require("./index-Cno4Q0YE.cjs"),Ue=require("./numberFormattingFunction-u2iNHL_c.cjs"),Ze=require("./Tooltip-DwUFLDrj.cjs"),v=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),$e=require("./customArea-BCGIYDQa.cjs"),ze=require("./AxisTitle-CyFFbdNU.cjs"),Je=require("./Axis-DY7jsk1Y.cjs"),Ke=require("./XTicksAndGridLines-BO6KJc8d.cjs"),Qe=require("./ReferenceLine-CxITVT1K.cjs"),_e=require("./YTicksAndGridLines-C7glLI5b.cjs"),tn=require("./index-BaXzoD4r.cjs"),J=require("./Colors.cjs"),Ee=require("./uniqBy-O05lp2S5.cjs"),ke=require("./init-DU0ybBc_.cjs"),en=require("./time-CkcKbhwe.cjs"),nn=require("./linear-CgUCbw9F.cjs"),on=require("./delaunay-rcy0HhZi.cjs"),We=require("./line-DaEMhXmx.cjs"),Ae=require("./step-BZ3C8QFW.cjs"),rn=require("./select-Bnfk0lJx.cjs"),Yt=require("./proxy-QMeVVqam.cjs"),sn=require("./pointer-Dkq5NV1q.cjs"),ln=require("./use-in-view-DjR_gqJP.cjs"),an=require("./GraphFooter.cjs"),cn=require("./GraphHeader.cjs"),un=require("./EmptyState-BoaUUuo6.cjs"),fn=require("./ColorLegendWithMouseOver.cjs"),Ge=require("./GraphContainer-gaG9TSy4.cjs"),xn=require("./getNoOfTicks-C_1CFXv_.cjs");function mn(e,t){return Array.from(t,o=>e[o])}function pn(e,...t){if(typeof e[Symbol.iterator]!="function")throw new TypeError("values is not iterable");e=Array.from(e);let[o]=t;if(o&&o.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 r of t){const K=Ve(r[D],r[c]);if(K)return K}})):(o=e.map(o),O.sort((D,c)=>Ve(o[D],o[c]))),mn(e,O)}return e.sort(dn(o))}function dn(e=ke.ascending){if(e===ke.ascending)return Ve;if(typeof e!="function")throw new TypeError("compare is not a function");return(t,o)=>{const O=e(t,o);return O||O===0?O:(e(o,o)===0)-(e(t,t)===0)}}function Ve(e,t){return(e==null||!(e>=e))-(t==null||!(t>=t))||(e<t?-1:e>t?1:0)}function hn(e){const t=s.compilerRuntimeExports.c(130),{data:o,width:O,height:D,lineColors:c,dateFormat:r,noOfXTicks:K,rightMargin:ct,topMargin:Ct,bottomMargin:w,suffix:M,prefix:Q,leftMargin:q,tooltip:ut,onSeriesMouseOver:ft,refValues:Rt,highlightAreaSettings:Ft,minValue:_,maxValue:At,highlightedLines:U,animate:l,rtl:W,strokeWidth:T,showDots:me,annotations:Xt,customHighlightAreaSettings:xt,yAxisTitle:tt,noOfYTicks:oe,minDate:Bt,maxDate:Pt,curveType:mt,styles:R,colorDomain:S,selectedColor:Et,classNames:A,showLabels:re,dimmedOpacity:I,precision:et,naLabel:pe,customLayers:$,showHighlightedLinesLabels:Zt,showDateOnHover:de,locale:G,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=ln.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 n=setTimeout(()=>{y(!0)},(l.duration+.5)*1e3);return()=>clearTimeout(n)}},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"?We.curveLinear:mt==="step"?Ae.curveStep:mt==="stepAfter"?Ae.stepAfter:mt==="stepBefore"?Ae.stepBefore:Ae.monotoneX;let Dt;t[8]!==r?(Dt=n=>({...n,date:C.parse(`${n.date}`,r,new Date)}),t[8]=r,t[9]=Dt):Dt=t[9];const d=He.orderBy(o.map(Dt),["date"],["asc"]).filter(Pn),j=Ee.uniqBy(d,"label",!0);let dt;t[10]!==r?(dt=n=>C.parse(`${n}`,r,new Date),t[10]=r,t[11]=dt):dt=t[11];const Lt=pn(Ee.uniqBy(o,"date",!0).map(dt),Bn),[m,nt]=k.useState(void 0),[ht,it]=k.useState(void 0),[gt,ot]=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(n=>He.orderBy(d.filter(i=>i.label==n),["date"],["asc"]));let rt;if(t[17]!==r||t[18]!==Ft){let n;t[20]!==r?(n=i=>({...i,coordinates:[i.coordinates[0]===null?null:C.parse(`${i.coordinates[0]}`,r,new Date),i.coordinates[1]===null?null:C.parse(`${i.coordinates[1]}`,r,new Date)]}),t[20]=r,t[21]=n):n=t[21],rt=Ft.map(n),t[17]=r,t[18]=Ft,t[19]=rt}else rt=t[19];const qt=rt;let st;if(t[22]!==xt||t[23]!==r){let n;t[25]!==r?(n=i=>({...i,coordinates:i.coordinates.map((g,Gt)=>Gt%2===0?C.parse(`${g}`,r,new Date):g)}),t[25]=r,t[26]=n):n=t[26],st=xt.map(n),t[22]=xt,t[23]=r,t[24]=st}else st=t[24];const Kt=st,p=O-h.left-h.right,b=D-h.top-h.bottom,ae=Bt?C.parse(`${Bt}`,r,new Date):Lt[0],ce=Pt?C.parse(`${Pt}`,r,new Date):Lt[Lt.length-1],E=v.checkIfNullOrUndefined(_)?Math.min(...d.map(Xn).filter(Fn))?Math.min(...d.map(Yn).filter(Gn))>0?0:Math.min(...d.map(Wn).filter(Un)):0:_,F=Math.max(...d.map(Hn).filter(Vn))?Math.max(...d.map($n).filter(In)):0,u=en.time().domain([ae,ce]).range([0,p]);let lt;t[27]!==E||t[28]!==_?(lt=v.checkIfNullOrUndefined(_)?E:_,t[27]=E,t[28]=_,t[29]=lt):lt=t[29];let vt;t[30]!==F||t[31]!==At?(vt=v.checkIfNullOrUndefined(At)?F>0?F:0:At,t[30]=F,t[31]=At,t[32]=vt):vt=t[32];const a=nn.linear().domain([lt,vt]).range([b,0]).nice(),ue=on.Delaunay.from(d.filter(Tn),n=>u(n.date),n=>a(n.y)).voronoi([0,0,p<0?0:p,b<0?0:b]),St=We.line().x(n=>u(n.date)).y(n=>a(n.y)).curve(zt),Qt=a.ticks(oe),Mt=u.ticks(K);k.useEffect(()=>{const n=g=>{const Gt=d[ke.bisectCenter(d.map(Mn),u.invert(sn.pointer(g)[0]),0)];nt(Gt||d[d.length-1]),ot(g.clientY),it(g.clientX),ft?.(Gt||d[d.length-1])},i=()=>{nt(void 0),it(void 0),ot(void 0)};rn.select(Jt.current).on("mousemove",n).on("mouseout",i),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=s.jsxRuntimeExports.jsx(tn.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=A?.yAxis?.gridLines,Ot=A?.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(E<0?0:E),xe=a(E<0?0:E),Vt=0-q,te=p+h.right,wt=E<0?0:E;let H;t[46]!==G||t[47]!==Y||t[48]!==et||t[49]!==Q||t[50]!==M||t[51]!==wt?(H=Ue.numberFormattingFunction(wt,void 0,et,Q,M,G,Y),t[46]=G,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(E<0?0:E),B=F<0?"1em":-5;let L;t[53]!==Ht||t[54]!==Ut||t[55]!==B?(L={x:Ht,y:Ut,dx:0,dy:B},t[53]=Ht,t[54]=Ut,t[55]=B,t[56]=L):L=t[56];const P=A?.xAxis?.axis,Z=A?.yAxis?.labels;let N;t[57]!==P||t[58]!==Z?(N={axis:P,label:Z},t[57]=P,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 Wt;t[63]!==$t||t[64]!==xe||t[65]!==Vt||t[66]!==te||t[67]!==H||t[68]!==L||t[69]!==N||t[70]!==at?(Wt=s.jsxRuntimeExports.jsx(Je.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]=Wt):Wt=t[71];const De=0-q-15,Le=b/2,Ne=R?.yAxis?.title,qe=A?.yAxis?.title;let he;t[72]!==De||t[73]!==Le||t[74]!==Ne||t[75]!==qe||t[76]!==tt?(he=s.jsxRuntimeExports.jsx(ze.AxisTitle,{x:De,y:Le,style:Ne,className:qe,text:tt,rotate90:!0}),t[72]=De,t[73]=Le,t[74]=Ne,t[75]=qe,t[76]=tt,t[77]=he):he=t[77];let ge;t[78]!==r?(ge=n=>C.format(n,r),t[78]=r,t[79]=ge):ge=t[79];const Ye=Mt.map(ge),Fe=Mt.map(n=>u(n)),Se=R?.xAxis?.gridLines,Me=R?.xAxis?.labels;let ye;t[80]!==Se||t[81]!==Me?(ye={gridLines:Se,labels:Me},t[80]=Se,t[81]=Me,t[82]=ye):ye=t[82];const Te=A?.xAxis?.gridLines;let ee;t[83]!==Te?(ee=Re.cn("opacity-0",Te),t[83]=Te,t[84]=ee):ee=t[84];const Ie=A?.xAxis?.labels;let ne;t[85]!==Ie?(ne=Re.cn("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",Ie),t[85]=Ie,t[86]=ne):ne=t[86];let ve;t[87]!==ee||t[88]!==ne?(ve={gridLines:ee,labels:ne},t[87]=ee,t[88]=ne,t[89]=ve):ve=t[89];let je;t[90]!==$?(je=$.filter(Nn).map(Ln),t[90]=$,t[91]=je):je=t[91];const Xe=d.filter(vn).map((n,i)=>s.jsxRuntimeExports.jsx("g",{children:s.jsxRuntimeExports.jsx("path",{d:ue.renderCell(d.findIndex(g=>g.label===n.label&&g.date===n.date)),opacity:0,onMouseEnter:g=>{nt(n),ot(g.clientY),it(g.clientX),ft?.(n)},onMouseMove:g=>{nt(n),ot(g.clientY),it(g.clientX)},onMouseLeave:()=>{nt(void 0),it(void 0),ot(void 0),ft?.(void 0)}})},i));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?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:Rt.map((n,i)=>s.jsxRuntimeExports.jsx(Qe.RefLineY,{text:n.text,color:n.color,y:a(n.value),x1:0-q,x2:p+h.right,classNames:n.classNames,styles:n.styles,animate:l,isInView:f},i))}):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 ie;if(t[100]!==l||t[101]!==Xt||t[102]!==r||t[103]!==p||t[104]!==f||t[105]!==h.right||t[106]!==W||t[107]!==u||t[108]!==a){let n;t[110]!==l||t[111]!==r||t[112]!==p||t[113]!==f||t[114]!==h.right||t[115]!==W||t[116]!==u||t[117]!==a?(n=(i,g)=>{const Gt=$e.getLineEndPoint({x:i.xCoordinate?u(C.parse(`${i.xCoordinate}`,r,new Date))+(i.xOffset||0):0+(i.xOffset||0),y:i.yCoordinate?a(i.yCoordinate)+(i.yOffset||0)-8:0+(i.yOffset||0)-8},{x:i.xCoordinate?u(C.parse(`${i.xCoordinate}`,r,new Date)):0,y:i.yCoordinate?a(i.yCoordinate):0},v.checkIfNullOrUndefined(i.connectorRadius)?3.5:i.connectorRadius),Be=i.showConnector?{y1:Gt.y,x1:Gt.x,y2:i.yCoordinate?a(i.yCoordinate)+(i.yOffset||0):0+(i.yOffset||0),x2:i.xCoordinate?u(C.parse(`${i.xCoordinate}`,r,new Date))+(i.xOffset||0):0+(i.xOffset||0),cy:i.yCoordinate?a(i.yCoordinate):0,cx:i.xCoordinate?u(C.parse(`${i.xCoordinate}`,r,new Date)):0,circleRadius:v.checkIfNullOrUndefined(i.connectorRadius)?3.5:i.connectorRadius,strokeWidth:i.showConnector===!0?2:Math.min(i.showConnector||0,1)}:void 0,Pe={y:i.yCoordinate?a(i.yCoordinate)+(i.yOffset||0)-8:0+(i.yOffset||0)-8,x:W?0:i.xCoordinate?u(C.parse(`${i.xCoordinate}`,r,new Date))+(i.xOffset||0):0+(i.xOffset||0),width:W?i.xCoordinate?u(C.parse(`${i.xCoordinate}`,r,new Date))+(i.xOffset||0):0+(i.xOffset||0):p+h.right-(i.xCoordinate?u(C.parse(`${i.xCoordinate}`,r,new Date))+(i.xOffset||0):0+(i.xOffset||0)),maxWidth:i.maxWidth,fontWeight:i.fontWeight,align:i.align};return s.jsxRuntimeExports.jsx($e.Annotation,{color:i.color,connectorsSettings:Be,labelSettings:Pe,text:i.text,classNames:i.classNames,styles:i.styles,animate:l,isInView:f},g)},t[110]=l,t[111]=r,t[112]=p,t[113]=f,t[114]=h.right,t[115]=W,t[116]=u,t[117]=a,t[118]=n):n=t[118],ie=Xt.map(n),t[100]=l,t[101]=Xt,t[102]=r,t[103]=p,t[104]=f,t[105]=h.right,t[106]=W,t[107]=u,t[108]=a,t[109]=ie}else ie=t[109];let we;t[119]!==ie?(we=s.jsxRuntimeExports.jsx("g",{children:ie}),t[119]=ie,t[120]=we):we=t[120];let be;t[121]!==$?(be=$.filter(yn).map(gn),t[121]=$,t[122]=be):be=t[122];let Ce;return t[123]!==A?.tooltip||t[124]!==ht||t[125]!==gt||t[126]!==m||t[127]!==R?.tooltip||t[128]!==ut?(Ce=m&&ut&&ht&&gt?s.jsxRuntimeExports.jsx(Ze.Tooltip,{data:m,body:ut,xPos:ht,yPos:gt,backgroundStyle:R?.tooltip,className:A?.tooltip}):null,t[123]=A?.tooltip,t[124]=ht,t[125]=gt,t[126]=m,t[127]=R?.tooltip,t[128]=ut,t[129]=Ce):Ce=t[129],s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(Yt.motion.svg,{width:`${O}px`,height:`${D}px`,viewBox:`0 0 ${O} ${D}`,direction:"ltr",ref:se,children:s.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[jt,s.jsxRuntimeExports.jsx($e.CustomArea,{areaSettings:Kt,scaleX:u,scaleY:a,animate:l,isInView:f}),s.jsxRuntimeExports.jsxs("g",{children:[s.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:Qt.filter(Sn),y:Qt.filter(qn).map(n=>a(n)),x1:0-q,x2:p+h.right,styles:X,classNames:_t,suffix:M,prefix:Q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:et,locale:G,padZeros:Y}),Wt,he]}),s.jsxRuntimeExports.jsx("g",{children:s.jsxRuntimeExports.jsx(Ke.XTicksAndGridLines,{values:Ye,x:Fe,y1:0,y2:b,styles:ye,classNames:ve,suffix:M,prefix:Q,labelType:"primary",showGridLines:!0,precision:et,locale:G,padZeros:Y})}),je,s.jsxRuntimeExports.jsxs(Yt.motion.g,{children:[le.map(n=>s.jsxRuntimeExports.jsxs(Yt.motion.g,{exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{opacity:m?n[0].label===m.label?1:I:Et?n[0].color&&c[S.indexOf(n[0].color)]===Et?1:I:U?U.indexOf(n[0].label)!==-1?1:I:1},whileInView:{opacity:m?n[0].label===m.label?1:I:Et?n[0].color&&c[S.indexOf(n[0].color)]===Et?1:I:U?U.indexOf(n[0].label)!==-1?1:I:1,transition:{duration:l.duration}}},initial:"initial",animate:f?"whileInView":"initial",children:[s.jsxRuntimeExports.jsx(Yt.motion.path,{d:St(n.filter(Dn))||"",style:{fill:"none",strokeWidth:m?n[0].label===m.label?T+Math.max(2,.5*T):T:U&&U.indexOf(n[0].label)!==-1?T+Math.max(2,.5*T):T},exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{pathLength:0,d:St(n.filter(kn))||"",opacity:1,stroke:o.filter(En).length===0?c[0]:n[0].color?c[S.indexOf(n[0].color)]:J.Colors.gray},whileInView:{pathLength:1,d:St(n.filter(An))||"",opacity:1,stroke:o.filter(Rn).length===0?c[0]:n[0].color?c[S.indexOf(n[0].color)]:J.Colors.gray,transition:{duration:l.duration}}},initial:"initial",animate:f?"whileInView":"initial"}),n.map((i,g)=>s.jsxRuntimeExports.jsx(Yt.motion.g,{children:v.checkIfNullOrUndefined(i.y)?null:s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:me?s.jsxRuntimeExports.jsx(Yt.motion.circle,{r:p/n.length<5?0:p/n.length<20?2:4,exit:{opacity:0,transition:{duration:l.duration}},variants:{initial:{opacity:0,fill:o.filter(Cn).length===0?c[0]:n[0].color?c[S.indexOf(n[0].color)]:J.Colors.gray,cx:u(i.date),cy:a(i.y)},whileInView:{opacity:1,fill:o.filter(bn).length===0?c[0]:n[0].color?c[S.indexOf(n[0].color)]:J.Colors.gray,transition:{duration:V?l.duration:.5,delay:V?0:l.duration},cx:u(i.date),cy:a(i.y)}},initial:"initial",animate:f?"whileInView":"initial"}):null})},g)),((U||[]).indexOf(n[0].label)!==-1&&Zt||m?.label===n[0].label)&&re?s.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:o.filter(wn).length===0?c[0]:n[0].color?c[S.indexOf(n[0].color)]:J.Colors.gray,x:u(n[n.length-1].date),y:a(n[n.length-1].y)},whileInView:{opacity:1,fill:o.filter(On).length===0?c[0]:n[0].color?c[S.indexOf(n[0].color)]:J.Colors.gray,x:u(n[n.length-1].date),y:a(n[n.length-1].y),transition:{duration:V?l.duration:.5,delay:V?0:l.duration}}},initial:"initial",animate:f?"whileInView":"initial",children:n[0].label}):null]},n[0].label)),m?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("text",{y:a(m.y)-8,x:u(m.date),className:Re.cn("graph-value text-sm font-bold",A?.graphObjectValues),style:{fill:o.filter(jn).length===0?c[0]:m.color?c[S.indexOf(m.color)]:J.Colors.gray,textAnchor:"middle",...R?.graphObjectValues||{}},children:Ue.numberFormattingFunction(m.y,pe,et,Q,M,G,Y)}),de&&s.jsxRuntimeExports.jsx("text",{y:a(m.y)+20,x:u(m.date),className:Re.cn("graph-value text-sm fill-primary-gray-500 dark:fill-primary-gray-400",A?.graphObjectValues),style:{textAnchor:"middle",...R?.graphObjectValues||{}},children:C.format(new Date(m.date),r||"yyyy")})]}):null]}),Xe,Oe,we,be]})}),Ce]})}function gn(e){return e.layer}function yn(e){return e.position==="after"}function vn(e){return!v.checkIfNullOrUndefined(e.y)}function jn(e){return e.color}function On(e){return e.color}function wn(e){return e.color}function bn(e){return e.color}function Cn(e){return e.color}function Rn(e){return e.color}function An(e){return!v.checkIfNullOrUndefined(e.y)}function En(e){return e.color}function kn(e){return!v.checkIfNullOrUndefined(e.y)}function Dn(e){return!v.checkIfNullOrUndefined(e.y)}function Ln(e){return e.layer}function Nn(e){return e.position==="before"}function qn(e){return e!==0}function Sn(e){return e!==0}function Mn(e){return e.date}function Tn(e){return!v.checkIfNullOrUndefined(e.date)&&!v.checkIfNullOrUndefined(e.y)}function In(e){return!v.checkIfNullOrUndefined(e)}function $n(e){return e.y}function Vn(e){return!v.checkIfNullOrUndefined(e)}function Hn(e){return e.y}function Un(e){return!v.checkIfNullOrUndefined(e)}function Wn(e){return e.y}function Gn(e){return!v.checkIfNullOrUndefined(e)}function Yn(e){return e.y}function Fn(e){return!v.checkIfNullOrUndefined(e)}function Xn(e){return e.y}function Bn(e,t){return ke.ascending(e,t)}function Pn(e){return!v.checkIfNullOrUndefined(e.y)}function Zn(e){const t=s.compilerRuntimeExports.c(108),{data:o,graphTitle:O,showNAColor:D,colors:c,colorDomain:r,sources:K,graphDescription:ct,height:Ct,width:w,footNote:M,noOfXTicks:Q,dateFormat:q,padding:ut,backgroundColor:ft,leftMargin:Rt,rightMargin:Ft,topMargin:_,bottomMargin:At,showColorScale:U,tooltip:l,relativeHeight:W,onSeriesMouseOver:T,showLabels:me,showHighlightedLinesLabels:Xt,refValues:xt,highlightAreaSettings:tt,graphID:oe,minValue:Bt,maxValue:Pt,highlightedLines:mt,graphDownload:R,dataDownload:S,animate:Et,language:A,colorLegendTitle:re,minHeight:I,strokeWidth:et,showDots:pe,annotations:$,customHighlightAreaSettings:Zt,theme:de,ariaLabel:G,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,nt=ft===void 0?!1:ft,ht=Rt===void 0?30:Rt,it=Ft===void 0?50:Ft,gt=_===void 0?20:_,ot=At===void 0?25:At,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=Et===void 0?!1:Et,b=A===void 0?"en":A,ae=I===void 0?0:I,ce=et===void 0?2:et,E=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(Wt=>{fe(Wt[0].target.clientWidth||620),_t(Wt[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 B;t[12]!==x?.description||t[13]!==x?.title||t[14]!==o||t[15]!==Kt||t[16]!==ct||t[17]!==st||t[18]!==O||t[19]!==y?.description||t[20]!==y?.title||t[21]!==w?(B=O||ct||st||Kt?s.jsxRuntimeExports.jsx(cn.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?o.map(ni).filter(ei).length>0?o.map(ti).filter(_n):o.filter(Qn):null}):null,t[12]=x?.description,t[13]=x?.title,t[14]=o,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]=B):B=t[22];let L;t[23]!==x?.colorLegend||t[24]!==r||t[25]!==re||t[26]!==c||t[27]!==o||t[28]!==Nt||t[29]!==dt||t[30]!==a||t[31]!==w?(L=Nt&&o.filter(Kn).length!==0&&o.length>0?s.jsxRuntimeExports.jsx(fn.ColorLegendWithMouseOver,{width:w,colorLegendTitle:re,colors:c||J.Colors[a].categoricalColors.colors,colorDomain:r||Ee.uniqBy(o,"color",!0),setSelectedColor:xe,showNAColor:dt,className:x?.colorLegend}):null,t[23]=x?.colorLegend,t[24]=r,t[25]=re,t[26]=c,t[27]=o,t[28]=Nt,t[29]=dt,t[30]=a,t[31]=w,t[32]=L):L=t[32];let P;t[33]!==o.length?(P=o.length===0&&s.jsxRuntimeExports.jsx(un.EmptyState,{}),t[33]=o.length,t[34]=P):P=t[34];let Z;t[35]!==p||t[36]!==u||t[37]!==ot||t[38]!==x||t[39]!==r||t[40]!==c||t[41]!==St||t[42]!==vt||t[43]!==jt||t[44]!==o||t[45]!==m||t[46]!==Qt||t[47]!==qt||t[48]!==mt||t[49]!==b||t[50]!==ht||t[51]!==f||t[52]!==Pt||t[53]!==pt||t[54]!==Bt||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]!==it||t[66]!==$t||t[67]!==It||t[68]!==E||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&&o.length>0?s.jsxRuntimeExports.jsx(hn,{data:o,lineColors:o.filter(Jn).length===0?c?[c]:[J.Colors.primaryColors["blue-600"]]:c||J.Colors[a].categoricalColors.colors,width:X,height:Ot,dateFormat:m,noOfXTicks:Lt??xn.getNoOfTicks(X),leftMargin:ht,rightMargin:it,topMargin:gt,bottomMargin:ot,tooltip:l,onSeriesMouseOver:T,highlightAreaSettings:qt,refValues:le,minValue:Bt,maxValue:Pt,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:E,annotations:u,customHighlightAreaSettings:vt,yAxisTitle:Y,noOfYTicks:ue,minDate:pt,maxDate:f,curveType:St,styles:y,classNames:x,selectedColor:$t,showLabels:yt,colorDomain:o.filter(zn).length===0?[]:r||Ee.uniqBy(o,"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]=ot,t[38]=x,t[39]=r,t[40]=c,t[41]=St,t[42]=vt,t[43]=jt,t[44]=o,t[45]=m,t[46]=Qt,t[47]=qt,t[48]=mt,t[49]=b,t[50]=ht,t[51]=f,t[52]=Pt,t[53]=pt,t[54]=Bt,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]=it,t[66]=$t,t[67]=It,t[68]=E,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]!==P||t[81]!==Z?(N=s.jsxRuntimeExports.jsxs(Ge.GraphArea,{ref:Vt,children:[P,Z]}),t[80]=P,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?s.jsxRuntimeExports.jsx(an.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]!==G||t[92]!==nt||t[93]!==oe||t[94]!==Ct||t[95]!==b||t[96]!==ae||t[97]!==ut||t[98]!==W||t[99]!==Ht||t[100]!==Ut||t[101]!==B||t[102]!==L||t[103]!==N||t[104]!==z||t[105]!==a||t[106]!==w?(bt=s.jsxRuntimeExports.jsxs(Ge.GraphContainer,{className:Ht,style:Ut,id:oe,ref:te,"aria-label":G,backgroundColor:nt,theme:a,language:b,minHeight:ae,width:w,height:Ct,relativeHeight:W,padding:ut,children:[B,L,N,z]}),t[91]=G,t[92]=nt,t[93]=oe,t[94]=Ct,t[95]=b,t[96]=ae,t[97]=ut,t[98]=W,t[99]=Ht,t[100]=Ut,t[101]=B,t[102]=L,t[103]=N,t[104]=z,t[105]=a,t[106]=w,t[107]=bt):bt=t[107],bt}function zn(e){return e.color}function Jn(e){return e.color}function Kn(e){return e.color}function Qn(e){return e!==void 0}function _n(e){return e!==void 0}function ti(e){return e.data}function ei(e){return e!==void 0}function ni(e){return e.data}exports.MultiLineAltChart=Zn;
-//# 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 {}