@undp/data-viz 1.2.8 → 1.3.0

package/dist/SankeyChart.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index-BHm2KTjD-D8FylaKc.cjs"),q=require("react"),it=require("./index-CZbIGs8q.cjs"),ct=require("./index-BzeLQvXk.cjs"),Et=require("./index-C21TvELx.cjs"),Z=require("./Typography-CDR-DAHH.cjs"),Vt=require("./index-BXns0-ng.cjs"),Pt=require("./Modal-cQF2UQIa.cjs"),Lt=require("./numberFormattingFunction.js"),zt=require("./Tooltip-BM18N_3l.cjs"),It=require("./string2HTML-X4ZYX5jI.cjs"),ht=require("./use-in-view-Dl1CsAIo.cjs"),Ht=require("./index-a2C2Bqn2.cjs"),At=require("./GraphHeader.js"),Wt=require("./GraphFooter.js"),Mt=require("./Colors.js"),Ft=require("./generateRandomString-B5zBiJzS.cjs"),Gt=require("./EmptyState-BQguKAp5.cjs");function Rt(e,n){let i;if(n===void 0)for(const a of e)a!=null&&(i<a||i===void 0&&a>=a)&&(i=a);else{let a=-1;for(let l of e)(l=n(l,++a,e))!=null&&(i<l||i===void 0&&l>=l)&&(i=l)}return i}function Ot(e,n){let i;if(n===void 0)for(const a of e)a!=null&&(i>a||i===void 0&&a>=a)&&(i=a);else{let a=-1;for(let l of e)(l=n(l,++a,e))!=null&&(i>l||i===void 0&&l>=l)&&(i=l)}return i}function xt(e,n){let i=0;if(n===void 0)for(let a of e)(a=+a)&&(i+=a);else{let a=-1;for(let l of e)(l=+n(l,++a,e))&&(i+=l)}return i}function Xt(e){return e.target.depth}function Yt(e,n){return e.sourceLinks.length?e.depth:n-1}function mt(e){return e.targetLinks.length?e.depth:e.sourceLinks.length?Ot(e.sourceLinks,Xt)-1:0}function ft(e){return function(){return e}}function St(e,n){return gt(e.source,n.source)||e.index-n.index}function _t(e,n){return gt(e.target,n.target)||e.index-n.index}function gt(e,n){return e.y0-n.y0}function yt(e){return e.value}function Ut(e){return e.index}function Zt(e){return e.nodes}function Kt(e){return e.links}function Nt(e,n){const i=e.get(n);if(!i)throw new Error("missing: "+n);return i}function Tt({nodes:e}){for(const n of e){let i=n.y0,a=i;for(const l of n.sourceLinks)l.y0=i+l.width/2,i+=l.width;for(const l of n.targetLinks)l.y1=a+l.width/2,a+=l.width}}function jt(){let e=0,n=0,i=1,a=1,l=24,m=8,g,p=Ut,j=Yt,w,v,b=Zt,$=Kt,R=6;function d(){const t={nodes:b.apply(null,arguments),links:$.apply(null,arguments)};return S(t),L(t),B(t),X(t),A(t),Tt(t),t}d.update=function(t){return Tt(t),t},d.nodeId=function(t){return arguments.length?(p=typeof t=="function"?t:ft(t),d):p},d.nodeAlign=function(t){return arguments.length?(j=typeof t=="function"?t:ft(t),d):j},d.nodeSort=function(t){return arguments.length?(w=t,d):w},d.nodeWidth=function(t){return arguments.length?(l=+t,d):l},d.nodePadding=function(t){return arguments.length?(m=g=+t,d):m},d.nodes=function(t){return arguments.length?(b=typeof t=="function"?t:ft(t),d):b},d.links=function(t){return arguments.length?($=typeof t=="function"?t:ft(t),d):$},d.linkSort=function(t){return arguments.length?(v=t,d):v},d.size=function(t){return arguments.length?(e=n=0,i=+t[0],a=+t[1],d):[i-e,a-n]},d.extent=function(t){return arguments.length?(e=+t[0][0],i=+t[1][0],n=+t[0][1],a=+t[1][1],d):[[e,n],[i,a]]},d.iterations=function(t){return arguments.length?(R=+t,d):R};function S({nodes:t,links:u}){for(const[c,r]of t.entries())r.index=c,r.sourceLinks=[],r.targetLinks=[];const s=new Map(t.map((c,r)=>[p(c,r,t),c]));for(const[c,r]of u.entries()){r.index=c;let{source:h,target:x}=r;typeof h!="object"&&(h=r.source=Nt(s,h)),typeof x!="object"&&(x=r.target=Nt(s,x)),h.sourceLinks.push(r),x.targetLinks.push(r)}if(v!=null)for(const{sourceLinks:c,targetLinks:r}of t)c.sort(v),r.sort(v)}function L({nodes:t}){for(const u of t)u.value=u.fixedValue===void 0?Math.max(xt(u.sourceLinks,yt),xt(u.targetLinks,yt)):u.fixedValue}function B({nodes:t}){const u=t.length;let s=new Set(t),c=new Set,r=0;for(;s.size;){for(const h of s){h.depth=r;for(const{target:x}of h.sourceLinks)c.add(x)}if(++r>u)throw new Error("circular link");s=c,c=new Set}}function X({nodes:t}){const u=t.length;let s=new Set(t),c=new Set,r=0;for(;s.size;){for(const h of s){h.height=r;for(const{source:x}of h.targetLinks)c.add(x)}if(++r>u)throw new Error("circular link");s=c,c=new Set}}function D({nodes:t}){const u=Rt(t,r=>r.depth)+1,s=(i-e-l)/(u-1),c=new Array(u);for(const r of t){const h=Math.max(0,Math.min(u-1,Math.floor(j.call(null,r,u))));r.layer=h,r.x0=e+h*s,r.x1=r.x0+l,c[h]?c[h].push(r):c[h]=[r]}if(w)for(const r of c)r.sort(w);return c}function _(t){const u=Ot(t,s=>(a-n-(s.length-1)*g)/xt(s,yt));for(const s of t){let c=n;for(const r of s){r.y0=c,r.y1=c+r.value*u,c=r.y1+g;for(const h of r.sourceLinks)h.width=h.value*u}c=(a-c+g)/(s.length+1);for(let r=0;r<s.length;++r){const h=s[r];h.y0+=c*(r+1),h.y1+=c*(r+1)}P(s)}}function A(t){const u=D(t);g=Math.min(m,(a-n)/(Rt(u,s=>s.length)-1)),_(u);for(let s=0;s<R;++s){const c=Math.pow(.99,s),r=Math.max(1-c,(s+1)/R);et(u,c,r),tt(u,c,r)}}function tt(t,u,s){for(let c=1,r=t.length;c<r;++c){const h=t[c];for(const x of h){let N=0,T=0;for(const{source:I,value:O}of x.targetLinks){let H=O*(x.layer-I.layer);N+=U(I,x)*H,T+=H}if(!(T>0))continue;let W=(N/T-x.y0)*u;x.y0+=W,x.y1+=W,C(x)}w===void 0&&h.sort(gt),V(h,s)}}function et(t,u,s){for(let c=t.length,r=c-2;r>=0;--r){const h=t[r];for(const x of h){let N=0,T=0;for(const{target:I,value:O}of x.sourceLinks){let H=O*(I.layer-x.layer);N+=ot(x,I)*H,T+=H}if(!(T>0))continue;let W=(N/T-x.y0)*u;x.y0+=W,x.y1+=W,C(x)}w===void 0&&h.sort(gt),V(h,s)}}function V(t,u){const s=t.length>>1,c=t[s];nt(t,c.y0-g,s-1,u),Y(t,c.y1+g,s+1,u),nt(t,a,t.length-1,u),Y(t,n,0,u)}function Y(t,u,s,c){for(;s<t.length;++s){const r=t[s],h=(u-r.y0)*c;h>1e-6&&(r.y0+=h,r.y1+=h),u=r.y1+g}}function nt(t,u,s,c){for(;s>=0;--s){const r=t[s],h=(r.y1-u)*c;h>1e-6&&(r.y0-=h,r.y1-=h),u=r.y0-g}}function C({sourceLinks:t,targetLinks:u}){if(v===void 0){for(const{source:{sourceLinks:s}}of u)s.sort(_t);for(const{target:{targetLinks:s}}of t)s.sort(St)}}function P(t){if(v===void 0)for(const{sourceLinks:u,targetLinks:s}of t)u.sort(_t),s.sort(St)}function U(t,u){let s=t.y0-(t.sourceLinks.length-1)*g/2;for(const{target:c,width:r}of t.sourceLinks){if(c===u)break;s+=r+g}for(const{source:c,width:r}of u.targetLinks){if(c===t)break;s-=r}return s}function ot(t,u){let s=u.y0-(u.targetLinks.length-1)*g/2;for(const{source:c,width:r}of u.targetLinks){if(c===t)break;s+=r+g}for(const{target:c,width:r}of t.sourceLinks){if(c===u)break;s-=r}return s}return d}var vt=Math.PI,kt=2*vt,J=1e-6,Qt=kt-J;function wt(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function qt(){return new wt}wt.prototype=qt.prototype={constructor:wt,moveTo:function(e,n){this._+="M"+(this._x0=this._x1=+e)+","+(this._y0=this._y1=+n)},closePath:function(){this._x1!==null&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},lineTo:function(e,n){this._+="L"+(this._x1=+e)+","+(this._y1=+n)},quadraticCurveTo:function(e,n,i,a){this._+="Q"+ +e+","+ +n+","+(this._x1=+i)+","+(this._y1=+a)},bezierCurveTo:function(e,n,i,a,l,m){this._+="C"+ +e+","+ +n+","+ +i+","+ +a+","+(this._x1=+l)+","+(this._y1=+m)},arcTo:function(e,n,i,a,l){e=+e,n=+n,i=+i,a=+a,l=+l;var m=this._x1,g=this._y1,p=i-e,j=a-n,w=m-e,v=g-n,b=w*w+v*v;if(l<0)throw new Error("negative radius: "+l);if(this._x1===null)this._+="M"+(this._x1=e)+","+(this._y1=n);else if(b>J)if(!(Math.abs(v*p-j*w)>J)||!l)this._+="L"+(this._x1=e)+","+(this._y1=n);else{var $=i-m,R=a-g,d=p*p+j*j,S=$*$+R*R,L=Math.sqrt(d),B=Math.sqrt(b),X=l*Math.tan((vt-Math.acos((d+b-S)/(2*L*B)))/2),D=X/B,_=X/L;Math.abs(D-1)>J&&(this._+="L"+(e+D*w)+","+(n+D*v)),this._+="A"+l+","+l+",0,0,"+ +(v*$>w*R)+","+(this._x1=e+_*p)+","+(this._y1=n+_*j)}},arc:function(e,n,i,a,l,m){e=+e,n=+n,i=+i,m=!!m;var g=i*Math.cos(a),p=i*Math.sin(a),j=e+g,w=n+p,v=1^m,b=m?a-l:l-a;if(i<0)throw new Error("negative radius: "+i);this._x1===null?this._+="M"+j+","+w:(Math.abs(this._x1-j)>J||Math.abs(this._y1-w)>J)&&(this._+="L"+j+","+w),i&&(b<0&&(b=b%kt+kt),b>Qt?this._+="A"+i+","+i+",0,1,"+v+","+(e-g)+","+(n-p)+"A"+i+","+i+",0,1,"+v+","+(this._x1=j)+","+(this._y1=w):b>J&&(this._+="A"+i+","+i+",0,"+ +(b>=vt)+","+v+","+(this._x1=e+i*Math.cos(l))+","+(this._y1=n+i*Math.sin(l))))},rect:function(e,n,i,a){this._+="M"+(this._x0=this._x1=+e)+","+(this._y0=this._y1=+n)+"h"+ +i+"v"+ +a+"h"+-i+"Z"},toString:function(){return this._}};function Ct(e){return function(){return e}}function Jt(e){return e[0]}function te(e){return e[1]}var ee=Array.prototype.slice;function ne(e){return e.source}function oe(e){return e.target}function ie(e){var n=ne,i=oe,a=Jt,l=te,m=null;function g(){var p,j=ee.call(arguments),w=n.apply(this,j),v=i.apply(this,j);if(m||(m=p=qt()),e(m,+a.apply(this,(j[0]=w,j)),+l.apply(this,j),+a.apply(this,(j[0]=v,j)),+l.apply(this,j)),p)return m=null,p+""||null}return g.source=function(p){return arguments.length?(n=p,g):n},g.target=function(p){return arguments.length?(i=p,g):i},g.x=function(p){return arguments.length?(a=typeof p=="function"?p:Ct(+p),g):a},g.y=function(p){return arguments.length?(l=typeof p=="function"?p:Ct(+p),g):l},g.context=function(p){return arguments.length?(m=p??null,g):m},g}function re(e,n,i,a,l){e.moveTo(n,i),e.bezierCurveTo(n=(n+a)/2,i,n,l,a,l)}function se(){return ie(re)}function ae(e){return[e.source.x1,e.y0]}function le(e){return[e.target.x0,e.y1]}function ue(){return se().source(ae).target(le)}function ce(e){const{data:n,showLabels:i,leftMargin:a,rightMargin:l,truncateBy:m,width:g,height:p,topMargin:j,bottomMargin:w,tooltip:v,onSeriesMouseOver:b,suffix:$,prefix:R,showValues:d,onSeriesMouseClick:S,nodePadding:L,nodeWidth:B,id:X,highlightedSourceDataPoints:D,highlightedTargetDataPoints:_,defaultLinkOpacity:A,sourceTitle:tt,targetTitle:et,animate:V,sortNodes:Y,resetSelectionOnDoubleClick:nt,detailsOnClick:C,styles:P,classNames:U,precision:ot,customLayers:t}=e,u=q.useRef(null),s=ht.useInView(u,{once:V.once,amount:V.amount}),[c,r]=q.useState(void 0),[h,x]=q.useState(void 0),[N,T]=q.useState(void 0),[W,I]=q.useState(void 0),[O,H]=q.useState(void 0),z={top:j,bottom:w,left:a,right:l},F=g-z.left-z.right,G=p-z.top-z.bottom,st=Y==="mostReadable"?jt().nodeWidth(B).nodePadding(L).size([F,G]).nodeAlign(mt):Y==="none"?jt().nodeWidth(B).nodePadding(L).size([F,G]).nodeAlign(mt).nodeSort(()=>null).linkSort(()=>null):jt().nodeWidth(B).nodePadding(L).size([F,G]).nodeAlign(mt).nodeSort(Y==="desc"?(o,M)=>(M.value||0)-(o.value||0):(o,M)=>(o.value||0)-(M.value||0)),{nodes:at,links:lt}=st(n),Q=ue();return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[f.jsxRuntimeExports.jsxs(ht.motion.svg,{width:`${g}px`,height:`${p}px`,viewBox:`0 0 ${g} ${p}`,style:{marginLeft:"auto",marginRight:"auto"},direction:"ltr",ref:u,children:[tt?f.jsxRuntimeExports.jsx("text",{x:z.left,y:z.top-10,className:"text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",style:{textAnchor:"start"},children:tt}):null,et?f.jsxRuntimeExports.jsx("text",{x:g-z.right,y:z.top-10,className:"text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100",style:{textAnchor:"end"},children:et}):null,f.jsxRuntimeExports.jsxs("g",{transform:`translate(${z.left},${z.top})`,children:[t.filter(o=>o.position==="before").map(o=>o.layer),at.filter(o=>o.type==="source").map((o,M)=>f.jsxRuntimeExports.jsx("g",{onMouseEnter:()=>{T(o)},onMouseLeave:()=>{T(void 0)},children:f.jsxRuntimeExports.jsxs("g",{transform:`translate(${o.x0},${o.y0})`,children:[f.jsxRuntimeExports.jsx("rect",{x:0,y:0,width:(o.x1||0)-(o.x0||0),height:(o.y1||0)-(o.y0||0),style:{fill:o.color}}),i||d?f.jsxRuntimeExports.jsx("foreignObject",{y:0-L/2,x:0-a,width:a,height:(o.y1||0)-(o.y0||0)+L,children:f.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-0.5 justify-center py-0 px-1.5",style:{height:`${(o.y1||0)-(o.y0||0)+L}px`,overflow:"visible"},children:[i?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{marginBottom:d?"3xs":"none",size:"sm",leading:"none",className:Z.cnExports.cn("sankey-right-label text-right",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:`${o.label}`.length<m?`${o.label}`:`${`${o.label}`.substring(0,m)}...`}):null,d?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{marginBottom:"none",size:"sm",leading:"none",className:Z.cnExports.cn("sankey-right-value text-right font-bold",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:Lt.numberFormattingFunction(o.value,"NA",ot,R,$)}):null]})}):null]})},M)),at.filter(o=>o.type==="target").map((o,M)=>f.jsxRuntimeExports.jsx("g",{onMouseEnter:()=>{T(o)},onMouseLeave:()=>{T(void 0)},children:f.jsxRuntimeExports.jsxs("g",{transform:`translate(${o.x0},${o.y0})`,children:[f.jsxRuntimeExports.jsx("rect",{x:0,y:0,width:(o.x1||0)-(o.x0||0),height:(o.y1||0)-(o.y0||0),style:{fill:o.color}}),i||d?f.jsxRuntimeExports.jsx("foreignObject",{y:0-L/2,x:B,width:l-B,height:(o.y1||0)-(o.y0||0)+L,children:f.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-0.5 justify-center py-0 px-1.5",style:{height:`${(o.y1||0)-(o.y0||0)+L}px`},children:[i?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{marginBottom:d?"3xs":"none",size:"sm",leading:"none",className:Z.cnExports.cn("sankey-left-label text-left",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:`${o.label}`.length<m?`${o.label}`:`${`${o.label}`.substring(0,m)}...`}):null,d?f.jsxRuntimeExports.jsx(Z.TypographyExports.P,{size:"sm",leading:"none",marginBottom:"none",className:Z.cnExports.cn("sankey-left-value text-left font-bold",U?.graphObjectValues),style:{hyphens:"auto",color:o.color,...P?.graphObjectValues},children:Lt.numberFormattingFunction(o.value,"NA",ot,R,$)}):null]})}):null]})},M)),f.jsxRuntimeExports.jsx("defs",{children:lt.map((o,M)=>f.jsxRuntimeExports.jsxs("linearGradient",{id:`${X}-gradient-${M}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%",gradientUnits:"userSpaceOnUse",children:[f.jsxRuntimeExports.jsx("stop",{offset:"0%",style:{stopColor:o.source.color,stopOpacity:1}}),f.jsxRuntimeExports.jsx("stop",{offset:"100%",style:{stopColor:o.target.color,stopOpacity:1}})]},M))}),f.jsxRuntimeExports.jsx("g",{children:f.jsxRuntimeExports.jsx(Ht.AnimatePresence,{children:lt.map((o,M)=>f.jsxRuntimeExports.jsx(ht.motion.g,{className:"undp-viz-g-with-hover",onMouseEnter:K=>{r(o.data),H(K.clientY),I(K.clientX),b?.(o)},onMouseMove:K=>{r(o.data),H(K.clientY),I(K.clientX)},onClick:()=>{(S||C)&&(Vt.isEqual(h,o.data)&&nt?(x(void 0),S?.(void 0)):(x(o.data),S?.(o.data)))},onMouseLeave:()=>{r(void 0),I(void 0),H(void 0),b?.(void 0)},variants:{initial:{opacity:N?o.source.name===N.name||o.target.name===N.name?.85:A:(D.length!==0||_.length!==0)&&(D.indexOf(o.source.label)!==-1||_.indexOf(o.target.label)!==-1)?.85:A},whileInView:{opacity:N?o.source.name===N.name||o.target.name===N.name?.85:A:(D.length!==0||_.length!==0)&&(D.indexOf(o.source.label)!==-1||_.indexOf(o.target.label)!==-1)?.85:A,transition:{duration:V.duration}}},initial:"initial",animate:s?"whileInView":"initial",exit:{opacity:0,transition:{duration:V.duration}},children:f.jsxRuntimeExports.jsx(ht.motion.path,{d:Q(o)||"",style:{stroke:`url(#${X}-gradient-${M})`,strokeWidth:o.width,fill:"none"},exit:{opacity:0,transition:{duration:V.duration}},variants:{initial:{pathLength:0,opacity:1},whileInView:{pathLength:1,opacity:1,transition:{duration:V.duration}}},initial:"initial",animate:s?"whileInView":"initial"},`${o.source}-${o.target}`)},`${o.source}-${o.target}`))})}),t.filter(o=>o.position==="after").map(o=>o.layer)]})]}),c&&v&&W&&O?f.jsxRuntimeExports.jsx(zt.Tooltip,{data:c,body:v,xPos:W,yPos:O,backgroundStyle:P?.tooltip,className:U?.tooltip}):null,C&&h!==void 0?f.jsxRuntimeExports.jsx(Pt.ModalExports.Modal,{open:h!==void 0,onClose:()=>{x(void 0)},children:f.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof C=="string"?{__html:It.string2HTML(C,h)}:void 0,children:typeof C=="function"?C(h):null})}):null]})}function he(e){const{data:n,graphTitle:i,sources:a,graphDescription:l,showLabels:m=!0,leftMargin:g=75,rightMargin:p=75,topMargin:j=30,bottomMargin:w=10,truncateBy:v=999,height:b,width:$,footNote:R,padding:d,backgroundColor:S,tooltip:L,onSeriesMouseOver:B,suffix:X="",prefix:D="",relativeHeight:_,showValues:A=!0,graphID:tt,onSeriesMouseClick:et,graphDownload:V=!1,dataDownload:Y=!1,fillContainer:nt=!0,language:C="en",minHeight:P=0,theme:U="light",ariaLabel:ot,sourceColors:t,targetColors:u,sourceColorDomain:s,targetColorDomain:c,nodePadding:r=5,nodeWidth:h=5,highlightedSourceDataPoints:x=[],highlightedTargetDataPoints:N=[],defaultLinkOpacity:T=.3,sourceTitle:W,targetTitle:I,sortNodes:O="mostReadable",resetSelectionOnDoubleClick:H=!0,detailsOnClick:z,styles:F,classNames:G,animate:st=!1,precision:at=2,customLayers:lt=[]}=e,[Q,o]=q.useState(0),[M,K]=q.useState(0),[bt,Bt]=q.useState(void 0),rt=q.useRef(null),$t=q.useRef(null);return q.useEffect(()=>{const E=it.uniqBy(n,"source").map(k=>({name:`source_${k.source}`,type:"source",label:`${k.source}`,color:typeof t=="string"||!t?t||Mt.Colors.graphMainColor:t[(s||it.uniqBy(n,"source").map(y=>`${y.source}`)).findIndex(y=>`${y}`==`${k.source}`)>t.length?t.length-1:(s||it.uniqBy(n,"source").map(y=>`${y.source}`)).findIndex(y=>`${y}`==`${k.source}`)],totalValue:Et.sum(n.filter(y=>`${y.source}`==`${k.source}`).map(y=>y.value))})),ut=O==="asc"?ct.sortBy(E,k=>k.totalValue):O==="desc"?ct.sortBy(E,k=>k.totalValue).reverse():E,dt=it.uniqBy(n,"target").map(k=>({name:`target_${k.target}`,type:"target",label:`${k.target}`,color:typeof u=="string"||!u?u||Mt.Colors.graphMainColor:u[(c||it.uniqBy(n,"target").map(y=>`${y.target}`)).findIndex(y=>`${y}`==`${k.target}`)>u.length?u.length-1:(c||it.uniqBy(n,"target").map(y=>`${y.target}`)).findIndex(y=>`${y}`==`${k.target}`)],totalValue:Et.sum(n.filter(y=>`${y.target}`==`${k.target}`).map(y=>y.value))})),Dt=O==="asc"?ct.sortBy(dt,k=>k.totalValue):O==="desc"?ct.sortBy(dt,k=>k.totalValue).reverse():dt,pt=[...ut,...Dt];Bt({nodes:pt,links:n.map(k=>({source:pt.findIndex(y=>y.name===`source_${k.source}`),target:pt.findIndex(y=>y.name===`target_${k.target}`),value:k.value,data:{...k}}))})},[n,O,s,t,c,u]),q.useEffect(()=>{const E=new ResizeObserver(ut=>{o($||ut[0].target.clientWidth||620),K(b||ut[0].target.clientHeight||480)});return rt.current&&(K(rt.current.clientHeight||480),o(rt.current.clientWidth||620),$||E.observe(rt.current)),()=>E.disconnect()},[$,b]),f.jsxRuntimeExports.jsx("div",{className:`${U||"light"} flex ${$?"grow-0":"grow"} ${nt?"w-full":"w-fit"} `,dir:C==="he"||C==="ar"?"rtl":void 0,children:f.jsxRuntimeExports.jsx("div",{className:Z.cnExports.cn(`${S?S===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${C||"en"}`,G?.graphContainer),style:{...F?.graphContainer||{},...S&&S!==!0?{backgroundColor:S}:{}},id:tt,ref:$t,"aria-label":ot||`${i?`The graph shows ${i}. `:""}This is a sankey chart showing flow. ${l?` ${l}`:""}`,children:f.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:S?d||"1rem":d||0},children:f.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4 w-full grow justify-between",children:[i||l||V||Y?f.jsxRuntimeExports.jsx(At.GraphHeader,{styles:{title:F?.title,description:F?.description},classNames:{title:G?.title,description:G?.description},graphTitle:i,graphDescription:l,width:$,graphDownload:V?$t.current:void 0,dataDownload:Y?n.map(E=>E.data).filter(E=>E!==void 0).length>0?n.map(E=>E.data).filter(E=>E!==void 0):n.filter(E=>E!==void 0):null}):null,f.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:n.length===0?f.jsxRuntimeExports.jsx(Gt.EmptyState,{}):f.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center gap-3 w-full leading-0",ref:rt,"aria-label":"Graph area",children:($||Q)&&(b||M)&&bt?f.jsxRuntimeExports.jsx(ce,{data:bt,width:$||Q,nodePadding:r,nodeWidth:h,height:Math.max(P,b||(_?P?($||Q)*_>P?($||Q)*_:P:($||Q)*_:M)),showLabels:m,leftMargin:g,rightMargin:p,topMargin:j,bottomMargin:w,truncateBy:v,tooltip:L,onSeriesMouseOver:B,showValues:A,suffix:X,prefix:D,onSeriesMouseClick:et,id:Ft.generateRandomString(8),highlightedSourceDataPoints:x.map(E=>`${E}`),highlightedTargetDataPoints:N.map(E=>`${E}`),defaultLinkOpacity:T,sourceTitle:W,targetTitle:I,sortNodes:O,resetSelectionOnDoubleClick:H,styles:F,classNames:G,detailsOnClick:z,animate:st===!0?{duration:.5,once:!0,amount:.5}:st||{duration:0,once:!0,amount:0},precision:at,customLayers:lt}):null})}),a||R?f.jsxRuntimeExports.jsx(Wt.GraphFooter,{styles:{footnote:F?.footnote,source:F?.source},classNames:{footnote:G?.footnote,source:G?.source},sources:a,footNote:R,width:$}):null]})})})})}exports.SankeyChart=he;
+//# sourceMappingURL=SankeyChart.js.map

package/dist/SankeyChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SankeyChart.js","sources":["../node_modules/d3-sankey/node_modules/d3-array/src/max.js","../node_modules/d3-sankey/node_modules/d3-array/src/min.js","../node_modules/d3-sankey/node_modules/d3-array/src/sum.js","../node_modules/d3-sankey/src/align.js","../node_modules/d3-sankey/src/constant.js","../node_modules/d3-sankey/src/sankey.js","../node_modules/d3-sankey/node_modules/d3-path/src/path.js","../node_modules/d3-sankey/node_modules/d3-shape/src/constant.js","../node_modules/d3-sankey/node_modules/d3-shape/src/point.js","../node_modules/d3-sankey/node_modules/d3-shape/src/array.js","../node_modules/d3-sankey/node_modules/d3-shape/src/link/index.js","../node_modules/d3-sankey/src/sankeyLinkHorizontal.js","../src/Components/Graphs/SankeyChart/Graph.tsx","../src/Components/Graphs/SankeyChart/index.tsx"],"sourcesContent":["export default function max(values, valueof) {\n  let max;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (max < value || (max === undefined && value >= value))) {\n        max = value;\n      }\n    }\n  }\n  return max;\n}\n","export default function min(values, valueof) {\n  let min;\n  if (valueof === undefined) {\n    for (const value of values) {\n      if (value != null\n          && (min > value || (min === undefined && value >= value))) {\n        min = value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if ((value = valueof(value, ++index, values)) != null\n          && (min > value || (min === undefined && value >= value))) {\n        min = value;\n      }\n    }\n  }\n  return min;\n}\n","export default function sum(values, valueof) {\n  let sum = 0;\n  if (valueof === undefined) {\n    for (let value of values) {\n      if (value = +value) {\n        sum += value;\n      }\n    }\n  } else {\n    let index = -1;\n    for (let value of values) {\n      if (value = +valueof(value, ++index, values)) {\n        sum += value;\n      }\n    }\n  }\n  return sum;\n}\n","import {min} from \"d3-array\";\n\nfunction targetDepth(d) {\n  return d.target.depth;\n}\n\nexport function left(node) {\n  return node.depth;\n}\n\nexport function right(node, n) {\n  return n - 1 - node.height;\n}\n\nexport function justify(node, n) {\n  return node.sourceLinks.length ? node.depth : n - 1;\n}\n\nexport function center(node) {\n  return node.targetLinks.length ? node.depth\n      : node.sourceLinks.length ? min(node.sourceLinks, targetDepth) - 1\n      : 0;\n}\n","export default function constant(x) {\n  return function() {\n    return x;\n  };\n}\n","import {max, min, sum} from \"d3-array\";\nimport {justify} from \"./align.js\";\nimport constant from \"./constant.js\";\n\nfunction ascendingSourceBreadth(a, b) {\n  return ascendingBreadth(a.source, b.source) || a.index - b.index;\n}\n\nfunction ascendingTargetBreadth(a, b) {\n  return ascendingBreadth(a.target, b.target) || a.index - b.index;\n}\n\nfunction ascendingBreadth(a, b) {\n  return a.y0 - b.y0;\n}\n\nfunction value(d) {\n  return d.value;\n}\n\nfunction defaultId(d) {\n  return d.index;\n}\n\nfunction defaultNodes(graph) {\n  return graph.nodes;\n}\n\nfunction defaultLinks(graph) {\n  return graph.links;\n}\n\nfunction find(nodeById, id) {\n  const node = nodeById.get(id);\n  if (!node) throw new Error(\"missing: \" + id);\n  return node;\n}\n\nfunction computeLinkBreadths({nodes}) {\n  for (const node of nodes) {\n    let y0 = node.y0;\n    let y1 = y0;\n    for (const link of node.sourceLinks) {\n      link.y0 = y0 + link.width / 2;\n      y0 += link.width;\n    }\n    for (const link of node.targetLinks) {\n      link.y1 = y1 + link.width / 2;\n      y1 += link.width;\n    }\n  }\n}\n\nexport default function Sankey() {\n  let x0 = 0, y0 = 0, x1 = 1, y1 = 1; // extent\n  let dx = 24; // nodeWidth\n  let dy = 8, py; // nodePadding\n  let id = defaultId;\n  let align = justify;\n  let sort;\n  let linkSort;\n  let nodes = defaultNodes;\n  let links = defaultLinks;\n  let iterations = 6;\n\n  function sankey() {\n    const graph = {nodes: nodes.apply(null, arguments), links: links.apply(null, arguments)};\n    computeNodeLinks(graph);\n    computeNodeValues(graph);\n    computeNodeDepths(graph);\n    computeNodeHeights(graph);\n    computeNodeBreadths(graph);\n    computeLinkBreadths(graph);\n    return graph;\n  }\n\n  sankey.update = function(graph) {\n    computeLinkBreadths(graph);\n    return graph;\n  };\n\n  sankey.nodeId = function(_) {\n    return arguments.length ? (id = typeof _ === \"function\" ? _ : constant(_), sankey) : id;\n  };\n\n  sankey.nodeAlign = function(_) {\n    return arguments.length ? (align = typeof _ === \"function\" ? _ : constant(_), sankey) : align;\n  };\n\n  sankey.nodeSort = function(_) {\n    return arguments.length ? (sort = _, sankey) : sort;\n  };\n\n  sankey.nodeWidth = function(_) {\n    return arguments.length ? (dx = +_, sankey) : dx;\n  };\n\n  sankey.nodePadding = function(_) {\n    return arguments.length ? (dy = py = +_, sankey) : dy;\n  };\n\n  sankey.nodes = function(_) {\n    return arguments.length ? (nodes = typeof _ === \"function\" ? _ : constant(_), sankey) : nodes;\n  };\n\n  sankey.links = function(_) {\n    return arguments.length ? (links = typeof _ === \"function\" ? _ : constant(_), sankey) : links;\n  };\n\n  sankey.linkSort = function(_) {\n    return arguments.length ? (linkSort = _, sankey) : linkSort;\n  };\n\n  sankey.size = function(_) {\n    return arguments.length ? (x0 = y0 = 0, x1 = +_[0], y1 = +_[1], sankey) : [x1 - x0, y1 - y0];\n  };\n\n  sankey.extent = function(_) {\n    return arguments.length ? (x0 = +_[0][0], x1 = +_[1][0], y0 = +_[0][1], y1 = +_[1][1], sankey) : [[x0, y0], [x1, y1]];\n  };\n\n  sankey.iterations = function(_) {\n    return arguments.length ? (iterations = +_, sankey) : iterations;\n  };\n\n  function computeNodeLinks({nodes, links}) {\n    for (const [i, node] of nodes.entries()) {\n      node.index = i;\n      node.sourceLinks = [];\n      node.targetLinks = [];\n    }\n    const nodeById = new Map(nodes.map((d, i) => [id(d, i, nodes), d]));\n    for (const [i, link] of links.entries()) {\n      link.index = i;\n      let {source, target} = link;\n      if (typeof source !== \"object\") source = link.source = find(nodeById, source);\n      if (typeof target !== \"object\") target = link.target = find(nodeById, target);\n      source.sourceLinks.push(link);\n      target.targetLinks.push(link);\n    }\n    if (linkSort != null) {\n      for (const {sourceLinks, targetLinks} of nodes) {\n        sourceLinks.sort(linkSort);\n        targetLinks.sort(linkSort);\n      }\n    }\n  }\n\n  function computeNodeValues({nodes}) {\n    for (const node of nodes) {\n      node.value = node.fixedValue === undefined\n          ? Math.max(sum(node.sourceLinks, value), sum(node.targetLinks, value))\n          : node.fixedValue;\n    }\n  }\n\n  function computeNodeDepths({nodes}) {\n    const n = nodes.length;\n    let current = new Set(nodes);\n    let next = new Set;\n    let x = 0;\n    while (current.size) {\n      for (const node of current) {\n        node.depth = x;\n        for (const {target} of node.sourceLinks) {\n          next.add(target);\n        }\n      }\n      if (++x > n) throw new Error(\"circular link\");\n      current = next;\n      next = new Set;\n    }\n  }\n\n  function computeNodeHeights({nodes}) {\n    const n = nodes.length;\n    let current = new Set(nodes);\n    let next = new Set;\n    let x = 0;\n    while (current.size) {\n      for (const node of current) {\n        node.height = x;\n        for (const {source} of node.targetLinks) {\n          next.add(source);\n        }\n      }\n      if (++x > n) throw new Error(\"circular link\");\n      current = next;\n      next = new Set;\n    }\n  }\n\n  function computeNodeLayers({nodes}) {\n    const x = max(nodes, d => d.depth) + 1;\n    const kx = (x1 - x0 - dx) / (x - 1);\n    const columns = new Array(x);\n    for (const node of nodes) {\n      const i = Math.max(0, Math.min(x - 1, Math.floor(align.call(null, node, x))));\n      node.layer = i;\n      node.x0 = x0 + i * kx;\n      node.x1 = node.x0 + dx;\n      if (columns[i]) columns[i].push(node);\n      else columns[i] = [node];\n    }\n    if (sort) for (const column of columns) {\n      column.sort(sort);\n    }\n    return columns;\n  }\n\n  function initializeNodeBreadths(columns) {\n    const ky = min(columns, c => (y1 - y0 - (c.length - 1) * py) / sum(c, value));\n    for (const nodes of columns) {\n      let y = y0;\n      for (const node of nodes) {\n        node.y0 = y;\n        node.y1 = y + node.value * ky;\n        y = node.y1 + py;\n        for (const link of node.sourceLinks) {\n          link.width = link.value * ky;\n        }\n      }\n      y = (y1 - y + py) / (nodes.length + 1);\n      for (let i = 0; i < nodes.length; ++i) {\n        const node = nodes[i];\n        node.y0 += y * (i + 1);\n        node.y1 += y * (i + 1);\n      }\n      reorderLinks(nodes);\n    }\n  }\n\n  function computeNodeBreadths(graph) {\n    const columns = computeNodeLayers(graph);\n    py = Math.min(dy, (y1 - y0) / (max(columns, c => c.length) - 1));\n    initializeNodeBreadths(columns);\n    for (let i = 0; i < iterations; ++i) {\n      const alpha = Math.pow(0.99, i);\n      const beta = Math.max(1 - alpha, (i + 1) / iterations);\n      relaxRightToLeft(columns, alpha, beta);\n      relaxLeftToRight(columns, alpha, beta);\n    }\n  }\n\n  // Reposition each node based on its incoming (target) links.\n  function relaxLeftToRight(columns, alpha, beta) {\n    for (let i = 1, n = columns.length; i < n; ++i) {\n      const column = columns[i];\n      for (const target of column) {\n        let y = 0;\n        let w = 0;\n        for (const {source, value} of target.targetLinks) {\n          let v = value * (target.layer - source.layer);\n          y += targetTop(source, target) * v;\n          w += v;\n        }\n        if (!(w > 0)) continue;\n        let dy = (y / w - target.y0) * alpha;\n        target.y0 += dy;\n        target.y1 += dy;\n        reorderNodeLinks(target);\n      }\n      if (sort === undefined) column.sort(ascendingBreadth);\n      resolveCollisions(column, beta);\n    }\n  }\n\n  // Reposition each node based on its outgoing (source) links.\n  function relaxRightToLeft(columns, alpha, beta) {\n    for (let n = columns.length, i = n - 2; i >= 0; --i) {\n      const column = columns[i];\n      for (const source of column) {\n        let y = 0;\n        let w = 0;\n        for (const {target, value} of source.sourceLinks) {\n          let v = value * (target.layer - source.layer);\n          y += sourceTop(source, target) * v;\n          w += v;\n        }\n        if (!(w > 0)) continue;\n        let dy = (y / w - source.y0) * alpha;\n        source.y0 += dy;\n        source.y1 += dy;\n        reorderNodeLinks(source);\n      }\n      if (sort === undefined) column.sort(ascendingBreadth);\n      resolveCollisions(column, beta);\n    }\n  }\n\n  function resolveCollisions(nodes, alpha) {\n    const i = nodes.length >> 1;\n    const subject = nodes[i];\n    resolveCollisionsBottomToTop(nodes, subject.y0 - py, i - 1, alpha);\n    resolveCollisionsTopToBottom(nodes, subject.y1 + py, i + 1, alpha);\n    resolveCollisionsBottomToTop(nodes, y1, nodes.length - 1, alpha);\n    resolveCollisionsTopToBottom(nodes, y0, 0, alpha);\n  }\n\n  // Push any overlapping nodes down.\n  function resolveCollisionsTopToBottom(nodes, y, i, alpha) {\n    for (; i < nodes.length; ++i) {\n      const node = nodes[i];\n      const dy = (y - node.y0) * alpha;\n      if (dy > 1e-6) node.y0 += dy, node.y1 += dy;\n      y = node.y1 + py;\n    }\n  }\n\n  // Push any overlapping nodes up.\n  function resolveCollisionsBottomToTop(nodes, y, i, alpha) {\n    for (; i >= 0; --i) {\n      const node = nodes[i];\n      const dy = (node.y1 - y) * alpha;\n      if (dy > 1e-6) node.y0 -= dy, node.y1 -= dy;\n      y = node.y0 - py;\n    }\n  }\n\n  function reorderNodeLinks({sourceLinks, targetLinks}) {\n    if (linkSort === undefined) {\n      for (const {source: {sourceLinks}} of targetLinks) {\n        sourceLinks.sort(ascendingTargetBreadth);\n      }\n      for (const {target: {targetLinks}} of sourceLinks) {\n        targetLinks.sort(ascendingSourceBreadth);\n      }\n    }\n  }\n\n  function reorderLinks(nodes) {\n    if (linkSort === undefined) {\n      for (const {sourceLinks, targetLinks} of nodes) {\n        sourceLinks.sort(ascendingTargetBreadth);\n        targetLinks.sort(ascendingSourceBreadth);\n      }\n    }\n  }\n\n  // Returns the target.y0 that would produce an ideal link from source to target.\n  function targetTop(source, target) {\n    let y = source.y0 - (source.sourceLinks.length - 1) * py / 2;\n    for (const {target: node, width} of source.sourceLinks) {\n      if (node === target) break;\n      y += width + py;\n    }\n    for (const {source: node, width} of target.targetLinks) {\n      if (node === source) break;\n      y -= width;\n    }\n    return y;\n  }\n\n  // Returns the source.y0 that would produce an ideal link from source to target.\n  function sourceTop(source, target) {\n    let y = target.y0 - (target.targetLinks.length - 1) * py / 2;\n    for (const {source: node, width} of target.targetLinks) {\n      if (node === source) break;\n      y += width + py;\n    }\n    for (const {target: node, width} of source.sourceLinks) {\n      if (node === target) break;\n      y -= width;\n    }\n    return y;\n  }\n\n  return sankey;\n}\n","var pi = Math.PI,\n    tau = 2 * pi,\n    epsilon = 1e-6,\n    tauEpsilon = tau - epsilon;\n\nfunction Path() {\n  this._x0 = this._y0 = // start of current subpath\n  this._x1 = this._y1 = null; // end of current subpath\n  this._ = \"\";\n}\n\nfunction path() {\n  return new Path;\n}\n\nPath.prototype = path.prototype = {\n  constructor: Path,\n  moveTo: function(x, y) {\n    this._ += \"M\" + (this._x0 = this._x1 = +x) + \",\" + (this._y0 = this._y1 = +y);\n  },\n  closePath: function() {\n    if (this._x1 !== null) {\n      this._x1 = this._x0, this._y1 = this._y0;\n      this._ += \"Z\";\n    }\n  },\n  lineTo: function(x, y) {\n    this._ += \"L\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n  },\n  quadraticCurveTo: function(x1, y1, x, y) {\n    this._ += \"Q\" + (+x1) + \",\" + (+y1) + \",\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n  },\n  bezierCurveTo: function(x1, y1, x2, y2, x, y) {\n    this._ += \"C\" + (+x1) + \",\" + (+y1) + \",\" + (+x2) + \",\" + (+y2) + \",\" + (this._x1 = +x) + \",\" + (this._y1 = +y);\n  },\n  arcTo: function(x1, y1, x2, y2, r) {\n    x1 = +x1, y1 = +y1, x2 = +x2, y2 = +y2, r = +r;\n    var x0 = this._x1,\n        y0 = this._y1,\n        x21 = x2 - x1,\n        y21 = y2 - y1,\n        x01 = x0 - x1,\n        y01 = y0 - y1,\n        l01_2 = x01 * x01 + y01 * y01;\n\n    // Is the radius negative? Error.\n    if (r < 0) throw new Error(\"negative radius: \" + r);\n\n    // Is this path empty? Move to (x1,y1).\n    if (this._x1 === null) {\n      this._ += \"M\" + (this._x1 = x1) + \",\" + (this._y1 = y1);\n    }\n\n    // Or, is (x1,y1) coincident with (x0,y0)? Do nothing.\n    else if (!(l01_2 > epsilon));\n\n    // Or, are (x0,y0), (x1,y1) and (x2,y2) collinear?\n    // Equivalently, is (x1,y1) coincident with (x2,y2)?\n    // Or, is the radius zero? Line to (x1,y1).\n    else if (!(Math.abs(y01 * x21 - y21 * x01) > epsilon) || !r) {\n      this._ += \"L\" + (this._x1 = x1) + \",\" + (this._y1 = y1);\n    }\n\n    // Otherwise, draw an arc!\n    else {\n      var x20 = x2 - x0,\n          y20 = y2 - y0,\n          l21_2 = x21 * x21 + y21 * y21,\n          l20_2 = x20 * x20 + y20 * y20,\n          l21 = Math.sqrt(l21_2),\n          l01 = Math.sqrt(l01_2),\n          l = r * Math.tan((pi - Math.acos((l21_2 + l01_2 - l20_2) / (2 * l21 * l01))) / 2),\n          t01 = l / l01,\n          t21 = l / l21;\n\n      // If the start tangent is not coincident with (x0,y0), line to.\n      if (Math.abs(t01 - 1) > epsilon) {\n        this._ += \"L\" + (x1 + t01 * x01) + \",\" + (y1 + t01 * y01);\n      }\n\n      this._ += \"A\" + r + \",\" + r + \",0,0,\" + (+(y01 * x20 > x01 * y20)) + \",\" + (this._x1 = x1 + t21 * x21) + \",\" + (this._y1 = y1 + t21 * y21);\n    }\n  },\n  arc: function(x, y, r, a0, a1, ccw) {\n    x = +x, y = +y, r = +r, ccw = !!ccw;\n    var dx = r * Math.cos(a0),\n        dy = r * Math.sin(a0),\n        x0 = x + dx,\n        y0 = y + dy,\n        cw = 1 ^ ccw,\n        da = ccw ? a0 - a1 : a1 - a0;\n\n    // Is the radius negative? Error.\n    if (r < 0) throw new Error(\"negative radius: \" + r);\n\n    // Is this path empty? Move to (x0,y0).\n    if (this._x1 === null) {\n      this._ += \"M\" + x0 + \",\" + y0;\n    }\n\n    // Or, is (x0,y0) not coincident with the previous point? Line to (x0,y0).\n    else if (Math.abs(this._x1 - x0) > epsilon || Math.abs(this._y1 - y0) > epsilon) {\n      this._ += \"L\" + x0 + \",\" + y0;\n    }\n\n    // Is this arc empty? We’re done.\n    if (!r) return;\n\n    // Does the angle go the wrong way? Flip the direction.\n    if (da < 0) da = da % tau + tau;\n\n    // Is this a complete circle? Draw two arcs to complete the circle.\n    if (da > tauEpsilon) {\n      this._ += \"A\" + r + \",\" + r + \",0,1,\" + cw + \",\" + (x - dx) + \",\" + (y - dy) + \"A\" + r + \",\" + r + \",0,1,\" + cw + \",\" + (this._x1 = x0) + \",\" + (this._y1 = y0);\n    }\n\n    // Is this arc non-empty? Draw an arc!\n    else if (da > epsilon) {\n      this._ += \"A\" + r + \",\" + r + \",0,\" + (+(da >= pi)) + \",\" + cw + \",\" + (this._x1 = x + r * Math.cos(a1)) + \",\" + (this._y1 = y + r * Math.sin(a1));\n    }\n  },\n  rect: function(x, y, w, h) {\n    this._ += \"M\" + (this._x0 = this._x1 = +x) + \",\" + (this._y0 = this._y1 = +y) + \"h\" + (+w) + \"v\" + (+h) + \"h\" + (-w) + \"Z\";\n  },\n  toString: function() {\n    return this._;\n  }\n};\n\nexport default path;\n","export default function(x) {\n  return function constant() {\n    return x;\n  };\n}\n","export function x(p) {\n  return p[0];\n}\n\nexport function y(p) {\n  return p[1];\n}\n","export var slice = Array.prototype.slice;\n","import {path} from \"d3-path\";\nimport {slice} from \"../array.js\";\nimport constant from \"../constant.js\";\nimport {x as pointX, y as pointY} from \"../point.js\";\nimport pointRadial from \"../pointRadial.js\";\n\nfunction linkSource(d) {\n  return d.source;\n}\n\nfunction linkTarget(d) {\n  return d.target;\n}\n\nfunction link(curve) {\n  var source = linkSource,\n      target = linkTarget,\n      x = pointX,\n      y = pointY,\n      context = null;\n\n  function link() {\n    var buffer, argv = slice.call(arguments), s = source.apply(this, argv), t = target.apply(this, argv);\n    if (!context) context = buffer = path();\n    curve(context, +x.apply(this, (argv[0] = s, argv)), +y.apply(this, argv), +x.apply(this, (argv[0] = t, argv)), +y.apply(this, argv));\n    if (buffer) return context = null, buffer + \"\" || null;\n  }\n\n  link.source = function(_) {\n    return arguments.length ? (source = _, link) : source;\n  };\n\n  link.target = function(_) {\n    return arguments.length ? (target = _, link) : target;\n  };\n\n  link.x = function(_) {\n    return arguments.length ? (x = typeof _ === \"function\" ? _ : constant(+_), link) : x;\n  };\n\n  link.y = function(_) {\n    return arguments.length ? (y = typeof _ === \"function\" ? _ : constant(+_), link) : y;\n  };\n\n  link.context = function(_) {\n    return arguments.length ? ((context = _ == null ? null : _), link) : context;\n  };\n\n  return link;\n}\n\nfunction curveHorizontal(context, x0, y0, x1, y1) {\n  context.moveTo(x0, y0);\n  context.bezierCurveTo(x0 = (x0 + x1) / 2, y0, x0, y1, x1, y1);\n}\n\nfunction curveVertical(context, x0, y0, x1, y1) {\n  context.moveTo(x0, y0);\n  context.bezierCurveTo(x0, y0 = (y0 + y1) / 2, x1, y0, x1, y1);\n}\n\nfunction curveRadial(context, x0, y0, x1, y1) {\n  var p0 = pointRadial(x0, y0),\n      p1 = pointRadial(x0, y0 = (y0 + y1) / 2),\n      p2 = pointRadial(x1, y0),\n      p3 = pointRadial(x1, y1);\n  context.moveTo(p0[0], p0[1]);\n  context.bezierCurveTo(p1[0], p1[1], p2[0], p2[1], p3[0], p3[1]);\n}\n\nexport function linkHorizontal() {\n  return link(curveHorizontal);\n}\n\nexport function linkVertical() {\n  return link(curveVertical);\n}\n\nexport function linkRadial() {\n  var l = link(curveRadial);\n  l.angle = l.x, delete l.x;\n  l.radius = l.y, delete l.y;\n  return l;\n}\n","import {linkHorizontal} from \"d3-shape\";\n\nfunction horizontalSource(d) {\n  return [d.source.x1, d.y0];\n}\n\nfunction horizontalTarget(d) {\n  return [d.target.x0, d.y1];\n}\n\nexport default function() {\n  return linkHorizontal()\n      .source(horizontalSource)\n      .target(horizontalTarget);\n}\n","import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport { sankey, sankeyCenter, sankeyLinkHorizontal } from 'd3-sankey';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { P } from '@undp/design-system-react/Typography';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  NodeDataType,\r\n  NodesLinkDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\n\r\ninterface Props {\r\n  data: NodesLinkDataType;\r\n  showLabels: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  defaultLinkOpacity: number;\r\n  width: number;\r\n  height: number;\r\n  nodePadding: number;\r\n  nodeWidth: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues?: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  id: string;\r\n  highlightedSourceDataPoints: string[];\r\n  highlightedTargetDataPoints: string[];\r\n  sourceTitle?: string;\r\n  targetTitle?: string;\r\n  animate: AnimateDataType;\r\n  sortNodes: 'asc' | 'desc' | 'mostReadable' | 'none';\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  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    showLabels,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    onSeriesMouseClick,\r\n    nodePadding,\r\n    nodeWidth,\r\n    id,\r\n    highlightedSourceDataPoints,\r\n    highlightedTargetDataPoints,\r\n    defaultLinkOpacity,\r\n    sourceTitle,\r\n    targetTitle,\r\n    animate,\r\n    sortNodes,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [selectedNode, setSelectedNode] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const sankeyGenerator =\r\n    sortNodes === 'mostReadable'\r\n      ? sankey()\r\n          .nodeWidth(nodeWidth)\r\n          .nodePadding(nodePadding)\r\n          .size([graphWidth, graphHeight])\r\n          .nodeAlign(sankeyCenter)\r\n      : sortNodes === 'none'\r\n        ? sankey()\r\n            .nodeWidth(nodeWidth)\r\n            .nodePadding(nodePadding)\r\n            .size([graphWidth, graphHeight])\r\n            .nodeAlign(sankeyCenter)\r\n            .nodeSort(() => null)\r\n            .linkSort(() => null)\r\n        : sankey()\r\n            .nodeWidth(nodeWidth)\r\n            .nodePadding(nodePadding)\r\n            .size([graphWidth, graphHeight])\r\n            .nodeAlign(sankeyCenter)\r\n            .nodeSort(\r\n              sortNodes === 'desc'\r\n                ? (a, b) => (b.value || 0) - (a.value || 0)\r\n                : (a, b) => (a.value || 0) - (b.value || 0),\r\n            );\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const { nodes, links } = sankeyGenerator(data as any);\r\n  const linkPathGenerator = sankeyLinkHorizontal();\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        style={{ marginLeft: 'auto', marginRight: 'auto' }}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        {sourceTitle ? (\r\n          <text\r\n            x={margin.left}\r\n            y={margin.top - 10}\r\n            className='text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100'\r\n            style={{ textAnchor: 'start' }}\r\n          >\r\n            {sourceTitle}\r\n          </text>\r\n        ) : null}\r\n        {targetTitle ? (\r\n          <text\r\n            x={width - margin.right}\r\n            y={margin.top - 10}\r\n            className='text-base font-bold fill-primary-gray-700 dark:fill-primary-gray-100'\r\n            style={{ textAnchor: 'end' }}\r\n          >\r\n            {targetTitle}\r\n          </text>\r\n        ) : null}\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          {nodes\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            .filter((d: any) => d.type === 'source')\r\n            .map((d, i) => (\r\n              <g\r\n                key={i}\r\n                onMouseEnter={() => {\r\n                  setSelectedNode(d);\r\n                }}\r\n                onMouseLeave={() => {\r\n                  setSelectedNode(undefined);\r\n                }}\r\n              >\r\n                <g transform={`translate(${d.x0},${d.y0})`}>\r\n                  <rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={(d.x1 || 0) - (d.x0 || 0)}\r\n                    height={(d.y1 || 0) - (d.y0 || 0)}\r\n                    style={{ fill: (d as NodeDataType).color }}\r\n                  />\r\n                  {showLabels || showValues ? (\r\n                    <foreignObject\r\n                      y={0 - nodePadding / 2}\r\n                      x={0 - leftMargin}\r\n                      width={leftMargin}\r\n                      height={(d.y1 || 0) - (d.y0 || 0) + nodePadding}\r\n                    >\r\n                      <div\r\n                        className='flex flex-col gap-0.5 justify-center py-0 px-1.5'\r\n                        style={{\r\n                          height: `${(d.y1 || 0) - (d.y0 || 0) + nodePadding}px`,\r\n                          overflow: 'visible',\r\n                        }}\r\n                      >\r\n                        {showLabels ? (\r\n                          <P\r\n                            marginBottom={showValues ? '3xs' : 'none'}\r\n                            size='sm'\r\n                            leading='none'\r\n                            className={cn(\r\n                              'sankey-right-label text-right',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {`${(d as NodeDataType).label}`.length < truncateBy\r\n                              ? `${(d as NodeDataType).label}`\r\n                              : `${`${(d as NodeDataType).label}`.substring(0, truncateBy)}...`}\r\n                          </P>\r\n                        ) : null}\r\n                        {showValues ? (\r\n                          <P\r\n                            marginBottom='none'\r\n                            size='sm'\r\n                            leading='none'\r\n                            className={cn(\r\n                              'sankey-right-value text-right font-bold',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(d.value, 'NA', precision, prefix, suffix)}\r\n                          </P>\r\n                        ) : null}\r\n                      </div>\r\n                    </foreignObject>\r\n                  ) : null}\r\n                </g>\r\n              </g>\r\n            ))}\r\n          {nodes\r\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n            .filter((d: any) => d.type === 'target')\r\n            .map((d, i) => (\r\n              <g\r\n                key={i}\r\n                onMouseEnter={() => {\r\n                  setSelectedNode(d);\r\n                }}\r\n                onMouseLeave={() => {\r\n                  setSelectedNode(undefined);\r\n                }}\r\n              >\r\n                <g transform={`translate(${d.x0},${d.y0})`}>\r\n                  <rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={(d.x1 || 0) - (d.x0 || 0)}\r\n                    height={(d.y1 || 0) - (d.y0 || 0)}\r\n                    style={{ fill: (d as NodeDataType).color }}\r\n                  />\r\n                  {showLabels || showValues ? (\r\n                    <foreignObject\r\n                      y={0 - nodePadding / 2}\r\n                      x={nodeWidth}\r\n                      width={rightMargin - nodeWidth}\r\n                      height={(d.y1 || 0) - (d.y0 || 0) + nodePadding}\r\n                    >\r\n                      <div\r\n                        className='flex flex-col gap-0.5 justify-center py-0 px-1.5'\r\n                        style={{\r\n                          height: `${(d.y1 || 0) - (d.y0 || 0) + nodePadding}px`,\r\n                        }}\r\n                      >\r\n                        {showLabels ? (\r\n                          <P\r\n                            marginBottom={showValues ? '3xs' : 'none'}\r\n                            size='sm'\r\n                            leading='none'\r\n                            className={cn(\r\n                              'sankey-left-label text-left',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {`${(d as NodeDataType).label}`.length < truncateBy\r\n                              ? `${(d as NodeDataType).label}`\r\n                              : `${`${(d as NodeDataType).label}`.substring(0, truncateBy)}...`}\r\n                          </P>\r\n                        ) : null}\r\n                        {showValues ? (\r\n                          <P\r\n                            size='sm'\r\n                            leading='none'\r\n                            marginBottom='none'\r\n                            className={cn(\r\n                              'sankey-left-value text-left font-bold',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              hyphens: 'auto',\r\n                              color: (d as NodeDataType).color,\r\n                              ...styles?.graphObjectValues,\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(d.value, 'NA', precision, prefix, suffix)}\r\n                          </P>\r\n                        ) : null}\r\n                      </div>\r\n                    </foreignObject>\r\n                  ) : null}\r\n                </g>\r\n              </g>\r\n            ))}\r\n          <defs>\r\n            {links.map((d, i) => (\r\n              <linearGradient\r\n                id={`${id}-gradient-${i}`}\r\n                x1='0%'\r\n                y1='0%'\r\n                x2='100%'\r\n                y2='0%'\r\n                key={i}\r\n                gradientUnits='userSpaceOnUse'\r\n              >\r\n                <stop\r\n                  offset='0%'\r\n                  style={{\r\n                    stopColor: (d.source as NodeDataType).color,\r\n                    stopOpacity: 1,\r\n                  }}\r\n                />\r\n                <stop\r\n                  offset='100%'\r\n                  style={{\r\n                    stopColor: (d.target as NodeDataType).color,\r\n                    stopOpacity: 1,\r\n                  }}\r\n                />\r\n              </linearGradient>\r\n            ))}\r\n          </defs>\r\n          <g>\r\n            <AnimatePresence>\r\n              {links.map((d, i) => (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={`${d.source}-${d.target}`}\r\n                  onMouseEnter={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    setMouseOverData((d as any).data);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        isEqual(mouseClickData, (d as any).data) &&\r\n                        resetSelectionOnDoubleClick\r\n                      ) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        setMouseClickData((d as any).data);\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        onSeriesMouseClick?.((d as any).data);\r\n                      }\r\n                    }\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                  variants={{\r\n                    initial: {\r\n                      opacity: selectedNode\r\n                        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.source as any).name === selectedNode.name ||\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.target as any).name === selectedNode.name\r\n                          ? 0.85\r\n                          : defaultLinkOpacity\r\n                        : highlightedSourceDataPoints.length !== 0 ||\r\n                            highlightedTargetDataPoints.length !== 0\r\n                          ? highlightedSourceDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.source as any).label,\r\n                            ) !== -1 ||\r\n                            highlightedTargetDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.target as any).label,\r\n                            ) !== -1\r\n                            ? 0.85\r\n                            : defaultLinkOpacity\r\n                          : defaultLinkOpacity,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedNode\r\n                        ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.source as any).name === selectedNode.name ||\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          (d.target as any).name === selectedNode.name\r\n                          ? 0.85\r\n                          : defaultLinkOpacity\r\n                        : highlightedSourceDataPoints.length !== 0 ||\r\n                            highlightedTargetDataPoints.length !== 0\r\n                          ? highlightedSourceDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.source as any).label,\r\n                            ) !== -1 ||\r\n                            highlightedTargetDataPoints.indexOf(\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              (d.target as any).label,\r\n                            ) !== -1\r\n                            ? 0.85\r\n                            : defaultLinkOpacity\r\n                          : defaultLinkOpacity,\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                >\r\n                  <motion.path\r\n                    key={`${d.source}-${d.target}`}\r\n                    d={linkPathGenerator(d) || ''}\r\n                    style={{\r\n                      stroke: `url(#${id}-gradient-${i})`,\r\n                      strokeWidth: d.width,\r\n                      fill: 'none',\r\n                    }}\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    variants={{\r\n                      initial: {\r\n                        pathLength: 0,\r\n                        opacity: 1,\r\n                      },\r\n                      whileInView: {\r\n                        pathLength: 1,\r\n                        opacity: 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                  />\r\n                </motion.g>\r\n              ))}\r\n            </AnimatePresence>\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\nimport uniqBy from 'lodash.uniqby';\r\nimport sortBy from 'lodash.sortby';\r\nimport sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  Languages,\r\n  NodesLinkDataType,\r\n  SankeyDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { generateRandomString } from '@/Utils/generateRandomString';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: SankeyDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for source */\r\n  sourceColors?: string[] | string;\r\n  /** Color or array of colors for targets */\r\n  targetColors?: string[] | string;\r\n  /** Domain of colors for the source */\r\n  sourceColorDomain?: (string | number)[];\r\n  /** Domain of colors for the target */\r\n  targetColorDomain?: (string | number)[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\r\n  /** Padding between nodes */\r\n  nodePadding?: number;\r\n  /** Thickness of each node */\r\n  nodeWidth?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n\r\n  // Graph Parameters\r\n  /** Title of the source */\r\n  sourceTitle?: string;\r\n  /** Title of the targets */\r\n  targetTitle?: string;\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Source to highlight. Use the label value from data to highlight the data point */\r\n  highlightedSourceDataPoints?: (string | number)[];\r\n  /** Targets to highlight. Use the label value from data to highlight the data point */\r\n  highlightedTargetDataPoints?: (string | number)[];\r\n  /** Opacity of the links */\r\n  defaultLinkOpacity?: number;\r\n  /** Sorting order of the nodes */\r\n  sortNodes?: 'asc' | 'desc' | 'mostReadable' | 'none';\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** 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 when user mouseover on the links. 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 SankeyChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    showLabels = true,\r\n    leftMargin = 75,\r\n    rightMargin = 75,\r\n    topMargin = 30,\r\n    bottomMargin = 10,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    padding,\r\n    backgroundColor,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix = '',\r\n    prefix = '',\r\n    relativeHeight,\r\n    showValues = true,\r\n    graphID,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    sourceColors,\r\n    targetColors,\r\n    sourceColorDomain,\r\n    targetColorDomain,\r\n    nodePadding = 5,\r\n    nodeWidth = 5,\r\n    highlightedSourceDataPoints = [],\r\n    highlightedTargetDataPoints = [],\r\n    defaultLinkOpacity = 0.3,\r\n    sourceTitle,\r\n    targetTitle,\r\n    sortNodes = 'mostReadable',\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [sankeyData, setSankeyData] = useState<NodesLinkDataType | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const sourceNodes = uniqBy(data, 'source').map(d => ({\r\n      name: `source_${d.source}`,\r\n      type: 'source' as const,\r\n      label: `${d.source}`,\r\n      color:\r\n        typeof sourceColors === 'string' || !sourceColors\r\n          ? sourceColors || Colors.graphMainColor\r\n          : sourceColors[\r\n              (sourceColorDomain || uniqBy(data, 'source').map(el => `${el.source}`)).findIndex(\r\n                el => `${el}` === `${d.source}`,\r\n              ) > sourceColors.length\r\n                ? sourceColors.length - 1\r\n                : (sourceColorDomain || uniqBy(data, 'source').map(el => `${el.source}`)).findIndex(\r\n                    el => `${el}` === `${d.source}`,\r\n                  )\r\n            ],\r\n      totalValue: sum(data.filter(el => `${el.source}` === `${d.source}`).map(el => el.value)),\r\n    }));\r\n    const sourceNodesSorted =\r\n      sortNodes === 'asc'\r\n        ? sortBy(sourceNodes, d => d.totalValue)\r\n        : sortNodes === 'desc'\r\n          ? sortBy(sourceNodes, d => d.totalValue).reverse()\r\n          : sourceNodes;\r\n    const targetNodes = uniqBy(data, 'target').map(d => ({\r\n      name: `target_${d.target}`,\r\n      type: 'target' as const,\r\n      label: `${d.target}`,\r\n      color:\r\n        typeof targetColors === 'string' || !targetColors\r\n          ? targetColors || Colors.graphMainColor\r\n          : targetColors[\r\n              (targetColorDomain || uniqBy(data, 'target').map(el => `${el.target}`)).findIndex(\r\n                el => `${el}` === `${d.target}`,\r\n              ) > targetColors.length\r\n                ? targetColors.length - 1\r\n                : (targetColorDomain || uniqBy(data, 'target').map(el => `${el.target}`)).findIndex(\r\n                    el => `${el}` === `${d.target}`,\r\n                  )\r\n            ],\r\n      totalValue: sum(data.filter(el => `${el.target}` === `${d.target}`).map(el => el.value)),\r\n    }));\r\n    const targetNodesSorted =\r\n      sortNodes === 'asc'\r\n        ? sortBy(targetNodes, d => d.totalValue)\r\n        : sortNodes === 'desc'\r\n          ? sortBy(targetNodes, d => d.totalValue).reverse()\r\n          : targetNodes;\r\n\r\n    const nodes = [...sourceNodesSorted, ...targetNodesSorted];\r\n    setSankeyData({\r\n      nodes,\r\n      links: data.map(d => ({\r\n        source: nodes.findIndex(el => el.name === `source_${d.source}`),\r\n        target: nodes.findIndex(el => el.name === `target_${d.target}`),\r\n        value: d.value,\r\n        data: { ...d },\r\n      })),\r\n    });\r\n  }, [data, sortNodes, sourceColorDomain, sourceColors, targetColorDomain, targetColors]);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex ${width ? 'grow-0' : 'grow'} ${\r\n        !fillContainer ? 'w-fit' : 'w-full'\r\n      } `}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a sankey chart showing flow. ${graphDescription ? ` ${graphDescription}` : ''}`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col gap-4 w-full grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <div\r\n                  className='flex flex-col grow justify-center gap-3 w-full leading-0'\r\n                  ref={graphDiv}\r\n                  aria-label='Graph area'\r\n                >\r\n                  {(width || svgWidth) && (height || svgHeight) && sankeyData ? (\r\n                    <Graph\r\n                      data={sankeyData}\r\n                      width={width || svgWidth}\r\n                      nodePadding={nodePadding}\r\n                      nodeWidth={nodeWidth}\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                      )}\r\n                      showLabels={showLabels}\r\n                      leftMargin={leftMargin}\r\n                      rightMargin={rightMargin}\r\n                      topMargin={topMargin}\r\n                      bottomMargin={bottomMargin}\r\n                      truncateBy={truncateBy}\r\n                      tooltip={tooltip}\r\n                      onSeriesMouseOver={onSeriesMouseOver}\r\n                      showValues={showValues}\r\n                      suffix={suffix}\r\n                      prefix={prefix}\r\n                      onSeriesMouseClick={onSeriesMouseClick}\r\n                      id={generateRandomString(8)}\r\n                      highlightedSourceDataPoints={highlightedSourceDataPoints.map(d => `${d}`)}\r\n                      highlightedTargetDataPoints={highlightedTargetDataPoints.map(d => `${d}`)}\r\n                      defaultLinkOpacity={defaultLinkOpacity}\r\n                      sourceTitle={sourceTitle}\r\n                      targetTitle={targetTitle}\r\n                      sortNodes={sortNodes}\r\n                      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                      styles={styles}\r\n                      classNames={classNames}\r\n                      detailsOnClick={detailsOnClick}\r\n                      animate={\r\n                        animate === true\r\n                          ? { duration: 0.5, once: true, amount: 0.5 }\r\n                          : animate || { duration: 0, once: true, amount: 0 }\r\n                      }\r\n                      precision={precision}\r\n                      customLayers={customLayers}\r\n                    />\r\n                  ) : null}\r\n                </div>\r\n              )}\r\n            </div>\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          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["max","values","valueof","value","index","min","sum","targetDepth","d","justify","node","center","constant","x","ascendingSourceBreadth","a","b","ascendingBreadth","ascendingTargetBreadth","defaultId","defaultNodes","graph","defaultLinks","find","nodeById","id","computeLinkBreadths","nodes","y0","y1","link","Sankey","x0","x1","dx","dy","py","align","sort","linkSort","links","iterations","sankey","computeNodeLinks","computeNodeValues","computeNodeDepths","computeNodeHeights","computeNodeBreadths","_","i","source","target","sourceLinks","targetLinks","n","current","next","computeNodeLayers","kx","columns","column","initializeNodeBreadths","ky","c","y","reorderLinks","alpha","beta","relaxRightToLeft","relaxLeftToRight","w","v","targetTop","reorderNodeLinks","resolveCollisions","sourceTop","subject","resolveCollisionsBottomToTop","resolveCollisionsTopToBottom","width","pi","tau","epsilon","tauEpsilon","Path","path","x2","y2","r","x21","y21","x01","y01","l01_2","x20","y20","l21_2","l20_2","l21","l01","l","t01","t21","a0","a1","ccw","cw","da","h","p","slice","linkSource","linkTarget","curve","pointX","pointY","context","buffer","argv","s","t","curveHorizontal","linkHorizontal","horizontalSource","horizontalTarget","sankeyLinkHorizontal","Graph","props","data","showLabels","leftMargin","rightMargin","truncateBy","height","topMargin","bottomMargin","tooltip","onSeriesMouseOver","suffix","prefix","showValues","onSeriesMouseClick","nodePadding","nodeWidth","highlightedSourceDataPoints","highlightedTargetDataPoints","defaultLinkOpacity","sourceTitle","targetTitle","animate","sortNodes","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","precision","customLayers","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","selectedNode","setSelectedNode","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","sankeyGenerator","sankeyCenter","linkPathGenerator","jsxs","Fragment","motion","jsx","P","cn","AnimatePresence","event","isEqual","Tooltip","Modal","string2HTML","SankeyChart","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","relativeHeight","graphID","graphDownload","dataDownload","fillContainer","language","minHeight","theme","ariaLabel","sourceColors","targetColors","sourceColorDomain","targetColorDomain","svgWidth","setSvgWidth","svgHeight","setSvgHeight","sankeyData","setSankeyData","graphDiv","graphParentDiv","useEffect","sourceNodes","uniqBy","Colors","el","sourceNodesSorted","sortBy","targetNodes","targetNodesSorted","resizeObserver","entries","GraphHeader","EmptyState","generateRandomString","GraphFooter"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11]}

package/dist/ScatterPlot.d.ts

@@ -0,0 +1,266 @@
+import { JSX } from 'react/jsx-runtime';
+
+declare interface AnimateDataType {
+    duration: number;
+    once: boolean;
+    amount: 'some' | 'all' | number;
+}
+
+declare interface AnnotationSettingsDataType {
+    text: string;
+    maxWidth?: number;
+    xCoordinate?: number | string;
+    yCoordinate?: number | string;
+    xOffset?: number;
+    yOffset?: number;
+    align?: 'center' | 'left' | 'right';
+    color?: string;
+    fontWeight?: 'regular' | 'bold' | 'medium';
+    showConnector?: boolean | number;
+    connectorRadius?: number;
+    classNames?: {
+        connector?: string;
+        text?: string;
+    };
+    styles?: {
+        connector?: React.CSSProperties;
+        text?: React.CSSProperties;
+    };
+}
+
+declare interface AxesClassNameObject {
+    gridLines?: string;
+    labels?: string;
+    title?: string;
+    axis?: string;
+}
+
+declare interface AxesStyleObject {
+    gridLines?: React.CSSProperties;
+    labels?: React.CSSProperties;
+    title?: React.CSSProperties;
+    axis?: React.CSSProperties;
+}
+
+declare interface ClassNameObject {
+    title?: string;
+    footnote?: string;
+    source?: string;
+    description?: string;
+    tooltip?: string;
+    xAxis?: AxesClassNameObject;
+    yAxis?: AxesClassNameObject;
+    legend?: string;
+    graphContainer?: string;
+    graphObjectValues?: string;
+    dataConnectors?: string;
+    mouseOverLine?: string;
+    regLine?: string;
+    dataCards?: string;
+}
+
+declare interface CustomHighlightAreaSettingsForScatterPlotDataType {
+    coordinates: number[];
+    closePath?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    color?: string;
+    strokeWidth?: number;
+}
+
+declare interface CustomLayerDataType {
+    position: 'before' | 'after';
+    layer: React.ReactNode;
+}
+
+declare interface HighlightAreaSettingsForScatterPlotDataType {
+    coordinates: [number | null, number | null, number | null, number | null];
+    style?: React.CSSProperties;
+    className?: string;
+    color?: string;
+    strokeWidth?: number;
+}
+
+declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
+
+declare interface Props {
+    /** Array of data objects */
+    data: ScatterPlotDataType[];
+    /** Title of the graph */
+    graphTitle?: string | React.ReactNode;
+    /** Description of the graph */
+    graphDescription?: string | React.ReactNode;
+    /** Footnote for the graph */
+    footNote?: string | React.ReactNode;
+    /** Source data for the graph */
+    sources?: SourcesDataType[];
+    /** Accessibility label */
+    ariaLabel?: string;
+    /** Color or array of colors for circle */
+    colors?: string | string[];
+    /** Domain of colors for the graph */
+    colorDomain?: string[];
+    /** Title for the color legend */
+    colorLegendTitle?: string;
+    /** Background color of the graph */
+    backgroundColor?: string | boolean;
+    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
+    styles?: StyleObject;
+    /** Custom class names */
+    classNames?: ClassNameObject;
+    /** Width of the graph */
+    width?: number;
+    /** Height of the graph */
+    height?: number;
+    /** Minimum height of the graph */
+    minHeight?: number;
+    /** Relative height scaling factor. This overwrites the height props */
+    relativeHeight?: number;
+    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
+    padding?: string;
+    /** Left margin of the graph */
+    leftMargin?: number;
+    /** Right margin of the graph */
+    rightMargin?: number;
+    /** Top margin of the graph */
+    topMargin?: number;
+    /** Bottom margin of the graph */
+    bottomMargin?: number;
+    /** Prefix for values on x-axis */
+    xPrefix?: string;
+    /** Suffix for values on x-axis */
+    xSuffix?: string;
+    /** Prefix for values on y-axis */
+    yPrefix?: string;
+    /** Suffix for values on y-axis */
+    ySuffix?: string;
+    /** Maximum value for the x-axis */
+    maxXValue?: number;
+    /** Minimum value for the x-axis */
+    minXValue?: number;
+    /** Maximum value for the y-axis */
+    maxYValue?: number;
+    /** Minimum value for the y-axis */
+    minYValue?: number;
+    /** Maximum value mapped to the radius chart */
+    maxRadiusValue?: number;
+    /** Reference values for comparison on x-axis */
+    refXValues?: ReferenceDataType[];
+    /** Reference values for comparison on y-axis */
+    refYValues?: ReferenceDataType[];
+    /** Number of ticks on the x-axis */
+    noOfXTicks?: number;
+    /** Number of ticks on the y-axis */
+    noOfYTicks?: number;
+    /** Maximum radius of the circle */
+    radius?: number;
+    /** Toggle visibility of labels */
+    showLabels?: boolean;
+    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
+    showColorScale?: boolean;
+    /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */
+    showNAColor?: boolean;
+    /** Data points to highlight. Use the label value from data to highlight the data point */
+    highlightedDataPoints?: (string | number)[];
+    /** Defines the opacity of the non-highlighted data */
+    dimmedOpacity?: number;
+    /** Title for the x-axis */
+    xAxisTitle?: string;
+    /** Title for the y-axis */
+    yAxisTitle?: string;
+    /** Annotations on the chart */
+    annotations?: AnnotationSettingsDataType[];
+    /** Highlighted area(square) on the chart  */
+    highlightAreaSettings?: HighlightAreaSettingsForScatterPlotDataType[];
+    /** Highlighted area(custom shape) on the chart  */
+    customHighlightAreaSettings?: CustomHighlightAreaSettingsForScatterPlotDataType[];
+    /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */
+    regressionLine?: boolean | string;
+    /** Color of the labels */
+    labelColor?: string;
+    /** Toggles if the graph animates in when loaded.  */
+    animate?: boolean | AnimateDataType;
+    /** Specifies the number of decimal places to display in the value. */
+    precision?: number;
+    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
+    customLayers?: CustomLayerDataType[];
+    /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */
+    timeline?: TimelineDataType;
+    /** Enable graph download option as png */
+    graphDownload?: boolean;
+    /** Enable data download option as a csv */
+    dataDownload?: boolean;
+    /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */
+    resetSelectionOnDoubleClick?: boolean;
+    /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */
+    tooltip?: string | ((_d: any) => React.ReactNode);
+    /** 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 */
+    detailsOnClick?: string | ((_d: any) => React.ReactNode);
+    /** Callback for mouse over event */
+    onSeriesMouseOver?: (_d: any) => void;
+    /** Callback for mouse click event */
+    onSeriesMouseClick?: (_d: any) => void;
+    /** Language setting  */
+    language?: Languages;
+    /** Color theme */
+    theme?: 'light' | 'dark';
+    /** Unique ID for the graph */
+    graphID?: string;
+}
+
+declare interface ReferenceDataType {
+    value: number | null;
+    text: string;
+    color?: string;
+    styles?: {
+        line?: React.CSSProperties;
+        text?: React.CSSProperties;
+    };
+    classNames?: {
+        line?: string;
+        text?: string;
+    };
+}
+
+export declare function ScatterPlot(props: Props): JSX.Element;
+
+declare interface ScatterPlotDataType {
+    x?: number | null;
+    y?: number | null;
+    date?: string | number;
+    radius?: number | null;
+    color?: string | null;
+    label: string | number;
+    data?: object;
+}
+
+declare interface SourcesDataType {
+    source: string;
+    link?: string;
+}
+
+declare interface StyleObject {
+    title?: React.CSSProperties;
+    footnote?: React.CSSProperties;
+    source?: React.CSSProperties;
+    description?: React.CSSProperties;
+    graphContainer?: React.CSSProperties;
+    tooltip?: React.CSSProperties;
+    xAxis?: AxesStyleObject;
+    yAxis?: AxesStyleObject;
+    graphObjectValues?: React.CSSProperties;
+    dataConnectors?: React.CSSProperties;
+    mouseOverLine?: React.CSSProperties;
+    regLine?: React.CSSProperties;
+    dataCards?: React.CSSProperties;
+}
+
+declare interface TimelineDataType {
+    autoplay: boolean;
+    enabled: boolean;
+    showOnlyActiveDate: boolean;
+    speed?: number;
+    dateFormat?: string;
+}
+
+export { }

package/dist/ScatterPlot.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BHm2KTjD-D8FylaKc.cjs"),ke=require("./index-CZbIGs8q.cjs"),Ie=require("./parse-hMnG_lRV.cjs"),j=require("react"),Se=require("./Typography-CDR-DAHH.cjs"),Ae=require("./getSliderMarks-DDJ1CdhL.cjs"),Le=require("./index-BXns0-ng.cjs"),Fe=require("./index-BczVvEBZ.cjs"),Ve=require("./simple-statistics-xm8c0LQQ.cjs"),He=require("./Modal-cQF2UQIa.cjs"),We=require("./Tooltip-BM18N_3l.cjs"),c=require("./checkIfNullOrUndefined.js"),N=require("./Colors.js"),$e=require("./numberFormattingFunction.js"),Ne=require("./customArea-B47Ew5cT.cjs"),Ge=require("./string2HTML-X4ZYX5jI.cjs"),Te=require("./Axis-BlyBRMNw.cjs"),De=require("./AxisTitle-BY8MI9jC.cjs"),Be=require("./XTicksAndGridLines-DuK35ROS.cjs"),Pe=require("./ReferenceLine-Bsb5jeE4.cjs"),ze=require("./RegressionLine-BfpCuD7B.cjs"),_e=require("./YTicksAndGridLines-CtLvzExe.cjs"),Ke=require("./index-BYroABPm.cjs"),K=require("./use-in-view-Dl1CsAIo.cjs"),Je=require("./pow-B5-jkdHU.cjs"),Ue=require("./linear-BVckp9RD.cjs"),Qe=require("./delaunay-rcy0HhZi.cjs"),Xe=require("./index-a2C2Bqn2.cjs"),Ze=require("./GraphFooter.js"),et=require("./GraphHeader.js"),tt=require("./ColorLegendWithMouseOver.js"),it=require("./EmptyState-BQguKAp5.cjs"),Ye=require("./index-CEc_9zWy.cjs"),st=require("./ensureCompleteData-DqWQ2Zbi.cjs"),ot=require("./init-DU0ybBc_.cjs");function rt(ge){const{data:s,width:M,height:q,showLabels:se,colors:l,colorDomain:C,radius:R,xAxisTitle:m,yAxisTitle:J,leftMargin:W,rightMargin:pe,topMargin:ye,bottomMargin:oe,tooltip:re,onSeriesMouseOver:U,refXValues:I,refYValues:je,highlightAreaSettings:ve,selectedColor:G,highlightedDataPoints:L,maxRadiusValue:be,maxXValue:B,minXValue:w,maxYValue:Oe,minYValue:E,onSeriesMouseClick:V,rtl:Q,annotations:Ce,customHighlightAreaSettings:Re,regressionLine:z,resetSelectionOnDoubleClick:Z,detailsOnClick:k,noOfXTicks:ne,noOfYTicks:le,labelColor:ee,xSuffix:ae,ySuffix:ce,xPrefix:xe,yPrefix:ue,styles:x,classNames:u,animate:n,dimmedOpacity:A,precision:S,customLayers:fe}=ge,de=j.useRef(null),y=K.useInView(de,{once:n.once,amount:n.amount}),[$,T]=j.useState(void 0),[D,X]=j.useState(void 0),[me,P]=j.useState(void 0),[he,v]=j.useState(void 0),h={top:ye,bottom:m?oe+50:oe,left:J?W+30:W,right:pe},_=s.map((e,p)=>({...e,id:`${p}`})),g=M-h.left-h.right,b=q-h.top-h.bottom,O=s.filter(e=>e.radius===void 0||e.radius===null).length!==s.length?Je.sqrt().domain([0,be]).range([.25,R]).nice():void 0,d=_.filter(e=>!c.checkIfNullOrUndefined(e.radius)).length===0?_:Fe.orderBy(_.filter(e=>!c.checkIfNullOrUndefined(e.radius)),"radius","desc"),r=Ue.linear().domain([w,B]).range([0,g]).nice(),a=Ue.linear().domain([E,Oe]).range([b,0]).nice(),te=r.ticks(ne),ie=a.ticks(le),Y=Qe.Delaunay.from(d.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)),e=>r(e.x),e=>a(e.y)).voronoi([0,0,g<0?0:g,b<0?0:b]),we=Ve.linearRegression(s.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map(e=>[r(e.x),a(e.y)])),f=Ve.linearRegressionLine(we);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(K.motion.svg,{width:`${M}px`,height:`${q}px`,viewBox:`0 0 ${M} ${q}`,direction:"ltr",ref:de,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${h.left},${h.top})`,children:[i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[i.jsxRuntimeExports.jsx(Ke.HighlightAreaForScatterPlot,{areaSettings:ve,width:g,height:b,scaleX:r,scaleY:a,animate:n,isInView:y}),i.jsxRuntimeExports.jsx(Ne.CustomArea,{areaSettings:Re,scaleX:r,scaleY:a,animate:n,isInView:y})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:ie.filter(e=>e!==0),y:ie.filter(e=>e!==0).map(e=>a(e)),x1:0,x2:g+h.right,styles:{gridLines:x?.yAxis?.gridLines,labels:x?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:ce,prefix:ue,labelType:"secondary",showGridLines:!0,labelPos:"side",precision:S}),i.jsxRuntimeExports.jsx(Te.Axis,{y1:a(E<0?0:E),y2:a(E<0?0:E),x1:0,x2:g+h.right,label:$e.numberFormattingFunction(E<0?0:E,"NA",S,ue,ce),labelPos:{x:0,y:a(E<0?0:E),dy:"0.33em",dx:-4},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"end",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(De.AxisTitle,{x:0-W-15,y:b/2,style:x?.yAxis?.title,className:u?.yAxis?.title,text:J,rotate90:!0})]}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(Be.XTicksAndGridLines,{values:te.filter(e=>e!==0),x:te.filter(e=>e!==0).map(e=>r(e)),y1:0,y2:b,styles:{gridLines:x?.xAxis?.gridLines,labels:x?.xAxis?.labels},classNames:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},suffix:ae,prefix:xe,labelType:"primary",showGridLines:!0,precision:S}),i.jsxRuntimeExports.jsx(Te.Axis,{x1:r(w<0?0:w),x2:r(w<0?0:w),y1:0,y2:b,label:$e.numberFormattingFunction(w<0?0:w,"NA",S,xe,ae),labelPos:{x:r(w<0?0:w),y:b,dy:"1em",dx:0},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:x?.xAxis?.axis,label:{textAnchor:"middle",...x?.yAxis?.labels||{}}}}),i.jsxRuntimeExports.jsx(De.AxisTitle,{x:g/2,y:b+30,style:x?.xAxis?.title,className:u?.xAxis?.title,text:m})]}),fe.filter(e=>e.position==="before").map(e=>e.layer),i.jsxRuntimeExports.jsxs(Xe.AnimatePresence,{children:[d.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,p)=>i.jsxRuntimeExports.jsx("path",{d:Y.renderCell(d.findIndex(o=>o.id===e.id)),opacity:0,onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),U?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),U?.(void 0)},onClick:()=>{(V||k)&&(Le.isEqual(D,e)&&Z?(X(void 0),V?.(void 0)):(X(e),V?.(e)))}},`${e.label||p}`)),d.filter(e=>!c.checkIfNullOrUndefined(e.x)&&!c.checkIfNullOrUndefined(e.y)).map((e,p)=>i.jsxRuntimeExports.jsxs(K.motion.g,{variants:{initial:{x:r(e.x),y:a(e.y),opacity:G?e.color&&l[C.indexOf(`${e.color}`)]===G?1:A:$?$.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1},whileInView:{x:r(e.x),y:a(e.y),opacity:G?e.color&&l[C.indexOf(`${e.color}`)]===G?1:A:$?$.id===e.id?1:A:L.length!==0?L.indexOf(e.label||"")!==-1?1:A:1,transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",exit:{opacity:0,transition:{duration:n.duration}},onMouseEnter:o=>{T(e),v(o.clientY),P(o.clientX),U?.(e)},onMouseMove:o=>{T(e),v(o.clientY),P(o.clientX)},onMouseLeave:()=>{T(void 0),P(void 0),v(void 0),U?.(void 0)},onClick:()=>{(V||k)&&(Le.isEqual(D,e)&&Z?(X(void 0),V?.(void 0)):(X(e),V?.(e)))},children:[i.jsxRuntimeExports.jsx(K.motion.circle,{cx:0,cy:0,exit:{r:0,transition:{duration:n.duration}},variants:{initial:{r:0,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray},whileInView:{r:O?O(e.radius||0):R,fill:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,stroke:s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray,transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",style:{fillOpacity:.6}}),se&&!c.checkIfNullOrUndefined(e.label)?i.jsxRuntimeExports.jsx(K.motion.text,{style:{...x?.graphObjectValues||{}},className:Se.cnExports.cn("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0,fill:ee||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray)},whileInView:{x:O?O(e.radius||0):R,opacity:1,fill:ee||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):L.length!==0&&!c.checkIfNullOrUndefined(e.label)&&L.indexOf(e.label)!==-1?i.jsxRuntimeExports.jsx(K.motion.text,{style:{fill:ee||(s.filter(o=>o.color).length===0?l[0]:e.color?l[C.indexOf(`${e.color}`)]:N.Colors.gray),...x?.graphObjectValues||{}},className:Se.cnExports.cn("graph-value text-sm",u?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{x:O?O(e.radius||0):R,opacity:0},whileInView:{x:O?O(e.radius||0):R,opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:y?"whileInView":"initial",dy:"0.33em",dx:3,children:e.label}):null]},`${e.label||p}`)),I.map((e,p)=>i.jsxRuntimeExports.jsx(Pe.RefLineX,{text:e.text,color:e.color,x:r(e.value),y1:0,y2:b,textSide:r(e.value)>g*.75||Q?"left":"right",classNames:e.classNames,styles:e.styles,animate:n,isInView:y},p)),je.map((e,p)=>i.jsxRuntimeExports.jsx(Pe.RefLineY,{text:e.text,color:e.color,y:a(e.value),x1:0,x2:g,classNames:e.classNames,styles:e.styles,animate:n,isInView:y},p)),i.jsxRuntimeExports.jsx("g",{children:Ce.map((e,p)=>{const o=Ne.getLineEndPoint({x:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?r(e.xCoordinate):0,y:e.yCoordinate?a(e.yCoordinate):0},c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),Ee=e.showConnector?{y1:o.y,x1:o.x,y2:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?a(e.yCoordinate):0,cx:e.xCoordinate?r(e.xCoordinate):0,circleRadius:c.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,F={y:e.yCoordinate?a(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:Q?0:e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),width:Q?e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0):g-(e.xCoordinate?r(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return i.jsxRuntimeExports.jsx(Ne.Annotation,{color:e.color,connectorsSettings:Ee,labelSettings:F,text:e.text,classNames:e.classNames,styles:e.styles,animate:n,isInView:y},p)})}),z?i.jsxRuntimeExports.jsx(ze.RegressionLine,{x1:0,x2:g,y1:f(0),y2:f(g),graphHeight:b,graphWidth:g,className:u?.regLine,style:x?.regLine,color:typeof z=="string"?z:void 0,animate:n,isInView:y}):null]}),fe.filter(e=>e.position==="after").map(e=>e.layer)]})}),$&&re&&me&&he?i.jsxRuntimeExports.jsx(We.Tooltip,{data:$,body:re,xPos:me,yPos:he,backgroundStyle:x?.tooltip,className:u?.tooltip}):null,k&&D!==void 0?i.jsxRuntimeExports.jsx(He.ModalExports.Modal,{open:D!==void 0,onClose:()=>{X(void 0)},children:i.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof k=="string"?{__html:Ge.string2HTML(k,D)}:void 0,children:typeof k=="function"?k(D):null})}):null]})}function nt(ge){const{data:s,graphTitle:M,colors:q,sources:se,graphDescription:l,showLabels:C=!1,height:R,width:m,footNote:J,colorDomain:W,colorLegendTitle:pe,radius:ye=5,xAxisTitle:oe="X Axis",yAxisTitle:re="Y Axis",padding:U,backgroundColor:I=!1,leftMargin:je=0,rightMargin:ve=10,topMargin:G=20,bottomMargin:L=50,tooltip:be,relativeHeight:B,onSeriesMouseOver:w,refXValues:Oe=[],refYValues:E=[],highlightAreaSettings:V=[],showColorScale:Q=!0,highlightedDataPoints:Ce=[],graphID:Re,maxRadiusValue:z,maxXValue:Z,minXValue:k,maxYValue:ne,minYValue:le,xSuffix:ee="",ySuffix:ae="",xPrefix:ce="",yPrefix:xe="",onSeriesMouseClick:ue,graphDownload:x=!1,dataDownload:u=!1,language:n="en",showNAColor:A=!0,minHeight:S=0,annotations:fe=[],customHighlightAreaSettings:de=[],theme:y="light",regressionLine:$=!1,ariaLabel:T,resetSelectionOnDoubleClick:D=!0,detailsOnClick:X,noOfXTicks:me=5,noOfYTicks:P=5,labelColor:he,styles:v,classNames:h,animate:_=!1,dimmedOpacity:g=.3,precision:b=2,customLayers:O=[],timeline:d={enabled:!1,autoplay:!1,showOnlyActiveDate:!0}}=ge,[r,a]=j.useState(0),[te,ie]=j.useState(0),[Y,we]=j.useState(d.autoplay),f=Ae.sort(ke.uniqBy(s.filter(t=>t.date!==void 0&&t.date!==null),t=>t.date).map(t=>Ie.parse(`${t.date}`,d.dateFormat||"yyyy",new Date).getTime()),(t,H)=>ot.ascending(t,H)),[e,p]=j.useState(d.autoplay?0:f.length-1),[o,Ee]=j.useState(void 0),F=j.useRef(null),Me=j.useRef(null);j.useEffect(()=>{const t=new ResizeObserver(H=>{a(m||H[0].target.clientWidth||620),ie(R||H[0].target.clientHeight||480)});return F.current&&(ie(F.current.clientHeight||480),a(F.current.clientWidth||620),m||t.observe(F.current)),()=>t.disconnect()},[m,R]),j.useEffect(()=>{const t=setInterval(()=>{p(H=>H<f.length-1?H+1:0)},(d.speed||2)*1e3);return Y||clearInterval(t),()=>clearInterval(t)},[f,Y,d.speed]);const qe=Ae.getSliderMarks(f,e,d.showOnlyActiveDate,d.dateFormat||"yyyy");return i.jsxRuntimeExports.jsx("div",{className:`${y||"light"} flex  ${m?"w-fit grow-0":"w-full grow"}`,dir:n==="he"||n==="ar"?"rtl":void 0,children:i.jsxRuntimeExports.jsx("div",{className:Se.cnExports.cn(`${I?I===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${n||"en"}`,h?.graphContainer),style:{...v?.graphContainer||{},...I&&I!==!0?{backgroundColor:I}:{}},id:Re,ref:Me,"aria-label":T||`${M?`The graph shows ${M}. `:""}This is a scatter plot that shows correlation between two variables.${l?` ${l}`:""}`,children:i.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:I?U||"1rem":U||0},children:i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[M||l||x||u?i.jsxRuntimeExports.jsx(et.GraphHeader,{styles:{title:v?.title,description:v?.description},classNames:{title:h?.title,description:h?.description},graphTitle:M,graphDescription:l,width:m,graphDownload:x?Me.current:void 0,dataDownload:u?s.map(t=>t.data).filter(t=>t!==void 0).length>0?s.map(t=>t.data).filter(t=>t!==void 0):s.filter(t=>t!==void 0):null}):null,d.enabled&&f.length>0&&qe?i.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[i.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{we(!Y)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":Y?"Click to pause animation":"Click to play animation",children:Y?i.jsxRuntimeExports.jsx(Ye.Pause,{}):i.jsxRuntimeExports.jsx(Ye.Play,{})}),i.jsxRuntimeExports.jsx(Ae.SliderUIExports.SliderUI,{min:f[0],max:f[f.length-1],marks:qe,step:null,defaultValue:f[f.length-1],value:f[e],onChangeComplete:t=>{p(f.indexOf(t))},onChange:t=>{p(f.indexOf(t))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,i.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:s.length===0?i.jsxRuntimeExports.jsx(it.EmptyState,{}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[Q&&s.filter(t=>t.color).length!==0?i.jsxRuntimeExports.jsx(tt.ColorLegendWithMouseOver,{width:m,colorLegendTitle:pe,colors:q||N.Colors[y].categoricalColors.colors,colorDomain:W||ke.uniqBy(s.filter(t=>t.color),"color").map(t=>t.color),setSelectedColor:Ee,showNAColor:A}):null,i.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center w-full leading-0",ref:F,"aria-label":"Graph area",children:(m||r)&&(R||te)?i.jsxRuntimeExports.jsx(rt,{data:st.ensureCompleteDataForScatterPlot(s,d.dateFormat||"yyyy").filter(t=>d.enabled?t.date===Ie.format(new Date(f[e]),d.dateFormat||"yyyy"):t),width:m||r,height:Math.max(S,R||(B?S?(m||r)*B>S?(m||r)*B:S:(m||r)*B:te)),colorDomain:s.filter(t=>t.color).length===0?[]:W||ke.uniqBy(s.filter(t=>t.color),"color").map(t=>t.color),colors:s.filter(t=>t.color).length===0?q?[q]:[N.Colors.primaryColors["blue-600"]]:q||N.Colors[y].categoricalColors.colors,xAxisTitle:oe,yAxisTitle:re,refXValues:Oe,refYValues:E,showLabels:C,radius:ye,leftMargin:je,rightMargin:ve,topMargin:G,bottomMargin:L,tooltip:be,onSeriesMouseOver:w,highlightAreaSettings:V,highlightedDataPoints:s.filter(t=>t.label).length===0?[]:Ce,selectedColor:o,maxRadiusValue:c.checkIfNullOrUndefined(z)?Math.max(...s.map(t=>t.radius).filter(t=>t!=null)):z,maxXValue:c.checkIfNullOrUndefined(Z)?Math.max(...s.map(t=>t.x).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.x).filter(t=>t!=null)):0:Z,minXValue:c.checkIfNullOrUndefined(k)?Math.min(...s.map(t=>t.x).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.x).filter(t=>t!=null)):k,maxYValue:c.checkIfNullOrUndefined(ne)?Math.max(...s.map(t=>t.y).filter(t=>t!=null))>0?Math.max(...s.map(t=>t.y).filter(t=>t!=null)):0:ne,minYValue:c.checkIfNullOrUndefined(le)?Math.min(...s.map(t=>t.y).filter(t=>t!=null))>0?0:Math.min(...s.map(t=>t.y).filter(t=>t!=null)):le,onSeriesMouseClick:ue,rtl:n==="he"||n==="ar",annotations:fe,customHighlightAreaSettings:de,regressionLine:$,resetSelectionOnDoubleClick:D,detailsOnClick:X,noOfXTicks:me,noOfYTicks:P,labelColor:he,xSuffix:ee,ySuffix:ae,xPrefix:ce,yPrefix:xe,styles:v,classNames:h,animate:_===!0?{duration:.5,once:!0,amount:.5}:_||{duration:0,once:!0,amount:0},dimmedOpacity:g,precision:b,customLayers:O}):null})]})}),se||J?i.jsxRuntimeExports.jsx(Ze.GraphFooter,{styles:{footnote:v?.footnote,source:v?.source},classNames:{footnote:h?.footnote,source:h?.source},sources:se,footNote:J,width:m}):null]})})})})}exports.ScatterPlot=nt;
+//# sourceMappingURL=ScatterPlot.js.map