@undp/data-viz 2.5.4 → 2.6.0

package/dist/BasicStatCard.cjs

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

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","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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"}

package/dist/BasicStatCard.js

@@ -1,9 +1,10 @@
-import { c as Y, m as _, j as i } from "./index-CHPV5EwG-BzibaIRc.js";
-import { R as M } from "./Typography-BO0gQDIT.js";
+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 st(V) {
+function nt(V) {
   const t = Y.c(51), {
     year: c,
     value: j,
@@ -11,14 +12,14 @@ function st(V) {
     sources: d,
     graphDescription: a,
     footNote: p,
-    padding: Z,
-    backgroundColor: D,
+    padding: W,
+    backgroundColor: Z,
     graphID: C,
-    language: H,
-    theme: R,
+    language: D,
+    theme: E,
     ariaLabel: X,
-    textBackground: E,
-    headingFontSize: G,
+    textBackground: G,
+    headingFontSize: R,
     centerAlign: I,
     verticalAlign: O,
     layout: q,
@@ -26,7 +27,7 @@ function st(V) {
     classNames: r,
     numberDisplayOptions: e,
     naLabel: J
-  } = V, l = D === void 0 ? !1 : D, s = H === void 0 ? "en" : H, K = R === void 0 ? "light" : R, v = E === void 0 ? !1 : E, k = G === void 0 ? "4.375rem" : G, 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;
+  } = 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;
@@ -35,14 +36,14 @@ function st(V) {
   t[5] !== l ? (g = l && l !== !0 ? {
     backgroundColor: l
   } : {}, t[5] = l, t[6] = g) : g = t[6];
-  const T = l ? Z || "1rem" : Z || 0;
+  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}` : ""}`, W = `flex flex-col w-full grow ${b !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
+  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: {
@@ -110,13 +111,13 @@ function st(V) {
     }, 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] !== W || t[39] !== u ? (h = /* @__PURE__ */ i.jsx("div", { className: W, children: u }), t[38] = W, t[39] = u, t[40] = h) : h = t[40];
+  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;
 }
 export {
-  st as BasicStatCard
+  nt 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","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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"}

package/dist/BeeSwarmChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),m=require("react"),Ue=require("./index-DQA8q5sC.cjs"),Be=require("./index-Cno4Q0YE.cjs"),Ge=require("./Spinner-WHzzloYQ.cjs"),Qe=require("./Typography-BqmyF1gP.cjs"),Pe=require("./numberFormattingFunction-u2iNHL_c.cjs"),Xe=require("./Tooltip-C9F3uYG0.cjs"),j=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ye=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),be=require("./Colors.cjs"),He=require("./Axis-BTaS9oPQ.cjs"),Ze=require("./ReferenceLine-CpU4G01Y.cjs"),_e=require("./YTicksAndGridLines-sT3zdCs6.cjs"),et=require("./XTicksAndGridLines-B4UhDVyU.cjs"),ze=require("./DetailsModal-Du8Fr1QD.cjs"),We=require("./pow-BnyPO-NX.cjs"),Je=require("./linear-CgUCbw9F.cjs"),re=require("./y-QcCbqrzx.cjs"),Ie=require("./uniqBy-O05lp2S5.cjs"),tt=require("./GraphHeader.cjs"),Fe=require("./GraphContainer-Cul9b74X.cjs"),it=require("./EmptyState-CFmiFPHz.cjs"),ot=require("./ColorLegendWithMouseOver.cjs"),nt=require("./GraphFooter.cjs");function st(t){const e=o.compilerRuntimeExports.c(28),{data:i,circleColors:O,showTicks:le,width:S,height:w,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,suffix:h,prefix:q,showLabels:A,tooltip:Y,onSeriesMouseOver:ce,refValues:D,selectedColor:g,startFromZero:L,radius:f,maxRadiusValue:H,maxValue:Z,minValue:z,highlightedDataPoints:ve,onSeriesMouseClick:fe,resetSelectionOnDoubleClick:W,detailsOnClick:T,styles:k,classNames:u,noOfTicks:b,dimmedOpacity:ue,precision:de,customLayers:me,hideAxisLine:ye,locale:je,padZeros:he}=t,pe=C===void 0?25:C,V=_===void 0?10:_,te=ee===void 0?100:ee,J=ae===void 0?40:ae,ge=m.useRef(null),[p,c]=m.useState(void 0),[a,I]=m.useState(void 0),[xe,ie]=m.useState(null),[oe,F]=m.useState(void 0),[U,B]=m.useState(void 0);let G;e[0]!==V||e[1]!==te||e[2]!==J||e[3]!==pe?(G={top:pe,bottom:V,left:te,right:J},e[0]=V,e[1]=te,e[2]=J,e[3]=pe,e[4]=G):G=e[4];const d=G,x=S-d.left-d.right,ne=w-d.top-d.bottom,P=i.filter(Nt).length===0?i:Be.orderBy(i.filter(Ct),"radius","desc");let K;e[5]!==i||e[6]!==Z||e[7]!==L?(K=j.checkIfNullOrUndefined(Z)?Math.max(...i.filter(kt).map(Rt))<0&&!L?0:Math.max(...i.filter(Ot).map(Et)):Z,e[5]=i,e[6]=Z,e[7]=L,e[8]=K):K=e[8];const v=K;let Q;e[9]!==i||e[10]!==z||e[11]!==L?(Q=j.checkIfNullOrUndefined(z)?Math.min(...i.filter(Mt).map(bt))>=0&&!L?0:Math.min(...i.filter(jt).map(yt)):z,e[9]=i,e[10]=z,e[11]=L,e[12]=Q):Q=e[12];const M=Q,r=i.filter(vt).length!==i.length?We.sqrt().domain([0,j.checkIfNullOrUndefined(H)?Math.max(...i.map(gt).filter(ht)):H]).range([.25,f]).nice():void 0,l=Je.linear().domain([M,v]).range([ne,0]).nice(),E=l.ticks(b);m.useEffect(()=>{const s=P.map(mt).filter(ft);re.forceSimulation(s).force("y",re.forceY(n=>l(n.position)).strength(5)).force("x",re.forceX(n=>x/2).strength(1)).force("collide",re.forceCollide(n=>r?r(n.radius||0)+1:f+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{ie(s)}).on("end",()=>{ie(s)})},[i,f,ne,x,M,v,P,l,r]);const se=xe?o.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:ge,children:o.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[le?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(He.Axis,{hideAxisLine:ye,y1:l(M<0?0:M),y2:l(M<0?0:M),x1:0-d.left,x2:x+d.right,label:le?Pe.numberFormattingFunction(M<0?0:M,void 0,de,q,h,je,he):void 0,labelPos:{x:0-d.left,y:l(M<0?0:M),dx:0,dy:v<0?"1em":-5},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:k?.xAxis?.axis,label:k?.yAxis?.labels}}),o.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:E.filter(xt),y:E.filter(pt).map(s=>l(s)),x1:0-d.left,x2:x+d.right,styles:{gridLines:k?.yAxis?.gridLines,labels:k?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:h,prefix:q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:de,locale:je,padZeros:he})]}):null,me.filter(dt).map(ut),xe.map(s=>o.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&O[X.indexOf(s.color)]===g?1:ue:ve?ve.indexOf(s.label)!==-1?.85:ue:.85,onMouseEnter:n=>{c(s),B(n.clientY),F(n.clientX),ce?.(s)},onMouseMove:n=>{c(s),B(n.clientY),F(n.clientX)},onClick:()=>{(fe||T)&&(Ue.isEqual(a,s)&&W?(I(void 0),fe?.(void 0)):(I(s),fe?.(s)))},onMouseLeave:()=>{c(void 0),F(void 0),B(void 0),ce?.(void 0)},children:[o.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):f,fill:i.filter(ct).length===0?O[0]:s.color?O[X.indexOf(s.color)]:be.Colors.gray}),(r?r(s.radius||0):f)>10&&A?o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):f),x:0-(r?r(s.radius||0):f),width:2*(r?r(s.radius||0):f),height:2*(r?r(s.radius||0):f),children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:A?o.jsxRuntimeExports.jsx("p",{className:o.mo("text-center leading-none m-0",u?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):f)/4),10),Math.max(Math.round((r?r(s.radius||0):f)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Ye.getTextColorBasedOnBgColor(i.filter(at).length===0?O[0]:s.color?O[X.indexOf(s.color)]:be.Colors.gray),...k?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),D?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:D.map((s,n)=>o.jsxRuntimeExports.jsx(Ze.RefLineY,{text:s.text,color:s.color,y:l(s.value),x1:0-d.left,x2:x+d.right,classNames:s.classNames,styles:s.styles,isInView:!0},n))}):null,me.filter(lt).map(rt)]})}):o.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:o.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:o.jsxRuntimeExports.jsx(Ge.w,{})})});let N;e[13]!==u?.tooltip||e[14]!==oe||e[15]!==U||e[16]!==p||e[17]!==k?.tooltip||e[18]!==Y?(N=p&&Y&&oe&&U?o.jsxRuntimeExports.jsx(Xe.Tooltip,{data:p,body:Y,xPos:oe,yPos:U,backgroundStyle:k?.tooltip,className:u?.tooltip}):null,e[13]=u?.tooltip,e[14]=oe,e[15]=U,e[16]=p,e[17]=k?.tooltip,e[18]=Y,e[19]=N):N=e[19];let y;e[20]!==u?.modal||e[21]!==T||e[22]!==a?(y=T&&a!==void 0?o.jsxRuntimeExports.jsx(ze.DetailsModal,{body:T,data:a,setData:I,className:u?.modal}):null,e[20]=u?.modal,e[21]=T,e[22]=a,e[23]=y):y=e[23];let $;return e[24]!==se||e[25]!==N||e[26]!==y?($=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[se,N,y]}),e[24]=se,e[25]=N,e[26]=y,e[27]=$):$=e[27],$}function rt(t){return t.layer}function lt(t){return t.position==="after"}function at(t){return t.color}function ct(t){return t.color}function ut(t){return t.layer}function dt(t){return t.position==="before"}function pt(t){return t!==0}function xt(t){return t!==0}function ft(t){return t.position}function mt(t){return{...t,...t.data&&{data:{...t.data}}}}function ht(t){return t!=null}function gt(t){return t.radius}function vt(t){return t.radius===void 0||t.radius===null}function yt(t){return t.position}function jt(t){return!j.checkIfNullOrUndefined(t.position)}function bt(t){return t.position}function Mt(t){return!j.checkIfNullOrUndefined(t.position)}function Et(t){return t.position}function Ot(t){return!j.checkIfNullOrUndefined(t.position)}function Rt(t){return t.position}function kt(t){return!j.checkIfNullOrUndefined(t.position)}function Ct(t){return!j.checkIfNullOrUndefined(t.radius)}function Nt(t){return!j.checkIfNullOrUndefined(t.radius)}function St(t){const e=o.compilerRuntimeExports.c(28),{data:i,circleColors:O,showTicks:le,width:S,height:w,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,showLabels:h,tooltip:q,onSeriesMouseOver:A,refValues:Y,selectedColor:ce,startFromZero:D,radius:g,maxRadiusValue:L,maxValue:f,minValue:H,highlightedDataPoints:Z,onSeriesMouseClick:z,rtl:ve,resetSelectionOnDoubleClick:fe,detailsOnClick:W,suffix:T,prefix:k,styles:u,classNames:b,noOfTicks:ue,dimmedOpacity:de,precision:me,customLayers:ye,hideAxisLine:je,locale:he,padZeros:pe}=t,V=C===void 0?25:C,te=_===void 0?10:_,J=ee===void 0?10:ee,ge=ae===void 0?10:ae,p=m.useRef(null),[c,a]=m.useState(void 0),[I,xe]=m.useState(void 0),[ie,oe]=m.useState(null),[F,U]=m.useState(void 0),[B,G]=m.useState(void 0);let d;e[0]!==te||e[1]!==J||e[2]!==ge||e[3]!==V?(d={top:V,bottom:te,left:J,right:ge},e[0]=te,e[1]=J,e[2]=ge,e[3]=V,e[4]=d):d=e[4];const x=d,ne=S-x.left-x.right,P=w-x.top-x.bottom,K=i.filter(Qt).length===0?i:Be.orderBy(i.filter(Kt),"radius","desc");let v;e[5]!==i||e[6]!==f||e[7]!==D?(v=j.checkIfNullOrUndefined(f)?Math.max(...i.filter(Jt).map(Wt))<0&&!D?0:Math.max(...i.filter(zt).map(Zt)):f,e[5]=i,e[6]=f,e[7]=D,e[8]=v):v=e[8];const Q=v;let M;e[9]!==i||e[10]!==H||e[11]!==D?(M=j.checkIfNullOrUndefined(H)?Math.min(...i.filter(Ht).map(Yt))>=0&&!D?0:Math.min(...i.filter(Xt).map(Pt)):H,e[9]=i,e[10]=H,e[11]=D,e[12]=M):M=e[12];const r=M,l=i.filter(Gt).length!==i.length?We.sqrt().domain([0,j.checkIfNullOrUndefined(L)?Math.max(...i.map(Bt).filter(Ut)):L]).range([.25,g]).nice():void 0,E=Je.linear().domain([r,Q]).range([0,ne]).nice(),se=E.ticks(ue);m.useEffect(()=>{const n=K.map(Ft).filter(It);re.forceSimulation(n).force("x",re.forceX(R=>E(R.position)).strength(5)).force("y",re.forceY(R=>P/2).strength(1)).force("collide",re.forceCollide(R=>l?l(R.radius||0)+1:g+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{oe(n)}).on("end",()=>{oe(n)})},[i,g,P,ne,r,Q,K,E,l]);const N=ie?o.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:p,children:o.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[le?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(He.Axis,{hideAxisLine:je,x1:E(r<0?0:r),x2:E(r<0?0:r),y1:0-x.top,y2:P+x.bottom,label:le?Pe.numberFormattingFunction(r<0?0:r,void 0,me,k,T,he,pe):void 0,labelPos:{x:E(r<0?0:r),y:0-V,dy:"0.75em",dx:3},classNames:{axis:b?.xAxis?.axis,label:b?.yAxis?.labels},styles:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels}}),o.jsxRuntimeExports.jsx(et.XTicksAndGridLines,{values:se.filter(Vt),x:se.filter(Tt).map(n=>E(n)),y1:0-V,y2:P+x.bottom,styles:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},classNames:{gridLines:b?.xAxis?.gridLines,labels:b?.xAxis?.labels},suffix:T,prefix:k,labelType:"secondary",showGridLines:!0,precision:me,locale:he,padZeros:pe})]}):null,ye.filter(At).map(qt),ie.map(n=>o.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${n.x},${n.y})`,opacity:ce?n.color&&O[X.indexOf(n.color)]===ce?1:de:Z?Z.indexOf(n.label)!==-1?.85:de:.85,onMouseEnter:R=>{a(n),G(R.clientY),U(R.clientX),A?.(n)},onMouseMove:R=>{a(n),G(R.clientY),U(R.clientX)},onClick:()=>{(z||W)&&(Ue.isEqual(I,n)&&fe?(xe(void 0),z?.(void 0)):(xe(n),z?.(n)))},onMouseLeave:()=>{a(void 0),U(void 0),G(void 0),A?.(void 0)},children:[o.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:i.filter($t).length===0?O[0]:n.color?O[X.indexOf(n.color)]:be.Colors.gray,radius:l?l(n.radius||0):g}),(l?l(n.radius||0):g)>10&&h?o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(n.radius||0):g),x:0-(l?l(n.radius||0):g),width:2*(l?l(n.radius||0):g),height:2*(l?l(n.radius||0):g),children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?o.jsxRuntimeExports.jsx(Qe._,{className:o.mo("text-center leading-none m-0",b?.graphObjectValues),marginBottom:"none",style:{fontSize:`${Math.min(Math.max(Math.round((l?l(n.radius||0):g)/4),10),Math.max(Math.round((l?l(n.radius||0):g)*12/`${n.label}`.length),10),20)}px`,color:Ye.getTextColorBasedOnBgColor(i.filter(Lt).length===0?O[0]:n.color?O[X.indexOf(n.color)]:be.Colors.gray),hyphens:"auto",...u?.graphObjectValues||{}},children:n.label}):null})})}):null]},n.label)),Y?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:Y.map((n,R)=>o.jsxRuntimeExports.jsx(Ze.RefLineX,{text:n.text,color:n.color,x:E(n.value),y1:0-x.top,y2:P+x.bottom,textSide:E(n.value)>ne*.75||ve?"left":"right",classNames:n.classNames,styles:n.styles,isInView:!0},R))}):null,ye.filter(Dt).map(wt)]})}):o.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:o.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:o.jsxRuntimeExports.jsx(Ge.w,{})})});let y;e[13]!==b?.tooltip||e[14]!==F||e[15]!==B||e[16]!==c||e[17]!==u?.tooltip||e[18]!==q?(y=c&&q&&F&&B?o.jsxRuntimeExports.jsx(Xe.Tooltip,{data:c,body:q,xPos:F,yPos:B,backgroundStyle:u?.tooltip,className:b?.tooltip}):null,e[13]=b?.tooltip,e[14]=F,e[15]=B,e[16]=c,e[17]=u?.tooltip,e[18]=q,e[19]=y):y=e[19];let $;e[20]!==b?.modal||e[21]!==W||e[22]!==I?($=W&&I!==void 0?o.jsxRuntimeExports.jsx(ze.DetailsModal,{body:W,data:I,setData:xe,className:b?.modal}):null,e[20]=b?.modal,e[21]=W,e[22]=I,e[23]=$):$=e[23];let s;return e[24]!==N||e[25]!==y||e[26]!==$?(s=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[N,y,$]}),e[24]=N,e[25]=y,e[26]=$,e[27]=s):s=e[27],s}function wt(t){return t.layer}function Dt(t){return t.position==="after"}function Lt(t){return t.color}function $t(t){return t.color}function qt(t){return t.layer}function At(t){return t.position==="before"}function Tt(t){return t!==0}function Vt(t){return t!==0}function It(t){return t.position}function Ft(t){return{...t,...t.data&&{data:{...t.data}}}}function Ut(t){return t!=null}function Bt(t){return t.radius}function Gt(t){return t.radius===void 0||t.radius===null}function Pt(t){return t.position}function Xt(t){return!j.checkIfNullOrUndefined(t.position)}function Yt(t){return t.position}function Ht(t){return!j.checkIfNullOrUndefined(t.position)}function Zt(t){return t.position}function zt(t){return!j.checkIfNullOrUndefined(t.position)}function Wt(t){return t.position}function Jt(t){return!j.checkIfNullOrUndefined(t.position)}function Kt(t){return!j.checkIfNullOrUndefined(t.radius)}function Qt(t){return!j.checkIfNullOrUndefined(t.radius)}function _t(t){const e=o.compilerRuntimeExports.c(92),{data:i,graphTitle:O,topMargin:le,bottomMargin:S,leftMargin:w,rightMargin:X,colors:C,sources:_,graphDescription:ee,height:ae,width:h,footNote:q,colorDomain:A,colorLegendTitle:Y,padding:ce,relativeHeight:D,tooltip:g,onSeriesMouseOver:L,refValues:f,showColorScale:H,graphID:Z,radius:z,showLabels:ve,showTicks:fe,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,ariaLabel:ue,backgroundColor:de,graphDownload:me,dataDownload:ye,language:je,showNAColor:he,minHeight:pe,theme:V,resetSelectionOnDoubleClick:te,detailsOnClick:J,orientation:ge,numberDisplayOptions:p,styles:c,classNames:a,noOfTicks:I,dimmedOpacity:xe,customLayers:ie,hideAxisLine:oe}=t,F=z===void 0?5:z,U=ve===void 0?!0:ve,B=fe===void 0?!0:fe,G=de===void 0?!1:de,d=me===void 0?!1:me,x=ye===void 0?!1:ye,ne=je===void 0?"en":je,P=he===void 0?!0:he,K=pe===void 0?0:pe,v=V===void 0?"light":V,Q=te===void 0?!0:te,M=ge===void 0?"vertical":ge,r=I===void 0?5:I,l=xe===void 0?.3:xe;let E;e[0]!==ie?(E=ie===void 0?[]:ie,e[0]=ie,e[1]=E):E=e[1];const se=E,N=oe===void 0?!1:oe,[y,$]=m.useState(0),[s,n]=m.useState(0),[R,Ke]=m.useState(void 0),De=m.useRef(null),Ae=m.useRef(null),Le=M==="horizontal"?St:st;let Ne,Se;e[2]===Symbol.for("react.memo_cache_sentinel")?(Ne=()=>{const Te=new ResizeObserver(Ve=>{$(Ve[0].target.clientWidth||620),n(Ve[0].target.clientHeight||480)});return De.current&&Te.observe(De.current),()=>Te.disconnect()},Se=[],e[2]=Ne,e[3]=Se):(Ne=e[2],Se=e[3]),m.useEffect(Ne,Se);const $e=a?.graphContainer,qe=c?.graphContainer;let Me;e[4]!==a?.description||e[5]!==a?.title||e[6]!==i||e[7]!==x||e[8]!==ee||e[9]!==d||e[10]!==O||e[11]!==c?.description||e[12]!==c?.title||e[13]!==h?(Me=O||ee||d||x?o.jsxRuntimeExports.jsx(tt.GraphHeader,{styles:{title:c?.title,description:c?.description},classNames:{title:a?.title,description:a?.description},graphTitle:O,graphDescription:ee,width:h,graphDownload:d?Ae:void 0,dataDownload:x?i.map(li).filter(ri).length>0?i.map(si).filter(ni):i.filter(oi):null}):null,e[4]=a?.description,e[5]=a?.title,e[6]=i,e[7]=x,e[8]=ee,e[9]=d,e[10]=O,e[11]=c?.description,e[12]=c?.title,e[13]=h,e[14]=Me):Me=e[14];let Ee;e[15]!==a?.colorLegend||e[16]!==A||e[17]!==Y||e[18]!==C||e[19]!==i||e[20]!==H||e[21]!==P||e[22]!==v||e[23]!==h?(Ee=H!==!1&&i.filter(ii).length!==0&&i.length>0?o.jsxRuntimeExports.jsx(ot.ColorLegendWithMouseOver,{width:h,colorLegendTitle:Y,colors:C||be.Colors[v].categoricalColors.colors,colorDomain:A||Ie.uniqBy(i,"color",!0),setSelectedColor:Ke,showNAColor:P,className:a?.colorLegend}):null,e[15]=a?.colorLegend,e[16]=A,e[17]=Y,e[18]=C,e[19]=i,e[20]=H,e[21]=P,e[22]=v,e[23]=h,e[24]=Ee):Ee=e[24];let Oe;e[25]!==i.length?(Oe=i.length===0&&o.jsxRuntimeExports.jsx(it.EmptyState,{}),e[25]=i.length,e[26]=Oe):Oe=e[26];let Re;e[27]!==Le||e[28]!==S||e[29]!==a||e[30]!==A||e[31]!==C||e[32]!==se||e[33]!==i||e[34]!==J||e[35]!==l||e[36]!==N||e[37]!==u||e[38]!==w||e[39]!==W||e[40]!==T||e[41]!==k||e[42]!==r||e[43]!==p?.locale||e[44]!==p?.padZeros||e[45]!==p?.precision||e[46]!==p?.prefix||e[47]!==p?.suffix||e[48]!==b||e[49]!==L||e[50]!==F||e[51]!==f||e[52]!==Q||e[53]!==X||e[54]!==R||e[55]!==U||e[56]!==B||e[57]!==c||e[58]!==s||e[59]!==y||e[60]!==v||e[61]!==g||e[62]!==le?(Re=y&&s&&i.length>0?o.jsxRuntimeExports.jsx(Le,{hideAxisLine:N,data:i,circleColors:i.filter(ti).length===0?C?[C]:[be.Colors.primaryColors["blue-600"]]:C||be.Colors[v].categoricalColors.colors,colorDomain:i.filter(ei).length===0?[]:A||Ie.uniqBy(i,"color",!0),width:y,selectedColor:R,height:s,showTicks:B,leftMargin:w,rightMargin:X,topMargin:le,bottomMargin:S,showLabels:U,tooltip:g,onSeriesMouseOver:L,refValues:f,startFromZero:!1,radius:F,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,resetSelectionOnDoubleClick:Q,detailsOnClick:J,styles:c,classNames:a,noOfTicks:r||5,dimmedOpacity:l,customLayers:se,locale:p?.locale||"en",padZeros:p?.padZeros||!1,suffix:p?.suffix||"",prefix:p?.prefix||"",precision:p?.precision??2}):null,e[27]=Le,e[28]=S,e[29]=a,e[30]=A,e[31]=C,e[32]=se,e[33]=i,e[34]=J,e[35]=l,e[36]=N,e[37]=u,e[38]=w,e[39]=W,e[40]=T,e[41]=k,e[42]=r,e[43]=p?.locale,e[44]=p?.padZeros,e[45]=p?.precision,e[46]=p?.prefix,e[47]=p?.suffix,e[48]=b,e[49]=L,e[50]=F,e[51]=f,e[52]=Q,e[53]=X,e[54]=R,e[55]=U,e[56]=B,e[57]=c,e[58]=s,e[59]=y,e[60]=v,e[61]=g,e[62]=le,e[63]=Re):Re=e[63];let ke;e[64]!==Oe||e[65]!==Re?(ke=o.jsxRuntimeExports.jsxs(Fe.GraphArea,{ref:De,children:[Oe,Re]}),e[64]=Oe,e[65]=Re,e[66]=ke):ke=e[66];let Ce;e[67]!==a?.footnote||e[68]!==a?.source||e[69]!==q||e[70]!==_||e[71]!==c?.footnote||e[72]!==c?.source||e[73]!==h?(Ce=_||q?o.jsxRuntimeExports.jsx(nt.GraphFooter,{styles:{footnote:c?.footnote,source:c?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:_,footNote:q,width:h}):null,e[67]=a?.footnote,e[68]=a?.source,e[69]=q,e[70]=_,e[71]=c?.footnote,e[72]=c?.source,e[73]=h,e[74]=Ce):Ce=e[74];let we;return e[75]!==ue||e[76]!==G||e[77]!==Z||e[78]!==ae||e[79]!==ne||e[80]!==K||e[81]!==ce||e[82]!==D||e[83]!==$e||e[84]!==qe||e[85]!==Me||e[86]!==Ee||e[87]!==ke||e[88]!==Ce||e[89]!==v||e[90]!==h?(we=o.jsxRuntimeExports.jsxs(Fe.GraphContainer,{className:$e,style:qe,id:Z,ref:Ae,"aria-label":ue,backgroundColor:G,theme:v,language:ne,minHeight:K,width:h,height:ae,relativeHeight:D,padding:ce,children:[Me,Ee,ke,Ce]}),e[75]=ue,e[76]=G,e[77]=Z,e[78]=ae,e[79]=ne,e[80]=K,e[81]=ce,e[82]=D,e[83]=$e,e[84]=qe,e[85]=Me,e[86]=Ee,e[87]=ke,e[88]=Ce,e[89]=v,e[90]=h,e[91]=we):we=e[91],we}function ei(t){return t.color}function ti(t){return t.color}function ii(t){return t.color}function oi(t){return t!==void 0}function ni(t){return t!==void 0}function si(t){return t.data}function ri(t){return t!==void 0}function li(t){return t.data}exports.BeeSwarmChart=_t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./compiler-runtime-oPPev21o.cjs"),m=require("react"),Ue=require("./index-DQA8q5sC.cjs"),Be=require("./index-Cno4Q0YE.cjs"),Ge=require("@undp/design-system-react/cn"),Pe=require("@undp/design-system-react/Spinner"),_e=require("@undp/design-system-react/Typography"),Xe=require("./numberFormattingFunction-u2iNHL_c.cjs"),Ye=require("./Tooltip-DwUFLDrj.cjs"),j=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),He=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),be=require("./Colors.cjs"),Ze=require("./Axis-DY7jsk1Y.cjs"),ze=require("./ReferenceLine-CxITVT1K.cjs"),et=require("./YTicksAndGridLines-C7glLI5b.cjs"),tt=require("./XTicksAndGridLines-BO6KJc8d.cjs"),We=require("./DetailsModal-BmjtLqrZ.cjs"),Je=require("./pow-BnyPO-NX.cjs"),Ke=require("./linear-CgUCbw9F.cjs"),re=require("./y-QcCbqrzx.cjs"),Ie=require("./uniqBy-O05lp2S5.cjs"),it=require("./GraphHeader.cjs"),Fe=require("./GraphContainer-gaG9TSy4.cjs"),ot=require("./EmptyState-BoaUUuo6.cjs"),nt=require("./ColorLegendWithMouseOver.cjs"),st=require("./GraphFooter.cjs");function rt(t){const e=n.compilerRuntimeExports.c(28),{data:i,circleColors:E,showTicks:le,width:S,height:D,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,suffix:h,prefix:q,showLabels:A,tooltip:Y,onSeriesMouseOver:ce,refValues:w,selectedColor:g,startFromZero:L,radius:f,maxRadiusValue:H,maxValue:Z,minValue:z,highlightedDataPoints:ve,onSeriesMouseClick:fe,resetSelectionOnDoubleClick:W,detailsOnClick:T,styles:k,classNames:u,noOfTicks:b,dimmedOpacity:ue,precision:de,customLayers:me,hideAxisLine:ye,locale:je,padZeros:he}=t,pe=C===void 0?25:C,V=_===void 0?10:_,te=ee===void 0?100:ee,J=ae===void 0?40:ae,ge=m.useRef(null),[p,c]=m.useState(void 0),[a,I]=m.useState(void 0),[xe,ie]=m.useState(null),[oe,F]=m.useState(void 0),[U,B]=m.useState(void 0);let G;e[0]!==V||e[1]!==te||e[2]!==J||e[3]!==pe?(G={top:pe,bottom:V,left:te,right:J},e[0]=V,e[1]=te,e[2]=J,e[3]=pe,e[4]=G):G=e[4];const d=G,x=S-d.left-d.right,ne=D-d.top-d.bottom,P=i.filter(St).length===0?i:Be.orderBy(i.filter(Nt),"radius","desc");let K;e[5]!==i||e[6]!==Z||e[7]!==L?(K=j.checkIfNullOrUndefined(Z)?Math.max(...i.filter(Ct).map(kt))<0&&!L?0:Math.max(...i.filter(Ot).map(Et)):Z,e[5]=i,e[6]=Z,e[7]=L,e[8]=K):K=e[8];const v=K;let Q;e[9]!==i||e[10]!==z||e[11]!==L?(Q=j.checkIfNullOrUndefined(z)?Math.min(...i.filter(Rt).map(Mt))>=0&&!L?0:Math.min(...i.filter(bt).map(jt)):z,e[9]=i,e[10]=z,e[11]=L,e[12]=Q):Q=e[12];const M=Q,r=i.filter(yt).length!==i.length?Je.sqrt().domain([0,j.checkIfNullOrUndefined(H)?Math.max(...i.map(vt).filter(gt)):H]).range([.25,f]).nice():void 0,l=Ke.linear().domain([M,v]).range([ne,0]).nice(),R=l.ticks(b);m.useEffect(()=>{const s=P.map(ht).filter(mt);re.forceSimulation(s).force("y",re.forceY(o=>l(o.position)).strength(5)).force("x",re.forceX(o=>x/2).strength(1)).force("collide",re.forceCollide(o=>r?r(o.radius||0)+1:f+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{ie(s)}).on("end",()=>{ie(s)})},[i,f,ne,x,M,v,P,l,r]);const se=xe?n.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${D}px`,viewBox:`0 0 ${S} ${D}`,direction:"ltr",ref:ge,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[le?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ze.Axis,{hideAxisLine:ye,y1:l(M<0?0:M),y2:l(M<0?0:M),x1:0-d.left,x2:x+d.right,label:le?Xe.numberFormattingFunction(M<0?0:M,void 0,de,q,h,je,he):void 0,labelPos:{x:0-d.left,y:l(M<0?0:M),dx:0,dy:v<0?"1em":-5},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:k?.xAxis?.axis,label:k?.yAxis?.labels}}),n.jsxRuntimeExports.jsx(et.YTicksAndGridLines,{values:R.filter(ft),y:R.filter(xt).map(s=>l(s)),x1:0-d.left,x2:x+d.right,styles:{gridLines:k?.yAxis?.gridLines,labels:k?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:h,prefix:q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:de,locale:je,padZeros:he})]}):null,me.filter(pt).map(dt),xe.map(s=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&E[X.indexOf(s.color)]===g?1:ue:ve?ve.indexOf(s.label)!==-1?.85:ue:.85,onMouseEnter:o=>{c(s),B(o.clientY),F(o.clientX),ce?.(s)},onMouseMove:o=>{c(s),B(o.clientY),F(o.clientX)},onClick:()=>{(fe||T)&&(Ue.isEqual(a,s)&&W?(I(void 0),fe?.(void 0)):(I(s),fe?.(s)))},onMouseLeave:()=>{c(void 0),F(void 0),B(void 0),ce?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):f,fill:i.filter(ut).length===0?E[0]:s.color?E[X.indexOf(s.color)]:be.Colors.gray}),(r?r(s.radius||0):f)>10&&A?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):f),x:0-(r?r(s.radius||0):f),width:2*(r?r(s.radius||0):f),height:2*(r?r(s.radius||0):f),children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:A?n.jsxRuntimeExports.jsx("p",{className:Ge.cn("text-center leading-none m-0",u?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):f)/4),10),Math.max(Math.round((r?r(s.radius||0):f)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:He.getTextColorBasedOnBgColor(i.filter(ct).length===0?E[0]:s.color?E[X.indexOf(s.color)]:be.Colors.gray),...k?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),w?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:w.map((s,o)=>n.jsxRuntimeExports.jsx(ze.RefLineY,{text:s.text,color:s.color,y:l(s.value),x1:0-d.left,x2:x+d.right,classNames:s.classNames,styles:s.styles,isInView:!0},o))}):null,me.filter(at).map(lt)]})}):n.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${D}px`},children:n.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:n.jsxRuntimeExports.jsx(Pe.Spinner,{})})});let N;e[13]!==u?.tooltip||e[14]!==oe||e[15]!==U||e[16]!==p||e[17]!==k?.tooltip||e[18]!==Y?(N=p&&Y&&oe&&U?n.jsxRuntimeExports.jsx(Ye.Tooltip,{data:p,body:Y,xPos:oe,yPos:U,backgroundStyle:k?.tooltip,className:u?.tooltip}):null,e[13]=u?.tooltip,e[14]=oe,e[15]=U,e[16]=p,e[17]=k?.tooltip,e[18]=Y,e[19]=N):N=e[19];let y;e[20]!==u?.modal||e[21]!==T||e[22]!==a?(y=T&&a!==void 0?n.jsxRuntimeExports.jsx(We.DetailsModal,{body:T,data:a,setData:I,className:u?.modal}):null,e[20]=u?.modal,e[21]=T,e[22]=a,e[23]=y):y=e[23];let $;return e[24]!==se||e[25]!==N||e[26]!==y?($=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[se,N,y]}),e[24]=se,e[25]=N,e[26]=y,e[27]=$):$=e[27],$}function lt(t){return t.layer}function at(t){return t.position==="after"}function ct(t){return t.color}function ut(t){return t.color}function dt(t){return t.layer}function pt(t){return t.position==="before"}function xt(t){return t!==0}function ft(t){return t!==0}function mt(t){return t.position}function ht(t){return{...t,...t.data&&{data:{...t.data}}}}function gt(t){return t!=null}function vt(t){return t.radius}function yt(t){return t.radius===void 0||t.radius===null}function jt(t){return t.position}function bt(t){return!j.checkIfNullOrUndefined(t.position)}function Mt(t){return t.position}function Rt(t){return!j.checkIfNullOrUndefined(t.position)}function Et(t){return t.position}function Ot(t){return!j.checkIfNullOrUndefined(t.position)}function kt(t){return t.position}function Ct(t){return!j.checkIfNullOrUndefined(t.position)}function Nt(t){return!j.checkIfNullOrUndefined(t.radius)}function St(t){return!j.checkIfNullOrUndefined(t.radius)}function Dt(t){const e=n.compilerRuntimeExports.c(28),{data:i,circleColors:E,showTicks:le,width:S,height:D,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,showLabels:h,tooltip:q,onSeriesMouseOver:A,refValues:Y,selectedColor:ce,startFromZero:w,radius:g,maxRadiusValue:L,maxValue:f,minValue:H,highlightedDataPoints:Z,onSeriesMouseClick:z,rtl:ve,resetSelectionOnDoubleClick:fe,detailsOnClick:W,suffix:T,prefix:k,styles:u,classNames:b,noOfTicks:ue,dimmedOpacity:de,precision:me,customLayers:ye,hideAxisLine:je,locale:he,padZeros:pe}=t,V=C===void 0?25:C,te=_===void 0?10:_,J=ee===void 0?10:ee,ge=ae===void 0?10:ae,p=m.useRef(null),[c,a]=m.useState(void 0),[I,xe]=m.useState(void 0),[ie,oe]=m.useState(null),[F,U]=m.useState(void 0),[B,G]=m.useState(void 0);let d;e[0]!==te||e[1]!==J||e[2]!==ge||e[3]!==V?(d={top:V,bottom:te,left:J,right:ge},e[0]=te,e[1]=J,e[2]=ge,e[3]=V,e[4]=d):d=e[4];const x=d,ne=S-x.left-x.right,P=D-x.top-x.bottom,K=i.filter(_t).length===0?i:Be.orderBy(i.filter(Qt),"radius","desc");let v;e[5]!==i||e[6]!==f||e[7]!==w?(v=j.checkIfNullOrUndefined(f)?Math.max(...i.filter(Kt).map(Jt))<0&&!w?0:Math.max(...i.filter(Wt).map(zt)):f,e[5]=i,e[6]=f,e[7]=w,e[8]=v):v=e[8];const Q=v;let M;e[9]!==i||e[10]!==H||e[11]!==w?(M=j.checkIfNullOrUndefined(H)?Math.min(...i.filter(Zt).map(Ht))>=0&&!w?0:Math.min(...i.filter(Yt).map(Xt)):H,e[9]=i,e[10]=H,e[11]=w,e[12]=M):M=e[12];const r=M,l=i.filter(Pt).length!==i.length?Je.sqrt().domain([0,j.checkIfNullOrUndefined(L)?Math.max(...i.map(Gt).filter(Bt)):L]).range([.25,g]).nice():void 0,R=Ke.linear().domain([r,Q]).range([0,ne]).nice(),se=R.ticks(ue);m.useEffect(()=>{const o=K.map(Ut).filter(Ft);re.forceSimulation(o).force("x",re.forceX(O=>R(O.position)).strength(5)).force("y",re.forceY(O=>P/2).strength(1)).force("collide",re.forceCollide(O=>l?l(O.radius||0)+1:g+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{oe(o)}).on("end",()=>{oe(o)})},[i,g,P,ne,r,Q,K,R,l]);const N=ie?n.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${D}px`,viewBox:`0 0 ${S} ${D}`,direction:"ltr",ref:p,children:n.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[le?n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(Ze.Axis,{hideAxisLine:je,x1:R(r<0?0:r),x2:R(r<0?0:r),y1:0-x.top,y2:P+x.bottom,label:le?Xe.numberFormattingFunction(r<0?0:r,void 0,me,k,T,he,pe):void 0,labelPos:{x:R(r<0?0:r),y:0-V,dy:"0.75em",dx:3},classNames:{axis:b?.xAxis?.axis,label:b?.yAxis?.labels},styles:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels}}),n.jsxRuntimeExports.jsx(tt.XTicksAndGridLines,{values:se.filter(It),x:se.filter(Vt).map(o=>R(o)),y1:0-V,y2:P+x.bottom,styles:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},classNames:{gridLines:b?.xAxis?.gridLines,labels:b?.xAxis?.labels},suffix:T,prefix:k,labelType:"secondary",showGridLines:!0,precision:me,locale:he,padZeros:pe})]}):null,ye.filter(Tt).map(At),ie.map(o=>n.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${o.x},${o.y})`,opacity:ce?o.color&&E[X.indexOf(o.color)]===ce?1:de:Z?Z.indexOf(o.label)!==-1?.85:de:.85,onMouseEnter:O=>{a(o),G(O.clientY),U(O.clientX),A?.(o)},onMouseMove:O=>{a(o),G(O.clientY),U(O.clientX)},onClick:()=>{(z||W)&&(Ue.isEqual(I,o)&&fe?(xe(void 0),z?.(void 0)):(xe(o),z?.(o)))},onMouseLeave:()=>{a(void 0),U(void 0),G(void 0),A?.(void 0)},children:[n.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:i.filter(qt).length===0?E[0]:o.color?E[X.indexOf(o.color)]:be.Colors.gray,radius:l?l(o.radius||0):g}),(l?l(o.radius||0):g)>10&&h?n.jsxRuntimeExports.jsx("g",{children:n.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(o.radius||0):g),x:0-(l?l(o.radius||0):g),width:2*(l?l(o.radius||0):g),height:2*(l?l(o.radius||0):g),children:n.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?n.jsxRuntimeExports.jsx(_e.P,{className:Ge.cn("text-center leading-none m-0",b?.graphObjectValues),marginBottom:"none",style:{fontSize:`${Math.min(Math.max(Math.round((l?l(o.radius||0):g)/4),10),Math.max(Math.round((l?l(o.radius||0):g)*12/`${o.label}`.length),10),20)}px`,color:He.getTextColorBasedOnBgColor(i.filter($t).length===0?E[0]:o.color?E[X.indexOf(o.color)]:be.Colors.gray),hyphens:"auto",...u?.graphObjectValues||{}},children:o.label}):null})})}):null]},o.label)),Y?n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:Y.map((o,O)=>n.jsxRuntimeExports.jsx(ze.RefLineX,{text:o.text,color:o.color,x:R(o.value),y1:0-x.top,y2:P+x.bottom,textSide:R(o.value)>ne*.75||ve?"left":"right",classNames:o.classNames,styles:o.styles,isInView:!0},O))}):null,ye.filter(Lt).map(wt)]})}):n.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${D}px`},children:n.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:n.jsxRuntimeExports.jsx(Pe.Spinner,{})})});let y;e[13]!==b?.tooltip||e[14]!==F||e[15]!==B||e[16]!==c||e[17]!==u?.tooltip||e[18]!==q?(y=c&&q&&F&&B?n.jsxRuntimeExports.jsx(Ye.Tooltip,{data:c,body:q,xPos:F,yPos:B,backgroundStyle:u?.tooltip,className:b?.tooltip}):null,e[13]=b?.tooltip,e[14]=F,e[15]=B,e[16]=c,e[17]=u?.tooltip,e[18]=q,e[19]=y):y=e[19];let $;e[20]!==b?.modal||e[21]!==W||e[22]!==I?($=W&&I!==void 0?n.jsxRuntimeExports.jsx(We.DetailsModal,{body:W,data:I,setData:xe,className:b?.modal}):null,e[20]=b?.modal,e[21]=W,e[22]=I,e[23]=$):$=e[23];let s;return e[24]!==N||e[25]!==y||e[26]!==$?(s=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[N,y,$]}),e[24]=N,e[25]=y,e[26]=$,e[27]=s):s=e[27],s}function wt(t){return t.layer}function Lt(t){return t.position==="after"}function $t(t){return t.color}function qt(t){return t.color}function At(t){return t.layer}function Tt(t){return t.position==="before"}function Vt(t){return t!==0}function It(t){return t!==0}function Ft(t){return t.position}function Ut(t){return{...t,...t.data&&{data:{...t.data}}}}function Bt(t){return t!=null}function Gt(t){return t.radius}function Pt(t){return t.radius===void 0||t.radius===null}function Xt(t){return t.position}function Yt(t){return!j.checkIfNullOrUndefined(t.position)}function Ht(t){return t.position}function Zt(t){return!j.checkIfNullOrUndefined(t.position)}function zt(t){return t.position}function Wt(t){return!j.checkIfNullOrUndefined(t.position)}function Jt(t){return t.position}function Kt(t){return!j.checkIfNullOrUndefined(t.position)}function Qt(t){return!j.checkIfNullOrUndefined(t.radius)}function _t(t){return!j.checkIfNullOrUndefined(t.radius)}function ei(t){const e=n.compilerRuntimeExports.c(92),{data:i,graphTitle:E,topMargin:le,bottomMargin:S,leftMargin:D,rightMargin:X,colors:C,sources:_,graphDescription:ee,height:ae,width:h,footNote:q,colorDomain:A,colorLegendTitle:Y,padding:ce,relativeHeight:w,tooltip:g,onSeriesMouseOver:L,refValues:f,showColorScale:H,graphID:Z,radius:z,showLabels:ve,showTicks:fe,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,ariaLabel:ue,backgroundColor:de,graphDownload:me,dataDownload:ye,language:je,showNAColor:he,minHeight:pe,theme:V,resetSelectionOnDoubleClick:te,detailsOnClick:J,orientation:ge,numberDisplayOptions:p,styles:c,classNames:a,noOfTicks:I,dimmedOpacity:xe,customLayers:ie,hideAxisLine:oe}=t,F=z===void 0?5:z,U=ve===void 0?!0:ve,B=fe===void 0?!0:fe,G=de===void 0?!1:de,d=me===void 0?!1:me,x=ye===void 0?!1:ye,ne=je===void 0?"en":je,P=he===void 0?!0:he,K=pe===void 0?0:pe,v=V===void 0?"light":V,Q=te===void 0?!0:te,M=ge===void 0?"vertical":ge,r=I===void 0?5:I,l=xe===void 0?.3:xe;let R;e[0]!==ie?(R=ie===void 0?[]:ie,e[0]=ie,e[1]=R):R=e[1];const se=R,N=oe===void 0?!1:oe,[y,$]=m.useState(0),[s,o]=m.useState(0),[O,Qe]=m.useState(void 0),we=m.useRef(null),Ae=m.useRef(null),Le=M==="horizontal"?Dt:rt;let Ne,Se;e[2]===Symbol.for("react.memo_cache_sentinel")?(Ne=()=>{const Te=new ResizeObserver(Ve=>{$(Ve[0].target.clientWidth||620),o(Ve[0].target.clientHeight||480)});return we.current&&Te.observe(we.current),()=>Te.disconnect()},Se=[],e[2]=Ne,e[3]=Se):(Ne=e[2],Se=e[3]),m.useEffect(Ne,Se);const $e=a?.graphContainer,qe=c?.graphContainer;let Me;e[4]!==a?.description||e[5]!==a?.title||e[6]!==i||e[7]!==x||e[8]!==ee||e[9]!==d||e[10]!==E||e[11]!==c?.description||e[12]!==c?.title||e[13]!==h?(Me=E||ee||d||x?n.jsxRuntimeExports.jsx(it.GraphHeader,{styles:{title:c?.title,description:c?.description},classNames:{title:a?.title,description:a?.description},graphTitle:E,graphDescription:ee,width:h,graphDownload:d?Ae:void 0,dataDownload:x?i.map(ai).filter(li).length>0?i.map(ri).filter(si):i.filter(ni):null}):null,e[4]=a?.description,e[5]=a?.title,e[6]=i,e[7]=x,e[8]=ee,e[9]=d,e[10]=E,e[11]=c?.description,e[12]=c?.title,e[13]=h,e[14]=Me):Me=e[14];let Re;e[15]!==a?.colorLegend||e[16]!==A||e[17]!==Y||e[18]!==C||e[19]!==i||e[20]!==H||e[21]!==P||e[22]!==v||e[23]!==h?(Re=H!==!1&&i.filter(oi).length!==0&&i.length>0?n.jsxRuntimeExports.jsx(nt.ColorLegendWithMouseOver,{width:h,colorLegendTitle:Y,colors:C||be.Colors[v].categoricalColors.colors,colorDomain:A||Ie.uniqBy(i,"color",!0),setSelectedColor:Qe,showNAColor:P,className:a?.colorLegend}):null,e[15]=a?.colorLegend,e[16]=A,e[17]=Y,e[18]=C,e[19]=i,e[20]=H,e[21]=P,e[22]=v,e[23]=h,e[24]=Re):Re=e[24];let Ee;e[25]!==i.length?(Ee=i.length===0&&n.jsxRuntimeExports.jsx(ot.EmptyState,{}),e[25]=i.length,e[26]=Ee):Ee=e[26];let Oe;e[27]!==Le||e[28]!==S||e[29]!==a||e[30]!==A||e[31]!==C||e[32]!==se||e[33]!==i||e[34]!==J||e[35]!==l||e[36]!==N||e[37]!==u||e[38]!==D||e[39]!==W||e[40]!==T||e[41]!==k||e[42]!==r||e[43]!==p?.locale||e[44]!==p?.padZeros||e[45]!==p?.precision||e[46]!==p?.prefix||e[47]!==p?.suffix||e[48]!==b||e[49]!==L||e[50]!==F||e[51]!==f||e[52]!==Q||e[53]!==X||e[54]!==O||e[55]!==U||e[56]!==B||e[57]!==c||e[58]!==s||e[59]!==y||e[60]!==v||e[61]!==g||e[62]!==le?(Oe=y&&s&&i.length>0?n.jsxRuntimeExports.jsx(Le,{hideAxisLine:N,data:i,circleColors:i.filter(ii).length===0?C?[C]:[be.Colors.primaryColors["blue-600"]]:C||be.Colors[v].categoricalColors.colors,colorDomain:i.filter(ti).length===0?[]:A||Ie.uniqBy(i,"color",!0),width:y,selectedColor:O,height:s,showTicks:B,leftMargin:D,rightMargin:X,topMargin:le,bottomMargin:S,showLabels:U,tooltip:g,onSeriesMouseOver:L,refValues:f,startFromZero:!1,radius:F,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,resetSelectionOnDoubleClick:Q,detailsOnClick:J,styles:c,classNames:a,noOfTicks:r||5,dimmedOpacity:l,customLayers:se,locale:p?.locale||"en",padZeros:p?.padZeros||!1,suffix:p?.suffix||"",prefix:p?.prefix||"",precision:p?.precision??2}):null,e[27]=Le,e[28]=S,e[29]=a,e[30]=A,e[31]=C,e[32]=se,e[33]=i,e[34]=J,e[35]=l,e[36]=N,e[37]=u,e[38]=D,e[39]=W,e[40]=T,e[41]=k,e[42]=r,e[43]=p?.locale,e[44]=p?.padZeros,e[45]=p?.precision,e[46]=p?.prefix,e[47]=p?.suffix,e[48]=b,e[49]=L,e[50]=F,e[51]=f,e[52]=Q,e[53]=X,e[54]=O,e[55]=U,e[56]=B,e[57]=c,e[58]=s,e[59]=y,e[60]=v,e[61]=g,e[62]=le,e[63]=Oe):Oe=e[63];let ke;e[64]!==Ee||e[65]!==Oe?(ke=n.jsxRuntimeExports.jsxs(Fe.GraphArea,{ref:we,children:[Ee,Oe]}),e[64]=Ee,e[65]=Oe,e[66]=ke):ke=e[66];let Ce;e[67]!==a?.footnote||e[68]!==a?.source||e[69]!==q||e[70]!==_||e[71]!==c?.footnote||e[72]!==c?.source||e[73]!==h?(Ce=_||q?n.jsxRuntimeExports.jsx(st.GraphFooter,{styles:{footnote:c?.footnote,source:c?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:_,footNote:q,width:h}):null,e[67]=a?.footnote,e[68]=a?.source,e[69]=q,e[70]=_,e[71]=c?.footnote,e[72]=c?.source,e[73]=h,e[74]=Ce):Ce=e[74];let De;return e[75]!==ue||e[76]!==G||e[77]!==Z||e[78]!==ae||e[79]!==ne||e[80]!==K||e[81]!==ce||e[82]!==w||e[83]!==$e||e[84]!==qe||e[85]!==Me||e[86]!==Re||e[87]!==ke||e[88]!==Ce||e[89]!==v||e[90]!==h?(De=n.jsxRuntimeExports.jsxs(Fe.GraphContainer,{className:$e,style:qe,id:Z,ref:Ae,"aria-label":ue,backgroundColor:G,theme:v,language:ne,minHeight:K,width:h,height:ae,relativeHeight:w,padding:ce,children:[Me,Re,ke,Ce]}),e[75]=ue,e[76]=G,e[77]=Z,e[78]=ae,e[79]=ne,e[80]=K,e[81]=ce,e[82]=w,e[83]=$e,e[84]=qe,e[85]=Me,e[86]=Re,e[87]=ke,e[88]=Ce,e[89]=v,e[90]=h,e[91]=De):De=e[91],De}function ti(t){return t.color}function ii(t){return t.color}function oi(t){return t.color}function ni(t){return t!==void 0}function si(t){return t!==void 0}function ri(t){return t.data}function li(t){return t!==void 0}function ai(t){return t.data}exports.BeeSwarmChart=ei;
 //# sourceMappingURL=BeeSwarmChart.cjs.map