@undp/data-viz 2.4.1 → 2.5.0

package/dist/WaterfallChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-D4pAp7u0.cjs"),E=require("react"),re=require("./index-DQA8q5sC.cjs"),oe=require("./numberFormattingFunction-Cn9R7CM9.cjs"),le=require("./Tooltip-Hr46paWP.cjs"),Gt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),vt=require("./Colors.cjs"),ae=require("./AxisTitle-DP_evhbe.cjs"),ce=require("./Axis-BTaS9oPQ.cjs"),ue=require("./ReferenceLine-CpU4G01Y.cjs"),de=require("./YTicksAndGridLines-DFjm8RCc.cjs"),me=require("./XAxesLabels-C03jHniq.cjs"),xe=require("./DetailsModal-jmmKRMRM.cjs"),Pt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),fe=require("./linear-CgUCbw9F.cjs"),he=require("./band-VYfcZeJ2.cjs"),ie=require("./proxy-CqH8m8IQ.cjs"),ge=require("./use-in-view-dnRv_qqF.cjs"),pe=require("./index-FXfr51ZM.cjs"),ve=require("./ColorLegendWithMouseOver.cjs"),be=require("./EmptyState-CFmiFPHz.cjs"),ne=require("./GraphContainer-Cul9b74X.cjs"),ye=require("./GraphFooter.cjs"),Ce=require("./GraphHeader.cjs"),se=require("./uniqBy-O05lp2S5.cjs");function we(i){let t=0,n=0,y=0;for(const x of i)t+=x||0,t>n&&(n=t),t<y&&(y=t);return{max:n,min:y}}function je(i){const t=s.compilerRuntimeExports.c(46),{leftMargin:n,rightMargin:y,topMargin:x,bottomMargin:Wt,data:f,width:bt,height:I,barColor:h,suffix:yt,prefix:Ct,barPadding:Jt,showLabels:Ft,showValues:d,showTicks:ot,colorDomain:g,truncateBy:wt,tooltip:z,onSeriesMouseOver:jt,refValues:Ht,selectedColor:P,maxValue:Ot,minValue:Et,highlightedDataPoints:G,onSeriesMouseClick:Mt,labelOrder:p,maxBarThickness:At,minBarThickness:Rt,detailsOnClick:T,barAxisTitle:nt,noOfTicks:Ut,styles:m,classNames:c,dimmedOpacity:M,animate:u,precision:kt,customLayers:A,naLabel:Kt,hideAxisLine:Qt,locale:Lt}=i,R=n===void 0?20:n,st=y===void 0?20:y,W=x===void 0?20:x,rt=Wt===void 0?25:Wt,Tt=E.useRef(null);let F;t[0]!==u.amount||t[1]!==u.once?(F={once:u.once,amount:u.amount},t[0]=u.amount,t[1]=u.once,t[2]=F):F=t[2];const N=ge.useInView(Tt,F),Nt=nt?R+30:R;let l;t[3]!==rt||t[4]!==st||t[5]!==Nt||t[6]!==W?(l={top:W,bottom:rt,left:Nt,right:st},t[3]=rt,t[4]=st,t[5]=Nt,t[6]=W,t[7]=l):l=t[7];const o=l,{max:Zt,min:_t}=we(f.map(De)),Yt=Gt.checkIfNullOrUndefined(Ot)?Zt:Ot,v=Gt.checkIfNullOrUndefined(Et)?_t:Et,[q,qt]=E.useState(void 0),[H,U]=E.useState(void 0),[Y,lt]=E.useState(void 0),[X,at]=E.useState(void 0),k=bt-o.left-o.right,$t=I-o.top-o.bottom;let J;if(t[8]!==f||t[9]!==p){const e=new Set,L=f.map((O,it)=>{const V=p?`${O.label}`:`${it}`;return e.add(V),{...O,id:V}}),j=p?p.filter(O=>!e.has(O)):[];J=[...L,...j.map(Be)],t[8]=f,t[9]=p,t[10]=J}else J=t[10];const K=J;let Q;t[11]!==K||t[12]!==p?(Q=p??K.map($e),t[11]=K,t[12]=p,t[13]=Q):Q=t[13];const Z=Q,r=fe.linear().domain([v,Yt]).range([$t,0]).nice(),a=he.band().domain(Z).range([0,Rt?Math.max(k,Rt*Z.length):At?Math.min(k,At*Z.length):k]).paddingInner(Jt),Bt=r.ticks(Ut);let _=0;const C=K.map(e=>{const L=_;return _=_+(e.size||0),{...e,start:L,end:_}}),ct=c?.xAxis?.axis,w=c?.yAxis?.labels;let $;t[14]!==w||t[15]!==ct?($={axis:ct,label:w},t[14]=w,t[15]=ct,t[16]=$):$=t[16];const ut=m?.xAxis?.axis,dt=m?.yAxis?.labels;let B;t[17]!==ut||t[18]!==dt?(B={axis:ut,label:dt},t[17]=ut,t[18]=dt,t[19]=B):B=t[19];const mt=0-R-15,xt=$t/2,ft=m?.yAxis?.title,ht=c?.yAxis?.title;let D;t[20]!==nt||t[21]!==mt||t[22]!==xt||t[23]!==ft||t[24]!==ht?(D=s.jsxRuntimeExports.jsx(ae.AxisTitle,{x:mt,y:xt,style:ft,className:ht,text:nt,rotate90:!0}),t[20]=nt,t[21]=mt,t[22]=xt,t[23]=ft,t[24]=ht,t[25]=D):D=t[25];let Dt;t[26]!==A?(Dt=A.filter(Te).map(Le),t[26]=A,t[27]=Dt):Dt=t[27];const tt=pe.AnimatePresence,Xt=C.map((e,L)=>Gt.checkIfNullOrUndefined(a(e.id))?null:s.jsxRuntimeExports.jsxs(ie.motion.g,{className:"undp-viz-g-with-hover",initial:"initial",animate:N?"whileInView":"initial",variants:{initial:{opacity:P?e.color&&h[g.indexOf(e.color)]===P?1:M:G?G.indexOf(e.label)!==-1?.85:M:.85},whileInView:{opacity:P?e.color&&h[g.indexOf(e.color)]===P?1:M:G?G.indexOf(e.label)!==-1?.85:M:.85,transition:{duration:u.duration}}},exit:{opacity:0,transition:{duration:u.duration}},onMouseEnter:j=>{qt(e),at(j.clientY),lt(j.clientX),jt?.(e)},onClick:()=>{(Mt||T)&&(re.isEqual(H,e)?(U(void 0),Mt?.(void 0)):(U(e),Mt?.(e)))},onMouseMove:j=>{qt(e),at(j.clientY),lt(j.clientX)},onMouseLeave:()=>{qt(void 0),lt(void 0),at(void 0),jt?.(void 0)},children:[e.size?s.jsxRuntimeExports.jsx(ie.motion.rect,{width:a.bandwidth(),initial:"initial",animate:N?"whileInView":"initial",variants:{initial:{height:0,x:a(`${e.id}`),y:r(e.start),fill:f.filter(ke).length===0?h[0]:e.color?h[g.indexOf(e.color)]:vt.Colors.gray},whileInView:{height:Math.abs(r(e.start)-r(e.end)),y:r(Math.max(e.start,e.end)),x:a(`${e.id}`),fill:f.filter(Re).length===0?h[0]:e.color?h[g.indexOf(e.color)]:vt.Colors.gray,transition:{duration:u.duration}}},exit:{height:0,y:r(e.start),transition:{duration:u.duration}}}):null,Ft?s.jsxRuntimeExports.jsx(me.XAxesLabels,{value:`${e.label}`.length<wt?`${e.label}`:`${`${e.label}`.substring(0,wt)}...`,y:r(0)+5,x:a(`${e.id}`),width:a.bandwidth(),height:o.bottom,style:m?.xAxis?.labels,className:c?.xAxis?.labels,alignment:"top",animate:u,isInView:N}):null,d&&Math.abs(r(e.start)-r(e.end))>16?s.jsxRuntimeExports.jsx(ie.motion.text,{style:{textAnchor:"middle",...m?.graphObjectValues||{}},className:s.mo("graph-value text-sm",c?.graphObjectValues),dy:"0.33em",variants:{initial:{x:a(`${e.id}`)+a.bandwidth()/2,y:(r(e.start)+r(e.end))/2,opacity:0,fill:f.filter(Ae).length===0?Pt.getTextColorBasedOnBgColor(h[0]):e.color?Pt.getTextColorBasedOnBgColor(h[g.indexOf(e.color)]):Pt.getTextColorBasedOnBgColor(vt.Colors.gray)},whileInView:{x:a(`${e.id}`)+a.bandwidth()/2,y:(r(e.start)+r(e.end))/2,fill:f.filter(Me).length===0?Pt.getTextColorBasedOnBgColor(h[0]):e.color?Pt.getTextColorBasedOnBgColor(h[g.indexOf(e.color)]):Pt.getTextColorBasedOnBgColor(vt.Colors.gray),opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:N?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},children:oe.numberFormattingFunction(e.size?Math.abs(e.size):e.size,Kt,kt,Ct,yt,Lt)}):null]},e.label)),gt=Ht?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:Ht.map((e,L)=>s.jsxRuntimeExports.jsx(ue.RefLineY,{text:e.text,color:e.color,y:r(e.value),x1:0-R,x2:k+o.right,classNames:e.classNames,styles:e.styles,animate:u,isInView:N},L))}):null;let St;t[28]!==tt||t[29]!==Xt||t[30]!==gt?(St=s.jsxRuntimeExports.jsxs(tt,{children:[Xt,gt]}),t[28]=tt,t[29]=Xt,t[30]=gt,t[31]=St):St=t[31];let et;t[32]!==A?(et=A.filter(Ee).map(Oe),t[32]=A,t[33]=et):et=t[33];let pt;t[34]!==c?.tooltip||t[35]!==Y||t[36]!==X||t[37]!==q||t[38]!==m?.tooltip||t[39]!==z?(pt=q&&z&&Y&&X?s.jsxRuntimeExports.jsx(le.Tooltip,{data:q,body:z,xPos:Y,yPos:X,backgroundStyle:m?.tooltip,className:c?.tooltip}):null,t[34]=c?.tooltip,t[35]=Y,t[36]=X,t[37]=q,t[38]=m?.tooltip,t[39]=z,t[40]=pt):pt=t[40];let S;return t[41]!==c?.modal||t[42]!==T||t[43]!==H||t[44]!==U?(S=T&&H!==void 0?s.jsxRuntimeExports.jsx(xe.DetailsModal,{body:T,data:H,setData:U,className:c?.modal}):null,t[41]=c?.modal,t[42]=T,t[43]=H,t[44]=U,t[45]=S):S=t[45],s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ie.motion.svg,{ref:Tt,width:`${bt}px`,height:`${I}px`,viewBox:`0 0 ${bt} ${I}`,direction:"ltr",children:s.jsxRuntimeExports.jsxs("g",{transform:`translate(${o.left},${o.top})`,children:[s.jsxRuntimeExports.jsx(ce.Axis,{y1:r(v<0?0:v),y2:r(v<0?0:v),x1:0-R,x2:k+o.right,hideAxisLine:Qt,label:ot?oe.numberFormattingFunction(v<0?0:v,void 0,kt,Ct,yt,Lt):void 0,labelPos:{x:0-R,dx:0,dy:Yt<0?"1em":-5,y:r(v<0?0:v)},classNames:$,styles:B}),ot?s.jsxRuntimeExports.jsx(de.YTicksAndGridLines,{values:Bt.filter(qe),y:Bt.filter(Ne).map(e=>r(e)),x1:0-R,x2:k+o.right,styles:{gridLines:m?.yAxis?.gridLines,labels:m?.yAxis?.labels},classNames:{gridLines:c?.yAxis?.gridLines,labels:c?.yAxis?.labels},suffix:yt,prefix:Ct,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:kt,locale:Lt}):null,D,Dt,St,et]})}),pt,S]})}function Oe(i){return i.layer}function Ee(i){return i.position==="after"}function Me(i){return i.color}function Ae(i){return i.color}function Re(i){return i.color}function ke(i){return i.color}function Le(i){return i.layer}function Te(i){return i.position==="before"}function Ne(i){return i!==0}function qe(i){return i!==0}function $e(i){return`${i.id}`}function Be(i){return{id:i,label:i,color:null,size:null}}function De(i){return i.size}function Se(i){const t=s.compilerRuntimeExports.c(100),{data:n,graphTitle:y,colors:x,suffix:Wt,sources:f,prefix:bt,graphDescription:I,barPadding:h,showValues:yt,showTicks:Ct,truncateBy:Jt,height:Ft,width:d,footNote:ot,colorDomain:g,colorLegendTitle:wt,highlightedDataPoints:z,padding:jt,backgroundColor:Ht,topMargin:P,bottomMargin:Ot,leftMargin:Et,rightMargin:G,showLabels:Mt,relativeHeight:p,tooltip:At,onSeriesMouseOver:Rt,refValues:T,showColorScale:nt,graphID:Ut,maxValue:m,minValue:c,onSeriesMouseClick:M,graphDownload:u,dataDownload:kt,labelOrder:A,language:Kt,showNAColor:Qt,minHeight:Lt,theme:R,maxBarThickness:st,maxNumberOfBars:W,minBarThickness:rt,ariaLabel:Tt,detailsOnClick:F,barAxisTitle:N,noOfTicks:Nt,styles:l,classNames:o,filterNA:Zt,animate:_t,dimmedOpacity:Yt,precision:v,customLayers:q,naLabel:qt,hideAxisLine:H,locale:U}=i,Y=Wt===void 0?"":Wt,lt=bt===void 0?"":bt,X=h===void 0?.25:h,at=yt===void 0?!0:yt,k=Ct===void 0?!0:Ct,$t=Jt===void 0?999:Jt,J=Ht===void 0?!1:Ht,K=Mt===void 0?!0:Mt,Q=nt===void 0?!0:nt,Z=u===void 0?!1:u,r=kt===void 0?!1:kt,a=Kt===void 0?"en":Kt,Bt=Qt===void 0?!0:Qt,_=Lt===void 0?0:Lt,C=R===void 0?"light":R,ct=Nt===void 0?5:Nt,w=Zt===void 0?!0:Zt,$=_t===void 0?!1:_t,ut=Yt===void 0?.3:Yt,dt=v===void 0?2:v;let B;t[0]!==q?(B=q===void 0?[]:q,t[0]=q,t[1]=B):B=t[1];const mt=B,xt=qt===void 0?"NA":qt,ft=H===void 0?!1:H,ht=U===void 0?"en":U,[D,Dt]=E.useState(0),[tt,Xt]=E.useState(0),[gt,St]=E.useState(void 0),et=E.useRef(null),pt=E.useRef(null);let S,e;t[2]===Symbol.for("react.memo_cache_sentinel")?(S=()=>{const b=new ResizeObserver(ee=>{Dt(ee[0].target.clientWidth||620),Xt(ee[0].target.clientHeight||480)});return et.current&&b.observe(et.current),()=>b.disconnect()},e=[],t[2]=S,t[3]=e):(S=t[2],e=t[3]),E.useEffect(S,e);const L=o?.graphContainer,j=l?.graphContainer;let O;t[4]!==o?.description||t[5]!==o?.title||t[6]!==n||t[7]!==r||t[8]!==I||t[9]!==Z||t[10]!==y||t[11]!==l?.description||t[12]!==l?.title||t[13]!==d?(O=y||I||Z||r?s.jsxRuntimeExports.jsx(Ce.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:o?.title,description:o?.description},graphTitle:y,graphDescription:I,width:d,graphDownload:Z?pt:void 0,dataDownload:r?n.map(He).filter(Fe).length>0?n.map(We).filter(Ge):n.filter(Pe):null}):null,t[4]=o?.description,t[5]=o?.title,t[6]=n,t[7]=r,t[8]=I,t[9]=Z,t[10]=y,t[11]=l?.description,t[12]=l?.title,t[13]=d,t[14]=O):O=t[14];let it;t[15]!==o?.colorLegend||t[16]!==g||t[17]!==wt||t[18]!==x||t[19]!==n||t[20]!==Q||t[21]!==Bt||t[22]!==C||t[23]!==d?(it=Q&&n.filter(ze).length!==0&&n.length>0?s.jsxRuntimeExports.jsx(ve.ColorLegendWithMouseOver,{width:d,colorLegendTitle:wt,colors:x||vt.Colors[C].categoricalColors.colors,colorDomain:g||se.uniqBy(n,"color",!0),setSelectedColor:St,showNAColor:Bt,className:o?.colorLegend}):null,t[15]=o?.colorLegend,t[16]=g,t[17]=wt,t[18]=x,t[19]=n,t[20]=Q,t[21]=Bt,t[22]=C,t[23]=d,t[24]=it):it=t[24];let V;t[25]!==n||t[26]!==w?(V=n.filter(b=>w?!Gt.checkIfNullOrUndefined(b.size):b).length===0&&s.jsxRuntimeExports.jsx(be.EmptyState,{}),t[25]=n,t[26]=w,t[27]=V):V=t[27];let Vt;t[28]!==$||t[29]!==N||t[30]!==X||t[31]!==Ot||t[32]!==o||t[33]!==g||t[34]!==x||t[35]!==mt||t[36]!==n||t[37]!==F||t[38]!==ut||t[39]!==w||t[40]!==ft||t[41]!==z||t[42]!==A||t[43]!==a||t[44]!==Et||t[45]!==ht||t[46]!==st||t[47]!==W||t[48]!==m||t[49]!==rt||t[50]!==c||t[51]!==xt||t[52]!==ct||t[53]!==M||t[54]!==Rt||t[55]!==dt||t[56]!==lt||t[57]!==T||t[58]!==G||t[59]!==gt||t[60]!==K||t[61]!==k||t[62]!==at||t[63]!==l||t[64]!==Y||t[65]!==tt||t[66]!==D||t[67]!==C||t[68]!==At||t[69]!==P||t[70]!==$t?(Vt=D&&tt&&n.filter(b=>w?!Gt.checkIfNullOrUndefined(b.size):b).length>0?s.jsxRuntimeExports.jsx(je,{hideAxisLine:ft,data:n.filter(b=>w?!Gt.checkIfNullOrUndefined(b.size):b).filter((b,ee)=>W?ee<W:!0),barColor:n.filter(Ie).length===0?x?[x]:[vt.Colors.primaryColors["blue-600"]]:x||vt.Colors[C].categoricalColors.colors,colorDomain:n.filter(Ve).length===0?[]:g||se.uniqBy(n,"color",!0),selectedColor:gt,width:D,height:tt,suffix:Y,prefix:lt,barPadding:X,showValues:at,showTicks:k,leftMargin:Et,rightMargin:G,topMargin:P,bottomMargin:Ot,truncateBy:$t,showLabels:K,tooltip:At,onSeriesMouseOver:Rt,refValues:T,maxValue:m,minValue:c,highlightedDataPoints:z,onSeriesMouseClick:M,labelOrder:A,rtl:a==="he"||a==="ar",maxBarThickness:st,minBarThickness:rt,detailsOnClick:F,barAxisTitle:N,noOfTicks:ct,classNames:o,styles:l,animate:$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},dimmedOpacity:ut,precision:dt,customLayers:mt,naLabel:xt,locale:ht}):null,t[28]=$,t[29]=N,t[30]=X,t[31]=Ot,t[32]=o,t[33]=g,t[34]=x,t[35]=mt,t[36]=n,t[37]=F,t[38]=ut,t[39]=w,t[40]=ft,t[41]=z,t[42]=A,t[43]=a,t[44]=Et,t[45]=ht,t[46]=st,t[47]=W,t[48]=m,t[49]=rt,t[50]=c,t[51]=xt,t[52]=ct,t[53]=M,t[54]=Rt,t[55]=dt,t[56]=lt,t[57]=T,t[58]=G,t[59]=gt,t[60]=K,t[61]=k,t[62]=at,t[63]=l,t[64]=Y,t[65]=tt,t[66]=D,t[67]=C,t[68]=At,t[69]=P,t[70]=$t,t[71]=Vt):Vt=t[71];let It;t[72]!==V||t[73]!==Vt?(It=s.jsxRuntimeExports.jsxs(ne.GraphArea,{ref:et,children:[V,Vt]}),t[72]=V,t[73]=Vt,t[74]=It):It=t[74];let zt;t[75]!==o?.footnote||t[76]!==o?.source||t[77]!==ot||t[78]!==f||t[79]!==l?.footnote||t[80]!==l?.source||t[81]!==d?(zt=f||ot?s.jsxRuntimeExports.jsx(ye.GraphFooter,{sources:f,footNote:ot,width:d,styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:o?.footnote,source:o?.source}}):null,t[75]=o?.footnote,t[76]=o?.source,t[77]=ot,t[78]=f,t[79]=l?.footnote,t[80]=l?.source,t[81]=d,t[82]=zt):zt=t[82];let te;return t[83]!==Tt||t[84]!==J||t[85]!==Ut||t[86]!==Ft||t[87]!==a||t[88]!==_||t[89]!==jt||t[90]!==p||t[91]!==L||t[92]!==j||t[93]!==O||t[94]!==it||t[95]!==It||t[96]!==zt||t[97]!==C||t[98]!==d?(te=s.jsxRuntimeExports.jsxs(ne.GraphContainer,{className:L,style:j,id:Ut,ref:pt,"aria-label":Tt,backgroundColor:J,theme:C,language:a,minHeight:_,width:d,height:Ft,relativeHeight:p,padding:jt,children:[O,it,It,zt]}),t[83]=Tt,t[84]=J,t[85]=Ut,t[86]=Ft,t[87]=a,t[88]=_,t[89]=jt,t[90]=p,t[91]=L,t[92]=j,t[93]=O,t[94]=it,t[95]=It,t[96]=zt,t[97]=C,t[98]=d,t[99]=te):te=t[99],te}function Ve(i){return i.color}function Ie(i){return i.color}function ze(i){return i.color}function Pe(i){return i!==void 0}function Ge(i){return i!==void 0}function We(i){return i.data}function Fe(i){return i!==void 0}function He(i){return i.data}exports.WaterfallChart=Se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-D4pAp7u0.cjs"),k=require("react"),ee=require("./index-DQA8q5sC.cjs"),Kt=require("./numberFormattingFunction-u2iNHL_c.cjs"),ie=require("./Tooltip-C9F3uYG0.cjs"),St=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),vt=require("./Colors.cjs"),oe=require("./AxisTitle-DP_evhbe.cjs"),ne=require("./Axis-BTaS9oPQ.cjs"),se=require("./ReferenceLine-CpU4G01Y.cjs"),re=require("./YTicksAndGridLines-sT3zdCs6.cjs"),le=require("./XAxesLabels-C03jHniq.cjs"),ae=require("./DetailsModal-Du8Fr1QD.cjs"),Dt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),ce=require("./linear-CgUCbw9F.cjs"),ue=require("./band-VYfcZeJ2.cjs"),Zt=require("./proxy-CqH8m8IQ.cjs"),de=require("./use-in-view-dnRv_qqF.cjs"),xe=require("./index-FXfr51ZM.cjs"),me=require("./ColorLegendWithMouseOver.cjs"),fe=require("./EmptyState-CFmiFPHz.cjs"),Qt=require("./GraphContainer-Cul9b74X.cjs"),he=require("./GraphFooter.cjs"),pe=require("./GraphHeader.cjs"),_t=require("./uniqBy-O05lp2S5.cjs");function ge(i){let t=0,o=0,C=0;for(const p of i)t+=p||0,t>o&&(o=t),t<C&&(C=t);return{max:o,min:C}}function be(i){const t=n.compilerRuntimeExports.c(46),{leftMargin:o,rightMargin:C,topMargin:p,bottomMargin:et,data:g,width:yt,height:Ct,barColor:b,suffix:wt,prefix:it,barPadding:m,showLabels:jt,showValues:W,showTicks:Ot,colorDomain:L,truncateBy:Et,tooltip:ot,onSeriesMouseOver:Mt,refValues:At,selectedColor:F,maxValue:Rt,minValue:Vt,highlightedDataPoints:H,onSeriesMouseClick:nt,labelOrder:y,maxBarThickness:kt,minBarThickness:It,detailsOnClick:q,barAxisTitle:U,noOfTicks:zt,styles:f,classNames:d,dimmedOpacity:$,animate:u,precision:Lt,customLayers:B,naLabel:Ut,hideAxisLine:Yt,locale:st,padZeros:Y}=i,w=o===void 0?20:o,rt=C===void 0?20:C,lt=p===void 0?20:p,at=et===void 0?25:et,Pt=k.useRef(null);let a;t[0]!==u.amount||t[1]!==u.once?(a={once:u.once,amount:u.amount},t[0]=u.amount,t[1]=u.once,t[2]=a):a=t[2];const r=de.useInView(Pt,a),Tt=U?w+30:w;let ct;t[3]!==at||t[4]!==rt||t[5]!==Tt||t[6]!==lt?(ct={top:lt,bottom:at,left:Tt,right:rt},t[3]=at,t[4]=rt,t[5]=Tt,t[6]=lt,t[7]=ct):ct=t[7];const v=ct,{max:Nt,min:Xt}=ge(g.map(Te)),Gt=St.checkIfNullOrUndefined(Rt)?Nt:Rt,l=St.checkIfNullOrUndefined(Vt)?Xt:Vt,[X,ut]=k.useState(void 0),[D,S]=k.useState(void 0),[Z,dt]=k.useState(void 0),[J,K]=k.useState(void 0),j=yt-v.left-v.right,T=Ct-v.top-v.bottom;let Q;if(t[8]!==g||t[9]!==y){const e=new Set,R=g.map((G,te)=>{const Jt=y?`${G.label}`:`${te}`;return e.add(Jt),{...G,id:Jt}}),c=y?y.filter(G=>!e.has(G)):[];Q=[...R,...c.map(Le)],t[8]=g,t[9]=y,t[10]=Q}else Q=t[10];const _=Q;let h;t[11]!==_||t[12]!==y?(h=y??_.map(ke),t[11]=_,t[12]=y,t[13]=h):h=t[13];const xt=h,s=ce.linear().domain([l,Gt]).range([T,0]).nice(),x=ue.band().domain(xt).range([0,It?Math.max(j,It*xt.length):kt?Math.min(j,kt*xt.length):j]).paddingInner(m),qt=s.ticks(zt);let V=0;const Wt=_.map(e=>{const R=V;return V=V+(e.size||0),{...e,start:R,end:V}}),mt=d?.xAxis?.axis,ft=d?.yAxis?.labels;let I;t[14]!==ft||t[15]!==mt?(I={axis:mt,label:ft},t[14]=ft,t[15]=mt,t[16]=I):I=t[16];const Ft=f?.xAxis?.axis,tt=f?.yAxis?.labels;let $t;t[17]!==Ft||t[18]!==tt?($t={axis:Ft,label:tt},t[17]=Ft,t[18]=tt,t[19]=$t):$t=t[19];const ht=0-w-15,Ht=T/2,pt=f?.yAxis?.title,Bt=d?.yAxis?.title;let z;t[20]!==U||t[21]!==ht||t[22]!==Ht||t[23]!==pt||t[24]!==Bt?(z=n.jsxRuntimeExports.jsx(oe.AxisTitle,{x:ht,y:Ht,style:pt,className:Bt,text:U,rotate90:!0}),t[20]=U,t[21]=ht,t[22]=Ht,t[23]=pt,t[24]=Bt,t[25]=z):z=t[25];let P;t[26]!==B?(P=B.filter(Me).map(Ee),t[26]=B,t[27]=P):P=t[27];const gt=xe.AnimatePresence,bt=Wt.map((e,R)=>St.checkIfNullOrUndefined(x(e.id))?null:n.jsxRuntimeExports.jsxs(Zt.motion.g,{className:"undp-viz-g-with-hover",initial:"initial",animate:r?"whileInView":"initial",variants:{initial:{opacity:F?e.color&&b[L.indexOf(e.color)]===F?1:$:H?H.indexOf(e.label)!==-1?.85:$:.85},whileInView:{opacity:F?e.color&&b[L.indexOf(e.color)]===F?1:$:H?H.indexOf(e.label)!==-1?.85:$:.85,transition:{duration:u.duration}}},exit:{opacity:0,transition:{duration:u.duration}},onMouseEnter:c=>{ut(e),K(c.clientY),dt(c.clientX),Mt?.(e)},onClick:()=>{(nt||q)&&(ee.isEqual(D,e)?(S(void 0),nt?.(void 0)):(S(e),nt?.(e)))},onMouseMove:c=>{ut(e),K(c.clientY),dt(c.clientX)},onMouseLeave:()=>{ut(void 0),dt(void 0),K(void 0),Mt?.(void 0)},children:[e.size?n.jsxRuntimeExports.jsx(Zt.motion.rect,{width:x.bandwidth(),initial:"initial",animate:r?"whileInView":"initial",variants:{initial:{height:0,x:x(`${e.id}`),y:s(e.start),fill:g.filter(Oe).length===0?b[0]:e.color?b[L.indexOf(e.color)]:vt.Colors.gray},whileInView:{height:Math.abs(s(e.start)-s(e.end)),y:s(Math.max(e.start,e.end)),x:x(`${e.id}`),fill:g.filter(je).length===0?b[0]:e.color?b[L.indexOf(e.color)]:vt.Colors.gray,transition:{duration:u.duration}}},exit:{height:0,y:s(e.start),transition:{duration:u.duration}}}):null,jt?n.jsxRuntimeExports.jsx(le.XAxesLabels,{value:`${e.label}`.length<Et?`${e.label}`:`${`${e.label}`.substring(0,Et)}...`,y:s(0)+5,x:x(`${e.id}`),width:x.bandwidth(),height:v.bottom,style:f?.xAxis?.labels,className:d?.xAxis?.labels,alignment:"top",animate:u,isInView:r}):null,W&&Math.abs(s(e.start)-s(e.end))>16?n.jsxRuntimeExports.jsx(Zt.motion.text,{style:{textAnchor:"middle",...f?.graphObjectValues||{}},className:n.mo("graph-value text-sm",d?.graphObjectValues),dy:"0.33em",variants:{initial:{x:x(`${e.id}`)+x.bandwidth()/2,y:(s(e.start)+s(e.end))/2,opacity:0,fill:g.filter(we).length===0?Dt.getTextColorBasedOnBgColor(b[0]):e.color?Dt.getTextColorBasedOnBgColor(b[L.indexOf(e.color)]):Dt.getTextColorBasedOnBgColor(vt.Colors.gray)},whileInView:{x:x(`${e.id}`)+x.bandwidth()/2,y:(s(e.start)+s(e.end))/2,fill:g.filter(Ce).length===0?Dt.getTextColorBasedOnBgColor(b[0]):e.color?Dt.getTextColorBasedOnBgColor(b[L.indexOf(e.color)]):Dt.getTextColorBasedOnBgColor(vt.Colors.gray),opacity:1,transition:{duration:u.duration}}},initial:"initial",animate:r?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},children:Kt.numberFormattingFunction(e.size?Math.abs(e.size):e.size,Ut,Lt,it,wt,st,Y)}):null]},e.label)),N=At?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:At.map((e,R)=>n.jsxRuntimeExports.jsx(se.RefLineY,{text:e.text,color:e.color,y:s(e.value),x1:0-w,x2:j+v.right,classNames:e.classNames,styles:e.styles,animate:u,isInView:r},R))}):null;let O;t[28]!==gt||t[29]!==bt||t[30]!==N?(O=n.jsxRuntimeExports.jsxs(gt,{children:[bt,N]}),t[28]=gt,t[29]=bt,t[30]=N,t[31]=O):O=t[31];let E;t[32]!==B?(E=B.filter(ye).map(ve),t[32]=B,t[33]=E):E=t[33];let M;t[34]!==d?.tooltip||t[35]!==Z||t[36]!==J||t[37]!==X||t[38]!==f?.tooltip||t[39]!==ot?(M=X&&ot&&Z&&J?n.jsxRuntimeExports.jsx(ie.Tooltip,{data:X,body:ot,xPos:Z,yPos:J,backgroundStyle:f?.tooltip,className:d?.tooltip}):null,t[34]=d?.tooltip,t[35]=Z,t[36]=J,t[37]=X,t[38]=f?.tooltip,t[39]=ot,t[40]=M):M=t[40];let A;return t[41]!==d?.modal||t[42]!==q||t[43]!==D||t[44]!==S?(A=q&&D!==void 0?n.jsxRuntimeExports.jsx(ae.DetailsModal,{body:q,data:D,setData:S,className:d?.modal}):null,t[41]=d?.modal,t[42]=q,t[43]=D,t[44]=S,t[45]=A):A=t[45],n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Zt.motion.svg,{ref:Pt,width:`${yt}px`,height:`${Ct}px`,viewBox:`0 0 ${yt} ${Ct}`,direction:"ltr",children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${v.left},${v.top})`,children:[n.jsxRuntimeExports.jsx(ne.Axis,{y1:s(l<0?0:l),y2:s(l<0?0:l),x1:0-w,x2:j+v.right,hideAxisLine:Yt,label:Ot?Kt.numberFormattingFunction(l<0?0:l,void 0,Lt,it,wt,st,Y):void 0,labelPos:{x:0-w,dx:0,dy:Gt<0?"1em":-5,y:s(l<0?0:l)},classNames:I,styles:$t}),Ot?n.jsxRuntimeExports.jsx(re.YTicksAndGridLines,{values:qt.filter(Re),y:qt.filter(Ae).map(e=>s(e)),x1:0-w,x2:j+v.right,styles:{gridLines:f?.yAxis?.gridLines,labels:f?.yAxis?.labels},classNames:{gridLines:d?.yAxis?.gridLines,labels:d?.yAxis?.labels},suffix:wt,prefix:it,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:Lt,locale:st,padZeros:Y}):null,z,P,O,E]})}),M,A]})}function ve(i){return i.layer}function ye(i){return i.position==="after"}function Ce(i){return i.color}function we(i){return i.color}function je(i){return i.color}function Oe(i){return i.color}function Ee(i){return i.layer}function Me(i){return i.position==="before"}function Ae(i){return i!==0}function Re(i){return i!==0}function ke(i){return`${i.id}`}function Le(i){return{id:i,label:i,color:null,size:null}}function Te(i){return i.size}function Ne(i){const t=n.compilerRuntimeExports.c(101),{data:o,graphTitle:C,colors:p,sources:et,graphDescription:g,barPadding:yt,showValues:Ct,showTicks:b,truncateBy:wt,height:it,width:m,footNote:jt,colorDomain:W,colorLegendTitle:Ot,highlightedDataPoints:L,padding:Et,backgroundColor:ot,topMargin:Mt,bottomMargin:At,leftMargin:F,rightMargin:Rt,showLabels:Vt,relativeHeight:H,tooltip:nt,onSeriesMouseOver:y,refValues:kt,showColorScale:It,graphID:q,maxValue:U,minValue:zt,onSeriesMouseClick:f,graphDownload:d,dataDownload:$,labelOrder:u,language:Lt,showNAColor:B,minHeight:Ut,theme:Yt,maxBarThickness:st,maxNumberOfBars:Y,minBarThickness:w,ariaLabel:rt,detailsOnClick:lt,barAxisTitle:at,noOfTicks:Pt,styles:a,classNames:r,filterNA:Tt,animate:ct,dimmedOpacity:v,customLayers:Nt,naLabel:Xt,hideAxisLine:Gt,numberDisplayOptions:l}=i,X=yt===void 0?.25:yt,ut=Ct===void 0?!0:Ct,D=b===void 0?!0:b,S=wt===void 0?999:wt,Z=ot===void 0?!1:ot,dt=Vt===void 0?!0:Vt,J=It===void 0?!0:It,K=d===void 0?!1:d,j=$===void 0?!1:$,T=Lt===void 0?"en":Lt,Q=B===void 0?!0:B,_=Ut===void 0?0:Ut,h=Yt===void 0?"light":Yt,xt=Pt===void 0?5:Pt,s=Tt===void 0?!0:Tt,x=ct===void 0?!1:ct,qt=v===void 0?.3:v;let V;t[0]!==Nt?(V=Nt===void 0?[]:Nt,t[0]=Nt,t[1]=V):V=t[1];const Wt=V,mt=Xt===void 0?"NA":Xt,ft=Gt===void 0?!1:Gt,[I,Ft]=k.useState(0),[tt,$t]=k.useState(0),[ht,Ht]=k.useState(void 0),pt=k.useRef(null),Bt=k.useRef(null);let z,P;t[2]===Symbol.for("react.memo_cache_sentinel")?(z=()=>{const c=new ResizeObserver(G=>{Ft(G[0].target.clientWidth||620),$t(G[0].target.clientHeight||480)});return pt.current&&c.observe(pt.current),()=>c.disconnect()},P=[],t[2]=z,t[3]=P):(z=t[2],P=t[3]),k.useEffect(z,P);const gt=r?.graphContainer,bt=a?.graphContainer;let N;t[4]!==r?.description||t[5]!==r?.title||t[6]!==o||t[7]!==j||t[8]!==g||t[9]!==K||t[10]!==C||t[11]!==a?.description||t[12]!==a?.title||t[13]!==m?(N=C||g||K||j?n.jsxRuntimeExports.jsx(pe.GraphHeader,{styles:{title:a?.title,description:a?.description},classNames:{title:r?.title,description:r?.description},graphTitle:C,graphDescription:g,width:m,graphDownload:K?Bt:void 0,dataDownload:j?o.map(ze).filter(Ie).length>0?o.map(Ve).filter(Se):o.filter(De):null}):null,t[4]=r?.description,t[5]=r?.title,t[6]=o,t[7]=j,t[8]=g,t[9]=K,t[10]=C,t[11]=a?.description,t[12]=a?.title,t[13]=m,t[14]=N):N=t[14];let O;t[15]!==r?.colorLegend||t[16]!==W||t[17]!==Ot||t[18]!==p||t[19]!==o||t[20]!==J||t[21]!==Q||t[22]!==h||t[23]!==m?(O=J&&o.filter(Be).length!==0&&o.length>0?n.jsxRuntimeExports.jsx(me.ColorLegendWithMouseOver,{width:m,colorLegendTitle:Ot,colors:p||vt.Colors[h].categoricalColors.colors,colorDomain:W||_t.uniqBy(o,"color",!0),setSelectedColor:Ht,showNAColor:Q,className:r?.colorLegend}):null,t[15]=r?.colorLegend,t[16]=W,t[17]=Ot,t[18]=p,t[19]=o,t[20]=J,t[21]=Q,t[22]=h,t[23]=m,t[24]=O):O=t[24];let E;t[25]!==o||t[26]!==s?(E=o.filter(c=>s?!St.checkIfNullOrUndefined(c.size):c).length===0&&n.jsxRuntimeExports.jsx(fe.EmptyState,{}),t[25]=o,t[26]=s,t[27]=E):E=t[27];let M;t[28]!==x||t[29]!==at||t[30]!==X||t[31]!==At||t[32]!==r||t[33]!==W||t[34]!==p||t[35]!==Wt||t[36]!==o||t[37]!==lt||t[38]!==qt||t[39]!==s||t[40]!==ft||t[41]!==L||t[42]!==u||t[43]!==T||t[44]!==F||t[45]!==st||t[46]!==Y||t[47]!==U||t[48]!==w||t[49]!==zt||t[50]!==mt||t[51]!==xt||t[52]!==l?.locale||t[53]!==l?.padZeros||t[54]!==l?.precision||t[55]!==l?.prefix||t[56]!==l?.suffix||t[57]!==f||t[58]!==y||t[59]!==kt||t[60]!==Rt||t[61]!==ht||t[62]!==dt||t[63]!==D||t[64]!==ut||t[65]!==a||t[66]!==tt||t[67]!==I||t[68]!==h||t[69]!==nt||t[70]!==Mt||t[71]!==S?(M=I&&tt&&o.filter(c=>s?!St.checkIfNullOrUndefined(c.size):c).length>0?n.jsxRuntimeExports.jsx(be,{hideAxisLine:ft,data:o.filter(c=>s?!St.checkIfNullOrUndefined(c.size):c).filter((c,G)=>Y?G<Y:!0),barColor:o.filter($e).length===0?p?[p]:[vt.Colors.primaryColors["blue-600"]]:p||vt.Colors[h].categoricalColors.colors,colorDomain:o.filter(qe).length===0?[]:W||_t.uniqBy(o,"color",!0),selectedColor:ht,width:I,height:tt,barPadding:X,showValues:ut,showTicks:D,leftMargin:F,rightMargin:Rt,topMargin:Mt,bottomMargin:At,truncateBy:S,showLabels:dt,tooltip:nt,onSeriesMouseOver:y,refValues:kt,maxValue:U,minValue:zt,highlightedDataPoints:L,onSeriesMouseClick:f,labelOrder:u,rtl:T==="he"||T==="ar",maxBarThickness:st,minBarThickness:w,detailsOnClick:lt,barAxisTitle:at,noOfTicks:xt,classNames:r,styles:a,animate:x===!0?{duration:.5,once:!0,amount:.5}:x||{duration:0,once:!0,amount:0},dimmedOpacity:qt,customLayers:Wt,naLabel:mt,locale:l?.locale||"en",padZeros:l?.padZeros||!1,suffix:l?.suffix||"",prefix:l?.prefix||"",precision:l?.precision??2}):null,t[28]=x,t[29]=at,t[30]=X,t[31]=At,t[32]=r,t[33]=W,t[34]=p,t[35]=Wt,t[36]=o,t[37]=lt,t[38]=qt,t[39]=s,t[40]=ft,t[41]=L,t[42]=u,t[43]=T,t[44]=F,t[45]=st,t[46]=Y,t[47]=U,t[48]=w,t[49]=zt,t[50]=mt,t[51]=xt,t[52]=l?.locale,t[53]=l?.padZeros,t[54]=l?.precision,t[55]=l?.prefix,t[56]=l?.suffix,t[57]=f,t[58]=y,t[59]=kt,t[60]=Rt,t[61]=ht,t[62]=dt,t[63]=D,t[64]=ut,t[65]=a,t[66]=tt,t[67]=I,t[68]=h,t[69]=nt,t[70]=Mt,t[71]=S,t[72]=M):M=t[72];let A;t[73]!==E||t[74]!==M?(A=n.jsxRuntimeExports.jsxs(Qt.GraphArea,{ref:pt,children:[E,M]}),t[73]=E,t[74]=M,t[75]=A):A=t[75];let e;t[76]!==r?.footnote||t[77]!==r?.source||t[78]!==jt||t[79]!==et||t[80]!==a?.footnote||t[81]!==a?.source||t[82]!==m?(e=et||jt?n.jsxRuntimeExports.jsx(he.GraphFooter,{sources:et,footNote:jt,width:m,styles:{footnote:a?.footnote,source:a?.source},classNames:{footnote:r?.footnote,source:r?.source}}):null,t[76]=r?.footnote,t[77]=r?.source,t[78]=jt,t[79]=et,t[80]=a?.footnote,t[81]=a?.source,t[82]=m,t[83]=e):e=t[83];let R;return t[84]!==rt||t[85]!==Z||t[86]!==q||t[87]!==it||t[88]!==T||t[89]!==_||t[90]!==Et||t[91]!==H||t[92]!==gt||t[93]!==bt||t[94]!==N||t[95]!==O||t[96]!==A||t[97]!==e||t[98]!==h||t[99]!==m?(R=n.jsxRuntimeExports.jsxs(Qt.GraphContainer,{className:gt,style:bt,id:q,ref:Bt,"aria-label":rt,backgroundColor:Z,theme:h,language:T,minHeight:_,width:m,height:it,relativeHeight:H,padding:Et,children:[N,O,A,e]}),t[84]=rt,t[85]=Z,t[86]=q,t[87]=it,t[88]=T,t[89]=_,t[90]=Et,t[91]=H,t[92]=gt,t[93]=bt,t[94]=N,t[95]=O,t[96]=A,t[97]=e,t[98]=h,t[99]=m,t[100]=R):R=t[100],R}function qe(i){return i.color}function $e(i){return i.color}function Be(i){return i.color}function De(i){return i!==void 0}function Se(i){return i!==void 0}function Ve(i){return i.data}function Ie(i){return i!==void 0}function ze(i){return i.data}exports.WaterfallChart=Ne;
 //# sourceMappingURL=WaterfallChart.cjs.map

package/dist/WaterfallChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WaterfallChart.cjs","sources":["../src/Components/Graphs/WaterfallChart/Graph.tsx","../src/Components/Graphs/WaterfallChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport { useMemo, useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n  WaterfallChartDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\n\r\ninterface Props {\r\n  data: WaterfallChartDataType[];\r\n  barColor: string[];\r\n  colorDomain: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  showLabels: boolean;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  selectedColor?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  rtl: boolean;\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n  hideAxisLine: boolean;\r\n  locale: string;\r\n}\r\nfunction getWaterfallExtent(values: (number | null | undefined)[]) {\r\n  let cumulative = 0;\r\n  let max = 0;\r\n  let min = 0;\r\n\r\n  for (const v of values) {\r\n    cumulative += v || 0;\r\n    if (cumulative > max) max = cumulative;\r\n    if (cumulative < min) min = cumulative;\r\n  }\r\n\r\n  return {\r\n    max,\r\n    min,\r\n  };\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    data,\r\n    width,\r\n    height,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    colorDomain,\r\n    truncateBy,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\r\n    hideAxisLine,\r\n    locale,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n\r\n  const { max, min } = getWaterfallExtent(data.map(d => d.size));\r\n\r\n  const maxVal = !checkIfNullOrUndefined(maxValue) ? (maxValue as number) : max;\r\n  const minVal = !checkIfNullOrUndefined(minValue) ? (minValue as number) : min;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = useMemo(() => {\r\n    const idSet = new Set<string>();\r\n\r\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\r\n      const id = labelOrder ? `${d.label}` : `${i}`;\r\n      idSet.add(id);\r\n      return { ...d, id };\r\n    });\r\n\r\n    const missingIds = labelOrder ? labelOrder.filter(id => !idSet.has(id)) : [];\r\n\r\n    return [\r\n      ...dataWithIdWithoutMissingIds,\r\n      ...missingIds.map(id => ({\r\n        id,\r\n        label: id,\r\n        color: null,\r\n        size: null,\r\n      })),\r\n    ];\r\n  }, [data, labelOrder]);\r\n\r\n  const barOrder = useMemo(() => {\r\n    return labelOrder ?? dataWithId.map(d => `${d.id}`);\r\n  }, [labelOrder, dataWithId]);\r\n\r\n  const y = scaleLinear().domain([minVal, maxVal]).range([graphHeight, 0]).nice();\r\n\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\r\n  let running = 0;\r\n\r\n  const waterfallData = dataWithId.map(d => {\r\n    const start = running;\r\n    running += d.size || 0;\r\n    return {\r\n      ...d,\r\n      start,\r\n      end: running,\r\n    };\r\n  });\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <Axis\r\n            y1={y(minVal < 0 ? 0 : minVal)}\r\n            y2={y(minVal < 0 ? 0 : minVal)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            hideAxisLine={hideAxisLine}\r\n            label={\r\n              showTicks\r\n                ? numberFormattingFunction(\r\n                    minVal < 0 ? 0 : minVal,\r\n                    undefined,\r\n                    precision,\r\n                    prefix,\r\n                    suffix,\r\n                    locale,\r\n                  )\r\n                : undefined\r\n            }\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxVal < 0 ? '1em' : -5,\r\n              y: y(minVal < 0 ? 0 : minVal),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n              locale={locale}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={0 - leftMargin - 15}\r\n            y={graphHeight / 2}\r\n            style={styles?.yAxis?.title}\r\n            className={classNames?.yAxis?.title}\r\n            text={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {waterfallData.map((d, _i) =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d)) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      width={x.bandwidth()}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      variants={{\r\n                        initial: {\r\n                          height: 0,\r\n                          x: x(`${d.id}`),\r\n                          y: y(d.start),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          height: Math.abs(y(d.start) - y(d.end)),\r\n                          y: y(Math.max(d.start, d.end)),\r\n                          x: x(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        height: 0,\r\n                        y: y(d.start),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={x(`${d.id}`) as number}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues && Math.abs(y(d.start) - y(d.end)) > 16 ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          opacity: 0,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                        },\r\n                        whileInView: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        d.size ? Math.abs(d.size) : d.size,\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                        locale,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphContainer, GraphArea } from '@/Components/Elements/GraphContainer';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  WaterfallChartDataType,\r\n} from '@/Types';\r\nimport { checkIfNullOrUndefined } from '@/Utils';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: WaterfallChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for bars */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: boolean;\r\n  /** Toggle visibility of axis line for the  main axis */\r\n  hideAxisLine?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** 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 */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Toggles if data point which are undefined or has value null are filtered out.  */\r\n  filterNA?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */\r\n  locale?: string;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** 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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function WaterfallChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showValues = true,\r\n    showTicks = true,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    highlightedDataPoints,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    rightMargin,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    labelOrder,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n    naLabel = 'NA',\r\n    hideAxisLine = false,\r\n    locale = 'en',\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {showColorScale && data.filter(el => el.color).length !== 0 && data.length > 0 ? (\r\n        <ColorLegendWithMouseOver\r\n          width={width}\r\n          colorLegendTitle={colorLegendTitle}\r\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\r\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as (string | number)[])}\r\n          setSelectedColor={setSelectedColor}\r\n          showNAColor={showNAColor}\r\n          className={classNames?.colorLegend}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length === 0 && (\r\n          <EmptyState />\r\n        )}\r\n        {svgWidth &&\r\n        svgHeight &&\r\n        data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length > 0 ? (\r\n          <Graph\r\n            hideAxisLine={hideAxisLine}\r\n            data={data\r\n              .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n              .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))}\r\n            barColor={\r\n              data.filter(el => el.color).length === 0\r\n                ? colors\r\n                  ? [colors as string]\r\n                  : [Colors.primaryColors['blue-600']]\r\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n            }\r\n            colorDomain={\r\n              data.filter(el => el.color).length === 0\r\n                ? []\r\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n            }\r\n            selectedColor={selectedColor}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            suffix={suffix}\r\n            prefix={prefix}\r\n            barPadding={barPadding}\r\n            showValues={showValues}\r\n            showTicks={showTicks}\r\n            leftMargin={leftMargin}\r\n            rightMargin={rightMargin}\r\n            topMargin={topMargin}\r\n            bottomMargin={bottomMargin}\r\n            truncateBy={truncateBy}\r\n            showLabels={showLabels}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            refValues={refValues}\r\n            maxValue={maxValue}\r\n            minValue={minValue}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            labelOrder={labelOrder}\r\n            rtl={language === 'he' || language === 'ar'}\r\n            maxBarThickness={maxBarThickness}\r\n            minBarThickness={minBarThickness}\r\n            detailsOnClick={detailsOnClick}\r\n            barAxisTitle={barAxisTitle}\r\n            noOfTicks={noOfTicks}\r\n            classNames={classNames}\r\n            styles={styles}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            precision={precision}\r\n            customLayers={customLayers}\r\n            naLabel={naLabel}\r\n            locale={locale}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["getWaterfallExtent","values","cumulative","max","min","v","Graph","props","$","_c","leftMargin","t0","rightMargin","t1","topMargin","t2","bottomMargin","t3","data","width","height","barColor","suffix","prefix","barPadding","showLabels","showValues","showTicks","colorDomain","truncateBy","tooltip","onSeriesMouseOver","refValues","selectedColor","maxValue","minValue","highlightedDataPoints","onSeriesMouseClick","labelOrder","maxBarThickness","minBarThickness","detailsOnClick","barAxisTitle","noOfTicks","styles","classNames","dimmedOpacity","animate","precision","customLayers","naLabel","hideAxisLine","locale","undefined","svgRef","useRef","t4","amount","once","isInView","useInView","t5","t6","top","bottom","left","right","margin","map","_temp","maxVal","checkIfNullOrUndefined","minVal","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","t7","idSet","Set","dataWithIdWithoutMissingIds","d_0","i","id","d","label","add","missingIds","filter","id_0","has","_temp2","dataWithId","t8","_temp3","barOrder","y","scaleLinear","domain","range","nice","x","scaleBand","Math","length","paddingInner","yTicks","ticks","running","waterfallData","d_2","start","size","end","t9","xAxis","axis","t10","yAxis","labels","t11","t12","t13","t14","t15","t16","t17","title","t18","t19","AxisTitle","t20","_temp6","_temp7","T0","AnimatePresence","t21","d_8","_i","jsxs","motion","initial","opacity","color","indexOf","whileInView","transition","duration","event","clientY","clientX","isEqual","event_0","jsx","bandwidth","fill","_temp8","Colors","gray","abs","_temp9","XAxesLabels","substring","textAnchor","graphObjectValues","cn","_temp0","getTextColorBasedOnBgColor","_temp1","numberFormattingFunction","t22","Fragment","el_3","i_0","RefLineY","el","text","value","t23","t24","_temp10","_temp11","t25","Tooltip","t26","modal","DetailsModal","Axis","dx","dy","YTicksAndGridLines","_temp4","_temp5","d_5","gridLines","d_10","layer","d_9","position","el_2","el_1","el_0","d_7","d_6","d_4","d_3","d_1","id_1","WaterfallChart","graphTitle","colors","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","maxNumberOfBars","ariaLabel","filterNA","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t27","graphContainer","t28","t29","description","GraphHeader","t30","colorLegend","ColorLegendWithMouseOver","categoricalColors","uniqBy","t31","EmptyState","t32","_d","primaryColors","t33","GraphArea","t34","footnote","source","GraphFooter","t35","GraphContainer"],"mappings":"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"}
+{"version":3,"file":"WaterfallChart.cjs","sources":["../src/Components/Graphs/WaterfallChart/Graph.tsx","../src/Components/Graphs/WaterfallChart/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport { useMemo, useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n  WaterfallChartDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\n\r\ninterface Props {\r\n  data: WaterfallChartDataType[];\r\n  barColor: string[];\r\n  colorDomain: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  showLabels: boolean;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  selectedColor?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  rtl: boolean;\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n  hideAxisLine: boolean;\r\n  locale: string;\r\n  padZeros: boolean;\r\n}\r\nfunction getWaterfallExtent(values: (number | null | undefined)[]) {\r\n  let cumulative = 0;\r\n  let max = 0;\r\n  let min = 0;\r\n\r\n  for (const v of values) {\r\n    cumulative += v || 0;\r\n    if (cumulative > max) max = cumulative;\r\n    if (cumulative < min) min = cumulative;\r\n  }\r\n\r\n  return {\r\n    max,\r\n    min,\r\n  };\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    data,\r\n    width,\r\n    height,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    colorDomain,\r\n    truncateBy,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\r\n    hideAxisLine,\r\n    locale,\r\n    padZeros,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n\r\n  const { max, min } = getWaterfallExtent(data.map(d => d.size));\r\n\r\n  const maxVal = !checkIfNullOrUndefined(maxValue) ? (maxValue as number) : max;\r\n  const minVal = !checkIfNullOrUndefined(minValue) ? (minValue as number) : min;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = useMemo(() => {\r\n    const idSet = new Set<string>();\r\n\r\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\r\n      const id = labelOrder ? `${d.label}` : `${i}`;\r\n      idSet.add(id);\r\n      return { ...d, id };\r\n    });\r\n\r\n    const missingIds = labelOrder ? labelOrder.filter(id => !idSet.has(id)) : [];\r\n\r\n    return [\r\n      ...dataWithIdWithoutMissingIds,\r\n      ...missingIds.map(id => ({\r\n        id,\r\n        label: id,\r\n        color: null,\r\n        size: null,\r\n      })),\r\n    ];\r\n  }, [data, labelOrder]);\r\n\r\n  const barOrder = useMemo(() => {\r\n    return labelOrder ?? dataWithId.map(d => `${d.id}`);\r\n  }, [labelOrder, dataWithId]);\r\n\r\n  const y = scaleLinear().domain([minVal, maxVal]).range([graphHeight, 0]).nice();\r\n\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\r\n  let running = 0;\r\n\r\n  const waterfallData = dataWithId.map(d => {\r\n    const start = running;\r\n    running += d.size || 0;\r\n    return {\r\n      ...d,\r\n      start,\r\n      end: running,\r\n    };\r\n  });\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <Axis\r\n            y1={y(minVal < 0 ? 0 : minVal)}\r\n            y2={y(minVal < 0 ? 0 : minVal)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            hideAxisLine={hideAxisLine}\r\n            label={\r\n              showTicks\r\n                ? numberFormattingFunction(\r\n                    minVal < 0 ? 0 : minVal,\r\n                    undefined,\r\n                    precision,\r\n                    prefix,\r\n                    suffix,\r\n                    locale,\r\n                    padZeros,\r\n                  )\r\n                : undefined\r\n            }\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxVal < 0 ? '1em' : -5,\r\n              y: y(minVal < 0 ? 0 : minVal),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n              locale={locale}\r\n              padZeros={padZeros}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={0 - leftMargin - 15}\r\n            y={graphHeight / 2}\r\n            style={styles?.yAxis?.title}\r\n            className={classNames?.yAxis?.title}\r\n            text={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {waterfallData.map((d, _i) =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d)) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      width={x.bandwidth()}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      variants={{\r\n                        initial: {\r\n                          height: 0,\r\n                          x: x(`${d.id}`),\r\n                          y: y(d.start),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          height: Math.abs(y(d.start) - y(d.end)),\r\n                          y: y(Math.max(d.start, d.end)),\r\n                          x: x(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        height: 0,\r\n                        y: y(d.start),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={x(`${d.id}`) as number}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues && Math.abs(y(d.start) - y(d.end)) > 16 ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          opacity: 0,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                        },\r\n                        whileInView: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: (y(d.start) + y(d.end)) / 2,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? getTextColorBasedOnBgColor(barColor[0])\r\n                              : !d.color\r\n                                ? getTextColorBasedOnBgColor(Colors.gray)\r\n                                : getTextColorBasedOnBgColor(\r\n                                    barColor[colorDomain.indexOf(d.color)],\r\n                                  ),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        d.size ? Math.abs(d.size) : d.size,\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                        locale,\r\n                        padZeros,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphContainer, GraphArea } from '@/Components/Elements/GraphContainer';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  WaterfallChartDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { checkIfNullOrUndefined } from '@/Utils';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: WaterfallChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for bars */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: boolean;\r\n  /** Toggle visibility of axis line for the  main axis */\r\n  hideAxisLine?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** 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 */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Toggles if data point which are undefined or has value null are filtered out.  */\r\n  filterNA?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** 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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function WaterfallChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showValues = true,\r\n    showTicks = true,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    highlightedDataPoints,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    rightMargin,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    labelOrder,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    naLabel = 'NA',\r\n    hideAxisLine = false,\r\n    numberDisplayOptions,\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {showColorScale && data.filter(el => el.color).length !== 0 && data.length > 0 ? (\r\n        <ColorLegendWithMouseOver\r\n          width={width}\r\n          colorLegendTitle={colorLegendTitle}\r\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\r\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as (string | number)[])}\r\n          setSelectedColor={setSelectedColor}\r\n          showNAColor={showNAColor}\r\n          className={classNames?.colorLegend}\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length === 0 && (\r\n          <EmptyState />\r\n        )}\r\n        {svgWidth &&\r\n        svgHeight &&\r\n        data.filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)).length > 0 ? (\r\n          <Graph\r\n            hideAxisLine={hideAxisLine}\r\n            data={data\r\n              .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n              .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))}\r\n            barColor={\r\n              data.filter(el => el.color).length === 0\r\n                ? colors\r\n                  ? [colors as string]\r\n                  : [Colors.primaryColors['blue-600']]\r\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n            }\r\n            colorDomain={\r\n              data.filter(el => el.color).length === 0\r\n                ? []\r\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n            }\r\n            selectedColor={selectedColor}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            barPadding={barPadding}\r\n            showValues={showValues}\r\n            showTicks={showTicks}\r\n            leftMargin={leftMargin}\r\n            rightMargin={rightMargin}\r\n            topMargin={topMargin}\r\n            bottomMargin={bottomMargin}\r\n            truncateBy={truncateBy}\r\n            showLabels={showLabels}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            refValues={refValues}\r\n            maxValue={maxValue}\r\n            minValue={minValue}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            labelOrder={labelOrder}\r\n            rtl={language === 'he' || language === 'ar'}\r\n            maxBarThickness={maxBarThickness}\r\n            minBarThickness={minBarThickness}\r\n            detailsOnClick={detailsOnClick}\r\n            barAxisTitle={barAxisTitle}\r\n            noOfTicks={noOfTicks}\r\n            classNames={classNames}\r\n            styles={styles}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            naLabel={naLabel}\r\n            locale={numberDisplayOptions?.locale || 'en'}\r\n            padZeros={numberDisplayOptions?.padZeros || false}\r\n            suffix={numberDisplayOptions?.suffix || ''}\r\n            prefix={numberDisplayOptions?.prefix || ''}\r\n            precision={numberDisplayOptions?.precision ?? 2}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["getWaterfallExtent","values","cumulative","max","min","v","Graph","props","$","_c","leftMargin","t0","rightMargin","t1","topMargin","t2","bottomMargin","t3","data","width","height","barColor","suffix","prefix","barPadding","showLabels","showValues","showTicks","colorDomain","truncateBy","tooltip","onSeriesMouseOver","refValues","selectedColor","maxValue","minValue","highlightedDataPoints","onSeriesMouseClick","labelOrder","maxBarThickness","minBarThickness","detailsOnClick","barAxisTitle","noOfTicks","styles","classNames","dimmedOpacity","animate","precision","customLayers","naLabel","hideAxisLine","locale","padZeros","undefined","svgRef","useRef","t4","amount","once","isInView","useInView","t5","t6","top","bottom","left","right","margin","map","_temp","maxVal","checkIfNullOrUndefined","minVal","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","t7","idSet","Set","dataWithIdWithoutMissingIds","d_0","i","id","d","label","add","missingIds","filter","id_0","has","_temp2","dataWithId","t8","_temp3","barOrder","y","scaleLinear","domain","range","nice","x","scaleBand","Math","length","paddingInner","yTicks","ticks","running","waterfallData","d_2","start","size","end","t9","xAxis","axis","t10","yAxis","labels","t11","t12","t13","t14","t15","t16","t17","title","t18","t19","AxisTitle","t20","_temp6","_temp7","T0","AnimatePresence","t21","d_8","_i","jsxs","motion","initial","opacity","color","indexOf","whileInView","transition","duration","event","clientY","clientX","isEqual","event_0","jsx","bandwidth","fill","_temp8","Colors","gray","abs","_temp9","XAxesLabels","substring","textAnchor","graphObjectValues","cn","_temp0","getTextColorBasedOnBgColor","_temp1","numberFormattingFunction","t22","Fragment","el_3","i_0","RefLineY","el","text","value","t23","t24","_temp10","_temp11","t25","Tooltip","t26","modal","DetailsModal","Axis","dx","dy","YTicksAndGridLines","_temp4","_temp5","d_5","gridLines","d_10","layer","d_9","position","el_2","el_1","el_0","d_7","d_6","d_4","d_3","d_1","id_1","WaterfallChart","graphTitle","colors","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","maxNumberOfBars","ariaLabel","filterNA","numberDisplayOptions","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","graphContainer","description","GraphHeader","colorLegend","ColorLegendWithMouseOver","categoricalColors","uniqBy","t27","EmptyState","t28","_d","primaryColors","t29","GraphArea","t30","footnote","source","GraphFooter","t31","GraphContainer"],"mappings":"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"}

package/dist/WaterfallChart.d.ts

@@ -44,7 +44,15 @@ declare interface CustomLayerDataType {
     layer: React.ReactNode;
 }
 
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
+declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
+
+declare interface NumberFormatOptions {
+    locale?: string;
+    precision?: number;
+    prefix?: string;
+    suffix?: string;
+    padZeros?: boolean;
+}
 
 declare interface Props {
     /** Array of data objects */
@@ -97,10 +105,6 @@ declare interface Props {
     minBarThickness?: number;
     /** Maximum number of bars shown in the graph */
     maxNumberOfBars?: number;
-    /** Prefix for values */
-    prefix?: string;
-    /** Suffix for values */
-    suffix?: string;
     /** Maximum value for the chart */
     maxValue?: number;
     /** Minimum value for the chart */
@@ -137,10 +141,8 @@ declare interface Props {
     filterNA?: boolean;
     /** Toggles if the graph animates in when loaded.  */
     animate?: boolean | AnimateDataType;
-    /** Specifies the number of decimal places to display in the value. */
-    precision?: number;
-    /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */
-    locale?: string;
+    /** 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 */