@undp/data-viz 2.6.0 → 2.6.1

package/dist/ChoroplethMap-BwKqlRYF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoroplethMap-BwKqlRYF.cjs","names":[],"sources":["../src/Components/Graphs/Maps/ChoroplethMap/Graph.tsx","../src/Components/Graphs/Maps/ChoroplethMap/index.tsx"],"sourcesContent":["import bbox from '@turf/bbox';\nimport centerOfMass from '@turf/center-of-mass';\nimport rewind from '@turf/rewind';\nimport { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\nimport {\n  geoAlbersUsa,\n  geoEqualEarth,\n  geoMercator,\n  geoNaturalEarth1,\n  geoOrthographic,\n  geoPath,\n} from 'd3-geo';\nimport { scaleOrdinal, scaleThreshold } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport { type D3ZoomEvent, type ZoomBehavior, zoom } from 'd3-zoom';\nimport isEqual from 'fast-deep-equal';\nimport type { FeatureCollection } from 'geojson';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { type RefObject, useEffect, useMemo, useRef, useState } from 'react';\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport { ExpandIcon, X } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  ChoroplethMapDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  MapProjectionTypes,\n  NumberFormatOptions,\n  StyleObject,\n  ZoomInteractionTypes,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  colorDomain: (number | string)[];\n  mapData: FeatureCollection;\n  width: number;\n  height: number;\n  colors: string[];\n  colorLegendTitle?: string;\n  categorical: boolean;\n  data: ChoroplethMapDataType[];\n  scale: number;\n  centerPoint?: [number, number];\n  mapBorderWidth: number;\n  mapNoDataColor: string;\n  mapBorderColor: string;\n  isWorldMap: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  showColorScale: boolean;\n  zoomScaleExtend: [number, number];\n  zoomTranslateExtend?: [[number, number], [number, number]];\n  highlightedIds?: string[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  mapProperty: string;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  zoomInteraction: ZoomInteractionTypes;\n  mapProjection: MapProjectionTypes;\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  customLayers: CustomLayerDataType[];\n  collapseColorScaleByDefault?: boolean;\n  zoomAndCenterByHighlightedIds: boolean;\n  projectionRotate: [number, number] | [number, number, number];\n  rewindCoordinatesInMapData: boolean;\n  overlayMapData?: FeatureCollection;\n  overlayMapBorderColor?: string;\n  overlayMapBorderWidth?: number;\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  graphDownload?: RefObject<HTMLDivElement | null>;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  dataDownload: any;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    colorDomain,\n    colors,\n    mapData,\n    colorLegendTitle,\n    categorical,\n    height,\n    width,\n    scale,\n    centerPoint,\n    tooltip,\n    mapBorderWidth,\n    mapBorderColor,\n    mapNoDataColor,\n    onSeriesMouseOver,\n    showColorScale,\n    zoomScaleExtend,\n    zoomTranslateExtend,\n    highlightedIds,\n    onSeriesMouseClick,\n    mapProperty,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    styles,\n    classNames,\n    mapProjection,\n    zoomInteraction,\n    animate,\n    dimmedOpacity,\n    customLayers,\n    collapseColorScaleByDefault,\n    zoomAndCenterByHighlightedIds,\n    projectionRotate,\n    rewindCoordinatesInMapData,\n    overlayMapData,\n    overlayMapBorderColor,\n    overlayMapBorderWidth,\n    numberDisplayOptions,\n    graphDownload,\n    dataDownload,\n  } = props;\n  const formattedMapData = useMemo(() => {\n    if (!rewindCoordinatesInMapData) return mapData;\n\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\n  }, [mapData, rewindCoordinatesInMapData]);\n  const formattedOverlayMapData = useMemo(() => {\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\n\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\n  }, [overlayMapData, rewindCoordinatesInMapData]);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\n  const [showLegend, setShowLegend] = useState(\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\n  );\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const mapSvg = useRef<SVGSVGElement>(null);\n  const isInView = useInView(mapSvg, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const mapG = useRef<SVGGElement>(null);\n  const colorScale = categorical\n    ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\n    : scaleThreshold<number, string>()\n        .domain(colorDomain as number[])\n        .range(colors);\n\n  useEffect(() => {\n    const mapGSelect = select(mapG.current);\n    const mapSvgSelect = select(mapSvg.current);\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\n      if (zoomInteraction === 'noZoom') return false;\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\n      const isWheel = e.type === 'wheel';\n      const isTouch = e.type.startsWith('touch');\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\n\n      if (isTouch) return true;\n      if (isWheel) {\n        if (zoomInteraction === 'scroll') return true;\n        return e.ctrlKey;\n      }\n      return isDrag && !e.button && !e.ctrlKey;\n    };\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\n      .scaleExtent(zoomScaleExtend)\n      .translateExtent(\n        zoomTranslateExtend || [\n          [-20, -20],\n          [width + 20, height + 20],\n        ],\n      )\n      .filter(zoomFilter)\n      .on('zoom', ({ transform }) => {\n        mapGSelect.attr('transform', transform);\n      });\n\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    mapSvgSelect.call(zoomBehavior as any);\n\n    zoomRef.current = zoomBehavior;\n  }, [height, width, zoomInteraction]);\n\n  const bounds = bbox({\n    ...formattedMapData,\n    features: zoomAndCenterByHighlightedIds\n      ? formattedMapData.features.filter(\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          (d: any) =>\n            (highlightedIds || []).length === 0 ||\n            highlightedIds?.indexOf(d.properties[mapProperty]) !== -1,\n        )\n      : formattedMapData.features,\n  });\n\n  const center = centerOfMass({\n    ...formattedMapData,\n    features: zoomAndCenterByHighlightedIds\n      ? formattedMapData.features.filter(\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          (d: any) =>\n            (highlightedIds || []).length === 0 ||\n            highlightedIds?.indexOf(d.properties[mapProperty]) !== -1,\n        )\n      : formattedMapData.features,\n  });\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\n  const scaleVar = scale * Math.min(scaleX, scaleY);\n\n  const projection =\n    mapProjection === 'mercator'\n      ? geoMercator()\n          .rotate(projectionRotate)\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\n          .translate([width / 2, height / 2])\n          .scale(scaleVar)\n      : mapProjection === 'equalEarth'\n        ? geoEqualEarth()\n            .rotate(projectionRotate)\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\n            .translate([width / 2, height / 2])\n            .scale(scaleVar)\n        : mapProjection === 'naturalEarth'\n          ? geoNaturalEarth1()\n              .rotate(projectionRotate)\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\n              .translate([width / 2, height / 2])\n              .scale(scaleVar)\n          : mapProjection === 'orthographic'\n            ? geoOrthographic()\n                .rotate(projectionRotate)\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\n                .translate([width / 2, height / 2])\n                .scale(scaleVar)\n            : geoAlbersUsa()\n                .rotate(projectionRotate)\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\n                .translate([width / 2, height / 2])\n                .scale(scaleVar);\n  const pathGenerator = geoPath().projection(projection);\n  const handleZoom = (direction: 'in' | 'out') => {\n    if (!mapSvg.current || !zoomRef.current) return;\n    const svg = select(mapSvg.current);\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\n  };\n  return (\n    <>\n      <div className='relative'>\n        <motion.svg\n          width={`${width}px`}\n          height={`${height}px`}\n          viewBox={`0 0 ${width} ${height}`}\n          ref={mapSvg}\n          direction='ltr'\n        >\n          <g ref={mapG}>\n            {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n            {formattedMapData.features.map((d, i: number) => {\n              if (!d.properties?.[mapProperty]) return null;\n              const path = pathGenerator(d);\n              if (!path) return null;\n              return (\n                <motion.g\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                  opacity={\n                    selectedColor\n                      ? dimmedOpacity\n                      : highlightedIds\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\n                          ? 1\n                          : dimmedOpacity\n                        : 1\n                  }\n                >\n                  <path\n                    d={path}\n                    style={{\n                      stroke: mapBorderColor,\n                      strokeWidth: mapBorderWidth,\n                      fill: mapNoDataColor,\n                      vectorEffect: 'non-scaling-stroke',\n                    }}\n                  />\n                </motion.g>\n              );\n            })}\n            <AnimatePresence>\n              {data.map((d) => {\n                const index = formattedMapData.features.findIndex(\n                  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                  (el: any) => d.id === el.properties[mapProperty],\n                );\n                if (index === -1) return null;\n                const path = pathGenerator(formattedMapData.features[index]);\n                if (!path) return null;\n                const color = !checkIfNullOrUndefined(d.x)\n                  ? // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                    colorScale(d.x as any)\n                  : mapNoDataColor;\n                return (\n                  <motion.g\n                    className='undp-map-shapes'\n                    key={d.id}\n                    variants={{\n                      initial: { opacity: 0 },\n                      whileInView: {\n                        opacity: selectedColor\n                          ? selectedColor === color\n                            ? !highlightedIds || highlightedIds.indexOf(d.id) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : dimmedOpacity\n                          : highlightedIds\n                            ? highlightedIds.indexOf(d.id) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                        transition: { duration: animate.duration },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    onMouseEnter={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                      onSeriesMouseOver?.(d);\n                    }}\n                    onMouseMove={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                    }}\n                    onMouseLeave={() => {\n                      setMouseOverData(undefined);\n                      setEventX(undefined);\n                      setEventY(undefined);\n                      onSeriesMouseOver?.(undefined);\n                    }}\n                    onClick={() => {\n                      if (onSeriesMouseClick || detailsOnClick) {\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                          setMouseClickData(undefined);\n                          onSeriesMouseClick?.(undefined);\n                        } else {\n                          setMouseClickData(d);\n                          onSeriesMouseClick?.(d);\n                        }\n                      }\n                    }}\n                  >\n                    <motion.path\n                      key={`${d.id}`}\n                      d={path}\n                      variants={{\n                        initial: { fill: color, opacity: 0 },\n                        whileInView: {\n                          fill: color,\n                          opacity: 1,\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      style={{\n                        stroke: mapBorderColor,\n                        strokeWidth: mapBorderWidth,\n                        vectorEffect: 'non-scaling-stroke',\n                      }}\n                    />\n                  </motion.g>\n                );\n              })}\n            </AnimatePresence>\n            {mouseOverData\n              ? formattedMapData.features\n                  .filter(\n                    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                    (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\n                  )\n                  .map((d, i) => (\n                    <path\n                      // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                      key={i}\n                      d={pathGenerator(d) || ''}\n                      className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                      style={{\n                        fill: 'none',\n                        fillOpacity: 0,\n                        strokeWidth: '0.5',\n                        vectorEffect: 'non-scaling-stroke',\n                      }}\n                    />\n                  ))\n              : null}\n            {formattedOverlayMapData?.features.map((d, i: number) => {\n              const path = pathGenerator(d);\n              if (!path) return null;\n              return (\n                // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                <g key={i}>\n                  <path\n                    d={path}\n                    style={{\n                      stroke: overlayMapBorderColor || mapBorderColor,\n                      strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\n                      fill: 'none',\n                      pointerEvents: 'none',\n                      vectorEffect: 'non-scaling-stroke',\n                    }}\n                  />\n                </g>\n              );\n            })}\n            {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n          </g>\n        </motion.svg>\n        {showColorScale === false ? null : (\n          <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\n            {showLegend ? (\n              <>\n                <button\n                  type='button'\n                  className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                  onClick={() => {\n                    setShowLegend(false);\n                  }}\n                >\n                  <X />\n                </button>\n                <div\n                  className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                  style={{\n                    width: categorical || colorDomain.length < 2 ? undefined : '340px',\n                  }}\n                >\n                  {colorLegendTitle && colorLegendTitle !== '' ? (\n                    <P\n                      size='xs'\n                      marginBottom='xs'\n                      className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\n                      style={{\n                        display: '-webkit-box',\n                        WebkitLineClamp: '1',\n                        WebkitBoxOrient: 'vertical',\n                      }}\n                    >\n                      {colorLegendTitle}\n                    </P>\n                  ) : null}\n                  {!categorical && colorDomain.length > 1 ? (\n                    <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\n                      <g>\n                        {colorDomain.map((d, i) => (\n                          // biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n                          <g\n                            // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                            key={i}\n                            onMouseOver={() => {\n                              setSelectedColor(colors[i]);\n                            }}\n                            onFocus={() => {\n                              setSelectedColor(colors[i]);\n                            }}\n                            onMouseLeave={() => {\n                              setSelectedColor(undefined);\n                            }}\n                            className='cursor-pointer'\n                          >\n                            <rect\n                              x={(i * 320) / colors.length + 1}\n                              y={1}\n                              width={320 / colors.length - 2}\n                              height={8}\n                              className={\n                                selectedColor === colors[i]\n                                  ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                                  : ''\n                              }\n                              style={{\n                                fill: colors[i],\n                                ...(selectedColor === colors[i] ? {} : { stroke: colors[i] }),\n                              }}\n                            />\n                            <text\n                              x={((i + 1) * 320) / colors.length}\n                              y={25}\n                              className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\n                              style={{ textAnchor: 'middle' }}\n                            >\n                              {numberFormattingFunction(\n                                d as number,\n                                'NA',\n                                numberDisplayOptions?.precision ?? 2,\n                                undefined,\n                                undefined,\n                                numberDisplayOptions?.locale || 'en',\n                                numberDisplayOptions?.padZeros || false,\n                              )}\n                            </text>\n                          </g>\n                        ))}\n                        <g>\n                          {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend */}\n                          <rect\n                            onMouseOver={() => {\n                              setSelectedColor(colors[colorDomain.length]);\n                            }}\n                            onFocus={() => {\n                              setSelectedColor(colors[colorDomain.length]);\n                            }}\n                            onMouseLeave={() => {\n                              setSelectedColor(undefined);\n                            }}\n                            x={(colorDomain.length * 320) / colors.length + 1}\n                            y={1}\n                            width={320 / colors.length - 2}\n                            height={8}\n                            className={`cursor-pointer ${\n                              selectedColor === colors[colorDomain.length]\n                                ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                                : ''\n                            }`}\n                            style={{\n                              fill: colors[colorDomain.length],\n                              ...(selectedColor === colors[colorDomain.length]\n                                ? {}\n                                : { stroke: colors[colorDomain.length] }),\n                            }}\n                          />\n                        </g>\n                      </g>\n                    </svg>\n                  ) : categorical ? (\n                    <div className='flex flex-col gap-3'>\n                      {colorDomain.map((d, i) => (\n                        // biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n                        <div\n                          // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                          key={i}\n                          className='flex gap-2 items-center'\n                          onMouseOver={() => {\n                            setSelectedColor(colors[i % colors.length]);\n                          }}\n                          onFocus={() => {\n                            setSelectedColor(colors[i % colors.length]);\n                          }}\n                          onMouseLeave={() => {\n                            setSelectedColor(undefined);\n                          }}\n                        >\n                          <div\n                            className='w-2 h-2 rounded-full'\n                            style={{ backgroundColor: colors[i % colors.length] }}\n                          />\n                          <P size='sm' marginBottom='none' leading='none'>\n                            {d}\n                          </P>\n                        </div>\n                      ))}\n                    </div>\n                  ) : (\n                    <div className='flex flex-col gap-3'>\n                      {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend */}\n                      <div\n                        className='flex gap-2 items-center'\n                        onMouseOver={() => {\n                          setSelectedColor(colors[0]);\n                        }}\n                        onFocus={() => {\n                          setSelectedColor(colors[0]);\n                        }}\n                        onMouseLeave={() => {\n                          setSelectedColor(undefined);\n                        }}\n                      >\n                        <div\n                          className='w-2 h-2 rounded-full'\n                          style={{ backgroundColor: colors[0] }}\n                        />\n                        <P size='sm' marginBottom='none' leading='none'>\n                          {`<= ${numberFormattingFunction(\n                            colorDomain[0] as number,\n                            'NA',\n                            numberDisplayOptions?.precision ?? 2,\n                            undefined,\n                            undefined,\n                            numberDisplayOptions?.locale || 'en',\n                            numberDisplayOptions?.padZeros || false,\n                          )}`}\n                        </P>\n                      </div>\n                      {/* biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend */}\n                      <div\n                        className='flex gap-2 items-center'\n                        onMouseOver={() => {\n                          setSelectedColor(colors[1]);\n                        }}\n                        onFocus={() => {\n                          setSelectedColor(colors[1]);\n                        }}\n                        onMouseLeave={() => {\n                          setSelectedColor(undefined);\n                        }}\n                      >\n                        <div\n                          className='w-2 h-2 rounded-full'\n                          style={{ backgroundColor: colors[1] }}\n                        />\n                        <P size='sm' marginBottom='none' leading='none'>\n                          {`> ${numberFormattingFunction(\n                            colorDomain[0] as number,\n                            'NA',\n                            numberDisplayOptions?.precision ?? 2,\n                            undefined,\n                            undefined,\n                            numberDisplayOptions?.locale || 'en',\n                            numberDisplayOptions?.padZeros || false,\n                          )}`}\n                        </P>\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <button\n                type='button'\n                className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\n                onClick={() => {\n                  setShowLegend(true);\n                }}\n              >\n                <ExpandIcon />\n              </button>\n            )}\n          </div>\n        )}\n        {zoomInteraction === 'button' && (\n          <div className='absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons'>\n            <button\n              type='button'\n              onClick={() => handleZoom('in')}\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\n            >\n              +\n            </button>\n            <button\n              type='button'\n              onClick={() => handleZoom('out')}\n              className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\n            >\n              –\n            </button>\n          </div>\n        )}\n        {(graphDownload || dataDownload) && (\n          <div className='absolute right-4 top-4 flex flex-col image-download-button gap-2'>\n            {graphDownload && (\n              <ImageDownloadButton nodeID={graphDownload} buttonSmall className='p-1' />\n            )}\n            {dataDownload && dataDownload.length > 0 && (\n              <CsvDownloadButton\n                csvData={dataDownload}\n                buttonSmall\n                headers={Object.keys(dataDownload[0]).map((d) => ({\n                  label: d,\n                  key: d,\n                }))}\n                className='p-1'\n              />\n            )}\n          </div>\n        )}\n      </div>\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { SliderUI } from '@undp/design-system-react/SliderUI';\nimport { Spinner } from '@undp/design-system-react/Spinner';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport type { FeatureCollection } from 'geojson';\nimport { useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport { Pause, Play } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  ChoroplethMapDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  Languages,\n  MapOverlayDataType,\n  MapProjectionTypes,\n  NumberFormatOptions,\n  ScaleDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n  ZoomInteractionTypes,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { getJenks } from '@/Utils/getJenks';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { getUniqValue } from '@/Utils/getUniqValue';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: ChoroplethMapDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors for the choropleth map */\n  colors?: string[];\n  /** Domain of colors for the graph */\n  colorDomain?: number[] | string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Color for the areas where data is no available */\n  mapNoDataColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** Map data as an object in geoJson format or a url for geoJson */\n  mapData?: FeatureCollection | string;\n  /** Detail if any other map needs to be overlayed over the main map */\n  mapOverlay?: MapOverlayDataType;\n  /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\n  rewindCoordinatesInMapData?: boolean;\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\n  scale?: number;\n  /** Toggle if the map is centered and zoomed to the highlighted ids. */\n  zoomAndCenterByHighlightedIds?: boolean;\n  /** Center point of the map */\n  centerPoint?: [number, number];\n  /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\n  projectionRotate?: [number, number] | [number, number, number];\n  /** Defines the zoom mode for the map */\n  zoomInteraction?: ZoomInteractionTypes;\n  /** Stroke width of the regions in the map */\n  mapBorderWidth?: number;\n  /** Stroke color of the regions in the map */\n  mapBorderColor?: string;\n  /** Toggle if the map is a world map */\n  isWorldMap?: boolean;\n  /** Map projection type */\n  mapProjection?: MapProjectionTypes;\n  /** Extend of the allowed zoom in the map */\n  zoomScaleExtend?: [number, number];\n  /** Extend of the allowed panning in the map */\n  zoomTranslateExtend?: [[number, number], [number, number]];\n  /** Countries or regions to be highlighted */\n  highlightedIds?: string[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Scale for the colors */\n  scaleType?: Exclude<ScaleDataType, 'linear'>;\n  /** Toggle visibility of color scale. */\n  showColorScale?: boolean;\n  /** Toggle if color scale is collapsed by default. */\n  collapseColorScaleByDefault?: boolean;\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\n  mapProperty?: string;\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\n  showAntarctica?: boolean;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\n  timeline?: TimelineDataType;\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function ChoroplethMap(props: Props) {\n  const {\n    data,\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json',\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\n    colorDomain,\n    colorLegendTitle,\n    scaleType = 'threshold',\n    scale = 0.95,\n    centerPoint,\n    padding,\n    mapBorderWidth = 0.5,\n    mapNoDataColor = Colors.light.graphNoData,\n    backgroundColor = false,\n    mapBorderColor = Colors.light.grays['gray-500'],\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    isWorldMap = true,\n    showColorScale = true,\n    zoomScaleExtend = [0.8, 6],\n    zoomTranslateExtend,\n    graphID,\n    highlightedIds,\n    onSeriesMouseClick,\n    mapProperty = 'ISO3',\n    graphDownload = false,\n    dataDownload = false,\n    showAntarctica = false,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    styles,\n    classNames,\n    mapProjection = 'naturalEarth',\n    zoomInteraction = 'button',\n    animate = false,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    collapseColorScaleByDefault,\n    projectionRotate = [0, 0],\n    zoomAndCenterByHighlightedIds = false,\n    rewindCoordinatesInMapData = true,\n    mapOverlay,\n    numberDisplayOptions,\n  } = props;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [play, setPlay] = useState(timeline.autoplay);\n  const uniqDatesSorted = useMemo(() => {\n    const dates = [\n      ...new Set(\n        data\n          .filter((d) => d.date)\n          .map((d) => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\n      ),\n    ];\n    dates.sort((a, b) => a - b);\n    return dates;\n  }, [data, timeline.dateFormat]);\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\n\n  const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\n    setMapShape(shape);\n  });\n\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\n    setOverlayMapShape(shape);\n  });\n  useEffect(() => {\n    if (typeof mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapData);\n      fetchData.then((d) => {\n        onUpdateShape(d);\n      });\n    } else {\n      onUpdateShape(mapData);\n    }\n  }, [mapData]);\n  useEffect(() => {\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\n    if (typeof mapOverlay?.mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\n      fetchData.then((d) => {\n        onUpdateOverlayMapShape(d as FeatureCollection);\n      });\n    } else {\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\n    }\n  }, [mapOverlay?.mapData]);\n\n  const domain =\n    colorDomain ||\n    (scaleType === 'categorical'\n      ? getUniqValue(data, 'x')\n      : getJenks(\n          data.map((d) => d.x as number | null | undefined),\n          colors?.length || 4,\n        ));\n\n  useEffect(() => {\n    const interval = setInterval(\n      () => {\n        setIndex((i) => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\n      },\n      (timeline.speed || 2) * 1000,\n    );\n    if (!play) clearInterval(interval);\n    return () => clearInterval(interval);\n  }, [uniqDatesSorted, play, timeline.speed]);\n\n  const markObj = getSliderMarks(\n    uniqDatesSorted,\n    index,\n    timeline.showOnlyActiveDate,\n    timeline.dateFormat || 'yyyy',\n  );\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {svgWidth && svgHeight && mapShape ? (\n          <Graph\n            data={data.filter((d) =>\n              timeline.enabled\n                ? `${d.date}` ===\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                : d,\n            )}\n            mapData={\n              showAntarctica\n                ? mapShape\n                : {\n                    ...mapShape,\n                    features: mapShape.features.filter(\n                      (el) => el.properties?.NAME !== 'Antarctica',\n                    ),\n                  }\n            }\n            colorDomain={domain}\n            width={svgWidth}\n            height={svgHeight}\n            scale={scale}\n            centerPoint={centerPoint}\n            colors={\n              colors ||\n              (scaleType === 'categorical'\n                ? Colors[theme].categoricalColors.colors\n                : Colors[theme].sequentialColors[\n                    `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\n                  ])\n            }\n            colorLegendTitle={colorLegendTitle}\n            mapBorderWidth={mapBorderWidth}\n            mapNoDataColor={mapNoDataColor}\n            categorical={scaleType === 'categorical'}\n            mapBorderColor={mapBorderColor}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            isWorldMap={isWorldMap}\n            showColorScale={showColorScale}\n            zoomScaleExtend={zoomScaleExtend}\n            zoomTranslateExtend={zoomTranslateExtend}\n            onSeriesMouseClick={onSeriesMouseClick}\n            mapProperty={mapProperty}\n            highlightedIds={highlightedIds}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            styles={styles}\n            overlayMapData={overlayMapShape}\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\n            classNames={classNames}\n            detailsOnClick={detailsOnClick}\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\n            zoomInteraction={zoomInteraction}\n            dimmedOpacity={dimmedOpacity}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            customLayers={customLayers}\n            zoomAndCenterByHighlightedIds={zoomAndCenterByHighlightedIds}\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\n            projectionRotate={projectionRotate}\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\n            numberDisplayOptions={numberDisplayOptions}\n            graphDownload={graphDownload ? graphParentDiv : undefined}\n            dataDownload={\n              dataDownload\n                ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                  ? data.map((d) => d.data).filter((d) => d !== undefined)\n                  : data.filter((d) => d !== undefined)\n                : null\n            }\n          />\n        ) : (\n          <div\n            style={{\n              height: `${Math.max(\n                minHeight,\n                height ||\n                  (relativeHeight\n                    ? minHeight\n                      ? (width || svgWidth) * relativeHeight > minHeight\n                        ? (width || svgWidth) * relativeHeight\n                        : minHeight\n                      : (width || svgWidth) * relativeHeight\n                    : svgHeight),\n              )}px`,\n            }}\n            className='flex items-center justify-center'\n          >\n            <Spinner aria-label='Loading graph' />\n          </div>\n        )}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}