@undp/data-viz 2.2.2 → 2.2.3

package/dist/{GraphEl-DcNr5JzH.js → GraphEl-C1Rz1V__.js}

@@ -1,5 +1,5 @@
 import { c as M, j as d } from "./index-CHPV5EwG-DecW7_qr.js";
-import { j as x } from "./Typography-hWfh3H0J.js";
+import { j as k } from "./Typography-hWfh3H0J.js";
 import { ButterflyChart as S } from "./ButterflyChart.js";
 import { C as N } from "./index-D5ihtaJJ.js";
 import { DataTable as V } from "./DataTable.js";
@@ -27,8 +27,8 @@ import { LineChartWithConfidenceInterval as K } from "./LineChartWithConfidenceI
 import { DataCards as Q } from "./DataCards.js";
 import { StackedBarGraph as Z, GroupedBarGraph as ee, SimpleBarGraph as ae } from "./BarGraph.js";
 import { DumbbellChart as oe } from "./DumbbellChart.js";
-import { StripChart as te } from "./StripChart.js";
-import { BeeSwarmChart as ie } from "./BeeSwarmChart.js";
+import { StripChart as ie } from "./StripChart.js";
+import { BeeSwarmChart as te } from "./BeeSwarmChart.js";
 import { RadarChart as re } from "./RadarChart.js";
 import { BulletChart as le } from "./BulletChart.js";
 import { HybridMap as se } from "./HybridMap.js";
@@ -40,8 +40,8 @@ function Ge(y) {
     graph: s,
     graphData: o,
     debugMode: L,
-    graphDataConfiguration: t,
-    readableHeader: i,
+    graphDataConfiguration: i,
+    readableHeader: t,
     updateFilters: n
   } = y;
   if (L && (console.log(`Graph: ${s}`), console.log("Transformed data:", o), console.log("Settings:", e)), typeof o == "string") {
@@ -51,7 +51,7 @@ function Ge(y) {
       height: "inherit"
     }, a[0] = l) : l = a[0];
     let h;
-    a[1] !== o ? (h = /* @__PURE__ */ d.jsx(x, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: o }), a[1] = o, a[2] = h) : h = a[2];
+    a[1] !== o ? (h = /* @__PURE__ */ d.jsx(k, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: o }), a[1] = o, a[2] = h) : h = a[2];
     let b;
     return a[3] !== c || a[4] !== h ? (b = /* @__PURE__ */ d.jsx("div", { className: c, style: l, children: h }), a[3] = c, a[4] = h, a[5] = b) : b = a[5], b;
   }
@@ -76,8 +76,8 @@ function Ge(y) {
     treeMap: _,
     circlePacking: N,
     heatMap: A,
-    stripChart: te,
-    beeSwarmChart: ie,
+    stripChart: ie,
+    beeSwarmChart: te,
     butterflyChart: S,
     histogram: v,
     sparkLine: j,
@@ -95,7 +95,7 @@ function Ge(y) {
   }, a[6] = m) : m = a[6];
   const O = m;
   let p;
-  a[7] !== o || a[8] !== t || a[9] !== i || a[10] !== e || a[11] !== n ? (p = (c) => {
+  a[7] !== o || a[8] !== i || a[9] !== t || a[10] !== e || a[11] !== n ? (p = (c) => {
     switch (c) {
       case "barChart":
         return {
@@ -123,7 +123,7 @@ function Ge(y) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -160,7 +160,8 @@ function Ge(y) {
           classNames: e?.classNames,
           filterNA: e?.filterNA,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "waterfallChart":
         return {
@@ -185,7 +186,7 @@ function Ge(y) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -219,7 +220,8 @@ function Ge(y) {
           classNames: e?.classNames,
           filterNA: e?.filterNA,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "groupedBarChart":
         return {
@@ -242,7 +244,7 @@ function Ge(y) {
           barPadding: e?.barPadding,
           showTicks: e?.showTicks,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || r("size", t || [], i || []),
+          colorDomain: e?.colorDomain || r("size", i || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           suffix: e?.suffix,
           prefix: e?.prefix,
@@ -275,7 +277,8 @@ function Ge(y) {
           styles: e?.styles,
           classNames: e?.classNames,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "stackedBarChart":
         return {
@@ -299,7 +302,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorDomain: e?.colorDomain || r("size", t || [], i || []),
+          colorDomain: e?.colorDomain || r("size", i || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -332,7 +335,8 @@ function Ge(y) {
           styles: e?.styles,
           classNames: e?.classNames,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "bulletChart":
         return {
@@ -359,7 +363,7 @@ function Ge(y) {
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -400,7 +404,8 @@ function Ge(y) {
           targetColor: e?.targetColor,
           measureBarWidthFactor: e?.measureBarWidthFactor,
           animate: e?.animate,
-          naLabel: e?.naLabel
+          naLabel: e?.naLabel,
+          hideAxisLine: e?.hideAxisLine
         };
       case "lineChart":
         return {
@@ -522,7 +527,7 @@ function Ge(y) {
           curveType: e?.curveType,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          labels: e?.labels || [r("y1", t || [], i || []), r("y2", t || [], i || [])],
+          labels: e?.labels || [r("y1", i || [], t || []), r("y2", i || [], t || [])],
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -581,7 +586,7 @@ function Ge(y) {
           suffix: e?.suffix,
           prefix: e?.prefix,
           showColorScale: e?.showColorScale,
-          labels: e?.labels || r("y", t || [], i || []),
+          labels: e?.labels || r("y", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -693,7 +698,7 @@ function Ge(y) {
           dateFormat: e?.dateFormat,
           suffix: e?.suffix,
           prefix: e?.prefix,
-          labels: e?.labels || [r("y1", t || [], i || []), r("y2", t || [], i || [])],
+          labels: e?.labels || [r("y1", i || [], t || []), r("y2", i || [], t || [])],
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -743,7 +748,7 @@ function Ge(y) {
           sources: e?.sources,
           noOfXTicks: e?.noOfXTicks,
           dateFormat: e?.dateFormat,
-          colorDomain: e?.colorDomain || r("y", t || [], i || []),
+          colorDomain: e?.colorDomain || r("y", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           colorLegendTitle: e?.colorLegendTitle,
@@ -791,7 +796,7 @@ function Ge(y) {
           sources: e?.sources,
           colorDomain: e?.colorDomain,
           colors: e?.colors,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("x", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("x", i || [], t || []),
           scaleType: e?.scaleType,
           data: o,
           scale: e?.scale,
@@ -843,8 +848,8 @@ function Ge(y) {
           width: e?.width,
           height: e?.height,
           sources: e?.sources,
-          xColorLegendTitle: Object.keys(e || {}).indexOf("xColorLegendTitle") !== -1 ? e?.xColorLegendTitle : r("x", t || [], i || []),
-          yColorLegendTitle: Object.keys(e || {}).indexOf("yColorLegendTitle") !== -1 ? e?.yColorLegendTitle : r("y", t || [], i || []),
+          xColorLegendTitle: Object.keys(e || {}).indexOf("xColorLegendTitle") !== -1 ? e?.xColorLegendTitle : r("x", i || [], t || []),
+          yColorLegendTitle: Object.keys(e || {}).indexOf("yColorLegendTitle") !== -1 ? e?.yColorLegendTitle : r("y", i || [], t || []),
           xDomain: e?.xDomain,
           yDomain: e?.yDomain,
           colors: e?.colors,
@@ -899,7 +904,7 @@ function Ge(y) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           data: o,
           scale: e?.scale,
           centerPoint: e?.centerPoint,
@@ -947,7 +952,7 @@ function Ge(y) {
           sources: e?.sources,
           colorDomain: e?.colorDomain,
           colors: e?.colors,
-          mapColorLegendTitle: Object.keys(e || {}).indexOf("mapColorLegendTitle") !== -1 ? e?.mapColorLegendTitle : r("x", t || [], i || []),
+          mapColorLegendTitle: Object.keys(e || {}).indexOf("mapColorLegendTitle") !== -1 ? e?.mapColorLegendTitle : r("x", i || [], t || []),
           choroplethScaleType: e?.choroplethScaleType,
           data: o,
           scale: e?.scale,
@@ -1048,7 +1053,7 @@ function Ge(y) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           radius: e?.radius,
           axisTitles: e?.axisTitles,
           backgroundColor: e?.backgroundColor,
@@ -1093,10 +1098,10 @@ function Ge(y) {
           showLabels: e?.showLabels,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           radius: e?.radius,
-          xAxisTitle: Object.keys(e || {}).indexOf("xAxisTitle") !== -1 ? e?.xAxisTitle : r("x", t || [], i || []),
-          yAxisTitle: Object.keys(e || {}).indexOf("yAxisTitle") !== -1 ? e?.yAxisTitle : r("y", t || [], i || []),
+          xAxisTitle: Object.keys(e || {}).indexOf("xAxisTitle") !== -1 ? e?.xAxisTitle : r("x", i || [], t || []),
+          yAxisTitle: Object.keys(e || {}).indexOf("yAxisTitle") !== -1 ? e?.yAxisTitle : r("y", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           leftMargin: e?.leftMargin,
@@ -1163,7 +1168,7 @@ function Ge(y) {
           truncateBy: e?.truncateBy,
           labelOrder: e?.labelOrder,
           showColorScale: e?.showColorScale,
-          colorDomain: e?.colorDomain || r("x", t || [], i || []),
+          colorDomain: e?.colorDomain || r("x", i || [], t || []),
           colorLegendTitle: e?.colorLegendTitle,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1197,7 +1202,8 @@ function Ge(y) {
           classNames: e?.classNames,
           animate: e?.animate,
           highlightedDataPoints: e?.highlightedDataPoints,
-          dimmedOpacity: e?.dimmedOpacity
+          dimmedOpacity: e?.dimmedOpacity,
+          hideAxisLine: e?.hideAxisLine
         };
       case "treeMap":
         return {
@@ -1218,7 +1224,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1263,7 +1269,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1310,7 +1316,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           truncateBy: e?.truncateBy,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1353,7 +1359,7 @@ function Ge(y) {
           sources: e?.sources,
           colors: e?.colors,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           radius: e?.radius,
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
@@ -1405,7 +1411,7 @@ function Ge(y) {
           leftMargin: e?.leftMargin,
           rightMargin: e?.rightMargin,
           colorDomain: e?.colorDomain,
-          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", t || [], i || []),
+          colorLegendTitle: Object.keys(e || {}).indexOf("colorLegendTitle") !== -1 ? e?.colorLegendTitle : r("color", i || [], t || []),
           backgroundColor: e?.backgroundColor,
           padding: e?.padding,
           topMargin: e?.topMargin,
@@ -1431,7 +1437,8 @@ function Ge(y) {
           orientation: e?.orientation,
           styles: e?.styles,
           classNames: e?.classNames,
-          animate: e?.animate
+          animate: e?.animate,
+          hideAxisLine: e?.hideAxisLine
         };
       case "butterflyChart":
         return {
@@ -1444,8 +1451,8 @@ function Ge(y) {
           data: o,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          leftBarTitle: Object.keys(e || {}).indexOf("leftBarTitle") !== -1 ? e?.leftBarTitle : r("leftBar", t || [], i || []),
-          rightBarTitle: Object.keys(e || {}).indexOf("rightBarTitle") !== -1 ? e?.rightBarTitle : r("rightBar", t || [], i || []),
+          leftBarTitle: Object.keys(e || {}).indexOf("leftBarTitle") !== -1 ? e?.leftBarTitle : r("leftBar", i || [], t || []),
+          rightBarTitle: Object.keys(e || {}).indexOf("rightBarTitle") !== -1 ? e?.rightBarTitle : r("rightBar", i || [], t || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -1479,7 +1486,8 @@ function Ge(y) {
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
           classNames: e?.classNames,
-          animate: e?.animate
+          animate: e?.animate,
+          hideAxisLine: e?.hideAxisLine
         };
       case "histogram":
         return {
@@ -1522,7 +1530,8 @@ function Ge(y) {
           ariaLabel: e?.ariaLabel,
           detailsOnClick: e?.detailsOnClick,
           styles: e?.styles,
-          classNames: e?.classNames
+          classNames: e?.classNames,
+          hideAxisLine: e?.hideAxisLine
         };
       case "sparkLine":
         return {
@@ -1571,8 +1580,8 @@ function Ge(y) {
           showValues: e?.showValues,
           graphTitle: e?.graphTitle,
           graphDescription: e?.graphDescription,
-          barTitle: Object.keys(e || {}).indexOf("barTitle") !== -1 ? e?.barTitle : r("barTitle", t || [], i || []),
-          lineTitle: Object.keys(e || {}).indexOf("lineTitle") !== -1 ? e?.lineTitle : r("lineTitle", t || [], i || []),
+          barTitle: Object.keys(e || {}).indexOf("barTitle") !== -1 ? e?.barTitle : r("barTitle", i || [], t || []),
+          lineTitle: Object.keys(e || {}).indexOf("lineTitle") !== -1 ? e?.lineTitle : r("lineTitle", i || [], t || []),
           footNote: e?.footNote,
           width: e?.width,
           height: e?.height,
@@ -1823,21 +1832,21 @@ function Ge(y) {
       default:
         return {};
     }
-  }, a[7] = o, a[8] = t, a[9] = i, a[10] = e, a[11] = n, a[12] = p) : p = a[12];
+  }, a[7] = o, a[8] = i, a[9] = t, a[10] = e, a[11] = n, a[12] = p) : p = a[12];
   const w = p, u = O[s];
   let f;
   a[13] !== w || a[14] !== s ? (f = w(s), a[13] = w, a[14] = s, a[15] = f) : f = a[15];
-  const T = f, k = `grow my-0 ${s !== "statCard" ? "mx-auto" : "mx-0"} flex flex-col w-full ${s !== "unitChart" && s !== "statCard" ? "justify-center" : "justify-start"} ${e?.theme || "light"}`;
+  const x = f, T = `grow my-0 ${s !== "statCard" ? "mx-auto" : "mx-0"} flex flex-col w-full ${s !== "unitChart" && s !== "statCard" ? "justify-center" : "justify-start"} ${e?.theme || "light"}`;
   let D;
   a[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
     minHeight: "inherit"
   }, a[16] = D) : D = a[16];
   let g;
-  a[17] !== u || a[18] !== s || a[19] !== T ? (g = u ? /* @__PURE__ */ d.jsx(u, { ...T }) : /* @__PURE__ */ d.jsx(x, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: `Invalid chart type: ${s}` }), a[17] = u, a[18] = s, a[19] = T, a[20] = g) : g = a[20];
+  a[17] !== u || a[18] !== s || a[19] !== x ? (g = u ? /* @__PURE__ */ d.jsx(u, { ...x }) : /* @__PURE__ */ d.jsx(k, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: `Invalid chart type: ${s}` }), a[17] = u, a[18] = s, a[19] = x, a[20] = g) : g = a[20];
   let C;
-  return a[21] !== k || a[22] !== g ? (C = /* @__PURE__ */ d.jsx("div", { className: k, style: D, children: g }), a[21] = k, a[22] = g, a[23] = C) : C = a[23], C;
+  return a[21] !== T || a[22] !== g ? (C = /* @__PURE__ */ d.jsx("div", { className: T, style: D, children: g }), a[21] = T, a[22] = g, a[23] = C) : C = a[23], C;
 }
 export {
   Ge as G
 };
-//# sourceMappingURL=GraphEl-DcNr5JzH.js.map
+//# sourceMappingURL=GraphEl-C1Rz1V__.js.map