@undp/data-viz 2.6.0 → 2.6.1

package/dist/ThreeDGlobe-DXL9WkNi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreeDGlobe-DXL9WkNi.js","names":[],"sources":["../node_modules/hex-to-rgba/build/index.js","../src/Components/Graphs/Maps/ThreeDGlobe/Graph.tsx","../src/Components/Graphs/Maps/ThreeDGlobe/index.tsx"],"sourcesContent":["\"use strict\";\n\nvar removeHash = function removeHash(hex) {\n  return hex.charAt(0) === '#' ? hex.slice(1) : hex;\n};\n\nvar parseHex = function parseHex(nakedHex) {\n  var isShort = nakedHex.length === 3 || nakedHex.length === 4;\n  var twoDigitHexR = isShort ? \"\".concat(nakedHex.slice(0, 1)).concat(nakedHex.slice(0, 1)) : nakedHex.slice(0, 2);\n  var twoDigitHexG = isShort ? \"\".concat(nakedHex.slice(1, 2)).concat(nakedHex.slice(1, 2)) : nakedHex.slice(2, 4);\n  var twoDigitHexB = isShort ? \"\".concat(nakedHex.slice(2, 3)).concat(nakedHex.slice(2, 3)) : nakedHex.slice(4, 6);\n  var twoDigitHexA = (isShort ? \"\".concat(nakedHex.slice(3, 4)).concat(nakedHex.slice(3, 4)) : nakedHex.slice(6, 8)) || 'ff'; // const numericA = +((parseInt(a, 16) / 255).toFixed(2));\n\n  return {\n    r: twoDigitHexR,\n    g: twoDigitHexG,\n    b: twoDigitHexB,\n    a: twoDigitHexA\n  };\n};\n\nvar hexToDecimal = function hexToDecimal(hex) {\n  return parseInt(hex, 16);\n};\n\nvar hexesToDecimals = function hexesToDecimals(_ref) {\n  var r = _ref.r,\n      g = _ref.g,\n      b = _ref.b,\n      a = _ref.a;\n  return {\n    r: hexToDecimal(r),\n    g: hexToDecimal(g),\n    b: hexToDecimal(b),\n    a: +(hexToDecimal(a) / 255).toFixed(2)\n  };\n};\n\nvar isNumeric = function isNumeric(n) {\n  return !isNaN(parseFloat(n)) && isFinite(n);\n}; // eslint-disable-line no-restricted-globals, max-len\n\n\nvar formatRgb = function formatRgb(decimalObject, parameterA) {\n  var r = decimalObject.r,\n      g = decimalObject.g,\n      b = decimalObject.b,\n      parsedA = decimalObject.a;\n  var a = isNumeric(parameterA) ? parameterA : parsedA;\n  return \"rgba(\".concat(r, \", \").concat(g, \", \").concat(b, \", \").concat(a, \")\");\n};\n/**\n * Turns an old-fashioned css hex color value into a rgb color value.\n *\n * If you specify an alpha value, you'll get a rgba() value instead.\n *\n * @param The hex value to convert. ('123456'. '#123456', ''123', '#123')\n * @param An alpha value to apply. (optional) ('0.5', '0.25')\n * @return An rgb or rgba value. ('rgb(11, 22, 33)'. 'rgba(11, 22, 33, 0.5)')\n */\n\n\nvar hexToRgba = function hexToRgba(hex, a) {\n  var hashlessHex = removeHash(hex);\n  var hexObject = parseHex(hashlessHex);\n  var decimalObject = hexesToDecimals(hexObject);\n  return formatRgb(decimalObject, a);\n};\n\nmodule.exports = hexToRgba;","import { cn } from '@undp/design-system-react/cn';\nimport { P } from '@undp/design-system-react/Typography';\nimport { scaleOrdinal, scaleThreshold } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport hexToRgba from 'hex-to-rgba';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport Globe, { type GlobeMethods } from 'react-globe.gl';\nimport * as THREE from 'three';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport { ExpandIcon, X } from '@/Components/Icons';\nimport type {\n  ChoroplethMapDataType,\n  ClassNameObject,\n  FogDataType,\n  LightConfig,\n  NumberFormatOptions,\n  StyleObject,\n} from '@/Types';\nimport { getCentroidCoordinates } from '@/Utils/getCentroidCoordinates';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  width: number;\n  data: ChoroplethMapDataType[];\n  autoRotate: number;\n  enableZoom: boolean;\n  categorical: boolean;\n  colorDomain: (number | string)[];\n  colors: string[];\n  height: number;\n  globeMaterial?: THREE.Material;\n  lights: LightConfig[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  polygonData: any;\n  mapProperty: string;\n  mapBorderColor: string;\n  atmosphereColor: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  mapNoDataColor: string;\n  colorLegendTitle?: string;\n  showColorScale: boolean;\n  hoverStrokeColor: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  resetSelectionOnDoubleClick: boolean;\n  highlightedIds?: string[];\n  scale: number;\n  globeOffset: [number, number];\n  polygonAltitude: number;\n  centerLng: number;\n  centerLat: number;\n  atmosphereAltitude: number;\n  globeCurvatureResolution: number;\n  fogSettings?: FogDataType;\n  highlightedAltitude: number;\n  selectedId?: string;\n  collapseColorScaleByDefault?: boolean;\n  dimmedOpacity: number;\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n}\n\nfunction createLightFromConfig(config: LightConfig): THREE.Light {\n  let light: THREE.Light;\n\n  switch (config.type) {\n    case 'ambient':\n      light = new THREE.AmbientLight(config.color, config.intensity);\n      break;\n    case 'directional':\n      light = new THREE.DirectionalLight(config.color, config.intensity);\n      if (config.position) {\n        if (config.position === 'camera') light.position.set(0, 0, 0);\n        else light.position.set(config.position.x, config.position.y, config.position.z);\n      }\n      if (config.target || config.position === 'camera') {\n        (light as THREE.SpotLight).target.position.set(\n          config.target?.x || 0,\n          config.target?.y || 0,\n          config.target?.z === undefined ? -1 : config.target.z,\n        );\n      }\n      if (config.castShadow) {\n        (light as THREE.DirectionalLight).castShadow = true;\n        if (config.shadow) {\n          (light as THREE.DirectionalLight).shadow.mapSize.width = config.shadow.mapSize.width;\n          (light as THREE.DirectionalLight).shadow.mapSize.height = config.shadow.mapSize.height;\n          (light as THREE.DirectionalLight).shadow.camera.near = config.shadow.camera.near;\n          (light as THREE.DirectionalLight).shadow.camera.far = config.shadow.camera.far;\n        }\n      }\n      break;\n    case 'point':\n      light = new THREE.PointLight(\n        config.color,\n        config.intensity,\n        config.distance || 0,\n        config.decay || 2,\n      );\n      if (config.position) {\n        if (config.position === 'camera') light.position.set(0, 0, 0);\n        else light.position.set(config.position.x, config.position.y, config.position.z);\n      }\n      break;\n    case 'spot':\n      light = new THREE.SpotLight(\n        config.color,\n        config.intensity,\n        config.distance || 0,\n        config.angle || Math.PI / 3,\n        config.penumbra || 0,\n        config.decay || 2,\n      );\n      if (config.position) {\n        if (config.position === 'camera') light.position.set(0, 0, 0);\n        else light.position.set(config.position.x, config.position.y, config.position.z);\n      }\n      if (config.target || config.position === 'camera') {\n        (light as THREE.SpotLight).target.position.set(\n          config.target?.x || 0,\n          config.target?.y || 0,\n          config.target?.z || 0,\n        );\n      }\n      if (config.castShadow) {\n        (light as THREE.SpotLight).castShadow = true;\n        if (config.shadow) {\n          (light as THREE.SpotLight).shadow.mapSize.width = config.shadow.mapSize.width;\n          (light as THREE.SpotLight).shadow.mapSize.height = config.shadow.mapSize.height;\n          (light as THREE.SpotLight).shadow.camera.near = config.shadow.camera.near;\n          (light as THREE.SpotLight).shadow.camera.far = config.shadow.camera.far;\n        }\n      }\n      break;\n    default:\n      throw new Error('Unknown light type');\n  }\n\n  return light;\n}\nfunction Graph(props: Props) {\n  const {\n    width,\n    autoRotate,\n    data,\n    enableZoom,\n    categorical,\n    colorDomain,\n    colors,\n    globeMaterial,\n    height,\n    polygonData,\n    mapProperty,\n    mapBorderColor,\n    atmosphereColor,\n    tooltip,\n    styles,\n    classNames,\n    mapNoDataColor,\n    colorLegendTitle,\n    showColorScale,\n    hoverStrokeColor,\n    detailsOnClick,\n    onSeriesMouseClick,\n    onSeriesMouseOver,\n    resetSelectionOnDoubleClick,\n    highlightedIds,\n    scale,\n    globeOffset,\n    polygonAltitude,\n    centerLng,\n    centerLat,\n    atmosphereAltitude,\n    globeCurvatureResolution,\n    fogSettings,\n    lights,\n    highlightedAltitude,\n    selectedId,\n    collapseColorScaleByDefault,\n    dimmedOpacity,\n    numberDisplayOptions,\n  } = props;\n  const [globeReady, setGlobeReady] = useState(false);\n  const globeEl = useRef<GlobeMethods | undefined>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n\n  const [showLegend, setShowLegend] = useState(\n    collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\n  );\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n  const [mouseOverData, setMouseOverData] = useState<ChoroplethMapDataType | undefined>(undefined);\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    if (globeEl.current) {\n      globeEl.current.controls().enableZoom = enableZoom;\n    }\n  }, [enableZoom]);\n  useEffect(() => {\n    if (globeEl.current) {\n      if (mouseOverData || selectedId) {\n        globeEl.current.controls().autoRotate = false;\n      } else {\n        globeEl.current.controls().autoRotate = autoRotate !== 0;\n        globeEl.current.controls().autoRotateSpeed = autoRotate;\n      }\n    }\n  }, [mouseOverData, selectedId, autoRotate]);\n  useEffect(() => {\n    if (globeEl.current && selectedId) {\n      const selectedPolygon = polygonData.find(\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        (d: any) => d.properties[mapProperty] === selectedId,\n      );\n      const [lng, lat] = getCentroidCoordinates(selectedPolygon);\n      globeEl.current.pointOfView({ lat, lng, altitude: scale }, 1000);\n    }\n  }, [selectedId, scale, polygonData, mapProperty]);\n\n  useEffect(() => {\n    const canvas = globeEl.current?.renderer().domElement;\n    if (!canvas) return;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      setMousePos({ x: e.clientX, y: e.clientY });\n    };\n\n    canvas.addEventListener('mousemove', handleMouseMove);\n    return () => canvas.removeEventListener('mousemove', handleMouseMove);\n  }, []);\n\n  useEffect(() => {\n    if (globeEl.current) {\n      globeEl.current.pointOfView({ lat: centerLat, lng: centerLng, altitude: scale }, 1000);\n    }\n  }, [scale, centerLng, centerLat]);\n  const materials =\n    globeMaterial ||\n    new THREE.MeshBasicMaterial({\n      color: '#FFF',\n    });\n  const setupCustomLighting = useCallback(() => {\n    if (!globeEl.current) return;\n\n    const scene = globeEl.current.scene();\n    const camera = globeEl.current.camera();\n\n    let lightsAndObjToRemove: THREE.Object3D[] = [];\n    scene.traverse((obj) => {\n      if (obj instanceof THREE.Light) {\n        lightsAndObjToRemove.push(obj);\n      }\n    });\n    lightsAndObjToRemove = [...lightsAndObjToRemove, ...camera.children];\n    lightsAndObjToRemove.forEach((light) => {\n      light.parent?.remove(light);\n    });\n\n    const lightConfig = lights.map((config) => createLightFromConfig(config));\n    lightConfig.forEach((light, i) => {\n      if (lights[i].type !== 'ambient' && lights[i].position === 'camera') {\n        camera.add(light);\n        if (lights[i].type !== 'point') {\n          camera.add((light as THREE.DirectionalLight | THREE.SpotLight).target);\n        }\n      } else {\n        scene.add(light);\n      }\n    });\n\n    if (fogSettings) {\n      scene.fog = new THREE.Fog(fogSettings.color, fogSettings.near, fogSettings.far);\n    }\n  }, [lights, fogSettings]);\n\n  const handleGlobeReady = () => {\n    setGlobeReady(true);\n    setupCustomLighting();\n  };\n  useEffect(() => {\n    if (globeReady) {\n      setupCustomLighting();\n    }\n  }, [globeReady, setupCustomLighting]);\n  return (\n    <div className='relative'>\n      <Globe\n        ref={globeEl}\n        height={height}\n        width={width}\n        globeOffset={globeOffset}\n        lineHoverPrecision={0}\n        polygonsData={polygonData}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonAltitude={(polygon: any) =>\n          highlightedIds?.includes(polygon?.properties?.[mapProperty]) ||\n          polygon?.properties?.[mapProperty] === selectedId\n            ? highlightedAltitude\n            : polygon?.properties?.[mapProperty] === mouseOverData?.id ||\n                polygon?.properties?.[mapProperty] === mouseClickData?.id\n              ? highlightedAltitude\n              : polygonAltitude\n        }\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonCapColor={(polygon: any) => {\n          const opacity = selectedId\n            ? polygon?.properties?.[mapProperty] === selectedId\n              ? 1\n              : dimmedOpacity\n            : highlightedIds\n              ? highlightedIds.includes(polygon?.properties?.[mapProperty])\n                ? 1\n                : dimmedOpacity\n              : 1;\n          const id = polygon?.properties?.[mapProperty];\n          const val = data.find((el) => el.id === id)?.x;\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\n          return hexToRgba(color, `${opacity}`);\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonSideColor={(polygon: any) => {\n          const id = polygon?.properties?.[mapProperty];\n          const val = data.find((el) => el.id === id)?.x;\n          const opacity = selectedId\n            ? polygon?.properties?.[mapProperty] === selectedId\n              ? 1\n              : dimmedOpacity\n            : highlightedIds\n              ? highlightedIds.includes(polygon?.properties?.[mapProperty])\n                ? 1\n                : dimmedOpacity\n              : 1;\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\n          return hexToRgba(color, `${opacity}`);\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        polygonStrokeColor={(polygon: any) =>\n          polygon?.properties?.[mapProperty] === mouseOverData?.id\n            ? hoverStrokeColor\n            : mapBorderColor\n        }\n        onGlobeClick={() => {\n          setMouseClickData(undefined);\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        onPolygonClick={(polygon: any) => {\n          const clickedData = polygon?.properties?.[mapProperty]\n            ? data.find((el) => el.id === polygon?.properties?.[mapProperty])\n            : undefined;\n          if (onSeriesMouseClick || detailsOnClick) {\n            if (\n              isEqual(mouseClickData, clickedData) &&\n              resetSelectionOnDoubleClick &&\n              clickedData\n            ) {\n              setMouseClickData(undefined);\n              onSeriesMouseClick?.(undefined);\n            } else {\n              setMouseClickData(clickedData);\n              onSeriesMouseClick?.(clickedData);\n            }\n          }\n        }}\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        onPolygonHover={(polygon: any) => {\n          const hoverData = polygon?.properties?.[mapProperty]\n            ? data.find((el) => el.id === polygon?.properties?.[mapProperty])\n            : undefined;\n          setMouseOverData(hoverData);\n          onSeriesMouseOver?.(hoverData);\n        }}\n        atmosphereColor={atmosphereColor}\n        atmosphereAltitude={atmosphereAltitude}\n        globeCurvatureResolution={globeCurvatureResolution}\n        globeMaterial={materials}\n        backgroundColor='rgba(0, 0, 0, 0)'\n        polygonsTransitionDuration={100}\n        onGlobeReady={() => {\n          if (globeEl.current) {\n            globeEl.current.pointOfView({\n              lat: centerLat,\n              lng: centerLng,\n            });\n            const scene = globeEl.current.scene();\n            setTimeout(() => {\n              const polygons = scene.children[3]?.children[0]?.children[4]?.children || [];\n              polygons.forEach((d) => {\n                const line = d.children[1];\n                line.renderOrder = 2;\n              });\n            }, 300);\n            const camera = globeEl.current.camera();\n            scene.add(camera);\n            handleGlobeReady();\n          }\n        }}\n      />\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 ? undefined : '340px',\n                }}\n              >\n                {colorLegendTitle && colorLegendTitle !== '' ? (\n                  <P\n                    size='xs'\n                    marginBottom='xs'\n                    className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\n                    style={{\n                      display: '-webkit-box',\n                      WebkitLineClamp: '1',\n                      WebkitBoxOrient: 'vertical',\n                    }}\n                  >\n                    {colorLegendTitle}\n                  </P>\n                ) : null}\n                {!categorical ? (\n                  <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\n                    <g>\n                      {colorDomain.map((d, i) => (\n                        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                        <g key={i} className='cursor-pointer'>\n                          <rect\n                            x={(i * 320) / colors.length + 1}\n                            y={1}\n                            width={320 / colors.length - 2}\n                            height={8}\n                            style={{\n                              fill: colors[i],\n                              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                        <rect\n                          x={(colorDomain.length * 320) / colors.length + 1}\n                          y={1}\n                          width={320 / colors.length - 2}\n                          height={8}\n                          style={{\n                            fill: colors[colorDomain.length],\n                            stroke: colors[colorDomain.length],\n                          }}\n                        />\n                      </g>\n                    </g>\n                  </svg>\n                ) : (\n                  <div className='flex flex-col gap-3'>\n                    {colorDomain.map((d, i) => (\n                      // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n                      <div key={i} className='flex gap-2 items-center'>\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>\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      {mouseOverData && tooltip ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={mousePos.x}\n          yPos={mousePos.y}\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    </div>\n  );\n}\n\nexport default Graph;\n","import { Spinner } from '@undp/design-system-react/Spinner';\nimport type React from 'react';\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\nimport type * as THREE from 'three';\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 type {\n  ChoroplethMapDataType,\n  ClassNameObject,\n  FogDataType,\n  Languages,\n  LightConfig,\n  NumberFormatOptions,\n  ScaleDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\nimport { getJenks } from '@/Utils/getJenks';\nimport { getUniqValue } from '@/Utils/getUniqValue';\nimport Graph from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: ChoroplethMapDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors for the choropleth map. Make sure the the colors are in hex code, any other format can cause issues. */\n  colors?: string[];\n  /** Domain of colors for the graph */\n  colorDomain?: number[] | string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Color for the areas where data is no available */\n  mapNoDataColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n\n  // Graph Parameters\n  /** Map data as an object in geoJson format or a url for geoJson */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  mapData?: any;\n  /** Stroke color of the regions in the map */\n  mapBorderColor?: string;\n  /** Center point of the map */\n  centerPoint?: [number, number];\n  /** Defines if the globe rotates automatically */\n  autoRotate?: number | boolean;\n  /** Defines the material property applied to the sphere of the globe */\n  globeMaterial?: THREE.Material;\n  /** Defines the lights for the 3D scene */\n  lights?: LightConfig[];\n  /** Defines the colo of the glow around the globe */\n  atmosphereColor?: string;\n  /** Defines if the globe can be zoomed when scrolled */\n  enableZoom?: boolean;\n  /** Position offset of the globe relative to the canvas center */\n  globeOffset?: [number, number];\n  /** Defines the camera distance from Earth. This helps in defining the default size of the globe. Smaller = closer camera therefore the globe is bigger) */\n  scale?: number;\n  /** Defines the spacing between the country shape polygon with the sphere */\n  polygonAltitude?: number;\n  /** Scale for the colors */\n  scaleType?: Exclude<ScaleDataType, 'linear'>;\n  /** Toggle visibility of color scale. */\n  showColorScale?: boolean;\n  /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\n  numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\n  /** Toggle if color scale is collapsed by default. */\n  collapseColorScaleByDefault?: boolean;\n  /** The max altitude of the atmosphere, in terms of globe radius units. */\n  atmosphereAltitude?: number;\n  /** Resolution in angular degrees of the sphere curvature. The finer the resolution, the more the globe is fragmented into smaller faces to approximate the spheric surface, at the cost of performance. */\n  globeCurvatureResolution?: number;\n  /** Defines fog settings for the scene. */\n  fogSettings?: FogDataType;\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  /** Countries or regions to be highlighted */\n  selectedId?: string;\n  /** Countries or regions to be highlighted */\n  highlightedIds?: string[];\n  /** Defines the altitude of the highlighted countries or the countries on mouseover. */\n  highlightedAltitude?: number;\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\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\n/** For using these maps you will have to install [`three`](https://threejs.org/manual/) and [react-globe.gl](https://www.npmjs.com/package/react-globe.gl) package to your project */\nexport function ThreeDGlobe(props: Props) {\n  const {\n    data,\n    mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json',\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\n    colorDomain,\n    colorLegendTitle,\n    scaleType = 'threshold',\n    padding,\n    mapNoDataColor = Colors.light.graphNoData,\n    backgroundColor = false,\n    mapBorderColor = Colors.light.grays['gray-500'],\n    relativeHeight,\n    tooltip,\n    graphID,\n    mapProperty = 'ISO3',\n    dataDownload = false,\n    language = 'en',\n    minHeight = 0,\n    theme = 'light',\n    ariaLabel,\n    styles,\n    classNames,\n    autoRotate = true,\n    enableZoom = true,\n    globeMaterial,\n    centerPoint = [0, 0],\n    atmosphereColor = '#999',\n    showColorScale = true,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    onSeriesMouseOver,\n    onSeriesMouseClick,\n    highlightedIds,\n    highlightedAltitude = 0.1,\n    dimmedOpacity = 0.3,\n    scale = 1,\n    globeOffset = [0, 0],\n    polygonAltitude = 0.01,\n    globeCurvatureResolution = 4,\n    atmosphereAltitude = 0.15,\n    fogSettings,\n    lights = [\n      {\n        type: 'ambient',\n        color: 0x404040,\n        intensity: 0.4,\n      },\n      {\n        type: 'directional',\n        color: 0xffffff,\n        intensity: 1,\n        position: { x: 5, y: 10, z: 5 },\n      },\n    ],\n    selectedId,\n    collapseColorScaleByDefault,\n    numberDisplayOptions,\n  } = props;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mapShape, setMapShape] = useState<any>(undefined);\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\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  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const onUpdateShape = useEffectEvent((shape: any) => {\n    setMapShape(shape);\n  });\n  useEffect(() => {\n    if (typeof mapData === 'string') {\n      const fetchData = fetchAndParseJSON(mapData);\n      fetchData.then((d) => {\n        if (\n          mapData ===\n          'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json'\n        ) {\n          // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n          const features = d.features.map((el: any) => {\n            if (el.geometry.type === 'Polygon') {\n              const reversed = [...el.geometry.coordinates[0]].reverse();\n              const geometry = { ...el.geometry, coordinates: [reversed] };\n              return { ...el, geometry };\n            }\n            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n            const coord: any = [];\n            // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n            el.geometry.coordinates.forEach((c: any) => {\n              const reversed = [...c[0]].reverse();\n              coord.push([reversed]);\n            });\n            const geometry = { ...el.geometry, coordinates: coord };\n            return { ...el, geometry };\n          });\n          onUpdateShape(features);\n        } else onUpdateShape(d.features);\n      });\n    } else {\n      onUpdateShape(mapData.features);\n    }\n  }, [mapData]);\n\n  const domain =\n    colorDomain ||\n    (scaleType === 'categorical'\n      ? getUniqValue(data, 'x')\n      : getJenks(\n          data.map((d) => d.x as number | null | undefined),\n          colors?.length || 4,\n        ));\n  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 || dataDownload ? (\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          graphDownload={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      ) : null}\n      <GraphArea ref={graphDiv}>\n        {svgWidth && svgHeight && mapShape ? (\n          <Graph\n            data={data}\n            globeOffset={globeOffset}\n            polygonData={mapShape}\n            colorDomain={domain}\n            width={svgWidth}\n            height={svgHeight}\n            colors={\n              colors ||\n              (scaleType === '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            mapNoDataColor={mapNoDataColor}\n            categorical={scaleType === 'categorical'}\n            mapBorderColor={mapBorderColor}\n            tooltip={tooltip}\n            mapProperty={mapProperty}\n            styles={styles}\n            classNames={classNames}\n            autoRotate={autoRotate === true ? 1.5 : autoRotate === false ? 0 : autoRotate}\n            enableZoom={enableZoom}\n            globeMaterial={globeMaterial}\n            atmosphereColor={atmosphereColor}\n            colorLegendTitle={colorLegendTitle}\n            showColorScale={showColorScale}\n            hoverStrokeColor={\n              theme === 'light' ? Colors.light.grays['gray-700'] : Colors.light.grays['gray-300']\n            }\n            highlightedIds={highlightedIds}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            onSeriesMouseOver={onSeriesMouseOver}\n            onSeriesMouseClick={onSeriesMouseClick}\n            scale={scale}\n            polygonAltitude={polygonAltitude}\n            centerLat={centerPoint[0]}\n            centerLng={centerPoint[1]}\n            atmosphereAltitude={atmosphereAltitude}\n            globeCurvatureResolution={globeCurvatureResolution}\n            fogSettings={fogSettings}\n            lights={lights}\n            highlightedAltitude={highlightedAltitude}\n            selectedId={selectedId}\n            collapseColorScaleByDefault={collapseColorScaleByDefault}\n            dimmedOpacity={dimmedOpacity}\n            numberDisplayOptions={numberDisplayOptions}\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"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/ThreeDGlobe.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./compiler-runtime-oPPev21o.cjs"),h=require("react"),nt=require("@undp/design-system-react/Spinner"),lt=require("react-globe.gl"),ct=require("./index-DQA8q5sC.cjs"),dt=require("three"),Ye=require("@undp/design-system-react/Typography"),ut=require("@undp/design-system-react/cn"),pt=require("./_commonjsHelpers-BH3jXuIh.cjs"),ht=require("./Tooltip-DwUFLDrj.cjs"),mt=require("./numberFormattingFunction-u2iNHL_c.cjs"),Ke=require("./index-DbSnila_.cjs"),gt=require("./getCentroidCoordinates-CtBGrNC8.cjs"),xt=require("./DetailsModal-BmjtLqrZ.cjs"),ft=require("./ordinal-CrsysVE-.cjs"),vt=require("./threshold-DNsSUf8Q.cjs"),yt=require("./GraphHeader.cjs"),bt=require("./GraphFooter.cjs"),jt=require("./fetchAndParseData-QTF6tjij.cjs"),re=require("./Colors.cjs"),wt=require("./getUniqValue-NX8DgwND.cjs"),Ct=require("./getJenks-BzJvhy_H.cjs"),Qe=require("./GraphContainer-gaG9TSy4.cjs");function Rt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const x=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,x.get?x:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const U=Rt(dt);var Xe,et;function St(){if(et)return Xe;et=1;var t=function(o){return o.charAt(0)==="#"?o.slice(1):o},e=function(o){var l=o.length===3||o.length===4,v=l?"".concat(o.slice(0,1)).concat(o.slice(0,1)):o.slice(0,2),a=l?"".concat(o.slice(1,2)).concat(o.slice(1,2)):o.slice(2,4),w=l?"".concat(o.slice(2,3)).concat(o.slice(2,3)):o.slice(4,6),k=(l?"".concat(o.slice(3,4)).concat(o.slice(3,4)):o.slice(6,8))||"ff";return{r:v,g:a,b:w,a:k}},n=function(o){return parseInt(o,16)},x=function(o){var l=o.r,v=o.g,a=o.b,w=o.a;return{r:n(l),g:n(v),b:n(a),a:+(n(w)/255).toFixed(2)}},j=function(o){return!isNaN(parseFloat(o))&&isFinite(o)},R=function(o,l){var v=o.r,a=o.g,w=o.b,k=o.a,P=j(l)?l:k;return"rgba(".concat(v,", ").concat(a,", ").concat(w,", ").concat(P,")")},f=function(o,l){var v=t(o),a=e(v),w=x(a);return R(w,l)};return Xe=f,Xe}var Dt=St();const tt=pt.getDefaultExportFromCjs(Dt);function Et(t){let e;switch(t.type){case"ambient":e=new U.AmbientLight(t.color,t.intensity);break;case"directional":e=new U.DirectionalLight(t.color,t.intensity),t.position&&(t.position==="camera"?e.position.set(0,0,0):e.position.set(t.position.x,t.position.y,t.position.z)),(t.target||t.position==="camera")&&e.target.position.set(t.target?.x||0,t.target?.y||0,t.target?.z===void 0?-1:t.target.z),t.castShadow&&(e.castShadow=!0,t.shadow&&(e.shadow.mapSize.width=t.shadow.mapSize.width,e.shadow.mapSize.height=t.shadow.mapSize.height,e.shadow.camera.near=t.shadow.camera.near,e.shadow.camera.far=t.shadow.camera.far));break;case"point":e=new U.PointLight(t.color,t.intensity,t.distance||0,t.decay||2),t.position&&(t.position==="camera"?e.position.set(0,0,0):e.position.set(t.position.x,t.position.y,t.position.z));break;case"spot":e=new U.SpotLight(t.color,t.intensity,t.distance||0,t.angle||Math.PI/3,t.penumbra||0,t.decay||2),t.position&&(t.position==="camera"?e.position.set(0,0,0):e.position.set(t.position.x,t.position.y,t.position.z)),(t.target||t.position==="camera")&&e.target.position.set(t.target?.x||0,t.target?.y||0,t.target?.z||0),t.castShadow&&(e.castShadow=!0,t.shadow&&(e.shadow.mapSize.width=t.shadow.mapSize.width,e.shadow.mapSize.height=t.shadow.mapSize.height,e.shadow.camera.near=t.shadow.camera.near,e.shadow.camera.far=t.shadow.camera.far));break;default:throw new Error("Unknown light type")}return e}function Nt(t){const{width:e,autoRotate:n,data:x,enableZoom:j,categorical:R,colorDomain:f,colors:c,globeMaterial:o,height:l,polygonData:v,mapProperty:a,mapBorderColor:w,atmosphereColor:k,tooltip:P,styles:ve,classNames:_,mapNoDataColor:se,colorLegendTitle:C,showColorScale:ie,hoverStrokeColor:ae,detailsOnClick:$,onSeriesMouseClick:V,onSeriesMouseOver:ye,resetSelectionOnDoubleClick:be,highlightedIds:T,scale:M,globeOffset:m,polygonAltitude:g,centerLng:W,centerLat:Z,atmosphereAltitude:ne,globeCurvatureResolution:J,fogSettings:z,lights:L,highlightedAltitude:le,selectedId:y,collapseColorScaleByDefault:X,dimmedOpacity:A,numberDisplayOptions:B}=t,[ce,je]=h.useState(!1),u=h.useRef(void 0),[N,H]=h.useState(void 0),[we,de]=h.useState(X===void 0?!(e<680):!X),[Y,K]=h.useState({x:0,y:0}),[E,ue]=h.useState(void 0),Q=R?ft.ordinal().domain(f).range(c):vt.threshold().domain(f).range(c);h.useEffect(()=>{u.current&&(u.current.controls().enableZoom=j)},[j]),h.useEffect(()=>{u.current&&(E||y?u.current.controls().autoRotate=!1:(u.current.controls().autoRotate=n!==0,u.current.controls().autoRotateSpeed=n))},[E,y,n]),h.useEffect(()=>{if(u.current&&y){const r=v.find(b=>b.properties[a]===y),[s,d]=gt.getCentroidCoordinates(r);u.current.pointOfView({lat:d,lng:s,altitude:M},1e3)}},[y,M,v,a]),h.useEffect(()=>{const r=u.current?.renderer().domElement;if(!r)return;const s=d=>{K({x:d.clientX,y:d.clientY})};return r.addEventListener("mousemove",s),()=>r.removeEventListener("mousemove",s)},[]),h.useEffect(()=>{u.current&&u.current.pointOfView({lat:Z,lng:W,altitude:M},1e3)},[M,W,Z]);const S=o||new U.MeshBasicMaterial({color:"#FFF"}),F=h.useCallback(()=>{if(!u.current)return;const r=u.current.scene(),s=u.current.camera();let d=[];r.traverse(p=>{p instanceof U.Light&&d.push(p)}),d=[...d,...s.children],d.forEach(p=>p.parent?.remove(p)),L.map(p=>Et(p)).forEach((p,D)=>{L[D].type!=="ambient"&&L[D].position==="camera"?(s.add(p),L[D].type!=="point"&&s.add(p.target)):r.add(p)}),z&&(r.fog=new U.Fog(z.color,z.near,z.far))},[L,z]),O=()=>{je(!0),F()};return h.useEffect(()=>{ce&&F()},[ce,F]),i.jsxRuntimeExports.jsxs("div",{className:"relative",children:[i.jsxRuntimeExports.jsx(lt,{ref:u,height:l,width:e,globeOffset:m,lineHoverPrecision:0,polygonsData:v,polygonAltitude:r=>T?.includes(r?.properties?.[a])||r?.properties?.[a]===y||r?.properties?.[a]===E?.id||r?.properties?.[a]===N?.id?le:g,polygonCapColor:r=>{const s=y?r?.properties?.[a]===y?1:A:T?T.includes(r?.properties?.[a])?1:A:1,d=r?.properties?.[a],b=x.find(D=>D.id===d)?.x,p=b!=null?Q(b):se;return tt(p,`${s}`)},polygonSideColor:r=>{const s=r?.properties?.[a],d=x.find(D=>D.id===s)?.x,b=y?r?.properties?.[a]===y?1:A:T?T.includes(r?.properties?.[a])?1:A:1,p=d!=null?Q(d):se;return tt(p,`${b}`)},polygonStrokeColor:r=>r?.properties?.[a]===E?.id?ae:w,onGlobeClick:()=>{H(void 0)},onPolygonClick:r=>{const s=r?.properties?.[a]?x.find(d=>d.id===r?.properties?.[a]):void 0;(V||$)&&(ct.isEqual(N,s)&&be&&s?(H(void 0),V?.(void 0)):(H(s),V?.(s)))},onPolygonHover:r=>{const s=r?.properties?.[a]?x.find(d=>d.id===r?.properties?.[a]):void 0;ue(s),ye?.(s)},atmosphereColor:k,atmosphereAltitude:ne,globeCurvatureResolution:J,globeMaterial:S,backgroundColor:"rgba(0, 0, 0, 0)",polygonsTransitionDuration:100,onGlobeReady:()=>{if(u.current){u.current.pointOfView({lat:Z,lng:W});const r=u.current.scene();setTimeout(()=>{(r.children[3]?.children[0]?.children[4]?.children||[]).forEach(b=>{const p=b.children[1];p.renderOrder=2})},300);const s=u.current.camera();r.add(s),O()}}}),ie===!1?null:i.jsxRuntimeExports.jsx("div",{className:ut.cn("absolute left-4 bottom-4 map-color-legend",_?.colorLegend),children:we?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.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:()=>{de(!1)},children:i.jsxRuntimeExports.jsx(Ke.X,{})}),i.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:R?void 0:"340px"},children:[C&&C!==""?i.jsxRuntimeExports.jsx(Ye.P,{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:C}):null,R?i.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:f.map((r,s)=>i.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[i.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:c[s%c.length]}}),i.jsxRuntimeExports.jsx(Ye.P,{size:"sm",marginBottom:"none",leading:"none",children:r})]},s))}):i.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:i.jsxRuntimeExports.jsxs("g",{children:[f.map((r,s)=>i.jsxRuntimeExports.jsxs("g",{className:"cursor-pointer",children:[i.jsxRuntimeExports.jsx("rect",{x:s*320/c.length+1,y:1,width:320/c.length-2,height:8,style:{fill:c[s],stroke:c[s]}}),i.jsxRuntimeExports.jsx("text",{x:(s+1)*320/c.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:mt.numberFormattingFunction(r,void 0,B?.precision??2,void 0,void 0,B?.locale||"en",B?.padZeros||!1)})]},s)),i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx("rect",{x:f.length*320/c.length+1,y:1,width:320/c.length-2,height:8,style:{fill:c[f.length],stroke:c[f.length]}})})]})})]})]}):i.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:()=>{de(!0)},children:i.jsxRuntimeExports.jsx(Ke.ExpandIcon,{})})}),E&&P?i.jsxRuntimeExports.jsx(ht.Tooltip,{data:E,body:P,xPos:Y.x,yPos:Y.y,backgroundStyle:ve?.tooltip,className:_?.tooltip}):null,$&&N!==void 0?i.jsxRuntimeExports.jsx(xt.DetailsModal,{body:$,data:N,setData:H,className:_?.modal}):null]})}function Ot(t){const e=i.compilerRuntimeExports.c(96),{data:n,mapData:x,graphTitle:j,colors:R,sources:f,graphDescription:c,height:o,width:l,footNote:v,colorDomain:a,colorLegendTitle:w,scaleType:k,padding:P,mapNoDataColor:ve,backgroundColor:_,mapBorderColor:se,relativeHeight:C,tooltip:ie,graphID:ae,mapProperty:$,dataDownload:V,language:ye,minHeight:be,theme:T,ariaLabel:M,styles:m,classNames:g,autoRotate:W,enableZoom:Z,globeMaterial:ne,centerPoint:J,atmosphereColor:z,showColorScale:L,resetSelectionOnDoubleClick:le,detailsOnClick:y,onSeriesMouseOver:X,onSeriesMouseClick:A,highlightedIds:B,highlightedAltitude:ce,dimmedOpacity:je,scale:u,globeOffset:N,polygonAltitude:H,globeCurvatureResolution:we,atmosphereAltitude:de,fogSettings:Y,lights:K,selectedId:E,collapseColorScaleByDefault:ue,numberDisplayOptions:Q}=t,S=x===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json":x,F=v===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.":v,O=k===void 0?"threshold":k,r=ve===void 0?re.Colors.light.graphNoData:ve,s=_===void 0?!1:_,d=se===void 0?re.Colors.light.grays["gray-500"]:se,b=$===void 0?"ISO3":$,p=V===void 0?!1:V,D=ye===void 0?"en":ye,q=be===void 0?0:be,G=T===void 0?"light":T,pe=W===void 0?!0:W,ze=Z===void 0?!0:Z;let Ce;e[0]!==J?(Ce=J===void 0?[0,0]:J,e[0]=J,e[1]=Ce):Ce=e[1];const Re=Ce,Le=z===void 0?"#999":z,Ae=L===void 0?!0:L,Fe=le===void 0?!0:le,Ge=ce===void 0?.1:ce,Be=je===void 0?.3:je,He=u===void 0?1:u;let Se;e[2]!==N?(Se=N===void 0?[0,0]:N,e[2]=N,e[3]=Se):Se=e[3];const Ie=Se,Ue=H===void 0?.01:H,_e=we===void 0?4:we,$e=de===void 0?.15:de;let De;e[4]!==K?(De=K===void 0?[{type:"ambient",color:4210752,intensity:.4},{type:"directional",color:16777215,intensity:1,position:{x:5,y:10,z:5}}]:K,e[4]=K,e[5]=De):De=e[5];const Ve=De,[Ee,ot]=h.useState(void 0),[I,rt]=h.useState(0),[he,st]=h.useState(0),We=h.useRef(null),it=h.useRef(null);let Ne,Oe;e[6]===Symbol.for("react.memo_cache_sentinel")?(Ne=()=>{const xe=new ResizeObserver(fe=>{rt(fe[0].target.clientWidth||620),st(fe[0].target.clientHeight||480)});return We.current&&xe.observe(We.current),()=>xe.disconnect()},Oe=[],e[6]=Ne,e[7]=Oe):(Ne=e[6],Oe=e[7]),h.useEffect(Ne,Oe);let qe;e[8]===Symbol.for("react.memo_cache_sentinel")?(qe=xe=>{ot(xe)},e[8]=qe):qe=e[8];const me=h.useEffectEvent(qe);let ke;e[9]!==S||e[10]!==me?(ke=()=>{typeof S=="string"?jt.fetchAndParseJSON(S).then(fe=>{if(S==="https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json"){const at=fe.features.map(Lt);me(at)}else me(fe.features)}):me(S.features)},e[9]=S,e[10]=me,e[11]=ke):ke=e[11];let Pe;e[12]!==S?(Pe=[S],e[12]=S,e[13]=Pe):Pe=e[13],h.useEffect(ke,Pe);let Te;e[14]!==a||e[15]!==R?.length||e[16]!==n||e[17]!==O?(Te=a||(O==="categorical"?wt.getUniqValue(n,"x"):Ct.getJenks(n.map(zt),R?.length||4)),e[14]=a,e[15]=R?.length,e[16]=n,e[17]=O,e[18]=Te):Te=e[18];const ge=Te,Ze=g?.graphContainer,Je=m?.graphContainer;let ee;e[19]!==g?.description||e[20]!==g?.title||e[21]!==n||e[22]!==p||e[23]!==c||e[24]!==j||e[25]!==m?.description||e[26]!==m?.title||e[27]!==l?(ee=j||c||p?i.jsxRuntimeExports.jsx(yt.GraphHeader,{styles:{title:m?.title,description:m?.description},classNames:{title:g?.title,description:g?.description},graphTitle:j,graphDescription:c,width:l,graphDownload:void 0,dataDownload:p?n.map(Mt).filter(Tt).length>0?n.map(Pt).filter(kt):n.filter(qt):null}):null,e[19]=g?.description,e[20]=g?.title,e[21]=n,e[22]=p,e[23]=c,e[24]=j,e[25]=m?.description,e[26]=m?.title,e[27]=l,e[28]=ee):ee=e[28];let te;e[29]!==$e||e[30]!==Le||e[31]!==pe||e[32]!==Re||e[33]!==g||e[34]!==ue||e[35]!==w||e[36]!==R||e[37]!==n||e[38]!==y||e[39]!==Be||e[40]!==ge||e[41]!==ze||e[42]!==Y||e[43]!==_e||e[44]!==ne||e[45]!==Ie||e[46]!==o||e[47]!==Ge||e[48]!==B||e[49]!==Ve||e[50]!==d||e[51]!==r||e[52]!==b||e[53]!==Ee||e[54]!==q||e[55]!==Q||e[56]!==A||e[57]!==X||e[58]!==Ue||e[59]!==C||e[60]!==Fe||e[61]!==He||e[62]!==O||e[63]!==E||e[64]!==Ae||e[65]!==m||e[66]!==he||e[67]!==I||e[68]!==G||e[69]!==ie||e[70]!==l?(te=i.jsxRuntimeExports.jsx(Qe.GraphArea,{ref:We,children:I&&he&&Ee?i.jsxRuntimeExports.jsx(Nt,{data:n,globeOffset:Ie,polygonData:Ee,colorDomain:ge,width:I,height:he,colors:R||(O==="categorical"?re.Colors[G].sequentialColors[`neutralColorsx0${ge.length}`]:re.Colors[G].sequentialColors[`neutralColorsx0${ge.length+1}`]),mapNoDataColor:r,categorical:O==="categorical",mapBorderColor:d,tooltip:ie,mapProperty:b,styles:m,classNames:g,autoRotate:pe===!0?1.5:pe===!1?0:pe,enableZoom:ze,globeMaterial:ne,atmosphereColor:Le,colorLegendTitle:w,showColorScale:Ae,hoverStrokeColor:G==="light"?re.Colors.light.grays["gray-700"]:re.Colors.light.grays["gray-300"],highlightedIds:B,resetSelectionOnDoubleClick:Fe,detailsOnClick:y,onSeriesMouseOver:X,onSeriesMouseClick:A,scale:He,polygonAltitude:Ue,centerLat:Re[0],centerLng:Re[1],atmosphereAltitude:$e,globeCurvatureResolution:_e,fogSettings:Y,lights:Ve,highlightedAltitude:Ge,selectedId:E,collapseColorScaleByDefault:ue,dimmedOpacity:Be,numberDisplayOptions:Q}):i.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(q,o||(C?q?(l||I)*C>q?(l||I)*C:q:(l||I)*C:he))}px`},className:"flex items-center justify-center",children:i.jsxRuntimeExports.jsx(nt.Spinner,{"aria-label":"Loading graph"})})}),e[29]=$e,e[30]=Le,e[31]=pe,e[32]=Re,e[33]=g,e[34]=ue,e[35]=w,e[36]=R,e[37]=n,e[38]=y,e[39]=Be,e[40]=ge,e[41]=ze,e[42]=Y,e[43]=_e,e[44]=ne,e[45]=Ie,e[46]=o,e[47]=Ge,e[48]=B,e[49]=Ve,e[50]=d,e[51]=r,e[52]=b,e[53]=Ee,e[54]=q,e[55]=Q,e[56]=A,e[57]=X,e[58]=Ue,e[59]=C,e[60]=Fe,e[61]=He,e[62]=O,e[63]=E,e[64]=Ae,e[65]=m,e[66]=he,e[67]=I,e[68]=G,e[69]=ie,e[70]=l,e[71]=te):te=e[71];let oe;e[72]!==g?.footnote||e[73]!==g?.source||e[74]!==F||e[75]!==f||e[76]!==m?.footnote||e[77]!==m?.source||e[78]!==l?(oe=f||F?i.jsxRuntimeExports.jsx(bt.GraphFooter,{styles:{footnote:m?.footnote,source:m?.source},classNames:{footnote:g?.footnote,source:g?.source},sources:f,footNote:F,width:l}):null,e[72]=g?.footnote,e[73]=g?.source,e[74]=F,e[75]=f,e[76]=m?.footnote,e[77]=m?.source,e[78]=l,e[79]=oe):oe=e[79];let Me;return e[80]!==M||e[81]!==s||e[82]!==ae||e[83]!==o||e[84]!==D||e[85]!==q||e[86]!==P||e[87]!==C||e[88]!==Ze||e[89]!==Je||e[90]!==ee||e[91]!==te||e[92]!==oe||e[93]!==G||e[94]!==l?(Me=i.jsxRuntimeExports.jsxs(Qe.GraphContainer,{className:Ze,style:Je,id:ae,ref:it,"aria-label":M,backgroundColor:s,theme:G,language:D,minHeight:q,width:l,height:o,relativeHeight:C,padding:P,children:[ee,te,oe]}),e[80]=M,e[81]=s,e[82]=ae,e[83]=o,e[84]=D,e[85]=q,e[86]=P,e[87]=C,e[88]=Ze,e[89]=Je,e[90]=ee,e[91]=te,e[92]=oe,e[93]=G,e[94]=l,e[95]=Me):Me=e[95],Me}function qt(t){return t!==void 0}function kt(t){return t!==void 0}function Pt(t){return t.data}function Tt(t){return t!==void 0}function Mt(t){return t.data}function zt(t){return t.x}function Lt(t){if(t.geometry.type==="Polygon"){const x=[...t.geometry.coordinates[0]].reverse(),j={...t.geometry,coordinates:[x]};return{...t,geometry:j}}const e=[];t.geometry.coordinates.forEach(x=>{const j=[...x[0]].reverse();e.push([j])});const n={...t.geometry,coordinates:e};return{...t,geometry:n}}exports.ThreeDGlobe=Ot;
-//# sourceMappingURL=ThreeDGlobe.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./ThreeDGlobe-7eJdMW-R.cjs`);exports.ThreeDGlobe=e.t;

package/dist/ThreeDGlobe.d.ts

@@ -1,247 +1,2 @@
-import { default as default_2 } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import * as THREE from 'three';
-
-declare interface AmbientLightConfig extends BaseLightConfig {
-    type: 'ambient';
-}
-
-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 BaseLightConfig {
-    type: string;
-    color: number;
-    intensity: number;
-}
-
-declare interface ChoroplethMapDataType {
-    x?: number | string | null;
-    id: string;
-    date?: string | number;
-    data?: object;
-}
-
-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 DirectionalLightConfig extends BaseLightConfig {
-    type: 'directional';
-    target?: Position;
-    castShadow?: boolean;
-    shadow?: ShadowConfig;
-    position?: Position | 'camera';
-}
-
-declare interface FogDataType {
-    color: string;
-    near: number;
-    far: number;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare type LightConfig = AmbientLightConfig | DirectionalLightConfig | PointLightConfig | SpotLightConfig;
-
-declare interface NumberFormatOptions {
-    locale?: string;
-    precision?: number;
-    prefix?: string;
-    suffix?: string;
-    padZeros?: boolean;
-}
-
-declare interface PointLightConfig extends BaseLightConfig {
-    type: 'point';
-    distance?: number;
-    decay?: number;
-    position?: Position | 'camera';
-}
-
-declare interface Position {
-    x: number;
-    y: number;
-    z: number;
-}
-
-declare interface Props {
-    /** Array of data objects */
-    data: ChoroplethMapDataType[];
-    /** Title of the graph */
-    graphTitle?: string | default_2.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | default_2.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | default_2.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** Colors for the choropleth map. Make sure the the colors are in hex code, any other format can cause issues. */
-    colors?: string[];
-    /** Domain of colors for the graph */
-    colorDomain?: number[] | string[];
-    /** Title for the color legend */
-    colorLegendTitle?: 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;
-    /** Map data as an object in geoJson format or a url for geoJson */
-    mapData?: any;
-    /** Stroke color of the regions in the map */
-    mapBorderColor?: string;
-    /** Center point of the map */
-    centerPoint?: [number, number];
-    /** Defines if the globe rotates automatically */
-    autoRotate?: number | boolean;
-    /** Defines the material property applied to the sphere of the globe */
-    globeMaterial?: THREE.Material;
-    /** Defines the lights for the 3D scene */
-    lights?: LightConfig[];
-    /** Defines the colo of the glow around the globe */
-    atmosphereColor?: string;
-    /** Defines if the globe can be zoomed when scrolled */
-    enableZoom?: boolean;
-    /** Position offset of the globe relative to the canvas center */
-    globeOffset?: [number, number];
-    /** Defines the camera distance from Earth. This helps in defining the default size of the globe. Smaller = closer camera therefore the globe is bigger) */
-    scale?: number;
-    /** Defines the spacing between the country shape polygon with the sphere */
-    polygonAltitude?: number;
-    /** Scale for the colors */
-    scaleType?: Exclude<ScaleDataType, 'linear'>;
-    /** Toggle visibility of color scale. */
-    showColorScale?: boolean;
-    /** Configuration options for controlling number formatting, localization, precision, and zero padding. */
-    numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;
-    /** Toggle if color scale is collapsed by default. */
-    collapseColorScaleByDefault?: boolean;
-    /** The max altitude of the atmosphere, in terms of globe radius units. */
-    atmosphereAltitude?: number;
-    /** Resolution in angular degrees of the sphere curvature. The finer the resolution, the more the globe is fragmented into smaller faces to approximate the spheric surface, at the cost of performance. */
-    globeCurvatureResolution?: number;
-    /** Defines fog settings for the scene. */
-    fogSettings?: FogDataType;
-    /** Property in the property object in mapData geoJson object is used to match to the id in the data object */
-    mapProperty?: string;
-    /** Countries or regions to be highlighted */
-    selectedId?: string;
-    /** Countries or regions to be highlighted */
-    highlightedIds?: string[];
-    /** Defines the altitude of the highlighted countries or the countries on mouseover. */
-    highlightedAltitude?: number;
-    /** Defines the opacity of the non-highlighted data */
-    dimmedOpacity?: number;
-    /** 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) => default_2.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) => default_2.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 ShadowConfig {
-    mapSize: {
-        width: number;
-        height: number;
-    };
-    camera: {
-        near: number;
-        far: number;
-    };
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface SpotLightConfig extends BaseLightConfig {
-    type: 'spot';
-    target?: Position;
-    distance?: number;
-    angle?: number;
-    penumbra?: number;
-    decay?: number;
-    castShadow?: boolean;
-    shadow?: ShadowConfig;
-    position?: Position | 'camera';
-}
-
-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;
-}
-
-/** For using these maps you will have to install [`three`](https://threejs.org/manual/) and [react-globe.gl](https://www.npmjs.com/package/react-globe.gl) package to your project */
-export declare function ThreeDGlobe(props: Props): JSX.Element;
-
-export { }
+export * from './Components/Graphs/Maps/ThreeDGlobe/index'
+export {}