@undp/data-viz 2.5.4 → 2.6.1

package/dist/SimpleMap-Q5Ax5xNq.js

@@ -0,0 +1,279 @@
+import { t as e } from "./jsx-runtime-C76bEyh7.js";
+import { i as t, m as n } from "./Icons-BLXwPP3h.js";
+import { GraphFooter as r } from "./GraphFooter.js";
+import { GraphHeader as i } from "./GraphHeader.js";
+import { r as a } from "./fetchAndParseData-C50SqMPu.js";
+import { t as o } from "./filterData-Dp_HZ71j.js";
+import { n as s, t as c } from "./GraphContainer-DgEB1AVN.js";
+import { t as l } from "./string2HTML-CvbtZnul.js";
+import { t as u } from "./select-0Z0HV7nm.js";
+/* empty css                     */
+import d, { useEffect as f, useRef as p, useState as m } from "react";
+import { DropdownSelect as h, createFilter as g } from "@undp/design-system-react/DropdownSelect";
+import _ from "maplibre-gl";
+import * as v from "pmtiles";
+//#region src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubMultipleMap.tsx
+var y = e();
+function b(e) {
+	let { mapStyle: r, center: i, zoomLevel: s, includeLayers: h, excludeLayers: g, mapLegend: b } = e, [x, S] = m(0), [C, w] = m(0), [T, E] = m(!0), D = p(null), O = p(null), k = p(null);
+	return f(() => {
+		let e = new ResizeObserver((e) => {
+			S(e[0].target.clientWidth || 620), w(e[0].target.clientHeight || 480);
+		});
+		return D.current && e.observe(D.current), () => e.disconnect();
+	}, []), f(() => {
+		O.current && x && !k.current && a(r).then((e) => {
+			u(O.current).selectAll("div").remove();
+			let t = new v.Protocol();
+			_.addProtocol("pmtiles", t.tile);
+			let n = {
+				container: O.current,
+				style: h.length === 0 && g.length === 0 ? e : {
+					...e,
+					layers: o(e.layers, [{
+						column: "id",
+						includeValues: h,
+						excludeValues: g
+					}])
+				},
+				attributionControl: !0
+			};
+			i && (n.center = i), s && (n.zoom = s), k.current = new _.Map(n), k.current.addControl(new _.NavigationControl({
+				visualizePitch: !0,
+				showZoom: !0,
+				showCompass: !0
+			}), "bottom-right"), k.current.addControl(new _.ScaleControl(), "bottom-left");
+		});
+	}, [
+		x,
+		i,
+		s,
+		h,
+		g,
+		r
+	]), f(() => {
+		k.current && a(r).then((e) => {
+			let t = {
+				...e,
+				layers: o(e.layers, [{
+					column: "id",
+					includeValues: h,
+					excludeValues: g
+				}])
+			};
+			k.current.setStyle(t);
+		});
+	}, [
+		g,
+		h,
+		r
+	]), /* @__PURE__ */ (0, y.jsx)(c, {
+		ref: D,
+		children: x && C ? /* @__PURE__ */ (0, y.jsxs)("div", {
+			style: {
+				width: x,
+				height: C
+			},
+			children: [/* @__PURE__ */ (0, y.jsx)("div", {
+				ref: O,
+				className: "map maplibre-show-control",
+				style: {
+					width: "100%",
+					height: "100%"
+				}
+			}), b ? /* @__PURE__ */ (0, y.jsx)("div", {
+				className: "absolute left-[22px] bottom-13",
+				children: T ? /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [/* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",
+					onClick: () => {
+						E(!1);
+					},
+					onKeyDown: (e) => {
+						e.key === "Enter" && E(!1);
+					},
+					children: /* @__PURE__ */ (0, y.jsx)(n, {})
+				}), /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",
+					dangerouslySetInnerHTML: typeof b == "string" ? { __html: l(b) } : void 0,
+					children: d.isValidElement(b) ? b : null
+				})] }) : /* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",
+					onClick: () => {
+						E(!0);
+					},
+					children: /* @__PURE__ */ (0, y.jsx)(t, {})
+				})
+			}) : null]
+		}) : null
+	});
+}
+//#endregion
+//#region src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubSingleMap.tsx
+function x(e) {
+	let { mapStyle: r, center: i, zoomLevel: s, includeLayers: h, excludeLayers: g, mapLegend: b } = e, [x, S] = m(0), [C, w] = m(0), [T, E] = m(!0), D = p(null), O = p(null);
+	return f(() => {
+		let e = new ResizeObserver((e) => {
+			S(e[0].target.clientWidth || 620), w(e[0].target.clientHeight || 480);
+		});
+		return D.current && e.observe(D.current), () => e.disconnect();
+	}, []), f(() => {
+		O.current && x && a(r).then((e) => {
+			u(O.current).selectAll("div").remove();
+			let t = new v.Protocol();
+			_.addProtocol("pmtiles", t.tile);
+			let n = {
+				container: O.current,
+				style: h.length === 0 && g.length === 0 ? e : {
+					...e,
+					layers: o(e.layers, [{
+						column: "id",
+						includeValues: h,
+						excludeValues: g
+					}])
+				},
+				attributionControl: !0
+			};
+			i && (n.center = i), s && (n.zoom = s);
+			let r = new _.Map(n);
+			r.addControl(new _.NavigationControl({
+				visualizePitch: !0,
+				showZoom: !0,
+				showCompass: !0
+			}), "bottom-right"), r.addControl(new _.ScaleControl(), "bottom-left");
+		});
+	}, [
+		x,
+		r,
+		i,
+		s,
+		h,
+		g
+	]), /* @__PURE__ */ (0, y.jsx)(c, {
+		ref: D,
+		children: x && C ? /* @__PURE__ */ (0, y.jsxs)("div", {
+			style: {
+				width: x,
+				height: C
+			},
+			children: [/* @__PURE__ */ (0, y.jsx)("div", {
+				ref: O,
+				className: "map maplibre-show-control",
+				style: {
+					width: "100%",
+					height: "100%"
+				}
+			}), b ? /* @__PURE__ */ (0, y.jsx)("div", {
+				className: "absolute left-[22px] bottom-13",
+				children: T ? /* @__PURE__ */ (0, y.jsxs)(y.Fragment, { children: [/* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					className: "color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",
+					onClick: () => {
+						E(!1);
+					},
+					children: /* @__PURE__ */ (0, y.jsx)(n, {})
+				}), /* @__PURE__ */ (0, y.jsx)("div", {
+					className: "color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",
+					dangerouslySetInnerHTML: typeof b == "string" ? { __html: l(b) } : void 0,
+					children: d.isValidElement(b) ? b : null
+				})] }) : /* @__PURE__ */ (0, y.jsx)("button", {
+					type: "button",
+					className: "p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button",
+					onClick: () => {
+						E(!0);
+					},
+					children: /* @__PURE__ */ (0, y.jsx)(t, {})
+				})
+			}) : null]
+		}) : null
+	});
+}
+//#endregion
+//#region src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/index.tsx
+function S(e) {
+	let { mapStyle: t, graphTitle: n, height: a, width: o, relativeHeight: c, sources: l, graphDescription: u, footNote: d, padding: f, backgroundColor: _ = !1, center: v, zoomLevel: S, graphID: C, language: w = "en", minHeight: T = 0, theme: E = "light", includeLayers: D = [], excludeLayers: O = [], ariaLabel: k, uiMode: A = "normal", styles: j, classNames: M, mapLegend: N } = e, [P, F] = m(void 0), I = p(null), L = typeof t == "string" ? t : t[0].style;
+	return /* @__PURE__ */ (0, y.jsxs)(s, {
+		className: M?.graphContainer,
+		style: j?.graphContainer,
+		id: C,
+		ref: I,
+		"aria-label": k,
+		backgroundColor: _,
+		theme: E,
+		language: w,
+		minHeight: T,
+		width: o,
+		height: a,
+		relativeHeight: c,
+		padding: f,
+		children: [
+			n || u ? /* @__PURE__ */ (0, y.jsx)(i, {
+				styles: {
+					title: j?.title,
+					description: j?.description
+				},
+				classNames: {
+					title: M?.title,
+					description: M?.description
+				},
+				graphTitle: n,
+				graphDescription: u,
+				width: o
+			}) : null,
+			typeof t == "string" ? null : /* @__PURE__ */ (0, y.jsx)(h, {
+				options: t.map((e) => ({
+					label: e.name,
+					value: e.style
+				})),
+				isClearable: !1,
+				size: "sm",
+				variant: A,
+				isRtl: w === "he" || w === "ar",
+				isSearchable: !0,
+				filterOption: g({
+					ignoreCase: !0,
+					ignoreAccents: !0,
+					trim: !0
+				}),
+				defaultValue: t.find((e) => e.style === L),
+				controlShouldRenderValue: !0,
+				onChange: (e) => {
+					e && F(e.value);
+				}
+			}),
+			typeof t == "string" ? /* @__PURE__ */ (0, y.jsx)(x, {
+				mapStyle: t,
+				center: v,
+				zoomLevel: S,
+				includeLayers: D,
+				excludeLayers: O,
+				mapLegend: N
+			}) : /* @__PURE__ */ (0, y.jsx)(b, {
+				mapStyle: P || L,
+				center: v,
+				zoomLevel: S,
+				includeLayers: D,
+				excludeLayers: O,
+				mapLegend: (N || []).find((e) => e.mapStyleName === t.find((e) => e.style === (P || L))?.name)?.legend
+			}),
+			l || d ? /* @__PURE__ */ (0, y.jsx)(r, {
+				styles: {
+					footnote: j?.footnote,
+					source: j?.source
+				},
+				classNames: {
+					footnote: M?.footnote,
+					source: M?.source
+				},
+				sources: l,
+				footNote: d,
+				width: o
+			}) : null
+		]
+	});
+}
+//#endregion
+export { S as t };
+
+//# sourceMappingURL=SimpleMap-Q5Ax5xNq.js.map

package/dist/SimpleMap-Q5Ax5xNq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMap-Q5Ax5xNq.js","names":[],"sources":["../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubMultipleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/GeoHubSingleMap.tsx","../src/Components/Graphs/Maps/GeoHubMaps/SimpleMap/index.tsx"],"sourcesContent":["import maplibreGl from 'maplibre-gl';\nimport * as pmtiles from 'pmtiles';\nimport { useEffect, useRef, useState } from 'react';\nimport 'maplibre-gl/dist/maplibre-gl.css';\nimport { select } from 'd3-selection';\nimport React from 'react';\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\nimport { ExpandIcon, X } from '@/Components/Icons';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { string2HTML } from '@/Utils/string2HTML';\nimport { filterData } from '@/Utils/transformData/filterData';\n\ninterface Props {\n  mapStyle: string;\n  center?: [number, number];\n  zoomLevel?: number;\n  includeLayers: string[];\n  excludeLayers: string[];\n  mapLegend?: string | React.ReactNode;\n}\n\nexport function GeoHubMultipleMap(props: Props) {\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [showLegend, setShowLegend] = useState(true);\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const mapContainer = useRef<HTMLDivElement>(null);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const mapRef = useRef<any>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  useEffect(() => {\n    if (mapContainer.current && svgWidth && !mapRef.current) {\n      fetchAndParseJSON(mapStyle).then((d) => {\n        const mapDiv = select(mapContainer.current);\n        mapDiv.selectAll('div').remove();\n        const protocol = new pmtiles.Protocol();\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        const mapObj: any = {\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          container: mapContainer.current as any,\n          style:\n            includeLayers.length === 0 && excludeLayers.length === 0\n              ? d\n              : {\n                  ...d,\n                  layers: filterData(d.layers, [\n                    {\n                      column: 'id',\n                      includeValues: includeLayers,\n                      excludeValues: excludeLayers,\n                    },\n                  ]),\n                },\n          attributionControl: true,\n        };\n        if (center) {\n          mapObj.center = center;\n        }\n        if (zoomLevel) {\n          mapObj.zoom = zoomLevel;\n        }\n        mapRef.current = new maplibreGl.Map(mapObj);\n        mapRef.current.addControl(\n          new maplibreGl.NavigationControl({\n            visualizePitch: true,\n            showZoom: true,\n            showCompass: true,\n          }),\n          'bottom-right',\n        );\n        mapRef.current.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\n      });\n    }\n  }, [svgWidth, center, zoomLevel, includeLayers, excludeLayers, mapStyle]);\n  useEffect(() => {\n    if (mapRef.current) {\n      fetchAndParseJSON(mapStyle).then((d) => {\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        const mapStyleObj: any = {\n          ...d,\n          layers: filterData(d.layers, [\n            {\n              column: 'id',\n              includeValues: includeLayers,\n              excludeValues: excludeLayers,\n            },\n          ]),\n        };\n        mapRef.current.setStyle(mapStyleObj);\n      });\n    }\n  }, [excludeLayers, includeLayers, mapStyle]);\n  return (\n    <GraphArea ref={graphDiv}>\n      {svgWidth && svgHeight ? (\n        <div\n          style={{\n            width: svgWidth,\n            height: svgHeight,\n          }}\n        >\n          <div\n            ref={mapContainer}\n            className='map maplibre-show-control'\n            style={{ width: '100%', height: '100%' }}\n          />\n          {mapLegend ? (\n            <div className='absolute left-[22px] bottom-13'>\n              {showLegend ? (\n                <>\n                  <button\n                    type='button'\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                    onClick={() => {\n                      setShowLegend(false);\n                    }}\n                    onKeyDown={(e) => {\n                      if (e.key === 'Enter') {\n                        setShowLegend(false);\n                      }\n                    }}\n                  >\n                    <X />\n                  </button>\n                  <div\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                    // biome-ignore lint/security/noDangerouslySetInnerHtmlWithChildren: Allow setInnerHTML here\n                    // biome-ignore lint/security/noDangerouslySetInnerHtml: Allow setInnerHTML here\n                    dangerouslySetInnerHTML={\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\n                    }\n                  >\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\n                  </div>\n                </>\n              ) : (\n                <button\n                  type='button'\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\n                  onClick={() => {\n                    setShowLegend(true);\n                  }}\n                >\n                  <ExpandIcon />\n                </button>\n              )}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </GraphArea>\n  );\n}\n","import maplibreGl from 'maplibre-gl';\nimport * as pmtiles from 'pmtiles';\nimport { useEffect, useRef, useState } from 'react';\nimport 'maplibre-gl/dist/maplibre-gl.css';\nimport { select } from 'd3-selection';\nimport React from 'react';\nimport { GraphArea } from '@/Components/Elements/GraphContainer';\nimport { ExpandIcon, X } from '@/Components/Icons';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { string2HTML } from '@/Utils/string2HTML';\nimport { filterData } from '@/Utils/transformData/filterData';\n\ninterface Props {\n  mapStyle: string;\n  center?: [number, number];\n  zoomLevel?: number;\n  mapLegend?: string | React.ReactNode;\n  includeLayers: string[];\n  excludeLayers: string[];\n}\n\nexport function GeoHubSingleMap(props: Props) {\n  const { mapStyle, center, zoomLevel, includeLayers, excludeLayers, mapLegend } = props;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [showLegend, setShowLegend] = useState(true);\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const mapContainer = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  useEffect(() => {\n    if (mapContainer.current && svgWidth) {\n      fetchAndParseJSON(mapStyle).then((d) => {\n        const mapDiv = select(mapContainer.current);\n        mapDiv.selectAll('div').remove();\n        const protocol = new pmtiles.Protocol();\n        maplibreGl.addProtocol('pmtiles', protocol.tile);\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        const mapObj: any = {\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          container: mapContainer.current as any,\n          style:\n            includeLayers.length === 0 && excludeLayers.length === 0\n              ? d\n              : {\n                  ...d,\n                  layers: filterData(d.layers, [\n                    {\n                      column: 'id',\n                      includeValues: includeLayers,\n                      excludeValues: excludeLayers,\n                    },\n                  ]),\n                },\n          attributionControl: true,\n        };\n        if (center) {\n          mapObj.center = center;\n        }\n        if (zoomLevel) {\n          mapObj.zoom = zoomLevel;\n        }\n        const map = new maplibreGl.Map(mapObj);\n        map.addControl(\n          new maplibreGl.NavigationControl({\n            visualizePitch: true,\n            showZoom: true,\n            showCompass: true,\n          }),\n          'bottom-right',\n        );\n        map.addControl(new maplibreGl.ScaleControl(), 'bottom-left');\n      });\n    }\n  }, [svgWidth, mapStyle, center, zoomLevel, includeLayers, excludeLayers]);\n  return (\n    <GraphArea ref={graphDiv}>\n      {svgWidth && svgHeight ? (\n        <div\n          style={{\n            width: svgWidth,\n            height: svgHeight,\n          }}\n        >\n          <div\n            ref={mapContainer}\n            className='map maplibre-show-control'\n            style={{ width: '100%', height: '100%' }}\n          />\n          {mapLegend ? (\n            <div className='absolute left-[22px] bottom-13'>\n              {showLegend ? (\n                <>\n                  <button\n                    type='button'\n                    className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                    onClick={() => {\n                      setShowLegend(false);\n                    }}\n                  >\n                    <X />\n                  </button>\n                  <div\n                    className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                    // biome-ignore lint/security/noDangerouslySetInnerHtmlWithChildren: Allow setInnerHTML here\n                    // biome-ignore lint/security/noDangerouslySetInnerHtml: Allow setInnerHTML here\n                    dangerouslySetInnerHTML={\n                      typeof mapLegend === 'string' ? { __html: string2HTML(mapLegend) } : undefined\n                    }\n                  >\n                    {React.isValidElement(mapLegend) ? mapLegend : null}\n                  </div>\n                </>\n              ) : (\n                <button\n                  type='button'\n                  className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\n                  onClick={() => {\n                    setShowLegend(true);\n                  }}\n                >\n                  <ExpandIcon />\n                </button>\n              )}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </GraphArea>\n  );\n}\n","import { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\nimport type React from 'react';\nimport { useRef, useState } from 'react';\nimport { GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\n\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  ClassNameObject,\n  Languages,\n  MapLegendDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { GeoHubMultipleMap } from './GeoHubMultipleMap';\nimport { GeoHubSingleMap } from './GeoHubSingleMap';\n\ninterface Props {\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** URL for mapStyle JSON. If the type is string, otherwise it creates and dropdown and provide end user to select the map style they would like to  */\n  mapStyle: string | { style: string; name: string }[];\n  /** Defines the legend for the map. If the mapStyle is string, mapLegend can be string or ReactNode. mapLegend with type string is show as innerHTML. If the mapStyle is not string, mapLegend is of type { mapStyleName: string; legend: string | React.ReactNode }[] where mapStyleName corresponds to the each name in the mapStyle. */\n  mapLegend?: string | React.ReactNode | MapLegendDataType[];\n  /** Starting center point of the map */\n  center?: [number, number];\n  /** Starting zoom level of the map */\n  zoomLevel?: number;\n  /** List of layer IDs to be included in the visualization. If this is present only these layers are included. */\n  includeLayers?: string[];\n  /** List of layer IDs to be excluded from the visualization */\n  excludeLayers?: string[];\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Theme for the UI elements */\n  uiMode?: 'light' | 'normal';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\n/** For using these maps you will have to install [`maplibre`](https://maplibre.org/maplibre-gl-js/docs/#npm) and [pmtiles](https://www.npmjs.com/package/pmtiles) package to your project */\nexport function GeoHubMap(props: Props) {\n  const {\n    mapStyle,\n    graphTitle,\n    height,\n    width,\n    relativeHeight,\n    sources,\n    graphDescription,\n    footNote,\n    padding,\n    backgroundColor = false,\n    center,\n    zoomLevel,\n    graphID,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    includeLayers = [],\n    excludeLayers = [],\n    ariaLabel,\n    uiMode = 'normal',\n    styles,\n    classNames,\n    mapLegend,\n  } = props;\n\n  const [selectedMapStyle, setSelectedMapStyle] = useState<string | undefined>(undefined);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  const defaultMapStyleValue = typeof mapStyle === 'string' ? mapStyle : mapStyle[0].style;\n\n  const filterConfig = {\n    ignoreCase: true,\n    ignoreAccents: true,\n    trim: true,\n  };\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n        />\n      ) : null}\n      {typeof mapStyle === 'string' ? null : (\n        <DropdownSelect\n          options={mapStyle.map((d) => ({ label: d.name, value: d.style }))}\n          isClearable={false}\n          size='sm'\n          variant={uiMode}\n          isRtl={language === 'he' || language === 'ar'}\n          isSearchable\n          filterOption={createFilter(filterConfig)}\n          defaultValue={mapStyle.find((d) => d.style === defaultMapStyleValue)}\n          controlShouldRenderValue\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          onChange={(el: any) => {\n            if (el) setSelectedMapStyle(el.value);\n          }}\n        />\n      )}\n      {typeof mapStyle === 'string' ? (\n        <GeoHubSingleMap\n          mapStyle={mapStyle}\n          center={center}\n          zoomLevel={zoomLevel}\n          includeLayers={includeLayers}\n          excludeLayers={excludeLayers}\n          mapLegend={mapLegend as string | React.ReactNode | undefined}\n        />\n      ) : (\n        <GeoHubMultipleMap\n          mapStyle={selectedMapStyle || defaultMapStyleValue}\n          center={center}\n          zoomLevel={zoomLevel}\n          includeLayers={includeLayers}\n          excludeLayers={excludeLayers}\n          mapLegend={\n            ((mapLegend || []) as MapLegendDataType[]).find(\n              (d) =>\n                d.mapStyleName ===\n                mapStyle.find((el) => el.style === (selectedMapStyle || defaultMapStyleValue))\n                  ?.name,\n            )?.legend\n          }\n        />\n      )}\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,SAAgB,EAAkB,GAAc;CAC9C,IAAM,EAAE,aAAU,WAAQ,cAAW,kBAAe,kBAAe,iBAAc,GAE3E,CAAC,GAAU,KAAe,EAAS,CAAC,GACpC,CAAC,GAAW,KAAgB,EAAS,CAAC,GACtC,CAAC,GAAY,KAAiB,EAAS,EAAI,GAC3C,IAAW,EAAuB,IAAI,GACtC,IAAe,EAAuB,IAAI,GAE1C,IAAS,EAAY,IAAI;CA0E/B,OAzEA,QAAgB;EACd,IAAM,IAAiB,IAAI,gBAAgB,MAAY;GAErD,AADA,EAAY,EAAQ,GAAG,OAAO,eAAe,GAAG,GAChD,EAAa,EAAQ,GAAG,OAAO,gBAAgB,GAAG;EACpD,CAAC;EAID,OAHI,EAAS,WACX,EAAe,QAAQ,EAAS,OAAO,SAE5B,EAAe,WAAW;CACzC,GAAG,CAAC,CAAC,GACL,QAAgB;EACd,AAAI,EAAa,WAAW,KAAY,CAAC,EAAO,WAC9C,EAAkB,CAAQ,EAAE,MAAM,MAAM;GAEtC,EADsB,EAAa,OACnC,EAAO,UAAU,KAAK,EAAE,OAAO;GAC/B,IAAM,IAAW,IAAI,EAAQ,SAAS;GACtC,EAAW,YAAY,WAAW,EAAS,IAAI;GAE/C,IAAM,IAAc;IAElB,WAAW,EAAa;IACxB,OACE,EAAc,WAAW,KAAK,EAAc,WAAW,IACnD,IACA;KACE,GAAG;KACH,QAAQ,EAAW,EAAE,QAAQ,CAC3B;MACE,QAAQ;MACR,eAAe;MACf,eAAe;KACjB,CACF,CAAC;IACH;IACN,oBAAoB;GACtB;GAgBA,AAfI,MACF,EAAO,SAAS,IAEd,MACF,EAAO,OAAO,IAEhB,EAAO,UAAU,IAAI,EAAW,IAAI,CAAM,GAC1C,EAAO,QAAQ,WACb,IAAI,EAAW,kBAAkB;IAC/B,gBAAgB;IAChB,UAAU;IACV,aAAa;GACf,CAAC,GACD,cACF,GACA,EAAO,QAAQ,WAAW,IAAI,EAAW,aAAa,GAAG,aAAa;EACxE,CAAC;CAEL,GAAG;EAAC;EAAU;EAAQ;EAAW;EAAe;EAAe;CAAQ,CAAC,GACxE,QAAgB;EACd,AAAI,EAAO,WACT,EAAkB,CAAQ,EAAE,MAAM,MAAM;GAEtC,IAAM,IAAmB;IACvB,GAAG;IACH,QAAQ,EAAW,EAAE,QAAQ,CAC3B;KACE,QAAQ;KACR,eAAe;KACf,eAAe;IACjB,CACF,CAAC;GACH;GACA,EAAO,QAAQ,SAAS,CAAW;EACrC,CAAC;CAEL,GAAG;EAAC;EAAe;EAAe;CAAQ,CAAC,GAEzC,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAW,KAAK;YACb,KAAY,IACX,iBAAA,GAAA,EAAA,MAAC,OAAD;GACE,OAAO;IACL,OAAO;IACP,QAAQ;GACV;aAJF,CAME,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,KAAK;IACL,WAAU;IACV,OAAO;KAAE,OAAO;KAAQ,QAAQ;IAAO;GACxC,CAAA,GACA,IACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACZ,IACC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe;MACb,EAAc,EAAK;KACrB;KACA,YAAY,MAAM;MAChB,AAAI,EAAE,QAAQ,WACZ,EAAc,EAAK;KAEvB;eAEA,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAI,CAAA;IACE,CAAA,GACR,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KAGV,yBACE,OAAO,KAAc,WAAW,EAAE,QAAQ,EAAY,CAAS,EAAE,IAAI,KAAA;eAGtE,EAAM,eAAe,CAAS,IAAI,IAAY;IAC5C,CAAA,CACL,EAAA,CAAA,IAEF,iBAAA,GAAA,EAAA,KAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe;MACb,EAAc,EAAI;KACpB;eAEA,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAa,CAAA;IACP,CAAA;GAEP,CAAA,IACH,IACD;OACH;CACK,CAAA;AAEf;;;AC/IA,SAAgB,EAAgB,GAAc;CAC5C,IAAM,EAAE,aAAU,WAAQ,cAAW,kBAAe,kBAAe,iBAAc,GAC3E,CAAC,GAAU,KAAe,EAAS,CAAC,GACpC,CAAC,GAAW,KAAgB,EAAS,CAAC,GACtC,CAAC,GAAY,KAAiB,EAAS,EAAI,GAC3C,IAAW,EAAuB,IAAI,GACtC,IAAe,EAAuB,IAAI;CAwDhD,OAvDA,QAAgB;EACd,IAAM,IAAiB,IAAI,gBAAgB,MAAY;GAErD,AADA,EAAY,EAAQ,GAAG,OAAO,eAAe,GAAG,GAChD,EAAa,EAAQ,GAAG,OAAO,gBAAgB,GAAG;EACpD,CAAC;EAID,OAHI,EAAS,WACX,EAAe,QAAQ,EAAS,OAAO,SAE5B,EAAe,WAAW;CACzC,GAAG,CAAC,CAAC,GACL,QAAgB;EACd,AAAI,EAAa,WAAW,KAC1B,EAAkB,CAAQ,EAAE,MAAM,MAAM;GAEtC,EADsB,EAAa,OACnC,EAAO,UAAU,KAAK,EAAE,OAAO;GAC/B,IAAM,IAAW,IAAI,EAAQ,SAAS;GACtC,EAAW,YAAY,WAAW,EAAS,IAAI;GAE/C,IAAM,IAAc;IAElB,WAAW,EAAa;IACxB,OACE,EAAc,WAAW,KAAK,EAAc,WAAW,IACnD,IACA;KACE,GAAG;KACH,QAAQ,EAAW,EAAE,QAAQ,CAC3B;MACE,QAAQ;MACR,eAAe;MACf,eAAe;KACjB,CACF,CAAC;IACH;IACN,oBAAoB;GACtB;GAIA,AAHI,MACF,EAAO,SAAS,IAEd,MACF,EAAO,OAAO;GAEhB,IAAM,IAAM,IAAI,EAAW,IAAI,CAAM;GASrC,AARA,EAAI,WACF,IAAI,EAAW,kBAAkB;IAC/B,gBAAgB;IAChB,UAAU;IACV,aAAa;GACf,CAAC,GACD,cACF,GACA,EAAI,WAAW,IAAI,EAAW,aAAa,GAAG,aAAa;EAC7D,CAAC;CAEL,GAAG;EAAC;EAAU;EAAU;EAAQ;EAAW;EAAe;CAAa,CAAC,GAEtE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAW,KAAK;YACb,KAAY,IACX,iBAAA,GAAA,EAAA,MAAC,OAAD;GACE,OAAO;IACL,OAAO;IACP,QAAQ;GACV;aAJF,CAME,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,KAAK;IACL,WAAU;IACV,OAAO;KAAE,OAAO;KAAQ,QAAQ;IAAO;GACxC,CAAA,GACA,IACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACZ,IACC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe;MACb,EAAc,EAAK;KACrB;eAEA,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAI,CAAA;IACE,CAAA,GACR,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KAGV,yBACE,OAAO,KAAc,WAAW,EAAE,QAAQ,EAAY,CAAS,EAAE,IAAI,KAAA;eAGtE,EAAM,eAAe,CAAS,IAAI,IAAY;IAC5C,CAAA,CACL,EAAA,CAAA,IAEF,iBAAA,GAAA,EAAA,KAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe;MACb,EAAc,EAAI;KACpB;eAEA,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAa,CAAA;IACP,CAAA;GAEP,CAAA,IACH,IACD;OACH;CACK,CAAA;AAEf;;;AC9DA,SAAgB,EAAU,GAAc;CACtC,IAAM,EACJ,aACA,eACA,WACA,UACA,mBACA,YACA,qBACA,aACA,YACA,qBAAkB,IAClB,WACA,cACA,YACA,cAAW,MACX,eAAY,GACZ,WAAQ,SACR,mBAAgB,CAAC,GACjB,mBAAgB,CAAC,GACjB,cACA,YAAS,UACT,WACA,eACA,iBACE,GAEE,CAAC,GAAkB,KAAuB,EAA6B,KAAA,CAAS,GAChF,IAAiB,EAAuB,IAAI,GAE5C,IAAuB,OAAO,KAAa,WAAW,IAAW,EAAS,GAAG;CAOnF,OACE,iBAAA,GAAA,EAAA,MAAC,GAAD;EACE,WAAW,GAAY;EACvB,OAAO,GAAQ;EACf,IAAI;EACJ,KAAK;EACL,cAAY;EACK;EACV;EACG;EACC;EACJ;EACC;EACQ;EACP;YAbX;GAeG,KAAc,IACb,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,QAAQ;KACN,OAAO,GAAQ;KACf,aAAa,GAAQ;IACvB;IACA,YAAY;KACV,OAAO,GAAY;KACnB,aAAa,GAAY;IAC3B;IACY;IACM;IACX;GACR,CAAA,IACC;GACH,OAAO,KAAa,WAAW,OAC9B,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,SAAS,EAAS,KAAK,OAAO;KAAE,OAAO,EAAE;KAAM,OAAO,EAAE;IAAM,EAAE;IAChE,aAAa;IACb,MAAK;IACL,SAAS;IACT,OAAO,MAAa,QAAQ,MAAa;IACzC,cAAA;IACA,cAAc,EAAa;KA3CjC,YAAY;KACZ,eAAe;KACf,MAAM;IAyC2B,CAAY;IACvC,cAAc,EAAS,MAAM,MAAM,EAAE,UAAU,CAAoB;IACnE,0BAAA;IAEA,WAAW,MAAY;KACrB,AAAI,KAAI,EAAoB,EAAG,KAAK;IACtC;GACD,CAAA;GAEF,OAAO,KAAa,WACnB,iBAAA,GAAA,EAAA,KAAC,GAAD;IACY;IACF;IACG;IACI;IACA;IACJ;GACZ,CAAA,IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,UAAU,KAAoB;IACtB;IACG;IACI;IACA;IACf,YACI,KAAa,CAAC,GAA2B,MACxC,MACC,EAAE,iBACF,EAAS,MAAM,MAAO,EAAG,WAAW,KAAoB,EAAqB,GACzE,IACR,GAAG;GAEN,CAAA;GAEF,KAAW,IACV,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,QAAQ;KAAE,UAAU,GAAQ;KAAU,QAAQ,GAAQ;IAAO;IAC7D,YAAY;KACV,UAAU,GAAY;KACtB,QAAQ,GAAY;IACtB;IACS;IACC;IACH;GACR,CAAA,IACC;EACU;;AAEpB"}

package/dist/SingleGraphDashboard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CHPV5EwG-D4pAp7u0.cjs"),o=require("react"),te=require("./index-CyZ1lmi_.cjs"),q=require("./index-BS2TADPj.cjs"),le=require("./index-DQA8q5sC.cjs"),C=require("./DropdownSelect-CX1yMemd.cjs"),d=require("./checkIfMultiple-CH5tqj4q.cjs"),ne=require("./Spinner-WHzzloYQ.cjs"),ie=require("./GraphContainer-Cul9b74X.cjs"),re=require("./GraphEl-BgkDbq50.cjs"),$=require("./fetchAndParseData-QTF6tjij.cjs"),U=require("./transformDataForAggregation-BFdha9Dx.cjs"),z=require("./getUniqValue-NX8DgwND.cjs"),se=require("./GraphHeader.cjs"),W=require("./filterData-T5DQBE9b.cjs"),oe=require("./getGraphList-DQ24IzAn.cjs"),J=require("./transformDataForSelect-YmStusCI.cjs"),ue=u=>{if(u.findIndex(n=>n.chartConfigId==="yMin")!==-1&&u.findIndex(n=>n.chartConfigId==="yMax")!==-1)return u;const i=[...u];return u.findIndex(n=>n.chartConfigId==="yMin")===-1&&i.push({chartConfigId:"yMin",columnId:`${u[u.findIndex(n=>n.chartConfigId==="y")].columnId}Min`}),u.findIndex(n=>n.chartConfigId==="yMax")===-1&&i.push({chartConfigId:"yMax",columnId:`${u[u.findIndex(n=>n.chartConfigId==="y")].columnId}Max`}),i},M=(u,i)=>{const n=i?.map(D=>{const b=u?.findIndex(s=>s.chartConfigId===D.chartConfigId);if(b===-1)return{};const w=u[b]?.allowedColumnIds?.findIndex(s=>s.value===D.columnId);return w===-1?{}:u[b].allowedColumnIds[w].graphSettings||{}})||[];return Object.assign({},...n)};function de(u){const{graphSettings:i,dataSettings:n,filters:D,graphType:b,dataTransform:w,graphDataConfiguration:s,dataFilters:A,debugMode:S,dataSelectionOptions:I,advancedDataSelectionOptions:N,readableHeader:B,noOfFiltersPerRow:p=4,updateFilters:K,uiMode:f="normal",highlightDataPointSettings:m}=u,[P,F]=o.useState(void 0),[c,Q]=o.useState(void 0),[v,j]=o.useState(s),[x,V]=o.useState({}),[E,X]=o.useState(void 0),[Y,Z]=o.useState([]),H=o.useRef(null),O=o.useRef(s),[R,k]=o.useState([]),G={ignoreCase:!0,ignoreAccents:!0,trim:!0},L=o.useEffectEvent(()=>{const e=(D||[]).map(r=>({filter:r.column,label:r.label||`Filter by ${r.column}`,singleSelect:r.singleSelect,clearable:r.clearable,ui:r.ui,defaultValue:J.transformDefaultValue(r.defaultValue),value:J.transformDefaultValue(r.defaultValue),availableValues:z.getUniqValue(c,r.column).filter(a=>!r.excludeValues?.includes(`${a}`)).map(a=>({value:a,label:a})),allowSelectAll:r.allowSelectAll,width:r.width}));k(e)});o.useEffect(()=>{(async()=>{try{const r=n.dataURL?typeof n.dataURL=="string"?n.fileType==="json"?await $.fetchAndParseJSON(n.dataURL,n.columnsToArray,n.dataTransformation,S):n.fileType==="api"?await $.fetchAndTransformDataFromAPI(n.dataURL,n.apiHeaders,n.columnsToArray,n.dataTransformation,S):await $.fetchAndParseCSV(n.dataURL,n.dataTransformation,n.columnsToArray,S,n.delimiter,!0):await $.fetchAndParseMultipleDataSources(n.dataURL,n.idColumnTitle):await $.transformColumnsToArray(n.data,n.columnsToArray);Q(r)}catch(r){console.error("Data fetching error:",r)}})(),L()},[n,S]),o.useEffect(()=>{L()},[D,c]);const _=o.useEffectEvent(()=>{if(!c||R.length===0)F(c);else{const e=c.filter(r=>R.every(a=>a.value&&q.flattenDeep([a.value]).length>0?te.intersection(q.flattenDeep([r[a.filter]]),q.flattenDeep([a.value]).map(t=>t.value)).length>0:!0));F(e)}});o.useEffect(()=>{_()},[R,c]),o.useEffect(()=>{I&&V(M(I,s))},[I,s]);const ee=o.useEffectEvent(()=>{m?.column&&P&&Z(z.getUniqValue(P,m.column).filter(e=>!m?.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})))});o.useEffect(()=>{ee()},[m]),o.useEffect(()=>{le.isEqual(O.current,s)||(j(s),O.current=s)},[s]);const y=(e,r)=>{k(a=>a.map(t=>t.filter===e?{...t,value:r}:t))},ae=c?U.transformDataForGraph(w?U.transformDataForAggregation(W.filterData(c,A||[]),w.keyColumn,w.aggregationColumnsSetting):W.filterData(c,A||[]),b,b==="lineChartWithConfidenceInterval"&&v?ue(v):v):void 0;return l.jsxRuntimeExports.jsx(ie.GraphContainer,{className:i?.classNames?.graphContainer,style:i?.styles?.graphContainer,id:i?.graphID,ref:H,"aria-label":i?.ariaLabel,backgroundColor:i?.backgroundColor??!1,theme:i?.theme||"light",language:i?.language||"en",width:i?.width,height:i?.height,padding:i?.padding,minHeight:i?.minHeight,relativeHeight:i?.relativeHeight,children:c||oe.graphList.filter(e=>e.geoHubMapPresentation).map(e=>e.graphID).indexOf(b)!==-1?l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[x?.graphTitle||x?.graphDescription||i?.graphTitle||i?.graphDescription||i?.graphDownload||i?.dataDownload?l.jsxRuntimeExports.jsx(se.GraphHeader,{styles:{title:x?.styles?.title||i?.styles?.title,description:x?.styles?.description||i?.styles?.description},classNames:{title:x?.classNames?.title||i?.classNames?.title,description:x?.classNames?.description||i?.classNames?.description},graphTitle:x?.graphTitle||i?.graphTitle,graphDescription:x?.graphDescription||i?.graphDescription,width:x?.width||i?.width,graphDownload:i?.graphDownload?H:void 0,dataDownload:i?.dataDownload&&c&&c.length>0?c:null}):null,R.length!==0||(I||[]).length!==0||(N||[]).length!==0||m?l.jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap items-start gap-x-4 gap-y-0 w-full",children:[N?.map((e,r)=>l.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,minWidth:"240px"},className:"pb-4",children:[l.jsxRuntimeExports.jsx(d.b,{className:"mb-2",children:e.label||"Graph by"}),e.ui!=="radio"?l.jsxRuntimeExports.jsx(C.ja,{options:e.options.map(a=>({...a,value:a.label})),size:"sm",isClearable:!1,isSearchable:!0,variant:f,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:a=>{V(a?.graphSettings||{}),j(a?.dataConfiguration)}}):l.jsxRuntimeExports.jsx(d.ye,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:f,onValueChange:a=>{const t=e.options[e.options.findIndex(g=>g.label===a)];V(t.graphSettings||{}),j(t.dataConfiguration)},children:e.options.map((a,t)=>l.jsxRuntimeExports.jsx(d.he,{label:a.label,value:a.label},t))})]},r)),I?.map((e,r)=>l.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:e.width?0:1,flexShrink:e.ui!=="radio"||e.width?0:1,minWidth:"240px"},className:"pb-4",children:[l.jsxRuntimeExports.jsx(d.b,{className:"mb-2",children:e.label||`Visualize ${e.chartConfigId} by`}),d.checkIfMultiple(e.chartConfigId,v||[])?e.ui!=="radio"?l.jsxRuntimeExports.jsx(C.ja,{options:e.allowedColumnIds,size:"sm",isMulti:!0,isSearchable:!0,variant:f,controlShouldRenderValue:!0,defaultValue:s?s[s.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===a)]):void 0,filterOption:C.Du(G),onChange:a=>{const t={columnId:(a||[]).map(h=>h.value),chartConfigId:e.chartConfigId},g=v?.map(h=>h.chartConfigId===t.chartConfigId?t:h);j(g)}}):l.jsxRuntimeExports.jsx(d.$,{variant:f,defaultValue:s?s[s.findIndex(a=>a.chartConfigId===e.chartConfigId)].columnId.map(a=>e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===a)]).map(a=>a.value):[],onValueChange:a=>{const t={columnId:a||[],chartConfigId:e.chartConfigId},g=v?.map(h=>h.chartConfigId===t.chartConfigId?t:h);j(g)},children:e.allowedColumnIds.map((a,t)=>l.jsxRuntimeExports.jsx(d.P,{label:a.label,value:a.label},t))}):e.ui!=="radio"?l.jsxRuntimeExports.jsx(C.ja,{options:e.allowedColumnIds,size:"sm",isClearable:!1,isSearchable:!0,variant:f,controlShouldRenderValue:!0,defaultValue:s?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===s[s.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)]:void 0,onChange:a=>{const t={columnId:a?.value,chartConfigId:e.chartConfigId},g=v?.map(h=>h.chartConfigId===t.chartConfigId?t:h);V(M(I,g)),j(g)}}):l.jsxRuntimeExports.jsx(d.ye,{variant:f,defaultValue:s?e.allowedColumnIds[e.allowedColumnIds.findIndex(a=>a.value===s[s.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)].label:"",onValueChange:a=>{const g={columnId:e.allowedColumnIds[e.allowedColumnIds.findIndex(T=>T.label===a)].value,chartConfigId:e.chartConfigId},h=v?.map(T=>T.chartConfigId===g.chartConfigId?g:T);V(M(I,h)),j(h)},children:e.allowedColumnIds.map((a,t)=>l.jsxRuntimeExports.jsx(d.he,{label:a.label,value:a.label},t))})]},r)),R?.map((e,r)=>l.jsxRuntimeExports.jsxs("div",{style:{width:e.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:e.width?0:1,flexShrink:0,minWidth:"240px"},className:"pb-4",children:[l.jsxRuntimeExports.jsx(d.b,{className:"mb-2",children:e.label}),e.singleSelect?e.ui!=="radio"?l.jsxRuntimeExports.jsx(C.ja,{options:e.availableValues,variant:f,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Du(G),onChange:a=>{y(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):l.jsxRuntimeExports.jsx(d.ye,{variant:f,defaultValue:e.defaultValue.value,onValueChange:a=>{y(e.filter,e.availableValues.filter(t=>t.value===a))},children:e.availableValues.map((a,t)=>l.jsxRuntimeExports.jsx(d.he,{label:`${a.label}`,value:`${a.value}`},t))}):l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[e.ui!=="radio"?l.jsxRuntimeExports.jsx(C.ja,{options:e.availableValues,variant:f,size:"sm",isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Du(G),onChange:a=>{y(e.filter,a)},value:e.value,defaultValue:e.defaultValue}):l.jsxRuntimeExports.jsx(d.$,{variant:f,defaultValue:e.defaultValue?e.defaultValue.map(a=>`${a.value}`):[],value:e.value?e.value.map(a=>`${a.value}`):void 0,onValueChange:a=>{y(e.filter,e.availableValues.filter(t=>a.indexOf(`${t.value}`)!==-1))},children:e.availableValues.map((a,t)=>l.jsxRuntimeExports.jsx(d.P,{label:`${a.label}`,value:`${a.value}`},t))}),e.allowSelectAll?l.jsxRuntimeExports.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:()=>{y(e.filter,e.availableValues)},children:"Select all options"}):null]})]},r)),m?l.jsxRuntimeExports.jsxs("div",{style:{width:m.width||`calc(${100/p}% - ${(p-1)/p}rem)`,flexGrow:m.width?0:1,flexShrink:0,minWidth:"240px"},className:"pb-4",children:[l.jsxRuntimeExports.jsx(d.b,{className:"mb-2",children:m.label||"Highlight data"}),l.jsxRuntimeExports.jsx(C.ja,{options:Y,variant:f,size:"sm",isMulti:!0,isClearable:!0,isSearchable:!0,controlShouldRenderValue:!0,filterOption:C.Du(G),onChange:e=>{X(e?.map(r=>r.value))},value:E?.map(e=>({label:e,value:e})),defaultValue:m.defaultValues?.map(e=>({label:e,value:e}))})]}):null]}):null,l.jsxRuntimeExports.jsx(re.GraphEl,{graph:b,graphData:ae,graphDataConfiguration:v,debugMode:S,readableHeader:B||[],updateFilters:K,settings:{...i||{},...x,graphTitle:void 0,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,width:void 0,height:void 0,relativeHeight:void 0,minHeight:void 0,padding:"0",theme:i?.theme,...E?{highlightedDataPoints:E,highlightedIds:E?.map(e=>`${e}`),highlightedLines:E?.map(e=>e)}:{}}})]}):l.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:l.jsxRuntimeExports.jsx(ne.w,{})})})}exports.SingleGraphDashboard=de;
-//# sourceMappingURL=SingleGraphDashboard.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./lodash.flattendeep-_PlS_1wX.cjs`),r=require(`./lodash.intersection-BDR4j58n.cjs`),i=require(`./GraphHeader.cjs`),a=require(`./getValues-CX_V1GcA.cjs`),o=require(`./fetchAndParseData-Dlq4UzdG.cjs`),s=require(`./getUniqValue-BItnnZEr.cjs`),c=require(`./filterData-B2pPOkwy.cjs`),l=require(`./transformDataForGraph-CiaG24wJ.cjs`),u=require(`./getGraphList-DnwJeVCr.cjs`),d=require(`./transformDataForSelect-Bmaowc2Z.cjs`),f=require(`./GraphContainer-7xAPK4Tb.cjs`),p=require(`./fast-deep-equal-DN3ilkVq.cjs`),ee=require(`./GraphEl-DKWanDSW.cjs`);let m=require(`react`),h=require(`@undp/design-system-react/CheckboxGroup`),g=require(`@undp/design-system-react/DropdownSelect`),_=require(`@undp/design-system-react/Label`),v=require(`@undp/design-system-react/RadioGroup`),y=require(`@undp/design-system-react/Spinner`);var b=e.a(p.t(),1),x=e.a(n.t(),1),te=e.a(r.t(),1),S=t.t(),C=e=>{if(e.findIndex(e=>e.chartConfigId===`yMin`)!==-1&&e.findIndex(e=>e.chartConfigId===`yMax`)!==-1)return e;let t=[...e];return e.findIndex(e=>e.chartConfigId===`yMin`)===-1&&t.push({chartConfigId:`yMin`,columnId:`${e[e.findIndex(e=>e.chartConfigId===`y`)].columnId}Min`}),e.findIndex(e=>e.chartConfigId===`yMax`)===-1&&t.push({chartConfigId:`yMax`,columnId:`${e[e.findIndex(e=>e.chartConfigId===`y`)].columnId}Max`}),t},w=(e,t)=>{let n=t?.map(t=>{let n=e?.findIndex(e=>e.chartConfigId===t.chartConfigId);if(n===-1)return{};let r=e[n]?.allowedColumnIds?.findIndex(e=>e.value===t.columnId);return r===-1?{}:e[n].allowedColumnIds[r].graphSettings||{}})||[];return Object.assign({},...n)};function T(e){let{graphSettings:t,dataSettings:n,filters:r,graphType:p,dataTransform:T,graphDataConfiguration:E,dataFilters:D,debugMode:O,dataSelectionOptions:k,advancedDataSelectionOptions:A,readableHeader:j,noOfFiltersPerRow:M=4,updateFilters:N,uiMode:P=`normal`,highlightDataPointSettings:F}=e,[I,L]=(0,m.useState)(void 0),[R,ne]=(0,m.useState)(void 0),[z,B]=(0,m.useState)(E),[V,H]=(0,m.useState)({}),[U,W]=(0,m.useState)(void 0),[G,K]=(0,m.useState)([]),q=(0,m.useRef)(null),J=(0,m.useRef)(E),[Y,X]=(0,m.useState)([]),Z={ignoreCase:!0,ignoreAccents:!0,trim:!0},Q=(0,m.useEffectEvent)(()=>{X((r||[]).map(e=>({filter:e.column,label:e.label||`Filter by ${e.column}`,singleSelect:e.singleSelect,clearable:e.clearable,ui:e.ui,defaultValue:d.t(e.defaultValue),value:d.t(e.defaultValue),availableValues:s.t(R,e.column).filter(t=>!e.excludeValues?.includes(`${t}`)).map(e=>({value:e,label:e})),allowSelectAll:e.allowSelectAll,width:e.width})))});(0,m.useEffect)(()=>{(async()=>{try{ne(n.dataURL?typeof n.dataURL==`string`?n.fileType===`json`?await o.r(n.dataURL,n.columnsToArray,n.dataTransformation,O):n.fileType===`api`?await o.a(n.dataURL,n.apiHeaders,n.columnsToArray,n.dataTransformation,O):await o.t(n.dataURL,n.dataTransformation,n.columnsToArray,O,n.delimiter,!0):await o.i(n.dataURL,n.idColumnTitle):await o.o(n.data,n.columnsToArray))}catch(e){console.error(`Data fetching error:`,e)}})(),Q()},[n,O]),(0,m.useEffect)(()=>{Q()},[r,R]);let re=(0,m.useEffectEvent)(()=>{!R||Y.length===0?L(R):L(R.filter(e=>Y.every(t=>t.value&&(0,x.default)([t.value]).length>0?(0,te.default)((0,x.default)([e[t.filter]]),(0,x.default)([t.value]).map(e=>e.value)).length>0:!0)))});(0,m.useEffect)(()=>{re()},[Y,R]),(0,m.useEffect)(()=>{k&&H(w(k,E))},[k,E]);let ie=(0,m.useEffectEvent)(()=>{F?.column&&I&&K(s.t(I,F.column).filter(e=>!F?.excludeValues?.includes(`${e}`)).map(e=>({value:e,label:e})))});(0,m.useEffect)(()=>{ie()},[F]),(0,m.useEffect)(()=>{(0,b.default)(J.current,E)||(B(E),J.current=E)},[E]);let $=(e,t)=>{X(n=>n.map(n=>n.filter===e?{...n,value:t}:n))},ae=R?l.t(T?l.n(c.t(R,D||[]),T.keyColumn,T.aggregationColumnsSetting):c.t(R,D||[]),p,p===`lineChartWithConfidenceInterval`&&z?C(z):z):void 0;return(0,S.jsx)(f.n,{className:t?.classNames?.graphContainer,style:t?.styles?.graphContainer,id:t?.graphID,ref:q,"aria-label":t?.ariaLabel,backgroundColor:t?.backgroundColor??!1,theme:t?.theme||`light`,language:t?.language||`en`,width:t?.width,height:t?.height,padding:t?.padding,minHeight:t?.minHeight,relativeHeight:t?.relativeHeight,children:R||u.t.filter(e=>e.geoHubMapPresentation).map(e=>e.graphID).indexOf(p)!==-1?(0,S.jsxs)(S.Fragment,{children:[V?.graphTitle||V?.graphDescription||t?.graphTitle||t?.graphDescription||t?.graphDownload||t?.dataDownload?(0,S.jsx)(i.GraphHeader,{styles:{title:V?.styles?.title||t?.styles?.title,description:V?.styles?.description||t?.styles?.description},classNames:{title:V?.classNames?.title||t?.classNames?.title,description:V?.classNames?.description||t?.classNames?.description},graphTitle:V?.graphTitle||t?.graphTitle,graphDescription:V?.graphDescription||t?.graphDescription,width:V?.width||t?.width,graphDownload:t?.graphDownload?q:void 0,dataDownload:t?.dataDownload&&R&&R.length>0?R:null}):null,Y.length!==0||(k||[]).length!==0||(A||[]).length!==0||F?(0,S.jsxs)(`div`,{className:`flex flex-wrap items-start gap-x-4 gap-y-0 w-full`,children:[A?.map((e,t)=>(0,S.jsxs)(`div`,{style:{width:e.width||`calc(${100/M}% - ${(M-1)/M}rem)`,flexGrow:+!e.width,flexShrink:e.ui!==`radio`||e.width?0:1,minWidth:`240px`},className:`pb-4`,children:[(0,S.jsx)(_.Label,{className:`mb-2`,children:e.label||`Graph by`}),e.ui===`radio`?(0,S.jsx)(v.RadioGroup,{defaultValue:e.defaultValue?.label||e.options[0].label,variant:P,onValueChange:t=>{let n=e.options[e.options.findIndex(e=>e.label===t)];H(n.graphSettings||{}),B(n.dataConfiguration)},children:e.options.map(e=>(0,S.jsx)(v.RadioGroupItem,{label:e.label,value:e.label},e.label))}):(0,S.jsx)(g.DropdownSelect,{options:e.options.map(e=>({...e,value:e.label})),size:`sm`,isClearable:!1,isSearchable:!0,variant:P,controlShouldRenderValue:!0,defaultValue:e.defaultValue?{...e.defaultValue,value:e.defaultValue?.label}:{...e.options[0],value:e.options[0].label},onChange:e=>{H(e?.graphSettings||{}),B(e?.dataConfiguration)}})]},t)),k?.map((e,t)=>(0,S.jsxs)(`div`,{style:{width:e.width||`calc(${100/M}% - ${(M-1)/M}rem)`,flexGrow:+!e.width,flexShrink:e.ui!==`radio`||e.width?0:1,minWidth:`240px`},className:`pb-4`,children:[(0,S.jsx)(_.Label,{className:`mb-2`,children:e.label||`Visualize ${e.chartConfigId} by`}),a.n(e.chartConfigId,z||[])?e.ui===`radio`?(0,S.jsx)(h.CheckboxGroup,{variant:P,defaultValue:E?E[E.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId.map(t=>e.allowedColumnIds[e.allowedColumnIds.findIndex(e=>e.value===t)]).map(e=>e.value):[],onValueChange:t=>{let n={columnId:t||[],chartConfigId:e.chartConfigId},r=z?.map(e=>e.chartConfigId===n.chartConfigId?n:e);B(r)},children:e.allowedColumnIds.map(e=>(0,S.jsx)(h.CheckboxGroupItem,{label:e.label,value:e.value},e.value))}):(0,S.jsx)(g.DropdownSelect,{options:e.allowedColumnIds,size:`sm`,isMulti:!0,isSearchable:!0,variant:P,controlShouldRenderValue:!0,defaultValue:E?E[E.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId.map(t=>e.allowedColumnIds[e.allowedColumnIds.findIndex(e=>e.value===t)]):void 0,filterOption:(0,g.createFilter)(Z),onChange:t=>{let n={columnId:(t||[]).map(e=>e.value),chartConfigId:e.chartConfigId},r=z?.map(e=>e.chartConfigId===n.chartConfigId?n:e);B(r)}}):e.ui===`radio`?(0,S.jsx)(v.RadioGroup,{variant:P,defaultValue:E?e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===E[E.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)].label:``,onValueChange:t=>{let n={columnId:e.allowedColumnIds[e.allowedColumnIds.findIndex(e=>e.label===t)].value,chartConfigId:e.chartConfigId},r=z?.map(e=>e.chartConfigId===n.chartConfigId?n:e);H(w(k,r)),B(r)},children:e.allowedColumnIds.map(e=>(0,S.jsx)(v.RadioGroupItem,{label:e.label,value:e.value},e.value))}):(0,S.jsx)(g.DropdownSelect,{options:e.allowedColumnIds,size:`sm`,isClearable:!1,isSearchable:!0,variant:P,controlShouldRenderValue:!0,defaultValue:E?e.allowedColumnIds[e.allowedColumnIds.findIndex(t=>t.value===E[E.findIndex(t=>t.chartConfigId===e.chartConfigId)].columnId)]:void 0,onChange:t=>{let n={columnId:t?.value,chartConfigId:e.chartConfigId},r=z?.map(e=>e.chartConfigId===n.chartConfigId?n:e);H(w(k,r)),B(r)}})]},t)),Y?.map(e=>(0,S.jsxs)(`div`,{style:{width:e.width||`calc(${100/M}% - ${(M-1)/M}rem)`,flexGrow:+!e.width,flexShrink:0,minWidth:`240px`},className:`pb-4`,children:[(0,S.jsx)(_.Label,{className:`mb-2`,children:e.label}),e.singleSelect?e.ui===`radio`?(0,S.jsx)(v.RadioGroup,{variant:P,defaultValue:e.defaultValue.value,onValueChange:t=>{$(e.filter,e.availableValues.filter(e=>e.value===t))},children:e.availableValues.map(e=>(0,S.jsx)(v.RadioGroupItem,{label:`${e.label}`,value:`${e.value}`},e.value))}):(0,S.jsx)(g.DropdownSelect,{options:e.availableValues,variant:P,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:(0,g.createFilter)(Z),onChange:t=>{$(e.filter,t)},value:e.value,defaultValue:e.defaultValue}):(0,S.jsxs)(S.Fragment,{children:[e.ui===`radio`?(0,S.jsx)(h.CheckboxGroup,{variant:P,defaultValue:e.defaultValue?e.defaultValue.map(e=>`${e.value}`):[],value:e.value?e.value.map(e=>`${e.value}`):void 0,onValueChange:t=>{$(e.filter,e.availableValues.filter(e=>t.indexOf(`${e.value}`)!==-1))},children:e.availableValues.map(e=>(0,S.jsx)(h.CheckboxGroupItem,{label:`${e.label}`,value:`${e.value}`},e.value))}):(0,S.jsx)(g.DropdownSelect,{options:e.availableValues,variant:P,size:`sm`,isMulti:!0,isClearable:e.clearable===void 0?!0:e.clearable,isSearchable:!0,controlShouldRenderValue:!0,filterOption:(0,g.createFilter)(Z),onChange:t=>{$(e.filter,t)},value:e.value,defaultValue:e.defaultValue}),e.allowSelectAll?(0,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:()=>{$(e.filter,e.availableValues)},children:`Select all options`}):null]})]},e.label)),F?(0,S.jsxs)(`div`,{style:{width:F.width||`calc(${100/M}% - ${(M-1)/M}rem)`,flexGrow:+!F.width,flexShrink:0,minWidth:`240px`},className:`pb-4`,children:[(0,S.jsx)(_.Label,{className:`mb-2`,children:F.label||`Highlight data`}),(0,S.jsx)(g.DropdownSelect,{options:G,variant:P,size:`sm`,isMulti:!0,isClearable:!0,isSearchable:!0,controlShouldRenderValue:!0,filterOption:(0,g.createFilter)(Z),onChange:e=>{W(e?.map(e=>e.value))},value:U?.map(e=>({label:e,value:e})),defaultValue:F.defaultValues?.map(e=>({label:e,value:e}))})]}):null]}):null,(0,S.jsx)(ee.t,{graph:p,graphData:ae,graphDataConfiguration:z,debugMode:O,readableHeader:j||[],updateFilters:N,settings:{...t||{},...V,graphTitle:void 0,graphDescription:void 0,graphDownload:!1,dataDownload:!1,backgroundColor:void 0,width:void 0,height:void 0,relativeHeight:void 0,minHeight:void 0,padding:`0`,theme:t?.theme,...U?{highlightedDataPoints:U,highlightedIds:U?.map(e=>`${e}`),highlightedLines:U?.map(e=>e)}:{}}})]}):(0,S.jsx)(`div`,{className:`w-full flex justify-center p-4`,children:(0,S.jsx)(y.Spinner,{})})})}exports.SingleGraphDashboard=T;
+//# sourceMappingURL=SingleGraphDashboard.cjs.map

package/dist/SingleGraphDashboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SingleGraphDashboard.cjs","sources":["../src/Components/Dashboard/SingleGraphDashboard.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport intersection from 'lodash.intersection';\r\nimport flattenDeep from 'lodash.flattendeep';\r\nimport isEqual from 'fast-deep-equal';\r\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\r\nimport { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\r\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { Label } from '@undp/design-system-react/Label';\r\n\r\nimport { GraphContainer } from '../Elements/GraphContainer';\r\n\r\nimport GraphEl from './GraphEl';\r\n\r\nimport {\r\n  AdvancedDataSelectionDataType,\r\n  AggregationSettingsDataType,\r\n  DataFilterDataType,\r\n  DataSelectionDataType,\r\n  DataSettingsDataType,\r\n  FilterSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphConfigurationDataType,\r\n  GraphSettingsDataType,\r\n  GraphType,\r\n  HighlightDataPointSettingsDataType,\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 { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { filterData } from '@/Utils/transformData/filterData';\r\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\r\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\r\nimport { graphList } from '@/Utils/getGraphList';\r\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\r\n\r\ninterface Props {\r\n  graphSettings?: GraphSettingsDataType;\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  highlightDataPointSettings?: HighlightDataPointSettingsDataType;\r\n  noOfFiltersPerRow?: number;\r\n  graphType: GraphType;\r\n  dataTransform?: {\r\n    keyColumn: string;\r\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n  };\r\n  dataFilters?: DataFilterDataType[];\r\n  graphDataConfiguration?: GraphConfigurationDataType[];\r\n  dataSelectionOptions?: DataSelectionDataType[];\r\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n  debugMode?: boolean;\r\n  uiMode?: 'light' | 'normal';\r\n  updateFilters?: (_d: string) => void;\r\n}\r\n\r\nconst addMinAndMax = (config: GraphConfigurationDataType[]) => {\r\n  if (\r\n    config.findIndex(d => d.chartConfigId === 'yMin') !== -1 &&\r\n    config.findIndex(d => d.chartConfigId === 'yMax') !== -1\r\n  )\r\n    return config;\r\n  const configTemp = [...config];\r\n  if (config.findIndex(d => d.chartConfigId === 'yMin') === -1) {\r\n    configTemp.push({\r\n      chartConfigId: 'yMin',\r\n      columnId: `${config[config.findIndex(d => d.chartConfigId === 'y')].columnId}Min`,\r\n    });\r\n  }\r\n  if (config.findIndex(d => d.chartConfigId === 'yMax') === -1) {\r\n    configTemp.push({\r\n      chartConfigId: 'yMax',\r\n      columnId: `${config[config.findIndex(d => d.chartConfigId === 'y')].columnId}Max`,\r\n    });\r\n  }\r\n  return configTemp;\r\n};\r\n\r\nconst getGraphSettings = (\r\n  dataSelectionOptions: DataSelectionDataType[],\r\n  updatedConfig?: GraphConfigurationDataType[],\r\n) => {\r\n  const updatedSettings =\r\n    updatedConfig?.map(c => {\r\n      const indx = dataSelectionOptions?.findIndex(opt => opt.chartConfigId === c.chartConfigId);\r\n      if (indx === -1) return {};\r\n      const allowedValIndx = dataSelectionOptions[indx]?.allowedColumnIds?.findIndex(\r\n        col => col.value === c.columnId,\r\n      );\r\n      if (allowedValIndx === -1) return {};\r\n      return dataSelectionOptions[indx].allowedColumnIds[allowedValIndx].graphSettings || {};\r\n    }) || [];\r\n  return Object.assign({}, ...updatedSettings);\r\n};\r\n\r\nexport function SingleGraphDashboard(props: Props) {\r\n  const {\r\n    graphSettings,\r\n    dataSettings,\r\n    filters,\r\n    graphType,\r\n    dataTransform,\r\n    graphDataConfiguration,\r\n    dataFilters,\r\n    debugMode,\r\n    dataSelectionOptions,\r\n    advancedDataSelectionOptions,\r\n    readableHeader,\r\n    noOfFiltersPerRow = 4,\r\n    updateFilters,\r\n    uiMode = 'normal',\r\n    highlightDataPointSettings,\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 [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\r\n    graphDataConfiguration,\r\n  );\r\n  const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\r\n  const [highlightedDataPointList, setHighlightedDataPointList] = useState<\r\n    (string | number)[] | undefined\r\n  >(undefined);\r\n  const [highlightedDataPointOptions, setHighlightedDataPointOption] = useState<\r\n    { label: string | number; value: string | number }[]\r\n  >([]);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  const prevGraphDataConfigRef = useRef<GraphConfigurationDataType[] | undefined>(\r\n    graphDataConfiguration,\r\n  );\r\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\r\n\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      ui: el.ui,\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\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\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    if (dataSelectionOptions)\r\n      // eslint-disable-next-line react-hooks/set-state-in-effect\r\n      setAdvancedGraphSettings(getGraphSettings(dataSelectionOptions, graphDataConfiguration));\r\n  }, [dataSelectionOptions, graphDataConfiguration]);\r\n\r\n  const updateHighlightedDataPointOptions = useEffectEvent(() => {\r\n    if (highlightDataPointSettings?.column && filteredData)\r\n      setHighlightedDataPointOption(\r\n        getUniqValue(filteredData, highlightDataPointSettings.column)\r\n          .filter(v => !highlightDataPointSettings?.excludeValues?.includes(`${v}`))\r\n          .map(d => ({ value: d, label: d })),\r\n      );\r\n  });\r\n\r\n  useEffect(() => {\r\n    updateHighlightedDataPointOptions();\r\n  }, [highlightDataPointSettings]);\r\n\r\n  useEffect(() => {\r\n    if (!isEqual(prevGraphDataConfigRef.current, graphDataConfiguration)) {\r\n      // eslint-disable-next-line react-hooks/set-state-in-effect\r\n      setGraphConfig(graphDataConfiguration);\r\n      prevGraphDataConfigRef.current = graphDataConfiguration;\r\n    }\r\n  }, [graphDataConfiguration]);\r\n\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\r\n  const graphData = !data\r\n    ? undefined\r\n    : transformDataForGraph(\r\n        dataTransform\r\n          ? transformDataForAggregation(\r\n              filterData(data, dataFilters || []),\r\n              dataTransform.keyColumn,\r\n              dataTransform.aggregationColumnsSetting,\r\n            )\r\n          : filterData(data, dataFilters || []),\r\n        graphType,\r\n        graphType === 'lineChartWithConfidenceInterval' && graphConfig\r\n          ? addMinAndMax(graphConfig)\r\n          : graphConfig,\r\n      );\r\n  return (\r\n    <GraphContainer\r\n      className={graphSettings?.classNames?.graphContainer}\r\n      style={graphSettings?.styles?.graphContainer}\r\n      id={graphSettings?.graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={graphSettings?.ariaLabel}\r\n      backgroundColor={graphSettings?.backgroundColor ?? false}\r\n      theme={graphSettings?.theme || 'light'}\r\n      language={graphSettings?.language || 'en'}\r\n      width={graphSettings?.width}\r\n      height={graphSettings?.height}\r\n      padding={graphSettings?.padding}\r\n      minHeight={graphSettings?.minHeight}\r\n      relativeHeight={graphSettings?.relativeHeight}\r\n    >\r\n      {data ||\r\n      graphList\r\n        .filter(el => el.geoHubMapPresentation)\r\n        .map(el => el.graphID)\r\n        .indexOf(graphType) !== -1 ? (\r\n        <>\r\n          {advancedGraphSettings?.graphTitle ||\r\n          advancedGraphSettings?.graphDescription ||\r\n          graphSettings?.graphTitle ||\r\n          graphSettings?.graphDescription ||\r\n          graphSettings?.graphDownload ||\r\n          graphSettings?.dataDownload ? (\r\n            <GraphHeader\r\n              styles={{\r\n                title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\r\n                description:\r\n                  advancedGraphSettings?.styles?.description || graphSettings?.styles?.description,\r\n              }}\r\n              classNames={{\r\n                title: advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\r\n                description:\r\n                  advancedGraphSettings?.classNames?.description ||\r\n                  graphSettings?.classNames?.description,\r\n              }}\r\n              graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\r\n              graphDescription={\r\n                advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\r\n              }\r\n              width={advancedGraphSettings?.width || graphSettings?.width}\r\n              graphDownload={graphSettings?.graphDownload ? graphParentDiv : undefined}\r\n              dataDownload={\r\n                graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\r\n              }\r\n            />\r\n          ) : null}\r\n          {filterSettings.length !== 0 ||\r\n          (dataSelectionOptions || []).length !== 0 ||\r\n          (advancedDataSelectionOptions || []).length !== 0 ||\r\n          highlightDataPointSettings ? (\r\n            <div className='flex flex-wrap items-start gap-x-4 gap-y-0 w-full'>\r\n              {advancedDataSelectionOptions?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  className='pb-4'\r\n                  key={i}\r\n                >\r\n                  <Label className='mb-2'>{d.label || 'Graph by'}</Label>\r\n                  {d.ui !== 'radio' ? (\r\n                    <DropdownSelect\r\n                      options={d.options.map(opt => ({\r\n                        ...opt,\r\n                        value: opt.label,\r\n                      }))}\r\n                      size='sm'\r\n                      isClearable={false}\r\n                      isSearchable\r\n                      variant={uiMode}\r\n                      controlShouldRenderValue\r\n                      defaultValue={\r\n                        d.defaultValue\r\n                          ? {\r\n                              ...d.defaultValue,\r\n                              value: d.defaultValue?.label,\r\n                            }\r\n                          : {\r\n                              ...d.options[0],\r\n                              value: d.options[0].label,\r\n                            }\r\n                      }\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        setAdvancedGraphSettings(el?.graphSettings || {});\r\n                        setGraphConfig(el?.dataConfiguration);\r\n                      }}\r\n                    />\r\n                  ) : (\r\n                    <RadioGroup\r\n                      defaultValue={d.defaultValue?.label || d.options[0].label}\r\n                      variant={uiMode}\r\n                      onValueChange={el => {\r\n                        const selectedOption =\r\n                          d.options[d.options.findIndex(opt => opt.label === el)];\r\n                        setAdvancedGraphSettings(selectedOption.graphSettings || {});\r\n                        setGraphConfig(selectedOption.dataConfiguration);\r\n                      }}\r\n                    >\r\n                      {d.options.map((el, j) => (\r\n                        <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n                      ))}\r\n                    </RadioGroup>\r\n                  )}\r\n                </div>\r\n              ))}\r\n              {dataSelectionOptions?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  className='pb-4'\r\n                  key={i}\r\n                >\r\n                  <Label className='mb-2'>{d.label || `Visualize ${d.chartConfigId} by`}</Label>\r\n                  {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\r\n                    d.ui !== 'radio' ? (\r\n                      <DropdownSelect\r\n                        options={d.allowedColumnIds}\r\n                        size='sm'\r\n                        isClearable={false}\r\n                        isSearchable\r\n                        variant={uiMode}\r\n                        controlShouldRenderValue\r\n                        defaultValue={\r\n                          graphDataConfiguration\r\n                            ? d.allowedColumnIds[\r\n                                d.allowedColumnIds.findIndex(\r\n                                  j =>\r\n                                    j.value ===\r\n                                    (graphDataConfiguration[\r\n                                      graphDataConfiguration.findIndex(\r\n                                        el => el.chartConfigId === d.chartConfigId,\r\n                                      )\r\n                                    ].columnId as string),\r\n                                )\r\n                              ]\r\n                            : undefined\r\n                        }\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        onChange={(el: any) => {\r\n                          const newGraphConfig = {\r\n                            columnId: el?.value as string,\r\n                            chartConfigId: d.chartConfigId,\r\n                          };\r\n                          const updatedConfig = graphConfig?.map(item =>\r\n                            item.chartConfigId === newGraphConfig.chartConfigId\r\n                              ? newGraphConfig\r\n                              : item,\r\n                          );\r\n                          setAdvancedGraphSettings(\r\n                            getGraphSettings(dataSelectionOptions, updatedConfig),\r\n                          );\r\n                          setGraphConfig(updatedConfig);\r\n                        }}\r\n                      />\r\n                    ) : (\r\n                      <RadioGroup\r\n                        variant={uiMode}\r\n                        defaultValue={\r\n                          graphDataConfiguration\r\n                            ? d.allowedColumnIds[\r\n                                d.allowedColumnIds.findIndex(\r\n                                  j =>\r\n                                    j.value ===\r\n                                    (graphDataConfiguration[\r\n                                      graphDataConfiguration.findIndex(\r\n                                        el => el.chartConfigId === d.chartConfigId,\r\n                                      )\r\n                                    ].columnId as string),\r\n                                )\r\n                              ].label\r\n                            : ''\r\n                        }\r\n                        onValueChange={el => {\r\n                          const selectedOption =\r\n                            d.allowedColumnIds[\r\n                              d.allowedColumnIds.findIndex(opt => opt.label === el)\r\n                            ];\r\n                          const newGraphConfig = {\r\n                            columnId: selectedOption.value,\r\n                            chartConfigId: d.chartConfigId,\r\n                          };\r\n                          const updatedConfig = graphConfig?.map(item =>\r\n                            item.chartConfigId === newGraphConfig.chartConfigId\r\n                              ? newGraphConfig\r\n                              : item,\r\n                          );\r\n                          setAdvancedGraphSettings(\r\n                            getGraphSettings(dataSelectionOptions, updatedConfig),\r\n                          );\r\n                          setGraphConfig(updatedConfig);\r\n                        }}\r\n                      >\r\n                        {d.allowedColumnIds.map((el, j) => (\r\n                          <RadioGroupItem label={el.label} value={el.label} key={j} />\r\n                        ))}\r\n                      </RadioGroup>\r\n                    )\r\n                  ) : d.ui !== 'radio' ? (\r\n                    <DropdownSelect\r\n                      options={d.allowedColumnIds}\r\n                      size='sm'\r\n                      isMulti\r\n                      isSearchable\r\n                      variant={uiMode}\r\n                      controlShouldRenderValue\r\n                      defaultValue={\r\n                        graphDataConfiguration\r\n                          ? (\r\n                              graphDataConfiguration[\r\n                                graphDataConfiguration.findIndex(\r\n                                  el => el.chartConfigId === d.chartConfigId,\r\n                                )\r\n                              ].columnId as string[]\r\n                            ).map(\r\n                              el =>\r\n                                d.allowedColumnIds[\r\n                                  d.allowedColumnIds.findIndex(j => j.value === el)\r\n                                ],\r\n                            )\r\n                          : undefined\r\n                      }\r\n                      filterOption={createFilter(filterConfig)}\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      onChange={(el: any) => {\r\n                        const newGraphConfig = {\r\n                          columnId: (el || []).map(\r\n                            // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                            (item: any) => item.value,\r\n                          ) as string[],\r\n                          chartConfigId: d.chartConfigId,\r\n                        };\r\n                        const updatedConfig = graphConfig?.map(item =>\r\n                          item.chartConfigId === newGraphConfig.chartConfigId\r\n                            ? newGraphConfig\r\n                            : item,\r\n                        );\r\n                        setGraphConfig(updatedConfig);\r\n                      }}\r\n                    />\r\n                  ) : (\r\n                    <CheckboxGroup\r\n                      variant={uiMode}\r\n                      defaultValue={\r\n                        graphDataConfiguration\r\n                          ? (\r\n                              graphDataConfiguration[\r\n                                graphDataConfiguration.findIndex(\r\n                                  el => el.chartConfigId === d.chartConfigId,\r\n                                )\r\n                              ].columnId as string[]\r\n                            )\r\n                              .map(\r\n                                el =>\r\n                                  d.allowedColumnIds[\r\n                                    d.allowedColumnIds.findIndex(j => j.value === el)\r\n                                  ],\r\n                              )\r\n                              .map(el => el.value)\r\n                          : []\r\n                      }\r\n                      onValueChange={el => {\r\n                        const newGraphConfig = {\r\n                          columnId: el || [],\r\n                          chartConfigId: d.chartConfigId,\r\n                        };\r\n                        const updatedConfig = graphConfig?.map(item =>\r\n                          item.chartConfigId === newGraphConfig.chartConfigId\r\n                            ? newGraphConfig\r\n                            : item,\r\n                        );\r\n                        setGraphConfig(updatedConfig);\r\n                      }}\r\n                    >\r\n                      {d.allowedColumnIds.map((el, j) => (\r\n                        <CheckboxGroupItem label={el.label} value={el.label} key={j} />\r\n                      ))}\r\n                    </CheckboxGroup>\r\n                  )}\r\n                </div>\r\n              ))}\r\n              {filterSettings?.map((d, i) => (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      d.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: d.width ? 0 : 1,\r\n                    flexShrink: 0,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  className='pb-4'\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              {highlightDataPointSettings ? (\r\n                <div\r\n                  style={{\r\n                    width:\r\n                      highlightDataPointSettings.width ||\r\n                      `calc(${100 / noOfFiltersPerRow}% - ${\r\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\r\n                      }rem)`,\r\n                    flexGrow: highlightDataPointSettings.width ? 0 : 1,\r\n                    flexShrink: 0,\r\n                    minWidth: '240px',\r\n                  }}\r\n                  className='pb-4'\r\n                >\r\n                  <Label className='mb-2'>\r\n                    {highlightDataPointSettings.label || 'Highlight data'}\r\n                  </Label>\r\n                  <DropdownSelect\r\n                    options={highlightedDataPointOptions}\r\n                    variant={uiMode}\r\n                    size='sm'\r\n                    isMulti\r\n                    isClearable\r\n                    isSearchable\r\n                    controlShouldRenderValue\r\n                    filterOption={createFilter(filterConfig)}\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    onChange={(el: any) => {\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      setHighlightedDataPointList(el?.map((d: any) => d.value));\r\n                    }}\r\n                    value={highlightedDataPointList?.map(d => ({\r\n                      label: d,\r\n                      value: d,\r\n                    }))}\r\n                    defaultValue={highlightDataPointSettings.defaultValues?.map(d => ({\r\n                      label: d,\r\n                      value: d,\r\n                    }))}\r\n                  />\r\n                </div>\r\n              ) : null}\r\n            </div>\r\n          ) : null}\r\n          <GraphEl\r\n            graph={graphType}\r\n            graphData={graphData}\r\n            graphDataConfiguration={graphConfig}\r\n            debugMode={debugMode}\r\n            readableHeader={readableHeader || []}\r\n            updateFilters={updateFilters}\r\n            settings={{\r\n              ...(graphSettings || {}),\r\n              ...advancedGraphSettings,\r\n              graphTitle: undefined,\r\n              graphDescription: undefined,\r\n              graphDownload: false,\r\n              dataDownload: false,\r\n              backgroundColor: undefined,\r\n              width: undefined,\r\n              height: undefined,\r\n              relativeHeight: undefined,\r\n              minHeight: undefined,\r\n              padding: '0',\r\n              theme: graphSettings?.theme,\r\n              ...(highlightedDataPointList\r\n                ? {\r\n                    highlightedDataPoints: highlightedDataPointList,\r\n                    highlightedIds: highlightedDataPointList?.map(d => `${d}`),\r\n                    highlightedLines: highlightedDataPointList?.map(d => d),\r\n                  }\r\n                : {}),\r\n            }}\r\n          />\r\n        </>\r\n      ) : (\r\n        <div className='w-full flex justify-center p-4'>\r\n          <Spinner />\r\n        </div>\r\n      )}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["addMinAndMax","config","findIndex","d","chartConfigId","configTemp","push","columnId","getGraphSettings","dataSelectionOptions","updatedConfig","updatedSettings","map","c","indx","opt","allowedValIndx","allowedColumnIds","col","value","graphSettings","Object","assign","SingleGraphDashboard","props","dataSettings","filters","graphType","dataTransform","graphDataConfiguration","dataFilters","debugMode","advancedDataSelectionOptions","readableHeader","noOfFiltersPerRow","updateFilters","uiMode","highlightDataPointSettings","filteredData","setFilteredData","useState","undefined","data","setData","graphConfig","setGraphConfig","advancedGraphSettings","setAdvancedGraphSettings","highlightedDataPointList","setHighlightedDataPointList","highlightedDataPointOptions","setHighlightedDataPointOption","graphParentDiv","useRef","prevGraphDataConfigRef","filterSettings","setFilterSettings","filterConfig","ignoreCase","ignoreAccents","trim","updateFiltersEvent","useEffectEvent","filterSettingsTemp","el","filter","column","label","singleSelect","clearable","ui","defaultValue","transformDefaultValue","availableValues","getUniqValue","v","excludeValues","includes","allowSelectAll","width","useEffect","dataFromFile","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","console","fetchData","filteredDataEvent","length","result","item","every","flattenDeep","intersection","updateHighlightedDataPointOptions","isEqual","current","handleFilterChange","values","prev","f","graphData","transformDataForGraph","transformDataForAggregation","filterData","keyColumn","aggregationColumnsSetting","jsx","GraphContainer","classNames","graphContainer","styles","graphID","ariaLabel","backgroundColor","theme","language","height","padding","minHeight","relativeHeight","graphList","geoHubMapPresentation","indexOf","jsxs","Fragment","graphTitle","graphDescription","graphDownload","dataDownload","GraphHeader","title","description","i","flexGrow","flexShrink","minWidth","Label","DropdownSelect","options","dataConfiguration","RadioGroup","selectedOption","j","RadioGroupItem","checkIfMultiple","createFilter","newGraphConfig","CheckboxGroup","CheckboxGroupItem","defaultValues","GraphEl","highlightedDataPoints","highlightedIds","highlightedLines","Spinner"],"mappings":"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"}
+{"version":3,"file":"SingleGraphDashboard.cjs","names":[],"sources":["../src/Components/Dashboard/SingleGraphDashboard.tsx"],"sourcesContent":["import { CheckboxGroup, CheckboxGroupItem } from '@undp/design-system-react/CheckboxGroup';\nimport { createFilter, DropdownSelect } from '@undp/design-system-react/DropdownSelect';\nimport { Label } from '@undp/design-system-react/Label';\nimport { RadioGroup, RadioGroupItem } from '@undp/design-system-react/RadioGroup';\nimport { Spinner } from '@undp/design-system-react/Spinner';\nimport isEqual from 'fast-deep-equal';\nimport flattenDeep from 'lodash.flattendeep';\nimport intersection from 'lodash.intersection';\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AdvancedDataSelectionDataType,\n  AggregationSettingsDataType,\n  DataFilterDataType,\n  DataSelectionDataType,\n  DataSettingsDataType,\n  FilterSettingsDataType,\n  FilterUiSettingsDataType,\n  GraphConfigurationDataType,\n  GraphSettingsDataType,\n  GraphType,\n  HighlightDataPointSettingsDataType,\n} from '@/Types';\nimport { checkIfMultiple } from '@/Utils/checkIfMultiple';\nimport {\n  fetchAndParseCSV,\n  fetchAndParseJSON,\n  fetchAndParseMultipleDataSources,\n  fetchAndTransformDataFromAPI,\n} from '@/Utils/fetchAndParseData';\nimport { graphList } from '@/Utils/getGraphList';\nimport { getUniqValue } from '@/Utils/getUniqValue';\nimport { filterData } from '@/Utils/transformData/filterData';\nimport { transformColumnsToArray } from '@/Utils/transformData/transformColumnsToArray';\nimport { transformDataForAggregation } from '@/Utils/transformData/transformDataForAggregation';\nimport { transformDataForGraph } from '@/Utils/transformData/transformDataForGraph';\nimport { transformDefaultValue } from '@/Utils/transformDataForSelect';\nimport { GraphContainer } from '../Elements/GraphContainer';\nimport GraphEl from './GraphEl';\n\ninterface Props {\n  graphSettings?: GraphSettingsDataType;\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  dataSettings: DataSettingsDataType;\n  filters?: FilterUiSettingsDataType[];\n  highlightDataPointSettings?: HighlightDataPointSettingsDataType;\n  noOfFiltersPerRow?: number;\n  graphType: GraphType;\n  dataTransform?: {\n    keyColumn: string;\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\n  };\n  dataFilters?: DataFilterDataType[];\n  graphDataConfiguration?: GraphConfigurationDataType[];\n  dataSelectionOptions?: DataSelectionDataType[];\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\n  debugMode?: boolean;\n  uiMode?: 'light' | 'normal';\n  updateFilters?: (_d: string) => void;\n}\n\nconst addMinAndMax = (config: GraphConfigurationDataType[]) => {\n  if (\n    config.findIndex((d) => d.chartConfigId === 'yMin') !== -1 &&\n    config.findIndex((d) => d.chartConfigId === 'yMax') !== -1\n  )\n    return config;\n  const configTemp = [...config];\n  if (config.findIndex((d) => d.chartConfigId === 'yMin') === -1) {\n    configTemp.push({\n      chartConfigId: 'yMin',\n      columnId: `${config[config.findIndex((d) => d.chartConfigId === 'y')].columnId}Min`,\n    });\n  }\n  if (config.findIndex((d) => d.chartConfigId === 'yMax') === -1) {\n    configTemp.push({\n      chartConfigId: 'yMax',\n      columnId: `${config[config.findIndex((d) => d.chartConfigId === 'y')].columnId}Max`,\n    });\n  }\n  return configTemp;\n};\n\nconst getGraphSettings = (\n  dataSelectionOptions: DataSelectionDataType[],\n  updatedConfig?: GraphConfigurationDataType[],\n) => {\n  const updatedSettings =\n    updatedConfig?.map((c) => {\n      const indx = dataSelectionOptions?.findIndex((opt) => opt.chartConfigId === c.chartConfigId);\n      if (indx === -1) return {};\n      const allowedValIndx = dataSelectionOptions[indx]?.allowedColumnIds?.findIndex(\n        (col) => col.value === c.columnId,\n      );\n      if (allowedValIndx === -1) return {};\n      return dataSelectionOptions[indx].allowedColumnIds[allowedValIndx].graphSettings || {};\n    }) || [];\n  return Object.assign({}, ...updatedSettings);\n};\n\nexport function SingleGraphDashboard(props: Props) {\n  const {\n    graphSettings,\n    dataSettings,\n    filters,\n    graphType,\n    dataTransform,\n    graphDataConfiguration,\n    dataFilters,\n    debugMode,\n    dataSelectionOptions,\n    advancedDataSelectionOptions,\n    readableHeader,\n    noOfFiltersPerRow = 4,\n    updateFilters,\n    uiMode = 'normal',\n    highlightDataPointSettings,\n  } = props;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [filteredData, setFilteredData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [data, setData] = useState<any>(undefined);\n  const [graphConfig, setGraphConfig] = useState<GraphConfigurationDataType[] | undefined>(\n    graphDataConfiguration,\n  );\n  const [advancedGraphSettings, setAdvancedGraphSettings] = useState<GraphSettingsDataType>({});\n  const [highlightedDataPointList, setHighlightedDataPointList] = useState<\n    (string | number)[] | undefined\n  >(undefined);\n  const [highlightedDataPointOptions, setHighlightedDataPointOption] = useState<\n    { label: string | number; value: string | number }[]\n  >([]);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  const prevGraphDataConfigRef = useRef<GraphConfigurationDataType[] | undefined>(\n    graphDataConfiguration,\n  );\n  const [filterSettings, setFilterSettings] = useState<FilterSettingsDataType[]>([]);\n\n  const filterConfig = {\n    ignoreCase: true,\n    ignoreAccents: true,\n    trim: true,\n  };\n\n  const updateFiltersEvent = useEffectEvent(() => {\n    const filterSettingsTemp = (filters || []).map((el) => ({\n      filter: el.column,\n      label: el.label || `Filter by ${el.column}`,\n      singleSelect: el.singleSelect,\n      clearable: el.clearable,\n      ui: el.ui,\n      defaultValue: transformDefaultValue(el.defaultValue),\n      value: transformDefaultValue(el.defaultValue),\n      availableValues: getUniqValue(data, el.column)\n        .filter((v) => !el.excludeValues?.includes(`${v}`))\n        .map((v) => ({ value: v, label: v })),\n      allowSelectAll: el.allowSelectAll,\n      width: el.width,\n    }));\n    setFilterSettings(filterSettingsTemp);\n  });\n\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        const dataFromFile = dataSettings.dataURL\n          ? typeof dataSettings.dataURL === 'string'\n            ? dataSettings.fileType === 'json'\n              ? await fetchAndParseJSON(\n                  dataSettings.dataURL,\n                  dataSettings.columnsToArray,\n                  dataSettings.dataTransformation,\n                  debugMode,\n                )\n              : dataSettings.fileType === 'api'\n                ? await fetchAndTransformDataFromAPI(\n                    dataSettings.dataURL,\n                    dataSettings.apiHeaders,\n                    dataSettings.columnsToArray,\n                    dataSettings.dataTransformation,\n                    debugMode,\n                  )\n                : await fetchAndParseCSV(\n                    dataSettings.dataURL,\n                    dataSettings.dataTransformation,\n                    dataSettings.columnsToArray,\n                    debugMode,\n                    dataSettings.delimiter,\n                    true,\n                  )\n            : await fetchAndParseMultipleDataSources(\n                dataSettings.dataURL,\n                dataSettings.idColumnTitle,\n              )\n          : await transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\n        setData(dataFromFile);\n      } catch (error) {\n        console.error('Data fetching error:', error);\n      }\n    };\n    fetchData();\n    updateFiltersEvent();\n  }, [dataSettings, debugMode]);\n\n  useEffect(() => {\n    updateFiltersEvent();\n  }, [filters, data]);\n\n  const filteredDataEvent = useEffectEvent(() => {\n    if (!data || filterSettings.length === 0) setFilteredData(data);\n    else {\n      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n      const result = data.filter((item: any) =>\n        filterSettings.every((filter) =>\n          filter.value && flattenDeep([filter.value]).length > 0\n            ? intersection(\n                flattenDeep([item[filter.filter]]),\n                flattenDeep([filter.value]).map((el) => el.value),\n              ).length > 0\n            : true,\n        ),\n      );\n      setFilteredData(result);\n    }\n  });\n  useEffect(() => {\n    filteredDataEvent();\n  }, [filterSettings, data]);\n\n  useEffect(() => {\n    if (dataSelectionOptions)\n      setAdvancedGraphSettings(getGraphSettings(dataSelectionOptions, graphDataConfiguration));\n  }, [dataSelectionOptions, graphDataConfiguration]);\n\n  const updateHighlightedDataPointOptions = useEffectEvent(() => {\n    if (highlightDataPointSettings?.column && filteredData)\n      setHighlightedDataPointOption(\n        getUniqValue(filteredData, highlightDataPointSettings.column)\n          .filter((v) => !highlightDataPointSettings?.excludeValues?.includes(`${v}`))\n          .map((d) => ({ value: d, label: d })),\n      );\n  });\n\n  useEffect(() => {\n    updateHighlightedDataPointOptions();\n  }, [highlightDataPointSettings]);\n\n  useEffect(() => {\n    if (!isEqual(prevGraphDataConfigRef.current, graphDataConfiguration)) {\n      setGraphConfig(graphDataConfiguration);\n      prevGraphDataConfigRef.current = graphDataConfiguration;\n    }\n  }, [graphDataConfiguration]);\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const handleFilterChange = (filter: string, values: any) => {\n    setFilterSettings((prev) =>\n      prev.map((f) => (f.filter === filter ? { ...f, value: values } : f)),\n    );\n  };\n\n  const graphData = !data\n    ? undefined\n    : transformDataForGraph(\n        dataTransform\n          ? transformDataForAggregation(\n              filterData(data, dataFilters || []),\n              dataTransform.keyColumn,\n              dataTransform.aggregationColumnsSetting,\n            )\n          : filterData(data, dataFilters || []),\n        graphType,\n        graphType === 'lineChartWithConfidenceInterval' && graphConfig\n          ? addMinAndMax(graphConfig)\n          : graphConfig,\n      );\n  return (\n    <GraphContainer\n      className={graphSettings?.classNames?.graphContainer}\n      style={graphSettings?.styles?.graphContainer}\n      id={graphSettings?.graphID}\n      ref={graphParentDiv}\n      aria-label={graphSettings?.ariaLabel}\n      backgroundColor={graphSettings?.backgroundColor ?? false}\n      theme={graphSettings?.theme || 'light'}\n      language={graphSettings?.language || 'en'}\n      width={graphSettings?.width}\n      height={graphSettings?.height}\n      padding={graphSettings?.padding}\n      minHeight={graphSettings?.minHeight}\n      relativeHeight={graphSettings?.relativeHeight}\n    >\n      {data ||\n      graphList\n        .filter((el) => el.geoHubMapPresentation)\n        .map((el) => el.graphID)\n        .indexOf(graphType) !== -1 ? (\n        <>\n          {advancedGraphSettings?.graphTitle ||\n          advancedGraphSettings?.graphDescription ||\n          graphSettings?.graphTitle ||\n          graphSettings?.graphDescription ||\n          graphSettings?.graphDownload ||\n          graphSettings?.dataDownload ? (\n            <GraphHeader\n              styles={{\n                title: advancedGraphSettings?.styles?.title || graphSettings?.styles?.title,\n                description:\n                  advancedGraphSettings?.styles?.description || graphSettings?.styles?.description,\n              }}\n              classNames={{\n                title: advancedGraphSettings?.classNames?.title || graphSettings?.classNames?.title,\n                description:\n                  advancedGraphSettings?.classNames?.description ||\n                  graphSettings?.classNames?.description,\n              }}\n              graphTitle={advancedGraphSettings?.graphTitle || graphSettings?.graphTitle}\n              graphDescription={\n                advancedGraphSettings?.graphDescription || graphSettings?.graphDescription\n              }\n              width={advancedGraphSettings?.width || graphSettings?.width}\n              graphDownload={graphSettings?.graphDownload ? graphParentDiv : undefined}\n              dataDownload={\n                graphSettings?.dataDownload && data ? (data.length > 0 ? data : null) : null\n              }\n            />\n          ) : null}\n          {filterSettings.length !== 0 ||\n          (dataSelectionOptions || []).length !== 0 ||\n          (advancedDataSelectionOptions || []).length !== 0 ||\n          highlightDataPointSettings ? (\n            <div className='flex flex-wrap items-start gap-x-4 gap-y-0 w-full'>\n              {advancedDataSelectionOptions?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  className='pb-4'\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                >\n                  <Label className='mb-2'>{d.label || 'Graph by'}</Label>\n                  {d.ui !== 'radio' ? (\n                    <DropdownSelect\n                      options={d.options.map((opt) => ({\n                        ...opt,\n                        value: opt.label,\n                      }))}\n                      size='sm'\n                      isClearable={false}\n                      isSearchable\n                      variant={uiMode}\n                      controlShouldRenderValue\n                      defaultValue={\n                        d.defaultValue\n                          ? {\n                              ...d.defaultValue,\n                              value: d.defaultValue?.label,\n                            }\n                          : {\n                              ...d.options[0],\n                              value: d.options[0].label,\n                            }\n                      }\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      onChange={(el: any) => {\n                        setAdvancedGraphSettings(el?.graphSettings || {});\n                        setGraphConfig(el?.dataConfiguration);\n                      }}\n                    />\n                  ) : (\n                    <RadioGroup\n                      defaultValue={d.defaultValue?.label || d.options[0].label}\n                      variant={uiMode}\n                      onValueChange={(el) => {\n                        const selectedOption =\n                          d.options[d.options.findIndex((opt) => opt.label === el)];\n                        setAdvancedGraphSettings(selectedOption.graphSettings || {});\n                        setGraphConfig(selectedOption.dataConfiguration);\n                      }}\n                    >\n                      {d.options.map((el) => (\n                        <RadioGroupItem label={el.label} value={el.label} key={el.label} />\n                      ))}\n                    </RadioGroup>\n                  )}\n                </div>\n              ))}\n              {dataSelectionOptions?.map((d, i) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: d.ui !== 'radio' || d.width ? 0 : 1,\n                    minWidth: '240px',\n                  }}\n                  className='pb-4'\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                >\n                  <Label className='mb-2'>{d.label || `Visualize ${d.chartConfigId} by`}</Label>\n                  {!checkIfMultiple(d.chartConfigId, graphConfig || []) ? (\n                    d.ui !== 'radio' ? (\n                      <DropdownSelect\n                        options={d.allowedColumnIds}\n                        size='sm'\n                        isClearable={false}\n                        isSearchable\n                        variant={uiMode}\n                        controlShouldRenderValue\n                        defaultValue={\n                          graphDataConfiguration\n                            ? d.allowedColumnIds[\n                                d.allowedColumnIds.findIndex(\n                                  (j) =>\n                                    j.value ===\n                                    (graphDataConfiguration[\n                                      graphDataConfiguration.findIndex(\n                                        (el) => el.chartConfigId === d.chartConfigId,\n                                      )\n                                    ].columnId as string),\n                                )\n                              ]\n                            : undefined\n                        }\n                        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                        onChange={(el: any) => {\n                          const newGraphConfig = {\n                            columnId: el?.value as string,\n                            chartConfigId: d.chartConfigId,\n                          };\n                          const updatedConfig = graphConfig?.map((item) =>\n                            item.chartConfigId === newGraphConfig.chartConfigId\n                              ? newGraphConfig\n                              : item,\n                          );\n                          setAdvancedGraphSettings(\n                            getGraphSettings(dataSelectionOptions, updatedConfig),\n                          );\n                          setGraphConfig(updatedConfig);\n                        }}\n                      />\n                    ) : (\n                      <RadioGroup\n                        variant={uiMode}\n                        defaultValue={\n                          graphDataConfiguration\n                            ? d.allowedColumnIds[\n                                d.allowedColumnIds.findIndex(\n                                  (j) =>\n                                    j.value ===\n                                    (graphDataConfiguration[\n                                      graphDataConfiguration.findIndex(\n                                        (el) => el.chartConfigId === d.chartConfigId,\n                                      )\n                                    ].columnId as string),\n                                )\n                              ].label\n                            : ''\n                        }\n                        onValueChange={(el) => {\n                          const selectedOption =\n                            d.allowedColumnIds[\n                              d.allowedColumnIds.findIndex((opt) => opt.label === el)\n                            ];\n                          const newGraphConfig = {\n                            columnId: selectedOption.value,\n                            chartConfigId: d.chartConfigId,\n                          };\n                          const updatedConfig = graphConfig?.map((item) =>\n                            item.chartConfigId === newGraphConfig.chartConfigId\n                              ? newGraphConfig\n                              : item,\n                          );\n                          setAdvancedGraphSettings(\n                            getGraphSettings(dataSelectionOptions, updatedConfig),\n                          );\n                          setGraphConfig(updatedConfig);\n                        }}\n                      >\n                        {d.allowedColumnIds.map((el) => (\n                          <RadioGroupItem label={el.label} value={el.value} key={el.value} />\n                        ))}\n                      </RadioGroup>\n                    )\n                  ) : d.ui !== 'radio' ? (\n                    <DropdownSelect\n                      options={d.allowedColumnIds}\n                      size='sm'\n                      isMulti\n                      isSearchable\n                      variant={uiMode}\n                      controlShouldRenderValue\n                      defaultValue={\n                        graphDataConfiguration\n                          ? (\n                              graphDataConfiguration[\n                                graphDataConfiguration.findIndex(\n                                  (el) => el.chartConfigId === d.chartConfigId,\n                                )\n                              ].columnId as string[]\n                            ).map(\n                              (el) =>\n                                d.allowedColumnIds[\n                                  d.allowedColumnIds.findIndex((j) => j.value === el)\n                                ],\n                            )\n                          : undefined\n                      }\n                      filterOption={createFilter(filterConfig)}\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      onChange={(el: any) => {\n                        const newGraphConfig = {\n                          columnId: (el || []).map(\n                            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                            (item: any) => item.value,\n                          ) as string[],\n                          chartConfigId: d.chartConfigId,\n                        };\n                        const updatedConfig = graphConfig?.map((item) =>\n                          item.chartConfigId === newGraphConfig.chartConfigId\n                            ? newGraphConfig\n                            : item,\n                        );\n                        setGraphConfig(updatedConfig);\n                      }}\n                    />\n                  ) : (\n                    <CheckboxGroup\n                      variant={uiMode}\n                      defaultValue={\n                        graphDataConfiguration\n                          ? (\n                              graphDataConfiguration[\n                                graphDataConfiguration.findIndex(\n                                  (el) => el.chartConfigId === d.chartConfigId,\n                                )\n                              ].columnId as string[]\n                            )\n                              .map(\n                                (el) =>\n                                  d.allowedColumnIds[\n                                    d.allowedColumnIds.findIndex((j) => j.value === el)\n                                  ],\n                              )\n                              .map((el) => el.value)\n                          : []\n                      }\n                      onValueChange={(el) => {\n                        const newGraphConfig = {\n                          columnId: el || [],\n                          chartConfigId: d.chartConfigId,\n                        };\n                        const updatedConfig = graphConfig?.map((item) =>\n                          item.chartConfigId === newGraphConfig.chartConfigId\n                            ? newGraphConfig\n                            : item,\n                        );\n                        setGraphConfig(updatedConfig);\n                      }}\n                    >\n                      {d.allowedColumnIds.map((el) => (\n                        <CheckboxGroupItem label={el.label} value={el.value} key={el.value} />\n                      ))}\n                    </CheckboxGroup>\n                  )}\n                </div>\n              ))}\n              {filterSettings?.map((d) => (\n                <div\n                  style={{\n                    width:\n                      d.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: d.width ? 0 : 1,\n                    flexShrink: 0,\n                    minWidth: '240px',\n                  }}\n                  className='pb-4'\n                  key={d.label}\n                >\n                  <Label className='mb-2'>{d.label}</Label>\n                  {d.singleSelect ? (\n                    d.ui !== 'radio' ? (\n                      <DropdownSelect\n                        options={d.availableValues}\n                        variant={uiMode}\n                        isClearable={d.clearable === undefined ? true : d.clearable}\n                        isSearchable\n                        controlShouldRenderValue\n                        filterOption={createFilter(filterConfig)}\n                        onChange={(el) => {\n                          handleFilterChange(d.filter, el);\n                        }}\n                        value={d.value}\n                        defaultValue={d.defaultValue}\n                      />\n                    ) : (\n                      <RadioGroup\n                        variant={uiMode}\n                        defaultValue={(d.defaultValue as { value: string; label: string }).value}\n                        onValueChange={(el) => {\n                          handleFilterChange(\n                            d.filter,\n                            d.availableValues.filter((v) => v.value === el),\n                          );\n                        }}\n                      >\n                        {d.availableValues.map((el) => (\n                          <RadioGroupItem\n                            label={`${el.label}`}\n                            value={`${el.value}`}\n                            key={el.value}\n                          />\n                        ))}\n                      </RadioGroup>\n                    )\n                  ) : (\n                    <>\n                      {d.ui !== 'radio' ? (\n                        <DropdownSelect\n                          options={d.availableValues}\n                          variant={uiMode}\n                          size='sm'\n                          isMulti\n                          isClearable={d.clearable === undefined ? true : d.clearable}\n                          isSearchable\n                          controlShouldRenderValue\n                          filterOption={createFilter(filterConfig)}\n                          onChange={(el) => {\n                            handleFilterChange(d.filter, el);\n                          }}\n                          value={d.value}\n                          defaultValue={d.defaultValue}\n                        />\n                      ) : (\n                        <CheckboxGroup\n                          variant={uiMode}\n                          defaultValue={\n                            d.defaultValue\n                              ? (\n                                  d.defaultValue as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : []\n                          }\n                          value={\n                            d.value\n                              ? (\n                                  d.value as {\n                                    value: string | number;\n                                    label: string | number;\n                                  }[]\n                                ).map((el) => `${el.value}`)\n                              : undefined\n                          }\n                          onValueChange={(el) => {\n                            handleFilterChange(\n                              d.filter,\n                              d.availableValues.filter((v) => el.indexOf(`${v.value}`) !== -1),\n                            );\n                          }}\n                        >\n                          {d.availableValues.map((el) => (\n                            <CheckboxGroupItem\n                              label={`${el.label}`}\n                              value={`${el.value}`}\n                              key={el.value}\n                            />\n                          ))}\n                        </CheckboxGroup>\n                      )}\n                      {d.allowSelectAll ? (\n                        <button\n                          type='button'\n                          className='bg-transparent border-0 p-0 mt-2 cursor-pointer text-primary-blue-600 dark:text-primary-blue-400'\n                          onClick={() => {\n                            handleFilterChange(d.filter, d.availableValues);\n                          }}\n                        >\n                          Select all options\n                        </button>\n                      ) : null}\n                    </>\n                  )}\n                </div>\n              ))}\n              {highlightDataPointSettings ? (\n                <div\n                  style={{\n                    width:\n                      highlightDataPointSettings.width ||\n                      `calc(${100 / noOfFiltersPerRow}% - ${\n                        (noOfFiltersPerRow - 1) / noOfFiltersPerRow\n                      }rem)`,\n                    flexGrow: highlightDataPointSettings.width ? 0 : 1,\n                    flexShrink: 0,\n                    minWidth: '240px',\n                  }}\n                  className='pb-4'\n                >\n                  <Label className='mb-2'>\n                    {highlightDataPointSettings.label || 'Highlight data'}\n                  </Label>\n                  <DropdownSelect\n                    options={highlightedDataPointOptions}\n                    variant={uiMode}\n                    size='sm'\n                    isMulti\n                    isClearable\n                    isSearchable\n                    controlShouldRenderValue\n                    filterOption={createFilter(filterConfig)}\n                    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                    onChange={(el: any) => {\n                      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                      setHighlightedDataPointList(el?.map((d: any) => d.value));\n                    }}\n                    value={highlightedDataPointList?.map((d) => ({\n                      label: d,\n                      value: d,\n                    }))}\n                    defaultValue={highlightDataPointSettings.defaultValues?.map((d) => ({\n                      label: d,\n                      value: d,\n                    }))}\n                  />\n                </div>\n              ) : null}\n            </div>\n          ) : null}\n          <GraphEl\n            graph={graphType}\n            graphData={graphData}\n            graphDataConfiguration={graphConfig}\n            debugMode={debugMode}\n            readableHeader={readableHeader || []}\n            updateFilters={updateFilters}\n            settings={{\n              ...(graphSettings || {}),\n              ...advancedGraphSettings,\n              graphTitle: undefined,\n              graphDescription: undefined,\n              graphDownload: false,\n              dataDownload: false,\n              backgroundColor: undefined,\n              width: undefined,\n              height: undefined,\n              relativeHeight: undefined,\n              minHeight: undefined,\n              padding: '0',\n              theme: graphSettings?.theme,\n              ...(highlightedDataPointList\n                ? {\n                    highlightedDataPoints: highlightedDataPointList,\n                    highlightedIds: highlightedDataPointList?.map((d) => `${d}`),\n                    highlightedLines: highlightedDataPointList?.map((d) => d),\n                  }\n                : {}),\n            }}\n          />\n        </>\n      ) : (\n        <div className='w-full flex justify-center p-4'>\n          <Spinner />\n        </div>\n      )}\n    </GraphContainer>\n  );\n}\n"],"mappings":"ygCAgEM,EAAgB,GAAyC,CAC7D,GACE,EAAO,UAAW,GAAM,EAAE,gBAAkB,MAAM,IAAM,IACxD,EAAO,UAAW,GAAM,EAAE,gBAAkB,MAAM,IAAM,GAExD,OAAO,EACT,IAAM,EAAa,CAAC,GAAG,CAAM,EAa7B,OAZI,EAAO,UAAW,GAAM,EAAE,gBAAkB,MAAM,IAAM,IAC1D,EAAW,KAAK,CACd,cAAe,OACf,SAAU,GAAG,EAAO,EAAO,UAAW,GAAM,EAAE,gBAAkB,GAAG,GAAG,SAAS,IACjF,CAAC,EAEC,EAAO,UAAW,GAAM,EAAE,gBAAkB,MAAM,IAAM,IAC1D,EAAW,KAAK,CACd,cAAe,OACf,SAAU,GAAG,EAAO,EAAO,UAAW,GAAM,EAAE,gBAAkB,GAAG,GAAG,SAAS,IACjF,CAAC,EAEI,CACT,EAEM,GACJ,EACA,IACG,CACH,IAAM,EACJ,GAAe,IAAK,GAAM,CACxB,IAAM,EAAO,GAAsB,UAAW,GAAQ,EAAI,gBAAkB,EAAE,aAAa,EAC3F,GAAI,IAAS,GAAI,MAAO,CAAC,EACzB,IAAM,EAAiB,EAAqB,IAAO,kBAAkB,UAClE,GAAQ,EAAI,QAAU,EAAE,QAC3B,EAEA,OADI,IAAmB,GAAW,CAAC,EAC5B,EAAqB,GAAM,iBAAiB,GAAgB,eAAiB,CAAC,CACvF,CAAC,GAAK,CAAC,EACT,OAAO,OAAO,OAAO,CAAC,EAAG,GAAG,CAAe,CAC7C,EAEA,SAAgB,EAAqB,EAAc,CACjD,GAAM,CACJ,gBACA,eACA,UACA,YACA,gBACA,yBACA,cACA,YACA,uBACA,+BACA,iBACA,oBAAoB,EACpB,gBACA,SAAS,SACT,8BACE,EAEE,CAAC,EAAc,IAAA,EAAA,EAAA,UAAiC,IAAA,EAAS,EAEzD,CAAC,EAAM,KAAA,EAAA,EAAA,UAAyB,IAAA,EAAS,EACzC,CAAC,EAAa,IAAA,EAAA,EAAA,UAClB,CACF,EACM,CAAC,EAAuB,IAAA,EAAA,EAAA,UAA4D,CAAC,CAAC,EACtF,CAAC,EAA0B,IAAA,EAAA,EAAA,UAE/B,IAAA,EAAS,EACL,CAAC,EAA6B,IAAA,EAAA,EAAA,UAElC,CAAC,CAAC,EACE,GAAA,EAAA,EAAA,QAAwC,IAAI,EAE5C,GAAA,EAAA,EAAA,QACJ,CACF,EACM,CAAC,EAAgB,IAAA,EAAA,EAAA,UAAwD,CAAC,CAAC,EAE3E,EAAe,CACnB,WAAY,GACZ,cAAe,GACf,KAAM,EACR,EAEM,GAAA,EAAA,EAAA,oBAA0C,CAe9C,GAd4B,GAAW,CAAC,GAAG,IAAK,IAAQ,CACtD,OAAQ,EAAG,OACX,MAAO,EAAG,OAAS,aAAa,EAAG,SACnC,aAAc,EAAG,aACjB,UAAW,EAAG,UACd,GAAI,EAAG,GACP,aAAc,EAAA,EAAsB,EAAG,YAAY,EACnD,MAAO,EAAA,EAAsB,EAAG,YAAY,EAC5C,gBAAiB,EAAA,EAAa,EAAM,EAAG,MAAM,EAC1C,OAAQ,GAAM,CAAC,EAAG,eAAe,SAAS,GAAG,GAAG,CAAC,EACjD,IAAK,IAAO,CAAE,MAAO,EAAG,MAAO,CAAE,EAAE,EACtC,eAAgB,EAAG,eACnB,MAAO,EAAG,KACZ,EACkB,CAAkB,CACtC,CAAC,GAED,EAAA,EAAA,eAAgB,EAsCd,SArC8B,CAC5B,GAAI,CA+BF,GA9BqB,EAAa,QAC9B,OAAO,EAAa,SAAY,SAC9B,EAAa,WAAa,OACxB,MAAM,EAAA,EACJ,EAAa,QACb,EAAa,eACb,EAAa,mBACb,CACF,EACA,EAAa,WAAa,MACxB,MAAM,EAAA,EACJ,EAAa,QACb,EAAa,WACb,EAAa,eACb,EAAa,mBACb,CACF,EACA,MAAM,EAAA,EACJ,EAAa,QACb,EAAa,mBACb,EAAa,eACb,EACA,EAAa,UACb,EACF,EACJ,MAAM,EAAA,EACJ,EAAa,QACb,EAAa,aACf,EACF,MAAM,EAAA,EAAwB,EAAa,KAAM,EAAa,cAAc,CAC5D,CACtB,OAAS,EAAO,CACd,QAAQ,MAAM,uBAAwB,CAAK,CAC7C,CACF,GACU,EACV,EAAmB,CACrB,EAAG,CAAC,EAAc,CAAS,CAAC,GAE5B,EAAA,EAAA,eAAgB,CACd,EAAmB,CACrB,EAAG,CAAC,EAAS,CAAI,CAAC,EAElB,IAAM,IAAA,EAAA,EAAA,oBAAyC,CACzC,CAAC,GAAQ,EAAe,SAAW,EAAG,EAAgB,CAAI,EAa5D,EAVe,EAAK,OAAQ,GAC1B,EAAe,MAAO,GACpB,EAAO,QAAA,EAAA,EAAA,SAAqB,CAAC,EAAO,KAAK,CAAC,EAAE,OAAS,GAAA,EAAA,GAAA,UAAA,EAAA,EAAA,SAEnC,CAAC,EAAK,EAAO,OAAO,CAAC,GAAA,EAAA,EAAA,SACrB,CAAC,EAAO,KAAK,CAAC,EAAE,IAAK,GAAO,EAAG,KAAK,CAClD,EAAE,OAAS,EACX,EACN,CAEc,CAAM,CAE1B,CAAC,GACD,EAAA,EAAA,eAAgB,CACd,GAAkB,CACpB,EAAG,CAAC,EAAgB,CAAI,CAAC,GAEzB,EAAA,EAAA,eAAgB,CACV,GACF,EAAyB,EAAiB,EAAsB,CAAsB,CAAC,CAC3F,EAAG,CAAC,EAAsB,CAAsB,CAAC,EAEjD,IAAM,IAAA,EAAA,EAAA,oBAAyD,CACzD,GAA4B,QAAU,GACxC,EACE,EAAA,EAAa,EAAc,EAA2B,MAAM,EACzD,OAAQ,GAAM,CAAC,GAA4B,eAAe,SAAS,GAAG,GAAG,CAAC,EAC1E,IAAK,IAAO,CAAE,MAAO,EAAG,MAAO,CAAE,EAAE,CACxC,CACJ,CAAC,GAED,EAAA,EAAA,eAAgB,CACd,GAAkC,CACpC,EAAG,CAAC,CAA0B,CAAC,GAE/B,EAAA,EAAA,eAAgB,EACV,EAAA,EAAA,SAAS,EAAuB,QAAS,CAAsB,IACjE,EAAe,CAAsB,EACrC,EAAuB,QAAU,EAErC,EAAG,CAAC,CAAsB,CAAC,EAG3B,IAAM,GAAsB,EAAgB,IAAgB,CAC1D,EAAmB,GACjB,EAAK,IAAK,GAAO,EAAE,SAAW,EAAS,CAAE,GAAG,EAAG,MAAO,CAAO,EAAI,CAAE,CACrE,CACF,EAEM,GAAa,EAEf,EAAA,EACE,EACI,EAAA,EACE,EAAA,EAAW,EAAM,GAAe,CAAC,CAAC,EAClC,EAAc,UACd,EAAc,yBAChB,EACA,EAAA,EAAW,EAAM,GAAe,CAAC,CAAC,EACtC,EACA,IAAc,mCAAqC,EAC/C,EAAa,CAAW,EACxB,CACN,EAbA,IAAA,GAcJ,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,UAAW,GAAe,YAAY,eACtC,MAAO,GAAe,QAAQ,eAC9B,GAAI,GAAe,QACnB,IAAK,EACL,aAAY,GAAe,UAC3B,gBAAiB,GAAe,iBAAmB,GACnD,MAAO,GAAe,OAAS,QAC/B,SAAU,GAAe,UAAY,KACrC,MAAO,GAAe,MACtB,OAAQ,GAAe,OACvB,QAAS,GAAe,QACxB,UAAW,GAAe,UAC1B,eAAgB,GAAe,wBAE9B,GACD,EAAA,EACG,OAAQ,GAAO,EAAG,qBAAqB,EACvC,IAAK,GAAO,EAAG,OAAO,EACtB,QAAQ,CAAS,IAAM,IACxB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,GAAuB,YACxB,GAAuB,kBACvB,GAAe,YACf,GAAe,kBACf,GAAe,eACf,GAAe,cACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAQ,CACN,MAAO,GAAuB,QAAQ,OAAS,GAAe,QAAQ,MACtE,YACE,GAAuB,QAAQ,aAAe,GAAe,QAAQ,WACzE,EACA,WAAY,CACV,MAAO,GAAuB,YAAY,OAAS,GAAe,YAAY,MAC9E,YACE,GAAuB,YAAY,aACnC,GAAe,YAAY,WAC/B,EACA,WAAY,GAAuB,YAAc,GAAe,WAChE,iBACE,GAAuB,kBAAoB,GAAe,iBAE5D,MAAO,GAAuB,OAAS,GAAe,MACtD,cAAe,GAAe,cAAgB,EAAiB,IAAA,GAC/D,aACE,GAAe,cAAgB,GAAQ,EAAK,OAAS,EAAI,EAAO,IAEnE,CAAA,EACC,KACH,EAAe,SAAW,IAC1B,GAAwB,CAAC,GAAG,SAAW,IACvC,GAAgC,CAAC,GAAG,SAAW,GAChD,GACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6DAAf,CACG,GAA8B,KAAK,EAAG,KACrC,EAAA,EAAA,MAAC,MAAD,CACE,MAAO,CACL,MACE,EAAE,OACF,QAAQ,IAAM,EAAkB,OAC7B,EAAoB,GAAK,EAC3B,MACH,SAAU,IAAE,MACZ,WAAY,EAAE,KAAO,SAAW,EAAE,MAAQ,EAAI,EAC9C,SAAU,OACZ,EACA,UAAU,gBAXZ,EAeE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,gBAAQ,EAAE,OAAS,UAAkB,CAAA,EACrD,EAAE,KAAO,SA6BR,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,aAAc,EAAE,cAAc,OAAS,EAAE,QAAQ,GAAG,MACpD,QAAS,EACT,cAAgB,GAAO,CACrB,IAAM,EACJ,EAAE,QAAQ,EAAE,QAAQ,UAAW,GAAQ,EAAI,QAAU,CAAE,GACzD,EAAyB,EAAe,eAAiB,CAAC,CAAC,EAC3D,EAAe,EAAe,iBAAiB,CACjD,WAEC,EAAE,QAAQ,IAAK,IACd,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,EAAG,MAAO,MAAO,EAAG,KAAuB,EAAX,EAAG,KAAQ,CACnE,CACS,CAAA,GAzCZ,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,QAAS,EAAE,QAAQ,IAAK,IAAS,CAC/B,GAAG,EACH,MAAO,EAAI,KACb,EAAE,EACF,KAAK,KACL,YAAa,GACb,aAAA,GACA,QAAS,EACT,yBAAA,GACA,aACE,EAAE,aACE,CACE,GAAG,EAAE,aACL,MAAO,EAAE,cAAc,KACzB,EACA,CACE,GAAG,EAAE,QAAQ,GACb,MAAO,EAAE,QAAQ,GAAG,KACtB,EAGN,SAAW,GAAY,CACrB,EAAyB,GAAI,eAAiB,CAAC,CAAC,EAChD,EAAe,GAAI,iBAAiB,CACtC,CACD,CAAA,CAiBA,GA/CE,CA+CF,CACN,EACA,GAAsB,KAAK,EAAG,KAC7B,EAAA,EAAA,MAAC,MAAD,CACE,MAAO,CACL,MACE,EAAE,OACF,QAAQ,IAAM,EAAkB,OAC7B,EAAoB,GAAK,EAC3B,MACH,SAAU,IAAE,MACZ,WAAY,EAAE,KAAO,SAAW,EAAE,MAAQ,EAAI,EAC9C,SAAU,OACZ,EACA,UAAU,gBAXZ,EAeE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,gBAAQ,EAAE,OAAS,aAAa,EAAE,cAAc,IAAY,CAAA,EAC3E,EAAA,EAAgB,EAAE,cAAe,GAAe,CAAC,CAAC,EAoFhD,EAAE,KAAO,SA2CX,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EACT,aACE,EAEM,EACE,EAAuB,UACpB,GAAO,EAAG,gBAAkB,EAAE,aACjC,GACA,SAED,IACE,GACC,EAAE,iBACA,EAAE,iBAAiB,UAAW,GAAM,EAAE,QAAU,CAAE,EAExD,EACC,IAAK,GAAO,EAAG,KAAK,EACvB,CAAC,EAEP,cAAgB,GAAO,CACrB,IAAM,EAAiB,CACrB,SAAU,GAAM,CAAC,EACjB,cAAe,EAAE,aACnB,EACM,EAAgB,GAAa,IAAK,GACtC,EAAK,gBAAkB,EAAe,cAClC,EACA,CACN,EACA,EAAe,CAAa,CAC9B,WAEC,EAAE,iBAAiB,IAAK,IACvB,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,MAAO,EAAG,MAAO,MAAO,EAAG,KAAuB,EAAX,EAAG,KAAQ,CACtE,CACY,CAAA,GA9Ef,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,QAAS,EAAE,iBACX,KAAK,KACL,QAAA,GACA,aAAA,GACA,QAAS,EACT,yBAAA,GACA,aACE,EAEM,EACE,EAAuB,UACpB,GAAO,EAAG,gBAAkB,EAAE,aACjC,GACA,SACF,IACC,GACC,EAAE,iBACA,EAAE,iBAAiB,UAAW,GAAM,EAAE,QAAU,CAAE,EAExD,EACA,IAAA,GAEN,cAAA,EAAA,EAAA,cAA2B,CAAY,EAEvC,SAAW,GAAY,CACrB,IAAM,EAAiB,CACrB,UAAW,GAAM,CAAC,GAAG,IAElB,GAAc,EAAK,KACtB,EACA,cAAe,EAAE,aACnB,EACM,EAAgB,GAAa,IAAK,GACtC,EAAK,gBAAkB,EAAe,cAClC,EACA,CACN,EACA,EAAe,CAAa,CAC9B,CACD,CAAA,EA5HD,EAAE,KAAO,SAyCP,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,QAAS,EACT,aACE,EACI,EAAE,iBACA,EAAE,iBAAiB,UAChB,GACC,EAAE,QACD,EACC,EAAuB,UACpB,GAAO,EAAG,gBAAkB,EAAE,aACjC,GACA,QACN,GACA,MACF,GAEN,cAAgB,GAAO,CAKrB,IAAM,EAAiB,CACrB,SAJA,EAAE,iBACA,EAAE,iBAAiB,UAAW,GAAQ,EAAI,QAAU,CAAE,GAG/B,MACzB,cAAe,EAAE,aACnB,EACM,EAAgB,GAAa,IAAK,GACtC,EAAK,gBAAkB,EAAe,cAClC,EACA,CACN,EACA,EACE,EAAiB,EAAsB,CAAa,CACtD,EACA,EAAe,CAAa,CAC9B,WAEC,EAAE,iBAAiB,IAAK,IACvB,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAAO,EAAG,MAAO,MAAO,EAAG,KAAuB,EAAX,EAAG,KAAQ,CACnE,CACS,CAAA,GAhFZ,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,QAAS,EAAE,iBACX,KAAK,KACL,YAAa,GACb,aAAA,GACA,QAAS,EACT,yBAAA,GACA,aACE,EACI,EAAE,iBACA,EAAE,iBAAiB,UAChB,GACC,EAAE,QACD,EACC,EAAuB,UACpB,GAAO,EAAG,gBAAkB,EAAE,aACjC,GACA,QACN,GAEF,IAAA,GAGN,SAAW,GAAY,CACrB,IAAM,EAAiB,CACrB,SAAU,GAAI,MACd,cAAe,EAAE,aACnB,EACM,EAAgB,GAAa,IAAK,GACtC,EAAK,gBAAkB,EAAe,cAClC,EACA,CACN,EACA,EACE,EAAiB,EAAsB,CAAa,CACtD,EACA,EAAe,CAAa,CAC9B,CACD,CAAA,CA6HF,GAxKE,CAwKF,CACN,EACA,GAAgB,IAAK,IACpB,EAAA,EAAA,MAAC,MAAD,CACE,MAAO,CACL,MACE,EAAE,OACF,QAAQ,IAAM,EAAkB,OAC7B,EAAoB,GAAK,EAC3B,MACH,SAAU,IAAE,MACZ,WAAY,EACZ,SAAU,OACZ,EACA,UAAU,gBAXZ,EAcE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,gBAAQ,EAAE,KAAa,CAAA,EACvC,EAAE,aACD,EAAE,KAAO,SAeP,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,QAAS,EACT,aAAe,EAAE,aAAkD,MACnE,cAAgB,GAAO,CACrB,EACE,EAAE,OACF,EAAE,gBAAgB,OAAQ,GAAM,EAAE,QAAU,CAAE,CAChD,CACF,WAEC,EAAE,gBAAgB,IAAK,IACtB,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,MAAO,GAAG,EAAG,QACb,MAAO,GAAG,EAAG,OAEd,EADM,EAAG,KACT,CACF,CACS,CAAA,GA/BZ,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,QAAS,EAAE,gBACX,QAAS,EACT,YAAa,EAAE,YAAc,IAAA,GAAY,GAAO,EAAE,UAClD,aAAA,GACA,yBAAA,GACA,cAAA,EAAA,EAAA,cAA2B,CAAY,EACvC,SAAW,GAAO,CAChB,EAAmB,EAAE,OAAQ,CAAE,CACjC,EACA,MAAO,EAAE,MACT,aAAc,EAAE,YACjB,CAAA,GAsBH,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EAAE,KAAO,SAiBR,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EACT,aACE,EAAE,aAEI,EAAE,aAIF,IAAK,GAAO,GAAG,EAAG,OAAO,EAC3B,CAAC,EAEP,MACE,EAAE,MAEI,EAAE,MAIF,IAAK,GAAO,GAAG,EAAG,OAAO,EAC3B,IAAA,GAEN,cAAgB,GAAO,CACrB,EACE,EAAE,OACF,EAAE,gBAAgB,OAAQ,GAAM,EAAG,QAAQ,GAAG,EAAE,OAAO,IAAM,EAAE,CACjE,CACF,WAEC,EAAE,gBAAgB,IAAK,IACtB,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,MAAO,GAAG,EAAG,QACb,MAAO,GAAG,EAAG,OAEd,EADM,EAAG,KACT,CACF,CACY,CAAA,GApDf,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,QAAS,EAAE,gBACX,QAAS,EACT,KAAK,KACL,QAAA,GACA,YAAa,EAAE,YAAc,IAAA,GAAY,GAAO,EAAE,UAClD,aAAA,GACA,yBAAA,GACA,cAAA,EAAA,EAAA,cAA2B,CAAY,EACvC,SAAW,GAAO,CAChB,EAAmB,EAAE,OAAQ,CAAE,CACjC,EACA,MAAO,EAAE,MACT,aAAc,EAAE,YACjB,CAAA,EAwCF,EAAE,gBACD,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,UAAU,mGACV,YAAe,CACb,EAAmB,EAAE,OAAQ,EAAE,eAAe,CAChD,WACD,oBAEO,CAAA,EACN,IACJ,CAAA,CAAA,CAED,GA5GE,EAAE,KA4GJ,CACN,EACA,GACC,EAAA,EAAA,MAAC,MAAD,CACE,MAAO,CACL,MACE,EAA2B,OAC3B,QAAQ,IAAM,EAAkB,OAC7B,EAAoB,GAAK,EAC3B,MACH,SAAU,IAA2B,MACrC,WAAY,EACZ,SAAU,OACZ,EACA,UAAU,gBAXZ,EAaE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,gBACd,EAA2B,OAAS,gBAChC,CAAA,GACP,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,QAAS,EACT,QAAS,EACT,KAAK,KACL,QAAA,GACA,YAAA,GACA,aAAA,GACA,yBAAA,GACA,cAAA,EAAA,EAAA,cAA2B,CAAY,EAEvC,SAAW,GAAY,CAErB,EAA4B,GAAI,IAAK,GAAW,EAAE,KAAK,CAAC,CAC1D,EACA,MAAO,GAA0B,IAAK,IAAO,CAC3C,MAAO,EACP,MAAO,CACT,EAAE,EACF,aAAc,EAA2B,eAAe,IAAK,IAAO,CAClE,MAAO,EACP,MAAO,CACT,EAAE,CACH,CAAA,CACE,IACH,IACD,IACH,MACJ,EAAA,EAAA,KAAC,GAAA,EAAD,CACE,MAAO,EACI,aACX,uBAAwB,EACb,YACX,eAAgB,GAAkB,CAAC,EACpB,gBACf,SAAU,CACR,GAAI,GAAiB,CAAC,EACtB,GAAG,EACH,WAAY,IAAA,GACZ,iBAAkB,IAAA,GAClB,cAAe,GACf,aAAc,GACd,gBAAiB,IAAA,GACjB,MAAO,IAAA,GACP,OAAQ,IAAA,GACR,eAAgB,IAAA,GAChB,UAAW,IAAA,GACX,QAAS,IACT,MAAO,GAAe,MACtB,GAAI,EACA,CACE,sBAAuB,EACvB,eAAgB,GAA0B,IAAK,GAAM,GAAG,GAAG,EAC3D,iBAAkB,GAA0B,IAAK,GAAM,CAAC,CAC1D,EACA,CAAC,CACP,CACD,CAAA,CACD,CAAA,CAAA,GAEF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CACb,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,CAAA,CACP,CAAA,CAEO,CAAA,CAEpB"}