@undp/data-viz 2.5.4 → 2.6.1

package/dist/PerformanceIntensiveMultiGraphDashboard.js

@@ -1,168 +1,254 @@
-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 { 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 { 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";
-const T = (f) => f.map((t) => t.columnWidth || 1).reduce((t, p) => t + p, 0), na = ["barChart", "choroplethMap", "biVariateChoroplethMap", "circlePacking", "treeMap"];
-function Ta(f) {
-  const {
-    dashboardID: w,
-    dashboardLayout: l,
-    dataSettings: t,
-    filters: p,
-    debugMode: o,
-    theme: g = "light",
-    readableHeader: C,
-    dataFilters: V,
-    noOfFiltersPerRow: v = 4,
-    filterPosition: j,
-    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 = {
-    ignoreCase: !0,
-    ignoreAccents: !0,
-    trim: !0
-  }, 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) => ({
-        value: a,
-        label: a
-      })),
-      allowSelectAll: i.allowSelectAll,
-      width: i.width
-    }));
-    O(e);
-  }), L = $(() => {
-    if (!h || n.length === 0) F(h);
-    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);
-    }
-  });
-  S(() => {
-    L();
-  }, [n, h]), S(() => {
-    (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);
-        R(i);
-      } 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,
-      value: i
-    } : r));
-  };
-  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: {
-        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);
-          }, 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: {
-        minHeight: `${e.height || 0}px`
-      }, children: e.columns.map((a, r) => /* @__PURE__ */ s.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: {
-        ...a.settings || {},
-        width: void 0,
-        height: void 0,
-        minHeight: void 0,
-        relativeHeight: void 0,
-        resetSelectionOnDoubleClick: a.attachedFilter ? !1 : a.settings?.resetSelectionOnDoubleClick,
-        styles: a.settings?.styles || b,
-        classNames: a.settings?.classNames || x,
-        radius: a.graphType === "donutChart" ? void 0 : a.settings?.radius,
-        size: a.graphType === "unitChart" ? a.settings?.size : void 0,
-        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: {
-        ...a.settings || {},
-        width: void 0,
-        height: void 0,
-        resetSelectionOnDoubleClick: a.attachedFilter ? !1 : a.settings?.resetSelectionOnDoubleClick,
-        styles: a.settings?.styles || b,
-        classNames: a.settings?.classNames || x,
-        radius: a.graphType === "donutChart" ? void 0 : a.settings?.radius,
-        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: {
-        ...a.settings || {},
-        width: void 0,
-        height: void 0,
-        resetSelectionOnDoubleClick: a.attachedFilter ? !1 : a.settings?.resetSelectionOnDoubleClick,
-        styles: a.settings?.styles || b,
-        classNames: a.settings?.classNames || x,
-        radius: a.graphType === "donutChart" ? void 0 : a.settings?.radius,
-        size: a.graphType === "unitChart" ? a.settings?.size : void 0,
-        language: a.settings?.language || l.language,
-        theme: a.settings?.theme || g
-      }, dataSettings: {
-        data: m ? M(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 ? {
-          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)) })
-    ] })
-  ] });
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { t as n } from "./lodash.flattendeep-a__mQ60W.js";
+import { t as r } from "./lodash.intersection-C9QFuAQj.js";
+import { GraphHeader as i } from "./GraphHeader.js";
+import { a, i as o, o as s, r as c, t as l } from "./fetchAndParseData-C50SqMPu.js";
+import { t as u } from "./getUniqValue-DZTOHgt8.js";
+import { t as d } from "./filterData-Dp_HZ71j.js";
+import { t as f } from "./transformDataForSelect-DRC8qPt4.js";
+import { n as p } from "./GraphContainer-DgEB1AVN.js";
+import { SingleGraphDashboard as m } from "./SingleGraphDashboard.js";
+import { t as h } from "./SingleGraphDashboardGeoHubMaps-BNKMBM5-.js";
+import { t as g } from "./SingleGraphDashboardThreeDGraphs-BsCgN8DA.js";
+import { useEffect as _, useEffectEvent as v, useState as y } from "react";
+import { CheckboxGroup as b, CheckboxGroupItem as x } from "@undp/design-system-react/CheckboxGroup";
+import { DropdownSelect as S, createFilter as C } from "@undp/design-system-react/DropdownSelect";
+import { Label as w } from "@undp/design-system-react/Label";
+import { RadioGroup as T, RadioGroupItem as E } from "@undp/design-system-react/RadioGroup";
+//#region src/Components/Dashboard/PerformanceIntensive/MultiGraphDashboard.tsx
+var D = /* @__PURE__ */ e(n(), 1), O = /* @__PURE__ */ e(r(), 1), k = t(), A = (e) => e.map((e) => e.columnWidth || 1).reduce((e, t) => e + t, 0), j = [
+	"barChart",
+	"choroplethMap",
+	"biVariateChoroplethMap",
+	"circlePacking",
+	"treeMap"
+];
+function M(e) {
+	let { dashboardID: t, dashboardLayout: n, dataSettings: r, filters: M, debugMode: N, theme: P = "light", readableHeader: F, dataFilters: I, noOfFiltersPerRow: L = 4, filterPosition: R, uiMode: z = "normal", graphStyles: B, graphClassNames: V } = e, [H, U] = y(void 0), [W, G] = y(void 0), [K, q] = y([]), J = ["threeDGlobe"], Y = [
+		"geoHubCompareMap",
+		"geoHubMap",
+		"geoHubMapWithLayerSelection"
+	], X = {
+		ignoreCase: !0,
+		ignoreAccents: !0,
+		trim: !0
+	}, Z = v(() => {
+		q((M || []).map((e) => ({
+			filter: e.column,
+			label: e.label || `Filter by ${e.column}`,
+			singleSelect: e.singleSelect,
+			clearable: e.clearable,
+			defaultValue: f(e.defaultValue),
+			value: f(e.defaultValue),
+			availableValues: u(W, e.column).filter((t) => !e.excludeValues?.includes(`${t}`)).map((e) => ({
+				value: e,
+				label: e
+			})),
+			allowSelectAll: e.allowSelectAll,
+			width: e.width
+		})));
+	}), Q = v(() => {
+		!W || K.length === 0 ? U(W) : U(W.filter((e) => K.every((t) => t.value && (0, D.default)([t.value]).length > 0 ? (0, O.default)((0, D.default)([e[t.filter]]), (0, D.default)([t.value]).map((e) => e.value)).length > 0 : !0)));
+	});
+	_(() => {
+		Q();
+	}, [K, W]), _(() => {
+		(async () => {
+			try {
+				G(r.dataURL ? typeof r.dataURL == "string" ? r.fileType === "json" ? await c(r.dataURL, r.columnsToArray, r.dataTransformation, N) : r.fileType === "api" ? await a(r.dataURL, r.apiHeaders, r.columnsToArray, r.dataTransformation, N) : await l(r.dataURL, r.dataTransformation, r.columnsToArray, N, r.delimiter, !0) : await o(r.dataURL, r.idColumnTitle) : await s(r.data, r.columnsToArray));
+			} catch (e) {
+				console.error("Data fetching error:", e);
+			}
+		})(), Z();
+	}, [r, N]), _(() => {
+		Z();
+	}, [M, W]);
+	let $ = (e, t) => {
+		q((n) => n.map((n) => n.filter === e ? {
+			...n,
+			value: t
+		} : n));
+	};
+	return /* @__PURE__ */ (0, k.jsxs)(p, {
+		id: t,
+		"aria-label": "This is a dashboard",
+		backgroundColor: n.backgroundColor ?? !1,
+		theme: P || "light",
+		language: n.language || "en",
+		padding: n.padding,
+		children: [n.title || n.description ? /* @__PURE__ */ (0, k.jsx)(i, {
+			graphTitle: n.title,
+			graphDescription: n.description,
+			isDashboard: !0
+		}) : null, /* @__PURE__ */ (0, k.jsxs)("div", {
+			className: "flex gap-4 flex-wrap",
+			children: [K.length === 0 ? null : /* @__PURE__ */ (0, k.jsx)("div", {
+				className: "flex-grow flex-shrink-0",
+				style: { width: R === "side" ? "280px" : "100%" },
+				children: /* @__PURE__ */ (0, k.jsx)("div", {
+					className: "flex flex-wrap items-start gap-4 w-full sticky top-4",
+					children: K?.map((e, t) => /* @__PURE__ */ (0, k.jsxs)("div", {
+						style: {
+							width: e.width || `calc(${100 / L}% - ${(L - 1) / L}rem)`,
+							flexGrow: +!e.width,
+							flexShrink: e.ui !== "radio" || e.width ? 0 : 1,
+							minWidth: "240px"
+						},
+						children: [/* @__PURE__ */ (0, k.jsx)(w, {
+							className: "mb-2",
+							children: e.label
+						}), e.singleSelect ? e.ui === "radio" ? /* @__PURE__ */ (0, k.jsx)(T, {
+							variant: z,
+							defaultValue: e.defaultValue.value,
+							onValueChange: (t) => {
+								$(e.filter, e.availableValues.filter((e) => e.value === t));
+							},
+							children: e.availableValues.map((e) => /* @__PURE__ */ (0, k.jsx)(E, {
+								label: `${e.label}`,
+								value: `${e.value}`
+							}, e.value))
+						}) : /* @__PURE__ */ (0, k.jsx)(S, {
+							options: e.availableValues,
+							variant: z,
+							isClearable: e.clearable === void 0 ? !0 : e.clearable,
+							isSearchable: !0,
+							controlShouldRenderValue: !0,
+							filterOption: C(X),
+							onChange: (t) => {
+								$(e.filter, t);
+							},
+							value: e.value,
+							defaultValue: e.defaultValue
+						}) : /* @__PURE__ */ (0, k.jsxs)(k.Fragment, { children: [e.ui === "radio" ? /* @__PURE__ */ (0, k.jsx)(b, {
+							variant: z,
+							defaultValue: e.defaultValue ? e.defaultValue.map((e) => `${e.value}`) : [],
+							value: e.value ? e.value.map((e) => `${e.value}`) : void 0,
+							onValueChange: (t) => {
+								$(e.filter, e.availableValues.filter((e) => t.indexOf(`${e.value}`) !== -1));
+							},
+							children: e.availableValues.map((e) => /* @__PURE__ */ (0, k.jsx)(x, {
+								label: `${e.label}`,
+								value: `${e.value}`
+							}, e.value))
+						}) : /* @__PURE__ */ (0, k.jsx)(S, {
+							options: e.availableValues,
+							variant: z,
+							size: "sm",
+							isMulti: !0,
+							isClearable: e.clearable === void 0 ? !0 : e.clearable,
+							isSearchable: !0,
+							controlShouldRenderValue: !0,
+							filterOption: C(X),
+							onChange: (t) => {
+								$(e.filter, t);
+							},
+							value: e.value,
+							defaultValue: e.defaultValue
+						}), e.allowSelectAll ? /* @__PURE__ */ (0, k.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: () => {
+								$(e.filter, e.availableValues);
+							},
+							children: "Select all options"
+						}) : null] })]
+					}, t))
+				})
+			}), /* @__PURE__ */ (0, k.jsx)("div", {
+				className: "flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]",
+				style: { width: R === "side" ? "calc(100% - 280px - 1rem)" : "100%" },
+				children: n.rows.map((e, t) => /* @__PURE__ */ (0, k.jsx)("div", {
+					className: "flex flex-wrap items-stretch gap-4 w-full h-auto",
+					style: { minHeight: `${e.height || 0}px` },
+					children: e.columns.map((t, r) => /* @__PURE__ */ (0, k.jsx)("div", {
+						className: "flex bg-transparent grow min-w-60",
+						style: {
+							width: `calc(${100 * (t.columnWidth || 1) / A(e.columns)}% - ${(A(e.columns) - (t.columnWidth || 1)) / A(e.columns)}rem)`,
+							minHeight: "inherit"
+						},
+						children: J.includes(t.graphType) ? /* @__PURE__ */ (0, k.jsx)(g, {
+							graphType: t.graphType,
+							dataFilters: t.dataFilters,
+							uiMode: z,
+							graphSettings: {
+								...t.settings || {},
+								width: void 0,
+								height: void 0,
+								minHeight: void 0,
+								relativeHeight: void 0,
+								resetSelectionOnDoubleClick: t.attachedFilter ? !1 : t.settings?.resetSelectionOnDoubleClick,
+								styles: t.settings?.styles || B,
+								classNames: t.settings?.classNames || V,
+								radius: t.graphType === "donutChart" ? void 0 : t.settings?.radius,
+								size: t.graphType === "unitChart" ? t.settings?.size : void 0,
+								language: t.settings?.language || n.language,
+								theme: t.settings?.theme || P
+							},
+							dataSettings: { data: H ? d(H, I || []) : void 0 },
+							dataTransform: t.dataTransform,
+							dataSelectionOptions: t.dataSelectionOptions,
+							advancedDataSelectionOptions: t.advancedDataSelectionOptions,
+							graphDataConfiguration: t.graphDataConfiguration,
+							debugMode: N,
+							readableHeader: F || []
+						}) : Y.includes(t.graphType) ? /* @__PURE__ */ (0, k.jsx)(h, {
+							graphType: t.graphType,
+							uiMode: z,
+							graphSettings: {
+								...t.settings || {},
+								width: void 0,
+								height: void 0,
+								resetSelectionOnDoubleClick: t.attachedFilter ? !1 : t.settings?.resetSelectionOnDoubleClick,
+								styles: t.settings?.styles || B,
+								classNames: t.settings?.classNames || V,
+								radius: t.graphType === "donutChart" ? void 0 : t.settings?.radius,
+								size: t.graphType === "unitChart" ? t.settings?.size : void 0,
+								language: t.settings?.language || n.language,
+								theme: t.settings?.theme || P
+							},
+							debugMode: N
+						}) : /* @__PURE__ */ (0, k.jsx)(m, {
+							graphType: t.graphType,
+							dataFilters: t.dataFilters,
+							uiMode: z,
+							graphSettings: {
+								...t.settings || {},
+								width: void 0,
+								height: void 0,
+								resetSelectionOnDoubleClick: t.attachedFilter ? !1 : t.settings?.resetSelectionOnDoubleClick,
+								styles: t.settings?.styles || B,
+								classNames: t.settings?.classNames || V,
+								radius: t.graphType === "donutChart" ? void 0 : t.settings?.radius,
+								size: t.graphType === "unitChart" ? t.settings?.size : void 0,
+								language: t.settings?.language || n.language,
+								theme: t.settings?.theme || P
+							},
+							dataSettings: { data: H ? d(H, I || []) : void 0 },
+							updateFilters: t.attachedFilter && j.indexOf(t.graphType) !== -1 && K.findIndex((e) => e.filter === t.attachedFilter) !== -1 ? (e) => {
+								let n = K.findIndex((e) => e.filter === t.attachedFilter), r = e ? K[n].singleSelect ? {
+									value: e,
+									label: e
+								} : [{
+									value: e,
+									label: e
+								}] : void 0;
+								$(t.attachedFilter, r);
+							} : void 0,
+							dataTransform: t.dataTransform,
+							dataSelectionOptions: t.dataSelectionOptions,
+							advancedDataSelectionOptions: t.advancedDataSelectionOptions,
+							graphDataConfiguration: t.graphDataConfiguration,
+							debugMode: N,
+							readableHeader: F || []
+						})
+					}, r))
+				}, t))
+			})]
+		})]
+	});
 }
-export {
-  Ta as PerformanceIntensiveMultiGraphDashboard
-};
-//# sourceMappingURL=PerformanceIntensiveMultiGraphDashboard.js.map
+//#endregion
+export { M 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","names":[],"sources":["../src/Components/Dashboard/PerformanceIntensive/MultiGraphDashboard.tsx"],"sourcesContent":["import { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\nimport { Label } from '@undp/design-system-react/Label';\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\nimport flattenDeep from 'lodash.flattendeep';\nimport intersection from 'lodash.intersection';\nimport { useEffect, useEffectEvent, useState } from 'react';\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  ClassNameObject,\n  DataFilterDataType,\n  DataSettingsDataType,\n  FilterSettingsDataType,\n  FilterUiSettingsDataType,\n  GeoHubGraphType,\n  GraphType,\n  PerformanceIntensiveDashboardColumnDataType,\n  PerformanceIntensiveDashboardLayoutDataType,\n  StyleObject,\n  ThreeDGraphType,\n} from '@/Types';\nimport {\n  fetchAndParseCSV,\n  fetchAndParseJSON,\n  fetchAndParseMultipleDataSources,\n  fetchAndTransformDataFromAPI,\n} from '@/Utils/fetchAndParseData';\nimport { getUniqValue } from '@/Utils/getUniqValue';\nimport { filterData } from '@/Utils/transformData/filterData';\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\nimport { SingleGraphDashboard } from '../SingleGraphDashboard';\nimport { SingleGraphDashboardGeoHubMaps } from './SingleGraphDashboardGeoHubMaps';\nimport { SingleGraphDashboardThreeDGraphs } from './SingleGraphDashboardThreeDGraphs';\n\ninterface Props {\n  dashboardID?: string;\n  dashboardLayout: PerformanceIntensiveDashboardLayoutDataType;\n  dataSettings: DataSettingsDataType;\n  filters?: FilterUiSettingsDataType[];\n  noOfFiltersPerRow?: number;\n  dataFilters?: DataFilterDataType[];\n  debugMode?: boolean;\n  theme?: 'dark' | 'light';\n  filterPosition?: 'top' | 'side';\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  uiMode?: 'light' | 'normal';\n  graphStyles?: StyleObject;\n  graphClassNames?: ClassNameObject;\n}\n\nconst TotalWidth = (columns: PerformanceIntensiveDashboardColumnDataType[]) => {\n  const columnWidth = columns.map((d) => d.columnWidth || 1);\n  const sum = columnWidth.reduce((acc, cur) => acc + cur, 0);\n  return sum;\n};\n\nconst GraphWithAttachedFilter: GraphType[] = [\n  'barChart',\n  'choroplethMap',\n  'biVariateChoroplethMap',\n  'circlePacking',\n  'treeMap',\n];\n\nexport function PerformanceIntensiveMultiGraphDashboard(props: Props) {\n  const {\n    dashboardID,\n    dashboardLayout,\n    dataSettings,\n    filters,\n    debugMode,\n    theme = 'light',\n    readableHeader,\n    dataFilters,\n    noOfFiltersPerRow = 4,\n    filterPosition,\n    uiMode = 'normal',\n    graphStyles,\n    graphClassNames,\n  } = props;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [filteredData, setFilteredData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [data, setData] = useState<any>(undefined);\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\n\n  const threeDGraphs = ['threeDGlobe'];\n  const geoHubMaps = ['geoHubCompareMap', 'geoHubMap', 'geoHubMapWithLayerSelection'];\n  const filterConfig = {\n    ignoreCase: true,\n    ignoreAccents: true,\n    trim: true,\n  };\n\n  const updateFiltersEvent = useEffectEvent(() => {\n    const filterSettingsTemp = (filters || []).map((el) => ({\n      filter: el.column,\n      label: el.label || `Filter by ${el.column}`,\n      singleSelect: el.singleSelect,\n      clearable: el.clearable,\n      defaultValue: transformDefaultValue(el.defaultValue),\n      value: transformDefaultValue(el.defaultValue),\n      availableValues: getUniqValue(data, el.column)\n        .filter((v) => !el.excludeValues?.includes(`${v}`))\n        .map((v) => ({ value: v, label: v })),\n      allowSelectAll: el.allowSelectAll,\n      width: el.width,\n    }));\n    setFilterSettings(filterSettingsTemp);\n  });\n  const filteredDataEvent = useEffectEvent(() => {\n    if (!data || filterSettings.length === 0) setFilteredData(data);\n    else {\n      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n      const result = data.filter((item: any) =>\n        filterSettings.every((filter) =>\n          filter.value && flattenDeep([filter.value]).length > 0\n            ? intersection(\n                flattenDeep([item[filter.filter]]),\n                flattenDeep([filter.value]).map((el) => el.value),\n              ).length > 0\n            : true,\n        ),\n      );\n      setFilteredData(result);\n    }\n  });\n  useEffect(() => {\n    filteredDataEvent();\n  }, [filterSettings, data]);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const dataFromFile = dataSettings.dataURL\n          ? typeof dataSettings.dataURL === 'string'\n            ? dataSettings.fileType === 'json'\n              ? await fetchAndParseJSON(\n                  dataSettings.dataURL,\n                  dataSettings.columnsToArray,\n                  dataSettings.dataTransformation,\n                  debugMode,\n                )\n              : dataSettings.fileType === 'api'\n                ? await fetchAndTransformDataFromAPI(\n                    dataSettings.dataURL,\n                    dataSettings.apiHeaders,\n                    dataSettings.columnsToArray,\n                    dataSettings.dataTransformation,\n                    debugMode,\n                  )\n                : await fetchAndParseCSV(\n                    dataSettings.dataURL,\n                    dataSettings.dataTransformation,\n                    dataSettings.columnsToArray,\n                    debugMode,\n                    dataSettings.delimiter,\n                    true,\n                  )\n            : await fetchAndParseMultipleDataSources(\n                dataSettings.dataURL,\n                dataSettings.idColumnTitle,\n              )\n          : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\n        setData(dataFromFile);\n      } catch (error) {\n        console.error('Data fetching error:', error);\n      }\n    };\n    fetchData();\n    updateFiltersEvent();\n  }, [dataSettings, debugMode]);\n\n  useEffect(() => {\n    updateFiltersEvent();\n  }, [filters, data]);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const handleFilterChange = (filter: string, values: any) => {\n    setFilterSettings((prev) =>\n      prev.map((f) => (f.filter === filter ? { ...f, value: values } : f)),\n    );\n  };\n  return (\n    <GraphContainer\n      id={dashboardID}\n      aria-label='This is a dashboard'\n      backgroundColor={dashboardLayout.backgroundColor ?? false}\n      theme={theme || 'light'}\n      language={dashboardLayout.language || 'en'}\n      padding={dashboardLayout.padding}\n    >\n      {dashboardLayout.title || dashboardLayout.description ? (\n        <GraphHeader\n          graphTitle={dashboardLayout.title}\n          graphDescription={dashboardLayout.description}\n          isDashboard\n        />\n      ) : null}\n      <div className='flex gap-4 flex-wrap'>\n        {filterSettings.length !== 0 ? (\n          <div\n            className='flex-grow flex-shrink-0'\n            style={{\n              width: filterPosition === 'side' ? '280px' : '100%',\n            }}\n          >\n            <div className='flex flex-wrap items-start gap-4 w-full sticky top-4'>\n              {filterSettings?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                >\n                  <Label className='mb-2'>{d.label}</Label>\n                  {d.singleSelect ? (\n                    d.ui !== 'radio' ? (\n                      <DropdownSelect\n                        options={d.availableValues}\n                        variant={uiMode}\n                        isClearable={d.clearable === undefined ? true : d.clearable}\n                        isSearchable\n                        controlShouldRenderValue\n                        filterOption={createFilter(filterConfig)}\n                        onChange={(el) => {\n                          handleFilterChange(d.filter, el);\n                        }}\n                        value={d.value}\n                        defaultValue={d.defaultValue}\n                      />\n                    ) : (\n                      <RadioGroup\n                        variant={uiMode}\n                        defaultValue={(d.defaultValue as { value: string; label: string }).value}\n                        onValueChange={(el) => {\n                          handleFilterChange(\n                            d.filter,\n                            d.availableValues.filter((v) => v.value === el),\n                          );\n                        }}\n                      >\n                        {d.availableValues.map((el) => (\n                          <RadioGroupItem\n                            label={`${el.label}`}\n                            value={`${el.value}`}\n                            key={el.value}\n                          />\n                        ))}\n                      </RadioGroup>\n                    )\n                  ) : (\n                    <>\n                      {d.ui !== 'radio' ? (\n                        <DropdownSelect\n                          options={d.availableValues}\n                          variant={uiMode}\n                          size='sm'\n                          isMulti\n                          isClearable={d.clearable === undefined ? true : d.clearable}\n                          isSearchable\n                          controlShouldRenderValue\n                          filterOption={createFilter(filterConfig)}\n                          onChange={(el) => {\n                            handleFilterChange(d.filter, el);\n                          }}\n                          value={d.value}\n                          defaultValue={d.defaultValue}\n                        />\n                      ) : (\n                        <CheckboxGroup\n                          variant={uiMode}\n                          defaultValue={\n                            d.defaultValue\n                              ? (\n                                  d.defaultValue as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : []\n                          }\n                          value={\n                            d.value\n                              ? (\n                                  d.value as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : undefined\n                          }\n                          onValueChange={(el) => {\n                            handleFilterChange(\n                              d.filter,\n                              d.availableValues.filter((v) => el.indexOf(`${v.value}`) !== -1),\n                            );\n                          }}\n                        >\n                          {d.availableValues.map((el) => (\n                            <CheckboxGroupItem\n                              label={`${el.label}`}\n                              value={`${el.value}`}\n                              key={el.value}\n                            />\n                          ))}\n                        </CheckboxGroup>\n                      )}\n                      {d.allowSelectAll ? (\n                        <button\n                          type='button'\n                          className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\n                          onClick={() => {\n                            handleFilterChange(d.filter, d.availableValues);\n                          }}\n                        >\n                          Select all options\n                        </button>\n                      ) : null}\n                    </>\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        ) : null}\n        <div\n          className='flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]'\n          style={{\n            width: filterPosition === 'side' ? 'calc(100% - 280px - 1rem)' : '100%',\n          }}\n        >\n          {dashboardLayout.rows.map((d, i) => (\n            <div\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              key={i}\n              className='flex flex-wrap items-stretch gap-4 w-full h-auto'\n              style={{\n                minHeight: `${d.height || 0}px`,\n              }}\n            >\n              {d.columns.map((el, j) => (\n                <div\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={j}\n                  className='flex bg-transparent grow min-w-60'\n                  style={{\n                    width: `calc(${(100 * (el.columnWidth || 1)) / TotalWidth(d.columns)}% - ${\n                      (TotalWidth(d.columns) - (el.columnWidth || 1)) / TotalWidth(d.columns)\n                    }rem)`,\n                    minHeight: 'inherit',\n                  }}\n                >\n                  {threeDGraphs.includes(el.graphType) ? (\n                    <SingleGraphDashboardThreeDGraphs\n                      graphType={el.graphType as ThreeDGraphType}\n                      dataFilters={el.dataFilters}\n                      uiMode={uiMode}\n                      graphSettings={{\n                        ...(el.settings || {}),\n                        width: undefined,\n                        height: undefined,\n                        minHeight: undefined,\n                        relativeHeight: undefined,\n                        resetSelectionOnDoubleClick: el.attachedFilter\n                          ? false\n                          : el.settings?.resetSelectionOnDoubleClick,\n                        styles: el.settings?.styles || graphStyles,\n                        classNames: el.settings?.classNames || graphClassNames,\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\n                        language: el.settings?.language || dashboardLayout.language,\n                        theme: el.settings?.theme || theme,\n                      }}\n                      dataSettings={{\n                        data: filteredData\n                          ? filterData(filteredData, dataFilters || [])\n                          : undefined,\n                      }}\n                      dataTransform={el.dataTransform}\n                      dataSelectionOptions={el.dataSelectionOptions}\n                      advancedDataSelectionOptions={el.advancedDataSelectionOptions}\n                      graphDataConfiguration={el.graphDataConfiguration}\n                      debugMode={debugMode}\n                      readableHeader={readableHeader || []}\n                    />\n                  ) : geoHubMaps.includes(el.graphType) ? (\n                    <SingleGraphDashboardGeoHubMaps\n                      graphType={el.graphType as GeoHubGraphType}\n                      uiMode={uiMode}\n                      graphSettings={{\n                        ...(el.settings || {}),\n                        width: undefined,\n                        height: undefined,\n                        resetSelectionOnDoubleClick: el.attachedFilter\n                          ? false\n                          : el.settings?.resetSelectionOnDoubleClick,\n                        styles: el.settings?.styles || graphStyles,\n                        classNames: el.settings?.classNames || graphClassNames,\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\n                        language: el.settings?.language || dashboardLayout.language,\n                        theme: el.settings?.theme || theme,\n                      }}\n                      debugMode={debugMode}\n                    />\n                  ) : (\n                    <SingleGraphDashboard\n                      graphType={el.graphType as GraphType}\n                      dataFilters={el.dataFilters}\n                      uiMode={uiMode}\n                      graphSettings={{\n                        ...(el.settings || {}),\n                        width: undefined,\n                        height: undefined,\n                        resetSelectionOnDoubleClick: el.attachedFilter\n                          ? false\n                          : el.settings?.resetSelectionOnDoubleClick,\n                        styles: el.settings?.styles || graphStyles,\n                        classNames: el.settings?.classNames || graphClassNames,\n                        radius: el.graphType === 'donutChart' ? undefined : el.settings?.radius,\n                        size: el.graphType === 'unitChart' ? el.settings?.size : undefined,\n                        language: el.settings?.language || dashboardLayout.language,\n                        theme: el.settings?.theme || theme,\n                      }}\n                      dataSettings={{\n                        data: filteredData\n                          ? filterData(filteredData, dataFilters || [])\n                          : undefined,\n                      }}\n                      updateFilters={\n                        el.attachedFilter &&\n                        GraphWithAttachedFilter.indexOf(el.graphType as GraphType) !== -1 &&\n                        filterSettings.findIndex((f) => f.filter === el.attachedFilter) !== -1\n                          ? (dClicked) => {\n                              const indx = filterSettings.findIndex(\n                                (f) => f.filter === el.attachedFilter,\n                              );\n                              const value = dClicked\n                                ? filterSettings[indx].singleSelect\n                                  ? { value: dClicked, label: dClicked }\n                                  : [{ value: dClicked, label: dClicked }]\n                                : undefined;\n                              handleFilterChange(el.attachedFilter as string, value);\n                            }\n                          : undefined\n                      }\n                      dataTransform={el.dataTransform}\n                      dataSelectionOptions={el.dataSelectionOptions}\n                      advancedDataSelectionOptions={el.advancedDataSelectionOptions}\n                      graphDataConfiguration={el.graphDataConfiguration}\n                      debugMode={debugMode}\n                      readableHeader={readableHeader || []}\n                    />\n                  )}\n                </div>\n              ))}\n            </div>\n          ))}\n        </div>\n      </div>\n    </GraphContainer>\n  );\n}\n"],"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;
-//# sourceMappingURL=PerformanceIntensiveMultiGraphDashboardFromConfig.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./fetchAndParseData-Dlq4UzdG.cjs`),n=require(`./PerformanceIntensiveMultiGraphDashboard.cjs`);let r=require(`react`),i=require(`@undp/design-system-react/Spinner`);var a=e.t();function o(e){let{config:o}=e,[s,c]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{(async()=>{c(typeof o==`string`?await t.r(o):o)})()},[o]),s?(0,a.jsx)(n.PerformanceIntensiveMultiGraphDashboard,{dashboardID:s.dashboardID,dashboardLayout:s.dashboardLayout,dataSettings:s.dataSettings,filters:s.filters,debugMode:s.debugMode,theme:s.theme,readableHeader:s.readableHeader,dataFilters:s.dataFilters,noOfFiltersPerRow:s.noOfFiltersPerRow,filterPosition:s.filterPosition,uiMode:s.uiMode,graphStyles:s.graphStyles,graphClassNames:s.graphClassNames}):(0,a.jsx)(`div`,{className:`w-full flex justify-center p-4`,children:(0,a.jsx)(i.Spinner,{})})}exports.PerformanceIntensiveMultiGraphDashboardFromConfig=o;
+//# sourceMappingURL=PerformanceIntensiveMultiGraphDashboardFromConfig.cjs.map