@undp/data-viz 2.6.0 → 2.6.1

package/dist/SingleGraphDashboardThreeDGraphs.js

@@ -1,387 +1,2 @@
-import { c as ue, j as o } from "./compiler-runtime-qHgugrLy.js";
-import { useState as y, useRef as Q, useEffectEvent as E, useEffect as k } from "react";
-import { i as de } from "./index-BuwmuDFJ.js";
-import { f as z } from "./index-EArKRVKg.js";
-import { i as ce } from "./index-Bwrro8-q.js";
-import { DropdownSelect as O, createFilter as L } from "@undp/design-system-react/DropdownSelect";
-import { CheckboxGroup as X, CheckboxGroupItem as Y } from "@undp/design-system-react/CheckboxGroup";
-import { RadioGroup as U, RadioGroupItem as B } from "@undp/design-system-react/RadioGroup";
-import { Spinner as he } from "@undp/design-system-react/Spinner";
-import { Label as M } from "@undp/design-system-react/Label";
-import { P as _ } from "@undp/design-system-react/Typography";
-import { ThreeDGlobe as ge } from "./ThreeDGlobe.js";
-import { g as pe, c as me } from "./checkIfMultiple-D2tgEnYM.js";
-import { b as fe, d as Ce, f as be, c as ve, t as xe } from "./fetchAndParseData-CDjQZ1fL.js";
-import { a as we, t as Ie } from "./transformDataForAggregation-wdPf8bNt.js";
-import { g as ee } from "./getUniqValue-DsqSii6M.js";
-import { GraphHeader as De } from "./GraphHeader.js";
-import { f as ae } from "./filterData-DsAiFzKY.js";
-import { g as Se } from "./getGraphList-Bpd3PVmF.js";
-import { t as te } from "./transformDataForSelect-D8AuvYdf.js";
-import { G as ye } from "./GraphContainer-DcOM2CI6.js";
-function Ve(D) {
-  const a = ue.c(24), {
-    settings: t,
-    graph: g,
-    graphData: d,
-    debugMode: I,
-    graphDataConfiguration: r,
-    readableHeader: V,
-    updateFilters: w
-  } = D;
-  if (I && (console.log(`Graph: ${g}`), console.log("Transformed data:", d), console.log("Settings:", t)), typeof d == "string") {
-    const f = `flex my-0 mx-auto grow flex-col justify-center ${t?.width ? "w-fit" : "w-full"}`;
-    let m;
-    a[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-      height: "inherit"
-    }, a[0] = m) : m = a[0];
-    let u;
-    a[1] !== d ? (u = /* @__PURE__ */ o.jsx(_, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: d }), a[1] = d, a[2] = u) : u = a[2];
-    let x;
-    return a[3] !== f || a[4] !== u ? (x = /* @__PURE__ */ o.jsx("div", { className: f, style: m, children: u }), a[3] = f, a[4] = u, a[5] = x) : x = a[5], x;
-  }
-  let b;
-  a[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = {
-    threeDGlobe: ge
-  }, a[6] = b) : b = a[6];
-  const H = b;
-  let j;
-  a[7] !== d || a[8] !== r || a[9] !== V || a[10] !== t || a[11] !== w ? (j = (f) => f === "threeDGlobe" ? {
-    numberDisplayOptions: t?.numberDisplayOptions,
-    globeOffset: t?.globeOffset,
-    collapseColorScaleByDefault: t?.collapseColorScaleByDefault,
-    polygonAltitude: t?.polygonAltitude,
-    highlightedIds: t?.highlightedIds,
-    scale: t?.scale,
-    theme: t?.theme,
-    resetSelectionOnDoubleClick: t?.resetSelectionOnDoubleClick,
-    graphTitle: t?.graphTitle,
-    mapData: t?.mapData,
-    graphDescription: t?.graphDescription,
-    footNote: t?.footNote,
-    width: t?.width,
-    height: t?.height,
-    sources: t?.sources,
-    colorDomain: t?.colorDomain,
-    colors: t?.colors,
-    colorLegendTitle: Object.keys(t || {}).indexOf("colorLegendTitle") !== -1 ? t?.colorLegendTitle : pe("x", r || [], V || []),
-    scaleType: t?.scaleType,
-    data: d,
-    centerPoint: t?.centerPoint,
-    backgroundColor: t?.backgroundColor,
-    mapNoDataColor: t?.mapNoDataColor,
-    mapBorderColor: t?.mapBorderColor,
-    relativeHeight: t?.relativeHeight,
-    padding: t?.padding,
-    tooltip: t?.tooltip,
-    showColorScale: t?.showColorScale,
-    graphID: t?.graphID,
-    dataDownload: t?.dataDownload,
-    mapProperty: t?.mapProperty,
-    language: t?.language,
-    minHeight: t?.minHeight,
-    ariaLabel: t?.ariaLabel,
-    onSeriesMouseClick: (m) => {
-      w?.(m.id);
-    },
-    detailsOnClick: t?.detailsOnClick,
-    styles: t?.styles,
-    classNames: t?.classNames,
-    autoRotate: t?.autoRotate,
-    globeMaterial: t?.globeMaterial,
-    atmosphereColor: t?.atmosphereColor,
-    enableZoom: t?.enableZoom,
-    atmosphereAltitude: t?.atmosphereAltitude,
-    globeCurvatureResolution: t?.globeCurvatureResolution,
-    fogSettings: t?.fogSetting,
-    lights: t?.lights,
-    highlightedAltitude: t?.highlightedAltitude,
-    selectedId: t?.selectedId
-  } : {}, a[7] = d, a[8] = r, a[9] = V, a[10] = t, a[11] = w, a[12] = j) : j = a[12];
-  const c = j, T = H[g];
-  let h;
-  a[13] !== c || a[14] !== g ? (h = c(g), a[13] = c, a[14] = g, a[15] = h) : h = a[15];
-  const p = h, G = `grow my-0 mx-auto flex flex-col w-full justify-center ${t?.theme || "light"}`;
-  let S;
-  a[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = {
-    minHeight: "inherit"
-  }, a[16] = S) : S = a[16];
-  let s;
-  a[17] !== T || a[18] !== g || a[19] !== p ? (s = T ? /* @__PURE__ */ o.jsx(T, { ...p }) : /* @__PURE__ */ o.jsx(_, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: `Invalid chart type: ${g}` }), a[17] = T, a[18] = g, a[19] = p, a[20] = s) : s = a[20];
-  let N;
-  return a[21] !== G || a[22] !== s ? (N = /* @__PURE__ */ o.jsx("div", { className: G, style: S, children: s }), a[21] = G, a[22] = s, a[23] = N) : N = a[23], N;
-}
-const W = (D, a) => {
-  const t = a?.map((g) => {
-    const d = D?.findIndex((r) => r.chartConfigId === g.chartConfigId);
-    if (d === -1) return {};
-    const I = D[d]?.allowedColumnIds?.findIndex((r) => r.value === g.columnId);
-    return I === -1 ? {} : D[d].allowedColumnIds[I].graphSettings || {};
-  }) || [];
-  return Object.assign({}, ...t);
-};
-function Je(D) {
-  const {
-    graphSettings: a,
-    dataSettings: t,
-    filters: g,
-    graphType: d,
-    dataTransform: I,
-    graphDataConfiguration: r,
-    dataFilters: V,
-    debugMode: w,
-    dataSelectionOptions: b,
-    advancedDataSelectionOptions: H,
-    readableHeader: j,
-    noOfFiltersPerRow: c = 4,
-    updateFilters: T,
-    uiMode: h = "normal",
-    highlightDataPointSettings: p
-  } = D, [G, S] = y(void 0), [s, N] = y(void 0), [f, m] = y(r), [u, x] = y({}), [$, le] = y(void 0), [ie, oe] = y([]), q = Q(null), Z = Q(r), [R, J] = y([]), P = {
-    ignoreCase: !0,
-    ignoreAccents: !0,
-    trim: !0
-  }, K = E(() => {
-    const e = (g || []).map((n) => ({
-      filter: n.column,
-      label: n.label || `Filter by ${n.column}`,
-      singleSelect: n.singleSelect,
-      clearable: n.clearable,
-      defaultValue: te(n.defaultValue),
-      value: te(n.defaultValue),
-      availableValues: ee(s, n.column).filter((l) => !n.excludeValues?.includes(`${l}`)).map((l) => ({
-        value: l,
-        label: l
-      })),
-      allowSelectAll: n.allowSelectAll,
-      width: n.width
-    }));
-    J(e);
-  });
-  k(() => {
-    (async () => {
-      try {
-        const n = t.dataURL ? typeof t.dataURL == "string" ? t.fileType === "json" ? await fe(t.dataURL, t.columnsToArray, t.dataTransformation, w) : t.fileType === "api" ? await Ce(t.dataURL, t.apiHeaders, t.columnsToArray, t.dataTransformation, w) : await be(t.dataURL, t.dataTransformation, t.columnsToArray, w, t.delimiter, !0) : await ve(t.dataURL, t.idColumnTitle) : await xe(t.data, t.columnsToArray);
-        N(n);
-      } catch (n) {
-        console.error("Data fetching error:", n);
-      }
-    })(), K();
-  }, [t, w]), k(() => {
-    K();
-  }, [g, s]);
-  const re = E(() => {
-    if (!s || R.length === 0) S(s);
-    else {
-      const e = s.filter((n) => R.every((l) => l.value && z([l.value]).length > 0 ? de(z([n[l.filter]]), z([l.value]).map((i) => i.value)).length > 0 : !0));
-      S(e);
-    }
-  });
-  k(() => {
-    re();
-  }, [R, s]), k(() => {
-    b && x(W(b, r));
-  }, [b, r]);
-  const ne = E(() => {
-    p?.column && G && oe(ee(G, p.column).filter((e) => !p?.excludeValues?.includes(`${e}`)).map((e) => ({
-      value: e,
-      label: e
-    })));
-  });
-  k(() => {
-    ne();
-  }, [p]), k(() => {
-    ce(Z.current, r) || (m(r), Z.current = r);
-  }, [r]);
-  const A = (e, n) => {
-    J((l) => l.map((i) => i.filter === e ? {
-      ...i,
-      value: n
-    } : i));
-  }, se = s ? we(I ? Ie(ae(s, V || []), I.keyColumn, I.aggregationColumnsSetting) : ae(s, V || []), d, f) : void 0;
-  return /* @__PURE__ */ o.jsx(ye, { className: a?.classNames?.graphContainer, style: a?.styles?.graphContainer, id: a?.graphID, ref: q, "aria-label": a?.ariaLabel, backgroundColor: a?.backgroundColor ?? !1, theme: a?.theme || "light", language: a?.language || "en", width: a?.width, height: a?.height, padding: a?.padding, minHeight: a?.minHeight, relativeHeight: a?.relativeHeight, children: s || Se.filter((e) => e.geoHubMapPresentation).map((e) => e.graphID).indexOf(d) !== -1 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    u?.graphTitle || u?.graphDescription || a?.graphTitle || a?.graphDescription || a?.graphDownload || a?.dataDownload ? /* @__PURE__ */ o.jsx(De, { styles: {
-      title: u?.styles?.title || a?.styles?.title,
-      description: u?.styles?.description || a?.styles?.description
-    }, classNames: {
-      title: u?.classNames?.title || a?.classNames?.title,
-      description: u?.classNames?.description || a?.classNames?.description
-    }, graphTitle: u?.graphTitle || a?.graphTitle, graphDescription: u?.graphDescription || a?.graphDescription, width: u?.width || a?.width, graphDownload: a?.graphDownload ? q : void 0, dataDownload: a?.dataDownload && s && s.length > 0 ? s : null }) : null,
-    R.length !== 0 || (b || []).length !== 0 || (H || []).length !== 0 || p ? /* @__PURE__ */ o.jsxs("div", { className: "flex flex-wrap items-start gap-x-4 gap-y-0 w-full", children: [
-      H?.map((e, n) => /* @__PURE__ */ o.jsxs("div", { style: {
-        width: e.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
-        flexGrow: e.width ? 0 : 1,
-        flexShrink: e.ui !== "radio" || e.width ? 0 : 1,
-        minWidth: "240px"
-      }, className: "pb-4", children: [
-        /* @__PURE__ */ o.jsx(M, { className: "mb-2", children: e.label || "Graph by" }),
-        e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
-          O,
-          {
-            options: e.options.map((l) => ({
-              ...l,
-              value: l.label
-            })),
-            size: "sm",
-            isClearable: !1,
-            isSearchable: !0,
-            variant: h,
-            controlShouldRenderValue: !0,
-            defaultValue: e.defaultValue ? {
-              ...e.defaultValue,
-              value: e.defaultValue?.label
-            } : {
-              ...e.options[0],
-              value: e.options[0].label
-            },
-            onChange: (l) => {
-              x(l?.graphSettings || {}), m(l?.dataConfiguration);
-            }
-          }
-        ) : /* @__PURE__ */ o.jsx(U, { defaultValue: e.defaultValue?.label || e.options[0].label, variant: h, onValueChange: (l) => {
-          const i = e.options[e.options.findIndex((v) => v.label === l)];
-          x(i.graphSettings || {}), m(i.dataConfiguration);
-        }, children: e.options.map((l, i) => /* @__PURE__ */ o.jsx(B, { label: l.label, value: l.label }, i)) })
-      ] }, n)),
-      b?.map((e, n) => /* @__PURE__ */ o.jsxs("div", { style: {
-        width: e.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
-        flexGrow: e.width ? 0 : 1,
-        flexShrink: e.ui !== "radio" || e.width ? 0 : 1,
-        minWidth: "240px"
-      }, className: "pb-4", children: [
-        /* @__PURE__ */ o.jsx(M, { className: "mb-2", children: e.label || `Visualize ${e.chartConfigId} by` }),
-        me(e.chartConfigId, f || []) ? e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
-          O,
-          {
-            options: e.allowedColumnIds,
-            size: "sm",
-            isMulti: !0,
-            isSearchable: !0,
-            variant: h,
-            controlShouldRenderValue: !0,
-            defaultValue: r ? r[r.findIndex((l) => l.chartConfigId === e.chartConfigId)].columnId.map((l) => e.allowedColumnIds[e.allowedColumnIds.findIndex((i) => i.value === l)]) : void 0,
-            filterOption: L(P),
-            onChange: (l) => {
-              const i = {
-                columnId: (l || []).map(
-                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                  (C) => C.value
-                ),
-                chartConfigId: e.chartConfigId
-              }, v = f?.map((C) => C.chartConfigId === i.chartConfigId ? i : C);
-              m(v);
-            }
-          }
-        ) : /* @__PURE__ */ o.jsx(X, { variant: h, defaultValue: r ? r[r.findIndex((l) => l.chartConfigId === e.chartConfigId)].columnId.map((l) => e.allowedColumnIds[e.allowedColumnIds.findIndex((i) => i.value === l)]).map((l) => l.value) : [], onValueChange: (l) => {
-          const i = {
-            columnId: l || [],
-            chartConfigId: e.chartConfigId
-          }, v = f?.map((C) => C.chartConfigId === i.chartConfigId ? i : C);
-          m(v);
-        }, children: e.allowedColumnIds.map((l, i) => /* @__PURE__ */ o.jsx(Y, { label: l.label, value: l.label }, i)) }) : e.ui !== "radio" ? /* @__PURE__ */ o.jsx(
-          O,
-          {
-            options: e.allowedColumnIds,
-            size: "sm",
-            isClearable: !1,
-            isSearchable: !0,
-            variant: h,
-            controlShouldRenderValue: !0,
-            defaultValue: r ? e.allowedColumnIds[e.allowedColumnIds.findIndex((l) => l.value === r[r.findIndex((i) => i.chartConfigId === e.chartConfigId)].columnId)] : void 0,
-            onChange: (l) => {
-              const i = {
-                columnId: l?.value,
-                chartConfigId: e.chartConfigId
-              }, v = f?.map((C) => C.chartConfigId === i.chartConfigId ? i : C);
-              x(W(b, v)), m(v);
-            }
-          }
-        ) : /* @__PURE__ */ o.jsx(U, { variant: h, defaultValue: r ? e.allowedColumnIds[e.allowedColumnIds.findIndex((l) => l.value === r[r.findIndex((i) => i.chartConfigId === e.chartConfigId)].columnId)].label : "", onValueChange: (l) => {
-          const v = {
-            columnId: e.allowedColumnIds[e.allowedColumnIds.findIndex((F) => F.label === l)].value,
-            chartConfigId: e.chartConfigId
-          }, C = f?.map((F) => F.chartConfigId === v.chartConfigId ? v : F);
-          x(W(b, C)), m(C);
-        }, children: e.allowedColumnIds.map((l, i) => /* @__PURE__ */ o.jsx(B, { label: l.label, value: l.label }, i)) })
-      ] }, n)),
-      R?.map((e, n) => /* @__PURE__ */ o.jsxs("div", { style: {
-        width: e.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
-        flexGrow: e.width ? 0 : 1,
-        flexShrink: e.ui !== "radio" || e.width ? 0 : 1,
-        minWidth: "240px"
-      }, className: "pb-4", children: [
-        /* @__PURE__ */ o.jsx(M, { className: "mb-2", children: e.label }),
-        e.singleSelect ? e.ui !== "radio" ? /* @__PURE__ */ o.jsx(O, { options: e.availableValues, variant: h, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: L(P), onChange: (l) => {
-          A(e.filter, l);
-        }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ o.jsx(U, { variant: h, defaultValue: e.defaultValue.value, onValueChange: (l) => {
-          A(e.filter, e.availableValues.filter((i) => i.value === l));
-        }, children: e.availableValues.map((l, i) => /* @__PURE__ */ o.jsx(B, { label: `${l.label}`, value: `${l.value}` }, i)) }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          e.ui !== "radio" ? /* @__PURE__ */ o.jsx(O, { options: e.availableValues, variant: h, size: "sm", isMulti: !0, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: L(P), onChange: (l) => {
-            A(e.filter, l);
-          }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ o.jsx(X, { variant: h, defaultValue: e.defaultValue ? e.defaultValue.map((l) => `${l.value}`) : [], value: e.value ? e.value.map((l) => `${l.value}`) : void 0, onValueChange: (l) => {
-            A(e.filter, e.availableValues.filter((i) => l.indexOf(`${i.value}`) !== -1));
-          }, children: e.availableValues.map((l, i) => /* @__PURE__ */ o.jsx(Y, { label: `${l.label}`, value: `${l.value}` }, i)) }),
-          e.allowSelectAll ? /* @__PURE__ */ o.jsx("button", { type: "button", className: "bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400", onClick: () => {
-            A(e.filter, e.availableValues);
-          }, children: "Select all options" }) : null
-        ] })
-      ] }, n)),
-      p ? /* @__PURE__ */ o.jsxs("div", { style: {
-        width: p.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
-        flexGrow: p.width ? 0 : 1,
-        flexShrink: 0,
-        minWidth: "240px"
-      }, className: "pb-4", children: [
-        /* @__PURE__ */ o.jsx(M, { className: "mb-2", children: p.label || "Highlight data" }),
-        /* @__PURE__ */ o.jsx(
-          O,
-          {
-            options: ie,
-            variant: h,
-            size: "sm",
-            isMulti: !0,
-            isClearable: !0,
-            isSearchable: !0,
-            controlShouldRenderValue: !0,
-            filterOption: L(P),
-            onChange: (e) => {
-              le(e?.map((n) => n.value));
-            },
-            value: $?.map((e) => ({
-              label: e,
-              value: e
-            })),
-            defaultValue: p.defaultValues?.map((e) => ({
-              label: e,
-              value: e
-            }))
-          }
-        )
-      ] }) : null
-    ] }) : null,
-    /* @__PURE__ */ o.jsx(Ve, { graph: d, graphData: se, graphDataConfiguration: f, debugMode: w, readableHeader: j || [], updateFilters: T, settings: {
-      ...a || {},
-      ...u,
-      graphTitle: void 0,
-      graphDescription: void 0,
-      graphDownload: !1,
-      dataDownload: !1,
-      backgroundColor: void 0,
-      padding: "0",
-      width: void 0,
-      height: void 0,
-      relativeHeight: void 0,
-      minHeight: void 0,
-      theme: a?.theme,
-      ...$ ? {
-        highlightedDataPoints: $,
-        highlightedIds: $?.map((e) => `${e}`),
-        highlightedLines: $?.map((e) => e)
-      } : {}
-    } })
-  ] }) : /* @__PURE__ */ o.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ o.jsx(he, {}) }) });
-}
-export {
-  Je as SingleGraphDashboardThreeDGraphs
-};
-//# sourceMappingURL=SingleGraphDashboardThreeDGraphs.js.map
+import { t as e } from "./SingleGraphDashboardThreeDGraphs-BsCgN8DA.js";
+export { e as SingleGraphDashboardThreeDGraphs };

package/dist/SingleGraphDashboardThreeDGraphsFromConfig.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./compiler-runtime-oPPev21o.cjs"),g=require("react"),c=require("@undp/design-system-react/Spinner"),p=require("./SingleGraphDashboardThreeDGraphs.cjs"),f=require("./fetchAndParseData-QTF6tjij.cjs");function S(l){const t=s.compilerRuntimeExports.c(19),{config:a}=l,[e,d]=g.useState(void 0);let r,n;if(t[0]!==a?(r=()=>{(async()=>{if(typeof a=="string"){const h=await f.fetchAndParseJSON(a);d(h)}else d(a)})()},n=[a],t[0]=a,t[1]=r,t[2]=n):(r=t[1],n=t[2]),g.useEffect(r,n),!e){let i;return t[3]===Symbol.for("react.memo_cache_sentinel")?(i=s.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:s.jsxRuntimeExports.jsx(c.Spinner,{})}),t[3]=i):i=t[3],i}let o;return t[4]!==e.advancedDataSelectionOptions||t[5]!==e.dataFilters||t[6]!==e.dataSelectionOptions||t[7]!==e.dataSettings||t[8]!==e.dataTransform||t[9]!==e.debugMode||t[10]!==e.filters||t[11]!==e.graphDataConfiguration||t[12]!==e.graphSettings||t[13]!==e.graphType||t[14]!==e.highlightDataPointSettings||t[15]!==e.noOfFiltersPerRow||t[16]!==e.readableHeader||t[17]!==e.uiMode?(o=s.jsxRuntimeExports.jsx(p.SingleGraphDashboardThreeDGraphs,{graphSettings:e.graphSettings,dataSettings:e.dataSettings,filters:e.filters,graphType:e.graphType,dataTransform:e.dataTransform,graphDataConfiguration:e.graphDataConfiguration,dataFilters:e.dataFilters,debugMode:e.debugMode,dataSelectionOptions:e.dataSelectionOptions,advancedDataSelectionOptions:e.advancedDataSelectionOptions,readableHeader:e.readableHeader,noOfFiltersPerRow:e.noOfFiltersPerRow,uiMode:e.uiMode,highlightDataPointSettings:e.highlightDataPointSettings}),t[4]=e.advancedDataSelectionOptions,t[5]=e.dataFilters,t[6]=e.dataSelectionOptions,t[7]=e.dataSettings,t[8]=e.dataTransform,t[9]=e.debugMode,t[10]=e.filters,t[11]=e.graphDataConfiguration,t[12]=e.graphSettings,t[13]=e.graphType,t[14]=e.highlightDataPointSettings,t[15]=e.noOfFiltersPerRow,t[16]=e.readableHeader,t[17]=e.uiMode,t[18]=o):o=t[18],o}exports.SingleGraphDashboardThreeDGraphsFromConfig=S;
-//# sourceMappingURL=SingleGraphDashboardThreeDGraphsFromConfig.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./fetchAndParseData-Dlq4UzdG.cjs`),n=require(`./SingleGraphDashboardThreeDGraphs-qstwmomC.cjs`);let r=require(`react`),i=require(`@undp/design-system-react/Spinner`);var a=e.t();function o(e){let{config:o}=e,[s,c]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{(async()=>{c(typeof o==`string`?await t.r(o):o)})()},[o]),s?(0,a.jsx)(n.t,{graphSettings:s.graphSettings,dataSettings:s.dataSettings,filters:s.filters,graphType:s.graphType,dataTransform:s.dataTransform,graphDataConfiguration:s.graphDataConfiguration,dataFilters:s.dataFilters,debugMode:s.debugMode,dataSelectionOptions:s.dataSelectionOptions,advancedDataSelectionOptions:s.advancedDataSelectionOptions,readableHeader:s.readableHeader,noOfFiltersPerRow:s.noOfFiltersPerRow,uiMode:s.uiMode,highlightDataPointSettings:s.highlightDataPointSettings}):(0,a.jsx)(`div`,{className:`w-full flex justify-center p-4`,children:(0,a.jsx)(i.Spinner,{})})}exports.SingleGraphDashboardThreeDGraphsFromConfig=o;
+//# sourceMappingURL=SingleGraphDashboardThreeDGraphsFromConfig.cjs.map

package/dist/SingleGraphDashboardThreeDGraphsFromConfig.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SingleGraphDashboardThreeDGraphsFromConfig.cjs","sources":["../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardThreeDGraphsFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\r\n\r\nimport {\r\n  AdvancedDataSelectionDataType,\r\n  AggregationSettingsDataType,\r\n  DataFilterDataType,\r\n  DataSelectionDataType,\r\n  DataSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphConfigurationDataType,\r\n  GraphSettingsDataType,\r\n  HighlightDataPointSettingsDataType,\r\n  ThreeDGraphType,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  graphSettings?: GraphSettingsDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  graphType: ThreeDGraphType;\r\n  noOfFiltersPerRow?: number;\r\n  dataTransform?: {\r\n    keyColumn: string;\r\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n  };\r\n  dataFilters?: DataFilterDataType[];\r\n  graphDataConfiguration?: GraphConfigurationDataType[];\r\n  debugMode?: boolean;\r\n  dataSelectionOptions?: DataSelectionDataType[];\r\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n  highlightDataPointSettings?: HighlightDataPointSettingsDataType;\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function SingleGraphDashboardThreeDGraphsFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      if (typeof config === 'string') {\r\n        const data = await fetchAndParseJSON(config);\r\n        setConfigSettings(data);\r\n      } else {\r\n        setConfigSettings(config);\r\n      }\r\n    };\r\n    fetchData();\r\n  }, [config]);\r\n  if (!configSettings)\r\n    return (\r\n      <div className='w-full flex justify-center p-4'>\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  return (\r\n    <SingleGraphDashboardThreeDGraphs\r\n      graphSettings={configSettings.graphSettings}\r\n      dataSettings={configSettings.dataSettings}\r\n      filters={configSettings.filters}\r\n      graphType={configSettings.graphType}\r\n      dataTransform={configSettings.dataTransform}\r\n      graphDataConfiguration={configSettings.graphDataConfiguration}\r\n      dataFilters={configSettings.dataFilters}\r\n      debugMode={configSettings.debugMode}\r\n      dataSelectionOptions={configSettings.dataSelectionOptions}\r\n      advancedDataSelectionOptions={configSettings.advancedDataSelectionOptions}\r\n      readableHeader={configSettings.readableHeader}\r\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\r\n      uiMode={configSettings.uiMode}\r\n      highlightDataPointSettings={configSettings.highlightDataPointSettings}\r\n    />\r\n  );\r\n}\r\n"],"names":["SingleGraphDashboardThreeDGraphsFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","advancedDataSelectionOptions","dataFilters","dataSelectionOptions","dataSettings","dataTransform","debugMode","filters","graphDataConfiguration","graphSettings","graphType","highlightDataPointSettings","noOfFiltersPerRow","readableHeader","uiMode","SingleGraphDashboardThreeDGraphs"],"mappings":"uSA8CO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,CAAAA,EAAmBH,EACnB,CAAAI,EAAAC,CAAA,EAA4CC,EAAAA,SAAmCC,MAAS,EAAE,IAAAC,EAAAC,EAa1F,GAb0FR,OAAAE,GAEhFK,EAAAA,IAAA,EACU,SAAA,CAChB,GAAI,OAAOL,GAAW,SAAQ,CAC5B,MAAAO,EAAa,MAAMC,EAAAA,kBAAkBR,CAAM,EAC3CE,EAAkBK,CAAI,CAAC,MAEvBL,EAAkBF,CAAM,CACzB,GAEHS,CAAW,EACVH,EAAA,CAACN,CAAM,EAACF,KAAAE,EAAAF,KAAAO,EAAAP,KAAAQ,IAAAD,EAAAP,EAAA,CAAA,EAAAQ,EAAAR,EAAA,CAAA,GAVXY,EAAAA,UAAUL,EAUPC,CAAQ,EACP,CAACL,EAAc,CAAA,IAAAU,EAAA,OAAAb,EAAA,CAAA,IAAAc,OAAAC,IAAA,2BAAA,GAEfF,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAe,UAAA,iCACb,SAAAA,wBAACC,EAAAA,UAAO,EACV,EAAMjB,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAFNa,CAEM,CACN,IAAAA,EAAA,OAAAb,EAAA,CAAA,IAAAG,EAAAe,8BAAAlB,EAAA,CAAA,IAAAG,EAAAgB,aAAAnB,OAAAG,EAAAiB,sBAAApB,EAAA,CAAA,IAAAG,EAAAkB,cAAArB,EAAA,CAAA,IAAAG,EAAAmB,eAAAtB,EAAA,CAAA,IAAAG,EAAAoB,WAAAvB,EAAA,EAAA,IAAAG,EAAAqB,SAAAxB,QAAAG,EAAAsB,wBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,eAAA1B,EAAA,EAAA,IAAAG,EAAAwB,WAAA3B,EAAA,EAAA,IAAAG,EAAAyB,4BAAA5B,QAAAG,EAAA0B,mBAAA7B,EAAA,EAAA,IAAAG,EAAA2B,gBAAA9B,EAAA,EAAA,IAAAG,EAAA4B,QAEFlB,0BAACmB,EAAAA,iCAAA,CACgB,cAAA7B,EAAcuB,cACf,aAAAvB,EAAckB,aACnB,QAAAlB,EAAcqB,QACZ,UAAArB,EAAcwB,UACV,cAAAxB,EAAcmB,cACL,uBAAAnB,EAAcsB,uBACzB,YAAAtB,EAAcgB,YAChB,UAAAhB,EAAcoB,UACH,qBAAApB,EAAciB,qBACN,6BAAAjB,EAAce,6BAC5B,eAAAf,EAAc2B,eACX,kBAAA3B,EAAc0B,kBACzB,OAAA1B,EAAc4B,OACM,2BAAA5B,EAAcyB,2BAA2B,EACrE5B,EAAA,CAAA,EAAAG,EAAAe,6BAAAlB,EAAA,CAAA,EAAAG,EAAAgB,YAAAnB,EAAA,CAAA,EAAAG,EAAAiB,qBAAApB,EAAA,CAAA,EAAAG,EAAAkB,aAAArB,EAAA,CAAA,EAAAG,EAAAmB,cAAAtB,EAAA,CAAA,EAAAG,EAAAoB,UAAAvB,EAAA,EAAA,EAAAG,EAAAqB,QAAAxB,EAAA,EAAA,EAAAG,EAAAsB,uBAAAzB,EAAA,EAAA,EAAAG,EAAAuB,cAAA1B,EAAA,EAAA,EAAAG,EAAAwB,UAAA3B,EAAA,EAAA,EAAAG,EAAAyB,2BAAA5B,EAAA,EAAA,EAAAG,EAAA0B,kBAAA7B,EAAA,EAAA,EAAAG,EAAA2B,eAAA9B,EAAA,EAAA,EAAAG,EAAA4B,OAAA/B,MAAAa,GAAAA,EAAAb,EAAA,EAAA,EAfFa,CAeE"}
+{"version":3,"file":"SingleGraphDashboardThreeDGraphsFromConfig.cjs","names":[],"sources":["../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardThreeDGraphsFromConfig.tsx"],"sourcesContent":["import { Spinner } from '@undp/design-system-react/Spinner';\nimport { useEffect, useState } from 'react';\nimport type {\n  AdvancedDataSelectionDataType,\n  AggregationSettingsDataType,\n  DataFilterDataType,\n  DataSelectionDataType,\n  DataSettingsDataType,\n  FilterUiSettingsDataType,\n  GraphConfigurationDataType,\n  GraphSettingsDataType,\n  HighlightDataPointSettingsDataType,\n  ThreeDGraphType,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\n\ninterface ConfigObject {\n  graphSettings?: GraphSettingsDataType;\n  dataSettings: DataSettingsDataType;\n  filters?: FilterUiSettingsDataType[];\n  graphType: ThreeDGraphType;\n  noOfFiltersPerRow?: number;\n  dataTransform?: {\n    keyColumn: string;\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\n  };\n  dataFilters?: DataFilterDataType[];\n  graphDataConfiguration?: GraphConfigurationDataType[];\n  debugMode?: boolean;\n  dataSelectionOptions?: DataSelectionDataType[];\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\n  highlightDataPointSettings?: HighlightDataPointSettingsDataType;\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  uiMode?: 'light' | 'normal';\n}\n\ninterface Props {\n  config: string | ConfigObject;\n}\n\nexport function SingleGraphDashboardThreeDGraphsFromConfig(props: Props) {\n  const { config } = props;\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      if (typeof config === 'string') {\n        const data = await fetchAndParseJSON(config);\n        setConfigSettings(data);\n      } else {\n        setConfigSettings(config);\n      }\n    };\n    fetchData();\n  }, [config]);\n  if (!configSettings)\n    return (\n      <div className='w-full flex justify-center p-4'>\n        <Spinner />\n      </div>\n    );\n  return (\n    <SingleGraphDashboardThreeDGraphs\n      graphSettings={configSettings.graphSettings}\n      dataSettings={configSettings.dataSettings}\n      filters={configSettings.filters}\n      graphType={configSettings.graphType}\n      dataTransform={configSettings.dataTransform}\n      graphDataConfiguration={configSettings.graphDataConfiguration}\n      dataFilters={configSettings.dataFilters}\n      debugMode={configSettings.debugMode}\n      dataSelectionOptions={configSettings.dataSelectionOptions}\n      advancedDataSelectionOptions={configSettings.advancedDataSelectionOptions}\n      readableHeader={configSettings.readableHeader}\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\n      uiMode={configSettings.uiMode}\n      highlightDataPointSettings={configSettings.highlightDataPointSettings}\n    />\n  );\n}\n"],"mappings":"8UA4CA,SAAgB,EAA2C,EAAc,CACvE,GAAM,CAAE,UAAW,EACb,CAAC,EAAgB,IAAA,EAAA,EAAA,UAAwD,IAAA,EAAS,EAmBxF,OAjBA,EAAA,EAAA,eAAgB,EASd,SAR8B,CAG1B,EAFE,OAAO,GAAW,SAEF,MADC,EAAA,EAAkB,CAAM,EAGzB,CAAM,CAE5B,GACU,CACZ,EAAG,CAAC,CAAM,CAAC,EACN,GAOH,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,cAAe,EAAe,cAC9B,aAAc,EAAe,aAC7B,QAAS,EAAe,QACxB,UAAW,EAAe,UAC1B,cAAe,EAAe,cAC9B,uBAAwB,EAAe,uBACvC,YAAa,EAAe,YAC5B,UAAW,EAAe,UAC1B,qBAAsB,EAAe,qBACrC,6BAA8B,EAAe,6BAC7C,eAAgB,EAAe,eAC/B,kBAAmB,EAAe,kBAClC,OAAQ,EAAe,OACvB,2BAA4B,EAAe,0BAC5C,CAAA,GApBC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CACb,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,CAAA,CACP,CAAA,CAoBX"}