@undp/data-viz 2.6.0 → 2.6.1

package/dist/BasicStatCard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./compiler-runtime-oPPev21o.cjs"),J=require("@undp/design-system-react/Typography"),Y=require("@undp/design-system-react/cn"),K=require("./GraphFooter.cjs"),Q=require("./GraphHeader.cjs"),U=require("./numberFormattingFunction-u2iNHL_c.cjs");function _(V){const t=s.compilerRuntimeExports.c(51),{year:c,value:b,graphTitle:n,sources:p,graphDescription:a,footNote:x,padding:G,backgroundColor:A,graphID:S,language:L,theme:z,ariaLabel:X,textBackground:W,headingFontSize:Z,centerAlign:D,verticalAlign:O,layout:I,styles:r,classNames:o,numberDisplayOptions:e,naLabel:M}=V,l=A===void 0?!1:A,i=L===void 0?"en":L,P=z===void 0?"light":z,v=W===void 0?!1:W,R=Z===void 0?"4.375rem":Z,E=D===void 0?!1:D,k=O===void 0?"center":O,j=I===void 0?"primary":I,N=M===void 0?"NA":M,F=`${P||"light"} w-full`,w=i==="he"||i==="ar"?"rtl":void 0,C=`${P||"light"} flex flex-col w-full box-border h-full ${l?l===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${i||"en"}`,H=o?.graphContainer;let u;t[0]!==C||t[1]!==H?(u=Y.cn(C,H),t[0]=C,t[1]=H,t[2]=u):u=t[2];let d;t[3]!==r?.graphContainer?(d=r?.graphContainer||{},t[3]=r?.graphContainer,t[4]=d):d=t[4];let m;t[5]!==l?(m=l&&l!==!0?{backgroundColor:l}:{},t[5]=l,t[6]=m):m=t[6];const T=l?G||"1rem":G||0;let f;t[7]!==d||t[8]!==m||t[9]!==T?(f={...d,...m,padding:T},t[7]=d,t[8]=m,t[9]=T,t[10]=f):f=t[10];const q=X||`${n?`The graph shows ${n}. `:""}This is a statistic card.${a?` ${a}`:""}`,B=`flex flex-col w-full grow ${j!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let g;t[11]!==E||t[12]!==o?.description||t[13]!==o?.footnote||t[14]!==o?.source||t[15]!==o?.title||t[16]!==x||t[17]!==a||t[18]!==n||t[19]!==R||t[20]!==i||t[21]!==j||t[22]!==N||t[23]!==e?.locale||t[24]!==e?.padZeros||t[25]!==e?.precision||t[26]!==e?.prefix||t[27]!==e?.suffix||t[28]!==p||t[29]!==r?.description||t[30]!==r?.footnote||t[31]!==r?.source||t[32]!==r?.title||t[33]!==v||t[34]!==b||t[35]!==k||t[36]!==c?(g=j!=="secondary"?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[n||a?s.jsxRuntimeExports.jsx(Q.GraphHeader,{styles:{title:r?.title,description:r?.description},classNames:{title:o?.title,description:o?.description},graphTitle:n,graphDescription:a}):null,s.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${k==="top"?"justify-start":k==="bottom"?"justify-end":"justify-center"}`,children:s.jsxRuntimeExports.jsxs(J.H3,{marginBottom:"base",className:`leading-none text-outline font-heading ${E?"text-center":i==="he"||i==="ar"?"text-right":"text-left"} ${v?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:R,letterSpacing:"0.05rem"},children:[U.numberFormattingFunction(b,N,e?.precision??2,e?.prefix,e?.suffix,e?.locale,e?.padZeros)," ",c?s.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:["(",c,")"]}):null]})}),p||x?s.jsxRuntimeExports.jsx(K.GraphFooter,{styles:{footnote:r?.footnote,source:r?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:p,footNote:x}):null]}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs(J.H3,{marginBottom:j==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${E?"text-center":i==="he"||i==="ar"?"text-right":"text-left"} ${v?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:R,letterSpacing:"0.05rem"},children:[U.numberFormattingFunction(b,N,e?.precision??2,e?.prefix,e?.suffix,e?.locale,e?.padZeros)," ",c?s.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:["(",c,")"]}):null]}),n||a?s.jsxRuntimeExports.jsx(Q.GraphHeader,{styles:{title:r?.title,description:r?.description},classNames:{title:o?.title,description:o?.description},graphTitle:n,graphDescription:a}):null,p||x?s.jsxRuntimeExports.jsx(K.GraphFooter,{styles:{footnote:r?.footnote,source:r?.source},classNames:{footnote:o?.footnote,source:o?.source},sources:p,footNote:x}):null]}),t[11]=E,t[12]=o?.description,t[13]=o?.footnote,t[14]=o?.source,t[15]=o?.title,t[16]=x,t[17]=a,t[18]=n,t[19]=R,t[20]=i,t[21]=j,t[22]=N,t[23]=e?.locale,t[24]=e?.padZeros,t[25]=e?.precision,t[26]=e?.prefix,t[27]=e?.suffix,t[28]=p,t[29]=r?.description,t[30]=r?.footnote,t[31]=r?.source,t[32]=r?.title,t[33]=v,t[34]=b,t[35]=k,t[36]=c,t[37]=g):g=t[37];let h;t[38]!==B||t[39]!==g?(h=s.jsxRuntimeExports.jsx("div",{className:B,children:g}),t[38]=B,t[39]=g,t[40]=h):h=t[40];let y;t[41]!==S||t[42]!==w||t[43]!==u||t[44]!==f||t[45]!==q||t[46]!==h?(y=s.jsxRuntimeExports.jsx("div",{id:S,dir:w,className:u,style:f,"aria-label":q,children:h}),t[41]=S,t[42]=w,t[43]=u,t[44]=f,t[45]=q,t[46]=h,t[47]=y):y=t[47];let $;return t[48]!==y||t[49]!==F?($=s.jsxRuntimeExports.jsx("div",{className:F,children:y}),t[48]=y,t[49]=F,t[50]=$):$=t[50],$}exports.BasicStatCard=_;
-//# sourceMappingURL=BasicStatCard.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./GraphFooter.cjs`),n=require(`./GraphHeader.cjs`),r=require(`./numberFormattingFunction-Caf5NyIo.cjs`);let i=require(`@undp/design-system-react/cn`),a=require(`@undp/design-system-react/Typography`);var o=e.t();function s(e){let{year:s,value:c,graphTitle:l,sources:u,graphDescription:d,footNote:f,padding:p,backgroundColor:m=!1,graphID:h,language:g=`en`,theme:_=`light`,textBackground:v=!1,headingFontSize:y=`4.375rem`,centerAlign:b=!1,verticalAlign:x=`center`,layout:S=`primary`,styles:C,classNames:w,numberDisplayOptions:T,naLabel:E=`NA`}=e;return(0,o.jsx)(`div`,{className:`${_||`light`} w-full`,children:(0,o.jsx)(`div`,{id:h,dir:g===`he`||g===`ar`?`rtl`:void 0,className:(0,i.cn)(`${_||`light`} flex flex-col w-full box-border h-full ${m?m===!0?`bg-primary-gray-200 dark:bg-primary-gray-650`:``:`bg-transparent`} ${g||`en`}`,w?.graphContainer),style:{...C?.graphContainer||{},...m&&m!==!0?{backgroundColor:m}:{},padding:m?p||`1rem`:p||0},children:(0,o.jsx)(`div`,{className:`flex flex-col w-full grow ${S===`secondary`?`gap-4 justify-center`:`gap-12 justify-between`}`,children:S===`secondary`?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(a.H3,{marginBottom:S===`secondary`?`none`:`base`,className:`leading-none text-outline font-heading ${b?`text-center`:g===`he`||g===`ar`?`text-right`:`text-left`} ${v?`text-primary-black dark:text-primary-white`:`transparent`}`,style:{fontSize:y,letterSpacing:`0.05rem`},children:[r.t(c,E,T?.precision??2,T?.prefix,T?.suffix,T?.locale,T?.padZeros),` `,s?(0,o.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:[`(`,s,`)`]}):null]}),l||d?(0,o.jsx)(n.GraphHeader,{styles:{title:C?.title,description:C?.description},classNames:{title:w?.title,description:w?.description},graphTitle:l,graphDescription:d}):null,u||f?(0,o.jsx)(t.GraphFooter,{styles:{footnote:C?.footnote,source:C?.source},classNames:{footnote:w?.footnote,source:w?.source},sources:u,footNote:f}):null]}):(0,o.jsxs)(o.Fragment,{children:[l||d?(0,o.jsx)(n.GraphHeader,{styles:{title:C?.title,description:C?.description},classNames:{title:w?.title,description:w?.description},graphTitle:l,graphDescription:d}):null,(0,o.jsx)(`div`,{className:`flex flex-col justify-between grow ${x===`top`?`justify-start`:x===`bottom`?`justify-end`:`justify-center`}`,children:(0,o.jsxs)(a.H3,{marginBottom:`base`,className:`leading-none text-outline font-heading ${b?`text-center`:g===`he`||g===`ar`?`text-right`:`text-left`} ${v?`text-primary-black dark:text-primary-white`:`transparent`}`,style:{fontSize:y,letterSpacing:`0.05rem`},children:[r.t(c,E,T?.precision??2,T?.prefix,T?.suffix,T?.locale,T?.padZeros),` `,s?(0,o.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:[`(`,s,`)`]}):null]})}),u||f?(0,o.jsx)(t.GraphFooter,{styles:{footnote:C?.footnote,source:C?.source},classNames:{footnote:w?.footnote,source:w?.source},sources:u,footNote:f}):null]})})})})}exports.BasicStatCard=s;
+//# sourceMappingURL=BasicStatCard.cjs.map

package/dist/BasicStatCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BasicStatCard.cjs","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\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  ClassNameObject,\r\n  Languages,\r\n  NumberFormatOptions,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\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  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\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 BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\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    numberDisplayOptions,\r\n    naLabel = 'NA',\r\n  } = props;\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                  {numberFormattingFunction(\r\n                    value,\r\n                    naLabel,\r\n                    numberDisplayOptions?.precision ?? 2,\r\n                    numberDisplayOptions?.prefix,\r\n                    numberDisplayOptions?.suffix,\r\n                    numberDisplayOptions?.locale,\r\n                    numberDisplayOptions?.padZeros,\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                {numberFormattingFunction(\r\n                  value,\r\n                  naLabel,\r\n                  numberDisplayOptions?.precision ?? 2,\r\n                  numberDisplayOptions?.prefix,\r\n                  numberDisplayOptions?.suffix,\r\n                  numberDisplayOptions?.locale,\r\n                  numberDisplayOptions?.padZeros,\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":["BasicStatCard","props","$","_c","year","value","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","t0","graphID","language","t1","theme","t2","ariaLabel","textBackground","t3","headingFontSize","t4","centerAlign","t5","verticalAlign","t6","layout","t7","styles","classNames","numberDisplayOptions","naLabel","t8","undefined","t9","t10","t11","t12","graphContainer","t13","cn","t14","t15","t16","t17","t18","t19","t20","description","footnote","source","title","locale","padZeros","precision","prefix","suffix","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t21","t22","t23"],"mappings":"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"}
+{"version":3,"file":"BasicStatCard.cjs","names":[],"sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { H3 } from '@undp/design-system-react/Typography';\n\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  ClassNameObject,\n  Languages,\n  NumberFormatOptions,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n\n  // Colors and Styling\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Defines the layout for the cards */\n  layout?: 'primary' | 'secondary';\n  /** Font size of the main text */\n  headingFontSize?: string;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Toggle the fill color of the main text. */\n  textBackground?: boolean;\n  /** Toggle is the text is center aligned. */\n  centerAlign?: boolean;\n  /** Vertical alignment of the main text */\n  verticalAlign?: 'center' | 'top' | 'bottom';\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Values and Ticks\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Main text */\n  value: number | string;\n  /** Sub text next to main text */\n  year?: number | string;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function BasicStatCard(props: Props) {\n  const {\n    year,\n    value,\n    graphTitle,\n    sources,\n    graphDescription,\n    footNote,\n    padding,\n    backgroundColor = false,\n    graphID,\n    language = 'en',\n    theme = 'light',\n    textBackground = false,\n    headingFontSize = '4.375rem',\n    centerAlign = false,\n    verticalAlign = 'center',\n    layout = 'primary',\n    styles,\n    classNames,\n    numberDisplayOptions,\n    naLabel = 'NA',\n  } = props;\n  return (\n    <div className={`${theme || 'light'} w-full`}>\n      <div\n        id={graphID}\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\n        className={cn(\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\n            !backgroundColor\n              ? 'bg-transparent'\n              : backgroundColor === true\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\n                : ''\n          } ${language || 'en'}`,\n          classNames?.graphContainer,\n        )}\n        style={{\n          ...(styles?.graphContainer || {}),\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\n        }}\n      >\n        <div\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\n        >\n          {layout !== 'secondary' ? (\n            <>\n              {graphTitle || graphDescription ? (\n                <GraphHeader\n                  styles={{\n                    title: styles?.title,\n                    description: styles?.description,\n                  }}\n                  classNames={{\n                    title: classNames?.title,\n                    description: classNames?.description,\n                  }}\n                  graphTitle={graphTitle}\n                  graphDescription={graphDescription}\n                />\n              ) : null}\n              <div\n                className={`flex flex-col justify-between grow ${\n                  verticalAlign === 'top'\n                    ? 'justify-start'\n                    : verticalAlign === 'bottom'\n                      ? 'justify-end'\n                      : 'justify-center'\n                }`}\n              >\n                <H3\n                  marginBottom='base'\n                  className={`leading-none text-outline font-heading ${\n                    centerAlign\n                      ? 'text-center'\n                      : language === 'he' || language === 'ar'\n                        ? 'text-right'\n                        : 'text-left'\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\n                  style={{\n                    fontSize: headingFontSize,\n                    letterSpacing: '0.05rem',\n                  }}\n                >\n                  {numberFormattingFunction(\n                    value,\n                    naLabel,\n                    numberDisplayOptions?.precision ?? 2,\n                    numberDisplayOptions?.prefix,\n                    numberDisplayOptions?.suffix,\n                    numberDisplayOptions?.locale,\n                    numberDisplayOptions?.padZeros,\n                  )}{' '}\n                  {year ? (\n                    <span\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\n                      style={{\n                        marginLeft: '-8px',\n                        lineHeight: '1.09',\n                        textShadow: 'none',\n                        WebkitTextStrokeWidth: 0,\n                      }}\n                    >\n                      ({year})\n                    </span>\n                  ) : null}\n                </H3>\n              </div>\n              {sources || footNote ? (\n                <GraphFooter\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\n                  classNames={{\n                    footnote: classNames?.footnote,\n                    source: classNames?.source,\n                  }}\n                  sources={sources}\n                  footNote={footNote}\n                />\n              ) : null}\n            </>\n          ) : (\n            <>\n              <H3\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\n                className={`leading-none text-outline font-heading ${\n                  centerAlign\n                    ? 'text-center'\n                    : language === 'he' || language === 'ar'\n                      ? 'text-right'\n                      : 'text-left'\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\n                style={{\n                  fontSize: headingFontSize,\n                  letterSpacing: '0.05rem',\n                }}\n              >\n                {numberFormattingFunction(\n                  value,\n                  naLabel,\n                  numberDisplayOptions?.precision ?? 2,\n                  numberDisplayOptions?.prefix,\n                  numberDisplayOptions?.suffix,\n                  numberDisplayOptions?.locale,\n                  numberDisplayOptions?.padZeros,\n                )}{' '}\n                {year ? (\n                  <span\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\n                    style={{\n                      marginLeft: '-8px',\n                      lineHeight: '1.09',\n                      textShadow: 'none',\n                      WebkitTextStrokeWidth: 0,\n                    }}\n                  >\n                    ({year})\n                  </span>\n                ) : null}\n              </H3>\n              {graphTitle || graphDescription ? (\n                <GraphHeader\n                  styles={{\n                    title: styles?.title,\n                    description: styles?.description,\n                  }}\n                  classNames={{\n                    title: classNames?.title,\n                    description: classNames?.description,\n                  }}\n                  graphTitle={graphTitle}\n                  graphDescription={graphDescription}\n                />\n              ) : null}\n              {sources || footNote ? (\n                <GraphFooter\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\n                  classNames={{\n                    footnote: classNames?.footnote,\n                    source: classNames?.source,\n                  }}\n                  sources={sources}\n                  footNote={footNote}\n                />\n              ) : null}\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/BasicStatCard.d.ts

@@ -1,115 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-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;
-}
-
-export declare function BasicStatCard(props: Props): JSX.Element;
-
-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;
-}
-
-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 {
-    /** 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;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Defines the layout for the cards */
-    layout?: 'primary' | 'secondary';
-    /** Font size of the main text */
-    headingFontSize?: string;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** Toggle the fill color of the main text. */
-    textBackground?: boolean;
-    /** Toggle is the text is center aligned. */
-    centerAlign?: boolean;
-    /** Vertical alignment of the main text */
-    verticalAlign?: 'center' | 'top' | 'bottom';
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** 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;
-    /** Main text */
-    value: number | string;
-    /** Sub text next to main text */
-    year?: number | string;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-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/StatCard/index'
+export {}

package/dist/BasicStatCard.js

@@ -1,123 +1,137 @@
-import { c as Y, j as i } from "./compiler-runtime-qHgugrLy.js";
-import { H3 as M } from "@undp/design-system-react/Typography";
-import { cn as _ } from "@undp/design-system-react/cn";
-import { GraphFooter as P } from "./GraphFooter.js";
-import { GraphHeader as Q } from "./GraphHeader.js";
-import { n as U } from "./numberFormattingFunction-BUUV_luR.js";
-function nt(V) {
-  const t = Y.c(51), {
-    year: c,
-    value: j,
-    graphTitle: n,
-    sources: d,
-    graphDescription: a,
-    footNote: p,
-    padding: W,
-    backgroundColor: Z,
-    graphID: C,
-    language: D,
-    theme: E,
-    ariaLabel: X,
-    textBackground: G,
-    headingFontSize: R,
-    centerAlign: I,
-    verticalAlign: O,
-    layout: q,
-    styles: o,
-    classNames: r,
-    numberDisplayOptions: e,
-    naLabel: J
-  } = V, l = Z === void 0 ? !1 : Z, s = D === void 0 ? "en" : D, K = E === void 0 ? "light" : E, v = G === void 0 ? !1 : G, k = R === void 0 ? "4.375rem" : R, N = I === void 0 ? !1 : I, $ = O === void 0 ? "center" : O, b = q === void 0 ? "primary" : q, w = J === void 0 ? "NA" : J, F = `${K || "light"} w-full`, A = s === "he" || s === "ar" ? "rtl" : void 0, B = `${K || "light"} flex flex-col w-full box-border h-full ${l ? l === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${s || "en"}`, L = r?.graphContainer;
-  let f;
-  t[0] !== B || t[1] !== L ? (f = _(B, L), t[0] = B, t[1] = L, t[2] = f) : f = t[2];
-  let m;
-  t[3] !== o?.graphContainer ? (m = o?.graphContainer || {}, t[3] = o?.graphContainer, t[4] = m) : m = t[4];
-  let g;
-  t[5] !== l ? (g = l && l !== !0 ? {
-    backgroundColor: l
-  } : {}, t[5] = l, t[6] = g) : g = t[6];
-  const T = l ? W || "1rem" : W || 0;
-  let x;
-  t[7] !== m || t[8] !== g || t[9] !== T ? (x = {
-    ...m,
-    ...g,
-    padding: T
-  }, t[7] = m, t[8] = g, t[9] = T, t[10] = x) : x = t[10];
-  const z = X || `${n ? `The graph shows ${n}. ` : ""}This is a statistic card.${a ? ` ${a}` : ""}`, H = `flex flex-col w-full grow ${b !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
-  let u;
-  t[11] !== N || t[12] !== r?.description || t[13] !== r?.footnote || t[14] !== r?.source || t[15] !== r?.title || t[16] !== p || t[17] !== a || t[18] !== n || t[19] !== k || t[20] !== s || t[21] !== b || t[22] !== w || t[23] !== e?.locale || t[24] !== e?.padZeros || t[25] !== e?.precision || t[26] !== e?.prefix || t[27] !== e?.suffix || t[28] !== d || t[29] !== o?.description || t[30] !== o?.footnote || t[31] !== o?.source || t[32] !== o?.title || t[33] !== v || t[34] !== j || t[35] !== $ || t[36] !== c ? (u = b !== "secondary" ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    n || a ? /* @__PURE__ */ i.jsx(Q, { styles: {
-      title: o?.title,
-      description: o?.description
-    }, classNames: {
-      title: r?.title,
-      description: r?.description
-    }, graphTitle: n, graphDescription: a }) : null,
-    /* @__PURE__ */ i.jsx("div", { className: `flex flex-col justify-between grow ${$ === "top" ? "justify-start" : $ === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ i.jsxs(M, { marginBottom: "base", className: `leading-none text-outline font-heading ${N ? "text-center" : s === "he" || s === "ar" ? "text-right" : "text-left"} ${v ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: k,
-      letterSpacing: "0.05rem"
-    }, children: [
-      U(j, w, e?.precision ?? 2, e?.prefix, e?.suffix, e?.locale, e?.padZeros),
-      " ",
-      c ? /* @__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: [
-        "(",
-        c,
-        ")"
-      ] }) : null
-    ] }) }),
-    d || p ? /* @__PURE__ */ i.jsx(P, { styles: {
-      footnote: o?.footnote,
-      source: o?.source
-    }, classNames: {
-      footnote: r?.footnote,
-      source: r?.source
-    }, sources: d, footNote: p }) : null
-  ] }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsxs(M, { marginBottom: b === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${N ? "text-center" : s === "he" || s === "ar" ? "text-right" : "text-left"} ${v ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: k,
-      letterSpacing: "0.05rem"
-    }, children: [
-      U(j, w, e?.precision ?? 2, e?.prefix, e?.suffix, e?.locale, e?.padZeros),
-      " ",
-      c ? /* @__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: [
-        "(",
-        c,
-        ")"
-      ] }) : null
-    ] }),
-    n || a ? /* @__PURE__ */ i.jsx(Q, { styles: {
-      title: o?.title,
-      description: o?.description
-    }, classNames: {
-      title: r?.title,
-      description: r?.description
-    }, graphTitle: n, graphDescription: a }) : null,
-    d || p ? /* @__PURE__ */ i.jsx(P, { styles: {
-      footnote: o?.footnote,
-      source: o?.source
-    }, classNames: {
-      footnote: r?.footnote,
-      source: r?.source
-    }, sources: d, footNote: p }) : null
-  ] }), t[11] = N, t[12] = r?.description, t[13] = r?.footnote, t[14] = r?.source, t[15] = r?.title, t[16] = p, t[17] = a, t[18] = n, t[19] = k, t[20] = s, t[21] = b, t[22] = w, t[23] = e?.locale, t[24] = e?.padZeros, t[25] = e?.precision, t[26] = e?.prefix, t[27] = e?.suffix, t[28] = d, t[29] = o?.description, t[30] = o?.footnote, t[31] = o?.source, t[32] = o?.title, t[33] = v, t[34] = j, t[35] = $, t[36] = c, t[37] = u) : u = t[37];
-  let h;
-  t[38] !== H || t[39] !== u ? (h = /* @__PURE__ */ i.jsx("div", { className: H, children: u }), t[38] = H, t[39] = u, t[40] = h) : h = t[40];
-  let y;
-  t[41] !== C || t[42] !== A || t[43] !== f || t[44] !== x || t[45] !== z || t[46] !== h ? (y = /* @__PURE__ */ i.jsx("div", { id: C, dir: A, className: f, style: x, "aria-label": z, children: h }), t[41] = C, t[42] = A, t[43] = f, t[44] = x, t[45] = z, t[46] = h, t[47] = y) : y = t[47];
-  let S;
-  return t[48] !== y || t[49] !== F ? (S = /* @__PURE__ */ i.jsx("div", { className: F, children: y }), t[48] = y, t[49] = F, t[50] = S) : S = t[50], S;
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { GraphFooter as t } from "./GraphFooter.js";
+import { GraphHeader as n } from "./GraphHeader.js";
+import { t as r } from "./numberFormattingFunction-Cha8dhHc.js";
+import { cn as i } from "@undp/design-system-react/cn";
+import { H3 as a } from "@undp/design-system-react/Typography";
+//#region src/Components/Graphs/StatCard/index.tsx
+var o = e();
+function s(e) {
+	let { year: s, value: c, graphTitle: l, sources: u, graphDescription: d, footNote: f, padding: p, backgroundColor: m = !1, graphID: h, language: g = "en", theme: _ = "light", textBackground: v = !1, headingFontSize: y = "4.375rem", centerAlign: b = !1, verticalAlign: x = "center", layout: S = "primary", styles: C, classNames: w, numberDisplayOptions: T, naLabel: E = "NA" } = e;
+	return /* @__PURE__ */ (0, o.jsx)("div", {
+		className: `${_ || "light"} w-full`,
+		children: /* @__PURE__ */ (0, o.jsx)("div", {
+			id: h,
+			dir: g === "he" || g === "ar" ? "rtl" : void 0,
+			className: i(`${_ || "light"} flex flex-col w-full box-border h-full ${m ? m === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${g || "en"}`, w?.graphContainer),
+			style: {
+				...C?.graphContainer || {},
+				...m && m !== !0 ? { backgroundColor: m } : {},
+				padding: m ? p || "1rem" : p || 0
+			},
+			children: /* @__PURE__ */ (0, o.jsx)("div", {
+				className: `flex flex-col w-full grow ${S === "secondary" ? "gap-4 justify-center" : "gap-12 justify-between"}`,
+				children: S === "secondary" ? /* @__PURE__ */ (0, o.jsxs)(o.Fragment, { children: [
+					/* @__PURE__ */ (0, o.jsxs)(a, {
+						marginBottom: S === "secondary" ? "none" : "base",
+						className: `leading-none text-outline font-heading ${b ? "text-center" : g === "he" || g === "ar" ? "text-right" : "text-left"} ${v ? "text-primary-black dark:text-primary-white" : "transparent"}`,
+						style: {
+							fontSize: y,
+							letterSpacing: "0.05rem"
+						},
+						children: [
+							r(c, E, T?.precision ?? 2, T?.prefix, T?.suffix, T?.locale, T?.padZeros),
+							" ",
+							s ? /* @__PURE__ */ (0, o.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: [
+									"(",
+									s,
+									")"
+								]
+							}) : null
+						]
+					}),
+					l || d ? /* @__PURE__ */ (0, o.jsx)(n, {
+						styles: {
+							title: C?.title,
+							description: C?.description
+						},
+						classNames: {
+							title: w?.title,
+							description: w?.description
+						},
+						graphTitle: l,
+						graphDescription: d
+					}) : null,
+					u || f ? /* @__PURE__ */ (0, o.jsx)(t, {
+						styles: {
+							footnote: C?.footnote,
+							source: C?.source
+						},
+						classNames: {
+							footnote: w?.footnote,
+							source: w?.source
+						},
+						sources: u,
+						footNote: f
+					}) : null
+				] }) : /* @__PURE__ */ (0, o.jsxs)(o.Fragment, { children: [
+					l || d ? /* @__PURE__ */ (0, o.jsx)(n, {
+						styles: {
+							title: C?.title,
+							description: C?.description
+						},
+						classNames: {
+							title: w?.title,
+							description: w?.description
+						},
+						graphTitle: l,
+						graphDescription: d
+					}) : null,
+					/* @__PURE__ */ (0, o.jsx)("div", {
+						className: `flex flex-col justify-between grow ${x === "top" ? "justify-start" : x === "bottom" ? "justify-end" : "justify-center"}`,
+						children: /* @__PURE__ */ (0, o.jsxs)(a, {
+							marginBottom: "base",
+							className: `leading-none text-outline font-heading ${b ? "text-center" : g === "he" || g === "ar" ? "text-right" : "text-left"} ${v ? "text-primary-black dark:text-primary-white" : "transparent"}`,
+							style: {
+								fontSize: y,
+								letterSpacing: "0.05rem"
+							},
+							children: [
+								r(c, E, T?.precision ?? 2, T?.prefix, T?.suffix, T?.locale, T?.padZeros),
+								" ",
+								s ? /* @__PURE__ */ (0, o.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: [
+										"(",
+										s,
+										")"
+									]
+								}) : null
+							]
+						})
+					}),
+					u || f ? /* @__PURE__ */ (0, o.jsx)(t, {
+						styles: {
+							footnote: C?.footnote,
+							source: C?.source
+						},
+						classNames: {
+							footnote: w?.footnote,
+							source: w?.source
+						},
+						sources: u,
+						footNote: f
+					}) : null
+				] })
+			})
+		})
+	});
 }
-export {
-  nt as BasicStatCard
-};
-//# sourceMappingURL=BasicStatCard.js.map
+//#endregion
+export { s as BasicStatCard };
+
+//# sourceMappingURL=BasicStatCard.js.map

package/dist/BasicStatCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicStatCard.js","sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { H3 } from '@undp/design-system-react/Typography';\r\nimport { cn } from '@undp/design-system-react/cn';\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  ClassNameObject,\r\n  Languages,\r\n  NumberFormatOptions,\r\n  SourcesDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\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  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Main text */\r\n  value: number | string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\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 BasicStatCard(props: Props) {\r\n  const {\r\n    year,\r\n    value,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    language = 'en',\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    numberDisplayOptions,\r\n    naLabel = 'NA',\r\n  } = props;\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                  {numberFormattingFunction(\r\n                    value,\r\n                    naLabel,\r\n                    numberDisplayOptions?.precision ?? 2,\r\n                    numberDisplayOptions?.prefix,\r\n                    numberDisplayOptions?.suffix,\r\n                    numberDisplayOptions?.locale,\r\n                    numberDisplayOptions?.padZeros,\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                {numberFormattingFunction(\r\n                  value,\r\n                  naLabel,\r\n                  numberDisplayOptions?.precision ?? 2,\r\n                  numberDisplayOptions?.prefix,\r\n                  numberDisplayOptions?.suffix,\r\n                  numberDisplayOptions?.locale,\r\n                  numberDisplayOptions?.padZeros,\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":["BasicStatCard","props","$","_c","year","value","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","t0","graphID","language","t1","theme","t2","ariaLabel","textBackground","t3","headingFontSize","t4","centerAlign","t5","verticalAlign","t6","layout","t7","styles","classNames","numberDisplayOptions","naLabel","t8","undefined","t9","t10","t11","t12","graphContainer","t13","cn","t14","t15","t16","t17","t18","t19","t20","description","footnote","source","title","locale","padZeros","precision","prefix","suffix","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","numberFormattingFunction","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","t21","t22","t23"],"mappings":"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"}
+{"version":3,"file":"BasicStatCard.js","names":[],"sources":["../src/Components/Graphs/StatCard/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { H3 } from '@undp/design-system-react/Typography';\n\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  ClassNameObject,\n  Languages,\n  NumberFormatOptions,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n\n  // Colors and Styling\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Defines the layout for the cards */\n  layout?: 'primary' | 'secondary';\n  /** Font size of the main text */\n  headingFontSize?: string;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Toggle the fill color of the main text. */\n  textBackground?: boolean;\n  /** Toggle is the text is center aligned. */\n  centerAlign?: boolean;\n  /** Vertical alignment of the main text */\n  verticalAlign?: 'center' | 'top' | 'bottom';\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Values and Ticks\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Main text */\n  value: number | string;\n  /** Sub text next to main text */\n  year?: number | string;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function BasicStatCard(props: Props) {\n  const {\n    year,\n    value,\n    graphTitle,\n    sources,\n    graphDescription,\n    footNote,\n    padding,\n    backgroundColor = false,\n    graphID,\n    language = 'en',\n    theme = 'light',\n    textBackground = false,\n    headingFontSize = '4.375rem',\n    centerAlign = false,\n    verticalAlign = 'center',\n    layout = 'primary',\n    styles,\n    classNames,\n    numberDisplayOptions,\n    naLabel = 'NA',\n  } = props;\n  return (\n    <div className={`${theme || 'light'} w-full`}>\n      <div\n        id={graphID}\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\n        className={cn(\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\n            !backgroundColor\n              ? 'bg-transparent'\n              : backgroundColor === true\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\n                : ''\n          } ${language || 'en'}`,\n          classNames?.graphContainer,\n        )}\n        style={{\n          ...(styles?.graphContainer || {}),\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\n        }}\n      >\n        <div\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\n        >\n          {layout !== 'secondary' ? (\n            <>\n              {graphTitle || graphDescription ? (\n                <GraphHeader\n                  styles={{\n                    title: styles?.title,\n                    description: styles?.description,\n                  }}\n                  classNames={{\n                    title: classNames?.title,\n                    description: classNames?.description,\n                  }}\n                  graphTitle={graphTitle}\n                  graphDescription={graphDescription}\n                />\n              ) : null}\n              <div\n                className={`flex flex-col justify-between grow ${\n                  verticalAlign === 'top'\n                    ? 'justify-start'\n                    : verticalAlign === 'bottom'\n                      ? 'justify-end'\n                      : 'justify-center'\n                }`}\n              >\n                <H3\n                  marginBottom='base'\n                  className={`leading-none text-outline font-heading ${\n                    centerAlign\n                      ? 'text-center'\n                      : language === 'he' || language === 'ar'\n                        ? 'text-right'\n                        : 'text-left'\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\n                  style={{\n                    fontSize: headingFontSize,\n                    letterSpacing: '0.05rem',\n                  }}\n                >\n                  {numberFormattingFunction(\n                    value,\n                    naLabel,\n                    numberDisplayOptions?.precision ?? 2,\n                    numberDisplayOptions?.prefix,\n                    numberDisplayOptions?.suffix,\n                    numberDisplayOptions?.locale,\n                    numberDisplayOptions?.padZeros,\n                  )}{' '}\n                  {year ? (\n                    <span\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\n                      style={{\n                        marginLeft: '-8px',\n                        lineHeight: '1.09',\n                        textShadow: 'none',\n                        WebkitTextStrokeWidth: 0,\n                      }}\n                    >\n                      ({year})\n                    </span>\n                  ) : null}\n                </H3>\n              </div>\n              {sources || footNote ? (\n                <GraphFooter\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\n                  classNames={{\n                    footnote: classNames?.footnote,\n                    source: classNames?.source,\n                  }}\n                  sources={sources}\n                  footNote={footNote}\n                />\n              ) : null}\n            </>\n          ) : (\n            <>\n              <H3\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\n                className={`leading-none text-outline font-heading ${\n                  centerAlign\n                    ? 'text-center'\n                    : language === 'he' || language === 'ar'\n                      ? 'text-right'\n                      : 'text-left'\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\n                style={{\n                  fontSize: headingFontSize,\n                  letterSpacing: '0.05rem',\n                }}\n              >\n                {numberFormattingFunction(\n                  value,\n                  naLabel,\n                  numberDisplayOptions?.precision ?? 2,\n                  numberDisplayOptions?.prefix,\n                  numberDisplayOptions?.suffix,\n                  numberDisplayOptions?.locale,\n                  numberDisplayOptions?.padZeros,\n                )}{' '}\n                {year ? (\n                  <span\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\n                    style={{\n                      marginLeft: '-8px',\n                      lineHeight: '1.09',\n                      textShadow: 'none',\n                      WebkitTextStrokeWidth: 0,\n                    }}\n                  >\n                    ({year})\n                  </span>\n                ) : null}\n              </H3>\n              {graphTitle || graphDescription ? (\n                <GraphHeader\n                  styles={{\n                    title: styles?.title,\n                    description: styles?.description,\n                  }}\n                  classNames={{\n                    title: classNames?.title,\n                    description: classNames?.description,\n                  }}\n                  graphTitle={graphTitle}\n                  graphDescription={graphDescription}\n                />\n              ) : null}\n              {sources || footNote ? (\n                <GraphFooter\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\n                  classNames={{\n                    footnote: classNames?.footnote,\n                    source: classNames?.source,\n                  }}\n                  sources={sources}\n                  footNote={footNote}\n                />\n              ) : null}\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAgEA,SAAgB,EAAc,GAAc;CAC1C,IAAM,EACJ,SACA,UACA,eACA,YACA,qBACA,aACA,YACA,qBAAkB,IAClB,YACA,cAAW,MACX,WAAQ,SACR,oBAAiB,IACjB,qBAAkB,YAClB,iBAAc,IACd,mBAAgB,UAChB,YAAS,WACT,WACA,eACA,yBACA,aAAU,SACR;CACJ,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,GAAG,KAAS,QAAQ;YAClC,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,IAAI;GACJ,KAAK,MAAa,QAAQ,MAAa,OAAO,QAAQ,KAAA;GACtD,WAAW,EACT,GAAG,KAAS,QAAQ,0CACjB,IAEG,MAAoB,KAClB,iDACA,KAHF,iBAIL,GAAG,KAAY,QAChB,GAAY,cACd;GACA,OAAO;IACL,GAAI,GAAQ,kBAAkB,CAAC;IAC/B,GAAI,KAAmB,MAAoB,KAAO,EAAE,mBAAgB,IAAI,CAAC;IACzE,SAAS,IAAkB,KAAW,SAAS,KAAW;GAC5D;aAEA,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,WAAW,6BAA6B,MAAW,cAAyC,yBAA3B;cAEhE,MAAW,cA4EV,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA;KACE,iBAAA,GAAA,EAAA,MAAC,GAAD;MACE,cAAc,MAAW,cAAc,SAAS;MAChD,WAAW,0CACT,IACI,gBACA,MAAa,QAAQ,MAAa,OAChC,eACA,YACP,GAAG,IAAiB,+CAA+C;MACpE,OAAO;OACL,UAAU;OACV,eAAe;MACjB;gBAZF;OAcG,EACC,GACA,GACA,GAAsB,aAAa,GACnC,GAAsB,QACtB,GAAsB,QACtB,GAAsB,QACtB,GAAsB,QACxB;OAAG;OACF,IACC,iBAAA,GAAA,EAAA,MAAC,QAAD;QACE,WAAU;QACV,OAAO;SACL,YAAY;SACZ,YAAY;SACZ,YAAY;SACZ,uBAAuB;QACzB;kBAPF;SAQC;SACG;SAAK;QACH;YACJ;MACF;;KACH,KAAc,IACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,QAAQ;OACN,OAAO,GAAQ;OACf,aAAa,GAAQ;MACvB;MACA,YAAY;OACV,OAAO,GAAY;OACnB,aAAa,GAAY;MAC3B;MACY;MACM;KACnB,CAAA,IACC;KACH,KAAW,IACV,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,QAAQ;OAAE,UAAU,GAAQ;OAAU,QAAQ,GAAQ;MAAO;MAC7D,YAAY;OACV,UAAU,GAAY;OACtB,QAAQ,GAAY;MACtB;MACS;MACC;KACX,CAAA,IACC;IACJ,EAAA,CAAA,IA1IF,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA;KACG,KAAc,IACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,QAAQ;OACN,OAAO,GAAQ;OACf,aAAa,GAAQ;MACvB;MACA,YAAY;OACV,OAAO,GAAY;OACnB,aAAa,GAAY;MAC3B;MACY;MACM;KACnB,CAAA,IACC;KACJ,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAW,sCACT,MAAkB,QACd,kBACA,MAAkB,WAChB,gBACA;gBAGR,iBAAA,GAAA,EAAA,MAAC,GAAD;OACE,cAAa;OACb,WAAW,0CACT,IACI,gBACA,MAAa,QAAQ,MAAa,OAChC,eACA,YACP,GAAG,IAAiB,+CAA+C;OACpE,OAAO;QACL,UAAU;QACV,eAAe;OACjB;iBAZF;QAcG,EACC,GACA,GACA,GAAsB,aAAa,GACnC,GAAsB,QACtB,GAAsB,QACtB,GAAsB,QACtB,GAAsB,QACxB;QAAG;QACF,IACC,iBAAA,GAAA,EAAA,MAAC,QAAD;SACE,WAAU;SACV,OAAO;UACL,YAAY;UACZ,YAAY;UACZ,YAAY;UACZ,uBAAuB;SACzB;mBAPF;UAQC;UACG;UAAK;SACH;aACJ;OACF;;KACD,CAAA;KACJ,KAAW,IACV,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,QAAQ;OAAE,UAAU,GAAQ;OAAU,QAAQ,GAAQ;MAAO;MAC7D,YAAY;OACV,UAAU,GAAY;OACtB,QAAQ,GAAY;MACtB;MACS;MACC;KACX,CAAA,IACC;IACJ,EAAA,CAAA;GAmED,CAAA;EACF,CAAA;CACF,CAAA;AAET"}

package/dist/BeeSwarmChart--7HARz1J.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Colors.cjs`),r=require(`./GraphFooter.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./uniqBy-DTdieuuc.cjs`),s=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./lodash.orderby-Us2PHq2D.cjs`),l=require(`./ColorLegendWithMouseOver.cjs`),ee=require(`./EmptyState-Bq7ZJmZB.cjs`),te=require(`./linear-B93YyHf_.cjs`),ne=require(`./pow-DXd5n928.cjs`),re=require(`./fast-deep-equal-DN3ilkVq.cjs`),u=require(`./Axis-BbfI4T5K.cjs`),ie=require(`./numberFormattingFunction-Caf5NyIo.cjs`),ae=require(`./XTicksAndGridLines-8v1W02Pd.cjs`),oe=require(`./YTicksAndGridLines-CRW_R845.cjs`),d=require(`./DetailsModal-CtGqGcX9.cjs`),se=require(`./ReferenceLine-Dltt-xtO.cjs`),ce=require(`./Tooltip-CO_iOj_w.cjs`),le=require(`./getTextColorBasedOnBgColor-B0B-azeJ.cjs`),f=require(`./y-B6sP7d7V.cjs`);let ue=require(`@undp/design-system-react/cn`),p=require(`react`),de=require(`@undp/design-system-react/Spinner`),fe=require(`@undp/design-system-react/Typography`);var pe=e.a(re.t(),1),me=e.a(c.t(),1),m=t.t();function h(e){let{data:t,circleColors:r,showTicks:i,width:o,height:s,colorDomain:c,topMargin:l=25,bottomMargin:ee=10,leftMargin:re=100,rightMargin:ae=40,suffix:fe,prefix:h,showLabels:g,tooltip:_,onSeriesMouseOver:he,refValues:ge,selectedColor:v,startFromZero:y,radius:b,maxRadiusValue:x,maxValue:S,minValue:C,highlightedDataPoints:w,onSeriesMouseClick:T,resetSelectionOnDoubleClick:_e,detailsOnClick:E,styles:D,classNames:O,noOfTicks:k,dimmedOpacity:A,precision:ve,customLayers:j,hideAxisLine:ye,locale:M,padZeros:N}=e,P=(0,p.useRef)(null),[F,I]=(0,p.useState)(void 0),[L,R]=(0,p.useState)(void 0),[z,B]=(0,p.useState)(null),[V,H]=(0,p.useState)(void 0),[U,W]=(0,p.useState)(void 0),G={top:l,bottom:ee,left:re,right:ae},K=o-G.left-G.right,q=s-G.top-G.bottom,be=(0,p.useMemo)(()=>t.filter(e=>!a.t(e.radius)).length===0?t:(0,me.default)(t.filter(e=>!a.t(e.radius)),`radius`,`desc`),[t]),J=a.t(S)?Math.max(...t.filter(e=>!a.t(e.position)).map(e=>e.position))<0&&!y?0:Math.max(...t.filter(e=>!a.t(e.position)).map(e=>e.position)):S,Y=a.t(C)?Math.min(...t.filter(e=>!a.t(e.position)).map(e=>e.position))>=0&&!y?0:Math.min(...t.filter(e=>!a.t(e.position)).map(e=>e.position)):C,X=(0,p.useMemo)(()=>t.filter(e=>e.radius===void 0||e.radius===null).length===t.length?void 0:ne.t().domain([0,a.t(x)?Math.max(...t.map(e=>e.radius).filter(e=>e!=null)):x]).range([.25,b]).nice(),[t,b,x]),Z=(0,p.useMemo)(()=>te.t().domain([Y,J]).range([q,0]).nice(),[J,J,q]),Q=Z.ticks(k);return(0,p.useEffect)(()=>{let e=be.map(e=>({...e,...e.data&&{data:{...e.data}}})).filter(e=>e.position);f.i(e).force(`y`,f.t(e=>Z(e.position)).strength(5)).force(`x`,f.n(e=>K/2).strength(1)).force(`collide`,f.a(e=>X?X(e.radius||0)+1:b+1)).force(`charge`,f.r().strength(-15)).alphaDecay(.05).tick(1e4).on(`tick`,()=>{B(e)}).on(`end`,()=>{B(e)})},[b,K,be,Z,X]),(0,m.jsxs)(m.Fragment,{children:[z?(0,m.jsx)(`svg`,{width:`${o}px`,height:`${s}px`,viewBox:`0 0 ${o} ${s}`,direction:`ltr`,ref:P,children:(0,m.jsxs)(`g`,{transform:`translate(${G.left},${G.top})`,children:[i?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.t,{hideAxisLine:ye,y1:Z(Y<0?0:Y),y2:Z(Y<0?0:Y),x1:0-G.left,x2:K+G.right,label:i?ie.t(Y<0?0:Y,void 0,ve,h,fe,M,N):void 0,labelPos:{x:0-G.left,y:Z(Y<0?0:Y),dx:0,dy:J<0?`1em`:-5},classNames:{axis:O?.xAxis?.axis,label:O?.yAxis?.labels},styles:{axis:D?.xAxis?.axis,label:D?.yAxis?.labels}}),(0,m.jsx)(oe.t,{values:Q.filter(e=>e!==0),y:Q.filter(e=>e!==0).map(e=>Z(e)),x1:0-G.left,x2:K+G.right,styles:{gridLines:D?.yAxis?.gridLines,labels:D?.yAxis?.labels},classNames:{gridLines:O?.yAxis?.gridLines,labels:O?.yAxis?.labels},suffix:fe,prefix:h,labelType:`secondary`,showGridLines:!0,labelPos:`vertical`,precision:ve,locale:M,padZeros:N})]}):null,j.filter(e=>e.position===`before`).map(e=>e.layer),z.map(e=>(0,m.jsxs)(`g`,{className:`undp-viz-g-with-hover`,transform:`translate(${e.x},${e.y})`,opacity:v?e.color&&r[c.indexOf(e.color)]===v?1:A:w&&w.indexOf(e.label)===-1?A:.85,onMouseEnter:t=>{I(e),W(t.clientY),H(t.clientX),he?.(e)},onMouseMove:t=>{I(e),W(t.clientY),H(t.clientX)},onClick:()=>{(T||E)&&((0,pe.default)(L,e)&&_e?(R(void 0),T?.(void 0)):(R(e),T?.(e)))},onMouseLeave:()=>{I(void 0),H(void 0),W(void 0),he?.(void 0)},children:[(0,m.jsx)(`circle`,{cx:0,cy:0,r:X?X(e.radius||0):b,fill:t.filter(e=>e.color).length===0?r[0]:e.color?r[c.indexOf(e.color)]:n.Colors.gray}),(X?X(e.radius||0):b)>10&&g?(0,m.jsx)(`g`,{children:(0,m.jsx)(`foreignObject`,{y:0-(X?X(e.radius||0):b),x:0-(X?X(e.radius||0):b),width:2*(X?X(e.radius||0):b),height:2*(X?X(e.radius||0):b),children:(0,m.jsx)(`div`,{className:`flex flex-col justify-center items-center h-inherit py-0 px-1.5`,children:g?(0,m.jsx)(`p`,{className:(0,ue.cn)(`text-center leading-none m-0`,O?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((X?X(e.radius||0):b)/4),10),Math.max(Math.round((X?X(e.radius||0):b)*12/`${e.label}`.length),10),20)}px`,hyphens:`auto`,color:le.t(t.filter(e=>e.color).length===0?r[0]:e.color?r[c.indexOf(e.color)]:n.Colors.gray),...D?.graphObjectValues||{}},children:e.label}):null})})}):null]},e.label)),ge?.map(e=>(0,m.jsx)(se.n,{text:e.text,color:e.color,y:Z(e.value),x1:0-G.left,x2:K+G.right,classNames:e.classNames,styles:e.styles,isInView:!0},e.text)),j.filter(e=>e.position===`after`).map(e=>e.layer)]})}):(0,m.jsx)(`div`,{style:{width:`${o}px`,height:`${s}px`},children:(0,m.jsx)(`div`,{className:`flex m-auto items-center justify-center p-0 leading-none text-base h-40`,children:(0,m.jsx)(de.Spinner,{})})}),F&&_&&V&&U?(0,m.jsx)(ce.t,{data:F,body:_,xPos:V,yPos:U,backgroundStyle:D?.tooltip,className:O?.tooltip}):null,E&&L!==void 0?(0,m.jsx)(d.t,{body:E,data:L,setData:R,className:O?.modal}):null]})}function g(e){let{data:t,circleColors:r,showTicks:i,width:o,height:s,colorDomain:c,topMargin:l=25,bottomMargin:ee=10,leftMargin:re=10,rightMargin:oe=10,showLabels:h,tooltip:g,onSeriesMouseOver:_,refValues:he,selectedColor:ge,startFromZero:v,radius:y,maxRadiusValue:b,maxValue:x,minValue:S,highlightedDataPoints:C,onSeriesMouseClick:w,rtl:T,resetSelectionOnDoubleClick:_e,detailsOnClick:E,suffix:D,prefix:O,styles:k,classNames:A,noOfTicks:ve,dimmedOpacity:j,precision:ye,customLayers:M,hideAxisLine:N,locale:P,padZeros:F}=e,I=(0,p.useRef)(null),[L,R]=(0,p.useState)(void 0),[z,B]=(0,p.useState)(void 0),[V,H]=(0,p.useState)(null),[U,W]=(0,p.useState)(void 0),[G,K]=(0,p.useState)(void 0),q={top:l,bottom:ee,left:re,right:oe},be=o-q.left-q.right,J=s-q.top-q.bottom,Y=(0,p.useMemo)(()=>t.filter(e=>!a.t(e.radius)).length===0?t:(0,me.default)(t.filter(e=>!a.t(e.radius)),`radius`,`desc`),[t]),X=a.t(x)?Math.max(...t.filter(e=>!a.t(e.position)).map(e=>e.position))<0&&!v?0:Math.max(...t.filter(e=>!a.t(e.position)).map(e=>e.position)):x,Z=a.t(S)?Math.min(...t.filter(e=>!a.t(e.position)).map(e=>e.position))>=0&&!v?0:Math.min(...t.filter(e=>!a.t(e.position)).map(e=>e.position)):S,Q=(0,p.useMemo)(()=>t.filter(e=>e.radius===void 0||e.radius===null).length===t.length?void 0:ne.t().domain([0,a.t(b)?Math.max(...t.map(e=>e.radius).filter(e=>e!=null)):b]).range([.25,y]).nice(),[t,y,b]),$=(0,p.useMemo)(()=>te.t().domain([Z,X]).range([0,be]).nice(),[Z,X,be]),xe=$.ticks(ve);return(0,p.useEffect)(()=>{let e=Y.map(e=>({...e,...e.data&&{data:{...e.data}}})).filter(e=>e.position);f.i(e).force(`x`,f.n(e=>$(e.position)).strength(5)).force(`y`,f.t(e=>J/2).strength(1)).force(`collide`,f.a(e=>Q?Q(e.radius||0)+1:y+1)).force(`charge`,f.r().strength(-15)).alphaDecay(.05).tick(1e4).on(`tick`,()=>{H(e)}).on(`end`,()=>{H(e)})},[y,J,Y,$,Q]),(0,m.jsxs)(m.Fragment,{children:[V?(0,m.jsx)(`svg`,{width:`${o}px`,height:`${s}px`,viewBox:`0 0 ${o} ${s}`,direction:`ltr`,ref:I,children:(0,m.jsxs)(`g`,{transform:`translate(${q.left},${q.top})`,children:[i?(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.t,{hideAxisLine:N,x1:$(Z<0?0:Z),x2:$(Z<0?0:Z),y1:0-q.top,y2:J+q.bottom,label:i?ie.t(Z<0?0:Z,void 0,ye,O,D,P,F):void 0,labelPos:{x:$(Z<0?0:Z),y:0-l,dy:`0.75em`,dx:3},classNames:{axis:A?.xAxis?.axis,label:A?.yAxis?.labels},styles:{axis:k?.xAxis?.axis,label:k?.yAxis?.labels}}),(0,m.jsx)(ae.t,{values:xe.filter(e=>e!==0),x:xe.filter(e=>e!==0).map(e=>$(e)),y1:0-l,y2:J+q.bottom,styles:{gridLines:k?.xAxis?.gridLines,labels:k?.xAxis?.labels},classNames:{gridLines:A?.xAxis?.gridLines,labels:A?.xAxis?.labels},suffix:D,prefix:O,labelType:`secondary`,showGridLines:!0,precision:ye,locale:P,padZeros:F})]}):null,M.filter(e=>e.position===`before`).map(e=>e.layer),V.map(e=>(0,m.jsxs)(`g`,{className:`undp-viz-g-with-hover`,transform:`translate(${e.x},${e.y})`,opacity:ge?e.color&&r[c.indexOf(e.color)]===ge?1:j:C&&C.indexOf(e.label)===-1?j:.85,onMouseEnter:t=>{R(e),K(t.clientY),W(t.clientX),_?.(e)},onMouseMove:t=>{R(e),K(t.clientY),W(t.clientX)},onClick:()=>{(w||E)&&((0,pe.default)(z,e)&&_e?(B(void 0),w?.(void 0)):(B(e),w?.(e)))},onMouseLeave:()=>{R(void 0),W(void 0),K(void 0),_?.(void 0)},children:[(0,m.jsx)(`circle`,{cx:0,cy:0,fill:t.filter(e=>e.color).length===0?r[0]:e.color?r[c.indexOf(e.color)]:n.Colors.gray,r:Q?Q(e.radius||0):y}),(Q?Q(e.radius||0):y)>10&&h?(0,m.jsx)(`g`,{children:(0,m.jsx)(`foreignObject`,{y:0-(Q?Q(e.radius||0):y),x:0-(Q?Q(e.radius||0):y),width:2*(Q?Q(e.radius||0):y),height:2*(Q?Q(e.radius||0):y),children:(0,m.jsx)(`div`,{className:`flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5`,children:h?(0,m.jsx)(fe.P,{className:(0,ue.cn)(`text-center leading-none m-0`,A?.graphObjectValues),marginBottom:`none`,style:{fontSize:`${Math.min(Math.max(Math.round((Q?Q(e.radius||0):y)/4),10),Math.max(Math.round((Q?Q(e.radius||0):y)*12/`${e.label}`.length),10),20)}px`,color:le.t(t.filter(e=>e.color).length===0?r[0]:e.color?r[c.indexOf(e.color)]:n.Colors.gray),hyphens:`auto`,...k?.graphObjectValues||{}},children:e.label}):null})})}):null]},e.label)),he?.map(e=>(0,m.jsx)(se.t,{text:e.text,color:e.color,x:$(e.value),y1:0-q.top,y2:J+q.bottom,textSide:$(e.value)>be*.75||T?`left`:`right`,classNames:e.classNames,styles:e.styles,isInView:!0},e.text)),M.filter(e=>e.position===`after`).map(e=>e.layer)]})}):(0,m.jsx)(`div`,{style:{width:`${o}px`,height:`${s}px`},children:(0,m.jsx)(`div`,{className:`flex m-auto items-center justify-center p-0 leading-none text-base h-40`,children:(0,m.jsx)(de.Spinner,{})})}),L&&g&&U&&G?(0,m.jsx)(ce.t,{data:L,body:g,xPos:U,yPos:G,backgroundStyle:k?.tooltip,className:A?.tooltip}):null,E&&z!==void 0?(0,m.jsx)(d.t,{body:E,data:z,setData:B,className:A?.modal}):null]})}function _(e){let{data:t,graphTitle:a,topMargin:c,bottomMargin:te,leftMargin:ne,rightMargin:re,colors:u,sources:ie,graphDescription:ae,height:oe,width:d,footNote:se,colorDomain:ce,colorLegendTitle:le,padding:f,relativeHeight:ue,tooltip:de,onSeriesMouseOver:fe,refValues:pe,showColorScale:me,graphID:_,radius:he=5,showLabels:ge=!0,showTicks:v=!0,maxRadiusValue:y,maxValue:b,minValue:x,highlightedDataPoints:S,onSeriesMouseClick:C,ariaLabel:w,backgroundColor:T=!1,graphDownload:_e=!1,dataDownload:E=!1,language:D=`en`,showNAColor:O=!0,minHeight:k=0,theme:A=`light`,resetSelectionOnDoubleClick:ve=!0,detailsOnClick:j,orientation:ye=`vertical`,numberDisplayOptions:M,styles:N,classNames:P,noOfTicks:F=5,dimmedOpacity:I=.3,customLayers:L=[],hideAxisLine:R=!1}=e,[z,B]=(0,p.useState)(0),[V,H]=(0,p.useState)(0),[U,W]=(0,p.useState)(void 0),G=(0,p.useRef)(null),K=(0,p.useRef)(null),q=ye===`horizontal`?g:h;return(0,p.useEffect)(()=>{let e=new ResizeObserver(e=>{B(e[0].target.clientWidth||620),H(e[0].target.clientHeight||480)});return G.current&&e.observe(G.current),()=>e.disconnect()},[]),(0,m.jsxs)(s.n,{className:P?.graphContainer,style:N?.graphContainer,id:_,ref:K,"aria-label":w,backgroundColor:T,theme:A,language:D,minHeight:k,width:d,height:oe,relativeHeight:ue,padding:f,children:[a||ae||_e||E?(0,m.jsx)(i.GraphHeader,{styles:{title:N?.title,description:N?.description},classNames:{title:P?.title,description:P?.description},graphTitle:a,graphDescription:ae,width:d,graphDownload:_e?K:void 0,dataDownload:E?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):null,me!==!1&&t.filter(e=>e.color).length!==0&&t.length>0?(0,m.jsx)(l.ColorLegendWithMouseOver,{width:d,colorLegendTitle:le,colors:u||n.Colors[A].categoricalColors.colors,colorDomain:ce||o.t(t,`color`,!0),setSelectedColor:W,showNAColor:O,className:P?.colorLegend}):null,(0,m.jsxs)(s.t,{ref:G,children:[t.length===0&&(0,m.jsx)(ee.t,{}),z&&V&&t.length>0?(0,m.jsx)(q,{hideAxisLine:R,data:t,circleColors:t.filter(e=>e.color).length===0?u?[u]:[n.Colors.primaryColors[`blue-600`]]:u||n.Colors[A].categoricalColors.colors,colorDomain:t.filter(e=>e.color).length===0?[]:ce||o.t(t,`color`,!0),width:z,selectedColor:U,height:V,showTicks:v,leftMargin:ne,rightMargin:re,topMargin:c,bottomMargin:te,showLabels:ge,tooltip:de,onSeriesMouseOver:fe,refValues:pe,startFromZero:!1,radius:he,maxRadiusValue:y,maxValue:b,minValue:x,highlightedDataPoints:S,onSeriesMouseClick:C,resetSelectionOnDoubleClick:ve,detailsOnClick:j,styles:N,classNames:P,noOfTicks:F||5,dimmedOpacity:I,customLayers:L,locale:M?.locale||`en`,padZeros:M?.padZeros||!1,suffix:M?.suffix||``,prefix:M?.prefix||``,precision:M?.precision??2}):null]}),ie||se?(0,m.jsx)(r.GraphFooter,{styles:{footnote:N?.footnote,source:N?.source},classNames:{footnote:P?.footnote,source:P?.source},sources:ie,footNote:se,width:d}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=BeeSwarmChart--7HARz1J.cjs.map