@undp/data-viz 2.5.4 → 2.6.1

package/dist/HybridMap-D_faTI4N.js.map

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

package/dist/HybridMap.cjs

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

package/dist/HybridMap.d.ts

@@ -1,236 +1,2 @@
-import { FeatureCollection } from 'geojson';
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AnimateDataType {
-    duration: number;
-    once: boolean;
-    amount: 'some' | 'all' | number;
-}
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-declare interface CustomLayerDataType {
-    position: 'before' | 'after';
-    layer: React.ReactNode;
-}
-
-export declare function HybridMap(props: Props): JSX.Element;
-
-declare interface HybridMapDataType {
-    lat?: number;
-    long?: number;
-    x?: number | string | null;
-    id?: string;
-    radius?: number;
-    label?: string | number;
-    date?: string | number;
-    data?: object;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface MapOverlayDataType {
-    mapData: FeatureCollection | string;
-    mapBorderWidth?: number;
-    mapBorderColor?: string;
-}
-
-declare type MapProjectionTypes = 'mercator' | 'equalEarth' | 'naturalEarth' | 'orthographic' | 'albersUSA';
-
-declare interface NumberFormatOptions {
-    locale?: string;
-    precision?: number;
-    prefix?: string;
-    suffix?: string;
-    padZeros?: boolean;
-}
-
-declare interface Props {
-    /** Array of data objects for dot density map*/
-    data: HybridMapDataType[];
-    /** Title of the graph */
-    graphTitle?: string | React.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | React.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | React.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** Color or array of colors for the circle */
-    colors?: string[];
-    /** Domain of colors for the graph for the choropleth map */
-    colorDomain?: number[] | string[];
-    /** Title for the legend for the dot density scale */
-    dotLegendTitle?: string;
-    /** Title for the color legend for the color scale */
-    mapColorLegendTitle?: string;
-    /** Color for the areas where data is no available */
-    mapNoDataColor?: string;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** Width of the graph */
-    width?: number;
-    /** Height of the graph */
-    height?: number;
-    /** Minimum height of the graph */
-    minHeight?: number;
-    /** Relative height scaling factor. This overwrites the height props */
-    relativeHeight?: number;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** Maximum radius of the circle */
-    radius?: number;
-    /** Map data as an object in geoJson format or a url for geoJson */
-    mapData?: FeatureCollection | string;
-    /** Detail if any other map needs to be overlayed over the main map */
-    mapOverlay?: MapOverlayDataType;
-    /** 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. */
-    rewindCoordinatesInMapData?: boolean;
-    /** Scaling factor for the map. Multiplies the scale number to scale. */
-    scale?: number;
-    /** Center point of the map */
-    centerPoint?: [number, number];
-    /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */
-    projectionRotate?: [number, number] | [number, number, number];
-    /** Defines the zoom mode for the map */
-    zoomInteraction?: ZoomInteractionTypes;
-    /** Stroke width of the regions in the map */
-    mapBorderWidth?: number;
-    /** Stroke color of the regions in the map */
-    mapBorderColor?: string;
-    /** Color of the dots in the dot density map */
-    dotColor?: string;
-    /** Border color of the dots in the dot density map */
-    dotBorderColor?: string;
-    /** Color of the labels */
-    labelColor?: string;
-    /** Toggle if the map is a world map */
-    isWorldMap?: boolean;
-    /** Scale for the colors of the choropleth map */
-    choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;
-    /** Map projection type */
-    mapProjection?: MapProjectionTypes;
-    /** Extend of the allowed zoom in the map */
-    zoomScaleExtend?: [number, number];
-    /** Extend of the allowed panning in the map */
-    zoomTranslateExtend?: [[number, number], [number, number]];
-    /** Toggle visibility of labels */
-    showLabels?: boolean;
-    /** Maximum value mapped to the radius chart */
-    maxRadiusValue?: number;
-    /** Countries or regions to be highlighted */
-    highlightedIds?: string[];
-    /** Data points to highlight. Use the label value from data to highlight the data point */
-    highlightedDataPoints?: (string | number)[];
-    /** Defines the opacity of the non-highlighted data */
-    dimmedOpacity?: number;
-    /** Toggles if the graph animates in when loaded.  */
-    animate?: boolean | AnimateDataType;
-    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
-    showColorScale?: boolean;
-    /** Toggle if color scale is collapsed by default. */
-    collapseColorScaleByDefault?: boolean;
-    /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */
-    showAntarctica?: boolean;
-    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
-    customLayers?: CustomLayerDataType[];
-    /** Property in the property object in mapData geoJson object is used to match to the id in the data object */
-    mapProperty?: string;
-    /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */
-    timeline?: TimelineDataType;
-    /** Configuration options for controlling number formatting, localization, precision, and zero padding. */
-    numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;
-    /** Enable graph download option as png */
-    graphDownload?: boolean;
-    /** Enable data download option as a csv */
-    dataDownload?: boolean;
-    /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */
-    resetSelectionOnDoubleClick?: boolean;
-    /** 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 */
-    tooltip?: string | ((_d: any) => React.ReactNode);
-    /** 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 */
-    detailsOnClick?: string | ((_d: any) => React.ReactNode);
-    /** Callback for mouse over event */
-    onSeriesMouseOver?: (_d: any) => void;
-    /** Callback for mouse click event */
-    onSeriesMouseClick?: (_d: any) => void;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-declare type ScaleDataType = 'categorical' | 'linear' | 'threshold';
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-declare interface TimelineDataType {
-    autoplay: boolean;
-    enabled: boolean;
-    showOnlyActiveDate: boolean;
-    speed?: number;
-    dateFormat?: string;
-}
-
-declare type ZoomInteractionTypes = 'scroll' | 'ctrlScroll' | 'button' | 'noZoom';
-
-export { }
+export * from './Components/Graphs/Maps/HybridMap/index'
+export {}