@undp/data-viz 1.5.8 → 2.0.0

package/dist/GriddedGraphs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GriddedGraphs.js","sources":["../src/Components/Dashboard/GriddedGraphs.tsx"],"sourcesContent":["import { useCallback, useEffect, 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 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 fetchDataHandler = useCallback(async () => {\r\n    if (dataSettings) {\r\n      try {\r\n        const fetchData = dataSettings.dataURL\r\n          ? typeof dataSettings.dataURL === 'string'\r\n            ? dataSettings.fileType === 'json'\r\n              ? 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                ? fetchAndTransformDataFromAPI(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.apiHeaders,\r\n                    dataSettings.columnsToArray,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : 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            : fetchAndParseMultipleDataSources(dataSettings.dataURL, dataSettings.idColumnTitle)\r\n          : transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n\r\n        const d = await fetchData;\r\n        setDataFromFile(d);\r\n\r\n        const gridValue = getUniqValue(d, columnGridBy) as (string | number)[];\r\n        setGridOption(gridValue);\r\n        // Optimize filter settings generation\r\n        const newFilterSettings = (filters || []).map(el => ({\r\n          filter: el.column,\r\n          label: el.label || `Filter by ${el.column}`,\r\n          singleSelect: el.singleSelect,\r\n          clearable: el.clearable,\r\n          defaultValue: transformDefaultValue(el.defaultValue),\r\n          value: transformDefaultValue(el.defaultValue),\r\n          availableValues: getUniqValue(d, 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\r\n        setFilterSettings(newFilterSettings);\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    }\r\n  }, [dataSettings, debugMode, columnGridBy, filters]);\r\n  useEffect(() => {\r\n    fetchDataHandler();\r\n  }, [fetchDataHandler]);\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    <div\r\n      className={`${theme || graphSettings?.theme || 'light'} flex  ${\r\n        graphSettings?.width ? 'w-fit grow-0' : 'w-full grow'\r\n      }`}\r\n      dir={graphSettings?.language === 'he' || graphSettings?.language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={`${\r\n          !graphSettings?.backgroundColor\r\n            ? 'bg-transparent '\r\n            : graphSettings?.backgroundColor === true\r\n              ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n              : ''\r\n        }ml-auto mr-auto flex flex-col grow h-inherit ${graphSettings?.language || 'en'}`}\r\n        style={{\r\n          ...(graphSettings?.backgroundColor && graphSettings?.backgroundColor !== true\r\n            ? { backgroundColor: graphSettings?.backgroundColor }\r\n            : {}),\r\n        }}\r\n        id={graphSettings?.graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          graphSettings?.ariaLabel ||\r\n          `${\r\n            graphSettings?.graphTitle ? `The graph shows ${graphSettings?.graphTitle}. ` : ''\r\n          }This is a gridded chart.${\r\n            graphSettings?.graphDescription ? ` ${graphSettings?.graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          style={{\r\n            padding: graphSettings?.backgroundColor\r\n              ? graphSettings?.padding || '1rem'\r\n              : graphSettings?.padding || 0,\r\n            flexGrow: 1,\r\n            display: 'flex',\r\n          }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\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 ||\r\n                    graphSettings?.styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title:\r\n                    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.current : 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\r\n                    style={{\r\n                      display: 'flex',\r\n                      gap: '1rem',\r\n                      flexWrap: 'wrap',\r\n                      alignItems: 'flex-start',\r\n                      width: '100%',\r\n                    }}\r\n                  >\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: 1,\r\n                          flexShrink: d.ui !== 'radio' ? 0 : 1,\r\n                          minWidth: '240px',\r\n                        }}\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: 1,\r\n                          flexShrink: d.ui !== 'radio' ? 0 : 1,\r\n                          minWidth: '240px',\r\n                        }}\r\n                        key={i}\r\n                      >\r\n                        <Label className='mb-2'>\r\n                          {d.label || `Visualize ${d.chartConfigId} by`}\r\n                        </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={\r\n                              graphSettings?.language === 'ar' || graphSettings?.language === 'he'\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: 1,\r\n                          flexShrink: 0,\r\n                          flexWrap: 'wrap',\r\n                        }}\r\n                        key={i}\r\n                      >\r\n                        <Label className='mb-2'>{d.label}</Label>\r\n                        {d.singleSelect ? (\r\n                          <DropdownSelect\r\n                            variant={uiMode}\r\n                            options={d.availableValues}\r\n                            isClearable={d.clearable === undefined ? true : d.clearable}\r\n                            isRtl={\r\n                              graphSettings?.language === 'ar' || graphSettings?.language === 'he'\r\n                            }\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                            defaultValue={d.defaultValue}\r\n                          />\r\n                        ) : (\r\n                          <>\r\n                            <DropdownSelect\r\n                              variant={uiMode}\r\n                              options={d.availableValues}\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                              defaultValue={d.defaultValue}\r\n                              isRtl={\r\n                                graphSettings?.language === 'ar' || graphSettings?.language === 'he'\r\n                              }\r\n                            />\r\n                            {d.allowSelectAll ? (\r\n                              <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                                type='button'\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 ||\r\n                      graphSettings?.showNAColor === null\r\n                        ? true\r\n                        : graphSettings?.showNAColor\r\n                    }\r\n                  />\r\n                ) : null}\r\n                <div\r\n                  style={{\r\n                    display: 'flex',\r\n                    flexWrap: 'wrap',\r\n                    gap: '1rem',\r\n                    flexDirection:\r\n                      graphSettings?.language === 'ar' || graphSettings?.language === 'he'\r\n                        ? 'row-reverse'\r\n                        : 'row',\r\n                    justifyContent: 'center',\r\n                  }}\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 /\r\n                          (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\r\n                        }% - ${\r\n                          ((noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number)) -\r\n                            1) /\r\n                          (noOfColumns || (Math.min(...[4, gridOption.length || 0]) as number))\r\n                        }rem)`,\r\n                        minWidth: checkIfNullOrUndefined(minGraphWidth)\r\n                          ? '280px'\r\n                          : `${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          </div>\r\n        </div>\r\n      </div>\r\n    </div>\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","dataFromFile","setDataFromFile","gridOption","setGridOption","graphParentDiv","useRef","graphConfig","setGraphConfig","filterSettings","setFilterSettings","advancedGraphSettings","setAdvancedGraphSettings","filterConfig","useMemo","filteredData","item","filter","flattenDeep","intersection","el","useEffect","fetchDataHandler","useCallback","fetchAndParseJSON","fetchAndTransformDataFromAPI","fetchAndParseCSV","fetchAndParseMultipleDataSources","transformColumnsToArray","gridValue","getUniqValue","newFilterSettings","transformDefaultValue","v","error","handleFilterChange","values","prev","f","jsx","jsxs","GraphHeader","Fragment","d","i","Label","DropdownSelect","opt","RadioGroup","selectedOption","j","RadioGroupItem","checkIfMultiple","createFilter","newGraphConfig","updatedConfig","CheckboxGroup","CheckboxGroupItem","ColorLegend","Colors","checkIfNullOrUndefined","GraphEl","transformDataForGraph","transformDataForAggregation","filterData","Spinner","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"GriddedGraphs.js","sources":["../src/Components/Dashboard/GriddedGraphs.tsx"],"sourcesContent":["import { useCallback, useEffect, 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 fetchDataHandler = useCallback(async () => {\r\n    if (dataSettings) {\r\n      try {\r\n        const fetchData = dataSettings.dataURL\r\n          ? typeof dataSettings.dataURL === 'string'\r\n            ? dataSettings.fileType === 'json'\r\n              ? 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                ? fetchAndTransformDataFromAPI(\r\n                    dataSettings.dataURL,\r\n                    dataSettings.apiHeaders,\r\n                    dataSettings.columnsToArray,\r\n                    dataSettings.dataTransformation,\r\n                    debugMode,\r\n                  )\r\n                : 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            : fetchAndParseMultipleDataSources(dataSettings.dataURL, dataSettings.idColumnTitle)\r\n          : transformColumnsToArray(dataSettings.data, dataSettings.columnsToArray);\r\n\r\n        const d = await fetchData;\r\n        setDataFromFile(d);\r\n\r\n        const gridValue = getUniqValue(d, columnGridBy) as (string | number)[];\r\n        setGridOption(gridValue);\r\n        // Optimize filter settings generation\r\n        const newFilterSettings = (filters || []).map(el => ({\r\n          filter: el.column,\r\n          label: el.label || `Filter by ${el.column}`,\r\n          singleSelect: el.singleSelect,\r\n          clearable: el.clearable,\r\n          defaultValue: transformDefaultValue(el.defaultValue),\r\n          value: transformDefaultValue(el.defaultValue),\r\n          availableValues: getUniqValue(d, 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\r\n        setFilterSettings(newFilterSettings);\r\n      } catch (error) {\r\n        console.error('Data fetching error:', error);\r\n      }\r\n    }\r\n  }, [dataSettings, debugMode, columnGridBy, filters]);\r\n  useEffect(() => {\r\n    fetchDataHandler();\r\n  }, [fetchDataHandler]);\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: 1,\r\n                    flexShrink: d.ui !== 'radio' ? 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: 1,\r\n                    flexShrink: d.ui !== 'radio' ? 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: 1,\r\n                    flexShrink: 0,\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                    <DropdownSelect\r\n                      variant={uiMode}\r\n                      options={d.availableValues}\r\n                      isClearable={d.clearable === undefined ? true : d.clearable}\r\n                      isRtl={graphSettings?.language === 'ar' || graphSettings?.language === 'he'}\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                      defaultValue={d.defaultValue}\r\n                    />\r\n                  ) : (\r\n                    <>\r\n                      <DropdownSelect\r\n                        variant={uiMode}\r\n                        options={d.availableValues}\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                        defaultValue={d.defaultValue}\r\n                        isRtl={graphSettings?.language === 'ar' || graphSettings?.language === 'he'}\r\n                      />\r\n                      {d.allowSelectAll ? (\r\n                        <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                          type='button'\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","fetchDataHandler","useCallback","d","dataURL","fileType","fetchAndParseJSON","columnsToArray","dataTransformation","fetchAndTransformDataFromAPI","apiHeaders","fetchAndParseCSV","delimiter","fetchAndParseMultipleDataSources","idColumnTitle","transformColumnsToArray","gridValue","getUniqValue","newFilterSettings","column","label","singleSelect","clearable","defaultValue","transformDefaultValue","availableValues","v","excludeValues","includes","allowSelectAll","width","error","console","handleFilterChange","values","prev","f","GraphContainer","classNames","graphContainer","styles","graphID","ariaLabel","backgroundColor","language","height","padding","graphTitle","graphDescription","graphDownload","dataDownload","jsx","GraphHeader","title","description","jsxs","Fragment","i","flexGrow","flexShrink","ui","minWidth","Label","DropdownSelect","options","opt","dataConfiguration","RadioGroup","selectedOption","findIndex","j","RadioGroupItem","chartConfigId","checkIfMultiple","allowedColumnIds","columnId","createFilter","newGraphConfig","updatedConfig","CheckboxGroup","CheckboxGroupItem","flexWrap","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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"}

package/dist/GriddedGraphsFromConfig.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CHPV5EwG-DDoeWRVt.cjs"),n=require("react"),s=require("./Spinner-DA6Z5E4n.cjs"),d=require("./GriddedGraphs.cjs"),c=require("./fetchAndParseData-Ba-_CgxS.cjs");function f(i){const{config:t}=i,[e,r]=n.useState(void 0);return n.useEffect(()=>{(async()=>{if(typeof t=="string"){const o=await c.fetchAndParseJSON(t);r(o)}else r(t)})()},[t]),e?a.jsxRuntimeExports.jsx(d.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}):a.jsxRuntimeExports.jsx("div",{className:"w-full flex justify-center p-4",children:a.jsxRuntimeExports.jsx(s.y,{})})}exports.GriddedGraphsFromConfig=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-CTPQjnHt.cjs"),l=require("react"),p=require("./Spinner-DRMBUsX7.cjs"),m=require("./GriddedGraphs.cjs"),f=require("./fetchAndParseData-l5HGMAEs.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

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","config","configSettings","setConfigSettings","useState","useEffect","data","fetchAndParseJSON","jsx","GriddedGraphs","Spinner"],"mappings":"uQAiDO,SAASA,EAAwBC,EAAc,CACpD,KAAM,CAAE,OAAAC,GAAWD,EACb,CAACE,EAAgBC,CAAiB,EAAIC,EAAAA,SAAmC,MAAS,EAaxF,OAZAC,EAAAA,UAAU,IAAM,EACI,SAAY,CAC5B,GAAI,OAAOJ,GAAW,SAAU,CAC9B,MAAMK,EAAO,MAAMC,EAAAA,kBAAkBN,CAAM,EAC3CE,EAAkBG,CAAI,CACxB,MACEH,EAAkBF,CAAM,CAE5B,GACA,CACF,EAAG,CAACA,CAAM,CAAC,EAENC,EAOHM,EAAAA,kBAAAA,IAACC,EAAAA,cAAA,CACC,YAAaP,EAAe,YAC5B,aAAcA,EAAe,aAC7B,cAAeA,EAAe,cAC9B,aAAcA,EAAe,aAC7B,QAASA,EAAe,QACxB,UAAWA,EAAe,UAC1B,eAAgBA,EAAe,eAC/B,cAAeA,EAAe,cAC9B,cAAeA,EAAe,cAC9B,uBAAwBA,EAAe,uBACvC,YAAaA,EAAe,YAC5B,qBAAsBA,EAAe,qBACrC,UAAWA,EAAe,UAC1B,qBAAsBA,EAAe,qBACrC,6BAA8BA,EAAe,6BAC7C,eAAgBA,EAAe,eAC/B,kBAAmBA,EAAe,kBAClC,MAAOA,EAAe,KAAA,CAAA,0BAvBrB,MAAA,CAAI,UAAU,iCACb,SAAAM,wBAACE,EAAAA,IAAQ,EACX,CAwBN"}
+{"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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"}

package/dist/GriddedGraphsFromConfig.d.ts

@@ -94,6 +94,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 declare interface ColumnConfigurationDataType {
@@ -478,6 +479,7 @@ declare interface GraphSettingsDataType {
     showAxisLabels?: boolean;
     highlightedAltitude?: number;
     selectedId?: string;
+    collapseColorScaleByDefault?: boolean;
 }
 
 declare type GraphType = GraphTypeForGriddedGraph;

package/dist/GriddedGraphsFromConfig.js

@@ -1,43 +1,29 @@
-import { j as a } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { useState as n, useEffect as s } from "react";
-import { y as d } from "./Spinner-C85UF28E.js";
-import { GriddedGraphs as f } from "./GriddedGraphs.js";
-import { f as m } from "./fetchAndParseData-sapWbnYk.js";
-function S(r) {
-  const { config: e } = r, [t, o] = n(void 0);
-  return s(() => {
+import { c as f, j as s } from "./index-CHPV5EwG-Curnpaqc.js";
+import { useState as p, useEffect as h } from "react";
+import { w as c } from "./Spinner-D7rnnwnA.js";
+import { GriddedGraphs as g } from "./GriddedGraphs.js";
+import { f as u } from "./fetchAndParseData-BpqkBPQL.js";
+function w(l) {
+  const e = f.c(23), {
+    config: a
+  } = l, [t, d] = p(void 0);
+  let i, r;
+  if (e[0] !== a ? (i = () => {
     (async () => {
-      if (typeof e == "string") {
-        const i = await m(e);
-        o(i);
+      if (typeof a == "string") {
+        const m = await u(a);
+        d(m);
       } else
-        o(e);
+        d(a);
     })();
-  }, [e]), t ? /* @__PURE__ */ a.jsx(
-    f,
-    {
-      noOfColumns: t.noOfColumns,
-      columnGridBy: t.columnGridBy,
-      graphSettings: t.graphSettings,
-      dataSettings: t.dataSettings,
-      filters: t.filters,
-      graphType: t.graphType,
-      minGraphHeight: t.minGraphHeight,
-      minGraphWidth: t.minGraphWidth,
-      dataTransform: t.dataTransform,
-      graphDataConfiguration: t.graphDataConfiguration,
-      dataFilters: t.dataFilters,
-      showCommonColorScale: t.showCommonColorScale,
-      debugMode: t.debugMode,
-      dataSelectionOptions: t.dataSelectionOptions,
-      advancedDataSelectionOptions: t.advancedDataSelectionOptions,
-      readableHeader: t.readableHeader,
-      noOfFiltersPerRow: t.noOfFiltersPerRow,
-      theme: t.theme
-    }
-  ) : /* @__PURE__ */ a.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ a.jsx(d, {}) });
+  }, r = [a], e[0] = a, e[1] = i, e[2] = r) : (i = e[1], r = e[2]), h(i, r), !t) {
+    let o;
+    return e[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ s.jsx("div", { className: "w-full flex justify-center p-4", children: /* @__PURE__ */ s.jsx(c, {}) }), e[3] = o) : o = e[3], o;
+  }
+  let n;
+  return e[4] !== t.advancedDataSelectionOptions || e[5] !== t.columnGridBy || e[6] !== t.dataFilters || e[7] !== t.dataSelectionOptions || e[8] !== t.dataSettings || e[9] !== t.dataTransform || e[10] !== t.debugMode || e[11] !== t.filters || e[12] !== t.graphDataConfiguration || e[13] !== t.graphSettings || e[14] !== t.graphType || e[15] !== t.minGraphHeight || e[16] !== t.minGraphWidth || e[17] !== t.noOfColumns || e[18] !== t.noOfFiltersPerRow || e[19] !== t.readableHeader || e[20] !== t.showCommonColorScale || e[21] !== t.theme ? (n = /* @__PURE__ */ s.jsx(g, { noOfColumns: t.noOfColumns, columnGridBy: t.columnGridBy, graphSettings: t.graphSettings, dataSettings: t.dataSettings, filters: t.filters, graphType: t.graphType, minGraphHeight: t.minGraphHeight, minGraphWidth: t.minGraphWidth, dataTransform: t.dataTransform, graphDataConfiguration: t.graphDataConfiguration, dataFilters: t.dataFilters, showCommonColorScale: t.showCommonColorScale, debugMode: t.debugMode, dataSelectionOptions: t.dataSelectionOptions, advancedDataSelectionOptions: t.advancedDataSelectionOptions, readableHeader: t.readableHeader, noOfFiltersPerRow: t.noOfFiltersPerRow, theme: t.theme }), e[4] = t.advancedDataSelectionOptions, e[5] = t.columnGridBy, e[6] = t.dataFilters, e[7] = t.dataSelectionOptions, e[8] = t.dataSettings, e[9] = t.dataTransform, e[10] = t.debugMode, e[11] = t.filters, e[12] = t.graphDataConfiguration, e[13] = t.graphSettings, e[14] = t.graphType, e[15] = t.minGraphHeight, e[16] = t.minGraphWidth, e[17] = t.noOfColumns, e[18] = t.noOfFiltersPerRow, e[19] = t.readableHeader, e[20] = t.showCommonColorScale, e[21] = t.theme, e[22] = n) : n = e[22], n;
 }
 export {
-  S as GriddedGraphsFromConfig
+  w as GriddedGraphsFromConfig
 };
 //# sourceMappingURL=GriddedGraphsFromConfig.js.map

package/dist/GriddedGraphsFromConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"GriddedGraphsFromConfig.js","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","config","configSettings","setConfigSettings","useState","useEffect","data","fetchAndParseJSON","jsx","GriddedGraphs","Spinner"],"mappings":";;;;;AAiDO,SAASA,EAAwBC,GAAc;AACpD,QAAM,EAAE,QAAAC,MAAWD,GACb,CAACE,GAAgBC,CAAiB,IAAIC,EAAmC,MAAS;AAaxF,SAZAC,EAAU,MAAM;AASd,KARkB,YAAY;AAC5B,UAAI,OAAOJ,KAAW,UAAU;AAC9B,cAAMK,IAAO,MAAMC,EAAkBN,CAAM;AAC3C,QAAAE,EAAkBG,CAAI;AAAA,MACxB;AACE,QAAAH,EAAkBF,CAAM;AAAA,IAE5B,GACA;AAAA,EACF,GAAG,CAACA,CAAM,CAAC,GAENC,IAOHM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaP,EAAe;AAAA,MAC5B,cAAcA,EAAe;AAAA,MAC7B,eAAeA,EAAe;AAAA,MAC9B,cAAcA,EAAe;AAAA,MAC7B,SAASA,EAAe;AAAA,MACxB,WAAWA,EAAe;AAAA,MAC1B,gBAAgBA,EAAe;AAAA,MAC/B,eAAeA,EAAe;AAAA,MAC9B,eAAeA,EAAe;AAAA,MAC9B,wBAAwBA,EAAe;AAAA,MACvC,aAAaA,EAAe;AAAA,MAC5B,sBAAsBA,EAAe;AAAA,MACrC,WAAWA,EAAe;AAAA,MAC1B,sBAAsBA,EAAe;AAAA,MACrC,8BAA8BA,EAAe;AAAA,MAC7C,gBAAgBA,EAAe;AAAA,MAC/B,mBAAmBA,EAAe;AAAA,MAClC,OAAOA,EAAe;AAAA,IAAA;AAAA,EAAA,0BAvBrB,OAAA,EAAI,WAAU,kCACb,UAAAM,gBAAAA,MAACE,KAAQ,GACX;AAwBN;"}
+{"version":3,"file":"GriddedGraphsFromConfig.js","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","fetchData","data","fetchAndParseJSON","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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"}

package/dist/HeatMap.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),x=require("react"),ue=require("./index-DQA8q5sC.cjs"),ce=require("./Modal-tXZlLE5s.cjs"),xe=require("./numberFormattingFunction-02t-wJta.cjs"),he=require("./Tooltip-De16GWhY.cjs"),de=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),re=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),ge=require("./string2HTML-z7CwHXcx.cjs"),me=require("./XAxesLabels-Drf7M3YK.cjs"),pe=require("./YAxesLabels-yRFFdx1s.cjs"),le=require("./uniqBy-O05lp2S5.cjs"),ae=require("./band-CAApY4Pd.cjs"),fe=require("./ordinal-BOeNbyae.cjs"),je=require("./threshold-DNsSUf8Q.cjs"),Ce=require("./linear-BVckp9RD.cjs"),ye=require("./use-in-view-sQJZ_xDO.cjs"),se=require("./proxy-BHRoeZgd.cjs"),ve=require("./GraphHeader.cjs"),we=require("./GraphFooter.cjs"),be=require("./ColorLegendWithMouseOver.cjs"),Ee=require("./LinearColorLegend.cjs"),Re=require("./ThresholdColorLegendWithMouseOver.cjs"),i=require("./Colors.cjs"),qe=require("./EmptyState-d8_8SxeW.cjs");function $e(U){const{data:m,showColumnLabels:N,leftMargin:O,rightMargin:F,truncateBy:p,width:H,height:I,topMargin:z,bottomMargin:_,tooltip:q,onSeriesMouseOver:r,suffix:J,prefix:s,showValues:G,colorDomain:$,colors:S,noDataColor:f,scaleType:X,showRowLabels:K,selectedColor:Y,onSeriesMouseClick:V,resetSelectionOnDoubleClick:Q,detailsOnClick:y,styles:L,classNames:j,animate:v,precision:Z}=U,W=x.useRef(null),D=ye.useInView(W,{once:v.once,amount:v.amount}),l={top:z,bottom:_,left:O,right:F},[w,T]=x.useState(void 0),[a,M]=x.useState(void 0),[A,b]=x.useState(void 0),[o,B]=x.useState(void 0),ee=H-l.left-l.right,te=I-l.top-l.bottom,h=le.uniqBy(m,"column",!0),d=le.uniqBy(m,"row",!0),E=ae.band().domain(d).range([0,te]),k=E.bandwidth(),u=ae.band().domain(h).range([0,ee]),R=u.bandwidth(),P=X==="categorical"?fe.ordinal().domain($).range(S):X==="threshold"?je.threshold().domain($).range(S):Ce.linear().domain($).range(S);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(se.motion.svg,{width:`${H}px`,height:`${I}px`,viewBox:`0 0 ${H} ${I}`,style:{marginLeft:"auto",marginRight:"auto"},direction:"ltr",ref:W,children:[e.jsxRuntimeExports.jsx("g",{transform:`translate(${l.left},0)`,children:N?h.map((t,C)=>e.jsxRuntimeExports.jsx(me.XAxesLabels,{y:0,x:u(t),width:R,height:l.top-5,value:`${t}`.length<p?`${t}`:`${`${t}`.substring(0,p)}...`,style:L?.xAxis?.labels,className:j?.xAxis?.labels,alignment:"bottom",animate:{duration:0,once:!0,amount:0},isInView:D},C)):null}),e.jsxRuntimeExports.jsx("g",{transform:`translate(0,${l.top})`,children:K?d.map((t,C)=>e.jsxRuntimeExports.jsx(pe.YAxesLabels,{value:`${t}`.length<p?`${t}`:`${`${t}`.substring(0,p)}...`,y:E(t),x:0,width:l.left,height:k,alignment:"right",style:L?.yAxis?.labels,className:j?.yAxis?.labels,animate:{duration:0,once:!0,amount:0},isInView:D},C)):null}),e.jsxRuntimeExports.jsxs("g",{transform:`translate(${l.left},${l.top})`,children:[d.map((t,C)=>e.jsxRuntimeExports.jsx("g",{transform:`translate(0,${E(t)})`,children:h.map(g=>e.jsxRuntimeExports.jsx("rect",{x:u(g),y:0,width:R,height:k,style:{fill:f},className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700"},`${t}-${g}`))},C)),m.filter(t=>!re.checkIfNullOrUndefined(t.value)).map((t,C)=>{const g=re.checkIfNullOrUndefined(t.value)?f:P(t.value);return e.jsxRuntimeExports.jsxs("g",{transform:`translate(${u(t.column)},${E(t.row)})`,onMouseEnter:c=>{M(t),B(c.clientY),b(c.clientX),r?.(t)},onClick:()=>{(V||y)&&(ue.isEqual(w,t)&&Q?(T(void 0),V?.(void 0)):(T(t),V?.(t)))},onMouseMove:c=>{M(t),B(c.clientY),b(c.clientX)},onMouseLeave:()=>{M(void 0),b(void 0),B(void 0),r?.(void 0)},opacity:Y?Y===g?1:.3:1,children:[e.jsxRuntimeExports.jsx(se.motion.rect,{x:0,y:0,width:R,height:k,className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700",exit:{opacity:0,transition:{duration:v.duration}},variants:{initial:{fill:g,opacity:0},whileInView:{fill:g,opacity:1,transition:{duration:v.duration}}},initial:"initial",animate:D?"whileInView":"initial"}),G&&!re.checkIfNullOrUndefined(t.value)?e.jsxRuntimeExports.jsx(se.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:v.duration}}},initial:"initial",animate:D?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},children:e.jsxRuntimeExports.jsx("foreignObject",{y:0,x:0,width:R,height:k,children:e.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit p-1",children:e.jsxRuntimeExports.jsx("p",{className:e.mo("text-xs text-center m-0 leading-[1.25] graph-value",j?.graphObjectValues),style:{color:de.getTextColorBasedOnBgColor(g),...L?.graphObjectValues||{}},children:xe.numberFormattingFunction(t.value,"NA",Z,s,J)})})},C)}):null]},`${t.column}-${t.row}`)}),a?e.jsxRuntimeExports.jsx("rect",{x:u(a.column),y:E(a.row),width:R,height:k,style:{fill:"none",fillOpacity:0,strokeWidth:1.5},className:"stroke-primary-gray-700 dark:stroke-primary-gray-300"}):null]})]}),a&&q&&A&&o?e.jsxRuntimeExports.jsx(he.Tooltip,{data:a,body:q,xPos:A,yPos:o,backgroundStyle:L?.tooltip,className:j?.tooltip}):null,y&&w!==void 0?e.jsxRuntimeExports.jsx(ce.X,{open:w!==void 0,onClose:()=>{T(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof y=="string"?{__html:ge.string2HTML(y,w)}:void 0,children:typeof y=="function"?y(w):null})}):null]})}function Me(U){const{data:m,graphTitle:N,colors:O,sources:F,graphDescription:p,showColumnLabels:H=!0,leftMargin:I=100,rightMargin:z=10,truncateBy:_=999,height:q,width:r,scaleType:J,colorDomain:s,footNote:G,colorLegendTitle:$,padding:S,backgroundColor:f=!1,topMargin:X=30,bottomMargin:K=10,tooltip:Y,onSeriesMouseOver:V,suffix:Q="",prefix:y="",showRowLabels:L=!0,relativeHeight:j,showValues:v,graphID:Z,noDataColor:W=i.Colors.gray,showColorScale:D=!0,onSeriesMouseClick:l,graphDownload:w=!1,dataDownload:T=!1,fillContainer:a=!0,language:M="en",showNAColor:A=!0,minHeight:b=0,theme:o="light",ariaLabel:B,resetSelectionOnDoubleClick:ee=!0,detailsOnClick:te,styles:h,classNames:d,animate:E=!1,precision:k=2}=U,[u,R]=x.useState(0),[P,t]=x.useState(0),[C,g]=x.useState(void 0),c=x.useRef(null),ie=x.useRef(null);x.useEffect(()=>{const n=new ResizeObserver(ne=>{R(r||ne[0].target.clientWidth||620),t(q||ne[0].target.clientHeight||480)});return c.current&&(t(c.current.clientHeight||480),R(c.current.clientWidth||620),r||n.observe(c.current)),()=>n.disconnect()},[r,q]);const oe=J||(typeof s[0]=="string"?"categorical":s.length===2?"linear":"threshold");return e.jsxRuntimeExports.jsx("div",{className:`${o||"light"} flex ${r?"grow-0":"grow"} ${a?"w-full":"w-fit"}`,dir:M==="he"||M==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:e.mo(`${f?f===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${M||"en"}`,a?"w-full":"w-fit",d?.graphContainer),style:{...h?.graphContainer||{},...f&&f!==!0?{backgroundColor:f}:{}},id:Z,ref:ie,"aria-label":B||`${N?`The graph shows ${N}. `:""}This is a heatmap. ${p?` ${p}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:f?S||"1rem":S||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[N||p||w||T?e.jsxRuntimeExports.jsx(ve.GraphHeader,{styles:{title:h?.title,description:h?.description},classNames:{title:d?.title,description:d?.description},graphTitle:N,graphDescription:p,width:r,graphDownload:w?ie.current:void 0,dataDownload:T?m.map(n=>n.data).filter(n=>n!==void 0).length>0?m.map(n=>n.data).filter(n=>n!==void 0):m.filter(n=>n!==void 0):null}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:m.length===0?e.jsxRuntimeExports.jsx(qe.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[D?oe==="categorical"?e.jsxRuntimeExports.jsx(be.ColorLegendWithMouseOver,{width:a?void 0:r,colorLegendTitle:$,colors:O||(typeof s[0]=="string"?i.Colors[o].categoricalColors.colors:s.length===2?[i.Colors[o].sequentialColors.neutralColorsx09[0],i.Colors[o].sequentialColors.neutralColorsx09[8]]:i.Colors[o].sequentialColors[`neutralColorsx0${s.length+1}`]),colorDomain:s.map(n=>`${n}`),setSelectedColor:g,showNAColor:A}):oe==="threshold"?e.jsxRuntimeExports.jsx(Re.ThresholdColorLegendWithMouseOver,{width:a?void 0:r,colorLegendTitle:$,colors:O||(typeof s[0]=="string"?i.Colors[o].categoricalColors.colors:s.length===2?[i.Colors[o].sequentialColors.neutralColorsx09[0],i.Colors[o].sequentialColors.neutralColorsx09[8]]:i.Colors[o].sequentialColors[`neutralColorsx0${s.length+1}`]),colorDomain:s,setSelectedColor:g,naColor:W,showNAColor:A}):e.jsxRuntimeExports.jsx(Ee.LinearColorLegend,{width:a?void 0:r,colorLegendTitle:$,colors:O||[i.Colors[o].sequentialColors.neutralColorsx09[0],i.Colors[o].sequentialColors.neutralColorsx09[8]],colorDomain:s}):null,e.jsxRuntimeExports.jsx("div",{className:"flex grow flex-col justify-center w-full leading-0",ref:c,"aria-label":"Graph area",children:(r||u)&&(q||P)?e.jsxRuntimeExports.jsx($e,{data:m,colorDomain:s,width:r||u,colors:O||(typeof s[0]=="string"?i.Colors[o].categoricalColors.colors:s.length===2?[i.Colors[o].sequentialColors.neutralColorsx09[0],i.Colors[o].sequentialColors.neutralColorsx09[8]]:i.Colors[o].sequentialColors[`neutralColorsx0${s.length+1}`]),noDataColor:W,scaleType:oe,height:Math.max(b,q||(j?b?(r||u)*j>b?(r||u)*j:b:(r||u)*j:P)),showColumnLabels:H,leftMargin:I,rightMargin:z,topMargin:X,bottomMargin:K,selectedColor:C,truncateBy:_,showRowLabels:L,tooltip:Y,onSeriesMouseOver:V,showValues:v,suffix:Q,prefix:y,onSeriesMouseClick:l,resetSelectionOnDoubleClick:ee,detailsOnClick:te,styles:h,classNames:d,animate:E===!0?{duration:.5,once:!0,amount:.5}:E||{duration:0,once:!0,amount:0},precision:k}):null})]})}),F||G?e.jsxRuntimeExports.jsx(we.GraphFooter,{styles:{footnote:h?.footnote,source:h?.source},classNames:{footnote:d?.footnote,source:d?.source},sources:F,footNote:G,width:r}):null]})})})})}exports.HeatMap=Me;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-CTPQjnHt.cjs"),q=require("react"),Gt=require("./index-DQA8q5sC.cjs"),Ft=require("./Modal-JW_IExO3.cjs"),Xt=require("./numberFormattingFunction-02t-wJta.cjs"),Yt=require("./Tooltip-4dJo4_AF.cjs"),Pt=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),Dt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ut=require("./string2HTML-CPGr_I5E.cjs"),zt=require("./XAxesLabels-D5X8jngD.cjs"),Jt=require("./YAxesLabels-DcS85Beo.cjs"),It=require("./uniqBy-O05lp2S5.cjs"),Bt=require("./band-VYfcZeJ2.cjs"),Kt=require("./ordinal-CrsysVE-.cjs"),Qt=require("./threshold-DNsSUf8Q.cjs"),Zt=require("./linear-BwPAspcq.cjs"),_t=require("./use-in-view-QcfiW0w3.cjs"),Nt=require("./proxy-BxvUI_9l.cjs"),te=require("./GraphHeader.cjs"),ee=require("./GraphFooter.cjs"),oe=require("./ColorLegendWithMouseOver.cjs"),se=require("./LinearColorLegend.cjs"),re=require("./ThresholdColorLegendWithMouseOver.cjs"),m=require("./Colors.cjs"),ie=require("./EmptyState-sAEZ_5rU.cjs"),Wt=require("./GraphContainer-d8A46BK2.cjs");function ne(a){const t=e.compilerRuntimeExports.c(85),{data:h,showColumnLabels:z,leftMargin:E,rightMargin:J,truncateBy:j,width:K,height:Q,topMargin:mt,bottomMargin:pt,tooltip:Z,onSeriesMouseOver:n,suffix:wt,prefix:i,showValues:_,colorDomain:b,colors:B,noDataColor:rt,scaleType:it,showRowLabels:gt,selectedColor:tt,onSeriesMouseClick:W,resetSelectionOnDoubleClick:ft,detailsOnClick:g,styles:x,classNames:u,animate:d,precision:nt}=a,Rt=q.useRef(null);let lt;t[0]!==d.amount||t[1]!==d.once?(lt={once:d.once,amount:d.amount},t[0]=d.amount,t[1]=d.once,t[2]=lt):lt=t[2];const M=_t.useInView(Rt,lt);let at;t[3]!==pt||t[4]!==E||t[5]!==J||t[6]!==mt?(at={top:mt,bottom:pt,left:E,right:J},t[3]=pt,t[4]=E,t[5]=J,t[6]=mt,t[7]=at):at=t[7];const c=at,[C,Ct]=q.useState(void 0),[v,vt]=q.useState(void 0),[ct,ut]=q.useState(void 0),[dt,ht]=q.useState(void 0),l=K-c.left-c.right,r=Q-c.top-c.bottom;let G,F,$,O,k,S,L,N,D,A,H,T,f;if(t[8]!==d.duration||t[9]!==u?.graphObjectValues||t[10]!==u?.xAxis?.labels||t[11]!==u?.yAxis?.labels||t[12]!==b||t[13]!==B||t[14]!==h||t[15]!==g||t[16]!==r||t[17]!==l||t[18]!==Q||t[19]!==M||t[20]!==c.left||t[21]!==c.top||t[22]!==C||t[23]!==v||t[24]!==rt||t[25]!==W||t[26]!==n||t[27]!==nt||t[28]!==i||t[29]!==ft||t[30]!==it||t[31]!==tt||t[32]!==z||t[33]!==gt||t[34]!==_||t[35]!==x?.graphObjectValues||t[36]!==x?.xAxis?.labels||t[37]!==x?.yAxis?.labels||t[38]!==wt||t[39]!==j||t[40]!==K){const ot=It.uniqBy(h,"column",!0),xt=It.uniqBy(h,"row",!0),s=Bt.band().domain(xt).range([0,r]),X=s.bandwidth(),I=Bt.band().domain(ot).range([0,l]),Y=I.bandwidth(),st=it==="categorical"?Kt.ordinal().domain(b).range(B):it==="threshold"?Qt.threshold().domain(b).range(B):Zt.linear().domain(b).range(B);G=Nt.motion.svg,A=`${K}px`,H=`${Q}px`,T=`0 0 ${K} ${Q}`,t[54]===Symbol.for("react.memo_cache_sentinel")?(f={marginLeft:"auto",marginRight:"auto"},t[54]=f):f=t[54],F="ltr",$=Rt,O=e.jsxRuntimeExports.jsx("g",{transform:`translate(${c.left},0)`,children:z?ot.map((o,y)=>e.jsxRuntimeExports.jsx(zt.XAxesLabels,{y:0,x:I(o),width:Y,height:c.top-5,value:`${o}`.length<j?`${o}`:`${`${o}`.substring(0,j)}...`,style:x?.xAxis?.labels,className:u?.xAxis?.labels,alignment:"bottom",animate:{duration:0,once:!0,amount:0},isInView:M},y)):null}),k=e.jsxRuntimeExports.jsx("g",{transform:`translate(0,${c.top})`,children:gt?xt.map((o,y)=>e.jsxRuntimeExports.jsx(Jt.YAxesLabels,{value:`${o}`.length<j?`${o}`:`${`${o}`.substring(0,j)}...`,y:s(o),x:0,width:c.left,height:X,alignment:"right",style:x?.yAxis?.labels,className:u?.yAxis?.labels,animate:{duration:0,once:!0,amount:0},isInView:M},y)):null}),S=`translate(${c.left},${c.top})`,L=xt.map((o,y)=>e.jsxRuntimeExports.jsx("g",{transform:`translate(0,${s(o)})`,children:ot.map(P=>e.jsxRuntimeExports.jsx("rect",{x:I(P),y:0,width:Y,height:X,style:{fill:rt},className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700"},`${o}-${P}`))},y)),N=h.filter(le).map((o,y)=>{const P=Dt.checkIfNullOrUndefined(o.value)?rt:st(o.value);return e.jsxRuntimeExports.jsxs("g",{transform:`translate(${I(o.column)},${s(o.row)})`,onMouseEnter:U=>{vt(o),ht(U.clientY),ut(U.clientX),n?.(o)},onClick:()=>{(W||g)&&(Gt.isEqual(C,o)&&ft?(Ct(void 0),W?.(void 0)):(Ct(o),W?.(o)))},onMouseMove:U=>{vt(o),ht(U.clientY),ut(U.clientX)},onMouseLeave:()=>{vt(void 0),ut(void 0),ht(void 0),n?.(void 0)},opacity:tt?tt===P?1:.3:1,children:[e.jsxRuntimeExports.jsx(Nt.motion.rect,{x:0,y:0,width:Y,height:X,className:"stroke-1 stroke-primary-white dark:stroke-primary-gray-700",exit:{opacity:0,transition:{duration:d.duration}},variants:{initial:{fill:P,opacity:0},whileInView:{fill:P,opacity:1,transition:{duration:d.duration}}},initial:"initial",animate:M?"whileInView":"initial"}),_&&!Dt.checkIfNullOrUndefined(o.value)?e.jsxRuntimeExports.jsx(Nt.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:d.duration}}},initial:"initial",animate:M?"whileInView":"initial",exit:{opacity:0,transition:{duration:d.duration}},children:e.jsxRuntimeExports.jsx("foreignObject",{y:0,x:0,width:Y,height:X,children:e.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit p-1",children:e.jsxRuntimeExports.jsx("p",{className:e.mo("text-xs text-center m-0 leading-[1.25] graph-value",u?.graphObjectValues),style:{color:Pt.getTextColorBasedOnBgColor(P),...x?.graphObjectValues||{}},children:Xt.numberFormattingFunction(o.value,"NA",nt,i,wt)})})},y)}):null]},`${o.column}-${o.row}`)}),D=v?e.jsxRuntimeExports.jsx("rect",{x:I(v.column),y:s(v.row),width:Y,height:X,style:{fill:"none",fillOpacity:0,strokeWidth:1.5},className:"stroke-primary-gray-700 dark:stroke-primary-gray-300"}):null,t[8]=d.duration,t[9]=u?.graphObjectValues,t[10]=u?.xAxis?.labels,t[11]=u?.yAxis?.labels,t[12]=b,t[13]=B,t[14]=h,t[15]=g,t[16]=r,t[17]=l,t[18]=Q,t[19]=M,t[20]=c.left,t[21]=c.top,t[22]=C,t[23]=v,t[24]=rt,t[25]=W,t[26]=n,t[27]=nt,t[28]=i,t[29]=ft,t[30]=it,t[31]=tt,t[32]=z,t[33]=gt,t[34]=_,t[35]=x?.graphObjectValues,t[36]=x?.xAxis?.labels,t[37]=x?.yAxis?.labels,t[38]=wt,t[39]=j,t[40]=K,t[41]=G,t[42]=F,t[43]=$,t[44]=O,t[45]=k,t[46]=S,t[47]=L,t[48]=N,t[49]=D,t[50]=A,t[51]=H,t[52]=T,t[53]=f}else G=t[41],F=t[42],$=t[43],O=t[44],k=t[45],S=t[46],L=t[47],N=t[48],D=t[49],A=t[50],H=t[51],T=t[52],f=t[53];let V;t[55]!==S||t[56]!==L||t[57]!==N||t[58]!==D?(V=e.jsxRuntimeExports.jsxs("g",{transform:S,children:[L,N,D]}),t[55]=S,t[56]=L,t[57]=N,t[58]=D,t[59]=V):V=t[59];let w;t[60]!==G||t[61]!==F||t[62]!==$||t[63]!==O||t[64]!==k||t[65]!==V||t[66]!==A||t[67]!==H||t[68]!==T||t[69]!==f?(w=e.jsxRuntimeExports.jsxs(G,{width:A,height:H,viewBox:T,style:f,direction:F,ref:$,children:[O,k,V]}),t[60]=G,t[61]=F,t[62]=$,t[63]=O,t[64]=k,t[65]=V,t[66]=A,t[67]=H,t[68]=T,t[69]=f,t[70]=w):w=t[70];let R;t[71]!==u?.tooltip||t[72]!==ct||t[73]!==dt||t[74]!==v||t[75]!==x?.tooltip||t[76]!==Z?(R=v&&Z&&ct&&dt?e.jsxRuntimeExports.jsx(Yt.Tooltip,{data:v,body:Z,xPos:ct,yPos:dt,backgroundStyle:x?.tooltip,className:u?.tooltip}):null,t[71]=u?.tooltip,t[72]=ct,t[73]=dt,t[74]=v,t[75]=x?.tooltip,t[76]=Z,t[77]=R):R=t[77];let p;t[78]!==g||t[79]!==C?(p=g&&C!==void 0?e.jsxRuntimeExports.jsx(Ft.le,{open:C!==void 0,onClose:()=>{Ct(void 0)},children:e.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof g=="string"?{__html:Ut.string2HTML(g,C)}:void 0,children:typeof g=="function"?g(C):null})}):null,t[78]=g,t[79]=C,t[80]=p):p=t[80];let et;return t[81]!==w||t[82]!==R||t[83]!==p?(et=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[w,R,p]}),t[81]=w,t[82]=R,t[83]=p,t[84]=et):et=t[84],et}function le(a){return!Dt.checkIfNullOrUndefined(a.value)}function ae(a){const t=e.compilerRuntimeExports.c(71),{data:h,graphTitle:z,colors:E,sources:J,graphDescription:j,showColumnLabels:K,leftMargin:Q,rightMargin:mt,truncateBy:pt,height:Z,width:n,scaleType:wt,colorDomain:i,footNote:_,colorLegendTitle:b,padding:B,backgroundColor:rt,topMargin:it,bottomMargin:gt,tooltip:tt,onSeriesMouseOver:W,suffix:ft,prefix:g,showRowLabels:x,relativeHeight:u,showValues:d,graphID:nt,noDataColor:Rt,showColorScale:lt,onSeriesMouseClick:M,graphDownload:at,dataDownload:c,fillContainer:C,language:Ct,showNAColor:v,minHeight:vt,theme:ct,ariaLabel:ut,resetSelectionOnDoubleClick:dt,detailsOnClick:ht,styles:l,classNames:r,animate:G,precision:F}=a,$=K===void 0?!0:K,O=Q===void 0?100:Q,k=mt===void 0?10:mt,S=pt===void 0?999:pt,L=rt===void 0?!1:rt,N=it===void 0?30:it,D=gt===void 0?10:gt,A=ft===void 0?"":ft,H=g===void 0?"":g,T=x===void 0?!0:x,f=Rt===void 0?m.Colors.gray:Rt,V=lt===void 0?!0:lt,w=at===void 0?!1:at,R=c===void 0?!1:c,p=C===void 0?!0:C,et=Ct===void 0?"en":Ct,ot=v===void 0?!0:v,xt=vt===void 0?0:vt,s=ct===void 0?"light":ct,X=dt===void 0?!0:dt,I=G===void 0?!1:G,Y=F===void 0?2:F,[st,o]=q.useState(0),[y,P]=q.useState(0),[U,At]=q.useState(void 0),Ot=q.useRef(null),Ht=q.useRef(null);let Et,Mt;t[0]===Symbol.for("react.memo_cache_sentinel")?(Et=()=>{const Tt=new ResizeObserver(Vt=>{o(Vt[0].target.clientWidth||620),P(Vt[0].target.clientHeight||480)});return Ot.current&&Tt.observe(Ot.current),()=>Tt.disconnect()},Mt=[],t[0]=Et,t[1]=Mt):(Et=t[0],Mt=t[1]),q.useEffect(Et,Mt);const qt=wt||(typeof i[0]=="string"?"categorical":i.length===2?"linear":"threshold"),kt=r?.graphContainer,St=l?.graphContainer,Lt=p?void 0:n;let yt;t[2]!==r?.description||t[3]!==r?.title||t[4]!==h||t[5]!==R||t[6]!==j||t[7]!==w||t[8]!==z||t[9]!==l?.description||t[10]!==l?.title||t[11]!==n?(yt=z||j||w||R?e.jsxRuntimeExports.jsx(te.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:r?.title,description:r?.description},graphTitle:z,graphDescription:j,width:n,graphDownload:w?Ht:void 0,dataDownload:R?h.map(me).filter(xe).length>0?h.map(he).filter(de):h.filter(ue):null}):null,t[2]=r?.description,t[3]=r?.title,t[4]=h,t[5]=R,t[6]=j,t[7]=w,t[8]=z,t[9]=l?.description,t[10]=l?.title,t[11]=n,t[12]=yt):yt=t[12];let jt;t[13]!==I||t[14]!==D||t[15]!==r||t[16]!==i||t[17]!==b||t[18]!==E||t[19]!==h||t[20]!==ht||t[21]!==p||t[22]!==O||t[23]!==f||t[24]!==M||t[25]!==W||t[26]!==Y||t[27]!==H||t[28]!==X||t[29]!==k||t[30]!==qt||t[31]!==U||t[32]!==V||t[33]!==$||t[34]!==ot||t[35]!==T||t[36]!==d||t[37]!==l||t[38]!==A||t[39]!==y||t[40]!==st||t[41]!==s||t[42]!==tt||t[43]!==N||t[44]!==S||t[45]!==n?(jt=h.length===0?e.jsxRuntimeExports.jsx(ie.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[V?qt==="categorical"?e.jsxRuntimeExports.jsx(oe.ColorLegendWithMouseOver,{width:p?void 0:n,colorLegendTitle:b,colors:E||(typeof i[0]=="string"?m.Colors[s].categoricalColors.colors:i.length===2?[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]]:m.Colors[s].sequentialColors[`neutralColorsx0${i.length+1}`]),colorDomain:i.map(ce),setSelectedColor:At,showNAColor:ot,className:r?.colorLegend}):qt==="threshold"?e.jsxRuntimeExports.jsx(re.ThresholdColorLegendWithMouseOver,{width:p?void 0:n,colorLegendTitle:b,colors:E||(typeof i[0]=="string"?m.Colors[s].categoricalColors.colors:i.length===2?[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]]:m.Colors[s].sequentialColors[`neutralColorsx0${i.length+1}`]),colorDomain:i,setSelectedColor:At,naColor:f,showNAColor:ot}):e.jsxRuntimeExports.jsx(se.LinearColorLegend,{width:p?void 0:n,colorLegendTitle:b,colors:E||[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]],colorDomain:i,className:r?.colorLegend}):null,e.jsxRuntimeExports.jsx(Wt.GraphArea,{ref:Ot,children:st&&y?e.jsxRuntimeExports.jsx(ne,{data:h,colorDomain:i,width:p||!n||st<n?st:n,height:y,colors:E||(typeof i[0]=="string"?m.Colors[s].categoricalColors.colors:i.length===2?[m.Colors[s].sequentialColors.neutralColorsx09[0],m.Colors[s].sequentialColors.neutralColorsx09[8]]:m.Colors[s].sequentialColors[`neutralColorsx0${i.length+1}`]),noDataColor:f,scaleType:qt,showColumnLabels:$,leftMargin:O,rightMargin:k,topMargin:N,bottomMargin:D,selectedColor:U,truncateBy:S,showRowLabels:T,tooltip:tt,onSeriesMouseOver:W,showValues:d,suffix:A,prefix:H,onSeriesMouseClick:M,resetSelectionOnDoubleClick:X,detailsOnClick:ht,styles:l,classNames:r,animate:I===!0?{duration:.5,once:!0,amount:.5}:I||{duration:0,once:!0,amount:0},precision:Y}):null})]}),t[13]=I,t[14]=D,t[15]=r,t[16]=i,t[17]=b,t[18]=E,t[19]=h,t[20]=ht,t[21]=p,t[22]=O,t[23]=f,t[24]=M,t[25]=W,t[26]=Y,t[27]=H,t[28]=X,t[29]=k,t[30]=qt,t[31]=U,t[32]=V,t[33]=$,t[34]=ot,t[35]=T,t[36]=d,t[37]=l,t[38]=A,t[39]=y,t[40]=st,t[41]=s,t[42]=tt,t[43]=N,t[44]=S,t[45]=n,t[46]=jt):jt=t[46];let bt;t[47]!==r?.footnote||t[48]!==r?.source||t[49]!==_||t[50]!==J||t[51]!==l?.footnote||t[52]!==l?.source||t[53]!==n?(bt=J||_?e.jsxRuntimeExports.jsx(ee.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:r?.footnote,source:r?.source},sources:J,footNote:_,width:n}):null,t[47]=r?.footnote,t[48]=r?.source,t[49]=_,t[50]=J,t[51]=l?.footnote,t[52]=l?.source,t[53]=n,t[54]=bt):bt=t[54];let $t;return t[55]!==ut||t[56]!==L||t[57]!==nt||t[58]!==Z||t[59]!==et||t[60]!==xt||t[61]!==B||t[62]!==u||t[63]!==kt||t[64]!==St||t[65]!==Lt||t[66]!==yt||t[67]!==jt||t[68]!==bt||t[69]!==s?($t=e.jsxRuntimeExports.jsxs(Wt.GraphContainer,{className:kt,style:St,id:nt,ref:Ht,"aria-label":ut,backgroundColor:L,theme:s,language:et,minHeight:xt,width:Lt,height:Z,relativeHeight:u,padding:B,children:[yt,jt,bt]}),t[55]=ut,t[56]=L,t[57]=nt,t[58]=Z,t[59]=et,t[60]=xt,t[61]=B,t[62]=u,t[63]=kt,t[64]=St,t[65]=Lt,t[66]=yt,t[67]=jt,t[68]=bt,t[69]=s,t[70]=$t):$t=t[70],$t}function ce(a){return`${a}`}function ue(a){return a!==void 0}function de(a){return a!==void 0}function he(a){return a.data}function xe(a){return a!==void 0}function me(a){return a.data}exports.HeatMap=ae;
 //# sourceMappingURL=HeatMap.cjs.map