@undp/data-viz 2.5.4 → 2.6.1

package/dist/GriddedGraphs.js.map

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

package/dist/GriddedGraphsFromConfig.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-D4pAp7u0.cjs"),l=require("react"),p=require("./Spinner-WHzzloYQ.cjs"),m=require("./GriddedGraphs.cjs"),f=require("./fetchAndParseData-QTF6tjij.cjs");function g(c){const t=s.compilerRuntimeExports.c(23),{config:a}=c,[e,d]=l.useState(void 0);let r,o;if(t[0]!==a?(r=()=>{(async()=>{if(typeof a=="string"){const h=await f.fetchAndParseJSON(a);d(h)}else d(a)})()},o=[a],t[0]=a,t[1]=r,t[2]=o):(r=t[1],o=t[2]),l.useEffect(r,o),!e){let n;return t[3]===Symbol.for("react.memo_cache_sentinel")?(n=s.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:s.jsxRuntimeExports.jsx(p.w,{})}),t[3]=n):n=t[3],n}let i;return t[4]!==e.advancedDataSelectionOptions||t[5]!==e.columnGridBy||t[6]!==e.dataFilters||t[7]!==e.dataSelectionOptions||t[8]!==e.dataSettings||t[9]!==e.dataTransform||t[10]!==e.debugMode||t[11]!==e.filters||t[12]!==e.graphDataConfiguration||t[13]!==e.graphSettings||t[14]!==e.graphType||t[15]!==e.minGraphHeight||t[16]!==e.minGraphWidth||t[17]!==e.noOfColumns||t[18]!==e.noOfFiltersPerRow||t[19]!==e.readableHeader||t[20]!==e.showCommonColorScale||t[21]!==e.theme?(i=s.jsxRuntimeExports.jsx(m.GriddedGraphs,{noOfColumns:e.noOfColumns,columnGridBy:e.columnGridBy,graphSettings:e.graphSettings,dataSettings:e.dataSettings,filters:e.filters,graphType:e.graphType,minGraphHeight:e.minGraphHeight,minGraphWidth:e.minGraphWidth,dataTransform:e.dataTransform,graphDataConfiguration:e.graphDataConfiguration,dataFilters:e.dataFilters,showCommonColorScale:e.showCommonColorScale,debugMode:e.debugMode,dataSelectionOptions:e.dataSelectionOptions,advancedDataSelectionOptions:e.advancedDataSelectionOptions,readableHeader:e.readableHeader,noOfFiltersPerRow:e.noOfFiltersPerRow,theme:e.theme}),t[4]=e.advancedDataSelectionOptions,t[5]=e.columnGridBy,t[6]=e.dataFilters,t[7]=e.dataSelectionOptions,t[8]=e.dataSettings,t[9]=e.dataTransform,t[10]=e.debugMode,t[11]=e.filters,t[12]=e.graphDataConfiguration,t[13]=e.graphSettings,t[14]=e.graphType,t[15]=e.minGraphHeight,t[16]=e.minGraphWidth,t[17]=e.noOfColumns,t[18]=e.noOfFiltersPerRow,t[19]=e.readableHeader,t[20]=e.showCommonColorScale,t[21]=e.theme,t[22]=i):i=t[22],i}exports.GriddedGraphsFromConfig=g;
-//# sourceMappingURL=GriddedGraphsFromConfig.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(`./GriddedGraphs.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.GriddedGraphs,{noOfColumns:s.noOfColumns,columnGridBy:s.columnGridBy,graphSettings:s.graphSettings,dataSettings:s.dataSettings,filters:s.filters,graphType:s.graphType,minGraphHeight:s.minGraphHeight,minGraphWidth:s.minGraphWidth,dataTransform:s.dataTransform,graphDataConfiguration:s.graphDataConfiguration,dataFilters:s.dataFilters,showCommonColorScale:s.showCommonColorScale,debugMode:s.debugMode,dataSelectionOptions:s.dataSelectionOptions,advancedDataSelectionOptions:s.advancedDataSelectionOptions,readableHeader:s.readableHeader,noOfFiltersPerRow:s.noOfFiltersPerRow,theme:s.theme}):(0,a.jsx)(`div`,{className:`w-full flex justify-center p-4`,children:(0,a.jsx)(i.Spinner,{})})}exports.GriddedGraphsFromConfig=o;
+//# sourceMappingURL=GriddedGraphsFromConfig.cjs.map

package/dist/GriddedGraphsFromConfig.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GriddedGraphsFromConfig.cjs","sources":["../src/Components/Dashboard/GriddedGraphsFromConfig.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { GriddedGraphs } from './GriddedGraphs';\r\n\r\nimport {\r\n  AdvancedDataSelectionDataType,\r\n  AggregationSettingsDataType,\r\n  DataFilterDataType,\r\n  DataSelectionDataType,\r\n  DataSettingsDataType,\r\n  FilterUiSettingsDataType,\r\n  GraphConfigurationDataType,\r\n  GraphSettingsDataType,\r\n  GraphType,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\n\r\ninterface ConfigObject {\r\n  noOfColumns?: number;\r\n  columnGridBy: string;\r\n  graphSettings?: GraphSettingsDataType;\r\n  dataSettings: DataSettingsDataType;\r\n  filters?: FilterUiSettingsDataType[];\r\n  noOfFiltersPerRow?: number;\r\n  graphType: Exclude<GraphType, 'geoHubMap' | 'geoHubCompareMap' | 'geoHubMapWithLayerSelection'>;\r\n  dataTransform?: {\r\n    keyColumn: string;\r\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\r\n  };\r\n  dataFilters?: DataFilterDataType[];\r\n  graphDataConfiguration?: GraphConfigurationDataType[];\r\n  showCommonColorScale?: boolean;\r\n  minGraphWidth?: number;\r\n  minGraphHeight?: number;\r\n  debugMode?: boolean;\r\n  dataSelectionOptions?: DataSelectionDataType[];\r\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\r\n  readableHeader?: {\r\n    value: string;\r\n    label: string;\r\n  }[];\r\n  theme?: 'dark' | 'light';\r\n}\r\n\r\ninterface Props {\r\n  config: string | ConfigObject;\r\n}\r\n\r\nexport function GriddedGraphsFromConfig(props: Props) {\r\n  const { config } = props;\r\n  const [configSettings, setConfigSettings] = useState<ConfigObject | undefined>(undefined);\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      if (typeof config === 'string') {\r\n        const data = await fetchAndParseJSON(config);\r\n        setConfigSettings(data);\r\n      } else {\r\n        setConfigSettings(config);\r\n      }\r\n    };\r\n    fetchData();\r\n  }, [config]);\r\n\r\n  if (!configSettings)\r\n    return (\r\n      <div className='w-full flex justify-center p-4'>\r\n        <Spinner />\r\n      </div>\r\n    );\r\n  return (\r\n    <GriddedGraphs\r\n      noOfColumns={configSettings.noOfColumns}\r\n      columnGridBy={configSettings.columnGridBy}\r\n      graphSettings={configSettings.graphSettings}\r\n      dataSettings={configSettings.dataSettings}\r\n      filters={configSettings.filters}\r\n      graphType={configSettings.graphType}\r\n      minGraphHeight={configSettings.minGraphHeight}\r\n      minGraphWidth={configSettings.minGraphWidth}\r\n      dataTransform={configSettings.dataTransform}\r\n      graphDataConfiguration={configSettings.graphDataConfiguration}\r\n      dataFilters={configSettings.dataFilters}\r\n      showCommonColorScale={configSettings.showCommonColorScale}\r\n      debugMode={configSettings.debugMode}\r\n      dataSelectionOptions={configSettings.dataSelectionOptions}\r\n      advancedDataSelectionOptions={configSettings.advancedDataSelectionOptions}\r\n      readableHeader={configSettings.readableHeader}\r\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\r\n      theme={configSettings.theme}\r\n    />\r\n  );\r\n}\r\n"],"names":["GriddedGraphsFromConfig","props","$","_c","config","configSettings","setConfigSettings","useState","undefined","t0","t1","data","fetchAndParseJSON","fetchData","useEffect","t2","Symbol","for","jsx","Spinner","advancedDataSelectionOptions","columnGridBy","dataFilters","dataSelectionOptions","dataSettings","dataTransform","debugMode","filters","graphDataConfiguration","graphSettings","graphType","minGraphHeight","minGraphWidth","noOfColumns","noOfFiltersPerRow","readableHeader","showCommonColorScale","theme","GriddedGraphs"],"mappings":"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"}
+{"version":3,"file":"GriddedGraphsFromConfig.cjs","names":[],"sources":["../src/Components/Dashboard/GriddedGraphsFromConfig.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} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { GriddedGraphs } from './GriddedGraphs';\n\ninterface ConfigObject {\n  noOfColumns?: number;\n  columnGridBy: string;\n  graphSettings?: GraphSettingsDataType;\n  dataSettings: DataSettingsDataType;\n  filters?: FilterUiSettingsDataType[];\n  noOfFiltersPerRow?: number;\n  graphType: Exclude<GraphType, 'geoHubMap' | 'geoHubCompareMap' | 'geoHubMapWithLayerSelection'>;\n  dataTransform?: {\n    keyColumn: string;\n    aggregationColumnsSetting?: AggregationSettingsDataType[];\n  };\n  dataFilters?: DataFilterDataType[];\n  graphDataConfiguration?: GraphConfigurationDataType[];\n  showCommonColorScale?: boolean;\n  minGraphWidth?: number;\n  minGraphHeight?: number;\n  debugMode?: boolean;\n  dataSelectionOptions?: DataSelectionDataType[];\n  advancedDataSelectionOptions?: AdvancedDataSelectionDataType[];\n  readableHeader?: {\n    value: string;\n    label: string;\n  }[];\n  theme?: 'dark' | 'light';\n}\n\ninterface Props {\n  config: string | ConfigObject;\n}\n\nexport function GriddedGraphsFromConfig(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\n  if (!configSettings)\n    return (\n      <div className='w-full flex justify-center p-4'>\n        <Spinner />\n      </div>\n    );\n  return (\n    <GriddedGraphs\n      noOfColumns={configSettings.noOfColumns}\n      columnGridBy={configSettings.columnGridBy}\n      graphSettings={configSettings.graphSettings}\n      dataSettings={configSettings.dataSettings}\n      filters={configSettings.filters}\n      graphType={configSettings.graphType}\n      minGraphHeight={configSettings.minGraphHeight}\n      minGraphWidth={configSettings.minGraphWidth}\n      dataTransform={configSettings.dataTransform}\n      graphDataConfiguration={configSettings.graphDataConfiguration}\n      dataFilters={configSettings.dataFilters}\n      showCommonColorScale={configSettings.showCommonColorScale}\n      debugMode={configSettings.debugMode}\n      dataSelectionOptions={configSettings.dataSelectionOptions}\n      advancedDataSelectionOptions={configSettings.advancedDataSelectionOptions}\n      readableHeader={configSettings.readableHeader}\n      noOfFiltersPerRow={configSettings.noOfFiltersPerRow}\n      theme={configSettings.theme}\n    />\n  );\n}\n"],"mappings":"kTA+CA,SAAgB,EAAwB,EAAc,CACpD,GAAM,CAAE,UAAW,EACb,CAAC,EAAgB,IAAA,EAAA,EAAA,UAAwD,IAAA,EAAS,EAmBxF,OAlBA,EAAA,EAAA,eAAgB,EASd,SAR8B,CAG1B,EAFE,OAAO,GAAW,SAEF,MADC,EAAA,EAAkB,CAAM,EAGzB,CAAM,CAE5B,GACU,CACZ,EAAG,CAAC,CAAM,CAAC,EAEN,GAOH,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAa,EAAe,YAC5B,aAAc,EAAe,aAC7B,cAAe,EAAe,cAC9B,aAAc,EAAe,aAC7B,QAAS,EAAe,QACxB,UAAW,EAAe,UAC1B,eAAgB,EAAe,eAC/B,cAAe,EAAe,cAC9B,cAAe,EAAe,cAC9B,uBAAwB,EAAe,uBACvC,YAAa,EAAe,YAC5B,qBAAsB,EAAe,qBACrC,UAAW,EAAe,UAC1B,qBAAsB,EAAe,qBACrC,6BAA8B,EAAe,6BAC7C,eAAgB,EAAe,eAC/B,kBAAmB,EAAe,kBAClC,MAAO,EAAe,KACvB,CAAA,GAxBC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2CACb,EAAA,EAAA,KAAC,EAAA,QAAD,CAAU,CAAA,CACP,CAAA,CAwBX"}