@undp/data-viz 2.5.4 → 2.6.1

package/dist/HeatMap.cjs

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

package/dist/HeatMap.d.ts

@@ -1,175 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AnimateDataType {
-    duration: number;
-    once: boolean;
-    amount: 'some' | 'all' | number;
-}
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-export declare function HeatMap(props: Props): JSX.Element;
-
-declare interface HeatMapDataType {
-    row: string;
-    column: string;
-    value?: string | number;
-    data?: object;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface NumberFormatOptions {
-    locale?: string;
-    precision?: number;
-    prefix?: string;
-    suffix?: string;
-    padZeros?: boolean;
-}
-
-declare interface Props {
-    /** Array of data objects */
-    data: HeatMapDataType[];
-    /** 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;
-    /** Array of colors for cells */
-    colors?: string[];
-    /** Color where data is not available */
-    noDataColor?: 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;
-    /** Toggles the background to fill the container. This only works if the width of the graph is defined. */
-    fillContainer?: boolean;
-    /** Maximum value for the chart */
-    truncateBy?: number;
-    /** Reference values for comparison */
-    /** Toggle visibility of labels in the column */
-    showColumnLabels?: boolean;
-    /** Toggle visibility of labels in the row */
-    showRowLabels?: boolean;
-    /** Scale for the colors in the cell */
-    scaleType?: ScaleDataType;
-    /** Toggle visibility of values */
-    showValues?: 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;
-    /** Toggles if the graph animates in when loaded.  */
-    animate?: boolean | AnimateDataType;
-    /** Domain for the colors in the cell.  */
-    colorDomain: number[] | string[];
-    /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */
-    numberDisplayOptions?: NumberFormatOptions;
-    /** Defines how “NA” values should be displayed/labelled in the graph */
-    naLabel?: string;
-    /** Enable graph download option as png */
-    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 type ScaleDataType = 'categorical' | 'linear' | 'threshold';
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Graphs/HeatMap/index'
+export {}

package/dist/HeatMap.js

@@ -1,288 +1,2 @@
-import { c as Gt, j as l, m as Xt } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useRef as Tt, useState as pt, useEffect as Yt } from "react";
-import { i as Zt } from "./index-Bwrro8-q.js";
-import { n as Ft } from "./numberFormattingFunction-BUUV_luR.js";
-import { T as Pt } from "./Tooltip-3EYDVa3w.js";
-import { g as zt } from "./getTextColorBasedOnBgColor-CDY808zi.js";
-import { c as Et } from "./checkIfNullOrUndefined-DmfiKkNw.js";
-import { X as Ut } from "./XAxesLabels-B9gkjUiC.js";
-import { Y as Jt } from "./YAxesLabels-hWEUCTvs.js";
-import { u as Wt } from "./uniqBy-BHy4I8PK.js";
-import { D as Kt } from "./DetailsModal-GqEbGHY2.js";
-import { b as Bt } from "./band-DYty33LD.js";
-import { o as Qt } from "./ordinal-CHaxGJ_l.js";
-import { t as _t } from "./threshold-DFfqcDMa.js";
-import { a as te } from "./linear-DNXM5Pdl.js";
-import { m as Ht } from "./proxy-BsxtcZKa.js";
-import { u as ee } from "./use-in-view-KOXq5Kmc.js";
-import { GraphHeader as oe } from "./GraphHeader.js";
-import { GraphFooter as le } from "./GraphFooter.js";
-import { ColorLegendWithMouseOver as ie } from "./ColorLegendWithMouseOver.js";
-import { LinearColorLegend as re } from "./LinearColorLegend.js";
-import { ThresholdColorLegendWithMouseOver as se } from "./ThresholdColorLegendWithMouseOver.js";
-import { Colors as f } from "./Colors.js";
-import { E as ae } from "./EmptyState-CaxXCkiN.js";
-import { a as ne, G as ce } from "./GraphContainer-B8ZqOzKI.js";
-function ue(m) {
-  const t = Gt.c(88), {
-    data: n,
-    showColumnLabels: z,
-    leftMargin: v,
-    rightMargin: U,
-    truncateBy: w,
-    width: J,
-    height: K,
-    topMargin: gt,
-    bottomMargin: ft,
-    tooltip: Q,
-    onSeriesMouseOver: a,
-    suffix: Ot,
-    prefix: r,
-    showValues: _,
-    colorDomain: j,
-    colors: X,
-    noDataColor: et,
-    scaleType: ot,
-    showRowLabels: xt,
-    selectedColor: tt,
-    onSeriesMouseClick: Y,
-    resetSelectionOnDoubleClick: vt,
-    detailsOnClick: $,
-    styles: d,
-    classNames: u,
-    animate: g,
-    precision: yt,
-    locale: lt,
-    padZeros: Ct
-  } = m, Lt = Tt(null);
-  let it;
-  t[0] !== g.amount || t[1] !== g.once ? (it = {
-    once: g.once,
-    amount: g.amount
-  }, t[0] = g.amount, t[1] = g.once, t[2] = it) : it = t[2];
-  const Z = ee(Lt, it);
-  let rt;
-  t[3] !== ft || t[4] !== v || t[5] !== U || t[6] !== gt ? (rt = {
-    top: gt,
-    bottom: ft,
-    left: v,
-    right: U
-  }, t[3] = ft, t[4] = v, t[5] = U, t[6] = gt, t[7] = rt) : rt = t[7];
-  const h = rt, [O, st] = pt(void 0), [y, at] = pt(void 0), [c, i] = pt(void 0), [nt, bt] = pt(void 0), s = J - h.left - h.right, ct = K - h.top - h.bottom;
-  let L, N, A, S, V, q, H, x, T, D, k, p, C;
-  if (t[8] !== g.duration || t[9] !== u?.graphObjectValues || t[10] !== u?.xAxis?.labels || t[11] !== u?.yAxis?.labels || t[12] !== j || t[13] !== X || t[14] !== n || t[15] !== $ || t[16] !== ct || t[17] !== s || t[18] !== K || t[19] !== Z || t[20] !== lt || t[21] !== h.left || t[22] !== h.top || t[23] !== O || t[24] !== y || t[25] !== et || t[26] !== Y || t[27] !== a || t[28] !== Ct || t[29] !== yt || t[30] !== r || t[31] !== vt || t[32] !== ot || t[33] !== tt || t[34] !== z || t[35] !== xt || t[36] !== _ || t[37] !== d?.graphObjectValues || t[38] !== d?.xAxis?.labels || t[39] !== d?.yAxis?.labels || t[40] !== Ot || t[41] !== w || t[42] !== J) {
-    const ut = Wt(n, "column", !0), I = Wt(n, "row", !0), mt = Bt().domain(I).range([0, ct]), W = mt.bandwidth(), ht = Bt().domain(ut).range([0, s]), P = ht.bandwidth(), Nt = ot === "categorical" ? Qt().domain(j).range(X) : ot === "threshold" ? _t().domain(j).range(X) : te().domain(j).range(X);
-    L = Ht.svg, D = `${J}px`, k = `${K}px`, p = `0 0 ${J} ${K}`, t[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
-      marginLeft: "auto",
-      marginRight: "auto"
-    }, t[56] = C) : C = t[56], N = "ltr", A = Lt, S = /* @__PURE__ */ l.jsx("g", { transform: `translate(${h.left},0)`, children: z ? ut.map((e, B) => /* @__PURE__ */ l.jsx(Ut, { y: 0, x: ht(e), width: P, height: h.top - 5, value: `${e}`.length < w ? `${e}` : `${`${e}`.substring(0, w)}...`, style: d?.xAxis?.labels, className: u?.xAxis?.labels, alignment: "bottom", animate: {
-      duration: 0,
-      once: !0,
-      amount: 0
-    }, isInView: Z }, B)) : null }), V = /* @__PURE__ */ l.jsx("g", { transform: `translate(0,${h.top})`, children: xt ? I.map((e, B) => /* @__PURE__ */ l.jsx(Jt, { value: `${e}`.length < w ? `${e}` : `${`${e}`.substring(0, w)}...`, y: mt(e), x: 0, width: h.left, height: W, alignment: "right", style: d?.yAxis?.labels, className: u?.yAxis?.labels, animate: {
-      duration: 0,
-      once: !0,
-      amount: 0
-    }, isInView: Z }, B)) : null }), q = `translate(${h.left},${h.top})`, H = I.map((e, B) => /* @__PURE__ */ l.jsx("g", { transform: `translate(0,${mt(e)})`, children: ut.map((b) => /* @__PURE__ */ l.jsx("rect", { x: ht(b), y: 0, width: P, height: W, style: {
-      fill: et
-    }, className: "stroke-1 stroke-primary-white dark:stroke-primary-gray-700" }, `${e}-${b}`)) }, B)), x = n.filter(me).map((e, B) => {
-      const b = Et(e.value) ? et : Nt(e.value);
-      return /* @__PURE__ */ l.jsxs("g", { transform: `translate(${ht(e.column)},${mt(e.row)})`, onMouseEnter: (G) => {
-        at(e), bt(G.clientY), i(G.clientX), a?.(e);
-      }, onClick: () => {
-        (Y || $) && (Zt(O, e) && vt ? (st(void 0), Y?.(void 0)) : (st(e), Y?.(e)));
-      }, onMouseMove: (G) => {
-        at(e), bt(G.clientY), i(G.clientX);
-      }, onMouseLeave: () => {
-        at(void 0), i(void 0), bt(void 0), a?.(void 0);
-      }, opacity: tt ? tt === b ? 1 : 0.3 : 1, children: [
-        /* @__PURE__ */ l.jsx(Ht.rect, { x: 0, y: 0, width: P, height: W, className: "stroke-1 stroke-primary-white dark:stroke-primary-gray-700", exit: {
-          opacity: 0,
-          transition: {
-            duration: g.duration
-          }
-        }, variants: {
-          initial: {
-            fill: b,
-            opacity: 0
-          },
-          whileInView: {
-            fill: b,
-            opacity: 1,
-            transition: {
-              duration: g.duration
-            }
-          }
-        }, initial: "initial", animate: Z ? "whileInView" : "initial" }),
-        _ && !Et(e.value) ? /* @__PURE__ */ l.jsx(Ht.g, { variants: {
-          initial: {
-            opacity: 0
-          },
-          whileInView: {
-            opacity: 1,
-            transition: {
-              duration: g.duration
-            }
-          }
-        }, initial: "initial", animate: Z ? "whileInView" : "initial", exit: {
-          opacity: 0,
-          transition: {
-            duration: g.duration
-          }
-        }, children: /* @__PURE__ */ l.jsx("foreignObject", { y: 0, x: 0, width: P, height: W, children: /* @__PURE__ */ l.jsx("div", { className: "flex flex-col justify-center items-center h-inherit p-1", children: /* @__PURE__ */ l.jsx("p", { className: Xt("text-xs text-center m-0 leading-[1.25] graph-value", u?.graphObjectValues), style: {
-          color: zt(b),
-          ...d?.graphObjectValues || {}
-        }, children: Ft(e.value, void 0, yt, r, Ot, lt, Ct) }) }) }, B) }) : null
-      ] }, `${e.column}-${e.row}`);
-    }), T = y ? /* @__PURE__ */ l.jsx("rect", { x: ht(y.column), y: mt(y.row), width: P, height: W, style: {
-      fill: "none",
-      fillOpacity: 0,
-      strokeWidth: 1.5
-    }, className: "stroke-primary-gray-700 dark:stroke-primary-gray-300" }) : null, t[8] = g.duration, t[9] = u?.graphObjectValues, t[10] = u?.xAxis?.labels, t[11] = u?.yAxis?.labels, t[12] = j, t[13] = X, t[14] = n, t[15] = $, t[16] = ct, t[17] = s, t[18] = K, t[19] = Z, t[20] = lt, t[21] = h.left, t[22] = h.top, t[23] = O, t[24] = y, t[25] = et, t[26] = Y, t[27] = a, t[28] = Ct, t[29] = yt, t[30] = r, t[31] = vt, t[32] = ot, t[33] = tt, t[34] = z, t[35] = xt, t[36] = _, t[37] = d?.graphObjectValues, t[38] = d?.xAxis?.labels, t[39] = d?.yAxis?.labels, t[40] = Ot, t[41] = w, t[42] = J, t[43] = L, t[44] = N, t[45] = A, t[46] = S, t[47] = V, t[48] = q, t[49] = H, t[50] = x, t[51] = T, t[52] = D, t[53] = k, t[54] = p, t[55] = C;
-  } else
-    L = t[43], N = t[44], A = t[45], S = t[46], V = t[47], q = t[48], H = t[49], x = t[50], T = t[51], D = t[52], k = t[53], p = t[54], C = t[55];
-  let M;
-  t[57] !== q || t[58] !== H || t[59] !== x || t[60] !== T ? (M = /* @__PURE__ */ l.jsxs("g", { transform: q, children: [
-    H,
-    x,
-    T
-  ] }), t[57] = q, t[58] = H, t[59] = x, t[60] = T, t[61] = M) : M = t[61];
-  let E;
-  t[62] !== L || t[63] !== N || t[64] !== A || t[65] !== S || t[66] !== V || t[67] !== M || t[68] !== D || t[69] !== k || t[70] !== p || t[71] !== C ? (E = /* @__PURE__ */ l.jsxs(L, { width: D, height: k, viewBox: p, style: C, direction: N, ref: A, children: [
-    S,
-    V,
-    M
-  ] }), t[62] = L, t[63] = N, t[64] = A, t[65] = S, t[66] = V, t[67] = M, t[68] = D, t[69] = k, t[70] = p, t[71] = C, t[72] = E) : E = t[72];
-  let o;
-  t[73] !== u?.tooltip || t[74] !== c || t[75] !== nt || t[76] !== y || t[77] !== d?.tooltip || t[78] !== Q ? (o = y && Q && c && nt ? /* @__PURE__ */ l.jsx(Pt, { data: y, body: Q, xPos: c, yPos: nt, backgroundStyle: d?.tooltip, className: u?.tooltip }) : null, t[73] = u?.tooltip, t[74] = c, t[75] = nt, t[76] = y, t[77] = d?.tooltip, t[78] = Q, t[79] = o) : o = t[79];
-  let R;
-  t[80] !== u?.modal || t[81] !== $ || t[82] !== O ? (R = $ && O !== void 0 ? /* @__PURE__ */ l.jsx(Kt, { body: $, data: O, setData: st, className: u?.modal }) : null, t[80] = u?.modal, t[81] = $, t[82] = O, t[83] = R) : R = t[83];
-  let F;
-  return t[84] !== E || t[85] !== o || t[86] !== R ? (F = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    E,
-    o,
-    R
-  ] }), t[84] = E, t[85] = o, t[86] = R, t[87] = F) : F = t[87], F;
-}
-function me(m) {
-  return !Et(m.value);
-}
-function Xe(m) {
-  const t = Gt.c(91), {
-    data: n,
-    graphTitle: z,
-    colors: v,
-    sources: U,
-    graphDescription: w,
-    showColumnLabels: J,
-    leftMargin: K,
-    rightMargin: gt,
-    truncateBy: ft,
-    height: Q,
-    width: a,
-    scaleType: Ot,
-    colorDomain: r,
-    footNote: _,
-    colorLegendTitle: j,
-    padding: X,
-    backgroundColor: et,
-    topMargin: ot,
-    bottomMargin: xt,
-    tooltip: tt,
-    onSeriesMouseOver: Y,
-    showRowLabels: vt,
-    relativeHeight: $,
-    showValues: d,
-    graphID: u,
-    noDataColor: g,
-    showColorScale: yt,
-    onSeriesMouseClick: lt,
-    graphDownload: Ct,
-    dataDownload: Lt,
-    fillContainer: it,
-    language: Z,
-    showNAColor: rt,
-    minHeight: h,
-    theme: O,
-    ariaLabel: st,
-    resetSelectionOnDoubleClick: y,
-    detailsOnClick: at,
-    styles: c,
-    classNames: i,
-    animate: nt,
-    naLabel: bt,
-    numberDisplayOptions: s
-  } = m, ct = J === void 0 ? !0 : J, L = K === void 0 ? 100 : K, N = gt === void 0 ? 10 : gt, A = ft === void 0 ? 999 : ft, S = et === void 0 ? !1 : et, V = ot === void 0 ? 30 : ot, q = xt === void 0 ? 10 : xt, H = vt === void 0 ? !0 : vt, x = g === void 0 ? f.gray : g, T = yt === void 0 ? !0 : yt, D = Ct === void 0 ? !1 : Ct, k = Lt === void 0 ? !1 : Lt, p = it === void 0 ? !0 : it, C = Z === void 0 ? "en" : Z, M = rt === void 0 ? !0 : rt, E = h === void 0 ? 0 : h, o = O === void 0 ? "light" : O, R = y === void 0 ? !0 : y, F = nt === void 0 ? !1 : nt, ut = bt === void 0 ? "NA" : bt, [I, mt] = pt(0), [W, ht] = pt(0), [P, Nt] = pt(void 0), e = Tt(null), B = Tt(null);
-  let b, G;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => {
-    const Rt = new ResizeObserver((It) => {
-      mt(It[0].target.clientWidth || 620), ht(It[0].target.clientHeight || 480);
-    });
-    return e.current && Rt.observe(e.current), () => Rt.disconnect();
-  }, G = [], t[0] = b, t[1] = G) : (b = t[0], G = t[1]), Yt(b, G);
-  const dt = Ot || (typeof r[0] == "string" ? "categorical" : r.length === 2 ? "linear" : "threshold"), St = i?.graphContainer, Vt = c?.graphContainer, qt = p ? void 0 : a;
-  let wt;
-  t[2] !== i?.description || t[3] !== i?.title || t[4] !== n || t[5] !== k || t[6] !== w || t[7] !== D || t[8] !== z || t[9] !== c?.description || t[10] !== c?.title || t[11] !== a ? (wt = z || w || D || k ? /* @__PURE__ */ l.jsx(oe, { styles: {
-    title: c?.title,
-    description: c?.description
-  }, classNames: {
-    title: i?.title,
-    description: i?.description
-  }, graphTitle: z, graphDescription: w, width: a, graphDownload: D ? B : void 0, dataDownload: k ? n.map(xe).filter(fe).length > 0 ? n.map(ge).filter(pe) : n.filter(de) : null }) : null, t[2] = i?.description, t[3] = i?.title, t[4] = n, t[5] = k, t[6] = w, t[7] = D, t[8] = z, t[9] = c?.description, t[10] = c?.title, t[11] = a, t[12] = wt) : wt = t[12];
-  let jt;
-  t[13] !== i?.colorLegend || t[14] !== r || t[15] !== j || t[16] !== v || t[17] !== n.length || t[18] !== p || t[19] !== ut || t[20] !== x || t[21] !== s?.locale || t[22] !== dt || t[23] !== T || t[24] !== M || t[25] !== o || t[26] !== a ? (jt = T && n.length > 0 ? dt === "categorical" ? /* @__PURE__ */ l.jsx(ie, { width: p ? void 0 : a, colorLegendTitle: j, colors: v || (typeof r[0] == "string" ? f[o].categoricalColors.colors : r.length === 2 ? [f[o].sequentialColors.neutralColorsx09[0], f[o].sequentialColors.neutralColorsx09[8]] : f[o].sequentialColors[`neutralColorsx0${r.length + 1}`]), colorDomain: r.map(he), setSelectedColor: Nt, showNAColor: M, className: i?.colorLegend }) : dt === "threshold" ? /* @__PURE__ */ l.jsx(se, { width: p ? void 0 : a, colorLegendTitle: j, colors: v || (typeof r[0] == "string" ? f[o].categoricalColors.colors : r.length === 2 ? [f[o].sequentialColors.neutralColorsx09[0], f[o].sequentialColors.neutralColorsx09[8]] : f[o].sequentialColors[`neutralColorsx0${r.length + 1}`]), colorDomain: r, setSelectedColor: Nt, naColor: x, locale: s?.locale || "en", showNAColor: M, naLabel: ut }) : /* @__PURE__ */ l.jsx(re, { width: p ? void 0 : a, colorLegendTitle: j, colors: v || [f[o].sequentialColors.neutralColorsx09[0], f[o].sequentialColors.neutralColorsx09[8]], locale: s?.locale || "en", colorDomain: r, className: i?.colorLegend }) : null, t[13] = i?.colorLegend, t[14] = r, t[15] = j, t[16] = v, t[17] = n.length, t[18] = p, t[19] = ut, t[20] = x, t[21] = s?.locale, t[22] = dt, t[23] = T, t[24] = M, t[25] = o, t[26] = a, t[27] = jt) : jt = t[27];
-  let $t;
-  t[28] !== n.length ? ($t = n.length === 0 && /* @__PURE__ */ l.jsx(ae, {}), t[28] = n.length, t[29] = $t) : $t = t[29];
-  let Dt;
-  t[30] !== F || t[31] !== q || t[32] !== i || t[33] !== r || t[34] !== v || t[35] !== n || t[36] !== at || t[37] !== p || t[38] !== L || t[39] !== x || t[40] !== s?.locale || t[41] !== s?.padZeros || t[42] !== s?.precision || t[43] !== s?.prefix || t[44] !== s?.suffix || t[45] !== lt || t[46] !== Y || t[47] !== R || t[48] !== N || t[49] !== dt || t[50] !== P || t[51] !== ct || t[52] !== H || t[53] !== d || t[54] !== c || t[55] !== W || t[56] !== I || t[57] !== o || t[58] !== tt || t[59] !== V || t[60] !== A || t[61] !== a ? (Dt = I && W && n.length > 0 ? /* @__PURE__ */ l.jsx(ue, { data: n, colorDomain: r, width: p || !a || I < a ? I : a, height: W, colors: v || (typeof r[0] == "string" ? f[o].categoricalColors.colors : r.length === 2 ? [f[o].sequentialColors.neutralColorsx09[0], f[o].sequentialColors.neutralColorsx09[8]] : f[o].sequentialColors[`neutralColorsx0${r.length + 1}`]), noDataColor: x, scaleType: dt, showColumnLabels: ct, leftMargin: L, rightMargin: N, topMargin: V, bottomMargin: q, selectedColor: P, truncateBy: A, showRowLabels: H, tooltip: tt, onSeriesMouseOver: Y, showValues: d, onSeriesMouseClick: lt, resetSelectionOnDoubleClick: R, detailsOnClick: at, styles: c, classNames: i, animate: F === !0 ? {
-    duration: 0.5,
-    once: !0,
-    amount: 0.5
-  } : F || {
-    duration: 0,
-    once: !0,
-    amount: 0
-  }, locale: s?.locale || "en", padZeros: s?.padZeros || !1, suffix: s?.suffix || "", prefix: s?.prefix || "", precision: s?.precision ?? 2 }) : null, t[30] = F, t[31] = q, t[32] = i, t[33] = r, t[34] = v, t[35] = n, t[36] = at, t[37] = p, t[38] = L, t[39] = x, t[40] = s?.locale, t[41] = s?.padZeros, t[42] = s?.precision, t[43] = s?.prefix, t[44] = s?.suffix, t[45] = lt, t[46] = Y, t[47] = R, t[48] = N, t[49] = dt, t[50] = P, t[51] = ct, t[52] = H, t[53] = d, t[54] = c, t[55] = W, t[56] = I, t[57] = o, t[58] = tt, t[59] = V, t[60] = A, t[61] = a, t[62] = Dt) : Dt = t[62];
-  let kt;
-  t[63] !== $t || t[64] !== Dt ? (kt = /* @__PURE__ */ l.jsxs(ne, { ref: e, children: [
-    $t,
-    Dt
-  ] }), t[63] = $t, t[64] = Dt, t[65] = kt) : kt = t[65];
-  let Mt;
-  t[66] !== i?.footnote || t[67] !== i?.source || t[68] !== _ || t[69] !== U || t[70] !== c?.footnote || t[71] !== c?.source || t[72] !== a ? (Mt = U || _ ? /* @__PURE__ */ l.jsx(le, { styles: {
-    footnote: c?.footnote,
-    source: c?.source
-  }, classNames: {
-    footnote: i?.footnote,
-    source: i?.source
-  }, sources: U, footNote: _, width: a }) : null, t[66] = i?.footnote, t[67] = i?.source, t[68] = _, t[69] = U, t[70] = c?.footnote, t[71] = c?.source, t[72] = a, t[73] = Mt) : Mt = t[73];
-  let At;
-  return t[74] !== st || t[75] !== S || t[76] !== u || t[77] !== Q || t[78] !== C || t[79] !== E || t[80] !== X || t[81] !== $ || t[82] !== St || t[83] !== Vt || t[84] !== qt || t[85] !== wt || t[86] !== jt || t[87] !== kt || t[88] !== Mt || t[89] !== o ? (At = /* @__PURE__ */ l.jsxs(ce, { className: St, style: Vt, id: u, ref: B, "aria-label": st, backgroundColor: S, theme: o, language: C, minHeight: E, width: qt, height: Q, relativeHeight: $, padding: X, children: [
-    wt,
-    jt,
-    kt,
-    Mt
-  ] }), t[74] = st, t[75] = S, t[76] = u, t[77] = Q, t[78] = C, t[79] = E, t[80] = X, t[81] = $, t[82] = St, t[83] = Vt, t[84] = qt, t[85] = wt, t[86] = jt, t[87] = kt, t[88] = Mt, t[89] = o, t[90] = At) : At = t[90], At;
-}
-function he(m) {
-  return `${m}`;
-}
-function de(m) {
-  return m !== void 0;
-}
-function pe(m) {
-  return m !== void 0;
-}
-function ge(m) {
-  return m.data;
-}
-function fe(m) {
-  return m !== void 0;
-}
-function xe(m) {
-  return m.data;
-}
-export {
-  Xe as HeatMap
-};
-//# sourceMappingURL=HeatMap.js.map
+import { t as e } from "./HeatMap-V6VFVvJv.js";
+export { e as HeatMap };

package/dist/HighlightArea-BljOOgRP.js

@@ -0,0 +1,76 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as t } from "./Colors.js";
+import { t as n } from "./proxy-BiRrIImK.js";
+//#region src/Components/Elements/HighlightArea/index.tsx
+var r = e();
+function i(e) {
+	let { areaSettings: i, width: a, height: o, scale: s, animate: c, isInView: l } = e;
+	return /* @__PURE__ */ (0, r.jsx)(r.Fragment, { children: i.map((e, i) => /* @__PURE__ */ (0, r.jsx)(n.g, { children: e.coordinates[0] === null && e.coordinates[1] === null ? null : /* @__PURE__ */ (0, r.jsx)(n.g, { children: /* @__PURE__ */ (0, r.jsx)(n.rect, {
+		style: {
+			fill: e.color || t.light.grays["gray-300"],
+			strokeWidth: e.strokeWidth,
+			...e.style || {}
+		},
+		className: e.className,
+		y: 0,
+		height: o,
+		variants: {
+			initial: {
+				width: 0,
+				x: e.coordinates[0] ? s(e.coordinates[0]) : 0,
+				opacity: 1
+			},
+			whileInView: {
+				width: e.coordinates[1] ? s(e.coordinates[1]) - (e.coordinates[0] ? s(e.coordinates[0]) : 0) : a - (e.coordinates[0] ? s(e.coordinates[0]) : 0),
+				x: e.coordinates[0] ? s(e.coordinates[0]) : 0,
+				opacity: 1,
+				transition: { duration: c.duration }
+			}
+		},
+		initial: "initial",
+		animate: l ? "whileInView" : "initial",
+		exit: {
+			opacity: 0,
+			width: 0,
+			transition: { duration: c.duration }
+		}
+	}) }) }, i)) });
+}
+function a(e) {
+	let { areaSettings: i, width: a, height: o, scaleX: s, scaleY: c, animate: l, isInView: u } = e;
+	return /* @__PURE__ */ (0, r.jsx)(r.Fragment, { children: i.map((e, i) => /* @__PURE__ */ (0, r.jsx)(n.g, { children: e.coordinates.filter((e) => e === null).length === 4 ? null : /* @__PURE__ */ (0, r.jsx)(n.g, { children: /* @__PURE__ */ (0, r.jsx)(n.rect, {
+		style: {
+			fill: e.color || t.light.grays["gray-300"],
+			strokeWidth: e.strokeWidth,
+			...e.style || {}
+		},
+		className: e.className,
+		variants: {
+			initial: {
+				x: e.coordinates[0] ? s(e.coordinates[0]) : 0,
+				width: 0,
+				y: e.coordinates[3] ? c(e.coordinates[3]) : 0,
+				height: 0
+			},
+			whileInView: {
+				x: e.coordinates[0] ? s(e.coordinates[0]) : 0,
+				width: e.coordinates[1] ? s(e.coordinates[1]) - (e.coordinates[0] ? s(e.coordinates[0]) : 0) : a - (e.coordinates[0] ? s(e.coordinates[0]) : 0),
+				y: e.coordinates[3] ? c(e.coordinates[3]) : 0,
+				height: e.coordinates[2] === null ? o - (e.coordinates[3] ? o - c(e.coordinates[3]) : 0) : c(e.coordinates[2]) - (e.coordinates[3] ? c(e.coordinates[3]) : 0),
+				transition: { duration: l.duration }
+			}
+		},
+		initial: "initial",
+		animate: u ? "whileInView" : "initial",
+		exit: {
+			opacity: 0,
+			width: 0,
+			height: 0,
+			transition: { duration: l.duration }
+		}
+	}) }) }, `highlight_area_${i}`)) });
+}
+//#endregion
+export { a as n, i as t };
+
+//# sourceMappingURL=HighlightArea-BljOOgRP.js.map

package/dist/HighlightArea-BljOOgRP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightArea-BljOOgRP.js","names":[],"sources":["../src/Components/Elements/HighlightArea/index.tsx"],"sourcesContent":["import type { NumberValue } from 'd3-scale';\nimport { motion } from 'motion/react';\n\nimport { Colors } from '@/Components/ColorPalette';\nimport type { AnimateDataType } from '@/Types';\n\ninterface Props {\n  areaSettings: {\n    coordinates: (Date | null | number)[];\n    style?: React.CSSProperties;\n    className?: string;\n    color?: string;\n    strokeWidth?: number;\n  }[];\n  width: number;\n  height: number;\n  scale: (value: Date | NumberValue) => number;\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function HighlightArea(props: Props) {\n  const { areaSettings, width, height, scale, animate, isInView } = props;\n  return (\n    <>\n      {areaSettings.map((d, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n        <motion.g key={i}>\n          {d.coordinates[0] === null && d.coordinates[1] === null ? null : (\n            <motion.g>\n              <motion.rect\n                style={{\n                  fill: d.color || Colors.light.grays['gray-300'],\n                  strokeWidth: d.strokeWidth,\n                  ...(d.style || {}),\n                }}\n                className={d.className}\n                y={0}\n                height={height}\n                variants={{\n                  initial: {\n                    width: 0,\n                    x: d.coordinates[0] ? scale(d.coordinates[0]) : 0,\n                    opacity: 1,\n                  },\n                  whileInView: {\n                    width: d.coordinates[1]\n                      ? scale(d.coordinates[1]) - (d.coordinates[0] ? scale(d.coordinates[0]) : 0)\n                      : width - (d.coordinates[0] ? scale(d.coordinates[0]) : 0),\n                    x: d.coordinates[0] ? scale(d.coordinates[0]) : 0,\n                    opacity: 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n                exit={{ opacity: 0, width: 0, transition: { duration: animate.duration } }}\n              />\n            </motion.g>\n          )}\n        </motion.g>\n      ))}\n    </>\n  );\n}\n\ninterface ScatterPlotProps {\n  areaSettings: {\n    coordinates: (Date | null | number)[];\n    style?: React.CSSProperties;\n    className?: string;\n    color?: string;\n    strokeWidth?: number;\n  }[];\n  width: number;\n  height: number;\n  scaleX: (value: Date | NumberValue) => number;\n  scaleY: (value: Date | NumberValue) => number;\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function HighlightAreaForScatterPlot(props: ScatterPlotProps) {\n  const { areaSettings, width, height, scaleX, scaleY, animate, isInView } = props;\n  return (\n    <>\n      {areaSettings.map((d, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n        <motion.g key={`highlight_area_${i}`}>\n          {d.coordinates.filter((el) => el === null).length === 4 ? null : (\n            <motion.g>\n              <motion.rect\n                style={{\n                  fill: d.color || Colors.light.grays['gray-300'],\n                  strokeWidth: d.strokeWidth,\n                  ...(d.style || {}),\n                }}\n                className={d.className}\n                variants={{\n                  initial: {\n                    x: d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0,\n                    width: 0,\n                    y: d.coordinates[3] ? scaleY(d.coordinates[3] as number) : 0,\n                    height: 0,\n                  },\n                  whileInView: {\n                    x: d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0,\n                    width: d.coordinates[1]\n                      ? scaleX(d.coordinates[1] as number) -\n                        (d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0)\n                      : width - (d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0),\n                    y: d.coordinates[3] ? scaleY(d.coordinates[3] as number) : 0,\n                    height:\n                      d.coordinates[2] !== null\n                        ? scaleY(d.coordinates[2] as number) -\n                          (d.coordinates[3] ? scaleY(d.coordinates[3] as number) : 0)\n                        : height -\n                          (d.coordinates[3] ? height - scaleY(d.coordinates[3] as number) : 0),\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n                exit={{\n                  opacity: 0,\n                  width: 0,\n                  height: 0,\n                  transition: { duration: animate.duration },\n                }}\n              />\n            </motion.g>\n          )}\n        </motion.g>\n      ))}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/HighlightArea-CJ2XwY67.cjs

@@ -0,0 +1,2 @@
+const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./Colors.cjs`),n=require(`./proxy-DaRMphjR.cjs`);var r=e.t();function i(e){let{areaSettings:i,width:a,height:o,scale:s,animate:c,isInView:l}=e;return(0,r.jsx)(r.Fragment,{children:i.map((e,i)=>(0,r.jsx)(n.t.g,{children:e.coordinates[0]===null&&e.coordinates[1]===null?null:(0,r.jsx)(n.t.g,{children:(0,r.jsx)(n.t.rect,{style:{fill:e.color||t.Colors.light.grays[`gray-300`],strokeWidth:e.strokeWidth,...e.style||{}},className:e.className,y:0,height:o,variants:{initial:{width:0,x:e.coordinates[0]?s(e.coordinates[0]):0,opacity:1},whileInView:{width:e.coordinates[1]?s(e.coordinates[1])-(e.coordinates[0]?s(e.coordinates[0]):0):a-(e.coordinates[0]?s(e.coordinates[0]):0),x:e.coordinates[0]?s(e.coordinates[0]):0,opacity:1,transition:{duration:c.duration}}},initial:`initial`,animate:l?`whileInView`:`initial`,exit:{opacity:0,width:0,transition:{duration:c.duration}}})})},i))})}function a(e){let{areaSettings:i,width:a,height:o,scaleX:s,scaleY:c,animate:l,isInView:u}=e;return(0,r.jsx)(r.Fragment,{children:i.map((e,i)=>(0,r.jsx)(n.t.g,{children:e.coordinates.filter(e=>e===null).length===4?null:(0,r.jsx)(n.t.g,{children:(0,r.jsx)(n.t.rect,{style:{fill:e.color||t.Colors.light.grays[`gray-300`],strokeWidth:e.strokeWidth,...e.style||{}},className:e.className,variants:{initial:{x:e.coordinates[0]?s(e.coordinates[0]):0,width:0,y:e.coordinates[3]?c(e.coordinates[3]):0,height:0},whileInView:{x:e.coordinates[0]?s(e.coordinates[0]):0,width:e.coordinates[1]?s(e.coordinates[1])-(e.coordinates[0]?s(e.coordinates[0]):0):a-(e.coordinates[0]?s(e.coordinates[0]):0),y:e.coordinates[3]?c(e.coordinates[3]):0,height:e.coordinates[2]===null?o-(e.coordinates[3]?o-c(e.coordinates[3]):0):c(e.coordinates[2])-(e.coordinates[3]?c(e.coordinates[3]):0),transition:{duration:l.duration}}},initial:`initial`,animate:u?`whileInView`:`initial`,exit:{opacity:0,width:0,height:0,transition:{duration:l.duration}}})})},`highlight_area_${i}`))})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=HighlightArea-CJ2XwY67.cjs.map

package/dist/HighlightArea-CJ2XwY67.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightArea-CJ2XwY67.cjs","names":[],"sources":["../src/Components/Elements/HighlightArea/index.tsx"],"sourcesContent":["import type { NumberValue } from 'd3-scale';\nimport { motion } from 'motion/react';\n\nimport { Colors } from '@/Components/ColorPalette';\nimport type { AnimateDataType } from '@/Types';\n\ninterface Props {\n  areaSettings: {\n    coordinates: (Date | null | number)[];\n    style?: React.CSSProperties;\n    className?: string;\n    color?: string;\n    strokeWidth?: number;\n  }[];\n  width: number;\n  height: number;\n  scale: (value: Date | NumberValue) => number;\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function HighlightArea(props: Props) {\n  const { areaSettings, width, height, scale, animate, isInView } = props;\n  return (\n    <>\n      {areaSettings.map((d, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n        <motion.g key={i}>\n          {d.coordinates[0] === null && d.coordinates[1] === null ? null : (\n            <motion.g>\n              <motion.rect\n                style={{\n                  fill: d.color || Colors.light.grays['gray-300'],\n                  strokeWidth: d.strokeWidth,\n                  ...(d.style || {}),\n                }}\n                className={d.className}\n                y={0}\n                height={height}\n                variants={{\n                  initial: {\n                    width: 0,\n                    x: d.coordinates[0] ? scale(d.coordinates[0]) : 0,\n                    opacity: 1,\n                  },\n                  whileInView: {\n                    width: d.coordinates[1]\n                      ? scale(d.coordinates[1]) - (d.coordinates[0] ? scale(d.coordinates[0]) : 0)\n                      : width - (d.coordinates[0] ? scale(d.coordinates[0]) : 0),\n                    x: d.coordinates[0] ? scale(d.coordinates[0]) : 0,\n                    opacity: 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n                exit={{ opacity: 0, width: 0, transition: { duration: animate.duration } }}\n              />\n            </motion.g>\n          )}\n        </motion.g>\n      ))}\n    </>\n  );\n}\n\ninterface ScatterPlotProps {\n  areaSettings: {\n    coordinates: (Date | null | number)[];\n    style?: React.CSSProperties;\n    className?: string;\n    color?: string;\n    strokeWidth?: number;\n  }[];\n  width: number;\n  height: number;\n  scaleX: (value: Date | NumberValue) => number;\n  scaleY: (value: Date | NumberValue) => number;\n  animate: AnimateDataType;\n  isInView: boolean;\n}\n\nexport function HighlightAreaForScatterPlot(props: ScatterPlotProps) {\n  const { areaSettings, width, height, scaleX, scaleY, animate, isInView } = props;\n  return (\n    <>\n      {areaSettings.map((d, i) => (\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n        <motion.g key={`highlight_area_${i}`}>\n          {d.coordinates.filter((el) => el === null).length === 4 ? null : (\n            <motion.g>\n              <motion.rect\n                style={{\n                  fill: d.color || Colors.light.grays['gray-300'],\n                  strokeWidth: d.strokeWidth,\n                  ...(d.style || {}),\n                }}\n                className={d.className}\n                variants={{\n                  initial: {\n                    x: d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0,\n                    width: 0,\n                    y: d.coordinates[3] ? scaleY(d.coordinates[3] as number) : 0,\n                    height: 0,\n                  },\n                  whileInView: {\n                    x: d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0,\n                    width: d.coordinates[1]\n                      ? scaleX(d.coordinates[1] as number) -\n                        (d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0)\n                      : width - (d.coordinates[0] ? scaleX(d.coordinates[0] as number) : 0),\n                    y: d.coordinates[3] ? scaleY(d.coordinates[3] as number) : 0,\n                    height:\n                      d.coordinates[2] !== null\n                        ? scaleY(d.coordinates[2] as number) -\n                          (d.coordinates[3] ? scaleY(d.coordinates[3] as number) : 0)\n                        : height -\n                          (d.coordinates[3] ? height - scaleY(d.coordinates[3] as number) : 0),\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n                exit={{\n                  opacity: 0,\n                  width: 0,\n                  height: 0,\n                  transition: { duration: animate.duration },\n                }}\n              />\n            </motion.g>\n          )}\n        </motion.g>\n      ))}\n    </>\n  );\n}\n"],"mappings":"sHAqBA,SAAgB,EAAc,EAAc,CAC1C,GAAM,CAAE,eAAc,QAAO,SAAQ,QAAO,UAAS,YAAa,EAClE,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAa,KAAK,EAAG,KAEpB,EAAA,EAAA,KAAC,EAAA,EAAO,EAAR,CAAA,SACG,EAAE,YAAY,KAAO,MAAQ,EAAE,YAAY,KAAO,KAAO,MACxD,EAAA,EAAA,KAAC,EAAA,EAAO,EAAR,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CACE,MAAO,CACL,KAAM,EAAE,OAAS,EAAA,OAAO,MAAM,MAAM,YACpC,YAAa,EAAE,YACf,GAAI,EAAE,OAAS,CAAC,CAClB,EACA,UAAW,EAAE,UACb,EAAG,EACK,SACR,SAAU,CACR,QAAS,CACP,MAAO,EACP,EAAG,EAAE,YAAY,GAAK,EAAM,EAAE,YAAY,EAAE,EAAI,EAChD,QAAS,CACX,EACA,YAAa,CACX,MAAO,EAAE,YAAY,GACjB,EAAM,EAAE,YAAY,EAAE,GAAK,EAAE,YAAY,GAAK,EAAM,EAAE,YAAY,EAAE,EAAI,GACxE,GAAS,EAAE,YAAY,GAAK,EAAM,EAAE,YAAY,EAAE,EAAI,GAC1D,EAAG,EAAE,YAAY,GAAK,EAAM,EAAE,YAAY,EAAE,EAAI,EAChD,QAAS,EACT,WAAY,CAAE,SAAU,EAAQ,QAAS,CAC3C,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,UACpC,KAAM,CAAE,QAAS,EAAG,MAAO,EAAG,WAAY,CAAE,SAAU,EAAQ,QAAS,CAAE,CAC1E,CAAA,CACO,CAAA,CAEJ,EAjCK,CAiCL,CACX,CACD,CAAA,CAEN,CAkBA,SAAgB,EAA4B,EAAyB,CACnE,GAAM,CAAE,eAAc,QAAO,SAAQ,SAAQ,SAAQ,UAAS,YAAa,EAC3E,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAa,KAAK,EAAG,KAEpB,EAAA,EAAA,KAAC,EAAA,EAAO,EAAR,CAAA,SACG,EAAE,YAAY,OAAQ,GAAO,IAAO,IAAI,EAAE,SAAW,EAAI,MACxD,EAAA,EAAA,KAAC,EAAA,EAAO,EAAR,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAO,KAAR,CACE,MAAO,CACL,KAAM,EAAE,OAAS,EAAA,OAAO,MAAM,MAAM,YACpC,YAAa,EAAE,YACf,GAAI,EAAE,OAAS,CAAC,CAClB,EACA,UAAW,EAAE,UACb,SAAU,CACR,QAAS,CACP,EAAG,EAAE,YAAY,GAAK,EAAO,EAAE,YAAY,EAAY,EAAI,EAC3D,MAAO,EACP,EAAG,EAAE,YAAY,GAAK,EAAO,EAAE,YAAY,EAAY,EAAI,EAC3D,OAAQ,CACV,EACA,YAAa,CACX,EAAG,EAAE,YAAY,GAAK,EAAO,EAAE,YAAY,EAAY,EAAI,EAC3D,MAAO,EAAE,YAAY,GACjB,EAAO,EAAE,YAAY,EAAY,GAChC,EAAE,YAAY,GAAK,EAAO,EAAE,YAAY,EAAY,EAAI,GACzD,GAAS,EAAE,YAAY,GAAK,EAAO,EAAE,YAAY,EAAY,EAAI,GACrE,EAAG,EAAE,YAAY,GAAK,EAAO,EAAE,YAAY,EAAY,EAAI,EAC3D,OACE,EAAE,YAAY,KAAO,KAGjB,GACC,EAAE,YAAY,GAAK,EAAS,EAAO,EAAE,YAAY,EAAY,EAAI,GAHlE,EAAO,EAAE,YAAY,EAAY,GAChC,EAAE,YAAY,GAAK,EAAO,EAAE,YAAY,EAAY,EAAI,GAG/D,WAAY,CAAE,SAAU,EAAQ,QAAS,CAC3C,CACF,EACA,QAAQ,UACR,QAAS,EAAW,cAAgB,UACpC,KAAM,CACJ,QAAS,EACT,MAAO,EACP,OAAQ,EACR,WAAY,CAAE,SAAU,EAAQ,QAAS,CAC3C,CACD,CAAA,CACO,CAAA,CAEJ,EA5CK,kBAAkB,GA4CvB,CACX,CACD,CAAA,CAEN"}

package/dist/Histogram-B995-qQB.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./Colors.cjs`),n=require(`./init-BTypmXMF.cjs`),r=require(`./CirclePackingGraph-Rl84B8C1.cjs`),i=require(`./linear-B93YyHf_.cjs`),a=require(`./BarGraph-DE7tJ52k.cjs`),o=require(`./DonutChart-CeJOD4Me.cjs`),s=require(`./TreeMapGraph-BL2-s-r1.cjs`);let c=require(`@undp/design-system-react/Spinner`);function l(e,t){let n=0;if(t===void 0)for(let t of e)t!=null&&(t=+t)>=t&&++n;else{let r=-1;for(let i of e)(i=t(i,++r,e))!=null&&(i=+i)>=i&&++n}return n}function u(e){return e}var d=Array.prototype,f=d.slice;d.map;function p(e){return()=>e}function m(e,t,n){let r;for(;;){let a=i.s(e,t,n);if(a===r||a===0||!isFinite(a))return[e,t];a>0?(e=Math.floor(e/a)*a,t=Math.ceil(t/a)*a):a<0&&(e=Math.ceil(e*a)/a,t=Math.floor(t*a)/a),r=a}}function h(e){return Math.max(1,Math.ceil(Math.log(l(e))/Math.LN2)+1)}function g(){var e=u,t=r.n,a=h;function o(o){Array.isArray(o)||(o=Array.from(o));var s,c=o.length,l,u,d=Array(c);for(s=0;s<c;++s)d[s]=e(o[s],s,o);var f=t(d),p=f[0],h=f[1],g=a(d,p,h);if(!Array.isArray(g)){let e=h,n=+g;if(t===r.n&&([p,h]=m(p,h,n)),g=i.l(p,h,n),g[0]<=p&&(u=i.s(p,h,n)),g[g.length-1]>=h)if(e>=h&&t===r.n){let e=i.s(p,h,n);isFinite(e)&&(e>0?h=(Math.floor(h/e)+1)*e:e<0&&(h=(Math.ceil(h*-e)+1)/-e))}else g.pop()}for(var _=g.length,v=0,y=_;g[v]<=p;)++v;for(;g[y-1]>h;)--y;(v||y<_)&&(g=g.slice(v,y),_=y-v);var b=Array(_+1),x;for(s=0;s<=_;++s)x=b[s]=[],x.x0=s>0?g[s-1]:p,x.x1=s<_?g[s]:h;if(isFinite(u)){if(u>0)for(s=0;s<c;++s)(l=d[s])!=null&&p<=l&&l<=h&&b[Math.min(_,Math.floor((l-p)/u))].push(o[s]);else if(u<0){for(s=0;s<c;++s)if((l=d[s])!=null&&p<=l&&l<=h){let e=Math.floor((p-l)*u);b[Math.min(_,e+(g[e]<=l))].push(o[s])}}}else for(s=0;s<c;++s)(l=d[s])!=null&&p<=l&&l<=h&&b[n.r(g,l,0,_)].push(o[s]);return b}return o.value=function(t){return arguments.length?(e=typeof t==`function`?t:p(t),o):e},o.domain=function(e){return arguments.length?(t=typeof e==`function`?e:p([e[0],e[1]]),o):t},o.thresholds=function(e){return arguments.length?(a=typeof e==`function`?e:p(Array.isArray(e)?f.call(e):e),o):a},o}var _=e.t();function v(e){let{data:n,graphTitle:i,sources:l,graphDescription:u,barPadding:d,showValues:f,showTicks:p,leftMargin:m,rightMargin:h,height:v,width:y,footNote:b,colors:x,padding:S,backgroundColor:C,topMargin:w,bottomMargin:T,showLabels:E,relativeHeight:D,tooltip:O,onSeriesMouseOver:k,refValues:A,graphID:j,maxValue:M,onSeriesMouseClick:N,graphDownload:P,dataDownload:F,numberOfBins:I,truncateBy:L,graphType:R,barGraphLayout:z,donutStrokeWidth:B,sortData:V,language:H,minHeight:U,theme:W=`light`,maxBarThickness:G,ariaLabel:K,detailsOnClick:q,styles:J,classNames:Y,hideAxisLine:X=!1,numberDisplayOptions:Z}=e,Q=g().thresholds(I||10).value(e=>e.value)(n).map(e=>({label:`${e.x0}-${e.x1}`,size:e.length,data:{options:`${e.x0}-${e.x1}`,frequency:e.length}}));return Q.length===0?(0,_.jsx)(`div`,{style:{width:`${y}px`,height:`${v}px`,margin:`auto`},children:(0,_.jsx)(`div`,{className:`flex m-auto items-center justify-center p-0 leading-none text-base h-40`,children:(0,_.jsx)(c.Spinner,{})})}):R===`circlePacking`?(0,_.jsx)(r.t,{colors:x||t.Colors.graphMainColor,graphTitle:i,graphDescription:u,footNote:b,width:y,height:v,sources:l,leftMargin:m,rightMargin:h,backgroundColor:C,padding:S,topMargin:w,bottomMargin:T,relativeHeight:D,showLabels:E,tooltip:O,onSeriesMouseOver:k,showColorScale:!1,showValues:f,graphID:j,onSeriesMouseClick:N,graphDownload:P,dataDownload:F,data:Q,language:H,minHeight:U,theme:W,ariaLabel:K,detailsOnClick:q,styles:J,classNames:Y,numberDisplayOptions:Z}):R===`treeMap`?(0,_.jsx)(s.t,{colors:x||t.Colors.graphMainColor,graphTitle:i,graphDescription:u,footNote:b,width:y,height:v,sources:l,leftMargin:m,rightMargin:h,backgroundColor:C,padding:S,topMargin:w,bottomMargin:T,relativeHeight:D,showLabels:E,tooltip:O,onSeriesMouseOver:k,showColorScale:!1,showValues:f,graphID:j,onSeriesMouseClick:N,graphDownload:P,dataDownload:F,data:Q,language:H,minHeight:U,theme:W,ariaLabel:K,detailsOnClick:q,styles:J,classNames:Y,numberDisplayOptions:Z}):R===`donutChart`?(0,_.jsx)(o.t,{colors:x||t.Colors[W].categoricalColors.colors,graphTitle:i,graphDescription:u,footNote:b,radius:y&&v?y<v?y:v:y||v||void 0,sources:l,backgroundColor:C,padding:S,tooltip:O,onSeriesMouseOver:k,graphID:j,onSeriesMouseClick:N,graphDownload:P,dataDownload:F,data:Q,strokeWidth:B,showColorScale:!0,sortData:V,language:H,theme:W,ariaLabel:K,detailsOnClick:q,styles:J,classNames:Y,numberDisplayOptions:Z}):(0,_.jsx)(a.n,{colors:x||t.Colors.graphMainColor,graphTitle:i,graphDescription:u,footNote:b,width:y,height:v,sources:l,leftMargin:m,rightMargin:h,backgroundColor:C,padding:S,topMargin:w,bottomMargin:T,relativeHeight:D,showLabels:E,tooltip:O,onSeriesMouseOver:k,showColorScale:!1,showValues:f,graphID:j,onSeriesMouseClick:N,graphDownload:P,dataDownload:F,data:Q,barPadding:d,refValues:A,truncateBy:L,maxValue:M,showTicks:p,sortData:V,language:H,minHeight:U,theme:W,maxBarThickness:G,ariaLabel:K,orientation:z,detailsOnClick:q,styles:J,classNames:Y,hideAxisLine:X,numberDisplayOptions:Z})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});
+//# sourceMappingURL=Histogram-B995-qQB.cjs.map