@undp/data-viz 1.5.9 → 2.0.1

package/dist/MultiGraphDashboardWideToLongFormat.js

@@ -1,244 +1,160 @@
-import { j as r } from "./index-CHPV5EwG-DBWUSD9b.js";
-import { useMemo as N, useState as f, useEffect as j, useCallback as k } from "react";
-import { Z as W, H as R } from "./DropdownSelect-6kjXM6oW.js";
-import { f as A } from "./checkIfMultiple-u2SmbiCf.js";
-import { y as H } from "./Spinner-Bpz70q_g.js";
-import { SingleGraphDashboard as V } from "./SingleGraphDashboard.js";
-import { f as U, a as $, b as M, c as z, t as E } from "./fetchAndParseData-sapWbnYk.js";
-import { GraphHeader as G } from "./GraphHeader.js";
-import { f as P } from "./filterData-9nEcQ-Jp.js";
-function O(l, n, t, a) {
+import { j as i } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useState as g, useEffectEvent as w, useEffect as p } from "react";
+import { j as A, D as E } from "./DropdownSelect-BbdPQa2k.js";
+import { b as R } from "./checkIfMultiple-Y9iKaV_u.js";
+import { w as V } from "./Spinner-D7rnnwnA.js";
+import { SingleGraphDashboard as U } from "./SingleGraphDashboard.js";
+import { f as H, a as $, b as z, c as G, t as M } from "./fetchAndParseData-BpqkBPQL.js";
+import { GraphHeader as P } from "./GraphHeader.js";
+import { f as O } from "./filterData-DsAiFzKY.js";
+function J(d, l, t, a) {
   const o = [];
-  return l.forEach((d) => {
-    Object.entries(d).forEach(([s, g]) => {
-      if (s !== n) {
-        const c = {
-          indicator: t.findIndex((u) => u.value === s) !== -1 ? t[t.findIndex((u) => u.value === s)].label : s,
-          value: g
+  return d.forEach((c) => {
+    Object.entries(c).forEach(([n, h]) => {
+      if (n !== l) {
+        const u = {
+          indicator: t.findIndex((m) => m.value === n) !== -1 ? t[t.findIndex((m) => m.value === n)].label : n,
+          value: h
         };
-        c[n] = d[n], o.push(c);
+        u[l] = c[l], o.push(u);
       }
     });
   }), a && console.log(o), o;
 }
-const b = (l) => l.map((a) => a.columnWidth || 1).reduce((a, o) => a + o, 0);
-function aa(l) {
+const v = (d) => d.map((a) => a.columnWidth || 1).reduce((a, o) => a + o, 0);
+function ta(d) {
   const {
-    dashboardID: n,
+    dashboardID: l,
     dashboardLayout: t,
     dataSettings: a,
     debugMode: o,
-    theme: d = "light",
-    readableHeader: s,
-    dataFilters: g,
-    uiMode: c = "normal",
-    graphStyles: u,
-    graphClassNames: w
-  } = l, D = N(
-    () => ({
-      ignoreCase: !0,
-      ignoreAccents: !0,
-      trim: !0
-    }),
-    []
-  ), [v, T] = f(void 0), [I, F] = f([]), [h, y] = f(void 0), [p, S] = f(void 0);
-  j(() => {
-    if (p) {
-      const i = p.filter(
+    theme: c = "light",
+    readableHeader: n,
+    dataFilters: h,
+    uiMode: u = "normal",
+    graphStyles: m,
+    graphClassNames: D
+  } = d, j = {
+    ignoreCase: !0,
+    ignoreAccents: !0,
+    trim: !0
+  }, [x, T] = g(void 0), [F, I] = g([]), [f, b] = g(void 0), [y, S] = g(void 0), [L, N] = g(void 0), C = w(() => {
+    const r = O(L, h || []);
+    I(
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      r.map((e) => e[a.keyColumn])
+    ), b(r[0][a.keyColumn]);
+    const s = J(r, a.keyColumn, n || [], o);
+    S(s);
+  }), W = w(() => {
+    if (y) {
+      const r = y.filter(
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (m) => m[a.keyColumn] === h
+        (s) => s[a.keyColumn] === f
       );
-      T(i);
+      T(r);
     }
-  }, [p, h, a.keyColumn]);
-  const C = k(async () => {
-    if (a)
+  });
+  return p(() => {
+    W();
+  }, [f, a.keyColumn]), p(() => {
+    (async () => {
       try {
-        const m = await (a.dataURL ? typeof a.dataURL == "string" ? a.fileType === "json" ? U(
-          a.dataURL,
-          void 0,
-          a.dataTransformation,
-          o
-        ) : a.fileType === "api" ? $(
-          a.dataURL,
-          a.apiHeaders,
-          void 0,
-          a.dataTransformation,
-          o
-        ) : M(
-          a.dataURL,
-          a.dataTransformation,
-          void 0,
-          o,
-          a.delimiter,
-          !0
-        ) : z(a.dataURL, a.idColumnTitle) : E(a.data, void 0)), e = P(m, g || []);
-        F(
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          e.map((L) => L[a.keyColumn])
-        ), y(e[0][a.keyColumn]);
-        const x = O(
-          e,
-          a.keyColumn,
-          s || [],
-          o
-        );
-        S(x);
-      } catch (i) {
-        console.error("Data fetching error:", i);
+        const s = a.dataURL ? typeof a.dataURL == "string" ? a.fileType === "json" ? await H(a.dataURL, void 0, a.dataTransformation, o) : a.fileType === "api" ? await $(a.dataURL, a.apiHeaders, void 0, a.dataTransformation, o) : await z(a.dataURL, a.dataTransformation, void 0, o, a.delimiter, !0) : await G(a.dataURL, a.idColumnTitle) : await M(a.data, void 0);
+        N(s), C();
+      } catch (s) {
+        console.error("Data fetching error:", s);
       }
-  }, [a, o, g, s]);
-  return j(() => {
+    })();
+  }, [a, o]), p(() => {
     C();
-  }, [C]), /* @__PURE__ */ r.jsx(
-    "div",
-    {
-      className: `${d || "light"} flex grow`,
-      dir: t.language === "he" || t.language === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ r.jsx(
-        "div",
-        {
-          className: `${t?.backgroundColor ? t?.backgroundColor === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}flex flex-col h-inherit w-full ml-auto mr-auto grow gap-4 ${t?.language || "en"}`,
-          style: {
-            ...t?.backgroundColor && t?.backgroundColor !== !0 ? { backgroundColor: t?.backgroundColor } : {}
-          },
-          id: n,
-          children: /* @__PURE__ */ r.jsx(
-            "div",
-            {
-              className: "flex grow",
-              style: {
-                padding: t.backgroundColor ? t.padding || "1rem" : t.padding || 0
-              },
-              children: /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
-                t.title || t.description ? /* @__PURE__ */ r.jsx(
-                  G,
-                  {
-                    graphTitle: t.title,
-                    graphDescription: t.description,
-                    isDashboard: !0
-                  }
-                ) : null,
-                v ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                  /* @__PURE__ */ r.jsx(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        gap: "1rem",
-                        flexWrap: "wrap",
-                        alignItems: "flex-start",
-                        width: "100%"
-                      },
-                      children: /* @__PURE__ */ r.jsxs(
-                        "div",
-                        {
-                          style: {
-                            width: "100%",
-                            flexGrow: 1,
-                            flexShrink: 0,
-                            minWidth: "240px"
-                          },
-                          children: [
-                            t.dropdownLabel ? /* @__PURE__ */ r.jsx(A, { className: "mb-2", children: t.dropdownLabel }) : null,
-                            /* @__PURE__ */ r.jsx(
-                              W,
-                              {
-                                options: I.map((i) => ({
-                                  value: i,
-                                  label: i
-                                })),
-                                size: "sm",
-                                variant: c,
-                                isClearable: !1,
-                                isSearchable: !0,
-                                controlShouldRenderValue: !0,
-                                filterOption: R(D),
-                                onChange: (i) => {
-                                  y(i?.value);
-                                },
-                                defaultValue: {
-                                  value: h,
-                                  label: h
-                                }
-                              }
-                            )
-                          ]
-                        }
-                      )
-                    }
-                  ),
-                  t.rows.map((i, m) => /* @__PURE__ */ r.jsx(
-                    "div",
-                    {
-                      style: {
-                        display: "flex",
-                        gap: "1rem",
-                        alignItems: "stretch",
-                        minHeight: `${i.height || 0}px`,
-                        height: "auto",
-                        width: "100%",
-                        flexWrap: "wrap"
-                      },
-                      children: i.columns.map((e, x) => /* @__PURE__ */ r.jsx(
-                        "div",
-                        {
-                          className: "flex bg-transparent h-inherit grow min-w-60",
-                          style: {
-                            width: `calc(${100 * (e.columnWidth || 1) / b(i.columns)}% - ${(b(i.columns) - (e.columnWidth || 1)) / b(i.columns)}rem)`,
-                            minHeight: "inherit"
-                          },
-                          children: /* @__PURE__ */ r.jsx(
-                            V,
-                            {
-                              graphType: e.graphType,
-                              dataFilters: e.dataFilters,
-                              uiMode: c,
-                              graphSettings: {
-                                ...e.settings || {},
-                                width: void 0,
-                                height: void 0,
-                                radius: e.graphType === "donutChart" ? void 0 : e.settings?.radius,
-                                size: e.graphType === "unitChart" ? e.settings.size : void 0,
-                                language: e.settings?.language || t.language,
-                                theme: e.settings?.theme || d,
-                                styles: e.settings?.styles || u,
-                                classNames: e.settings?.classNames || w
-                              },
-                              dataSettings: { data: v },
-                              graphDataConfiguration: e.graphDataConfiguration ? e.graphDataConfiguration : e.graphType === "unitChart" ? [
-                                {
-                                  columnId: "indicator",
-                                  chartConfigId: "label"
-                                },
-                                { columnId: "value", chartConfigId: "value" }
-                              ] : [
-                                {
-                                  columnId: "indicator",
-                                  chartConfigId: "label"
-                                },
-                                { columnId: "value", chartConfigId: "size" }
-                              ],
-                              debugMode: o,
-                              readableHeader: s || []
-                            }
-                          )
-                        },
-                        x
-                      ))
-                    },
-                    m
-                  ))
-                ] }) : /* @__PURE__ */ r.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ r.jsx(H, {}) })
-              ] })
+  }, [h, n]), /* @__PURE__ */ i.jsx("div", { className: `${c || "light"} flex grow`, dir: t.language === "he" || t.language === "ar" ? "rtl" : void 0, children: /* @__PURE__ */ i.jsx("div", { className: `${t?.backgroundColor ? t?.backgroundColor === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}flex flex-col w-full ml-auto mr-auto grow gap-4 ${t?.language || "en"}`, style: {
+    ...t?.backgroundColor && t?.backgroundColor !== !0 ? {
+      backgroundColor: t?.backgroundColor
+    } : {}
+  }, id: l, children: /* @__PURE__ */ i.jsx("div", { className: "flex grow", style: {
+    padding: t.backgroundColor ? t.padding || "1rem" : t.padding || 0
+  }, children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+    t.title || t.description ? /* @__PURE__ */ i.jsx(P, { graphTitle: t.title, graphDescription: t.description, isDashboard: !0 }) : null,
+    x ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx("div", { style: {
+        display: "flex",
+        gap: "1rem",
+        flexWrap: "wrap",
+        alignItems: "flex-start",
+        width: "100%"
+      }, children: /* @__PURE__ */ i.jsxs("div", { style: {
+        width: "100%",
+        flexGrow: 1,
+        flexShrink: 0,
+        minWidth: "240px"
+      }, children: [
+        t.dropdownLabel ? /* @__PURE__ */ i.jsx(R, { className: "mb-2", children: t.dropdownLabel }) : null,
+        /* @__PURE__ */ i.jsx(
+          A,
+          {
+            options: F.map((r) => ({
+              value: r,
+              label: r
+            })),
+            size: "sm",
+            variant: u,
+            isClearable: !1,
+            isSearchable: !0,
+            controlShouldRenderValue: !0,
+            filterOption: E(j),
+            onChange: (r) => {
+              b(r?.value);
+            },
+            defaultValue: {
+              value: f,
+              label: f
             }
-          )
-        }
-      )
-    }
-  );
+          }
+        )
+      ] }) }),
+      t.rows.map((r, s) => /* @__PURE__ */ i.jsx("div", { style: {
+        display: "flex",
+        gap: "1rem",
+        alignItems: "stretch",
+        minHeight: `${r.height || 0}px`,
+        height: "auto",
+        width: "100%",
+        flexWrap: "wrap"
+      }, children: r.columns.map((e, k) => /* @__PURE__ */ i.jsx("div", { className: "flex bg-transparent grow min-w-60", style: {
+        width: `calc(${100 * (e.columnWidth || 1) / v(r.columns)}% - ${(v(r.columns) - (e.columnWidth || 1)) / v(r.columns)}rem)`,
+        minHeight: "inherit"
+      }, children: /* @__PURE__ */ i.jsx(U, { graphType: e.graphType, dataFilters: e.dataFilters, uiMode: u, graphSettings: {
+        ...e.settings || {},
+        width: void 0,
+        height: void 0,
+        minHeight: void 0,
+        relativeHeight: void 0,
+        radius: e.graphType === "donutChart" ? void 0 : e.settings?.radius,
+        size: e.graphType === "unitChart" ? e.settings.size : void 0,
+        language: e.settings?.language || t.language,
+        theme: e.settings?.theme || c,
+        styles: e.settings?.styles || m,
+        classNames: e.settings?.classNames || D
+      }, dataSettings: {
+        data: x
+      }, graphDataConfiguration: e.graphDataConfiguration ? e.graphDataConfiguration : e.graphType === "unitChart" ? [{
+        columnId: "indicator",
+        chartConfigId: "label"
+      }, {
+        columnId: "value",
+        chartConfigId: "value"
+      }] : [{
+        columnId: "indicator",
+        chartConfigId: "label"
+      }, {
+        columnId: "value",
+        chartConfigId: "size"
+      }], debugMode: o, readableHeader: n || [] }) }, k)) }, s))
+    ] }) : /* @__PURE__ */ i.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ i.jsx(V, {}) })
+  ] }) }) }) });
 }
 export {
-  aa as MultiGraphDashboardWideToLongFormat
+  ta as MultiGraphDashboardWideToLongFormat
 };
 //# sourceMappingURL=MultiGraphDashboardWideToLongFormat.js.map

package/dist/MultiGraphDashboardWideToLongFormat.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiGraphDashboardWideToLongFormat.js","sources":["../src/Utils/wideToLongTranformation.ts","../src/Components/Dashboard/MultiGraphDashboardWideToLongFormat.tsx"],"sourcesContent":["export function wideToLongTransformation(\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  data: any,\r\n  keyColumn: string,\r\n  readableHeader: {\r\n    value: string;\r\n    label: string;\r\n  }[],\r\n  debugMode?: boolean,\r\n) {\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const transformedData: any = [];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  data.forEach((row: any) => {\r\n    Object.entries(row).forEach(([key, value]) => {\r\n      if (key !== keyColumn) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const obj: any = {\r\n          indicator:\r\n            readableHeader.findIndex(d => d.value === key) !== -1\r\n              ? readableHeader[readableHeader.findIndex(d => d.value === key)].label\r\n              : key,\r\n          value,\r\n        };\r\n        obj[keyColumn] = row[keyColumn];\r\n        transformedData.push(obj);\r\n      }\r\n    });\r\n  });\r\n  if (debugMode) {\r\n    // eslint-disable-next-line no-console\r\n    console.log(transformedData);\r\n  }\r\n  return transformedData;\r\n}\r\n","import { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Label } from '@undp/design-system-react/Label';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatColumnDataType,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\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 { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { wideToLongTransformation } from '@/Utils/wideToLongTranformation';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\n\r\ninterface Props {\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\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\nconst TotalWidth = (columns: DashboardFromWideToLongFormatColumnDataType[]) => {\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\nexport function MultiGraphDashboardWideToLongFormat(props: Props) {\r\n  const {\r\n    dashboardID,\r\n    dashboardLayout,\r\n    dataSettings,\r\n    debugMode,\r\n    theme = 'light',\r\n    readableHeader,\r\n    dataFilters,\r\n    uiMode = 'normal',\r\n    graphStyles,\r\n    graphClassNames,\r\n  } = props;\r\n\r\n  const filterConfig = useMemo(\r\n    () => ({\r\n      ignoreCase: true,\r\n      ignoreAccents: true,\r\n      trim: true,\r\n    }),\r\n    [],\r\n  );\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [data, setData] = useState<any>(undefined);\r\n  const [filterValues, setFilterValues] = useState<string[]>([]);\r\n  const [selectedFilterValues, setSelectedFilterValues] = useState<string | undefined>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [dataFromFile, setDataFromFile] = useState<any>(undefined);\r\n\r\n  useEffect(() => {\r\n    if (dataFromFile) {\r\n      const filteredData = dataFromFile.filter(\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        (item: any) => item[dataSettings.keyColumn] === selectedFilterValues,\r\n      );\r\n      setData(filteredData);\r\n    }\r\n  }, [dataFromFile, selectedFilterValues, dataSettings.keyColumn]);\r\n  const fetchDataHandler = useCallback(async () => {\r\n    if (dataSettings) {\r\n      try {\r\n        const fetchData = dataSettings.dataURL\r\n          ? typeof dataSettings.dataURL === 'string'\r\n            ? dataSettings.fileType === 'json'\r\n              ? fetchAndParseJSON(\r\n                  dataSettings.dataURL,\r\n                  undefined,\r\n                  dataSettings.dataTransformation,\r\n                  debugMode,\r\n                )\r\n              : dataSettings.fileType === 'api'\r\n                ? fetchAndTransformDataFromAPI(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.apiHeaders,\r\n                    undefined,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : fetchAndParseCSV(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.dataTransformation,\r\n                    undefined,\r\n                    debugMode,\r\n                    dataSettings.delimiter,\r\n                    true,\r\n                  )\r\n            : fetchAndParseMultipleDataSources(dataSettings.dataURL, dataSettings.idColumnTitle)\r\n          : transformColumnsToArray(dataSettings.data, undefined);\r\n\r\n        const d = await fetchData;\r\n        const filteredData = filterData(d, dataFilters || []);\r\n        setFilterValues(\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          filteredData.map((el: any) => el[dataSettings.keyColumn]),\r\n        );\r\n        setSelectedFilterValues(filteredData[0][dataSettings.keyColumn]);\r\n        const tempData = wideToLongTransformation(\r\n          filteredData,\r\n          dataSettings.keyColumn,\r\n          readableHeader || [],\r\n          debugMode,\r\n        );\r\n        setDataFromFile(tempData);\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    }\r\n  }, [dataSettings, debugMode, dataFilters, readableHeader]);\r\n  useEffect(() => {\r\n    fetchDataHandler();\r\n  }, [fetchDataHandler]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex grow`}\r\n      dir={\r\n        dashboardLayout.language === 'he' || dashboardLayout.language === 'ar' ? 'rtl' : undefined\r\n      }\r\n    >\r\n      <div\r\n        className={`${\r\n          !dashboardLayout?.backgroundColor\r\n            ? 'bg-transparent '\r\n            : dashboardLayout?.backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n              : ''\r\n        }flex flex-col h-inherit w-full ml-auto mr-auto grow gap-4 ${\r\n          dashboardLayout?.language || 'en'\r\n        }`}\r\n        style={{\r\n          ...(dashboardLayout?.backgroundColor && dashboardLayout?.backgroundColor !== true\r\n            ? { backgroundColor: dashboardLayout?.backgroundColor }\r\n            : {}),\r\n        }}\r\n        id={dashboardID}\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{\r\n            padding: dashboardLayout.backgroundColor\r\n              ? dashboardLayout.padding || '1rem'\r\n              : dashboardLayout.padding || 0,\r\n          }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\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            {data ? (\r\n              <>\r\n                <div\r\n                  style={{\r\n                    display: 'flex',\r\n                    gap: '1rem',\r\n                    flexWrap: 'wrap',\r\n                    alignItems: 'flex-start',\r\n                    width: '100%',\r\n                  }}\r\n                >\r\n                  <div\r\n                    style={{\r\n                      width: '100%',\r\n                      flexGrow: 1,\r\n                      flexShrink: 0,\r\n                      minWidth: '240px',\r\n                    }}\r\n                  >\r\n                    {dashboardLayout.dropdownLabel ? (\r\n                      <Label className='mb-2'>{dashboardLayout.dropdownLabel}</Label>\r\n                    ) : null}\r\n                    <DropdownSelect\r\n                      options={filterValues.map(d => ({\r\n                        value: d,\r\n                        label: d,\r\n                      }))}\r\n                      size='sm'\r\n                      variant={uiMode}\r\n                      isClearable={false}\r\n                      isSearchable\r\n                      controlShouldRenderValue\r\n                      filterOption={createFilter(filterConfig)}\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        setSelectedFilterValues(el?.value);\r\n                      }}\r\n                      defaultValue={{\r\n                        value: selectedFilterValues as string,\r\n                        label: selectedFilterValues as string,\r\n                      }}\r\n                    />\r\n                  </div>\r\n                </div>\r\n                {dashboardLayout.rows.map((d, i) => (\r\n                  <div\r\n                    key={i}\r\n                    style={{\r\n                      display: 'flex',\r\n                      gap: '1rem',\r\n                      alignItems: 'stretch',\r\n                      minHeight: `${d.height || 0}px`,\r\n                      height: 'auto',\r\n                      width: '100%',\r\n                      flexWrap: 'wrap',\r\n                    }}\r\n                  >\r\n                    {d.columns.map((el, j) => (\r\n                      <div\r\n                        key={j}\r\n                        className='flex bg-transparent h-inherit grow min-w-60'\r\n                        style={{\r\n                          width: `calc(${\r\n                            (100 * (el.columnWidth || 1)) / TotalWidth(d.columns)\r\n                          }% - ${\r\n                            (TotalWidth(d.columns) - (el.columnWidth || 1)) / TotalWidth(d.columns)\r\n                          }rem)`,\r\n                          minHeight: 'inherit',\r\n                        }}\r\n                      >\r\n                        <SingleGraphDashboard\r\n                          graphType={el.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                            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                            styles: el.settings?.styles || graphStyles,\r\n                            classNames: el.settings?.classNames || graphClassNames,\r\n                          }}\r\n                          dataSettings={{ data }}\r\n                          graphDataConfiguration={\r\n                            el.graphDataConfiguration\r\n                              ? el.graphDataConfiguration\r\n                              : el.graphType === 'unitChart'\r\n                                ? [\r\n                                    {\r\n                                      columnId: 'indicator',\r\n                                      chartConfigId: 'label',\r\n                                    },\r\n                                    { columnId: 'value', chartConfigId: 'value' },\r\n                                  ]\r\n                                : [\r\n                                    {\r\n                                      columnId: 'indicator',\r\n                                      chartConfigId: 'label',\r\n                                    },\r\n                                    { columnId: 'value', chartConfigId: 'size' },\r\n                                  ]\r\n                          }\r\n                          debugMode={debugMode}\r\n                          readableHeader={readableHeader || []}\r\n                        />\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                ))}\r\n              </>\r\n            ) : (\r\n              <div className='w-full flex justify-center p-4'>\r\n                <Spinner />\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["wideToLongTransformation","data","keyColumn","readableHeader","debugMode","transformedData","row","key","value","obj","d","TotalWidth","columns","acc","cur","MultiGraphDashboardWideToLongFormat","props","dashboardID","dashboardLayout","dataSettings","theme","dataFilters","uiMode","graphStyles","graphClassNames","filterConfig","useMemo","setData","useState","filterValues","setFilterValues","selectedFilterValues","setSelectedFilterValues","dataFromFile","setDataFromFile","useEffect","filteredData","item","fetchDataHandler","useCallback","fetchAndParseJSON","fetchAndTransformDataFromAPI","fetchAndParseCSV","fetchAndParseMultipleDataSources","transformColumnsToArray","filterData","el","tempData","error","jsx","jsxs","GraphHeader","Fragment","Label","DropdownSelect","createFilter","i","j","SingleGraphDashboard","Spinner"],"mappings":"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"}
+{"version":3,"file":"MultiGraphDashboardWideToLongFormat.js","sources":["../src/Utils/wideToLongTranformation.ts","../src/Components/Dashboard/MultiGraphDashboardWideToLongFormat.tsx"],"sourcesContent":["export function wideToLongTransformation(\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  data: any,\r\n  keyColumn: string,\r\n  readableHeader: {\r\n    value: string;\r\n    label: string;\r\n  }[],\r\n  debugMode?: boolean,\r\n) {\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const transformedData: any = [];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  data.forEach((row: any) => {\r\n    Object.entries(row).forEach(([key, value]) => {\r\n      if (key !== keyColumn) {\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        const obj: any = {\r\n          indicator:\r\n            readableHeader.findIndex(d => d.value === key) !== -1\r\n              ? readableHeader[readableHeader.findIndex(d => d.value === key)].label\r\n              : key,\r\n          value,\r\n        };\r\n        obj[keyColumn] = row[keyColumn];\r\n        transformedData.push(obj);\r\n      }\r\n    });\r\n  });\r\n  if (debugMode) {\r\n    // eslint-disable-next-line no-console\r\n    console.log(transformedData);\r\n  }\r\n  return transformedData;\r\n}\r\n","import { useEffect, useEffectEvent, useState } from 'react';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Label } from '@undp/design-system-react/Label';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatColumnDataType,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\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 { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { wideToLongTransformation } from '@/Utils/wideToLongTranformation';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\n\r\ninterface Props {\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\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\nconst TotalWidth = (columns: DashboardFromWideToLongFormatColumnDataType[]) => {\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\nexport function MultiGraphDashboardWideToLongFormat(props: Props) {\r\n  const {\r\n    dashboardID,\r\n    dashboardLayout,\r\n    dataSettings,\r\n    debugMode,\r\n    theme = 'light',\r\n    readableHeader,\r\n    dataFilters,\r\n    uiMode = 'normal',\r\n    graphStyles,\r\n    graphClassNames,\r\n  } = props;\r\n\r\n  const filterConfig = {\r\n    ignoreCase: true,\r\n    ignoreAccents: true,\r\n    trim: true,\r\n  };\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [filteredData, setFilteredData] = useState<any>(undefined);\r\n  const [filterValues, setFilterValues] = useState<string[]>([]);\r\n  const [selectedFilterValues, setSelectedFilterValues] = useState<string | undefined>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [data, setData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [unformattedData, setUnformattedData] = useState<any>(undefined);\r\n\r\n  const updateDataAndFilterValueEvent = useEffectEvent(() => {\r\n    const filteredData = filterData(unformattedData, dataFilters || []);\r\n    setFilterValues(\r\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n      filteredData.map((el: any) => el[dataSettings.keyColumn]),\r\n    );\r\n    setSelectedFilterValues(filteredData[0][dataSettings.keyColumn]);\r\n    const tempData = wideToLongTransformation(\r\n      filteredData,\r\n      dataSettings.keyColumn,\r\n      readableHeader || [],\r\n      debugMode,\r\n    );\r\n    setData(tempData);\r\n  });\r\n\r\n  const updateFilteredDataEvent = useEffectEvent(() => {\r\n    if (data) {\r\n      const filteredDataTemp = data.filter(\r\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n        (item: any) => item[dataSettings.keyColumn] === selectedFilterValues,\r\n      );\r\n      setFilteredData(filteredDataTemp);\r\n    }\r\n  });\r\n\r\n  useEffect(() => {\r\n    updateFilteredDataEvent();\r\n  }, [selectedFilterValues, dataSettings.keyColumn]);\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                  undefined,\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                    undefined,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : await fetchAndParseCSV(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.dataTransformation,\r\n                    undefined,\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, undefined);\r\n        setUnformattedData(dataFromFile);\r\n        updateDataAndFilterValueEvent();\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    };\r\n    fetchData();\r\n  }, [dataSettings, debugMode]);\r\n\r\n  useEffect(() => {\r\n    updateDataAndFilterValueEvent();\r\n  }, [dataFilters, readableHeader]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex grow`}\r\n      dir={\r\n        dashboardLayout.language === 'he' || dashboardLayout.language === 'ar' ? 'rtl' : undefined\r\n      }\r\n    >\r\n      <div\r\n        className={`${\r\n          !dashboardLayout?.backgroundColor\r\n            ? 'bg-transparent '\r\n            : dashboardLayout?.backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n              : ''\r\n        }flex flex-col w-full ml-auto mr-auto grow gap-4 ${dashboardLayout?.language || 'en'}`}\r\n        style={{\r\n          ...(dashboardLayout?.backgroundColor && dashboardLayout?.backgroundColor !== true\r\n            ? { backgroundColor: dashboardLayout?.backgroundColor }\r\n            : {}),\r\n        }}\r\n        id={dashboardID}\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{\r\n            padding: dashboardLayout.backgroundColor\r\n              ? dashboardLayout.padding || '1rem'\r\n              : dashboardLayout.padding || 0,\r\n          }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\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            {filteredData ? (\r\n              <>\r\n                <div\r\n                  style={{\r\n                    display: 'flex',\r\n                    gap: '1rem',\r\n                    flexWrap: 'wrap',\r\n                    alignItems: 'flex-start',\r\n                    width: '100%',\r\n                  }}\r\n                >\r\n                  <div\r\n                    style={{\r\n                      width: '100%',\r\n                      flexGrow: 1,\r\n                      flexShrink: 0,\r\n                      minWidth: '240px',\r\n                    }}\r\n                  >\r\n                    {dashboardLayout.dropdownLabel ? (\r\n                      <Label className='mb-2'>{dashboardLayout.dropdownLabel}</Label>\r\n                    ) : null}\r\n                    <DropdownSelect\r\n                      options={filterValues.map(d => ({\r\n                        value: d,\r\n                        label: d,\r\n                      }))}\r\n                      size='sm'\r\n                      variant={uiMode}\r\n                      isClearable={false}\r\n                      isSearchable\r\n                      controlShouldRenderValue\r\n                      filterOption={createFilter(filterConfig)}\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        setSelectedFilterValues(el?.value);\r\n                      }}\r\n                      defaultValue={{\r\n                        value: selectedFilterValues as string,\r\n                        label: selectedFilterValues as string,\r\n                      }}\r\n                    />\r\n                  </div>\r\n                </div>\r\n                {dashboardLayout.rows.map((d, i) => (\r\n                  <div\r\n                    key={i}\r\n                    style={{\r\n                      display: 'flex',\r\n                      gap: '1rem',\r\n                      alignItems: 'stretch',\r\n                      minHeight: `${d.height || 0}px`,\r\n                      height: 'auto',\r\n                      width: '100%',\r\n                      flexWrap: 'wrap',\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(${\r\n                            (100 * (el.columnWidth || 1)) / TotalWidth(d.columns)\r\n                          }% - ${\r\n                            (TotalWidth(d.columns) - (el.columnWidth || 1)) / TotalWidth(d.columns)\r\n                          }rem)`,\r\n                          minHeight: 'inherit',\r\n                        }}\r\n                      >\r\n                        <SingleGraphDashboard\r\n                          graphType={el.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                            minHeight: undefined,\r\n                            relativeHeight: undefined,\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                            styles: el.settings?.styles || graphStyles,\r\n                            classNames: el.settings?.classNames || graphClassNames,\r\n                          }}\r\n                          dataSettings={{ data: filteredData }}\r\n                          graphDataConfiguration={\r\n                            el.graphDataConfiguration\r\n                              ? el.graphDataConfiguration\r\n                              : el.graphType === 'unitChart'\r\n                                ? [\r\n                                    {\r\n                                      columnId: 'indicator',\r\n                                      chartConfigId: 'label',\r\n                                    },\r\n                                    { columnId: 'value', chartConfigId: 'value' },\r\n                                  ]\r\n                                : [\r\n                                    {\r\n                                      columnId: 'indicator',\r\n                                      chartConfigId: 'label',\r\n                                    },\r\n                                    { columnId: 'value', chartConfigId: 'size' },\r\n                                  ]\r\n                          }\r\n                          debugMode={debugMode}\r\n                          readableHeader={readableHeader || []}\r\n                        />\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                ))}\r\n              </>\r\n            ) : (\r\n              <div className='w-full flex justify-center p-4'>\r\n                <Spinner />\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["wideToLongTransformation","data","keyColumn","readableHeader","debugMode","transformedData","forEach","row","Object","entries","key","value","obj","indicator","findIndex","d","label","push","console","log","TotalWidth","columns","map","columnWidth","reduce","acc","cur","MultiGraphDashboardWideToLongFormat","props","dashboardID","dashboardLayout","dataSettings","theme","dataFilters","uiMode","graphStyles","graphClassNames","filterConfig","ignoreCase","ignoreAccents","trim","filteredData","setFilteredData","useState","undefined","filterValues","setFilterValues","selectedFilterValues","setSelectedFilterValues","setData","unformattedData","setUnformattedData","updateDataAndFilterValueEvent","useEffectEvent","filterData","el","tempData","updateFilteredDataEvent","filteredDataTemp","filter","item","useEffect","fetchData","dataFromFile","dataURL","fileType","fetchAndParseJSON","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","jsx","language","backgroundColor","padding","jsxs","title","description","GraphHeader","Fragment","display","gap","flexWrap","alignItems","width","flexGrow","flexShrink","minWidth","dropdownLabel","Label","DropdownSelect","createFilter","rows","i","minHeight","height","j","SingleGraphDashboard","graphType","settings","relativeHeight","radius","size","styles","classNames","graphDataConfiguration","columnId","chartConfigId","Spinner"],"mappings":"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"}

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.cjs

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

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.cjs","sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  validateDataAndSettings?: boolean;\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\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 MultiGraphDashboardWideToLongFormatFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n\r\n  useEffect(() => {\r\n    if (typeof config === 'string') {\r\n      const fetchData = fetchAndParseJSON(config);\r\n      fetchData.then(d => {\r\n        setConfigSettings(d);\r\n      });\r\n    } else {\r\n      setConfigSettings(config);\r\n    }\r\n  }, [config]);\r\n  if (!configSettings)\r\n    return (\r\n      <div className='w-full flex justify-center p-4'>\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  return (\r\n    <MultiGraphDashboardWideToLongFormat\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["MultiGraphDashboardWideToLongFormatFromConfig","props","config","configSettings","setConfigSettings","useState","useEffect","fetchAndParseJSON","d","jsx","MultiGraphDashboardWideToLongFormat","Spinner"],"mappings":"6RAmCO,SAASA,EAA8CC,EAAc,CAC1E,KAAM,CAAE,OAAAC,GAAWD,EACb,CAACE,EAAgBC,CAAiB,EAAIC,EAAAA,SAAmC,MAAS,EAYxF,OAVAC,EAAAA,UAAU,IAAM,CACV,OAAOJ,GAAW,SACFK,EAAAA,kBAAkBL,CAAM,EAChC,KAAKM,GAAK,CAClBJ,EAAkBI,CAAC,CACrB,CAAC,EAEDJ,EAAkBF,CAAM,CAE5B,EAAG,CAACA,CAAM,CAAC,EACNC,EAOHM,EAAAA,kBAAAA,IAACC,EAAAA,oCAAA,CACC,YAAaP,EAAe,YAC5B,gBAAiBA,EAAe,gBAChC,aAAcA,EAAe,aAC7B,UAAWA,EAAe,UAC1B,MAAOA,EAAe,MACtB,eAAgBA,EAAe,eAC/B,YAAaA,EAAe,YAC5B,OAAQA,EAAe,OACvB,YAAaA,EAAe,YAC5B,gBAAiBA,EAAe,eAAA,CAAA,0BAf/B,MAAA,CAAI,UAAU,iCACb,SAAAM,wBAACE,EAAAA,IAAQ,EACX,CAgBN"}
+{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.cjs","sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  validateDataAndSettings?: boolean;\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\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 MultiGraphDashboardWideToLongFormatFromConfig(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    <MultiGraphDashboardWideToLongFormat\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["MultiGraphDashboardWideToLongFormatFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","dashboardID","dashboardLayout","dataFilters","dataSettings","debugMode","graphClassNames","graphStyles","readableHeader","theme","uiMode","MultiGraphDashboardWideToLongFormat"],"mappings":"6RAmCO,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,EAAA,CAAA,IAAAG,EAAAmB,WAAAtB,EAAA,CAAA,IAAAG,EAAAoB,iBAAAvB,EAAA,EAAA,IAAAG,EAAAqB,aAAAxB,EAAA,EAAA,IAAAG,EAAAsB,gBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,OAAA1B,EAAA,EAAA,IAAAG,EAAAwB,QAEFd,0BAACe,EAAAA,oCAAA,CACc,YAAAzB,EAAce,YACV,gBAAAf,EAAcgB,gBACjB,aAAAhB,EAAckB,aACjB,UAAAlB,EAAcmB,UAClB,MAAAnB,EAAcuB,MACL,eAAAvB,EAAcsB,eACjB,YAAAtB,EAAciB,YACnB,OAAAjB,EAAcwB,OACT,YAAAxB,EAAcqB,YACV,gBAAArB,EAAcoB,gBAAgB,EAC/CvB,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,gBAAAvB,EAAA,EAAA,EAAAG,EAAAqB,YAAAxB,EAAA,EAAA,EAAAG,EAAAsB,eAAAzB,EAAA,EAAA,EAAAG,EAAAuB,MAAA1B,EAAA,EAAA,EAAAG,EAAAwB,OAAA3B,MAAAa,GAAAA,EAAAb,EAAA,EAAA,EAXFa,CAWE"}

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.d.ts

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

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.js

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

package/dist/MultiGraphDashboardWideToLongFormatFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.js","sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  validateDataAndSettings?: boolean;\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\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 MultiGraphDashboardWideToLongFormatFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n\r\n  useEffect(() => {\r\n    if (typeof config === 'string') {\r\n      const fetchData = fetchAndParseJSON(config);\r\n      fetchData.then(d => {\r\n        setConfigSettings(d);\r\n      });\r\n    } else {\r\n      setConfigSettings(config);\r\n    }\r\n  }, [config]);\r\n  if (!configSettings)\r\n    return (\r\n      <div className='w-full flex justify-center p-4'>\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  return (\r\n    <MultiGraphDashboardWideToLongFormat\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["MultiGraphDashboardWideToLongFormatFromConfig","props","config","configSettings","setConfigSettings","useState","useEffect","fetchAndParseJSON","d","jsx","MultiGraphDashboardWideToLongFormat","Spinner"],"mappings":";;;;;AAmCO,SAASA,EAA8CC,GAAc;AAC1E,QAAM,EAAE,QAAAC,MAAWD,GACb,CAACE,GAAgBC,CAAiB,IAAIC,EAAmC,MAAS;AAYxF,SAVAC,EAAU,MAAM;AACd,IAAI,OAAOJ,KAAW,WACFK,EAAkBL,CAAM,EAChC,KAAK,CAAAM,MAAK;AAClB,MAAAJ,EAAkBI,CAAC;AAAA,IACrB,CAAC,IAEDJ,EAAkBF,CAAM;AAAA,EAE5B,GAAG,CAACA,CAAM,CAAC,GACNC,IAOHM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaP,EAAe;AAAA,MAC5B,iBAAiBA,EAAe;AAAA,MAChC,cAAcA,EAAe;AAAA,MAC7B,WAAWA,EAAe;AAAA,MAC1B,OAAOA,EAAe;AAAA,MACtB,gBAAgBA,EAAe;AAAA,MAC/B,aAAaA,EAAe;AAAA,MAC5B,QAAQA,EAAe;AAAA,MACvB,aAAaA,EAAe;AAAA,MAC5B,iBAAiBA,EAAe;AAAA,IAAA;AAAA,EAAA,0BAf/B,OAAA,EAAI,WAAU,kCACb,UAAAM,gBAAAA,MAACE,KAAQ,GACX;AAgBN;"}
+{"version":3,"file":"MultiGraphDashboardWideToLongFormatFromConfig.js","sources":["../src/Components/Dashboard/MultiGraphDashboardWideToLongFormatFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { MultiGraphDashboardWideToLongFormat } from './MultiGraphDashboardWideToLongFormat';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  DashboardFromWideToLongFormatLayoutDataType,\r\n  DataFilterDataType,\r\n  DataSettingsWideToLongDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  validateDataAndSettings?: boolean;\r\n  dashboardID?: string;\r\n  dashboardLayout: DashboardFromWideToLongFormatLayoutDataType;\r\n  dataSettings: DataSettingsWideToLongDataType;\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 MultiGraphDashboardWideToLongFormatFromConfig(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    <MultiGraphDashboardWideToLongFormat\r\n      dashboardID={configSettings.dashboardID}\r\n      dashboardLayout={configSettings.dashboardLayout}\r\n      dataSettings={configSettings.dataSettings}\r\n      debugMode={configSettings.debugMode}\r\n      theme={configSettings.theme}\r\n      readableHeader={configSettings.readableHeader}\r\n      dataFilters={configSettings.dataFilters}\r\n      uiMode={configSettings.uiMode}\r\n      graphStyles={configSettings.graphStyles}\r\n      graphClassNames={configSettings.graphClassNames}\r\n    />\r\n  );\r\n}\r\n"],"names":["MultiGraphDashboardWideToLongFormatFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","fetchData","data","fetchAndParseJSON","useEffect","t2","Symbol","for","jsx","Spinner","dashboardID","dashboardLayout","dataFilters","dataSettings","debugMode","graphClassNames","graphStyles","readableHeader","theme","uiMode","MultiGraphDashboardWideToLongFormat"],"mappings":";;;;;AAmCO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAmBH,GACnB,CAAAI,GAAAC,CAAA,IAA4CC,EAAmCC,MAAS;AAAE,MAAAC,GAAAC;AAY1F,MAZ0FR,SAAAE,KAChFK,IAAAA,MAAA;AASRE,KARkB,YAAA;AAChB,UAAI,OAAOP,KAAW,UAAQ;AAC5B,cAAAQ,IAAa,MAAMC,EAAkBT,CAAM;AAC3CE,QAAAA,EAAkBM,CAAI;AAAA,MAAC;AAEvBN,QAAAA,EAAkBF,CAAM;AAAA,IACzB,GAEHO;AAAAA,EAAW,GACVD,IAAA,CAACN,CAAM,GAACF,OAAAE,GAAAF,OAAAO,GAAAP,OAAAQ,MAAAD,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,IAVXY,EAAUL,GAUPC,CAAQ,GACP,CAACL,GAAc;AAAA,QAAAU;AAAA,WAAAb,EAAA,CAAA,MAAAc,OAAAC,IAAA,2BAAA,KAEfF,IAAAG,gBAAAA,EAAAA,IAAA,OAAA,EAAe,WAAA,kCACb,UAAAA,gBAAAA,MAACC,KAAO,GACV,GAAMjB,OAAAa,KAAAA,IAAAb,EAAA,CAAA,GAFNa;AAAAA,EAEM;AACN,MAAAA;AAAA,SAAAb,EAAA,CAAA,MAAAG,EAAAe,eAAAlB,EAAA,CAAA,MAAAG,EAAAgB,mBAAAnB,EAAA,CAAA,MAAAG,EAAAiB,eAAApB,EAAA,CAAA,MAAAG,EAAAkB,gBAAArB,EAAA,CAAA,MAAAG,EAAAmB,aAAAtB,EAAA,CAAA,MAAAG,EAAAoB,mBAAAvB,EAAA,EAAA,MAAAG,EAAAqB,eAAAxB,EAAA,EAAA,MAAAG,EAAAsB,kBAAAzB,EAAA,EAAA,MAAAG,EAAAuB,SAAA1B,EAAA,EAAA,MAAAG,EAAAwB,UAEFd,0BAACe,GAAA,EACc,aAAAzB,EAAce,aACV,iBAAAf,EAAcgB,iBACjB,cAAAhB,EAAckB,cACjB,WAAAlB,EAAcmB,WAClB,OAAAnB,EAAcuB,OACL,gBAAAvB,EAAcsB,gBACjB,aAAAtB,EAAciB,aACnB,QAAAjB,EAAcwB,QACT,aAAAxB,EAAcqB,aACV,iBAAArB,EAAcoB,iBAAgB,GAC/CvB,EAAA,CAAA,IAAAG,EAAAe,aAAAlB,EAAA,CAAA,IAAAG,EAAAgB,iBAAAnB,EAAA,CAAA,IAAAG,EAAAiB,aAAApB,EAAA,CAAA,IAAAG,EAAAkB,cAAArB,EAAA,CAAA,IAAAG,EAAAmB,WAAAtB,EAAA,CAAA,IAAAG,EAAAoB,iBAAAvB,EAAA,EAAA,IAAAG,EAAAqB,aAAAxB,EAAA,EAAA,IAAAG,EAAAsB,gBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,OAAA1B,EAAA,EAAA,IAAAG,EAAAwB,QAAA3B,QAAAa,KAAAA,IAAAb,EAAA,EAAA,GAXFa;AAWE;"}