@undp/data-viz 1.5.9 → 2.0.0

package/dist/SingleGraphDashboardGeoHubMaps.js

@@ -1,185 +1,163 @@
-import { j as a, m as p } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useRef as h } from "react";
-import { u as d } from "./Typography-LmZ9LEpe.js";
-import { GeoHubCompareMaps as c } from "./GeoHubCompareMaps.js";
-import { GeoHubMap as m } from "./GeoHubMap.js";
-import { GeoHubMapWithLayerSelection as u } from "./GeoHubMapWithLayerSelection.js";
-import { GraphHeader as b } from "./GraphHeader.js";
-function f(t) {
-  const { settings: e, graph: r, debugMode: o } = t;
-  o && (console.log(`Graph: ${r}`), console.log("Settings:", e));
-  const i = {
-    geoHubCompareMap: c,
-    geoHubMap: m,
-    geoHubMapWithLayerSelection: u
-  }, l = (n) => {
-    switch (n) {
+import { c as z, j as b } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useRef as $ } from "react";
+import { j as _ } from "./Typography-PxtFcnJb.js";
+import { GeoHubCompareMaps as E } from "./GeoHubCompareMaps.js";
+import { GeoHubMap as P } from "./GeoHubMap.js";
+import { GeoHubMapWithLayerSelection as R } from "./GeoHubMapWithLayerSelection.js";
+import { GraphHeader as W } from "./GraphHeader.js";
+import { G as B } from "./GraphContainer-CRqzdKu2.js";
+function q(S) {
+  const e = z.c(38), {
+    settings: t,
+    graph: a,
+    debugMode: H
+  } = S;
+  H && (console.log(`Graph: ${a}`), console.log("Settings:", t));
+  let n;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
+    geoHubCompareMap: E,
+    geoHubMap: P,
+    geoHubMapWithLayerSelection: R
+  }, e[0] = n) : n = e[0];
+  const D = n;
+  let p;
+  e[1] !== t?.ariaLabel || e[2] !== t?.backgroundColor || e[3] !== t?.center || e[4] !== t?.classNames || e[5] !== t?.excludeLayers || e[6] !== t?.footNote || e[7] !== t?.graphDescription || e[8] !== t?.graphID || e[9] !== t?.graphTitle || e[10] !== t?.height || e[11] !== t?.includeLayers || e[12] !== t?.language || e[13] !== t?.layerSelection || e[14] !== t?.mapLegend || e[15] !== t?.mapStyle || e[16] !== t?.mapStyles || e[17] !== t?.minHeight || e[18] !== t?.padding || e[19] !== t?.relativeHeight || e[20] !== t?.sources || e[21] !== t?.styles || e[22] !== t?.theme || e[23] !== t?.uiMode || e[24] !== t?.width || e[25] !== t?.zoomLevel ? (p = (v) => {
+    switch (v) {
       case "geoHubCompareMap":
         return {
-          theme: e?.theme,
-          graphTitle: e?.graphTitle,
-          sources: e?.sources,
-          graphDescription: e?.graphDescription,
-          footNote: e?.footNote,
-          backgroundColor: e?.backgroundColor,
-          padding: e?.padding,
-          width: e?.width,
-          height: e?.height,
-          relativeHeight: e?.relativeHeight,
-          graphID: e?.graphID,
-          mapStyles: e?.mapStyles,
-          center: e?.center,
-          zoomLevel: e?.zoomLevel,
-          language: e?.language,
-          minHeight: e?.minHeight,
-          ariaLabel: e?.ariaLabel,
-          styles: e?.styles,
-          classNames: e?.classNames,
-          mapLegend: e?.mapLegend
+          theme: t?.theme,
+          graphTitle: t?.graphTitle,
+          sources: t?.sources,
+          graphDescription: t?.graphDescription,
+          footNote: t?.footNote,
+          backgroundColor: t?.backgroundColor,
+          padding: t?.padding,
+          width: t?.width,
+          height: t?.height,
+          relativeHeight: t?.relativeHeight,
+          graphID: t?.graphID,
+          mapStyles: t?.mapStyles,
+          center: t?.center,
+          zoomLevel: t?.zoomLevel,
+          language: t?.language,
+          minHeight: t?.minHeight,
+          ariaLabel: t?.ariaLabel,
+          styles: t?.styles,
+          classNames: t?.classNames,
+          mapLegend: t?.mapLegend
         };
       case "geoHubMap":
         return {
-          theme: e?.theme,
-          mapStyle: e?.mapStyle,
-          center: e?.center,
-          zoomLevel: e?.zoomLevel,
-          graphTitle: e?.graphTitle,
-          sources: e?.sources,
-          graphDescription: e?.graphDescription,
-          footNote: e?.footNote,
-          backgroundColor: e?.backgroundColor,
-          padding: e?.padding,
-          width: e?.width,
-          height: e?.height,
-          relativeHeight: e?.relativeHeight,
-          graphID: e?.graphID,
-          language: e?.language,
-          minHeight: e?.minHeight,
-          includeLayers: e?.includeLayers,
-          excludeLayers: e?.excludeLayers,
-          ariaLabel: e?.ariaLabel,
-          uiMode: e?.uiMode,
-          styles: e?.styles,
-          classNames: e?.classNames,
-          mapLegend: e?.mapLegend
+          theme: t?.theme,
+          mapStyle: t?.mapStyle,
+          center: t?.center,
+          zoomLevel: t?.zoomLevel,
+          graphTitle: t?.graphTitle,
+          sources: t?.sources,
+          graphDescription: t?.graphDescription,
+          footNote: t?.footNote,
+          backgroundColor: t?.backgroundColor,
+          padding: t?.padding,
+          width: t?.width,
+          height: t?.height,
+          relativeHeight: t?.relativeHeight,
+          graphID: t?.graphID,
+          language: t?.language,
+          minHeight: t?.minHeight,
+          includeLayers: t?.includeLayers,
+          excludeLayers: t?.excludeLayers,
+          ariaLabel: t?.ariaLabel,
+          uiMode: t?.uiMode,
+          styles: t?.styles,
+          classNames: t?.classNames,
+          mapLegend: t?.mapLegend
         };
       case "geoHubMapWithLayerSelection":
         return {
-          theme: e?.theme,
-          mapStyle: e?.mapStyle,
-          center: e?.center,
-          zoomLevel: e?.zoomLevel,
-          graphTitle: e?.graphTitle,
-          sources: e?.sources,
-          graphDescription: e?.graphDescription,
-          footNote: e?.footNote,
-          backgroundColor: e?.backgroundColor,
-          padding: e?.padding,
-          width: e?.width,
-          height: e?.height,
-          relativeHeight: e?.relativeHeight,
-          graphID: e?.graphID,
-          language: e?.language,
-          minHeight: e?.minHeight,
-          layerSelection: e?.layerSelection,
-          excludeLayers: e?.excludeLayers,
-          ariaLabel: e?.ariaLabel,
-          uiMode: e?.uiMode,
-          mapLegend: e?.mapLegend
+          theme: t?.theme,
+          mapStyle: t?.mapStyle,
+          center: t?.center,
+          zoomLevel: t?.zoomLevel,
+          graphTitle: t?.graphTitle,
+          sources: t?.sources,
+          graphDescription: t?.graphDescription,
+          footNote: t?.footNote,
+          backgroundColor: t?.backgroundColor,
+          padding: t?.padding,
+          width: t?.width,
+          height: t?.height,
+          relativeHeight: t?.relativeHeight,
+          graphID: t?.graphID,
+          language: t?.language,
+          minHeight: t?.minHeight,
+          layerSelection: t?.layerSelection,
+          excludeLayers: t?.excludeLayers,
+          ariaLabel: t?.ariaLabel,
+          uiMode: t?.uiMode,
+          mapLegend: t?.mapLegend
         };
       default:
         return {};
     }
-  }, s = i[r], g = l(r);
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      className: `grow my-0 mx-auto flex flex-col h-inherit ${e?.width ? "w-fit" : "w-full"} justify-center ${e?.theme || "light"}`,
-      style: { minHeight: "inherit" },
-      children: s ? /* @__PURE__ */ a.jsx(s, { ...g }) : /* @__PURE__ */ a.jsx(
-        d,
-        {
-          size: "sm",
-          marginBottom: "none",
-          className: "p-2 text-center text-accent-dark-red dark:text-accent-red",
-          children: `Invalid chart type: ${r}`
-        }
-      )
-    }
-  );
+  }, e[1] = t?.ariaLabel, e[2] = t?.backgroundColor, e[3] = t?.center, e[4] = t?.classNames, e[5] = t?.excludeLayers, e[6] = t?.footNote, e[7] = t?.graphDescription, e[8] = t?.graphID, e[9] = t?.graphTitle, e[10] = t?.height, e[11] = t?.includeLayers, e[12] = t?.language, e[13] = t?.layerSelection, e[14] = t?.mapLegend, e[15] = t?.mapStyle, e[16] = t?.mapStyles, e[17] = t?.minHeight, e[18] = t?.padding, e[19] = t?.relativeHeight, e[20] = t?.sources, e[21] = t?.styles, e[22] = t?.theme, e[23] = t?.uiMode, e[24] = t?.width, e[25] = t?.zoomLevel, e[26] = p) : p = e[26];
+  const g = p, i = D[a];
+  let r;
+  e[27] !== g || e[28] !== a ? (r = g(a), e[27] = g, e[28] = a, e[29] = r) : r = e[29];
+  const c = r, h = `grow my-0 mx-auto flex flex-col h-inherit ${t?.width ? "w-fit" : "w-full"} justify-center ${t?.theme || "light"}`;
+  let s;
+  e[30] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    minHeight: "inherit"
+  }, e[30] = s) : s = e[30];
+  let o;
+  e[31] !== i || e[32] !== a || e[33] !== c ? (o = i ? /* @__PURE__ */ b.jsx(i, { ...c }) : /* @__PURE__ */ b.jsx(_, { size: "sm", marginBottom: "none", className: "p-2 text-center text-accent-dark-red dark:text-accent-red", children: `Invalid chart type: ${a}` }), e[31] = i, e[32] = a, e[33] = c, e[34] = o) : o = e[34];
+  let l;
+  return e[35] !== h || e[36] !== o ? (l = /* @__PURE__ */ b.jsx("div", { className: h, style: s, children: o }), e[35] = h, e[36] = o, e[37] = l) : l = e[37], l;
 }
-function D(t) {
-  const { graphSettings: e, graphType: r, debugMode: o, uiMode: i = "normal" } = t, l = h(null);
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      className: `${e?.theme || "light"} flex ${e?.width ? "w-fit grow-0" : "w-full grow"}${e?.height ? "" : " h-full"}`,
-      dir: e?.language === "he" || e?.language === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ a.jsx(
-        "div",
-        {
-          className: p(
-            `${e?.backgroundColor ? e?.backgroundColor === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${e?.language || "en"}`,
-            e?.classNames?.graphContainer
-          ),
-          style: {
-            ...e?.styles?.graphContainer || {},
-            ...e?.backgroundColor && e?.backgroundColor !== !0 ? { backgroundColor: e?.backgroundColor } : {}
-          },
-          id: e?.graphID,
-          ref: l,
-          children: /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              style: {
-                padding: e?.backgroundColor ? e?.padding || "1rem" : e?.padding || 0,
-                flexGrow: 1,
-                display: "flex"
-              },
-              children: /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                /* @__PURE__ */ a.jsx(
-                  b,
-                  {
-                    styles: {
-                      title: e?.styles?.title,
-                      description: e?.styles?.description
-                    },
-                    classNames: {
-                      title: e?.classNames?.title,
-                      description: e?.classNames?.description
-                    },
-                    graphTitle: e?.graphTitle,
-                    graphDescription: e?.graphDescription,
-                    width: e?.width
-                  }
-                ),
-                /* @__PURE__ */ a.jsx(
-                  f,
-                  {
-                    graph: r,
-                    debugMode: o,
-                    settings: {
-                      ...e || {},
-                      graphTitle: void 0,
-                      graphDescription: void 0,
-                      graphDownload: !1,
-                      dataDownload: !1,
-                      backgroundColor: void 0,
-                      padding: "0",
-                      uiMode: i,
-                      theme: e?.theme
-                    }
-                  }
-                )
-              ] })
-            }
-          )
-        }
-      )
-    }
-  );
+function X(S) {
+  const e = z.c(35), {
+    graphSettings: t,
+    graphType: a,
+    debugMode: H,
+    uiMode: n
+  } = S, D = n === void 0 ? "normal" : n, p = $(null), g = t?.classNames?.graphContainer, i = t?.styles?.graphContainer, r = t?.graphID, c = t?.ariaLabel, h = t?.backgroundColor ?? !1, s = t?.theme || "light", o = t?.language || "en", l = t?.width, v = t?.height, M = t?.padding, N = t?.styles?.title, w = t?.styles?.description;
+  let d;
+  e[0] !== N || e[1] !== w ? (d = {
+    title: N,
+    description: w
+  }, e[0] = N, e[1] = w, e[2] = d) : d = e[2];
+  const C = t?.classNames?.title, k = t?.classNames?.description;
+  let m;
+  e[3] !== C || e[4] !== k ? (m = {
+    title: C,
+    description: k
+  }, e[3] = C, e[4] = k, e[5] = m) : m = e[5];
+  const G = t?.graphTitle, T = t?.graphDescription, j = t?.width;
+  let u;
+  e[6] !== d || e[7] !== m || e[8] !== G || e[9] !== T || e[10] !== j ? (u = /* @__PURE__ */ b.jsx(W, { styles: d, classNames: m, graphTitle: G, graphDescription: T, width: j }), e[6] = d, e[7] = m, e[8] = G, e[9] = T, e[10] = j, e[11] = u) : u = e[11];
+  let f;
+  e[12] !== t ? (f = t || {}, e[12] = t, e[13] = f) : f = e[13];
+  const I = t?.theme;
+  let y;
+  e[14] !== f || e[15] !== I || e[16] !== D ? (y = {
+    ...f,
+    graphTitle: void 0,
+    graphDescription: void 0,
+    graphDownload: !1,
+    dataDownload: !1,
+    backgroundColor: void 0,
+    padding: "0",
+    uiMode: D,
+    theme: I
+  }, e[14] = f, e[15] = I, e[16] = D, e[17] = y) : y = e[17];
+  let L;
+  e[18] !== H || e[19] !== a || e[20] !== y ? (L = /* @__PURE__ */ b.jsx(q, { graph: a, debugMode: H, settings: y }), e[18] = H, e[19] = a, e[20] = y, e[21] = L) : L = e[21];
+  let x;
+  return e[22] !== g || e[23] !== M || e[24] !== i || e[25] !== u || e[26] !== L || e[27] !== r || e[28] !== c || e[29] !== h || e[30] !== s || e[31] !== o || e[32] !== l || e[33] !== v ? (x = /* @__PURE__ */ b.jsxs(B, { className: g, style: i, id: r, ref: p, "aria-label": c, backgroundColor: h, theme: s, language: o, width: l, height: v, padding: M, children: [
+    u,
+    L
+  ] }), e[22] = g, e[23] = M, e[24] = i, e[25] = u, e[26] = L, e[27] = r, e[28] = c, e[29] = h, e[30] = s, e[31] = o, e[32] = l, e[33] = v, e[34] = x) : x = e[34], x;
 }
 export {
-  D as SingleGraphDashboardGeoHubMaps
+  X as SingleGraphDashboardGeoHubMaps
 };
 //# sourceMappingURL=SingleGraphDashboardGeoHubMaps.js.map

package/dist/SingleGraphDashboardGeoHubMaps.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleGraphDashboardGeoHubMaps.js","sources":["../src/Components/Dashboard/PerformanceIntensive/GeoHubMapsEl.tsx","../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardGeoHubMaps.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { GeoHubCompareMaps } from '../../Graphs/Maps/GeoHubMaps/CompareMaps';\r\nimport { GeoHubMap } from '../../Graphs/Maps/GeoHubMaps/SimpleMap';\r\nimport { GeoHubMapWithLayerSelection } from '../../Graphs/Maps/GeoHubMaps/MapWithLayerSelection';\r\n\r\nimport { GraphSettingsDataType, GeoHubGraphType } from '@/Types';\r\n\r\ninterface Props {\r\n  graph: GeoHubGraphType;\r\n  settings?: GraphSettingsDataType;\r\n  debugMode?: boolean;\r\n}\r\n\r\nfunction GeoHubMapsEl(props: Props) {\r\n  const { settings, graph, debugMode } = props;\r\n  if (debugMode) {\r\n    // eslint-disable-next-line no-console\r\n    console.log(`Graph: ${graph}`);\r\n    // eslint-disable-next-line no-console\r\n    console.log('Settings:', settings);\r\n  }\r\n  const graphComponents: Record<GeoHubGraphType, React.ElementType | null> = {\r\n    geoHubCompareMap: GeoHubCompareMaps,\r\n    geoHubMap: GeoHubMap,\r\n    geoHubMapWithLayerSelection: GeoHubMapWithLayerSelection,\r\n  };\r\n  const getGraphProps = (graphType: GeoHubGraphType) => {\r\n    switch (graphType) {\r\n      case 'geoHubCompareMap':\r\n        return {\r\n          theme: settings?.theme,\r\n          graphTitle: settings?.graphTitle,\r\n          sources: settings?.sources,\r\n          graphDescription: settings?.graphDescription,\r\n          footNote: settings?.footNote,\r\n          backgroundColor: settings?.backgroundColor,\r\n          padding: settings?.padding,\r\n          width: settings?.width,\r\n          height: settings?.height,\r\n          relativeHeight: settings?.relativeHeight,\r\n          graphID: settings?.graphID,\r\n          mapStyles: settings?.mapStyles as [string, string],\r\n          center: settings?.center,\r\n          zoomLevel: settings?.zoomLevel,\r\n          language: settings?.language,\r\n          minHeight: settings?.minHeight,\r\n          ariaLabel: settings?.ariaLabel,\r\n          styles: settings?.styles,\r\n          classNames: settings?.classNames,\r\n          mapLegend: settings?.mapLegend,\r\n        };\r\n      case 'geoHubMap':\r\n        return {\r\n          theme: settings?.theme,\r\n          mapStyle: settings?.mapStyle,\r\n          center: settings?.center,\r\n          zoomLevel: settings?.zoomLevel,\r\n          graphTitle: settings?.graphTitle,\r\n          sources: settings?.sources,\r\n          graphDescription: settings?.graphDescription,\r\n          footNote: settings?.footNote,\r\n          backgroundColor: settings?.backgroundColor,\r\n          padding: settings?.padding,\r\n          width: settings?.width,\r\n          height: settings?.height,\r\n          relativeHeight: settings?.relativeHeight,\r\n          graphID: settings?.graphID,\r\n          language: settings?.language,\r\n          minHeight: settings?.minHeight,\r\n          includeLayers: settings?.includeLayers,\r\n          excludeLayers: settings?.excludeLayers,\r\n          ariaLabel: settings?.ariaLabel,\r\n          uiMode: settings?.uiMode,\r\n          styles: settings?.styles,\r\n          classNames: settings?.classNames,\r\n          mapLegend: settings?.mapLegend,\r\n        };\r\n      case 'geoHubMapWithLayerSelection':\r\n        return {\r\n          theme: settings?.theme,\r\n          mapStyle: settings?.mapStyle,\r\n          center: settings?.center,\r\n          zoomLevel: settings?.zoomLevel,\r\n          graphTitle: settings?.graphTitle,\r\n          sources: settings?.sources,\r\n          graphDescription: settings?.graphDescription,\r\n          footNote: settings?.footNote,\r\n          backgroundColor: settings?.backgroundColor,\r\n          padding: settings?.padding,\r\n          width: settings?.width,\r\n          height: settings?.height,\r\n          relativeHeight: settings?.relativeHeight,\r\n          graphID: settings?.graphID,\r\n          language: settings?.language,\r\n          minHeight: settings?.minHeight,\r\n          layerSelection: settings?.layerSelection,\r\n          excludeLayers: settings?.excludeLayers,\r\n          ariaLabel: settings?.ariaLabel,\r\n          uiMode: settings?.uiMode,\r\n          mapLegend: settings?.mapLegend,\r\n        };\r\n      default:\r\n        return {};\r\n    }\r\n  };\r\n  const GraphComponent = graphComponents[graph];\r\n  const graphProps = getGraphProps(graph);\r\n  return (\r\n    <div\r\n      className={`grow my-0 mx-auto flex flex-col h-inherit ${settings?.width ? 'w-fit' : 'w-full'} justify-center ${settings?.theme || 'light'}`}\r\n      style={{ minHeight: 'inherit' }}\r\n    >\r\n      {GraphComponent ? (\r\n        <GraphComponent {...graphProps} />\r\n      ) : (\r\n        <P\r\n          size='sm'\r\n          marginBottom='none'\r\n          className='p-2 text-center text-accent-dark-red dark:text-accent-red'\r\n        >\r\n          {`Invalid chart type: ${graph}`}\r\n        </P>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default GeoHubMapsEl;\r\n","import { useRef } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport GeoHubMapsEl from './GeoHubMapsEl';\r\n\r\nimport { GeoHubGraphType, GraphSettingsDataType } from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\n\r\ninterface Props {\r\n  graphSettings?: GraphSettingsDataType;\r\n  graphType: GeoHubGraphType;\r\n  debugMode?: boolean;\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\nexport function SingleGraphDashboardGeoHubMaps(props: Props) {\r\n  const { graphSettings, graphType, debugMode, uiMode = 'normal' } = props;\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  return (\r\n    <div\r\n      className={`${graphSettings?.theme || 'light'} flex ${\r\n        graphSettings?.width ? 'w-fit grow-0' : 'w-full grow'\r\n      }${graphSettings?.height ? '' : ' h-full'}`}\r\n      dir={graphSettings?.language === 'he' || graphSettings?.language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !graphSettings?.backgroundColor\r\n              ? 'bg-transparent '\r\n              : graphSettings?.backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${graphSettings?.language || 'en'}`,\r\n          graphSettings?.classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(graphSettings?.styles?.graphContainer || {}),\r\n          ...(graphSettings?.backgroundColor && graphSettings?.backgroundColor !== true\r\n            ? { backgroundColor: graphSettings?.backgroundColor }\r\n            : {}),\r\n        }}\r\n        id={graphSettings?.graphID}\r\n        ref={graphParentDiv}\r\n      >\r\n        <div\r\n          style={{\r\n            padding: graphSettings?.backgroundColor\r\n              ? graphSettings?.padding || '1rem'\r\n              : graphSettings?.padding || 0,\r\n            flexGrow: 1,\r\n            display: 'flex',\r\n          }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            <GraphHeader\r\n              styles={{\r\n                title: graphSettings?.styles?.title,\r\n                description: graphSettings?.styles?.description,\r\n              }}\r\n              classNames={{\r\n                title: graphSettings?.classNames?.title,\r\n                description: graphSettings?.classNames?.description,\r\n              }}\r\n              graphTitle={graphSettings?.graphTitle}\r\n              graphDescription={graphSettings?.graphDescription}\r\n              width={graphSettings?.width}\r\n            />\r\n            <GeoHubMapsEl\r\n              graph={graphType}\r\n              debugMode={debugMode}\r\n              settings={{\r\n                ...(graphSettings || {}),\r\n                graphTitle: undefined,\r\n                graphDescription: undefined,\r\n                graphDownload: false,\r\n                dataDownload: false,\r\n                backgroundColor: undefined,\r\n                padding: '0',\r\n                uiMode,\r\n                theme: graphSettings?.theme,\r\n              }}\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["GeoHubMapsEl","props","settings","graph","debugMode","graphComponents","GeoHubCompareMaps","GeoHubMap","GeoHubMapWithLayerSelection","getGraphProps","graphType","GraphComponent","graphProps","jsx","P","SingleGraphDashboardGeoHubMaps","graphSettings","uiMode","graphParentDiv","useRef","cn","jsxs","GraphHeader"],"mappings":"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"}
+{"version":3,"file":"SingleGraphDashboardGeoHubMaps.js","sources":["../src/Components/Dashboard/PerformanceIntensive/GeoHubMapsEl.tsx","../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardGeoHubMaps.tsx"],"sourcesContent":["import { P } from '@undp/design-system-react/Typography';\r\n\r\nimport { GeoHubCompareMaps } from '../../Graphs/Maps/GeoHubMaps/CompareMaps';\r\nimport { GeoHubMap } from '../../Graphs/Maps/GeoHubMaps/SimpleMap';\r\nimport { GeoHubMapWithLayerSelection } from '../../Graphs/Maps/GeoHubMaps/MapWithLayerSelection';\r\n\r\nimport { GraphSettingsDataType, GeoHubGraphType } from '@/Types';\r\n\r\ninterface Props {\r\n  graph: GeoHubGraphType;\r\n  settings?: GraphSettingsDataType;\r\n  debugMode?: boolean;\r\n}\r\n\r\nfunction GeoHubMapsEl(props: Props) {\r\n  const { settings, graph, debugMode } = props;\r\n  if (debugMode) {\r\n    // eslint-disable-next-line no-console\r\n    console.log(`Graph: ${graph}`);\r\n    // eslint-disable-next-line no-console\r\n    console.log('Settings:', settings);\r\n  }\r\n  const graphComponents: Record<GeoHubGraphType, React.ElementType | null> = {\r\n    geoHubCompareMap: GeoHubCompareMaps,\r\n    geoHubMap: GeoHubMap,\r\n    geoHubMapWithLayerSelection: GeoHubMapWithLayerSelection,\r\n  };\r\n  const getGraphProps = (graphType: GeoHubGraphType) => {\r\n    switch (graphType) {\r\n      case 'geoHubCompareMap':\r\n        return {\r\n          theme: settings?.theme,\r\n          graphTitle: settings?.graphTitle,\r\n          sources: settings?.sources,\r\n          graphDescription: settings?.graphDescription,\r\n          footNote: settings?.footNote,\r\n          backgroundColor: settings?.backgroundColor,\r\n          padding: settings?.padding,\r\n          width: settings?.width,\r\n          height: settings?.height,\r\n          relativeHeight: settings?.relativeHeight,\r\n          graphID: settings?.graphID,\r\n          mapStyles: settings?.mapStyles as [string, string],\r\n          center: settings?.center,\r\n          zoomLevel: settings?.zoomLevel,\r\n          language: settings?.language,\r\n          minHeight: settings?.minHeight,\r\n          ariaLabel: settings?.ariaLabel,\r\n          styles: settings?.styles,\r\n          classNames: settings?.classNames,\r\n          mapLegend: settings?.mapLegend,\r\n        };\r\n      case 'geoHubMap':\r\n        return {\r\n          theme: settings?.theme,\r\n          mapStyle: settings?.mapStyle,\r\n          center: settings?.center,\r\n          zoomLevel: settings?.zoomLevel,\r\n          graphTitle: settings?.graphTitle,\r\n          sources: settings?.sources,\r\n          graphDescription: settings?.graphDescription,\r\n          footNote: settings?.footNote,\r\n          backgroundColor: settings?.backgroundColor,\r\n          padding: settings?.padding,\r\n          width: settings?.width,\r\n          height: settings?.height,\r\n          relativeHeight: settings?.relativeHeight,\r\n          graphID: settings?.graphID,\r\n          language: settings?.language,\r\n          minHeight: settings?.minHeight,\r\n          includeLayers: settings?.includeLayers,\r\n          excludeLayers: settings?.excludeLayers,\r\n          ariaLabel: settings?.ariaLabel,\r\n          uiMode: settings?.uiMode,\r\n          styles: settings?.styles,\r\n          classNames: settings?.classNames,\r\n          mapLegend: settings?.mapLegend,\r\n        };\r\n      case 'geoHubMapWithLayerSelection':\r\n        return {\r\n          theme: settings?.theme,\r\n          mapStyle: settings?.mapStyle,\r\n          center: settings?.center,\r\n          zoomLevel: settings?.zoomLevel,\r\n          graphTitle: settings?.graphTitle,\r\n          sources: settings?.sources,\r\n          graphDescription: settings?.graphDescription,\r\n          footNote: settings?.footNote,\r\n          backgroundColor: settings?.backgroundColor,\r\n          padding: settings?.padding,\r\n          width: settings?.width,\r\n          height: settings?.height,\r\n          relativeHeight: settings?.relativeHeight,\r\n          graphID: settings?.graphID,\r\n          language: settings?.language,\r\n          minHeight: settings?.minHeight,\r\n          layerSelection: settings?.layerSelection,\r\n          excludeLayers: settings?.excludeLayers,\r\n          ariaLabel: settings?.ariaLabel,\r\n          uiMode: settings?.uiMode,\r\n          mapLegend: settings?.mapLegend,\r\n        };\r\n      default:\r\n        return {};\r\n    }\r\n  };\r\n  const GraphComponent = graphComponents[graph];\r\n  const graphProps = getGraphProps(graph);\r\n  return (\r\n    <div\r\n      className={`grow my-0 mx-auto flex flex-col h-inherit ${settings?.width ? 'w-fit' : 'w-full'} justify-center ${settings?.theme || 'light'}`}\r\n      style={{ minHeight: 'inherit' }}\r\n    >\r\n      {GraphComponent ? (\r\n        <GraphComponent {...graphProps} />\r\n      ) : (\r\n        <P\r\n          size='sm'\r\n          marginBottom='none'\r\n          className='p-2 text-center text-accent-dark-red dark:text-accent-red'\r\n        >\r\n          {`Invalid chart type: ${graph}`}\r\n        </P>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default GeoHubMapsEl;\r\n","import { useRef } from 'react';\r\n\r\nimport GeoHubMapsEl from './GeoHubMapsEl';\r\n\r\nimport { GeoHubGraphType, GraphSettingsDataType } from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  graphSettings?: GraphSettingsDataType;\r\n  graphType: GeoHubGraphType;\r\n  debugMode?: boolean;\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\nexport function SingleGraphDashboardGeoHubMaps(props: Props) {\r\n  const { graphSettings, graphType, debugMode, uiMode = 'normal' } = props;\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  return (\r\n    <GraphContainer\r\n      className={graphSettings?.classNames?.graphContainer}\r\n      style={graphSettings?.styles?.graphContainer}\r\n      id={graphSettings?.graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={graphSettings?.ariaLabel}\r\n      backgroundColor={graphSettings?.backgroundColor ?? false}\r\n      theme={graphSettings?.theme || 'light'}\r\n      language={graphSettings?.language || 'en'}\r\n      width={graphSettings?.width}\r\n      height={graphSettings?.height}\r\n      padding={graphSettings?.padding}\r\n    >\r\n      <GraphHeader\r\n        styles={{\r\n          title: graphSettings?.styles?.title,\r\n          description: graphSettings?.styles?.description,\r\n        }}\r\n        classNames={{\r\n          title: graphSettings?.classNames?.title,\r\n          description: graphSettings?.classNames?.description,\r\n        }}\r\n        graphTitle={graphSettings?.graphTitle}\r\n        graphDescription={graphSettings?.graphDescription}\r\n        width={graphSettings?.width}\r\n      />\r\n      <GeoHubMapsEl\r\n        graph={graphType}\r\n        debugMode={debugMode}\r\n        settings={{\r\n          ...(graphSettings || {}),\r\n          graphTitle: undefined,\r\n          graphDescription: undefined,\r\n          graphDownload: false,\r\n          dataDownload: false,\r\n          backgroundColor: undefined,\r\n          padding: '0',\r\n          uiMode,\r\n          theme: graphSettings?.theme,\r\n        }}\r\n      />\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["GeoHubMapsEl","props","$","_c","settings","graph","debugMode","console","log","t0","Symbol","for","geoHubCompareMap","GeoHubCompareMaps","geoHubMap","GeoHubMap","geoHubMapWithLayerSelection","GeoHubMapWithLayerSelection","graphComponents","t1","ariaLabel","backgroundColor","center","classNames","excludeLayers","footNote","graphDescription","graphID","graphTitle","height","includeLayers","language","layerSelection","mapLegend","mapStyle","mapStyles","minHeight","padding","relativeHeight","sources","styles","theme","uiMode","width","zoomLevel","graphType","getGraphProps","GraphComponent","t2","graphProps","t3","t4","t5","jsx","P","t6","SingleGraphDashboardGeoHubMaps","graphSettings","undefined","graphParentDiv","useRef","graphContainer","t7","t8","t9","t10","t11","title","t12","description","t13","t14","t15","t16","t17","t18","t19","t20","GraphHeader","t21","t22","t23","graphDownload","dataDownload","t24","t25","GraphContainer"],"mappings":"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"}

package/dist/SingleGraphDashboardGeoHubMapsFromConfig.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-DjM48pIC.cjs"),n=require("react"),a=require("./Spinner-C6wLp85s.cjs"),u=require("./SingleGraphDashboardGeoHubMaps.cjs"),g=require("./fetchAndParseData-Ba-_CgxS.cjs");function c(o){const{config:t}=o,[e,s]=n.useState(void 0);return n.useEffect(()=>{typeof t=="string"?g.fetchAndParseJSON(t).then(i=>{s(i)}):s(t)},[t]),e?r.jsxRuntimeExports.jsx(u.SingleGraphDashboardGeoHubMaps,{graphSettings:e.graphSettings,graphType:e.graphType,debugMode:e.debugMode,uiMode:e.uiMode}):r.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:r.jsxRuntimeExports.jsx(a.y,{})})}exports.SingleGraphDashboardGeoHubMapsFromConfig=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CHPV5EwG-CTPQjnHt.cjs"),g=require("react"),d=require("./Spinner-DRMBUsX7.cjs"),l=require("./SingleGraphDashboardGeoHubMaps.cjs"),f=require("./fetchAndParseData-l5HGMAEs.cjs");function h(c){const e=a.compilerRuntimeExports.c(9),{config:s}=c,[t,u]=g.useState(void 0);let o,i;if(e[0]!==s?(o=()=>{(async()=>{if(typeof s=="string"){const p=await f.fetchAndParseJSON(s);u(p)}else u(s)})()},i=[s],e[0]=s,e[1]=o,e[2]=i):(o=e[1],i=e[2]),g.useEffect(o,i),!t){let r;return e[3]===Symbol.for("react.memo_cache_sentinel")?(r=a.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:a.jsxRuntimeExports.jsx(d.w,{})}),e[3]=r):r=e[3],r}let n;return e[4]!==t.debugMode||e[5]!==t.graphSettings||e[6]!==t.graphType||e[7]!==t.uiMode?(n=a.jsxRuntimeExports.jsx(l.SingleGraphDashboardGeoHubMaps,{graphSettings:t.graphSettings,graphType:t.graphType,debugMode:t.debugMode,uiMode:t.uiMode}),e[4]=t.debugMode,e[5]=t.graphSettings,e[6]=t.graphType,e[7]=t.uiMode,e[8]=n):n=e[8],n}exports.SingleGraphDashboardGeoHubMapsFromConfig=h;
 //# sourceMappingURL=SingleGraphDashboardGeoHubMapsFromConfig.cjs.map

package/dist/SingleGraphDashboardGeoHubMapsFromConfig.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SingleGraphDashboardGeoHubMapsFromConfig.cjs","sources":["../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardGeoHubMapsFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport { GeoHubGraphType, GraphSettingsDataType } from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  graphSettings?: GraphSettingsDataType;\r\n  graphType: GeoHubGraphType;\r\n  debugMode?: boolean;\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function SingleGraphDashboardGeoHubMapsFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n\r\n  useEffect(() => {\r\n    if (typeof config === 'string') {\r\n      const fetchData = fetchAndParseJSON(config);\r\n      fetchData.then(d => {\r\n        setConfigSettings(d);\r\n      });\r\n    } else {\r\n      setConfigSettings(config);\r\n    }\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    <SingleGraphDashboardGeoHubMaps\r\n      graphSettings={configSettings.graphSettings}\r\n      graphType={configSettings.graphType}\r\n      debugMode={configSettings.debugMode}\r\n      uiMode={configSettings.uiMode}\r\n    />\r\n  );\r\n}\r\n"],"names":["SingleGraphDashboardGeoHubMapsFromConfig","props","config","configSettings","setConfigSettings","useState","useEffect","fetchAndParseJSON","d","jsx","SingleGraphDashboardGeoHubMaps","Spinner"],"mappings":"wRAmBO,SAASA,EAAyCC,EAAc,CACrE,KAAM,CAAE,OAAAC,GAAWD,EACb,CAACE,EAAgBC,CAAiB,EAAIC,EAAAA,SAAmC,MAAS,EAYxF,OAVAC,EAAAA,UAAU,IAAM,CACV,OAAOJ,GAAW,SACFK,EAAAA,kBAAkBL,CAAM,EAChC,KAAKM,GAAK,CAClBJ,EAAkBI,CAAC,CACrB,CAAC,EAEDJ,EAAkBF,CAAM,CAE5B,EAAG,CAACA,CAAM,CAAC,EACNC,EAOHM,EAAAA,kBAAAA,IAACC,EAAAA,+BAAA,CACC,cAAeP,EAAe,cAC9B,UAAWA,EAAe,UAC1B,UAAWA,EAAe,UAC1B,OAAQA,EAAe,MAAA,CAAA,0BATtB,MAAA,CAAI,UAAU,iCACb,SAAAM,wBAACE,EAAAA,IAAQ,EACX,CAUN"}
+{"version":3,"file":"SingleGraphDashboardGeoHubMapsFromConfig.cjs","sources":["../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardGeoHubMapsFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport { GeoHubGraphType, GraphSettingsDataType } from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  graphSettings?: GraphSettingsDataType;\r\n  graphType: GeoHubGraphType;\r\n  debugMode?: boolean;\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function SingleGraphDashboardGeoHubMapsFromConfig(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    <SingleGraphDashboardGeoHubMaps\r\n      graphSettings={configSettings.graphSettings}\r\n      graphType={configSettings.graphType}\r\n      debugMode={configSettings.debugMode}\r\n      uiMode={configSettings.uiMode}\r\n    />\r\n  );\r\n}\r\n"],"names":["SingleGraphDashboardGeoHubMapsFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","debugMode","graphSettings","graphType","uiMode","SingleGraphDashboardGeoHubMaps"],"mappings":"wRAmBO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,CAAA,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,IAAO,EACV,EAAMjB,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAFNa,CAEM,CACN,IAAAA,EAAA,OAAAb,OAAAG,EAAAe,WAAAlB,EAAA,CAAA,IAAAG,EAAAgB,eAAAnB,EAAA,CAAA,IAAAG,EAAAiB,WAAApB,EAAA,CAAA,IAAAG,EAAAkB,QAEFR,EAAAG,EAAAA,kBAAAA,IAACM,EAAAA,+BAAA,CACgB,cAAAnB,EAAcgB,cAClB,UAAAhB,EAAciB,UACd,UAAAjB,EAAce,UACjB,OAAAf,EAAckB,OAAO,EAC7BrB,EAAA,CAAA,EAAAG,EAAAe,UAAAlB,EAAA,CAAA,EAAAG,EAAAgB,cAAAnB,EAAA,CAAA,EAAAG,EAAAiB,UAAApB,EAAA,CAAA,EAAAG,EAAAkB,OAAArB,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EALFa,CAKE"}

package/dist/SingleGraphDashboardGeoHubMapsFromConfig.d.ts

@@ -67,6 +67,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 declare interface ConfigObject {

package/dist/SingleGraphDashboardGeoHubMapsFromConfig.js

@@ -1,25 +1,29 @@
-import { j as o } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useState as n, useEffect as a } from "react";
-import { y as f } from "./Spinner-Bpz70q_g.js";
-import { SingleGraphDashboardGeoHubMaps as p } from "./SingleGraphDashboardGeoHubMaps.js";
-import { f as g } from "./fetchAndParseData-sapWbnYk.js";
-function S(s) {
-  const { config: t } = s, [e, r] = n(void 0);
-  return a(() => {
-    typeof t == "string" ? g(t).then((i) => {
-      r(i);
-    }) : r(t);
-  }, [t]), e ? /* @__PURE__ */ o.jsx(
-    p,
-    {
-      graphSettings: e.graphSettings,
-      graphType: e.graphType,
-      debugMode: e.debugMode,
-      uiMode: e.uiMode
-    }
-  ) : /* @__PURE__ */ o.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ o.jsx(f, {}) });
+import { c, j as n } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useState as d, useEffect as u } from "react";
+import { w as l } from "./Spinner-D7rnnwnA.js";
+import { SingleGraphDashboardGeoHubMaps as m } from "./SingleGraphDashboardGeoHubMaps.js";
+import { f as h } from "./fetchAndParseData-BpqkBPQL.js";
+function j(f) {
+  const e = c.c(9), {
+    config: o
+  } = f, [t, p] = d(void 0);
+  let i, r;
+  if (e[0] !== o ? (i = () => {
+    (async () => {
+      if (typeof o == "string") {
+        const g = await h(o);
+        p(g);
+      } else
+        p(o);
+    })();
+  }, r = [o], e[0] = o, e[1] = i, e[2] = r) : (i = e[1], r = e[2]), u(i, r), !t) {
+    let s;
+    return e[3] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ n.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ n.jsx(l, {}) }), e[3] = s) : s = e[3], s;
+  }
+  let a;
+  return e[4] !== t.debugMode || e[5] !== t.graphSettings || e[6] !== t.graphType || e[7] !== t.uiMode ? (a = /* @__PURE__ */ n.jsx(m, { graphSettings: t.graphSettings, graphType: t.graphType, debugMode: t.debugMode, uiMode: t.uiMode }), e[4] = t.debugMode, e[5] = t.graphSettings, e[6] = t.graphType, e[7] = t.uiMode, e[8] = a) : a = e[8], a;
 }
 export {
-  S as SingleGraphDashboardGeoHubMapsFromConfig
+  j as SingleGraphDashboardGeoHubMapsFromConfig
 };
 //# sourceMappingURL=SingleGraphDashboardGeoHubMapsFromConfig.js.map

package/dist/SingleGraphDashboardGeoHubMapsFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleGraphDashboardGeoHubMapsFromConfig.js","sources":["../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardGeoHubMapsFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport { GeoHubGraphType, GraphSettingsDataType } from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  graphSettings?: GraphSettingsDataType;\r\n  graphType: GeoHubGraphType;\r\n  debugMode?: boolean;\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function SingleGraphDashboardGeoHubMapsFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n\r\n  useEffect(() => {\r\n    if (typeof config === 'string') {\r\n      const fetchData = fetchAndParseJSON(config);\r\n      fetchData.then(d => {\r\n        setConfigSettings(d);\r\n      });\r\n    } else {\r\n      setConfigSettings(config);\r\n    }\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    <SingleGraphDashboardGeoHubMaps\r\n      graphSettings={configSettings.graphSettings}\r\n      graphType={configSettings.graphType}\r\n      debugMode={configSettings.debugMode}\r\n      uiMode={configSettings.uiMode}\r\n    />\r\n  );\r\n}\r\n"],"names":["SingleGraphDashboardGeoHubMapsFromConfig","props","config","configSettings","setConfigSettings","useState","useEffect","fetchAndParseJSON","d","jsx","SingleGraphDashboardGeoHubMaps","Spinner"],"mappings":";;;;;AAmBO,SAASA,EAAyCC,GAAc;AACrE,QAAM,EAAE,QAAAC,MAAWD,GACb,CAACE,GAAgBC,CAAiB,IAAIC,EAAmC,MAAS;AAYxF,SAVAC,EAAU,MAAM;AACd,IAAI,OAAOJ,KAAW,WACFK,EAAkBL,CAAM,EAChC,KAAK,CAAAM,MAAK;AAClB,MAAAJ,EAAkBI,CAAC;AAAA,IACrB,CAAC,IAEDJ,EAAkBF,CAAM;AAAA,EAE5B,GAAG,CAACA,CAAM,CAAC,GACNC,IAOHM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAeP,EAAe;AAAA,MAC9B,WAAWA,EAAe;AAAA,MAC1B,WAAWA,EAAe;AAAA,MAC1B,QAAQA,EAAe;AAAA,IAAA;AAAA,EAAA,0BATtB,OAAA,EAAI,WAAU,kCACb,UAAAM,gBAAAA,MAACE,KAAQ,GACX;AAUN;"}
+{"version":3,"file":"SingleGraphDashboardGeoHubMapsFromConfig.js","sources":["../src/Components/Dashboard/PerformanceIntensive/SingleGraphDashboardGeoHubMapsFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport { GeoHubGraphType, GraphSettingsDataType } from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  graphSettings?: GraphSettingsDataType;\r\n  graphType: GeoHubGraphType;\r\n  debugMode?: boolean;\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function SingleGraphDashboardGeoHubMapsFromConfig(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    <SingleGraphDashboardGeoHubMaps\r\n      graphSettings={configSettings.graphSettings}\r\n      graphType={configSettings.graphType}\r\n      debugMode={configSettings.debugMode}\r\n      uiMode={configSettings.uiMode}\r\n    />\r\n  );\r\n}\r\n"],"names":["SingleGraphDashboardGeoHubMapsFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","fetchData","data","fetchAndParseJSON","useEffect","t2","Symbol","for","jsx","Spinner","debugMode","graphSettings","graphType","uiMode","SingleGraphDashboardGeoHubMaps"],"mappings":";;;;;AAmBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAmBH,GACnB,CAAAI,GAAAC,CAAA,IAA4CC,EAAmCC,MAAS;AAAE,MAAAC,GAAAC;AAa1F,MAb0FR,SAAAE,KAEhFK,IAAAA,MAAA;AASRE,KARkB,YAAA;AAChB,UAAI,OAAOP,KAAW,UAAQ;AAC5B,cAAAQ,IAAa,MAAMC,EAAkBT,CAAM;AAC3CE,QAAAA,EAAkBM,CAAI;AAAA,MAAC;AAEvBN,QAAAA,EAAkBF,CAAM;AAAA,IACzB,GAEHO;AAAAA,EAAW,GACVD,IAAA,CAACN,CAAM,GAACF,OAAAE,GAAAF,OAAAO,GAAAP,OAAAQ,MAAAD,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,IAVXY,EAAUL,GAUPC,CAAQ,GACP,CAACL,GAAc;AAAA,QAAAU;AAAA,WAAAb,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,KAEfF,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,kCACb,UAAAA,gBAAAA,MAACC,KAAO,GACV,GAAMjB,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAFNa;AAAAA,EAEM;AACN,MAAAA;AAAA,SAAAb,SAAAG,EAAAe,aAAAlB,EAAA,CAAA,MAAAG,EAAAgB,iBAAAnB,EAAA,CAAA,MAAAG,EAAAiB,aAAApB,EAAA,CAAA,MAAAG,EAAAkB,UAEFR,IAAAG,gBAAAA,EAAAA,IAACM,GAAA,EACgB,eAAAnB,EAAcgB,eAClB,WAAAhB,EAAciB,WACd,WAAAjB,EAAce,WACjB,QAAAf,EAAckB,QAAO,GAC7BrB,EAAA,CAAA,IAAAG,EAAAe,WAAAlB,EAAA,CAAA,IAAAG,EAAAgB,eAAAnB,EAAA,CAAA,IAAAG,EAAAiB,WAAApB,EAAA,CAAA,IAAAG,EAAAkB,QAAArB,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GALFa;AAKE;"}

package/dist/SingleGraphDashboardThreeDGraphs.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-DjM48pIC.cjs"),i=require("react"),te=require("./index-D72cOtq7.cjs"),H=require("./index-BS2TADPj.cjs"),le=require("./index-DQA8q5sC.cjs"),x=require("./DropdownSelect-vt8yiB-g.cjs"),c=require("./checkIfMultiple-Dko_cBvE.cjs"),M=require("./Typography-BDULiwlF.cjs"),re=require("./Spinner-C6wLp85s.cjs"),oe=require("./ThreeDGlobe.cjs"),$=require("./fetchAndParseData-Ba-_CgxS.cjs"),B=require("./transformDataForAggregation-KXGm6flX.cjs"),W=require("./getUniqValue-RViz8tTw.cjs"),ne=require("./GraphHeader.cjs"),J=require("./filterData-BoYadk0l.cjs"),ie=require("./getGraphList-gf02xgT2.cjs"),K=require("./transformDataForSelect-YmStusCI.cjs");function se(I){const{settings:a,graph:o,graphData:g,debugMode:p,graphDataConfiguration:C,readableHeader:n,updateFilters:R}=I;if(p&&(console.log(`Graph: ${o}`),console.log("Transformed data:",g),console.log("Settings:",a)),typeof g=="string")return r.jsxRuntimeExports.jsx("div",{className:`flex my-0 mx-auto grow flex-col justify-center ${a?.width?"w-fit":"w-full"}`,style:{height:"inherit"},children:r.jsxRuntimeExports.jsx(M.u,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:g})});const D={threeDGlobe:oe.ThreeDGlobe},b=d=>{switch(d){case"threeDGlobe":return{globeOffset:a?.globeOffset,collapseColorScaleByDefault:a?.collapseColorScaleByDefault,polygonAltitude:a?.polygonAltitude,highlightedIds:a?.highlightedIds,scale:a?.scale,theme:a?.theme,resetSelectionOnDoubleClick:a?.resetSelectionOnDoubleClick,graphTitle:a?.graphTitle,mapData:a?.mapData,graphDescription:a?.graphDescription,footNote:a?.footNote,width:a?.width,height:a?.height,sources:a?.sources,colorDomain:a?.colorDomain,colors:a?.colors,colorLegendTitle:Object.keys(a||{}).indexOf("colorLegendTitle")!==-1?a?.colorLegendTitle:c.getValues("x",C||[],n||[]),scaleType:a?.scaleType,data:g,centerPoint:a?.centerPoint,backgroundColor:a?.backgroundColor,mapNoDataColor:a?.mapNoDataColor,mapBorderColor:a?.mapBorderColor,relativeHeight:a?.relativeHeight,padding:a?.padding,tooltip:a?.tooltip,showColorScale:a?.showColorScale,graphID:a?.graphID,dataDownload:a?.dataDownload,mapProperty:a?.mapProperty,language:a?.language,minHeight:a?.minHeight,ariaLabel:a?.ariaLabel,onSeriesMouseClick:q=>{R?.(q.id)},detailsOnClick:a?.detailsOnClick,styles:a?.styles,classNames:a?.classNames,autoRotate:a?.autoRotate,globeMaterial:a?.globeMaterial,atmosphereColor:a?.atmosphereColor,enableZoom:a?.enableZoom,atmosphereAltitude:a?.atmosphereAltitude,globeCurvatureResolution:a?.globeCurvatureResolution,fogSettings:a?.fogSetting,lights:a?.lights,highlightedAltitude:a?.highlightedAltitude,selectedId:a?.selectedId};default:return{}}},E=D[o],P=b(o);return r.jsxRuntimeExports.jsx("div",{className:`grow my-0 mx-auto flex flex-col h-inherit ${a?.width?"w-fit":"w-full"} justify-center ${a?.theme||"light"}`,style:{minHeight:"inherit"},children:E?r.jsxRuntimeExports.jsx(E,{...P}):r.jsxRuntimeExports.jsx(M.u,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:`Invalid chart type: ${o}`})})}const F=(I,a)=>{const o=a?.map(g=>{const p=I?.findIndex(n=>n.chartConfigId===g.chartConfigId);if(p===-1)return{};const C=I[p]?.allowedColumnIds?.findIndex(n=>n.value===g.columnId);return C===-1?{}:I[p].allowedColumnIds[C].graphSettings||{}})||[];return Object.assign({},...o)};function ue(I){const{graphSettings:a,dataSettings:o,filters:g,graphType:p,dataTransform:C,graphDataConfiguration:n,dataFilters:R,debugMode:D,dataSelectionOptions:b,advancedDataSelectionOptions:E,readableHeader:P,noOfFiltersPerRow:d=4,updateFilters:q,uiMode:f="normal",highlightDataPointSettings:v}=I,[j,Q]=i.useState(void 0),[S,X]=i.useState(void 0),[w,y]=i.useState(n),[m,V]=i.useState({}),[k,Y]=i.useState(void 0),[_,ee]=i.useState([]),L=i.useRef(null),z=i.useRef(n),[T,U]=i.useState([]),N=i.useMemo(()=>({ignoreCase:!0,ignoreAccents:!0,trim:!0}),[]),Z=i.useCallback(async()=>{try{const u=await(o.dataURL?typeof o.dataURL=="string"?o.fileType==="json"?$.fetchAndParseJSON(o.dataURL,o.columnsToArray,o.dataTransformation,D):o.fileType==="api"?$.fetchAndTransformDataFromAPI(o.dataURL,o.apiHeaders,o.columnsToArray,o.dataTransformation,D):$.fetchAndParseCSV(o.dataURL,o.dataTransformation,o.columnsToArray,D,o.delimiter,!0):$.fetchAndParseMultipleDataSources(o.dataURL,o.idColumnTitle):$.transformColumnsToArray(o.data,o.columnsToArray));X(u);const t=(g||[]).map(l=>({filter:l.column,label:l.label||`Filter by ${l.column}`,singleSelect:l.singleSelect,clearable:l.clearable,defaultValue:K.transformDefaultValue(l.defaultValue),value:K.transformDefaultValue(l.defaultValue),availableValues:W.getUniqValue(u,l.column).filter(s=>!l.excludeValues?.includes(`${s}`)).map(s=>({value:s,label:s})),allowSelectAll:l.allowSelectAll,width:l.width}));U(t)}catch(e){console.error("Data fetching error:",e)}},[o,g,D]);i.useEffect(()=>{Z()},[Z]);const G=i.useMemo(()=>!S||T.length===0?S:S.filter(u=>T.every(t=>t.value&&H.flattenDeep([t.value]).length>0?te.intersection(H.flattenDeep([u[t.filter]]),H.flattenDeep([t.value]).map(l=>l.value)).length>0:!0)),[T,S]);i.useEffect(()=>{b&&V(F(b,n))},[b,n]),i.useEffect(()=>{S&&Q(G)},[G,S]),i.useEffect(()=>{v?.column&&G&&ee(W.getUniqValue(G,v.column).filter(e=>!v?.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})))},[G,v]),i.useEffect(()=>{le.isEqual(z.current,n)||(y(n),z.current=n)},[n]);const A=i.useCallback((e,u)=>{U(t=>t.map(l=>l.filter===e?{...l,value:u}:l))},[]),ae=i.useMemo(()=>{if(!j)return;const e=w;return B.transformDataForGraph(C?B.transformDataForAggregation(J.filterData(j,R||[]),C.keyColumn,C.aggregationColumnsSetting):J.filterData(j,R||[]),p,e)},[p,w,j,R,C]);return o?r.jsxRuntimeExports.jsx("div",{className:`${a?.theme||"light"} flex ${a?.width?"w-fit grow-0":"w-full grow"}${a?.height?"":" h-full"}`,dir:a?.language==="he"||a?.language==="ar"?"rtl":void 0,children:r.jsxRuntimeExports.jsx("div",{className:r.mo(`${a?.backgroundColor?a?.backgroundColor===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${a?.language||"en"}`,a?.classNames?.graphContainer),style:{...a?.styles?.graphContainer||{},...a?.backgroundColor&&a?.backgroundColor!==!0?{backgroundColor:a?.backgroundColor}:{}},id:a?.graphID,ref:L,children:r.jsxRuntimeExports.jsx("div",{style:{padding:a?.backgroundColor?a?.padding||"1rem":a?.padding||0,flexGrow:1,display:"flex"},children:r.jsxRuntimeExports.jsx("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:j||ie.graphList.filter(e=>e.geoHubMapPresentation).map(e=>e.graphID).indexOf(p)!==-1?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[m?.graphTitle||m?.graphDescription||a?.graphTitle||a?.graphDescription||a?.graphDownload||a?.dataDownload?r.jsxRuntimeExports.jsx(ne.GraphHeader,{styles:{title:m?.styles?.title||a?.styles?.title,description:m?.styles?.description||a?.styles?.description},classNames:{title:m?.classNames?.title||a?.classNames?.title,description:m?.classNames?.description||a?.classNames?.description},graphTitle:m?.graphTitle||a?.graphTitle,graphDescription:m?.graphDescription||a?.graphDescription,width:m?.width||a?.width,graphDownload:a?.graphDownload?L.current:void 0,dataDownload:a?.dataDownload&&j&&j.length>0?j:null}):null,T.length!==0||(b||[]).length!==0||(E||[]).length!==0||v?r.jsxRuntimeExports.jsxs("div",{style:{display:"flex",gap:"1rem",flexWrap:"wrap",alignItems:"flex-start",width:"100%"},children:[E?.map((e,u)=>r.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/d}% - ${(d-1)/d}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},children:[r.jsxRuntimeExports.jsx(c.f,{className:"mb-2",children:e.label||"Graph by"}),e.ui!=="radio"?r.jsxRuntimeExports.jsx(x.Za,{options:e.options.map(t=>({...t,value:t.label})),size:"sm",isClearable:!1,isSearchable:!0,variant:f,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:t=>{V(t?.graphSettings||{}),y(t?.dataConfiguration)}}):r.jsxRuntimeExports.jsx(c.fe,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:f,onValueChange:t=>{const l=e.options[e.options.findIndex(s=>s.label===t)];V(l.graphSettings||{}),y(l.dataConfiguration)},children:e.options.map((t,l)=>r.jsxRuntimeExports.jsx(c.ve,{label:t.label,value:t.label},l))})]},u)),b?.map((e,u)=>r.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/d}% - ${(d-1)/d}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},children:[r.jsxRuntimeExports.jsx(c.f,{className:"mb-2",children:e.label||`Visualize ${e.chartConfigId} by`}),c.checkIfMultiple(e.chartConfigId,w||[])?e.ui!=="radio"?r.jsxRuntimeExports.jsx(x.Za,{options:e.allowedColumnIds,size:"sm",isMulti:!0,isSearchable:!0,variant:f,controlShouldRenderValue:!0,defaultValue:n?n[n.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId.map(t=>e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===t)]):void 0,filterOption:x.Hu(N),onChange:t=>{const l={columnId:(t||[]).map(h=>h.value),chartConfigId:e.chartConfigId},s=w?.map(h=>h.chartConfigId===l.chartConfigId?l:h);y(s)}}):r.jsxRuntimeExports.jsx(c.w,{variant:f,defaultValue:n?n[n.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId.map(t=>e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===t)]).map(t=>t.value):[],onValueChange:t=>{const l={columnId:t||[],chartConfigId:e.chartConfigId},s=w?.map(h=>h.chartConfigId===l.chartConfigId?l:h);y(s)},children:e.allowedColumnIds.map((t,l)=>r.jsxRuntimeExports.jsx(c.G,{label:t.label,value:t.label},l))}):e.ui!=="radio"?r.jsxRuntimeExports.jsx(x.Za,{options:e.allowedColumnIds,size:"sm",isClearable:!1,isSearchable:!0,variant:f,controlShouldRenderValue:!0,defaultValue:n?e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===n[n.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId)]:void 0,onChange:t=>{const l={columnId:t?.value,chartConfigId:e.chartConfigId},s=w?.map(h=>h.chartConfigId===l.chartConfigId?l:h);V(F(b,s)),y(s)}}):r.jsxRuntimeExports.jsx(c.fe,{variant:f,defaultValue:n?e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===n[n.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId)].label:"",onValueChange:t=>{const s={columnId:e.allowedColumnIds[e.allowedColumnIds.findIndex(O=>O.label===t)].value,chartConfigId:e.chartConfigId},h=w?.map(O=>O.chartConfigId===s.chartConfigId?s:O);V(F(b,h)),y(h)},children:e.allowedColumnIds.map((t,l)=>r.jsxRuntimeExports.jsx(c.ve,{label:t.label,value:t.label},l))})]},u)),T?.map((e,u)=>r.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/d}% - ${(d-1)/d}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},children:[r.jsxRuntimeExports.jsx(c.f,{className:"mb-2",children:e.label}),e.singleSelect?r.jsxRuntimeExports.jsx(x.Za,{options:e.availableValues,variant:f,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:x.Hu(N),onChange:t=>{A(e.filter,t)},value:e.value,defaultValue:e.defaultValue}):r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[e.ui!=="radio"?r.jsxRuntimeExports.jsx(x.Za,{options:e.availableValues,variant:f,size:"sm",isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:x.Hu(N),onChange:t=>{A(e.filter,t)},value:e.value,defaultValue:e.defaultValue}):r.jsxRuntimeExports.jsx(c.w,{variant:f,defaultValue:e.defaultValue?e.defaultValue.map(t=>`${t.value}`):[],value:e.value?e.value.map(t=>`${t.value}`):void 0,onValueChange:t=>{A(e.filter,e.availableValues.filter(l=>t.indexOf(`${l.value}`)!==-1))},children:e.availableValues.map((t,l)=>r.jsxRuntimeExports.jsx(c.G,{label:`${t.label}`,value:`${t.value}`},l))}),e.allowSelectAll?r.jsxRuntimeExports.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]})]},u)),v?r.jsxRuntimeExports.jsxs("div",{style:{width:v.width||`calc(${100/d}% - ${(d-1)/d}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},children:[r.jsxRuntimeExports.jsx(c.f,{className:"mb-2",children:v.label||"Highlight data"}),r.jsxRuntimeExports.jsx(x.Za,{options:_,variant:f,size:"sm",isMulti:!0,isClearable:!0,isSearchable:!0,controlShouldRenderValue:!0,filterOption:x.Hu(N),onChange:e=>{Y(e?.map(u=>u.value))},value:k?.map(e=>({label:e,value:e})),defaultValue:v.defaultValues?.map(e=>({label:e,value:e}))})]}):null]}):null,r.jsxRuntimeExports.jsx(se,{graph:p,graphData:ae,graphDataConfiguration:w,debugMode:D,readableHeader:P||[],updateFilters:q,settings:{...a||{},...m,graphTitle:void 0,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,padding:"0",theme:a?.theme,...k?{highlightedDataPoints:k,highlightedIds:k?.map(e=>`${e}`),highlightedLines:k?.map(e=>e)}:{}}})]}):r.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:r.jsxRuntimeExports.jsx(re.y,{})})})})})}):r.jsxRuntimeExports.jsx(M.u,{size:"xs",className:"text-center text-accent-dark-red dark:text-accent-red p-2",children:"Please make sure either `dataSettings` props are present as they are required for data."})}exports.SingleGraphDashboardThreeDGraphs=ue;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-CTPQjnHt.cjs"),c=require("react"),le=require("./index-CyZ1lmi_.cjs"),H=require("./index-BS2TADPj.cjs"),ie=require("./index-DQA8q5sC.cjs"),I=require("./DropdownSelect-Doz3mCrM.cjs"),m=require("./checkIfMultiple-wg6hJLXy.cjs"),ne=require("./Spinner-DRMBUsX7.cjs"),B=require("./Typography-DX7PlgQU.cjs"),oe=require("./ThreeDGlobe.cjs"),k=require("./fetchAndParseData-l5HGMAEs.cjs"),W=require("./transformDataForAggregation-KXGm6flX.cjs"),Z=require("./getUniqValue-RViz8tTw.cjs"),re=require("./GraphHeader.cjs"),J=require("./filterData-T5DQBE9b.cjs"),se=require("./getGraphList-gf02xgT2.cjs"),K=require("./transformDataForSelect-YmStusCI.cjs"),ue=require("./GraphContainer-d8A46BK2.cjs");function ce(y){const t=i.compilerRuntimeExports.c(24),{settings:a,graph:g,graphData:d,debugMode:S,graphDataConfiguration:o,readableHeader:E,updateFilters:w}=y;if(S&&(console.log(`Graph: ${g}`),console.log("Transformed data:",d),console.log("Settings:",a)),typeof d=="string"){const C=`flex my-0 mx-auto grow flex-col justify-center ${a?.width?"w-fit":"w-full"}`;let f;t[0]===Symbol.for("react.memo_cache_sentinel")?(f={height:"inherit"},t[0]=f):f=t[0];let u;t[1]!==d?(u=i.jsxRuntimeExports.jsx(B.j,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:d}),t[1]=d,t[2]=u):u=t[2];let D;return t[3]!==C||t[4]!==u?(D=i.jsxRuntimeExports.jsx("div",{className:C,style:f,children:u}),t[3]=C,t[4]=u,t[5]=D):D=t[5],D}let v;t[6]===Symbol.for("react.memo_cache_sentinel")?(v={threeDGlobe:oe.ThreeDGlobe},t[6]=v):v=t[6];const A=v;let V;t[7]!==d||t[8]!==o||t[9]!==E||t[10]!==a||t[11]!==w?(V=C=>{switch(C){case"threeDGlobe":return{globeOffset:a?.globeOffset,collapseColorScaleByDefault:a?.collapseColorScaleByDefault,polygonAltitude:a?.polygonAltitude,highlightedIds:a?.highlightedIds,scale:a?.scale,theme:a?.theme,resetSelectionOnDoubleClick:a?.resetSelectionOnDoubleClick,graphTitle:a?.graphTitle,mapData:a?.mapData,graphDescription:a?.graphDescription,footNote:a?.footNote,width:a?.width,height:a?.height,sources:a?.sources,colorDomain:a?.colorDomain,colors:a?.colors,colorLegendTitle:Object.keys(a||{}).indexOf("colorLegendTitle")!==-1?a?.colorLegendTitle:m.getValues("x",o||[],E||[]),scaleType:a?.scaleType,data:d,centerPoint:a?.centerPoint,backgroundColor:a?.backgroundColor,mapNoDataColor:a?.mapNoDataColor,mapBorderColor:a?.mapBorderColor,relativeHeight:a?.relativeHeight,padding:a?.padding,tooltip:a?.tooltip,showColorScale:a?.showColorScale,graphID:a?.graphID,dataDownload:a?.dataDownload,mapProperty:a?.mapProperty,language:a?.language,minHeight:a?.minHeight,ariaLabel:a?.ariaLabel,onSeriesMouseClick:f=>{w?.(f.id)},detailsOnClick:a?.detailsOnClick,styles:a?.styles,classNames:a?.classNames,autoRotate:a?.autoRotate,globeMaterial:a?.globeMaterial,atmosphereColor:a?.atmosphereColor,enableZoom:a?.enableZoom,atmosphereAltitude:a?.atmosphereAltitude,globeCurvatureResolution:a?.globeCurvatureResolution,fogSettings:a?.fogSetting,lights:a?.lights,highlightedAltitude:a?.highlightedAltitude,selectedId:a?.selectedId};default:return{}}},t[7]=d,t[8]=o,t[9]=E,t[10]=a,t[11]=w,t[12]=V):V=t[12];const h=V,T=A[g];let p;t[13]!==h||t[14]!==g?(p=h(g),t[13]=h,t[14]=g,t[15]=p):p=t[15];const x=p,G=`grow my-0 mx-auto flex flex-col h-inherit ${a?.width?"w-fit":"w-full"} justify-center ${a?.theme||"light"}`;let R;t[16]===Symbol.for("react.memo_cache_sentinel")?(R={minHeight:"inherit"},t[16]=R):R=t[16];let s;t[17]!==T||t[18]!==g||t[19]!==x?(s=T?i.jsxRuntimeExports.jsx(T,{...x}):i.jsxRuntimeExports.jsx(B.j,{size:"sm",marginBottom:"none",className:"p-2 text-center text-accent-dark-red dark:text-accent-red",children:`Invalid chart type: ${g}`}),t[17]=T,t[18]=g,t[19]=x,t[20]=s):s=t[20];let N;return t[21]!==G||t[22]!==s?(N=i.jsxRuntimeExports.jsx("div",{className:G,style:R,children:s}),t[21]=G,t[22]=s,t[23]=N):N=t[23],N}const L=(y,t)=>{const a=t?.map(g=>{const d=y?.findIndex(o=>o.chartConfigId===g.chartConfigId);if(d===-1)return{};const S=y[d]?.allowedColumnIds?.findIndex(o=>o.value===g.columnId);return S===-1?{}:y[d].allowedColumnIds[S].graphSettings||{}})||[];return Object.assign({},...a)};function de(y){const{graphSettings:t,dataSettings:a,filters:g,graphType:d,dataTransform:S,graphDataConfiguration:o,dataFilters:E,debugMode:w,dataSelectionOptions:v,advancedDataSelectionOptions:A,readableHeader:V,noOfFiltersPerRow:h=4,updateFilters:T,uiMode:p="normal",highlightDataPointSettings:x}=y,[G,R]=c.useState(void 0),[s,N]=c.useState(void 0),[C,f]=c.useState(o),[u,D]=c.useState({}),[$,Q]=c.useState(void 0),[X,Y]=c.useState([]),M=c.useRef(null),U=c.useRef(o),[P,z]=c.useState([]),O={ignoreCase:!0,ignoreAccents:!0,trim:!0},_=c.useEffectEvent(()=>{const e=(g||[]).map(r=>({filter:r.column,label:r.label||`Filter by ${r.column}`,singleSelect:r.singleSelect,clearable:r.clearable,defaultValue:K.transformDefaultValue(r.defaultValue),value:K.transformDefaultValue(r.defaultValue),availableValues:Z.getUniqValue(s,r.column).filter(l=>!r.excludeValues?.includes(`${l}`)).map(l=>({value:l,label:l})),allowSelectAll:r.allowSelectAll,width:r.width}));z(e)});c.useEffect(()=>{(async()=>{try{const r=a.dataURL?typeof a.dataURL=="string"?a.fileType==="json"?await k.fetchAndParseJSON(a.dataURL,a.columnsToArray,a.dataTransformation,w):a.fileType==="api"?await k.fetchAndTransformDataFromAPI(a.dataURL,a.apiHeaders,a.columnsToArray,a.dataTransformation,w):await k.fetchAndParseCSV(a.dataURL,a.dataTransformation,a.columnsToArray,w,a.delimiter,!0):await k.fetchAndParseMultipleDataSources(a.dataURL,a.idColumnTitle):await k.transformColumnsToArray(a.data,a.columnsToArray);N(r)}catch(r){console.error("Data fetching error:",r)}})(),_()},[a,g,w]);const ee=c.useEffectEvent(()=>{if(!s||P.length===0)R(s);else{const e=s.filter(r=>P.every(l=>l.value&&H.flattenDeep([l.value]).length>0?le.intersection(H.flattenDeep([r[l.filter]]),H.flattenDeep([l.value]).map(n=>n.value)).length>0:!0));R(e)}});c.useEffect(()=>{ee()},[P,s]),c.useEffect(()=>{v&&D(L(v,o))},[v,o]);const te=c.useEffectEvent(()=>{x?.column&&G&&Y(Z.getUniqValue(G,x.column).filter(e=>!x?.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})))});c.useEffect(()=>{te()},[x]),c.useEffect(()=>{ie.isEqual(U.current,o)||(f(o),U.current=o)},[o]);const q=(e,r)=>{z(l=>l.map(n=>n.filter===e?{...n,value:r}:n))},ae=s?W.transformDataForGraph(S?W.transformDataForAggregation(J.filterData(s,E||[]),S.keyColumn,S.aggregationColumnsSetting):J.filterData(s,E||[]),d,C):void 0;return i.jsxRuntimeExports.jsx(ue.GraphContainer,{className:t?.classNames?.graphContainer,style:t?.styles?.graphContainer,id:t?.graphID,ref:M,"aria-label":t?.ariaLabel,backgroundColor:t?.backgroundColor??!1,theme:t?.theme||"light",language:t?.language||"en",width:t?.width,height:t?.height,padding:t?.padding,children:s||se.graphList.filter(e=>e.geoHubMapPresentation).map(e=>e.graphID).indexOf(d)!==-1?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[u?.graphTitle||u?.graphDescription||t?.graphTitle||t?.graphDescription||t?.graphDownload||t?.dataDownload?i.jsxRuntimeExports.jsx(re.GraphHeader,{styles:{title:u?.styles?.title||t?.styles?.title,description:u?.styles?.description||t?.styles?.description},classNames:{title:u?.classNames?.title||t?.classNames?.title,description:u?.classNames?.description||t?.classNames?.description},graphTitle:u?.graphTitle||t?.graphTitle,graphDescription:u?.graphDescription||t?.graphDescription,width:u?.width||t?.width,graphDownload:t?.graphDownload?M:void 0,dataDownload:t?.dataDownload&&s&&s.length>0?s:null}):null,P.length!==0||(v||[]).length!==0||(A||[]).length!==0||x?i.jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap items-start gap-x-4 gap-y-0 w-full",children:[A?.map((e,r)=>i.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(m.b,{className:"mb-2",children:e.label||"Graph by"}),e.ui!=="radio"?i.jsxRuntimeExports.jsx(I.ja,{options:e.options.map(l=>({...l,value:l.label})),size:"sm",isClearable:!1,isSearchable:!0,variant:p,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:l=>{D(l?.graphSettings||{}),f(l?.dataConfiguration)}}):i.jsxRuntimeExports.jsx(m.ye,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:p,onValueChange:l=>{const n=e.options[e.options.findIndex(j=>j.label===l)];D(n.graphSettings||{}),f(n.dataConfiguration)},children:e.options.map((l,n)=>i.jsxRuntimeExports.jsx(m.he,{label:l.label,value:l.label},n))})]},r)),v?.map((e,r)=>i.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:1,flexShrink:e.ui!=="radio"?0:1,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(m.b,{className:"mb-2",children:e.label||`Visualize ${e.chartConfigId} by`}),m.checkIfMultiple(e.chartConfigId,C||[])?e.ui!=="radio"?i.jsxRuntimeExports.jsx(I.ja,{options:e.allowedColumnIds,size:"sm",isMulti:!0,isSearchable:!0,variant:p,controlShouldRenderValue:!0,defaultValue:o?o[o.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId.map(l=>e.allowedColumnIds[e.allowedColumnIds.findIndex(n=>n.value===l)]):void 0,filterOption:I.Du(O),onChange:l=>{const n={columnId:(l||[]).map(b=>b.value),chartConfigId:e.chartConfigId},j=C?.map(b=>b.chartConfigId===n.chartConfigId?n:b);f(j)}}):i.jsxRuntimeExports.jsx(m.$,{variant:p,defaultValue:o?o[o.findIndex(l=>l.chartConfigId===e.chartConfigId)].columnId.map(l=>e.allowedColumnIds[e.allowedColumnIds.findIndex(n=>n.value===l)]).map(l=>l.value):[],onValueChange:l=>{const n={columnId:l||[],chartConfigId:e.chartConfigId},j=C?.map(b=>b.chartConfigId===n.chartConfigId?n:b);f(j)},children:e.allowedColumnIds.map((l,n)=>i.jsxRuntimeExports.jsx(m.P,{label:l.label,value:l.label},n))}):e.ui!=="radio"?i.jsxRuntimeExports.jsx(I.ja,{options:e.allowedColumnIds,size:"sm",isClearable:!1,isSearchable:!0,variant:p,controlShouldRenderValue:!0,defaultValue:o?e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===o[o.findIndex(n=>n.chartConfigId===e.chartConfigId)].columnId)]:void 0,onChange:l=>{const n={columnId:l?.value,chartConfigId:e.chartConfigId},j=C?.map(b=>b.chartConfigId===n.chartConfigId?n:b);D(L(v,j)),f(j)}}):i.jsxRuntimeExports.jsx(m.ye,{variant:p,defaultValue:o?e.allowedColumnIds[e.allowedColumnIds.findIndex(l=>l.value===o[o.findIndex(n=>n.chartConfigId===e.chartConfigId)].columnId)].label:"",onValueChange:l=>{const j={columnId:e.allowedColumnIds[e.allowedColumnIds.findIndex(F=>F.label===l)].value,chartConfigId:e.chartConfigId},b=C?.map(F=>F.chartConfigId===j.chartConfigId?j:F);D(L(v,b)),f(b)},children:e.allowedColumnIds.map((l,n)=>i.jsxRuntimeExports.jsx(m.he,{label:l.label,value:l.label},n))})]},r)),P?.map((e,r)=>i.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(m.b,{className:"mb-2",children:e.label}),e.singleSelect?i.jsxRuntimeExports.jsx(I.ja,{options:e.availableValues,variant:p,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:I.Du(O),onChange:l=>{q(e.filter,l)},value:e.value,defaultValue:e.defaultValue}):i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[e.ui!=="radio"?i.jsxRuntimeExports.jsx(I.ja,{options:e.availableValues,variant:p,size:"sm",isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:I.Du(O),onChange:l=>{q(e.filter,l)},value:e.value,defaultValue:e.defaultValue}):i.jsxRuntimeExports.jsx(m.$,{variant:p,defaultValue:e.defaultValue?e.defaultValue.map(l=>`${l.value}`):[],value:e.value?e.value.map(l=>`${l.value}`):void 0,onValueChange:l=>{q(e.filter,e.availableValues.filter(n=>l.indexOf(`${n.value}`)!==-1))},children:e.availableValues.map((l,n)=>i.jsxRuntimeExports.jsx(m.P,{label:`${l.label}`,value:`${l.value}`},n))}),e.allowSelectAll?i.jsxRuntimeExports.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:()=>{q(e.filter,e.availableValues)},children:"Select all options"}):null]})]},r)),x?i.jsxRuntimeExports.jsxs("div",{style:{width:x.width||`calc(${100/h}% - ${(h-1)/h}rem)`,flexGrow:1,flexShrink:0,minWidth:"240px"},className:"pb-4",children:[i.jsxRuntimeExports.jsx(m.b,{className:"mb-2",children:x.label||"Highlight data"}),i.jsxRuntimeExports.jsx(I.ja,{options:X,variant:p,size:"sm",isMulti:!0,isClearable:!0,isSearchable:!0,controlShouldRenderValue:!0,filterOption:I.Du(O),onChange:e=>{Q(e?.map(r=>r.value))},value:$?.map(e=>({label:e,value:e})),defaultValue:x.defaultValues?.map(e=>({label:e,value:e}))})]}):null]}):null,i.jsxRuntimeExports.jsx(ce,{graph:d,graphData:ae,graphDataConfiguration:C,debugMode:w,readableHeader:V||[],updateFilters:T,settings:{...t||{},...u,graphTitle:void 0,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,padding:"0",theme:t?.theme,...$?{highlightedDataPoints:$,highlightedIds:$?.map(e=>`${e}`),highlightedLines:$?.map(e=>e)}:{}}})]}):i.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:i.jsxRuntimeExports.jsx(ne.w,{})})})}exports.SingleGraphDashboardThreeDGraphs=de;
 //# sourceMappingURL=SingleGraphDashboardThreeDGraphs.cjs.map