@undp/data-viz 0.0.66 → 0.0.67

package/dist/index.d.ts

@@ -83262,6 +83262,7 @@ declare interface Props_57 {
     width?: number;
     naColor?: string;
     className?: string;
+    showNAColor: boolean;
 }
 
 declare interface Props_58 {

package/dist/index.js

@@ -15161,11 +15161,11 @@ const xae = fn("mt-0 ml-0 mr-0", {
     },
     leading: {
       none: "leading-none",
-      xs: "leading-tight",
-      sm: "leading-snug",
+      xs: "leading-[1.25]",
+      sm: "leading-[1.375]",
       base: "leading-[1.4]",
-      lg: "leading-relaxed",
-      xl: "leading-loose"
+      lg: "leading-[1.625]",
+      xl: "leading-[2]"
     },
     marginBottom: {
       none: "mb-0",
@@ -26571,7 +26571,7 @@ function Q2(t) {
     "p",
     {
       className: ze(
-        "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5",
+        "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 leading-none",
         `text-${s}`,
         i
       ),
@@ -29372,7 +29372,7 @@ function h4(t) {
         "p",
         {
           className: ze(
-            "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center",
+            "fill-primary-gray-700 dark:fill-primary-gray-300 text-xs m-0 py-0 px-1.5 text-center leading-none",
             i
           ),
           style: a,
@@ -33095,7 +33095,7 @@ const a7 = /* @__PURE__ */ Ma(t6e), uV = lN((t) => {
                         "p",
                         {
                           className: ze(
-                            "text-center leading-tight overflow-hidden m-0 circle-packing-label",
+                            "text-center leading-[1.25] overflow-hidden m-0 circle-packing-label",
                             D == null ? void 0 : D.graphObjectValues
                           ),
                           style: {
@@ -33117,7 +33117,7 @@ const a7 = /* @__PURE__ */ Ma(t6e), uV = lN((t) => {
                       g && /* @__PURE__ */ v.jsx(
                         "p",
                         {
-                          className: "text-center font-bold leading-tight w-full m-0 circle-packing-value",
+                          className: "text-center font-bold leading-[1.25] w-full m-0 circle-packing-value",
                           style: {
                             fontSize: `${Math.min(
                               Math.max(Math.round(fe / 4), 14),
@@ -46061,7 +46061,7 @@ function r3(t) {
           "p",
           {
             className: ze(
-              "text-sm leading-tight m-0 whitespace-normal",
+              "text-sm leading-[1.25] m-0 whitespace-normal",
               a.fontWeight === "bold" ? "font-bold" : a.fontWeight === "medium" ? "font-medium" : "font-normal",
               a.align === "right" ? "text-right" : a.align === "center" ? "text-center" : "text-left",
               n ? void 0 : "text-primary-gray-700 dark:text-primary-gray-300",
@@ -61817,7 +61817,7 @@ function nye(t) {
                       "p",
                       {
                         className: ze(
-                          "text-xs text-center m-0 leading-tight graph-value",
+                          "text-xs text-center m-0 leading-[1.25] graph-value",
                           M == null ? void 0 : M.graphObjectValues
                         ),
                         style: {
@@ -61908,7 +61908,16 @@ function aye(t) {
   );
 }
 function iye(t) {
-  const { colorLegendTitle: e, colorDomain: r, colors: n, setSelectedColor: a, width: i, naColor: o, className: l } = t, [s, f] = Ne(void 0), c = o ? 320 : 360;
+  const {
+    colorLegendTitle: e,
+    colorDomain: r,
+    colors: n,
+    setSelectedColor: a,
+    width: i,
+    naColor: o,
+    className: l,
+    showNAColor: s
+  } = t, [f, c] = Ne(void 0), h = o ? 320 : 360;
   return /* @__PURE__ */ v.jsxs(
     "div",
     {
@@ -61918,73 +61927,73 @@ function iye(t) {
       children: [
         e && e !== "" ? /* @__PURE__ */ v.jsx(lr, { size: "sm", marginBottom: "2xs", className: "w-full text-center", children: e }) : null,
         /* @__PURE__ */ v.jsx("svg", { width: "100%", viewBox: "0 0 360 30", style: { maxWidth: "360px" }, direction: "ltr", children: /* @__PURE__ */ v.jsxs("g", { children: [
-          r.map((h, d) => /* @__PURE__ */ v.jsxs(
+          r.map((d, m) => /* @__PURE__ */ v.jsxs(
             "g",
             {
               onMouseOver: () => {
-                f(n[d]), a(n[d]);
+                c(n[m]), a(n[m]);
               },
               onMouseLeave: () => {
-                f(void 0), a(void 0);
+                c(void 0), a(void 0);
               },
               className: "cursor-pointer",
               children: [
                 /* @__PURE__ */ v.jsx(
                   "rect",
                   {
-                    x: d * c / n.length + 1,
+                    x: m * h / n.length + 1,
                     y: 1,
-                    width: c / n.length - 2,
+                    width: h / n.length - 2,
                     height: 8,
-                    className: `stroke-1 ${s === n[d] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
+                    className: `stroke-1 ${f === n[m] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
                     style: {
-                      fill: n[d],
-                      ...s !== n[d] ? { stroke: n[d] } : {}
+                      fill: n[m],
+                      ...f !== n[m] ? { stroke: n[m] } : {}
                     }
                   }
                 ),
                 /* @__PURE__ */ v.jsx(
                   "text",
                   {
-                    x: (d + 1) * c / n.length,
+                    x: (m + 1) * h / n.length,
                     y: 25,
                     className: "fill-primary-gray-700 dark:fill-primary-gray-300 text-sm",
                     style: { textAnchor: "middle" },
-                    children: Tt(h, "", "")
+                    children: Tt(d, "", "")
                   }
                 )
               ]
             },
-            d
+            m
           )),
           /* @__PURE__ */ v.jsx("g", { children: /* @__PURE__ */ v.jsx(
             "rect",
             {
               onMouseOver: () => {
-                f(n[r.length]), a(n[r.length]);
+                c(n[r.length]), a(n[r.length]);
               },
               onMouseLeave: () => {
-                f(void 0), a(void 0);
+                c(void 0), a(void 0);
               },
-              x: r.length * c / n.length + 1,
+              x: r.length * h / n.length + 1,
               y: 1,
-              width: c / n.length - 2,
+              width: h / n.length - 2,
               height: 8,
-              className: `cursor-pointer stroke-1 ${s === n[r.length] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
+              className: `cursor-pointer stroke-1 ${f === n[r.length] ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
               style: {
                 fill: n[r.length],
-                ...s !== n[r.length] ? { stroke: n[r.length] } : {}
+                ...f !== n[r.length] ? { stroke: n[r.length] } : {}
               }
             }
           ) }),
-          o ? /* @__PURE__ */ v.jsxs(
+          s ? /* @__PURE__ */ v.jsxs(
             "g",
             {
               onMouseOver: () => {
-                f(o || "#D4D6D8"), a(o || "#D4D6D8");
+                c(o || "#D4D6D8"), a(o || "#D4D6D8");
               },
               onMouseLeave: () => {
-                f(void 0), a(void 0);
+                c(void 0), a(void 0);
               },
               className: "cursor-pointer",
               children: [
@@ -61995,10 +62004,10 @@ function iye(t) {
                     y: 1,
                     width: 24,
                     height: 8,
-                    className: `stroke-1 ${s === o ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
+                    className: `stroke-1 ${f === o ? "stroke-primary-gray-700 dark:stroke-primary-gray-300" : ""}`,
                     style: {
                       fill: o || "#D4D6D8",
-                      ...s !== o ? { stroke: o } : {},
+                      ...f !== o ? { stroke: o } : {},
                       strokeWidth: 1
                     }
                   }
@@ -62138,7 +62147,8 @@ function oye(t) {
                       ] : Qe[Y].sequentialColors[`neutralColorsx0${m.length + 1}`]),
                       colorDomain: m,
                       setSelectedColor: U,
-                      naColor: G
+                      naColor: G,
+                      showNAColor: z
                     }
                   ) }) : /* @__PURE__ */ v.jsx("div", { style: { marginBottom: "-12px" }, children: /* @__PURE__ */ v.jsx(
                     aye,