@undp/data-viz 2.5.4 → 2.6.0

package/dist/PerformanceIntensiveMultiGraphDashboard.js

@@ -1,20 +1,22 @@
-import { j as s } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useState as y, useEffectEvent as $, useEffect as S } from "react";
-import { i as I } from "./index-BuwmuDFJ.js";
+import { j as r } from "./compiler-runtime-qHgugrLy.js";
+import { useState as S, useEffectEvent as A, useEffect as y } from "react";
+import { i as E } from "./index-BuwmuDFJ.js";
 import { f as D } from "./index-EArKRVKg.js";
-import { j as H, D as G } from "./DropdownSelect-Dz7imdTB.js";
-import { b as q, y as J, h as B, $ as K, P as Q } from "./checkIfMultiple-Dpyy6BUP.js";
+import { DropdownSelect as H, createFilter as $ } from "@undp/design-system-react/DropdownSelect";
+import { Label as q } from "@undp/design-system-react/Label";
+import { CheckboxGroup as J, CheckboxGroupItem as B } from "@undp/design-system-react/CheckboxGroup";
+import { RadioGroup as K, RadioGroupItem as Q } from "@undp/design-system-react/RadioGroup";
 import { SingleGraphDashboard as X } from "./SingleGraphDashboard.js";
 import { SingleGraphDashboardThreeDGraphs as Y } from "./SingleGraphDashboardThreeDGraphs.js";
 import { SingleGraphDashboardGeoHubMaps as Z } from "./SingleGraphDashboardGeoHubMaps.js";
-import { f as _, a as aa, b as ea, c as ta, t as ia } from "./fetchAndParseData-BAXhgTDM.js";
-import { g as sa } from "./getUniqValue-DsqSii6M.js";
-import { GraphHeader as ra } from "./GraphHeader.js";
-import { f as M } from "./filterData-DsAiFzKY.js";
-import { t as k } from "./transformDataForSelect-D8AuvYdf.js";
-import { G as la } from "./GraphContainer-B8ZqOzKI.js";
+import { b as _, d as aa, f as ea, c as ta, t as ia } from "./fetchAndParseData-CDjQZ1fL.js";
+import { g as ra } from "./getUniqValue-DsqSii6M.js";
+import { GraphHeader as sa } from "./GraphHeader.js";
+import { f as k } from "./filterData-DsAiFzKY.js";
+import { t as M } from "./transformDataForSelect-D8AuvYdf.js";
+import { G as la } from "./GraphContainer-DcOM2CI6.js";
 const T = (f) => f.map((t) => t.columnWidth || 1).reduce((t, p) => t + p, 0), na = ["barChart", "choroplethMap", "biVariateChoroplethMap", "circlePacking", "treeMap"];
-function Ta(f) {
+function Ca(f) {
   const {
     dashboardID: w,
     dashboardLayout: l,
@@ -25,23 +27,23 @@ function Ta(f) {
     readableHeader: C,
     dataFilters: V,
     noOfFiltersPerRow: v = 4,
-    filterPosition: j,
+    filterPosition: F,
     uiMode: u = "normal",
     graphStyles: b,
     graphClassNames: x
-  } = f, [m, F] = y(void 0), [h, R] = y(void 0), [n, O] = y([]), P = ["threeDGlobe"], W = ["geoHubCompareMap", "geoHubMap", "geoHubMapWithLayerSelection"], N = {
+  } = f, [m, j] = S(void 0), [d, R] = S(void 0), [n, O] = S([]), L = ["threeDGlobe"], W = ["geoHubCompareMap", "geoHubMap", "geoHubMapWithLayerSelection"], G = {
     ignoreCase: !0,
     ignoreAccents: !0,
     trim: !0
-  }, A = $(() => {
+  }, N = A(() => {
     const e = (p || []).map((i) => ({
       filter: i.column,
       label: i.label || `Filter by ${i.column}`,
       singleSelect: i.singleSelect,
       clearable: i.clearable,
-      defaultValue: k(i.defaultValue),
-      value: k(i.defaultValue),
-      availableValues: sa(h, i.column).filter((a) => !i.excludeValues?.includes(`${a}`)).map((a) => ({
+      defaultValue: M(i.defaultValue),
+      value: M(i.defaultValue),
+      availableValues: ra(d, i.column).filter((a) => !i.excludeValues?.includes(`${a}`)).map((a) => ({
         value: a,
         label: a
       })),
@@ -49,16 +51,16 @@ function Ta(f) {
       width: i.width
     }));
     O(e);
-  }), L = $(() => {
-    if (!h || n.length === 0) F(h);
+  }), P = A(() => {
+    if (!d || n.length === 0) j(d);
     else {
-      const e = h.filter((i) => n.every((a) => a.value && D([a.value]).length > 0 ? I(D([i[a.filter]]), D([a.value]).map((r) => r.value)).length > 0 : !0));
-      F(e);
+      const e = d.filter((i) => n.every((a) => a.value && D([a.value]).length > 0 ? E(D([i[a.filter]]), D([a.value]).map((s) => s.value)).length > 0 : !0));
+      j(e);
     }
   });
-  S(() => {
-    L();
-  }, [n, h]), S(() => {
+  y(() => {
+    P();
+  }, [n, d]), y(() => {
     (async () => {
       try {
         const i = t.dataURL ? typeof t.dataURL == "string" ? t.fileType === "json" ? await _(t.dataURL, t.columnsToArray, t.dataTransformation, o) : t.fileType === "api" ? await aa(t.dataURL, t.apiHeaders, t.columnsToArray, t.dataTransformation, o) : await ea(t.dataURL, t.dataTransformation, t.columnsToArray, o, t.delimiter, !0) : await ta(t.dataURL, t.idColumnTitle) : await ia(t.data, t.columnsToArray);
@@ -66,51 +68,51 @@ function Ta(f) {
       } catch (i) {
         console.error("Data fetching error:", i);
       }
-    })(), A();
-  }, [t, o]), S(() => {
-    A();
-  }, [p, h]);
-  const d = (e, i) => {
-    O((a) => a.map((r) => r.filter === e ? {
-      ...r,
+    })(), N();
+  }, [t, o]), y(() => {
+    N();
+  }, [p, d]);
+  const h = (e, i) => {
+    O((a) => a.map((s) => s.filter === e ? {
+      ...s,
       value: i
-    } : r));
+    } : s));
   };
-  return /* @__PURE__ */ s.jsxs(la, { id: w, "aria-label": "This is a dashboard", backgroundColor: l.backgroundColor ?? !1, theme: g || "light", language: l.language || "en", padding: l.padding, children: [
-    l.title || l.description ? /* @__PURE__ */ s.jsx(ra, { graphTitle: l.title, graphDescription: l.description, isDashboard: !0 }) : null,
-    /* @__PURE__ */ s.jsxs("div", { className: "flex gap-4 flex-wrap", children: [
-      n.length !== 0 ? /* @__PURE__ */ s.jsx("div", { className: "flex-grow flex-shrink-0", style: {
-        width: j === "side" ? "280px" : "100%"
-      }, children: /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap items-start gap-4 w-full sticky top-4", children: n?.map((e, i) => /* @__PURE__ */ s.jsxs("div", { style: {
+  return /* @__PURE__ */ r.jsxs(la, { id: w, "aria-label": "This is a dashboard", backgroundColor: l.backgroundColor ?? !1, theme: g || "light", language: l.language || "en", padding: l.padding, children: [
+    l.title || l.description ? /* @__PURE__ */ r.jsx(sa, { graphTitle: l.title, graphDescription: l.description, isDashboard: !0 }) : null,
+    /* @__PURE__ */ r.jsxs("div", { className: "flex gap-4 flex-wrap", children: [
+      n.length !== 0 ? /* @__PURE__ */ r.jsx("div", { className: "flex-grow flex-shrink-0", style: {
+        width: F === "side" ? "280px" : "100%"
+      }, children: /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap items-start gap-4 w-full sticky top-4", children: n?.map((e, i) => /* @__PURE__ */ r.jsxs("div", { style: {
         width: e.width || `calc(${100 / v}% - ${(v - 1) / v}rem)`,
         flexGrow: e.width ? 0 : 1,
         flexShrink: e.ui !== "radio" || e.width ? 0 : 1,
         minWidth: "240px"
       }, children: [
-        /* @__PURE__ */ s.jsx(q, { className: "mb-2", children: e.label }),
-        e.singleSelect ? e.ui !== "radio" ? /* @__PURE__ */ s.jsx(H, { options: e.availableValues, variant: u, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: G(N), onChange: (a) => {
-          d(e.filter, a);
-        }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ s.jsx(J, { variant: u, defaultValue: e.defaultValue.value, onValueChange: (a) => {
-          d(e.filter, e.availableValues.filter((r) => r.value === a));
-        }, children: e.availableValues.map((a, r) => /* @__PURE__ */ s.jsx(B, { label: `${a.label}`, value: `${a.value}` }, r)) }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          e.ui !== "radio" ? /* @__PURE__ */ s.jsx(H, { options: e.availableValues, variant: u, size: "sm", isMulti: !0, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: G(N), onChange: (a) => {
-            d(e.filter, a);
-          }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ s.jsx(K, { variant: u, defaultValue: e.defaultValue ? e.defaultValue.map((a) => `${a.value}`) : [], value: e.value ? e.value.map((a) => `${a.value}`) : void 0, onValueChange: (a) => {
-            d(e.filter, e.availableValues.filter((r) => a.indexOf(`${r.value}`) !== -1));
-          }, children: e.availableValues.map((a, r) => /* @__PURE__ */ s.jsx(Q, { label: `${a.label}`, value: `${a.value}` }, r)) }),
-          e.allowSelectAll ? /* @__PURE__ */ s.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: () => {
-            d(e.filter, e.availableValues);
+        /* @__PURE__ */ r.jsx(q, { className: "mb-2", children: e.label }),
+        e.singleSelect ? e.ui !== "radio" ? /* @__PURE__ */ r.jsx(H, { options: e.availableValues, variant: u, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: $(G), onChange: (a) => {
+          h(e.filter, a);
+        }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ r.jsx(K, { variant: u, defaultValue: e.defaultValue.value, onValueChange: (a) => {
+          h(e.filter, e.availableValues.filter((s) => s.value === a));
+        }, children: e.availableValues.map((a, s) => /* @__PURE__ */ r.jsx(Q, { label: `${a.label}`, value: `${a.value}` }, s)) }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          e.ui !== "radio" ? /* @__PURE__ */ r.jsx(H, { options: e.availableValues, variant: u, size: "sm", isMulti: !0, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: $(G), onChange: (a) => {
+            h(e.filter, a);
+          }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ r.jsx(J, { variant: u, defaultValue: e.defaultValue ? e.defaultValue.map((a) => `${a.value}`) : [], value: e.value ? e.value.map((a) => `${a.value}`) : void 0, onValueChange: (a) => {
+            h(e.filter, e.availableValues.filter((s) => a.indexOf(`${s.value}`) !== -1));
+          }, children: e.availableValues.map((a, s) => /* @__PURE__ */ r.jsx(B, { label: `${a.label}`, value: `${a.value}` }, s)) }),
+          e.allowSelectAll ? /* @__PURE__ */ r.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: () => {
+            h(e.filter, e.availableValues);
           }, children: "Select all options" }) : null
         ] })
       ] }, i)) }) }) : null,
-      /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]", style: {
-        width: j === "side" ? "calc(100% - 280px - 1rem)" : "100%"
-      }, children: l.rows.map((e, i) => /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap items-stretch gap-4 w-full h-auto", style: {
+      /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]", style: {
+        width: F === "side" ? "calc(100% - 280px - 1rem)" : "100%"
+      }, children: l.rows.map((e, i) => /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap items-stretch gap-4 w-full h-auto", style: {
         minHeight: `${e.height || 0}px`
-      }, children: e.columns.map((a, r) => /* @__PURE__ */ s.jsx("div", { className: "flex bg-transparent grow min-w-60", style: {
+      }, children: e.columns.map((a, s) => /* @__PURE__ */ r.jsx("div", { className: "flex bg-transparent grow min-w-60", style: {
         width: `calc(${100 * (a.columnWidth || 1) / T(e.columns)}% - ${(T(e.columns) - (a.columnWidth || 1)) / T(e.columns)}rem)`,
         minHeight: "inherit"
-      }, children: P.includes(a.graphType) ? /* @__PURE__ */ s.jsx(Y, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: u, graphSettings: {
+      }, children: L.includes(a.graphType) ? /* @__PURE__ */ r.jsx(Y, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: u, graphSettings: {
         ...a.settings || {},
         width: void 0,
         height: void 0,
@@ -124,8 +126,8 @@ function Ta(f) {
         language: a.settings?.language || l.language,
         theme: a.settings?.theme || g
       }, dataSettings: {
-        data: m ? M(m, V || []) : void 0
-      }, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: o, readableHeader: C || [] }) : W.includes(a.graphType) ? /* @__PURE__ */ s.jsx(Z, { graphType: a.graphType, uiMode: u, graphSettings: {
+        data: m ? k(m, V || []) : void 0
+      }, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: o, readableHeader: C || [] }) : W.includes(a.graphType) ? /* @__PURE__ */ r.jsx(Z, { graphType: a.graphType, uiMode: u, graphSettings: {
         ...a.settings || {},
         width: void 0,
         height: void 0,
@@ -136,7 +138,7 @@ function Ta(f) {
         size: a.graphType === "unitChart" ? a.settings?.size : void 0,
         language: a.settings?.language || l.language,
         theme: a.settings?.theme || g
-      }, debugMode: o }) : /* @__PURE__ */ s.jsx(X, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: u, graphSettings: {
+      }, debugMode: o }) : /* @__PURE__ */ r.jsx(X, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: u, graphSettings: {
         ...a.settings || {},
         width: void 0,
         height: void 0,
@@ -148,21 +150,21 @@ function Ta(f) {
         language: a.settings?.language || l.language,
         theme: a.settings?.theme || g
       }, dataSettings: {
-        data: m ? M(m, V || []) : void 0
+        data: m ? k(m, V || []) : void 0
       }, updateFilters: a.attachedFilter && na.indexOf(a.graphType) !== -1 && n.findIndex((c) => c.filter === a.attachedFilter) !== -1 ? (c) => {
-        const z = n.findIndex((E) => E.filter === a.attachedFilter), U = c ? n[z].singleSelect ? {
+        const z = n.findIndex((U) => U.filter === a.attachedFilter), I = c ? n[z].singleSelect ? {
           value: c,
           label: c
         } : [{
           value: c,
           label: c
         }] : void 0;
-        d(a.attachedFilter, U);
-      } : void 0, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: o, readableHeader: C || [] }) }, r)) }, i)) })
+        h(a.attachedFilter, I);
+      } : void 0, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: o, readableHeader: C || [] }) }, s)) }, i)) })
     ] })
   ] });
 }
 export {
-  Ta as PerformanceIntensiveMultiGraphDashboard
+  Ca as PerformanceIntensiveMultiGraphDashboard
 };
 //# sourceMappingURL=PerformanceIntensiveMultiGraphDashboard.js.map

package/dist/PerformanceIntensiveMultiGraphDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PerformanceIntensiveMultiGraphDashboard.js","sources":["../src/Components/Dashboard/PerformanceIntensive/MultiGraphDashboard.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Label } from '@undp/design-system-react/Label';\r\nimport { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\r\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\r\n\r\nimport { SingleGraphDashboard } from '../SingleGraphDashboard';\r\n\r\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  PerformanceIntensiveDashboardLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsDataType,\r\n  FilterSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphType,\r\n  StyleObject,\r\n  PerformanceIntensiveDashboardColumnDataType,\r\n  ThreeDGraphType,\r\n  GeoHubGraphType,\r\n} from '@/Types';\r\nimport {\r\n  fetchAndParseCSV,\r\n  fetchAndParseJSON,\r\n  fetchAndParseMultipleDataSources,\r\n  fetchAndTransformDataFromAPI,\r\n} from '@/Utils/fetchAndParseData';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  dashboardID?: string;\r\n  dashboardLayout: PerformanceIntensiveDashboardLayoutDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  dataFilters?: DataFilterDataType[];\r\n  debugMode?: boolean;\r\n  theme?: 'dark' | 'light';\r\n  filterPosition?: 'top' | 'side';\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  uiMode?: 'light' | 'normal';\r\n  graphStyles?: StyleObject;\r\n  graphClassNames?: ClassNameObject;\r\n}\r\n\r\nconst TotalWidth = (columns: PerformanceIntensiveDashboardColumnDataType[]) => {\r\n  const columnWidth = columns.map(d => d.columnWidth || 1);\r\n  const sum = columnWidth.reduce((acc, cur) => acc + cur, 0);\r\n  return sum;\r\n};\r\n\r\nconst GraphWithAttachedFilter: GraphType[] = [\r\n  'barChart',\r\n  'choroplethMap',\r\n  'biVariateChoroplethMap',\r\n  'circlePacking',\r\n  'treeMap',\r\n];\r\n\r\nexport function PerformanceIntensiveMultiGraphDashboard(props: Props) {\r\n  const {\r\n    dashboardID,\r\n    dashboardLayout,\r\n    dataSettings,\r\n    filters,\r\n    debugMode,\r\n    theme = 'light',\r\n    readableHeader,\r\n    dataFilters,\r\n    noOfFiltersPerRow = 4,\r\n    filterPosition,\r\n    uiMode = 'normal',\r\n    graphStyles,\r\n    graphClassNames,\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [filteredData, setFilteredData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [data, setData] = useState<any>(undefined);\r\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\r\n\r\n  const threeDGraphs = ['threeDGlobe'];\r\n  const geoHubMaps = ['geoHubCompareMap', 'geoHubMap', 'geoHubMapWithLayerSelection'];\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\r\n  };\r\n\r\n  const updateFiltersEvent = useEffectEvent(() => {\r\n    const filterSettingsTemp = (filters || []).map(el => ({\r\n      filter: el.column,\r\n      label: el.label || `Filter by ${el.column}`,\r\n      singleSelect: el.singleSelect,\r\n      clearable: el.clearable,\r\n      defaultValue: transformDefaultValue(el.defaultValue),\r\n      value: transformDefaultValue(el.defaultValue),\r\n      availableValues: getUniqValue(data, el.column)\r\n        .filter(v => !el.excludeValues?.includes(`${v}`))\r\n        .map(v => ({ value: v, label: v })),\r\n      allowSelectAll: el.allowSelectAll,\r\n      width: el.width,\r\n    }));\r\n    setFilterSettings(filterSettingsTemp);\r\n  });\r\n  const filteredDataEvent = useEffectEvent(() => {\r\n    if (!data || filterSettings.length === 0) setFilteredData(data);\r\n    else {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      const result = data.filter((item: any) =>\r\n        filterSettings.every(filter =>\r\n          filter.value && flattenDeep([filter.value]).length > 0\r\n            ? intersection(\r\n                flattenDeep([item[filter.filter]]),\r\n                flattenDeep([filter.value]).map(el => el.value),\r\n              ).length > 0\r\n            : true,\r\n        ),\r\n      );\r\n      setFilteredData(result);\r\n    }\r\n  });\r\n  useEffect(() => {\r\n    filteredDataEvent();\r\n  }, [filterSettings, data]);\r\n\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const dataFromFile = dataSettings.dataURL\r\n          ? typeof dataSettings.dataURL === 'string'\r\n            ? dataSettings.fileType === 'json'\r\n              ? await fetchAndParseJSON(\r\n                  dataSettings.dataURL,\r\n                  dataSettings.columnsToArray,\r\n                  dataSettings.dataTransformation,\r\n                  debugMode,\r\n                )\r\n              : dataSettings.fileType === 'api'\r\n                ? await fetchAndTransformDataFromAPI(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.apiHeaders,\r\n                    dataSettings.columnsToArray,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : await fetchAndParseCSV(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.dataTransformation,\r\n                    dataSettings.columnsToArray,\r\n                    debugMode,\r\n                    dataSettings.delimiter,\r\n                    true,\r\n                  )\r\n            : await fetchAndParseMultipleDataSources(\r\n                dataSettings.dataURL,\r\n                dataSettings.idColumnTitle,\r\n              )\r\n          : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n        setData(dataFromFile);\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    };\r\n    fetchData();\r\n    updateFiltersEvent();\r\n  }, [dataSettings, debugMode]);\r\n\r\n  useEffect(() => {\r\n    updateFiltersEvent();\r\n  }, [filters, data]);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const handleFilterChange = (filter: string, values: any) => {\r\n    setFilterSettings(prev => prev.map(f => (f.filter === filter ? { ...f, value: values } : f)));\r\n  };\r\n  return (\r\n    <GraphContainer\r\n      id={dashboardID}\r\n      aria-label='This is a dashboard'\r\n      backgroundColor={dashboardLayout.backgroundColor ?? false}\r\n      theme={theme || 'light'}\r\n      language={dashboardLayout.language || 'en'}\r\n      padding={dashboardLayout.padding}\r\n    >\r\n      {dashboardLayout.title || dashboardLayout.description ? (\r\n        <GraphHeader\r\n          graphTitle={dashboardLayout.title}\r\n          graphDescription={dashboardLayout.description}\r\n          isDashboard\r\n        />\r\n      ) : null}\r\n      <div className='flex gap-4 flex-wrap'>\r\n        {filterSettings.length !== 0 ? (\r\n          <div\r\n            className='flex-grow flex-shrink-0'\r\n            style={{\r\n              width: filterPosition === 'side' ? '280px' : '100%',\r\n            }}\r\n          >\r\n            <div className='flex flex-wrap items-start gap-4 w-full sticky top-4'>\r\n              {filterSettings?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  key={i}\r\n                >\r\n                  <Label className='mb-2'>{d.label}</Label>\r\n                  {d.singleSelect ? (\r\n                    d.ui !== 'radio' ? (\r\n                      <DropdownSelect\r\n                        options={d.availableValues}\r\n                        variant={uiMode}\r\n                        isClearable={d.clearable === undefined ? true : d.clearable}\r\n                        isSearchable\r\n                        controlShouldRenderValue\r\n                        filterOption={createFilter(filterConfig)}\r\n                        onChange={el => {\r\n                          handleFilterChange(d.filter, el);\r\n                        }}\r\n                        value={d.value}\r\n                        defaultValue={d.defaultValue}\r\n                      />\r\n                    ) : (\r\n                      <RadioGroup\r\n                        variant={uiMode}\r\n                        defaultValue={(d.defaultValue as { value: string; label: string }).value}\r\n                        onValueChange={el => {\r\n                          handleFilterChange(\r\n                            d.filter,\r\n                            d.availableValues.filter(v => v.value === el),\r\n                          );\r\n                        }}\r\n                      >\r\n                        {d.availableValues.map((el, j) => (\r\n                          <RadioGroupItem label={`${el.label}`} value={`${el.value}`} key={j} />\r\n                        ))}\r\n                      </RadioGroup>\r\n                    )\r\n                  ) : (\r\n                    <>\r\n                      {d.ui !== 'radio' ? (\r\n                        <DropdownSelect\r\n                          options={d.availableValues}\r\n                          variant={uiMode}\r\n                          size='sm'\r\n                          isMulti\r\n                          isClearable={d.clearable === undefined ? true : d.clearable}\r\n                          isSearchable\r\n                          controlShouldRenderValue\r\n                          filterOption={createFilter(filterConfig)}\r\n                          onChange={el => {\r\n                            handleFilterChange(d.filter, el);\r\n                          }}\r\n                          value={d.value}\r\n                          defaultValue={d.defaultValue}\r\n                        />\r\n                      ) : (\r\n                        <CheckboxGroup\r\n                          variant={uiMode}\r\n                          defaultValue={\r\n                            d.defaultValue\r\n                              ? (\r\n                                  d.defaultValue as {\r\n                                    value: string | number;\r\n                                    label: string | number;\r\n                                  }[]\r\n                                ).map(el => `${el.value}`)\r\n                              : []\r\n                          }\r\n                          value={\r\n                            d.value\r\n                              ? (\r\n                                  d.value as {\r\n                                    value: string | number;\r\n                                    label: string | number;\r\n                                  }[]\r\n                                ).map(el => `${el.value}`)\r\n                              : undefined\r\n                          }\r\n                          onValueChange={el => {\r\n                            handleFilterChange(\r\n                              d.filter,\r\n                              d.availableValues.filter(v => el.indexOf(`${v.value}`) !== -1),\r\n                            );\r\n                          }}\r\n                        >\r\n                          {d.availableValues.map((el, j) => (\r\n                            <CheckboxGroupItem\r\n                              label={`${el.label}`}\r\n                              value={`${el.value}`}\r\n                              key={j}\r\n                            />\r\n                          ))}\r\n                        </CheckboxGroup>\r\n                      )}\r\n                      {d.allowSelectAll ? (\r\n                        <button\r\n                          type='button'\r\n                          className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\r\n                          onClick={() => {\r\n                            handleFilterChange(d.filter, d.availableValues);\r\n                          }}\r\n                        >\r\n                          Select all options\r\n                        </button>\r\n                      ) : null}\r\n                    </>\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n        <div\r\n          className='flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]'\r\n          style={{\r\n            width: filterPosition === 'side' ? 'calc(100% - 280px - 1rem)' : '100%',\r\n          }}\r\n        >\r\n          {dashboardLayout.rows.map((d, i) => (\r\n            <div\r\n              key={i}\r\n              className='flex flex-wrap items-stretch gap-4 w-full h-auto'\r\n              style={{\r\n                minHeight: `${d.height || 0}px`,\r\n              }}\r\n            >\r\n              {d.columns.map((el, j) => (\r\n                <div\r\n                  key={j}\r\n                  className='flex bg-transparent grow min-w-60'\r\n                  style={{\r\n                    width: `calc(${(100 * (el.columnWidth || 1)) / TotalWidth(d.columns)}% - ${\r\n                      (TotalWidth(d.columns) - (el.columnWidth || 1)) / TotalWidth(d.columns)\r\n                    }rem)`,\r\n                    minHeight: 'inherit',\r\n                  }}\r\n                >\r\n                  {threeDGraphs.includes(el.graphType) ? (\r\n                    <SingleGraphDashboardThreeDGraphs\r\n                      graphType={el.graphType as ThreeDGraphType}\r\n                      dataFilters={el.dataFilters}\r\n                      uiMode={uiMode}\r\n                      graphSettings={{\r\n                        ...(el.settings || {}),\r\n                        width: undefined,\r\n                        height: undefined,\r\n                        minHeight: undefined,\r\n                        relativeHeight: undefined,\r\n                        resetSelectionOnDoubleClick: el.attachedFilter\r\n                          ? false\r\n                          : el.settings?.resetSelectionOnDoubleClick,\r\n                        styles: el.settings?.styles || graphStyles,\r\n                        classNames: el.settings?.classNames || graphClassNames,\r\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\r\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\r\n                        language: el.settings?.language || dashboardLayout.language,\r\n                        theme: el.settings?.theme || theme,\r\n                      }}\r\n                      dataSettings={{\r\n                        data: filteredData\r\n                          ? filterData(filteredData, dataFilters || [])\r\n                          : undefined,\r\n                      }}\r\n                      dataTransform={el.dataTransform}\r\n                      dataSelectionOptions={el.dataSelectionOptions}\r\n                      advancedDataSelectionOptions={el.advancedDataSelectionOptions}\r\n                      graphDataConfiguration={el.graphDataConfiguration}\r\n                      debugMode={debugMode}\r\n                      readableHeader={readableHeader || []}\r\n                    />\r\n                  ) : geoHubMaps.includes(el.graphType) ? (\r\n                    <SingleGraphDashboardGeoHubMaps\r\n                      graphType={el.graphType as GeoHubGraphType}\r\n                      uiMode={uiMode}\r\n                      graphSettings={{\r\n                        ...(el.settings || {}),\r\n                        width: undefined,\r\n                        height: undefined,\r\n                        resetSelectionOnDoubleClick: el.attachedFilter\r\n                          ? false\r\n                          : el.settings?.resetSelectionOnDoubleClick,\r\n                        styles: el.settings?.styles || graphStyles,\r\n                        classNames: el.settings?.classNames || graphClassNames,\r\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\r\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\r\n                        language: el.settings?.language || dashboardLayout.language,\r\n                        theme: el.settings?.theme || theme,\r\n                      }}\r\n                      debugMode={debugMode}\r\n                    />\r\n                  ) : (\r\n                    <SingleGraphDashboard\r\n                      graphType={el.graphType as GraphType}\r\n                      dataFilters={el.dataFilters}\r\n                      uiMode={uiMode}\r\n                      graphSettings={{\r\n                        ...(el.settings || {}),\r\n                        width: undefined,\r\n                        height: undefined,\r\n                        resetSelectionOnDoubleClick: el.attachedFilter\r\n                          ? false\r\n                          : el.settings?.resetSelectionOnDoubleClick,\r\n                        styles: el.settings?.styles || graphStyles,\r\n                        classNames: el.settings?.classNames || graphClassNames,\r\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\r\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\r\n                        language: el.settings?.language || dashboardLayout.language,\r\n                        theme: el.settings?.theme || theme,\r\n                      }}\r\n                      dataSettings={{\r\n                        data: filteredData\r\n                          ? filterData(filteredData, dataFilters || [])\r\n                          : undefined,\r\n                      }}\r\n                      updateFilters={\r\n                        el.attachedFilter &&\r\n                        GraphWithAttachedFilter.indexOf(el.graphType as GraphType) !== -1 &&\r\n                        filterSettings.findIndex(f => f.filter === el.attachedFilter) !== -1\r\n                          ? dClicked => {\r\n                              const indx = filterSettings.findIndex(\r\n                                f => f.filter === el.attachedFilter,\r\n                              );\r\n                              const value = dClicked\r\n                                ? filterSettings[indx].singleSelect\r\n                                  ? { value: dClicked, label: dClicked }\r\n                                  : [{ value: dClicked, label: dClicked }]\r\n                                : undefined;\r\n                              handleFilterChange(el.attachedFilter as string, value);\r\n                            }\r\n                          : undefined\r\n                      }\r\n                      dataTransform={el.dataTransform}\r\n                      dataSelectionOptions={el.dataSelectionOptions}\r\n                      advancedDataSelectionOptions={el.advancedDataSelectionOptions}\r\n                      graphDataConfiguration={el.graphDataConfiguration}\r\n                      debugMode={debugMode}\r\n                      readableHeader={readableHeader || []}\r\n                    />\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["TotalWidth","columns","map","d","columnWidth","reduce","acc","cur","GraphWithAttachedFilter","PerformanceIntensiveMultiGraphDashboard","props","dashboardID","dashboardLayout","dataSettings","filters","debugMode","theme","readableHeader","dataFilters","noOfFiltersPerRow","filterPosition","uiMode","graphStyles","graphClassNames","filteredData","setFilteredData","useState","undefined","data","setData","filterSettings","setFilterSettings","threeDGraphs","geoHubMaps","filterConfig","ignoreCase","ignoreAccents","trim","updateFiltersEvent","useEffectEvent","filterSettingsTemp","el","filter","column","label","singleSelect","clearable","defaultValue","transformDefaultValue","value","availableValues","getUniqValue","v","excludeValues","includes","allowSelectAll","width","filteredDataEvent","length","result","item","every","flattenDeep","intersection","useEffect","fetchData","dataFromFile","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","console","handleFilterChange","values","prev","f","GraphContainer","backgroundColor","language","padding","title","description","jsx","GraphHeader","jsxs","i","flexGrow","flexShrink","ui","minWidth","Label","DropdownSelect","createFilter","RadioGroup","j","RadioGroupItem","Fragment","CheckboxGroup","indexOf","CheckboxGroupItem","rows","minHeight","height","graphType","SingleGraphDashboardThreeDGraphs","settings","relativeHeight","resetSelectionOnDoubleClick","attachedFilter","styles","classNames","radius","size","filterData","dataTransform","dataSelectionOptions","advancedDataSelectionOptions","graphDataConfiguration","SingleGraphDashboardGeoHubMaps","SingleGraphDashboard","findIndex","dClicked","indx"],"mappings":"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"}
+{"version":3,"file":"PerformanceIntensiveMultiGraphDashboard.js","sources":["../src/Components/Dashboard/PerformanceIntensive/MultiGraphDashboard.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Label } from '@undp/design-system-react/Label';\r\nimport { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\r\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\r\n\r\nimport { SingleGraphDashboard } from '../SingleGraphDashboard';\r\n\r\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  PerformanceIntensiveDashboardLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsDataType,\r\n  FilterSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphType,\r\n  StyleObject,\r\n  PerformanceIntensiveDashboardColumnDataType,\r\n  ThreeDGraphType,\r\n  GeoHubGraphType,\r\n} from '@/Types';\r\nimport {\r\n  fetchAndParseCSV,\r\n  fetchAndParseJSON,\r\n  fetchAndParseMultipleDataSources,\r\n  fetchAndTransformDataFromAPI,\r\n} from '@/Utils/fetchAndParseData';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  dashboardID?: string;\r\n  dashboardLayout: PerformanceIntensiveDashboardLayoutDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  dataFilters?: DataFilterDataType[];\r\n  debugMode?: boolean;\r\n  theme?: 'dark' | 'light';\r\n  filterPosition?: 'top' | 'side';\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  uiMode?: 'light' | 'normal';\r\n  graphStyles?: StyleObject;\r\n  graphClassNames?: ClassNameObject;\r\n}\r\n\r\nconst TotalWidth = (columns: PerformanceIntensiveDashboardColumnDataType[]) => {\r\n  const columnWidth = columns.map(d => d.columnWidth || 1);\r\n  const sum = columnWidth.reduce((acc, cur) => acc + cur, 0);\r\n  return sum;\r\n};\r\n\r\nconst GraphWithAttachedFilter: GraphType[] = [\r\n  'barChart',\r\n  'choroplethMap',\r\n  'biVariateChoroplethMap',\r\n  'circlePacking',\r\n  'treeMap',\r\n];\r\n\r\nexport function PerformanceIntensiveMultiGraphDashboard(props: Props) {\r\n  const {\r\n    dashboardID,\r\n    dashboardLayout,\r\n    dataSettings,\r\n    filters,\r\n    debugMode,\r\n    theme = 'light',\r\n    readableHeader,\r\n    dataFilters,\r\n    noOfFiltersPerRow = 4,\r\n    filterPosition,\r\n    uiMode = 'normal',\r\n    graphStyles,\r\n    graphClassNames,\r\n  } = props;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [filteredData, setFilteredData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [data, setData] = useState<any>(undefined);\r\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\r\n\r\n  const threeDGraphs = ['threeDGlobe'];\r\n  const geoHubMaps = ['geoHubCompareMap', 'geoHubMap', 'geoHubMapWithLayerSelection'];\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\r\n  };\r\n\r\n  const updateFiltersEvent = useEffectEvent(() => {\r\n    const filterSettingsTemp = (filters || []).map(el => ({\r\n      filter: el.column,\r\n      label: el.label || `Filter by ${el.column}`,\r\n      singleSelect: el.singleSelect,\r\n      clearable: el.clearable,\r\n      defaultValue: transformDefaultValue(el.defaultValue),\r\n      value: transformDefaultValue(el.defaultValue),\r\n      availableValues: getUniqValue(data, el.column)\r\n        .filter(v => !el.excludeValues?.includes(`${v}`))\r\n        .map(v => ({ value: v, label: v })),\r\n      allowSelectAll: el.allowSelectAll,\r\n      width: el.width,\r\n    }));\r\n    setFilterSettings(filterSettingsTemp);\r\n  });\r\n  const filteredDataEvent = useEffectEvent(() => {\r\n    if (!data || filterSettings.length === 0) setFilteredData(data);\r\n    else {\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      const result = data.filter((item: any) =>\r\n        filterSettings.every(filter =>\r\n          filter.value && flattenDeep([filter.value]).length > 0\r\n            ? intersection(\r\n                flattenDeep([item[filter.filter]]),\r\n                flattenDeep([filter.value]).map(el => el.value),\r\n              ).length > 0\r\n            : true,\r\n        ),\r\n      );\r\n      setFilteredData(result);\r\n    }\r\n  });\r\n  useEffect(() => {\r\n    filteredDataEvent();\r\n  }, [filterSettings, data]);\r\n\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const dataFromFile = dataSettings.dataURL\r\n          ? typeof dataSettings.dataURL === 'string'\r\n            ? dataSettings.fileType === 'json'\r\n              ? await fetchAndParseJSON(\r\n                  dataSettings.dataURL,\r\n                  dataSettings.columnsToArray,\r\n                  dataSettings.dataTransformation,\r\n                  debugMode,\r\n                )\r\n              : dataSettings.fileType === 'api'\r\n                ? await fetchAndTransformDataFromAPI(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.apiHeaders,\r\n                    dataSettings.columnsToArray,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : await fetchAndParseCSV(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.dataTransformation,\r\n                    dataSettings.columnsToArray,\r\n                    debugMode,\r\n                    dataSettings.delimiter,\r\n                    true,\r\n                  )\r\n            : await fetchAndParseMultipleDataSources(\r\n                dataSettings.dataURL,\r\n                dataSettings.idColumnTitle,\r\n              )\r\n          : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n        setData(dataFromFile);\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    };\r\n    fetchData();\r\n    updateFiltersEvent();\r\n  }, [dataSettings, debugMode]);\r\n\r\n  useEffect(() => {\r\n    updateFiltersEvent();\r\n  }, [filters, data]);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const handleFilterChange = (filter: string, values: any) => {\r\n    setFilterSettings(prev => prev.map(f => (f.filter === filter ? { ...f, value: values } : f)));\r\n  };\r\n  return (\r\n    <GraphContainer\r\n      id={dashboardID}\r\n      aria-label='This is a dashboard'\r\n      backgroundColor={dashboardLayout.backgroundColor ?? false}\r\n      theme={theme || 'light'}\r\n      language={dashboardLayout.language || 'en'}\r\n      padding={dashboardLayout.padding}\r\n    >\r\n      {dashboardLayout.title || dashboardLayout.description ? (\r\n        <GraphHeader\r\n          graphTitle={dashboardLayout.title}\r\n          graphDescription={dashboardLayout.description}\r\n          isDashboard\r\n        />\r\n      ) : null}\r\n      <div className='flex gap-4 flex-wrap'>\r\n        {filterSettings.length !== 0 ? (\r\n          <div\r\n            className='flex-grow flex-shrink-0'\r\n            style={{\r\n              width: filterPosition === 'side' ? '280px' : '100%',\r\n            }}\r\n          >\r\n            <div className='flex flex-wrap items-start gap-4 w-full sticky top-4'>\r\n              {filterSettings?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  key={i}\r\n                >\r\n                  <Label className='mb-2'>{d.label}</Label>\r\n                  {d.singleSelect ? (\r\n                    d.ui !== 'radio' ? (\r\n                      <DropdownSelect\r\n                        options={d.availableValues}\r\n                        variant={uiMode}\r\n                        isClearable={d.clearable === undefined ? true : d.clearable}\r\n                        isSearchable\r\n                        controlShouldRenderValue\r\n                        filterOption={createFilter(filterConfig)}\r\n                        onChange={el => {\r\n                          handleFilterChange(d.filter, el);\r\n                        }}\r\n                        value={d.value}\r\n                        defaultValue={d.defaultValue}\r\n                      />\r\n                    ) : (\r\n                      <RadioGroup\r\n                        variant={uiMode}\r\n                        defaultValue={(d.defaultValue as { value: string; label: string }).value}\r\n                        onValueChange={el => {\r\n                          handleFilterChange(\r\n                            d.filter,\r\n                            d.availableValues.filter(v => v.value === el),\r\n                          );\r\n                        }}\r\n                      >\r\n                        {d.availableValues.map((el, j) => (\r\n                          <RadioGroupItem label={`${el.label}`} value={`${el.value}`} key={j} />\r\n                        ))}\r\n                      </RadioGroup>\r\n                    )\r\n                  ) : (\r\n                    <>\r\n                      {d.ui !== 'radio' ? (\r\n                        <DropdownSelect\r\n                          options={d.availableValues}\r\n                          variant={uiMode}\r\n                          size='sm'\r\n                          isMulti\r\n                          isClearable={d.clearable === undefined ? true : d.clearable}\r\n                          isSearchable\r\n                          controlShouldRenderValue\r\n                          filterOption={createFilter(filterConfig)}\r\n                          onChange={el => {\r\n                            handleFilterChange(d.filter, el);\r\n                          }}\r\n                          value={d.value}\r\n                          defaultValue={d.defaultValue}\r\n                        />\r\n                      ) : (\r\n                        <CheckboxGroup\r\n                          variant={uiMode}\r\n                          defaultValue={\r\n                            d.defaultValue\r\n                              ? (\r\n                                  d.defaultValue as {\r\n                                    value: string | number;\r\n                                    label: string | number;\r\n                                  }[]\r\n                                ).map(el => `${el.value}`)\r\n                              : []\r\n                          }\r\n                          value={\r\n                            d.value\r\n                              ? (\r\n                                  d.value as {\r\n                                    value: string | number;\r\n                                    label: string | number;\r\n                                  }[]\r\n                                ).map(el => `${el.value}`)\r\n                              : undefined\r\n                          }\r\n                          onValueChange={el => {\r\n                            handleFilterChange(\r\n                              d.filter,\r\n                              d.availableValues.filter(v => el.indexOf(`${v.value}`) !== -1),\r\n                            );\r\n                          }}\r\n                        >\r\n                          {d.availableValues.map((el, j) => (\r\n                            <CheckboxGroupItem\r\n                              label={`${el.label}`}\r\n                              value={`${el.value}`}\r\n                              key={j}\r\n                            />\r\n                          ))}\r\n                        </CheckboxGroup>\r\n                      )}\r\n                      {d.allowSelectAll ? (\r\n                        <button\r\n                          type='button'\r\n                          className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\r\n                          onClick={() => {\r\n                            handleFilterChange(d.filter, d.availableValues);\r\n                          }}\r\n                        >\r\n                          Select all options\r\n                        </button>\r\n                      ) : null}\r\n                    </>\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n        <div\r\n          className='flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]'\r\n          style={{\r\n            width: filterPosition === 'side' ? 'calc(100% - 280px - 1rem)' : '100%',\r\n          }}\r\n        >\r\n          {dashboardLayout.rows.map((d, i) => (\r\n            <div\r\n              key={i}\r\n              className='flex flex-wrap items-stretch gap-4 w-full h-auto'\r\n              style={{\r\n                minHeight: `${d.height || 0}px`,\r\n              }}\r\n            >\r\n              {d.columns.map((el, j) => (\r\n                <div\r\n                  key={j}\r\n                  className='flex bg-transparent grow min-w-60'\r\n                  style={{\r\n                    width: `calc(${(100 * (el.columnWidth || 1)) / TotalWidth(d.columns)}% - ${\r\n                      (TotalWidth(d.columns) - (el.columnWidth || 1)) / TotalWidth(d.columns)\r\n                    }rem)`,\r\n                    minHeight: 'inherit',\r\n                  }}\r\n                >\r\n                  {threeDGraphs.includes(el.graphType) ? (\r\n                    <SingleGraphDashboardThreeDGraphs\r\n                      graphType={el.graphType as ThreeDGraphType}\r\n                      dataFilters={el.dataFilters}\r\n                      uiMode={uiMode}\r\n                      graphSettings={{\r\n                        ...(el.settings || {}),\r\n                        width: undefined,\r\n                        height: undefined,\r\n                        minHeight: undefined,\r\n                        relativeHeight: undefined,\r\n                        resetSelectionOnDoubleClick: el.attachedFilter\r\n                          ? false\r\n                          : el.settings?.resetSelectionOnDoubleClick,\r\n                        styles: el.settings?.styles || graphStyles,\r\n                        classNames: el.settings?.classNames || graphClassNames,\r\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\r\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\r\n                        language: el.settings?.language || dashboardLayout.language,\r\n                        theme: el.settings?.theme || theme,\r\n                      }}\r\n                      dataSettings={{\r\n                        data: filteredData\r\n                          ? filterData(filteredData, dataFilters || [])\r\n                          : undefined,\r\n                      }}\r\n                      dataTransform={el.dataTransform}\r\n                      dataSelectionOptions={el.dataSelectionOptions}\r\n                      advancedDataSelectionOptions={el.advancedDataSelectionOptions}\r\n                      graphDataConfiguration={el.graphDataConfiguration}\r\n                      debugMode={debugMode}\r\n                      readableHeader={readableHeader || []}\r\n                    />\r\n                  ) : geoHubMaps.includes(el.graphType) ? (\r\n                    <SingleGraphDashboardGeoHubMaps\r\n                      graphType={el.graphType as GeoHubGraphType}\r\n                      uiMode={uiMode}\r\n                      graphSettings={{\r\n                        ...(el.settings || {}),\r\n                        width: undefined,\r\n                        height: undefined,\r\n                        resetSelectionOnDoubleClick: el.attachedFilter\r\n                          ? false\r\n                          : el.settings?.resetSelectionOnDoubleClick,\r\n                        styles: el.settings?.styles || graphStyles,\r\n                        classNames: el.settings?.classNames || graphClassNames,\r\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\r\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\r\n                        language: el.settings?.language || dashboardLayout.language,\r\n                        theme: el.settings?.theme || theme,\r\n                      }}\r\n                      debugMode={debugMode}\r\n                    />\r\n                  ) : (\r\n                    <SingleGraphDashboard\r\n                      graphType={el.graphType as GraphType}\r\n                      dataFilters={el.dataFilters}\r\n                      uiMode={uiMode}\r\n                      graphSettings={{\r\n                        ...(el.settings || {}),\r\n                        width: undefined,\r\n                        height: undefined,\r\n                        resetSelectionOnDoubleClick: el.attachedFilter\r\n                          ? false\r\n                          : el.settings?.resetSelectionOnDoubleClick,\r\n                        styles: el.settings?.styles || graphStyles,\r\n                        classNames: el.settings?.classNames || graphClassNames,\r\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\r\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\r\n                        language: el.settings?.language || dashboardLayout.language,\r\n                        theme: el.settings?.theme || theme,\r\n                      }}\r\n                      dataSettings={{\r\n                        data: filteredData\r\n                          ? filterData(filteredData, dataFilters || [])\r\n                          : undefined,\r\n                      }}\r\n                      updateFilters={\r\n                        el.attachedFilter &&\r\n                        GraphWithAttachedFilter.indexOf(el.graphType as GraphType) !== -1 &&\r\n                        filterSettings.findIndex(f => f.filter === el.attachedFilter) !== -1\r\n                          ? dClicked => {\r\n                              const indx = filterSettings.findIndex(\r\n                                f => f.filter === el.attachedFilter,\r\n                              );\r\n                              const value = dClicked\r\n                                ? filterSettings[indx].singleSelect\r\n                                  ? { value: dClicked, label: dClicked }\r\n                                  : [{ value: dClicked, label: dClicked }]\r\n                                : undefined;\r\n                              handleFilterChange(el.attachedFilter as string, value);\r\n                            }\r\n                          : undefined\r\n                      }\r\n                      dataTransform={el.dataTransform}\r\n                      dataSelectionOptions={el.dataSelectionOptions}\r\n                      advancedDataSelectionOptions={el.advancedDataSelectionOptions}\r\n                      graphDataConfiguration={el.graphDataConfiguration}\r\n                      debugMode={debugMode}\r\n                      readableHeader={readableHeader || []}\r\n                    />\r\n                  )}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["TotalWidth","columns","map","d","columnWidth","reduce","acc","cur","GraphWithAttachedFilter","PerformanceIntensiveMultiGraphDashboard","props","dashboardID","dashboardLayout","dataSettings","filters","debugMode","theme","readableHeader","dataFilters","noOfFiltersPerRow","filterPosition","uiMode","graphStyles","graphClassNames","filteredData","setFilteredData","useState","undefined","data","setData","filterSettings","setFilterSettings","threeDGraphs","geoHubMaps","filterConfig","ignoreCase","ignoreAccents","trim","updateFiltersEvent","useEffectEvent","filterSettingsTemp","el","filter","column","label","singleSelect","clearable","defaultValue","transformDefaultValue","value","availableValues","getUniqValue","v","excludeValues","includes","allowSelectAll","width","filteredDataEvent","length","result","item","every","flattenDeep","intersection","useEffect","fetchData","dataFromFile","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","console","handleFilterChange","values","prev","f","GraphContainer","backgroundColor","language","padding","title","description","jsx","GraphHeader","jsxs","i","flexGrow","flexShrink","ui","minWidth","Label","DropdownSelect","createFilter","RadioGroup","j","RadioGroupItem","Fragment","CheckboxGroup","indexOf","CheckboxGroupItem","rows","minHeight","height","graphType","SingleGraphDashboardThreeDGraphs","settings","relativeHeight","resetSelectionOnDoubleClick","attachedFilter","styles","classNames","radius","size","filterData","dataTransform","dataSelectionOptions","advancedDataSelectionOptions","graphDataConfiguration","SingleGraphDashboardGeoHubMaps","SingleGraphDashboard","findIndex","dClicked","indx"],"mappings":"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"}

package/dist/PerformanceIntensiveMultiGraphDashboardFromConfig.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-D4pAp7u0.cjs"),l=require("react"),h=require("./Spinner-WHzzloYQ.cjs"),c=require("./PerformanceIntensiveMultiGraphDashboard.cjs"),g=require("./fetchAndParseData-QTF6tjij.cjs");function m(f){const t=n.compilerRuntimeExports.c(18),{config:a}=f,[e,d]=l.useState(void 0);let s,o;if(t[0]!==a?(s=()=>{(async()=>{if(typeof a=="string"){const u=await g.fetchAndParseJSON(a);d(u)}else d(a)})()},o=[a],t[0]=a,t[1]=s,t[2]=o):(s=t[1],o=t[2]),l.useEffect(s,o),!e){let r;return t[3]===Symbol.for("react.memo_cache_sentinel")?(r=n.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:n.jsxRuntimeExports.jsx(h.w,{})}),t[3]=r):r=t[3],r}let i;return t[4]!==e.dashboardID||t[5]!==e.dashboardLayout||t[6]!==e.dataFilters||t[7]!==e.dataSettings||t[8]!==e.debugMode||t[9]!==e.filterPosition||t[10]!==e.filters||t[11]!==e.graphClassNames||t[12]!==e.graphStyles||t[13]!==e.noOfFiltersPerRow||t[14]!==e.readableHeader||t[15]!==e.theme||t[16]!==e.uiMode?(i=n.jsxRuntimeExports.jsx(c.PerformanceIntensiveMultiGraphDashboard,{dashboardID:e.dashboardID,dashboardLayout:e.dashboardLayout,dataSettings:e.dataSettings,filters:e.filters,debugMode:e.debugMode,theme:e.theme,readableHeader:e.readableHeader,dataFilters:e.dataFilters,noOfFiltersPerRow:e.noOfFiltersPerRow,filterPosition:e.filterPosition,uiMode:e.uiMode,graphStyles:e.graphStyles,graphClassNames:e.graphClassNames}),t[4]=e.dashboardID,t[5]=e.dashboardLayout,t[6]=e.dataFilters,t[7]=e.dataSettings,t[8]=e.debugMode,t[9]=e.filterPosition,t[10]=e.filters,t[11]=e.graphClassNames,t[12]=e.graphStyles,t[13]=e.noOfFiltersPerRow,t[14]=e.readableHeader,t[15]=e.theme,t[16]=e.uiMode,t[17]=i):i=t[17],i}exports.PerformanceIntensiveMultiGraphDashboardFromConfig=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./compiler-runtime-oPPev21o.cjs"),l=require("react"),c=require("@undp/design-system-react/Spinner"),h=require("./PerformanceIntensiveMultiGraphDashboard.cjs"),g=require("./fetchAndParseData-QTF6tjij.cjs");function m(f){const t=n.compilerRuntimeExports.c(18),{config:a}=f,[e,d]=l.useState(void 0);let s,i;if(t[0]!==a?(s=()=>{(async()=>{if(typeof a=="string"){const u=await g.fetchAndParseJSON(a);d(u)}else d(a)})()},i=[a],t[0]=a,t[1]=s,t[2]=i):(s=t[1],i=t[2]),l.useEffect(s,i),!e){let r;return t[3]===Symbol.for("react.memo_cache_sentinel")?(r=n.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:n.jsxRuntimeExports.jsx(c.Spinner,{})}),t[3]=r):r=t[3],r}let o;return t[4]!==e.dashboardID||t[5]!==e.dashboardLayout||t[6]!==e.dataFilters||t[7]!==e.dataSettings||t[8]!==e.debugMode||t[9]!==e.filterPosition||t[10]!==e.filters||t[11]!==e.graphClassNames||t[12]!==e.graphStyles||t[13]!==e.noOfFiltersPerRow||t[14]!==e.readableHeader||t[15]!==e.theme||t[16]!==e.uiMode?(o=n.jsxRuntimeExports.jsx(h.PerformanceIntensiveMultiGraphDashboard,{dashboardID:e.dashboardID,dashboardLayout:e.dashboardLayout,dataSettings:e.dataSettings,filters:e.filters,debugMode:e.debugMode,theme:e.theme,readableHeader:e.readableHeader,dataFilters:e.dataFilters,noOfFiltersPerRow:e.noOfFiltersPerRow,filterPosition:e.filterPosition,uiMode:e.uiMode,graphStyles:e.graphStyles,graphClassNames:e.graphClassNames}),t[4]=e.dashboardID,t[5]=e.dashboardLayout,t[6]=e.dataFilters,t[7]=e.dataSettings,t[8]=e.debugMode,t[9]=e.filterPosition,t[10]=e.filters,t[11]=e.graphClassNames,t[12]=e.graphStyles,t[13]=e.noOfFiltersPerRow,t[14]=e.readableHeader,t[15]=e.theme,t[16]=e.uiMode,t[17]=o):o=t[17],o}exports.PerformanceIntensiveMultiGraphDashboardFromConfig=m;
 //# sourceMappingURL=PerformanceIntensiveMultiGraphDashboardFromConfig.cjs.map

package/dist/PerformanceIntensiveMultiGraphDashboardFromConfig.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PerformanceIntensiveMultiGraphDashboardFromConfig.cjs","sources":["../src/Components/Dashboard/PerformanceIntensive/MultiGraphDashboardFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { PerformanceIntensiveMultiGraphDashboard } from './MultiGraphDashboard';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DataFilterDataType,\r\n  DataSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  PerformanceIntensiveDashboardLayoutDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  dashboardID?: string;\r\n  dashboardLayout: PerformanceIntensiveDashboardLayoutDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  filterPosition?: 'top' | 'side';\r\n  debugMode?: boolean;\r\n  theme?: 'dark' | 'light';\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  dataFilters?: DataFilterDataType[];\r\n  uiMode?: 'light' | 'normal';\r\n  graphStyles?: StyleObject;\r\n  graphClassNames?: ClassNameObject;\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function PerformanceIntensiveMultiGraphDashboardFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\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    <PerformanceIntensiveMultiGraphDashboard\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      filters={configSettings.filters}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\r\n      filterPosition={configSettings.filterPosition}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["PerformanceIntensiveMultiGraphDashboardFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","dashboardID","dashboardLayout","dataFilters","dataSettings","debugMode","filterPosition","filters","graphClassNames","graphStyles","noOfFiltersPerRow","readableHeader","theme","uiMode","PerformanceIntensiveMultiGraphDashboard"],"mappings":"iSAsCO,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,EAY1F,GAZ0FR,OAAAE,GAChFK,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,EAAA,CAAA,IAAAG,EAAAe,aAAAlB,EAAA,CAAA,IAAAG,EAAAgB,iBAAAnB,EAAA,CAAA,IAAAG,EAAAiB,aAAApB,EAAA,CAAA,IAAAG,EAAAkB,cAAArB,OAAAG,EAAAmB,WAAAtB,EAAA,CAAA,IAAAG,EAAAoB,gBAAAvB,EAAA,EAAA,IAAAG,EAAAqB,SAAAxB,EAAA,EAAA,IAAAG,EAAAsB,iBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,aAAA1B,QAAAG,EAAAwB,mBAAA3B,EAAA,EAAA,IAAAG,EAAAyB,gBAAA5B,EAAA,EAAA,IAAAG,EAAA0B,OAAA7B,EAAA,EAAA,IAAAG,EAAA2B,QAEFjB,0BAACkB,EAAAA,wCAAA,CACc,YAAA5B,EAAce,YACV,gBAAAf,EAAcgB,gBACjB,aAAAhB,EAAckB,aACnB,QAAAlB,EAAcqB,QACZ,UAAArB,EAAcmB,UAClB,MAAAnB,EAAc0B,MACL,eAAA1B,EAAcyB,eACjB,YAAAzB,EAAciB,YACR,kBAAAjB,EAAcwB,kBACjB,eAAAxB,EAAcoB,eACtB,OAAApB,EAAc2B,OACT,YAAA3B,EAAcuB,YACV,gBAAAvB,EAAcsB,gBAAgB,EAC/CzB,EAAA,CAAA,EAAAG,EAAAe,YAAAlB,EAAA,CAAA,EAAAG,EAAAgB,gBAAAnB,EAAA,CAAA,EAAAG,EAAAiB,YAAApB,EAAA,CAAA,EAAAG,EAAAkB,aAAArB,EAAA,CAAA,EAAAG,EAAAmB,UAAAtB,EAAA,CAAA,EAAAG,EAAAoB,eAAAvB,EAAA,EAAA,EAAAG,EAAAqB,QAAAxB,EAAA,EAAA,EAAAG,EAAAsB,gBAAAzB,EAAA,EAAA,EAAAG,EAAAuB,YAAA1B,EAAA,EAAA,EAAAG,EAAAwB,kBAAA3B,EAAA,EAAA,EAAAG,EAAAyB,eAAA5B,EAAA,EAAA,EAAAG,EAAA0B,MAAA7B,EAAA,EAAA,EAAAG,EAAA2B,OAAA9B,MAAAa,GAAAA,EAAAb,EAAA,EAAA,EAdFa,CAcE"}
+{"version":3,"file":"PerformanceIntensiveMultiGraphDashboardFromConfig.cjs","sources":["../src/Components/Dashboard/PerformanceIntensive/MultiGraphDashboardFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { PerformanceIntensiveMultiGraphDashboard } from './MultiGraphDashboard';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DataFilterDataType,\r\n  DataSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  PerformanceIntensiveDashboardLayoutDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  dashboardID?: string;\r\n  dashboardLayout: PerformanceIntensiveDashboardLayoutDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  filterPosition?: 'top' | 'side';\r\n  debugMode?: boolean;\r\n  theme?: 'dark' | 'light';\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  dataFilters?: DataFilterDataType[];\r\n  uiMode?: 'light' | 'normal';\r\n  graphStyles?: StyleObject;\r\n  graphClassNames?: ClassNameObject;\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function PerformanceIntensiveMultiGraphDashboardFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\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    <PerformanceIntensiveMultiGraphDashboard\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      filters={configSettings.filters}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\r\n      filterPosition={configSettings.filterPosition}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["PerformanceIntensiveMultiGraphDashboardFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","dashboardID","dashboardLayout","dataFilters","dataSettings","debugMode","filterPosition","filters","graphClassNames","graphStyles","noOfFiltersPerRow","readableHeader","theme","uiMode","PerformanceIntensiveMultiGraphDashboard"],"mappings":"8SAsCO,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,EAY1F,GAZ0FR,OAAAE,GAChFK,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,aAAAlB,EAAA,CAAA,IAAAG,EAAAgB,iBAAAnB,EAAA,CAAA,IAAAG,EAAAiB,aAAApB,EAAA,CAAA,IAAAG,EAAAkB,cAAArB,OAAAG,EAAAmB,WAAAtB,EAAA,CAAA,IAAAG,EAAAoB,gBAAAvB,EAAA,EAAA,IAAAG,EAAAqB,SAAAxB,EAAA,EAAA,IAAAG,EAAAsB,iBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,aAAA1B,QAAAG,EAAAwB,mBAAA3B,EAAA,EAAA,IAAAG,EAAAyB,gBAAA5B,EAAA,EAAA,IAAAG,EAAA0B,OAAA7B,EAAA,EAAA,IAAAG,EAAA2B,QAEFjB,0BAACkB,EAAAA,wCAAA,CACc,YAAA5B,EAAce,YACV,gBAAAf,EAAcgB,gBACjB,aAAAhB,EAAckB,aACnB,QAAAlB,EAAcqB,QACZ,UAAArB,EAAcmB,UAClB,MAAAnB,EAAc0B,MACL,eAAA1B,EAAcyB,eACjB,YAAAzB,EAAciB,YACR,kBAAAjB,EAAcwB,kBACjB,eAAAxB,EAAcoB,eACtB,OAAApB,EAAc2B,OACT,YAAA3B,EAAcuB,YACV,gBAAAvB,EAAcsB,gBAAgB,EAC/CzB,EAAA,CAAA,EAAAG,EAAAe,YAAAlB,EAAA,CAAA,EAAAG,EAAAgB,gBAAAnB,EAAA,CAAA,EAAAG,EAAAiB,YAAApB,EAAA,CAAA,EAAAG,EAAAkB,aAAArB,EAAA,CAAA,EAAAG,EAAAmB,UAAAtB,EAAA,CAAA,EAAAG,EAAAoB,eAAAvB,EAAA,EAAA,EAAAG,EAAAqB,QAAAxB,EAAA,EAAA,EAAAG,EAAAsB,gBAAAzB,EAAA,EAAA,EAAAG,EAAAuB,YAAA1B,EAAA,EAAA,EAAAG,EAAAwB,kBAAA3B,EAAA,EAAA,EAAAG,EAAAyB,eAAA5B,EAAA,EAAA,EAAAG,EAAA0B,MAAA7B,EAAA,EAAA,EAAAG,EAAA2B,OAAA9B,MAAAa,GAAAA,EAAAb,EAAA,EAAA,EAdFa,CAcE"}

package/dist/PerformanceIntensiveMultiGraphDashboardFromConfig.js

@@ -1,14 +1,14 @@
-import { c as h, j as d } from "./index-CHPV5EwG-BzibaIRc.js";
+import { c as h, j as d } from "./compiler-runtime-qHgugrLy.js";
 import { useState as m, useEffect as c } from "react";
-import { w as g } from "./Spinner-B2IIKg9r.js";
+import { Spinner as g } from "@undp/design-system-react/Spinner";
 import { PerformanceIntensiveMultiGraphDashboard as u } from "./PerformanceIntensiveMultiGraphDashboard.js";
-import { f as p } from "./fetchAndParseData-BAXhgTDM.js";
+import { b as p } from "./fetchAndParseData-CDjQZ1fL.js";
 function F(n) {
   const t = h.c(18), {
     config: a
   } = n, [e, l] = m(void 0);
-  let r, o;
-  if (t[0] !== a ? (r = () => {
+  let s, o;
+  if (t[0] !== a ? (s = () => {
     (async () => {
       if (typeof a == "string") {
         const f = await p(a);
@@ -16,9 +16,9 @@ function F(n) {
       } else
         l(a);
     })();
-  }, o = [a], t[0] = a, t[1] = r, t[2] = o) : (r = t[1], o = t[2]), c(r, o), !e) {
-    let s;
-    return t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ d.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ d.jsx(g, {}) }), t[3] = s) : s = t[3], s;
+  }, o = [a], t[0] = a, t[1] = s, t[2] = o) : (s = t[1], o = t[2]), c(s, o), !e) {
+    let r;
+    return t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ d.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ d.jsx(g, {}) }), t[3] = r) : r = t[3], r;
   }
   let i;
   return t[4] !== e.dashboardID || t[5] !== e.dashboardLayout || t[6] !== e.dataFilters || t[7] !== e.dataSettings || t[8] !== e.debugMode || t[9] !== e.filterPosition || t[10] !== e.filters || t[11] !== e.graphClassNames || t[12] !== e.graphStyles || t[13] !== e.noOfFiltersPerRow || t[14] !== e.readableHeader || t[15] !== e.theme || t[16] !== e.uiMode ? (i = /* @__PURE__ */ d.jsx(u, { dashboardID: e.dashboardID, dashboardLayout: e.dashboardLayout, dataSettings: e.dataSettings, filters: e.filters, debugMode: e.debugMode, theme: e.theme, readableHeader: e.readableHeader, dataFilters: e.dataFilters, noOfFiltersPerRow: e.noOfFiltersPerRow, filterPosition: e.filterPosition, uiMode: e.uiMode, graphStyles: e.graphStyles, graphClassNames: e.graphClassNames }), t[4] = e.dashboardID, t[5] = e.dashboardLayout, t[6] = e.dataFilters, t[7] = e.dataSettings, t[8] = e.debugMode, t[9] = e.filterPosition, t[10] = e.filters, t[11] = e.graphClassNames, t[12] = e.graphStyles, t[13] = e.noOfFiltersPerRow, t[14] = e.readableHeader, t[15] = e.theme, t[16] = e.uiMode, t[17] = i) : i = t[17], i;

package/dist/PerformanceIntensiveScrollStory.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-D4pAp7u0.cjs"),M=require("react"),_=require("./SingleGraphDashboard.cjs"),V=require("./SingleGraphDashboardThreeDGraphs.cjs"),k=require("./SingleGraphDashboardGeoHubMaps.cjs"),N=require("./proxy-CqH8m8IQ.cjs"),A=require("./use-in-view-dnRv_qqF.cjs");function W(R){const e=n.compilerRuntimeExports.c(27),{chapters:r,visibilityThreshold:b,mode:v,infoWidth:y,infoPosition:j,infoBackgroundColor:u}=R,g=b===void 0?.5:b,s=v===void 0?"overlay":v,p=y===void 0?"320px":y,a=j===void 0?"left":j,D=u===void 0?"rgba(255,255,255,0.8)":u,[i,S]=M.useState(0);let o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o=["threeDGlobe"],e[0]=o):o=e[0];const h=o;let l;e[1]===Symbol.for("react.memo_cache_sentinel")?(l=["geoHubCompareMap","geoHubMap","geoHubMapWithLayerSelection"],e[1]=l):l=e[1];const $=l;let t;e[2]!==r?(t=[],r.forEach((c,B)=>{c.sections.forEach((H,P)=>{t.push({chapter:B,dataSettings:c.dataSettings,section:P,graphType:c.graphType,infoBox:H.infoBox,graphSettings:{...c.graphSettings,...H.graphSettings||{},animate:!0},graphDataConfiguration:H.graphDataConfiguration||c.graphDataConfiguration||[]})})}),e[2]=r,e[3]=t):t=e[3];const w=t[i];let T,E,C;e[4]===Symbol.for("react.memo_cache_sentinel")?(E={opacity:0},C={opacity:1},T={duration:.5},e[4]=T,e[5]=E,e[6]=C):(T=e[4],E=e[5],C=e[6]);const I=s==="overlay"||a==="right"?0:p,q=s==="overlay"?"100%":`calc(100% - ${p})`;let f;e[7]!==I||e[8]!==q?(f={left:I,width:q},e[7]=I,e[8]=q,e[9]=f):f=e[9];let d;e[10]!==i||e[11]!==t?(d=h.includes(t[i].graphType)?n.jsxRuntimeExports.jsx(V.SingleGraphDashboardThreeDGraphs,{graphType:t[i].graphType,dataSettings:t[i].dataSettings,graphSettings:t[i].graphSettings,graphDataConfiguration:t[i].graphDataConfiguration}):$.includes(t[i].graphType)?n.jsxRuntimeExports.jsx(k.SingleGraphDashboardGeoHubMaps,{graphType:t[i].graphType,graphSettings:t[i].graphSettings}):n.jsxRuntimeExports.jsx(_.SingleGraphDashboard,{graphType:t[i].graphType,dataSettings:t[i].dataSettings,graphSettings:t[i].graphSettings,graphDataConfiguration:t[i].graphDataConfiguration}),e[10]=i,e[11]=t,e[12]=d):d=e[12];let x;e[13]!==f||e[14]!==d||e[15]!==w.chapter?(x=n.jsxRuntimeExports.jsx(N.motion.div,{className:"fixed top-0 h-full -z-10",initial:E,animate:C,transition:T,style:f,children:d},w.chapter),e[13]=f,e[14]=d,e[15]=w.chapter,e[16]=x):x=e[16];let m;e[17]!==D||e[18]!==a||e[19]!==p||e[20]!==s||e[21]!==t||e[22]!==g?(m=n.jsxRuntimeExports.jsx("div",{children:t.map((c,B)=>n.jsxRuntimeExports.jsx(z,{width:p,index:B,infoBox:c.infoBox,setActiveIndex:S,position:a,mode:s,visibilityThreshold:g,backgroundColor:D},`${c.chapter}-${c.section}`))}),e[17]=D,e[18]=a,e[19]=p,e[20]=s,e[21]=t,e[22]=g,e[23]=m):m=e[23];let G;return e[24]!==x||e[25]!==m?(G=n.jsxRuntimeExports.jsxs("div",{className:"relative w-full h-full",children:[x,m]}),e[24]=x,e[25]=m,e[26]=G):G=e[26],G}function z(R){const e=n.compilerRuntimeExports.c(13),{infoBox:r,index:b,setActiveIndex:v,position:y,mode:j,visibilityThreshold:u,backgroundColor:g,width:s}=R,p=M.useRef(null);let a;e[0]!==u?(a={once:!1,amount:u},e[0]=u,e[1]=a):a=e[1],A.useInView(p,a)&&v(b);const i=`min-h-screen flex ${y==="center"?"justify-center":y==="right"?"justify-end":"justify-start"}`,S=`p-8 ${j==="overlay"?"h-fit mx-10 ":""}`;let o;e[2]!==g||e[3]!==s?(o={backgroundColor:g,width:s},e[2]=g,e[3]=s,e[4]=o):o=e[4];let h;e[5]!==r.description||e[6]!==r.title||e[7]!==S||e[8]!==o?(h=n.jsxRuntimeExports.jsxs("div",{className:S,style:o,children:[r.title,r.description]}),e[5]=r.description,e[6]=r.title,e[7]=S,e[8]=o,e[9]=h):h=e[9];let l;return e[10]!==i||e[11]!==h?(l=n.jsxRuntimeExports.jsx("section",{ref:p,className:i,children:h}),e[10]=i,e[11]=h,e[12]=l):l=e[12],l}exports.PerformanceIntensiveScrollStory=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./compiler-runtime-oPPev21o.cjs"),$=require("react"),P=require("./SingleGraphDashboard.cjs"),k=require("./SingleGraphDashboardThreeDGraphs.cjs"),N=require("./SingleGraphDashboardGeoHubMaps.cjs"),V=require("./proxy-QMeVVqam.cjs"),A=require("./use-in-view-DjR_gqJP.cjs");function W(G){const e=n.compilerRuntimeExports.c(27),{chapters:r,visibilityThreshold:b,mode:v,infoWidth:y,infoPosition:j,infoBackgroundColor:u}=G,g=b===void 0?.5:b,s=v===void 0?"overlay":v,p=y===void 0?"320px":y,a=j===void 0?"left":j,D=u===void 0?"rgba(255,255,255,0.8)":u,[i,S]=$.useState(0);let o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o=["threeDGlobe"],e[0]=o):o=e[0];const h=o;let l;e[1]===Symbol.for("react.memo_cache_sentinel")?(l=["geoHubCompareMap","geoHubMap","geoHubMapWithLayerSelection"],e[1]=l):l=e[1];const H=l;let t;e[2]!==r?(t=[],r.forEach((c,B)=>{c.sections.forEach((M,_)=>{t.push({chapter:B,dataSettings:c.dataSettings,section:_,graphType:c.graphType,infoBox:M.infoBox,graphSettings:{...c.graphSettings,...M.graphSettings||{},animate:!0},graphDataConfiguration:M.graphDataConfiguration||c.graphDataConfiguration||[]})})}),e[2]=r,e[3]=t):t=e[3];const I=t[i];let T,R,E;e[4]===Symbol.for("react.memo_cache_sentinel")?(R={opacity:0},E={opacity:1},T={duration:.5},e[4]=T,e[5]=R,e[6]=E):(T=e[4],R=e[5],E=e[6]);const w=s==="overlay"||a==="right"?0:p,q=s==="overlay"?"100%":`calc(100% - ${p})`;let f;e[7]!==w||e[8]!==q?(f={left:w,width:q},e[7]=w,e[8]=q,e[9]=f):f=e[9];let d;e[10]!==i||e[11]!==t?(d=h.includes(t[i].graphType)?n.jsxRuntimeExports.jsx(k.SingleGraphDashboardThreeDGraphs,{graphType:t[i].graphType,dataSettings:t[i].dataSettings,graphSettings:t[i].graphSettings,graphDataConfiguration:t[i].graphDataConfiguration}):H.includes(t[i].graphType)?n.jsxRuntimeExports.jsx(N.SingleGraphDashboardGeoHubMaps,{graphType:t[i].graphType,graphSettings:t[i].graphSettings}):n.jsxRuntimeExports.jsx(P.SingleGraphDashboard,{graphType:t[i].graphType,dataSettings:t[i].dataSettings,graphSettings:t[i].graphSettings,graphDataConfiguration:t[i].graphDataConfiguration}),e[10]=i,e[11]=t,e[12]=d):d=e[12];let x;e[13]!==f||e[14]!==d||e[15]!==I.chapter?(x=n.jsxRuntimeExports.jsx(V.motion.div,{className:"fixed top-0 h-full -z-10",initial:R,animate:E,transition:T,style:f,children:d},I.chapter),e[13]=f,e[14]=d,e[15]=I.chapter,e[16]=x):x=e[16];let m;e[17]!==D||e[18]!==a||e[19]!==p||e[20]!==s||e[21]!==t||e[22]!==g?(m=n.jsxRuntimeExports.jsx("div",{children:t.map((c,B)=>n.jsxRuntimeExports.jsx(z,{width:p,index:B,infoBox:c.infoBox,setActiveIndex:S,position:a,mode:s,visibilityThreshold:g,backgroundColor:D},`${c.chapter}-${c.section}`))}),e[17]=D,e[18]=a,e[19]=p,e[20]=s,e[21]=t,e[22]=g,e[23]=m):m=e[23];let C;return e[24]!==x||e[25]!==m?(C=n.jsxRuntimeExports.jsxs("div",{className:"relative w-full h-full",children:[x,m]}),e[24]=x,e[25]=m,e[26]=C):C=e[26],C}function z(G){const e=n.compilerRuntimeExports.c(13),{infoBox:r,index:b,setActiveIndex:v,position:y,mode:j,visibilityThreshold:u,backgroundColor:g,width:s}=G,p=$.useRef(null);let a;e[0]!==u?(a={once:!1,amount:u},e[0]=u,e[1]=a):a=e[1],A.useInView(p,a)&&v(b);const i=`min-h-screen flex ${y==="center"?"justify-center":y==="right"?"justify-end":"justify-start"}`,S=`p-8 ${j==="overlay"?"h-fit mx-10 ":""}`;let o;e[2]!==g||e[3]!==s?(o={backgroundColor:g,width:s},e[2]=g,e[3]=s,e[4]=o):o=e[4];let h;e[5]!==r.description||e[6]!==r.title||e[7]!==S||e[8]!==o?(h=n.jsxRuntimeExports.jsxs("div",{className:S,style:o,children:[r.title,r.description]}),e[5]=r.description,e[6]=r.title,e[7]=S,e[8]=o,e[9]=h):h=e[9];let l;return e[10]!==i||e[11]!==h?(l=n.jsxRuntimeExports.jsx("section",{ref:p,className:i,children:h}),e[10]=i,e[11]=h,e[12]=l):l=e[12],l}exports.PerformanceIntensiveScrollStory=W;
 //# sourceMappingURL=PerformanceIntensiveScrollStory.cjs.map

package/dist/PerformanceIntensiveScrollStory.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PerformanceIntensiveScrollStory.cjs","sources":["../src/Components/Dashboard/PerformanceIntensive/ScrollStory.tsx"],"sourcesContent":["// Scrollytelling.tsx\r\nimport { motion, useInView } from 'motion/react';\r\nimport { useRef, useState } from 'react';\r\n\r\nimport { SingleGraphDashboard } from '../SingleGraphDashboard';\r\n\r\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport {\r\n  PerformanceIntensiveChaptersDataType,\r\n  InfoBoxDataType,\r\n  SectionsArrDataType,\r\n  ThreeDGraphType,\r\n  GeoHubGraphType,\r\n  GraphType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  /** Defines if the information is shown as overlay or on the side */\r\n  mode?: 'overlay' | 'side';\r\n  /** Defines the width of the info section */\r\n  infoWidth?: string;\r\n  /** Defined the different chapters for the story and different sections within the story  */\r\n  chapters: PerformanceIntensiveChaptersDataType[];\r\n  /** Position of info on the page */\r\n  infoPosition?: 'left' | 'right' | 'center';\r\n  /** Sets how much of the element (from 0 to 1) must be visible before it's considered in view and it trigger the animation in the scrollytelling */\r\n  visibilityThreshold?: number;\r\n  /** Sets background color of the info box. */\r\n  infoBackgroundColor?: string;\r\n}\r\n\r\n/** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. */\r\nexport function PerformanceIntensiveScrollStory(props: Props) {\r\n  const {\r\n    chapters,\r\n    visibilityThreshold = 0.5,\r\n    mode = 'overlay',\r\n    infoWidth = '320px',\r\n    infoPosition = 'left',\r\n    infoBackgroundColor = 'rgba(255,255,255,0.8)',\r\n  } = props;\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const threeDGraphs = ['threeDGlobe'];\r\n  const geoHubMaps = ['geoHubCompareMap', 'geoHubMap', 'geoHubMapWithLayerSelection'];\r\n  const sectionsArr: SectionsArrDataType[] = [];\r\n  chapters.forEach((d, i) => {\r\n    d.sections.forEach((s, j) => {\r\n      sectionsArr.push({\r\n        chapter: i,\r\n        dataSettings: d.dataSettings,\r\n        section: j,\r\n        graphType: d.graphType,\r\n        infoBox: s.infoBox,\r\n        graphSettings: { ...d.graphSettings, ...(s.graphSettings || {}), animate: true },\r\n        graphDataConfiguration: s.graphDataConfiguration || d.graphDataConfiguration || [],\r\n      });\r\n    });\r\n  });\r\n  return (\r\n    <div className='relative w-full h-full'>\r\n      {/* Background Layer */}\r\n      <motion.div\r\n        key={sectionsArr[activeIndex].chapter}\r\n        className='fixed top-0 h-full -z-10'\r\n        initial={{ opacity: 0 }}\r\n        animate={{ opacity: 1 }}\r\n        transition={{ duration: 0.5 }}\r\n        style={{\r\n          left: mode === 'overlay' ? 0 : infoPosition === 'right' ? 0 : infoWidth,\r\n          width: mode === 'overlay' ? '100%' : `calc(100% - ${infoWidth})`,\r\n        }}\r\n      >\r\n        {threeDGraphs.includes(sectionsArr[activeIndex].graphType) ? (\r\n          <SingleGraphDashboardThreeDGraphs\r\n            graphType={sectionsArr[activeIndex].graphType as ThreeDGraphType}\r\n            dataSettings={sectionsArr[activeIndex].dataSettings}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n          />\r\n        ) : geoHubMaps.includes(sectionsArr[activeIndex].graphType) ? (\r\n          <SingleGraphDashboardGeoHubMaps\r\n            graphType={sectionsArr[activeIndex].graphType as GeoHubGraphType}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n          />\r\n        ) : (\r\n          <SingleGraphDashboard\r\n            graphType={sectionsArr[activeIndex].graphType as GraphType}\r\n            dataSettings={sectionsArr[activeIndex].dataSettings}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n          />\r\n        )}\r\n      </motion.div>\r\n      <div>\r\n        {sectionsArr.map((section, idx) => (\r\n          <ScrollySection\r\n            width={infoWidth}\r\n            key={`${section.chapter}-${section.section}`}\r\n            index={idx}\r\n            infoBox={section.infoBox}\r\n            setActiveIndex={setActiveIndex}\r\n            position={infoPosition}\r\n            mode={mode}\r\n            visibilityThreshold={visibilityThreshold}\r\n            backgroundColor={infoBackgroundColor}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ScrollySection({\r\n  infoBox,\r\n  index,\r\n  setActiveIndex,\r\n  position,\r\n  mode,\r\n  visibilityThreshold,\r\n  backgroundColor,\r\n  width,\r\n}: {\r\n  infoBox: InfoBoxDataType;\r\n  index: number;\r\n  setActiveIndex: (idx: number) => void;\r\n  position: 'left' | 'right' | 'center';\r\n  mode: 'overlay' | 'side';\r\n  visibilityThreshold: number;\r\n  backgroundColor: string;\r\n  width: string;\r\n}) {\r\n  const ref = useRef(null);\r\n  const isInView = useInView(ref, {\r\n    once: false,\r\n    amount: visibilityThreshold,\r\n  });\r\n  if (isInView) setActiveIndex(index);\r\n  return (\r\n    <section\r\n      ref={ref}\r\n      className={`min-h-screen flex ${position === 'center' ? 'justify-center' : position === 'right' ? 'justify-end' : 'justify-start'}`}\r\n    >\r\n      <div\r\n        className={`p-8 ${mode === 'overlay' ? 'h-fit mx-10 ' : ''}`}\r\n        style={{\r\n          backgroundColor,\r\n          width,\r\n        }}\r\n      >\r\n        {infoBox.title}\r\n        {infoBox.description}\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["PerformanceIntensiveScrollStory","props","$","_c","chapters","visibilityThreshold","t0","mode","t1","infoWidth","t2","infoPosition","t3","infoBackgroundColor","t4","undefined","activeIndex","setActiveIndex","useState","t5","Symbol","for","threeDGraphs","t6","geoHubMaps","sectionsArr","forEach","d","i","sections","s","j","push","chapter","dataSettings","section","graphType","infoBox","graphSettings","animate","graphDataConfiguration","t7","t10","t8","t9","opacity","duration","t11","t12","t13","left","width","t14","includes","jsx","SingleGraphDashboardThreeDGraphs","SingleGraphDashboardGeoHubMaps","SingleGraphDashboard","t15","t16","map","idx","ScrollySection","t17","jsxs","index","position","backgroundColor","ref","useRef","once","amount","useInView","description","title"],"mappings":"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"}
+{"version":3,"file":"PerformanceIntensiveScrollStory.cjs","sources":["../src/Components/Dashboard/PerformanceIntensive/ScrollStory.tsx"],"sourcesContent":["// Scrollytelling.tsx\r\nimport { motion, useInView } from 'motion/react';\r\nimport { useRef, useState } from 'react';\r\n\r\nimport { SingleGraphDashboard } from '../SingleGraphDashboard';\r\n\r\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\r\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\r\n\r\nimport {\r\n  PerformanceIntensiveChaptersDataType,\r\n  InfoBoxDataType,\r\n  SectionsArrDataType,\r\n  ThreeDGraphType,\r\n  GeoHubGraphType,\r\n  GraphType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  /** Defines if the information is shown as overlay or on the side */\r\n  mode?: 'overlay' | 'side';\r\n  /** Defines the width of the info section */\r\n  infoWidth?: string;\r\n  /** Defined the different chapters for the story and different sections within the story  */\r\n  chapters: PerformanceIntensiveChaptersDataType[];\r\n  /** Position of info on the page */\r\n  infoPosition?: 'left' | 'right' | 'center';\r\n  /** Sets how much of the element (from 0 to 1) must be visible before it's considered in view and it trigger the animation in the scrollytelling */\r\n  visibilityThreshold?: number;\r\n  /** Sets background color of the info box. */\r\n  infoBackgroundColor?: string;\r\n}\r\n\r\n/** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. */\r\nexport function PerformanceIntensiveScrollStory(props: Props) {\r\n  const {\r\n    chapters,\r\n    visibilityThreshold = 0.5,\r\n    mode = 'overlay',\r\n    infoWidth = '320px',\r\n    infoPosition = 'left',\r\n    infoBackgroundColor = 'rgba(255,255,255,0.8)',\r\n  } = props;\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const threeDGraphs = ['threeDGlobe'];\r\n  const geoHubMaps = ['geoHubCompareMap', 'geoHubMap', 'geoHubMapWithLayerSelection'];\r\n  const sectionsArr: SectionsArrDataType[] = [];\r\n  chapters.forEach((d, i) => {\r\n    d.sections.forEach((s, j) => {\r\n      sectionsArr.push({\r\n        chapter: i,\r\n        dataSettings: d.dataSettings,\r\n        section: j,\r\n        graphType: d.graphType,\r\n        infoBox: s.infoBox,\r\n        graphSettings: { ...d.graphSettings, ...(s.graphSettings || {}), animate: true },\r\n        graphDataConfiguration: s.graphDataConfiguration || d.graphDataConfiguration || [],\r\n      });\r\n    });\r\n  });\r\n  return (\r\n    <div className='relative w-full h-full'>\r\n      {/* Background Layer */}\r\n      <motion.div\r\n        key={sectionsArr[activeIndex].chapter}\r\n        className='fixed top-0 h-full -z-10'\r\n        initial={{ opacity: 0 }}\r\n        animate={{ opacity: 1 }}\r\n        transition={{ duration: 0.5 }}\r\n        style={{\r\n          left: mode === 'overlay' ? 0 : infoPosition === 'right' ? 0 : infoWidth,\r\n          width: mode === 'overlay' ? '100%' : `calc(100% - ${infoWidth})`,\r\n        }}\r\n      >\r\n        {threeDGraphs.includes(sectionsArr[activeIndex].graphType) ? (\r\n          <SingleGraphDashboardThreeDGraphs\r\n            graphType={sectionsArr[activeIndex].graphType as ThreeDGraphType}\r\n            dataSettings={sectionsArr[activeIndex].dataSettings}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n          />\r\n        ) : geoHubMaps.includes(sectionsArr[activeIndex].graphType) ? (\r\n          <SingleGraphDashboardGeoHubMaps\r\n            graphType={sectionsArr[activeIndex].graphType as GeoHubGraphType}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n          />\r\n        ) : (\r\n          <SingleGraphDashboard\r\n            graphType={sectionsArr[activeIndex].graphType as GraphType}\r\n            dataSettings={sectionsArr[activeIndex].dataSettings}\r\n            graphSettings={sectionsArr[activeIndex].graphSettings}\r\n            graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n          />\r\n        )}\r\n      </motion.div>\r\n      <div>\r\n        {sectionsArr.map((section, idx) => (\r\n          <ScrollySection\r\n            width={infoWidth}\r\n            key={`${section.chapter}-${section.section}`}\r\n            index={idx}\r\n            infoBox={section.infoBox}\r\n            setActiveIndex={setActiveIndex}\r\n            position={infoPosition}\r\n            mode={mode}\r\n            visibilityThreshold={visibilityThreshold}\r\n            backgroundColor={infoBackgroundColor}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ScrollySection({\r\n  infoBox,\r\n  index,\r\n  setActiveIndex,\r\n  position,\r\n  mode,\r\n  visibilityThreshold,\r\n  backgroundColor,\r\n  width,\r\n}: {\r\n  infoBox: InfoBoxDataType;\r\n  index: number;\r\n  setActiveIndex: (idx: number) => void;\r\n  position: 'left' | 'right' | 'center';\r\n  mode: 'overlay' | 'side';\r\n  visibilityThreshold: number;\r\n  backgroundColor: string;\r\n  width: string;\r\n}) {\r\n  const ref = useRef(null);\r\n  const isInView = useInView(ref, {\r\n    once: false,\r\n    amount: visibilityThreshold,\r\n  });\r\n  if (isInView) setActiveIndex(index);\r\n  return (\r\n    <section\r\n      ref={ref}\r\n      className={`min-h-screen flex ${position === 'center' ? 'justify-center' : position === 'right' ? 'justify-end' : 'justify-start'}`}\r\n    >\r\n      <div\r\n        className={`p-8 ${mode === 'overlay' ? 'h-fit mx-10 ' : ''}`}\r\n        style={{\r\n          backgroundColor,\r\n          width,\r\n        }}\r\n      >\r\n        {infoBox.title}\r\n        {infoBox.description}\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["PerformanceIntensiveScrollStory","props","$","_c","chapters","visibilityThreshold","t0","mode","t1","infoWidth","t2","infoPosition","t3","infoBackgroundColor","t4","undefined","activeIndex","setActiveIndex","useState","t5","Symbol","for","threeDGraphs","t6","geoHubMaps","sectionsArr","forEach","d","i","sections","s","j","push","chapter","dataSettings","section","graphType","infoBox","graphSettings","animate","graphDataConfiguration","t7","t10","t8","t9","opacity","duration","t11","t12","t13","left","width","t14","includes","jsx","SingleGraphDashboardThreeDGraphs","SingleGraphDashboardGeoHubMaps","SingleGraphDashboard","t15","t16","map","idx","ScrollySection","t17","jsxs","index","position","backgroundColor","ref","useRef","once","amount","useInView","description","title"],"mappings":"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"}

package/dist/PerformanceIntensiveScrollStory.js

@@ -1,10 +1,10 @@
-import { c as k, j as c } from "./index-CHPV5EwG-BzibaIRc.js";
+import { c as k, j as c } from "./compiler-runtime-qHgugrLy.js";
 import { useState as A, useRef as P } from "react";
 import { SingleGraphDashboard as R } from "./SingleGraphDashboard.js";
 import { SingleGraphDashboardThreeDGraphs as V } from "./SingleGraphDashboardThreeDGraphs.js";
 import { SingleGraphDashboardGeoHubMaps as W } from "./SingleGraphDashboardGeoHubMaps.js";
-import { m as z } from "./proxy-BsxtcZKa.js";
-import { u as L } from "./use-in-view-KOXq5Kmc.js";
+import { m as z } from "./proxy-D31SA_aE.js";
+import { u as L } from "./use-in-view-Co5SmzfT.js";
 function Y(G) {
   const t = k.c(27), {
     chapters: a,