@undp/data-viz 2.5.4 → 2.6.0

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","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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"}

package/dist/SingleGraphDashboard.js

@@ -1,18 +1,21 @@
-import { j as t } from "./index-CHPV5EwG-BzibaIRc.js";
-import { useState as b, useRef as B, useEffectEvent as R, useEffect as w } from "react";
+import { j as t } from "./compiler-runtime-qHgugrLy.js";
+import { useState as b, useRef as B, useEffectEvent as A, useEffect as w } from "react";
 import { i as sa } from "./index-BuwmuDFJ.js";
 import { f as F } from "./index-EArKRVKg.js";
 import { i as ua } from "./index-Bwrro8-q.js";
-import { j as V, D as M } from "./DropdownSelect-Dz7imdTB.js";
-import { b as A, y as H, h as O, c as da, $ as K, P as Q } from "./checkIfMultiple-Dpyy6BUP.js";
-import { w as ha } from "./Spinner-B2IIKg9r.js";
-import { G as ca } from "./GraphContainer-B8ZqOzKI.js";
-import { G as fa } from "./GraphEl-Ch0uAeZw.js";
-import { f as ga, a as pa, b as ma, c as Ca, t as va } from "./fetchAndParseData-BAXhgTDM.js";
-import { a as Ia, t as ba } from "./transformDataForAggregation-wdPf8bNt.js";
+import { DropdownSelect as V, createFilter as M } from "@undp/design-system-react/DropdownSelect";
+import { CheckboxGroup as K, CheckboxGroupItem as Q } from "@undp/design-system-react/CheckboxGroup";
+import { RadioGroup as H, RadioGroupItem as O } from "@undp/design-system-react/RadioGroup";
+import { Spinner as da } from "@undp/design-system-react/Spinner";
+import { Label as R } from "@undp/design-system-react/Label";
+import { G as ha } from "./GraphContainer-DcOM2CI6.js";
+import { G as ca } from "./GraphEl-C7KBBHvB.js";
+import { b as fa, d as pa, f as ga, c as ma, t as Ca } from "./fetchAndParseData-CDjQZ1fL.js";
+import { a as va, t as Ia } from "./transformDataForAggregation-wdPf8bNt.js";
 import { g as X } from "./getUniqValue-DsqSii6M.js";
-import { GraphHeader as xa } from "./GraphHeader.js";
+import { GraphHeader as ba } from "./GraphHeader.js";
 import { f as Y } from "./filterData-DsAiFzKY.js";
+import { c as xa } from "./checkIfMultiple-D2tgEnYM.js";
 import { g as wa } from "./getGraphList-Bpd3PVmF.js";
 import { t as Z } from "./transformDataForSelect-D8AuvYdf.js";
 const Va = (s) => {
@@ -34,7 +37,7 @@ const Va = (s) => {
   }) || [];
   return Object.assign({}, ...i);
 };
-function Ea(s) {
+function Wa(s) {
   const {
     graphSettings: n,
     dataSettings: i,
@@ -43,19 +46,19 @@ function Ea(s) {
     dataTransform: x,
     graphDataConfiguration: o,
     dataFilters: k,
-    debugMode: y,
+    debugMode: S,
     dataSelectionOptions: v,
     advancedDataSelectionOptions: L,
     readableHeader: _,
     noOfFiltersPerRow: h = 4,
     updateFilters: aa,
     uiMode: c = "normal",
-    highlightDataPointSettings: g
-  } = s, [E, U] = b(void 0), [u, ea] = b(void 0), [m, I] = b(o), [p, S] = b({}), [j, la] = b(void 0), [ta, ia] = b([]), z = B(null), W = B(o), [$, q] = b([]), G = {
+    highlightDataPointSettings: p
+  } = s, [E, U] = b(void 0), [u, ea] = b(void 0), [m, I] = b(o), [g, y] = b({}), [j, la] = b(void 0), [ta, ia] = b([]), z = B(null), W = B(o), [G, q] = b([]), $ = {
     ignoreCase: !0,
     ignoreAccents: !0,
     trim: !0
-  }, J = R(() => {
+  }, J = A(() => {
     const a = (D || []).map((r) => ({
       filter: r.column,
       label: r.label || `Filter by ${r.column}`,
@@ -76,36 +79,36 @@ function Ea(s) {
   w(() => {
     (async () => {
       try {
-        const r = i.dataURL ? typeof i.dataURL == "string" ? i.fileType === "json" ? await ga(i.dataURL, i.columnsToArray, i.dataTransformation, y) : i.fileType === "api" ? await pa(i.dataURL, i.apiHeaders, i.columnsToArray, i.dataTransformation, y) : await ma(i.dataURL, i.dataTransformation, i.columnsToArray, y, i.delimiter, !0) : await Ca(i.dataURL, i.idColumnTitle) : await va(i.data, i.columnsToArray);
+        const r = i.dataURL ? typeof i.dataURL == "string" ? i.fileType === "json" ? await fa(i.dataURL, i.columnsToArray, i.dataTransformation, S) : i.fileType === "api" ? await pa(i.dataURL, i.apiHeaders, i.columnsToArray, i.dataTransformation, S) : await ga(i.dataURL, i.dataTransformation, i.columnsToArray, S, i.delimiter, !0) : await ma(i.dataURL, i.idColumnTitle) : await Ca(i.data, i.columnsToArray);
         ea(r);
       } catch (r) {
         console.error("Data fetching error:", r);
       }
     })(), J();
-  }, [i, y]), w(() => {
+  }, [i, S]), w(() => {
     J();
   }, [D, u]);
-  const na = R(() => {
-    if (!u || $.length === 0) U(u);
+  const na = A(() => {
+    if (!u || G.length === 0) U(u);
     else {
-      const a = u.filter((r) => $.every((e) => e.value && F([e.value]).length > 0 ? sa(F([r[e.filter]]), F([e.value]).map((l) => l.value)).length > 0 : !0));
+      const a = u.filter((r) => G.every((e) => e.value && F([e.value]).length > 0 ? sa(F([r[e.filter]]), F([e.value]).map((l) => l.value)).length > 0 : !0));
       U(a);
     }
   });
   w(() => {
     na();
-  }, [$, u]), w(() => {
-    v && S(P(v, o));
+  }, [G, u]), w(() => {
+    v && y(P(v, o));
   }, [v, o]);
-  const ra = R(() => {
-    g?.column && E && ia(X(E, g.column).filter((a) => !g?.excludeValues?.includes(`${a}`)).map((a) => ({
+  const ra = A(() => {
+    p?.column && E && ia(X(E, p.column).filter((a) => !p?.excludeValues?.includes(`${a}`)).map((a) => ({
       value: a,
       label: a
     })));
   });
   w(() => {
     ra();
-  }, [g]), w(() => {
+  }, [p]), w(() => {
     ua(W.current, o) || (I(o), W.current = o);
   }, [o]);
   const T = (a, r) => {
@@ -113,23 +116,23 @@ function Ea(s) {
       ...l,
       value: r
     } : l));
-  }, oa = u ? Ia(x ? ba(Y(u, k || []), x.keyColumn, x.aggregationColumnsSetting) : Y(u, k || []), C, C === "lineChartWithConfidenceInterval" && m ? Va(m) : m) : void 0;
-  return /* @__PURE__ */ t.jsx(ca, { className: n?.classNames?.graphContainer, style: n?.styles?.graphContainer, id: n?.graphID, ref: z, "aria-label": n?.ariaLabel, backgroundColor: n?.backgroundColor ?? !1, theme: n?.theme || "light", language: n?.language || "en", width: n?.width, height: n?.height, padding: n?.padding, minHeight: n?.minHeight, relativeHeight: n?.relativeHeight, children: u || wa.filter((a) => a.geoHubMapPresentation).map((a) => a.graphID).indexOf(C) !== -1 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    p?.graphTitle || p?.graphDescription || n?.graphTitle || n?.graphDescription || n?.graphDownload || n?.dataDownload ? /* @__PURE__ */ t.jsx(xa, { styles: {
-      title: p?.styles?.title || n?.styles?.title,
-      description: p?.styles?.description || n?.styles?.description
+  }, oa = u ? va(x ? Ia(Y(u, k || []), x.keyColumn, x.aggregationColumnsSetting) : Y(u, k || []), C, C === "lineChartWithConfidenceInterval" && m ? Va(m) : m) : void 0;
+  return /* @__PURE__ */ t.jsx(ha, { className: n?.classNames?.graphContainer, style: n?.styles?.graphContainer, id: n?.graphID, ref: z, "aria-label": n?.ariaLabel, backgroundColor: n?.backgroundColor ?? !1, theme: n?.theme || "light", language: n?.language || "en", width: n?.width, height: n?.height, padding: n?.padding, minHeight: n?.minHeight, relativeHeight: n?.relativeHeight, children: u || wa.filter((a) => a.geoHubMapPresentation).map((a) => a.graphID).indexOf(C) !== -1 ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    g?.graphTitle || g?.graphDescription || n?.graphTitle || n?.graphDescription || n?.graphDownload || n?.dataDownload ? /* @__PURE__ */ t.jsx(ba, { styles: {
+      title: g?.styles?.title || n?.styles?.title,
+      description: g?.styles?.description || n?.styles?.description
     }, classNames: {
-      title: p?.classNames?.title || n?.classNames?.title,
-      description: p?.classNames?.description || n?.classNames?.description
-    }, graphTitle: p?.graphTitle || n?.graphTitle, graphDescription: p?.graphDescription || n?.graphDescription, width: p?.width || n?.width, graphDownload: n?.graphDownload ? z : void 0, dataDownload: n?.dataDownload && u && u.length > 0 ? u : null }) : null,
-    $.length !== 0 || (v || []).length !== 0 || (L || []).length !== 0 || g ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-wrap items-start gap-x-4 gap-y-0 w-full", children: [
+      title: g?.classNames?.title || n?.classNames?.title,
+      description: g?.classNames?.description || n?.classNames?.description
+    }, graphTitle: g?.graphTitle || n?.graphTitle, graphDescription: g?.graphDescription || n?.graphDescription, width: g?.width || n?.width, graphDownload: n?.graphDownload ? z : void 0, dataDownload: n?.dataDownload && u && u.length > 0 ? u : null }) : null,
+    G.length !== 0 || (v || []).length !== 0 || (L || []).length !== 0 || p ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-wrap items-start gap-x-4 gap-y-0 w-full", children: [
       L?.map((a, r) => /* @__PURE__ */ t.jsxs("div", { style: {
         width: a.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
         flexGrow: a.width ? 0 : 1,
         flexShrink: a.ui !== "radio" || a.width ? 0 : 1,
         minWidth: "240px"
       }, className: "pb-4", children: [
-        /* @__PURE__ */ t.jsx(A, { className: "mb-2", children: a.label || "Graph by" }),
+        /* @__PURE__ */ t.jsx(R, { className: "mb-2", children: a.label || "Graph by" }),
         a.ui !== "radio" ? /* @__PURE__ */ t.jsx(
           V,
           {
@@ -150,12 +153,12 @@ function Ea(s) {
               value: a.options[0].label
             },
             onChange: (e) => {
-              S(e?.graphSettings || {}), I(e?.dataConfiguration);
+              y(e?.graphSettings || {}), I(e?.dataConfiguration);
             }
           }
         ) : /* @__PURE__ */ t.jsx(H, { defaultValue: a.defaultValue?.label || a.options[0].label, variant: c, onValueChange: (e) => {
           const l = a.options[a.options.findIndex((f) => f.label === e)];
-          S(l.graphSettings || {}), I(l.dataConfiguration);
+          y(l.graphSettings || {}), I(l.dataConfiguration);
         }, children: a.options.map((e, l) => /* @__PURE__ */ t.jsx(O, { label: e.label, value: e.label }, l)) })
       ] }, r)),
       v?.map((a, r) => /* @__PURE__ */ t.jsxs("div", { style: {
@@ -164,8 +167,8 @@ function Ea(s) {
         flexShrink: a.ui !== "radio" || a.width ? 0 : 1,
         minWidth: "240px"
       }, className: "pb-4", children: [
-        /* @__PURE__ */ t.jsx(A, { className: "mb-2", children: a.label || `Visualize ${a.chartConfigId} by` }),
-        da(a.chartConfigId, m || []) ? a.ui !== "radio" ? /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(R, { className: "mb-2", children: a.label || `Visualize ${a.chartConfigId} by` }),
+        xa(a.chartConfigId, m || []) ? a.ui !== "radio" ? /* @__PURE__ */ t.jsx(
           V,
           {
             options: a.allowedColumnIds,
@@ -175,7 +178,7 @@ function Ea(s) {
             variant: c,
             controlShouldRenderValue: !0,
             defaultValue: o ? o[o.findIndex((e) => e.chartConfigId === a.chartConfigId)].columnId.map((e) => a.allowedColumnIds[a.allowedColumnIds.findIndex((l) => l.value === e)]) : void 0,
-            filterOption: M(G),
+            filterOption: M($),
             onChange: (e) => {
               const l = {
                 columnId: (e || []).map(
@@ -208,7 +211,7 @@ function Ea(s) {
                 columnId: e?.value,
                 chartConfigId: a.chartConfigId
               }, f = m?.map((d) => d.chartConfigId === l.chartConfigId ? l : d);
-              S(P(v, f)), I(f);
+              y(P(v, f)), I(f);
             }
           }
         ) : /* @__PURE__ */ t.jsx(H, { variant: c, defaultValue: o ? a.allowedColumnIds[a.allowedColumnIds.findIndex((e) => e.value === o[o.findIndex((l) => l.chartConfigId === a.chartConfigId)].columnId)].label : "", onValueChange: (e) => {
@@ -216,22 +219,22 @@ function Ea(s) {
             columnId: a.allowedColumnIds[a.allowedColumnIds.findIndex((N) => N.label === e)].value,
             chartConfigId: a.chartConfigId
           }, d = m?.map((N) => N.chartConfigId === f.chartConfigId ? f : N);
-          S(P(v, d)), I(d);
+          y(P(v, d)), I(d);
         }, children: a.allowedColumnIds.map((e, l) => /* @__PURE__ */ t.jsx(O, { label: e.label, value: e.label }, l)) })
       ] }, r)),
-      $?.map((a, r) => /* @__PURE__ */ t.jsxs("div", { style: {
+      G?.map((a, r) => /* @__PURE__ */ t.jsxs("div", { style: {
         width: a.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
         flexGrow: a.width ? 0 : 1,
         flexShrink: 0,
         minWidth: "240px"
       }, className: "pb-4", children: [
-        /* @__PURE__ */ t.jsx(A, { className: "mb-2", children: a.label }),
-        a.singleSelect ? a.ui !== "radio" ? /* @__PURE__ */ t.jsx(V, { options: a.availableValues, variant: c, isClearable: a.clearable === void 0 ? !0 : a.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: M(G), onChange: (e) => {
+        /* @__PURE__ */ t.jsx(R, { className: "mb-2", children: a.label }),
+        a.singleSelect ? a.ui !== "radio" ? /* @__PURE__ */ t.jsx(V, { options: a.availableValues, variant: c, isClearable: a.clearable === void 0 ? !0 : a.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: M($), onChange: (e) => {
           T(a.filter, e);
         }, value: a.value, defaultValue: a.defaultValue }) : /* @__PURE__ */ t.jsx(H, { variant: c, defaultValue: a.defaultValue.value, onValueChange: (e) => {
           T(a.filter, a.availableValues.filter((l) => l.value === e));
         }, children: a.availableValues.map((e, l) => /* @__PURE__ */ t.jsx(O, { label: `${e.label}`, value: `${e.value}` }, l)) }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          a.ui !== "radio" ? /* @__PURE__ */ t.jsx(V, { options: a.availableValues, variant: c, size: "sm", isMulti: !0, isClearable: a.clearable === void 0 ? !0 : a.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: M(G), onChange: (e) => {
+          a.ui !== "radio" ? /* @__PURE__ */ t.jsx(V, { options: a.availableValues, variant: c, size: "sm", isMulti: !0, isClearable: a.clearable === void 0 ? !0 : a.clearable, isSearchable: !0, controlShouldRenderValue: !0, filterOption: M($), onChange: (e) => {
             T(a.filter, e);
           }, value: a.value, defaultValue: a.defaultValue }) : /* @__PURE__ */ t.jsx(K, { variant: c, defaultValue: a.defaultValue ? a.defaultValue.map((e) => `${e.value}`) : [], value: a.value ? a.value.map((e) => `${e.value}`) : void 0, onValueChange: (e) => {
             T(a.filter, a.availableValues.filter((l) => e.indexOf(`${l.value}`) !== -1));
@@ -241,13 +244,13 @@ function Ea(s) {
           }, children: "Select all options" }) : null
         ] })
       ] }, r)),
-      g ? /* @__PURE__ */ t.jsxs("div", { style: {
-        width: g.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
-        flexGrow: g.width ? 0 : 1,
+      p ? /* @__PURE__ */ t.jsxs("div", { style: {
+        width: p.width || `calc(${100 / h}% - ${(h - 1) / h}rem)`,
+        flexGrow: p.width ? 0 : 1,
         flexShrink: 0,
         minWidth: "240px"
       }, className: "pb-4", children: [
-        /* @__PURE__ */ t.jsx(A, { className: "mb-2", children: g.label || "Highlight data" }),
+        /* @__PURE__ */ t.jsx(R, { className: "mb-2", children: p.label || "Highlight data" }),
         /* @__PURE__ */ t.jsx(
           V,
           {
@@ -258,7 +261,7 @@ function Ea(s) {
             isClearable: !0,
             isSearchable: !0,
             controlShouldRenderValue: !0,
-            filterOption: M(G),
+            filterOption: M($),
             onChange: (a) => {
               la(a?.map((r) => r.value));
             },
@@ -266,7 +269,7 @@ function Ea(s) {
               label: a,
               value: a
             })),
-            defaultValue: g.defaultValues?.map((a) => ({
+            defaultValue: p.defaultValues?.map((a) => ({
               label: a,
               value: a
             }))
@@ -274,9 +277,9 @@ function Ea(s) {
         )
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ t.jsx(fa, { graph: C, graphData: oa, graphDataConfiguration: m, debugMode: y, readableHeader: _ || [], updateFilters: aa, settings: {
+    /* @__PURE__ */ t.jsx(ca, { graph: C, graphData: oa, graphDataConfiguration: m, debugMode: S, readableHeader: _ || [], updateFilters: aa, settings: {
       ...n || {},
-      ...p,
+      ...g,
       graphTitle: void 0,
       graphDescription: void 0,
       graphDownload: !1,
@@ -294,9 +297,9 @@ function Ea(s) {
         highlightedLines: j?.map((a) => a)
       } : {}
     } })
-  ] }) : /* @__PURE__ */ t.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ t.jsx(ha, {}) }) });
+  ] }) : /* @__PURE__ */ t.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ t.jsx(da, {}) }) });
 }
 export {
-  Ea as SingleGraphDashboard
+  Wa as SingleGraphDashboard
 };
 //# sourceMappingURL=SingleGraphDashboard.js.map