@undp/data-viz 1.3.1 → 1.4.0

package/dist/SingleGraphDashboard.js

@@ -1,155 +1,155 @@
-import { j as r, m as da } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as v, useRef as Z, useMemo as R, useCallback as J, useEffect as H } from "react";
-import { i as ua } from "./index-C1rRk_50.js";
-import { f as L } from "./index-UV9hjG_S.js";
-import { i as ca } from "./index-27yTRcko.js";
-import { Z as y, H as A } from "./DropdownSelect-CDC9lEqU.js";
-import { f as N, a as B, v as K, c as ha, w as Q, G as X, b as fa } from "./checkIfMultiple-BB7PlCNh.js";
-import { u as ga } from "./Typography-Ctgfl1J5.js";
-import { y as pa } from "./Spinner-C85UF28E.js";
-import { f as ma, a as Ca, b as ba, c as xa, t as Ia } from "./fetchAndParseData-Bcmr659B.js";
-import { a as va, t as wa } from "./transformDataForAggregation-DAQJWGNL.js";
-import { g as Y } from "./getUniqValue-BtUENB2H.js";
-import { GraphHeader as ya } from "./GraphHeader.js";
-import { f as _ } from "./filterData-B8ocT57s.js";
-import { g as Sa } from "./getGraphList-DuColTJM.js";
-import { t as aa } from "./index-OCoyy1wG.js";
-const Va = (s) => {
-  if (s.findIndex((n) => n.chartConfigId === "yMin") !== -1 && s.findIndex((n) => n.chartConfigId === "yMax") !== -1)
-    return s;
-  const t = [...s];
-  return s.findIndex((n) => n.chartConfigId === "yMin") === -1 && t.push({
+import { j as n, m as sa } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useState as b, useRef as q, useMemo as O, useCallback as Z, useEffect as G } from "react";
+import { i as da } from "./index-C1rRk_50.js";
+import { f as P } from "./index-UV9hjG_S.js";
+import { i as ua } from "./index-27yTRcko.js";
+import { Z as y, H as N } from "./DropdownSelect-CDC9lEqU.js";
+import { f as F, a as J, v as B, c as ca, w as K, G as Q } from "./checkIfMultiple-CYp3vADF.js";
+import { u as ha } from "./Typography-Ctgfl1J5.js";
+import { y as fa } from "./Spinner-C85UF28E.js";
+import { G as ga } from "./GraphEl-Cw2tDUb3.js";
+import { f as pa, a as ma, b as Ca, c as xa, t as Ia } from "./fetchAndParseData-Bcmr659B.js";
+import { a as va, t as ba } from "./transformDataForAggregation-CdcwlnNe.js";
+import { g as X } from "./getUniqValue-BtUENB2H.js";
+import { GraphHeader as wa } from "./GraphHeader.js";
+import { f as Y } from "./filterData-B8ocT57s.js";
+import { g as ya } from "./getGraphList-DuColTJM.js";
+import { t as _ } from "./transformDataForSelect-D8AuvYdf.js";
+const Va = (o) => {
+  if (o.findIndex((r) => r.chartConfigId === "yMin") !== -1 && o.findIndex((r) => r.chartConfigId === "yMax") !== -1)
+    return o;
+  const t = [...o];
+  return o.findIndex((r) => r.chartConfigId === "yMin") === -1 && t.push({
     chartConfigId: "yMin",
-    columnId: `${s[s.findIndex((n) => n.chartConfigId === "y")].columnId}Min`
-  }), s.findIndex((n) => n.chartConfigId === "yMax") === -1 && t.push({
+    columnId: `${o[o.findIndex((r) => r.chartConfigId === "y")].columnId}Min`
+  }), o.findIndex((r) => r.chartConfigId === "yMax") === -1 && t.push({
     chartConfigId: "yMax",
-    columnId: `${s[s.findIndex((n) => n.chartConfigId === "y")].columnId}Max`
+    columnId: `${o[o.findIndex((r) => r.chartConfigId === "y")].columnId}Max`
   }), t;
-}, O = (s, t) => {
-  const n = t?.map((S) => {
-    const o = s?.findIndex((i) => i.chartConfigId === S.chartConfigId);
-    if (o === -1) return {};
-    const b = s[o]?.allowedColumnIds?.findIndex(
-      (i) => i.value === S.columnId
+}, H = (o, t) => {
+  const r = t?.map((V) => {
+    const h = o?.findIndex((i) => i.chartConfigId === V.chartConfigId);
+    if (h === -1) return {};
+    const x = o[h]?.allowedColumnIds?.findIndex(
+      (i) => i.value === V.columnId
     );
-    return b === -1 ? {} : s[o].allowedColumnIds[b].graphSettings || {};
+    return x === -1 ? {} : o[h].allowedColumnIds[x].graphSettings || {};
   }) || [];
-  return Object.assign({}, ...n);
+  return Object.assign({}, ...r);
 };
-function za(s) {
+function Ua(o) {
   const {
     graphSettings: t,
-    dataSettings: n,
-    filters: S,
-    graphType: o,
-    dataTransform: b,
+    dataSettings: r,
+    filters: V,
+    graphType: h,
+    dataTransform: x,
     graphDataConfiguration: i,
-    dataFilters: F,
-    debugMode: V,
-    dataSelectionOptions: x,
-    advancedDataSelectionOptions: P,
-    readableHeader: ea,
-    noOfFiltersPerRow: h = 4,
-    updateFilters: la,
+    dataFilters: R,
+    debugMode: D,
+    dataSelectionOptions: I,
+    advancedDataSelectionOptions: L,
+    readableHeader: aa,
+    noOfFiltersPerRow: c = 4,
+    updateFilters: ea,
     uiMode: f = "normal",
-    theme: W = "light",
     highlightDataPointSettings: m
-  } = s, [C, ta] = v(void 0), [w, ra] = v(void 0), [g, I] = v(
+  } = o, [C, la] = b(void 0), [w, ta] = b(void 0), [g, v] = b(
     i
-  ), [p, D] = v({}), [j, na] = v(void 0), [ia, oa] = v([]), z = Z(null), U = Z(
+  ), [p, S] = b({}), [j, na] = b(void 0), [ra, ia] = b([]), z = q(null), U = q(
     i
-  ), [M, E] = v([]), k = R(
+  ), [$, W] = b([]), T = O(
     () => ({
       ignoreCase: !0,
       ignoreAccents: !0,
       trim: !0
     }),
     []
-  ), q = J(async () => {
-    if (o !== "geoHubMap" && o !== "geoHubCompareMap" && o !== "geoHubMapWithLayerSelection" && n)
+  ), E = Z(async () => {
+    if (r)
       try {
-        const u = await (n.dataURL ? typeof n.dataURL == "string" ? n.fileType === "json" ? ma(
-          n.dataURL,
-          n.columnsToArray,
-          n.dataTransformation,
-          V
-        ) : n.fileType === "api" ? Ca(
-          n.dataURL,
-          n.apiHeaders,
-          n.columnsToArray,
-          n.dataTransformation,
-          V
-        ) : ba(
-          n.dataURL,
-          n.dataTransformation,
-          n.columnsToArray,
-          V,
-          n.delimiter,
+        const d = await (r.dataURL ? typeof r.dataURL == "string" ? r.fileType === "json" ? pa(
+          r.dataURL,
+          r.columnsToArray,
+          r.dataTransformation,
+          D
+        ) : r.fileType === "api" ? ma(
+          r.dataURL,
+          r.apiHeaders,
+          r.columnsToArray,
+          r.dataTransformation,
+          D
+        ) : Ca(
+          r.dataURL,
+          r.dataTransformation,
+          r.columnsToArray,
+          D,
+          r.delimiter,
           !0
-        ) : xa(n.dataURL, n.idColumnTitle) : Ia(n.data, n.columnsToArray));
-        ra(u);
-        const e = (S || []).map((l) => ({
+        ) : xa(r.dataURL, r.idColumnTitle) : Ia(r.data, r.columnsToArray));
+        ta(d);
+        const e = (V || []).map((l) => ({
           filter: l.column,
           label: l.label || `Filter by ${l.column}`,
           singleSelect: l.singleSelect,
           clearable: l.clearable,
-          defaultValue: aa(l.defaultValue),
-          value: aa(l.defaultValue),
-          availableValues: Y(u, l.column).filter((d) => !l.excludeValues?.includes(`${d}`)).map((d) => ({ value: d, label: d })),
+          defaultValue: _(l.defaultValue),
+          value: _(l.defaultValue),
+          availableValues: X(d, l.column).filter((s) => !l.excludeValues?.includes(`${s}`)).map((s) => ({ value: s, label: s })),
           allowSelectAll: l.allowSelectAll,
           width: l.width
         }));
-        E(e);
+        W(e);
       } catch (a) {
         console.error("Data fetching error:", a);
       }
-  }, [n, o, S, V]);
-  H(() => {
-    q();
-  }, [q]);
-  const $ = R(() => !w || M.length === 0 ? w : w.filter(
-    (u) => M.every(
-      (e) => e.value && L([e.value]).length > 0 ? ua(
-        L([u[e.filter]]),
-        L([e.value]).map((l) => l.value)
+  }, [r, V, D]);
+  G(() => {
+    E();
+  }, [E]);
+  const k = O(() => !w || $.length === 0 ? w : w.filter(
+    (d) => $.every(
+      (e) => e.value && P([e.value]).length > 0 ? da(
+        P([d[e.filter]]),
+        P([e.value]).map((l) => l.value)
       ).length > 0 : !0
     )
-  ), [M, w]);
-  H(() => {
-    x && D(O(x, i));
-  }, [x, i]), H(() => {
-    o !== "geoHubMap" && o !== "geoHubCompareMap" && o !== "geoHubMapWithLayerSelection" && w && ta($);
-  }, [$, o, w]), H(() => {
-    m?.column && $ && oa(
-      Y($, m.column).filter((a) => !m?.excludeValues?.includes(`${a}`)).map((a) => ({ value: a, label: a }))
+  ), [$, w]);
+  G(() => {
+    I && S(H(I, i));
+  }, [I, i]), G(() => {
+    w && la(k);
+  }, [k, h, w]), G(() => {
+    m?.column && k && ia(
+      X(k, m.column).filter((a) => !m?.excludeValues?.includes(`${a}`)).map((a) => ({ value: a, label: a }))
     );
-  }, [$, m]), H(() => {
-    ca(U.current, i) || (I(i), U.current = i);
+  }, [k, m]), G(() => {
+    ua(U.current, i) || (v(i), U.current = i);
   }, [i]);
-  const T = J((a, u) => {
-    E((e) => e.map((l) => l.filter === a ? { ...l, value: u } : l));
-  }, []), sa = R(() => {
+  const M = Z((a, d) => {
+    W((e) => e.map((l) => l.filter === a ? { ...l, value: d } : l));
+  }, []), oa = O(() => {
     if (!C) return;
-    const a = o === "lineChartWithConfidenceInterval" && g ? Va(g) : g;
-    return o !== "geoHubMap" && o !== "geoHubCompareMap" && o !== "geoHubMapWithLayerSelection" ? va(
-      b ? wa(
-        _(C, F || []),
-        b.keyColumn,
-        b.aggregationColumnsSetting
-      ) : _(C, F || []),
-      o,
+    const a = h === "lineChartWithConfidenceInterval" && g ? Va(g) : g;
+    return va(
+      x ? ba(
+        Y(C, R || []),
+        x.keyColumn,
+        x.aggregationColumnsSetting
+      ) : Y(C, R || []),
+      h,
       a
-    ) : void 0;
-  }, [o, g, C, F, b]);
-  return !n && o !== "geoHubMap" && o !== "geoHubCompareMap" && o !== "geoHubMapWithLayerSelection" ? /* @__PURE__ */ r.jsx(ga, { size: "xs", className: "text-center text-accent-dark-red dark:text-accent-red p-2", children: "Please make sure either `dataSettings` props are present as they are required for data." }) : /* @__PURE__ */ r.jsx(
+    );
+  }, [h, g, C, R, x]);
+  return r ? /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: `${W || t?.theme || "light"} flex ${t?.width ? "w-fit grow-0" : "w-full grow"}${t?.height ? "" : " h-full"}`,
+      className: `${t?.theme || "light"} flex ${t?.width ? "w-fit grow-0" : "w-full grow"}${t?.height ? "" : " h-full"}`,
       dir: t?.language === "he" || t?.language === "ar" ? "rtl" : void 0,
-      children: /* @__PURE__ */ r.jsx(
+      children: /* @__PURE__ */ n.jsx(
         "div",
         {
-          className: da(
+          className: sa(
             `${t?.backgroundColor ? t?.backgroundColor === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${t?.language || "en"}`,
             t?.classNames?.graphContainer
           ),
@@ -159,7 +159,7 @@ function za(s) {
           },
           id: t?.graphID,
           ref: z,
-          children: /* @__PURE__ */ r.jsx(
+          children: /* @__PURE__ */ n.jsx(
             "div",
             {
               style: {
@@ -167,9 +167,9 @@ function za(s) {
                 flexGrow: 1,
                 display: "flex"
               },
-              children: /* @__PURE__ */ r.jsx("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: C || Sa.filter((a) => a.geoHubMapPresentation).map((a) => a.graphID).indexOf(o) !== -1 ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                p?.graphTitle || p?.graphDescription || t?.graphTitle || t?.graphDescription || t?.graphDownload || t?.dataDownload ? /* @__PURE__ */ r.jsx(
-                  ya,
+              children: /* @__PURE__ */ n.jsx("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: C || ya.filter((a) => a.geoHubMapPresentation).map((a) => a.graphID).indexOf(h) !== -1 ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                p?.graphTitle || p?.graphDescription || t?.graphTitle || t?.graphDescription || t?.graphDownload || t?.dataDownload ? /* @__PURE__ */ n.jsx(
+                  wa,
                   {
                     styles: {
                       title: p?.styles?.title || t?.styles?.title,
@@ -186,7 +186,7 @@ function za(s) {
                     dataDownload: t?.dataDownload && C && C.length > 0 ? C : null
                   }
                 ) : null,
-                M.length !== 0 || (x || []).length !== 0 || (P || []).length !== 0 || m ? /* @__PURE__ */ r.jsxs(
+                $.length !== 0 || (I || []).length !== 0 || (L || []).length !== 0 || m ? /* @__PURE__ */ n.jsxs(
                   "div",
                   {
                     style: {
@@ -197,18 +197,18 @@ function za(s) {
                       width: "100%"
                     },
                     children: [
-                      P?.map((a, u) => /* @__PURE__ */ r.jsxs(
+                      L?.map((a, d) => /* @__PURE__ */ n.jsxs(
                         "div",
                         {
                           style: {
-                            width: a.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
+                            width: a.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
                             flexGrow: 1,
                             flexShrink: a.ui !== "radio" ? 0 : 1,
                             minWidth: "240px"
                           },
                           children: [
-                            /* @__PURE__ */ r.jsx(N, { className: "mb-2", children: a.label || "Graph by" }),
-                            a.ui !== "radio" ? /* @__PURE__ */ r.jsx(
+                            /* @__PURE__ */ n.jsx(F, { className: "mb-2", children: a.label || "Graph by" }),
+                            a.ui !== "radio" ? /* @__PURE__ */ n.jsx(
                               y,
                               {
                                 options: a.options.map((e) => ({
@@ -228,37 +228,37 @@ function za(s) {
                                   value: a.options[0].label
                                 },
                                 onChange: (e) => {
-                                  D(e?.graphSettings || {}), I(e?.dataConfiguration);
+                                  S(e?.graphSettings || {}), v(e?.dataConfiguration);
                                 }
                               }
-                            ) : /* @__PURE__ */ r.jsx(
-                              B,
+                            ) : /* @__PURE__ */ n.jsx(
+                              J,
                               {
                                 defaultValue: a.defaultValue?.label || a.options[0].label,
                                 variant: f,
                                 onValueChange: (e) => {
-                                  const l = a.options[a.options.findIndex((d) => d.label === e)];
-                                  D(l.graphSettings || {}), I(l.dataConfiguration);
+                                  const l = a.options[a.options.findIndex((s) => s.label === e)];
+                                  S(l.graphSettings || {}), v(l.dataConfiguration);
                                 },
-                                children: a.options.map((e, l) => /* @__PURE__ */ r.jsx(K, { label: e.label, value: e.label }, l))
+                                children: a.options.map((e, l) => /* @__PURE__ */ n.jsx(B, { label: e.label, value: e.label }, l))
                               }
                             )
                           ]
                         },
-                        u
+                        d
                       )),
-                      x?.map((a, u) => /* @__PURE__ */ r.jsxs(
+                      I?.map((a, d) => /* @__PURE__ */ n.jsxs(
                         "div",
                         {
                           style: {
-                            width: a.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
+                            width: a.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
                             flexGrow: 1,
                             flexShrink: a.ui !== "radio" ? 0 : 1,
                             minWidth: "240px"
                           },
                           children: [
-                            /* @__PURE__ */ r.jsx(N, { className: "mb-2", children: a.label || `Visualize ${a.chartConfigId} by` }),
-                            ha(a.chartConfigId, g || []) ? a.ui !== "radio" ? /* @__PURE__ */ r.jsx(
+                            /* @__PURE__ */ n.jsx(F, { className: "mb-2", children: a.label || `Visualize ${a.chartConfigId} by` }),
+                            ca(a.chartConfigId, g || []) ? a.ui !== "radio" ? /* @__PURE__ */ n.jsx(
                               y,
                               {
                                 options: a.allowedColumnIds,
@@ -272,22 +272,22 @@ function za(s) {
                                 )].columnId.map(
                                   (e) => a.allowedColumnIds[a.allowedColumnIds.findIndex((l) => l.value === e)]
                                 ) : void 0,
-                                filterOption: A(k),
+                                filterOption: N(T),
                                 onChange: (e) => {
                                   const l = {
                                     columnId: (e || []).map(
                                       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                      (c) => c.value
+                                      (u) => u.value
                                     ),
                                     chartConfigId: a.chartConfigId
-                                  }, d = g?.map(
-                                    (c) => c.chartConfigId === l.chartConfigId ? l : c
+                                  }, s = g?.map(
+                                    (u) => u.chartConfigId === l.chartConfigId ? l : u
                                   );
-                                  I(d);
+                                  v(s);
                                 }
                               }
-                            ) : /* @__PURE__ */ r.jsx(
-                              Q,
+                            ) : /* @__PURE__ */ n.jsx(
+                              K,
                               {
                                 variant: f,
                                 defaultValue: i ? i[i.findIndex(
@@ -299,14 +299,14 @@ function za(s) {
                                   const l = {
                                     columnId: e || [],
                                     chartConfigId: a.chartConfigId
-                                  }, d = g?.map(
-                                    (c) => c.chartConfigId === l.chartConfigId ? l : c
+                                  }, s = g?.map(
+                                    (u) => u.chartConfigId === l.chartConfigId ? l : u
                                   );
-                                  I(d);
+                                  v(s);
                                 },
-                                children: a.allowedColumnIds.map((e, l) => /* @__PURE__ */ r.jsx(X, { label: e.label, value: e.label }, l))
+                                children: a.allowedColumnIds.map((e, l) => /* @__PURE__ */ n.jsx(Q, { label: e.label, value: e.label }, l))
                               }
-                            ) : a.ui !== "radio" ? /* @__PURE__ */ r.jsx(
+                            ) : a.ui !== "radio" ? /* @__PURE__ */ n.jsx(
                               y,
                               {
                                 options: a.allowedColumnIds,
@@ -324,16 +324,16 @@ function za(s) {
                                   const l = {
                                     columnId: e?.value,
                                     chartConfigId: a.chartConfigId
-                                  }, d = g?.map(
-                                    (c) => c.chartConfigId === l.chartConfigId ? l : c
+                                  }, s = g?.map(
+                                    (u) => u.chartConfigId === l.chartConfigId ? l : u
                                   );
-                                  D(
-                                    O(x, d)
-                                  ), I(d);
+                                  S(
+                                    H(I, s)
+                                  ), v(s);
                                 }
                               }
-                            ) : /* @__PURE__ */ r.jsx(
-                              B,
+                            ) : /* @__PURE__ */ n.jsx(
+                              J,
                               {
                                 variant: f,
                                 defaultValue: i ? a.allowedColumnIds[a.allowedColumnIds.findIndex(
@@ -342,35 +342,35 @@ function za(s) {
                                   )].columnId
                                 )].label : "",
                                 onValueChange: (e) => {
-                                  const d = {
-                                    columnId: a.allowedColumnIds[a.allowedColumnIds.findIndex((G) => G.label === e)].value,
+                                  const s = {
+                                    columnId: a.allowedColumnIds[a.allowedColumnIds.findIndex((A) => A.label === e)].value,
                                     chartConfigId: a.chartConfigId
-                                  }, c = g?.map(
-                                    (G) => G.chartConfigId === d.chartConfigId ? d : G
+                                  }, u = g?.map(
+                                    (A) => A.chartConfigId === s.chartConfigId ? s : A
                                   );
-                                  D(
-                                    O(x, c)
-                                  ), I(c);
+                                  S(
+                                    H(I, u)
+                                  ), v(u);
                                 },
-                                children: a.allowedColumnIds.map((e, l) => /* @__PURE__ */ r.jsx(K, { label: e.label, value: e.label }, l))
+                                children: a.allowedColumnIds.map((e, l) => /* @__PURE__ */ n.jsx(B, { label: e.label, value: e.label }, l))
                               }
                             )
                           ]
                         },
-                        u
+                        d
                       )),
-                      M?.map((a, u) => /* @__PURE__ */ r.jsxs(
+                      $?.map((a, d) => /* @__PURE__ */ n.jsxs(
                         "div",
                         {
                           style: {
-                            width: a.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
+                            width: a.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
                             flexGrow: 1,
                             flexShrink: 0,
                             minWidth: "240px"
                           },
                           children: [
-                            /* @__PURE__ */ r.jsx(N, { className: "mb-2", children: a.label }),
-                            a.singleSelect ? /* @__PURE__ */ r.jsx(
+                            /* @__PURE__ */ n.jsx(F, { className: "mb-2", children: a.label }),
+                            a.singleSelect ? /* @__PURE__ */ n.jsx(
                               y,
                               {
                                 options: a.availableValues,
@@ -378,15 +378,15 @@ function za(s) {
                                 isClearable: a.clearable === void 0 ? !0 : a.clearable,
                                 isSearchable: !0,
                                 controlShouldRenderValue: !0,
-                                filterOption: A(k),
+                                filterOption: N(T),
                                 onChange: (e) => {
-                                  T(a.filter, e);
+                                  M(a.filter, e);
                                 },
                                 value: a.value,
                                 defaultValue: a.defaultValue
                               }
-                            ) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                              a.ui !== "radio" ? /* @__PURE__ */ r.jsx(
+                            ) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+                              a.ui !== "radio" ? /* @__PURE__ */ n.jsx(
                                 y,
                                 {
                                   options: a.availableValues,
@@ -396,27 +396,27 @@ function za(s) {
                                   isClearable: a.clearable === void 0 ? !0 : a.clearable,
                                   isSearchable: !0,
                                   controlShouldRenderValue: !0,
-                                  filterOption: A(k),
+                                  filterOption: N(T),
                                   onChange: (e) => {
-                                    T(a.filter, e);
+                                    M(a.filter, e);
                                   },
                                   value: a.value,
                                   defaultValue: a.defaultValue
                                 }
-                              ) : /* @__PURE__ */ r.jsx(
-                                Q,
+                              ) : /* @__PURE__ */ n.jsx(
+                                K,
                                 {
                                   variant: f,
                                   defaultValue: a.defaultValue ? a.defaultValue.map((e) => `${e.value}`) : [],
                                   value: a.value ? a.value.map((e) => `${e.value}`) : void 0,
                                   onValueChange: (e) => {
-                                    T(
+                                    M(
                                       a.filter,
                                       a.availableValues.filter((l) => e.indexOf(`${l.value}`) !== -1)
                                     );
                                   },
-                                  children: a.availableValues.map((e, l) => /* @__PURE__ */ r.jsx(
-                                    X,
+                                  children: a.availableValues.map((e, l) => /* @__PURE__ */ n.jsx(
+                                    Q,
                                     {
                                       label: `${e.label}`,
                                       value: `${e.value}`
@@ -425,13 +425,13 @@ function za(s) {
                                   ))
                                 }
                               ),
-                              a.allowSelectAll ? /* @__PURE__ */ r.jsx(
+                              a.allowSelectAll ? /* @__PURE__ */ n.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: () => {
-                                    T(a.filter, a.availableValues);
+                                    M(a.filter, a.availableValues);
                                   },
                                   children: "Select all options"
                                 }
@@ -439,32 +439,32 @@ function za(s) {
                             ] })
                           ]
                         },
-                        u
+                        d
                       )),
-                      m ? /* @__PURE__ */ r.jsxs(
+                      m ? /* @__PURE__ */ n.jsxs(
                         "div",
                         {
                           style: {
-                            width: m.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
+                            width: m.width || `calc(${100 / c}% - ${(c - 1) / c}rem)`,
                             flexGrow: 1,
                             flexShrink: 0,
                             minWidth: "240px"
                           },
                           children: [
-                            /* @__PURE__ */ r.jsx(N, { className: "mb-2", children: m.label || "Highlight data" }),
-                            /* @__PURE__ */ r.jsx(
+                            /* @__PURE__ */ n.jsx(F, { className: "mb-2", children: m.label || "Highlight data" }),
+                            /* @__PURE__ */ n.jsx(
                               y,
                               {
-                                options: ia,
+                                options: ra,
                                 variant: f,
                                 size: "sm",
                                 isMulti: !0,
                                 isClearable: !0,
                                 isSearchable: !0,
                                 controlShouldRenderValue: !0,
-                                filterOption: A(k),
+                                filterOption: N(T),
                                 onChange: (a) => {
-                                  na(a?.map((u) => u.value));
+                                  na(a?.map((d) => d.value));
                                 },
                                 value: j?.map((a) => ({
                                   label: a,
@@ -482,15 +482,15 @@ function za(s) {
                     ]
                   }
                 ) : null,
-                /* @__PURE__ */ r.jsx(
-                  fa,
+                /* @__PURE__ */ n.jsx(
+                  ga,
                   {
-                    graph: o,
-                    graphData: sa,
+                    graph: h,
+                    graphData: oa,
                     graphDataConfiguration: g,
-                    debugMode: V,
-                    readableHeader: ea || [],
-                    updateFilters: la,
+                    debugMode: D,
+                    readableHeader: aa || [],
+                    updateFilters: ea,
                     settings: {
                       ...t || {},
                       ...p,
@@ -500,7 +500,7 @@ function za(s) {
                       dataDownload: !1,
                       backgroundColor: void 0,
                       padding: "0",
-                      theme: t?.theme || W,
+                      theme: t?.theme,
                       ...j ? {
                         highlightedDataPoints: j,
                         highlightedIds: j?.map((a) => `${a}`),
@@ -509,15 +509,15 @@ function za(s) {
                     }
                   }
                 )
-              ] }) : /* @__PURE__ */ r.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ r.jsx(pa, {}) }) })
+              ] }) : /* @__PURE__ */ n.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ n.jsx(fa, {}) }) })
             }
           )
         }
       )
     }
-  );
+  ) : /* @__PURE__ */ n.jsx(ha, { size: "xs", className: "text-center text-accent-dark-red dark:text-accent-red p-2", children: "Please make sure either `dataSettings` props are present as they are required for data." });
 }
 export {
-  za as SingleGraphDashboard
+  Ua as SingleGraphDashboard
 };
 //# sourceMappingURL=SingleGraphDashboard.js.map