@undp/data-viz 2.5.3 → 2.6.0

package/dist/HybridMap.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-D4pAp7u0.cjs"),i=require("react"),zt=require("./parse-xYI9yrvL.cjs"),_t=require("./getSliderMarks-BzrpHrHS.cjs"),Zt=require("./Spinner-WHzzloYQ.cjs"),Vt=require("./index-DQA8q5sC.cjs"),L=require("./index-DLFt97gy.cjs"),It=require("./Typography-BqmyF1gP.cjs"),Kt=require("./index-C5K--w8d.cjs"),Wt=require("./Source-PKuwZOn3.cjs"),Qt=require("./index-w64Zl8io-DrMm5QSb.cjs"),eo=require("./Tooltip-C9F3uYG0.cjs"),yt=require("./index-BhI7mBJx.cjs"),to=require("./DetailsModal-Du8Fr1QD.cjs"),oo=require("./ImageDownloadButton.cjs"),ro=require("./CsvDownloadButton.cjs"),ao=require("./pow-BnyPO-NX.cjs"),no=require("./ordinal-CrsysVE-.cjs"),io=require("./threshold-DNsSUf8Q.cjs"),Bt=require("./select-Bnfk0lJx.cjs"),le=require("./proxy-CqH8m8IQ.cjs"),ft=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),so=require("./numberFormattingFunction-u2iNHL_c.cjs"),lo=require("./use-in-view-dnRv_qqF.cjs"),co=require("./index-FXfr51ZM.cjs"),uo=require("./GraphFooter.cjs"),po=require("./GraphHeader.cjs"),Se=require("./Colors.cjs"),Lt=require("./fetchAndParseData-QTF6tjij.cjs"),$t=require("./GraphContainer-Cul9b74X.cjs"),mo=require("./getUniqValue-NX8DgwND.cjs"),xo=require("./getJenks-BzJvhy_H.cjs");function ho(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const g=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,g.get?g:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const go=ho(i);var fo="Separator",Ft="horizontal",yo=["horizontal","vertical"],Tt=go.forwardRef((a,e)=>{const{decorative:t,orientation:g=Ft,...y}=a,s=vo(g)?g:Ft,v=t?{role:"none"}:{"aria-orientation":s==="vertical"?s:void 0,role:"separator"};return r.ae.jsx(Qt.w.div,{"data-orientation":s,...v,...y,ref:e})});Tt.displayName=fo;function vo(a){return yo.includes(a)}var At=Tt;const Ut=i.forwardRef((a,e)=>{const t=r._.c(14);let g,y,s,v;t[0]!==a?({className:g,variant:s,orientation:v,...y}=a,t[0]=a,t[1]=g,t[2]=y,t[3]=s,t[4]=v):(g=t[1],y=t[2],s=t[3],v=t[4]);const j=s===void 0?"dark":s,c=v===void 0?"horizontal":v,h=c==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",C=j==="dark"?"bg-primary-gray-600 dark:bg-primary-gray-200":"bg-primary-gray-400 dark:bg-primary-gray-550";let D;t[5]!==g||t[6]!==h||t[7]!==C?(D=r.mo(h,C,g),t[5]=g,t[6]=h,t[7]=C,t[8]=D):D=t[8];let q;return t[9]!==c||t[10]!==y||t[11]!==e||t[12]!==D?(q=r.ae.jsx(At,{...y,ref:e,orientation:c,className:D}),t[9]=c,t[10]=y,t[11]=e,t[12]=D,t[13]=q):q=t[13],q});Ut.displayName=At.displayName;function jo(a){const{data:e,colors:t,mapData:g,mapColorLegendTitle:y,colorDomain:s,radius:v,height:j,width:c,scale:h,centerPoint:C,tooltip:D,showLabels:q,mapBorderWidth:ce,mapBorderColor:de,mapNoDataColor:Ne,onSeriesMouseOver:H,showColorScale:Oe,zoomScaleExtend:Ye,zoomTranslateExtend:Je,highlightedDataPoints:Me,onSeriesMouseClick:$,resetSelectionOnDoubleClick:qe,detailsOnClick:X,styles:S,classNames:Y,mapProjection:ae,zoomInteraction:J,animate:b,dimmedOpacity:I,customLayers:ue,maxRadiusValue:Ie,categorical:ne,dotColor:Z,collapseColorScaleByDefault:Be,highlightedIds:F,mapProperty:pe,dotLegendTitle:me,dotBorderColor:Pe,labelColor:ze,projectionRotate:K,rewindCoordinatesInMapData:Q,overlayMapData:x,overlayMapBorderColor:f,overlayMapBorderWidth:Ze,numberDisplayOptions:xe,graphDownload:he,dataDownload:ee}=a,B=i.useMemo(()=>Q?L.index_default(g,{reverse:!0}):g,[g,Q]),ge=i.useMemo(()=>!Q||!x?x:L.index_default(x,{reverse:!0}),[x,Q]),[N,P]=i.useState(void 0),[Ke,fe]=i.useState(Be===void 0?!(c<680):!Be),ye=i.useRef(null),[te,T]=i.useState(void 0),[_e,O]=i.useState(void 0),[Ve,z]=i.useState(void 0),[E,w]=i.useState(void 0),_=i.useRef(null),R=lo.useInView(_,{once:b.once,amount:b.amount}),ve=i.useRef(null),V=e.filter(o=>o.radius===void 0||o.radius===null).length!==e.length?ao.sqrt().domain([0,Ie]).range([.25,v]).nice():void 0,We=ne?no.ordinal().domain(s).range(t):io.threshold().domain(s).range(t);i.useEffect(()=>{const o=Bt.select(ve.current),n=Bt.select(_.current),l=p=>{if(J==="noZoom")return!1;if(J==="button")return!p.type.includes("wheel");const Te=p.type==="wheel",Ae=p.type.startsWith("touch"),Ee=p.type==="mousedown"||p.type==="mousemove";return Ae?!0:Te?J==="scroll"?!0:p.ctrlKey:Ee&&!p.button&&!p.ctrlKey},k=L.zoom().scaleExtent(Ye).translateExtent(Je||[[-20,-20],[c+20,j+20]]).filter(l).on("zoom",({transform:p})=>{o.attr("transform",p)});n.call(k),ye.current=k},[j,c,J]);const oe=L.index_default$1(B),A=Kt.index_default(B),Le=(oe[2]-oe[0])*1.15,$e=(oe[3]-oe[1])*1.15,je=c*190/960*360/Le,Fe=j*190/678*180/$e,W=h*Math.min(je,Fe),re=ae==="mercator"?L.geoMercator().rotate(K).center(C||A.geometry.coordinates).translate([c/2,j/2]).scale(W):ae==="equalEarth"?L.geoEqualEarth().rotate(K).center(C||A.geometry.coordinates).translate([c/2,j/2]).scale(W):ae==="naturalEarth"?L.geoNaturalEarth1().rotate(K).center(C||A.geometry.coordinates).translate([c/2,j/2]).scale(W):ae==="orthographic"?L.geoOrthographic().rotate(K).center(C||A.geometry.coordinates).translate([c/2,j/2]).scale(W):L.geoAlbersUsa().rotate(K).center(C||A.geometry.coordinates).translate([c/2,j/2]).scale(W),ie=L.geoPath().projection(re),be=o=>{if(!_.current||!ye.current)return;Bt.select(_.current).call(ye.current.scaleBy,o==="in"?1.2:1/1.2)};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r.jsxRuntimeExports.jsx(le.motion.svg,{width:`${c}px`,height:`${j}px`,viewBox:`0 0 ${c} ${j}`,ref:_,direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{ref:ve,children:[ue.filter(o=>o.position==="before").map(o=>o.layer),B.features.map((o,n)=>{if(!o.properties?.[pe])return null;const l=ie(o);return l?r.jsxRuntimeExports.jsx(le.motion.g,{opacity:N?I:F?F.indexOf(o.properties[pe])!==-1?1:I:1,children:r.jsxRuntimeExports.jsx("path",{d:l,style:{stroke:de,strokeWidth:ce,fill:Ne,vectorEffect:"non-scaling-stroke"}})},n):null}),r.jsxRuntimeExports.jsxs(co.AnimatePresence,{children:[e.filter(o=>o.id).map(o=>{const n=B.features.findIndex(p=>o.id===p.properties[pe]);if(n===-1)return null;const l=ie(B.features[n]);if(!l)return null;const k=ft.checkIfNullOrUndefined(o.x)?Ne:We(o.x);return r.jsxRuntimeExports.jsx(le.motion.g,{className:"undp-map-shapes",variants:{initial:{opacity:0},whileInView:{opacity:N?N===k&&(!F||F.indexOf(o.id)!==-1)?1:I:F?F.indexOf(o.id)!==-1?1:I:1,transition:{duration:b.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:b.duration}},onMouseEnter:p=>{O(o),w(p.clientY),z(p.clientX),H?.(o)},onMouseMove:p=>{O(o),w(p.clientY),z(p.clientX)},onMouseLeave:()=>{O(void 0),z(void 0),w(void 0),H?.(void 0)},onClick:()=>{($||X)&&(Vt.isEqual(te,o)&&qe?(T(void 0),$?.(void 0)):(T(o),$?.(o)))},children:r.jsxRuntimeExports.jsx(le.motion.path,{d:l,variants:{initial:{fill:k,opacity:0},whileInView:{fill:k,opacity:1,transition:{duration:b.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:b.duration}},style:{stroke:de,strokeWidth:ce,vectorEffect:"non-scaling-stroke"}},`${o.id}`)},o.id)}),ge?.features.map((o,n)=>{const l=ie(o);return l?r.jsxRuntimeExports.jsx("g",{children:r.jsxRuntimeExports.jsx("path",{d:l,style:{stroke:f||de,strokeWidth:Ze||ce+1,fill:"none",pointerEvents:"none",vectorEffect:"non-scaling-stroke"}})},n):null}),e.filter(o=>!ft.checkIfNullOrUndefined(o.lat)&&!ft.checkIfNullOrUndefined(o.long)).map(o=>{const n=re([o.long,o.lat])[0]>.8*c?-1:1;return r.jsxRuntimeExports.jsxs(le.motion.g,{className:"undp-map-dots",variants:{initial:{opacity:0},whileInView:{opacity:Me?Me.indexOf(o.label||"")!==-1?1:I:1,transition:{duration:b.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:b.duration}},onMouseEnter:l=>{O(o),w(l.clientY),z(l.clientX),H?.(o)},onMouseMove:l=>{O(o),w(l.clientY),z(l.clientX)},onMouseLeave:()=>{O(void 0),z(void 0),w(void 0),H?.(void 0)},onClick:()=>{($||X)&&(Vt.isEqual(te,o)&&qe?(T(void 0),$?.(void 0)):(T(o),$?.(o)))},transform:`translate(${re([o.long,o.lat])[0]},${re([o.long,o.lat])[1]})`,children:[r.jsxRuntimeExports.jsx(le.motion.circle,{cx:0,cy:0,variants:{initial:{r:0,fill:Z,stroke:Pe||Z},whileInView:{r:V?V(o.radius||0):v,fill:Z,stroke:Pe||Z,transition:{duration:b.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{r:0,transition:{duration:b.duration}},style:{fillOpacity:.8,vectorEffect:"non-scaling-stroke"}}),q&&o.label?r.jsxRuntimeExports.jsx(le.motion.text,{variants:{initial:{opacity:0,x:n*(V?V(o.radius||0):v)},whileInView:{opacity:1,x:n*(V?V(o.radius||0):v),transition:{duration:b.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:b.duration}},y:0,className:r.mo("text-sm",Y?.graphObjectValues),style:{textAnchor:n===-1?"end":"start",fill:ze||"#000",vectorEffect:"non-scaling-stroke",...S?.graphObjectValues||{}},dx:n*4,dy:5,children:o.label}):null]},o.label||`${o.lat}-${o.long}`)})]}),ue.filter(o=>o.position==="after").map(o=>o.layer)]})}),Oe===!1?null:r.jsxRuntimeExports.jsx("div",{className:r.mo("absolute left-4 bottom-4 map-color-legend",Y?.colorLegend),children:Ke?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{fe(!1)},children:r.jsxRuntimeExports.jsx(yt.X,{})}),r.jsxRuntimeExports.jsxs("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",style:{width:ne?void 0:"340px"},children:[me&&me!==""?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[r.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:Z}}),r.jsxRuntimeExports.jsx(It._,{size:"xs",marginBottom:"none",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:me})]}),r.jsxRuntimeExports.jsx(Wt.n,{size:"xl"}),r.jsxRuntimeExports.jsx(Ut,{}),r.jsxRuntimeExports.jsx(Wt.n,{size:"xl"})]}):null,y&&y!==""?r.jsxRuntimeExports.jsx(It._,{size:"xs",marginBottom:"xs",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:y}):null,ne?r.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:s.map((o,n)=>r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{P(t[n%t.length])},onMouseLeave:()=>{P(void 0)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:t[n%t.length]}}),r.jsxRuntimeExports.jsx(It._,{size:"sm",marginBottom:"none",leading:"none",children:o})]},n))}):r.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{children:[s.map((o,n)=>r.jsxRuntimeExports.jsxs("g",{onMouseOver:()=>{P(t[n])},onMouseLeave:()=>{P(void 0)},className:"cursor-pointer",children:[r.jsxRuntimeExports.jsx("rect",{x:n*320/t.length+1,y:1,width:320/t.length-2,height:8,className:N===t[n]?"stroke-primary-gray-700 dark:stroke-primary-gray-300":"",style:{fill:t[n],...N===t[n]?{}:{stroke:t[n]}}}),r.jsxRuntimeExports.jsx("text",{x:(n+1)*320/t.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:so.numberFormattingFunction(o,void 0,xe?.precision??2,void 0,void 0,xe?.locale||"en",xe?.padZeros||!1)})]},n)),r.jsxRuntimeExports.jsx("g",{children:r.jsxRuntimeExports.jsx("rect",{onMouseOver:()=>{P(t[s.length])},onMouseLeave:()=>{P(void 0)},x:s.length*320/t.length+1,y:1,width:320/t.length-2,height:8,className:`cursor-pointer ${N===t[s.length]?"stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300":""}`,style:{fill:t[s.length],...N===t[s.length]?{}:{stroke:t[s.length]}}})})]})})]})]}):r.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{fe(!0)},children:r.jsxRuntimeExports.jsx(yt.ExpandIcon,{})})}),J==="button"&&r.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons",children:[r.jsxRuntimeExports.jsx("button",{onClick:()=>be("in"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"+"}),r.jsxRuntimeExports.jsx("button",{onClick:()=>be("out"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"–"})]}),(he||ee)&&r.jsxRuntimeExports.jsxs("div",{className:"absolute right-4 top-4 flex flex-col image-download-button gap-2",children:[he&&r.jsxRuntimeExports.jsx(oo.ImageDownloadButton,{nodeID:he,buttonSmall:!0,className:"p-1"}),ee&&ee.length>0&&r.jsxRuntimeExports.jsx(ro.CsvDownloadButton,{csvData:ee,buttonSmall:!0,headers:Object.keys(ee[0]).map(o=>({label:o,key:o})),className:"p-1"})]})]}),X&&te!==void 0?r.jsxRuntimeExports.jsx(to.DetailsModal,{body:X,data:te,setData:T,className:Y?.modal}):null,_e&&D&&Ve&&E?r.jsxRuntimeExports.jsx(eo.Tooltip,{data:_e,body:D,xPos:Ve,yPos:E,backgroundStyle:S?.tooltip,className:Y?.tooltip}):null]})}function bo(a){const e=r.compilerRuntimeExports.c(140),{data:t,mapData:g,graphTitle:y,colors:s,sources:v,graphDescription:j,height:c,width:h,footNote:C,mapColorLegendTitle:D,colorDomain:q,choroplethScaleType:ce,radius:de,scale:Ne,centerPoint:H,padding:Oe,mapBorderWidth:Ye,mapNoDataColor:Je,backgroundColor:Me,showLabels:$,mapBorderColor:qe,tooltip:X,relativeHeight:S,onSeriesMouseOver:Y,isWorldMap:ae,showColorScale:J,zoomScaleExtend:b,zoomTranslateExtend:I,graphID:ue,highlightedDataPoints:Ie,onSeriesMouseClick:ne,graphDownload:Z,dataDownload:Be,showAntarctica:F,language:pe,minHeight:me,theme:Pe,ariaLabel:ze,resetSelectionOnDoubleClick:K,detailsOnClick:Q,styles:x,classNames:f,mapProjection:Ze,zoomInteraction:xe,animate:he,dimmedOpacity:ee,customLayers:B,maxRadiusValue:ge,timeline:N,collapseColorScaleByDefault:P,dotColor:Ke,highlightedIds:fe,mapProperty:ye,dotLegendTitle:te,dotBorderColor:T,labelColor:_e,projectionRotate:O,rewindCoordinatesInMapData:Ve,numberDisplayOptions:z,mapOverlay:E}=a,w=g===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json":g,_=C===void 0?"The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.":C,R=ce===void 0?"threshold":ce,ve=de===void 0?5:de,V=Ne===void 0?.95:Ne,We=Ye===void 0?.5:Ye,oe=Je===void 0?Se.Colors.light.graphNoData:Je,A=Me===void 0?!1:Me,Le=$===void 0?!1:$,$e=qe===void 0?Se.Colors.light.grays["gray-500"]:qe,je=ae===void 0?!0:ae,Fe=J===void 0?!0:J;let W;e[0]!==b?(W=b===void 0?[.8,6]:b,e[0]=b,e[1]=W):W=e[1];const re=W,ie=Z===void 0?!1:Z,be=Be===void 0?!1:Be,o=F===void 0?!1:F,n=pe===void 0?"en":pe,l=me===void 0?0:me,k=Pe===void 0?"light":Pe,p=K===void 0?!0:K,Te=Ze===void 0?"naturalEarth":Ze,Ae=xe===void 0?"button":xe,Ee=he===void 0?!1:he,vt=ee===void 0?.3:ee;let Qe;e[2]!==B?(Qe=B===void 0?[]:B,e[2]=B,e[3]=Qe):Qe=e[3];const jt=Qe;let et;e[4]!==N?(et=N===void 0?{enabled:!1,autoplay:!1,showOnlyActiveDate:!0}:N,e[4]=N,e[5]=et):et=e[5];const d=et,bt=Ke===void 0?Se.Colors.primaryColors["blue-600"]:Ke,Et=ye===void 0?"ISO3":ye,wt=_e===void 0?Se.Colors.primaryColors["blue-600"]:_e;let tt;e[6]!==O?(tt=O===void 0?[0,0]:O,e[6]=O,e[7]=tt):tt=e[7];const kt=tt,Dt=Ve===void 0?!0:Ve,[se,Gt]=i.useState(0),[Ue,Ht]=i.useState(0),[U,Xt]=i.useState(d.autoplay);let Ge;if(e[8]!==t||e[9]!==d.dateFormat){let u;e[11]!==d.dateFormat?(u=M=>zt.parse(`${M.date}`,d.dateFormat||"yyyy",new Date).getTime(),e[11]=d.dateFormat,e[12]=u):u=e[12],Ge=[...new Set(t.filter(qo).map(u))],Ge.sort(Mo),e[8]=t,e[9]=d.dateFormat,e[10]=Ge}else Ge=e[10];const m=Ge,[G,Rt]=i.useState(d.autoplay?0:m.length-1),[we,Yt]=i.useState(void 0),[Ct,Jt]=i.useState(void 0),St=i.useRef(null),Pt=i.useRef(null);let ot;e[13]!==R||e[14]!==q||e[15]!==s?.length||e[16]!==t?(ot=q||(R==="categorical"?mo.getUniqValue(t,"x"):xo.getJenks(t.map(Oo),s?.length||4)),e[13]=R,e[14]=q,e[15]=s?.length,e[16]=t,e[17]=ot):ot=e[17];const He=ot;let rt,at;e[18]===Symbol.for("react.memo_cache_sentinel")?(rt=()=>{const u=new ResizeObserver(M=>{Gt(M[0].target.clientWidth||620),Ht(M[0].target.clientHeight||480)});return St.current&&u.observe(St.current),()=>u.disconnect()},at=[],e[18]=rt,e[19]=at):(rt=e[18],at=e[19]),i.useEffect(rt,at);let nt;e[20]===Symbol.for("react.memo_cache_sentinel")?(nt=u=>{Yt(u)},e[20]=nt):nt=e[20];const it=i.useEffectEvent(nt);let st;e[21]===Symbol.for("react.memo_cache_sentinel")?(st=u=>{Jt(u)},e[21]=st):st=e[21];const Xe=i.useEffectEvent(st);let lt;e[22]!==w||e[23]!==it?(lt=()=>{typeof w=="string"?Lt.fetchAndParseJSON(w).then(M=>{it(M)}):it(w)},e[22]=w,e[23]=it,e[24]=lt):lt=e[24];let ct;e[25]!==w?(ct=[w],e[25]=w,e[26]=ct):ct=e[26],i.useEffect(lt,ct);let dt;e[27]!==E?.mapData||e[28]!==Xe?(dt=()=>{E?.mapData||Xe(void 0),typeof E?.mapData=="string"?Lt.fetchAndParseJSON(E?.mapData).then(M=>{Xe(M)}):Xe(E?.mapData)},e[27]=E?.mapData,e[28]=Xe,e[29]=dt):dt=e[29];const Nt=E?.mapData;let ut;e[30]!==Nt?(ut=[Nt],e[30]=Nt,e[31]=ut):ut=e[31],i.useEffect(dt,ut);let pt,mt;e[32]!==U||e[33]!==d.speed||e[34]!==m?(pt=()=>{const u=setInterval(()=>{Rt(M=>M<m.length-1?M+1:0)},(d.speed||2)*1e3);return U||clearInterval(u),()=>clearInterval(u)},mt=[m,U,d.speed],e[32]=U,e[33]=d.speed,e[34]=m,e[35]=pt,e[36]=mt):(pt=e[35],mt=e[36]),i.useEffect(pt,mt);const Ot=d.dateFormat||"yyyy";let xt;e[37]!==G||e[38]!==Ot||e[39]!==d.showOnlyActiveDate||e[40]!==m?(xt=_t.getSliderMarks(m,G,d.showOnlyActiveDate,Ot),e[37]=G,e[38]=Ot,e[39]=d.showOnlyActiveDate,e[40]=m,e[41]=xt):xt=e[41];const ht=xt,Mt=f?.graphContainer,qt=x?.graphContainer;let ke;e[42]!==f?.description||e[43]!==f?.title||e[44]!==j||e[45]!==y||e[46]!==x?.description||e[47]!==x?.title||e[48]!==h?(ke=y||j?r.jsxRuntimeExports.jsx(po.GraphHeader,{styles:{title:x?.title,description:x?.description},classNames:{title:f?.title,description:f?.description},graphTitle:y,graphDescription:j,width:h}):null,e[42]=f?.description,e[43]=f?.title,e[44]=j,e[45]=y,e[46]=x?.description,e[47]=x?.title,e[48]=h,e[49]=ke):ke=e[49];let De;e[50]!==G||e[51]!==ht||e[52]!==U||e[53]!==d.enabled||e[54]!==m?(De=d.enabled&&m.length>0&&ht?r.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[r.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Xt(!U)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":U?"Click to pause animation":"Click to play animation",children:U?r.jsxRuntimeExports.jsx(yt.Pause,{}):r.jsxRuntimeExports.jsx(yt.Play,{})}),r.jsxRuntimeExports.jsx(_t.Nr,{min:m[0],max:m[m.length-1],marks:ht,step:null,defaultValue:m[m.length-1],value:m[G],onChangeComplete:u=>{Rt(m.indexOf(u))},onChange:u=>{Rt(m.indexOf(u))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e[50]=G,e[51]=ht,e[52]=U,e[53]=d.enabled,e[54]=m,e[55]=De):De=e[55];let Re;e[56]!==Ee||e[57]!==H||e[58]!==R||e[59]!==f||e[60]!==P||e[61]!==s||e[62]!==jt||e[63]!==t||e[64]!==be||e[65]!==Q||e[66]!==vt||e[67]!==He||e[68]!==T||e[69]!==bt||e[70]!==te||e[71]!==ie||e[72]!==c||e[73]!==Ie||e[74]!==fe||e[75]!==G||e[76]!==je||e[77]!==wt||e[78]!==$e||e[79]!==We||e[80]!==D||e[81]!==oe||e[82]!==E?.mapBorderColor||e[83]!==E?.mapBorderWidth||e[84]!==Te||e[85]!==Et||e[86]!==we||e[87]!==ge||e[88]!==l||e[89]!==z||e[90]!==ne||e[91]!==Y||e[92]!==Ct||e[93]!==kt||e[94]!==ve||e[95]!==S||e[96]!==p||e[97]!==Dt||e[98]!==V||e[99]!==o||e[100]!==Fe||e[101]!==Le||e[102]!==x||e[103]!==Ue||e[104]!==se||e[105]!==k||e[106]!==d.dateFormat||e[107]!==d.enabled||e[108]!==X||e[109]!==m||e[110]!==h||e[111]!==Ae||e[112]!==re||e[113]!==I?(Re=r.jsxRuntimeExports.jsx($t.GraphArea,{ref:St,children:se&&Ue&&we?r.jsxRuntimeExports.jsx(jo,{dotColor:bt,data:t.filter(u=>d.enabled?`${u.date}`===zt.format(new Date(m[G]),d.dateFormat||"yyyy"):u),mapData:o?we:{...we,features:we.features.filter(No)},overlayMapData:Ct,overlayMapBorderColor:E?.mapBorderColor,overlayMapBorderWidth:E?.mapBorderWidth,colorDomain:He,width:se,height:Ue,scale:V,centerPoint:H,colors:s||(R==="categorical"?Se.Colors[k].sequentialColors[`neutralColorsx0${He.length}`]:Se.Colors[k].sequentialColors[`neutralColorsx0${He.length+1}`]),mapColorLegendTitle:D,radius:ve,categorical:R==="categorical",mapBorderWidth:We,mapNoDataColor:oe,mapBorderColor:$e,tooltip:X,onSeriesMouseOver:Y,showLabels:Le,isWorldMap:je,showColorScale:Fe,zoomScaleExtend:re,zoomTranslateExtend:I,onSeriesMouseClick:ne,highlightedDataPoints:Ie,resetSelectionOnDoubleClick:p,styles:x,classNames:f,zoomInteraction:Ae,detailsOnClick:Q,mapProjection:Te||(je?"naturalEarth":"mercator"),animate:Ee===!0?{duration:.5,once:!0,amount:.5}:Ee||{duration:0,once:!0,amount:0},dimmedOpacity:vt,customLayers:jt,maxRadiusValue:ft.checkIfNullOrUndefined(ge)?Math.max(...t.map(So).filter(Co)):ge,collapseColorScaleByDefault:P,highlightedIds:fe,mapProperty:Et,dotLegendTitle:te,dotBorderColor:T,labelColor:wt,projectionRotate:kt,rewindCoordinatesInMapData:Dt,numberDisplayOptions:z,graphDownload:ie?Pt:void 0,dataDownload:be?t.map(Ro).filter(Do).length>0?t.map(ko).filter(wo):t.filter(Eo):null}):r.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(l,c||(S?l?(h||se)*S>l?(h||se)*S:l:(h||se)*S:Ue))}px`},className:"flex items-center justify-center",children:r.jsxRuntimeExports.jsx(Zt.w,{"aria-label":"Loading graph"})})}),e[56]=Ee,e[57]=H,e[58]=R,e[59]=f,e[60]=P,e[61]=s,e[62]=jt,e[63]=t,e[64]=be,e[65]=Q,e[66]=vt,e[67]=He,e[68]=T,e[69]=bt,e[70]=te,e[71]=ie,e[72]=c,e[73]=Ie,e[74]=fe,e[75]=G,e[76]=je,e[77]=wt,e[78]=$e,e[79]=We,e[80]=D,e[81]=oe,e[82]=E?.mapBorderColor,e[83]=E?.mapBorderWidth,e[84]=Te,e[85]=Et,e[86]=we,e[87]=ge,e[88]=l,e[89]=z,e[90]=ne,e[91]=Y,e[92]=Ct,e[93]=kt,e[94]=ve,e[95]=S,e[96]=p,e[97]=Dt,e[98]=V,e[99]=o,e[100]=Fe,e[101]=Le,e[102]=x,e[103]=Ue,e[104]=se,e[105]=k,e[106]=d.dateFormat,e[107]=d.enabled,e[108]=X,e[109]=m,e[110]=h,e[111]=Ae,e[112]=re,e[113]=I,e[114]=Re):Re=e[114];let Ce;e[115]!==f?.footnote||e[116]!==f?.source||e[117]!==_||e[118]!==v||e[119]!==x?.footnote||e[120]!==x?.source||e[121]!==h?(Ce=v||_?r.jsxRuntimeExports.jsx(uo.GraphFooter,{styles:{footnote:x?.footnote,source:x?.source},classNames:{footnote:f?.footnote,source:f?.source},sources:v,footNote:_,width:h}):null,e[115]=f?.footnote,e[116]=f?.source,e[117]=_,e[118]=v,e[119]=x?.footnote,e[120]=x?.source,e[121]=h,e[122]=Ce):Ce=e[122];let gt;return e[123]!==ze||e[124]!==A||e[125]!==ue||e[126]!==c||e[127]!==n||e[128]!==l||e[129]!==Oe||e[130]!==S||e[131]!==Mt||e[132]!==qt||e[133]!==ke||e[134]!==De||e[135]!==Re||e[136]!==Ce||e[137]!==k||e[138]!==h?(gt=r.jsxRuntimeExports.jsxs($t.GraphContainer,{className:Mt,style:qt,id:ue,ref:Pt,"aria-label":ze,backgroundColor:A,theme:k,language:n,minHeight:l,width:h,height:c,relativeHeight:S,padding:Oe,children:[ke,De,Re,Ce]}),e[123]=ze,e[124]=A,e[125]=ue,e[126]=c,e[127]=n,e[128]=l,e[129]=Oe,e[130]=S,e[131]=Mt,e[132]=qt,e[133]=ke,e[134]=De,e[135]=Re,e[136]=Ce,e[137]=k,e[138]=h,e[139]=gt):gt=e[139],gt}function Eo(a){return a!==void 0}function wo(a){return a!==void 0}function ko(a){return a.data}function Do(a){return a!==void 0}function Ro(a){return a.data}function Co(a){return a!=null}function So(a){return a.radius}function No(a){return a.properties?.NAME!=="Antarctica"}function Oo(a){return a.x}function Mo(a,e){return a-e}function qo(a){return a.date}exports.HybridMap=bo;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./compiler-runtime-oPPev21o.cjs"),s=require("react"),Lt=require("./parse-xYI9yrvL.cjs"),Xt=require("@undp/design-system-react/SliderUI"),Yt=require("@undp/design-system-react/Spinner"),Ft=require("./index-DQA8q5sC.cjs"),P=require("./index-DLFt97gy.cjs"),Ye=require("@undp/design-system-react/Typography"),Zt=require("./index-C5K--w8d.cjs"),$t=require("@undp/design-system-react/cn"),Vt=require("@undp/design-system-react/Spacer"),Jt=require("@undp/design-system-react/Separator"),Kt=require("./Tooltip-DwUFLDrj.cjs"),vt=require("./index-DbSnila_.cjs"),Qt=require("./DetailsModal-BmjtLqrZ.cjs"),eo=require("./ImageDownloadButton.cjs"),to=require("./CsvDownloadButton.cjs"),oo=require("./pow-BnyPO-NX.cjs"),ro=require("./ordinal-CrsysVE-.cjs"),ao=require("./threshold-DNsSUf8Q.cjs"),Bt=require("./select-Bnfk0lJx.cjs"),ie=require("./proxy-QMeVVqam.cjs"),yt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Pt=require("./numberFormattingFunction-u2iNHL_c.cjs"),no=require("./use-in-view-DjR_gqJP.cjs"),io=require("./index-5BQWR1Z8.cjs"),so=require("./GraphFooter.cjs"),lo=require("./GraphHeader.cjs"),De=require("./Colors.cjs"),Wt=require("./fetchAndParseData-QTF6tjij.cjs"),co=require("./getSliderMarks-Bj_JJTtX.cjs"),_t=require("./GraphContainer-gaG9TSy4.cjs"),uo=require("./getUniqValue-NX8DgwND.cjs"),po=require("./getJenks-BzJvhy_H.cjs");function mo(n){const{data:e,colors:r,mapData:se,mapColorLegendTitle:A,colorDomain:p,radius:z,height:v,width:x,scale:f,centerPoint:T,tooltip:le,showLabels:Se,mapBorderWidth:ce,mapBorderColor:de,mapNoDataColor:Ne,onSeriesMouseOver:U,showColorScale:Me,zoomScaleExtend:Ze,zoomTranslateExtend:Je,highlightedDataPoints:Oe,onSeriesMouseClick:L,resetSelectionOnDoubleClick:qe,detailsOnClick:G,styles:w,classNames:H,mapProjection:re,zoomInteraction:X,animate:g,dimmedOpacity:N,customLayers:ue,maxRadiusValue:Ie,categorical:Y,dotColor:Z,collapseColorScaleByDefault:Be,highlightedIds:F,mapProperty:pe,dotLegendTitle:me,dotBorderColor:Pe,labelColor:ze,projectionRotate:J,rewindCoordinatesInMapData:K,overlayMapData:m,overlayMapBorderColor:h,overlayMapBorderWidth:Ke,numberDisplayOptions:k,graphDownload:xe,dataDownload:Q}=n,M=s.useMemo(()=>K?P.index_default(se,{reverse:!0}):se,[se,K]),he=s.useMemo(()=>!K||!m?m:P.index_default(m,{reverse:!0}),[m,K]),[C,b]=s.useState(void 0),[Qe,ge]=s.useState(Be===void 0?!(x<680):!Be),fe=s.useRef(null),[ee,$]=s.useState(void 0),[Le,D]=s.useState(void 0),[Fe,O]=s.useState(void 0),[y,j]=s.useState(void 0),q=s.useRef(null),R=no.useInView(q,{once:g.once,amount:g.amount}),ye=s.useRef(null),I=e.filter(t=>t.radius===void 0||t.radius===null).length!==e.length?oo.sqrt().domain([0,Ie]).range([.25,z]).nice():void 0,$e=Y?ro.ordinal().domain(p).range(r):ao.threshold().domain(p).range(r);s.useEffect(()=>{const t=Bt.select(ye.current),a=Bt.select(q.current),i=d=>{if(X==="noZoom")return!1;if(X==="button")return!d.type.includes("wheel");const Ae=d.type==="wheel",Te=d.type.startsWith("touch"),be=d.type==="mousedown"||d.type==="mousemove";return Te?!0:Ae?X==="scroll"?!0:d.ctrlKey:be&&!d.button&&!d.ctrlKey},E=P.zoom().scaleExtent(Ze).translateExtent(Je||[[-20,-20],[x+20,v+20]]).filter(i).on("zoom",({transform:d})=>{t.attr("transform",d)});a.call(E),fe.current=E},[v,x,X]);const te=P.index_default$1(M),V=Zt.index_default(M),Ve=(te[2]-te[0])*1.15,We=(te[3]-te[1])*1.15,ve=x*190/960*360/Ve,_e=v*190/678*180/We,B=f*Math.min(ve,_e),oe=re==="mercator"?P.geoMercator().rotate(J).center(T||V.geometry.coordinates).translate([x/2,v/2]).scale(B):re==="equalEarth"?P.geoEqualEarth().rotate(J).center(T||V.geometry.coordinates).translate([x/2,v/2]).scale(B):re==="naturalEarth"?P.geoNaturalEarth1().rotate(J).center(T||V.geometry.coordinates).translate([x/2,v/2]).scale(B):re==="orthographic"?P.geoOrthographic().rotate(J).center(T||V.geometry.coordinates).translate([x/2,v/2]).scale(B):P.geoAlbersUsa().rotate(J).center(T||V.geometry.coordinates).translate([x/2,v/2]).scale(B),ae=P.geoPath().projection(oe),je=t=>{if(!q.current||!fe.current)return;Bt.select(q.current).call(fe.current.scaleBy,t==="in"?1.2:1/1.2)};return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs("div",{className:"relative",children:[o.jsxRuntimeExports.jsx(ie.motion.svg,{width:`${x}px`,height:`${v}px`,viewBox:`0 0 ${x} ${v}`,ref:q,direction:"ltr",children:o.jsxRuntimeExports.jsxs("g",{ref:ye,children:[ue.filter(t=>t.position==="before").map(t=>t.layer),M.features.map((t,a)=>{if(!t.properties?.[pe])return null;const i=ae(t);return i?o.jsxRuntimeExports.jsx(ie.motion.g,{opacity:C?N:F?F.indexOf(t.properties[pe])!==-1?1:N:1,children:o.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:de,strokeWidth:ce,fill:Ne,vectorEffect:"non-scaling-stroke"}})},a):null}),o.jsxRuntimeExports.jsxs(io.AnimatePresence,{children:[e.filter(t=>t.id).map(t=>{const a=M.features.findIndex(d=>t.id===d.properties[pe]);if(a===-1)return null;const i=ae(M.features[a]);if(!i)return null;const E=yt.checkIfNullOrUndefined(t.x)?Ne:$e(t.x);return o.jsxRuntimeExports.jsx(ie.motion.g,{className:"undp-map-shapes",variants:{initial:{opacity:0},whileInView:{opacity:C?C===E&&(!F||F.indexOf(t.id)!==-1)?1:N:F?F.indexOf(t.id)!==-1?1:N:1,transition:{duration:g.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},onMouseEnter:d=>{D(t),j(d.clientY),O(d.clientX),U?.(t)},onMouseMove:d=>{D(t),j(d.clientY),O(d.clientX)},onMouseLeave:()=>{D(void 0),O(void 0),j(void 0),U?.(void 0)},onClick:()=>{(L||G)&&(Ft.isEqual(ee,t)&&qe?($(void 0),L?.(void 0)):($(t),L?.(t)))},children:o.jsxRuntimeExports.jsx(ie.motion.path,{d:i,variants:{initial:{fill:E,opacity:0},whileInView:{fill:E,opacity:1,transition:{duration:g.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},style:{stroke:de,strokeWidth:ce,vectorEffect:"non-scaling-stroke"}},`${t.id}`)},t.id)}),he?.features.map((t,a)=>{const i=ae(t);return i?o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("path",{d:i,style:{stroke:h||de,strokeWidth:Ke||ce+1,fill:"none",pointerEvents:"none",vectorEffect:"non-scaling-stroke"}})},a):null}),e.filter(t=>!yt.checkIfNullOrUndefined(t.lat)&&!yt.checkIfNullOrUndefined(t.long)).map(t=>{const a=oe([t.long,t.lat])[0]>.8*x?-1:1;return o.jsxRuntimeExports.jsxs(ie.motion.g,{className:"undp-map-dots",variants:{initial:{opacity:0},whileInView:{opacity:Oe?Oe.indexOf(t.label||"")!==-1?1:N:1,transition:{duration:g.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},onMouseEnter:i=>{D(t),j(i.clientY),O(i.clientX),U?.(t)},onMouseMove:i=>{D(t),j(i.clientY),O(i.clientX)},onMouseLeave:()=>{D(void 0),O(void 0),j(void 0),U?.(void 0)},onClick:()=>{(L||G)&&(Ft.isEqual(ee,t)&&qe?($(void 0),L?.(void 0)):($(t),L?.(t)))},transform:`translate(${oe([t.long,t.lat])[0]},${oe([t.long,t.lat])[1]})`,children:[o.jsxRuntimeExports.jsx(ie.motion.circle,{cx:0,cy:0,variants:{initial:{r:0,fill:Z,stroke:Pe||Z},whileInView:{r:I?I(t.radius||0):z,fill:Z,stroke:Pe||Z,transition:{duration:g.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{r:0,transition:{duration:g.duration}},style:{fillOpacity:.8,vectorEffect:"non-scaling-stroke"}}),Se&&t.label?o.jsxRuntimeExports.jsx(ie.motion.text,{variants:{initial:{opacity:0,x:a*(I?I(t.radius||0):z)},whileInView:{opacity:1,x:a*(I?I(t.radius||0):z),transition:{duration:g.duration}}},initial:"initial",animate:R?"whileInView":"initial",exit:{opacity:0,transition:{duration:g.duration}},y:0,className:$t.cn("text-sm",H?.graphObjectValues),style:{textAnchor:a===-1?"end":"start",fill:ze||"#000",vectorEffect:"non-scaling-stroke",...w?.graphObjectValues||{}},dx:a*4,dy:5,children:t.label}):null]},t.label||`${t.lat}-${t.long}`)})]}),ue.filter(t=>t.position==="after").map(t=>t.layer)]})}),Me===!1?null:o.jsxRuntimeExports.jsx("div",{className:$t.cn("absolute left-4 bottom-4 map-color-legend",H?.colorLegend),children:Qe?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{ge(!1)},children:o.jsxRuntimeExports.jsx(vt.X,{})}),o.jsxRuntimeExports.jsxs("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",style:{width:Y||p.length<2?void 0:"340px"},children:[me&&me!==""?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:Z}}),o.jsxRuntimeExports.jsx(Ye.P,{size:"xs",marginBottom:"none",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:me})]}),o.jsxRuntimeExports.jsx(Vt.Spacer,{size:"xl"}),o.jsxRuntimeExports.jsx(Jt.Separator,{}),o.jsxRuntimeExports.jsx(Vt.Spacer,{size:"xl"})]}):null,A&&A!==""?o.jsxRuntimeExports.jsx(Ye.P,{size:"xs",marginBottom:"xs",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:A}):null,!Y&&p.length>1?o.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:o.jsxRuntimeExports.jsxs("g",{children:[p.map((t,a)=>o.jsxRuntimeExports.jsxs("g",{onMouseOver:()=>{b(r[a])},onMouseLeave:()=>{b(void 0)},className:"cursor-pointer",children:[o.jsxRuntimeExports.jsx("rect",{x:a*320/r.length+1,y:1,width:320/r.length-2,height:8,className:C===r[a]?"stroke-primary-gray-700 dark:stroke-primary-gray-300":"",style:{fill:r[a],...C===r[a]?{}:{stroke:r[a]}}}),o.jsxRuntimeExports.jsx("text",{x:(a+1)*320/r.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:Pt.numberFormattingFunction(t,void 0,k?.precision??2,void 0,void 0,k?.locale||"en",k?.padZeros||!1)})]},a)),o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("rect",{onMouseOver:()=>{b(r[p.length])},onMouseLeave:()=>{b(void 0)},x:p.length*320/r.length+1,y:1,width:320/r.length-2,height:8,className:`cursor-pointer ${C===r[p.length]?"stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300":""}`,style:{fill:r[p.length],...C===r[p.length]?{}:{stroke:r[p.length]}}})})]})}):Y?o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:p.map((t,a)=>o.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{b(r[a%r.length])},onMouseLeave:()=>{b(void 0)},children:[o.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:r[a%r.length]}}),o.jsxRuntimeExports.jsx(Ye.P,{size:"sm",marginBottom:"none",leading:"none",children:t})]},a))}):o.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3",children:[o.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{b(r[0])},onMouseLeave:()=>{b(void 0)},children:[o.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:r[0]}}),o.jsxRuntimeExports.jsx(Ye.P,{size:"sm",marginBottom:"none",leading:"none",children:`<= ${Pt.numberFormattingFunction(p[0],"NA",k?.precision??2,void 0,void 0,k?.locale||"en",k?.padZeros||!1)}`})]}),o.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{b(r[1])},onMouseLeave:()=>{b(void 0)},children:[o.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:r[1]}}),o.jsxRuntimeExports.jsx(Ye.P,{size:"sm",marginBottom:"none",leading:"none",children:`> ${Pt.numberFormattingFunction(p[0],"NA",k?.precision??2,void 0,void 0,k?.locale||"en",k?.padZeros||!1)}`})]})]})]})]}):o.jsxRuntimeExports.jsx("button",{type:"button",className:"p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",onClick:()=>{ge(!0)},children:o.jsxRuntimeExports.jsx(vt.ExpandIcon,{})})}),X==="button"&&o.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons",children:[o.jsxRuntimeExports.jsx("button",{onClick:()=>je("in"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"+"}),o.jsxRuntimeExports.jsx("button",{onClick:()=>je("out"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"–"})]}),(xe||Q)&&o.jsxRuntimeExports.jsxs("div",{className:"absolute right-4 top-4 flex flex-col image-download-button gap-2",children:[xe&&o.jsxRuntimeExports.jsx(eo.ImageDownloadButton,{nodeID:xe,buttonSmall:!0,className:"p-1"}),Q&&Q.length>0&&o.jsxRuntimeExports.jsx(to.CsvDownloadButton,{csvData:Q,buttonSmall:!0,headers:Object.keys(Q[0]).map(t=>({label:t,key:t})),className:"p-1"})]})]}),G&&ee!==void 0?o.jsxRuntimeExports.jsx(Qt.DetailsModal,{body:G,data:ee,setData:$,className:H?.modal}):null,Le&&le&&Fe&&y?o.jsxRuntimeExports.jsx(Kt.Tooltip,{data:Le,body:le,xPos:Fe,yPos:y,backgroundStyle:w?.tooltip,className:H?.tooltip}):null]})}function xo(n){const e=o.compilerRuntimeExports.c(140),{data:r,mapData:se,graphTitle:A,colors:p,sources:z,graphDescription:v,height:x,width:f,footNote:T,mapColorLegendTitle:le,colorDomain:Se,choroplethScaleType:ce,radius:de,scale:Ne,centerPoint:U,padding:Me,mapBorderWidth:Ze,mapNoDataColor:Je,backgroundColor:Oe,showLabels:L,mapBorderColor:qe,tooltip:G,relativeHeight:w,onSeriesMouseOver:H,isWorldMap:re,showColorScale:X,zoomScaleExtend:g,zoomTranslateExtend:N,graphID:ue,highlightedDataPoints:Ie,onSeriesMouseClick:Y,graphDownload:Z,dataDownload:Be,showAntarctica:F,language:pe,minHeight:me,theme:Pe,ariaLabel:ze,resetSelectionOnDoubleClick:J,detailsOnClick:K,styles:m,classNames:h,mapProjection:Ke,zoomInteraction:k,animate:xe,dimmedOpacity:Q,customLayers:M,maxRadiusValue:he,timeline:C,collapseColorScaleByDefault:b,dotColor:Qe,highlightedIds:ge,mapProperty:fe,dotLegendTitle:ee,dotBorderColor:$,labelColor:Le,projectionRotate:D,rewindCoordinatesInMapData:Fe,numberDisplayOptions:O,mapOverlay:y}=n,j=se===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json":se,q=T===void 0?"The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.":T,R=ce===void 0?"threshold":ce,ye=de===void 0?5:de,I=Ne===void 0?.95:Ne,$e=Ze===void 0?.5:Ze,te=Je===void 0?De.Colors.light.graphNoData:Je,V=Oe===void 0?!1:Oe,Ve=L===void 0?!1:L,We=qe===void 0?De.Colors.light.grays["gray-500"]:qe,ve=re===void 0?!0:re,_e=X===void 0?!0:X;let B;e[0]!==g?(B=g===void 0?[.8,6]:g,e[0]=g,e[1]=B):B=e[1];const oe=B,ae=Z===void 0?!1:Z,je=Be===void 0?!1:Be,t=F===void 0?!1:F,a=pe===void 0?"en":pe,i=me===void 0?0:me,E=Pe===void 0?"light":Pe,d=J===void 0?!0:J,Ae=Ke===void 0?"naturalEarth":Ke,Te=k===void 0?"button":k,be=xe===void 0?!1:xe,jt=Q===void 0?.3:Q;let et;e[2]!==M?(et=M===void 0?[]:M,e[2]=M,e[3]=et):et=e[3];const bt=et;let tt;e[4]!==C?(tt=C===void 0?{enabled:!1,autoplay:!1,showOnlyActiveDate:!0}:C,e[4]=C,e[5]=tt):tt=e[5];const l=tt,Et=Qe===void 0?De.Colors.primaryColors["blue-600"]:Qe,Rt=fe===void 0?"ISO3":fe,wt=Le===void 0?De.Colors.primaryColors["blue-600"]:Le;let ot;e[6]!==D?(ot=D===void 0?[0,0]:D,e[6]=D,e[7]=ot):ot=e[7];const kt=ot,Ct=Fe===void 0?!0:Fe,[ne,At]=s.useState(0),[Ue,Tt]=s.useState(0),[W,Ut]=s.useState(l.autoplay);let Ge;if(e[8]!==r||e[9]!==l.dateFormat){let c;e[11]!==l.dateFormat?(c=S=>Lt.parse(`${S.date}`,l.dateFormat||"yyyy",new Date).getTime(),e[11]=l.dateFormat,e[12]=c):c=e[12],Ge=[...new Set(r.filter(ko).map(c))],Ge.sort(wo),e[8]=r,e[9]=l.dateFormat,e[10]=Ge}else Ge=e[10];const u=Ge,[_,Dt]=s.useState(l.autoplay?0:u.length-1),[Ee,Gt]=s.useState(void 0),[St,Ht]=s.useState(void 0),Nt=s.useRef(null),zt=s.useRef(null);let rt;e[13]!==R||e[14]!==Se||e[15]!==p?.length||e[16]!==r?(rt=Se||(R==="categorical"?uo.getUniqValue(r,"x"):po.getJenks(r.map(Ro),p?.length||4)),e[13]=R,e[14]=Se,e[15]=p?.length,e[16]=r,e[17]=rt):rt=e[17];const He=rt;let at,nt;e[18]===Symbol.for("react.memo_cache_sentinel")?(at=()=>{const c=new ResizeObserver(S=>{At(S[0].target.clientWidth||620),Tt(S[0].target.clientHeight||480)});return Nt.current&&c.observe(Nt.current),()=>c.disconnect()},nt=[],e[18]=at,e[19]=nt):(at=e[18],nt=e[19]),s.useEffect(at,nt);let it;e[20]===Symbol.for("react.memo_cache_sentinel")?(it=c=>{Gt(c)},e[20]=it):it=e[20];const st=s.useEffectEvent(it);let lt;e[21]===Symbol.for("react.memo_cache_sentinel")?(lt=c=>{Ht(c)},e[21]=lt):lt=e[21];const Xe=s.useEffectEvent(lt);let ct;e[22]!==j||e[23]!==st?(ct=()=>{typeof j=="string"?Wt.fetchAndParseJSON(j).then(S=>{st(S)}):st(j)},e[22]=j,e[23]=st,e[24]=ct):ct=e[24];let dt;e[25]!==j?(dt=[j],e[25]=j,e[26]=dt):dt=e[26],s.useEffect(ct,dt);let ut;e[27]!==y?.mapData||e[28]!==Xe?(ut=()=>{y?.mapData||Xe(void 0),typeof y?.mapData=="string"?Wt.fetchAndParseJSON(y?.mapData).then(S=>{Xe(S)}):Xe(y?.mapData)},e[27]=y?.mapData,e[28]=Xe,e[29]=ut):ut=e[29];const Mt=y?.mapData;let pt;e[30]!==Mt?(pt=[Mt],e[30]=Mt,e[31]=pt):pt=e[31],s.useEffect(ut,pt);let mt,xt;e[32]!==W||e[33]!==l.speed||e[34]!==u?(mt=()=>{const c=setInterval(()=>{Dt(S=>S<u.length-1?S+1:0)},(l.speed||2)*1e3);return W||clearInterval(c),()=>clearInterval(c)},xt=[u,W,l.speed],e[32]=W,e[33]=l.speed,e[34]=u,e[35]=mt,e[36]=xt):(mt=e[35],xt=e[36]),s.useEffect(mt,xt);const Ot=l.dateFormat||"yyyy";let ht;e[37]!==_||e[38]!==Ot||e[39]!==l.showOnlyActiveDate||e[40]!==u?(ht=co.getSliderMarks(u,_,l.showOnlyActiveDate,Ot),e[37]=_,e[38]=Ot,e[39]=l.showOnlyActiveDate,e[40]=u,e[41]=ht):ht=e[41];const gt=ht,qt=h?.graphContainer,It=m?.graphContainer;let Re;e[42]!==h?.description||e[43]!==h?.title||e[44]!==v||e[45]!==A||e[46]!==m?.description||e[47]!==m?.title||e[48]!==f?(Re=A||v?o.jsxRuntimeExports.jsx(lo.GraphHeader,{styles:{title:m?.title,description:m?.description},classNames:{title:h?.title,description:h?.description},graphTitle:A,graphDescription:v,width:f}):null,e[42]=h?.description,e[43]=h?.title,e[44]=v,e[45]=A,e[46]=m?.description,e[47]=m?.title,e[48]=f,e[49]=Re):Re=e[49];let we;e[50]!==_||e[51]!==gt||e[52]!==W||e[53]!==l.enabled||e[54]!==u?(we=l.enabled&&u.length>0&&gt?o.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[o.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Ut(!W)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":W?"Click to pause animation":"Click to play animation",children:W?o.jsxRuntimeExports.jsx(vt.Pause,{}):o.jsxRuntimeExports.jsx(vt.Play,{})}),o.jsxRuntimeExports.jsx(Xt.SliderUI,{min:u[0],max:u[u.length-1],marks:gt,step:null,defaultValue:u[u.length-1],value:u[_],onChangeComplete:c=>{Dt(u.indexOf(c))},onChange:c=>{Dt(u.indexOf(c))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e[50]=_,e[51]=gt,e[52]=W,e[53]=l.enabled,e[54]=u,e[55]=we):we=e[55];let ke;e[56]!==be||e[57]!==U||e[58]!==R||e[59]!==h||e[60]!==b||e[61]!==p||e[62]!==bt||e[63]!==r||e[64]!==je||e[65]!==K||e[66]!==jt||e[67]!==He||e[68]!==$||e[69]!==Et||e[70]!==ee||e[71]!==ae||e[72]!==x||e[73]!==Ie||e[74]!==ge||e[75]!==_||e[76]!==ve||e[77]!==wt||e[78]!==We||e[79]!==$e||e[80]!==le||e[81]!==te||e[82]!==y?.mapBorderColor||e[83]!==y?.mapBorderWidth||e[84]!==Ae||e[85]!==Rt||e[86]!==Ee||e[87]!==he||e[88]!==i||e[89]!==O||e[90]!==Y||e[91]!==H||e[92]!==St||e[93]!==kt||e[94]!==ye||e[95]!==w||e[96]!==d||e[97]!==Ct||e[98]!==I||e[99]!==t||e[100]!==_e||e[101]!==Ve||e[102]!==m||e[103]!==Ue||e[104]!==ne||e[105]!==E||e[106]!==l.dateFormat||e[107]!==l.enabled||e[108]!==G||e[109]!==u||e[110]!==f||e[111]!==Te||e[112]!==oe||e[113]!==N?(ke=o.jsxRuntimeExports.jsx(_t.GraphArea,{ref:Nt,children:ne&&Ue&&Ee?o.jsxRuntimeExports.jsx(mo,{dotColor:Et,data:r.filter(c=>l.enabled?`${c.date}`===Lt.format(new Date(u[_]),l.dateFormat||"yyyy"):c),mapData:t?Ee:{...Ee,features:Ee.features.filter(Eo)},overlayMapData:St,overlayMapBorderColor:y?.mapBorderColor,overlayMapBorderWidth:y?.mapBorderWidth,colorDomain:He,width:ne,height:Ue,scale:I,centerPoint:U,colors:p||(R==="categorical"?De.Colors[E].sequentialColors[`neutralColorsx0${He.length}`]:De.Colors[E].sequentialColors[`neutralColorsx0${He.length+1}`]),mapColorLegendTitle:le,radius:ye,categorical:R==="categorical",mapBorderWidth:$e,mapNoDataColor:te,mapBorderColor:We,tooltip:G,onSeriesMouseOver:H,showLabels:Ve,isWorldMap:ve,showColorScale:_e,zoomScaleExtend:oe,zoomTranslateExtend:N,onSeriesMouseClick:Y,highlightedDataPoints:Ie,resetSelectionOnDoubleClick:d,styles:m,classNames:h,zoomInteraction:Te,detailsOnClick:K,mapProjection:Ae||(ve?"naturalEarth":"mercator"),animate:be===!0?{duration:.5,once:!0,amount:.5}:be||{duration:0,once:!0,amount:0},dimmedOpacity:jt,customLayers:bt,maxRadiusValue:yt.checkIfNullOrUndefined(he)?Math.max(...r.map(bo).filter(jo)):he,collapseColorScaleByDefault:b,highlightedIds:ge,mapProperty:Rt,dotLegendTitle:ee,dotBorderColor:$,labelColor:wt,projectionRotate:kt,rewindCoordinatesInMapData:Ct,numberDisplayOptions:O,graphDownload:ae?zt:void 0,dataDownload:je?r.map(vo).filter(yo).length>0?r.map(fo).filter(go):r.filter(ho):null}):o.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(i,x||(w?i?(f||ne)*w>i?(f||ne)*w:i:(f||ne)*w:Ue))}px`},className:"flex items-center justify-center",children:o.jsxRuntimeExports.jsx(Yt.Spinner,{"aria-label":"Loading graph"})})}),e[56]=be,e[57]=U,e[58]=R,e[59]=h,e[60]=b,e[61]=p,e[62]=bt,e[63]=r,e[64]=je,e[65]=K,e[66]=jt,e[67]=He,e[68]=$,e[69]=Et,e[70]=ee,e[71]=ae,e[72]=x,e[73]=Ie,e[74]=ge,e[75]=_,e[76]=ve,e[77]=wt,e[78]=We,e[79]=$e,e[80]=le,e[81]=te,e[82]=y?.mapBorderColor,e[83]=y?.mapBorderWidth,e[84]=Ae,e[85]=Rt,e[86]=Ee,e[87]=he,e[88]=i,e[89]=O,e[90]=Y,e[91]=H,e[92]=St,e[93]=kt,e[94]=ye,e[95]=w,e[96]=d,e[97]=Ct,e[98]=I,e[99]=t,e[100]=_e,e[101]=Ve,e[102]=m,e[103]=Ue,e[104]=ne,e[105]=E,e[106]=l.dateFormat,e[107]=l.enabled,e[108]=G,e[109]=u,e[110]=f,e[111]=Te,e[112]=oe,e[113]=N,e[114]=ke):ke=e[114];let Ce;e[115]!==h?.footnote||e[116]!==h?.source||e[117]!==q||e[118]!==z||e[119]!==m?.footnote||e[120]!==m?.source||e[121]!==f?(Ce=z||q?o.jsxRuntimeExports.jsx(so.GraphFooter,{styles:{footnote:m?.footnote,source:m?.source},classNames:{footnote:h?.footnote,source:h?.source},sources:z,footNote:q,width:f}):null,e[115]=h?.footnote,e[116]=h?.source,e[117]=q,e[118]=z,e[119]=m?.footnote,e[120]=m?.source,e[121]=f,e[122]=Ce):Ce=e[122];let ft;return e[123]!==ze||e[124]!==V||e[125]!==ue||e[126]!==x||e[127]!==a||e[128]!==i||e[129]!==Me||e[130]!==w||e[131]!==qt||e[132]!==It||e[133]!==Re||e[134]!==we||e[135]!==ke||e[136]!==Ce||e[137]!==E||e[138]!==f?(ft=o.jsxRuntimeExports.jsxs(_t.GraphContainer,{className:qt,style:It,id:ue,ref:zt,"aria-label":ze,backgroundColor:V,theme:E,language:a,minHeight:i,width:f,height:x,relativeHeight:w,padding:Me,children:[Re,we,ke,Ce]}),e[123]=ze,e[124]=V,e[125]=ue,e[126]=x,e[127]=a,e[128]=i,e[129]=Me,e[130]=w,e[131]=qt,e[132]=It,e[133]=Re,e[134]=we,e[135]=ke,e[136]=Ce,e[137]=E,e[138]=f,e[139]=ft):ft=e[139],ft}function ho(n){return n!==void 0}function go(n){return n!==void 0}function fo(n){return n.data}function yo(n){return n!==void 0}function vo(n){return n.data}function jo(n){return n!=null}function bo(n){return n.radius}function Eo(n){return n.properties?.NAME!=="Antarctica"}function Ro(n){return n.x}function wo(n,e){return n-e}function ko(n){return n.date}exports.HybridMap=xo;
 //# sourceMappingURL=HybridMap.cjs.map

package/dist/HybridMap.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HybridMap.cjs","sources":["../node_modules/@undp/design-system-react/dist/Separator.js","../src/Components/Graphs/Maps/HybridMap/Graph.tsx","../src/Components/Graphs/Maps/HybridMap/index.tsx"],"sourcesContent":["import { j as v } from \"./jsx-runtime-tc70JA_2.js\";\nimport { c as N } from \"./compiler-runtime-BNHg76kC.js\";\nimport * as R from \"react\";\nimport g from \"react\";\nimport { P as x } from \"./index-DEx84bLj.js\";\nimport { c as O } from \"./utils-D_Pof5Gy.js\";\nvar h = \"Separator\", f = \"horizontal\", E = [\"horizontal\", \"vertical\"], y = R.forwardRef((i, s) => {\n  const { decorative: r, orientation: a = f, ...o } = i, t = P(a) ? a : f, m = r ? { role: \"none\" } : { \"aria-orientation\": t === \"vertical\" ? t : void 0, role: \"separator\" };\n  return /* @__PURE__ */ v.jsx(\n    x.div,\n    {\n      \"data-orientation\": t,\n      ...m,\n      ...o,\n      ref: s\n    }\n  );\n});\ny.displayName = h;\nfunction P(i) {\n  return E.includes(i);\n}\nvar u = y;\nconst T = g.forwardRef((i, s) => {\n  const r = N.c(14);\n  let a, o, t, e;\n  r[0] !== i ? ({\n    className: a,\n    variant: t,\n    orientation: e,\n    ...o\n  } = i, r[0] = i, r[1] = a, r[2] = o, r[3] = t, r[4] = e) : (a = r[1], o = r[2], t = r[3], e = r[4]);\n  const m = t === void 0 ? \"dark\" : t, l = e === void 0 ? \"horizontal\" : e, c = l === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\", d = m === \"dark\" ? \"bg-primary-gray-600 dark:bg-primary-gray-200\" : \"bg-primary-gray-400 dark:bg-primary-gray-550\";\n  let n;\n  r[5] !== a || r[6] !== c || r[7] !== d ? (n = O(c, d, a), r[5] = a, r[6] = c, r[7] = d, r[8] = n) : n = r[8];\n  let p;\n  return r[9] !== l || r[10] !== o || r[11] !== s || r[12] !== n ? (p = /* @__PURE__ */ v.jsx(u, { ...o, ref: s, orientation: l, className: n }), r[9] = l, r[10] = o, r[11] = s, r[12] = n, r[13] = p) : p = r[13], p;\n});\nT.displayName = u.displayName;\nexport {\n  T as Separator\n};\n//# sourceMappingURL=Separator.js.map\n","import isEqual from 'fast-deep-equal';\r\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n  geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleOrdinal, scaleSqrt, scaleThreshold } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { Separator } from '@undp/design-system-react/Separator';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  HybridMapDataType,\r\n  MapProjectionTypes,\r\n  NumberFormatOptions,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\n\r\ninterface Props {\r\n  data: HybridMapDataType[];\r\n  mapData: FeatureCollection;\r\n  colorDomain: (string | number)[];\r\n  width: number;\r\n  height: number;\r\n  scale: number;\r\n  centerPoint?: [number, number];\r\n  colors: string[];\r\n  mapColorLegendTitle?: string;\r\n  categorical: boolean;\r\n  radius: number;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  showLabels: boolean;\r\n  mapBorderColor: string;\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  isWorldMap: boolean;\r\n  showColorScale: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  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  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n  maxRadiusValue: number;\r\n  collapseColorScaleByDefault?: boolean;\r\n  dotColor: string;\r\n  highlightedIds?: string[];\r\n  mapProperty: string;\r\n  dotLegendTitle?: string;\r\n  dotBorderColor?: string;\r\n  labelColor: string;\r\n  projectionRotate: [number, number] | [number, number, number];\r\n  rewindCoordinatesInMapData: boolean;\r\n  overlayMapData?: FeatureCollection;\r\n  overlayMapBorderColor?: string;\r\n  overlayMapBorderWidth?: number;\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n  graphDownload?: RefObject<HTMLDivElement | null>;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  dataDownload: any;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    colors,\r\n    mapData,\r\n    mapColorLegendTitle,\r\n    colorDomain,\r\n    radius,\r\n    height,\r\n    width,\r\n    scale,\r\n    centerPoint,\r\n    tooltip,\r\n    showLabels,\r\n    mapBorderWidth,\r\n    mapBorderColor,\r\n    mapNoDataColor,\r\n    onSeriesMouseOver,\r\n    showColorScale,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    maxRadiusValue,\r\n    categorical,\r\n    dotColor,\r\n    collapseColorScaleByDefault,\r\n    highlightedIds,\r\n    mapProperty,\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor,\r\n    projectionRotate,\r\n    rewindCoordinatesInMapData,\r\n    overlayMapData,\r\n    overlayMapBorderColor,\r\n    overlayMapBorderWidth,\r\n    numberDisplayOptions,\r\n    graphDownload,\r\n    dataDownload,\r\n  } = props;\r\n  const formattedMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n  }, [mapData, rewindCoordinatesInMapData]);\r\n  const formattedOverlayMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n  }, [overlayMapData, rewindCoordinatesInMapData]);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const mapSvg = useRef<SVGSVGElement>(null);\r\n  const isInView = useInView(mapSvg, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const mapG = useRef<SVGGElement>(null);\r\n  const radiusScale =\r\n    data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n      : undefined;\r\n\r\n  const colorScale = categorical\r\n    ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n    : scaleThreshold<number, string>()\r\n        .domain(colorDomain as number[])\r\n        .range(colors);\r\n  useEffect(() => {\r\n    const mapGSelect = select(mapG.current);\r\n    const mapSvgSelect = select(mapSvg.current);\r\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n      if (zoomInteraction === 'noZoom') return false;\r\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n      const isWheel = e.type === 'wheel';\r\n      const isTouch = e.type.startsWith('touch');\r\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n      if (isTouch) return true;\r\n      if (isWheel) {\r\n        if (zoomInteraction === 'scroll') return true;\r\n        return e.ctrlKey;\r\n      }\r\n      return isDrag && !e.button && !e.ctrlKey;\r\n    };\r\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n      .scaleExtent(zoomScaleExtend)\r\n      .translateExtent(\r\n        zoomTranslateExtend || [\r\n          [-20, -20],\r\n          [width + 20, height + 20],\r\n        ],\r\n      )\r\n      .filter(zoomFilter)\r\n      .on('zoom', ({ transform }) => {\r\n        mapGSelect.attr('transform', transform);\r\n      });\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    mapSvgSelect.call(zoomBehavior as any);\r\n\r\n    zoomRef.current = zoomBehavior;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [height, width, zoomInteraction]);\r\n\r\n  const bounds = bbox(formattedMapData);\r\n\r\n  const center = centerOfMass(formattedMapData);\r\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\r\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n  const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n  const projection =\r\n    mapProjection === 'mercator'\r\n      ? geoMercator()\r\n          .rotate(projectionRotate)\r\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n          .translate([width / 2, height / 2])\r\n          .scale(scaleVar)\r\n      : mapProjection === 'equalEarth'\r\n        ? geoEqualEarth()\r\n            .rotate(projectionRotate)\r\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n            .translate([width / 2, height / 2])\r\n            .scale(scaleVar)\r\n        : mapProjection === 'naturalEarth'\r\n          ? geoNaturalEarth1()\r\n              .rotate(projectionRotate)\r\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n              .translate([width / 2, height / 2])\r\n              .scale(scaleVar)\r\n          : mapProjection === 'orthographic'\r\n            ? geoOrthographic()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar)\r\n            : geoAlbersUsa()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n  const pathGenerator = geoPath().projection(projection);\r\n  const handleZoom = (direction: 'in' | 'out') => {\r\n    if (!mapSvg.current || !zoomRef.current) return;\r\n    const svg = select(mapSvg.current);\r\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n  };\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          width={`${width}px`}\r\n          height={`${height}px`}\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          ref={mapSvg}\r\n          direction='ltr'\r\n        >\r\n          <g ref={mapG}>\r\n            {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n            {formattedMapData.features.map((d, i: number) => {\r\n              if (!d.properties?.[mapProperty]) return null;\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  opacity={\r\n                    selectedColor\r\n                      ? dimmedOpacity\r\n                      : highlightedIds\r\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : 1\r\n                  }\r\n                >\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: mapBorderColor,\r\n                      strokeWidth: mapBorderWidth,\r\n                      fill: mapNoDataColor,\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n            <AnimatePresence>\r\n              {data\r\n                .filter(d => d.id)\r\n                .map(d => {\r\n                  const index = formattedMapData.features.findIndex(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (el: any) => d.id === el.properties[mapProperty],\r\n                  );\r\n                  if (index === -1) return null;\r\n                  const path = pathGenerator(formattedMapData.features[index]);\r\n                  if (!path) return null;\r\n                  const color = !checkIfNullOrUndefined(d.x)\r\n                    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      colorScale(d.x as any)\r\n                    : mapNoDataColor;\r\n                  return (\r\n                    <motion.g\r\n                      key={d.id}\r\n                      className='undp-map-shapes'\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: selectedColor\r\n                            ? selectedColor === color\r\n                              ? !highlightedIds || highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : dimmedOpacity\r\n                            : highlightedIds\r\n                              ? highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      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                      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                    >\r\n                      <motion.path\r\n                        key={`${d.id}`}\r\n                        d={path}\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                        exit={{\r\n                          opacity: 0,\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                        style={{\r\n                          stroke: mapBorderColor,\r\n                          strokeWidth: mapBorderWidth,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n              {formattedOverlayMapData?.features.map((d, i: number) => {\r\n                const path = pathGenerator(d);\r\n                if (!path) return null;\r\n                return (\r\n                  <g key={i}>\r\n                    <path\r\n                      d={path}\r\n                      style={{\r\n                        stroke: overlayMapBorderColor || mapBorderColor,\r\n                        strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n                        fill: 'none',\r\n                        pointerEvents: 'none',\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  </g>\r\n                );\r\n              })}\r\n              {data\r\n                .filter(d => !checkIfNullOrUndefined(d.lat) && !checkIfNullOrUndefined(d.long))\r\n                .map(d => {\r\n                  const labelPosMultiplier =\r\n                    (projection([d.long as number, d.lat as number]) as [number, number])[0] >\r\n                    0.8 * width\r\n                      ? -1\r\n                      : 1;\r\n                  return (\r\n                    <motion.g\r\n                      className='undp-map-dots'\r\n                      key={d.label || `${d.lat}-${d.long}`}\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: highlightedDataPoints\r\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      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                      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                      transform={`translate(${\r\n                        (projection([d.long as number, d.lat as number]) as [number, number])[0]\r\n                      },${(projection([d.long as number, d.lat as number]) as [number, number])[1]})`}\r\n                    >\r\n                      <motion.circle\r\n                        cx={0}\r\n                        cy={0}\r\n                        variants={{\r\n                          initial: {\r\n                            r: 0,\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                          },\r\n                          whileInView: {\r\n                            r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ r: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          fillOpacity: 0.8,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                      {showLabels && d.label ? (\r\n                        <motion.text\r\n                          variants={{\r\n                            initial: {\r\n                              opacity: 0,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n                            },\r\n                            whileInView: {\r\n                              opacity: 1,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                          y={0}\r\n                          className={cn('text-sm', classNames?.graphObjectValues)}\r\n                          style={{\r\n                            textAnchor: labelPosMultiplier === -1 ? 'end' : 'start',\r\n                            fill: labelColor || '#000',\r\n                            vectorEffect: 'non-scaling-stroke',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          dx={labelPosMultiplier * 4}\r\n                          dy={5}\r\n                        >\r\n                          {d.label}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n            </AnimatePresence>\r\n            {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          </g>\r\n        </motion.svg>\r\n        {showColorScale === false ? null : (\r\n          <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n            {showLegend ? (\r\n              <>\r\n                <div\r\n                  className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                  onClick={() => {\r\n                    setShowLegend(false);\r\n                  }}\r\n                >\r\n                  <X />\r\n                </div>\r\n                <div\r\n                  className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                  style={{\r\n                    width: categorical ? undefined : '340px',\r\n                  }}\r\n                >\r\n                  {dotLegendTitle && dotLegendTitle !== '' ? (\r\n                    <>\r\n                      <div className='flex items-center gap-2'>\r\n                        <div\r\n                          className='w-3 h-3 rounded-full'\r\n                          style={{ backgroundColor: dotColor }}\r\n                        />\r\n                        <P\r\n                          size='xs'\r\n                          marginBottom='none'\r\n                          className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n                          style={{\r\n                            display: '-webkit-box',\r\n                            WebkitLineClamp: '1',\r\n                            WebkitBoxOrient: 'vertical',\r\n                          }}\r\n                        >\r\n                          {dotLegendTitle}\r\n                        </P>\r\n                      </div>\r\n                      <Spacer size='xl' />\r\n                      <Separator />\r\n                      <Spacer size='xl' />\r\n                    </>\r\n                  ) : null}\r\n                  {mapColorLegendTitle && mapColorLegendTitle !== '' ? (\r\n                    <P\r\n                      size='xs'\r\n                      marginBottom='xs'\r\n                      className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n                      style={{\r\n                        display: '-webkit-box',\r\n                        WebkitLineClamp: '1',\r\n                        WebkitBoxOrient: 'vertical',\r\n                      }}\r\n                    >\r\n                      {mapColorLegendTitle}\r\n                    </P>\r\n                  ) : null}\r\n                  {!categorical ? (\r\n                    <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n                      <g>\r\n                        {colorDomain.map((d, i) => (\r\n                          <g\r\n                            key={i}\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[i]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\r\n                            className='cursor-pointer'\r\n                          >\r\n                            <rect\r\n                              x={(i * 320) / colors.length + 1}\r\n                              y={1}\r\n                              width={320 / colors.length - 2}\r\n                              height={8}\r\n                              className={\r\n                                selectedColor === colors[i]\r\n                                  ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  : ''\r\n                              }\r\n                              style={{\r\n                                fill: colors[i],\r\n                                ...(selectedColor === colors[i] ? {} : { stroke: colors[i] }),\r\n                              }}\r\n                            />\r\n                            <text\r\n                              x={((i + 1) * 320) / colors.length}\r\n                              y={25}\r\n                              className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                              style={{ textAnchor: 'middle' }}\r\n                            >\r\n                              {numberFormattingFunction(\r\n                                d as number,\r\n                                undefined,\r\n                                numberDisplayOptions?.precision ?? 2,\r\n                                undefined,\r\n                                undefined,\r\n                                numberDisplayOptions?.locale || 'en',\r\n                                numberDisplayOptions?.padZeros || false,\r\n                              )}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                        <g>\r\n                          <rect\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[colorDomain.length]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\r\n                            x={(colorDomain.length * 320) / colors.length + 1}\r\n                            y={1}\r\n                            width={320 / colors.length - 2}\r\n                            height={8}\r\n                            className={`cursor-pointer ${\r\n                              selectedColor === colors[colorDomain.length]\r\n                                ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                : ''\r\n                            }`}\r\n                            style={{\r\n                              fill: colors[colorDomain.length],\r\n                              ...(selectedColor === colors[colorDomain.length]\r\n                                ? {}\r\n                                : { stroke: colors[colorDomain.length] }),\r\n                            }}\r\n                          />\r\n                        </g>\r\n                      </g>\r\n                    </svg>\r\n                  ) : (\r\n                    <div className='flex flex-col gap-3'>\r\n                      {colorDomain.map((d, i) => (\r\n                        <div\r\n                          key={i}\r\n                          className='flex gap-2 items-center'\r\n                          onMouseOver={() => {\r\n                            setSelectedColor(colors[i % colors.length]);\r\n                          }}\r\n                          onMouseLeave={() => {\r\n                            setSelectedColor(undefined);\r\n                          }}\r\n                        >\r\n                          <div\r\n                            className='w-2 h-2 rounded-full'\r\n                            style={{ backgroundColor: colors[i % colors.length] }}\r\n                          />\r\n                          <P size='sm' marginBottom='none' leading='none'>\r\n                            {d}\r\n                          </P>\r\n                        </div>\r\n                      ))}\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <ExpandIcon />\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons'>\r\n            <button\r\n              onClick={() => handleZoom('in')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              +\r\n            </button>\r\n            <button\r\n              onClick={() => handleZoom('out')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              –\r\n            </button>\r\n          </div>\r\n        )}\r\n        {(graphDownload || dataDownload) && (\r\n          <div className='absolute right-4 top-4 flex flex-col image-download-button gap-2'>\r\n            {graphDownload && (\r\n              <ImageDownloadButton nodeID={graphDownload} buttonSmall className='p-1' />\r\n            )}\r\n            {dataDownload && dataDownload.length > 0 && (\r\n              <CsvDownloadButton\r\n                csvData={dataDownload}\r\n                buttonSmall\r\n                headers={Object.keys(dataDownload[0]).map(d => ({\r\n                  label: d,\r\n                  key: d,\r\n                }))}\r\n                className='p-1'\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\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      {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    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect, useEffectEvent, useMemo } from 'react';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { FeatureCollection } from 'geojson';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HybridMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  ZoomInteractionTypes,\r\n  MapProjectionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n  ScaleDataType,\r\n  MapOverlayDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { getJenks, getUniqValue } from '@/Utils';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects for dot density map*/\r\n  data: HybridMapDataType[];\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for the circle */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph for the choropleth map */\r\n  colorDomain?: number[] | string[];\r\n  /** Title for the legend for the dot density scale */\r\n  dotLegendTitle?: string;\r\n  /** Title for the color legend for the color scale */\r\n  mapColorLegendTitle?: string;\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: 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\r\n  // Graph Parameters\r\n  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  mapData?: FeatureCollection | string;\r\n  /** Detail if any other map needs to be overlayed over the main map */\r\n  mapOverlay?: MapOverlayDataType;\r\n  /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\r\n  rewindCoordinatesInMapData?: boolean;\r\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n  scale?: number;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\n  /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\r\n  projectionRotate?: [number, number] | [number, number, number];\r\n  /** Defines the zoom mode for the map */\r\n  zoomInteraction?: ZoomInteractionTypes;\r\n  /** Stroke width of the regions in the map */\r\n  mapBorderWidth?: number;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Color of the dots in the dot density map */\r\n  dotColor?: string;\r\n  /** Border color of the dots in the dot density map */\r\n  dotBorderColor?: string;\r\n  /** Color of the labels */\r\n  labelColor?: string;\r\n  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\r\n  /** Scale for the colors of the choropleth map */\r\n  choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;\r\n  /** Map projection type */\r\n  mapProjection?: MapProjectionTypes;\r\n  /** Extend of the allowed zoom in the map */\r\n  zoomScaleExtend?: [number, number];\r\n  /** Extend of the allowed panning in the map */\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\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 if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n  showAntarctica?: boolean;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n  mapProperty?: string;\r\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\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 HybridMap(props: Props) {\r\n  const {\r\n    data,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json',\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\r\n    mapColorLegendTitle,\r\n    colorDomain,\r\n    choroplethScaleType = 'threshold',\r\n    radius = 5,\r\n    scale = 0.95,\r\n    centerPoint,\r\n    padding,\r\n    mapBorderWidth = 0.5,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    showLabels = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    showColorScale = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showAntarctica = false,\r\n    language = 'en',\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    mapProjection = 'naturalEarth',\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    maxRadiusValue,\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\r\n    dotColor = Colors.primaryColors['blue-600'],\r\n    highlightedIds,\r\n    mapProperty = 'ISO3',\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor = Colors.primaryColors['blue-600'],\r\n    projectionRotate = [0, 0],\r\n    rewindCoordinatesInMapData = true,\r\n    numberDisplayOptions,\r\n    mapOverlay,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = useMemo(() => {\r\n    const dates = [\r\n      ...new Set(\r\n        data\r\n          .filter(d => d.date)\r\n          .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n      ),\r\n    ];\r\n    dates.sort((a, b) => a - b);\r\n    return dates;\r\n  }, [data, timeline.dateFormat]);\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const domain =\r\n    colorDomain ||\r\n    (choroplethScaleType === 'categorical'\r\n      ? getUniqValue(data, 'x')\r\n      : getJenks(\r\n          data.map(d => d.x as number | null | undefined),\r\n          colors?.length || 4,\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\r\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\r\n    setMapShape(shape);\r\n  });\r\n\r\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\r\n    setOverlayMapShape(shape);\r\n  });\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        onUpdateShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData);\r\n    }\r\n  }, [mapData]);\r\n  useEffect(() => {\r\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n    if (typeof mapOverlay?.mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n      fetchData.then(d => {\r\n        onUpdateOverlayMapShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n    }\r\n  }, [mapOverlay?.mapData]);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\r\n  );\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\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        />\r\n      ) : null}\r\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n        <div className='flex gap-6 items-center' dir='ltr'>\r\n          <button\r\n            type='button'\r\n            onClick={() => {\r\n              setPlay(!play);\r\n            }}\r\n            className='p-0 border-0 cursor-pointer bg-transparent'\r\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n          >\r\n            {play ? <Pause /> : <Play />}\r\n          </button>\r\n          <SliderUI\r\n            min={uniqDatesSorted[0]}\r\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            marks={markObj}\r\n            step={null}\r\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            value={uniqDatesSorted[index]}\r\n            onChangeComplete={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            onChange={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            dotColor={dotColor}\r\n            data={data.filter(d =>\r\n              timeline.enabled\r\n                ? `${d.date}` ===\r\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n                : d,\r\n            )}\r\n            mapData={\r\n              showAntarctica\r\n                ? mapShape\r\n                : {\r\n                    ...mapShape,\r\n                    features: mapShape.features.filter(el => el.properties?.NAME !== 'Antarctica'),\r\n                  }\r\n            }\r\n            overlayMapData={overlayMapShape}\r\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n            colorDomain={domain}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            scale={scale}\r\n            centerPoint={centerPoint}\r\n            colors={\r\n              colors ||\r\n              (choroplethScaleType === 'categorical'\r\n                ? Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ]\r\n                : Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ])\r\n            }\r\n            mapColorLegendTitle={mapColorLegendTitle}\r\n            radius={radius}\r\n            categorical={choroplethScaleType === 'categorical'}\r\n            mapBorderWidth={mapBorderWidth}\r\n            mapNoDataColor={mapNoDataColor}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            showLabels={showLabels}\r\n            isWorldMap={isWorldMap}\r\n            showColorScale={showColorScale}\r\n            zoomScaleExtend={zoomScaleExtend}\r\n            zoomTranslateExtend={zoomTranslateExtend}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            classNames={classNames}\r\n            zoomInteraction={zoomInteraction}\r\n            detailsOnClick={detailsOnClick}\r\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            maxRadiusValue={\r\n              !checkIfNullOrUndefined(maxRadiusValue)\r\n                ? (maxRadiusValue as number)\r\n                : Math.max(...data.map(d => d.radius).filter(d => d !== undefined && d !== null))\r\n            }\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n            highlightedIds={highlightedIds}\r\n            mapProperty={mapProperty}\r\n            dotLegendTitle={dotLegendTitle}\r\n            dotBorderColor={dotBorderColor}\r\n            labelColor={labelColor}\r\n            projectionRotate={projectionRotate}\r\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n            numberDisplayOptions={numberDisplayOptions}\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        ) : (\r\n          <div\r\n            style={{\r\n              height: `${Math.max(\r\n                minHeight,\r\n                height ||\r\n                  (relativeHeight\r\n                    ? minHeight\r\n                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                        ? (width || svgWidth) * relativeHeight\r\n                        : minHeight\r\n                      : (width || svgWidth) * relativeHeight\r\n                    : svgHeight),\r\n              )}px`,\r\n            }}\r\n            className='flex items-center justify-center'\r\n          >\r\n            <Spinner aria-label='Loading graph' />\r\n          </div>\r\n        )}\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":["h","f","E","y","R","i","s","r","a","o","t","P","m","v","x","u","T","g","N","e","l","c","d","n","O","p","Graph","props","data","colors","mapData","mapColorLegendTitle","colorDomain","radius","height","width","scale","centerPoint","tooltip","showLabels","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","maxRadiusValue","categorical","dotColor","collapseColorScaleByDefault","highlightedIds","mapProperty","dotLegendTitle","dotBorderColor","labelColor","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","numberDisplayOptions","graphDownload","dataDownload","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","length","scaleSqrt","domain","range","nice","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","on","transform","attr","call","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","pathGenerator","geoPath","handleZoom","direction","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","properties","path","indexOf","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","id","index","findIndex","el","color","checkIfNullOrUndefined","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","pointerEvents","lat","long","labelPosMultiplier","label","fillOpacity","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","display","WebkitLineClamp","WebkitBoxOrient","Spacer","Separator","numberFormattingFunction","precision","locale","padZeros","ExpandIcon","ImageDownloadButton","CsvDownloadButton","Object","keys","key","DetailsModal","modal","Tooltip","HybridMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","choroplethScaleType","t2","t3","t4","padding","t5","t6","t7","t8","t9","relativeHeight","isWorldMap","t10","t11","t12","graphID","t13","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","t24","timeline","t25","t26","t27","t28","t29","t30","mapOverlay","Colors","light","graphNoData","grays","t31","t32","t33","enabled","autoplay","showOnlyActiveDate","primaryColors","t34","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t35","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t36","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_2","t41","t42","d_3","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","t49","graphContainer","t50","t51","description","title","GraphHeader","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_4","format","_temp4","sequentialColors","max","_temp5","_temp6","_temp7","_temp8","_temp9","_temp0","_temp1","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_9","d_8","d_7","d_11","d_10","d_6","d_5","NAME","d_1","b"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"HybridMap.cjs","sources":["../src/Components/Graphs/Maps/HybridMap/Graph.tsx","../src/Components/Graphs/Maps/HybridMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n  geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleOrdinal, scaleSqrt, scaleThreshold } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { Separator } from '@undp/design-system-react/Separator';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  HybridMapDataType,\r\n  MapProjectionTypes,\r\n  NumberFormatOptions,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\n\r\ninterface Props {\r\n  data: HybridMapDataType[];\r\n  mapData: FeatureCollection;\r\n  colorDomain: (string | number)[];\r\n  width: number;\r\n  height: number;\r\n  scale: number;\r\n  centerPoint?: [number, number];\r\n  colors: string[];\r\n  mapColorLegendTitle?: string;\r\n  categorical: boolean;\r\n  radius: number;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  showLabels: boolean;\r\n  mapBorderColor: string;\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  isWorldMap: boolean;\r\n  showColorScale: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  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  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n  maxRadiusValue: number;\r\n  collapseColorScaleByDefault?: boolean;\r\n  dotColor: string;\r\n  highlightedIds?: string[];\r\n  mapProperty: string;\r\n  dotLegendTitle?: string;\r\n  dotBorderColor?: string;\r\n  labelColor: string;\r\n  projectionRotate: [number, number] | [number, number, number];\r\n  rewindCoordinatesInMapData: boolean;\r\n  overlayMapData?: FeatureCollection;\r\n  overlayMapBorderColor?: string;\r\n  overlayMapBorderWidth?: number;\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n  graphDownload?: RefObject<HTMLDivElement | null>;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  dataDownload: any;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    colors,\r\n    mapData,\r\n    mapColorLegendTitle,\r\n    colorDomain,\r\n    radius,\r\n    height,\r\n    width,\r\n    scale,\r\n    centerPoint,\r\n    tooltip,\r\n    showLabels,\r\n    mapBorderWidth,\r\n    mapBorderColor,\r\n    mapNoDataColor,\r\n    onSeriesMouseOver,\r\n    showColorScale,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    maxRadiusValue,\r\n    categorical,\r\n    dotColor,\r\n    collapseColorScaleByDefault,\r\n    highlightedIds,\r\n    mapProperty,\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor,\r\n    projectionRotate,\r\n    rewindCoordinatesInMapData,\r\n    overlayMapData,\r\n    overlayMapBorderColor,\r\n    overlayMapBorderWidth,\r\n    numberDisplayOptions,\r\n    graphDownload,\r\n    dataDownload,\r\n  } = props;\r\n  const formattedMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n  }, [mapData, rewindCoordinatesInMapData]);\r\n  const formattedOverlayMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n  }, [overlayMapData, rewindCoordinatesInMapData]);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const mapSvg = useRef<SVGSVGElement>(null);\r\n  const isInView = useInView(mapSvg, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const mapG = useRef<SVGGElement>(null);\r\n  const radiusScale =\r\n    data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n      : undefined;\r\n\r\n  const colorScale = categorical\r\n    ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n    : scaleThreshold<number, string>()\r\n        .domain(colorDomain as number[])\r\n        .range(colors);\r\n  useEffect(() => {\r\n    const mapGSelect = select(mapG.current);\r\n    const mapSvgSelect = select(mapSvg.current);\r\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n      if (zoomInteraction === 'noZoom') return false;\r\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n      const isWheel = e.type === 'wheel';\r\n      const isTouch = e.type.startsWith('touch');\r\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n      if (isTouch) return true;\r\n      if (isWheel) {\r\n        if (zoomInteraction === 'scroll') return true;\r\n        return e.ctrlKey;\r\n      }\r\n      return isDrag && !e.button && !e.ctrlKey;\r\n    };\r\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n      .scaleExtent(zoomScaleExtend)\r\n      .translateExtent(\r\n        zoomTranslateExtend || [\r\n          [-20, -20],\r\n          [width + 20, height + 20],\r\n        ],\r\n      )\r\n      .filter(zoomFilter)\r\n      .on('zoom', ({ transform }) => {\r\n        mapGSelect.attr('transform', transform);\r\n      });\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    mapSvgSelect.call(zoomBehavior as any);\r\n\r\n    zoomRef.current = zoomBehavior;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [height, width, zoomInteraction]);\r\n\r\n  const bounds = bbox(formattedMapData);\r\n\r\n  const center = centerOfMass(formattedMapData);\r\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\r\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n  const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n  const projection =\r\n    mapProjection === 'mercator'\r\n      ? geoMercator()\r\n          .rotate(projectionRotate)\r\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n          .translate([width / 2, height / 2])\r\n          .scale(scaleVar)\r\n      : mapProjection === 'equalEarth'\r\n        ? geoEqualEarth()\r\n            .rotate(projectionRotate)\r\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n            .translate([width / 2, height / 2])\r\n            .scale(scaleVar)\r\n        : mapProjection === 'naturalEarth'\r\n          ? geoNaturalEarth1()\r\n              .rotate(projectionRotate)\r\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n              .translate([width / 2, height / 2])\r\n              .scale(scaleVar)\r\n          : mapProjection === 'orthographic'\r\n            ? geoOrthographic()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar)\r\n            : geoAlbersUsa()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n  const pathGenerator = geoPath().projection(projection);\r\n  const handleZoom = (direction: 'in' | 'out') => {\r\n    if (!mapSvg.current || !zoomRef.current) return;\r\n    const svg = select(mapSvg.current);\r\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n  };\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          width={`${width}px`}\r\n          height={`${height}px`}\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          ref={mapSvg}\r\n          direction='ltr'\r\n        >\r\n          <g ref={mapG}>\r\n            {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n            {formattedMapData.features.map((d, i: number) => {\r\n              if (!d.properties?.[mapProperty]) return null;\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  opacity={\r\n                    selectedColor\r\n                      ? dimmedOpacity\r\n                      : highlightedIds\r\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : 1\r\n                  }\r\n                >\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: mapBorderColor,\r\n                      strokeWidth: mapBorderWidth,\r\n                      fill: mapNoDataColor,\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n            <AnimatePresence>\r\n              {data\r\n                .filter(d => d.id)\r\n                .map(d => {\r\n                  const index = formattedMapData.features.findIndex(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (el: any) => d.id === el.properties[mapProperty],\r\n                  );\r\n                  if (index === -1) return null;\r\n                  const path = pathGenerator(formattedMapData.features[index]);\r\n                  if (!path) return null;\r\n                  const color = !checkIfNullOrUndefined(d.x)\r\n                    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      colorScale(d.x as any)\r\n                    : mapNoDataColor;\r\n                  return (\r\n                    <motion.g\r\n                      key={d.id}\r\n                      className='undp-map-shapes'\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: selectedColor\r\n                            ? selectedColor === color\r\n                              ? !highlightedIds || highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : dimmedOpacity\r\n                            : highlightedIds\r\n                              ? highlightedIds.indexOf(d.id as string) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      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                      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                    >\r\n                      <motion.path\r\n                        key={`${d.id}`}\r\n                        d={path}\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                        exit={{\r\n                          opacity: 0,\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                        style={{\r\n                          stroke: mapBorderColor,\r\n                          strokeWidth: mapBorderWidth,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n              {formattedOverlayMapData?.features.map((d, i: number) => {\r\n                const path = pathGenerator(d);\r\n                if (!path) return null;\r\n                return (\r\n                  <g key={i}>\r\n                    <path\r\n                      d={path}\r\n                      style={{\r\n                        stroke: overlayMapBorderColor || mapBorderColor,\r\n                        strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n                        fill: 'none',\r\n                        pointerEvents: 'none',\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  </g>\r\n                );\r\n              })}\r\n              {data\r\n                .filter(d => !checkIfNullOrUndefined(d.lat) && !checkIfNullOrUndefined(d.long))\r\n                .map(d => {\r\n                  const labelPosMultiplier =\r\n                    (projection([d.long as number, d.lat as number]) as [number, number])[0] >\r\n                    0.8 * width\r\n                      ? -1\r\n                      : 1;\r\n                  return (\r\n                    <motion.g\r\n                      className='undp-map-dots'\r\n                      key={d.label || `${d.lat}-${d.long}`}\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: {\r\n                          opacity: highlightedDataPoints\r\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData(d);\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.(d);\r\n                      }}\r\n                      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                      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                      transform={`translate(${\r\n                        (projection([d.long as number, d.lat as number]) as [number, number])[0]\r\n                      },${(projection([d.long as number, d.lat as number]) as [number, number])[1]})`}\r\n                    >\r\n                      <motion.circle\r\n                        cx={0}\r\n                        cy={0}\r\n                        variants={{\r\n                          initial: {\r\n                            r: 0,\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                          },\r\n                          whileInView: {\r\n                            r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            fill: dotColor,\r\n                            stroke: dotBorderColor || dotColor,\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ r: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          fillOpacity: 0.8,\r\n                          vectorEffect: 'non-scaling-stroke',\r\n                        }}\r\n                      />\r\n                      {showLabels && d.label ? (\r\n                        <motion.text\r\n                          variants={{\r\n                            initial: {\r\n                              opacity: 0,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n                            },\r\n                            whileInView: {\r\n                              opacity: 1,\r\n                              x:\r\n                                labelPosMultiplier *\r\n                                (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                          y={0}\r\n                          className={cn('text-sm', classNames?.graphObjectValues)}\r\n                          style={{\r\n                            textAnchor: labelPosMultiplier === -1 ? 'end' : 'start',\r\n                            fill: labelColor || '#000',\r\n                            vectorEffect: 'non-scaling-stroke',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          dx={labelPosMultiplier * 4}\r\n                          dy={5}\r\n                        >\r\n                          {d.label}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  );\r\n                })}\r\n            </AnimatePresence>\r\n            {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          </g>\r\n        </motion.svg>\r\n        {showColorScale === false ? null : (\r\n          <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n            {showLegend ? (\r\n              <>\r\n                <div\r\n                  className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n                  onClick={() => {\r\n                    setShowLegend(false);\r\n                  }}\r\n                >\r\n                  <X />\r\n                </div>\r\n                <div\r\n                  className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                  style={{\r\n                    width: categorical || colorDomain.length < 2 ? undefined : '340px',\r\n                  }}\r\n                >\r\n                  {dotLegendTitle && dotLegendTitle !== '' ? (\r\n                    <>\r\n                      <div className='flex items-center gap-2'>\r\n                        <div\r\n                          className='w-3 h-3 rounded-full'\r\n                          style={{ backgroundColor: dotColor }}\r\n                        />\r\n                        <P\r\n                          size='xs'\r\n                          marginBottom='none'\r\n                          className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n                          style={{\r\n                            display: '-webkit-box',\r\n                            WebkitLineClamp: '1',\r\n                            WebkitBoxOrient: 'vertical',\r\n                          }}\r\n                        >\r\n                          {dotLegendTitle}\r\n                        </P>\r\n                      </div>\r\n                      <Spacer size='xl' />\r\n                      <Separator />\r\n                      <Spacer size='xl' />\r\n                    </>\r\n                  ) : null}\r\n                  {mapColorLegendTitle && mapColorLegendTitle !== '' ? (\r\n                    <P\r\n                      size='xs'\r\n                      marginBottom='xs'\r\n                      className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n                      style={{\r\n                        display: '-webkit-box',\r\n                        WebkitLineClamp: '1',\r\n                        WebkitBoxOrient: 'vertical',\r\n                      }}\r\n                    >\r\n                      {mapColorLegendTitle}\r\n                    </P>\r\n                  ) : null}\r\n                  {!categorical && colorDomain.length > 1 ? (\r\n                    <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n                      <g>\r\n                        {colorDomain.map((d, i) => (\r\n                          <g\r\n                            key={i}\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[i]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\r\n                            className='cursor-pointer'\r\n                          >\r\n                            <rect\r\n                              x={(i * 320) / colors.length + 1}\r\n                              y={1}\r\n                              width={320 / colors.length - 2}\r\n                              height={8}\r\n                              className={\r\n                                selectedColor === colors[i]\r\n                                  ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                  : ''\r\n                              }\r\n                              style={{\r\n                                fill: colors[i],\r\n                                ...(selectedColor === colors[i] ? {} : { stroke: colors[i] }),\r\n                              }}\r\n                            />\r\n                            <text\r\n                              x={((i + 1) * 320) / colors.length}\r\n                              y={25}\r\n                              className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                              style={{ textAnchor: 'middle' }}\r\n                            >\r\n                              {numberFormattingFunction(\r\n                                d as number,\r\n                                undefined,\r\n                                numberDisplayOptions?.precision ?? 2,\r\n                                undefined,\r\n                                undefined,\r\n                                numberDisplayOptions?.locale || 'en',\r\n                                numberDisplayOptions?.padZeros || false,\r\n                              )}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                        <g>\r\n                          <rect\r\n                            onMouseOver={() => {\r\n                              setSelectedColor(colors[colorDomain.length]);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                              setSelectedColor(undefined);\r\n                            }}\r\n                            x={(colorDomain.length * 320) / colors.length + 1}\r\n                            y={1}\r\n                            width={320 / colors.length - 2}\r\n                            height={8}\r\n                            className={`cursor-pointer ${\r\n                              selectedColor === colors[colorDomain.length]\r\n                                ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                                : ''\r\n                            }`}\r\n                            style={{\r\n                              fill: colors[colorDomain.length],\r\n                              ...(selectedColor === colors[colorDomain.length]\r\n                                ? {}\r\n                                : { stroke: colors[colorDomain.length] }),\r\n                            }}\r\n                          />\r\n                        </g>\r\n                      </g>\r\n                    </svg>\r\n                  ) : categorical ? (\r\n                    <div className='flex flex-col gap-3'>\r\n                      {colorDomain.map((d, i) => (\r\n                        <div\r\n                          key={i}\r\n                          className='flex gap-2 items-center'\r\n                          onMouseOver={() => {\r\n                            setSelectedColor(colors[i % colors.length]);\r\n                          }}\r\n                          onMouseLeave={() => {\r\n                            setSelectedColor(undefined);\r\n                          }}\r\n                        >\r\n                          <div\r\n                            className='w-2 h-2 rounded-full'\r\n                            style={{ backgroundColor: colors[i % colors.length] }}\r\n                          />\r\n                          <P size='sm' marginBottom='none' leading='none'>\r\n                            {d}\r\n                          </P>\r\n                        </div>\r\n                      ))}\r\n                    </div>\r\n                  ) : (\r\n                    <div className='flex flex-col gap-3'>\r\n                      <div\r\n                        className='flex gap-2 items-center'\r\n                        onMouseOver={() => {\r\n                          setSelectedColor(colors[0]);\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setSelectedColor(undefined);\r\n                        }}\r\n                      >\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[0] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {`<= ${numberFormattingFunction(\r\n                            colorDomain[0] as number,\r\n                            'NA',\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            undefined,\r\n                            undefined,\r\n                            numberDisplayOptions?.locale || 'en',\r\n                            numberDisplayOptions?.padZeros || false,\r\n                          )}`}\r\n                        </P>\r\n                      </div>\r\n                      <div\r\n                        className='flex gap-2 items-center'\r\n                        onMouseOver={() => {\r\n                          setSelectedColor(colors[1]);\r\n                        }}\r\n                        onMouseLeave={() => {\r\n                          setSelectedColor(undefined);\r\n                        }}\r\n                      >\r\n                        <div\r\n                          className='w-2 h-2 rounded-full'\r\n                          style={{ backgroundColor: colors[1] }}\r\n                        />\r\n                        <P size='sm' marginBottom='none' leading='none'>\r\n                          {`> ${numberFormattingFunction(\r\n                            colorDomain[0] as number,\r\n                            'NA',\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            undefined,\r\n                            undefined,\r\n                            numberDisplayOptions?.locale || 'en',\r\n                            numberDisplayOptions?.padZeros || false,\r\n                          )}`}\r\n                        </P>\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <ExpandIcon />\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons'>\r\n            <button\r\n              onClick={() => handleZoom('in')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              +\r\n            </button>\r\n            <button\r\n              onClick={() => handleZoom('out')}\r\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              –\r\n            </button>\r\n          </div>\r\n        )}\r\n        {(graphDownload || dataDownload) && (\r\n          <div className='absolute right-4 top-4 flex flex-col image-download-button gap-2'>\r\n            {graphDownload && (\r\n              <ImageDownloadButton nodeID={graphDownload} buttonSmall className='p-1' />\r\n            )}\r\n            {dataDownload && dataDownload.length > 0 && (\r\n              <CsvDownloadButton\r\n                csvData={dataDownload}\r\n                buttonSmall\r\n                headers={Object.keys(dataDownload[0]).map(d => ({\r\n                  label: d,\r\n                  key: d,\r\n                }))}\r\n                className='p-1'\r\n              />\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\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      {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    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect, useEffectEvent, useMemo } from 'react';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { FeatureCollection } from 'geojson';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HybridMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  ZoomInteractionTypes,\r\n  MapProjectionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n  ScaleDataType,\r\n  MapOverlayDataType,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { getJenks, getUniqValue } from '@/Utils';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects for dot density map*/\r\n  data: HybridMapDataType[];\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for the circle */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph for the choropleth map */\r\n  colorDomain?: number[] | string[];\r\n  /** Title for the legend for the dot density scale */\r\n  dotLegendTitle?: string;\r\n  /** Title for the color legend for the color scale */\r\n  mapColorLegendTitle?: string;\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: 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\r\n  // Graph Parameters\r\n  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  mapData?: FeatureCollection | string;\r\n  /** Detail if any other map needs to be overlayed over the main map */\r\n  mapOverlay?: MapOverlayDataType;\r\n  /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\r\n  rewindCoordinatesInMapData?: boolean;\r\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n  scale?: number;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\n  /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\r\n  projectionRotate?: [number, number] | [number, number, number];\r\n  /** Defines the zoom mode for the map */\r\n  zoomInteraction?: ZoomInteractionTypes;\r\n  /** Stroke width of the regions in the map */\r\n  mapBorderWidth?: number;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Color of the dots in the dot density map */\r\n  dotColor?: string;\r\n  /** Border color of the dots in the dot density map */\r\n  dotBorderColor?: string;\r\n  /** Color of the labels */\r\n  labelColor?: string;\r\n  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\r\n  /** Scale for the colors of the choropleth map */\r\n  choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;\r\n  /** Map projection type */\r\n  mapProjection?: MapProjectionTypes;\r\n  /** Extend of the allowed zoom in the map */\r\n  zoomScaleExtend?: [number, number];\r\n  /** Extend of the allowed panning in the map */\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\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 if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n  showAntarctica?: boolean;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n  mapProperty?: string;\r\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\r\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\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 HybridMap(props: Props) {\r\n  const {\r\n    data,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json',\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\r\n    mapColorLegendTitle,\r\n    colorDomain,\r\n    choroplethScaleType = 'threshold',\r\n    radius = 5,\r\n    scale = 0.95,\r\n    centerPoint,\r\n    padding,\r\n    mapBorderWidth = 0.5,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    showLabels = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    showColorScale = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showAntarctica = false,\r\n    language = 'en',\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    mapProjection = 'naturalEarth',\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    maxRadiusValue,\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\r\n    dotColor = Colors.primaryColors['blue-600'],\r\n    highlightedIds,\r\n    mapProperty = 'ISO3',\r\n    dotLegendTitle,\r\n    dotBorderColor,\r\n    labelColor = Colors.primaryColors['blue-600'],\r\n    projectionRotate = [0, 0],\r\n    rewindCoordinatesInMapData = true,\r\n    numberDisplayOptions,\r\n    mapOverlay,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = useMemo(() => {\r\n    const dates = [\r\n      ...new Set(\r\n        data\r\n          .filter(d => d.date)\r\n          .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n      ),\r\n    ];\r\n    dates.sort((a, b) => a - b);\r\n    return dates;\r\n  }, [data, timeline.dateFormat]);\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const domain =\r\n    colorDomain ||\r\n    (choroplethScaleType === 'categorical'\r\n      ? getUniqValue(data, 'x')\r\n      : getJenks(\r\n          data.map(d => d.x as number | null | undefined),\r\n          colors?.length || 4,\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\r\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\r\n    setMapShape(shape);\r\n  });\r\n\r\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\r\n    setOverlayMapShape(shape);\r\n  });\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        onUpdateShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData);\r\n    }\r\n  }, [mapData]);\r\n  useEffect(() => {\r\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n    if (typeof mapOverlay?.mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n      fetchData.then(d => {\r\n        onUpdateOverlayMapShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n    }\r\n  }, [mapOverlay?.mapData]);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\r\n  );\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription ? (\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        />\r\n      ) : null}\r\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n        <div className='flex gap-6 items-center' dir='ltr'>\r\n          <button\r\n            type='button'\r\n            onClick={() => {\r\n              setPlay(!play);\r\n            }}\r\n            className='p-0 border-0 cursor-pointer bg-transparent'\r\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n          >\r\n            {play ? <Pause /> : <Play />}\r\n          </button>\r\n          <SliderUI\r\n            min={uniqDatesSorted[0]}\r\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            marks={markObj}\r\n            step={null}\r\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            value={uniqDatesSorted[index]}\r\n            onChangeComplete={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            onChange={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            dotColor={dotColor}\r\n            data={data.filter(d =>\r\n              timeline.enabled\r\n                ? `${d.date}` ===\r\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n                : d,\r\n            )}\r\n            mapData={\r\n              showAntarctica\r\n                ? mapShape\r\n                : {\r\n                    ...mapShape,\r\n                    features: mapShape.features.filter(el => el.properties?.NAME !== 'Antarctica'),\r\n                  }\r\n            }\r\n            overlayMapData={overlayMapShape}\r\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n            colorDomain={domain}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            scale={scale}\r\n            centerPoint={centerPoint}\r\n            colors={\r\n              colors ||\r\n              (choroplethScaleType === 'categorical'\r\n                ? Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ]\r\n                : Colors[theme].sequentialColors[\r\n                    `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                  ])\r\n            }\r\n            mapColorLegendTitle={mapColorLegendTitle}\r\n            radius={radius}\r\n            categorical={choroplethScaleType === 'categorical'}\r\n            mapBorderWidth={mapBorderWidth}\r\n            mapNoDataColor={mapNoDataColor}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            showLabels={showLabels}\r\n            isWorldMap={isWorldMap}\r\n            showColorScale={showColorScale}\r\n            zoomScaleExtend={zoomScaleExtend}\r\n            zoomTranslateExtend={zoomTranslateExtend}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            highlightedDataPoints={highlightedDataPoints}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            classNames={classNames}\r\n            zoomInteraction={zoomInteraction}\r\n            detailsOnClick={detailsOnClick}\r\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            maxRadiusValue={\r\n              !checkIfNullOrUndefined(maxRadiusValue)\r\n                ? (maxRadiusValue as number)\r\n                : Math.max(...data.map(d => d.radius).filter(d => d !== undefined && d !== null))\r\n            }\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n            highlightedIds={highlightedIds}\r\n            mapProperty={mapProperty}\r\n            dotLegendTitle={dotLegendTitle}\r\n            dotBorderColor={dotBorderColor}\r\n            labelColor={labelColor}\r\n            projectionRotate={projectionRotate}\r\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n            numberDisplayOptions={numberDisplayOptions}\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        ) : (\r\n          <div\r\n            style={{\r\n              height: `${Math.max(\r\n                minHeight,\r\n                height ||\r\n                  (relativeHeight\r\n                    ? minHeight\r\n                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                        ? (width || svgWidth) * relativeHeight\r\n                        : minHeight\r\n                      : (width || svgWidth) * relativeHeight\r\n                    : svgHeight),\r\n              )}px`,\r\n            }}\r\n            className='flex items-center justify-center'\r\n          >\r\n            <Spinner aria-label='Loading graph' />\r\n          </div>\r\n        )}\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","data","colors","mapData","mapColorLegendTitle","colorDomain","radius","height","width","scale","centerPoint","tooltip","showLabels","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","maxRadiusValue","categorical","dotColor","collapseColorScaleByDefault","highlightedIds","mapProperty","dotLegendTitle","dotBorderColor","labelColor","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","numberDisplayOptions","graphDownload","dataDownload","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","d","length","scaleSqrt","domain","range","nice","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","e","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","on","transform","attr","call","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","pathGenerator","geoPath","handleZoom","direction","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","i","properties","path","indexOf","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","id","index","findIndex","el","color","checkIfNullOrUndefined","x","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","pointerEvents","lat","long","labelPosMultiplier","label","r","fillOpacity","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","P","display","WebkitLineClamp","WebkitBoxOrient","Spacer","Separator","numberFormattingFunction","precision","locale","padZeros","ExpandIcon","ImageDownloadButton","CsvDownloadButton","Object","keys","key","DetailsModal","modal","Tooltip","HybridMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","choroplethScaleType","t2","t3","t4","padding","t5","t6","t7","t8","t9","relativeHeight","isWorldMap","t10","t11","t12","graphID","t13","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","t24","timeline","t25","t26","t27","t28","t29","t30","mapOverlay","Colors","light","graphNoData","grays","t31","t32","t33","enabled","autoplay","showOnlyActiveDate","primaryColors","t34","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t35","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t36","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_2","t41","t42","d_3","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","t49","graphContainer","t50","t51","description","title","GraphHeader","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_4","format","_temp4","sequentialColors","max","_temp5","_temp6","_temp7","_temp8","_temp9","_temp0","_temp1","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_9","d_8","d_7","d_11","d_10","d_6","d_5","NAME","d_1","a","b"],"mappings":"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"}