@undp/data-viz 1.3.0 → 1.3.1

package/dist/YAxesLabels-BXLTX7AI.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("./index-CHPV5EwG-DDoeWRVt.cjs"),u=require("./proxy-PQd2AItT.cjs");function d(n){const{value:a,y:t,x:r,style:s,className:l,width:o,height:x,alignment:c="right",animate:e,isInView:m}=n;return i.jsxRuntimeExports.jsx(u.motion.foreignObject,{width:o,height:x,x:r,variants:{initial:{y:t},whileInView:{y:t,transition:{duration:e.duration}}},initial:"initial",animate:m?"whileInView":"initial",exit:{opacity:0,transition:{duration:e.duration}},children:i.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center h-inherit",children:i.jsxRuntimeExports.jsx("p",{className:i.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none",`text-${c}`,l),style:s,children:a})})})}exports.YAxesLabels=d;
+//# sourceMappingURL=YAxesLabels-BXLTX7AI.cjs.map

package/dist/{YAxesLabels-DhBdLk3Z.cjs.map → YAxesLabels-BXLTX7AI.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"YAxesLabels-DhBdLk3Z.cjs","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'left' | 'right' | 'center';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'right',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.foreignObject\r\n      width={width}\r\n      height={height}\r\n      x={x}\r\n      variants={{\r\n        initial: {\r\n          y,\r\n        },\r\n        whileInView: {\r\n          y,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <div className='flex flex-col justify-center h-inherit'>\r\n        <p\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n            `text-${alignment}`,\r\n            className,\r\n          )}\r\n          style={style}\r\n        >\r\n          {value}\r\n        </p>\r\n      </div>\r\n    </motion.foreignObject>\r\n  );\r\n}\r\n"],"names":["YAxesLabels","props","value","y","x","style","className","width","height","alignment","animate","isInView","jsx","motion","cn"],"mappings":"6IAkBO,SAASA,EAAYC,EAAc,CACxC,KAAM,CACJ,MAAAC,EACA,EAAAC,EACA,EAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,QACZ,QAAAC,EACA,SAAAC,CAAA,EACEV,EACJ,OACEW,EAAAA,kBAAAA,IAACC,EAAAA,OAAO,cAAP,CACC,MAAAN,EACA,OAAAC,EACA,EAAAJ,EACA,SAAU,CACR,QAAS,CACP,EAAAD,CAAA,EAEF,YAAa,CACX,EAAAA,EACA,WAAY,CAAE,SAAUO,EAAQ,QAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASC,EAAW,cAAgB,UACpC,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAUD,EAAQ,SAAS,EAE7D,SAAAE,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAA,EAAAA,kBAAAA,IAAC,IAAA,CACC,UAAWE,EAAAA,UAAAA,GACT,wFACA,QAAQL,CAAS,GACjBH,CAAA,EAEF,MAAAD,EAEC,SAAAH,CAAA,CAAA,CACH,CACF,CAAA,CAAA,CAGN"}
+{"version":3,"file":"YAxesLabels-BXLTX7AI.cjs","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'left' | 'right' | 'center';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'right',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.foreignObject\r\n      width={width}\r\n      height={height}\r\n      x={x}\r\n      variants={{\r\n        initial: {\r\n          y,\r\n        },\r\n        whileInView: {\r\n          y,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <div className='flex flex-col justify-center h-inherit'>\r\n        <p\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n            `text-${alignment}`,\r\n            className,\r\n          )}\r\n          style={style}\r\n        >\r\n          {value}\r\n        </p>\r\n      </div>\r\n    </motion.foreignObject>\r\n  );\r\n}\r\n"],"names":["YAxesLabels","props","value","y","x","style","className","width","height","alignment","animate","isInView","jsx","motion","cn"],"mappings":"gGAkBO,SAASA,EAAYC,EAAc,CACxC,KAAM,CACJ,MAAAC,EACA,EAAAC,EACA,EAAAC,EACA,MAAAC,EACA,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,QACZ,QAAAC,EACA,SAAAC,CAAA,EACEV,EACJ,OACEW,EAAAA,kBAAAA,IAACC,EAAAA,OAAO,cAAP,CACC,MAAAN,EACA,OAAAC,EACA,EAAAJ,EACA,SAAU,CACR,QAAS,CACP,EAAAD,CAAA,EAEF,YAAa,CACX,EAAAA,EACA,WAAY,CAAE,SAAUO,EAAQ,QAAA,CAAS,CAC3C,EAEF,QAAQ,UACR,QAASC,EAAW,cAAgB,UACpC,KAAM,CAAE,QAAS,EAAG,WAAY,CAAE,SAAUD,EAAQ,SAAS,EAE7D,SAAAE,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,yCACb,SAAAA,EAAAA,kBAAAA,IAAC,IAAA,CACC,UAAWE,EAAAA,GACT,wFACA,QAAQL,CAAS,GACjBH,CAAA,EAEF,MAAAD,EAEC,SAAAH,CAAA,CAAA,CACH,CACF,CAAA,CAAA,CAGN"}

package/dist/{YAxesLabels-CYVY053X.js → YAxesLabels-H5-002X5.js}

@@ -1,7 +1,6 @@
-import { j as i } from "./index-BHm2KTjD-2e-Fu8L-.js";
-import { c as p } from "./Typography-XJoSE-By.js";
-import { m as d } from "./use-in-view-CZPXmTZM.js";
-function y(a) {
+import { j as i, m as d } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { m as h } from "./proxy-DJxJg1kD.js";
+function u(n) {
   const {
     value: e,
     y: t,
@@ -11,11 +10,11 @@ function y(a) {
     width: o,
     height: m,
     alignment: x = "right",
-    animate: n,
+    animate: a,
     isInView: c
-  } = a;
+  } = n;
   return /* @__PURE__ */ i.jsx(
-    d.foreignObject,
+    h.foreignObject,
     {
       width: o,
       height: m,
@@ -26,16 +25,16 @@ function y(a) {
         },
         whileInView: {
           y: t,
-          transition: { duration: n.duration }
+          transition: { duration: a.duration }
         }
       },
       initial: "initial",
       animate: c ? "whileInView" : "initial",
-      exit: { opacity: 0, transition: { duration: n.duration } },
+      exit: { opacity: 0, transition: { duration: a.duration } },
       children: /* @__PURE__ */ i.jsx("div", { className: "flex flex-col justify-center h-inherit", children: /* @__PURE__ */ i.jsx(
         "p",
         {
-          className: p.cn(
+          className: d(
             "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none",
             `text-${x}`,
             l
@@ -48,6 +47,6 @@ function y(a) {
   );
 }
 export {
-  y as Y
+  u as Y
 };
-//# sourceMappingURL=YAxesLabels-CYVY053X.js.map
+//# sourceMappingURL=YAxesLabels-H5-002X5.js.map

package/dist/{YAxesLabels-CYVY053X.js.map → YAxesLabels-H5-002X5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"YAxesLabels-CYVY053X.js","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'left' | 'right' | 'center';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'right',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.foreignObject\r\n      width={width}\r\n      height={height}\r\n      x={x}\r\n      variants={{\r\n        initial: {\r\n          y,\r\n        },\r\n        whileInView: {\r\n          y,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <div className='flex flex-col justify-center h-inherit'>\r\n        <p\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n            `text-${alignment}`,\r\n            className,\r\n          )}\r\n          style={style}\r\n        >\r\n          {value}\r\n        </p>\r\n      </div>\r\n    </motion.foreignObject>\r\n  );\r\n}\r\n"],"names":["YAxesLabels","props","value","y","x","style","className","width","height","alignment","animate","isInView","jsx","motion","cn"],"mappings":";;;AAkBO,SAASA,EAAYC,GAAc;AACxC,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEV;AACJ,SACEW,gBAAAA,EAAAA;AAAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,GAAAJ;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,UACP,GAAAD;AAAA,QAAA;AAAA,QAEF,aAAa;AAAA,UACX,GAAAA;AAAA,UACA,YAAY,EAAE,UAAUO,EAAQ,SAAA;AAAA,QAAS;AAAA,MAC3C;AAAA,MAEF,SAAQ;AAAA,MACR,SAASC,IAAW,gBAAgB;AAAA,MACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAUD,EAAQ,WAAS;AAAA,MAE7D,UAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE,EAAAA;AAAAA,YACT;AAAA,YACA,QAAQL,CAAS;AAAA,YACjBH;AAAA,UAAA;AAAA,UAEF,OAAAD;AAAA,UAEC,UAAAH;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"YAxesLabels-H5-002X5.js","sources":["../src/Components/Elements/Axes/YAxesLabels.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport { motion } from 'motion/react';\r\n\r\nimport { AnimateDataType } from '@/Types';\r\n\r\ninterface Props {\r\n  value: number | string;\r\n  y: number;\r\n  x: number;\r\n  width: number;\r\n  height: number;\r\n  style?: React.CSSProperties;\r\n  className?: string;\r\n  alignment?: 'left' | 'right' | 'center';\r\n  animate: AnimateDataType;\r\n  isInView: boolean;\r\n}\r\n\r\nexport function YAxesLabels(props: Props) {\r\n  const {\r\n    value,\r\n    y,\r\n    x,\r\n    style,\r\n    className,\r\n    width,\r\n    height,\r\n    alignment = 'right',\r\n    animate,\r\n    isInView,\r\n  } = props;\r\n  return (\r\n    <motion.foreignObject\r\n      width={width}\r\n      height={height}\r\n      x={x}\r\n      variants={{\r\n        initial: {\r\n          y,\r\n        },\r\n        whileInView: {\r\n          y,\r\n          transition: { duration: animate.duration },\r\n        },\r\n      }}\r\n      initial='initial'\r\n      animate={isInView ? 'whileInView' : 'initial'}\r\n      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n    >\r\n      <div className='flex flex-col justify-center h-inherit'>\r\n        <p\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none',\r\n            `text-${alignment}`,\r\n            className,\r\n          )}\r\n          style={style}\r\n        >\r\n          {value}\r\n        </p>\r\n      </div>\r\n    </motion.foreignObject>\r\n  );\r\n}\r\n"],"names":["YAxesLabels","props","value","y","x","style","className","width","height","alignment","animate","isInView","jsx","motion","cn"],"mappings":";;AAkBO,SAASA,EAAYC,GAAc;AACxC,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,GAAAC;AAAA,IACA,GAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,SAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEV;AACJ,SACEW,gBAAAA,EAAAA;AAAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,OAAAN;AAAA,MACA,QAAAC;AAAA,MACA,GAAAJ;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,UACP,GAAAD;AAAA,QAAA;AAAA,QAEF,aAAa;AAAA,UACX,GAAAA;AAAA,UACA,YAAY,EAAE,UAAUO,EAAQ,SAAA;AAAA,QAAS;AAAA,MAC3C;AAAA,MAEF,SAAQ;AAAA,MACR,SAASC,IAAW,gBAAgB;AAAA,MACpC,MAAM,EAAE,SAAS,GAAG,YAAY,EAAE,UAAUD,EAAQ,WAAS;AAAA,MAE7D,UAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0CACb,UAAAA,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWE;AAAAA,YACT;AAAA,YACA,QAAQL,CAAS;AAAA,YACjBH;AAAA,UAAA;AAAA,UAEF,OAAAD;AAAA,UAEC,UAAAH;AAAA,QAAA;AAAA,MAAA,EACH,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/{YTicksAndGridLines-BJRXuBdC.js → YTicksAndGridLines-B6ah7CRf.js}

@@ -1,30 +1,29 @@
-import { j as r } from "./index-BHm2KTjD-2e-Fu8L-.js";
-import { c as y } from "./Typography-XJoSE-By.js";
-import { numberFormattingFunction as g } from "./numberFormattingFunction.js";
-function h(x) {
+import { j as r, m as y } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { n as g } from "./numberFormattingFunction-14YCbkN2.js";
+function b(x) {
   const {
     values: s,
     y: o,
     x1: l,
-    x2: c,
+    x2: d,
     styles: t,
     classNames: n,
     prefix: p,
-    suffix: d,
-    labelType: f,
+    suffix: c,
+    labelType: u,
     showGridLines: m,
     labelPos: e = "vertical",
-    precision: u
+    precision: f
   } = x;
   return !s && !m ? null : /* @__PURE__ */ r.jsx(r.Fragment, { children: o.map((i, a) => /* @__PURE__ */ r.jsxs("g", { children: [
     m ? /* @__PURE__ */ r.jsx(
       "line",
       {
         x1: l,
-        x2: c,
+        x2: d,
         y1: i,
         y2: i,
-        className: y.cn(
+        className: y(
           "undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550",
           n?.gridLines
         ),
@@ -42,16 +41,16 @@ function h(x) {
           textAnchor: e === "side" ? "end" : "start",
           ...t?.labels || {}
         },
-        className: y.cn(
-          f === "primary" ? "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs" : "fill-primary-gray-550 dark:fill-primary-gray-500 text-xs",
+        className: y(
+          u === "primary" ? "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs" : "fill-primary-gray-550 dark:fill-primary-gray-500 text-xs",
           n?.labels
         ),
-        children: g(s[a], "NA", u, p, d)
+        children: g(s[a], "NA", f, p, c)
       }
     ) : null
   ] }, a)) });
 }
 export {
-  h as Y
+  b as Y
 };
-//# sourceMappingURL=YTicksAndGridLines-BJRXuBdC.js.map
+//# sourceMappingURL=YTicksAndGridLines-B6ah7CRf.js.map

package/dist/{YTicksAndGridLines-BJRXuBdC.js.map → YTicksAndGridLines-B6ah7CRf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"YTicksAndGridLines-BJRXuBdC.js","sources":["../src/Components/Elements/Axes/YTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  values?: number[];\r\n  y: number[];\r\n  x1: number;\r\n  x2: number;\r\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\r\n  classNames: { gridLines?: string; labels?: string };\r\n  prefix?: string;\r\n  suffix?: string;\r\n  labelType: 'primary' | 'secondary';\r\n  showGridLines: boolean;\r\n  labelPos: 'side' | 'vertical';\r\n  precision: number;\r\n}\r\n\r\nexport function YTicksAndGridLines(props: Props) {\r\n  const {\r\n    values,\r\n    y,\r\n    x1,\r\n    x2,\r\n    styles,\r\n    classNames,\r\n    prefix,\r\n    suffix,\r\n    labelType,\r\n    showGridLines,\r\n    labelPos = 'vertical',\r\n    precision,\r\n  } = props;\r\n  if (!values && !showGridLines) return null;\r\n  return (\r\n    <>\r\n      {y.map((d, i) => (\r\n        <g key={i}>\r\n          {showGridLines ? (\r\n            <line\r\n              x1={x1}\r\n              x2={x2}\r\n              y1={d}\r\n              y2={d}\r\n              className={cn(\r\n                'undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                classNames?.gridLines,\r\n              )}\r\n              style={styles?.gridLines}\r\n            />\r\n          ) : null}\r\n          {values ? (\r\n            <text\r\n              x={x1}\r\n              y={d}\r\n              dy={labelPos === 'side' ? '0.33em' : values[i] < 0 ? '1em' : -5}\r\n              dx={labelPos === 'side' ? -4 : 0}\r\n              style={{\r\n                textAnchor: labelPos === 'side' ? 'end' : 'start',\r\n                ...(styles?.labels || {}),\r\n              }}\r\n              className={cn(\r\n                labelType === 'primary'\r\n                  ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                  : 'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                classNames?.labels,\r\n              )}\r\n            >\r\n              {numberFormattingFunction(values[i], 'NA', precision, prefix, suffix)}\r\n            </text>\r\n          ) : null}\r\n        </g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["YTicksAndGridLines","props","values","y","x1","x2","styles","classNames","prefix","suffix","labelType","showGridLines","labelPos","precision","d","i","jsx","cn"],"mappings":";;;AAmBO,SAASA,EAAmBC,GAAc;AAC/C,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,EAAA,IACEZ;AACJ,SAAI,CAACC,KAAU,CAACS,IAAsB,2CAGjC,UAAAR,EAAE,IAAI,CAACW,GAAGC,6BACR,KAAA,EACE,UAAA;AAAA,IAAAJ,IACCK,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,IAAAC;AAAA,QACA,IAAIS;AAAA,QACJ,IAAIA;AAAA,QACJ,WAAWG,EAAAA;AAAAA,UACT;AAAA,UACAV,GAAY;AAAA,QAAA;AAAA,QAEd,OAAOD,GAAQ;AAAA,MAAA;AAAA,IAAA,IAEf;AAAA,IACHJ,IACCc,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAGZ;AAAA,QACH,GAAGU;AAAA,QACH,IAAIF,MAAa,SAAS,WAAWV,EAAOa,CAAC,IAAI,IAAI,QAAQ;AAAA,QAC7D,IAAIH,MAAa,SAAS,KAAK;AAAA,QAC/B,OAAO;AAAA,UACL,YAAYA,MAAa,SAAS,QAAQ;AAAA,UAC1C,GAAIN,GAAQ,UAAU,CAAA;AAAA,QAAC;AAAA,QAEzB,WAAWW,EAAAA;AAAAA,UACTP,MAAc,YACV,6DACA;AAAA,UACJH,GAAY;AAAA,QAAA;AAAA,QAGb,YAAyBL,EAAOa,CAAC,GAAG,MAAMF,GAAWL,GAAQC,CAAM;AAAA,MAAA;AAAA,IAAA,IAEpE;AAAA,EAAA,KAjCEM,CAkCR,CACD,GACH;AAEJ;"}
+{"version":3,"file":"YTicksAndGridLines-B6ah7CRf.js","sources":["../src/Components/Elements/Axes/YTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  values?: number[];\r\n  y: number[];\r\n  x1: number;\r\n  x2: number;\r\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\r\n  classNames: { gridLines?: string; labels?: string };\r\n  prefix?: string;\r\n  suffix?: string;\r\n  labelType: 'primary' | 'secondary';\r\n  showGridLines: boolean;\r\n  labelPos: 'side' | 'vertical';\r\n  precision: number;\r\n}\r\n\r\nexport function YTicksAndGridLines(props: Props) {\r\n  const {\r\n    values,\r\n    y,\r\n    x1,\r\n    x2,\r\n    styles,\r\n    classNames,\r\n    prefix,\r\n    suffix,\r\n    labelType,\r\n    showGridLines,\r\n    labelPos = 'vertical',\r\n    precision,\r\n  } = props;\r\n  if (!values && !showGridLines) return null;\r\n  return (\r\n    <>\r\n      {y.map((d, i) => (\r\n        <g key={i}>\r\n          {showGridLines ? (\r\n            <line\r\n              x1={x1}\r\n              x2={x2}\r\n              y1={d}\r\n              y2={d}\r\n              className={cn(\r\n                'undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                classNames?.gridLines,\r\n              )}\r\n              style={styles?.gridLines}\r\n            />\r\n          ) : null}\r\n          {values ? (\r\n            <text\r\n              x={x1}\r\n              y={d}\r\n              dy={labelPos === 'side' ? '0.33em' : values[i] < 0 ? '1em' : -5}\r\n              dx={labelPos === 'side' ? -4 : 0}\r\n              style={{\r\n                textAnchor: labelPos === 'side' ? 'end' : 'start',\r\n                ...(styles?.labels || {}),\r\n              }}\r\n              className={cn(\r\n                labelType === 'primary'\r\n                  ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                  : 'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                classNames?.labels,\r\n              )}\r\n            >\r\n              {numberFormattingFunction(values[i], 'NA', precision, prefix, suffix)}\r\n            </text>\r\n          ) : null}\r\n        </g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["YTicksAndGridLines","props","values","y","x1","x2","styles","classNames","prefix","suffix","labelType","showGridLines","labelPos","precision","d","i","jsx","cn"],"mappings":";;AAmBO,SAASA,EAAmBC,GAAc;AAC/C,QAAM;AAAA,IACJ,QAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,EAAA,IACEZ;AACJ,SAAI,CAACC,KAAU,CAACS,IAAsB,2CAGjC,UAAAR,EAAE,IAAI,CAACW,GAAGC,6BACR,KAAA,EACE,UAAA;AAAA,IAAAJ,IACCK,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAZ;AAAA,QACA,IAAAC;AAAA,QACA,IAAIS;AAAA,QACJ,IAAIA;AAAA,QACJ,WAAWG;AAAAA,UACT;AAAA,UACAV,GAAY;AAAA,QAAA;AAAA,QAEd,OAAOD,GAAQ;AAAA,MAAA;AAAA,IAAA,IAEf;AAAA,IACHJ,IACCc,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAGZ;AAAA,QACH,GAAGU;AAAA,QACH,IAAIF,MAAa,SAAS,WAAWV,EAAOa,CAAC,IAAI,IAAI,QAAQ;AAAA,QAC7D,IAAIH,MAAa,SAAS,KAAK;AAAA,QAC/B,OAAO;AAAA,UACL,YAAYA,MAAa,SAAS,QAAQ;AAAA,UAC1C,GAAIN,GAAQ,UAAU,CAAA;AAAA,QAAC;AAAA,QAEzB,WAAWW;AAAAA,UACTP,MAAc,YACV,6DACA;AAAA,UACJH,GAAY;AAAA,QAAA;AAAA,QAGb,YAAyBL,EAAOa,CAAC,GAAG,MAAMF,GAAWL,GAAQC,CAAM;AAAA,MAAA;AAAA,IAAA,IAEpE;AAAA,EAAA,KAjCEM,CAkCR,CACD,GACH;AAEJ;"}

package/dist/YTicksAndGridLines-DBDuz6vb.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("./index-CHPV5EwG-DDoeWRVt.cjs"),g=require("./numberFormattingFunction-02t-wJta.cjs");function f(m){const{values:e,y,x1:n,x2:o,styles:l,classNames:a,prefix:u,suffix:c,labelType:d,showGridLines:x,labelPos:s="vertical",precision:p}=m;return!e&&!x?null:r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:y.map((i,t)=>r.jsxRuntimeExports.jsxs("g",{children:[x?r.jsxRuntimeExports.jsx("line",{x1:n,x2:o,y1:i,y2:i,className:r.mo("undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550",a?.gridLines),style:l?.gridLines}):null,e?r.jsxRuntimeExports.jsx("text",{x:n,y:i,dy:s==="side"?"0.33em":e[t]<0?"1em":-5,dx:s==="side"?-4:0,style:{textAnchor:s==="side"?"end":"start",...l?.labels||{}},className:r.mo(d==="primary"?"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs":"fill-primary-gray-550 dark:fill-primary-gray-500 text-xs",a?.labels),children:g.numberFormattingFunction(e[t],"NA",p,u,c)}):null]},t))})}exports.YTicksAndGridLines=f;
+//# sourceMappingURL=YTicksAndGridLines-DBDuz6vb.cjs.map

package/dist/{YTicksAndGridLines-CtLvzExe.cjs.map → YTicksAndGridLines-DBDuz6vb.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"YTicksAndGridLines-CtLvzExe.cjs","sources":["../src/Components/Elements/Axes/YTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  values?: number[];\r\n  y: number[];\r\n  x1: number;\r\n  x2: number;\r\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\r\n  classNames: { gridLines?: string; labels?: string };\r\n  prefix?: string;\r\n  suffix?: string;\r\n  labelType: 'primary' | 'secondary';\r\n  showGridLines: boolean;\r\n  labelPos: 'side' | 'vertical';\r\n  precision: number;\r\n}\r\n\r\nexport function YTicksAndGridLines(props: Props) {\r\n  const {\r\n    values,\r\n    y,\r\n    x1,\r\n    x2,\r\n    styles,\r\n    classNames,\r\n    prefix,\r\n    suffix,\r\n    labelType,\r\n    showGridLines,\r\n    labelPos = 'vertical',\r\n    precision,\r\n  } = props;\r\n  if (!values && !showGridLines) return null;\r\n  return (\r\n    <>\r\n      {y.map((d, i) => (\r\n        <g key={i}>\r\n          {showGridLines ? (\r\n            <line\r\n              x1={x1}\r\n              x2={x2}\r\n              y1={d}\r\n              y2={d}\r\n              className={cn(\r\n                'undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                classNames?.gridLines,\r\n              )}\r\n              style={styles?.gridLines}\r\n            />\r\n          ) : null}\r\n          {values ? (\r\n            <text\r\n              x={x1}\r\n              y={d}\r\n              dy={labelPos === 'side' ? '0.33em' : values[i] < 0 ? '1em' : -5}\r\n              dx={labelPos === 'side' ? -4 : 0}\r\n              style={{\r\n                textAnchor: labelPos === 'side' ? 'end' : 'start',\r\n                ...(styles?.labels || {}),\r\n              }}\r\n              className={cn(\r\n                labelType === 'primary'\r\n                  ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                  : 'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                classNames?.labels,\r\n              )}\r\n            >\r\n              {numberFormattingFunction(values[i], 'NA', precision, prefix, suffix)}\r\n            </text>\r\n          ) : null}\r\n        </g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["YTicksAndGridLines","props","values","x1","x2","styles","classNames","prefix","suffix","labelType","showGridLines","labelPos","precision","d","i","jsx","cn"],"mappings":"gJAmBO,SAASA,EAAmBC,EAAc,CAC/C,KAAM,CACJ,OAAAC,EACA,EACA,GAAAC,EACA,GAAAC,EACA,OAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,WACX,UAAAC,CAAA,EACEX,EACJ,MAAI,CAACC,GAAU,CAACQ,EAAsB,2DAGjC,SAAA,EAAE,IAAI,CAACG,EAAGC,6BACR,IAAA,CACE,SAAA,CAAAJ,EACCK,EAAAA,kBAAAA,IAAC,OAAA,CACC,GAAAZ,EACA,GAAAC,EACA,GAAIS,EACJ,GAAIA,EACJ,UAAWG,EAAAA,UAAAA,GACT,sEACAV,GAAY,SAAA,EAEd,MAAOD,GAAQ,SAAA,CAAA,EAEf,KACHH,EACCa,EAAAA,kBAAAA,IAAC,OAAA,CACC,EAAGZ,EACH,EAAGU,EACH,GAAIF,IAAa,OAAS,SAAWT,EAAOY,CAAC,EAAI,EAAI,MAAQ,GAC7D,GAAIH,IAAa,OAAS,GAAK,EAC/B,MAAO,CACL,WAAYA,IAAa,OAAS,MAAQ,QAC1C,GAAIN,GAAQ,QAAU,CAAA,CAAC,EAEzB,UAAWW,EAAAA,UAAAA,GACTP,IAAc,UACV,2DACA,2DACJH,GAAY,MAAA,EAGb,oCAAyBJ,EAAOY,CAAC,EAAG,KAAMF,EAAWL,EAAQC,CAAM,CAAA,CAAA,EAEpE,IAAA,GAjCEM,CAkCR,CACD,EACH,CAEJ"}
+{"version":3,"file":"YTicksAndGridLines-DBDuz6vb.cjs","sources":["../src/Components/Elements/Axes/YTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  values?: number[];\r\n  y: number[];\r\n  x1: number;\r\n  x2: number;\r\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\r\n  classNames: { gridLines?: string; labels?: string };\r\n  prefix?: string;\r\n  suffix?: string;\r\n  labelType: 'primary' | 'secondary';\r\n  showGridLines: boolean;\r\n  labelPos: 'side' | 'vertical';\r\n  precision: number;\r\n}\r\n\r\nexport function YTicksAndGridLines(props: Props) {\r\n  const {\r\n    values,\r\n    y,\r\n    x1,\r\n    x2,\r\n    styles,\r\n    classNames,\r\n    prefix,\r\n    suffix,\r\n    labelType,\r\n    showGridLines,\r\n    labelPos = 'vertical',\r\n    precision,\r\n  } = props;\r\n  if (!values && !showGridLines) return null;\r\n  return (\r\n    <>\r\n      {y.map((d, i) => (\r\n        <g key={i}>\r\n          {showGridLines ? (\r\n            <line\r\n              x1={x1}\r\n              x2={x2}\r\n              y1={d}\r\n              y2={d}\r\n              className={cn(\r\n                'undp-tick-line stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                classNames?.gridLines,\r\n              )}\r\n              style={styles?.gridLines}\r\n            />\r\n          ) : null}\r\n          {values ? (\r\n            <text\r\n              x={x1}\r\n              y={d}\r\n              dy={labelPos === 'side' ? '0.33em' : values[i] < 0 ? '1em' : -5}\r\n              dx={labelPos === 'side' ? -4 : 0}\r\n              style={{\r\n                textAnchor: labelPos === 'side' ? 'end' : 'start',\r\n                ...(styles?.labels || {}),\r\n              }}\r\n              className={cn(\r\n                labelType === 'primary'\r\n                  ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n                  : 'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                classNames?.labels,\r\n              )}\r\n            >\r\n              {numberFormattingFunction(values[i], 'NA', precision, prefix, suffix)}\r\n            </text>\r\n          ) : null}\r\n        </g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"names":["YTicksAndGridLines","props","values","x1","x2","styles","classNames","prefix","suffix","labelType","showGridLines","labelPos","precision","d","i","jsx","cn"],"mappings":"mHAmBO,SAASA,EAAmBC,EAAc,CAC/C,KAAM,CACJ,OAAAC,EACA,EACA,GAAAC,EACA,GAAAC,EACA,OAAAC,EACA,WAAAC,EACA,OAAAC,EACA,OAAAC,EACA,UAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,WACX,UAAAC,CAAA,EACEX,EACJ,MAAI,CAACC,GAAU,CAACQ,EAAsB,2DAGjC,SAAA,EAAE,IAAI,CAACG,EAAGC,6BACR,IAAA,CACE,SAAA,CAAAJ,EACCK,EAAAA,kBAAAA,IAAC,OAAA,CACC,GAAAZ,EACA,GAAAC,EACA,GAAIS,EACJ,GAAIA,EACJ,UAAWG,EAAAA,GACT,sEACAV,GAAY,SAAA,EAEd,MAAOD,GAAQ,SAAA,CAAA,EAEf,KACHH,EACCa,EAAAA,kBAAAA,IAAC,OAAA,CACC,EAAGZ,EACH,EAAGU,EACH,GAAIF,IAAa,OAAS,SAAWT,EAAOY,CAAC,EAAI,EAAI,MAAQ,GAC7D,GAAIH,IAAa,OAAS,GAAK,EAC/B,MAAO,CACL,WAAYA,IAAa,OAAS,MAAQ,QAC1C,GAAIN,GAAQ,QAAU,CAAA,CAAC,EAEzB,UAAWW,EAAAA,GACTP,IAAc,UACV,2DACA,2DACJH,GAAY,MAAA,EAGb,oCAAyBJ,EAAOY,CAAC,EAAG,KAAMF,EAAWL,EAAQC,CAAM,CAAA,CAAA,EAEpE,IAAA,GAjCEM,CAkCR,CACD,EACH,CAEJ"}