@undp/data-viz 2.5.4 → 2.6.1

package/dist/BiVariateMap-DXLWC3wL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BiVariateMap-DXLWC3wL.cjs","names":[],"sources":["../src/Components/Graphs/Maps/BiVariateMap/Graph.tsx","../src/Components/Graphs/Maps/BiVariateMap/index.tsx"],"sourcesContent":["import bbox from '@turf/bbox';\nimport centerOfMass from '@turf/center-of-mass';\nimport rewind from '@turf/rewind';\nimport { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\nimport {\n  geoAlbersUsa,\n  geoEqualEarth,\n  geoMercator,\n  geoNaturalEarth1,\n  geoOrthographic,\n  geoPath,\n} from 'd3-geo';\nimport { 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  BivariateMapDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  MapProjectionTypes,\n  NumberFormatOptions,\n  StyleObject,\n  ZoomInteractionTypes,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: BivariateMapDataType[];\n  mapData: FeatureCollection;\n  xDomain: number[];\n  yDomain: number[];\n  width: number;\n  height: number;\n  colors: string[][];\n  xColorLegendTitle: string;\n  yColorLegendTitle: string;\n  mapBorderWidth: number;\n  mapNoDataColor: string;\n  scale: number;\n  centerPoint?: [number, number];\n  mapBorderColor: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  zoomInteraction: ZoomInteractionTypes;\n  mapProjection: MapProjectionTypes;\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  isWorldMap: boolean;\n  zoomScaleExtend: [number, number];\n  zoomTranslateExtend?: [[number, number], [number, number]];\n  highlightedIds?: string[];\n\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  mapProperty: string;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  showColorScale: boolean;\n  collapseColorScaleByDefault?: boolean;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  customLayers: CustomLayerDataType[];\n  zoomAndCenterByHighlightedIds: boolean;\n  projectionRotate: [number, number] | [number, number, number];\n  rewindCoordinatesInMapData: boolean;\n  overlayMapData?: FeatureCollection;\n  overlayMapBorderColor?: string;\n  overlayMapBorderWidth?: number;\n  xNumberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  yNumberDisplayOptions?: 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    xDomain,\n    mapData,\n    xColorLegendTitle,\n    yDomain,\n    yColorLegendTitle,\n    width,\n    height,\n    colors,\n    scale,\n    centerPoint,\n    mapBorderWidth,\n    mapNoDataColor,\n    mapBorderColor,\n    tooltip,\n    onSeriesMouseOver,\n    zoomScaleExtend,\n    zoomTranslateExtend,\n    highlightedIds,\n    onSeriesMouseClick,\n    mapProperty,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    showColorScale,\n    styles,\n    classNames,\n    mapProjection,\n    zoomInteraction,\n    animate,\n    dimmedOpacity,\n    customLayers,\n    collapseColorScaleByDefault,\n    zoomAndCenterByHighlightedIds,\n    projectionRotate,\n    rewindCoordinatesInMapData,\n    overlayMapData,\n    overlayMapBorderColor,\n    overlayMapBorderWidth,\n    xNumberDisplayOptions,\n    yNumberDisplayOptions,\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 [showLegend, setShowLegend] = useState(\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\n  );\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\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 zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\n\n  useEffect(() => {\n    const mapGSelect = select(mapG.current);\n    const mapSvgSelect = select(mapSvg.current);\n    const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\n      if (zoomInteraction === 'noZoom') return false;\n      if (zoomInteraction === 'button') return !e.type.includes('wheel');\n      const isWheel = e.type === 'wheel';\n      const isTouch = e.type.startsWith('touch');\n      const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\n\n      if (isTouch) return true;\n      if (isWheel) {\n        if (zoomInteraction === 'scroll') return true;\n        return e.ctrlKey;\n      }\n      return isDrag && !e.button && !e.ctrlKey;\n    };\n    const zoomBehavior = zoom<SVGSVGElement, unknown>()\n      .scaleExtent(zoomScaleExtend)\n      .translateExtent(\n        zoomTranslateExtend || [\n          [-20, -20],\n          [width + 20, height + 20],\n        ],\n      )\n      .filter(zoomFilter)\n      .on('zoom', ({ transform }) => {\n        mapGSelect.attr('transform', transform);\n      });\n\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    mapSvgSelect.call(zoomBehavior as any);\n\n    zoomRef.current = zoomBehavior;\n  }, [height, width, zoomInteraction]);\n\n  const bounds = bbox({\n    ...formattedMapData,\n    features: zoomAndCenterByHighlightedIds\n      ? formattedMapData.features.filter(\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          (d: any) =>\n            (highlightedIds || []).length === 0 ||\n            highlightedIds?.indexOf(d.properties[mapProperty]) !== -1,\n        )\n      : formattedMapData.features,\n  });\n\n  const center = centerOfMass({\n    ...formattedMapData,\n    features: zoomAndCenterByHighlightedIds\n      ? formattedMapData.features.filter(\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          (d: any) =>\n            (highlightedIds || []).length === 0 ||\n            highlightedIds?.indexOf(d.properties[mapProperty]) !== -1,\n        )\n      : formattedMapData.features,\n  });\n  const lonDiff = (bounds[2] - bounds[0]) * 1.15;\n  const latDiff = (bounds[3] - bounds[1]) * 1.15;\n  const scaleX = (((width * 190) / 960) * 360) / lonDiff;\n  const scaleY = (((height * 190) / 678) * 180) / latDiff;\n  const scaleVar = scale * Math.min(scaleX, scaleY);\n\n  const projection =\n    mapProjection === 'mercator'\n      ? geoMercator()\n          .rotate(projectionRotate)\n          .center(centerPoint || (center.geometry.coordinates as [number, number]))\n          .translate([width / 2, height / 2])\n          .scale(scaleVar)\n      : mapProjection === 'equalEarth'\n        ? geoEqualEarth()\n            .rotate(projectionRotate)\n            .center(centerPoint || (center.geometry.coordinates as [number, number]))\n            .translate([width / 2, height / 2])\n            .scale(scaleVar)\n        : mapProjection === 'naturalEarth'\n          ? geoNaturalEarth1()\n              .rotate(projectionRotate)\n              .center(centerPoint || (center.geometry.coordinates as [number, number]))\n              .translate([width / 2, height / 2])\n              .scale(scaleVar)\n          : mapProjection === 'orthographic'\n            ? geoOrthographic()\n                .rotate(projectionRotate)\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\n                .translate([width / 2, height / 2])\n                .scale(scaleVar)\n            : geoAlbersUsa()\n                .rotate(projectionRotate)\n                .center(centerPoint || (center.geometry.coordinates as [number, number]))\n                .translate([width / 2, height / 2])\n                .scale(scaleVar);\n\n  const pathGenerator = geoPath().projection(projection);\n  const xRange = Array.from({ length: xDomain.length }, (_, i) => i);\n\n  const yRange = Array.from({ length: yDomain.length }, (_, i) => i);\n  const xScale = scaleThreshold<number, number>().domain(xDomain).range(xRange);\n  const yScale = scaleThreshold<number, number>().domain(yDomain).range(yRange);\n\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\n  return (\n    <>\n      <div className='relative'>\n        <motion.svg\n          viewBox={`0 0 ${width} ${height}`}\n          width={`${width}px`}\n          height={`${height}px`}\n          ref={mapSvg}\n          direction='ltr'\n        >\n          <g ref={mapG}>\n            {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n            {formattedMapData.features.map((d, i: number) => {\n              if (!d.properties?.[mapProperty]) return null;\n              const path = pathGenerator(d);\n              if (!path) return null;\n              return (\n                <motion.g\n                  // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                  key={i}\n                  opacity={\n                    selectedColor\n                      ? dimmedOpacity\n                      : highlightedIds\n                        ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\n                          ? 1\n                          : dimmedOpacity\n                        : 1\n                  }\n                >\n                  <path\n                    d={path}\n                    style={{\n                      stroke: mapBorderColor,\n                      strokeWidth: mapBorderWidth,\n                      fill: mapNoDataColor,\n                      vectorEffect: 'non-scaling-stroke',\n                    }}\n                  />\n                </motion.g>\n              );\n            })}\n            <AnimatePresence>\n              {data.map((d) => {\n                const index = formattedMapData.features.findIndex(\n                  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                  (el: any) => d.id === el.properties[mapProperty],\n                );\n                if (index === -1) return null;\n                const path = pathGenerator(formattedMapData.features[index]);\n                if (!path) return null;\n                const xColorCoord = !checkIfNullOrUndefined(d.x)\n                  ? xScale(d.x as number)\n                  : undefined;\n                const yColorCoord = !checkIfNullOrUndefined(d.y)\n                  ? yScale(d.y as number)\n                  : undefined;\n                const color =\n                  xColorCoord !== undefined && yColorCoord !== undefined\n                    ? colors[yColorCoord][xColorCoord]\n                    : mapNoDataColor;\n\n                return (\n                  <motion.g\n                    className='undp-map-shapes'\n                    key={d.id}\n                    variants={{\n                      initial: { opacity: 0 },\n                      whileInView: {\n                        opacity: selectedColor\n                          ? selectedColor === color\n                            ? !highlightedIds || highlightedIds.indexOf(d.id) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : dimmedOpacity\n                          : highlightedIds\n                            ? highlightedIds.indexOf(d.id) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                        transition: { duration: animate.duration },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    onMouseEnter={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                      onSeriesMouseOver?.(d);\n                    }}\n                    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                    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                  >\n                    <motion.path\n                      key={`${d.id}`}\n                      d={path}\n                      variants={{\n                        initial: { fill: color, opacity: 0 },\n                        whileInView: {\n                          fill: color,\n                          opacity: 1,\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      className={`${\n                        color === mapNoDataColor\n                          ? 'stroke-primary-gray-400 dark:stroke-primary-gray-500'\n                          : 'stroke-primary-white dark:stroke-primary-gray-650'\n                      }`}\n                      style={{\n                        stroke: mapBorderColor,\n                        strokeWidth: mapBorderWidth,\n                        vectorEffect: 'non-scaling-stroke',\n                      }}\n                    />\n                  </motion.g>\n                );\n              })}\n            </AnimatePresence>\n            {mouseOverData\n              ? formattedMapData.features\n                  .filter(\n                    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n                    (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\n                  )\n                  .map((d, i) => (\n                    <path\n                      // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                      key={i}\n                      d={pathGenerator(d) || ''}\n                      className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                      style={{\n                        fill: 'none',\n                        fillOpacity: 0,\n                        strokeWidth: '0.5',\n                        vectorEffect: 'non-scaling-stroke',\n                      }}\n                    />\n                  ))\n              : null}\n            {formattedOverlayMapData?.features.map((d, i: number) => {\n              const path = pathGenerator(d);\n              if (!path) return null;\n              return (\n                // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                <g key={i}>\n                  <path\n                    d={path}\n                    style={{\n                      stroke: overlayMapBorderColor || mapBorderColor,\n                      strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\n                      fill: 'none',\n                      pointerEvents: 'none',\n                      vectorEffect: 'non-scaling-stroke',\n                    }}\n                  />\n                </g>\n              );\n            })}\n            {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n          </g>\n        </motion.svg>\n        {showColorScale === false ? null : (\n          <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\n            {showLegend ? (\n              <>\n                <button\n                  type='button'\n                  className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\n                  onClick={() => {\n                    setShowLegend(false);\n                  }}\n                >\n                  <X />\n                </button>\n                <div\n                  className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\n                  style={{ width: '175px' }}\n                >\n                  <div className='flex gap-1 items-center'>\n                    <svg width='136px' viewBox='0 0 136 136' className='shrink-0'>\n                      <g>\n                        {colors.map((d, i) => (\n                          // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                          <g key={i} transform={`translate(0,${100 - i * 25})`}>\n                            {d.map((el, j) => (\n                              // biome-ignore lint/a11y/noStaticElementInteractions: interaction for color legend\n                              <rect\n                                // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                                key={j}\n                                y={1}\n                                x={j * 25 + 1}\n                                fill={el}\n                                width={23}\n                                height={23}\n                                strokeWidth={selectedColor === el ? 2 : 0.25}\n                                style={{ cursor: 'pointer' }}\n                                onMouseOver={() => {\n                                  setSelectedColor(el);\n                                }}\n                                onFocus={() => {\n                                  setSelectedColor(el);\n                                }}\n                                onMouseLeave={() => {\n                                  setSelectedColor(undefined);\n                                }}\n                              />\n                            ))}\n                          </g>\n                        ))}\n                        <g transform='translate(0,125)'>\n                          {xDomain.map((el, j) => (\n                            // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                            <text key={j} y={10} x={(j + 1) * 25} fontSize={10} textAnchor='middle'>\n                              {typeof el === 'string' || el < 1\n                                ? el\n                                : numberFormattingFunction(\n                                    el,\n                                    undefined,\n                                    xNumberDisplayOptions?.precision ?? 2,\n                                    undefined,\n                                    undefined,\n                                    xNumberDisplayOptions?.locale || 'en',\n                                    xNumberDisplayOptions?.padZeros || false,\n                                  )}\n                            </text>\n                          ))}\n                        </g>\n                        {yDomain.map((el, j) => (\n                          <g\n                            // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                            key={j}\n                            transform={`translate(${\n                              Math.max(Math.min(xDomain.length + 1, 5), 4) * 25 + 10\n                            },${100 - j * 25})`}\n                          >\n                            <text\n                              x={0}\n                              transform='rotate(-90)'\n                              y={0}\n                              fontSize={10}\n                              textAnchor='middle'\n                            >\n                              {typeof el === 'string' || el < 1\n                                ? el\n                                : numberFormattingFunction(\n                                    el,\n                                    undefined,\n                                    yNumberDisplayOptions?.precision ?? 2,\n                                    undefined,\n                                    undefined,\n                                    yNumberDisplayOptions?.locale || 'en',\n                                    yNumberDisplayOptions?.padZeros || false,\n                                  )}\n                            </text>\n                          </g>\n                        ))}\n                      </g>\n                    </svg>\n                    <P\n                      marginBottom='none'\n                      size='xs'\n                      className='leading-normal text-center shrink-0'\n                      style={{\n                        display: '-webkit-box',\n                        WebkitLineClamp: '1',\n                        WebkitBoxOrient: 'vertical',\n                        overflow: 'hidden',\n                        writingMode: 'vertical-rl',\n                        height: '8.5rem',\n                        transform: 'rotate(180deg)',\n                      }}\n                    >\n                      {yColorLegendTitle}\n                    </P>\n                  </div>\n                  <P\n                    marginBottom='none'\n                    size='xs'\n                    className='mt-1 leading-normal text-center'\n                    style={{\n                      display: '-webkit-box',\n                      WebkitLineClamp: '1',\n                      width: '8.5rem',\n                      WebkitBoxOrient: 'vertical',\n                      overflow: 'hidden',\n                    }}\n                  >\n                    {xColorLegendTitle}\n                  </P>\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 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'\n            >\n              +\n            </button>\n            <button\n              type='button'\n              onClick={() => handleZoom('out')}\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'\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      {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      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\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  BivariateMapDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  Languages,\n  MapOverlayDataType,\n  MapProjectionTypes,\n  NumberFormatOptions,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n  ZoomInteractionTypes,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { getJenks } from '@/Utils/getJenks';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects. */\n  data: BivariateMapDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors for the choropleth map. Array must be 5x5 */\n  colors?: string[][];\n  /** Title for the first color legend */\n  xColorLegendTitle?: string;\n  /** Title for the second color legend */\n  yColorLegendTitle?: string;\n  /** Domain of x-colors for the map */\n  xDomain?: number[];\n  /** Domain of y-colors for the map */\n  yDomain?: number[];\n  /** Color for the areas where data is no available */\n  mapNoDataColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** Map data as an object in geoJson format or a url for geoJson */\n  mapData?: FeatureCollection | string;\n  /** Detail if any other map needs to be overlayed over the main map */\n  mapOverlay?: MapOverlayDataType;\n  /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\n  rewindCoordinatesInMapData?: boolean;\n  /** Scaling factor for the map. Multiplies the scale number to scale. */\n  scale?: number;\n  /** Center point of the map */\n  centerPoint?: [number, number];\n  /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\n  projectionRotate?: [number, number] | [number, number, number];\n  /** Defines the zoom mode for the map */\n  zoomInteraction?: ZoomInteractionTypes;\n  /** Stroke width of the regions in the map */\n  mapBorderWidth?: number;\n  /** Stroke color of the regions in the map */\n  mapBorderColor?: string;\n  /** Toggle if the map is a world map */\n  isWorldMap?: boolean;\n  /** Map projection type */\n  mapProjection?: MapProjectionTypes;\n  /** Toggle if the map is centered and zoomed to the highlighted ids. */\n  zoomAndCenterByHighlightedIds?: boolean;\n  /** Extend of the allowed zoom in the map */\n  zoomScaleExtend?: [number, number];\n  /** Extend of the allowed panning in the map */\n  zoomTranslateExtend?: [[number, number], [number, number]];\n  /** Countries or regions to be highlighted */\n  highlightedIds?: string[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\n  mapProperty?: string;\n  /** Toggle visibility of color scale. */\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  /** 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  xNumberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\n  yNumberDisplayOptions?: 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 BiVariateChoroplethMap(props: Props) {\n  const {\n    data,\n    graphTitle,\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json',\n    colors = Colors.light.bivariateColors.colors05x05,\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    xDomain,\n    yDomain,\n    xColorLegendTitle = 'X Color key',\n    yColorLegendTitle = 'Y Color key',\n    tooltip,\n    scale = 0.95,\n    centerPoint,\n    padding,\n    mapBorderWidth = 0.5,\n    mapNoDataColor = Colors.light.graphNoData,\n    backgroundColor = false,\n    mapBorderColor = Colors.light.grays['gray-500'],\n    relativeHeight,\n    onSeriesMouseOver,\n    isWorldMap = true,\n    zoomScaleExtend = [0.8, 6],\n    zoomTranslateExtend,\n    graphID,\n    showColorScale = true,\n    highlightedIds,\n    onSeriesMouseClick,\n    mapProperty = 'ISO3',\n    graphDownload = false,\n    dataDownload = false,\n    showAntarctica = false,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    styles,\n    classNames,\n    mapProjection = 'naturalEarth',\n    zoomInteraction = 'button',\n    animate = false,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    collapseColorScaleByDefault,\n    zoomAndCenterByHighlightedIds = false,\n    projectionRotate = [0, 0],\n    rewindCoordinatesInMapData = true,\n    mapOverlay,\n    xNumberDisplayOptions,\n    yNumberDisplayOptions,\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\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\n    setMapShape(shape);\n  });\n\n  const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\n    setOverlayMapShape(shape);\n  });\n  useEffect(() => {\n    if (typeof mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapData);\n      fetchData.then((d) => {\n        onUpdateShape(d);\n      });\n    } else {\n      onUpdateShape(mapData);\n    }\n  }, [mapData]);\n  useEffect(() => {\n    if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\n    if (typeof mapOverlay?.mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\n      fetchData.then((d) => {\n        onUpdateOverlayMapShape(d as FeatureCollection);\n      });\n    } else {\n      onUpdateOverlayMapShape(mapOverlay?.mapData);\n    }\n  }, [mapOverlay?.mapData]);\n\n  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\n  if (xDomain && yDomain)\n    if (xDomain.length !== colors[0].length - 1 || yDomain.length !== colors.length - 1) {\n      console.error(\"the xDomain and yDomain array length don't match to the color array length\");\n      return null;\n    }\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {svgWidth && svgHeight && mapShape ? (\n          <Graph\n            data={data.filter((d) =>\n              timeline.enabled\n                ? `${d.date}` ===\n                  format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                : d,\n            )}\n            mapData={\n              showAntarctica\n                ? mapShape\n                : {\n                    ...mapShape,\n                    features: mapShape.features.filter(\n                      (el) => el.properties?.NAME !== 'Antarctica',\n                    ),\n                  }\n            }\n            xDomain={\n              xDomain ||\n              getJenks(\n                data.map((d) => d.x as number | null | undefined),\n                colors[0].length,\n              )\n            }\n            yDomain={\n              yDomain ||\n              getJenks(\n                data.map((d) => d.y as number | null | undefined),\n                colors.length,\n              )\n            }\n            width={svgWidth}\n            height={svgHeight}\n            scale={scale}\n            centerPoint={centerPoint}\n            colors={colors}\n            xColorLegendTitle={xColorLegendTitle}\n            yColorLegendTitle={yColorLegendTitle}\n            mapBorderWidth={mapBorderWidth}\n            mapNoDataColor={mapNoDataColor}\n            mapBorderColor={mapBorderColor}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            isWorldMap={isWorldMap}\n            zoomScaleExtend={zoomScaleExtend}\n            zoomTranslateExtend={zoomTranslateExtend}\n            onSeriesMouseClick={onSeriesMouseClick}\n            mapProperty={mapProperty}\n            highlightedIds={highlightedIds}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            styles={styles}\n            showColorScale={showColorScale}\n            classNames={classNames}\n            mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\n            detailsOnClick={detailsOnClick}\n            zoomInteraction={zoomInteraction}\n            overlayMapData={overlayMapShape}\n            overlayMapBorderColor={mapOverlay?.mapBorderColor}\n            overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\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            collapseColorScaleByDefault={collapseColorScaleByDefault}\n            zoomAndCenterByHighlightedIds={zoomAndCenterByHighlightedIds}\n            projectionRotate={projectionRotate}\n            rewindCoordinatesInMapData={rewindCoordinatesInMapData}\n            xNumberDisplayOptions={xNumberDisplayOptions}\n            yNumberDisplayOptions={yNumberDisplayOptions}\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/BiVariateMap-Dkppk8YD.js

@@ -0,0 +1,505 @@
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { i as n, l as r, m as i, u as a } from "./Icons-BLXwPP3h.js";
+import { t as o } from "./CsvDownloadButton-BZ7Zr0Gz.js";
+import { ImageDownloadButton as ee } from "./ImageDownloadButton.js";
+import { Colors as te } from "./Colors.js";
+import { GraphFooter as ne } from "./GraphFooter.js";
+import { GraphHeader as re } from "./GraphHeader.js";
+import { t as s } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { r as c } from "./fetchAndParseData-C50SqMPu.js";
+import { n as l, t as ie } from "./GraphContainer-DgEB1AVN.js";
+import { n as ae, t as u } from "./parse-5MWhaq6h.js";
+import { t as oe } from "./getSliderMarks-CTKVxOEm.js";
+import { a as se, c as d, i as ce, l as f, n as le, o as ue, r as de, s as fe, t as pe } from "./src-2DIiCwTd.js";
+import { t as me } from "./threshold-j3AJep9l.js";
+import { t as p } from "./fast-deep-equal--80N92KJ.js";
+import { t as m } from "./proxy-BiRrIImK.js";
+import { t as he } from "./AnimatePresence-CE6xBsMZ.js";
+import { t as ge } from "./use-in-view-CjlKdln1.js";
+import { t as _e } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as h } from "./DetailsModal-DxUowfkg.js";
+import { t as ve } from "./Tooltip-Y6uTGwkF.js";
+import { t as g } from "./select-0Z0HV7nm.js";
+import { t as _ } from "./getJenks-49NAtnQV.js";
+import { t as ye } from "./esm-D23XoYrV.js";
+import { cn as be } from "@undp/design-system-react/cn";
+import { useEffect as v, useEffectEvent as xe, useMemo as Se, useRef as y, useState as b } from "react";
+import { Spinner as Ce } from "@undp/design-system-react/Spinner";
+import { P as we } from "@undp/design-system-react/Typography";
+import { SliderUI as Te } from "@undp/design-system-react/SliderUI";
+//#region src/Components/Graphs/Maps/BiVariateMap/Graph.tsx
+var Ee = /* @__PURE__ */ e(p(), 1), x = t();
+function De(e) {
+	let { data: t, xDomain: r, mapData: a, xColorLegendTitle: te, yDomain: ne, yColorLegendTitle: re, width: c, height: l, colors: ie, scale: ae, centerPoint: u, mapBorderWidth: oe, mapNoDataColor: p, mapBorderColor: _, tooltip: xe, onSeriesMouseOver: Ce, zoomScaleExtend: Te, zoomTranslateExtend: De, highlightedIds: S, onSeriesMouseClick: Oe, mapProperty: C, resetSelectionOnDoubleClick: ke, detailsOnClick: Ae, showColorScale: je, styles: Me, classNames: w, mapProjection: T, zoomInteraction: E, animate: D, dimmedOpacity: O, customLayers: k, collapseColorScaleByDefault: A, zoomAndCenterByHighlightedIds: Ne, projectionRotate: j, rewindCoordinatesInMapData: M, overlayMapData: N, overlayMapBorderColor: Pe, overlayMapBorderWidth: P, xNumberDisplayOptions: Fe, yNumberDisplayOptions: Ie, graphDownload: Le, dataDownload: F } = e, I = Se(() => M ? d(a, { reverse: !0 }) : a, [a, M]), Re = Se(() => !M || !N ? N : d(N, { reverse: !0 }), [N, M]), [ze, L] = b(A === void 0 ? !(c < 680) : !A), [R, z] = b(void 0), [B, V] = b(void 0), [H, U] = b(void 0), [W, G] = b(void 0), [K, q] = b(void 0), J = y(null), Be = ge(J, {
+		once: D.once,
+		amount: D.amount
+	}), Y = y(null), X = y(null);
+	v(() => {
+		let e = g(Y.current), t = g(J.current), n = pe().scaleExtent(Te).translateExtent(De || [[-20, -20], [c + 20, l + 20]]).filter((e) => {
+			if (E === "noZoom") return !1;
+			if (E === "button") return !e.type.includes("wheel");
+			let t = e.type === "wheel", n = e.type.startsWith("touch"), r = e.type === "mousedown" || e.type === "mousemove";
+			return n ? !0 : t ? E === "scroll" ? !0 : e.ctrlKey : r && !e.button && !e.ctrlKey;
+		}).on("zoom", ({ transform: t }) => {
+			e.attr("transform", t);
+		});
+		t.call(n), X.current = n;
+	}, [
+		l,
+		c,
+		E
+	]);
+	let Z = f({
+		...I,
+		features: Ne ? I.features.filter((e) => (S || []).length === 0 || S?.indexOf(e.properties[C]) !== -1) : I.features
+	}), Q = ye({
+		...I,
+		features: Ne ? I.features.filter((e) => (S || []).length === 0 || S?.indexOf(e.properties[C]) !== -1) : I.features
+	}), Ve = (Z[2] - Z[0]) * 1.15, He = (Z[3] - Z[1]) * 1.15, Ue = c * 190 / 960 * 360 / Ve, We = l * 190 / 678 * 180 / He, $ = ae * Math.min(Ue, We), Ge = T === "mercator" ? se().rotate(j).center(u || Q.geometry.coordinates).translate([c / 2, l / 2]).scale($) : T === "equalEarth" ? ce().rotate(j).center(u || Q.geometry.coordinates).translate([c / 2, l / 2]).scale($) : T === "naturalEarth" ? de().rotate(j).center(u || Q.geometry.coordinates).translate([c / 2, l / 2]).scale($) : T === "orthographic" ? le().rotate(j).center(u || Q.geometry.coordinates).translate([c / 2, l / 2]).scale($) : ue().rotate(j).center(u || Q.geometry.coordinates).translate([c / 2, l / 2]).scale($), Ke = fe().projection(Ge), qe = Array.from({ length: r.length }, (e, t) => t), Je = Array.from({ length: ne.length }, (e, t) => t), Ye = me().domain(r).range(qe), Xe = me().domain(ne).range(Je), Ze = (e) => {
+		!J.current || !X.current || g(J.current).call(X.current.scaleBy, e === "in" ? 1.2 : 1 / 1.2);
+	};
+	return /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [
+		/* @__PURE__ */ (0, x.jsxs)("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ (0, x.jsx)(m.svg, {
+					viewBox: `0 0 ${c} ${l}`,
+					width: `${c}px`,
+					height: `${l}px`,
+					ref: J,
+					direction: "ltr",
+					children: /* @__PURE__ */ (0, x.jsxs)("g", {
+						ref: Y,
+						children: [
+							k.filter((e) => e.position === "before").map((e) => e.layer),
+							I.features.map((e, t) => {
+								if (!e.properties?.[C]) return null;
+								let n = Ke(e);
+								return n ? /* @__PURE__ */ (0, x.jsx)(m.g, {
+									opacity: R || S && S.indexOf(e.properties[C]) === -1 ? O : 1,
+									children: /* @__PURE__ */ (0, x.jsx)("path", {
+										d: n,
+										style: {
+											stroke: _,
+											strokeWidth: oe,
+											fill: p,
+											vectorEffect: "non-scaling-stroke"
+										}
+									})
+								}, t) : null;
+							}),
+							/* @__PURE__ */ (0, x.jsx)(he, { children: t.map((e) => {
+								let t = I.features.findIndex((t) => e.id === t.properties[C]);
+								if (t === -1) return null;
+								let n = Ke(I.features[t]);
+								if (!n) return null;
+								let r = s(e.x) ? void 0 : Ye(e.x), i = s(e.y) ? void 0 : Xe(e.y), a = r !== void 0 && i !== void 0 ? ie[i][r] : p;
+								return /* @__PURE__ */ (0, x.jsx)(m.g, {
+									className: "undp-map-shapes",
+									variants: {
+										initial: { opacity: 0 },
+										whileInView: {
+											opacity: R ? R === a && (!S || S.indexOf(e.id) !== -1) ? 1 : O : S && S.indexOf(e.id) === -1 ? O : 1,
+											transition: { duration: D.duration }
+										}
+									},
+									initial: "initial",
+									animate: Be ? "whileInView" : "initial",
+									exit: {
+										opacity: 0,
+										transition: { duration: D.duration }
+									},
+									onMouseEnter: (t) => {
+										U(e), q(t.clientY), G(t.clientX), Ce?.(e);
+									},
+									onClick: () => {
+										(Oe || Ae) && ((0, Ee.default)(B, e) && ke ? (V(void 0), Oe?.(void 0)) : (V(e), Oe?.(e)));
+									},
+									onMouseMove: (t) => {
+										U(e), q(t.clientY), G(t.clientX);
+									},
+									onMouseLeave: () => {
+										U(void 0), G(void 0), q(void 0), Ce?.(void 0);
+									},
+									children: /* @__PURE__ */ (0, x.jsx)(m.path, {
+										d: n,
+										variants: {
+											initial: {
+												fill: a,
+												opacity: 0
+											},
+											whileInView: {
+												fill: a,
+												opacity: 1,
+												transition: { duration: D.duration }
+											}
+										},
+										initial: "initial",
+										animate: Be ? "whileInView" : "initial",
+										exit: {
+											opacity: 0,
+											transition: { duration: D.duration }
+										},
+										className: `${a === p ? "stroke-primary-gray-400 dark:stroke-primary-gray-500" : "stroke-primary-white dark:stroke-primary-gray-650"}`,
+										style: {
+											stroke: _,
+											strokeWidth: oe,
+											vectorEffect: "non-scaling-stroke"
+										}
+									}, `${e.id}`)
+								}, e.id);
+							}) }),
+							H ? I.features.filter((e) => e.properties[C] === H.id).map((e, t) => /* @__PURE__ */ (0, x.jsx)("path", {
+								d: Ke(e) || "",
+								className: "stroke-primary-gray-700 dark:stroke-primary-gray-300",
+								style: {
+									fill: "none",
+									fillOpacity: 0,
+									strokeWidth: "0.5",
+									vectorEffect: "non-scaling-stroke"
+								}
+							}, t)) : null,
+							Re?.features.map((e, t) => {
+								let n = Ke(e);
+								return n ? /* @__PURE__ */ (0, x.jsx)("g", { children: /* @__PURE__ */ (0, x.jsx)("path", {
+									d: n,
+									style: {
+										stroke: Pe || _,
+										strokeWidth: P || oe + 1,
+										fill: "none",
+										pointerEvents: "none",
+										vectorEffect: "non-scaling-stroke"
+									}
+								}) }, t) : null;
+							}),
+							k.filter((e) => e.position === "after").map((e) => e.layer)
+						]
+					})
+				}),
+				je === !1 ? null : /* @__PURE__ */ (0, x.jsx)("div", {
+					className: be("absolute left-4 bottom-4 map-color-legend", w?.colorLegend),
+					children: ze ? /* @__PURE__ */ (0, x.jsxs)(x.Fragment, { children: [/* @__PURE__ */ (0, x.jsx)("button", {
+						type: "button",
+						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: () => {
+							L(!1);
+						},
+						children: /* @__PURE__ */ (0, x.jsx)(i, {})
+					}), /* @__PURE__ */ (0, x.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: "175px" },
+						children: [/* @__PURE__ */ (0, x.jsxs)("div", {
+							className: "flex gap-1 items-center",
+							children: [/* @__PURE__ */ (0, x.jsx)("svg", {
+								width: "136px",
+								viewBox: "0 0 136 136",
+								className: "shrink-0",
+								children: /* @__PURE__ */ (0, x.jsxs)("g", { children: [
+									ie.map((e, t) => /* @__PURE__ */ (0, x.jsx)("g", {
+										transform: `translate(0,${100 - t * 25})`,
+										children: e.map((e, t) => /* @__PURE__ */ (0, x.jsx)("rect", {
+											y: 1,
+											x: t * 25 + 1,
+											fill: e,
+											width: 23,
+											height: 23,
+											strokeWidth: R === e ? 2 : .25,
+											style: { cursor: "pointer" },
+											onMouseOver: () => {
+												z(e);
+											},
+											onFocus: () => {
+												z(e);
+											},
+											onMouseLeave: () => {
+												z(void 0);
+											}
+										}, t))
+									}, t)),
+									/* @__PURE__ */ (0, x.jsx)("g", {
+										transform: "translate(0,125)",
+										children: r.map((e, t) => /* @__PURE__ */ (0, x.jsx)("text", {
+											y: 10,
+											x: (t + 1) * 25,
+											fontSize: 10,
+											textAnchor: "middle",
+											children: typeof e == "string" || e < 1 ? e : _e(e, void 0, Fe?.precision ?? 2, void 0, void 0, Fe?.locale || "en", Fe?.padZeros || !1)
+										}, t))
+									}),
+									ne.map((e, t) => /* @__PURE__ */ (0, x.jsx)("g", {
+										transform: `translate(${Math.max(Math.min(r.length + 1, 5), 4) * 25 + 10},${100 - t * 25})`,
+										children: /* @__PURE__ */ (0, x.jsx)("text", {
+											x: 0,
+											transform: "rotate(-90)",
+											y: 0,
+											fontSize: 10,
+											textAnchor: "middle",
+											children: typeof e == "string" || e < 1 ? e : _e(e, void 0, Ie?.precision ?? 2, void 0, void 0, Ie?.locale || "en", Ie?.padZeros || !1)
+										})
+									}, t))
+								] })
+							}), /* @__PURE__ */ (0, x.jsx)(we, {
+								marginBottom: "none",
+								size: "xs",
+								className: "leading-normal text-center shrink-0",
+								style: {
+									display: "-webkit-box",
+									WebkitLineClamp: "1",
+									WebkitBoxOrient: "vertical",
+									overflow: "hidden",
+									writingMode: "vertical-rl",
+									height: "8.5rem",
+									transform: "rotate(180deg)"
+								},
+								children: re
+							})]
+						}), /* @__PURE__ */ (0, x.jsx)(we, {
+							marginBottom: "none",
+							size: "xs",
+							className: "mt-1 leading-normal text-center",
+							style: {
+								display: "-webkit-box",
+								WebkitLineClamp: "1",
+								width: "8.5rem",
+								WebkitBoxOrient: "vertical",
+								overflow: "hidden"
+							},
+							children: te
+						})]
+					})] }) : /* @__PURE__ */ (0, x.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: () => {
+							L(!0);
+						},
+						children: /* @__PURE__ */ (0, x.jsx)(n, {})
+					})
+				}),
+				E === "button" && /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "absolute left-4 top-4 flex flex-col undp-viz-zoom-buttons",
+					children: [/* @__PURE__ */ (0, x.jsx)("button", {
+						type: "button",
+						onClick: () => Ze("in"),
+						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",
+						children: "+"
+					}), /* @__PURE__ */ (0, x.jsx)("button", {
+						type: "button",
+						onClick: () => Ze("out"),
+						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",
+						children: "–"
+					})]
+				}),
+				(Le || F) && /* @__PURE__ */ (0, x.jsxs)("div", {
+					className: "absolute right-4 top-4 flex flex-col image-download-button gap-2",
+					children: [Le && /* @__PURE__ */ (0, x.jsx)(ee, {
+						nodeID: Le,
+						buttonSmall: !0,
+						className: "p-1"
+					}), F && F.length > 0 && /* @__PURE__ */ (0, x.jsx)(o, {
+						csvData: F,
+						buttonSmall: !0,
+						headers: Object.keys(F[0]).map((e) => ({
+							label: e,
+							key: e
+						})),
+						className: "p-1"
+					})]
+				})
+			]
+		}),
+		H && xe && W && K ? /* @__PURE__ */ (0, x.jsx)(ve, {
+			data: H,
+			body: xe,
+			xPos: W,
+			yPos: K,
+			backgroundStyle: Me?.tooltip,
+			className: w?.tooltip
+		}) : null,
+		Ae && B !== void 0 ? /* @__PURE__ */ (0, x.jsx)(h, {
+			body: Ae,
+			data: B,
+			setData: V,
+			className: w?.modal
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/Maps/BiVariateMap/index.tsx
+function S(e) {
+	let { data: t, graphTitle: n, mapData: i = "https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.json", colors: o = te.light.bivariateColors.colors05x05, sources: ee, graphDescription: s, height: se, width: d, footNote: ce = "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.", xDomain: f, yDomain: le, xColorLegendTitle: ue = "X Color key", yColorLegendTitle: de = "Y Color key", tooltip: fe, scale: pe = .95, centerPoint: me, padding: p, mapBorderWidth: m = .5, mapNoDataColor: he = te.light.graphNoData, backgroundColor: ge = !1, mapBorderColor: _e = te.light.grays["gray-500"], relativeHeight: h, onSeriesMouseOver: ve, isWorldMap: g = !0, zoomScaleExtend: ye = [.8, 6], zoomTranslateExtend: be, graphID: we, showColorScale: Ee = !0, highlightedIds: S, onSeriesMouseClick: Oe, mapProperty: C = "ISO3", graphDownload: ke = !1, dataDownload: Ae = !1, showAntarctica: je = !1, language: Me = "en", minHeight: w = 0, theme: T = "light", ariaLabel: E, resetSelectionOnDoubleClick: D = !0, detailsOnClick: O, styles: k, classNames: A, mapProjection: Ne = "naturalEarth", zoomInteraction: j = "button", animate: M = !1, dimmedOpacity: N = .3, customLayers: Pe = [], timeline: P = {
+		enabled: !1,
+		autoplay: !1,
+		showOnlyActiveDate: !0
+	}, collapseColorScaleByDefault: Fe, zoomAndCenterByHighlightedIds: Ie = !1, projectionRotate: Le = [0, 0], rewindCoordinatesInMapData: F = !0, mapOverlay: I, xNumberDisplayOptions: Re, yNumberDisplayOptions: ze } = e, [L, R] = b(0), [z, B] = b(0), [V, H] = b(P.autoplay), U = Se(() => {
+		let e = [...new Set(t.filter((e) => e.date).map((e) => u(`${e.date}`, P.dateFormat || "yyyy", /* @__PURE__ */ new Date()).getTime()))];
+		return e.sort((e, t) => e - t), e;
+	}, [t, P.dateFormat]), [W, G] = b(P.autoplay ? 0 : U.length - 1), [K, q] = b(void 0), [J, Be] = b(void 0), Y = y(null), X = y(null);
+	v(() => {
+		let e = new ResizeObserver((e) => {
+			R(e[0].target.clientWidth || 620), B(e[0].target.clientHeight || 480);
+		});
+		return Y.current && e.observe(Y.current), () => e.disconnect();
+	}, []);
+	let Z = xe((e) => {
+		q(e);
+	}), Q = xe((e) => {
+		Be(e);
+	});
+	v(() => {
+		typeof i == "string" ? c(i).then((e) => {
+			Z(e);
+		}) : Z(i);
+	}, [i]), v(() => {
+		I?.mapData || Q(void 0), typeof I?.mapData == "string" ? c(I?.mapData).then((e) => {
+			Q(e);
+		}) : Q(I?.mapData);
+	}, [I?.mapData]), v(() => {
+		let e = setInterval(() => {
+			G((e) => e < U.length - 1 ? e + 1 : 0);
+		}, (P.speed || 2) * 1e3);
+		return V || clearInterval(e), () => clearInterval(e);
+	}, [
+		U,
+		V,
+		P.speed
+	]);
+	let Ve = oe(U, W, P.showOnlyActiveDate, P.dateFormat || "yyyy");
+	return f && le && (f.length !== o[0].length - 1 || le.length !== o.length - 1) ? (console.error("the xDomain and yDomain array length don't match to the color array length"), null) : /* @__PURE__ */ (0, x.jsxs)(l, {
+		className: A?.graphContainer,
+		style: k?.graphContainer,
+		id: we,
+		ref: X,
+		"aria-label": E,
+		backgroundColor: ge,
+		theme: T,
+		language: Me,
+		minHeight: w,
+		width: d,
+		height: se,
+		relativeHeight: h,
+		padding: p,
+		children: [
+			n || s ? /* @__PURE__ */ (0, x.jsx)(re, {
+				styles: {
+					title: k?.title,
+					description: k?.description
+				},
+				classNames: {
+					title: A?.title,
+					description: A?.description
+				},
+				graphTitle: n,
+				graphDescription: s,
+				width: d
+			}) : null,
+			P.enabled && U.length > 0 && Ve ? /* @__PURE__ */ (0, x.jsxs)("div", {
+				className: "flex gap-6 items-center",
+				dir: "ltr",
+				children: [/* @__PURE__ */ (0, x.jsx)("button", {
+					type: "button",
+					onClick: () => {
+						H(!V);
+					},
+					className: "p-0 border-0 cursor-pointer bg-transparent",
+					"aria-label": V ? "Click to pause animation" : "Click to play animation",
+					children: V ? /* @__PURE__ */ (0, x.jsx)(r, {}) : /* @__PURE__ */ (0, x.jsx)(a, {})
+				}), /* @__PURE__ */ (0, x.jsx)(Te, {
+					min: U[0],
+					max: U[U.length - 1],
+					marks: Ve,
+					step: null,
+					defaultValue: U[U.length - 1],
+					value: U[W],
+					onChangeComplete: (e) => {
+						G(U.indexOf(e));
+					},
+					onChange: (e) => {
+						G(U.indexOf(e));
+					},
+					"aria-label": "Time slider. Use arrow keys to adjust selected time period."
+				})]
+			}) : null,
+			/* @__PURE__ */ (0, x.jsx)(ie, {
+				ref: Y,
+				children: L && z && K ? /* @__PURE__ */ (0, x.jsx)(De, {
+					data: t.filter((e) => P.enabled ? `${e.date}` === ae(new Date(U[W]), P.dateFormat || "yyyy") : e),
+					mapData: je ? K : {
+						...K,
+						features: K.features.filter((e) => e.properties?.NAME !== "Antarctica")
+					},
+					xDomain: f || _(t.map((e) => e.x), o[0].length),
+					yDomain: le || _(t.map((e) => e.y), o.length),
+					width: L,
+					height: z,
+					scale: pe,
+					centerPoint: me,
+					colors: o,
+					xColorLegendTitle: ue,
+					yColorLegendTitle: de,
+					mapBorderWidth: m,
+					mapNoDataColor: he,
+					mapBorderColor: _e,
+					tooltip: fe,
+					onSeriesMouseOver: ve,
+					isWorldMap: g,
+					zoomScaleExtend: ye,
+					zoomTranslateExtend: be,
+					onSeriesMouseClick: Oe,
+					mapProperty: C,
+					highlightedIds: S,
+					resetSelectionOnDoubleClick: D,
+					styles: k,
+					showColorScale: Ee,
+					classNames: A,
+					mapProjection: Ne || (g ? "naturalEarth" : "mercator"),
+					detailsOnClick: O,
+					zoomInteraction: j,
+					overlayMapData: J,
+					overlayMapBorderColor: I?.mapBorderColor,
+					overlayMapBorderWidth: I?.mapBorderWidth,
+					animate: M === !0 ? {
+						duration: .5,
+						once: !0,
+						amount: .5
+					} : M || {
+						duration: 0,
+						once: !0,
+						amount: 0
+					},
+					dimmedOpacity: N,
+					customLayers: Pe,
+					collapseColorScaleByDefault: Fe,
+					zoomAndCenterByHighlightedIds: Ie,
+					projectionRotate: Le,
+					rewindCoordinatesInMapData: F,
+					xNumberDisplayOptions: Re,
+					yNumberDisplayOptions: ze,
+					graphDownload: ke ? X : void 0,
+					dataDownload: Ae ? t.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? t.map((e) => e.data).filter((e) => e !== void 0) : t.filter((e) => e !== void 0) : null
+				}) : /* @__PURE__ */ (0, x.jsx)("div", {
+					style: { height: `${Math.max(w, se || (h ? w ? (d || L) * h > w ? (d || L) * h : w : (d || L) * h : z))}px` },
+					className: "flex items-center justify-center",
+					children: /* @__PURE__ */ (0, x.jsx)(Ce, { "aria-label": "Loading graph" })
+				})
+			}),
+			ee || ce ? /* @__PURE__ */ (0, x.jsx)(ne, {
+				styles: {
+					footnote: k?.footnote,
+					source: k?.source
+				},
+				classNames: {
+					footnote: A?.footnote,
+					source: A?.source
+				},
+				sources: ee,
+				footNote: ce,
+				width: d
+			}) : null
+		]
+	});
+}
+//#endregion
+export { S as t };
+
+//# sourceMappingURL=BiVariateMap-Dkppk8YD.js.map