@undp/data-viz 2.4.1 → 2.5.0

package/dist/GriddedGraphsFromConfig.d.ts

@@ -1,5 +1,6 @@
 import { FeatureCollection } from 'geojson';
 import { JSX } from 'react/jsx-runtime';
+import { ReactElement } from 'react';
 
 declare interface AdvancedDataSelectionDataType {
     label?: string;
@@ -191,6 +192,9 @@ declare interface DataTableColumnDataType {
     align?: 'left' | 'right' | 'center';
     suffix?: string;
     prefix?: string;
+    locale?: string;
+    precision?: number;
+    padZeros?: boolean;
     columnWidth?: number;
 }
 
@@ -245,8 +249,6 @@ declare interface GraphSettingsDataType {
     footNote?: string | React.ReactNode;
     height?: number;
     width?: number;
-    suffix?: string;
-    prefix?: string;
     sources?: SourcesDataType[];
     barPadding?: number;
     showTicks?: boolean;
@@ -276,7 +278,14 @@ declare interface GraphSettingsDataType {
     barColors?: [string, string];
     centerGap?: number;
     columnData?: DataTableColumnDataType[];
-    mainText?: string;
+    mainText?: string | {
+        label: string;
+        suffix?: string;
+        prefix?: string;
+        locale?: string;
+        padZeros?: boolean;
+        precision?: number;
+    } | ReactElement;
     subNote?: string;
     radius?: number;
     strokeWidth?: number;
@@ -432,16 +441,6 @@ declare interface GraphSettingsDataType {
     colorLegendColors?: string[];
     colorLegendDomain?: string[];
     barAxisTitle?: string;
-    barSuffix?: string;
-    barPrefix?: string;
-    lineSuffix?: string;
-    linePrefix?: string;
-    xSuffix?: string;
-    xPrefix?: string;
-    ySuffix?: string;
-    yPrefix?: string;
-    lineSuffixes?: [string, string];
-    linePrefixes?: [string, string];
     allowDataDownloadOnDetail?: string | boolean;
     noOfItemsInAPage?: number;
     curveType?: CurveTypes;
@@ -461,7 +460,6 @@ declare interface GraphSettingsDataType {
     measureBarWidthFactor?: number;
     mapLegend?: string | React.ReactNode | MapLegendDataType[];
     dimmedOpacity?: number;
-    precision?: number;
     customLayers?: CustomLayerDataType[];
     dashedLines?: (string | number)[];
     dashSettings?: string[];
@@ -498,7 +496,13 @@ declare interface GraphSettingsDataType {
     showVoronoiTesselation?: boolean;
     mapOverlay?: MapOverlayDataType;
     useVoronoiInteraction?: boolean;
-    locale?: string;
+    numberDisplayOptions?: NumberFormatOptions;
+    leftLineNumberDisplayOptions?: NumberFormatOptions;
+    rightLineNumberDisplayOptions?: NumberFormatOptions;
+    barNumberDisplayOptions?: NumberFormatOptions;
+    lineNumberDisplayOptions?: NumberFormatOptions;
+    xNumberDisplayOptions?: NumberFormatOptions;
+    yNumberDisplayOptions?: NumberFormatOptions;
 }
 
 declare type GraphType = GraphTypeForGriddedGraph;
@@ -523,7 +527,7 @@ declare interface HighlightAreaSettingsForScatterPlotDataType {
     strokeWidth?: number;
 }
 
-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 type LightConfig = AmbientLightConfig | DirectionalLightConfig | PointLightConfig | SpotLightConfig;
 
@@ -540,6 +544,14 @@ declare interface MapOverlayDataType {
 
 declare type MapProjectionTypes = 'mercator' | 'equalEarth' | 'naturalEarth' | 'orthographic' | 'albersUSA';
 
+declare interface NumberFormatOptions {
+    locale?: string;
+    precision?: number;
+    prefix?: string;
+    suffix?: string;
+    padZeros?: boolean;
+}
+
 declare interface PointLightConfig extends BaseLightConfig {
     type: 'point';
     distance?: number;

package/dist/HeatMap.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),E=require("react"),Je=require("./index-DQA8q5sC.cjs"),Ke=require("./numberFormattingFunction-Cn9R7CM9.cjs"),Qe=require("./Tooltip-Hr46paWP.cjs"),Ze=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),Be=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),_e=require("./XAxesLabels-C03jHniq.cjs"),et=require("./YAxesLabels-DeENFC2M.cjs"),Ye=require("./uniqBy-O05lp2S5.cjs"),tt=require("./DetailsModal-jmmKRMRM.cjs"),Pe=require("./band-VYfcZeJ2.cjs"),ot=require("./ordinal-CrsysVE-.cjs"),st=require("./threshold-DNsSUf8Q.cjs"),it=require("./linear-CgUCbw9F.cjs"),Ie=require("./proxy-CqH8m8IQ.cjs"),rt=require("./use-in-view-dnRv_qqF.cjs"),nt=require("./GraphHeader.cjs"),lt=require("./GraphFooter.cjs"),at=require("./ColorLegendWithMouseOver.cjs"),ct=require("./LinearColorLegend.cjs"),ut=require("./ThresholdColorLegendWithMouseOver.cjs"),m=require("./Colors.cjs"),dt=require("./EmptyState-CFmiFPHz.cjs"),Ue=require("./GraphContainer-Cul9b74X.cjs");function ht(u){const e=o.compilerRuntimeExports.c(87),{data:l,showColumnLabels:z,leftMargin:C,rightMargin:J,truncateBy:b,width:K,height:Q,topMargin:he,bottomMargin:xe,tooltip:Z,onSeriesMouseOver:n,suffix:$e,prefix:r,showValues:_,colorDomain:j,colors:B,noDataColor:re,scaleType:ne,showRowLabels:me,selectedColor:ee,onSeriesMouseClick:W,resetSelectionOnDoubleClick:ge,detailsOnClick:$,styles:x,classNames:c,animate:h,precision:le,locale:pe}=u,Me=E.useRef(null);let te;e[0]!==h.amount||e[1]!==h.once?(te={once:h.once,amount:h.amount},e[0]=h.amount,e[1]=h.once,e[2]=te):te=e[2];const G=rt.useInView(Me,te);let ae;e[3]!==xe||e[4]!==C||e[5]!==J||e[6]!==he?(ae={top:he,bottom:xe,left:C,right:J},e[3]=xe,e[4]=C,e[5]=J,e[6]=he,e[7]=ae):ae=e[7];const d=ae,[M,fe]=E.useState(void 0),[v,Ce]=E.useState(void 0),[oe,ve]=E.useState(void 0),[se,a]=E.useState(void 0),i=K-d.left-d.right,ye=Q-d.top-d.bottom;let F,X,Y,O,k,L,S,D,N,A,V,H,y;if(e[8]!==h.duration||e[9]!==c?.graphObjectValues||e[10]!==c?.xAxis?.labels||e[11]!==c?.yAxis?.labels||e[12]!==j||e[13]!==B||e[14]!==l||e[15]!==$||e[16]!==ye||e[17]!==i||e[18]!==Q||e[19]!==G||e[20]!==pe||e[21]!==d.left||e[22]!==d.top||e[23]!==M||e[24]!==v||e[25]!==re||e[26]!==W||e[27]!==n||e[28]!==le||e[29]!==r||e[30]!==ge||e[31]!==ne||e[32]!==ee||e[33]!==z||e[34]!==me||e[35]!==_||e[36]!==x?.graphObjectValues||e[37]!==x?.xAxis?.labels||e[38]!==x?.yAxis?.labels||e[39]!==$e||e[40]!==b||e[41]!==K){const ce=Ye.uniqBy(l,"column",!0),ie=Ye.uniqBy(l,"row",!0),P=Pe.band().domain(ie).range([0,ye]),s=P.bandwidth(),U=Pe.band().domain(ce).range([0,i]),I=U.bandwidth(),Oe=ne==="categorical"?ot.ordinal().domain(j).range(B):ne==="threshold"?st.threshold().domain(j).range(B):it.linear().domain(j).range(B);F=Ie.motion.svg,A=`${K}px`,V=`${Q}px`,H=`0 0 ${K} ${Q}`,e[55]===Symbol.for("react.memo_cache_sentinel")?(y={marginLeft:"auto",marginRight:"auto"},e[55]=y):y=e[55],X="ltr",Y=Me,O=o.jsxRuntimeExports.jsx("g",{transform:`translate(${d.left},0)`,children:z?ce.map((t,R)=>o.jsxRuntimeExports.jsx(_e.XAxesLabels,{y:0,x:U(t),width:I,height:d.top-5,value:`${t}`.length<b?`${t}`:`${`${t}`.substring(0,b)}...`,style:x?.xAxis?.labels,className:c?.xAxis?.labels,alignment:"bottom",animate:{duration:0,once:!0,amount:0},isInView:G},R)):null}),k=o.jsxRuntimeExports.jsx("g",{transform:`translate(0,${d.top})`,children:me?ie.map((t,R)=>o.jsxRuntimeExports.jsx(et.YAxesLabels,{value:`${t}`.length<b?`${t}`:`${`${t}`.substring(0,b)}...`,y:P(t),x:0,width:d.left,height:s,alignment:"right",style:x?.yAxis?.labels,className:c?.yAxis?.labels,animate:{duration:0,once:!0,amount:0},isInView:G},R)):null}),L=`translate(${d.left},${d.top})`,S=ie.map((t,R)=>o.jsxRuntimeExports.jsx("g",{transform:`translate(0,${P(t)})`,children:ce.map(p=>o.jsxRuntimeExports.jsx("rect",{x:U(p),y:0,width:I,height:s,style:{fill:re},className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700"},`${t}-${p}`))},R)),D=l.filter(xt).map((t,R)=>{const p=Be.checkIfNullOrUndefined(t.value)?re:Oe(t.value);return o.jsxRuntimeExports.jsxs("g",{transform:`translate(${U(t.column)},${P(t.row)})`,onMouseEnter:ue=>{Ce(t),a(ue.clientY),ve(ue.clientX),n?.(t)},onClick:()=>{(W||$)&&(Je.isEqual(M,t)&&ge?(fe(void 0),W?.(void 0)):(fe(t),W?.(t)))},onMouseMove:ue=>{Ce(t),a(ue.clientY),ve(ue.clientX)},onMouseLeave:()=>{Ce(void 0),ve(void 0),a(void 0),n?.(void 0)},opacity:ee?ee===p?1:.3:1,children:[o.jsxRuntimeExports.jsx(Ie.motion.rect,{x:0,y:0,width:I,height:s,className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700",exit:{opacity:0,transition:{duration:h.duration}},variants:{initial:{fill:p,opacity:0},whileInView:{fill:p,opacity:1,transition:{duration:h.duration}}},initial:"initial",animate:G?"whileInView":"initial"}),_&&!Be.checkIfNullOrUndefined(t.value)?o.jsxRuntimeExports.jsx(Ie.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:h.duration}}},initial:"initial",animate:G?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},children:o.jsxRuntimeExports.jsx("foreignObject",{y:0,x:0,width:I,height:s,children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit p-1",children:o.jsxRuntimeExports.jsx("p",{className:o.mo("text-xs text-center m-0 leading-[1.25] graph-value",c?.graphObjectValues),style:{color:Ze.getTextColorBasedOnBgColor(p),...x?.graphObjectValues||{}},children:Ke.numberFormattingFunction(t.value,void 0,le,r,$e,pe)})})},R)}):null]},`${t.column}-${t.row}`)}),N=v?o.jsxRuntimeExports.jsx("rect",{x:U(v.column),y:P(v.row),width:I,height:s,style:{fill:"none",fillOpacity:0,strokeWidth:1.5},className:"stroke-primary-gray-700 dark:stroke-primary-gray-300"}):null,e[8]=h.duration,e[9]=c?.graphObjectValues,e[10]=c?.xAxis?.labels,e[11]=c?.yAxis?.labels,e[12]=j,e[13]=B,e[14]=l,e[15]=$,e[16]=ye,e[17]=i,e[18]=Q,e[19]=G,e[20]=pe,e[21]=d.left,e[22]=d.top,e[23]=M,e[24]=v,e[25]=re,e[26]=W,e[27]=n,e[28]=le,e[29]=r,e[30]=ge,e[31]=ne,e[32]=ee,e[33]=z,e[34]=me,e[35]=_,e[36]=x?.graphObjectValues,e[37]=x?.xAxis?.labels,e[38]=x?.yAxis?.labels,e[39]=$e,e[40]=b,e[41]=K,e[42]=F,e[43]=X,e[44]=Y,e[45]=O,e[46]=k,e[47]=L,e[48]=S,e[49]=D,e[50]=N,e[51]=A,e[52]=V,e[53]=H,e[54]=y}else F=e[42],X=e[43],Y=e[44],O=e[45],k=e[46],L=e[47],S=e[48],D=e[49],N=e[50],A=e[51],V=e[52],H=e[53],y=e[54];let f;e[56]!==L||e[57]!==S||e[58]!==D||e[59]!==N?(f=o.jsxRuntimeExports.jsxs("g",{transform:L,children:[S,D,N]}),e[56]=L,e[57]=S,e[58]=D,e[59]=N,e[60]=f):f=e[60];let T;e[61]!==F||e[62]!==X||e[63]!==Y||e[64]!==O||e[65]!==k||e[66]!==f||e[67]!==A||e[68]!==V||e[69]!==H||e[70]!==y?(T=o.jsxRuntimeExports.jsxs(F,{width:A,height:V,viewBox:H,style:y,direction:X,ref:Y,children:[O,k,f]}),e[61]=F,e[62]=X,e[63]=Y,e[64]=O,e[65]=k,e[66]=f,e[67]=A,e[68]=V,e[69]=H,e[70]=y,e[71]=T):T=e[71];let w;e[72]!==c?.tooltip||e[73]!==oe||e[74]!==se||e[75]!==v||e[76]!==x?.tooltip||e[77]!==Z?(w=v&&Z&&oe&&se?o.jsxRuntimeExports.jsx(Qe.Tooltip,{data:v,body:Z,xPos:oe,yPos:se,backgroundStyle:x?.tooltip,className:c?.tooltip}):null,e[72]=c?.tooltip,e[73]=oe,e[74]=se,e[75]=v,e[76]=x?.tooltip,e[77]=Z,e[78]=w):w=e[78];let q;e[79]!==c?.modal||e[80]!==$||e[81]!==M?(q=$&&M!==void 0?o.jsxRuntimeExports.jsx(tt.DetailsModal,{body:$,data:M,setData:fe,className:c?.modal}):null,e[79]=c?.modal,e[80]=$,e[81]=M,e[82]=q):q=e[82];let g;return e[83]!==T||e[84]!==w||e[85]!==q?(g=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[T,w,q]}),e[83]=T,e[84]=w,e[85]=q,e[86]=g):g=e[86],g}function xt(u){return!Be.checkIfNullOrUndefined(u.value)}function mt(u){const e=o.compilerRuntimeExports.c(90),{data:l,graphTitle:z,colors:C,sources:J,graphDescription:b,showColumnLabels:K,leftMargin:Q,rightMargin:he,truncateBy:xe,height:Z,width:n,scaleType:$e,colorDomain:r,footNote:_,colorLegendTitle:j,padding:B,backgroundColor:re,topMargin:ne,bottomMargin:me,tooltip:ee,onSeriesMouseOver:W,suffix:ge,prefix:$,showRowLabels:x,relativeHeight:c,showValues:h,graphID:le,noDataColor:pe,showColorScale:Me,onSeriesMouseClick:te,graphDownload:G,dataDownload:ae,fillContainer:d,language:M,showNAColor:fe,minHeight:v,theme:Ce,ariaLabel:oe,resetSelectionOnDoubleClick:ve,detailsOnClick:se,styles:a,classNames:i,animate:ye,precision:F,locale:X,naLabel:Y}=u,O=K===void 0?!0:K,k=Q===void 0?100:Q,L=he===void 0?10:he,S=xe===void 0?999:xe,D=re===void 0?!1:re,N=ne===void 0?30:ne,A=me===void 0?10:me,V=ge===void 0?"":ge,H=$===void 0?"":$,y=x===void 0?!0:x,f=pe===void 0?m.Colors.gray:pe,T=Me===void 0?!0:Me,w=G===void 0?!1:G,q=ae===void 0?!1:ae,g=d===void 0?!0:d,ce=M===void 0?"en":M,ie=fe===void 0?!0:fe,P=v===void 0?0:v,s=Ce===void 0?"light":Ce,U=ve===void 0?!0:ve,I=ye===void 0?!1:ye,Oe=F===void 0?2:F,t=X===void 0?"en":X,R=Y===void 0?"NA":Y,[p,ue]=E.useState(0),[ke,ze]=E.useState(0),[Ne,We]=E.useState(void 0),Ae=E.useRef(null),Ge=E.useRef(null);let Le,Se;e[0]===Symbol.for("react.memo_cache_sentinel")?(Le=()=>{const Fe=new ResizeObserver(Xe=>{ue(Xe[0].target.clientWidth||620),ze(Xe[0].target.clientHeight||480)});return Ae.current&&Fe.observe(Ae.current),()=>Fe.disconnect()},Se=[],e[0]=Le,e[1]=Se):(Le=e[0],Se=e[1]),E.useEffect(Le,Se);const de=$e||(typeof r[0]=="string"?"categorical":r.length===2?"linear":"threshold"),Ve=i?.graphContainer,He=a?.graphContainer,Te=g?void 0:n;let be;e[2]!==i?.description||e[3]!==i?.title||e[4]!==l||e[5]!==q||e[6]!==b||e[7]!==w||e[8]!==z||e[9]!==a?.description||e[10]!==a?.title||e[11]!==n?(be=z||b||w||q?o.jsxRuntimeExports.jsx(nt.GraphHeader,{styles:{title:a?.title,description:a?.description},classNames:{title:i?.title,description:i?.description},graphTitle:z,graphDescription:b,width:n,graphDownload:w?Ge:void 0,dataDownload:q?l.map(yt).filter(vt).length>0?l.map(Ct).filter(ft):l.filter(pt):null}):null,e[2]=i?.description,e[3]=i?.title,e[4]=l,e[5]=q,e[6]=b,e[7]=w,e[8]=z,e[9]=a?.description,e[10]=a?.title,e[11]=n,e[12]=be):be=e[12];let je;e[13]!==i?.colorLegend||e[14]!==r||e[15]!==j||e[16]!==C||e[17]!==l.length||e[18]!==g||e[19]!==t||e[20]!==R||e[21]!==f||e[22]!==de||e[23]!==T||e[24]!==ie||e[25]!==s||e[26]!==n?(je=T&&l.length>0?de==="categorical"?o.jsxRuntimeExports.jsx(at.ColorLegendWithMouseOver,{width:g?void 0:n,colorLegendTitle:j,colors:C||(typeof r[0]=="string"?m.Colors[s].categoricalColors.colors:r.length===2?[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]]:m.Colors[s].sequentialColors[`neutralColorsx0${r.length+1}`]),colorDomain:r.map(gt),setSelectedColor:We,showNAColor:ie,className:i?.colorLegend}):de==="threshold"?o.jsxRuntimeExports.jsx(ut.ThresholdColorLegendWithMouseOver,{width:g?void 0:n,colorLegendTitle:j,colors:C||(typeof r[0]=="string"?m.Colors[s].categoricalColors.colors:r.length===2?[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]]:m.Colors[s].sequentialColors[`neutralColorsx0${r.length+1}`]),colorDomain:r,setSelectedColor:We,naColor:f,locale:t,showNAColor:ie,naLabel:R}):o.jsxRuntimeExports.jsx(ct.LinearColorLegend,{width:g?void 0:n,colorLegendTitle:j,colors:C||[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]],locale:t,colorDomain:r,className:i?.colorLegend}):null,e[13]=i?.colorLegend,e[14]=r,e[15]=j,e[16]=C,e[17]=l.length,e[18]=g,e[19]=t,e[20]=R,e[21]=f,e[22]=de,e[23]=T,e[24]=ie,e[25]=s,e[26]=n,e[27]=je):je=e[27];let we;e[28]!==l.length?(we=l.length===0&&o.jsxRuntimeExports.jsx(dt.EmptyState,{}),e[28]=l.length,e[29]=we):we=e[29];let qe;e[30]!==I||e[31]!==A||e[32]!==i||e[33]!==r||e[34]!==C||e[35]!==l||e[36]!==se||e[37]!==g||e[38]!==k||e[39]!==t||e[40]!==f||e[41]!==te||e[42]!==W||e[43]!==Oe||e[44]!==H||e[45]!==U||e[46]!==L||e[47]!==de||e[48]!==Ne||e[49]!==O||e[50]!==y||e[51]!==h||e[52]!==a||e[53]!==V||e[54]!==ke||e[55]!==p||e[56]!==s||e[57]!==ee||e[58]!==N||e[59]!==S||e[60]!==n?(qe=p&&ke&&l.length>0?o.jsxRuntimeExports.jsx(ht,{data:l,colorDomain:r,width:g||!n||p<n?p:n,height:ke,colors:C||(typeof r[0]=="string"?m.Colors[s].categoricalColors.colors:r.length===2?[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]]:m.Colors[s].sequentialColors[`neutralColorsx0${r.length+1}`]),noDataColor:f,scaleType:de,showColumnLabels:O,leftMargin:k,rightMargin:L,topMargin:N,bottomMargin:A,selectedColor:Ne,truncateBy:S,showRowLabels:y,tooltip:ee,onSeriesMouseOver:W,showValues:h,suffix:V,prefix:H,onSeriesMouseClick:te,resetSelectionOnDoubleClick:U,detailsOnClick:se,styles:a,classNames:i,animate:I===!0?{duration:.5,once:!0,amount:.5}:I||{duration:0,once:!0,amount:0},precision:Oe,locale:t}):null,e[30]=I,e[31]=A,e[32]=i,e[33]=r,e[34]=C,e[35]=l,e[36]=se,e[37]=g,e[38]=k,e[39]=t,e[40]=f,e[41]=te,e[42]=W,e[43]=Oe,e[44]=H,e[45]=U,e[46]=L,e[47]=de,e[48]=Ne,e[49]=O,e[50]=y,e[51]=h,e[52]=a,e[53]=V,e[54]=ke,e[55]=p,e[56]=s,e[57]=ee,e[58]=N,e[59]=S,e[60]=n,e[61]=qe):qe=e[61];let Re;e[62]!==we||e[63]!==qe?(Re=o.jsxRuntimeExports.jsxs(Ue.GraphArea,{ref:Ae,children:[we,qe]}),e[62]=we,e[63]=qe,e[64]=Re):Re=e[64];let Ee;e[65]!==i?.footnote||e[66]!==i?.source||e[67]!==_||e[68]!==J||e[69]!==a?.footnote||e[70]!==a?.source||e[71]!==n?(Ee=J||_?o.jsxRuntimeExports.jsx(lt.GraphFooter,{styles:{footnote:a?.footnote,source:a?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:J,footNote:_,width:n}):null,e[65]=i?.footnote,e[66]=i?.source,e[67]=_,e[68]=J,e[69]=a?.footnote,e[70]=a?.source,e[71]=n,e[72]=Ee):Ee=e[72];let De;return e[73]!==oe||e[74]!==D||e[75]!==le||e[76]!==Z||e[77]!==ce||e[78]!==P||e[79]!==B||e[80]!==c||e[81]!==Ve||e[82]!==He||e[83]!==Te||e[84]!==be||e[85]!==je||e[86]!==Re||e[87]!==Ee||e[88]!==s?(De=o.jsxRuntimeExports.jsxs(Ue.GraphContainer,{className:Ve,style:He,id:le,ref:Ge,"aria-label":oe,backgroundColor:D,theme:s,language:ce,minHeight:P,width:Te,height:Z,relativeHeight:c,padding:B,children:[be,je,Re,Ee]}),e[73]=oe,e[74]=D,e[75]=le,e[76]=Z,e[77]=ce,e[78]=P,e[79]=B,e[80]=c,e[81]=Ve,e[82]=He,e[83]=Te,e[84]=be,e[85]=je,e[86]=Re,e[87]=Ee,e[88]=s,e[89]=De):De=e[89],De}function gt(u){return`${u}`}function pt(u){return u!==void 0}function ft(u){return u!==void 0}function Ct(u){return u.data}function vt(u){return u!==void 0}function yt(u){return u.data}exports.HeatMap=mt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),M=require("react"),Ge=require("./index-DQA8q5sC.cjs"),Fe=require("./numberFormattingFunction-u2iNHL_c.cjs"),Xe=require("./Tooltip-C9F3uYG0.cjs"),Ye=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),Ve=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Pe=require("./XAxesLabels-C03jHniq.cjs"),Ze=require("./YAxesLabels-DeENFC2M.cjs"),Ie=require("./uniqBy-O05lp2S5.cjs"),Ue=require("./DetailsModal-Du8Fr1QD.cjs"),Be=require("./band-VYfcZeJ2.cjs"),ze=require("./ordinal-CrsysVE-.cjs"),Je=require("./threshold-DNsSUf8Q.cjs"),Ke=require("./linear-CgUCbw9F.cjs"),Ae=require("./proxy-CqH8m8IQ.cjs"),Qe=require("./use-in-view-dnRv_qqF.cjs"),_e=require("./GraphHeader.cjs"),et=require("./GraphFooter.cjs"),tt=require("./ColorLegendWithMouseOver.cjs"),ot=require("./LinearColorLegend.cjs"),st=require("./ThresholdColorLegendWithMouseOver.cjs"),g=require("./Colors.cjs"),it=require("./EmptyState-CFmiFPHz.cjs"),We=require("./GraphContainer-Cul9b74X.cjs");function rt(d){const e=o.compilerRuntimeExports.c(88),{data:a,showColumnLabels:z,leftMargin:C,rightMargin:J,truncateBy:j,width:K,height:Q,topMargin:me,bottomMargin:ge,tooltip:_,onSeriesMouseOver:n,suffix:Me,prefix:r,showValues:ee,colorDomain:w,colors:X,noDataColor:oe,scaleType:se,showRowLabels:fe,selectedColor:te,onSeriesMouseClick:Y,resetSelectionOnDoubleClick:Ce,detailsOnClick:q,styles:p,classNames:u,animate:m,precision:ve,locale:ie,padZeros:ye}=d,Oe=M.useRef(null);let re;e[0]!==m.amount||e[1]!==m.once?(re={once:m.once,amount:m.amount},e[0]=m.amount,e[1]=m.once,e[2]=re):re=e[2];const P=Qe.useInView(Oe,re);let le;e[3]!==ge||e[4]!==C||e[5]!==J||e[6]!==me?(le={top:me,bottom:ge,left:C,right:J},e[3]=ge,e[4]=C,e[5]=J,e[6]=me,e[7]=le):le=e[7];const h=le,[O,ne]=M.useState(void 0),[v,ae]=M.useState(void 0),[c,i]=M.useState(void 0),[ce,be]=M.useState(void 0),l=K-h.left-h.right,ue=Q-h.top-h.bottom;let k,L,D,S,N,A,V,f,H,R,E,x,y;if(e[8]!==m.duration||e[9]!==u?.graphObjectValues||e[10]!==u?.xAxis?.labels||e[11]!==u?.yAxis?.labels||e[12]!==w||e[13]!==X||e[14]!==a||e[15]!==q||e[16]!==ue||e[17]!==l||e[18]!==Q||e[19]!==P||e[20]!==ie||e[21]!==h.left||e[22]!==h.top||e[23]!==O||e[24]!==v||e[25]!==oe||e[26]!==Y||e[27]!==n||e[28]!==ye||e[29]!==ve||e[30]!==r||e[31]!==Ce||e[32]!==se||e[33]!==te||e[34]!==z||e[35]!==fe||e[36]!==ee||e[37]!==p?.graphObjectValues||e[38]!==p?.xAxis?.labels||e[39]!==p?.yAxis?.labels||e[40]!==Me||e[41]!==j||e[42]!==K){const de=Ie.uniqBy(a,"column",!0),B=Ie.uniqBy(a,"row",!0),he=Be.band().domain(B).range([0,ue]),W=he.bandwidth(),pe=Be.band().domain(de).range([0,l]),U=pe.bandwidth(),ke=se==="categorical"?ze.ordinal().domain(w).range(X):se==="threshold"?Je.threshold().domain(w).range(X):Ke.linear().domain(w).range(X);k=Ae.motion.svg,R=`${K}px`,E=`${Q}px`,x=`0 0 ${K} ${Q}`,e[56]===Symbol.for("react.memo_cache_sentinel")?(y={marginLeft:"auto",marginRight:"auto"},e[56]=y):y=e[56],L="ltr",D=Oe,S=o.jsxRuntimeExports.jsx("g",{transform:`translate(${h.left},0)`,children:z?de.map((t,G)=>o.jsxRuntimeExports.jsx(Pe.XAxesLabels,{y:0,x:pe(t),width:U,height:h.top-5,value:`${t}`.length<j?`${t}`:`${`${t}`.substring(0,j)}...`,style:p?.xAxis?.labels,className:u?.xAxis?.labels,alignment:"bottom",animate:{duration:0,once:!0,amount:0},isInView:P},G)):null}),N=o.jsxRuntimeExports.jsx("g",{transform:`translate(0,${h.top})`,children:fe?B.map((t,G)=>o.jsxRuntimeExports.jsx(Ze.YAxesLabels,{value:`${t}`.length<j?`${t}`:`${`${t}`.substring(0,j)}...`,y:he(t),x:0,width:h.left,height:W,alignment:"right",style:p?.yAxis?.labels,className:u?.yAxis?.labels,animate:{duration:0,once:!0,amount:0},isInView:P},G)):null}),A=`translate(${h.left},${h.top})`,V=B.map((t,G)=>o.jsxRuntimeExports.jsx("g",{transform:`translate(0,${he(t)})`,children:de.map(b=>o.jsxRuntimeExports.jsx("rect",{x:pe(b),y:0,width:U,height:W,style:{fill:oe},className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700"},`${t}-${b}`))},G)),f=a.filter(lt).map((t,G)=>{const b=Ve.checkIfNullOrUndefined(t.value)?oe:ke(t.value);return o.jsxRuntimeExports.jsxs("g",{transform:`translate(${pe(t.column)},${he(t.row)})`,onMouseEnter:F=>{ae(t),be(F.clientY),i(F.clientX),n?.(t)},onClick:()=>{(Y||q)&&(Ge.isEqual(O,t)&&Ce?(ne(void 0),Y?.(void 0)):(ne(t),Y?.(t)))},onMouseMove:F=>{ae(t),be(F.clientY),i(F.clientX)},onMouseLeave:()=>{ae(void 0),i(void 0),be(void 0),n?.(void 0)},opacity:te?te===b?1:.3:1,children:[o.jsxRuntimeExports.jsx(Ae.motion.rect,{x:0,y:0,width:U,height:W,className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700",exit:{opacity:0,transition:{duration:m.duration}},variants:{initial:{fill:b,opacity:0},whileInView:{fill:b,opacity:1,transition:{duration:m.duration}}},initial:"initial",animate:P?"whileInView":"initial"}),ee&&!Ve.checkIfNullOrUndefined(t.value)?o.jsxRuntimeExports.jsx(Ae.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:m.duration}}},initial:"initial",animate:P?"whileInView":"initial",exit:{opacity:0,transition:{duration:m.duration}},children:o.jsxRuntimeExports.jsx("foreignObject",{y:0,x:0,width:U,height:W,children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit p-1",children:o.jsxRuntimeExports.jsx("p",{className:o.mo("text-xs text-center m-0 leading-[1.25] graph-value",u?.graphObjectValues),style:{color:Ye.getTextColorBasedOnBgColor(b),...p?.graphObjectValues||{}},children:Fe.numberFormattingFunction(t.value,void 0,ve,r,Me,ie,ye)})})},G)}):null]},`${t.column}-${t.row}`)}),H=v?o.jsxRuntimeExports.jsx("rect",{x:pe(v.column),y:he(v.row),width:U,height:W,style:{fill:"none",fillOpacity:0,strokeWidth:1.5},className:"stroke-primary-gray-700 dark:stroke-primary-gray-300"}):null,e[8]=m.duration,e[9]=u?.graphObjectValues,e[10]=u?.xAxis?.labels,e[11]=u?.yAxis?.labels,e[12]=w,e[13]=X,e[14]=a,e[15]=q,e[16]=ue,e[17]=l,e[18]=Q,e[19]=P,e[20]=ie,e[21]=h.left,e[22]=h.top,e[23]=O,e[24]=v,e[25]=oe,e[26]=Y,e[27]=n,e[28]=ye,e[29]=ve,e[30]=r,e[31]=Ce,e[32]=se,e[33]=te,e[34]=z,e[35]=fe,e[36]=ee,e[37]=p?.graphObjectValues,e[38]=p?.xAxis?.labels,e[39]=p?.yAxis?.labels,e[40]=Me,e[41]=j,e[42]=K,e[43]=k,e[44]=L,e[45]=D,e[46]=S,e[47]=N,e[48]=A,e[49]=V,e[50]=f,e[51]=H,e[52]=R,e[53]=E,e[54]=x,e[55]=y}else k=e[43],L=e[44],D=e[45],S=e[46],N=e[47],A=e[48],V=e[49],f=e[50],H=e[51],R=e[52],E=e[53],x=e[54],y=e[55];let $;e[57]!==A||e[58]!==V||e[59]!==f||e[60]!==H?($=o.jsxRuntimeExports.jsxs("g",{transform:A,children:[V,f,H]}),e[57]=A,e[58]=V,e[59]=f,e[60]=H,e[61]=$):$=e[61];let T;e[62]!==k||e[63]!==L||e[64]!==D||e[65]!==S||e[66]!==N||e[67]!==$||e[68]!==R||e[69]!==E||e[70]!==x||e[71]!==y?(T=o.jsxRuntimeExports.jsxs(k,{width:R,height:E,viewBox:x,style:y,direction:L,ref:D,children:[S,N,$]}),e[62]=k,e[63]=L,e[64]=D,e[65]=S,e[66]=N,e[67]=$,e[68]=R,e[69]=E,e[70]=x,e[71]=y,e[72]=T):T=e[72];let s;e[73]!==u?.tooltip||e[74]!==c||e[75]!==ce||e[76]!==v||e[77]!==p?.tooltip||e[78]!==_?(s=v&&_&&c&&ce?o.jsxRuntimeExports.jsx(Xe.Tooltip,{data:v,body:_,xPos:c,yPos:ce,backgroundStyle:p?.tooltip,className:u?.tooltip}):null,e[73]=u?.tooltip,e[74]=c,e[75]=ce,e[76]=v,e[77]=p?.tooltip,e[78]=_,e[79]=s):s=e[79];let I;e[80]!==u?.modal||e[81]!==q||e[82]!==O?(I=q&&O!==void 0?o.jsxRuntimeExports.jsx(Ue.DetailsModal,{body:q,data:O,setData:ne,className:u?.modal}):null,e[80]=u?.modal,e[81]=q,e[82]=O,e[83]=I):I=e[83];let Z;return e[84]!==T||e[85]!==s||e[86]!==I?(Z=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[T,s,I]}),e[84]=T,e[85]=s,e[86]=I,e[87]=Z):Z=e[87],Z}function lt(d){return!Ve.checkIfNullOrUndefined(d.value)}function nt(d){const e=o.compilerRuntimeExports.c(91),{data:a,graphTitle:z,colors:C,sources:J,graphDescription:j,showColumnLabels:K,leftMargin:Q,rightMargin:me,truncateBy:ge,height:_,width:n,scaleType:Me,colorDomain:r,footNote:ee,colorLegendTitle:w,padding:X,backgroundColor:oe,topMargin:se,bottomMargin:fe,tooltip:te,onSeriesMouseOver:Y,showRowLabels:Ce,relativeHeight:q,showValues:p,graphID:u,noDataColor:m,showColorScale:ve,onSeriesMouseClick:ie,graphDownload:ye,dataDownload:Oe,fillContainer:re,language:P,showNAColor:le,minHeight:h,theme:O,ariaLabel:ne,resetSelectionOnDoubleClick:v,detailsOnClick:ae,styles:c,classNames:i,animate:ce,naLabel:be,numberDisplayOptions:l}=d,ue=K===void 0?!0:K,k=Q===void 0?100:Q,L=me===void 0?10:me,D=ge===void 0?999:ge,S=oe===void 0?!1:oe,N=se===void 0?30:se,A=fe===void 0?10:fe,V=Ce===void 0?!0:Ce,f=m===void 0?g.Colors.gray:m,H=ve===void 0?!0:ve,R=ye===void 0?!1:ye,E=Oe===void 0?!1:Oe,x=re===void 0?!0:re,y=P===void 0?"en":P,$=le===void 0?!0:le,T=h===void 0?0:h,s=O===void 0?"light":O,I=v===void 0?!0:v,Z=ce===void 0?!1:ce,de=be===void 0?"NA":be,[B,he]=M.useState(0),[W,pe]=M.useState(0),[U,ke]=M.useState(void 0),t=M.useRef(null),G=M.useRef(null);let b,F;e[0]===Symbol.for("react.memo_cache_sentinel")?(b=()=>{const He=new ResizeObserver(Te=>{he(Te[0].target.clientWidth||620),pe(Te[0].target.clientHeight||480)});return t.current&&He.observe(t.current),()=>He.disconnect()},F=[],e[0]=b,e[1]=F):(b=e[0],F=e[1]),M.useEffect(b,F);const xe=Me||(typeof r[0]=="string"?"categorical":r.length===2?"linear":"threshold"),De=i?.graphContainer,Se=c?.graphContainer,Ne=x?void 0:n;let je;e[2]!==i?.description||e[3]!==i?.title||e[4]!==a||e[5]!==E||e[6]!==j||e[7]!==R||e[8]!==z||e[9]!==c?.description||e[10]!==c?.title||e[11]!==n?(je=z||j||R||E?o.jsxRuntimeExports.jsx(_e.GraphHeader,{styles:{title:c?.title,description:c?.description},classNames:{title:i?.title,description:i?.description},graphTitle:z,graphDescription:j,width:n,graphDownload:R?G:void 0,dataDownload:E?a.map(pt).filter(ht).length>0?a.map(dt).filter(ut):a.filter(ct):null}):null,e[2]=i?.description,e[3]=i?.title,e[4]=a,e[5]=E,e[6]=j,e[7]=R,e[8]=z,e[9]=c?.description,e[10]=c?.title,e[11]=n,e[12]=je):je=e[12];let we;e[13]!==i?.colorLegend||e[14]!==r||e[15]!==w||e[16]!==C||e[17]!==a.length||e[18]!==x||e[19]!==de||e[20]!==f||e[21]!==l?.locale||e[22]!==xe||e[23]!==H||e[24]!==$||e[25]!==s||e[26]!==n?(we=H&&a.length>0?xe==="categorical"?o.jsxRuntimeExports.jsx(tt.ColorLegendWithMouseOver,{width:x?void 0:n,colorLegendTitle:w,colors:C||(typeof r[0]=="string"?g.Colors[s].categoricalColors.colors:r.length===2?[g.Colors[s].sequentialColors.neutralColorsx09[0],g.Colors[s].sequentialColors.neutralColorsx09[8]]:g.Colors[s].sequentialColors[`neutralColorsx0${r.length+1}`]),colorDomain:r.map(at),setSelectedColor:ke,showNAColor:$,className:i?.colorLegend}):xe==="threshold"?o.jsxRuntimeExports.jsx(st.ThresholdColorLegendWithMouseOver,{width:x?void 0:n,colorLegendTitle:w,colors:C||(typeof r[0]=="string"?g.Colors[s].categoricalColors.colors:r.length===2?[g.Colors[s].sequentialColors.neutralColorsx09[0],g.Colors[s].sequentialColors.neutralColorsx09[8]]:g.Colors[s].sequentialColors[`neutralColorsx0${r.length+1}`]),colorDomain:r,setSelectedColor:ke,naColor:f,locale:l?.locale||"en",showNAColor:$,naLabel:de}):o.jsxRuntimeExports.jsx(ot.LinearColorLegend,{width:x?void 0:n,colorLegendTitle:w,colors:C||[g.Colors[s].sequentialColors.neutralColorsx09[0],g.Colors[s].sequentialColors.neutralColorsx09[8]],locale:l?.locale||"en",colorDomain:r,className:i?.colorLegend}):null,e[13]=i?.colorLegend,e[14]=r,e[15]=w,e[16]=C,e[17]=a.length,e[18]=x,e[19]=de,e[20]=f,e[21]=l?.locale,e[22]=xe,e[23]=H,e[24]=$,e[25]=s,e[26]=n,e[27]=we):we=e[27];let qe;e[28]!==a.length?(qe=a.length===0&&o.jsxRuntimeExports.jsx(it.EmptyState,{}),e[28]=a.length,e[29]=qe):qe=e[29];let Re;e[30]!==Z||e[31]!==A||e[32]!==i||e[33]!==r||e[34]!==C||e[35]!==a||e[36]!==ae||e[37]!==x||e[38]!==k||e[39]!==f||e[40]!==l?.locale||e[41]!==l?.padZeros||e[42]!==l?.precision||e[43]!==l?.prefix||e[44]!==l?.suffix||e[45]!==ie||e[46]!==Y||e[47]!==I||e[48]!==L||e[49]!==xe||e[50]!==U||e[51]!==ue||e[52]!==V||e[53]!==p||e[54]!==c||e[55]!==W||e[56]!==B||e[57]!==s||e[58]!==te||e[59]!==N||e[60]!==D||e[61]!==n?(Re=B&&W&&a.length>0?o.jsxRuntimeExports.jsx(rt,{data:a,colorDomain:r,width:x||!n||B<n?B:n,height:W,colors:C||(typeof r[0]=="string"?g.Colors[s].categoricalColors.colors:r.length===2?[g.Colors[s].sequentialColors.neutralColorsx09[0],g.Colors[s].sequentialColors.neutralColorsx09[8]]:g.Colors[s].sequentialColors[`neutralColorsx0${r.length+1}`]),noDataColor:f,scaleType:xe,showColumnLabels:ue,leftMargin:k,rightMargin:L,topMargin:N,bottomMargin:A,selectedColor:U,truncateBy:D,showRowLabels:V,tooltip:te,onSeriesMouseOver:Y,showValues:p,onSeriesMouseClick:ie,resetSelectionOnDoubleClick:I,detailsOnClick:ae,styles:c,classNames:i,animate:Z===!0?{duration:.5,once:!0,amount:.5}:Z||{duration:0,once:!0,amount:0},locale:l?.locale||"en",padZeros:l?.padZeros||!1,suffix:l?.suffix||"",prefix:l?.prefix||"",precision:l?.precision??2}):null,e[30]=Z,e[31]=A,e[32]=i,e[33]=r,e[34]=C,e[35]=a,e[36]=ae,e[37]=x,e[38]=k,e[39]=f,e[40]=l?.locale,e[41]=l?.padZeros,e[42]=l?.precision,e[43]=l?.prefix,e[44]=l?.suffix,e[45]=ie,e[46]=Y,e[47]=I,e[48]=L,e[49]=xe,e[50]=U,e[51]=ue,e[52]=V,e[53]=p,e[54]=c,e[55]=W,e[56]=B,e[57]=s,e[58]=te,e[59]=N,e[60]=D,e[61]=n,e[62]=Re):Re=e[62];let Ee;e[63]!==qe||e[64]!==Re?(Ee=o.jsxRuntimeExports.jsxs(We.GraphArea,{ref:t,children:[qe,Re]}),e[63]=qe,e[64]=Re,e[65]=Ee):Ee=e[65];let $e;e[66]!==i?.footnote||e[67]!==i?.source||e[68]!==ee||e[69]!==J||e[70]!==c?.footnote||e[71]!==c?.source||e[72]!==n?($e=J||ee?o.jsxRuntimeExports.jsx(et.GraphFooter,{styles:{footnote:c?.footnote,source:c?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:J,footNote:ee,width:n}):null,e[66]=i?.footnote,e[67]=i?.source,e[68]=ee,e[69]=J,e[70]=c?.footnote,e[71]=c?.source,e[72]=n,e[73]=$e):$e=e[73];let Le;return e[74]!==ne||e[75]!==S||e[76]!==u||e[77]!==_||e[78]!==y||e[79]!==T||e[80]!==X||e[81]!==q||e[82]!==De||e[83]!==Se||e[84]!==Ne||e[85]!==je||e[86]!==we||e[87]!==Ee||e[88]!==$e||e[89]!==s?(Le=o.jsxRuntimeExports.jsxs(We.GraphContainer,{className:De,style:Se,id:u,ref:G,"aria-label":ne,backgroundColor:S,theme:s,language:y,minHeight:T,width:Ne,height:_,relativeHeight:q,padding:X,children:[je,we,Ee,$e]}),e[74]=ne,e[75]=S,e[76]=u,e[77]=_,e[78]=y,e[79]=T,e[80]=X,e[81]=q,e[82]=De,e[83]=Se,e[84]=Ne,e[85]=je,e[86]=we,e[87]=Ee,e[88]=$e,e[89]=s,e[90]=Le):Le=e[90],Le}function at(d){return`${d}`}function ct(d){return d!==void 0}function ut(d){return d!==void 0}function dt(d){return d.data}function ht(d){return d!==void 0}function pt(d){return d.data}exports.HeatMap=nt;
 //# sourceMappingURL=HeatMap.cjs.map

package/dist/HeatMap.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeatMap.cjs","sources":["../src/Components/Graphs/HeatMap/Graph.tsx","../src/Components/Graphs/HeatMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand, scaleOrdinal, scaleThreshold } from 'd3-scale';\r\nimport { useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  HeatMapDataType,\r\n  ScaleDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\n\r\ninterface Props {\r\n  data: HeatMapDataType[];\r\n  colorDomain: string[] | number[];\r\n  colors: string[];\r\n  noDataColor: string;\r\n  scaleType: ScaleDataType;\r\n  showColumnLabels: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  showRowLabels: boolean;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues?: boolean;\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  selectedColor?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  precision: number;\r\n  locale: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    showColumnLabels,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    colorDomain,\r\n    colors,\r\n    noDataColor,\r\n    scaleType,\r\n    showRowLabels,\r\n    selectedColor,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    precision,\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: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [mouseOverData, setMouseOverData] = useState<HeatMapDataType | undefined>(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  const columns = uniqBy(data, 'column', true) as string[];\r\n  const rows = uniqBy(data, 'row', true) as string[];\r\n  const y = scaleBand().domain(rows).range([0, graphHeight]);\r\n  const barHeight = y.bandwidth();\r\n  const x = scaleBand().domain(columns).range([0, graphWidth]);\r\n  const barWidth = x.bandwidth();\r\n  const colorScale =\r\n    scaleType === 'categorical'\r\n      ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n      : scaleType === 'threshold'\r\n        ? scaleThreshold<number, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors)\r\n        : scaleLinear<string, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        style={{ marginLeft: 'auto', marginRight: 'auto' }}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${0})`}>\r\n          {showColumnLabels\r\n            ? columns.map((d, i) => (\r\n                <XAxesLabels\r\n                  key={i}\r\n                  y={0}\r\n                  x={x(d) as number}\r\n                  width={barWidth}\r\n                  height={margin.top - 5}\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  style={styles?.xAxis?.labels}\r\n                  className={classNames?.xAxis?.labels}\r\n                  alignment='bottom'\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${0},${margin.top})`}>\r\n          {showRowLabels\r\n            ? rows.map((d, i) => (\r\n                <YAxesLabels\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  key={i}\r\n                  y={y(d) as number}\r\n                  x={0}\r\n                  width={margin.left}\r\n                  height={barHeight}\r\n                  alignment='right'\r\n                  style={styles?.yAxis?.labels}\r\n                  className={classNames?.yAxis?.labels}\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {rows.map((d, i) => (\r\n            <g key={i} transform={`translate(0,${y(d)})`}>\r\n              {columns.map(el => (\r\n                <rect\r\n                  key={`${d}-${el}`}\r\n                  x={x(el)}\r\n                  y={0}\r\n                  width={barWidth}\r\n                  height={barHeight}\r\n                  style={{ fill: noDataColor }}\r\n                  className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                />\r\n              ))}\r\n            </g>\r\n          ))}\r\n          {data\r\n            .filter(d => !checkIfNullOrUndefined(d.value))\r\n            .map((d, i) => {\r\n              const color = !checkIfNullOrUndefined(d.value)\r\n                ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  colorScale(d.value as any)\r\n                : noDataColor;\r\n              return (\r\n                <g\r\n                  key={`${d.column}-${d.row}`}\r\n                  transform={`translate(${x(d.column)},${y(d.row)})`}\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) && resetSelectionOnDoubleClick) {\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                  opacity={selectedColor ? (selectedColor === color ? 1 : 0.3) : 1}\r\n                >\r\n                  <motion.rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={barWidth}\r\n                    height={barHeight}\r\n                    className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    variants={{\r\n                      initial: { fill: color, opacity: 0 },\r\n                      whileInView: {\r\n                        fill: color,\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                  />\r\n                  {showValues && !checkIfNullOrUndefined(d.value) ? (\r\n                    <motion.g\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: { opacity: 1, transition: { duration: animate.duration } },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    >\r\n                      <foreignObject key={i} y={0} x={0} width={barWidth} height={barHeight}>\r\n                        <div className='flex flex-col justify-center items-center h-inherit p-1'>\r\n                          <p\r\n                            className={cn(\r\n                              'text-xs text-center m-0 leading-[1.25] graph-value',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              color: getTextColorBasedOnBgColor(color),\r\n                              ...(styles?.graphObjectValues || {}),\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(\r\n                              d.value,\r\n                              undefined,\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                              locale,\r\n                            )}\r\n                          </p>\r\n                        </div>\r\n                      </foreignObject>\r\n                    </motion.g>\r\n                  ) : null}\r\n                </g>\r\n              );\r\n            })}\r\n          {mouseOverData ? (\r\n            <rect\r\n              x={x(mouseOverData.column)}\r\n              y={y(mouseOverData.row)}\r\n              width={barWidth}\r\n              height={barHeight}\r\n              style={{\r\n                fill: 'none',\r\n                fillOpacity: 0,\r\n                strokeWidth: 1.5,\r\n              }}\r\n              className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n            />\r\n          ) : null}\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 { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HeatMapDataType,\r\n  Languages,\r\n  ScaleDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { LinearColorLegend } from '@/Components/Elements/LinearColorLegend';\r\nimport { ThresholdColorLegendWithMouseOver } from '@/Components/Elements/ThresholdColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: HeatMapDataType[];\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  /** Array of colors for cells */\r\n  colors?: string[];\r\n  /** Color where data is not available */\r\n  noDataColor?: 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  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\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  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels in the column */\r\n  showColumnLabels?: boolean;\r\n  /** Toggle visibility of labels in the row */\r\n  showRowLabels?: boolean;\r\n  /** Scale for the colors in the cell */\r\n  scaleType?: ScaleDataType;\r\n  /** Toggle visibility of values */\r\n  showValues?: 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  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Domain for the colors in the cell.  */\r\n  colorDomain: number[] | string[];\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  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\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  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: 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 HeatMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showColumnLabels = true,\r\n    leftMargin = 100,\r\n    rightMargin = 10,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    scaleType,\r\n    colorDomain,\r\n    footNote,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 30,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix = '',\r\n    prefix = '',\r\n    showRowLabels = true,\r\n    relativeHeight,\r\n    showValues,\r\n    graphID,\r\n    noDataColor = Colors.gray,\r\n    showColorScale = true,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n    locale = 'en',\r\n    naLabel = 'NA',\r\n  } = props;\r\n\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  const scale =\r\n    scaleType ||\r\n    (typeof colorDomain[0] === 'string'\r\n      ? 'categorical'\r\n      : colorDomain.length === 2\r\n        ? 'linear'\r\n        : 'threshold');\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={fillContainer ? undefined : 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.length > 0 ? (\r\n        scale === 'categorical' ? (\r\n          <ColorLegendWithMouseOver\r\n            width={fillContainer ? undefined : width}\r\n            colorLegendTitle={colorLegendTitle}\r\n            colors={\r\n              colors ||\r\n              (typeof colorDomain[0] === 'string'\r\n                ? Colors[theme].categoricalColors.colors\r\n                : colorDomain.length === 2\r\n                  ? [\r\n                      Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                      Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                    ]\r\n                  : Colors[theme].sequentialColors[\r\n                      `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                    ])\r\n            }\r\n            colorDomain={colorDomain.map(d => `${d}`)}\r\n            setSelectedColor={setSelectedColor}\r\n            showNAColor={showNAColor}\r\n            className={classNames?.colorLegend}\r\n          />\r\n        ) : scale === 'threshold' ? (\r\n          <ThresholdColorLegendWithMouseOver\r\n            width={fillContainer ? undefined : width}\r\n            colorLegendTitle={colorLegendTitle}\r\n            colors={\r\n              colors ||\r\n              (typeof colorDomain[0] === 'string'\r\n                ? Colors[theme].categoricalColors.colors\r\n                : colorDomain.length === 2\r\n                  ? [\r\n                      Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                      Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                    ]\r\n                  : Colors[theme].sequentialColors[\r\n                      `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                    ])\r\n            }\r\n            colorDomain={colorDomain as number[]}\r\n            setSelectedColor={setSelectedColor}\r\n            naColor={noDataColor}\r\n            locale={locale}\r\n            showNAColor={showNAColor}\r\n            naLabel={naLabel}\r\n          />\r\n        ) : (\r\n          <LinearColorLegend\r\n            width={fillContainer ? undefined : width}\r\n            colorLegendTitle={colorLegendTitle}\r\n            colors={\r\n              colors || [\r\n                Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                Colors[theme].sequentialColors.neutralColorsx09[8],\r\n              ]\r\n            }\r\n            locale={locale}\r\n            colorDomain={colorDomain as number[]}\r\n            className={classNames?.colorLegend}\r\n          />\r\n        )\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.length === 0 && <EmptyState />}\r\n        {svgWidth && svgHeight && data.length > 0 ? (\r\n          <Graph\r\n            data={data}\r\n            colorDomain={colorDomain}\r\n            width={fillContainer || !width ? svgWidth : svgWidth < width ? svgWidth : width}\r\n            height={svgHeight}\r\n            colors={\r\n              colors ||\r\n              (typeof colorDomain[0] === 'string'\r\n                ? Colors[theme].categoricalColors.colors\r\n                : colorDomain.length === 2\r\n                  ? [\r\n                      Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                      Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                    ]\r\n                  : Colors[theme].sequentialColors[\r\n                      `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                    ])\r\n            }\r\n            noDataColor={noDataColor}\r\n            scaleType={scale}\r\n            showColumnLabels={showColumnLabels}\r\n            leftMargin={leftMargin}\r\n            rightMargin={rightMargin}\r\n            topMargin={topMargin}\r\n            bottomMargin={bottomMargin}\r\n            selectedColor={selectedColor}\r\n            truncateBy={truncateBy}\r\n            showRowLabels={showRowLabels}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            showValues={showValues}\r\n            suffix={suffix}\r\n            prefix={prefix}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            detailsOnClick={detailsOnClick}\r\n            styles={styles}\r\n            classNames={classNames}\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            precision={precision}\r\n            locale={locale}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\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          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","$","_c","data","showColumnLabels","leftMargin","rightMargin","truncateBy","width","height","topMargin","bottomMargin","tooltip","onSeriesMouseOver","suffix","prefix","showValues","colorDomain","colors","noDataColor","scaleType","showRowLabels","selectedColor","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","animate","precision","locale","svgRef","useRef","t0","amount","once","isInView","useInView","t1","top","bottom","left","right","margin","mouseClickData","setMouseClickData","useState","undefined","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","T0","t10","t11","t12","t13","t2","t3","t4","t5","t6","t7","t8","t9","duration","graphObjectValues","xAxis","labels","yAxis","columns","uniqBy","rows","y","scaleBand","domain","range","barHeight","bandwidth","x","barWidth","colorScale","scaleOrdinal","scaleThreshold","scaleLinear","motion","svg","Symbol","for","marginLeft","marginRight","jsx","map","d","i","XAxesLabels","length","substring","d_0","i_0","YAxesLabels","d_1","i_1","el","fill","filter","_temp","d_3","i_2","color","checkIfNullOrUndefined","value","jsxs","column","row","event","clientY","clientX","isEqual","event_0","opacity","transition","initial","whileInView","cn","getTextColorBasedOnBgColor","numberFormattingFunction","fillOpacity","strokeWidth","t14","t15","t16","Tooltip","t17","modal","DetailsModal","t18","Fragment","d_2","HeatMap","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","graphID","showColorScale","graphDownload","dataDownload","fillContainer","language","showNAColor","minHeight","theme","ariaLabel","t19","t20","t21","t22","naLabel","t23","Colors","gray","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","t24","t25","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","scale","t26","graphContainer","t27","t28","t29","description","title","GraphHeader","_temp2","_temp3","_temp4","_temp5","t30","colorLegend","ColorLegendWithMouseOver","categoricalColors","sequentialColors","neutralColorsx09","_temp6","ThresholdColorLegendWithMouseOver","LinearColorLegend","t31","EmptyState","t32","t33","GraphArea","t34","footnote","source","GraphFooter","t35","GraphContainer","d_4"],"mappings":"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"}
+{"version":3,"file":"HeatMap.cjs","sources":["../src/Components/Graphs/HeatMap/Graph.tsx","../src/Components/Graphs/HeatMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand, scaleOrdinal, scaleThreshold } from 'd3-scale';\r\nimport { useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  HeatMapDataType,\r\n  ScaleDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\n\r\ninterface Props {\r\n  data: HeatMapDataType[];\r\n  colorDomain: string[] | number[];\r\n  colors: string[];\r\n  noDataColor: string;\r\n  scaleType: ScaleDataType;\r\n  showColumnLabels: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  showRowLabels: boolean;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues?: boolean;\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  selectedColor?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  precision: number;\r\n  locale: string;\r\n  padZeros: boolean;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    showColumnLabels,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    colorDomain,\r\n    colors,\r\n    noDataColor,\r\n    scaleType,\r\n    showRowLabels,\r\n    selectedColor,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    precision,\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: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [mouseOverData, setMouseOverData] = useState<HeatMapDataType | undefined>(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  const columns = uniqBy(data, 'column', true) as string[];\r\n  const rows = uniqBy(data, 'row', true) as string[];\r\n  const y = scaleBand().domain(rows).range([0, graphHeight]);\r\n  const barHeight = y.bandwidth();\r\n  const x = scaleBand().domain(columns).range([0, graphWidth]);\r\n  const barWidth = x.bandwidth();\r\n  const colorScale =\r\n    scaleType === 'categorical'\r\n      ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n      : scaleType === 'threshold'\r\n        ? scaleThreshold<number, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors)\r\n        : scaleLinear<string, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        style={{ marginLeft: 'auto', marginRight: 'auto' }}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${0})`}>\r\n          {showColumnLabels\r\n            ? columns.map((d, i) => (\r\n                <XAxesLabels\r\n                  key={i}\r\n                  y={0}\r\n                  x={x(d) as number}\r\n                  width={barWidth}\r\n                  height={margin.top - 5}\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  style={styles?.xAxis?.labels}\r\n                  className={classNames?.xAxis?.labels}\r\n                  alignment='bottom'\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${0},${margin.top})`}>\r\n          {showRowLabels\r\n            ? rows.map((d, i) => (\r\n                <YAxesLabels\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  key={i}\r\n                  y={y(d) as number}\r\n                  x={0}\r\n                  width={margin.left}\r\n                  height={barHeight}\r\n                  alignment='right'\r\n                  style={styles?.yAxis?.labels}\r\n                  className={classNames?.yAxis?.labels}\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {rows.map((d, i) => (\r\n            <g key={i} transform={`translate(0,${y(d)})`}>\r\n              {columns.map(el => (\r\n                <rect\r\n                  key={`${d}-${el}`}\r\n                  x={x(el)}\r\n                  y={0}\r\n                  width={barWidth}\r\n                  height={barHeight}\r\n                  style={{ fill: noDataColor }}\r\n                  className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                />\r\n              ))}\r\n            </g>\r\n          ))}\r\n          {data\r\n            .filter(d => !checkIfNullOrUndefined(d.value))\r\n            .map((d, i) => {\r\n              const color = !checkIfNullOrUndefined(d.value)\r\n                ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  colorScale(d.value as any)\r\n                : noDataColor;\r\n              return (\r\n                <g\r\n                  key={`${d.column}-${d.row}`}\r\n                  transform={`translate(${x(d.column)},${y(d.row)})`}\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) && resetSelectionOnDoubleClick) {\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                  opacity={selectedColor ? (selectedColor === color ? 1 : 0.3) : 1}\r\n                >\r\n                  <motion.rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={barWidth}\r\n                    height={barHeight}\r\n                    className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    variants={{\r\n                      initial: { fill: color, opacity: 0 },\r\n                      whileInView: {\r\n                        fill: color,\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                  />\r\n                  {showValues && !checkIfNullOrUndefined(d.value) ? (\r\n                    <motion.g\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: { opacity: 1, transition: { duration: animate.duration } },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    >\r\n                      <foreignObject key={i} y={0} x={0} width={barWidth} height={barHeight}>\r\n                        <div className='flex flex-col justify-center items-center h-inherit p-1'>\r\n                          <p\r\n                            className={cn(\r\n                              'text-xs text-center m-0 leading-[1.25] graph-value',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              color: getTextColorBasedOnBgColor(color),\r\n                              ...(styles?.graphObjectValues || {}),\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(\r\n                              d.value,\r\n                              undefined,\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                              locale,\r\n                              padZeros,\r\n                            )}\r\n                          </p>\r\n                        </div>\r\n                      </foreignObject>\r\n                    </motion.g>\r\n                  ) : null}\r\n                </g>\r\n              );\r\n            })}\r\n          {mouseOverData ? (\r\n            <rect\r\n              x={x(mouseOverData.column)}\r\n              y={y(mouseOverData.row)}\r\n              width={barWidth}\r\n              height={barHeight}\r\n              style={{\r\n                fill: 'none',\r\n                fillOpacity: 0,\r\n                strokeWidth: 1.5,\r\n              }}\r\n              className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n            />\r\n          ) : null}\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 { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HeatMapDataType,\r\n  Languages,\r\n  ScaleDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { LinearColorLegend } from '@/Components/Elements/LinearColorLegend';\r\nimport { ThresholdColorLegendWithMouseOver } from '@/Components/Elements/ThresholdColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: HeatMapDataType[];\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  /** Array of colors for cells */\r\n  colors?: string[];\r\n  /** Color where data is not available */\r\n  noDataColor?: 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  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels in the column */\r\n  showColumnLabels?: boolean;\r\n  /** Toggle visibility of labels in the row */\r\n  showRowLabels?: boolean;\r\n  /** Scale for the colors in the cell */\r\n  scaleType?: ScaleDataType;\r\n  /** Toggle visibility of values */\r\n  showValues?: 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  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Domain for the colors in the cell.  */\r\n  colorDomain: number[] | string[];\r\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\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  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: 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 HeatMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showColumnLabels = true,\r\n    leftMargin = 100,\r\n    rightMargin = 10,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    scaleType,\r\n    colorDomain,\r\n    footNote,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 30,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    showRowLabels = true,\r\n    relativeHeight,\r\n    showValues,\r\n    graphID,\r\n    noDataColor = Colors.gray,\r\n    showColorScale = true,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    naLabel = 'NA',\r\n    numberDisplayOptions,\r\n  } = props;\r\n\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  const scale =\r\n    scaleType ||\r\n    (typeof colorDomain[0] === 'string'\r\n      ? 'categorical'\r\n      : colorDomain.length === 2\r\n        ? 'linear'\r\n        : 'threshold');\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={fillContainer ? undefined : 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.length > 0 ? (\r\n        scale === 'categorical' ? (\r\n          <ColorLegendWithMouseOver\r\n            width={fillContainer ? undefined : width}\r\n            colorLegendTitle={colorLegendTitle}\r\n            colors={\r\n              colors ||\r\n              (typeof colorDomain[0] === 'string'\r\n                ? Colors[theme].categoricalColors.colors\r\n                : colorDomain.length === 2\r\n                  ? [\r\n                      Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                      Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                    ]\r\n                  : Colors[theme].sequentialColors[\r\n                      `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                    ])\r\n            }\r\n            colorDomain={colorDomain.map(d => `${d}`)}\r\n            setSelectedColor={setSelectedColor}\r\n            showNAColor={showNAColor}\r\n            className={classNames?.colorLegend}\r\n          />\r\n        ) : scale === 'threshold' ? (\r\n          <ThresholdColorLegendWithMouseOver\r\n            width={fillContainer ? undefined : width}\r\n            colorLegendTitle={colorLegendTitle}\r\n            colors={\r\n              colors ||\r\n              (typeof colorDomain[0] === 'string'\r\n                ? Colors[theme].categoricalColors.colors\r\n                : colorDomain.length === 2\r\n                  ? [\r\n                      Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                      Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                    ]\r\n                  : Colors[theme].sequentialColors[\r\n                      `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                    ])\r\n            }\r\n            colorDomain={colorDomain as number[]}\r\n            setSelectedColor={setSelectedColor}\r\n            naColor={noDataColor}\r\n            locale={numberDisplayOptions?.locale || 'en'}\r\n            showNAColor={showNAColor}\r\n            naLabel={naLabel}\r\n          />\r\n        ) : (\r\n          <LinearColorLegend\r\n            width={fillContainer ? undefined : width}\r\n            colorLegendTitle={colorLegendTitle}\r\n            colors={\r\n              colors || [\r\n                Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                Colors[theme].sequentialColors.neutralColorsx09[8],\r\n              ]\r\n            }\r\n            locale={numberDisplayOptions?.locale || 'en'}\r\n            colorDomain={colorDomain as number[]}\r\n            className={classNames?.colorLegend}\r\n          />\r\n        )\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {data.length === 0 && <EmptyState />}\r\n        {svgWidth && svgHeight && data.length > 0 ? (\r\n          <Graph\r\n            data={data}\r\n            colorDomain={colorDomain}\r\n            width={fillContainer || !width ? svgWidth : svgWidth < width ? svgWidth : width}\r\n            height={svgHeight}\r\n            colors={\r\n              colors ||\r\n              (typeof colorDomain[0] === 'string'\r\n                ? Colors[theme].categoricalColors.colors\r\n                : colorDomain.length === 2\r\n                  ? [\r\n                      Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                      Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                    ]\r\n                  : Colors[theme].sequentialColors[\r\n                      `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                    ])\r\n            }\r\n            noDataColor={noDataColor}\r\n            scaleType={scale}\r\n            showColumnLabels={showColumnLabels}\r\n            leftMargin={leftMargin}\r\n            rightMargin={rightMargin}\r\n            topMargin={topMargin}\r\n            bottomMargin={bottomMargin}\r\n            selectedColor={selectedColor}\r\n            truncateBy={truncateBy}\r\n            showRowLabels={showRowLabels}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            showValues={showValues}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            detailsOnClick={detailsOnClick}\r\n            styles={styles}\r\n            classNames={classNames}\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            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          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","$","_c","data","showColumnLabels","leftMargin","rightMargin","truncateBy","width","height","topMargin","bottomMargin","tooltip","onSeriesMouseOver","suffix","prefix","showValues","colorDomain","colors","noDataColor","scaleType","showRowLabels","selectedColor","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","animate","precision","locale","padZeros","svgRef","useRef","t0","amount","once","isInView","useInView","t1","top","bottom","left","right","margin","mouseClickData","setMouseClickData","useState","undefined","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","T0","t10","t11","t12","t13","t2","t3","t4","t5","t6","t7","t8","t9","duration","graphObjectValues","xAxis","labels","yAxis","columns","uniqBy","rows","y","scaleBand","domain","range","barHeight","bandwidth","x","barWidth","colorScale","scaleOrdinal","scaleThreshold","scaleLinear","motion","svg","Symbol","for","marginLeft","marginRight","jsx","map","d","i","XAxesLabels","length","substring","d_0","i_0","YAxesLabels","d_1","i_1","el","fill","filter","_temp","d_3","i_2","color","checkIfNullOrUndefined","value","jsxs","column","row","event","clientY","clientX","isEqual","event_0","opacity","transition","initial","whileInView","cn","getTextColorBasedOnBgColor","numberFormattingFunction","fillOpacity","strokeWidth","t14","t15","t16","Tooltip","t17","modal","DetailsModal","t18","Fragment","d_2","HeatMap","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","graphID","showColorScale","graphDownload","dataDownload","fillContainer","language","showNAColor","minHeight","theme","ariaLabel","naLabel","t19","numberDisplayOptions","Colors","gray","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","t20","t21","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","scale","t22","graphContainer","t23","t24","t25","description","title","GraphHeader","_temp2","_temp3","_temp4","_temp5","t26","colorLegend","ColorLegendWithMouseOver","categoricalColors","sequentialColors","neutralColorsx09","_temp6","ThresholdColorLegendWithMouseOver","LinearColorLegend","t27","EmptyState","t28","t29","GraphArea","t30","footnote","source","GraphFooter","t31","GraphContainer","d_4"],"mappings":"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"}

package/dist/HeatMap.d.ts

@@ -48,7 +48,15 @@ declare interface HeatMapDataType {
     data?: object;
 }
 
-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 */
@@ -95,10 +103,6 @@ declare interface Props {
     bottomMargin?: number;
     /** Toggles the background to fill the container. This only works if the width of the graph is defined. */
     fillContainer?: boolean;
-    /** Prefix for values */
-    prefix?: string;
-    /** Suffix for values */
-    suffix?: string;
     /** Maximum value for the chart */
     truncateBy?: number;
     /** Reference values for comparison */
@@ -118,10 +122,8 @@ declare interface Props {
     animate?: boolean | AnimateDataType;
     /** Domain for the colors in the cell.  */
     colorDomain: number[] | string[];
-    /** 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;
     /** Defines how “NA” values should be displayed/labelled in the graph */
     naLabel?: string;
     /** Enable graph download option as png */