@undp/data-viz 2.6.0 → 2.6.1

package/dist/SingleGraphDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleGraphDashboard.js","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","fetchData","dataFromFile","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","error","console","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.js","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":"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"}

package/dist/SingleGraphDashboardFromConfig.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./compiler-runtime-oPPev21o.cjs"),g=require("react"),f=require("@undp/design-system-react/Spinner"),p=require("./SingleGraphDashboard.cjs"),h=require("./fetchAndParseData-QTF6tjij.cjs");function S(l){const e=s.compilerRuntimeExports.c(19),{config:a}=l,[t,d]=g.useState(void 0);let n,r;if(e[0]!==a?(n=()=>{(async()=>{if(typeof a=="string"){const c=await h.fetchAndParseJSON(a);d(c)}else d(a)})()},r=[a],e[0]=a,e[1]=n,e[2]=r):(n=e[1],r=e[2]),g.useEffect(n,r),!t){let i;return e[3]===Symbol.for("react.memo_cache_sentinel")?(i=s.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:s.jsxRuntimeExports.jsx(f.Spinner,{})}),e[3]=i):i=e[3],i}let o;return e[4]!==t.advancedDataSelectionOptions||e[5]!==t.dataFilters||e[6]!==t.dataSelectionOptions||e[7]!==t.dataSettings||e[8]!==t.dataTransform||e[9]!==t.debugMode||e[10]!==t.filters||e[11]!==t.graphDataConfiguration||e[12]!==t.graphSettings||e[13]!==t.graphType||e[14]!==t.highlightDataPointSettings||e[15]!==t.noOfFiltersPerRow||e[16]!==t.readableHeader||e[17]!==t.uiMode?(o=s.jsxRuntimeExports.jsx(p.SingleGraphDashboard,{graphSettings:t.graphSettings,dataSettings:t.dataSettings,filters:t.filters,graphType:t.graphType,dataTransform:t.dataTransform,graphDataConfiguration:t.graphDataConfiguration,dataFilters:t.dataFilters,debugMode:t.debugMode,dataSelectionOptions:t.dataSelectionOptions,advancedDataSelectionOptions:t.advancedDataSelectionOptions,readableHeader:t.readableHeader,noOfFiltersPerRow:t.noOfFiltersPerRow,uiMode:t.uiMode,highlightDataPointSettings:t.highlightDataPointSettings}),e[4]=t.advancedDataSelectionOptions,e[5]=t.dataFilters,e[6]=t.dataSelectionOptions,e[7]=t.dataSettings,e[8]=t.dataTransform,e[9]=t.debugMode,e[10]=t.filters,e[11]=t.graphDataConfiguration,e[12]=t.graphSettings,e[13]=t.graphType,e[14]=t.highlightDataPointSettings,e[15]=t.noOfFiltersPerRow,e[16]=t.readableHeader,e[17]=t.uiMode,e[18]=o):o=e[18],o}exports.SingleGraphDashboardFromConfig=S;
-//# sourceMappingURL=SingleGraphDashboardFromConfig.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./jsx-runtime-Cd1vCQjn.cjs`),t=require(`./fetchAndParseData-Dlq4UzdG.cjs`),n=require(`./SingleGraphDashboard.cjs`);let r=require(`react`),i=require(`@undp/design-system-react/Spinner`);var a=e.t();function o(e){let{config:o}=e,[s,c]=(0,r.useState)(void 0);return(0,r.useEffect)(()=>{(async()=>{c(typeof o==`string`?await t.r(o):o)})()},[o]),s?(0,a.jsx)(n.SingleGraphDashboard,{graphSettings:s.graphSettings,dataSettings:s.dataSettings,filters:s.filters,graphType:s.graphType,dataTransform:s.dataTransform,graphDataConfiguration:s.graphDataConfiguration,dataFilters:s.dataFilters,debugMode:s.debugMode,dataSelectionOptions:s.dataSelectionOptions,advancedDataSelectionOptions:s.advancedDataSelectionOptions,readableHeader:s.readableHeader,noOfFiltersPerRow:s.noOfFiltersPerRow,uiMode:s.uiMode,highlightDataPointSettings:s.highlightDataPointSettings}):(0,a.jsx)(`div`,{className:`w-full flex justify-center p-4`,children:(0,a.jsx)(i.Spinner,{})})}exports.SingleGraphDashboardFromConfig=o;
+//# sourceMappingURL=SingleGraphDashboardFromConfig.cjs.map

package/dist/SingleGraphDashboardFromConfig.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SingleGraphDashboardFromConfig.cjs","sources":["../src/Components/Dashboard/SingleGraphDashboardFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\r\n\r\nimport {\r\n  AdvancedDataSelectionDataType,\r\n  AggregationSettingsDataType,\r\n  DataFilterDataType,\r\n  DataSelectionDataType,\r\n  DataSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphConfigurationDataType,\r\n  GraphSettingsDataType,\r\n  GraphType,\r\n  HighlightDataPointSettingsDataType,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  graphSettings?: GraphSettingsDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  graphType: GraphType;\r\n  noOfFiltersPerRow?: number;\r\n  dataTransform?: {\r\n    keyColumn: string;\r\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n  };\r\n  dataFilters?: DataFilterDataType[];\r\n  graphDataConfiguration?: GraphConfigurationDataType[];\r\n  debugMode?: boolean;\r\n  dataSelectionOptions?: DataSelectionDataType[];\r\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n  highlightDataPointSettings?: HighlightDataPointSettingsDataType;\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  uiMode?: 'light' | 'normal';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function SingleGraphDashboardFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      if (typeof config === 'string') {\r\n        const data = await fetchAndParseJSON(config);\r\n        setConfigSettings(data);\r\n      } else {\r\n        setConfigSettings(config);\r\n      }\r\n    };\r\n    fetchData();\r\n  }, [config]);\r\n  if (!configSettings)\r\n    return (\r\n      <div className='w-full flex justify-center p-4'>\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  return (\r\n    <SingleGraphDashboard\r\n      graphSettings={configSettings.graphSettings}\r\n      dataSettings={configSettings.dataSettings}\r\n      filters={configSettings.filters}\r\n      graphType={configSettings.graphType}\r\n      dataTransform={configSettings.dataTransform}\r\n      graphDataConfiguration={configSettings.graphDataConfiguration}\r\n      dataFilters={configSettings.dataFilters}\r\n      debugMode={configSettings.debugMode}\r\n      dataSelectionOptions={configSettings.dataSelectionOptions}\r\n      advancedDataSelectionOptions={configSettings.advancedDataSelectionOptions}\r\n      readableHeader={configSettings.readableHeader}\r\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\r\n      uiMode={configSettings.uiMode}\r\n      highlightDataPointSettings={configSettings.highlightDataPointSettings}\r\n    />\r\n  );\r\n}\r\n"],"names":["SingleGraphDashboardFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","advancedDataSelectionOptions","dataFilters","dataSelectionOptions","dataSettings","dataTransform","debugMode","filters","graphDataConfiguration","graphSettings","graphType","highlightDataPointSettings","noOfFiltersPerRow","readableHeader","uiMode","SingleGraphDashboard"],"mappings":"2RA8CO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,CAAAA,EAAmBH,EACnB,CAAAI,EAAAC,CAAA,EAA4CC,EAAAA,SAAmCC,MAAS,EAAE,IAAAC,EAAAC,EAY1F,GAZ0FR,OAAAE,GAChFK,EAAAA,IAAA,EACU,SAAA,CAChB,GAAI,OAAOL,GAAW,SAAQ,CAC5B,MAAAO,EAAa,MAAMC,EAAAA,kBAAkBR,CAAM,EAC3CE,EAAkBK,CAAI,CAAC,MAEvBL,EAAkBF,CAAM,CACzB,GAEHS,CAAW,EACVH,EAAA,CAACN,CAAM,EAACF,KAAAE,EAAAF,KAAAO,EAAAP,KAAAQ,IAAAD,EAAAP,EAAA,CAAA,EAAAQ,EAAAR,EAAA,CAAA,GAVXY,EAAAA,UAAUL,EAUPC,CAAQ,EACP,CAACL,EAAc,CAAA,IAAAU,EAAA,OAAAb,EAAA,CAAA,IAAAc,OAAAC,IAAA,2BAAA,GAEfF,EAAAG,EAAAA,kBAAAA,IAAA,MAAA,CAAe,UAAA,iCACb,SAAAA,wBAACC,EAAAA,UAAO,EACV,EAAMjB,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAFNa,CAEM,CACN,IAAAA,EAAA,OAAAb,EAAA,CAAA,IAAAG,EAAAe,8BAAAlB,EAAA,CAAA,IAAAG,EAAAgB,aAAAnB,OAAAG,EAAAiB,sBAAApB,EAAA,CAAA,IAAAG,EAAAkB,cAAArB,EAAA,CAAA,IAAAG,EAAAmB,eAAAtB,EAAA,CAAA,IAAAG,EAAAoB,WAAAvB,EAAA,EAAA,IAAAG,EAAAqB,SAAAxB,QAAAG,EAAAsB,wBAAAzB,EAAA,EAAA,IAAAG,EAAAuB,eAAA1B,EAAA,EAAA,IAAAG,EAAAwB,WAAA3B,EAAA,EAAA,IAAAG,EAAAyB,4BAAA5B,QAAAG,EAAA0B,mBAAA7B,EAAA,EAAA,IAAAG,EAAA2B,gBAAA9B,EAAA,EAAA,IAAAG,EAAA4B,QAEFlB,0BAACmB,EAAAA,qBAAA,CACgB,cAAA7B,EAAcuB,cACf,aAAAvB,EAAckB,aACnB,QAAAlB,EAAcqB,QACZ,UAAArB,EAAcwB,UACV,cAAAxB,EAAcmB,cACL,uBAAAnB,EAAcsB,uBACzB,YAAAtB,EAAcgB,YAChB,UAAAhB,EAAcoB,UACH,qBAAApB,EAAciB,qBACN,6BAAAjB,EAAce,6BAC5B,eAAAf,EAAc2B,eACX,kBAAA3B,EAAc0B,kBACzB,OAAA1B,EAAc4B,OACM,2BAAA5B,EAAcyB,2BAA2B,EACrE5B,EAAA,CAAA,EAAAG,EAAAe,6BAAAlB,EAAA,CAAA,EAAAG,EAAAgB,YAAAnB,EAAA,CAAA,EAAAG,EAAAiB,qBAAApB,EAAA,CAAA,EAAAG,EAAAkB,aAAArB,EAAA,CAAA,EAAAG,EAAAmB,cAAAtB,EAAA,CAAA,EAAAG,EAAAoB,UAAAvB,EAAA,EAAA,EAAAG,EAAAqB,QAAAxB,EAAA,EAAA,EAAAG,EAAAsB,uBAAAzB,EAAA,EAAA,EAAAG,EAAAuB,cAAA1B,EAAA,EAAA,EAAAG,EAAAwB,UAAA3B,EAAA,EAAA,EAAAG,EAAAyB,2BAAA5B,EAAA,EAAA,EAAAG,EAAA0B,kBAAA7B,EAAA,EAAA,EAAAG,EAAA2B,eAAA9B,EAAA,EAAA,EAAAG,EAAA4B,OAAA/B,MAAAa,GAAAA,EAAAb,EAAA,EAAA,EAfFa,CAeE"}
+{"version":3,"file":"SingleGraphDashboardFromConfig.cjs","names":[],"sources":["../src/Components/Dashboard/SingleGraphDashboardFromConfig.tsx"],"sourcesContent":["import { Spinner } from '@undp/design-system-react/Spinner';\nimport { useEffect, useState } from 'react';\nimport type {\n  AdvancedDataSelectionDataType,\n  AggregationSettingsDataType,\n  DataFilterDataType,\n  DataSelectionDataType,\n  DataSettingsDataType,\n  FilterUiSettingsDataType,\n  GraphConfigurationDataType,\n  GraphSettingsDataType,\n  GraphType,\n  HighlightDataPointSettingsDataType,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\n\ninterface ConfigObject {\n  graphSettings?: GraphSettingsDataType;\n  dataSettings: DataSettingsDataType;\n  filters?: FilterUiSettingsDataType[];\n  graphType: GraphType;\n  noOfFiltersPerRow?: number;\n  dataTransform?: {\n    keyColumn: string;\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\n  };\n  dataFilters?: DataFilterDataType[];\n  graphDataConfiguration?: GraphConfigurationDataType[];\n  debugMode?: boolean;\n  dataSelectionOptions?: DataSelectionDataType[];\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\n  highlightDataPointSettings?: HighlightDataPointSettingsDataType;\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  uiMode?: 'light' | 'normal';\n}\n\ninterface Props {\n  config: string | ConfigObject;\n}\n\nexport function SingleGraphDashboardFromConfig(props: Props) {\n  const { config } = props;\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\n  useEffect(() => {\n    const fetchData = async () => {\n      if (typeof config === 'string') {\n        const data = await fetchAndParseJSON(config);\n        setConfigSettings(data);\n      } else {\n        setConfigSettings(config);\n      }\n    };\n    fetchData();\n  }, [config]);\n  if (!configSettings)\n    return (\n      <div className='w-full flex justify-center p-4'>\n        <Spinner />\n      </div>\n    );\n  return (\n    <SingleGraphDashboard\n      graphSettings={configSettings.graphSettings}\n      dataSettings={configSettings.dataSettings}\n      filters={configSettings.filters}\n      graphType={configSettings.graphType}\n      dataTransform={configSettings.dataTransform}\n      graphDataConfiguration={configSettings.graphDataConfiguration}\n      dataFilters={configSettings.dataFilters}\n      debugMode={configSettings.debugMode}\n      dataSelectionOptions={configSettings.dataSelectionOptions}\n      advancedDataSelectionOptions={configSettings.advancedDataSelectionOptions}\n      readableHeader={configSettings.readableHeader}\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\n      uiMode={configSettings.uiMode}\n      highlightDataPointSettings={configSettings.highlightDataPointSettings}\n    />\n  );\n}\n"],"mappings":"yTA4CA,SAAgB,EAA+B,EAAc,CAC3D,GAAM,CAAE,UAAW,EACb,CAAC,EAAgB,IAAA,EAAA,EAAA,UAAwD,IAAA,EAAS,EAkBxF,OAjBA,EAAA,EAAA,eAAgB,EASd,SAR8B,CAG1B,EAFE,OAAO,GAAW,SAEF,MADC,EAAA,EAAkB,CAAM,EAGzB,CAAM,CAE5B,GACU,CACZ,EAAG,CAAC,CAAM,CAAC,EACN,GAOH,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,cAAe,EAAe,cAC9B,aAAc,EAAe,aAC7B,QAAS,EAAe,QACxB,UAAW,EAAe,UAC1B,cAAe,EAAe,cAC9B,uBAAwB,EAAe,uBACvC,YAAa,EAAe,YAC5B,UAAW,EAAe,UAC1B,qBAAsB,EAAe,qBACrC,6BAA8B,EAAe,6BAC7C,eAAgB,EAAe,eAC/B,kBAAmB,EAAe,kBAClC,OAAQ,EAAe,OACvB,2BAA4B,EAAe,0BAC5C,CAAA,GApBC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CACb,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,CAAA,CACP,CAAA,CAoBX"}