@undp/data-viz 2.5.4 → 2.6.1

package/dist/StatCardFromData.js

@@ -1,167 +1,139 @@
-import { c as oe, m as ie, j as a } from "./index-CHPV5EwG-BzibaIRc.js";
-import { s as M } from "./index-CeVNqhMO.js";
-import { R as Y } from "./Typography-BO0gQDIT.js";
-import { GraphFooter as ee } from "./GraphFooter.js";
-import { GraphHeader as te } from "./GraphHeader.js";
-import { n as d } from "./numberFormattingFunction-BUUV_luR.js";
-function _e(r) {
-  const e = oe.c(53), {
-    year: g,
-    data: i,
-    graphTitle: p,
-    sources: x,
-    graphDescription: f,
-    footNote: h,
-    padding: R,
-    backgroundColor: E,
-    graphID: A,
-    aggregationMethod: G,
-    language: I,
-    countOnly: u,
-    theme: q,
-    ariaLabel: re,
-    textBackground: J,
-    headingFontSize: K,
-    centerAlign: P,
-    verticalAlign: Q,
-    layout: U,
-    styles: o,
-    classNames: n,
-    naLabel: V,
-    numberDisplayOptions: t
-  } = r, m = E === void 0 ? !1 : E, s = G === void 0 ? "count" : G, c = I === void 0 ? "en" : I, X = q === void 0 ? "light" : q, w = J === void 0 ? !1 : J, F = K === void 0 ? "4.375rem" : K, S = P === void 0 ? !1 : P, Z = Q === void 0 ? "center" : Q, _ = U === void 0 ? "primary" : U, l = V === void 0 ? "NA" : V, L = `${X || "light"} w-full`, T = c === "he" || c === "ar" ? "rtl" : void 0, z = `${X || "light"} flex flex-col w-full box-border h-full ${m ? m === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${c || "en"}`, B = n?.graphContainer;
-  let y;
-  e[0] !== z || e[1] !== B ? (y = ie(z, B), e[0] = z, e[1] = B, e[2] = y) : y = e[2];
-  let v;
-  e[3] !== o?.graphContainer ? (v = o?.graphContainer || {}, e[3] = o?.graphContainer, e[4] = v) : v = e[4];
-  let b;
-  e[5] !== m ? (b = m && m !== !0 ? {
-    backgroundColor: m
-  } : {}, e[5] = m, e[6] = b) : b = e[6];
-  const D = m ? R || "1rem" : R || 0;
-  let j;
-  e[7] !== v || e[8] !== b || e[9] !== D ? (j = {
-    ...v,
-    ...b,
-    padding: D
-  }, e[7] = v, e[8] = b, e[9] = D, e[10] = j) : j = e[10];
-  const O = re || `${p ? `The graph shows ${p}. ` : ""}This is a statistic card.${f ? ` ${f}` : ""}`, W = `flex flex-col w-full grow ${_ !== "secondary" ? "gap-12 justify-between" : "gap-4 justify-center"}`;
-  let k;
-  e[11] !== s || e[12] !== S || e[13] !== n?.description || e[14] !== n?.footnote || e[15] !== n?.source || e[16] !== n?.title || e[17] !== u || e[18] !== i || e[19] !== h || e[20] !== f || e[21] !== p || e[22] !== F || e[23] !== c || e[24] !== _ || e[25] !== l || e[26] !== t?.locale || e[27] !== t?.padZeros || e[28] !== t?.precision || e[29] !== t?.prefix || e[30] !== t?.suffix || e[31] !== x || e[32] !== o?.description || e[33] !== o?.footnote || e[34] !== o?.source || e[35] !== o?.title || e[36] !== w || e[37] !== Z || e[38] !== g ? (k = _ !== "secondary" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    p || f ? /* @__PURE__ */ a.jsx(te, { styles: {
-      title: o?.title,
-      description: o?.description
-    }, classNames: {
-      title: n?.title,
-      description: n?.description
-    }, graphTitle: p, graphDescription: f }) : null,
-    /* @__PURE__ */ a.jsx("div", { className: `flex flex-col justify-between grow ${Z === "top" ? "justify-start" : Z === "bottom" ? "justify-end" : "justify-center"}`, children: /* @__PURE__ */ a.jsxs(Y, { marginBottom: "base", className: `leading-none text-outline font-heading ${S ? "text-center" : c === "he" || c === "ar" ? "text-right" : "text-left"} ${w ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: F,
-      letterSpacing: "0.05rem"
-    }, children: [
-      i.filter(ye).length > 0 || s === "count" ? u && u?.length !== 0 ? i.filter((H) => u.indexOf(H.value) !== -1).length : i.length : s === "sum" ? d(M(i.map(he)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros) : s === "average" ? d(parseFloat((M(i.map(xe)) / i.length).toFixed(2)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros) : s === "max" ? d(Math.max(...i.map(ge).filter(de)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros) : d(Math.min(...i.map(me).filter(ue)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros),
-      " ",
-      g ? /* @__PURE__ */ a.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
-        marginLeft: "-8px",
-        lineHeight: "1.09",
-        textShadow: "none",
-        WebkitTextStrokeWidth: 0
-      }, children: [
-        "(",
-        g,
-        ")"
-      ] }) : null
-    ] }) }),
-    x || h ? /* @__PURE__ */ a.jsx(ee, { styles: {
-      footnote: o?.footnote,
-      source: o?.source
-    }, classNames: {
-      footnote: n?.footnote,
-      source: n?.source
-    }, sources: x, footNote: h }) : null
-  ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsxs(Y, { marginBottom: _ === "secondary" ? "none" : "base", className: `leading-none text-outline font-heading ${S ? "text-center" : c === "he" || c === "ar" ? "text-right" : "text-left"} ${w ? "text-primary-black dark:text-primary-white" : "transparent"}`, style: {
-      fontSize: F,
-      letterSpacing: "0.05rem"
-    }, children: [
-      i.filter(fe).length > 0 || s === "count" ? u && u?.length !== 0 ? i.filter((H) => u.indexOf(H.value) !== -1).length : i.length : s === "sum" ? d(M(i.map(pe)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros) : s === "average" ? d(parseFloat((M(i.map(ce)) / i.length).toFixed(2)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros) : s === "max" ? d(Math.max(...i.map(le).filter(se)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros) : d(Math.min(...i.map(ae).filter(ne)), l, t?.precision ?? 2, t?.prefix, t?.suffix, t?.locale, t?.padZeros),
-      " ",
-      g ? /* @__PURE__ */ a.jsxs("span", { className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400", style: {
-        marginLeft: "-8px",
-        lineHeight: "1.09",
-        textShadow: "none",
-        WebkitTextStrokeWidth: 0
-      }, children: [
-        "(",
-        g,
-        ")"
-      ] }) : null
-    ] }),
-    p || f ? /* @__PURE__ */ a.jsx(te, { styles: {
-      title: o?.title,
-      description: o?.description
-    }, classNames: {
-      title: n?.title,
-      description: n?.description
-    }, graphTitle: p, graphDescription: f }) : null,
-    x || h ? /* @__PURE__ */ a.jsx(ee, { styles: {
-      footnote: o?.footnote,
-      source: o?.source
-    }, classNames: {
-      footnote: n?.footnote,
-      source: n?.source
-    }, sources: x, footNote: h }) : null
-  ] }), e[11] = s, e[12] = S, e[13] = n?.description, e[14] = n?.footnote, e[15] = n?.source, e[16] = n?.title, e[17] = u, e[18] = i, e[19] = h, e[20] = f, e[21] = p, e[22] = F, e[23] = c, e[24] = _, e[25] = l, e[26] = t?.locale, e[27] = t?.padZeros, e[28] = t?.precision, e[29] = t?.prefix, e[30] = t?.suffix, e[31] = x, e[32] = o?.description, e[33] = o?.footnote, e[34] = o?.source, e[35] = o?.title, e[36] = w, e[37] = Z, e[38] = g, e[39] = k) : k = e[39];
-  let N;
-  e[40] !== W || e[41] !== k ? (N = /* @__PURE__ */ a.jsx("div", { className: W, children: k }), e[40] = W, e[41] = k, e[42] = N) : N = e[42];
-  let $;
-  e[43] !== A || e[44] !== T || e[45] !== y || e[46] !== j || e[47] !== O || e[48] !== N ? ($ = /* @__PURE__ */ a.jsx("div", { id: A, dir: T, className: y, style: j, "aria-label": O, children: N }), e[43] = A, e[44] = T, e[45] = y, e[46] = j, e[47] = O, e[48] = N, e[49] = $) : $ = e[49];
-  let C;
-  return e[50] !== L || e[51] !== $ ? (C = /* @__PURE__ */ a.jsx("div", { className: L, children: $ }), e[50] = L, e[51] = $, e[52] = C) : C = e[52], C;
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { GraphFooter as n } from "./GraphFooter.js";
+import { GraphHeader as r } from "./GraphHeader.js";
+import { t as i } from "./lodash.sum-CX6zs3_n.js";
+import { t as a } from "./numberFormattingFunction-Cha8dhHc.js";
+import { cn as o } from "@undp/design-system-react/cn";
+import { H3 as s } from "@undp/design-system-react/Typography";
+//#region src/Components/Graphs/StatCard/StatCardFromData.tsx
+var c = /* @__PURE__ */ e(i(), 1), l = t();
+function u(e) {
+	let { year: t, data: i, graphTitle: u, sources: d, graphDescription: f, footNote: p, padding: m, backgroundColor: h = !1, graphID: g, aggregationMethod: _ = "count", language: v = "en", countOnly: y, theme: b = "light", textBackground: x = !1, headingFontSize: S = "4.375rem", centerAlign: C = !1, verticalAlign: w = "center", layout: T = "primary", styles: E, classNames: D, naLabel: O = "NA", numberDisplayOptions: k } = e;
+	return /* @__PURE__ */ (0, l.jsx)("div", {
+		className: `${b || "light"} w-full`,
+		children: /* @__PURE__ */ (0, l.jsx)("div", {
+			id: g,
+			dir: v === "he" || v === "ar" ? "rtl" : void 0,
+			className: o(`${b || "light"} flex flex-col w-full box-border h-full ${h ? h === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650" : "" : "bg-transparent"} ${v || "en"}`, D?.graphContainer),
+			style: {
+				...E?.graphContainer || {},
+				...h && h !== !0 ? { backgroundColor: h } : {},
+				padding: h ? m || "1rem" : m || 0
+			},
+			children: /* @__PURE__ */ (0, l.jsx)("div", {
+				className: `flex flex-col w-full grow ${T === "secondary" ? "gap-4 justify-center" : "gap-12 justify-between"}`,
+				children: T === "secondary" ? /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [
+					/* @__PURE__ */ (0, l.jsxs)(s, {
+						marginBottom: T === "secondary" ? "none" : "base",
+						className: `leading-none text-outline font-heading ${C ? "text-center" : v === "he" || v === "ar" ? "text-right" : "text-left"} ${x ? "text-primary-black dark:text-primary-white" : "transparent"}`,
+						style: {
+							fontSize: S,
+							letterSpacing: "0.05rem"
+						},
+						children: [
+							i.filter((e) => typeof e.value == "string").length > 0 || _ === "count" ? y && y?.length !== 0 ? i.filter((e) => y.indexOf(e.value) !== -1).length : i.length : a(_ === "sum" ? (0, c.default)(i.map((e) => e.value)) : _ === "average" ? parseFloat(((0, c.default)(i.map((e) => e.value)) / i.length).toFixed(2)) : _ === "max" ? Math.max(...i.map((e) => e.value).filter((e) => e !== void 0)) : Math.min(...i.map((e) => e.value).filter((e) => e !== void 0)), O, k?.precision ?? 2, k?.prefix, k?.suffix, k?.locale, k?.padZeros),
+							" ",
+							t ? /* @__PURE__ */ (0, l.jsxs)("span", {
+								className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",
+								style: {
+									marginLeft: "-8px",
+									lineHeight: "1.09",
+									textShadow: "none",
+									WebkitTextStrokeWidth: 0
+								},
+								children: [
+									"(",
+									t,
+									")"
+								]
+							}) : null
+						]
+					}),
+					u || f ? /* @__PURE__ */ (0, l.jsx)(r, {
+						styles: {
+							title: E?.title,
+							description: E?.description
+						},
+						classNames: {
+							title: D?.title,
+							description: D?.description
+						},
+						graphTitle: u,
+						graphDescription: f
+					}) : null,
+					d || p ? /* @__PURE__ */ (0, l.jsx)(n, {
+						styles: {
+							footnote: E?.footnote,
+							source: E?.source
+						},
+						classNames: {
+							footnote: D?.footnote,
+							source: D?.source
+						},
+						sources: d,
+						footNote: p
+					}) : null
+				] }) : /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [
+					u || f ? /* @__PURE__ */ (0, l.jsx)(r, {
+						styles: {
+							title: E?.title,
+							description: E?.description
+						},
+						classNames: {
+							title: D?.title,
+							description: D?.description
+						},
+						graphTitle: u,
+						graphDescription: f
+					}) : null,
+					/* @__PURE__ */ (0, l.jsx)("div", {
+						className: `flex flex-col justify-between grow ${w === "top" ? "justify-start" : w === "bottom" ? "justify-end" : "justify-center"}`,
+						children: /* @__PURE__ */ (0, l.jsxs)(s, {
+							marginBottom: "base",
+							className: `leading-none text-outline font-heading ${C ? "text-center" : v === "he" || v === "ar" ? "text-right" : "text-left"} ${x ? "text-primary-black dark:text-primary-white" : "transparent"}`,
+							style: {
+								fontSize: S,
+								letterSpacing: "0.05rem"
+							},
+							children: [
+								i.filter((e) => typeof e.value == "string").length > 0 || _ === "count" ? y && y?.length !== 0 ? i.filter((e) => y.indexOf(e.value) !== -1).length : i.length : a(_ === "sum" ? (0, c.default)(i.map((e) => e.value)) : _ === "average" ? parseFloat(((0, c.default)(i.map((e) => e.value)) / i.length).toFixed(2)) : _ === "max" ? Math.max(...i.map((e) => e.value).filter((e) => e !== void 0)) : Math.min(...i.map((e) => e.value).filter((e) => e !== void 0)), O, k?.precision ?? 2, k?.prefix, k?.suffix, k?.locale, k?.padZeros),
+								" ",
+								t ? /* @__PURE__ */ (0, l.jsxs)("span", {
+									className: "text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",
+									style: {
+										marginLeft: "-8px",
+										lineHeight: "1.09",
+										textShadow: "none",
+										WebkitTextStrokeWidth: 0
+									},
+									children: [
+										"(",
+										t,
+										")"
+									]
+								}) : null
+							]
+						})
+					}),
+					d || p ? /* @__PURE__ */ (0, l.jsx)(n, {
+						styles: {
+							footnote: E?.footnote,
+							source: E?.source
+						},
+						classNames: {
+							footnote: D?.footnote,
+							source: D?.source
+						},
+						sources: d,
+						footNote: p
+					}) : null
+				] })
+			})
+		})
+	});
 }
-function ne(r) {
-  return r !== void 0;
-}
-function ae(r) {
-  return r.value;
-}
-function se(r) {
-  return r !== void 0;
-}
-function le(r) {
-  return r.value;
-}
-function ce(r) {
-  return r.value;
-}
-function pe(r) {
-  return r.value;
-}
-function fe(r) {
-  return typeof r.value == "string";
-}
-function ue(r) {
-  return r !== void 0;
-}
-function me(r) {
-  return r.value;
-}
-function de(r) {
-  return r !== void 0;
-}
-function ge(r) {
-  return r.value;
-}
-function xe(r) {
-  return r.value;
-}
-function he(r) {
-  return r.value;
-}
-function ye(r) {
-  return typeof r.value == "string";
-}
-export {
-  _e as StatCardFromData
-};
-//# sourceMappingURL=StatCardFromData.js.map
+//#endregion
+export { u as StatCardFromData };
+
+//# sourceMappingURL=StatCardFromData.js.map

package/dist/StatCardFromData.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatCardFromData.js","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  NumberFormatOptions,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\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  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Values and Ticks\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\r\n  numberDisplayOptions?: NumberFormatOptions;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\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 StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    naLabel = 'NA',\r\n    numberDisplayOptions,\r\n  } = props;\r\n\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\r\n            !backgroundColor\r\n              ? 'bg-transparent'\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\r\n                : ''\r\n          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          naLabel,\r\n                          numberDisplayOptions?.precision ?? 2,\r\n                          numberDisplayOptions?.prefix,\r\n                          numberDisplayOptions?.suffix,\r\n                          numberDisplayOptions?.locale,\r\n                          numberDisplayOptions?.padZeros,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            naLabel,\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            numberDisplayOptions?.prefix,\r\n                            numberDisplayOptions?.suffix,\r\n                            numberDisplayOptions?.locale,\r\n                            numberDisplayOptions?.padZeros,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              naLabel,\r\n                              numberDisplayOptions?.precision ?? 2,\r\n                              numberDisplayOptions?.prefix,\r\n                              numberDisplayOptions?.suffix,\r\n                              numberDisplayOptions?.locale,\r\n                              numberDisplayOptions?.padZeros,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              naLabel,\r\n                              numberDisplayOptions?.precision ?? 2,\r\n                              numberDisplayOptions?.prefix,\r\n                              numberDisplayOptions?.suffix,\r\n                              numberDisplayOptions?.locale,\r\n                              numberDisplayOptions?.padZeros,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\r\n              </div>\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        naLabel,\r\n                        numberDisplayOptions?.precision ?? 2,\r\n                        numberDisplayOptions?.prefix,\r\n                        numberDisplayOptions?.suffix,\r\n                        numberDisplayOptions?.locale,\r\n                        numberDisplayOptions?.padZeros,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          naLabel,\r\n                          numberDisplayOptions?.precision ?? 2,\r\n                          numberDisplayOptions?.prefix,\r\n                          numberDisplayOptions?.suffix,\r\n                          numberDisplayOptions?.locale,\r\n                          numberDisplayOptions?.padZeros,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            naLabel,\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            numberDisplayOptions?.prefix,\r\n                            numberDisplayOptions?.suffix,\r\n                            numberDisplayOptions?.locale,\r\n                            numberDisplayOptions?.padZeros,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            naLabel,\r\n                            numberDisplayOptions?.precision ?? 2,\r\n                            numberDisplayOptions?.prefix,\r\n                            numberDisplayOptions?.suffix,\r\n                            numberDisplayOptions?.locale,\r\n                            numberDisplayOptions?.padZeros,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\r\n                <GraphHeader\r\n                  styles={{\r\n                    title: styles?.title,\r\n                    description: styles?.description,\r\n                  }}\r\n                  classNames={{\r\n                    title: classNames?.title,\r\n                    description: classNames?.description,\r\n                  }}\r\n                  graphTitle={graphTitle}\r\n                  graphDescription={graphDescription}\r\n                />\r\n              ) : null}\r\n              {sources || footNote ? (\r\n                <GraphFooter\r\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                  classNames={{\r\n                    footnote: classNames?.footnote,\r\n                    source: classNames?.source,\r\n                  }}\r\n                  sources={sources}\r\n                  footNote={footNote}\r\n                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","$","_c","year","data","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","t0","graphID","aggregationMethod","t1","language","t2","countOnly","theme","t3","ariaLabel","textBackground","t4","headingFontSize","t5","centerAlign","t6","verticalAlign","t7","layout","t8","styles","classNames","naLabel","t9","numberDisplayOptions","undefined","t10","t11","t12","t13","graphContainer","t14","cn","t15","t16","t17","t18","t19","t20","t21","description","footnote","source","title","locale","padZeros","precision","prefix","suffix","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","filter","_temp","length","d","indexOf","value","numberFormattingFunction","sum","map","_temp2","parseFloat","_temp3","toFixed","Math","max","_temp4","_temp5","min","_temp6","_temp7","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","_temp8","d_7","_temp9","_temp0","_temp1","_temp10","_temp11","_temp12","t22","t23","t24","d_13","d_12","d_11","d_10","d_9","d_8","d_14","d_5","d_4","d_3","d_2","d_1","d_0","d_6"],"mappings":"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"}
+{"version":3,"file":"StatCardFromData.js","names":[],"sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { H3 } from '@undp/design-system-react/Typography';\nimport sum from 'lodash.sum';\n\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  ClassNameObject,\n  Languages,\n  NumberFormatOptions,\n  SourcesDataType,\n  StatCardsFromDataSheetDataType,\n  StyleObject,\n} from '@/Types';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: StatCardsFromDataSheetDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n\n  // Colors and Styling\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Defines the layout for the cards */\n  layout?: 'primary' | 'secondary';\n  /** Font size of the main text */\n  headingFontSize?: string;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Toggle the fill color of the main text. */\n  textBackground?: boolean;\n  /** Toggle is the text is center aligned. */\n  centerAlign?: boolean;\n  /** Vertical alignment of the main text */\n  verticalAlign?: 'center' | 'top' | 'bottom';\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Values and Ticks\n  /** Sub text next to main text */\n  year?: number | string;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n\n  // Graph Parameters\n  /** Data points that need to counted for aggregation.  */\n  countOnly?: (string | number)[];\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function StatCardFromData(props: Props) {\n  const {\n    year,\n    data,\n    graphTitle,\n    sources,\n    graphDescription,\n    footNote,\n    padding,\n    backgroundColor = false,\n    graphID,\n    aggregationMethod = 'count',\n    language = 'en',\n    countOnly,\n    theme = 'light',\n    textBackground = false,\n    headingFontSize = '4.375rem',\n    centerAlign = false,\n    verticalAlign = 'center',\n    layout = 'primary',\n    styles,\n    classNames,\n    naLabel = 'NA',\n    numberDisplayOptions,\n  } = props;\n\n  return (\n    <div className={`${theme || 'light'} w-full`}>\n      <div\n        id={graphID}\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\n        className={cn(\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\n            !backgroundColor\n              ? 'bg-transparent'\n              : backgroundColor === true\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650'\n                : ''\n          } ${language || 'en'}`,\n          classNames?.graphContainer,\n        )}\n        style={{\n          ...(styles?.graphContainer || {}),\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\n        }}\n      >\n        <div\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\n        >\n          {layout !== 'secondary' ? (\n            <>\n              {graphTitle || graphDescription ? (\n                <GraphHeader\n                  styles={{\n                    title: styles?.title,\n                    description: styles?.description,\n                  }}\n                  classNames={{\n                    title: classNames?.title,\n                    description: classNames?.description,\n                  }}\n                  graphTitle={graphTitle}\n                  graphDescription={graphDescription}\n                />\n              ) : null}\n              <div\n                className={`flex flex-col justify-between grow ${\n                  verticalAlign === 'top'\n                    ? 'justify-start'\n                    : verticalAlign === 'bottom'\n                      ? 'justify-end'\n                      : 'justify-center'\n                }`}\n              >\n                <H3\n                  marginBottom='base'\n                  className={`leading-none text-outline font-heading ${\n                    centerAlign\n                      ? 'text-center'\n                      : language === 'he' || language === 'ar'\n                        ? 'text-right'\n                        : 'text-left'\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\n                  style={{\n                    fontSize: headingFontSize,\n                    letterSpacing: '0.05rem',\n                  }}\n                >\n                  {data.filter((d) => typeof d.value === 'string').length > 0 ||\n                  aggregationMethod === 'count'\n                    ? countOnly && countOnly?.length !== 0\n                      ? data.filter((d) => countOnly.indexOf(d.value) !== -1).length\n                      : data.length\n                    : aggregationMethod === 'sum'\n                      ? numberFormattingFunction(\n                          sum(data.map((d) => d.value)),\n                          naLabel,\n                          numberDisplayOptions?.precision ?? 2,\n                          numberDisplayOptions?.prefix,\n                          numberDisplayOptions?.suffix,\n                          numberDisplayOptions?.locale,\n                          numberDisplayOptions?.padZeros,\n                        )\n                      : aggregationMethod === 'average'\n                        ? numberFormattingFunction(\n                            parseFloat((sum(data.map((d) => d.value)) / data.length).toFixed(2)),\n                            naLabel,\n                            numberDisplayOptions?.precision ?? 2,\n                            numberDisplayOptions?.prefix,\n                            numberDisplayOptions?.suffix,\n                            numberDisplayOptions?.locale,\n                            numberDisplayOptions?.padZeros,\n                          )\n                        : aggregationMethod === 'max'\n                          ? numberFormattingFunction(\n                              Math.max(\n                                ...data\n                                  .map((d) => d.value as number | undefined)\n                                  .filter((d) => d !== undefined),\n                              ),\n                              naLabel,\n                              numberDisplayOptions?.precision ?? 2,\n                              numberDisplayOptions?.prefix,\n                              numberDisplayOptions?.suffix,\n                              numberDisplayOptions?.locale,\n                              numberDisplayOptions?.padZeros,\n                            )\n                          : numberFormattingFunction(\n                              Math.min(\n                                ...data\n                                  .map((d) => d.value as number | undefined)\n                                  .filter((d) => d !== undefined),\n                              ),\n                              naLabel,\n                              numberDisplayOptions?.precision ?? 2,\n                              numberDisplayOptions?.prefix,\n                              numberDisplayOptions?.suffix,\n                              numberDisplayOptions?.locale,\n                              numberDisplayOptions?.padZeros,\n                            )}{' '}\n                  {year ? (\n                    <span\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\n                      style={{\n                        marginLeft: '-8px',\n                        lineHeight: '1.09',\n                        textShadow: 'none',\n                        WebkitTextStrokeWidth: 0,\n                      }}\n                    >\n                      ({year})\n                    </span>\n                  ) : null}\n                </H3>\n              </div>\n              {sources || footNote ? (\n                <GraphFooter\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\n                  classNames={{\n                    footnote: classNames?.footnote,\n                    source: classNames?.source,\n                  }}\n                  sources={sources}\n                  footNote={footNote}\n                />\n              ) : null}\n            </>\n          ) : (\n            <>\n              <H3\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\n                className={`leading-none text-outline font-heading ${\n                  centerAlign\n                    ? 'text-center'\n                    : language === 'he' || language === 'ar'\n                      ? 'text-right'\n                      : 'text-left'\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\n                style={{\n                  fontSize: headingFontSize,\n                  letterSpacing: '0.05rem',\n                }}\n              >\n                {data.filter((d) => typeof d.value === 'string').length > 0 ||\n                aggregationMethod === 'count'\n                  ? countOnly && countOnly?.length !== 0\n                    ? data.filter((d) => countOnly.indexOf(d.value) !== -1).length\n                    : data.length\n                  : aggregationMethod === 'sum'\n                    ? numberFormattingFunction(\n                        sum(data.map((d) => d.value)),\n                        naLabel,\n                        numberDisplayOptions?.precision ?? 2,\n                        numberDisplayOptions?.prefix,\n                        numberDisplayOptions?.suffix,\n                        numberDisplayOptions?.locale,\n                        numberDisplayOptions?.padZeros,\n                      )\n                    : aggregationMethod === 'average'\n                      ? numberFormattingFunction(\n                          parseFloat((sum(data.map((d) => d.value)) / data.length).toFixed(2)),\n                          naLabel,\n                          numberDisplayOptions?.precision ?? 2,\n                          numberDisplayOptions?.prefix,\n                          numberDisplayOptions?.suffix,\n                          numberDisplayOptions?.locale,\n                          numberDisplayOptions?.padZeros,\n                        )\n                      : aggregationMethod === 'max'\n                        ? numberFormattingFunction(\n                            Math.max(\n                              ...data\n                                .map((d) => d.value as number | undefined)\n                                .filter((d) => d !== undefined),\n                            ),\n                            naLabel,\n                            numberDisplayOptions?.precision ?? 2,\n                            numberDisplayOptions?.prefix,\n                            numberDisplayOptions?.suffix,\n                            numberDisplayOptions?.locale,\n                            numberDisplayOptions?.padZeros,\n                          )\n                        : numberFormattingFunction(\n                            Math.min(\n                              ...data\n                                .map((d) => d.value as number | undefined)\n                                .filter((d) => d !== undefined),\n                            ),\n                            naLabel,\n                            numberDisplayOptions?.precision ?? 2,\n                            numberDisplayOptions?.prefix,\n                            numberDisplayOptions?.suffix,\n                            numberDisplayOptions?.locale,\n                            numberDisplayOptions?.padZeros,\n                          )}{' '}\n                {year ? (\n                  <span\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\n                    style={{\n                      marginLeft: '-8px',\n                      lineHeight: '1.09',\n                      textShadow: 'none',\n                      WebkitTextStrokeWidth: 0,\n                    }}\n                  >\n                    ({year})\n                  </span>\n                ) : null}\n              </H3>\n              {graphTitle || graphDescription ? (\n                <GraphHeader\n                  styles={{\n                    title: styles?.title,\n                    description: styles?.description,\n                  }}\n                  classNames={{\n                    title: classNames?.title,\n                    description: classNames?.description,\n                  }}\n                  graphTitle={graphTitle}\n                  graphDescription={graphDescription}\n                />\n              ) : null}\n              {sources || footNote ? (\n                <GraphFooter\n                  styles={{ footnote: styles?.footnote, source: styles?.source }}\n                  classNames={{\n                    footnote: classNames?.footnote,\n                    source: classNames?.source,\n                  }}\n                  sources={sources}\n                  footNote={footNote}\n                />\n              ) : null}\n            </>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}