@undp/data-viz 1.5.9 → 2.0.1

package/dist/Typography-PxtFcnJb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-PxtFcnJb.js","sources":["../node_modules/@undp/design-system-react/dist/Typography.js"],"sourcesContent":["import { j as o } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c } from \"./compiler-runtime-Cu50tn6L.js\";\nimport { c as f } from \"./index-CHPV5EwG.js\";\nimport { c as x } from \"./utils-D_Pof5Gy.js\";\nconst p = f(\"mt-0 ml-0 mr-0\", {\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      base: \"text-base\",\n      \"base-responsive\": \"text-base md:text-xl\",\n      lg: \"text-lg\",\n      xl: \"text-xl\"\n    },\n    leading: {\n      none: \"leading-none\",\n      xs: \"leading-[1.25]\",\n      sm: \"leading-[1.375]\",\n      base: \"leading-[1.4]\",\n      lg: \"leading-[1.625]\",\n      xl: \"leading-[2]\"\n    },\n    marginBottom: {\n      none: \"mb-0\",\n      \"3xs\": \"mb-1\",\n      \"2xs\": \"mb-2\",\n      xs: \"mb-3\",\n      sm: \"mb-4\",\n      base: \"mb-5\",\n      lg: \"mb-6\",\n      xl: \"mb-7\"\n    }\n  },\n  defaultVariants: {\n    size: \"base-responsive\",\n    leading: \"base\",\n    marginBottom: \"base\"\n  }\n});\nfunction j(n) {\n  const e = c.c(16);\n  let t, l, s, a, m, i;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    size: i,\n    leading: s,\n    marginBottom: a,\n    ...m\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a, e[5] = m, e[6] = i) : (t = e[1], l = e[2], s = e[3], a = e[4], m = e[5], i = e[6]);\n  let r;\n  e[7] !== l || e[8] !== s || e[9] !== a || e[10] !== i ? (r = x(p({\n    size: i,\n    leading: s,\n    marginBottom: a\n  }), l), e[7] = l, e[8] = s, e[9] = a, e[10] = i, e[11] = r) : r = e[11];\n  let b;\n  return e[12] !== t || e[13] !== m || e[14] !== r ? (b = /* @__PURE__ */ o.jsx(\"p\", { ...m, className: r, children: t }), e[12] = t, e[13] = m, e[14] = r, e[15] = b) : b = e[15], b;\n}\nconst g = f(\"mt-0 ml-0 mr-0 p-0 font-bold uppercase\", {\n  variants: {\n    marginBottom: {\n      none: \"mb-0\",\n      \"2xs\": \"mb-1\",\n      xs: \"mb-2\",\n      sm: \"mb-3\",\n      \"base-responsive\": \"mb-3 md:mb-4\",\n      base: \"mb-4\",\n      lg: \"mb-5\",\n      xl: \"mb-6\"\n    },\n    size: {\n      base: \"text-[2.938rem] md:text-[5.125rem] lg:text-[6.25rem] tracking-[0.06rem] leading-[1.08]\",\n      sm: \"text-[2.5rem] md:text-[2.813rem] lg:text-[3.438rem] leading-[1.1]\"\n    }\n  },\n  defaultVariants: {\n    marginBottom: \"base-responsive\",\n    size: \"base\"\n  }\n});\nfunction k(n) {\n  const e = c.c(14);\n  let t, l, s, a, m;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    size: m,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a, e[5] = m) : (t = e[1], l = e[2], s = e[3], a = e[4], m = e[5]);\n  let i;\n  e[6] !== l || e[7] !== s || e[8] !== m ? (i = x(g({\n    marginBottom: s,\n    size: m\n  }), l), e[6] = l, e[7] = s, e[8] = m, e[9] = i) : i = e[9];\n  let r;\n  return e[10] !== t || e[11] !== a || e[12] !== i ? (r = /* @__PURE__ */ o.jsx(\"h1\", { ...a, className: i, children: t }), e[10] = t, e[11] = a, e[12] = i, e[13] = r) : r = e[13], r;\n}\nconst d = f(\"mt-0 ml-0 mr-0 p-0\", {\n  variants: {\n    marginBottom: {\n      none: \"mb-0\",\n      \"2xs\": \"mb-1\",\n      xs: \"mb-2\",\n      sm: \"mb-3\",\n      \"base-responsive\": \"mb-3 md:mb-4\",\n      base: \"mb-4\",\n      lg: \"mb-5\",\n      xl: \"mb-6\"\n    }\n  },\n  defaultVariants: {\n    marginBottom: \"base-responsive\"\n  }\n});\nfunction v(n) {\n  const e = c.c(12);\n  let t, l, s, a;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a) : (t = e[1], l = e[2], s = e[3], a = e[4]);\n  let m;\n  e[5] !== l || e[6] !== s ? (m = x(\"text-[2.5rem] md:text-[2.813rem] lg:text-[3.438rem] font-bold leading-[1.1]\", d({\n    marginBottom: s\n  }), l), e[5] = l, e[6] = s, e[7] = m) : m = e[7];\n  let i;\n  return e[8] !== t || e[9] !== a || e[10] !== m ? (i = /* @__PURE__ */ o.jsx(\"h2\", { ...a, className: m, children: t }), e[8] = t, e[9] = a, e[10] = m, e[11] = i) : i = e[11], i;\n}\nfunction $(n) {\n  const e = c.c(12);\n  let t, l, s, a;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a) : (t = e[1], l = e[2], s = e[3], a = e[4]);\n  let m;\n  e[5] !== l || e[6] !== s ? (m = x(\"text-[1.875rem] md:text-[2.188rem] font-semibold leading-[1.15]\", d({\n    marginBottom: s\n  }), l), e[5] = l, e[6] = s, e[7] = m) : m = e[7];\n  let i;\n  return e[8] !== t || e[9] !== a || e[10] !== m ? (i = /* @__PURE__ */ o.jsx(\"h3\", { ...a, className: m, children: t }), e[8] = t, e[9] = a, e[10] = m, e[11] = i) : i = e[11], i;\n}\nfunction y(n) {\n  const e = c.c(12);\n  let t, l, s, a;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a) : (t = e[1], l = e[2], s = e[3], a = e[4]);\n  let m;\n  e[5] !== l || e[6] !== s ? (m = x(\"text-[1.563rem] md:text-[2.188rem] font-normal leading-[1.15]\", d({\n    marginBottom: s\n  }), l), e[5] = l, e[6] = s, e[7] = m) : m = e[7];\n  let i;\n  return e[8] !== t || e[9] !== a || e[10] !== m ? (i = /* @__PURE__ */ o.jsx(\"h4\", { ...a, className: m, children: t }), e[8] = t, e[9] = a, e[10] = m, e[11] = i) : i = e[11], i;\n}\nfunction z(n) {\n  const e = c.c(12);\n  let t, l, s, a;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a) : (t = e[1], l = e[2], s = e[3], a = e[4]);\n  let m;\n  e[5] !== l || e[6] !== s ? (m = x(\"text-[1.25rem] md:text-[1.563rem] font-normal leading-[1.15]\", d({\n    marginBottom: s\n  }), l), e[5] = l, e[6] = s, e[7] = m) : m = e[7];\n  let i;\n  return e[8] !== t || e[9] !== a || e[10] !== m ? (i = /* @__PURE__ */ o.jsx(\"h5\", { ...a, className: m, children: t }), e[8] = t, e[9] = a, e[10] = m, e[11] = i) : i = e[11], i;\n}\nfunction H(n) {\n  const e = c.c(12);\n  let t, l, s, a;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a) : (t = e[1], l = e[2], s = e[3], a = e[4]);\n  let m;\n  e[5] !== l || e[6] !== s ? (m = x(\"text-base font-bold leading-[1.15] uppercase tracking-[0.48px]\", d({\n    marginBottom: s\n  }), l), e[5] = l, e[6] = s, e[7] = m) : m = e[7];\n  let i;\n  return e[8] !== t || e[9] !== a || e[10] !== m ? (i = /* @__PURE__ */ o.jsx(\"h6\", { ...a, className: m, children: t }), e[8] = t, e[9] = a, e[10] = m, e[11] = i) : i = e[11], i;\n}\nfunction V(n) {\n  const e = c.c(12);\n  let t, l, s, a;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a) : (t = e[1], l = e[2], s = e[3], a = e[4]);\n  let m;\n  e[5] !== l || e[6] !== s ? (m = x(\"text-xl md:text-2xl leading-[1.1] block font-normal\", d({\n    marginBottom: s\n  }), l), e[5] = l, e[6] = s, e[7] = m) : m = e[7];\n  let i;\n  return e[8] !== t || e[9] !== a || e[10] !== m ? (i = /* @__PURE__ */ o.jsx(\"cite\", { ...a, className: m, children: t }), e[8] = t, e[9] = a, e[10] = m, e[11] = i) : i = e[11], i;\n}\nfunction w(n) {\n  const e = c.c(10);\n  let t, l, s;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    ...s\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s) : (t = e[1], l = e[2], s = e[3]);\n  let a;\n  e[4] !== l ? (a = x(\"font-mono mt-0 text-base bg-primary-gray-200 dark:bg-primary-gray-600 px-2 pb-2 text-primary-black dark:text-primary-white\", l), e[4] = l, e[5] = a) : a = e[5];\n  let m;\n  return e[6] !== t || e[7] !== s || e[8] !== a ? (m = /* @__PURE__ */ o.jsx(\"code\", { ...s, className: a, children: t }), e[6] = t, e[7] = s, e[8] = a, e[9] = m) : m = e[9], m;\n}\nfunction _(n) {\n  const e = c.c(12);\n  let t, l, s, a;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    marginBottom: s,\n    ...a\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = a) : (t = e[1], l = e[2], s = e[3], a = e[4]);\n  let m;\n  e[5] !== l || e[6] !== s ? (m = x(\"text-[1.625rem] md:text-[2.188rem] font-semibold leading-[1.1] md:leading-[1.25]\", d({\n    marginBottom: s\n  }), l), e[5] = l, e[6] = s, e[7] = m) : m = e[7];\n  let i;\n  return e[8] !== t || e[9] !== a || e[10] !== m ? (i = /* @__PURE__ */ o.jsx(\"blockquote\", { ...a, className: m, children: t }), e[8] = t, e[9] = a, e[10] = m, e[11] = i) : i = e[11], i;\n}\nfunction q(n) {\n  const e = c.c(10);\n  let t, l, s;\n  e[0] !== n ? ({\n    children: t,\n    className: l,\n    ...s\n  } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s) : (t = e[1], l = e[2], s = e[3]);\n  let a;\n  e[4] !== l ? (a = x(\"undp-link light text-primary-black dark:text-primary-white dark:text-primary-white bg-double-red dark:bg-double-white\", \"cursor-pointer no-underline focus-visible:outline-hidden focus-visible:shadow-[0_0_0_#0468b1]\", l), e[4] = l, e[5] = a) : a = e[5];\n  let m;\n  return e[6] !== t || e[7] !== s || e[8] !== a ? (m = /* @__PURE__ */ o.jsx(\"a\", { ...s, className: a, children: t }), e[6] = t, e[7] = s, e[8] = a, e[9] = m) : m = e[9], m;\n}\nexport {\n  q as A,\n  _ as Blockquote,\n  V as Cite,\n  w as Code,\n  k as H1,\n  v as H2,\n  $ as H3,\n  y as H4,\n  z as H5,\n  H as H6,\n  j as P\n};\n//# sourceMappingURL=Typography.js.map\n"],"names":["p","f","j","n","c","l","m","i","x","b","o","d","v","$","z","q"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/UnitChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-DjM48pIC.cjs"),F=require("react"),O=require("./index-CSNtgibC.cjs"),M=require("./Typography-BDULiwlF.cjs"),U=require("./GraphFooter.cjs"),J=require("./GraphHeader.cjs"),K=require("./Colors.cjs"),Q=require("./numberFormattingFunction-02t-wJta.cjs"),X=require("./use-in-view-CEwlc_dd.cjs"),Y=require("./index-Cm8NIdOO.cjs"),Z=require("./proxy-CKadx4lC.cjs");function _(z){const{data:n,size:p=200,graphTitle:x,sources:R,colors:E=K.Colors.light.categoricalColors.colors,graphDescription:d,totalNoOfDots:g=100,unitPadding:G=3,gridSize:c=10,footNote:b,padding:N,backgroundColor:l=!1,graphID:H,graphDownload:C=!1,language:f="en",showColorScale:I=!0,showStrokeForWhiteDots:j=!0,note:k,dataDownload:S=!1,theme:P="light",width:r,height:m,minHeight:s=0,relativeHeight:a,ariaLabel:T,styles:u,classNames:w,animate:$=!1,precision:L=2}=z,q=F.useRef(null),y=$===!0?{duration:.5,once:!0,amount:.5}:$||{duration:0,once:!0,amount:0},W=X.useInView(q,{once:y.once,amount:y.amount}),B=O.sum(n.map(e=>e.value)),D=F.useRef(null),o=p/c,h=(o-G*2)/2;if(h<=0)return console.error("The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."),null;const v=[];return n.forEach((e,i)=>{const A=Math.round(e.value/B*g);for(let V=0;V<A;V+=1)v.push({color:E[i]})}),t.jsxRuntimeExports.jsx("div",{className:`${P||"light"} flex  ${r?"w-fit grow-0":"w-full grow"}`,dir:f==="he"||f==="ar"?"rtl":void 0,children:t.jsxRuntimeExports.jsx("div",{className:t.mo(`${l?l===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${f||"en"}`,r?"w-fit":"w-full",w?.graphContainer),style:{...u?.graphContainer||{},minHeight:"inherit",...l&&l!==!0?{backgroundColor:l}:{}},id:H,ref:D,"aria-label":T||`${x?`The graph shows ${x}. `:""}${d?` ${d}`:""}`,children:t.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:l?N||"1rem":N||0},children:t.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 w-full grow",children:[x||d||C?t.jsxRuntimeExports.jsx(J.GraphHeader,{styles:{title:u?.title,description:u?.description},classNames:{title:w?.title,description:w?.description},graphTitle:x,graphDescription:d,width:r,graphDownload:C?D.current:void 0,dataDownload:S?n.map(e=>e.data).filter(e=>e!==void 0).length>0?n.map(e=>e.data).filter(e=>e!==void 0):n.filter(e=>e!==void 0):null}):null,k?t.jsxRuntimeExports.jsx(M.f,{marginBottom:"2xs",className:"text-primary-gray-700 dark:text-primary-gray-100 font-bold",style:{width:r?`${r}px`:"100%"},children:k}):null,t.jsxRuntimeExports.jsxs("div",{className:"flex grow flex-col gap-4 justify-between",children:[t.jsxRuntimeExports.jsxs("div",{children:[I?t.jsxRuntimeExports.jsx("div",{className:"mb-4 leading-0",style:{width:r?`${r}px`:"100%"},"aria-label":"Color legend",children:t.jsxRuntimeExports.jsx("div",{className:"flex mb-0 flex-wrap gap-x-4 gap-y-1",children:n.map((e,i)=>t.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[t.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:E[i]}}),t.jsxRuntimeExports.jsxs(M.u,{marginBottom:"none",size:"sm",className:"text-primary-gray-700 dark:text-primary-gray-100",children:[e.label,":"," ",t.jsxRuntimeExports.jsx("span",{className:"font-bold",children:Q.numberFormattingFunction(e.value,"NA",L)})]})]},i))})}):null,t.jsxRuntimeExports.jsx("div",{"aria-label":"Graph area",children:t.jsxRuntimeExports.jsx("svg",{width:`${r||p}px`,height:`${Math.max(s,m?a&&r?s?r*a>s?r*a:s:r*a:m:Math.floor((g-1)/c)*o+o/2+h+5)}px`,ref:q,direction:"ltr",viewBox:`0 0 ${r||p} ${Math.max(s,m?a&&r?s?r*a>s?r*a:s:r*a:m:Math.floor((g-1)/c)*o+o/2+h+5)}`,children:t.jsxRuntimeExports.jsx(Y.AnimatePresence,{children:t.jsxRuntimeExports.jsx("g",{children:v.map((e,i)=>t.jsxRuntimeExports.jsx(Z.motion.circle,{style:{strokeWidth:1},variants:{initial:{fill:"#fff",opacity:0,...j?{}:{stroke:e.color},strokeWidth:1},whileInView:{fill:e.color,opacity:1,...j?{}:{stroke:e.color},strokeWidth:1,cx:i%c*o+o/2,cy:Math.floor(i/c)*o+o/2,transition:{duration:0,delay:y.duration/v.length*i}}},initial:"initial",animate:W?"whileInView":"initial",className:(e.color.toLowerCase()==="#fff"||e.color.toLowerCase()==="#ffffff"||e.color.toLowerCase()==="white")&&j?"stroke-primary-gray-400 dark:stroke-primary-gray-500":"",r:h},i))})})})})]}),R||b?t.jsxRuntimeExports.jsx(U.GraphFooter,{styles:{footnote:u?.footnote,source:u?.source},sources:R,footNote:b,width:r}):null]})]})})})})}exports.UnitChart=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-CTPQjnHt.cjs"),wt=require("react"),At=require("./index-CSNtgibC.cjs"),Tt=require("./Typography-DX7PlgQU.cjs"),Bt=require("./GraphFooter.cjs"),Ot=require("./GraphHeader.cjs"),Ut=require("./Colors.cjs"),Jt=require("./numberFormattingFunction-02t-wJta.cjs"),It=require("./GraphContainer-d8A46BK2.cjs"),Kt=require("./use-in-view-QcfiW0w3.cjs"),Qt=require("./proxy-BxvUI_9l.cjs"),Xt=require("./index-DG2bgAva.cjs");function Yt(n){const t=i.compilerRuntimeExports.c(127),{data:r,size:yt,graphTitle:v,sources:it,colors:Ct,graphDescription:j,totalNoOfDots:Rt,unitPadding:Et,gridSize:kt,footNote:rt,padding:dt,backgroundColor:bt,graphID:pt,graphDownload:Dt,language:Nt,showColorScale:qt,showStrokeForWhiteDots:St,note:w,dataDownload:zt,theme:Ft,width:e,height:g,minHeight:Gt,relativeHeight:l,ariaLabel:ht,styles:o,classNames:s,animate:Ht,precision:Vt}=n,Y=yt===void 0?200:yt,y=Ct===void 0?Ut.Colors.light.categoricalColors.colors:Ct,Z=Rt===void 0?100:Rt,Pt=Et===void 0?3:Et,x=kt===void 0?10:kt,mt=bt===void 0?!1:bt,C=Dt===void 0?!1:Dt,ft=Nt===void 0?"en":Nt,_=qt===void 0?!0:qt,tt=St===void 0?!0:St,et=zt===void 0?!1:zt,gt=Ft===void 0?"light":Ft,a=Gt===void 0?0:Gt,nt=Ht===void 0?!1:Ht,ot=Vt===void 0?2:Vt,$t=wt.useRef(null);let st;t[0]!==nt?(st=nt===!0?{duration:.5,once:!0,amount:.5}:nt||{duration:0,once:!0,amount:0},t[0]=nt,t[1]=st):st=t[1];const d=st;let lt;t[2]!==d.amount||t[3]!==d.once?(lt={once:d.once,amount:d.amount},t[2]=d.amount,t[3]=d.once,t[4]=lt):lt=t[4];const xt=Kt.useInView($t,lt);let at;t[5]!==r?(at=At.sum(r.map(ie)),t[5]=r,t[6]=at):at=t[6];const vt=at,Mt=wt.useRef(null),Wt=wt.useRef(null),c=Y/x,R=(c-Pt*2)/2;if(R<=0)return console.error("The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."),null;let E,k,b,D,N,q,S,z,F,G,H,V,$,M,T,I,P,W,L,A,B,O,h,m,f,U;if(t[7]!==d.duration||t[8]!==ht||t[9]!==mt||t[10]!==s?.description||t[11]!==s?.graphContainer||t[12]!==s?.title||t[13]!==y||t[14]!==r||t[15]!==et||t[16]!==j||t[17]!==C||t[18]!==pt||t[19]!==v||t[20]!==c||t[21]!==x||t[22]!==g||t[23]!==xt||t[24]!==ft||t[25]!==a||t[26]!==w||t[27]!==dt||t[28]!==ot||t[29]!==R||t[30]!==l||t[31]!==_||t[32]!==tt||t[33]!==Y||t[34]!==o?.description||t[35]!==o?.graphContainer||t[36]!==o?.title||t[37]!==gt||t[38]!==Z||t[39]!==vt||t[40]!==e){const jt=[];r.forEach((u,p)=>{const Lt=Math.round(u.value/vt*Z);for(let ut=0;ut<Lt;ut=ut+1,ut)jt.push({color:y[p]})}),b=It.GraphContainer,G=s?.graphContainer,H=o?.graphContainer,V=pt,$=Mt,M=ht,T=mt,I=gt,P=ft,W=a,L=e,A=g,B=l,O=dt,t[67]!==s?.description||t[68]!==s?.title||t[69]!==r||t[70]!==et||t[71]!==j||t[72]!==C||t[73]!==v||t[74]!==o?.description||t[75]!==o?.title||t[76]!==e?(h=v||j||C?i.jsxRuntimeExports.jsx(Ot.GraphHeader,{styles:{title:o?.title,description:o?.description},classNames:{title:s?.title,description:s?.description},graphTitle:v,graphDescription:j,width:e,graphDownload:C?Mt:void 0,dataDownload:et?r.map(oe).filter(ee).length>0?r.map(te).filter(_t):r.filter(Zt):null}):null,t[67]=s?.description,t[68]=s?.title,t[69]=r,t[70]=et,t[71]=j,t[72]=C,t[73]=v,t[74]=o?.description,t[75]=o?.title,t[76]=e,t[77]=h):h=t[77],t[78]!==w||t[79]!==e?(m=w?i.jsxRuntimeExports.jsx(Tt.v,{marginBottom:"2xs",className:"text-primary-gray-700 dark:text-primary-gray-100 font-bold",style:{width:e?`${e}px`:"100%"},children:w}):null,t[78]=w,t[79]=e,t[80]=m):m=t[80],t[81]!==y||t[82]!==r||t[83]!==ot||t[84]!==_||t[85]!==e?(f=_?i.jsxRuntimeExports.jsx("div",{className:"mb-4 leading-0",style:{width:e?`${e}px`:"100%"},"aria-label":"Color legend",children:i.jsxRuntimeExports.jsx("div",{className:"flex mb-0 flex-wrap gap-x-4 gap-y-1",children:r.map((u,p)=>i.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[i.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:y[p]}}),i.jsxRuntimeExports.jsxs(Tt.j,{marginBottom:"none",size:"sm",className:"text-primary-gray-700 dark:text-primary-gray-100",children:[u.label,":"," ",i.jsxRuntimeExports.jsx("span",{className:"font-bold",children:Jt.numberFormattingFunction(u.value,"NA",ot)})]})]},p))})}):null,t[81]=y,t[82]=r,t[83]=ot,t[84]=_,t[85]=e,t[86]=f):f=t[86],k=It.GraphArea,F=Wt,D=`${e||Y}px`,N=`${Math.max(a,g?l&&e?a?e*l>a?e*l:a:e*l:g:Math.floor((Z-1)/x)*c+c/2+R+5)}px`,q=$t,S="ltr",z=`0 0 ${e||Y} ${Math.max(a,g?l&&e?a?e*l>a?e*l:a:e*l:g:Math.floor((Z-1)/x)*c+c/2+R+5)}`,E=Xt.AnimatePresence,U=i.jsxRuntimeExports.jsx("g",{children:jt.map((u,p)=>i.jsxRuntimeExports.jsx(Qt.motion.circle,{style:{strokeWidth:1},variants:{initial:{fill:"#fff",opacity:0,...tt?{}:{stroke:u.color},strokeWidth:1},whileInView:{fill:u.color,opacity:1,...tt?{}:{stroke:u.color},strokeWidth:1,cx:p%x*c+c/2,cy:Math.floor(p/x)*c+c/2,transition:{duration:0,delay:d.duration/jt.length*p}}},initial:"initial",animate:xt?"whileInView":"initial",className:(u.color.toLowerCase()==="#fff"||u.color.toLowerCase()==="#ffffff"||u.color.toLowerCase()==="white")&&tt?"stroke-primary-gray-400 dark:stroke-primary-gray-500":"",r:R},p))}),t[7]=d.duration,t[8]=ht,t[9]=mt,t[10]=s?.description,t[11]=s?.graphContainer,t[12]=s?.title,t[13]=y,t[14]=r,t[15]=et,t[16]=j,t[17]=C,t[18]=pt,t[19]=v,t[20]=c,t[21]=x,t[22]=g,t[23]=xt,t[24]=ft,t[25]=a,t[26]=w,t[27]=dt,t[28]=ot,t[29]=R,t[30]=l,t[31]=_,t[32]=tt,t[33]=Y,t[34]=o?.description,t[35]=o?.graphContainer,t[36]=o?.title,t[37]=gt,t[38]=Z,t[39]=vt,t[40]=e,t[41]=E,t[42]=k,t[43]=b,t[44]=D,t[45]=N,t[46]=q,t[47]=S,t[48]=z,t[49]=F,t[50]=G,t[51]=H,t[52]=V,t[53]=$,t[54]=M,t[55]=T,t[56]=I,t[57]=P,t[58]=W,t[59]=L,t[60]=A,t[61]=B,t[62]=O,t[63]=h,t[64]=m,t[65]=f,t[66]=U}else E=t[41],k=t[42],b=t[43],D=t[44],N=t[45],q=t[46],S=t[47],z=t[48],F=t[49],G=t[50],H=t[51],V=t[52],$=t[53],M=t[54],T=t[55],I=t[56],P=t[57],W=t[58],L=t[59],A=t[60],B=t[61],O=t[62],h=t[63],m=t[64],f=t[65],U=t[66];let J;t[87]!==E||t[88]!==U?(J=i.jsxRuntimeExports.jsx(E,{children:U}),t[87]=E,t[88]=U,t[89]=J):J=t[89];let K;t[90]!==D||t[91]!==N||t[92]!==q||t[93]!==S||t[94]!==z||t[95]!==J?(K=i.jsxRuntimeExports.jsx("svg",{width:D,height:N,ref:q,direction:S,viewBox:z,children:J}),t[90]=D,t[91]=N,t[92]=q,t[93]=S,t[94]=z,t[95]=J,t[96]=K):K=t[96];let Q;t[97]!==k||t[98]!==F||t[99]!==K?(Q=i.jsxRuntimeExports.jsx(k,{ref:F,children:K}),t[97]=k,t[98]=F,t[99]=K,t[100]=Q):Q=t[100];let X;t[101]!==rt||t[102]!==it||t[103]!==o?.footnote||t[104]!==o?.source||t[105]!==e?(X=it||rt?i.jsxRuntimeExports.jsx(Bt.GraphFooter,{styles:{footnote:o?.footnote,source:o?.source},sources:it,footNote:rt,width:e}):null,t[101]=rt,t[102]=it,t[103]=o?.footnote,t[104]=o?.source,t[105]=e,t[106]=X):X=t[106];let ct;return t[107]!==b||t[108]!==G||t[109]!==H||t[110]!==V||t[111]!==$||t[112]!==M||t[113]!==T||t[114]!==I||t[115]!==P||t[116]!==W||t[117]!==L||t[118]!==A||t[119]!==B||t[120]!==O||t[121]!==h||t[122]!==m||t[123]!==f||t[124]!==Q||t[125]!==X?(ct=i.jsxRuntimeExports.jsxs(b,{className:G,style:H,id:V,ref:$,"aria-label":M,backgroundColor:T,theme:I,language:P,minHeight:W,width:L,height:A,relativeHeight:B,padding:O,children:[h,m,f,Q,X]}),t[107]=b,t[108]=G,t[109]=H,t[110]=V,t[111]=$,t[112]=M,t[113]=T,t[114]=I,t[115]=P,t[116]=W,t[117]=L,t[118]=A,t[119]=B,t[120]=O,t[121]=h,t[122]=m,t[123]=f,t[124]=Q,t[125]=X,t[126]=ct):ct=t[126],ct}function Zt(n){return n!==void 0}function _t(n){return n!==void 0}function te(n){return n.data}function ee(n){return n!==void 0}function oe(n){return n.data}function ie(n){return n.value}exports.UnitChart=Yt;
 //# sourceMappingURL=UnitChart.cjs.map

package/dist/UnitChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UnitChart.cjs","sources":["../src/Components/Graphs/UnitChart/index.tsx"],"sourcesContent":["import { useRef } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\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 { Colors } from '@/Components/ColorPalette';\r\nimport {\r\n  UnitChartDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: UnitChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Note with h2 tag just above the graph. Can be used to highlight text */\r\n  note?: string;\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  /** Colors of the highlighted circles */\r\n  colors?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Size of the visualization */\r\n  size?: number;\r\n  /** No. of dots in a single row */\r\n  gridSize?: number;\r\n  /** Spacing between 2 dots */\r\n  unitPadding?: number;\r\n  /** Total no. of dot that are rendered in the chart */\r\n  totalNoOfDots?: number;\r\n  /** Toggle visibility of stroke for the unfilled dots */\r\n  showStrokeForWhiteDots?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale */\r\n  showColorScale?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\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 UnitChart(props: Props) {\r\n  const {\r\n    data,\r\n    size = 200,\r\n    graphTitle,\r\n    sources,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    graphDescription,\r\n    totalNoOfDots = 100,\r\n    unitPadding = 3,\r\n    gridSize = 10,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    graphDownload = false,\r\n    language = 'en',\r\n    showColorScale = true,\r\n    showStrokeForWhiteDots = true,\r\n    note,\r\n    dataDownload = false,\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const animateValue =\r\n    animate === true\r\n      ? { duration: 0.5, once: true, amount: 0.5 }\r\n      : animate || { duration: 0, once: true, amount: 0 };\r\n  const isInView = useInView(svgRef, {\r\n    once: animateValue.once,\r\n    amount: animateValue.amount,\r\n  });\r\n  const totalValue = sum(data.map(d => d.value));\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const gridDimension = size / gridSize;\r\n  const radius = (gridDimension - unitPadding * 2) / 2;\r\n  if (radius <= 0) {\r\n    console.error(\r\n      'The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0.',\r\n    );\r\n    return null;\r\n  }\r\n\r\n  const cellsData: { color: string }[] = [];\r\n  data.forEach((item, index) => {\r\n    const count = Math.round((item.value / totalValue) * totalNoOfDots);\r\n    for (let i = 0; i < count; i += 1) {\r\n      cellsData.push({ color: colors[index] });\r\n    }\r\n  });\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          minHeight: 'inherit',\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col gap-3 w-full grow'>\r\n            {graphTitle || graphDescription || graphDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            {note ? (\r\n              <H2\r\n                marginBottom='2xs'\r\n                className='text-primary-gray-700 dark:text-primary-gray-100 font-bold'\r\n                style={{ width: width ? `${width}px` : '100%' }}\r\n              >\r\n                {note}\r\n              </H2>\r\n            ) : null}\r\n            <div className='flex grow flex-col gap-4 justify-between'>\r\n              <div>\r\n                {showColorScale ? (\r\n                  <div\r\n                    className='mb-4 leading-0'\r\n                    style={{ width: width ? `${width}px` : '100%' }}\r\n                    aria-label='Color legend'\r\n                  >\r\n                    <div className='flex mb-0 flex-wrap gap-x-4 gap-y-1'>\r\n                      {data.map((d, i) => (\r\n                        <div className='flex gap-2 items-center' key={i}>\r\n                          <div\r\n                            className='w-3 h-3 rounded-full'\r\n                            style={{ backgroundColor: colors[i] }}\r\n                          />\r\n                          <P\r\n                            marginBottom='none'\r\n                            size='sm'\r\n                            className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                          >\r\n                            {d.label}:{' '}\r\n                            <span className='font-bold'>\r\n                              {numberFormattingFunction(d.value, 'NA', precision)}\r\n                            </span>\r\n                          </P>\r\n                        </div>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                ) : null}\r\n                <div aria-label='Graph area'>\r\n                  <svg\r\n                    width={`${width || size}px`}\r\n                    height={`${Math.max(\r\n                      minHeight,\r\n                      height\r\n                        ? relativeHeight && width\r\n                          ? minHeight\r\n                            ? width * relativeHeight > minHeight\r\n                              ? width * relativeHeight\r\n                              : minHeight\r\n                            : width * relativeHeight\r\n                          : height\r\n                        : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                            gridDimension / 2 +\r\n                            radius +\r\n                            5,\r\n                    )}px`}\r\n                    ref={svgRef}\r\n                    direction='ltr'\r\n                    viewBox={`0 0 ${width || size} ${Math.max(\r\n                      minHeight,\r\n                      height\r\n                        ? relativeHeight && width\r\n                          ? minHeight\r\n                            ? width * relativeHeight > minHeight\r\n                              ? width * relativeHeight\r\n                              : minHeight\r\n                            : width * relativeHeight\r\n                          : height\r\n                        : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                            gridDimension / 2 +\r\n                            radius +\r\n                            5,\r\n                    )}`}\r\n                  >\r\n                    <AnimatePresence>\r\n                      <g>\r\n                        {cellsData.map((d, i) => (\r\n                          <motion.circle\r\n                            key={i}\r\n                            style={{\r\n                              strokeWidth: 1,\r\n                            }}\r\n                            variants={{\r\n                              initial: {\r\n                                fill: '#fff',\r\n                                opacity: 0,\r\n                                ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                                strokeWidth: 1,\r\n                              },\r\n                              whileInView: {\r\n                                fill: d.color,\r\n                                opacity: 1,\r\n                                ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                                strokeWidth: 1,\r\n                                cx: (i % gridSize) * gridDimension + gridDimension / 2,\r\n                                cy: Math.floor(i / gridSize) * gridDimension + gridDimension / 2,\r\n                                transition: {\r\n                                  duration: 0,\r\n                                  delay: (animateValue.duration / cellsData.length) * i,\r\n                                },\r\n                              },\r\n                            }}\r\n                            initial='initial'\r\n                            animate={isInView ? 'whileInView' : 'initial'}\r\n                            className={\r\n                              (d.color.toLowerCase() === '#fff' ||\r\n                                d.color.toLowerCase() === '#ffffff' ||\r\n                                d.color.toLowerCase() === 'white') &&\r\n                              showStrokeForWhiteDots\r\n                                ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                                : ''\r\n                            }\r\n                            r={radius}\r\n                          />\r\n                        ))}\r\n                      </g>\r\n                    </AnimatePresence>\r\n                  </svg>\r\n                </div>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{\r\n                    footnote: styles?.footnote,\r\n                    source: styles?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                  width={width}\r\n                />\r\n              ) : null}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["UnitChart","props","data","size","graphTitle","sources","colors","Colors","graphDescription","totalNoOfDots","unitPadding","gridSize","footNote","padding","backgroundColor","graphID","graphDownload","language","showColorScale","showStrokeForWhiteDots","note","dataDownload","theme","width","height","minHeight","relativeHeight","ariaLabel","styles","classNames","animate","precision","svgRef","useRef","animateValue","isInView","useInView","totalValue","sum","d","graphParentDiv","gridDimension","radius","cellsData","item","index","count","i","jsx","cn","jsxs","GraphHeader","H2","P","AnimatePresence","motion","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"UnitChart.cjs","sources":["../src/Components/Graphs/UnitChart/index.tsx"],"sourcesContent":["import { useRef } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { H2, P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport {\r\n  UnitChartDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: UnitChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Note with h2 tag just above the graph. Can be used to highlight text */\r\n  note?: string;\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  /** Colors of the highlighted circles */\r\n  colors?: string[];\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Size of the visualization */\r\n  size?: number;\r\n  /** No. of dots in a single row */\r\n  gridSize?: number;\r\n  /** Spacing between 2 dots */\r\n  unitPadding?: number;\r\n  /** Total no. of dot that are rendered in the chart */\r\n  totalNoOfDots?: number;\r\n  /** Toggle visibility of stroke for the unfilled dots */\r\n  showStrokeForWhiteDots?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Toggle visibility of color scale */\r\n  showColorScale?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\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 UnitChart(props: Props) {\r\n  const {\r\n    data,\r\n    size = 200,\r\n    graphTitle,\r\n    sources,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    graphDescription,\r\n    totalNoOfDots = 100,\r\n    unitPadding = 3,\r\n    gridSize = 10,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    graphDownload = false,\r\n    language = 'en',\r\n    showColorScale = true,\r\n    showStrokeForWhiteDots = true,\r\n    note,\r\n    dataDownload = false,\r\n    theme = 'light',\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const animateValue =\r\n    animate === true\r\n      ? { duration: 0.5, once: true, amount: 0.5 }\r\n      : animate || { duration: 0, once: true, amount: 0 };\r\n  const isInView = useInView(svgRef, {\r\n    once: animateValue.once,\r\n    amount: animateValue.amount,\r\n  });\r\n  const totalValue = sum(data.map(d => d.value));\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const gridDimension = size / gridSize;\r\n  const radius = (gridDimension - unitPadding * 2) / 2;\r\n  if (radius <= 0) {\r\n    console.error(\r\n      'The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0.',\r\n    );\r\n    return null;\r\n  }\r\n\r\n  const cellsData: { color: string }[] = [];\r\n  data.forEach((item, index) => {\r\n    const count = Math.round((item.value / totalValue) * totalNoOfDots);\r\n    for (let i = 0; i < count; i += 1) {\r\n      cellsData.push({ color: colors[index] });\r\n    }\r\n  });\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {note ? (\r\n        <H2\r\n          marginBottom='2xs'\r\n          className='text-primary-gray-700 dark:text-primary-gray-100 font-bold'\r\n          style={{ width: width ? `${width}px` : '100%' }}\r\n        >\r\n          {note}\r\n        </H2>\r\n      ) : null}\r\n      {showColorScale ? (\r\n        <div\r\n          className='mb-4 leading-0'\r\n          style={{ width: width ? `${width}px` : '100%' }}\r\n          aria-label='Color legend'\r\n        >\r\n          <div className='flex mb-0 flex-wrap gap-x-4 gap-y-1'>\r\n            {data.map((d, i) => (\r\n              <div className='flex gap-2 items-center' key={i}>\r\n                <div className='w-3 h-3 rounded-full' style={{ backgroundColor: colors[i] }} />\r\n                <P\r\n                  marginBottom='none'\r\n                  size='sm'\r\n                  className='text-primary-gray-700 dark:text-primary-gray-100'\r\n                >\r\n                  {d.label}:{' '}\r\n                  <span className='font-bold'>\r\n                    {numberFormattingFunction(d.value, 'NA', precision)}\r\n                  </span>\r\n                </P>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        <svg\r\n          width={`${width || size}px`}\r\n          height={`${Math.max(\r\n            minHeight,\r\n            height\r\n              ? relativeHeight && width\r\n                ? minHeight\r\n                  ? width * relativeHeight > minHeight\r\n                    ? width * relativeHeight\r\n                    : minHeight\r\n                  : width * relativeHeight\r\n                : height\r\n              : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                  gridDimension / 2 +\r\n                  radius +\r\n                  5,\r\n          )}px`}\r\n          ref={svgRef}\r\n          direction='ltr'\r\n          viewBox={`0 0 ${width || size} ${Math.max(\r\n            minHeight,\r\n            height\r\n              ? relativeHeight && width\r\n                ? minHeight\r\n                  ? width * relativeHeight > minHeight\r\n                    ? width * relativeHeight\r\n                    : minHeight\r\n                  : width * relativeHeight\r\n                : height\r\n              : Math.floor((totalNoOfDots - 1) / gridSize) * gridDimension +\r\n                  gridDimension / 2 +\r\n                  radius +\r\n                  5,\r\n          )}`}\r\n        >\r\n          <AnimatePresence>\r\n            <g>\r\n              {cellsData.map((d, i) => (\r\n                <motion.circle\r\n                  key={i}\r\n                  style={{\r\n                    strokeWidth: 1,\r\n                  }}\r\n                  variants={{\r\n                    initial: {\r\n                      fill: '#fff',\r\n                      opacity: 0,\r\n                      ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                      strokeWidth: 1,\r\n                    },\r\n                    whileInView: {\r\n                      fill: d.color,\r\n                      opacity: 1,\r\n                      ...(!showStrokeForWhiteDots ? { stroke: d.color } : {}),\r\n                      strokeWidth: 1,\r\n                      cx: (i % gridSize) * gridDimension + gridDimension / 2,\r\n                      cy: Math.floor(i / gridSize) * gridDimension + gridDimension / 2,\r\n                      transition: {\r\n                        duration: 0,\r\n                        delay: (animateValue.duration / cellsData.length) * i,\r\n                      },\r\n                    },\r\n                  }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  className={\r\n                    (d.color.toLowerCase() === '#fff' ||\r\n                      d.color.toLowerCase() === '#ffffff' ||\r\n                      d.color.toLowerCase() === 'white') &&\r\n                    showStrokeForWhiteDots\r\n                      ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                      : ''\r\n                  }\r\n                  r={radius}\r\n                />\r\n              ))}\r\n            </g>\r\n          </AnimatePresence>\r\n        </svg>\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{\r\n            footnote: styles?.footnote,\r\n            source: styles?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["UnitChart","props","$","_c","data","size","t0","graphTitle","sources","colors","t1","graphDescription","totalNoOfDots","t2","unitPadding","t3","gridSize","t4","footNote","padding","backgroundColor","t5","graphID","graphDownload","t6","language","t7","showColorScale","t8","showStrokeForWhiteDots","t9","note","dataDownload","t10","theme","t11","width","height","minHeight","t12","relativeHeight","ariaLabel","styles","classNames","animate","t13","precision","t14","undefined","Colors","light","categoricalColors","svgRef","useRef","t15","duration","once","amount","animateValue","t16","isInView","useInView","t17","sum","map","_temp","totalValue","graphParentDiv","graphDiv","gridDimension","radius","console","error","T0","T1","T2","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","t32","t33","t34","t35","t36","t37","t38","t39","t40","description","graphContainer","title","cellsData","forEach","item","index","count","Math","round","value","i","push","color","GraphContainer","jsx","GraphHeader","_temp2","filter","_temp3","length","_temp4","_temp5","_temp6","H2","d_5","i_0","jsxs","P","d","label","numberFormattingFunction","GraphArea","max","floor","AnimatePresence","d_6","i_1","strokeWidth","initial","fill","opacity","stroke","whileInView","cx","cy","transition","delay","toLowerCase","t41","t42","t43","t44","footnote","source","GraphFooter","t45","d_2","d_1","d_0","d_4","d_3"],"mappings":"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"}

package/dist/UnitChart.d.ts

@@ -35,6 +35,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';

package/dist/UnitChart.js

@@ -1,217 +1,165 @@
-import { j as r, m as E } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as F } from "react";
-import { s as O } from "./index-CeVNqhMO.js";
-import { f as U, u as J } from "./Typography-LmZ9LEpe.js";
-import { GraphFooter as K } from "./GraphFooter.js";
-import { GraphHeader as Q } from "./GraphHeader.js";
-import { Colors as X } from "./Colors.js";
-import { n as Y } from "./numberFormattingFunction-14YCbkN2.js";
-import { u as Z } from "./use-in-view-DR-UTB96.js";
-import { A as _ } from "./index-Cwgh7i7X.js";
-import { m as ee } from "./proxy-BYIC9BuT.js";
-function he(H) {
-  const {
-    data: s,
-    size: g = 200,
-    graphTitle: d,
-    sources: N,
-    colors: b = X.light.categoricalColors.colors,
-    graphDescription: h,
-    totalNoOfDots: p = 100,
-    unitPadding: L = 3,
-    gridSize: c = 10,
-    footNote: k,
-    padding: $,
-    backgroundColor: n = !1,
-    graphID: S,
-    graphDownload: C = !1,
-    language: x = "en",
-    showColorScale: W = !0,
-    showStrokeForWhiteDots: w = !0,
-    note: D,
-    dataDownload: A = !1,
-    theme: B = "light",
-    width: o,
-    height: f,
-    minHeight: i = 0,
-    relativeHeight: l,
-    ariaLabel: G,
-    styles: m,
-    classNames: y,
-    animate: z = !1,
-    precision: P = 2
-  } = H, M = F(null), v = z === !0 ? { duration: 0.5, once: !0, amount: 0.5 } : z || { duration: 0, once: !0, amount: 0 }, R = Z(M, {
-    once: v.once,
-    amount: v.amount
-  }), T = O(s.map((e) => e.value)), V = F(null), a = g / c, u = (a - L * 2) / 2;
-  if (u <= 0)
-    return console.error(
-      "The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."
-    ), null;
-  const j = [];
-  return s.forEach((e, t) => {
-    const q = Math.round(e.value / T * p);
-    for (let I = 0; I < q; I += 1)
-      j.push({ color: b[t] });
-  }), /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      className: `${B || "light"} flex  ${o ? "w-fit grow-0" : "w-full grow"}`,
-      dir: x === "he" || x === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          className: E(
-            `${n ? n === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${x || "en"}`,
-            o ? "w-fit" : "w-full",
-            y?.graphContainer
-          ),
-          style: {
-            ...m?.graphContainer || {},
-            minHeight: "inherit",
-            ...n && n !== !0 ? { backgroundColor: n } : {}
-          },
-          id: S,
-          ref: V,
-          "aria-label": G || `${d ? `The graph shows ${d}. ` : ""}${h ? ` ${h}` : ""}`,
-          children: /* @__PURE__ */ r.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: { padding: n ? $ || "1rem" : $ || 0 },
-              children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-3 w-full grow", children: [
-                d || h || C ? /* @__PURE__ */ r.jsx(
-                  Q,
-                  {
-                    styles: {
-                      title: m?.title,
-                      description: m?.description
-                    },
-                    classNames: {
-                      title: y?.title,
-                      description: y?.description
-                    },
-                    graphTitle: d,
-                    graphDescription: h,
-                    width: o,
-                    graphDownload: C ? V.current : void 0,
-                    dataDownload: A ? s.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? s.map((e) => e.data).filter((e) => e !== void 0) : s.filter((e) => e !== void 0) : null
-                  }
-                ) : null,
-                D ? /* @__PURE__ */ r.jsx(
-                  U,
-                  {
-                    marginBottom: "2xs",
-                    className: "text-primary-gray-700 dark:text-primary-gray-100 font-bold",
-                    style: { width: o ? `${o}px` : "100%" },
-                    children: D
-                  }
-                ) : null,
-                /* @__PURE__ */ r.jsxs("div", { className: "flex grow flex-col gap-4 justify-between", children: [
-                  /* @__PURE__ */ r.jsxs("div", { children: [
-                    W ? /* @__PURE__ */ r.jsx(
-                      "div",
-                      {
-                        className: "mb-4 leading-0",
-                        style: { width: o ? `${o}px` : "100%" },
-                        "aria-label": "Color legend",
-                        children: /* @__PURE__ */ r.jsx("div", { className: "flex mb-0 flex-wrap gap-x-4 gap-y-1", children: s.map((e, t) => /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2 items-center", children: [
-                          /* @__PURE__ */ r.jsx(
-                            "div",
-                            {
-                              className: "w-3 h-3 rounded-full",
-                              style: { backgroundColor: b[t] }
-                            }
-                          ),
-                          /* @__PURE__ */ r.jsxs(
-                            J,
-                            {
-                              marginBottom: "none",
-                              size: "sm",
-                              className: "text-primary-gray-700 dark:text-primary-gray-100",
-                              children: [
-                                e.label,
-                                ":",
-                                " ",
-                                /* @__PURE__ */ r.jsx("span", { className: "font-bold", children: Y(e.value, "NA", P) })
-                              ]
-                            }
-                          )
-                        ] }, t)) })
-                      }
-                    ) : null,
-                    /* @__PURE__ */ r.jsx("div", { "aria-label": "Graph area", children: /* @__PURE__ */ r.jsx(
-                      "svg",
-                      {
-                        width: `${o || g}px`,
-                        height: `${Math.max(
-                          i,
-                          f ? l && o ? i ? o * l > i ? o * l : i : o * l : f : Math.floor((p - 1) / c) * a + a / 2 + u + 5
-                        )}px`,
-                        ref: M,
-                        direction: "ltr",
-                        viewBox: `0 0 ${o || g} ${Math.max(
-                          i,
-                          f ? l && o ? i ? o * l > i ? o * l : i : o * l : f : Math.floor((p - 1) / c) * a + a / 2 + u + 5
-                        )}`,
-                        children: /* @__PURE__ */ r.jsx(_, { children: /* @__PURE__ */ r.jsx("g", { children: j.map((e, t) => /* @__PURE__ */ r.jsx(
-                          ee.circle,
-                          {
-                            style: {
-                              strokeWidth: 1
-                            },
-                            variants: {
-                              initial: {
-                                fill: "#fff",
-                                opacity: 0,
-                                ...w ? {} : { stroke: e.color },
-                                strokeWidth: 1
-                              },
-                              whileInView: {
-                                fill: e.color,
-                                opacity: 1,
-                                ...w ? {} : { stroke: e.color },
-                                strokeWidth: 1,
-                                cx: t % c * a + a / 2,
-                                cy: Math.floor(t / c) * a + a / 2,
-                                transition: {
-                                  duration: 0,
-                                  delay: v.duration / j.length * t
-                                }
-                              }
-                            },
-                            initial: "initial",
-                            animate: R ? "whileInView" : "initial",
-                            className: (e.color.toLowerCase() === "#fff" || e.color.toLowerCase() === "#ffffff" || e.color.toLowerCase() === "white") && w ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "",
-                            r: u
-                          },
-                          t
-                        )) }) })
-                      }
-                    ) })
-                  ] }),
-                  N || k ? /* @__PURE__ */ r.jsx(
-                    K,
-                    {
-                      styles: {
-                        footnote: m?.footnote,
-                        source: m?.source
-                      },
-                      sources: N,
-                      footNote: k,
-                      width: o
-                    }
-                  ) : null
-                ] })
-              ] })
-            }
-          )
+import { c as Rt, j as i } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as yt } from "react";
+import { s as Bt } from "./index-CeVNqhMO.js";
+import { j as Et, v as qt } from "./Typography-PxtFcnJb.js";
+import { GraphFooter as Ot } from "./GraphFooter.js";
+import { GraphHeader as Ut } from "./GraphHeader.js";
+import { Colors as Jt } from "./Colors.js";
+import { n as Kt } from "./numberFormattingFunction-14YCbkN2.js";
+import { G as Qt, a as Xt } from "./GraphContainer-CRqzdKu2.js";
+import { u as Yt } from "./use-in-view-Cxa7y1TH.js";
+import { m as Zt } from "./proxy-BxkFHwUw.js";
+import { A as _t } from "./index-BqfRwk1n.js";
+function xe(a) {
+  const t = Rt.c(127), {
+    data: r,
+    size: Ct,
+    graphTitle: x,
+    sources: it,
+    colors: jt,
+    graphDescription: w,
+    totalNoOfDots: kt,
+    unitPadding: Dt,
+    gridSize: Nt,
+    footNote: rt,
+    padding: mt,
+    backgroundColor: bt,
+    graphID: pt,
+    graphDownload: zt,
+    language: St,
+    showColorScale: $t,
+    showStrokeForWhiteDots: Ht,
+    note: y,
+    dataDownload: Mt,
+    theme: Vt,
+    width: e,
+    height: g,
+    minHeight: Ft,
+    relativeHeight: n,
+    ariaLabel: ft,
+    styles: o,
+    classNames: l,
+    animate: Gt,
+    precision: It
+  } = a, Y = Ct === void 0 ? 200 : Ct, C = jt === void 0 ? Jt.light.categoricalColors.colors : jt, Z = kt === void 0 ? 100 : kt, At = Dt === void 0 ? 3 : Dt, v = Nt === void 0 ? 10 : Nt, ht = bt === void 0 ? !1 : bt, j = zt === void 0 ? !1 : zt, ut = St === void 0 ? "en" : St, _ = $t === void 0 ? !0 : $t, tt = Ht === void 0 ? !0 : Ht, et = Mt === void 0 ? !1 : Mt, gt = Vt === void 0 ? "light" : Vt, s = Ft === void 0 ? 0 : Ft, at = Gt === void 0 ? !1 : Gt, ot = It === void 0 ? 2 : It, Tt = yt(null);
+  let lt;
+  t[0] !== at ? (lt = at === !0 ? {
+    duration: 0.5,
+    once: !0,
+    amount: 0.5
+  } : at || {
+    duration: 0,
+    once: !0,
+    amount: 0
+  }, t[0] = at, t[1] = lt) : lt = t[1];
+  const m = lt;
+  let nt;
+  t[2] !== m.amount || t[3] !== m.once ? (nt = {
+    once: m.once,
+    amount: m.amount
+  }, t[2] = m.amount, t[3] = m.once, t[4] = nt) : nt = t[4];
+  const vt = Yt(Tt, nt);
+  let st;
+  t[5] !== r ? (st = Bt(r.map(ae)), t[5] = r, t[6] = st) : st = t[6];
+  const xt = st, Wt = yt(null), Lt = yt(null), c = Y / v, k = (c - At * 2) / 2;
+  if (k <= 0)
+    return console.error("The size of single unit is less than or equal to zero. Check values for ((dimension / gridSize) - (padding * 2)) / 2 is not less than or equal to 0."), null;
+  let D, N, b, z, S, $, H, M, V, F, G, I, T, W, A, L, P, R, B, E, q, O, f, h, u, U;
+  if (t[7] !== m.duration || t[8] !== ft || t[9] !== ht || t[10] !== l?.description || t[11] !== l?.graphContainer || t[12] !== l?.title || t[13] !== C || t[14] !== r || t[15] !== et || t[16] !== w || t[17] !== j || t[18] !== pt || t[19] !== x || t[20] !== c || t[21] !== v || t[22] !== g || t[23] !== vt || t[24] !== ut || t[25] !== s || t[26] !== y || t[27] !== mt || t[28] !== ot || t[29] !== k || t[30] !== n || t[31] !== _ || t[32] !== tt || t[33] !== Y || t[34] !== o?.description || t[35] !== o?.graphContainer || t[36] !== o?.title || t[37] !== gt || t[38] !== Z || t[39] !== xt || t[40] !== e) {
+    const wt = [];
+    r.forEach((d, p) => {
+      const Pt = Math.round(d.value / xt * Z);
+      for (let dt = 0; dt < Pt; dt = dt + 1, dt)
+        wt.push({
+          color: C[p]
+        });
+    }), b = Qt, F = l?.graphContainer, G = o?.graphContainer, I = pt, T = Wt, W = ft, A = ht, L = gt, P = ut, R = s, B = e, E = g, q = n, O = mt, t[67] !== l?.description || t[68] !== l?.title || t[69] !== r || t[70] !== et || t[71] !== w || t[72] !== j || t[73] !== x || t[74] !== o?.description || t[75] !== o?.title || t[76] !== e ? (f = x || w || j ? /* @__PURE__ */ i.jsx(Ut, { styles: {
+      title: o?.title,
+      description: o?.description
+    }, classNames: {
+      title: l?.title,
+      description: l?.description
+    }, graphTitle: x, graphDescription: w, width: e, graphDownload: j ? Wt : void 0, dataDownload: et ? r.map(re).filter(ie).length > 0 ? r.map(oe).filter(ee) : r.filter(te) : null }) : null, t[67] = l?.description, t[68] = l?.title, t[69] = r, t[70] = et, t[71] = w, t[72] = j, t[73] = x, t[74] = o?.description, t[75] = o?.title, t[76] = e, t[77] = f) : f = t[77], t[78] !== y || t[79] !== e ? (h = y ? /* @__PURE__ */ i.jsx(qt, { marginBottom: "2xs", className: "text-primary-gray-700 dark:text-primary-gray-100 font-bold", style: {
+      width: e ? `${e}px` : "100%"
+    }, children: y }) : null, t[78] = y, t[79] = e, t[80] = h) : h = t[80], t[81] !== C || t[82] !== r || t[83] !== ot || t[84] !== _ || t[85] !== e ? (u = _ ? /* @__PURE__ */ i.jsx("div", { className: "mb-4 leading-0", style: {
+      width: e ? `${e}px` : "100%"
+    }, "aria-label": "Color legend", children: /* @__PURE__ */ i.jsx("div", { className: "flex mb-0 flex-wrap gap-x-4 gap-y-1", children: r.map((d, p) => /* @__PURE__ */ i.jsxs("div", { className: "flex gap-2 items-center", children: [
+      /* @__PURE__ */ i.jsx("div", { className: "w-3 h-3 rounded-full", style: {
+        backgroundColor: C[p]
+      } }),
+      /* @__PURE__ */ i.jsxs(Et, { marginBottom: "none", size: "sm", className: "text-primary-gray-700 dark:text-primary-gray-100", children: [
+        d.label,
+        ":",
+        " ",
+        /* @__PURE__ */ i.jsx("span", { className: "font-bold", children: Kt(d.value, "NA", ot) })
+      ] })
+    ] }, p)) }) }) : null, t[81] = C, t[82] = r, t[83] = ot, t[84] = _, t[85] = e, t[86] = u) : u = t[86], N = Xt, V = Lt, z = `${e || Y}px`, S = `${Math.max(s, g ? n && e ? s ? e * n > s ? e * n : s : e * n : g : Math.floor((Z - 1) / v) * c + c / 2 + k + 5)}px`, $ = Tt, H = "ltr", M = `0 0 ${e || Y} ${Math.max(s, g ? n && e ? s ? e * n > s ? e * n : s : e * n : g : Math.floor((Z - 1) / v) * c + c / 2 + k + 5)}`, D = _t, U = /* @__PURE__ */ i.jsx("g", { children: wt.map((d, p) => /* @__PURE__ */ i.jsx(Zt.circle, { style: {
+      strokeWidth: 1
+    }, variants: {
+      initial: {
+        fill: "#fff",
+        opacity: 0,
+        ...tt ? {} : {
+          stroke: d.color
+        },
+        strokeWidth: 1
+      },
+      whileInView: {
+        fill: d.color,
+        opacity: 1,
+        ...tt ? {} : {
+          stroke: d.color
+        },
+        strokeWidth: 1,
+        cx: p % v * c + c / 2,
+        cy: Math.floor(p / v) * c + c / 2,
+        transition: {
+          duration: 0,
+          delay: m.duration / wt.length * p
         }
-      )
-    }
-  );
+      }
+    }, initial: "initial", animate: vt ? "whileInView" : "initial", className: (d.color.toLowerCase() === "#fff" || d.color.toLowerCase() === "#ffffff" || d.color.toLowerCase() === "white") && tt ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "", r: k }, p)) }), t[7] = m.duration, t[8] = ft, t[9] = ht, t[10] = l?.description, t[11] = l?.graphContainer, t[12] = l?.title, t[13] = C, t[14] = r, t[15] = et, t[16] = w, t[17] = j, t[18] = pt, t[19] = x, t[20] = c, t[21] = v, t[22] = g, t[23] = vt, t[24] = ut, t[25] = s, t[26] = y, t[27] = mt, t[28] = ot, t[29] = k, t[30] = n, t[31] = _, t[32] = tt, t[33] = Y, t[34] = o?.description, t[35] = o?.graphContainer, t[36] = o?.title, t[37] = gt, t[38] = Z, t[39] = xt, t[40] = e, t[41] = D, t[42] = N, t[43] = b, t[44] = z, t[45] = S, t[46] = $, t[47] = H, t[48] = M, t[49] = V, t[50] = F, t[51] = G, t[52] = I, t[53] = T, t[54] = W, t[55] = A, t[56] = L, t[57] = P, t[58] = R, t[59] = B, t[60] = E, t[61] = q, t[62] = O, t[63] = f, t[64] = h, t[65] = u, t[66] = U;
+  } else
+    D = t[41], N = t[42], b = t[43], z = t[44], S = t[45], $ = t[46], H = t[47], M = t[48], V = t[49], F = t[50], G = t[51], I = t[52], T = t[53], W = t[54], A = t[55], L = t[56], P = t[57], R = t[58], B = t[59], E = t[60], q = t[61], O = t[62], f = t[63], h = t[64], u = t[65], U = t[66];
+  let J;
+  t[87] !== D || t[88] !== U ? (J = /* @__PURE__ */ i.jsx(D, { children: U }), t[87] = D, t[88] = U, t[89] = J) : J = t[89];
+  let K;
+  t[90] !== z || t[91] !== S || t[92] !== $ || t[93] !== H || t[94] !== M || t[95] !== J ? (K = /* @__PURE__ */ i.jsx("svg", { width: z, height: S, ref: $, direction: H, viewBox: M, children: J }), t[90] = z, t[91] = S, t[92] = $, t[93] = H, t[94] = M, t[95] = J, t[96] = K) : K = t[96];
+  let Q;
+  t[97] !== N || t[98] !== V || t[99] !== K ? (Q = /* @__PURE__ */ i.jsx(N, { ref: V, children: K }), t[97] = N, t[98] = V, t[99] = K, t[100] = Q) : Q = t[100];
+  let X;
+  t[101] !== rt || t[102] !== it || t[103] !== o?.footnote || t[104] !== o?.source || t[105] !== e ? (X = it || rt ? /* @__PURE__ */ i.jsx(Ot, { styles: {
+    footnote: o?.footnote,
+    source: o?.source
+  }, sources: it, footNote: rt, width: e }) : null, t[101] = rt, t[102] = it, t[103] = o?.footnote, t[104] = o?.source, t[105] = e, t[106] = X) : X = t[106];
+  let ct;
+  return t[107] !== b || t[108] !== F || t[109] !== G || t[110] !== I || t[111] !== T || t[112] !== W || t[113] !== A || t[114] !== L || t[115] !== P || t[116] !== R || t[117] !== B || t[118] !== E || t[119] !== q || t[120] !== O || t[121] !== f || t[122] !== h || t[123] !== u || t[124] !== Q || t[125] !== X ? (ct = /* @__PURE__ */ i.jsxs(b, { className: F, style: G, id: I, ref: T, "aria-label": W, backgroundColor: A, theme: L, language: P, minHeight: R, width: B, height: E, relativeHeight: q, padding: O, children: [
+    f,
+    h,
+    u,
+    Q,
+    X
+  ] }), t[107] = b, t[108] = F, t[109] = G, t[110] = I, t[111] = T, t[112] = W, t[113] = A, t[114] = L, t[115] = P, t[116] = R, t[117] = B, t[118] = E, t[119] = q, t[120] = O, t[121] = f, t[122] = h, t[123] = u, t[124] = Q, t[125] = X, t[126] = ct) : ct = t[126], ct;
+}
+function te(a) {
+  return a !== void 0;
+}
+function ee(a) {
+  return a !== void 0;
+}
+function oe(a) {
+  return a.data;
+}
+function ie(a) {
+  return a !== void 0;
+}
+function re(a) {
+  return a.data;
+}
+function ae(a) {
+  return a.value;
 }
 export {
-  he as UnitChart
+  xe as UnitChart
 };
 //# sourceMappingURL=UnitChart.js.map