{"version":3,"file":"ThreeDGlobe-Dw8W5rgG.cjs","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';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport { scaleOrdinal, scaleThreshold } from 'd3-scale';\r\nimport isEqual from 'fast-deep-equal';\r\nimport hexToRgba from 'hex-to-rgba';\r\nimport { useCallback, useEffect, useRef, useState } from 'react';\r\nimport Globe, { type GlobeMethods } from 'react-globe.gl';\r\nimport * as THREE from 'three';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport {\r\n LegendCollapseButton,\r\n LegendExpandButton,\r\n} from '@/Components/Elements/LegendExpandControls';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport type {\r\n ChoroplethMapDataType,\r\n ClassNameObject,\r\n FogDataType,\r\n LightConfig,\r\n NumberFormatOptions,\r\n StyleObject,\r\n} from '@/Types';\r\nimport { getCentroidCoordinates } from '@/Utils/getCentroidCoordinates';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n width: number;\r\n data: ChoroplethMapDataType[];\r\n autoRotate: number;\r\n enableZoom: boolean;\r\n categorical: boolean;\r\n colorDomain: (number | string)[];\r\n colors: string[];\r\n height: number;\r\n globeMaterial?: THREE.Material;\r\n lights: LightConfig[];\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n polygonData: any;\r\n mapProperty: string;\r\n mapBorderColor: string;\r\n atmosphereColor: string;\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n styles?: StyleObject;\r\n classNames?: ClassNameObject;\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n onSeriesMouseOver?: (_d: any) => void;\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n onSeriesMouseClick?: (_d: any) => void;\r\n mapNoDataColor: string;\r\n colorLegendTitle?: string;\r\n showColorScale: boolean;\r\n hoverStrokeColor: string;\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n resetSelectionOnDoubleClick: boolean;\r\n highlightedIds?: string[];\r\n scale: number;\r\n globeOffset: [number, number];\r\n polygonAltitude: number;\r\n centerLng: number;\r\n centerLat: number;\r\n atmosphereAltitude: number;\r\n globeCurvatureResolution: number;\r\n fogSettings?: FogDataType;\r\n highlightedAltitude: number;\r\n selectedId?: string;\r\n collapseColorScaleByDefault?: boolean;\r\n dimmedOpacity: number;\r\n numberDisplayOptions?: Omit;\r\n}\r\n\r\nfunction createLightFromConfig(config: LightConfig): THREE.Light {\r\n let light: THREE.Light;\r\n\r\n switch (config.type) {\r\n case 'ambient':\r\n light = new THREE.AmbientLight(config.color, config.intensity);\r\n break;\r\n case 'directional':\r\n light = new THREE.DirectionalLight(config.color, config.intensity);\r\n if (config.position) {\r\n if (config.position === 'camera') light.position.set(0, 0, 0);\r\n else light.position.set(config.position.x, config.position.y, config.position.z);\r\n }\r\n if (config.target || config.position === 'camera') {\r\n (light as THREE.SpotLight).target.position.set(\r\n config.target?.x || 0,\r\n config.target?.y || 0,\r\n config.target?.z === undefined ? -1 : config.target.z,\r\n );\r\n }\r\n if (config.castShadow) {\r\n (light as THREE.DirectionalLight).castShadow = true;\r\n if (config.shadow) {\r\n (light as THREE.DirectionalLight).shadow.mapSize.width = config.shadow.mapSize.width;\r\n (light as THREE.DirectionalLight).shadow.mapSize.height = config.shadow.mapSize.height;\r\n (light as THREE.DirectionalLight).shadow.camera.near = config.shadow.camera.near;\r\n (light as THREE.DirectionalLight).shadow.camera.far = config.shadow.camera.far;\r\n }\r\n }\r\n break;\r\n case 'point':\r\n light = new THREE.PointLight(\r\n config.color,\r\n config.intensity,\r\n config.distance || 0,\r\n config.decay || 2,\r\n );\r\n if (config.position) {\r\n if (config.position === 'camera') light.position.set(0, 0, 0);\r\n else light.position.set(config.position.x, config.position.y, config.position.z);\r\n }\r\n break;\r\n case 'spot':\r\n light = new THREE.SpotLight(\r\n config.color,\r\n config.intensity,\r\n config.distance || 0,\r\n config.angle || Math.PI / 3,\r\n config.penumbra || 0,\r\n config.decay || 2,\r\n );\r\n if (config.position) {\r\n if (config.position === 'camera') light.position.set(0, 0, 0);\r\n else light.position.set(config.position.x, config.position.y, config.position.z);\r\n }\r\n if (config.target || config.position === 'camera') {\r\n (light as THREE.SpotLight).target.position.set(\r\n config.target?.x || 0,\r\n config.target?.y || 0,\r\n config.target?.z || 0,\r\n );\r\n }\r\n if (config.castShadow) {\r\n (light as THREE.SpotLight).castShadow = true;\r\n if (config.shadow) {\r\n (light as THREE.SpotLight).shadow.mapSize.width = config.shadow.mapSize.width;\r\n (light as THREE.SpotLight).shadow.mapSize.height = config.shadow.mapSize.height;\r\n (light as THREE.SpotLight).shadow.camera.near = config.shadow.camera.near;\r\n (light as THREE.SpotLight).shadow.camera.far = config.shadow.camera.far;\r\n }\r\n }\r\n break;\r\n default:\r\n throw new Error('Unknown light type');\r\n }\r\n\r\n return light;\r\n}\r\nfunction Graph(props: Props) {\r\n const {\r\n width,\r\n autoRotate,\r\n data,\r\n enableZoom,\r\n categorical,\r\n colorDomain,\r\n colors,\r\n globeMaterial,\r\n height,\r\n polygonData,\r\n mapProperty,\r\n mapBorderColor,\r\n atmosphereColor,\r\n tooltip,\r\n styles,\r\n classNames,\r\n mapNoDataColor,\r\n colorLegendTitle,\r\n showColorScale,\r\n hoverStrokeColor,\r\n detailsOnClick,\r\n onSeriesMouseClick,\r\n onSeriesMouseOver,\r\n resetSelectionOnDoubleClick,\r\n highlightedIds,\r\n scale,\r\n globeOffset,\r\n polygonAltitude,\r\n centerLng,\r\n centerLat,\r\n atmosphereAltitude,\r\n globeCurvatureResolution,\r\n fogSettings,\r\n lights,\r\n highlightedAltitude,\r\n selectedId,\r\n collapseColorScaleByDefault,\r\n dimmedOpacity,\r\n numberDisplayOptions,\r\n } = props;\r\n const [globeReady, setGlobeReady] = useState(false);\r\n const globeEl = useRef(undefined);\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n const [mouseClickData, setMouseClickData] = useState(undefined);\r\n\r\n const [showLegend, setShowLegend] = useState(\r\n collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n );\r\n const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\r\n const [mouseOverData, setMouseOverData] = useState(undefined);\r\n const colorScale = categorical\r\n ? scaleOrdinal().domain(colorDomain).range(colors)\r\n : scaleThreshold()\r\n .domain(colorDomain as number[])\r\n .range(colors);\r\n useEffect(() => {\r\n if (globeEl.current) {\r\n globeEl.current.controls().enableZoom = enableZoom;\r\n }\r\n }, [enableZoom]);\r\n useEffect(() => {\r\n if (globeEl.current) {\r\n if (mouseOverData || selectedId) {\r\n globeEl.current.controls().autoRotate = false;\r\n } else {\r\n globeEl.current.controls().autoRotate = autoRotate !== 0;\r\n globeEl.current.controls().autoRotateSpeed = autoRotate;\r\n }\r\n }\r\n }, [mouseOverData, selectedId, autoRotate]);\r\n useEffect(() => {\r\n if (globeEl.current && selectedId) {\r\n const selectedPolygon = polygonData.find(\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n (d: any) => d.properties[mapProperty] === selectedId,\r\n );\r\n const [lng, lat] = getCentroidCoordinates(selectedPolygon);\r\n globeEl.current.pointOfView({ lat, lng, altitude: scale }, 1000);\r\n }\r\n }, [selectedId, scale, polygonData, mapProperty]);\r\n\r\n useEffect(() => {\r\n const canvas = globeEl.current?.renderer().domElement;\r\n if (!canvas) return;\r\n\r\n const handleMouseMove = (e: MouseEvent) => {\r\n setMousePos({ x: e.clientX, y: e.clientY });\r\n };\r\n\r\n canvas.addEventListener('mousemove', handleMouseMove);\r\n return () => canvas.removeEventListener('mousemove', handleMouseMove);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (globeEl.current) {\r\n globeEl.current.pointOfView({ lat: centerLat, lng: centerLng, altitude: scale }, 1000);\r\n }\r\n }, [scale, centerLng, centerLat]);\r\n const materials =\r\n globeMaterial ||\r\n new THREE.MeshBasicMaterial({\r\n color: '#FFF',\r\n });\r\n const setupCustomLighting = useCallback(() => {\r\n if (!globeEl.current) return;\r\n\r\n const scene = globeEl.current.scene();\r\n const camera = globeEl.current.camera();\r\n\r\n let lightsAndObjToRemove: THREE.Object3D[] = [];\r\n scene.traverse((obj) => {\r\n if (obj instanceof THREE.Light) {\r\n lightsAndObjToRemove.push(obj);\r\n }\r\n });\r\n lightsAndObjToRemove = [...lightsAndObjToRemove, ...camera.children];\r\n lightsAndObjToRemove.forEach((light) => {\r\n light.parent?.remove(light);\r\n });\r\n\r\n const lightConfig = lights.map((config) => createLightFromConfig(config));\r\n lightConfig.forEach((light, i) => {\r\n if (lights[i].type !== 'ambient' && lights[i].position === 'camera') {\r\n camera.add(light);\r\n if (lights[i].type !== 'point') {\r\n camera.add((light as THREE.DirectionalLight | THREE.SpotLight).target);\r\n }\r\n } else {\r\n scene.add(light);\r\n }\r\n });\r\n\r\n if (fogSettings) {\r\n scene.fog = new THREE.Fog(fogSettings.color, fogSettings.near, fogSettings.far);\r\n }\r\n }, [lights, fogSettings]);\r\n\r\n const handleGlobeReady = () => {\r\n setGlobeReady(true);\r\n setupCustomLighting();\r\n };\r\n useEffect(() => {\r\n if (globeReady) {\r\n setupCustomLighting();\r\n }\r\n }, [globeReady, setupCustomLighting]);\r\n return (\r\n
\r\n \r\n highlightedIds?.includes(polygon?.properties?.[mapProperty]) ||\r\n polygon?.properties?.[mapProperty] === selectedId\r\n ? highlightedAltitude\r\n : polygon?.properties?.[mapProperty] === mouseOverData?.id ||\r\n polygon?.properties?.[mapProperty] === mouseClickData?.id\r\n ? highlightedAltitude\r\n : polygonAltitude\r\n }\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n polygonCapColor={(polygon: any) => {\r\n const opacity = selectedId\r\n ? polygon?.properties?.[mapProperty] === selectedId\r\n ? 1\r\n : dimmedOpacity\r\n : highlightedIds\r\n ? highlightedIds.includes(polygon?.properties?.[mapProperty])\r\n ? 1\r\n : dimmedOpacity\r\n : 1;\r\n const id = polygon?.properties?.[mapProperty];\r\n const val = data.find((el) => el.id === id)?.x;\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\r\n return hexToRgba(color, `${opacity}`);\r\n }}\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n polygonSideColor={(polygon: any) => {\r\n const id = polygon?.properties?.[mapProperty];\r\n const val = data.find((el) => el.id === id)?.x;\r\n const opacity = selectedId\r\n ? polygon?.properties?.[mapProperty] === selectedId\r\n ? 1\r\n : dimmedOpacity\r\n : highlightedIds\r\n ? highlightedIds.includes(polygon?.properties?.[mapProperty])\r\n ? 1\r\n : dimmedOpacity\r\n : 1;\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n const color = val !== undefined && val !== null ? colorScale(val as any) : mapNoDataColor;\r\n return hexToRgba(color, `${opacity}`);\r\n }}\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n polygonStrokeColor={(polygon: any) =>\r\n polygon?.properties?.[mapProperty] === mouseOverData?.id\r\n ? hoverStrokeColor\r\n : mapBorderColor\r\n }\r\n onGlobeClick={() => {\r\n setMouseClickData(undefined);\r\n }}\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n onPolygonClick={(polygon: any) => {\r\n const clickedData = polygon?.properties?.[mapProperty]\r\n ? data.find((el) => el.id === polygon?.properties?.[mapProperty])\r\n : undefined;\r\n if (onSeriesMouseClick || detailsOnClick) {\r\n if (\r\n isEqual(mouseClickData, clickedData) &&\r\n resetSelectionOnDoubleClick &&\r\n clickedData\r\n ) {\r\n setMouseClickData(undefined);\r\n onSeriesMouseClick?.(undefined);\r\n } else {\r\n setMouseClickData(clickedData);\r\n onSeriesMouseClick?.(clickedData);\r\n }\r\n }\r\n }}\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n onPolygonHover={(polygon: any) => {\r\n const hoverData = polygon?.properties?.[mapProperty]\r\n ? data.find((el) => el.id === polygon?.properties?.[mapProperty])\r\n : undefined;\r\n setMouseOverData(hoverData);\r\n onSeriesMouseOver?.(hoverData);\r\n }}\r\n atmosphereColor={atmosphereColor}\r\n atmosphereAltitude={atmosphereAltitude}\r\n globeCurvatureResolution={globeCurvatureResolution}\r\n globeMaterial={materials}\r\n backgroundColor='rgba(0, 0, 0, 0)'\r\n polygonsTransitionDuration={100}\r\n onGlobeReady={() => {\r\n if (globeEl.current) {\r\n globeEl.current.pointOfView({\r\n lat: centerLat,\r\n lng: centerLng,\r\n });\r\n const scene = globeEl.current.scene();\r\n setTimeout(() => {\r\n const polygons = scene.children[3]?.children[0]?.children[4]?.children || [];\r\n polygons.forEach((d) => {\r\n const line = d.children[1];\r\n line.renderOrder = 2;\r\n });\r\n }, 300);\r\n const camera = globeEl.current.camera();\r\n scene.add(camera);\r\n handleGlobeReady();\r\n }\r\n }}\r\n />\r\n {showColorScale === false ? null : (\r\n
\r\n {showLegend ? (\r\n <>\r\n \r\n \r\n {colorLegendTitle && colorLegendTitle !== '' ? (\r\n \r\n {colorLegendTitle}\r\n

\r\n ) : null}\r\n {!categorical ? (\r\n \r\n \r\n {colorDomain.map((d, i) => (\r\n // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\r\n \r\n \r\n \r\n {numberFormattingFunction(\r\n d as number,\r\n undefined,\r\n numberDisplayOptions?.precision ?? 2,\r\n undefined,\r\n undefined,\r\n numberDisplayOptions?.locale || 'en',\r\n numberDisplayOptions?.padZeros || 'none',\r\n )}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n
\r\n {colorDomain.map((d, i) => (\r\n // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\r\n
\r\n \r\n

\r\n {d}\r\n

\r\n
\r\n ))}\r\n
\r\n )}\r\n
\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n {mouseOverData && tooltip ? (\r\n \r\n ) : null}\r\n {detailsOnClick && mouseClickData !== undefined ? (\r\n \r\n ) : null}\r\n \r\n );\r\n}\r\n\r\nexport default Graph;\r\n","import { Spinner } from '@undp/design-system-react/Spinner';\r\nimport type React from 'react';\r\nimport { useEffect, useEffectEvent, useRef, useState } from 'react';\r\nimport type * as THREE from 'three';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { useElementSize } from '@/hooks/useElementSize';\r\nimport type {\r\n ChoroplethMapDataType,\r\n ClassNameObject,\r\n FogDataType,\r\n Languages,\r\n LightConfig,\r\n NumberFormatOptions,\r\n ScaleDataType,\r\n SourcesDataType,\r\n StyleObject,\r\n} from '@/Types';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport Graph from './Graph';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects */\r\n data: ChoroplethMapDataType[];\r\n\r\n // Titles, Labels, and Sources\r\n /** Title of the graph */\r\n graphTitle?: string | React.ReactNode;\r\n /** Description of the graph */\r\n graphDescription?: string | React.ReactNode;\r\n /** Footnote for the graph */\r\n footNote?: string | React.ReactNode;\r\n /** Source data for the graph */\r\n sources?: SourcesDataType[];\r\n /** Accessibility label */\r\n ariaLabel?: string;\r\n\r\n // Colors and Styling\r\n /** Colors for the choropleth map. Make sure the the colors are in hex code, any other format can cause issues. */\r\n colors?: string[];\r\n /** Domain of colors for the graph */\r\n colorDomain?: number[] | string[];\r\n /** Title for the color legend */\r\n colorLegendTitle?: string;\r\n /** Color for the areas where data is no available */\r\n mapNoDataColor?: string;\r\n /** Background color of the graph */\r\n backgroundColor?: string | boolean;\r\n /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n styles?: StyleObject;\r\n /** Custom class names */\r\n classNames?: ClassNameObject;\r\n\r\n // Size and Spacing\r\n /** Width of the graph */\r\n width?: number;\r\n /** Height of the graph */\r\n height?: number;\r\n /** Minimum height of the graph */\r\n minHeight?: number;\r\n /** Relative height scaling factor. This overwrites the height props */\r\n relativeHeight?: number;\r\n /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n padding?: string;\r\n\r\n // Graph Parameters\r\n /** Map data as an object in geoJson format or a url for geoJson */\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n mapData?: any;\r\n /** Stroke color of the regions in the map */\r\n mapBorderColor?: string;\r\n /** Center point of the map */\r\n centerPoint?: [number, number];\r\n /** Defines if the globe rotates automatically */\r\n autoRotate?: number | boolean;\r\n /** Defines the material property applied to the sphere of the globe */\r\n globeMaterial?: THREE.Material;\r\n /** Defines the lights for the 3D scene */\r\n lights?: LightConfig[];\r\n /** Defines the colo of the glow around the globe */\r\n atmosphereColor?: string;\r\n /** Defines if the globe can be zoomed when scrolled */\r\n enableZoom?: boolean;\r\n /** Position offset of the globe relative to the canvas center */\r\n globeOffset?: [number, number];\r\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) */\r\n scale?: number;\r\n /** Defines the spacing between the country shape polygon with the sphere */\r\n polygonAltitude?: number;\r\n /** Scale for the colors */\r\n scaleType?: Exclude;\r\n /** Toggle visibility of color scale. */\r\n showColorScale?: boolean;\r\n /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\r\n numberDisplayOptions?: Omit;\r\n /** Toggle if color scale is collapsed by default. */\r\n collapseColorScaleByDefault?: boolean;\r\n /** The max altitude of the atmosphere, in terms of globe radius units. */\r\n atmosphereAltitude?: number;\r\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. */\r\n globeCurvatureResolution?: number;\r\n /** Defines fog settings for the scene. */\r\n fogSettings?: FogDataType;\r\n /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n mapProperty?: string;\r\n /** Countries or regions to be highlighted */\r\n selectedId?: string;\r\n /** Countries or regions to be highlighted */\r\n highlightedIds?: string[];\r\n /** Defines the altitude of the highlighted countries or the countries on mouseover. */\r\n highlightedAltitude?: number;\r\n /** Defines the opacity of the non-highlighted data */\r\n dimmedOpacity?: number;\r\n /** Enable data download option as a csv */\r\n dataDownload?: boolean;\r\n /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n resetSelectionOnDoubleClick?: boolean;\r\n\r\n // Interactions and Callbacks\r\n /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n /** Callback for mouse over event */\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n onSeriesMouseOver?: (_d: any) => void;\r\n /** Callback for mouse click event */\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n onSeriesMouseClick?: (_d: any) => void;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\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 */\r\nexport function ThreeDGlobe(props: Props) {\r\n const {\r\n data,\r\n mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json',\r\n graphTitle,\r\n colors,\r\n sources,\r\n graphDescription,\r\n height,\r\n width,\r\n footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\r\n colorDomain,\r\n colorLegendTitle,\r\n scaleType = 'threshold',\r\n padding,\r\n mapNoDataColor = Colors.light.graphNoData,\r\n backgroundColor = false,\r\n mapBorderColor = Colors.light.grays['gray-500'],\r\n relativeHeight,\r\n tooltip,\r\n graphID,\r\n mapProperty = 'ISO3',\r\n dataDownload = false,\r\n language = 'en',\r\n minHeight = 0,\r\n theme = 'light',\r\n ariaLabel,\r\n styles,\r\n classNames,\r\n autoRotate = true,\r\n enableZoom = true,\r\n globeMaterial,\r\n centerPoint = [0, 0],\r\n atmosphereColor = '#999',\r\n showColorScale = true,\r\n resetSelectionOnDoubleClick = true,\r\n detailsOnClick,\r\n onSeriesMouseOver,\r\n onSeriesMouseClick,\r\n highlightedIds,\r\n highlightedAltitude = 0.1,\r\n dimmedOpacity = 0.3,\r\n scale = 1,\r\n globeOffset = [0, 0],\r\n polygonAltitude = 0.01,\r\n globeCurvatureResolution = 4,\r\n atmosphereAltitude = 0.15,\r\n fogSettings,\r\n lights = [\r\n {\r\n type: 'ambient',\r\n color: 0x404040,\r\n intensity: 0.4,\r\n },\r\n {\r\n type: 'directional',\r\n color: 0xffffff,\r\n intensity: 1,\r\n position: { x: 5, y: 10, z: 5 },\r\n },\r\n ],\r\n selectedId,\r\n collapseColorScaleByDefault,\r\n numberDisplayOptions,\r\n } = props;\r\n const { graphDiv, svgWidth, svgHeight } = useElementSize();\r\n const graphParentDiv = useRef(null);\r\n\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n const [mapShape, setMapShape] = useState(undefined);\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n const onUpdateShape = useEffectEvent((shape: any) => {\r\n setMapShape(shape);\r\n });\r\n useEffect(() => {\r\n if (typeof mapData === 'string') {\r\n const fetchData = fetchAndParseJSON(mapData);\r\n fetchData.then((d) => {\r\n if (\r\n mapData ===\r\n 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json'\r\n ) {\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n const features = d.features.map((el: any) => {\r\n if (el.geometry.type === 'Polygon') {\r\n const reversed = [...el.geometry.coordinates[0]].reverse();\r\n const geometry = { ...el.geometry, coordinates: [reversed] };\r\n return { ...el, geometry };\r\n }\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n const coord: any = [];\r\n // biome-ignore lint/suspicious/noExplicitAny: undefined data type\r\n el.geometry.coordinates.forEach((c: any) => {\r\n const reversed = [...c[0]].reverse();\r\n coord.push([reversed]);\r\n });\r\n const geometry = { ...el.geometry, coordinates: coord };\r\n return { ...el, geometry };\r\n });\r\n onUpdateShape(features);\r\n } else onUpdateShape(d.features);\r\n });\r\n } else {\r\n onUpdateShape(mapData.features);\r\n }\r\n }, [mapData]);\r\n\r\n const domain =\r\n colorDomain ||\r\n (scaleType === 'categorical'\r\n ? getUniqValue(data, 'x')\r\n : getJenks(\r\n data.map((d) => d.x as number | null | undefined),\r\n colors?.length || 4,\r\n ));\r\n return (\r\n \r\n {graphTitle || graphDescription || dataDownload ? (\r\n d.data).filter((d) => d !== undefined).length > 0\r\n ? data.map((d) => d.data).filter((d) => d !== undefined)\r\n : data.filter((d) => d !== undefined)\r\n : null\r\n }\r\n />\r\n ) : null}\r\n \r\n {svgWidth && svgHeight && mapShape ? (\r\n \r\n ) : (\r\n minHeight\r\n ? (width || svgWidth) * relativeHeight\r\n : minHeight\r\n : (width || svgWidth) * relativeHeight\r\n : svgHeight),\r\n )}px`,\r\n }}\r\n className='flex items-center justify-center'\r\n >\r\n \r\n \r\n )}\r\n \r\n {sources || footNote ? (\r\n \r\n ) : null}\r\n \r\n );\r\n}\r\n"],"x_google_ignoreList":[0],"mappings":"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"}