@undp/data-viz 2.3.15 → 2.3.16

package/dist/BiVariateChoroplethMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"BiVariateChoroplethMap.js","sources":["../src/Components/Graphs/Maps/BiVariateMap/Graph.tsx","../src/Components/Graphs/Maps/BiVariateMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n  geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleThreshold } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  BivariateMapDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  MapProjectionTypes,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { X } from '@/Components/Icons';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\n\r\ninterface Props {\r\n  data: BivariateMapDataType[];\r\n  mapData: FeatureCollection;\r\n  xDomain: number[];\r\n  yDomain: number[];\r\n  width: number;\r\n  height: number;\r\n  colors: string[][];\r\n  xColorLegendTitle: string;\r\n  yColorLegendTitle: string;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  scale: number;\r\n  centerPoint?: [number, number];\r\n  mapBorderColor: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  isWorldMap: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedIds: string[];\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  mapProperty: string;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  showColorScale: boolean;\r\n  collapseColorScaleByDefault?: boolean;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n  zoomAndCenterByHighlightedIds: boolean;\r\n  projectionRotate: [number, number] | [number, number, number];\r\n  rewindCoordinatesInMapData: boolean;\r\n  overlayMapData?: FeatureCollection;\r\n  overlayMapBorderColor?: string;\r\n  overlayMapBorderWidth?: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    xDomain,\r\n    mapData,\r\n    xColorLegendTitle,\r\n    yDomain,\r\n    yColorLegendTitle,\r\n    width,\r\n    height,\r\n    colors,\r\n    scale,\r\n    centerPoint,\r\n    mapBorderWidth,\r\n    mapNoDataColor,\r\n    mapBorderColor,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedIds,\r\n    onSeriesMouseClick,\r\n    mapProperty,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    showColorScale,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    collapseColorScaleByDefault,\r\n    zoomAndCenterByHighlightedIds,\r\n    projectionRotate,\r\n    rewindCoordinatesInMapData,\r\n    overlayMapData,\r\n    overlayMapBorderColor,\r\n    overlayMapBorderWidth,\r\n  } = props;\r\n  const formattedMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n  }, [mapData, rewindCoordinatesInMapData]);\r\n  const formattedOverlayMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n  }, [overlayMapData, rewindCoordinatesInMapData]);\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const mapSvg = useRef<SVGSVGElement>(null);\r\n  const isInView = useInView(mapSvg, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const mapG = useRef<SVGGElement>(null);\r\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n  useEffect(() => {\r\n    const mapGSelect = select(mapG.current);\r\n    const mapSvgSelect = select(mapSvg.current);\r\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n      if (zoomInteraction === 'noZoom') return false;\r\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n      const isWheel = e.type === 'wheel';\r\n      const isTouch = e.type.startsWith('touch');\r\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n      if (isTouch) return true;\r\n      if (isWheel) {\r\n        if (zoomInteraction === 'scroll') return true;\r\n        return e.ctrlKey;\r\n      }\r\n      return isDrag && !e.button && !e.ctrlKey;\r\n    };\r\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n      .scaleExtent(zoomScaleExtend)\r\n      .translateExtent(\r\n        zoomTranslateExtend || [\r\n          [-20, -20],\r\n          [width + 20, height + 20],\r\n        ],\r\n      )\r\n      .filter(zoomFilter)\r\n      .on('zoom', ({ transform }) => {\r\n        mapGSelect.attr('transform', transform);\r\n      });\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    mapSvgSelect.call(zoomBehavior as any);\r\n\r\n    zoomRef.current = zoomBehavior;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [height, width, zoomInteraction]);\r\n\r\n  const bounds = bbox({\r\n    ...formattedMapData,\r\n    features: zoomAndCenterByHighlightedIds\r\n      ? formattedMapData.features.filter(\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          (d: any) =>\r\n            (highlightedIds || []).length === 0 ||\r\n            highlightedIds.indexOf(d.properties[mapProperty]) !== -1,\r\n        )\r\n      : formattedMapData.features,\r\n  });\r\n\r\n  const center = centerOfMass({\r\n    ...formattedMapData,\r\n    features: zoomAndCenterByHighlightedIds\r\n      ? formattedMapData.features.filter(\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          (d: any) =>\r\n            (highlightedIds || []).length === 0 ||\r\n            highlightedIds.indexOf(d.properties[mapProperty]) !== -1,\r\n        )\r\n      : formattedMapData.features,\r\n  });\r\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\r\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n  const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n  const projection =\r\n    mapProjection === 'mercator'\r\n      ? geoMercator()\r\n          .rotate(projectionRotate)\r\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n          .translate([width / 2, height / 2])\r\n          .scale(scaleVar)\r\n      : mapProjection === 'equalEarth'\r\n        ? geoEqualEarth()\r\n            .rotate(projectionRotate)\r\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n            .translate([width / 2, height / 2])\r\n            .scale(scaleVar)\r\n        : mapProjection === 'naturalEarth'\r\n          ? geoNaturalEarth1()\r\n              .rotate(projectionRotate)\r\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n              .translate([width / 2, height / 2])\r\n              .scale(scaleVar)\r\n          : mapProjection === 'orthographic'\r\n            ? geoOrthographic()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar)\r\n            : geoAlbersUsa()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n\r\n  const pathGenerator = geoPath().projection(projection);\r\n  const xRange = Array.from({ length: xDomain.length }, (_, i) => i);\r\n\r\n  const yRange = Array.from({ length: yDomain.length }, (_, i) => i);\r\n  const xScale = scaleThreshold<number, number>().domain(xDomain).range(xRange);\r\n  const yScale = scaleThreshold<number, number>().domain(yDomain).range(yRange);\r\n\r\n  const handleZoom = (direction: 'in' | 'out') => {\r\n    if (!mapSvg.current || !zoomRef.current) return;\r\n    const svg = select(mapSvg.current);\r\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          width={`${width}px`}\r\n          height={`${height}px`}\r\n          ref={mapSvg}\r\n          direction='ltr'\r\n        >\r\n          <g ref={mapG}>\r\n            {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n            {formattedMapData.features.map((d, i: number) => {\r\n              if (!d.properties?.[mapProperty]) return null;\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  opacity={\r\n                    selectedColor\r\n                      ? dimmedOpacity\r\n                      : highlightedIds.length !== 0\r\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : 1\r\n                  }\r\n                >\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: mapBorderColor,\r\n                      strokeWidth: mapBorderWidth,\r\n                      fill: mapNoDataColor,\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n            <AnimatePresence>\r\n              {data.map(d => {\r\n                const index = formattedMapData.features.findIndex(\r\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  (el: any) => d.id === el.properties[mapProperty],\r\n                );\r\n                if (index === -1) return null;\r\n                const path = pathGenerator(formattedMapData.features[index]);\r\n                if (!path) return null;\r\n                const xColorCoord = !checkIfNullOrUndefined(d.x)\r\n                  ? xScale(d.x as number)\r\n                  : undefined;\r\n                const yColorCoord = !checkIfNullOrUndefined(d.y)\r\n                  ? yScale(d.y as number)\r\n                  : undefined;\r\n                const color =\r\n                  xColorCoord !== undefined && yColorCoord !== undefined\r\n                    ? colors[yColorCoord][xColorCoord]\r\n                    : mapNoDataColor;\r\n\r\n                return (\r\n                  <motion.g\r\n                    className='undp-map-shapes'\r\n                    key={d.id}\r\n                    variants={{\r\n                      initial: { opacity: 0 },\r\n                      whileInView: {\r\n                        opacity: selectedColor\r\n                          ? selectedColor === color\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : highlightedIds.length !== 0\r\n                            ? highlightedIds.indexOf(d.id) !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    onMouseEnter={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                      onSeriesMouseOver?.(d);\r\n                    }}\r\n                    onClick={() => {\r\n                      if (onSeriesMouseClick || detailsOnClick) {\r\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                          setMouseClickData(undefined);\r\n                          onSeriesMouseClick?.(undefined);\r\n                        } else {\r\n                          setMouseClickData(d);\r\n                          onSeriesMouseClick?.(d);\r\n                        }\r\n                      }\r\n                    }}\r\n                    onMouseMove={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setMouseOverData(undefined);\r\n                      setEventX(undefined);\r\n                      setEventY(undefined);\r\n                      onSeriesMouseOver?.(undefined);\r\n                    }}\r\n                  >\r\n                    <motion.path\r\n                      key={`${d.id}`}\r\n                      d={path}\r\n                      variants={{\r\n                        initial: { fill: color, opacity: 0 },\r\n                        whileInView: {\r\n                          fill: color,\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      className={`${\r\n                        color === mapNoDataColor\r\n                          ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                          : 'stroke-primary-white dark:stroke-primary-gray-650'\r\n                      }`}\r\n                      style={{\r\n                        stroke: mapBorderColor,\r\n                        strokeWidth: mapBorderWidth,\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  </motion.g>\r\n                );\r\n              })}\r\n            </AnimatePresence>\r\n            {mouseOverData\r\n              ? formattedMapData.features\r\n                  .filter(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\r\n                  )\r\n                  .map((d, i) => (\r\n                    <path\r\n                      key={i}\r\n                      d={pathGenerator(d) || ''}\r\n                      className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                      style={{\r\n                        fill: 'none',\r\n                        fillOpacity: 0,\r\n                        strokeWidth: '0.5',\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  ))\r\n              : null}\r\n            {formattedOverlayMapData?.features.map((d, i: number) => {\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <g key={i}>\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: overlayMapBorderColor || mapBorderColor,\r\n                      strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n                      fill: 'none',\r\n                      pointerEvents: 'none',\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </g>\r\n              );\r\n            })}\r\n            {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          </g>\r\n        </motion.svg>\r\n        {showColorScale === false ? null : (\r\n          <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n            {showLegend ? (\r\n              <>\r\n                <div\r\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]'\r\n                  onClick={() => {\r\n                    setShowLegend(false);\r\n                  }}\r\n                >\r\n                  <X />\r\n                </div>\r\n                <div\r\n                  className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                  style={{ width: '175px' }}\r\n                >\r\n                  <div className='flex gap-1 items-center'>\r\n                    <svg width='136px' viewBox='0 0 136 136' className='shrink-0'>\r\n                      <g>\r\n                        {colors.map((d, i) => (\r\n                          <g key={i} transform={`translate(0,${100 - i * 25})`}>\r\n                            {d.map((el, j) => (\r\n                              <rect\r\n                                key={j}\r\n                                y={1}\r\n                                x={j * 25 + 1}\r\n                                fill={el}\r\n                                width={23}\r\n                                height={23}\r\n                                strokeWidth={selectedColor === el ? 2 : 0.25}\r\n                                style={{ cursor: 'pointer' }}\r\n                                onMouseOver={() => {\r\n                                  setSelectedColor(el);\r\n                                }}\r\n                                onMouseLeave={() => {\r\n                                  setSelectedColor(undefined);\r\n                                }}\r\n                              />\r\n                            ))}\r\n                          </g>\r\n                        ))}\r\n                        <g transform='translate(0,125)'>\r\n                          {xDomain.map((el, j) => (\r\n                            <text key={j} y={10} x={(j + 1) * 25} fontSize={10} textAnchor='middle'>\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          ))}\r\n                        </g>\r\n                        {yDomain.map((el, j) => (\r\n                          <g\r\n                            key={j}\r\n                            transform={`translate(${\r\n                              Math.max(Math.min(xDomain.length + 1, 5), 4) * 25 + 10\r\n                            },${100 - j * 25})`}\r\n                          >\r\n                            <text\r\n                              x={0}\r\n                              transform='rotate(-90)'\r\n                              y={0}\r\n                              fontSize={10}\r\n                              textAnchor='middle'\r\n                            >\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                      </g>\r\n                    </svg>\r\n                    <P\r\n                      marginBottom='none'\r\n                      size='xs'\r\n                      className='leading-normal text-center shrink-0'\r\n                      style={{\r\n                        display: '-webkit-box',\r\n                        WebkitLineClamp: '1',\r\n                        WebkitBoxOrient: 'vertical',\r\n                        overflow: 'hidden',\r\n                        writingMode: 'vertical-rl',\r\n                        height: '8.5rem',\r\n                        transform: 'rotate(180deg)',\r\n                      }}\r\n                    >\r\n                      {yColorLegendTitle}\r\n                    </P>\r\n                  </div>\r\n                  <P\r\n                    marginBottom='none'\r\n                    size='xs'\r\n                    className='mt-1 leading-normal text-center'\r\n                    style={{\r\n                      display: '-webkit-box',\r\n                      WebkitLineClamp: '1',\r\n                      width: '8.5rem',\r\n                      WebkitBoxOrient: 'vertical',\r\n                      overflow: 'hidden',\r\n                    }}\r\n                  >\r\n                    {xColorLegendTitle}\r\n                  </P>\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                  Show Legend\r\n                </div>\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col zoom-buttons'>\r\n            <button\r\n              onClick={() => handleZoom('in')}\r\n              className='leading-0 px-2 py-3.5 border text-primary-gray-700 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              +\r\n            </button>\r\n            <button\r\n              onClick={() => handleZoom('out')}\r\n              className='leading-0 px-2 py-3.5 border text-primary-gray-700 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'\r\n            >\r\n              –\r\n            </button>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { FeatureCollection } from 'geojson';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  BivariateMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  MapProjectionTypes,\r\n  ZoomInteractionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects. */\r\n  data: BivariateMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors for the choropleth map. Array must be 5x5 */\r\n  colors?: string[][];\r\n  /** Title for the first color legend */\r\n  xColorLegendTitle?: string;\r\n  /** Title for the second color legend */\r\n  yColorLegendTitle?: string;\r\n  /** Domain of x-colors for the map */\r\n  xDomain?: number[];\r\n  /** Domain of y-colors for the map */\r\n  yDomain?: number[];\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  mapData?: any;\r\n  /** Detail if any other map needs to be overlayed over the main map */\r\n  mapOverlay?: {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    mapData?: any;\r\n    mapBorderWidth?: number;\r\n    mapBorderColor?: string;\r\n  };\r\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. */\r\n  rewindCoordinatesInMapData?: boolean;\r\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n  scale?: number;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\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 */\r\n  projectionRotate?: [number, number] | [number, number, number];\r\n  /** Defines the zoom mode for the map */\r\n  zoomInteraction?: ZoomInteractionTypes;\r\n  /** Stroke width of the regions in the map */\r\n  mapBorderWidth?: number;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\r\n  /** Map projection type */\r\n  mapProjection?: MapProjectionTypes;\r\n  /** Toggle if the map is centered and zoomed to the highlighted ids. */\r\n  zoomAndCenterByHighlightedIds?: boolean;\r\n  /** Extend of the allowed zoom in the map */\r\n  zoomScaleExtend?: [number, number];\r\n  /** Extend of the allowed panning in the map */\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n  mapProperty?: string;\r\n  /** Toggle visibility of color scale. */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n  showAntarctica?: boolean;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BiVariateChoroplethMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json',\r\n    colors = Colors.light.bivariateColors.colors05x05,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\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.',\r\n    xDomain,\r\n    yDomain,\r\n    xColorLegendTitle = 'X Color key',\r\n    yColorLegendTitle = 'Y Color key',\r\n    tooltip,\r\n    scale = 0.95,\r\n    centerPoint,\r\n    padding,\r\n    mapBorderWidth = 0.5,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    showColorScale = true,\r\n    highlightedIds = [],\r\n    onSeriesMouseClick,\r\n    mapProperty = 'ISO3',\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showAntarctica = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection = 'naturalEarth',\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\r\n    zoomAndCenterByHighlightedIds = false,\r\n    projectionRotate = [0, 0],\r\n    rewindCoordinatesInMapData = true,\r\n    mapOverlay,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = useMemo(() => {\r\n    const dates = [\r\n      ...new Set(\r\n        data\r\n          .filter(d => d.date)\r\n          .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n      ),\r\n    ];\r\n    dates.sort((a, b) => a - b);\r\n    return dates;\r\n  }, [data, timeline.dateFormat]);\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mapShape, setMapShape] = useState<any>(undefined);\r\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const onUpdateShape = useEffectEvent((shape: any) => {\r\n    setMapShape(shape);\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const onUpdateOverlayMapShape = useEffectEvent((shape: any) => {\r\n    setOverlayMapShape(shape);\r\n  });\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        onUpdateShape(d);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData);\r\n    }\r\n  }, [mapData]);\r\n  useEffect(() => {\r\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n    if (typeof mapOverlay?.mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n      fetchData.then(d => {\r\n        onUpdateOverlayMapShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n    }\r\n  }, [mapOverlay?.mapData]);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\r\n  );\r\n\r\n  if (xDomain && yDomain)\r\n    if (xDomain.length !== colors[0].length - 1 || yDomain.length !== colors.length - 1) {\r\n      console.error(\"the xDomain and yDomain array length don't match to the color array length\");\r\n      return null;\r\n    }\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n        <div className='flex gap-6 items-center' dir='ltr'>\r\n          <button\r\n            type='button'\r\n            onClick={() => {\r\n              setPlay(!play);\r\n            }}\r\n            className='p-0 border-0 cursor-pointer bg-transparent'\r\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n          >\r\n            {play ? <Pause /> : <Play />}\r\n          </button>\r\n          <SliderUI\r\n            min={uniqDatesSorted[0]}\r\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            marks={markObj}\r\n            step={null}\r\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            value={uniqDatesSorted[index]}\r\n            onChangeComplete={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            onChange={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            data={data.filter(d =>\r\n              timeline.enabled\r\n                ? `${d.date}` ===\r\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n                : d,\r\n            )}\r\n            mapData={\r\n              showAntarctica\r\n                ? mapShape\r\n                : {\r\n                    ...mapShape,\r\n                    features: mapShape.features.filter(\r\n                      // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                      (el: any) => el.properties.NAME !== 'Antarctica',\r\n                    ),\r\n                  }\r\n            }\r\n            xDomain={\r\n              xDomain ||\r\n              getJenks(\r\n                data.map(d => d.x as number | null | undefined),\r\n                colors[0].length,\r\n              )\r\n            }\r\n            yDomain={\r\n              yDomain ||\r\n              getJenks(\r\n                data.map(d => d.y as number | null | undefined),\r\n                colors.length,\r\n              )\r\n            }\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            scale={scale}\r\n            centerPoint={centerPoint}\r\n            colors={colors}\r\n            xColorLegendTitle={xColorLegendTitle}\r\n            yColorLegendTitle={yColorLegendTitle}\r\n            mapBorderWidth={mapBorderWidth}\r\n            mapNoDataColor={mapNoDataColor}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            isWorldMap={isWorldMap}\r\n            zoomScaleExtend={zoomScaleExtend}\r\n            zoomTranslateExtend={zoomTranslateExtend}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            mapProperty={mapProperty}\r\n            highlightedIds={highlightedIds}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            showColorScale={showColorScale}\r\n            classNames={classNames}\r\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n            detailsOnClick={detailsOnClick}\r\n            zoomInteraction={zoomInteraction}\r\n            overlayMapData={overlayMapShape}\r\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n            zoomAndCenterByHighlightedIds={zoomAndCenterByHighlightedIds}\r\n            projectionRotate={projectionRotate}\r\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n          />\r\n        ) : (\r\n          <div\r\n            style={{\r\n              height: `${Math.max(\r\n                minHeight,\r\n                height ||\r\n                  (relativeHeight\r\n                    ? minHeight\r\n                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                        ? (width || svgWidth) * relativeHeight\r\n                        : minHeight\r\n                      : (width || svgWidth) * relativeHeight\r\n                    : svgHeight),\r\n              )}px`,\r\n            }}\r\n            className='flex items-center justify-center'\r\n          >\r\n            <Spinner aria-label='Loading graph' />\r\n          </div>\r\n        )}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","xDomain","mapData","xColorLegendTitle","yDomain","yColorLegendTitle","width","height","colors","scale","centerPoint","mapBorderWidth","mapNoDataColor","mapBorderColor","tooltip","onSeriesMouseOver","zoomScaleExtend","zoomTranslateExtend","highlightedIds","onSeriesMouseClick","mapProperty","resetSelectionOnDoubleClick","detailsOnClick","showColorScale","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","collapseColorScaleByDefault","zoomAndCenterByHighlightedIds","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","showLegend","setShowLegend","useState","undefined","selectedColor","setSelectedColor","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","useRef","isInView","useInView","once","amount","mapG","zoomRef","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","e","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","filter","on","transform","attr","call","bounds","bbox","features","d","length","indexOf","properties","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","pathGenerator","geoPath","xRange","Array","from","_","i","yRange","xScale","scaleThreshold","domain","range","yScale","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","path","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","index","findIndex","el","id","xColorCoord","checkIfNullOrUndefined","x","yColorCoord","y","color","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","fillOpacity","pointerEvents","cn","colorLegend","X","j","cursor","numberFormattingFunction","max","P","display","WebkitLineClamp","WebkitBoxOrient","overflow","writingMode","Tooltip","DetailsModal","modal","BiVariateChoroplethMap","$","_c","graphTitle","t0","t1","sources","graphDescription","footNote","t2","t3","t4","t5","padding","t6","t7","backgroundColor","t8","t9","relativeHeight","isWorldMap","t10","t11","graphID","t12","t13","t14","graphDownload","t15","dataDownload","t16","showAntarctica","t17","language","t18","minHeight","t19","theme","t20","ariaLabel","t21","t22","t23","t24","t25","t26","timeline","t27","t28","t29","t30","mapOverlay","Colors","light","bivariateColors","colors05x05","graphNoData","grays","t31","t32","t33","t34","enabled","autoplay","showOnlyActiveDate","t35","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t36","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_1","t41","t42","d_2","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","console","error","t49","graphContainer","t50","t51","description","title","GraphHeader","_temp3","_temp4","_temp5","_temp6","_temp7","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_8","format","_temp8","getJenks","_temp9","_temp0","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_10","d_9","NAME","d_5","d_4","d_3","d_7","d_6","a","b"],"mappings":"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"}
+{"version":3,"file":"BiVariateChoroplethMap.js","sources":["../src/Components/Graphs/Maps/BiVariateMap/Graph.tsx","../src/Components/Graphs/Maps/BiVariateMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n  geoAlbersUsa,\r\n  geoEqualEarth,\r\n  geoMercator,\r\n  geoNaturalEarth1,\r\n  geoOrthographic,\r\n  geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleThreshold } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  BivariateMapDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  MapProjectionTypes,\r\n  StyleObject,\r\n  ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { X } from '@/Components/Icons';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\n\r\ninterface Props {\r\n  data: BivariateMapDataType[];\r\n  mapData: FeatureCollection;\r\n  xDomain: number[];\r\n  yDomain: number[];\r\n  width: number;\r\n  height: number;\r\n  colors: string[][];\r\n  xColorLegendTitle: string;\r\n  yColorLegendTitle: string;\r\n  mapBorderWidth: number;\r\n  mapNoDataColor: string;\r\n  scale: number;\r\n  centerPoint?: [number, number];\r\n  mapBorderColor: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  zoomInteraction: ZoomInteractionTypes;\r\n  mapProjection: MapProjectionTypes;\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  isWorldMap: boolean;\r\n  zoomScaleExtend: [number, number];\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  highlightedIds: string[];\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  mapProperty: string;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  showColorScale: boolean;\r\n  collapseColorScaleByDefault?: boolean;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  customLayers: CustomLayerDataType[];\r\n  zoomAndCenterByHighlightedIds: boolean;\r\n  projectionRotate: [number, number] | [number, number, number];\r\n  rewindCoordinatesInMapData: boolean;\r\n  overlayMapData?: FeatureCollection;\r\n  overlayMapBorderColor?: string;\r\n  overlayMapBorderWidth?: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    xDomain,\r\n    mapData,\r\n    xColorLegendTitle,\r\n    yDomain,\r\n    yColorLegendTitle,\r\n    width,\r\n    height,\r\n    colors,\r\n    scale,\r\n    centerPoint,\r\n    mapBorderWidth,\r\n    mapNoDataColor,\r\n    mapBorderColor,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    zoomScaleExtend,\r\n    zoomTranslateExtend,\r\n    highlightedIds,\r\n    onSeriesMouseClick,\r\n    mapProperty,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    showColorScale,\r\n    styles,\r\n    classNames,\r\n    mapProjection,\r\n    zoomInteraction,\r\n    animate,\r\n    dimmedOpacity,\r\n    customLayers,\r\n    collapseColorScaleByDefault,\r\n    zoomAndCenterByHighlightedIds,\r\n    projectionRotate,\r\n    rewindCoordinatesInMapData,\r\n    overlayMapData,\r\n    overlayMapBorderColor,\r\n    overlayMapBorderWidth,\r\n  } = props;\r\n  const formattedMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n    return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n  }, [mapData, rewindCoordinatesInMapData]);\r\n  const formattedOverlayMapData = useMemo(() => {\r\n    if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n    return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n  }, [overlayMapData, rewindCoordinatesInMapData]);\r\n  const [showLegend, setShowLegend] = useState(\r\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n  );\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const mapSvg = useRef<SVGSVGElement>(null);\r\n  const isInView = useInView(mapSvg, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const mapG = useRef<SVGGElement>(null);\r\n  const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n  useEffect(() => {\r\n    const mapGSelect = select(mapG.current);\r\n    const mapSvgSelect = select(mapSvg.current);\r\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n      if (zoomInteraction === 'noZoom') return false;\r\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n      const isWheel = e.type === 'wheel';\r\n      const isTouch = e.type.startsWith('touch');\r\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n      if (isTouch) return true;\r\n      if (isWheel) {\r\n        if (zoomInteraction === 'scroll') return true;\r\n        return e.ctrlKey;\r\n      }\r\n      return isDrag && !e.button && !e.ctrlKey;\r\n    };\r\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n      .scaleExtent(zoomScaleExtend)\r\n      .translateExtent(\r\n        zoomTranslateExtend || [\r\n          [-20, -20],\r\n          [width + 20, height + 20],\r\n        ],\r\n      )\r\n      .filter(zoomFilter)\r\n      .on('zoom', ({ transform }) => {\r\n        mapGSelect.attr('transform', transform);\r\n      });\r\n\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    mapSvgSelect.call(zoomBehavior as any);\r\n\r\n    zoomRef.current = zoomBehavior;\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [height, width, zoomInteraction]);\r\n\r\n  const bounds = bbox({\r\n    ...formattedMapData,\r\n    features: zoomAndCenterByHighlightedIds\r\n      ? formattedMapData.features.filter(\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          (d: any) =>\r\n            (highlightedIds || []).length === 0 ||\r\n            highlightedIds.indexOf(d.properties[mapProperty]) !== -1,\r\n        )\r\n      : formattedMapData.features,\r\n  });\r\n\r\n  const center = centerOfMass({\r\n    ...formattedMapData,\r\n    features: zoomAndCenterByHighlightedIds\r\n      ? formattedMapData.features.filter(\r\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n          (d: any) =>\r\n            (highlightedIds || []).length === 0 ||\r\n            highlightedIds.indexOf(d.properties[mapProperty]) !== -1,\r\n        )\r\n      : formattedMapData.features,\r\n  });\r\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\r\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n  const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n  const projection =\r\n    mapProjection === 'mercator'\r\n      ? geoMercator()\r\n          .rotate(projectionRotate)\r\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n          .translate([width / 2, height / 2])\r\n          .scale(scaleVar)\r\n      : mapProjection === 'equalEarth'\r\n        ? geoEqualEarth()\r\n            .rotate(projectionRotate)\r\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n            .translate([width / 2, height / 2])\r\n            .scale(scaleVar)\r\n        : mapProjection === 'naturalEarth'\r\n          ? geoNaturalEarth1()\r\n              .rotate(projectionRotate)\r\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n              .translate([width / 2, height / 2])\r\n              .scale(scaleVar)\r\n          : mapProjection === 'orthographic'\r\n            ? geoOrthographic()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar)\r\n            : geoAlbersUsa()\r\n                .rotate(projectionRotate)\r\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n                .translate([width / 2, height / 2])\r\n                .scale(scaleVar);\r\n\r\n  const pathGenerator = geoPath().projection(projection);\r\n  const xRange = Array.from({ length: xDomain.length }, (_, i) => i);\r\n\r\n  const yRange = Array.from({ length: yDomain.length }, (_, i) => i);\r\n  const xScale = scaleThreshold<number, number>().domain(xDomain).range(xRange);\r\n  const yScale = scaleThreshold<number, number>().domain(yDomain).range(yRange);\r\n\r\n  const handleZoom = (direction: 'in' | 'out') => {\r\n    if (!mapSvg.current || !zoomRef.current) return;\r\n    const svg = select(mapSvg.current);\r\n    svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className='relative'>\r\n        <motion.svg\r\n          viewBox={`0 0 ${width} ${height}`}\r\n          width={`${width}px`}\r\n          height={`${height}px`}\r\n          ref={mapSvg}\r\n          direction='ltr'\r\n        >\r\n          <g ref={mapG}>\r\n            {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n            {formattedMapData.features.map((d, i: number) => {\r\n              if (!d.properties?.[mapProperty]) return null;\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <motion.g\r\n                  key={i}\r\n                  opacity={\r\n                    selectedColor\r\n                      ? dimmedOpacity\r\n                      : highlightedIds.length !== 0\r\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : 1\r\n                  }\r\n                >\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: mapBorderColor,\r\n                      strokeWidth: mapBorderWidth,\r\n                      fill: mapNoDataColor,\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </motion.g>\r\n              );\r\n            })}\r\n            <AnimatePresence>\r\n              {data.map(d => {\r\n                const index = formattedMapData.features.findIndex(\r\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  (el: any) => d.id === el.properties[mapProperty],\r\n                );\r\n                if (index === -1) return null;\r\n                const path = pathGenerator(formattedMapData.features[index]);\r\n                if (!path) return null;\r\n                const xColorCoord = !checkIfNullOrUndefined(d.x)\r\n                  ? xScale(d.x as number)\r\n                  : undefined;\r\n                const yColorCoord = !checkIfNullOrUndefined(d.y)\r\n                  ? yScale(d.y as number)\r\n                  : undefined;\r\n                const color =\r\n                  xColorCoord !== undefined && yColorCoord !== undefined\r\n                    ? colors[yColorCoord][xColorCoord]\r\n                    : mapNoDataColor;\r\n\r\n                return (\r\n                  <motion.g\r\n                    className='undp-map-shapes'\r\n                    key={d.id}\r\n                    variants={{\r\n                      initial: { opacity: 0 },\r\n                      whileInView: {\r\n                        opacity: selectedColor\r\n                          ? selectedColor === color\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : highlightedIds.length !== 0\r\n                            ? highlightedIds.indexOf(d.id) !== -1\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    onMouseEnter={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                      onSeriesMouseOver?.(d);\r\n                    }}\r\n                    onClick={() => {\r\n                      if (onSeriesMouseClick || detailsOnClick) {\r\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                          setMouseClickData(undefined);\r\n                          onSeriesMouseClick?.(undefined);\r\n                        } else {\r\n                          setMouseClickData(d);\r\n                          onSeriesMouseClick?.(d);\r\n                        }\r\n                      }\r\n                    }}\r\n                    onMouseMove={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setMouseOverData(undefined);\r\n                      setEventX(undefined);\r\n                      setEventY(undefined);\r\n                      onSeriesMouseOver?.(undefined);\r\n                    }}\r\n                  >\r\n                    <motion.path\r\n                      key={`${d.id}`}\r\n                      d={path}\r\n                      variants={{\r\n                        initial: { fill: color, opacity: 0 },\r\n                        whileInView: {\r\n                          fill: color,\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      className={`${\r\n                        color === mapNoDataColor\r\n                          ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\r\n                          : 'stroke-primary-white dark:stroke-primary-gray-650'\r\n                      }`}\r\n                      style={{\r\n                        stroke: mapBorderColor,\r\n                        strokeWidth: mapBorderWidth,\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  </motion.g>\r\n                );\r\n              })}\r\n            </AnimatePresence>\r\n            {mouseOverData\r\n              ? formattedMapData.features\r\n                  .filter(\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\r\n                  )\r\n                  .map((d, i) => (\r\n                    <path\r\n                      key={i}\r\n                      d={pathGenerator(d) || ''}\r\n                      className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n                      style={{\r\n                        fill: 'none',\r\n                        fillOpacity: 0,\r\n                        strokeWidth: '0.5',\r\n                        vectorEffect: 'non-scaling-stroke',\r\n                      }}\r\n                    />\r\n                  ))\r\n              : null}\r\n            {formattedOverlayMapData?.features.map((d, i: number) => {\r\n              const path = pathGenerator(d);\r\n              if (!path) return null;\r\n              return (\r\n                <g key={i}>\r\n                  <path\r\n                    d={path}\r\n                    style={{\r\n                      stroke: overlayMapBorderColor || mapBorderColor,\r\n                      strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n                      fill: 'none',\r\n                      pointerEvents: 'none',\r\n                      vectorEffect: 'non-scaling-stroke',\r\n                    }}\r\n                  />\r\n                </g>\r\n              );\r\n            })}\r\n            {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          </g>\r\n        </motion.svg>\r\n        {showColorScale === false ? null : (\r\n          <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n            {showLegend ? (\r\n              <>\r\n                <div\r\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]'\r\n                  onClick={() => {\r\n                    setShowLegend(false);\r\n                  }}\r\n                >\r\n                  <X />\r\n                </div>\r\n                <div\r\n                  className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n                  style={{ width: '175px' }}\r\n                >\r\n                  <div className='flex gap-1 items-center'>\r\n                    <svg width='136px' viewBox='0 0 136 136' className='shrink-0'>\r\n                      <g>\r\n                        {colors.map((d, i) => (\r\n                          <g key={i} transform={`translate(0,${100 - i * 25})`}>\r\n                            {d.map((el, j) => (\r\n                              <rect\r\n                                key={j}\r\n                                y={1}\r\n                                x={j * 25 + 1}\r\n                                fill={el}\r\n                                width={23}\r\n                                height={23}\r\n                                strokeWidth={selectedColor === el ? 2 : 0.25}\r\n                                style={{ cursor: 'pointer' }}\r\n                                onMouseOver={() => {\r\n                                  setSelectedColor(el);\r\n                                }}\r\n                                onMouseLeave={() => {\r\n                                  setSelectedColor(undefined);\r\n                                }}\r\n                              />\r\n                            ))}\r\n                          </g>\r\n                        ))}\r\n                        <g transform='translate(0,125)'>\r\n                          {xDomain.map((el, j) => (\r\n                            <text key={j} y={10} x={(j + 1) * 25} fontSize={10} textAnchor='middle'>\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          ))}\r\n                        </g>\r\n                        {yDomain.map((el, j) => (\r\n                          <g\r\n                            key={j}\r\n                            transform={`translate(${\r\n                              Math.max(Math.min(xDomain.length + 1, 5), 4) * 25 + 10\r\n                            },${100 - j * 25})`}\r\n                          >\r\n                            <text\r\n                              x={0}\r\n                              transform='rotate(-90)'\r\n                              y={0}\r\n                              fontSize={10}\r\n                              textAnchor='middle'\r\n                            >\r\n                              {typeof el === 'string' || el < 1\r\n                                ? el\r\n                                : numberFormattingFunction(el, 'NA')}\r\n                            </text>\r\n                          </g>\r\n                        ))}\r\n                      </g>\r\n                    </svg>\r\n                    <P\r\n                      marginBottom='none'\r\n                      size='xs'\r\n                      className='leading-normal text-center shrink-0'\r\n                      style={{\r\n                        display: '-webkit-box',\r\n                        WebkitLineClamp: '1',\r\n                        WebkitBoxOrient: 'vertical',\r\n                        overflow: 'hidden',\r\n                        writingMode: 'vertical-rl',\r\n                        height: '8.5rem',\r\n                        transform: 'rotate(180deg)',\r\n                      }}\r\n                    >\r\n                      {yColorLegendTitle}\r\n                    </P>\r\n                  </div>\r\n                  <P\r\n                    marginBottom='none'\r\n                    size='xs'\r\n                    className='mt-1 leading-normal text-center'\r\n                    style={{\r\n                      display: '-webkit-box',\r\n                      WebkitLineClamp: '1',\r\n                      width: '8.5rem',\r\n                      WebkitBoxOrient: 'vertical',\r\n                      overflow: 'hidden',\r\n                    }}\r\n                  >\r\n                    {xColorLegendTitle}\r\n                  </P>\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <button\r\n                type='button'\r\n                className='mb-0 border-0 bg-transparent p-0 self-start'\r\n                onClick={() => {\r\n                  setShowLegend(true);\r\n                }}\r\n              >\r\n                <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n                  Show Legend\r\n                </div>\r\n              </button>\r\n            )}\r\n          </div>\r\n        )}\r\n        {zoomInteraction === 'button' && (\r\n          <div className='absolute left-4 top-4 flex flex-col zoom-buttons'>\r\n            <button\r\n              onClick={() => handleZoom('in')}\r\n              className='leading-0 px-2 py-3.5 border text-primary-gray-700 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n            >\r\n              +\r\n            </button>\r\n            <button\r\n              onClick={() => handleZoom('out')}\r\n              className='leading-0 px-2 py-3.5 border text-primary-gray-700 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'\r\n            >\r\n              –\r\n            </button>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <DetailsModal\r\n          body={detailsOnClick}\r\n          data={mouseClickData}\r\n          setData={setMouseClickData}\r\n          className={classNames?.modal}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useEffect, useEffectEvent, useMemo, useRef, useState } from 'react';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { FeatureCollection } from 'geojson';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  BivariateMapDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  MapProjectionTypes,\r\n  ZoomInteractionTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n  MapOverlayDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects. */\r\n  data: BivariateMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors for the choropleth map. Array must be 5x5 */\r\n  colors?: string[][];\r\n  /** Title for the first color legend */\r\n  xColorLegendTitle?: string;\r\n  /** Title for the second color legend */\r\n  yColorLegendTitle?: string;\r\n  /** Domain of x-colors for the map */\r\n  xDomain?: number[];\r\n  /** Domain of y-colors for the map */\r\n  yDomain?: number[];\r\n  /** Color for the areas where data is no available */\r\n  mapNoDataColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n\r\n  // Graph Parameters\r\n  /** Map data as an object in geoJson format or a url for geoJson */\r\n  mapData?: FeatureCollection | string;\r\n  /** Detail if any other map needs to be overlayed over the main map */\r\n  mapOverlay?: MapOverlayDataType;\r\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. */\r\n  rewindCoordinatesInMapData?: boolean;\r\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n  scale?: number;\r\n  /** Center point of the map */\r\n  centerPoint?: [number, number];\r\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 */\r\n  projectionRotate?: [number, number] | [number, number, number];\r\n  /** Defines the zoom mode for the map */\r\n  zoomInteraction?: ZoomInteractionTypes;\r\n  /** Stroke width of the regions in the map */\r\n  mapBorderWidth?: number;\r\n  /** Stroke color of the regions in the map */\r\n  mapBorderColor?: string;\r\n  /** Toggle if the map is a world map */\r\n  isWorldMap?: boolean;\r\n  /** Map projection type */\r\n  mapProjection?: MapProjectionTypes;\r\n  /** Toggle if the map is centered and zoomed to the highlighted ids. */\r\n  zoomAndCenterByHighlightedIds?: boolean;\r\n  /** Extend of the allowed zoom in the map */\r\n  zoomScaleExtend?: [number, number];\r\n  /** Extend of the allowed panning in the map */\r\n  zoomTranslateExtend?: [[number, number], [number, number]];\r\n  /** Countries or regions to be highlighted */\r\n  highlightedIds?: string[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n  mapProperty?: string;\r\n  /** Toggle visibility of color scale. */\r\n  showColorScale?: boolean;\r\n  /** Toggle if color scale is collapsed by default. */\r\n  collapseColorScaleByDefault?: boolean;\r\n  /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n  showAntarctica?: boolean;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\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 */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function BiVariateChoroplethMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json',\r\n    colors = Colors.light.bivariateColors.colors05x05,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\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.',\r\n    xDomain,\r\n    yDomain,\r\n    xColorLegendTitle = 'X Color key',\r\n    yColorLegendTitle = 'Y Color key',\r\n    tooltip,\r\n    scale = 0.95,\r\n    centerPoint,\r\n    padding,\r\n    mapBorderWidth = 0.5,\r\n    mapNoDataColor = Colors.light.graphNoData,\r\n    backgroundColor = false,\r\n    mapBorderColor = Colors.light.grays['gray-500'],\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    isWorldMap = true,\r\n    zoomScaleExtend = [0.8, 6],\r\n    zoomTranslateExtend,\r\n    graphID,\r\n    showColorScale = true,\r\n    highlightedIds = [],\r\n    onSeriesMouseClick,\r\n    mapProperty = 'ISO3',\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showAntarctica = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    mapProjection = 'naturalEarth',\r\n    zoomInteraction = 'button',\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    collapseColorScaleByDefault,\r\n    zoomAndCenterByHighlightedIds = false,\r\n    projectionRotate = [0, 0],\r\n    rewindCoordinatesInMapData = true,\r\n    mapOverlay,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = useMemo(() => {\r\n    const dates = [\r\n      ...new Set(\r\n        data\r\n          .filter(d => d.date)\r\n          .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n      ),\r\n    ];\r\n    dates.sort((a, b) => a - b);\r\n    return dates;\r\n  }, [data, timeline.dateFormat]);\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n  const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n\r\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\r\n    setMapShape(shape);\r\n  });\r\n\r\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\r\n    setOverlayMapShape(shape);\r\n  });\r\n  useEffect(() => {\r\n    if (typeof mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapData);\r\n      fetchData.then(d => {\r\n        onUpdateShape(d);\r\n      });\r\n    } else {\r\n      onUpdateShape(mapData);\r\n    }\r\n  }, [mapData]);\r\n  useEffect(() => {\r\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n    if (typeof mapOverlay?.mapData === 'string') {\r\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n      fetchData.then(d => {\r\n        onUpdateOverlayMapShape(d as FeatureCollection);\r\n      });\r\n    } else {\r\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n    }\r\n  }, [mapOverlay?.mapData]);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\r\n  );\r\n\r\n  if (xDomain && yDomain)\r\n    if (xDomain.length !== colors[0].length - 1 || yDomain.length !== colors.length - 1) {\r\n      console.error(\"the xDomain and yDomain array length don't match to the color array length\");\r\n      return null;\r\n    }\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n        <div className='flex gap-6 items-center' dir='ltr'>\r\n          <button\r\n            type='button'\r\n            onClick={() => {\r\n              setPlay(!play);\r\n            }}\r\n            className='p-0 border-0 cursor-pointer bg-transparent'\r\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n          >\r\n            {play ? <Pause /> : <Play />}\r\n          </button>\r\n          <SliderUI\r\n            min={uniqDatesSorted[0]}\r\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            marks={markObj}\r\n            step={null}\r\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            value={uniqDatesSorted[index]}\r\n            onChangeComplete={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            onChange={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight && mapShape ? (\r\n          <Graph\r\n            data={data.filter(d =>\r\n              timeline.enabled\r\n                ? `${d.date}` ===\r\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n                : d,\r\n            )}\r\n            mapData={\r\n              showAntarctica\r\n                ? mapShape\r\n                : {\r\n                    ...mapShape,\r\n                    features: mapShape.features.filter(el => el.properties?.NAME !== 'Antarctica'),\r\n                  }\r\n            }\r\n            xDomain={\r\n              xDomain ||\r\n              getJenks(\r\n                data.map(d => d.x as number | null | undefined),\r\n                colors[0].length,\r\n              )\r\n            }\r\n            yDomain={\r\n              yDomain ||\r\n              getJenks(\r\n                data.map(d => d.y as number | null | undefined),\r\n                colors.length,\r\n              )\r\n            }\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            scale={scale}\r\n            centerPoint={centerPoint}\r\n            colors={colors}\r\n            xColorLegendTitle={xColorLegendTitle}\r\n            yColorLegendTitle={yColorLegendTitle}\r\n            mapBorderWidth={mapBorderWidth}\r\n            mapNoDataColor={mapNoDataColor}\r\n            mapBorderColor={mapBorderColor}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            isWorldMap={isWorldMap}\r\n            zoomScaleExtend={zoomScaleExtend}\r\n            zoomTranslateExtend={zoomTranslateExtend}\r\n            onSeriesMouseClick={onSeriesMouseClick}\r\n            mapProperty={mapProperty}\r\n            highlightedIds={highlightedIds}\r\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n            styles={styles}\r\n            showColorScale={showColorScale}\r\n            classNames={classNames}\r\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n            detailsOnClick={detailsOnClick}\r\n            zoomInteraction={zoomInteraction}\r\n            overlayMapData={overlayMapShape}\r\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n            animate={\r\n              animate === true\r\n                ? { duration: 0.5, once: true, amount: 0.5 }\r\n                : animate || { duration: 0, once: true, amount: 0 }\r\n            }\r\n            dimmedOpacity={dimmedOpacity}\r\n            customLayers={customLayers}\r\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n            zoomAndCenterByHighlightedIds={zoomAndCenterByHighlightedIds}\r\n            projectionRotate={projectionRotate}\r\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n          />\r\n        ) : (\r\n          <div\r\n            style={{\r\n              height: `${Math.max(\r\n                minHeight,\r\n                height ||\r\n                  (relativeHeight\r\n                    ? minHeight\r\n                      ? (width || svgWidth) * relativeHeight > minHeight\r\n                        ? (width || svgWidth) * relativeHeight\r\n                        : minHeight\r\n                      : (width || svgWidth) * relativeHeight\r\n                    : svgHeight),\r\n              )}px`,\r\n            }}\r\n            className='flex items-center justify-center'\r\n          >\r\n            <Spinner aria-label='Loading graph' />\r\n          </div>\r\n        )}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","xDomain","mapData","xColorLegendTitle","yDomain","yColorLegendTitle","width","height","colors","scale","centerPoint","mapBorderWidth","mapNoDataColor","mapBorderColor","tooltip","onSeriesMouseOver","zoomScaleExtend","zoomTranslateExtend","highlightedIds","onSeriesMouseClick","mapProperty","resetSelectionOnDoubleClick","detailsOnClick","showColorScale","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","collapseColorScaleByDefault","zoomAndCenterByHighlightedIds","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","showLegend","setShowLegend","useState","undefined","selectedColor","setSelectedColor","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","useRef","isInView","useInView","once","amount","mapG","zoomRef","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","e","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","filter","on","transform","attr","call","bounds","bbox","features","d","length","indexOf","properties","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","pathGenerator","geoPath","xRange","Array","from","_","i","yRange","xScale","scaleThreshold","domain","range","yScale","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","path","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","index","findIndex","el","id","xColorCoord","checkIfNullOrUndefined","x","yColorCoord","y","color","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","fillOpacity","pointerEvents","cn","colorLegend","X","j","cursor","numberFormattingFunction","max","P","display","WebkitLineClamp","WebkitBoxOrient","overflow","writingMode","Tooltip","DetailsModal","modal","BiVariateChoroplethMap","$","_c","graphTitle","t0","t1","sources","graphDescription","footNote","t2","t3","t4","t5","padding","t6","t7","backgroundColor","t8","t9","relativeHeight","isWorldMap","t10","t11","graphID","t12","t13","t14","graphDownload","t15","dataDownload","t16","showAntarctica","t17","language","t18","minHeight","t19","theme","t20","ariaLabel","t21","t22","t23","t24","t25","t26","timeline","t27","t28","t29","t30","mapOverlay","Colors","light","bivariateColors","colors05x05","graphNoData","grays","t31","t32","t33","t34","enabled","autoplay","showOnlyActiveDate","t35","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t36","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_1","t41","t42","d_2","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","console","error","t49","graphContainer","t50","t51","description","title","GraphHeader","_temp3","_temp4","_temp5","_temp6","_temp7","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_8","format","_temp8","getJenks","_temp9","_temp0","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_10","d_9","NAME","d_5","d_4","d_3","d_7","d_6","a","b"],"mappings":"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"}

package/dist/ChoroplethMap.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-6v2a2njQ.cjs"),n=require("react"),Ct=require("./getSliderMarks-CIuSoedo.cjs"),Pt=require("./Spinner-jTMOLuw_.cjs"),Rt=require("./parse-xYI9yrvL.cjs"),zt=require("./index-DQA8q5sC.cjs"),M=require("./index-DLFt97gy.cjs"),wt=require("./Typography-CZZxlj1W.cjs"),_t=require("./index-C5K--w8d.cjs"),Wt=require("./numberFormattingFunction-02t-wJta.cjs"),At=require("./Tooltip-BLa2EfMs.cjs"),Ft=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),kt=require("./index-sbKVyHS2.cjs"),Lt=require("./DetailsModal-DIRTulvr.cjs"),$t=require("./ordinal-CrsysVE-.cjs"),Tt=require("./threshold-DNsSUf8Q.cjs"),Et=require("./select-Bnfk0lJx.cjs"),nt=require("./proxy-C4-uo6nS.cjs"),Gt=require("./use-in-view-C3o_ntMv.cjs"),Ht=require("./index-CoobIWNj.cjs"),Vt=require("./GraphFooter.cjs"),Ut=require("./GraphHeader.cjs"),st=require("./Colors.cjs"),St=require("./fetchAndParseData-QTF6tjij.cjs"),Xt=require("./getUniqValue-NX8DgwND.cjs"),Yt=require("./getJenks-BzJvhy_H.cjs"),Mt=require("./GraphContainer-B1EDxJ0S.cjs");function Jt(p){const{data:e,colorDomain:a,colors:s,mapData:F,colorLegendTitle:w,categorical:L,height:y,width:x,scale:g,centerPoint:$,tooltip:te,mapBorderWidth:X,mapBorderColor:oe,mapNoDataColor:ye,onSeriesMouseOver:re,showColorScale:ve,zoomScaleExtend:qe,zoomTranslateExtend:Be,highlightedIds:b,onSeriesMouseClick:ae,mapProperty:f,resetSelectionOnDoubleClick:je,detailsOnClick:Y,styles:Ie,classNames:ne,mapProjection:N,zoomInteraction:O,animate:S,dimmedOpacity:q,customLayers:se,collapseColorScaleByDefault:be,zoomAndCenterByHighlightedIds:Ee,projectionRotate:T,rewindCoordinatesInMapData:J,overlayMapData:K,overlayMapBorderColor:Pe,overlayMapBorderWidth:ze}=p,j=n.useMemo(()=>J?M.index_default(F,{reverse:!0}):F,[F,J]),_e=n.useMemo(()=>!J||!K?K:M.index_default(K,{reverse:!0}),[K,J]),[E,l]=n.useState(void 0),m=n.useRef(null),[We,ke]=n.useState(be===void 0?!(x<680):!be),[ie,le]=n.useState(void 0),[B,G]=n.useState(void 0),[ce,H]=n.useState(void 0),[De,de]=n.useState(void 0),h=n.useRef(null),k=Gt.useInView(h,{once:S.once,amount:S.amount}),Z=n.useRef(null),I=L?$t.ordinal().domain(a).range(s):Tt.threshold().domain(a).range(s);n.useEffect(()=>{const o=Et.select(Z.current),r=Et.select(h.current),v=d=>{if(O==="noZoom")return!1;if(O==="button")return!d.type.includes("wheel");const Se=d.type==="wheel",C=d.type.startsWith("touch"),_=d.type==="mousedown"||d.type==="mousemove";return C?!0:Se?O==="scroll"?!0:d.ctrlKey:_&&!d.button&&!d.ctrlKey},D=M.zoom().scaleExtent(qe).translateExtent(Be||[[-20,-20],[x+20,y+20]]).filter(v).on("zoom",({transform:d})=>{o.attr("transform",d)});r.call(D),m.current=D},[y,x,O]);const V=M.index_default$1({...j,features:Ee?j.features.filter(o=>(b||[]).length===0||b.indexOf(o.properties[f])!==-1):j.features}),P=_t.index_default({...j,features:Ee?j.features.filter(o=>(b||[]).length===0||b.indexOf(o.properties[f])!==-1):j.features}),Ce=(V[2]-V[0])*1.15,Re=(V[3]-V[1])*1.15,we=x*190/960*360/Ce,ue=y*190/678*180/Re,z=g*Math.min(we,ue),pe=N==="mercator"?M.geoMercator().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):N==="equalEarth"?M.geoEqualEarth().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):N==="naturalEarth"?M.geoNaturalEarth1().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):N==="orthographic"?M.geoOrthographic().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):M.geoAlbersUsa().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z),U=M.geoPath().projection(pe),Q=o=>{if(!h.current||!m.current)return;Et.select(h.current).call(m.current.scaleBy,o==="in"?1.2:1/1.2)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:"relative",children:[t.jsxRuntimeExports.jsx(nt.motion.svg,{width:`${x}px`,height:`${y}px`,viewBox:`0 0 ${x} ${y}`,ref:h,direction:"ltr",children:t.jsxRuntimeExports.jsxs("g",{ref:Z,children:[se.filter(o=>o.position==="before").map(o=>o.layer),j.features.map((o,r)=>{if(!o.properties?.[f])return null;const v=U(o);return v?t.jsxRuntimeExports.jsx(nt.motion.g,{opacity:E?q:b.length!==0?b.indexOf(o.properties[f])!==-1?1:q:1,children:t.jsxRuntimeExports.jsx("path",{d:v,style:{stroke:oe,strokeWidth:X,fill:ye,vectorEffect:"non-scaling-stroke"}})},r):null}),t.jsxRuntimeExports.jsx(Ht.AnimatePresence,{children:e.map(o=>{const r=j.features.findIndex(d=>o.id===d.properties[f]);if(r===-1)return null;const v=U(j.features[r]);if(!v)return null;const D=Ft.checkIfNullOrUndefined(o.x)?ye:I(o.x);return t.jsxRuntimeExports.jsx(nt.motion.g,{className:"undp-map-shapes",variants:{initial:{opacity:0},whileInView:{opacity:E?E===D?1:q:b.length!==0?b.indexOf(o.id)!==-1?1:q:1,transition:{duration:S.duration}}},initial:"initial",animate:k?"whileInView":"initial",exit:{opacity:0,transition:{duration:S.duration}},onMouseEnter:d=>{G(o),de(d.clientY),H(d.clientX),re?.(o)},onMouseMove:d=>{G(o),de(d.clientY),H(d.clientX)},onMouseLeave:()=>{G(void 0),H(void 0),de(void 0),re?.(void 0)},onClick:()=>{(ae||Y)&&(zt.isEqual(ie,o)&&je?(le(void 0),ae?.(void 0)):(le(o),ae?.(o)))},children:t.jsxRuntimeExports.jsx(nt.motion.path,{d:v,variants:{initial:{fill:D,opacity:0},whileInView:{fill:D,opacity:1,transition:{duration:S.duration}}},initial:"initial",animate:k?"whileInView":"initial",exit:{opacity:0,transition:{duration:S.duration}},style:{stroke:oe,strokeWidth:X,vectorEffect:"non-scaling-stroke"}},`${o.id}`)},o.id)})}),B?j.features.filter(o=>o.properties[f]===B.id).map((o,r)=>t.jsxRuntimeExports.jsx("path",{d:U(o)||"",className:"stroke-primary-gray-700 dark:stroke-primary-gray-300",style:{fill:"none",fillOpacity:0,strokeWidth:"0.5",vectorEffect:"non-scaling-stroke"}},r)):null,_e?.features.map((o,r)=>{const v=U(o);return v?t.jsxRuntimeExports.jsx("g",{children:t.jsxRuntimeExports.jsx("path",{d:v,style:{stroke:Pe||oe,strokeWidth:ze||X+1,fill:"none",pointerEvents:"none",vectorEffect:"non-scaling-stroke"}})},r):null}),se.filter(o=>o.position==="after").map(o=>o.layer)]})}),ve===!1?null:t.jsxRuntimeExports.jsx("div",{className:t.mo("absolute left-4 bottom-4 map-color-legend",ne?.colorLegend),children:We?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{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]",onClick:()=>{ke(!1)},children:t.jsxRuntimeExports.jsx(kt.X,{})}),t.jsxRuntimeExports.jsxs("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",style:{width:L?void 0:"340px"},children:[w&&w!==""?t.jsxRuntimeExports.jsx(wt._,{size:"xs",marginBottom:"xs",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:w}):null,L?t.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:a.map((o,r)=>t.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{l(s[r%s.length])},onMouseLeave:()=>{l(void 0)},children:[t.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:s[r%s.length]}}),t.jsxRuntimeExports.jsx(wt._,{size:"sm",marginBottom:"none",leading:"none",children:o})]},r))}):t.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:t.jsxRuntimeExports.jsxs("g",{children:[a.map((o,r)=>t.jsxRuntimeExports.jsxs("g",{onMouseOver:()=>{l(s[r])},onMouseLeave:()=>{l(void 0)},className:"cursor-pointer",children:[t.jsxRuntimeExports.jsx("rect",{x:r*320/s.length+1,y:1,width:320/s.length-2,height:8,className:E===s[r]?"stroke-primary-gray-700 dark:stroke-primary-gray-300":"",style:{fill:s[r],...E===s[r]?{}:{stroke:s[r]}}}),t.jsxRuntimeExports.jsx("text",{x:(r+1)*320/s.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:Wt.numberFormattingFunction(o,"NA")})]},r)),t.jsxRuntimeExports.jsx("g",{children:t.jsxRuntimeExports.jsx("rect",{onMouseOver:()=>{l(s[a.length])},onMouseLeave:()=>{l(void 0)},x:a.length*320/s.length+1,y:1,width:320/s.length-2,height:8,className:`cursor-pointer ${E===s[a.length]?"stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300":""}`,style:{fill:s[a.length],...E===s[a.length]?{}:{stroke:s[a.length]}}})})]})})]})]}):t.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start map-legend-button",onClick:()=>{ke(!0)},children:t.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),O==="button"&&t.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col zoom-buttons",children:[t.jsxRuntimeExports.jsx("button",{onClick:()=>Q("in"),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",children:"+"}),t.jsxRuntimeExports.jsx("button",{onClick:()=>Q("out"),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",children:"–"})]})]}),Y&&ie!==void 0?t.jsxRuntimeExports.jsx(Lt.DetailsModal,{body:Y,data:ie,setData:le,className:ne?.modal}):null,B&&te&&ce&&De?t.jsxRuntimeExports.jsx(At.Tooltip,{data:B,body:te,xPos:ce,yPos:De,backgroundStyle:Ie?.tooltip,className:ne?.tooltip}):null]})}function Kt(p){const e=t.compilerRuntimeExports.c(135),{data:a,mapData:s,graphTitle:F,colors:w,sources:L,graphDescription:y,height:x,width:g,footNote:$,colorDomain:te,colorLegendTitle:X,scaleType:oe,scale:ye,centerPoint:re,padding:ve,mapBorderWidth:qe,mapNoDataColor:Be,backgroundColor:b,mapBorderColor:ae,relativeHeight:f,tooltip:je,onSeriesMouseOver:Y,isWorldMap:Ie,showColorScale:ne,zoomScaleExtend:N,zoomTranslateExtend:O,graphID:S,highlightedIds:q,onSeriesMouseClick:se,mapProperty:be,graphDownload:Ee,dataDownload:T,showAntarctica:J,language:K,minHeight:Pe,theme:ze,ariaLabel:j,resetSelectionOnDoubleClick:_e,detailsOnClick:E,styles:l,classNames:m,mapProjection:We,zoomInteraction:ke,animate:ie,dimmedOpacity:le,customLayers:B,timeline:G,collapseColorScaleByDefault:ce,projectionRotate:H,zoomAndCenterByHighlightedIds:De,rewindCoordinatesInMapData:de,mapOverlay:h}=p,k=s===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json":s,Z=$===void 0?"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.":$,I=oe===void 0?"threshold":oe,V=ye===void 0?.95:ye,P=qe===void 0?.5:qe,Ce=Be===void 0?st.Colors.light.graphNoData:Be,Re=b===void 0?!1:b,we=ae===void 0?st.Colors.light.grays["gray-500"]:ae,ue=Ie===void 0?!0:Ie,z=ne===void 0?!0:ne;let pe;e[0]!==N?(pe=N===void 0?[.8,6]:N,e[0]=N,e[1]=pe):pe=e[1];const U=pe;let Q;e[2]!==q?(Q=q===void 0?[]:q,e[2]=q,e[3]=Q):Q=e[3];const o=Q,r=be===void 0?"ISO3":be,v=Ee===void 0?!1:Ee,D=T===void 0?!1:T,d=J===void 0?!1:J,Se=K===void 0?"en":K,C=Pe===void 0?0:Pe,_=ze===void 0?"light":ze,it=_e===void 0?!0:_e,lt=We===void 0?"naturalEarth":We,ct=ke===void 0?"button":ke,Ae=ie===void 0?!1:ie,dt=le===void 0?.3:le;let Fe;e[4]!==B?(Fe=B===void 0?[]:B,e[4]=B,e[5]=Fe):Fe=e[5];const ut=Fe;let Le;e[6]!==G?(Le=G===void 0?{enabled:!1,autoplay:!1,showOnlyActiveDate:!0}:G,e[6]=G,e[7]=Le):Le=e[7];const i=Le;let $e;e[8]!==H?($e=H===void 0?[0,0]:H,e[8]=H,e[9]=$e):$e=e[9];const pt=$e,mt=De===void 0?!1:De,ht=de===void 0?!0:de,[ee,Nt]=n.useState(0),[Me,Ot]=n.useState(0),[W,qt]=n.useState(i.autoplay);let Ne;if(e[10]!==a||e[11]!==i.dateFormat){let c;e[13]!==i.dateFormat?(c=R=>Rt.parse(`${R.date}`,i.dateFormat||"yyyy",new Date).getTime(),e[13]=i.dateFormat,e[14]=c):c=e[14],Ne=[...new Set(a.filter(so).map(c))],Ne.sort(no),e[10]=a,e[11]=i.dateFormat,e[12]=Ne}else Ne=e[12];const u=Ne,[A,xt]=n.useState(i.autoplay?0:u.length-1),[me,Bt]=n.useState(void 0),[gt,It]=n.useState(void 0),ft=n.useRef(null),Dt=n.useRef(null);let Te,Ge;e[15]===Symbol.for("react.memo_cache_sentinel")?(Te=()=>{const c=new ResizeObserver(R=>{Nt(R[0].target.clientWidth||620),Ot(R[0].target.clientHeight||480)});return ft.current&&c.observe(ft.current),()=>c.disconnect()},Ge=[],e[15]=Te,e[16]=Ge):(Te=e[15],Ge=e[16]),n.useEffect(Te,Ge);let He;e[17]===Symbol.for("react.memo_cache_sentinel")?(He=c=>{Bt(c)},e[17]=He):He=e[17];const Ve=n.useEffectEvent(He);let Ue;e[18]===Symbol.for("react.memo_cache_sentinel")?(Ue=c=>{It(c)},e[18]=Ue):Ue=e[18];const Oe=n.useEffectEvent(Ue);let Xe;e[19]!==k||e[20]!==Ve?(Xe=()=>{typeof k=="string"?St.fetchAndParseJSON(k).then(R=>{Ve(R)}):Ve(k)},e[19]=k,e[20]=Ve,e[21]=Xe):Xe=e[21];let Ye;e[22]!==k?(Ye=[k],e[22]=k,e[23]=Ye):Ye=e[23],n.useEffect(Xe,Ye);let Je;e[24]!==h?.mapData||e[25]!==Oe?(Je=()=>{h?.mapData||Oe(void 0),typeof h?.mapData=="string"?St.fetchAndParseJSON(h?.mapData).then(R=>{Oe(R)}):Oe(h?.mapData)},e[24]=h?.mapData,e[25]=Oe,e[26]=Je):Je=e[26];const yt=h?.mapData;let Ke;e[27]!==yt?(Ke=[yt],e[27]=yt,e[28]=Ke):Ke=e[28],n.useEffect(Je,Ke);let Ze;e[29]!==te||e[30]!==w?.length||e[31]!==a||e[32]!==I?(Ze=te||(I==="categorical"?Xt.getUniqValue(a,"x"):Yt.getJenks(a.map(ao),w?.length||4)),e[29]=te,e[30]=w?.length,e[31]=a,e[32]=I,e[33]=Ze):Ze=e[33];const Qe=Ze;let et,tt;e[34]!==W||e[35]!==i.speed||e[36]!==u?(et=()=>{const c=setInterval(()=>{xt(R=>R<u.length-1?R+1:0)},(i.speed||2)*1e3);return W||clearInterval(c),()=>clearInterval(c)},tt=[u,W,i.speed],e[34]=W,e[35]=i.speed,e[36]=u,e[37]=et,e[38]=tt):(et=e[37],tt=e[38]),n.useEffect(et,tt);const vt=i.dateFormat||"yyyy";let ot;e[39]!==A||e[40]!==vt||e[41]!==i.showOnlyActiveDate||e[42]!==u?(ot=Ct.getSliderMarks(u,A,i.showOnlyActiveDate,vt),e[39]=A,e[40]=vt,e[41]=i.showOnlyActiveDate,e[42]=u,e[43]=ot):ot=e[43];const rt=ot,jt=m?.graphContainer,bt=l?.graphContainer;let he;e[44]!==m?.description||e[45]!==m?.title||e[46]!==a||e[47]!==D||e[48]!==y||e[49]!==v||e[50]!==F||e[51]!==l?.description||e[52]!==l?.title||e[53]!==g?(he=F||y||v||D?t.jsxRuntimeExports.jsx(Ut.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:m?.title,description:m?.description},graphTitle:F,graphDescription:y,width:g,graphDownload:v?Dt:void 0,dataDownload:D?a.map(ro).filter(oo).length>0?a.map(to).filter(eo):a.filter(Qt):null}):null,e[44]=m?.description,e[45]=m?.title,e[46]=a,e[47]=D,e[48]=y,e[49]=v,e[50]=F,e[51]=l?.description,e[52]=l?.title,e[53]=g,e[54]=he):he=e[54];let xe;e[55]!==A||e[56]!==rt||e[57]!==W||e[58]!==i.enabled||e[59]!==u?(xe=i.enabled&&u.length>0&&rt?t.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[t.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{qt(!W)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":W?"Click to pause animation":"Click to play animation",children:W?t.jsxRuntimeExports.jsx(kt.Pause,{}):t.jsxRuntimeExports.jsx(kt.Play,{})}),t.jsxRuntimeExports.jsx(Ct.Nr,{min:u[0],max:u[u.length-1],marks:rt,step:null,defaultValue:u[u.length-1],value:u[A],onChangeComplete:c=>{xt(u.indexOf(c))},onChange:c=>{xt(u.indexOf(c))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e[55]=A,e[56]=rt,e[57]=W,e[58]=i.enabled,e[59]=u,e[60]=xe):xe=e[60];let ge;e[61]!==Ae||e[62]!==re||e[63]!==m||e[64]!==ce||e[65]!==X||e[66]!==w||e[67]!==ut||e[68]!==a||e[69]!==E||e[70]!==dt||e[71]!==Qe||e[72]!==x||e[73]!==o||e[74]!==A||e[75]!==ue||e[76]!==we||e[77]!==P||e[78]!==Ce||e[79]!==h?.mapBorderColor||e[80]!==h?.mapBorderWidth||e[81]!==lt||e[82]!==r||e[83]!==me||e[84]!==C||e[85]!==se||e[86]!==Y||e[87]!==gt||e[88]!==pt||e[89]!==f||e[90]!==it||e[91]!==ht||e[92]!==V||e[93]!==I||e[94]!==d||e[95]!==z||e[96]!==l||e[97]!==Me||e[98]!==ee||e[99]!==_||e[100]!==i.dateFormat||e[101]!==i.enabled||e[102]!==je||e[103]!==u||e[104]!==g||e[105]!==mt||e[106]!==ct||e[107]!==U||e[108]!==O?(ge=t.jsxRuntimeExports.jsx(Mt.GraphArea,{ref:ft,children:ee&&Me&&me?t.jsxRuntimeExports.jsx(Jt,{data:a.filter(c=>i.enabled?`${c.date}`===Rt.format(new Date(u[A]),i.dateFormat||"yyyy"):c),mapData:d?me:{...me,features:me.features.filter(Zt)},colorDomain:Qe,width:ee,height:Me,scale:V,centerPoint:re,colors:w||(I==="categorical"?st.Colors[_].categoricalColors.colors:st.Colors[_].sequentialColors[`neutralColorsx0${Qe.length+1}`]),colorLegendTitle:X,mapBorderWidth:P,mapNoDataColor:Ce,categorical:I==="categorical",mapBorderColor:we,tooltip:je,onSeriesMouseOver:Y,isWorldMap:ue,showColorScale:z,zoomScaleExtend:U,zoomTranslateExtend:O,onSeriesMouseClick:se,mapProperty:r,highlightedIds:o,resetSelectionOnDoubleClick:it,styles:l,overlayMapData:gt,overlayMapBorderColor:h?.mapBorderColor,overlayMapBorderWidth:h?.mapBorderWidth,classNames:m,detailsOnClick:E,mapProjection:lt||(ue?"naturalEarth":"mercator"),zoomInteraction:ct,dimmedOpacity:dt,animate:Ae===!0?{duration:.5,once:!0,amount:.5}:Ae||{duration:0,once:!0,amount:0},customLayers:ut,zoomAndCenterByHighlightedIds:mt,collapseColorScaleByDefault:ce,projectionRotate:pt,rewindCoordinatesInMapData:ht}):t.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(C,x||(f?C?(g||ee)*f>C?(g||ee)*f:C:(g||ee)*f:Me))}px`},className:"flex items-center justify-center",children:t.jsxRuntimeExports.jsx(Pt.w,{"aria-label":"Loading graph"})})}),e[61]=Ae,e[62]=re,e[63]=m,e[64]=ce,e[65]=X,e[66]=w,e[67]=ut,e[68]=a,e[69]=E,e[70]=dt,e[71]=Qe,e[72]=x,e[73]=o,e[74]=A,e[75]=ue,e[76]=we,e[77]=P,e[78]=Ce,e[79]=h?.mapBorderColor,e[80]=h?.mapBorderWidth,e[81]=lt,e[82]=r,e[83]=me,e[84]=C,e[85]=se,e[86]=Y,e[87]=gt,e[88]=pt,e[89]=f,e[90]=it,e[91]=ht,e[92]=V,e[93]=I,e[94]=d,e[95]=z,e[96]=l,e[97]=Me,e[98]=ee,e[99]=_,e[100]=i.dateFormat,e[101]=i.enabled,e[102]=je,e[103]=u,e[104]=g,e[105]=mt,e[106]=ct,e[107]=U,e[108]=O,e[109]=ge):ge=e[109];let fe;e[110]!==m?.footnote||e[111]!==m?.source||e[112]!==Z||e[113]!==L||e[114]!==l?.footnote||e[115]!==l?.source||e[116]!==g?(fe=L||Z?t.jsxRuntimeExports.jsx(Vt.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:m?.footnote,source:m?.source},sources:L,footNote:Z,width:g}):null,e[110]=m?.footnote,e[111]=m?.source,e[112]=Z,e[113]=L,e[114]=l?.footnote,e[115]=l?.source,e[116]=g,e[117]=fe):fe=e[117];let at;return e[118]!==j||e[119]!==Re||e[120]!==S||e[121]!==x||e[122]!==Se||e[123]!==C||e[124]!==ve||e[125]!==f||e[126]!==jt||e[127]!==bt||e[128]!==he||e[129]!==xe||e[130]!==ge||e[131]!==fe||e[132]!==_||e[133]!==g?(at=t.jsxRuntimeExports.jsxs(Mt.GraphContainer,{className:jt,style:bt,id:S,ref:Dt,"aria-label":j,backgroundColor:Re,theme:_,language:Se,minHeight:C,width:g,height:x,relativeHeight:f,padding:ve,children:[he,xe,ge,fe]}),e[118]=j,e[119]=Re,e[120]=S,e[121]=x,e[122]=Se,e[123]=C,e[124]=ve,e[125]=f,e[126]=jt,e[127]=bt,e[128]=he,e[129]=xe,e[130]=ge,e[131]=fe,e[132]=_,e[133]=g,e[134]=at):at=e[134],at}function Zt(p){return p.properties.NAME!=="Antarctica"}function Qt(p){return p!==void 0}function eo(p){return p!==void 0}function to(p){return p.data}function oo(p){return p!==void 0}function ro(p){return p.data}function ao(p){return p.x}function no(p,e){return p-e}function so(p){return p.date}exports.ChoroplethMap=Kt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CHPV5EwG-6v2a2njQ.cjs"),n=require("react"),Ct=require("./getSliderMarks-CIuSoedo.cjs"),Pt=require("./Spinner-jTMOLuw_.cjs"),Rt=require("./parse-xYI9yrvL.cjs"),zt=require("./index-DQA8q5sC.cjs"),M=require("./index-DLFt97gy.cjs"),wt=require("./Typography-CZZxlj1W.cjs"),_t=require("./index-C5K--w8d.cjs"),Wt=require("./numberFormattingFunction-02t-wJta.cjs"),At=require("./Tooltip-BLa2EfMs.cjs"),Ft=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),kt=require("./index-sbKVyHS2.cjs"),Lt=require("./DetailsModal-DIRTulvr.cjs"),$t=require("./ordinal-CrsysVE-.cjs"),Tt=require("./threshold-DNsSUf8Q.cjs"),Et=require("./select-Bnfk0lJx.cjs"),nt=require("./proxy-C4-uo6nS.cjs"),Gt=require("./use-in-view-C3o_ntMv.cjs"),Ht=require("./index-CoobIWNj.cjs"),Vt=require("./GraphFooter.cjs"),Ut=require("./GraphHeader.cjs"),st=require("./Colors.cjs"),St=require("./fetchAndParseData-QTF6tjij.cjs"),Xt=require("./getUniqValue-NX8DgwND.cjs"),Yt=require("./getJenks-BzJvhy_H.cjs"),Mt=require("./GraphContainer-B1EDxJ0S.cjs");function Jt(p){const{data:e,colorDomain:a,colors:s,mapData:F,colorLegendTitle:w,categorical:L,height:y,width:x,scale:g,centerPoint:$,tooltip:te,mapBorderWidth:X,mapBorderColor:oe,mapNoDataColor:ye,onSeriesMouseOver:re,showColorScale:ve,zoomScaleExtend:qe,zoomTranslateExtend:Be,highlightedIds:b,onSeriesMouseClick:ae,mapProperty:f,resetSelectionOnDoubleClick:je,detailsOnClick:Y,styles:Ie,classNames:ne,mapProjection:N,zoomInteraction:O,animate:S,dimmedOpacity:q,customLayers:se,collapseColorScaleByDefault:be,zoomAndCenterByHighlightedIds:Ee,projectionRotate:T,rewindCoordinatesInMapData:J,overlayMapData:K,overlayMapBorderColor:Pe,overlayMapBorderWidth:ze}=p,j=n.useMemo(()=>J?M.index_default(F,{reverse:!0}):F,[F,J]),_e=n.useMemo(()=>!J||!K?K:M.index_default(K,{reverse:!0}),[K,J]),[E,l]=n.useState(void 0),m=n.useRef(null),[We,ke]=n.useState(be===void 0?!(x<680):!be),[ie,le]=n.useState(void 0),[B,G]=n.useState(void 0),[ce,H]=n.useState(void 0),[De,de]=n.useState(void 0),h=n.useRef(null),k=Gt.useInView(h,{once:S.once,amount:S.amount}),Z=n.useRef(null),I=L?$t.ordinal().domain(a).range(s):Tt.threshold().domain(a).range(s);n.useEffect(()=>{const o=Et.select(Z.current),r=Et.select(h.current),v=d=>{if(O==="noZoom")return!1;if(O==="button")return!d.type.includes("wheel");const Se=d.type==="wheel",C=d.type.startsWith("touch"),_=d.type==="mousedown"||d.type==="mousemove";return C?!0:Se?O==="scroll"?!0:d.ctrlKey:_&&!d.button&&!d.ctrlKey},D=M.zoom().scaleExtent(qe).translateExtent(Be||[[-20,-20],[x+20,y+20]]).filter(v).on("zoom",({transform:d})=>{o.attr("transform",d)});r.call(D),m.current=D},[y,x,O]);const V=M.index_default$1({...j,features:Ee?j.features.filter(o=>(b||[]).length===0||b.indexOf(o.properties[f])!==-1):j.features}),P=_t.index_default({...j,features:Ee?j.features.filter(o=>(b||[]).length===0||b.indexOf(o.properties[f])!==-1):j.features}),Ce=(V[2]-V[0])*1.15,Re=(V[3]-V[1])*1.15,we=x*190/960*360/Ce,ue=y*190/678*180/Re,z=g*Math.min(we,ue),pe=N==="mercator"?M.geoMercator().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):N==="equalEarth"?M.geoEqualEarth().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):N==="naturalEarth"?M.geoNaturalEarth1().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):N==="orthographic"?M.geoOrthographic().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z):M.geoAlbersUsa().rotate(T).center($||P.geometry.coordinates).translate([x/2,y/2]).scale(z),U=M.geoPath().projection(pe),Q=o=>{if(!h.current||!m.current)return;Et.select(h.current).call(m.current.scaleBy,o==="in"?1.2:1/1.2)};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:"relative",children:[t.jsxRuntimeExports.jsx(nt.motion.svg,{width:`${x}px`,height:`${y}px`,viewBox:`0 0 ${x} ${y}`,ref:h,direction:"ltr",children:t.jsxRuntimeExports.jsxs("g",{ref:Z,children:[se.filter(o=>o.position==="before").map(o=>o.layer),j.features.map((o,r)=>{if(!o.properties?.[f])return null;const v=U(o);return v?t.jsxRuntimeExports.jsx(nt.motion.g,{opacity:E?q:b.length!==0?b.indexOf(o.properties[f])!==-1?1:q:1,children:t.jsxRuntimeExports.jsx("path",{d:v,style:{stroke:oe,strokeWidth:X,fill:ye,vectorEffect:"non-scaling-stroke"}})},r):null}),t.jsxRuntimeExports.jsx(Ht.AnimatePresence,{children:e.map(o=>{const r=j.features.findIndex(d=>o.id===d.properties[f]);if(r===-1)return null;const v=U(j.features[r]);if(!v)return null;const D=Ft.checkIfNullOrUndefined(o.x)?ye:I(o.x);return t.jsxRuntimeExports.jsx(nt.motion.g,{className:"undp-map-shapes",variants:{initial:{opacity:0},whileInView:{opacity:E?E===D?1:q:b.length!==0?b.indexOf(o.id)!==-1?1:q:1,transition:{duration:S.duration}}},initial:"initial",animate:k?"whileInView":"initial",exit:{opacity:0,transition:{duration:S.duration}},onMouseEnter:d=>{G(o),de(d.clientY),H(d.clientX),re?.(o)},onMouseMove:d=>{G(o),de(d.clientY),H(d.clientX)},onMouseLeave:()=>{G(void 0),H(void 0),de(void 0),re?.(void 0)},onClick:()=>{(ae||Y)&&(zt.isEqual(ie,o)&&je?(le(void 0),ae?.(void 0)):(le(o),ae?.(o)))},children:t.jsxRuntimeExports.jsx(nt.motion.path,{d:v,variants:{initial:{fill:D,opacity:0},whileInView:{fill:D,opacity:1,transition:{duration:S.duration}}},initial:"initial",animate:k?"whileInView":"initial",exit:{opacity:0,transition:{duration:S.duration}},style:{stroke:oe,strokeWidth:X,vectorEffect:"non-scaling-stroke"}},`${o.id}`)},o.id)})}),B?j.features.filter(o=>o.properties[f]===B.id).map((o,r)=>t.jsxRuntimeExports.jsx("path",{d:U(o)||"",className:"stroke-primary-gray-700 dark:stroke-primary-gray-300",style:{fill:"none",fillOpacity:0,strokeWidth:"0.5",vectorEffect:"non-scaling-stroke"}},r)):null,_e?.features.map((o,r)=>{const v=U(o);return v?t.jsxRuntimeExports.jsx("g",{children:t.jsxRuntimeExports.jsx("path",{d:v,style:{stroke:Pe||oe,strokeWidth:ze||X+1,fill:"none",pointerEvents:"none",vectorEffect:"non-scaling-stroke"}})},r):null}),se.filter(o=>o.position==="after").map(o=>o.layer)]})}),ve===!1?null:t.jsxRuntimeExports.jsx("div",{className:t.mo("absolute left-4 bottom-4 map-color-legend",ne?.colorLegend),children:We?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{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]",onClick:()=>{ke(!1)},children:t.jsxRuntimeExports.jsx(kt.X,{})}),t.jsxRuntimeExports.jsxs("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",style:{width:L?void 0:"340px"},children:[w&&w!==""?t.jsxRuntimeExports.jsx(wt._,{size:"xs",marginBottom:"xs",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:w}):null,L?t.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:a.map((o,r)=>t.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{l(s[r%s.length])},onMouseLeave:()=>{l(void 0)},children:[t.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:s[r%s.length]}}),t.jsxRuntimeExports.jsx(wt._,{size:"sm",marginBottom:"none",leading:"none",children:o})]},r))}):t.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:t.jsxRuntimeExports.jsxs("g",{children:[a.map((o,r)=>t.jsxRuntimeExports.jsxs("g",{onMouseOver:()=>{l(s[r])},onMouseLeave:()=>{l(void 0)},className:"cursor-pointer",children:[t.jsxRuntimeExports.jsx("rect",{x:r*320/s.length+1,y:1,width:320/s.length-2,height:8,className:E===s[r]?"stroke-primary-gray-700 dark:stroke-primary-gray-300":"",style:{fill:s[r],...E===s[r]?{}:{stroke:s[r]}}}),t.jsxRuntimeExports.jsx("text",{x:(r+1)*320/s.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:Wt.numberFormattingFunction(o,"NA")})]},r)),t.jsxRuntimeExports.jsx("g",{children:t.jsxRuntimeExports.jsx("rect",{onMouseOver:()=>{l(s[a.length])},onMouseLeave:()=>{l(void 0)},x:a.length*320/s.length+1,y:1,width:320/s.length-2,height:8,className:`cursor-pointer ${E===s[a.length]?"stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300":""}`,style:{fill:s[a.length],...E===s[a.length]?{}:{stroke:s[a.length]}}})})]})})]})]}):t.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start map-legend-button",onClick:()=>{ke(!0)},children:t.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),O==="button"&&t.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col zoom-buttons",children:[t.jsxRuntimeExports.jsx("button",{onClick:()=>Q("in"),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",children:"+"}),t.jsxRuntimeExports.jsx("button",{onClick:()=>Q("out"),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",children:"–"})]})]}),Y&&ie!==void 0?t.jsxRuntimeExports.jsx(Lt.DetailsModal,{body:Y,data:ie,setData:le,className:ne?.modal}):null,B&&te&&ce&&De?t.jsxRuntimeExports.jsx(At.Tooltip,{data:B,body:te,xPos:ce,yPos:De,backgroundStyle:Ie?.tooltip,className:ne?.tooltip}):null]})}function Kt(p){const e=t.compilerRuntimeExports.c(135),{data:a,mapData:s,graphTitle:F,colors:w,sources:L,graphDescription:y,height:x,width:g,footNote:$,colorDomain:te,colorLegendTitle:X,scaleType:oe,scale:ye,centerPoint:re,padding:ve,mapBorderWidth:qe,mapNoDataColor:Be,backgroundColor:b,mapBorderColor:ae,relativeHeight:f,tooltip:je,onSeriesMouseOver:Y,isWorldMap:Ie,showColorScale:ne,zoomScaleExtend:N,zoomTranslateExtend:O,graphID:S,highlightedIds:q,onSeriesMouseClick:se,mapProperty:be,graphDownload:Ee,dataDownload:T,showAntarctica:J,language:K,minHeight:Pe,theme:ze,ariaLabel:j,resetSelectionOnDoubleClick:_e,detailsOnClick:E,styles:l,classNames:m,mapProjection:We,zoomInteraction:ke,animate:ie,dimmedOpacity:le,customLayers:B,timeline:G,collapseColorScaleByDefault:ce,projectionRotate:H,zoomAndCenterByHighlightedIds:De,rewindCoordinatesInMapData:de,mapOverlay:h}=p,k=s===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json":s,Z=$===void 0?"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.":$,I=oe===void 0?"threshold":oe,V=ye===void 0?.95:ye,P=qe===void 0?.5:qe,Ce=Be===void 0?st.Colors.light.graphNoData:Be,Re=b===void 0?!1:b,we=ae===void 0?st.Colors.light.grays["gray-500"]:ae,ue=Ie===void 0?!0:Ie,z=ne===void 0?!0:ne;let pe;e[0]!==N?(pe=N===void 0?[.8,6]:N,e[0]=N,e[1]=pe):pe=e[1];const U=pe;let Q;e[2]!==q?(Q=q===void 0?[]:q,e[2]=q,e[3]=Q):Q=e[3];const o=Q,r=be===void 0?"ISO3":be,v=Ee===void 0?!1:Ee,D=T===void 0?!1:T,d=J===void 0?!1:J,Se=K===void 0?"en":K,C=Pe===void 0?0:Pe,_=ze===void 0?"light":ze,it=_e===void 0?!0:_e,lt=We===void 0?"naturalEarth":We,ct=ke===void 0?"button":ke,Ae=ie===void 0?!1:ie,dt=le===void 0?.3:le;let Fe;e[4]!==B?(Fe=B===void 0?[]:B,e[4]=B,e[5]=Fe):Fe=e[5];const ut=Fe;let Le;e[6]!==G?(Le=G===void 0?{enabled:!1,autoplay:!1,showOnlyActiveDate:!0}:G,e[6]=G,e[7]=Le):Le=e[7];const i=Le;let $e;e[8]!==H?($e=H===void 0?[0,0]:H,e[8]=H,e[9]=$e):$e=e[9];const pt=$e,mt=De===void 0?!1:De,ht=de===void 0?!0:de,[ee,Nt]=n.useState(0),[Me,Ot]=n.useState(0),[W,qt]=n.useState(i.autoplay);let Ne;if(e[10]!==a||e[11]!==i.dateFormat){let c;e[13]!==i.dateFormat?(c=R=>Rt.parse(`${R.date}`,i.dateFormat||"yyyy",new Date).getTime(),e[13]=i.dateFormat,e[14]=c):c=e[14],Ne=[...new Set(a.filter(so).map(c))],Ne.sort(no),e[10]=a,e[11]=i.dateFormat,e[12]=Ne}else Ne=e[12];const u=Ne,[A,xt]=n.useState(i.autoplay?0:u.length-1),[me,Bt]=n.useState(void 0),[gt,It]=n.useState(void 0),ft=n.useRef(null),Dt=n.useRef(null);let Te,Ge;e[15]===Symbol.for("react.memo_cache_sentinel")?(Te=()=>{const c=new ResizeObserver(R=>{Nt(R[0].target.clientWidth||620),Ot(R[0].target.clientHeight||480)});return ft.current&&c.observe(ft.current),()=>c.disconnect()},Ge=[],e[15]=Te,e[16]=Ge):(Te=e[15],Ge=e[16]),n.useEffect(Te,Ge);let He;e[17]===Symbol.for("react.memo_cache_sentinel")?(He=c=>{Bt(c)},e[17]=He):He=e[17];const Ve=n.useEffectEvent(He);let Ue;e[18]===Symbol.for("react.memo_cache_sentinel")?(Ue=c=>{It(c)},e[18]=Ue):Ue=e[18];const Oe=n.useEffectEvent(Ue);let Xe;e[19]!==k||e[20]!==Ve?(Xe=()=>{typeof k=="string"?St.fetchAndParseJSON(k).then(R=>{Ve(R)}):Ve(k)},e[19]=k,e[20]=Ve,e[21]=Xe):Xe=e[21];let Ye;e[22]!==k?(Ye=[k],e[22]=k,e[23]=Ye):Ye=e[23],n.useEffect(Xe,Ye);let Je;e[24]!==h?.mapData||e[25]!==Oe?(Je=()=>{h?.mapData||Oe(void 0),typeof h?.mapData=="string"?St.fetchAndParseJSON(h?.mapData).then(R=>{Oe(R)}):Oe(h?.mapData)},e[24]=h?.mapData,e[25]=Oe,e[26]=Je):Je=e[26];const yt=h?.mapData;let Ke;e[27]!==yt?(Ke=[yt],e[27]=yt,e[28]=Ke):Ke=e[28],n.useEffect(Je,Ke);let Ze;e[29]!==te||e[30]!==w?.length||e[31]!==a||e[32]!==I?(Ze=te||(I==="categorical"?Xt.getUniqValue(a,"x"):Yt.getJenks(a.map(ao),w?.length||4)),e[29]=te,e[30]=w?.length,e[31]=a,e[32]=I,e[33]=Ze):Ze=e[33];const Qe=Ze;let et,tt;e[34]!==W||e[35]!==i.speed||e[36]!==u?(et=()=>{const c=setInterval(()=>{xt(R=>R<u.length-1?R+1:0)},(i.speed||2)*1e3);return W||clearInterval(c),()=>clearInterval(c)},tt=[u,W,i.speed],e[34]=W,e[35]=i.speed,e[36]=u,e[37]=et,e[38]=tt):(et=e[37],tt=e[38]),n.useEffect(et,tt);const vt=i.dateFormat||"yyyy";let ot;e[39]!==A||e[40]!==vt||e[41]!==i.showOnlyActiveDate||e[42]!==u?(ot=Ct.getSliderMarks(u,A,i.showOnlyActiveDate,vt),e[39]=A,e[40]=vt,e[41]=i.showOnlyActiveDate,e[42]=u,e[43]=ot):ot=e[43];const rt=ot,jt=m?.graphContainer,bt=l?.graphContainer;let he;e[44]!==m?.description||e[45]!==m?.title||e[46]!==a||e[47]!==D||e[48]!==y||e[49]!==v||e[50]!==F||e[51]!==l?.description||e[52]!==l?.title||e[53]!==g?(he=F||y||v||D?t.jsxRuntimeExports.jsx(Ut.GraphHeader,{styles:{title:l?.title,description:l?.description},classNames:{title:m?.title,description:m?.description},graphTitle:F,graphDescription:y,width:g,graphDownload:v?Dt:void 0,dataDownload:D?a.map(ro).filter(oo).length>0?a.map(to).filter(eo):a.filter(Qt):null}):null,e[44]=m?.description,e[45]=m?.title,e[46]=a,e[47]=D,e[48]=y,e[49]=v,e[50]=F,e[51]=l?.description,e[52]=l?.title,e[53]=g,e[54]=he):he=e[54];let xe;e[55]!==A||e[56]!==rt||e[57]!==W||e[58]!==i.enabled||e[59]!==u?(xe=i.enabled&&u.length>0&&rt?t.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[t.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{qt(!W)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":W?"Click to pause animation":"Click to play animation",children:W?t.jsxRuntimeExports.jsx(kt.Pause,{}):t.jsxRuntimeExports.jsx(kt.Play,{})}),t.jsxRuntimeExports.jsx(Ct.Nr,{min:u[0],max:u[u.length-1],marks:rt,step:null,defaultValue:u[u.length-1],value:u[A],onChangeComplete:c=>{xt(u.indexOf(c))},onChange:c=>{xt(u.indexOf(c))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e[55]=A,e[56]=rt,e[57]=W,e[58]=i.enabled,e[59]=u,e[60]=xe):xe=e[60];let ge;e[61]!==Ae||e[62]!==re||e[63]!==m||e[64]!==ce||e[65]!==X||e[66]!==w||e[67]!==ut||e[68]!==a||e[69]!==E||e[70]!==dt||e[71]!==Qe||e[72]!==x||e[73]!==o||e[74]!==A||e[75]!==ue||e[76]!==we||e[77]!==P||e[78]!==Ce||e[79]!==h?.mapBorderColor||e[80]!==h?.mapBorderWidth||e[81]!==lt||e[82]!==r||e[83]!==me||e[84]!==C||e[85]!==se||e[86]!==Y||e[87]!==gt||e[88]!==pt||e[89]!==f||e[90]!==it||e[91]!==ht||e[92]!==V||e[93]!==I||e[94]!==d||e[95]!==z||e[96]!==l||e[97]!==Me||e[98]!==ee||e[99]!==_||e[100]!==i.dateFormat||e[101]!==i.enabled||e[102]!==je||e[103]!==u||e[104]!==g||e[105]!==mt||e[106]!==ct||e[107]!==U||e[108]!==O?(ge=t.jsxRuntimeExports.jsx(Mt.GraphArea,{ref:ft,children:ee&&Me&&me?t.jsxRuntimeExports.jsx(Jt,{data:a.filter(c=>i.enabled?`${c.date}`===Rt.format(new Date(u[A]),i.dateFormat||"yyyy"):c),mapData:d?me:{...me,features:me.features.filter(Zt)},colorDomain:Qe,width:ee,height:Me,scale:V,centerPoint:re,colors:w||(I==="categorical"?st.Colors[_].categoricalColors.colors:st.Colors[_].sequentialColors[`neutralColorsx0${Qe.length+1}`]),colorLegendTitle:X,mapBorderWidth:P,mapNoDataColor:Ce,categorical:I==="categorical",mapBorderColor:we,tooltip:je,onSeriesMouseOver:Y,isWorldMap:ue,showColorScale:z,zoomScaleExtend:U,zoomTranslateExtend:O,onSeriesMouseClick:se,mapProperty:r,highlightedIds:o,resetSelectionOnDoubleClick:it,styles:l,overlayMapData:gt,overlayMapBorderColor:h?.mapBorderColor,overlayMapBorderWidth:h?.mapBorderWidth,classNames:m,detailsOnClick:E,mapProjection:lt||(ue?"naturalEarth":"mercator"),zoomInteraction:ct,dimmedOpacity:dt,animate:Ae===!0?{duration:.5,once:!0,amount:.5}:Ae||{duration:0,once:!0,amount:0},customLayers:ut,zoomAndCenterByHighlightedIds:mt,collapseColorScaleByDefault:ce,projectionRotate:pt,rewindCoordinatesInMapData:ht}):t.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(C,x||(f?C?(g||ee)*f>C?(g||ee)*f:C:(g||ee)*f:Me))}px`},className:"flex items-center justify-center",children:t.jsxRuntimeExports.jsx(Pt.w,{"aria-label":"Loading graph"})})}),e[61]=Ae,e[62]=re,e[63]=m,e[64]=ce,e[65]=X,e[66]=w,e[67]=ut,e[68]=a,e[69]=E,e[70]=dt,e[71]=Qe,e[72]=x,e[73]=o,e[74]=A,e[75]=ue,e[76]=we,e[77]=P,e[78]=Ce,e[79]=h?.mapBorderColor,e[80]=h?.mapBorderWidth,e[81]=lt,e[82]=r,e[83]=me,e[84]=C,e[85]=se,e[86]=Y,e[87]=gt,e[88]=pt,e[89]=f,e[90]=it,e[91]=ht,e[92]=V,e[93]=I,e[94]=d,e[95]=z,e[96]=l,e[97]=Me,e[98]=ee,e[99]=_,e[100]=i.dateFormat,e[101]=i.enabled,e[102]=je,e[103]=u,e[104]=g,e[105]=mt,e[106]=ct,e[107]=U,e[108]=O,e[109]=ge):ge=e[109];let fe;e[110]!==m?.footnote||e[111]!==m?.source||e[112]!==Z||e[113]!==L||e[114]!==l?.footnote||e[115]!==l?.source||e[116]!==g?(fe=L||Z?t.jsxRuntimeExports.jsx(Vt.GraphFooter,{styles:{footnote:l?.footnote,source:l?.source},classNames:{footnote:m?.footnote,source:m?.source},sources:L,footNote:Z,width:g}):null,e[110]=m?.footnote,e[111]=m?.source,e[112]=Z,e[113]=L,e[114]=l?.footnote,e[115]=l?.source,e[116]=g,e[117]=fe):fe=e[117];let at;return e[118]!==j||e[119]!==Re||e[120]!==S||e[121]!==x||e[122]!==Se||e[123]!==C||e[124]!==ve||e[125]!==f||e[126]!==jt||e[127]!==bt||e[128]!==he||e[129]!==xe||e[130]!==ge||e[131]!==fe||e[132]!==_||e[133]!==g?(at=t.jsxRuntimeExports.jsxs(Mt.GraphContainer,{className:jt,style:bt,id:S,ref:Dt,"aria-label":j,backgroundColor:Re,theme:_,language:Se,minHeight:C,width:g,height:x,relativeHeight:f,padding:ve,children:[he,xe,ge,fe]}),e[118]=j,e[119]=Re,e[120]=S,e[121]=x,e[122]=Se,e[123]=C,e[124]=ve,e[125]=f,e[126]=jt,e[127]=bt,e[128]=he,e[129]=xe,e[130]=ge,e[131]=fe,e[132]=_,e[133]=g,e[134]=at):at=e[134],at}function Zt(p){return p.properties?.NAME!=="Antarctica"}function Qt(p){return p!==void 0}function eo(p){return p!==void 0}function to(p){return p.data}function oo(p){return p!==void 0}function ro(p){return p.data}function ao(p){return p.x}function no(p,e){return p-e}function so(p){return p.date}exports.ChoroplethMap=Kt;
 //# sourceMappingURL=ChoroplethMap.cjs.map