@undp/data-viz 2.3.17 → 2.4.0

package/dist/StatCardFromData.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-6v2a2njQ.cjs"),C=require("./index-CSNtgibC.cjs"),nt=require("./Typography-CZZxlj1W.cjs"),rt=require("./GraphFooter.cjs"),ot=require("./GraphHeader.cjs"),g=require("./numberFormattingFunction-02t-wJta.cjs");function st(e){const t=o.compilerRuntimeExports.c(50),{year:f,data:r,graphTitle:m,suffix:W,sources:h,prefix:L,graphDescription:p,footNote:y,padding:P,backgroundColor:I,graphID:G,aggregationMethod:V,language:J,countOnly:x,theme:K,ariaLabel:it,textBackground:Q,headingFontSize:U,centerAlign:X,verticalAlign:Y,layout:Z,styles:n,classNames:i,precision:tt}=e,s=W===void 0?"":W,a=L===void 0?"":L,d=I===void 0?!1:I,l=V===void 0?"count":V,c=J===void 0?"en":J,et=K===void 0?"light":K,$=Q===void 0?!1:Q,S=U===void 0?"4.375rem":U,_=X===void 0?!1:X,w=Y===void 0?"center":Y,k=Z===void 0?"primary":Z,u=tt===void 0?2:tt,M=`${et||"light"} w-full`,T=c==="he"||c==="ar"?"rtl":void 0,q=`${et||"light"} flex flex-col w-full box-border h-full ${d?d===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${c||"en"}`,H=i?.graphContainer;let v;t[0]!==q||t[1]!==H?(v=o.mo(q,H),t[0]=q,t[1]=H,t[2]=v):v=t[2];let j;t[3]!==n?.graphContainer?(j=n?.graphContainer||{},t[3]=n?.graphContainer,t[4]=j):j=t[4];let b;t[5]!==d?(b=d&&d!==!0?{backgroundColor:d}:{},t[5]=d,t[6]=b):b=t[6];const z=d?P||"1rem":P||0;let F;t[7]!==j||t[8]!==b||t[9]!==z?(F={...j,...b,padding:z},t[7]=j,t[8]=b,t[9]=z,t[10]=F):F=t[10];const B=it||`${m?`The graph shows ${m}. `:""}This is a statistic card.${p?` ${p}`:""}`,D=`flex flex-col w-full grow ${k!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let N;t[11]!==l||t[12]!==_||t[13]!==i?.description||t[14]!==i?.footnote||t[15]!==i?.source||t[16]!==i?.title||t[17]!==x||t[18]!==r||t[19]!==y||t[20]!==p||t[21]!==m||t[22]!==S||t[23]!==c||t[24]!==k||t[25]!==u||t[26]!==a||t[27]!==h||t[28]!==n?.description||t[29]!==n?.footnote||t[30]!==n?.source||t[31]!==n?.title||t[32]!==s||t[33]!==$||t[34]!==w||t[35]!==f?(N=k!=="secondary"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[m||p?o.jsxRuntimeExports.jsx(ot.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:i?.title,description:i?.description},graphTitle:m,graphDescription:p}):null,o.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${w==="top"?"justify-start":w==="bottom"?"justify-end":"justify-center"}`,children:o.jsxRuntimeExports.jsxs(nt.R,{marginBottom:"base",className:`leading-none text-outline font-heading ${_?"text-center":c==="he"||c==="ar"?"text-right":"text-left"} ${$?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:S,letterSpacing:"0.05rem"},children:[r.filter(jt).length>0||l==="count"?x&&x?.length!==0?r.filter(O=>x.indexOf(O.value)!==-1).length:r.length:l==="sum"?g.numberFormattingFunction(C.sum(r.map(vt)),"NA",u,a,s):l==="average"?g.numberFormattingFunction(parseFloat((C.sum(r.map(yt))/r.length).toFixed(2)),"NA",u,a,s):l==="max"?g.numberFormattingFunction(Math.max(...r.map(ht).filter(ft)),"NA",u,a,s):g.numberFormattingFunction(Math.min(...r.map(gt).filter(dt)),"NA",u,a,s)," ",f?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",f,")"]}):null]})}),h||y?o.jsxRuntimeExports.jsx(rt.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:h,footNote:y}):null]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(nt.R,{marginBottom:k==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${_?"text-center":c==="he"||c==="ar"?"text-right":"text-left"} ${$?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:S,letterSpacing:"0.05rem"},children:[r.filter(xt).length>0||l==="count"?x&&x?.length!==0?r.filter(O=>x.indexOf(O.value)!==-1).length:r.length:l==="sum"?g.numberFormattingFunction(C.sum(r.map(pt)),"NA",u,a,s):l==="average"?g.numberFormattingFunction(parseFloat((C.sum(r.map(mt))/r.length).toFixed(2)),"NA",u,a,s):l==="max"?g.numberFormattingFunction(Math.max(...r.map(ct).filter(ut)),"NA",u,a,s):g.numberFormattingFunction(Math.min(...r.map(lt).filter(at)),"NA",u,a,s)," ",f?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",f,")"]}):null]}),m||p?o.jsxRuntimeExports.jsx(ot.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:i?.title,description:i?.description},graphTitle:m,graphDescription:p}):null,h||y?o.jsxRuntimeExports.jsx(rt.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:h,footNote:y}):null]}),t[11]=l,t[12]=_,t[13]=i?.description,t[14]=i?.footnote,t[15]=i?.source,t[16]=i?.title,t[17]=x,t[18]=r,t[19]=y,t[20]=p,t[21]=m,t[22]=S,t[23]=c,t[24]=k,t[25]=u,t[26]=a,t[27]=h,t[28]=n?.description,t[29]=n?.footnote,t[30]=n?.source,t[31]=n?.title,t[32]=s,t[33]=$,t[34]=w,t[35]=f,t[36]=N):N=t[36];let R;t[37]!==D||t[38]!==N?(R=o.jsxRuntimeExports.jsx("div",{className:D,children:N}),t[37]=D,t[38]=N,t[39]=R):R=t[39];let E;t[40]!==G||t[41]!==T||t[42]!==v||t[43]!==F||t[44]!==B||t[45]!==R?(E=o.jsxRuntimeExports.jsx("div",{id:G,dir:T,className:v,style:F,"aria-label":B,children:R}),t[40]=G,t[41]=T,t[42]=v,t[43]=F,t[44]=B,t[45]=R,t[46]=E):E=t[46];let A;return t[47]!==M||t[48]!==E?(A=o.jsxRuntimeExports.jsx("div",{className:M,children:E}),t[47]=M,t[48]=E,t[49]=A):A=t[49],A}function at(e){return e!==void 0}function lt(e){return e.value}function ut(e){return e!==void 0}function ct(e){return e.value}function mt(e){return e.value}function pt(e){return e.value}function xt(e){return typeof e.value=="string"}function dt(e){return e!==void 0}function gt(e){return e.value}function ft(e){return e!==void 0}function ht(e){return e.value}function yt(e){return e.value}function vt(e){return e.value}function jt(e){return typeof e.value=="string"}exports.StatCardFromData=st;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),T=require("./index-CSNtgibC.cjs"),st=require("./Typography-BqmyF1gP.cjs"),at=require("./GraphFooter.cjs"),lt=require("./GraphHeader.cjs"),h=require("./numberFormattingFunction-Cn9R7CM9.cjs");function ut(e){const t=o.compilerRuntimeExports.c(52),{year:y,data:r,graphTitle:x,suffix:P,sources:v,prefix:I,graphDescription:d,footNote:j,padding:V,backgroundColor:J,graphID:q,aggregationMethod:K,language:Q,countOnly:g,theme:U,ariaLabel:ct,textBackground:X,headingFontSize:Y,centerAlign:Z,verticalAlign:tt,layout:et,styles:n,classNames:i,precision:nt,locale:rt,naLabel:ot}=e,s=P===void 0?"":P,a=I===void 0?"":I,f=J===void 0?!1:J,l=K===void 0?"count":K,p=Q===void 0?"en":Q,it=U===void 0?"light":U,_=X===void 0?!1:X,w=Y===void 0?"4.375rem":Y,C=Z===void 0?!1:Z,G=tt===void 0?"center":tt,S=et===void 0?"primary":et,c=nt===void 0?2:nt,u=rt===void 0?"en":rt,m=ot===void 0?"NA":ot,H=`${it||"light"} w-full`,A=p==="he"||p==="ar"?"rtl":void 0,L=`${it||"light"} flex flex-col w-full box-border h-full ${f?f===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${p||"en"}`,z=i?.graphContainer;let b;t[0]!==L||t[1]!==z?(b=o.mo(L,z),t[0]=L,t[1]=z,t[2]=b):b=t[2];let F;t[3]!==n?.graphContainer?(F=n?.graphContainer||{},t[3]=n?.graphContainer,t[4]=F):F=t[4];let R;t[5]!==f?(R=f&&f!==!0?{backgroundColor:f}:{},t[5]=f,t[6]=R):R=t[6];const B=f?V||"1rem":V||0;let E;t[7]!==F||t[8]!==R||t[9]!==B?(E={...F,...R,padding:B},t[7]=F,t[8]=R,t[9]=B,t[10]=E):E=t[10];const D=ct||`${x?`The graph shows ${x}. `:""}This is a statistic card.${d?` ${d}`:""}`,O=`flex flex-col w-full grow ${S!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let k;t[11]!==l||t[12]!==C||t[13]!==i?.description||t[14]!==i?.footnote||t[15]!==i?.source||t[16]!==i?.title||t[17]!==g||t[18]!==r||t[19]!==j||t[20]!==d||t[21]!==x||t[22]!==w||t[23]!==p||t[24]!==S||t[25]!==u||t[26]!==m||t[27]!==c||t[28]!==a||t[29]!==v||t[30]!==n?.description||t[31]!==n?.footnote||t[32]!==n?.source||t[33]!==n?.title||t[34]!==s||t[35]!==_||t[36]!==G||t[37]!==y?(k=S!=="secondary"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[x||d?o.jsxRuntimeExports.jsx(lt.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:i?.title,description:i?.description},graphTitle:x,graphDescription:d}):null,o.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${G==="top"?"justify-start":G==="bottom"?"justify-end":"justify-center"}`,children:o.jsxRuntimeExports.jsxs(st.R,{marginBottom:"base",className:`leading-none text-outline font-heading ${C?"text-center":p==="he"||p==="ar"?"text-right":"text-left"} ${_?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:w,letterSpacing:"0.05rem"},children:[r.filter(Et).length>0||l==="count"?g&&g?.length!==0?r.filter(W=>g.indexOf(W.value)!==-1).length:r.length:l==="sum"?h.numberFormattingFunction(T.sum(r.map(Rt)),m,c,a,s,u):l==="average"?h.numberFormattingFunction(parseFloat((T.sum(r.map(Ft))/r.length).toFixed(2)),m,c,a,s,u):l==="max"?h.numberFormattingFunction(Math.max(...r.map(bt).filter(jt)),m,c,a,s,u):h.numberFormattingFunction(Math.min(...r.map(vt).filter(yt)),m,c,a,s,u)," ",y?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",y,")"]}):null]})}),v||j?o.jsxRuntimeExports.jsx(at.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:v,footNote:j}):null]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(st.R,{marginBottom:S==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${C?"text-center":p==="he"||p==="ar"?"text-right":"text-left"} ${_?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:w,letterSpacing:"0.05rem"},children:[r.filter(ht).length>0||l==="count"?g&&g?.length!==0?r.filter(W=>g.indexOf(W.value)!==-1).length:r.length:l==="sum"?h.numberFormattingFunction(T.sum(r.map(ft)),m,c,a,s,u):l==="average"?h.numberFormattingFunction(parseFloat((T.sum(r.map(gt))/r.length).toFixed(2)),m,c,a,s,u):l==="max"?h.numberFormattingFunction(Math.max(...r.map(dt).filter(xt)),m,c,a,s,u):h.numberFormattingFunction(Math.min(...r.map(pt).filter(mt)),m,c,a,s,u)," ",y?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",y,")"]}):null]}),x||d?o.jsxRuntimeExports.jsx(lt.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:i?.title,description:i?.description},graphTitle:x,graphDescription:d}):null,v||j?o.jsxRuntimeExports.jsx(at.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:v,footNote:j}):null]}),t[11]=l,t[12]=C,t[13]=i?.description,t[14]=i?.footnote,t[15]=i?.source,t[16]=i?.title,t[17]=g,t[18]=r,t[19]=j,t[20]=d,t[21]=x,t[22]=w,t[23]=p,t[24]=S,t[25]=u,t[26]=m,t[27]=c,t[28]=a,t[29]=v,t[30]=n?.description,t[31]=n?.footnote,t[32]=n?.source,t[33]=n?.title,t[34]=s,t[35]=_,t[36]=G,t[37]=y,t[38]=k):k=t[38];let N;t[39]!==O||t[40]!==k?(N=o.jsxRuntimeExports.jsx("div",{className:O,children:k}),t[39]=O,t[40]=k,t[41]=N):N=t[41];let $;t[42]!==q||t[43]!==A||t[44]!==b||t[45]!==E||t[46]!==D||t[47]!==N?($=o.jsxRuntimeExports.jsx("div",{id:q,dir:A,className:b,style:E,"aria-label":D,children:N}),t[42]=q,t[43]=A,t[44]=b,t[45]=E,t[46]=D,t[47]=N,t[48]=$):$=t[48];let M;return t[49]!==H||t[50]!==$?(M=o.jsxRuntimeExports.jsx("div",{className:H,children:$}),t[49]=H,t[50]=$,t[51]=M):M=t[51],M}function mt(e){return e!==void 0}function pt(e){return e.value}function xt(e){return e!==void 0}function dt(e){return e.value}function gt(e){return e.value}function ft(e){return e.value}function ht(e){return typeof e.value=="string"}function yt(e){return e!==void 0}function vt(e){return e.value}function jt(e){return e!==void 0}function bt(e){return e.value}function Ft(e){return e.value}function Rt(e){return e.value}function Et(e){return typeof e.value=="string"}exports.StatCardFromData=ut;
 //# sourceMappingURL=StatCardFromData.cjs.map

package/dist/StatCardFromData.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatCardFromData.cjs","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\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  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\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  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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 StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n  } = props;\r\n\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\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          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\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                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        'NA',\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\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                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","$","_c","year","data","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","aggregationMethod","t3","language","t4","countOnly","theme","t5","ariaLabel","textBackground","t6","headingFontSize","t7","centerAlign","t8","verticalAlign","t9","layout","t10","styles","classNames","precision","t11","undefined","t12","t13","t14","t15","graphContainer","t16","cn","t17","t18","t19","t20","t21","t22","t23","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","filter","_temp","length","indexOf","d","value","numberFormattingFunction","sum","map","_temp2","parseFloat","_temp3","toFixed","Math","max","_temp4","_temp5","min","_temp6","_temp7","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","_temp8","_temp9","_temp0","_temp1","_temp10","_temp11","_temp12","t24","t25","t26","d_13","d_12","d_11","d_10","d_9","d_8","d_14","d_5","d_4","d_3","d_2","d_1","d_0","d_6"],"mappings":"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"}
+{"version":3,"file":"StatCardFromData.cjs","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\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  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\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  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n  /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */\r\n  locale?: string;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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 StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    locale = 'en',\r\n    naLabel = 'NA',\r\n  } = props;\r\n\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\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          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          naLabel,\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                          locale,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            naLabel,\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                            locale,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              naLabel,\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                              locale,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              naLabel,\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                              locale,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\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                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                        locale,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          naLabel,\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                          locale,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            naLabel,\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                            locale,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            naLabel,\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                            locale,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\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                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","$","_c","year","data","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","aggregationMethod","t3","language","t4","countOnly","theme","t5","ariaLabel","textBackground","t6","headingFontSize","t7","centerAlign","t8","verticalAlign","t9","layout","t10","styles","classNames","precision","t11","locale","t12","naLabel","t13","undefined","t14","t15","t16","t17","graphContainer","t18","cn","t19","t20","t21","t22","t23","t24","t25","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","filter","_temp","length","indexOf","d","value","numberFormattingFunction","sum","map","_temp2","parseFloat","_temp3","toFixed","Math","max","_temp4","_temp5","min","_temp6","_temp7","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","_temp8","_temp9","_temp0","_temp1","_temp10","_temp11","_temp12","t26","t27","t28","d_13","d_12","d_11","d_10","d_9","d_8","d_14","d_5","d_4","d_3","d_2","d_1","d_0","d_6"],"mappings":"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"}

package/dist/StatCardFromData.d.ts

@@ -72,6 +72,10 @@ declare interface Props {
     suffix?: string;
     /** Sub text next to main text */
     year?: number | string;
+    /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */
+    locale?: string;
+    /** Defines how “NA” values should be displayed/labelled in the graph */
+    naLabel?: string;
     /** Data points that need to counted for aggregation.  */
     countOnly?: (string | number)[];
     /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */

package/dist/StatCardFromData.js

@@ -1,168 +1,170 @@
-import { c as at, m as st, j as i } from "./index-CHPV5EwG-BCLAYDCV.js";
-import { s as T } from "./index-CeVNqhMO.js";
-import { R as nt } from "./Typography-DMVW6JnV.js";
-import { GraphFooter as rt } from "./GraphFooter.js";
-import { GraphHeader as ot } from "./GraphHeader.js";
-import { n as g } from "./numberFormattingFunction-14YCbkN2.js";
-function Ft(e) {
-  const t = at.c(50), {
-    year: x,
-    data: r,
-    graphTitle: u,
-    suffix: G,
-    sources: h,
-    prefix: I,
-    graphDescription: f,
-    footNote: y,
-    padding: q,
-    backgroundColor: J,
-    graphID: z,
-    aggregationMethod: K,
-    language: P,
-    countOnly: p,
-    theme: Q,
-    ariaLabel: it,
-    textBackground: U,
-    headingFontSize: V,
-    centerAlign: X,
-    verticalAlign: Y,
-    layout: Z,
+import { c as mt, m as ut, j as i } from "./index-CHPV5EwG-BzibaIRc.js";
+import { s as z } from "./index-CeVNqhMO.js";
+import { R as at } from "./Typography-BO0gQDIT.js";
+import { GraphFooter as st } from "./GraphFooter.js";
+import { GraphHeader as lt } from "./GraphHeader.js";
+import { n as h } from "./numberFormattingFunction-DqMf_v1m.js";
+function Lt(e) {
+  const t = mt.c(52), {
+    year: y,
+    data: o,
+    graphTitle: p,
+    suffix: q,
+    sources: v,
+    prefix: J,
+    graphDescription: d,
+    footNote: b,
+    padding: K,
+    backgroundColor: P,
+    graphID: B,
+    aggregationMethod: Q,
+    language: U,
+    countOnly: g,
+    theme: V,
+    ariaLabel: ct,
+    textBackground: X,
+    headingFontSize: Y,
+    centerAlign: Z,
+    verticalAlign: tt,
+    layout: et,
     styles: n,
-    classNames: o,
-    precision: tt
-  } = e, a = G === void 0 ? "" : G, s = I === void 0 ? "" : I, d = J === void 0 ? !1 : J, l = K === void 0 ? "count" : K, m = P === void 0 ? "en" : P, et = Q === void 0 ? "light" : Q, A = U === void 0 ? !1 : U, F = V === void 0 ? "4.375rem" : V, S = X === void 0 ? !1 : X, C = Y === void 0 ? "center" : Y, w = Z === void 0 ? "primary" : Z, c = tt === void 0 ? 2 : tt, B = `${et || "light"} w-full`, W = m === "he" || m === "ar" ? "rtl" : void 0, D = `${et || "light"} flex flex-col w-full box-border h-full ${d ? d === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${m || "en"}`, H = o?.graphContainer;
-  let v;
-  t[0] !== D || t[1] !== H ? (v = st(D, H), t[0] = D, t[1] = H, t[2] = v) : v = t[2];
+    classNames: r,
+    precision: nt,
+    locale: ot,
+    naLabel: rt
+  } = e, a = q === void 0 ? "" : q, s = J === void 0 ? "" : J, x = P === void 0 ? !1 : P, l = Q === void 0 ? "count" : Q, f = U === void 0 ? "en" : U, it = V === void 0 ? "light" : V, C = X === void 0 ? !1 : X, M = Y === void 0 ? "4.375rem" : Y, A = Z === void 0 ? !1 : Z, L = tt === void 0 ? "center" : tt, S = et === void 0 ? "primary" : et, c = nt === void 0 ? 2 : nt, m = ot === void 0 ? "en" : ot, u = rt === void 0 ? "NA" : rt, W = `${it || "light"} w-full`, D = f === "he" || f === "ar" ? "rtl" : void 0, H = `${it || "light"} flex flex-col w-full box-border h-full ${x ? x === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${f || "en"}`, O = r?.graphContainer;
   let j;
-  t[3] !== n?.graphContainer ? (j = n?.graphContainer || {}, t[3] = n?.graphContainer, t[4] = j) : j = t[4];
+  t[0] !== H || t[1] !== O ? (j = ut(H, O), t[0] = H, t[1] = O, t[2] = j) : j = t[2];
+  let k;
+  t[3] !== n?.graphContainer ? (k = n?.graphContainer || {}, t[3] = n?.graphContainer, t[4] = k) : k = t[4];
   let N;
-  t[5] !== d ? (N = d && d !== !0 ? {
-    backgroundColor: d
-  } : {}, t[5] = d, t[6] = N) : N = t[6];
-  const L = d ? q || "1rem" : q || 0;
-  let b;
-  t[7] !== j || t[8] !== N || t[9] !== L ? (b = {
-    ...j,
+  t[5] !== x ? (N = x && x !== !0 ? {
+    backgroundColor: x
+  } : {}, t[5] = x, t[6] = N) : N = t[6];
+  const R = x ? K || "1rem" : K || 0;
+  let $;
+  t[7] !== k || t[8] !== N || t[9] !== R ? ($ = {
+    ...k,
     ...N,
-    padding: L
-  }, t[7] = j, t[8] = N, t[9] = L, t[10] = b) : b = t[10];
-  const O = it || `${u ? `The graph shows ${u}. ` : ""}This is a statistic card.${f ? ` ${f}` : ""}`, R = `flex flex-col w-full grow ${w !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
-  let k;
-  t[11] !== l || t[12] !== S || t[13] !== o?.description || t[14] !== o?.footnote || t[15] !== o?.source || t[16] !== o?.title || t[17] !== p || t[18] !== r || t[19] !== y || t[20] !== f || t[21] !== u || t[22] !== F || t[23] !== m || t[24] !== w || t[25] !== c || t[26] !== s || t[27] !== h || t[28] !== n?.description || t[29] !== n?.footnote || t[30] !== n?.source || t[31] !== n?.title || t[32] !== a || t[33] !== A || t[34] !== C || t[35] !== x ? (k = w !== "secondary" ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    u || f ? /* @__PURE__ */ i.jsx(ot, { styles: {
+    padding: R
+  }, t[7] = k, t[8] = N, t[9] = R, t[10] = $) : $ = t[10];
+  const E = ct || `${p ? `The graph shows ${p}. ` : ""}This is a statistic card.${d ? ` ${d}` : ""}`, G = `flex flex-col w-full grow ${S !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
+  let _;
+  t[11] !== l || t[12] !== A || t[13] !== r?.description || t[14] !== r?.footnote || t[15] !== r?.source || t[16] !== r?.title || t[17] !== g || t[18] !== o || t[19] !== b || t[20] !== d || t[21] !== p || t[22] !== M || t[23] !== f || t[24] !== S || t[25] !== m || t[26] !== u || t[27] !== c || t[28] !== s || t[29] !== v || t[30] !== n?.description || t[31] !== n?.footnote || t[32] !== n?.source || t[33] !== n?.title || t[34] !== a || t[35] !== C || t[36] !== L || t[37] !== y ? (_ = S !== "secondary" ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    p || d ? /* @__PURE__ */ i.jsx(lt, { styles: {
       title: n?.title,
       description: n?.description
     }, classNames: {
-      title: o?.title,
-      description: o?.description
-    }, graphTitle: u, graphDescription: f }) : null,
-    /* @__PURE__ */ i.jsx("div", { className: `flex flex-col justify-between grow ${C === "top" ? "justify-start" : C === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ i.jsxs(nt, { marginBottom: "base", className: `leading-none text-outline font-heading ${S ? "text-center" : m === "he" || m === "ar" ? "text-right" : "text-left"} ${A ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: F,
+      title: r?.title,
+      description: r?.description
+    }, graphTitle: p, graphDescription: d }) : null,
+    /* @__PURE__ */ i.jsx("div", { className: `flex flex-col justify-between grow ${L === "top" ? "justify-start" : L === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ i.jsxs(at, { marginBottom: "base", className: `leading-none text-outline font-heading ${A ? "text-center" : f === "he" || f === "ar" ? "text-right" : "text-left"} ${C ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: M,
       letterSpacing: "0.05rem"
     }, children: [
-      r.filter(Nt).length > 0 || l === "count" ? p && p?.length !== 0 ? r.filter((E) => p.indexOf(E.value) !== -1).length : r.length : l === "sum" ? g(T(r.map(jt)), "NA", c, s, a) : l === "average" ? g(parseFloat((T(r.map(vt)) / r.length).toFixed(2)), "NA", c, s, a) : l === "max" ? g(Math.max(...r.map(yt).filter(ht)), "NA", c, s, a) : g(Math.min(...r.map(xt).filter(gt)), "NA", c, s, a),
+      o.filter(_t).length > 0 || l === "count" ? g && g?.length !== 0 ? o.filter((I) => g.indexOf(I.value) !== -1).length : o.length : l === "sum" ? h(z(o.map($t)), u, c, s, a, m) : l === "average" ? h(parseFloat((z(o.map(Nt)) / o.length).toFixed(2)), u, c, s, a, m) : l === "max" ? h(Math.max(...o.map(kt).filter(jt)), u, c, s, a, m) : h(Math.min(...o.map(bt).filter(vt)), u, c, s, a, m),
       " ",
-      x ? /* @__PURE__ */ i.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
+      y ? /* @__PURE__ */ i.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
         marginLeft: "-8px",
         lineHeight: "1.09",
         textShadow: "none",
         WebkitTextStrokeWidth: 0
       }, children: [
         "(",
-        x,
+        y,
         ")"
       ] }) : null
     ] }) }),
-    h || y ? /* @__PURE__ */ i.jsx(rt, { styles: {
+    v || b ? /* @__PURE__ */ i.jsx(st, { styles: {
       footnote: n?.footnote,
       source: n?.source
     }, classNames: {
-      footnote: o?.footnote,
-      source: o?.source
-    }, sources: h, footNote: y }) : null
+      footnote: r?.footnote,
+      source: r?.source
+    }, sources: v, footNote: b }) : null
   ] }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsxs(nt, { marginBottom: w === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${S ? "text-center" : m === "he" || m === "ar" ? "text-right" : "text-left"} ${A ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: F,
+    /* @__PURE__ */ i.jsxs(at, { marginBottom: S === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${A ? "text-center" : f === "he" || f === "ar" ? "text-right" : "text-left"} ${C ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
+      fontSize: M,
       letterSpacing: "0.05rem"
     }, children: [
-      r.filter(dt).length > 0 || l === "count" ? p && p?.length !== 0 ? r.filter((E) => p.indexOf(E.value) !== -1).length : r.length : l === "sum" ? g(T(r.map(pt)), "NA", c, s, a) : l === "average" ? g(parseFloat((T(r.map(ft)) / r.length).toFixed(2)), "NA", c, s, a) : l === "max" ? g(Math.max(...r.map(ut).filter(mt)), "NA", c, s, a) : g(Math.min(...r.map(ct).filter(lt)), "NA", c, s, a),
+      o.filter(yt).length > 0 || l === "count" ? g && g?.length !== 0 ? o.filter((I) => g.indexOf(I.value) !== -1).length : o.length : l === "sum" ? h(z(o.map(ht)), u, c, s, a, m) : l === "average" ? h(parseFloat((z(o.map(xt)) / o.length).toFixed(2)), u, c, s, a, m) : l === "max" ? h(Math.max(...o.map(gt).filter(dt)), u, c, s, a, m) : h(Math.min(...o.map(pt).filter(ft)), u, c, s, a, m),
       " ",
-      x ? /* @__PURE__ */ i.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
+      y ? /* @__PURE__ */ i.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
         marginLeft: "-8px",
         lineHeight: "1.09",
         textShadow: "none",
         WebkitTextStrokeWidth: 0
       }, children: [
         "(",
-        x,
+        y,
         ")"
       ] }) : null
     ] }),
-    u || f ? /* @__PURE__ */ i.jsx(ot, { styles: {
+    p || d ? /* @__PURE__ */ i.jsx(lt, { styles: {
       title: n?.title,
       description: n?.description
     }, classNames: {
-      title: o?.title,
-      description: o?.description
-    }, graphTitle: u, graphDescription: f }) : null,
-    h || y ? /* @__PURE__ */ i.jsx(rt, { styles: {
+      title: r?.title,
+      description: r?.description
+    }, graphTitle: p, graphDescription: d }) : null,
+    v || b ? /* @__PURE__ */ i.jsx(st, { styles: {
       footnote: n?.footnote,
       source: n?.source
     }, classNames: {
-      footnote: o?.footnote,
-      source: o?.source
-    }, sources: h, footNote: y }) : null
-  ] }), t[11] = l, t[12] = S, t[13] = o?.description, t[14] = o?.footnote, t[15] = o?.source, t[16] = o?.title, t[17] = p, t[18] = r, t[19] = y, t[20] = f, t[21] = u, t[22] = F, t[23] = m, t[24] = w, t[25] = c, t[26] = s, t[27] = h, t[28] = n?.description, t[29] = n?.footnote, t[30] = n?.source, t[31] = n?.title, t[32] = a, t[33] = A, t[34] = C, t[35] = x, t[36] = k) : k = t[36];
-  let $;
-  t[37] !== R || t[38] !== k ? ($ = /* @__PURE__ */ i.jsx("div", { className: R, children: k }), t[37] = R, t[38] = k, t[39] = $) : $ = t[39];
-  let _;
-  t[40] !== z || t[41] !== W || t[42] !== v || t[43] !== b || t[44] !== O || t[45] !== $ ? (_ = /* @__PURE__ */ i.jsx("div", { id: z, dir: W, className: v, style: b, "aria-label": O, children: $ }), t[40] = z, t[41] = W, t[42] = v, t[43] = b, t[44] = O, t[45] = $, t[46] = _) : _ = t[46];
-  let M;
-  return t[47] !== B || t[48] !== _ ? (M = /* @__PURE__ */ i.jsx("div", { className: B, children: _ }), t[47] = B, t[48] = _, t[49] = M) : M = t[49], M;
+      footnote: r?.footnote,
+      source: r?.source
+    }, sources: v, footNote: b }) : null
+  ] }), t[11] = l, t[12] = A, t[13] = r?.description, t[14] = r?.footnote, t[15] = r?.source, t[16] = r?.title, t[17] = g, t[18] = o, t[19] = b, t[20] = d, t[21] = p, t[22] = M, t[23] = f, t[24] = S, t[25] = m, t[26] = u, t[27] = c, t[28] = s, t[29] = v, t[30] = n?.description, t[31] = n?.footnote, t[32] = n?.source, t[33] = n?.title, t[34] = a, t[35] = C, t[36] = L, t[37] = y, t[38] = _) : _ = t[38];
+  let w;
+  t[39] !== G || t[40] !== _ ? (w = /* @__PURE__ */ i.jsx("div", { className: G, children: _ }), t[39] = G, t[40] = _, t[41] = w) : w = t[41];
+  let F;
+  t[42] !== B || t[43] !== D || t[44] !== j || t[45] !== $ || t[46] !== E || t[47] !== w ? (F = /* @__PURE__ */ i.jsx("div", { id: B, dir: D, className: j, style: $, "aria-label": E, children: w }), t[42] = B, t[43] = D, t[44] = j, t[45] = $, t[46] = E, t[47] = w, t[48] = F) : F = t[48];
+  let T;
+  return t[49] !== W || t[50] !== F ? (T = /* @__PURE__ */ i.jsx("div", { className: W, children: F }), t[49] = W, t[50] = F, t[51] = T) : T = t[51], T;
 }
-function lt(e) {
+function ft(e) {
   return e !== void 0;
 }
-function ct(e) {
+function pt(e) {
   return e.value;
 }
-function mt(e) {
+function dt(e) {
   return e !== void 0;
 }
-function ut(e) {
+function gt(e) {
   return e.value;
 }
-function ft(e) {
+function xt(e) {
   return e.value;
 }
-function pt(e) {
+function ht(e) {
   return e.value;
 }
-function dt(e) {
+function yt(e) {
   return typeof e.value == "string";
 }
-function gt(e) {
+function vt(e) {
   return e !== void 0;
 }
-function xt(e) {
+function bt(e) {
   return e.value;
 }
-function ht(e) {
+function jt(e) {
   return e !== void 0;
 }
-function yt(e) {
+function kt(e) {
   return e.value;
 }
-function vt(e) {
+function Nt(e) {
   return e.value;
 }
-function jt(e) {
+function $t(e) {
   return e.value;
 }
-function Nt(e) {
+function _t(e) {
   return typeof e.value == "string";
 }
 export {
-  Ft as StatCardFromData
+  Lt as StatCardFromData
 };
 //# sourceMappingURL=StatCardFromData.js.map

package/dist/StatCardFromData.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCardFromData.js","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\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  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\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  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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 StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n  } = props;\r\n\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\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          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\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                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        'NA',\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\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                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","$","_c","year","data","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","aggregationMethod","t3","language","t4","countOnly","theme","t5","ariaLabel","textBackground","t6","headingFontSize","t7","centerAlign","t8","verticalAlign","t9","layout","t10","styles","classNames","precision","t11","undefined","t12","t13","t14","t15","graphContainer","t16","cn","t17","t18","t19","t20","t21","t22","t23","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","filter","_temp","length","d","indexOf","value","numberFormattingFunction","sum","map","_temp2","parseFloat","_temp3","toFixed","Math","max","_temp4","_temp5","min","_temp6","_temp7","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","_temp8","d_7","_temp9","_temp0","_temp1","_temp10","_temp11","_temp12","t24","t25","t26","d_13","d_12","d_11","d_10","d_9","d_8","d_14","d_5","d_4","d_3","d_2","d_1","d_0","d_6"],"mappings":"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"}
+{"version":3,"file":"StatCardFromData.js","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\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  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\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  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n  /** Locale for number formatting. Must matches what `Intl.NumberFormat` expects. */\r\n  locale?: string;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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 StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    locale = 'en',\r\n    naLabel = 'NA',\r\n  } = props;\r\n\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\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          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          naLabel,\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                          locale,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            naLabel,\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                            locale,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              naLabel,\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                              locale,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              naLabel,\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                              locale,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\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                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                        locale,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          naLabel,\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                          locale,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            naLabel,\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                            locale,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            naLabel,\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                            locale,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\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                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","$","_c","year","data","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","aggregationMethod","t3","language","t4","countOnly","theme","t5","ariaLabel","textBackground","t6","headingFontSize","t7","centerAlign","t8","verticalAlign","t9","layout","t10","styles","classNames","precision","t11","locale","t12","naLabel","t13","undefined","t14","t15","t16","t17","graphContainer","t18","cn","t19","t20","t21","t22","t23","t24","t25","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","filter","_temp","length","d","indexOf","value","numberFormattingFunction","sum","map","_temp2","parseFloat","_temp3","toFixed","Math","max","_temp4","_temp5","min","_temp6","_temp7","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","_temp8","d_7","_temp9","_temp0","_temp1","_temp10","_temp11","_temp12","t26","t27","t28","d_13","d_12","d_11","d_10","d_9","d_8","d_14","d_5","d_4","d_3","d_2","d_1","d_0","d_6"],"mappings":"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"}