@undp/data-viz 1.2.8 → 1.3.1

package/dist/GriddedGraphs.js

@@ -0,0 +1,483 @@
+import { j as o } from "./index-CHPV5EwG-BPSP-7Jg.js";
+import { useState as m, useRef as oa, useMemo as q, useEffect as T, useCallback as z } from "react";
+import { i as ra } from "./index-C1rRk_50.js";
+import { f as G } from "./index-UV9hjG_S.js";
+import { f as $, a as B, v as J, c as na, w as ia, G as sa, b as da } from "./checkIfMultiple-BB7PlCNh.js";
+import { y as ca } from "./Spinner-C85UF28E.js";
+import { Z as x, H as A } from "./DropdownSelect-CDC9lEqU.js";
+import { f as ua, a as ha, b as ga, c as fa, t as pa } from "./fetchAndParseData-Bcmr659B.js";
+import { Colors as ma } from "./Colors.js";
+import { a as Ca, t as wa } from "./transformDataForAggregation-DAQJWGNL.js";
+import { g as K } from "./getUniqValue-BtUENB2H.js";
+import { GraphHeader as ba } from "./GraphHeader.js";
+import { GraphFooter as xa } from "./GraphFooter.js";
+import { f as Q } from "./filterData-B8ocT57s.js";
+import { ColorLegend as va } from "./ColorLegend.js";
+import { c as Ia } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+import { t as X } from "./index-OCoyy1wG.js";
+function Ua(Y) {
+  const {
+    graphSettings: e,
+    dataSettings: n,
+    filters: k,
+    graphType: R,
+    dataTransform: j,
+    graphDataConfiguration: s,
+    noOfColumns: D,
+    columnGridBy: v,
+    dataFilters: F,
+    showCommonColorScale: O,
+    minGraphHeight: _,
+    minGraphWidth: H,
+    debugMode: C,
+    dataSelectionOptions: L,
+    advancedDataSelectionOptions: M,
+    readableHeader: aa,
+    noOfFiltersPerRow: u = 4,
+    uiMode: h = "normal",
+    theme: U = "light"
+  } = Y, [p, ea] = m(void 0), [I, la] = m(void 0), [w, ta] = m([]), W = oa(null), [g, f] = m(
+    s
+  ), [b, P] = m([]), [c, y] = m({}), V = q(
+    () => ({
+      ignoreCase: !0,
+      ignoreAccents: !0,
+      trim: !0
+    }),
+    []
+  ), E = q(() => !I || b.length === 0 ? I : I.filter(
+    (d) => b.every(
+      (l) => l.value && G([l.value]).length > 0 ? ra(
+        G([d[l.filter]]),
+        G([l.value]).map((t) => t.value)
+      ).length > 0 : !0
+    )
+  ), [b, I]);
+  T(() => {
+    ea(E);
+  }, [E]);
+  const Z = z(async () => {
+    if (n)
+      try {
+        const d = await (n.dataURL ? typeof n.dataURL == "string" ? n.fileType === "json" ? ua(
+          n.dataURL,
+          n.columnsToArray,
+          n.dataTransformation,
+          C
+        ) : n.fileType === "api" ? ha(
+          n.dataURL,
+          n.apiHeaders,
+          n.columnsToArray,
+          n.dataTransformation,
+          C
+        ) : ga(
+          n.dataURL,
+          n.dataTransformation,
+          n.columnsToArray,
+          C,
+          n.delimiter,
+          !0
+        ) : fa(n.dataURL, n.idColumnTitle) : pa(n.data, n.columnsToArray));
+        la(d);
+        const l = K(d, v);
+        ta(l);
+        const t = (k || []).map((r) => ({
+          filter: r.column,
+          label: r.label || `Filter by ${r.column}`,
+          singleSelect: r.singleSelect,
+          clearable: r.clearable,
+          defaultValue: X(r.defaultValue),
+          value: X(r.defaultValue),
+          availableValues: K(d, r.column).filter((i) => !r.excludeValues?.includes(`${i}`)).map((i) => ({ value: i, label: i })),
+          allowSelectAll: r.allowSelectAll,
+          width: r.width
+        }));
+        P(t);
+      } catch (a) {
+        console.error("Data fetching error:", a);
+      }
+  }, [n, C, v, k]);
+  T(() => {
+    Z();
+  }, [Z]), T(() => {
+    f(s);
+  }, [s]);
+  const N = z((a, d) => {
+    P((l) => l.map((t) => t.filter === a ? { ...t, value: d } : t));
+  }, []);
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: `${U || e?.theme || "light"} flex  ${e?.width ? "w-fit grow-0" : "w-full grow"}`,
+      dir: e?.language === "he" || e?.language === "ar" ? "rtl" : void 0,
+      children: /* @__PURE__ */ o.jsx(
+        "div",
+        {
+          className: `${e?.backgroundColor ? e?.backgroundColor === !0 ? "bg-primary-gray-200 dark:bg-primary-gray-650 " : "" : "bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${e?.language || "en"}`,
+          style: {
+            ...e?.backgroundColor && e?.backgroundColor !== !0 ? { backgroundColor: e?.backgroundColor } : {}
+          },
+          id: e?.graphID,
+          ref: W,
+          "aria-label": e?.ariaLabel || `${e?.graphTitle ? `The graph shows ${e?.graphTitle}. ` : ""}This is a gridded chart.${e?.graphDescription ? ` ${e?.graphDescription}` : ""}`,
+          children: /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              style: {
+                padding: e?.backgroundColor ? e?.padding || "1rem" : e?.padding || 0,
+                flexGrow: 1,
+                display: "flex"
+              },
+              children: /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col w-full gap-4 grow justify-between", children: [
+                c?.graphTitle || c?.graphDescription || e?.graphTitle || e?.graphDescription || e?.graphDownload || e?.dataDownload ? /* @__PURE__ */ o.jsx(
+                  ba,
+                  {
+                    styles: {
+                      title: c?.styles?.title || e?.styles?.title,
+                      description: c?.styles?.description || e?.styles?.description
+                    },
+                    classNames: {
+                      title: c?.classNames?.title || e?.classNames?.title,
+                      description: c?.classNames?.description || e?.classNames?.description
+                    },
+                    graphTitle: c?.graphTitle || e?.graphTitle,
+                    graphDescription: c?.graphDescription || e?.graphDescription,
+                    width: c?.width || e?.width,
+                    graphDownload: e?.graphDownload ? W.current : void 0,
+                    dataDownload: e?.dataDownload && p && p.length > 0 ? p : null
+                  }
+                ) : null,
+                p && w.length > 0 ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                  b.length !== 0 || (L || []).length !== 0 || (M || []).length !== 0 ? /* @__PURE__ */ o.jsxs(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        gap: "1rem",
+                        flexWrap: "wrap",
+                        alignItems: "flex-start",
+                        width: "100%"
+                      },
+                      children: [
+                        M?.map((a, d) => /* @__PURE__ */ o.jsxs(
+                          "div",
+                          {
+                            style: {
+                              width: a.width || `calc(${100 / u}% - ${(u - 1) / u}rem)`,
+                              flexGrow: 1,
+                              flexShrink: a.ui !== "radio" ? 0 : 1,
+                              minWidth: "240px"
+                            },
+                            children: [
+                              /* @__PURE__ */ o.jsx($, { className: "mb-2", children: a.label || "Graph by" }),
+                              a.ui !== "radio" ? /* @__PURE__ */ o.jsx(
+                                x,
+                                {
+                                  options: a.options.map((l) => ({
+                                    ...l,
+                                    value: l.label
+                                  })),
+                                  isClearable: !1,
+                                  isSearchable: !0,
+                                  variant: h,
+                                  controlShouldRenderValue: !0,
+                                  defaultValue: a.defaultValue ? {
+                                    ...a.defaultValue,
+                                    value: a.defaultValue?.label
+                                  } : {
+                                    ...a.options[0],
+                                    value: a.options[0].label
+                                  },
+                                  onChange: (l) => {
+                                    y(l?.graphSettings || {}), f(l?.dataConfiguration);
+                                  }
+                                }
+                              ) : /* @__PURE__ */ o.jsx(
+                                B,
+                                {
+                                  defaultValue: a.defaultValue?.label || a.options[0].label,
+                                  variant: h,
+                                  onValueChange: (l) => {
+                                    const t = a.options[a.options.findIndex((r) => r.label === l)];
+                                    y(t.graphSettings || {}), f(t.dataConfiguration);
+                                  },
+                                  children: a.options.map((l, t) => /* @__PURE__ */ o.jsx(J, { label: l.label, value: l.label }, t))
+                                }
+                              )
+                            ]
+                          },
+                          d
+                        )),
+                        L?.map((a, d) => /* @__PURE__ */ o.jsxs(
+                          "div",
+                          {
+                            style: {
+                              width: a.width || `calc(${100 / u}% - ${(u - 1) / u}rem)`,
+                              flexGrow: 1,
+                              flexShrink: a.ui !== "radio" ? 0 : 1,
+                              minWidth: "240px"
+                            },
+                            children: [
+                              /* @__PURE__ */ o.jsx($, { className: "mb-2", children: a.label || `Visualize ${a.chartConfigId} by` }),
+                              na(a.chartConfigId, g || []) ? a.ui !== "radio" ? /* @__PURE__ */ o.jsx(
+                                x,
+                                {
+                                  options: a.allowedColumnIds,
+                                  isMulti: !0,
+                                  variant: h,
+                                  isSearchable: !0,
+                                  controlShouldRenderValue: !0,
+                                  defaultValue: s ? s[s.findIndex(
+                                    (l) => l.chartConfigId === a.chartConfigId
+                                  )].columnId.map(
+                                    (l) => a.allowedColumnIds[a.allowedColumnIds.findIndex((t) => t.value === l)]
+                                  ) : void 0,
+                                  filterOption: A(V),
+                                  onChange: (l) => {
+                                    const t = {
+                                      columnId: l.map(
+                                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                        (i) => i.value
+                                      ),
+                                      chartConfigId: a.chartConfigId
+                                    }, r = g?.map(
+                                      (i) => i.chartConfigId === t.chartConfigId ? t : i
+                                    );
+                                    f(r);
+                                  },
+                                  isRtl: e?.language === "ar" || e?.language === "he"
+                                }
+                              ) : /* @__PURE__ */ o.jsx(
+                                ia,
+                                {
+                                  variant: h,
+                                  defaultValue: s ? s[s.findIndex(
+                                    (l) => l.chartConfigId === a.chartConfigId
+                                  )].columnId.map(
+                                    (l) => a.allowedColumnIds[a.allowedColumnIds.findIndex((t) => t.value === l)]
+                                  ).map((l) => l.value) : [],
+                                  onValueChange: (l) => {
+                                    const t = {
+                                      columnId: l || [],
+                                      chartConfigId: a.chartConfigId
+                                    }, r = g?.map(
+                                      (i) => i.chartConfigId === t.chartConfigId ? t : i
+                                    );
+                                    f(r);
+                                  },
+                                  children: a.allowedColumnIds.map((l, t) => /* @__PURE__ */ o.jsx(sa, { label: l.label, value: l.label }, t))
+                                }
+                              ) : a.ui !== "radio" ? /* @__PURE__ */ o.jsx(
+                                x,
+                                {
+                                  options: a.allowedColumnIds,
+                                  isClearable: !1,
+                                  isSearchable: !0,
+                                  variant: h,
+                                  defaultValue: s ? a.allowedColumnIds[a.allowedColumnIds.findIndex(
+                                    (l) => l.value === s[s.findIndex(
+                                      (t) => t.chartConfigId === a.chartConfigId
+                                    )].columnId
+                                  )] : void 0,
+                                  controlShouldRenderValue: !0,
+                                  onChange: (l) => {
+                                    const t = {
+                                      columnId: l?.value,
+                                      chartConfigId: a.chartConfigId
+                                    }, r = g?.map(
+                                      (i) => i.chartConfigId === t.chartConfigId ? t : i
+                                    );
+                                    y(l?.graphSettings || {}), f(r);
+                                  }
+                                }
+                              ) : /* @__PURE__ */ o.jsx(
+                                B,
+                                {
+                                  variant: h,
+                                  defaultValue: s ? a.allowedColumnIds[a.allowedColumnIds.findIndex(
+                                    (l) => l.value === s[s.findIndex(
+                                      (t) => t.chartConfigId === a.chartConfigId
+                                    )].columnId
+                                  )].label : "",
+                                  onValueChange: (l) => {
+                                    const t = a.allowedColumnIds[a.allowedColumnIds.findIndex((S) => S.label === l)], r = {
+                                      columnId: t.value,
+                                      chartConfigId: a.chartConfigId
+                                    }, i = g?.map(
+                                      (S) => S.chartConfigId === r.chartConfigId ? r : S
+                                    );
+                                    y(t.graphSettings || {}), f(i);
+                                  },
+                                  children: a.allowedColumnIds.map((l, t) => /* @__PURE__ */ o.jsx(J, { label: l.label, value: l.label }, t))
+                                }
+                              )
+                            ]
+                          },
+                          d
+                        )),
+                        b?.map((a, d) => /* @__PURE__ */ o.jsxs(
+                          "div",
+                          {
+                            style: {
+                              width: a.width || `calc(${100 / u}% - ${(u - 1) / u}rem)`,
+                              flexGrow: 1,
+                              flexShrink: 0,
+                              flexWrap: "wrap"
+                            },
+                            children: [
+                              /* @__PURE__ */ o.jsx($, { className: "mb-2", children: a.label }),
+                              a.singleSelect ? /* @__PURE__ */ o.jsx(
+                                x,
+                                {
+                                  variant: h,
+                                  options: a.availableValues,
+                                  isClearable: a.clearable === void 0 ? !0 : a.clearable,
+                                  isRtl: e?.language === "ar" || e?.language === "he",
+                                  isSearchable: !0,
+                                  controlShouldRenderValue: !0,
+                                  filterOption: A(V),
+                                  onChange: (l) => {
+                                    N(a.filter, l);
+                                  },
+                                  defaultValue: a.defaultValue
+                                }
+                              ) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+                                /* @__PURE__ */ o.jsx(
+                                  x,
+                                  {
+                                    variant: h,
+                                    options: a.availableValues,
+                                    isMulti: !0,
+                                    isClearable: a.clearable === void 0 ? !0 : a.clearable,
+                                    isSearchable: !0,
+                                    controlShouldRenderValue: !0,
+                                    filterOption: A(V),
+                                    onChange: (l) => {
+                                      N(a.filter, l);
+                                    },
+                                    defaultValue: a.defaultValue,
+                                    isRtl: e?.language === "ar" || e?.language === "he"
+                                  }
+                                ),
+                                a.allowSelectAll ? /* @__PURE__ */ o.jsx(
+                                  "button",
+                                  {
+                                    className: "bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400",
+                                    type: "button",
+                                    onClick: () => {
+                                      N(a.filter, a.availableValues);
+                                    },
+                                    children: "Select all options"
+                                  }
+                                ) : null
+                              ] })
+                            ]
+                          },
+                          d
+                        ))
+                      ]
+                    }
+                  ) : null,
+                  O !== !1 && e?.showColorScale !== !1 ? /* @__PURE__ */ o.jsx(
+                    va,
+                    {
+                      width: e?.width,
+                      colorLegendTitle: e?.colorLegendTitle,
+                      colors: e?.colors || e?.lineColors || ma[e?.theme || "light"].categoricalColors.colors,
+                      colorDomain: e?.colorDomain || e?.labels || [],
+                      showNAColor: e?.showNAColor === void 0 || e?.showNAColor === null ? !0 : e?.showNAColor
+                    }
+                  ) : null,
+                  /* @__PURE__ */ o.jsx(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        flexWrap: "wrap",
+                        gap: "1rem",
+                        flexDirection: e?.language === "ar" || e?.language === "he" ? "row-reverse" : "row",
+                        justifyContent: "center"
+                      },
+                      children: w.map((a, d) => /* @__PURE__ */ o.jsx(
+                        "div",
+                        {
+                          style: {
+                            width: `calc(${100 / (D || Math.min(4, w.length || 0))}% - ${((D || Math.min(4, w.length || 0)) - 1) / (D || Math.min(4, w.length || 0))}rem)`,
+                            minWidth: Ia(H) ? "280px" : `${H}px`
+                          },
+                          children: /* @__PURE__ */ o.jsx(
+                            da,
+                            {
+                              graph: R,
+                              graphDataConfiguration: g,
+                              graphData: Ca(
+                                j ? wa(
+                                  Q(p, F || []).filter(
+                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                    (l) => l[v] === a
+                                  ),
+                                  j.keyColumn,
+                                  j.aggregationColumnsSetting
+                                ) : Q(p, F || []).filter(
+                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                  (l) => l[v] === a
+                                ),
+                                R,
+                                g
+                              ) || [],
+                              debugMode: C,
+                              settings: {
+                                ...e || {},
+                                ...c,
+                                theme: e?.theme || U,
+                                width: void 0,
+                                height: void 0,
+                                relativeHeight: e?.relativeHeight || 0.67,
+                                minHeight: _,
+                                graphTitle: `${a}`,
+                                graphDescription: void 0,
+                                graphDownload: !1,
+                                dataDownload: !1,
+                                backgroundColor: void 0,
+                                padding: "0",
+                                footNote: void 0,
+                                sources: void 0,
+                                showColorScale: e?.showColorScale === !1 ? !1 : O === !1
+                              },
+                              readableHeader: aa || []
+                            }
+                          )
+                        },
+                        d
+                      ))
+                    }
+                  )
+                ] }) : /* @__PURE__ */ o.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ o.jsx(ca, {}) }),
+                e?.sources || e?.footNote ? /* @__PURE__ */ o.jsx(
+                  xa,
+                  {
+                    styles: {
+                      footnote: e?.styles?.footnote,
+                      source: e?.styles?.source
+                    },
+                    classNames: {
+                      footnote: e?.classNames?.footnote,
+                      source: e?.classNames?.source
+                    },
+                    sources: e?.sources,
+                    footNote: e?.footNote,
+                    width: e?.width
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Ua as GriddedGraphs
+};
+//# sourceMappingURL=GriddedGraphs.js.map

package/dist/GriddedGraphs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GriddedGraphs.js","sources":["../src/Components/Dashboard/GriddedGraphs.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { Label } from '@undp/design-system-react/Label';\r\n\r\nimport GraphEl from './GraphEl';\r\n\r\nimport {\r\n  AdvancedDataSelectionDataType,\r\n  AggregationSettingsDataType,\r\n  DataFilterDataType,\r\n  DataSelectionDataType,\r\n  DataSettingsDataType,\r\n  FilterSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphConfigurationDataType,\r\n  GraphSettingsDataType,\r\n  GraphType,\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 { Colors } from '@/Components/ColorPalette';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\nimport { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { ColorLegend } from '@/Components/Elements/ColorLegend';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\n\r\ninterface Props {\r\n  noOfColumns?: number;\r\n  columnGridBy: string;\r\n  graphSettings?: GraphSettingsDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  graphType: Exclude<GraphType, 'geoHubMap' | 'geoHubCompareMap' | 'geoHubMapWithLayerSelection'>;\r\n  dataTransform?: {\r\n    keyColumn: string;\r\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n  };\r\n  showCommonColorScale?: boolean;\r\n  dataFilters?: DataFilterDataType[];\r\n  graphDataConfiguration?: GraphConfigurationDataType[];\r\n  dataSelectionOptions?: DataSelectionDataType[];\r\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n  minGraphHeight?: number;\r\n  minGraphWidth?: number;\r\n  debugMode?: boolean;\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  uiMode?: 'light' | 'normal';\r\n  theme?: 'dark' | 'light';\r\n}\r\n\r\nexport function GriddedGraphs(props: Props) {\r\n  const {\r\n    graphSettings,\r\n    dataSettings,\r\n    filters,\r\n    graphType,\r\n    dataTransform,\r\n    graphDataConfiguration,\r\n    noOfColumns,\r\n    columnGridBy,\r\n    dataFilters,\r\n    showCommonColorScale,\r\n    minGraphHeight,\r\n    minGraphWidth,\r\n    debugMode,\r\n    dataSelectionOptions,\r\n    advancedDataSelectionOptions,\r\n    readableHeader,\r\n    noOfFiltersPerRow = 4,\r\n    uiMode = 'normal',\r\n    theme = 'light',\r\n  } = props;\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 [dataFromFile, setDataFromFile] = useState<any>(undefined);\r\n  const [gridOption, setGridOption] = useState<(string | number)[]>([]);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  const [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\r\n    graphDataConfiguration,\r\n  );\r\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\r\n  const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\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\r\n  const filteredData = useMemo(() => {\r\n    if (!dataFromFile || filterSettings.length === 0) return dataFromFile;\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const result = dataFromFile.filter((item: any) =>\r\n      filterSettings.every(filter =>\r\n        filter.value && flattenDeep([filter.value]).length > 0\r\n          ? intersection(\r\n              flattenDeep([item[filter.filter]]),\r\n              flattenDeep([filter.value]).map(el => el.value),\r\n            ).length > 0\r\n          : true,\r\n      ),\r\n    );\r\n    return result;\r\n  }, [filterSettings, dataFromFile]);\r\n  useEffect(() => {\r\n    setData(filteredData);\r\n  }, [filteredData]);\r\n\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                  dataSettings.columnsToArray,\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                    dataSettings.columnsToArray,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : fetchAndParseCSV(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.dataTransformation,\r\n                    dataSettings.columnsToArray,\r\n                    debugMode,\r\n                    dataSettings.delimiter,\r\n                    true,\r\n                  )\r\n            : fetchAndParseMultipleDataSources(dataSettings.dataURL, dataSettings.idColumnTitle)\r\n          : transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n\r\n        const d = await fetchData;\r\n        setDataFromFile(d);\r\n\r\n        const gridValue = getUniqValue(d, columnGridBy) as (string | number)[];\r\n        setGridOption(gridValue);\r\n        // Optimize filter settings generation\r\n        const newFilterSettings = (filters || []).map(el => ({\r\n          filter: el.column,\r\n          label: el.label || `Filter by ${el.column}`,\r\n          singleSelect: el.singleSelect,\r\n          clearable: el.clearable,\r\n          defaultValue: transformDefaultValue(el.defaultValue),\r\n          value: transformDefaultValue(el.defaultValue),\r\n          availableValues: getUniqValue(d, el.column)\r\n            .filter(v => !el.excludeValues?.includes(`${v}`))\r\n            .map(v => ({ value: v, label: v })),\r\n          allowSelectAll: el.allowSelectAll,\r\n          width: el.width,\r\n        }));\r\n\r\n        setFilterSettings(newFilterSettings);\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    }\r\n  }, [dataSettings, debugMode, columnGridBy, filters]);\r\n  useEffect(() => {\r\n    fetchDataHandler();\r\n  }, [fetchDataHandler]);\r\n  useEffect(() => {\r\n    setGraphConfig(graphDataConfiguration);\r\n  }, [graphDataConfiguration]);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const handleFilterChange = useCallback((filter: string, values: any) => {\r\n    setFilterSettings(prev => prev.map(f => (f.filter === filter ? { ...f, value: values } : f)));\r\n  }, []);\r\n  return (\r\n    <div\r\n      className={`${theme || graphSettings?.theme || 'light'} flex  ${\r\n        graphSettings?.width ? 'w-fit grow-0' : 'w-full grow'\r\n      }`}\r\n      dir={graphSettings?.language === 'he' || graphSettings?.language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={`${\r\n          !graphSettings?.backgroundColor\r\n            ? 'bg-transparent '\r\n            : graphSettings?.backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n              : ''\r\n        }ml-auto mr-auto flex flex-col grow h-inherit ${graphSettings?.language || 'en'}`}\r\n        style={{\r\n          ...(graphSettings?.backgroundColor && graphSettings?.backgroundColor !== true\r\n            ? { backgroundColor: graphSettings?.backgroundColor }\r\n            : {}),\r\n        }}\r\n        id={graphSettings?.graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          graphSettings?.ariaLabel ||\r\n          `${\r\n            graphSettings?.graphTitle ? `The graph shows ${graphSettings?.graphTitle}. ` : ''\r\n          }This is a gridded chart.${\r\n            graphSettings?.graphDescription ? ` ${graphSettings?.graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          style={{\r\n            padding: graphSettings?.backgroundColor\r\n              ? graphSettings?.padding || '1rem'\r\n              : graphSettings?.padding || 0,\r\n            flexGrow: 1,\r\n            display: 'flex',\r\n          }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {advancedGraphSettings?.graphTitle ||\r\n            advancedGraphSettings?.graphDescription ||\r\n            graphSettings?.graphTitle ||\r\n            graphSettings?.graphDescription ||\r\n            graphSettings?.graphDownload ||\r\n            graphSettings?.dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\r\n                  description:\r\n                    advancedGraphSettings?.styles?.description ||\r\n                    graphSettings?.styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title:\r\n                    advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\r\n                  description:\r\n                    advancedGraphSettings?.classNames?.description ||\r\n                    graphSettings?.classNames?.description,\r\n                }}\r\n                graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\r\n                graphDescription={\r\n                  advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\r\n                }\r\n                width={advancedGraphSettings?.width || graphSettings?.width}\r\n                graphDownload={graphSettings?.graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\r\n                }\r\n              />\r\n            ) : null}\r\n            {data && gridOption.length > 0 ? (\r\n              <>\r\n                {filterSettings.length !== 0 ||\r\n                (dataSelectionOptions || []).length !== 0 ||\r\n                (advancedDataSelectionOptions || []).length !== 0 ? (\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                    {advancedDataSelectionOptions?.map((d, i) => (\r\n                      <div\r\n                        style={{\r\n                          width:\r\n                            d.width ||\r\n                            `calc(${100 / noOfFiltersPerRow}% - ${\r\n                              (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                            }rem)`,\r\n                          flexGrow: 1,\r\n                          flexShrink: d.ui !== 'radio' ? 0 : 1,\r\n                          minWidth: '240px',\r\n                        }}\r\n                        key={i}\r\n                      >\r\n                        <Label className='mb-2'>{d.label || 'Graph by'}</Label>\r\n                        {d.ui !== 'radio' ? (\r\n                          <DropdownSelect\r\n                            options={d.options.map(opt => ({\r\n                              ...opt,\r\n                              value: opt.label,\r\n                            }))}\r\n                            isClearable={false}\r\n                            isSearchable\r\n                            variant={uiMode}\r\n                            controlShouldRenderValue\r\n                            defaultValue={\r\n                              d.defaultValue\r\n                                ? {\r\n                                    ...d.defaultValue,\r\n                                    value: d.defaultValue?.label,\r\n                                  }\r\n                                : {\r\n                                    ...d.options[0],\r\n                                    value: d.options[0].label,\r\n                                  }\r\n                            }\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            onChange={(el: any) => {\r\n                              setAdvancedGraphSettings(el?.graphSettings || {});\r\n                              setGraphConfig(el?.dataConfiguration);\r\n                            }}\r\n                          />\r\n                        ) : (\r\n                          <RadioGroup\r\n                            defaultValue={d.defaultValue?.label || d.options[0].label}\r\n                            variant={uiMode}\r\n                            onValueChange={el => {\r\n                              const selectedOption =\r\n                                d.options[d.options.findIndex(opt => opt.label === el)];\r\n                              setAdvancedGraphSettings(selectedOption.graphSettings || {});\r\n                              setGraphConfig(selectedOption.dataConfiguration);\r\n                            }}\r\n                          >\r\n                            {d.options.map((el, j) => (\r\n                              <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n                            ))}\r\n                          </RadioGroup>\r\n                        )}\r\n                      </div>\r\n                    ))}\r\n                    {dataSelectionOptions?.map((d, i) => (\r\n                      <div\r\n                        style={{\r\n                          width:\r\n                            d.width ||\r\n                            `calc(${100 / noOfFiltersPerRow}% - ${\r\n                              (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                            }rem)`,\r\n                          flexGrow: 1,\r\n                          flexShrink: d.ui !== 'radio' ? 0 : 1,\r\n                          minWidth: '240px',\r\n                        }}\r\n                        key={i}\r\n                      >\r\n                        <Label className='mb-2'>\r\n                          {d.label || `Visualize ${d.chartConfigId} by`}\r\n                        </Label>\r\n                        {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\r\n                          d.ui !== 'radio' ? (\r\n                            <DropdownSelect\r\n                              options={d.allowedColumnIds}\r\n                              isClearable={false}\r\n                              isSearchable\r\n                              variant={uiMode}\r\n                              defaultValue={\r\n                                graphDataConfiguration\r\n                                  ? d.allowedColumnIds[\r\n                                      d.allowedColumnIds.findIndex(\r\n                                        j =>\r\n                                          j.value ===\r\n                                          (graphDataConfiguration[\r\n                                            graphDataConfiguration.findIndex(\r\n                                              el => el.chartConfigId === d.chartConfigId,\r\n                                            )\r\n                                          ].columnId as string),\r\n                                      )\r\n                                    ]\r\n                                  : undefined\r\n                              }\r\n                              controlShouldRenderValue\r\n                              // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                              onChange={(el: any) => {\r\n                                const newGraphConfig = {\r\n                                  columnId: el?.value as string,\r\n                                  chartConfigId: d.chartConfigId,\r\n                                };\r\n                                const updatedConfig = graphConfig?.map(item =>\r\n                                  item.chartConfigId === newGraphConfig.chartConfigId\r\n                                    ? newGraphConfig\r\n                                    : item,\r\n                                );\r\n                                setAdvancedGraphSettings(el?.graphSettings || {});\r\n                                setGraphConfig(updatedConfig);\r\n                              }}\r\n                            />\r\n                          ) : (\r\n                            <RadioGroup\r\n                              variant={uiMode}\r\n                              defaultValue={\r\n                                graphDataConfiguration\r\n                                  ? d.allowedColumnIds[\r\n                                      d.allowedColumnIds.findIndex(\r\n                                        j =>\r\n                                          j.value ===\r\n                                          (graphDataConfiguration[\r\n                                            graphDataConfiguration.findIndex(\r\n                                              el => el.chartConfigId === d.chartConfigId,\r\n                                            )\r\n                                          ].columnId as string),\r\n                                      )\r\n                                    ].label\r\n                                  : ''\r\n                              }\r\n                              onValueChange={el => {\r\n                                const selectedOption =\r\n                                  d.allowedColumnIds[\r\n                                    d.allowedColumnIds.findIndex(opt => opt.label === el)\r\n                                  ];\r\n                                const newGraphConfig = {\r\n                                  columnId: selectedOption.value,\r\n                                  chartConfigId: d.chartConfigId,\r\n                                };\r\n                                const updatedConfig = graphConfig?.map(item =>\r\n                                  item.chartConfigId === newGraphConfig.chartConfigId\r\n                                    ? newGraphConfig\r\n                                    : item,\r\n                                );\r\n                                setAdvancedGraphSettings(selectedOption.graphSettings || {});\r\n                                setGraphConfig(updatedConfig);\r\n                              }}\r\n                            >\r\n                              {d.allowedColumnIds.map((el, j) => (\r\n                                <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n                              ))}\r\n                            </RadioGroup>\r\n                          )\r\n                        ) : d.ui !== 'radio' ? (\r\n                          <DropdownSelect\r\n                            options={d.allowedColumnIds}\r\n                            isMulti\r\n                            variant={uiMode}\r\n                            isSearchable\r\n                            controlShouldRenderValue\r\n                            defaultValue={\r\n                              graphDataConfiguration\r\n                                ? (\r\n                                    graphDataConfiguration[\r\n                                      graphDataConfiguration.findIndex(\r\n                                        el => el.chartConfigId === d.chartConfigId,\r\n                                      )\r\n                                    ].columnId as string[]\r\n                                  ).map(\r\n                                    el =>\r\n                                      d.allowedColumnIds[\r\n                                        d.allowedColumnIds.findIndex(j => j.value === el)\r\n                                      ],\r\n                                  )\r\n                                : undefined\r\n                            }\r\n                            filterOption={createFilter(filterConfig)}\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            onChange={(el: any) => {\r\n                              const newGraphConfig = {\r\n                                columnId: el.map(\r\n                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  (item: any) => item.value,\r\n                                ) as string[],\r\n                                chartConfigId: d.chartConfigId,\r\n                              };\r\n                              const updatedConfig = graphConfig?.map(item =>\r\n                                item.chartConfigId === newGraphConfig.chartConfigId\r\n                                  ? newGraphConfig\r\n                                  : item,\r\n                              );\r\n                              setGraphConfig(updatedConfig);\r\n                            }}\r\n                            isRtl={\r\n                              graphSettings?.language === 'ar' || graphSettings?.language === 'he'\r\n                            }\r\n                          />\r\n                        ) : (\r\n                          <CheckboxGroup\r\n                            variant={uiMode}\r\n                            defaultValue={\r\n                              graphDataConfiguration\r\n                                ? (\r\n                                    graphDataConfiguration[\r\n                                      graphDataConfiguration.findIndex(\r\n                                        el => el.chartConfigId === d.chartConfigId,\r\n                                      )\r\n                                    ].columnId as string[]\r\n                                  )\r\n                                    .map(\r\n                                      el =>\r\n                                        d.allowedColumnIds[\r\n                                          d.allowedColumnIds.findIndex(j => j.value === el)\r\n                                        ],\r\n                                    )\r\n                                    .map(el => el.value)\r\n                                : []\r\n                            }\r\n                            onValueChange={el => {\r\n                              const newGraphConfig = {\r\n                                columnId: el || [],\r\n                                chartConfigId: d.chartConfigId,\r\n                              };\r\n                              const updatedConfig = graphConfig?.map(item =>\r\n                                item.chartConfigId === newGraphConfig.chartConfigId\r\n                                  ? newGraphConfig\r\n                                  : item,\r\n                              );\r\n                              setGraphConfig(updatedConfig);\r\n                            }}\r\n                          >\r\n                            {d.allowedColumnIds.map((el, j) => (\r\n                              <CheckboxGroupItem label={el.label} value={el.label} key={j} />\r\n                            ))}\r\n                          </CheckboxGroup>\r\n                        )}\r\n                      </div>\r\n                    ))}\r\n                    {filterSettings?.map((d, i) => (\r\n                      <div\r\n                        style={{\r\n                          width:\r\n                            d.width ||\r\n                            `calc(${100 / noOfFiltersPerRow}% - ${\r\n                              (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                            }rem)`,\r\n                          flexGrow: 1,\r\n                          flexShrink: 0,\r\n                          flexWrap: 'wrap',\r\n                        }}\r\n                        key={i}\r\n                      >\r\n                        <Label className='mb-2'>{d.label}</Label>\r\n                        {d.singleSelect ? (\r\n                          <DropdownSelect\r\n                            variant={uiMode}\r\n                            options={d.availableValues}\r\n                            isClearable={d.clearable === undefined ? true : d.clearable}\r\n                            isRtl={\r\n                              graphSettings?.language === 'ar' || graphSettings?.language === 'he'\r\n                            }\r\n                            isSearchable\r\n                            controlShouldRenderValue\r\n                            filterOption={createFilter(filterConfig)}\r\n                            onChange={el => {\r\n                              handleFilterChange(d.filter, el);\r\n                            }}\r\n                            defaultValue={d.defaultValue}\r\n                          />\r\n                        ) : (\r\n                          <>\r\n                            <DropdownSelect\r\n                              variant={uiMode}\r\n                              options={d.availableValues}\r\n                              isMulti\r\n                              isClearable={d.clearable === undefined ? true : d.clearable}\r\n                              isSearchable\r\n                              controlShouldRenderValue\r\n                              filterOption={createFilter(filterConfig)}\r\n                              onChange={el => {\r\n                                handleFilterChange(d.filter, el);\r\n                              }}\r\n                              defaultValue={d.defaultValue}\r\n                              isRtl={\r\n                                graphSettings?.language === 'ar' || graphSettings?.language === 'he'\r\n                              }\r\n                            />\r\n                            {d.allowSelectAll ? (\r\n                              <button\r\n                                className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\r\n                                type='button'\r\n                                onClick={() => {\r\n                                  handleFilterChange(d.filter, d.availableValues);\r\n                                }}\r\n                              >\r\n                                Select all options\r\n                              </button>\r\n                            ) : null}\r\n                          </>\r\n                        )}\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                ) : null}\r\n                {showCommonColorScale !== false && graphSettings?.showColorScale !== false ? (\r\n                  <ColorLegend\r\n                    width={graphSettings?.width}\r\n                    colorLegendTitle={graphSettings?.colorLegendTitle}\r\n                    colors={\r\n                      (graphSettings?.colors as string[] | undefined) ||\r\n                      (graphSettings?.lineColors as string[] | undefined) ||\r\n                      Colors[(graphSettings?.theme as 'light' | 'dark' | undefined) || 'light']\r\n                        .categoricalColors.colors\r\n                    }\r\n                    colorDomain={graphSettings?.colorDomain || graphSettings?.labels || []}\r\n                    showNAColor={\r\n                      graphSettings?.showNAColor === undefined ||\r\n                      graphSettings?.showNAColor === null\r\n                        ? true\r\n                        : graphSettings?.showNAColor\r\n                    }\r\n                  />\r\n                ) : null}\r\n                <div\r\n                  style={{\r\n                    display: 'flex',\r\n                    flexWrap: 'wrap',\r\n                    gap: '1rem',\r\n                    flexDirection:\r\n                      graphSettings?.language === 'ar' || graphSettings?.language === 'he'\r\n                        ? 'row-reverse'\r\n                        : 'row',\r\n                    justifyContent: 'center',\r\n                  }}\r\n                >\r\n                  {gridOption.map((el, i) => (\r\n                    <div\r\n                      key={i}\r\n                      style={{\r\n                        width: `calc(${\r\n                          100 /\r\n                          (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\r\n                        }% - ${\r\n                          ((noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number)) -\r\n                            1) /\r\n                          (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\r\n                        }rem)`,\r\n                        minWidth: checkIfNullOrUndefined(minGraphWidth)\r\n                          ? '280px'\r\n                          : `${minGraphWidth}px`,\r\n                      }}\r\n                    >\r\n                      <GraphEl\r\n                        graph={graphType}\r\n                        graphDataConfiguration={graphConfig}\r\n                        graphData={\r\n                          transformDataForGraph(\r\n                            dataTransform\r\n                              ? transformDataForAggregation(\r\n                                  filterData(data, dataFilters || []).filter(\r\n                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                    (d: any) => d[columnGridBy] === el,\r\n                                  ),\r\n                                  dataTransform.keyColumn,\r\n                                  dataTransform.aggregationColumnsSetting,\r\n                                )\r\n                              : filterData(data, dataFilters || []).filter(\r\n                                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                                  (d: any) => d[columnGridBy] === el,\r\n                                ),\r\n                            graphType,\r\n                            graphConfig,\r\n                          ) || []\r\n                        }\r\n                        debugMode={debugMode}\r\n                        settings={{\r\n                          ...(graphSettings || {}),\r\n                          ...advancedGraphSettings,\r\n                          theme: graphSettings?.theme || theme,\r\n                          width: undefined,\r\n                          height: undefined,\r\n                          relativeHeight: graphSettings?.relativeHeight || 0.67,\r\n                          minHeight: minGraphHeight,\r\n                          graphTitle: `${el}`,\r\n                          graphDescription: undefined,\r\n                          graphDownload: false,\r\n                          dataDownload: false,\r\n                          backgroundColor: undefined,\r\n                          padding: '0',\r\n                          footNote: undefined,\r\n                          sources: undefined,\r\n                          showColorScale:\r\n                            graphSettings?.showColorScale === false\r\n                              ? false\r\n                              : showCommonColorScale === false,\r\n                        }}\r\n                        readableHeader={readableHeader || []}\r\n                      />\r\n                    </div>\r\n                  ))}\r\n                </div>\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            {graphSettings?.sources || graphSettings?.footNote ? (\r\n              <GraphFooter\r\n                styles={{\r\n                  footnote: graphSettings?.styles?.footnote,\r\n                  source: graphSettings?.styles?.source,\r\n                }}\r\n                classNames={{\r\n                  footnote: graphSettings?.classNames?.footnote,\r\n                  source: graphSettings?.classNames?.source,\r\n                }}\r\n                sources={graphSettings?.sources}\r\n                footNote={graphSettings?.footNote}\r\n                width={graphSettings?.width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["GriddedGraphs","props","graphSettings","dataSettings","filters","graphType","dataTransform","graphDataConfiguration","noOfColumns","columnGridBy","dataFilters","showCommonColorScale","minGraphHeight","minGraphWidth","debugMode","dataSelectionOptions","advancedDataSelectionOptions","readableHeader","noOfFiltersPerRow","uiMode","theme","data","setData","useState","dataFromFile","setDataFromFile","gridOption","setGridOption","graphParentDiv","useRef","graphConfig","setGraphConfig","filterSettings","setFilterSettings","advancedGraphSettings","setAdvancedGraphSettings","filterConfig","useMemo","filteredData","item","filter","flattenDeep","intersection","el","useEffect","fetchDataHandler","useCallback","fetchAndParseJSON","fetchAndTransformDataFromAPI","fetchAndParseCSV","fetchAndParseMultipleDataSources","transformColumnsToArray","gridValue","getUniqValue","newFilterSettings","transformDefaultValue","v","error","handleFilterChange","values","prev","f","jsx","jsxs","GraphHeader","Fragment","d","i","Label","DropdownSelect","opt","RadioGroup","selectedOption","j","RadioGroupItem","checkIfMultiple","createFilter","newGraphConfig","updatedConfig","CheckboxGroup","CheckboxGroupItem","ColorLegend","Colors","checkIfNullOrUndefined","GraphEl","transformDataForGraph","transformDataForAggregation","filterData","Spinner","GraphFooter"],"mappings":"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"}

package/dist/GriddedGraphsFromConfig.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CHPV5EwG-DDoeWRVt.cjs"),n=require("react"),s=require("./Spinner-DA6Z5E4n.cjs"),d=require("./GriddedGraphs.cjs"),c=require("./fetchAndParseData-DmgQtB9n.cjs");function f(i){const{config:t}=i,[e,r]=n.useState(void 0);return n.useEffect(()=>{(async()=>{if(typeof t=="string"){const o=await c.fetchAndParseJSON(t);r(o)}else r(t)})()},[t]),e?a.jsxRuntimeExports.jsx(d.GriddedGraphs,{noOfColumns:e.noOfColumns,columnGridBy:e.columnGridBy,graphSettings:e.graphSettings,dataSettings:e.dataSettings,filters:e.filters,graphType:e.graphType,minGraphHeight:e.minGraphHeight,minGraphWidth:e.minGraphWidth,dataTransform:e.dataTransform,graphDataConfiguration:e.graphDataConfiguration,dataFilters:e.dataFilters,showCommonColorScale:e.showCommonColorScale,debugMode:e.debugMode,dataSelectionOptions:e.dataSelectionOptions,advancedDataSelectionOptions:e.advancedDataSelectionOptions,readableHeader:e.readableHeader,noOfFiltersPerRow:e.noOfFiltersPerRow,theme:e.theme}):a.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:a.jsxRuntimeExports.jsx(s.y,{})})}exports.GriddedGraphsFromConfig=f;
+//# sourceMappingURL=GriddedGraphsFromConfig.cjs.map

package/dist/GriddedGraphsFromConfig.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GriddedGraphsFromConfig.cjs","sources":["../src/Components/Dashboard/GriddedGraphsFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { GriddedGraphs } from './GriddedGraphs';\r\n\r\nimport {\r\n  AdvancedDataSelectionDataType,\r\n  AggregationSettingsDataType,\r\n  DataFilterDataType,\r\n  DataSelectionDataType,\r\n  DataSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphConfigurationDataType,\r\n  GraphSettingsDataType,\r\n  GraphType,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  noOfColumns?: number;\r\n  columnGridBy: string;\r\n  graphSettings?: GraphSettingsDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  graphType: Exclude<GraphType, 'geoHubMap' | 'geoHubCompareMap' | 'geoHubMapWithLayerSelection'>;\r\n  dataTransform?: {\r\n    keyColumn: string;\r\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n  };\r\n  dataFilters?: DataFilterDataType[];\r\n  graphDataConfiguration?: GraphConfigurationDataType[];\r\n  showCommonColorScale?: boolean;\r\n  minGraphWidth?: number;\r\n  minGraphHeight?: number;\r\n  debugMode?: boolean;\r\n  dataSelectionOptions?: DataSelectionDataType[];\r\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  theme?: 'dark' | 'light';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function GriddedGraphsFromConfig(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\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    <GriddedGraphs\r\n      noOfColumns={configSettings.noOfColumns}\r\n      columnGridBy={configSettings.columnGridBy}\r\n      graphSettings={configSettings.graphSettings}\r\n      dataSettings={configSettings.dataSettings}\r\n      filters={configSettings.filters}\r\n      graphType={configSettings.graphType}\r\n      minGraphHeight={configSettings.minGraphHeight}\r\n      minGraphWidth={configSettings.minGraphWidth}\r\n      dataTransform={configSettings.dataTransform}\r\n      graphDataConfiguration={configSettings.graphDataConfiguration}\r\n      dataFilters={configSettings.dataFilters}\r\n      showCommonColorScale={configSettings.showCommonColorScale}\r\n      debugMode={configSettings.debugMode}\r\n      dataSelectionOptions={configSettings.dataSelectionOptions}\r\n      advancedDataSelectionOptions={configSettings.advancedDataSelectionOptions}\r\n      readableHeader={configSettings.readableHeader}\r\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\r\n      theme={configSettings.theme}\r\n    />\r\n  );\r\n}\r\n"],"names":["GriddedGraphsFromConfig","props","config","configSettings","setConfigSettings","useState","useEffect","data","fetchAndParseJSON","jsx","GriddedGraphs","Spinner"],"mappings":"uQAiDO,SAASA,EAAwBC,EAAc,CACpD,KAAM,CAAE,OAAAC,GAAWD,EACb,CAACE,EAAgBC,CAAiB,EAAIC,EAAAA,SAAmC,MAAS,EAaxF,OAZAC,EAAAA,UAAU,IAAM,EACI,SAAY,CAC5B,GAAI,OAAOJ,GAAW,SAAU,CAC9B,MAAMK,EAAO,MAAMC,EAAAA,kBAAkBN,CAAM,EAC3CE,EAAkBG,CAAI,CACxB,MACEH,EAAkBF,CAAM,CAE5B,GACA,CACF,EAAG,CAACA,CAAM,CAAC,EAENC,EAOHM,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,YAAaP,EAAe,YAC5B,aAAcA,EAAe,aAC7B,cAAeA,EAAe,cAC9B,aAAcA,EAAe,aAC7B,QAASA,EAAe,QACxB,UAAWA,EAAe,UAC1B,eAAgBA,EAAe,eAC/B,cAAeA,EAAe,cAC9B,cAAeA,EAAe,cAC9B,uBAAwBA,EAAe,uBACvC,YAAaA,EAAe,YAC5B,qBAAsBA,EAAe,qBACrC,UAAWA,EAAe,UAC1B,qBAAsBA,EAAe,qBACrC,6BAA8BA,EAAe,6BAC7C,eAAgBA,EAAe,eAC/B,kBAAmBA,EAAe,kBAClC,MAAOA,EAAe,KAAA,CAAA,0BAvBrB,MAAA,CAAI,UAAU,iCACb,SAAAM,wBAACE,EAAAA,IAAQ,EACX,CAwBN"}