@undp/data-viz 2.0.8 → 2.1.0

package/dist/PerformanceIntensiveMultiGraphDashboard.js

@@ -1,164 +1,168 @@
 import { j as s } from "./index-CHPV5EwG-Curnpaqc.js";
-import { useState as S, useEffectEvent as M, useEffect as y } from "react";
+import { useState as y, useEffectEvent as $, useEffect as S } from "react";
 import { i as I } from "./index-BuwmuDFJ.js";
 import { f as D } from "./index-EArKRVKg.js";
 import { j as H, D as G } from "./DropdownSelect-BbdPQa2k.js";
-import { b as q } from "./checkIfMultiple-Y9iKaV_u.js";
-import { SingleGraphDashboard as J } from "./SingleGraphDashboard.js";
-import { SingleGraphDashboardThreeDGraphs as B } from "./SingleGraphDashboardThreeDGraphs.js";
-import { SingleGraphDashboardGeoHubMaps as K } from "./SingleGraphDashboardGeoHubMaps.js";
-import { f as Q, a as X, b as Y, c as Z, t as _ } from "./fetchAndParseData-BpqkBPQL.js";
-import { g as aa } from "./getUniqValue-BKHCm3zE.js";
-import { GraphHeader as ea } from "./GraphHeader.js";
-import { f as k } from "./filterData-DsAiFzKY.js";
-import { t as R } from "./transformDataForSelect-D8AuvYdf.js";
-import { G as ta } from "./GraphContainer-CRqzdKu2.js";
-const T = (f) => f.map((t) => t.columnWidth || 1).reduce((t, h) => t + h, 0), ia = ["barChart", "choroplethMap", "biVariateChoroplethMap", "circlePacking", "treeMap"];
-function xa(f) {
+import { b as q, y as J, h as B, $ as K, P as Q } from "./checkIfMultiple-CIRtG0KE.js";
+import { SingleGraphDashboard as X } from "./SingleGraphDashboard.js";
+import { SingleGraphDashboardThreeDGraphs as Y } from "./SingleGraphDashboardThreeDGraphs.js";
+import { SingleGraphDashboardGeoHubMaps as Z } from "./SingleGraphDashboardGeoHubMaps.js";
+import { f as _, a as aa, b as ea, c as ta, t as ia } from "./fetchAndParseData-BpqkBPQL.js";
+import { g as sa } from "./getUniqValue-DsqSii6M.js";
+import { GraphHeader as ra } from "./GraphHeader.js";
+import { f as M } from "./filterData-DsAiFzKY.js";
+import { t as k } from "./transformDataForSelect-D8AuvYdf.js";
+import { G as la } from "./GraphContainer-CRqzdKu2.js";
+const T = (f) => f.map((t) => t.columnWidth || 1).reduce((t, p) => t + p, 0), na = ["barChart", "choroplethMap", "biVariateChoroplethMap", "circlePacking", "treeMap"];
+function Ta(f) {
   const {
     dashboardID: w,
-    dashboardLayout: r,
+    dashboardLayout: l,
     dataSettings: t,
-    filters: h,
-    debugMode: l,
+    filters: p,
+    debugMode: o,
     theme: g = "light",
     readableHeader: C,
-    dataFilters: F,
-    noOfFiltersPerRow: b = 4,
+    dataFilters: V,
+    noOfFiltersPerRow: v = 4,
     filterPosition: j,
-    uiMode: d = "normal",
-    graphStyles: v,
+    uiMode: u = "normal",
+    graphStyles: b,
     graphClassNames: x
-  } = f, [p, O] = S(void 0), [u, W] = S(void 0), [n, V] = S([]), z = ["threeDGlobe"], L = ["geoHubCompareMap", "geoHubMap", "geoHubMapWithLayerSelection"], N = {
+  } = f, [m, F] = y(void 0), [h, R] = y(void 0), [n, O] = y([]), P = ["threeDGlobe"], W = ["geoHubCompareMap", "geoHubMap", "geoHubMapWithLayerSelection"], N = {
     ignoreCase: !0,
     ignoreAccents: !0,
     trim: !0
-  }, A = M(() => {
-    const e = (h || []).map((i) => ({
+  }, A = $(() => {
+    const e = (p || []).map((i) => ({
       filter: i.column,
       label: i.label || `Filter by ${i.column}`,
       singleSelect: i.singleSelect,
       clearable: i.clearable,
-      defaultValue: R(i.defaultValue),
-      value: R(i.defaultValue),
-      availableValues: aa(u, i.column).filter((a) => !i.excludeValues?.includes(`${a}`)).map((a) => ({
+      defaultValue: k(i.defaultValue),
+      value: k(i.defaultValue),
+      availableValues: sa(h, i.column).filter((a) => !i.excludeValues?.includes(`${a}`)).map((a) => ({
         value: a,
         label: a
       })),
       allowSelectAll: i.allowSelectAll,
       width: i.width
     }));
-    V(e);
-  }), P = M(() => {
-    if (!u || n.length === 0) O(u);
+    O(e);
+  }), L = $(() => {
+    if (!h || n.length === 0) F(h);
     else {
-      const e = u.filter((i) => n.every((a) => a.value && D([a.value]).length > 0 ? I(D([i[a.filter]]), D([a.value]).map((o) => o.value)).length > 0 : !0));
-      O(e);
+      const e = h.filter((i) => n.every((a) => a.value && D([a.value]).length > 0 ? I(D([i[a.filter]]), D([a.value]).map((r) => r.value)).length > 0 : !0));
+      F(e);
     }
   });
-  y(() => {
-    P();
-  }, [n, u]), y(() => {
+  S(() => {
+    L();
+  }, [n, h]), S(() => {
     (async () => {
       try {
-        const i = t.dataURL ? typeof t.dataURL == "string" ? t.fileType === "json" ? await Q(t.dataURL, t.columnsToArray, t.dataTransformation, l) : t.fileType === "api" ? await X(t.dataURL, t.apiHeaders, t.columnsToArray, t.dataTransformation, l) : await Y(t.dataURL, t.dataTransformation, t.columnsToArray, l, t.delimiter, !0) : await Z(t.dataURL, t.idColumnTitle) : await _(t.data, t.columnsToArray);
-        W(i);
+        const i = t.dataURL ? typeof t.dataURL == "string" ? t.fileType === "json" ? await _(t.dataURL, t.columnsToArray, t.dataTransformation, o) : t.fileType === "api" ? await aa(t.dataURL, t.apiHeaders, t.columnsToArray, t.dataTransformation, o) : await ea(t.dataURL, t.dataTransformation, t.columnsToArray, o, t.delimiter, !0) : await ta(t.dataURL, t.idColumnTitle) : await ia(t.data, t.columnsToArray);
+        R(i);
       } catch (i) {
         console.error("Data fetching error:", i);
       }
     })(), A();
-  }, [t, l]), y(() => {
+  }, [t, o]), S(() => {
     A();
-  }, [h]);
-  const m = (e, i) => {
-    V((a) => a.map((o) => o.filter === e ? {
-      ...o,
+  }, [p, h]);
+  const d = (e, i) => {
+    O((a) => a.map((r) => r.filter === e ? {
+      ...r,
       value: i
-    } : o));
+    } : r));
   };
-  return /* @__PURE__ */ s.jsxs(ta, { id: w, "aria-label": "This is a dashboard", backgroundColor: r.backgroundColor ?? !1, theme: g || "light", language: r.language || "en", padding: r.padding, children: [
-    r.title || r.description ? /* @__PURE__ */ s.jsx(ea, { graphTitle: r.title, graphDescription: r.description, isDashboard: !0 }) : null,
+  return /* @__PURE__ */ s.jsxs(la, { id: w, "aria-label": "This is a dashboard", backgroundColor: l.backgroundColor ?? !1, theme: g || "light", language: l.language || "en", padding: l.padding, children: [
+    l.title || l.description ? /* @__PURE__ */ s.jsx(ra, { graphTitle: l.title, graphDescription: l.description, isDashboard: !0 }) : null,
     /* @__PURE__ */ s.jsxs("div", { className: "flex gap-4 flex-wrap", children: [
       n.length !== 0 ? /* @__PURE__ */ s.jsx("div", { className: "flex-grow flex-shrink-0", style: {
         width: j === "side" ? "280px" : "100%"
       }, children: /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap items-start gap-4 w-full sticky top-4", children: n?.map((e, i) => /* @__PURE__ */ s.jsxs("div", { style: {
-        width: e.width || `calc(${100 / b}% - ${(b - 1) / b}rem)`,
-        flexGrow: 1,
-        flexShrink: 0,
+        width: e.width || `calc(${100 / v}% - ${(v - 1) / v}rem)`,
+        flexGrow: e.width ? 0 : 1,
+        flexShrink: e.ui !== "radio" || e.width ? 0 : 1,
         minWidth: "240px"
       }, children: [
         /* @__PURE__ */ s.jsx(q, { className: "mb-2", children: e.label }),
-        e.singleSelect ? /* @__PURE__ */ s.jsx(H, { options: e.availableValues, isClearable: e.clearable === void 0 ? !0 : e.clearable, size: "sm", variant: d, isMulti: !1, isSearchable: !0, filterOption: G(N), onChange: (a) => {
-          m(e.filter, a);
-        }, defaultValue: e.defaultValue, value: e.value }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          /* @__PURE__ */ s.jsx(H, { options: e.availableValues, isMulti: !0, size: "sm", isClearable: e.clearable === void 0 ? !0 : e.clearable, variant: d, isSearchable: !0, controlShouldRenderValue: !0, closeMenuOnSelect: !1, hideSelectedOptions: !1, filterOption: G(N), onChange: (a) => {
-            m(e.filter, a);
-          }, value: e.value, defaultValue: e.defaultValue }),
+        e.singleSelect ? e.ui !== "radio" ? /* @__PURE__ */ s.jsx(H, { options: e.availableValues, variant: u, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: G(N), onChange: (a) => {
+          d(e.filter, a);
+        }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ s.jsx(J, { variant: u, defaultValue: e.defaultValue.value, onValueChange: (a) => {
+          d(e.filter, e.availableValues.filter((r) => r.value === a));
+        }, children: e.availableValues.map((a, r) => /* @__PURE__ */ s.jsx(B, { label: `${a.label}`, value: `${a.value}` }, r)) }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+          e.ui !== "radio" ? /* @__PURE__ */ s.jsx(H, { options: e.availableValues, variant: u, size: "sm", isMulti: !0, isClearable: e.clearable === void 0 ? !0 : e.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: G(N), onChange: (a) => {
+            d(e.filter, a);
+          }, value: e.value, defaultValue: e.defaultValue }) : /* @__PURE__ */ s.jsx(K, { variant: u, defaultValue: e.defaultValue ? e.defaultValue.map((a) => `${a.value}`) : [], value: e.value ? e.value.map((a) => `${a.value}`) : void 0, onValueChange: (a) => {
+            d(e.filter, e.availableValues.filter((r) => a.indexOf(`${r.value}`) !== -1));
+          }, children: e.availableValues.map((a, r) => /* @__PURE__ */ s.jsx(Q, { label: `${a.label}`, value: `${a.value}` }, r)) }),
           e.allowSelectAll ? /* @__PURE__ */ s.jsx("button", { type: "button", className: "bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400", onClick: () => {
-            m(e.filter, e.availableValues);
+            d(e.filter, e.availableValues);
           }, children: "Select all options" }) : null
         ] })
       ] }, i)) }) }) : null,
       /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap gap-4 flex-grow flex-shrink-0 min-w-[280px]", style: {
         width: j === "side" ? "calc(100% - 280px - 1rem)" : "100%"
-      }, children: r.rows.map((e, i) => /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap items-stretch gap-4 w-full h-auto", style: {
+      }, children: l.rows.map((e, i) => /* @__PURE__ */ s.jsx("div", { className: "flex flex-wrap items-stretch gap-4 w-full h-auto", style: {
         minHeight: `${e.height || 0}px`
-      }, children: e.columns.map((a, o) => /* @__PURE__ */ s.jsx("div", { className: "flex bg-transparent grow min-w-60", style: {
+      }, children: e.columns.map((a, r) => /* @__PURE__ */ s.jsx("div", { className: "flex bg-transparent grow min-w-60", style: {
         width: `calc(${100 * (a.columnWidth || 1) / T(e.columns)}% - ${(T(e.columns) - (a.columnWidth || 1)) / T(e.columns)}rem)`,
         minHeight: "inherit"
-      }, children: z.includes(a.graphType) ? /* @__PURE__ */ s.jsx(B, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: d, graphSettings: {
+      }, children: P.includes(a.graphType) ? /* @__PURE__ */ s.jsx(Y, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: u, graphSettings: {
         ...a.settings || {},
         width: void 0,
         height: void 0,
         minHeight: void 0,
         relativeHeight: void 0,
         resetSelectionOnDoubleClick: a.attachedFilter ? !1 : a.settings?.resetSelectionOnDoubleClick,
-        styles: a.settings?.styles || v,
+        styles: a.settings?.styles || b,
         classNames: a.settings?.classNames || x,
         radius: a.graphType === "donutChart" ? void 0 : a.settings?.radius,
         size: a.graphType === "unitChart" ? a.settings?.size : void 0,
-        language: a.settings?.language || r.language,
+        language: a.settings?.language || l.language,
         theme: a.settings?.theme || g
       }, dataSettings: {
-        data: p ? k(p, F || []) : void 0
-      }, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: l, readableHeader: C || [] }) : L.includes(a.graphType) ? /* @__PURE__ */ s.jsx(K, { graphType: a.graphType, uiMode: d, graphSettings: {
+        data: m ? M(m, V || []) : void 0
+      }, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: o, readableHeader: C || [] }) : W.includes(a.graphType) ? /* @__PURE__ */ s.jsx(Z, { graphType: a.graphType, uiMode: u, graphSettings: {
         ...a.settings || {},
         width: void 0,
         height: void 0,
         resetSelectionOnDoubleClick: a.attachedFilter ? !1 : a.settings?.resetSelectionOnDoubleClick,
-        styles: a.settings?.styles || v,
+        styles: a.settings?.styles || b,
         classNames: a.settings?.classNames || x,
         radius: a.graphType === "donutChart" ? void 0 : a.settings?.radius,
         size: a.graphType === "unitChart" ? a.settings?.size : void 0,
-        language: a.settings?.language || r.language,
+        language: a.settings?.language || l.language,
         theme: a.settings?.theme || g
-      }, debugMode: l }) : /* @__PURE__ */ s.jsx(J, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: d, graphSettings: {
+      }, debugMode: o }) : /* @__PURE__ */ s.jsx(X, { graphType: a.graphType, dataFilters: a.dataFilters, uiMode: u, graphSettings: {
         ...a.settings || {},
         width: void 0,
         height: void 0,
         resetSelectionOnDoubleClick: a.attachedFilter ? !1 : a.settings?.resetSelectionOnDoubleClick,
-        styles: a.settings?.styles || v,
+        styles: a.settings?.styles || b,
         classNames: a.settings?.classNames || x,
         radius: a.graphType === "donutChart" ? void 0 : a.settings?.radius,
         size: a.graphType === "unitChart" ? a.settings?.size : void 0,
-        language: a.settings?.language || r.language,
+        language: a.settings?.language || l.language,
         theme: a.settings?.theme || g
       }, dataSettings: {
-        data: p ? k(p, F || []) : void 0
-      }, updateFilters: a.attachedFilter && ia.indexOf(a.graphType) !== -1 && n.findIndex((c) => c.filter === a.attachedFilter) !== -1 ? (c) => {
-        const U = n.findIndex((E) => E.filter === a.attachedFilter), $ = c ? n[U].singleSelect ? {
+        data: m ? M(m, V || []) : void 0
+      }, updateFilters: a.attachedFilter && na.indexOf(a.graphType) !== -1 && n.findIndex((c) => c.filter === a.attachedFilter) !== -1 ? (c) => {
+        const z = n.findIndex((E) => E.filter === a.attachedFilter), U = c ? n[z].singleSelect ? {
           value: c,
           label: c
         } : [{
           value: c,
           label: c
         }] : void 0;
-        m(a.attachedFilter, $);
-      } : void 0, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: l, readableHeader: C || [] }) }, o)) }, i)) })
+        d(a.attachedFilter, U);
+      } : void 0, dataTransform: a.dataTransform, dataSelectionOptions: a.dataSelectionOptions, advancedDataSelectionOptions: a.advancedDataSelectionOptions, graphDataConfiguration: a.graphDataConfiguration, debugMode: o, readableHeader: C || [] }) }, r)) }, i)) })
     ] })
   ] });
 }
 export {
-  xa as PerformanceIntensiveMultiGraphDashboard
+  Ta as PerformanceIntensiveMultiGraphDashboard
 };
 //# sourceMappingURL=PerformanceIntensiveMultiGraphDashboard.js.map

package/dist/PerformanceIntensiveMultiGraphDashboard.js.map

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

package/dist/PerformanceIntensiveMultiGraphDashboardFromConfig.d.ts

@@ -95,6 +95,7 @@ declare interface ClassNameObject {
     regLine?: string;
     dataCards?: string;
     colorLegend?: string;
+    modal?: string;
 }
 
 declare interface ColumnConfigurationDataType {
@@ -233,6 +234,7 @@ declare type FilterUiSettingsDataType = {
     excludeValues?: string[];
     allowSelectAll?: boolean;
     width?: string;
+    ui?: 'select' | 'radio';
 };
 
 declare interface FogDataType {
@@ -622,6 +624,7 @@ declare interface StyleObject {
     mouseOverLine?: React.CSSProperties;
     regLine?: React.CSSProperties;
     dataCards?: React.CSSProperties;
+    modal?: React.CSSProperties;
 }
 
 declare type ThreeDGraphType = 'threeDGlobe';

package/dist/PerformanceIntensiveScrollStory.d.ts

@@ -68,6 +68,7 @@ declare interface ClassNameObject {
     regLine?: string;
     dataCards?: string;
     colorLegend?: string;
+    modal?: string;
 }
 
 declare interface ColumnConfigurationDataType {
@@ -545,6 +546,7 @@ declare interface StyleObject {
     mouseOverLine?: React.CSSProperties;
     regLine?: React.CSSProperties;
     dataCards?: React.CSSProperties;
+    modal?: React.CSSProperties;
 }
 
 declare type ThreeDGraphType = 'threeDGlobe';

package/dist/RadarChart.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-CTPQjnHt.cjs"),I=require("react"),Ut=require("./index-DQA8q5sC.cjs"),Wt=require("./Modal-JW_IExO3.cjs"),Bt=require("./Tooltip-4dJo4_AF.cjs"),S=require("./Colors.cjs"),Pt=require("./numberFormattingFunction-02t-wJta.cjs"),Xt=require("./string2HTML-CPGr_I5E.cjs"),z=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),St=require("./linear-BwPAspcq.cjs"),Vt=require("./line-DHV4JwCR.cjs"),Yt=require("./use-in-view-QcfiW0w3.cjs"),bt=require("./proxy-BxvUI_9l.cjs"),zt=require("./index-DG2bgAva.cjs"),Jt=require("./GraphFooter.cjs"),Kt=require("./GraphHeader.cjs"),Qt=require("./EmptyState-sAEZ_5rU.cjs"),Zt=require("./ColorLegendWithMouseOver.cjs"),Nt=require("./uniqBy-O05lp2S5.cjs"),At=require("./GraphContainer-d8A46BK2.cjs");var te=qt(Vt.curveLinear);function Lt(e){this._curve=e}Lt.prototype={areaStart:function(){this._curve.areaStart()},areaEnd:function(){this._curve.areaEnd()},lineStart:function(){this._curve.lineStart()},lineEnd:function(){this._curve.lineEnd()},point:function(e,t){this._curve.point(t*Math.sin(e),t*-Math.cos(e))}};function qt(e){function t(o){return new Lt(e(o))}return t._curve=e,t}function ee(e){var t=e.curve;return e.angle=e.x,delete e.x,e.radius=e.y,delete e.y,e.curve=function(o){return arguments.length?t(qt(o)):t()._curve},e}function ie(){return ee(Vt.line().curve(te))}function wt(){}function Ot(e,t,o){e._context.bezierCurveTo(e._x1+e._k*(e._x2-e._x0),e._y1+e._k*(e._y2-e._y0),e._x2+e._k*(e._x1-t),e._y2+e._k*(e._y1-o),e._x2,e._y2)}function Tt(e,t){this._context=e,this._k=(1-t)/6}Tt.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._x2=this._y0=this._y1=this._y2=NaN,this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x2,this._y2);break;case 3:Ot(this,this._x1,this._y1);break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2,this._x1=e,this._y1=t;break;case 2:this._point=3;default:Ot(this,e,t);break}this._x0=this._x1,this._x1=this._x2,this._x2=e,this._y0=this._y1,this._y1=this._y2,this._y2=t}};(function e(t){function o(l){return new Tt(l,t)}return o.tension=function(l){return e(+l)},o})(0);function Dt(e,t){this._context=e,this._k=(1-t)/6}Dt.prototype={areaStart:wt,areaEnd:wt,lineStart:function(){this._x0=this._x1=this._x2=this._x3=this._x4=this._x5=this._y0=this._y1=this._y2=this._y3=this._y4=this._y5=NaN,this._point=0},lineEnd:function(){switch(this._point){case 1:{this._context.moveTo(this._x3,this._y3),this._context.closePath();break}case 2:{this._context.lineTo(this._x3,this._y3),this._context.closePath();break}case 3:{this.point(this._x3,this._y3),this.point(this._x4,this._y4),this.point(this._x5,this._y5);break}}},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._x3=e,this._y3=t;break;case 1:this._point=2,this._context.moveTo(this._x4=e,this._y4=t);break;case 2:this._point=3,this._x5=e,this._y5=t;break;default:Ot(this,e,t);break}this._x0=this._x1,this._x1=this._x2,this._x2=e,this._y0=this._y1,this._y1=this._y2,this._y2=t}};const ne=(function e(t){function o(l){return new Dt(l,t)}return o.tension=function(l){return e(+l)},o})(0);function Ft(e){this._context=e}Ft.prototype={areaStart:wt,areaEnd:wt,lineStart:function(){this._point=0},lineEnd:function(){this._point&&this._context.closePath()},point:function(e,t){e=+e,t=+t,this._point?this._context.lineTo(e,t):(this._point=1,this._context.moveTo(e,t))}};function oe(e){return new Ft(e)}function se(e){const t=n.compilerRuntimeExports.c(105),{data:o,radius:l,lineColors:r,tooltip:U,onSeriesMouseOver:W,onSeriesMouseClick:p,colorDomain:g,detailsOnClick:y,styles:c,classNames:u,selectedColor:N,axisLabels:J,strokeWidth:K,showValues:mt,showDots:ft,rightMargin:Q,topMargin:Z,bottomMargin:B,leftMargin:X,curveType:jt,noOfTicks:dt,minValue:E,maxValue:A,resetSelectionOnDoubleClick:V,fillShape:tt,highlightedLines:L,animate:h,dimmedOpacity:_,precision:et,customLayers:C}=e,kt=I.useRef(null);let v;t[0]!==h.amount||t[1]!==h.once?(v={once:h.once,amount:h.amount},t[0]=h.amount,t[1]=h.once,t[2]=v):v=t[2];const f=Yt.useInView(kt,v),gt=jt==="linear"?oe:ne;let it;t[3]!==B||t[4]!==X||t[5]!==Q||t[6]!==Z?(it={top:Z,bottom:B,left:X,right:Q},t[3]=B,t[4]=X,t[5]=Q,t[6]=Z,t[7]=it):it=t[7];const q=it,b=Math.min((2*l-X-Q)/2,(2*l-Z-B)/2),[M,yt]=I.useState(void 0),[j,_t]=I.useState(void 0),[nt,Mt]=I.useState(void 0),[Y,vt]=I.useState(void 0);let T,D,w,F,$,G,R,O,s,P,ot,H,st,rt;if(t[8]!==h.duration||t[9]!==J||t[10]!==u?.graphObjectValues||t[11]!==u?.xAxis?.axis||t[12]!==u?.xAxis?.gridLines||t[13]!==u?.xAxis?.labels||t[14]!==g||t[15]!==gt||t[16]!==C||t[17]!==o||t[18]!==y||t[19]!==_||t[20]!==tt||t[21]!==L||t[22]!==f||t[23]!==r||t[24]!==q.left||t[25]!==q.top||t[26]!==A||t[27]!==E||t[28]!==j||t[29]!==M||t[30]!==dt||t[31]!==p||t[32]!==W||t[33]!==et||t[34]!==l||t[35]!==b||t[36]!==V||t[37]!==N||t[38]!==ft||t[39]!==mt||t[40]!==K||t[41]!==c?.graphObjectValues||t[42]!==c?.xAxis?.axis||t[43]!==c?.xAxis?.gridLines||t[44]!==c?.xAxis?.labels){const a=St.linear().domain([0,o[0].values.length]).range([0,2*Math.PI]);let Ct;t[59]!==o||t[60]!==A?(Ct=z.checkIfNullOrUndefined(A)?Math.max(...o.map(je))<0?0:Math.max(...o.map(ve)):A,t[59]=o,t[60]=A,t[61]=Ct):Ct=t[61];const $t=Ct;let Rt;t[62]!==o||t[63]!==E?(Rt=z.checkIfNullOrUndefined(E)?Math.min(...o.map(_e))>=0?0:Math.min(...o.map(ge)):E,t[62]=o,t[63]=E,t[64]=Rt):Rt=t[64];const Gt=Rt,k=St.linear().domain([Gt,$t]).range([0,b]).nice(),Ht=k.ticks(dt),It=ie().radius(i=>k(i)).angle((i,x)=>a(x)).curve(gt);D=bt.motion.svg,st=`${l*2}px`,rt=`${l*2}px`,w=`0 0 ${l*2} ${l*2}`,F="ltr",$=kt,G="mx-auto",ot=`translate(${q.left},${q.top})`,t[65]!==C?(H=C.filter(de).map(fe),t[65]=C,t[66]=H):H=t[66],O=`translate(${b},${b})`,s=J.map((i,x)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("line",{x1:0,y1:0,x2:Math.cos(a(x)-Math.PI/2)*b,y2:Math.sin(a(x)-Math.PI/2)*b,className:n.mo("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",u?.xAxis?.axis),style:c?.xAxis?.axis},x),n.jsxRuntimeExports.jsx("text",{x:Math.cos(a(x)-Math.PI/2)*(b+6),y:Math.sin(a(x)-Math.PI/2)*(b+6),style:{textAnchor:Math.cos(a(x)-Math.PI/2)<0?"end":Math.cos(a(x)-Math.PI/2)<1e-5?"middle":"start",...c?.xAxis?.labels||""},dy:Math.sin(a(x)-Math.PI/2)<0?0:Math.sin(a(x)-Math.PI/2)<1e-5?5:10,className:n.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",u?.xAxis?.labels),children:i})]},x)),P=Ht.map((i,x)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("path",{d:It(Array(J.length).fill(i))||"",className:n.mo("stroke-primary-gray-500 dark:stroke-primary-gray-550",u?.xAxis?.gridLines),style:{...c?.xAxis?.gridLines,fill:"none"}}),n.jsxRuntimeExports.jsx("foreignObject",{x:-25,y:Math.sin(-Math.PI/2)*k(i)>-1e-4?Math.sin(-Math.PI/2)*k(i)-7:Math.sin(-Math.PI/2)*k(i)-5,width:50,height:12,children:n.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:n.jsxRuntimeExports.jsx("p",{className:n.mo("fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700",u?.xAxis?.labels),style:c?.xAxis?.labels,children:Pt.numberFormattingFunction(i,"NA",et)})})})]},x)),T=zt.AnimatePresence,R=o.map((i,x)=>n.jsxRuntimeExports.jsxs(bt.motion.g,{variants:{initial:{opacity:M?i.label===M.label?1:_:N?i.color&&r[g.indexOf(i.color)]===N?1:_:L.length!==0?i.label&&L.indexOf(i.label)!==-1?1:.3:1},whileInView:{opacity:M?i.label===M.label?1:_:N?i.color&&r[g.indexOf(i.color)]===N?1:_:L.length!==0?i.label&&L.indexOf(i.label)!==-1?1:_:1,transition:{duration:h.duration}}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},onMouseEnter:m=>{yt(i),vt(m.clientY),Mt(m.clientX),W?.(i)},onMouseMove:m=>{yt(i),vt(m.clientY),Mt(m.clientX)},onMouseLeave:()=>{yt(void 0),Mt(void 0),vt(void 0),W?.(void 0)},onClick:()=>{(p||y)&&(Ut.isEqual(j,i)&&V?(_t(void 0),p?.(void 0)):(_t(i),p?.(i)))},children:[n.jsxRuntimeExports.jsx(bt.motion.path,{d:It(i.values)||"",variants:{initial:{d:It(i.values.map(me))||"",stroke:o.filter(pe).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray,fill:tt?o.filter(xe).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray:"none",strokeWidth:K},whileInView:{d:It(i.values)||"",transition:{duration:h.duration},stroke:o.filter(he).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray,fill:tt?o.filter(ue).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray:"none",strokeWidth:K}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},style:{fillOpacity:.1}}),n.jsxRuntimeExports.jsx("g",{children:i.values.map((m,d)=>n.jsxRuntimeExports.jsx("g",{children:z.checkIfNullOrUndefined(m)?null:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[ft?n.jsxRuntimeExports.jsx(bt.motion.circle,{r:4,variants:{initial:{cx:0,cy:0,opacity:0,fill:o.filter(ce).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray},whileInView:{cx:Math.cos(a(d)-Math.PI/2)*k(m),cy:Math.sin(a(d)-Math.PI/2)*k(m),opacity:1,transition:{duration:h.duration},fill:o.filter(le).length===0?r[0]:i.color?r[g.indexOf(i.color)]:S.Colors.gray}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}}}):null,mt?n.jsxRuntimeExports.jsx(bt.motion.text,{style:{...c?.graphObjectValues||{}},dy:Math.sin(a(d)-Math.PI/2)<0?10:(Math.sin(a(d)-Math.PI/2)<1e-5,0),className:n.mo("graph-value text-xs font-bold",u?.graphObjectValues),variants:{initial:{opacity:0,x:Math.cos(a(d)-Math.PI/2)*(k(m)+6),y:Math.sin(a(d)-Math.PI/2)*(k(m)+6),fill:r[x],textAnchor:Math.cos(a(d)-Math.PI/2)<0?"end":Math.cos(a(d)-Math.PI/2)<1e-5?"middle":"start"},whileInView:{opacity:1,x:Math.cos(a(d)-Math.PI/2)*(k(m)+6),y:Math.sin(a(d)-Math.PI/2)*(k(m)+6),fill:r[x],textAnchor:Math.cos(a(d)-Math.PI/2)<0?"end":Math.cos(a(d)-Math.PI/2)<1e-5?"middle":"start",transition:{duration:h.duration}}},initial:"initial",animate:f?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},children:Pt.numberFormattingFunction(m,"NA",et)}):null]})},d))})]},i.label||x)),t[8]=h.duration,t[9]=J,t[10]=u?.graphObjectValues,t[11]=u?.xAxis?.axis,t[12]=u?.xAxis?.gridLines,t[13]=u?.xAxis?.labels,t[14]=g,t[15]=gt,t[16]=C,t[17]=o,t[18]=y,t[19]=_,t[20]=tt,t[21]=L,t[22]=f,t[23]=r,t[24]=q.left,t[25]=q.top,t[26]=A,t[27]=E,t[28]=j,t[29]=M,t[30]=dt,t[31]=p,t[32]=W,t[33]=et,t[34]=l,t[35]=b,t[36]=V,t[37]=N,t[38]=ft,t[39]=mt,t[40]=K,t[41]=c?.graphObjectValues,t[42]=c?.xAxis?.axis,t[43]=c?.xAxis?.gridLines,t[44]=c?.xAxis?.labels,t[45]=T,t[46]=D,t[47]=w,t[48]=F,t[49]=$,t[50]=G,t[51]=R,t[52]=O,t[53]=s,t[54]=P,t[55]=ot,t[56]=H,t[57]=st,t[58]=rt}else T=t[45],D=t[46],w=t[47],F=t[48],$=t[49],G=t[50],R=t[51],O=t[52],s=t[53],P=t[54],ot=t[55],H=t[56],st=t[57],rt=t[58];let at;t[67]!==T||t[68]!==R?(at=n.jsxRuntimeExports.jsx(T,{children:R}),t[67]=T,t[68]=R,t[69]=at):at=t[69];let lt;t[70]!==at||t[71]!==O||t[72]!==s||t[73]!==P?(lt=n.jsxRuntimeExports.jsxs("g",{transform:O,children:[s,P,at]}),t[70]=at,t[71]=O,t[72]=s,t[73]=P,t[74]=lt):lt=t[74];let ct;t[75]!==C?(ct=C.filter(ae).map(re),t[75]=C,t[76]=ct):ct=t[76];let ut;t[77]!==lt||t[78]!==ct||t[79]!==ot||t[80]!==H?(ut=n.jsxRuntimeExports.jsxs("g",{transform:ot,children:[H,lt,ct]}),t[77]=lt,t[78]=ct,t[79]=ot,t[80]=H,t[81]=ut):ut=t[81];let ht;t[82]!==D||t[83]!==w||t[84]!==F||t[85]!==$||t[86]!==G||t[87]!==ut||t[88]!==st||t[89]!==rt?(ht=n.jsxRuntimeExports.jsx(D,{width:st,height:rt,viewBox:w,direction:F,ref:$,className:G,children:ut}),t[82]=D,t[83]=w,t[84]=F,t[85]=$,t[86]=G,t[87]=ut,t[88]=st,t[89]=rt,t[90]=ht):ht=t[90];let xt;t[91]!==u?.tooltip||t[92]!==nt||t[93]!==Y||t[94]!==M||t[95]!==c?.tooltip||t[96]!==U?(xt=M&&U&&nt&&Y?n.jsxRuntimeExports.jsx(Bt.Tooltip,{data:M,body:U,xPos:nt,yPos:Y,backgroundStyle:c?.tooltip,className:u?.tooltip}):null,t[91]=u?.tooltip,t[92]=nt,t[93]=Y,t[94]=M,t[95]=c?.tooltip,t[96]=U,t[97]=xt):xt=t[97];let pt;t[98]!==y||t[99]!==j?(pt=y&&j!==void 0?n.jsxRuntimeExports.jsx(Wt.le,{open:j!==void 0,onClose:()=>{_t(void 0)},children:n.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof y=="string"?{__html:Xt.string2HTML(y,j)}:void 0,children:typeof y=="function"?y(j):null})}):null,t[98]=y,t[99]=j,t[100]=pt):pt=t[100];let Et;return t[101]!==ht||t[102]!==xt||t[103]!==pt?(Et=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[ht,xt,pt]}),t[101]=ht,t[102]=xt,t[103]=pt,t[104]=Et):Et=t[104],Et}function re(e){return e.layer}function ae(e){return e.position==="after"}function le(e){return e.color}function ce(e){return e.color}function ue(e){return e.color}function he(e){return e.color}function xe(e){return e.color}function pe(e){return e.color}function me(e){return 0}function fe(e){return e.layer}function de(e){return e.position==="before"}function ge(e){return Math.min(...e.values.filter(ye))}function ye(e){return!z.checkIfNullOrUndefined(e)}function _e(e){return Math.min(...e.values.filter(Me))}function Me(e){return!z.checkIfNullOrUndefined(e)}function ve(e){return Math.max(...e.values.filter(be))}function be(e){return!z.checkIfNullOrUndefined(e)}function je(e){return Math.max(...e.values.filter(ke))}function ke(e){return!z.checkIfNullOrUndefined(e)}function Ee(e){const{graphTitle:t,colors:o,sources:l,graphDescription:r,footNote:U,radius:W,data:p,showColorScale:g=!0,padding:y,backgroundColor:c=!1,tooltip:u,onSeriesMouseOver:N,graphID:J,onSeriesMouseClick:K,topMargin:mt=75,bottomMargin:ft=75,leftMargin:Q=75,rightMargin:Z=75,graphDownload:B=!1,dataDownload:X=!1,colorDomain:jt,language:dt="en",theme:E="light",highlightedLines:A=[],width:V,height:tt,minHeight:L=0,strokeWidth:h=2,relativeHeight:_,ariaLabel:et,colorLegendTitle:C,detailsOnClick:kt,styles:v,classNames:f,showNAColor:gt=!0,axisLabels:it,showDots:q=!0,showValues:b=!1,curveType:M="curve",noOfTicks:yt=5,minValue:j,maxValue:_t,fillShape:nt=!1,resetSelectionOnDoubleClick:Mt=!0,animate:Y=!1,dimmedOpacity:vt=.3,precision:T=2,customLayers:D=[]}=e,[w,F]=I.useState(0),[$,G]=I.useState(void 0),R=I.useRef(null),O=I.useRef(null);return I.useEffect(()=>{const s=new ResizeObserver(P=>{F((Math.min(P[0].target.clientWidth||620,P[0].target.clientHeight||480,W||1/0)||420)/2)});return R.current&&s.observe(R.current),()=>s.disconnect()},[W]),n.jsxRuntimeExports.jsxs(At.GraphContainer,{className:f?.graphContainer,style:v?.graphContainer,id:J,ref:O,"aria-label":et,backgroundColor:c,theme:E,language:dt,minHeight:L,width:V,height:tt,relativeHeight:_,padding:y,children:[t||r||B||X?n.jsxRuntimeExports.jsx(Kt.GraphHeader,{styles:{title:v?.title,description:v?.description},classNames:{title:f?.title,description:f?.description},graphTitle:t,graphDescription:r,width:V,graphDownload:B?O:void 0,dataDownload:X?p.map(s=>s.data).filter(s=>s!==void 0).length>0?p.map(s=>s.data).filter(s=>s!==void 0):p.filter(s=>s!==void 0):null}):null,p.length===0?n.jsxRuntimeExports.jsx(Qt.EmptyState,{}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[g&&p.filter(s=>s.color).length!==0?n.jsxRuntimeExports.jsx(Zt.ColorLegendWithMouseOver,{width:V,colorLegendTitle:C,colors:o||S.Colors[E].categoricalColors.colors,colorDomain:jt||Nt.uniqBy(p,"color",!0),setSelectedColor:G,showNAColor:gt,className:f?.colorLegend,isCenter:!0}):null,n.jsxRuntimeExports.jsx(At.GraphArea,{ref:R,children:w?n.jsxRuntimeExports.jsx(se,{data:p,lineColors:p.filter(s=>s.color).length===0?o?[o]:[S.Colors.primaryColors["blue-600"]]:o||S.Colors[E].categoricalColors.colors,radius:w,tooltip:u,colorDomain:jt||Nt.uniqBy(p,"color",!0),onSeriesMouseOver:N,onSeriesMouseClick:K,styles:v,detailsOnClick:kt,selectedColor:$,axisLabels:it,strokeWidth:h,showValues:b,showDots:q,topMargin:mt,bottomMargin:ft,leftMargin:Q,rightMargin:Z,curveType:M,noOfTicks:yt,minValue:j,maxValue:_t,fillShape:nt,highlightedLines:A,resetSelectionOnDoubleClick:Mt,animate:Y===!0?{duration:.5,once:!0,amount:.5}:Y||{duration:0,once:!0,amount:0},dimmedOpacity:vt,precision:T,customLayers:D}):null})]}),l||U?n.jsxRuntimeExports.jsx(Jt.GraphFooter,{styles:{footnote:v?.footnote,source:v?.source},classNames:{footnote:f?.footnote,source:f?.source},sources:l,footNote:U,width:V}):null]})}exports.RadarChart=Ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index-CHPV5EwG-CTPQjnHt.cjs"),C=require("react"),Ht=require("./index-DQA8q5sC.cjs"),Wt=require("./Tooltip-uUdw6wJL.cjs"),N=require("./Colors.cjs"),Pt=require("./numberFormattingFunction-02t-wJta.cjs"),z=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Bt=require("./DetailsModal-BN0HDFlV.cjs"),Nt=require("./linear-BwPAspcq.cjs"),Vt=require("./line-DHV4JwCR.cjs"),Xt=require("./use-in-view-QcfiW0w3.cjs"),bt=require("./proxy-BxvUI_9l.cjs"),Yt=require("./index-DG2bgAva.cjs"),zt=require("./GraphFooter.cjs"),Jt=require("./GraphHeader.cjs"),Kt=require("./EmptyState-sAEZ_5rU.cjs"),Qt=require("./ColorLegendWithMouseOver.cjs"),St=require("./uniqBy-O05lp2S5.cjs"),At=require("./GraphContainer-d8A46BK2.cjs");var Zt=Dt(Vt.curveLinear);function qt(e){this._curve=e}qt.prototype={areaStart:function(){this._curve.areaStart()},areaEnd:function(){this._curve.areaEnd()},lineStart:function(){this._curve.lineStart()},lineEnd:function(){this._curve.lineEnd()},point:function(e,t){this._curve.point(t*Math.sin(e),t*-Math.cos(e))}};function Dt(e){function t(s){return new qt(e(s))}return t._curve=e,t}function te(e){var t=e.curve;return e.angle=e.x,delete e.x,e.radius=e.y,delete e.y,e.curve=function(s){return arguments.length?t(Dt(s)):t()._curve},e}function ee(){return te(Vt.line().curve(Zt))}function wt(){}function Ot(e,t,s){e._context.bezierCurveTo(e._x1+e._k*(e._x2-e._x0),e._y1+e._k*(e._y2-e._y0),e._x2+e._k*(e._x1-t),e._y2+e._k*(e._y1-s),e._x2,e._y2)}function Lt(e,t){this._context=e,this._k=(1-t)/6}Lt.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._x2=this._y0=this._y1=this._y2=NaN,this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x2,this._y2);break;case 3:Ot(this,this._x1,this._y1);break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2,this._x1=e,this._y1=t;break;case 2:this._point=3;default:Ot(this,e,t);break}this._x0=this._x1,this._x1=this._x2,this._x2=e,this._y0=this._y1,this._y1=this._y2,this._y2=t}};(function e(t){function s(c){return new Lt(c,t)}return s.tension=function(c){return e(+c)},s})(0);function Tt(e,t){this._context=e,this._k=(1-t)/6}Tt.prototype={areaStart:wt,areaEnd:wt,lineStart:function(){this._x0=this._x1=this._x2=this._x3=this._x4=this._x5=this._y0=this._y1=this._y2=this._y3=this._y4=this._y5=NaN,this._point=0},lineEnd:function(){switch(this._point){case 1:{this._context.moveTo(this._x3,this._y3),this._context.closePath();break}case 2:{this._context.lineTo(this._x3,this._y3),this._context.closePath();break}case 3:{this.point(this._x3,this._y3),this.point(this._x4,this._y4),this.point(this._x5,this._y5);break}}},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._x3=e,this._y3=t;break;case 1:this._point=2,this._context.moveTo(this._x4=e,this._y4=t);break;case 2:this._point=3,this._x5=e,this._y5=t;break;default:Ot(this,e,t);break}this._x0=this._x1,this._x1=this._x2,this._x2=e,this._y0=this._y1,this._y1=this._y2,this._y2=t}};const ie=(function e(t){function s(c){return new Tt(c,t)}return s.tension=function(c){return e(+c)},s})(0);function Ft(e){this._context=e}Ft.prototype={areaStart:wt,areaEnd:wt,lineStart:function(){this._point=0},lineEnd:function(){this._point&&this._context.closePath()},point:function(e,t){e=+e,t=+t,this._point?this._context.lineTo(e,t):(this._point=1,this._context.moveTo(e,t))}};function ne(e){return new Ft(e)}function se(e){const t=n.compilerRuntimeExports.c(106),{data:s,radius:c,lineColors:r,tooltip:H,onSeriesMouseOver:W,onSeriesMouseClick:p,colorDomain:g,detailsOnClick:R,styles:u,classNames:a,selectedColor:S,axisLabels:J,strokeWidth:K,showValues:mt,showDots:dt,rightMargin:Q,topMargin:Z,bottomMargin:B,leftMargin:X,curveType:jt,noOfTicks:ft,minValue:j,maxValue:A,resetSelectionOnDoubleClick:V,fillShape:tt,highlightedLines:q,animate:h,dimmedOpacity:y,precision:et,customLayers:k}=e,kt=C.useRef(null);let M;t[0]!==h.amount||t[1]!==h.once?(M={once:h.once,amount:h.amount},t[0]=h.amount,t[1]=h.once,t[2]=M):M=t[2];const d=Xt.useInView(kt,M),gt=jt==="linear"?ne:ie;let it;t[3]!==B||t[4]!==X||t[5]!==Q||t[6]!==Z?(it={top:Z,bottom:B,left:X,right:Q},t[3]=B,t[4]=X,t[5]=Q,t[6]=Z,t[7]=it):it=t[7];const D=it,v=Math.min((2*c-X-Q)/2,(2*c-Z-B)/2),[_,yt]=C.useState(void 0),[I,_t]=C.useState(void 0),[nt,Mt]=C.useState(void 0),[Y,vt]=C.useState(void 0);let L,T,w,F,$,G,E,O,o,P,st,U,ot,rt;if(t[8]!==h.duration||t[9]!==J||t[10]!==a?.graphObjectValues||t[11]!==a?.xAxis?.axis||t[12]!==a?.xAxis?.gridLines||t[13]!==a?.xAxis?.labels||t[14]!==g||t[15]!==gt||t[16]!==k||t[17]!==s||t[18]!==R||t[19]!==y||t[20]!==tt||t[21]!==q||t[22]!==d||t[23]!==r||t[24]!==D.left||t[25]!==D.top||t[26]!==A||t[27]!==j||t[28]!==I||t[29]!==_||t[30]!==ft||t[31]!==p||t[32]!==W||t[33]!==et||t[34]!==c||t[35]!==v||t[36]!==V||t[37]!==S||t[38]!==dt||t[39]!==mt||t[40]!==K||t[41]!==u?.graphObjectValues||t[42]!==u?.xAxis?.axis||t[43]!==u?.xAxis?.gridLines||t[44]!==u?.xAxis?.labels){const l=Nt.linear().domain([0,s[0].values.length]).range([0,2*Math.PI]);let Ct;t[59]!==s||t[60]!==A?(Ct=z.checkIfNullOrUndefined(A)?Math.max(...s.map(be))<0?0:Math.max(...s.map(Me)):A,t[59]=s,t[60]=A,t[61]=Ct):Ct=t[61];const $t=Ct;let Rt;t[62]!==s||t[63]!==j?(Rt=z.checkIfNullOrUndefined(j)?Math.min(...s.map(ye))>=0?0:Math.min(...s.map(fe)):j,t[62]=s,t[63]=j,t[64]=Rt):Rt=t[64];const Gt=Rt,b=Nt.linear().domain([Gt,$t]).range([0,v]).nice(),Ut=b.ticks(ft),It=ee().radius(i=>b(i)).angle((i,x)=>l(x)).curve(gt);T=bt.motion.svg,ot=`${c*2}px`,rt=`${c*2}px`,w=`0 0 ${c*2} ${c*2}`,F="ltr",$=kt,G="mx-auto",st=`translate(${D.left},${D.top})`,t[65]!==k?(U=k.filter(de).map(me),t[65]=k,t[66]=U):U=t[66],O=`translate(${v},${v})`,o=J.map((i,x)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("line",{x1:0,y1:0,x2:Math.cos(l(x)-Math.PI/2)*v,y2:Math.sin(l(x)-Math.PI/2)*v,className:n.mo("stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550",a?.xAxis?.axis),style:u?.xAxis?.axis},x),n.jsxRuntimeExports.jsx("text",{x:Math.cos(l(x)-Math.PI/2)*(v+6),y:Math.sin(l(x)-Math.PI/2)*(v+6),style:{textAnchor:Math.cos(l(x)-Math.PI/2)<0?"end":Math.cos(l(x)-Math.PI/2)<1e-5?"middle":"start",...u?.xAxis?.labels||""},dy:Math.sin(l(x)-Math.PI/2)<0?0:Math.sin(l(x)-Math.PI/2)<1e-5?5:10,className:n.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",a?.xAxis?.labels),children:i})]},x)),P=Ut.map((i,x)=>n.jsxRuntimeExports.jsxs("g",{children:[n.jsxRuntimeExports.jsx("path",{d:It(Array(J.length).fill(i))||"",className:n.mo("stroke-primary-gray-500 dark:stroke-primary-gray-550",a?.xAxis?.gridLines),style:{...u?.xAxis?.gridLines,fill:"none"}}),n.jsxRuntimeExports.jsx("foreignObject",{x:-25,y:Math.sin(-Math.PI/2)*b(i)>-1e-4?Math.sin(-Math.PI/2)*b(i)-7:Math.sin(-Math.PI/2)*b(i)-5,width:50,height:12,children:n.jsxRuntimeExports.jsx("div",{className:"flex justify-center",children:n.jsxRuntimeExports.jsx("p",{className:n.mo("fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700",a?.xAxis?.labels),style:u?.xAxis?.labels,children:Pt.numberFormattingFunction(i,"NA",et)})})})]},x)),L=Yt.AnimatePresence,E=s.map((i,x)=>n.jsxRuntimeExports.jsxs(bt.motion.g,{variants:{initial:{opacity:_?i.label===_.label?1:y:S?i.color&&r[g.indexOf(i.color)]===S?1:y:q.length!==0?i.label&&q.indexOf(i.label)!==-1?1:.3:1},whileInView:{opacity:_?i.label===_.label?1:y:S?i.color&&r[g.indexOf(i.color)]===S?1:y:q.length!==0?i.label&&q.indexOf(i.label)!==-1?1:y:1,transition:{duration:h.duration}}},initial:"initial",animate:d?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},onMouseEnter:m=>{yt(i),vt(m.clientY),Mt(m.clientX),W?.(i)},onMouseMove:m=>{yt(i),vt(m.clientY),Mt(m.clientX)},onMouseLeave:()=>{yt(void 0),Mt(void 0),vt(void 0),W?.(void 0)},onClick:()=>{(p||R)&&(Ht.isEqual(I,i)&&V?(_t(void 0),p?.(void 0)):(_t(i),p?.(i)))},children:[n.jsxRuntimeExports.jsx(bt.motion.path,{d:It(i.values)||"",variants:{initial:{d:It(i.values.map(pe))||"",stroke:s.filter(xe).length===0?r[0]:i.color?r[g.indexOf(i.color)]:N.Colors.gray,fill:tt?s.filter(he).length===0?r[0]:i.color?r[g.indexOf(i.color)]:N.Colors.gray:"none",strokeWidth:K},whileInView:{d:It(i.values)||"",transition:{duration:h.duration},stroke:s.filter(ue).length===0?r[0]:i.color?r[g.indexOf(i.color)]:N.Colors.gray,fill:tt?s.filter(ce).length===0?r[0]:i.color?r[g.indexOf(i.color)]:N.Colors.gray:"none",strokeWidth:K}},initial:"initial",animate:d?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},style:{fillOpacity:.1}}),n.jsxRuntimeExports.jsx("g",{children:i.values.map((m,f)=>n.jsxRuntimeExports.jsx("g",{children:z.checkIfNullOrUndefined(m)?null:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[dt?n.jsxRuntimeExports.jsx(bt.motion.circle,{r:4,variants:{initial:{cx:0,cy:0,opacity:0,fill:s.filter(le).length===0?r[0]:i.color?r[g.indexOf(i.color)]:N.Colors.gray},whileInView:{cx:Math.cos(l(f)-Math.PI/2)*b(m),cy:Math.sin(l(f)-Math.PI/2)*b(m),opacity:1,transition:{duration:h.duration},fill:s.filter(ae).length===0?r[0]:i.color?r[g.indexOf(i.color)]:N.Colors.gray}},initial:"initial",animate:d?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}}}):null,mt?n.jsxRuntimeExports.jsx(bt.motion.text,{style:{...u?.graphObjectValues||{}},dy:Math.sin(l(f)-Math.PI/2)<0?10:(Math.sin(l(f)-Math.PI/2)<1e-5,0),className:n.mo("graph-value text-xs font-bold",a?.graphObjectValues),variants:{initial:{opacity:0,x:Math.cos(l(f)-Math.PI/2)*(b(m)+6),y:Math.sin(l(f)-Math.PI/2)*(b(m)+6),fill:r[x],textAnchor:Math.cos(l(f)-Math.PI/2)<0?"end":Math.cos(l(f)-Math.PI/2)<1e-5?"middle":"start"},whileInView:{opacity:1,x:Math.cos(l(f)-Math.PI/2)*(b(m)+6),y:Math.sin(l(f)-Math.PI/2)*(b(m)+6),fill:r[x],textAnchor:Math.cos(l(f)-Math.PI/2)<0?"end":Math.cos(l(f)-Math.PI/2)<1e-5?"middle":"start",transition:{duration:h.duration}}},initial:"initial",animate:d?"whileInView":"initial",exit:{opacity:0,transition:{duration:h.duration}},children:Pt.numberFormattingFunction(m,"NA",et)}):null]})},f))})]},i.label||x)),t[8]=h.duration,t[9]=J,t[10]=a?.graphObjectValues,t[11]=a?.xAxis?.axis,t[12]=a?.xAxis?.gridLines,t[13]=a?.xAxis?.labels,t[14]=g,t[15]=gt,t[16]=k,t[17]=s,t[18]=R,t[19]=y,t[20]=tt,t[21]=q,t[22]=d,t[23]=r,t[24]=D.left,t[25]=D.top,t[26]=A,t[27]=j,t[28]=I,t[29]=_,t[30]=ft,t[31]=p,t[32]=W,t[33]=et,t[34]=c,t[35]=v,t[36]=V,t[37]=S,t[38]=dt,t[39]=mt,t[40]=K,t[41]=u?.graphObjectValues,t[42]=u?.xAxis?.axis,t[43]=u?.xAxis?.gridLines,t[44]=u?.xAxis?.labels,t[45]=L,t[46]=T,t[47]=w,t[48]=F,t[49]=$,t[50]=G,t[51]=E,t[52]=O,t[53]=o,t[54]=P,t[55]=st,t[56]=U,t[57]=ot,t[58]=rt}else L=t[45],T=t[46],w=t[47],F=t[48],$=t[49],G=t[50],E=t[51],O=t[52],o=t[53],P=t[54],st=t[55],U=t[56],ot=t[57],rt=t[58];let at;t[67]!==L||t[68]!==E?(at=n.jsxRuntimeExports.jsx(L,{children:E}),t[67]=L,t[68]=E,t[69]=at):at=t[69];let lt;t[70]!==at||t[71]!==O||t[72]!==o||t[73]!==P?(lt=n.jsxRuntimeExports.jsxs("g",{transform:O,children:[o,P,at]}),t[70]=at,t[71]=O,t[72]=o,t[73]=P,t[74]=lt):lt=t[74];let ct;t[75]!==k?(ct=k.filter(re).map(oe),t[75]=k,t[76]=ct):ct=t[76];let ut;t[77]!==lt||t[78]!==ct||t[79]!==st||t[80]!==U?(ut=n.jsxRuntimeExports.jsxs("g",{transform:st,children:[U,lt,ct]}),t[77]=lt,t[78]=ct,t[79]=st,t[80]=U,t[81]=ut):ut=t[81];let ht;t[82]!==T||t[83]!==w||t[84]!==F||t[85]!==$||t[86]!==G||t[87]!==ut||t[88]!==ot||t[89]!==rt?(ht=n.jsxRuntimeExports.jsx(T,{width:ot,height:rt,viewBox:w,direction:F,ref:$,className:G,children:ut}),t[82]=T,t[83]=w,t[84]=F,t[85]=$,t[86]=G,t[87]=ut,t[88]=ot,t[89]=rt,t[90]=ht):ht=t[90];let xt;t[91]!==a?.tooltip||t[92]!==nt||t[93]!==Y||t[94]!==_||t[95]!==u?.tooltip||t[96]!==H?(xt=_&&H&&nt&&Y?n.jsxRuntimeExports.jsx(Wt.Tooltip,{data:_,body:H,xPos:nt,yPos:Y,backgroundStyle:u?.tooltip,className:a?.tooltip}):null,t[91]=a?.tooltip,t[92]=nt,t[93]=Y,t[94]=_,t[95]=u?.tooltip,t[96]=H,t[97]=xt):xt=t[97];let pt;t[98]!==a?.modal||t[99]!==R||t[100]!==I?(pt=R&&I!==void 0?n.jsxRuntimeExports.jsx(Bt.DetailsModal,{body:R,data:I,setData:_t,className:a?.modal}):null,t[98]=a?.modal,t[99]=R,t[100]=I,t[101]=pt):pt=t[101];let Et;return t[102]!==ht||t[103]!==xt||t[104]!==pt?(Et=n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[ht,xt,pt]}),t[102]=ht,t[103]=xt,t[104]=pt,t[105]=Et):Et=t[105],Et}function oe(e){return e.layer}function re(e){return e.position==="after"}function ae(e){return e.color}function le(e){return e.color}function ce(e){return e.color}function ue(e){return e.color}function he(e){return e.color}function xe(e){return e.color}function pe(e){return 0}function me(e){return e.layer}function de(e){return e.position==="before"}function fe(e){return Math.min(...e.values.filter(ge))}function ge(e){return!z.checkIfNullOrUndefined(e)}function ye(e){return Math.min(...e.values.filter(_e))}function _e(e){return!z.checkIfNullOrUndefined(e)}function Me(e){return Math.max(...e.values.filter(ve))}function ve(e){return!z.checkIfNullOrUndefined(e)}function be(e){return Math.max(...e.values.filter(je))}function je(e){return!z.checkIfNullOrUndefined(e)}function ke(e){const{graphTitle:t,colors:s,sources:c,graphDescription:r,footNote:H,radius:W,data:p,showColorScale:g=!0,padding:R,backgroundColor:u=!1,tooltip:a,onSeriesMouseOver:S,graphID:J,onSeriesMouseClick:K,topMargin:mt=75,bottomMargin:dt=75,leftMargin:Q=75,rightMargin:Z=75,graphDownload:B=!1,dataDownload:X=!1,colorDomain:jt,language:ft="en",theme:j="light",highlightedLines:A=[],width:V,height:tt,minHeight:q=0,strokeWidth:h=2,relativeHeight:y,ariaLabel:et,colorLegendTitle:k,detailsOnClick:kt,styles:M,classNames:d,showNAColor:gt=!0,axisLabels:it,showDots:D=!0,showValues:v=!1,curveType:_="curve",noOfTicks:yt=5,minValue:I,maxValue:_t,fillShape:nt=!1,resetSelectionOnDoubleClick:Mt=!0,animate:Y=!1,dimmedOpacity:vt=.3,precision:L=2,customLayers:T=[]}=e,[w,F]=C.useState(0),[$,G]=C.useState(void 0),E=C.useRef(null),O=C.useRef(null);return C.useEffect(()=>{const o=new ResizeObserver(P=>{F((Math.min(P[0].target.clientWidth||620,P[0].target.clientHeight||480,W||1/0)||420)/2)});return E.current&&o.observe(E.current),()=>o.disconnect()},[W]),n.jsxRuntimeExports.jsxs(At.GraphContainer,{className:d?.graphContainer,style:M?.graphContainer,id:J,ref:O,"aria-label":et,backgroundColor:u,theme:j,language:ft,minHeight:q,width:V,height:tt,relativeHeight:y,padding:R,children:[t||r||B||X?n.jsxRuntimeExports.jsx(Jt.GraphHeader,{styles:{title:M?.title,description:M?.description},classNames:{title:d?.title,description:d?.description},graphTitle:t,graphDescription:r,width:V,graphDownload:B?O:void 0,dataDownload:X?p.map(o=>o.data).filter(o=>o!==void 0).length>0?p.map(o=>o.data).filter(o=>o!==void 0):p.filter(o=>o!==void 0):null}):null,p.length===0?n.jsxRuntimeExports.jsx(Kt.EmptyState,{}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[g&&p.filter(o=>o.color).length!==0?n.jsxRuntimeExports.jsx(Qt.ColorLegendWithMouseOver,{width:V,colorLegendTitle:k,colors:s||N.Colors[j].categoricalColors.colors,colorDomain:jt||St.uniqBy(p,"color",!0),setSelectedColor:G,showNAColor:gt,className:d?.colorLegend,isCenter:!0}):null,n.jsxRuntimeExports.jsx(At.GraphArea,{ref:E,children:w?n.jsxRuntimeExports.jsx(se,{data:p,lineColors:p.filter(o=>o.color).length===0?s?[s]:[N.Colors.primaryColors["blue-600"]]:s||N.Colors[j].categoricalColors.colors,radius:w,tooltip:a,colorDomain:jt||St.uniqBy(p,"color",!0),onSeriesMouseOver:S,onSeriesMouseClick:K,styles:M,detailsOnClick:kt,selectedColor:$,axisLabels:it,strokeWidth:h,showValues:v,showDots:D,topMargin:mt,bottomMargin:dt,leftMargin:Q,rightMargin:Z,curveType:_,noOfTicks:yt,minValue:I,maxValue:_t,fillShape:nt,highlightedLines:A,resetSelectionOnDoubleClick:Mt,animate:Y===!0?{duration:.5,once:!0,amount:.5}:Y||{duration:0,once:!0,amount:0},dimmedOpacity:vt,precision:L,customLayers:T}):null})]}),c||H?n.jsxRuntimeExports.jsx(zt.GraphFooter,{styles:{footnote:M?.footnote,source:M?.source},classNames:{footnote:d?.footnote,source:d?.source},sources:c,footNote:H,width:V}):null]})}exports.RadarChart=ke;
 //# sourceMappingURL=RadarChart.cjs.map