@undp/data-viz 2.1.7 → 2.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BarGraph.cjs +1 -1
- package/dist/BarGraph.cjs.map +1 -1
- package/dist/BarGraph.js +1 -1
- package/dist/BarGraph.js.map +1 -1
- package/dist/DotDensityMap.cjs +1 -1
- package/dist/DotDensityMap.cjs.map +1 -1
- package/dist/DotDensityMap.d.ts +1 -1
- package/dist/DotDensityMap.js +212 -209
- package/dist/DotDensityMap.js.map +1 -1
- package/dist/HybridMap.cjs +1 -1
- package/dist/HybridMap.cjs.map +1 -1
- package/dist/HybridMap.js +111 -110
- package/dist/HybridMap.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DotDensityMap.js","sources":["../src/Components/Graphs/Maps/DotDensityMap/Graph.tsx","../src/Components/Graphs/Maps/DotDensityMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport {\r\n geoAlbersUsa,\r\n geoEqualEarth,\r\n geoMercator,\r\n geoNaturalEarth1,\r\n geoOrthographic,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleSqrt } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport {\r\n AnimateDataType,\r\n ClassNameObject,\r\n CustomLayerDataType,\r\n DotDensityMapDataType,\r\n MapProjectionTypes,\r\n StyleObject,\r\n ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { X } from '@/Components/Icons';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\n\r\ninterface Props {\r\n data: DotDensityMapDataType[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData: any;\r\n colorDomain: string[];\r\n width: number;\r\n height: number;\r\n scale: number;\r\n centerPoint?: [number, number];\r\n colors: string[];\r\n colorLegendTitle?: string;\r\n radius: number;\r\n mapBorderWidth: number;\r\n mapNoDataColor: string;\r\n showLabels: boolean;\r\n mapBorderColor: string;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n isWorldMap: boolean;\r\n showColorScale: boolean;\r\n zoomScaleExtend: [number, number];\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n highlightedDataPoints: (string | number)[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n resetSelectionOnDoubleClick: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n styles?: StyleObject;\r\n classNames?: ClassNameObject;\r\n zoomInteraction: ZoomInteractionTypes;\r\n mapProjection: MapProjectionTypes;\r\n animate: AnimateDataType;\r\n dimmedOpacity: number;\r\n customLayers: CustomLayerDataType[];\r\n maxRadiusValue: number;\r\n collapseColorScaleByDefault?: boolean;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n colors,\r\n mapData,\r\n colorLegendTitle,\r\n colorDomain,\r\n radius,\r\n height,\r\n width,\r\n scale,\r\n centerPoint,\r\n tooltip,\r\n showLabels,\r\n mapBorderWidth,\r\n mapBorderColor,\r\n mapNoDataColor,\r\n onSeriesMouseOver,\r\n showColorScale,\r\n zoomScaleExtend,\r\n zoomTranslateExtend,\r\n highlightedDataPoints,\r\n onSeriesMouseClick,\r\n resetSelectionOnDoubleClick,\r\n detailsOnClick,\r\n styles,\r\n classNames,\r\n mapProjection,\r\n zoomInteraction,\r\n animate,\r\n dimmedOpacity,\r\n customLayers,\r\n maxRadiusValue,\r\n collapseColorScaleByDefault,\r\n } = props;\r\n const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n const [showLegend, setShowLegend] = useState(\r\n collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n );\r\n const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n const mapSvg = useRef<SVGSVGElement>(null);\r\n const isInView = useInView(mapSvg, {\r\n once: animate.once,\r\n amount: animate.amount,\r\n });\r\n const mapG = useRef<SVGGElement>(null);\r\n const radiusScale =\r\n data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n : undefined;\r\n\r\n useEffect(() => {\r\n const mapGSelect = select(mapG.current);\r\n const mapSvgSelect = select(mapSvg.current);\r\n const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n if (zoomInteraction === 'noZoom') return false;\r\n if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n const isWheel = e.type === 'wheel';\r\n const isTouch = e.type.startsWith('touch');\r\n const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n if (isTouch) return true;\r\n if (isWheel) {\r\n if (zoomInteraction === 'scroll') return true;\r\n return e.ctrlKey;\r\n }\r\n return isDrag && !e.button && !e.ctrlKey;\r\n };\r\n const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n .scaleExtent(zoomScaleExtend)\r\n .translateExtent(\r\n zoomTranslateExtend || [\r\n [-20, -20],\r\n [width + 20, height + 20],\r\n ],\r\n )\r\n .filter(zoomFilter)\r\n .on('zoom', ({ transform }) => {\r\n mapGSelect.attr('transform', transform);\r\n });\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapSvgSelect.call(zoomBehavior as any);\r\n\r\n zoomRef.current = zoomBehavior;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [height, width, zoomInteraction]);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const bounds = bbox(mapData as any);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const center = centerOfMass(mapData as any);\r\n const lonDiff = bounds[2] - bounds[0];\r\n const latDiff = bounds[3] - bounds[1];\r\n const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n const projection =\r\n mapProjection === 'mercator'\r\n ? geoMercator()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'equalEarth'\r\n ? geoEqualEarth()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'naturalEarth'\r\n ? geoNaturalEarth1()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'orthographic'\r\n ? geoOrthographic()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : geoAlbersUsa()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar);\r\n\r\n const handleZoom = (direction: 'in' | 'out') => {\r\n if (!mapSvg.current || !zoomRef.current) return;\r\n const svg = select(mapSvg.current);\r\n svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n };\r\n\r\n return (\r\n <>\r\n <div className='relative'>\r\n <motion.svg\r\n width={`${width}px`}\r\n height={`${height}px`}\r\n viewBox={`0 0 ${width} ${height}`}\r\n ref={mapSvg}\r\n direction='ltr'\r\n >\r\n <g ref={mapG}>\r\n {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData.features.map((d: any, i: number) => {\r\n return (\r\n <g key={i}>\r\n {d.geometry.type === 'MultiPolygon'\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={masterPath}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })\r\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={path}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })}\r\n </g>\r\n );\r\n })\r\n }\r\n <AnimatePresence>\r\n {data.map(d => {\r\n const color =\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)];\r\n return (\r\n <motion.g\r\n key={d.label || `${d.lat}-${d.long}`}\r\n variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: selectedColor\r\n ? selectedColor === color\r\n ? 1\r\n : dimmedOpacity\r\n : highlightedDataPoints.length !== 0\r\n ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n onMouseEnter={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n onSeriesMouseOver?.(d);\r\n }}\r\n onMouseMove={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n }}\r\n onMouseLeave={() => {\r\n setMouseOverData(undefined);\r\n setEventX(undefined);\r\n setEventY(undefined);\r\n onSeriesMouseOver?.(undefined);\r\n }}\r\n onClick={() => {\r\n if (onSeriesMouseClick || detailsOnClick) {\r\n if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n setMouseClickData(undefined);\r\n onSeriesMouseClick?.(undefined);\r\n } else {\r\n setMouseClickData(d);\r\n onSeriesMouseClick?.(d);\r\n }\r\n }\r\n }}\r\n transform={`translate(${\r\n (projection([d.long, d.lat]) as [number, number])[0]\r\n },${(projection([d.long, d.lat]) as [number, number])[1]})`}\r\n >\r\n <motion.circle\r\n cx={0}\r\n cy={0}\r\n variants={{\r\n initial: {\r\n r: 0,\r\n fill:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n stroke:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n },\r\n whileInView: {\r\n r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n fill:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n stroke:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ r: 0, transition: { duration: animate.duration } }}\r\n style={{\r\n fillOpacity: 0.8,\r\n }}\r\n />\r\n {showLabels && d.label ? (\r\n <motion.text\r\n variants={{\r\n initial: {\r\n opacity: 0,\r\n x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n },\r\n whileInView: {\r\n opacity: 1,\r\n x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n y={0}\r\n className='fill-primary-gray-600 dark:fill-primary-gray-300 text-sm'\r\n style={{ textAnchor: 'start' }}\r\n dx={4}\r\n dy={5}\r\n >\r\n {d.label}\r\n </motion.text>\r\n ) : null}\r\n </motion.g>\r\n );\r\n })}\r\n </AnimatePresence>\r\n {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n </g>\r\n </motion.svg>\r\n {data.filter(el => el.color).length === 0 || showColorScale === false ? null : (\r\n <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n {showLegend ? (\r\n <>\r\n <div\r\n className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n onClick={() => {\r\n setShowLegend(false);\r\n }}\r\n >\r\n <X />\r\n </div>\r\n <div className='p-2' style={{ backgroundColor: 'rgba(240,240,240, 0.7)' }}>\r\n {colorLegendTitle && colorLegendTitle !== '' ? (\r\n <p\r\n className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n style={{\r\n display: '-webkit-box',\r\n WebkitLineClamp: '1',\r\n WebkitBoxOrient: 'vertical',\r\n }}\r\n >\r\n {colorLegendTitle}\r\n </p>\r\n ) : null}\r\n <div className='flex flex-col gap-3'>\r\n {colorDomain.map((d, i) => (\r\n <div\r\n key={i}\r\n className='flex gap-2 items-center'\r\n onMouseOver={() => {\r\n setSelectedColor(colors[i % colors.length]);\r\n }}\r\n onMouseLeave={() => {\r\n setSelectedColor(undefined);\r\n }}\r\n >\r\n <div\r\n className='w-2 h-2 rounded-full'\r\n style={{ backgroundColor: colors[i % colors.length] }}\r\n />\r\n <P size='sm' marginBottom='none' leading='none'>\r\n {d}\r\n </P>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </>\r\n ) : (\r\n <button\r\n type='button'\r\n className='mb-0 border-0 bg-transparent p-0 self-start'\r\n onClick={() => {\r\n setShowLegend(true);\r\n }}\r\n >\r\n <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n Show Legend\r\n </div>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n {zoomInteraction === 'button' && (\r\n <div className='absolute left-4 top-4 flex flex-col zoom-buttons'>\r\n <button\r\n onClick={() => handleZoom('in')}\r\n className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n >\r\n +\r\n </button>\r\n <button\r\n onClick={() => handleZoom('out')}\r\n className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n >\r\n –\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n {detailsOnClick && mouseClickData !== undefined ? (\r\n <DetailsModal\r\n body={detailsOnClick}\r\n data={mouseClickData}\r\n setData={setMouseClickData}\r\n className={classNames?.modal}\r\n />\r\n ) : null}\r\n {mouseOverData && tooltip && eventX && eventY ? (\r\n <Tooltip\r\n data={mouseOverData}\r\n body={tooltip}\r\n xPos={eventX}\r\n yPos={eventY}\r\n backgroundStyle={styles?.tooltip}\r\n className={classNames?.tooltip}\r\n />\r\n ) : null}\r\n </>\r\n );\r\n}\r\n","import { useState, useRef, useEffect, useEffectEvent, useMemo } from 'react';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n DotDensityMapDataType,\r\n Languages,\r\n SourcesDataType,\r\n StyleObject,\r\n ClassNameObject,\r\n ZoomInteractionTypes,\r\n MapProjectionTypes,\r\n CustomLayerDataType,\r\n AnimateDataType,\r\n TimelineDataType,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects */\r\n data: DotDensityMapDataType[];\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 /** Color or array of colors for the circle */\r\n colors?: string | string[];\r\n /** Domain of colors for the graph */\r\n colorDomain: 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 /** Maximum radius of the circle */\r\n radius?: number;\r\n /** Map data as an object in geoJson format or a url for geoJson */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData?: any;\r\n /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n scale?: number;\r\n /** Center point of the map */\r\n centerPoint?: [number, number];\r\n /** Defines the zoom mode for the map */\r\n zoomInteraction?: ZoomInteractionTypes;\r\n /** Stroke width of the regions in the map */\r\n mapBorderWidth?: number;\r\n /** Stroke color of the regions in the map */\r\n mapBorderColor?: string;\r\n /** Toggle if the map is a world map */\r\n isWorldMap?: boolean;\r\n /** Map projection type */\r\n mapProjection?: MapProjectionTypes;\r\n /** Extend of the allowed zoom in the map */\r\n zoomScaleExtend?: [number, number];\r\n /** Extend of the allowed panning in the map */\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n /** Toggle visibility of labels */\r\n showLabels?: boolean;\r\n /** Maximum value mapped to the radius chart */\r\n maxRadiusValue?: number;\r\n /** Data points to highlight. Use the label value from data to highlight the data point */\r\n highlightedDataPoints?: (string | number)[];\r\n /** Defines the opacity of the non-highlighted data */\r\n dimmedOpacity?: number;\r\n /** Toggles if the graph animates in when loaded. */\r\n animate?: boolean | AnimateDataType;\r\n /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n showColorScale?: boolean;\r\n /** Toggle if color scale is collapsed by default. */\r\n collapseColorScaleByDefault?: boolean;\r\n /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n showAntarctica?: boolean;\r\n /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n customLayers?: CustomLayerDataType[];\r\n /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n timeline?: TimelineDataType;\r\n /** Enable graph download option as png */\r\n graphDownload?: boolean;\r\n /** Enable data download option as a csv */\r\n dataDownload?: boolean;\r\n /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n resetSelectionOnDoubleClick?: boolean;\r\n\r\n // Interactions and Callbacks\r\n /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n /** Callback for mouse over event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n /** Callback for mouse click event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function DotDensityMap(props: Props) {\r\n const {\r\n data,\r\n mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.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 colorLegendTitle,\r\n colorDomain,\r\n radius = 5,\r\n scale = 0.95,\r\n centerPoint,\r\n padding,\r\n mapBorderWidth = 0.5,\r\n mapNoDataColor = Colors.light.graphNoData,\r\n backgroundColor = false,\r\n showLabels = false,\r\n mapBorderColor = Colors.light.grays['gray-500'],\r\n tooltip,\r\n relativeHeight,\r\n onSeriesMouseOver,\r\n isWorldMap = true,\r\n showColorScale = true,\r\n zoomScaleExtend = [0.8, 6],\r\n zoomTranslateExtend,\r\n graphID,\r\n highlightedDataPoints = [],\r\n onSeriesMouseClick,\r\n graphDownload = false,\r\n dataDownload = false,\r\n showAntarctica = false,\r\n language = 'en',\r\n minHeight = 0,\r\n theme = 'light',\r\n ariaLabel,\r\n resetSelectionOnDoubleClick = true,\r\n detailsOnClick,\r\n styles,\r\n classNames,\r\n mapProjection,\r\n zoomInteraction = 'button',\r\n animate = false,\r\n dimmedOpacity = 0.3,\r\n customLayers = [],\r\n maxRadiusValue,\r\n timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n collapseColorScaleByDefault,\r\n } = props;\r\n\r\n const [svgWidth, setSvgWidth] = useState(0);\r\n const [svgHeight, setSvgHeight] = useState(0);\r\n const [play, setPlay] = useState(timeline.autoplay);\r\n const uniqDatesSorted = useMemo(() => {\r\n const dates = [\r\n ...new Set(\r\n data\r\n .filter(d => d.date)\r\n .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n ),\r\n ];\r\n dates.sort((a, b) => a - b);\r\n return dates;\r\n }, [data, timeline.dateFormat]);\r\n const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n useEffect(() => {\r\n const resizeObserver = new ResizeObserver(entries => {\r\n setSvgWidth(entries[0].target.clientWidth || 620);\r\n setSvgHeight(entries[0].target.clientHeight || 480);\r\n });\r\n if (graphDiv.current) {\r\n resizeObserver.observe(graphDiv.current);\r\n }\r\n return () => resizeObserver.disconnect();\r\n }, []);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const onUpdateShape = useEffectEvent((shape: any) => {\r\n setMapShape(shape);\r\n });\r\n useEffect(() => {\r\n if (typeof mapData === 'string') {\r\n const fetchData = fetchAndParseJSON(mapData);\r\n fetchData.then(d => {\r\n onUpdateShape(d);\r\n });\r\n } else {\r\n onUpdateShape(mapData);\r\n }\r\n }, [mapData]);\r\n\r\n useEffect(() => {\r\n const interval = setInterval(\r\n () => {\r\n setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n },\r\n (timeline.speed || 2) * 1000,\r\n );\r\n if (!play) clearInterval(interval);\r\n return () => clearInterval(interval);\r\n }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n const markObj = getSliderMarks(\r\n uniqDatesSorted,\r\n index,\r\n timeline.showOnlyActiveDate,\r\n timeline.dateFormat || 'yyyy',\r\n );\r\n return (\r\n <GraphContainer\r\n className={classNames?.graphContainer}\r\n style={styles?.graphContainer}\r\n id={graphID}\r\n ref={graphParentDiv}\r\n aria-label={ariaLabel}\r\n backgroundColor={backgroundColor}\r\n theme={theme}\r\n language={language}\r\n minHeight={minHeight}\r\n width={width}\r\n height={height}\r\n relativeHeight={relativeHeight}\r\n padding={padding}\r\n >\r\n {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n width={width}\r\n graphDownload={graphDownload ? graphParentDiv : undefined}\r\n dataDownload={\r\n dataDownload\r\n ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n ? data.map(d => d.data).filter(d => d !== undefined)\r\n : data.filter(d => d !== undefined)\r\n : null\r\n }\r\n />\r\n ) : null}\r\n {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n <div className='flex gap-6 items-center' dir='ltr'>\r\n <button\r\n type='button'\r\n onClick={() => {\r\n setPlay(!play);\r\n }}\r\n className='p-0 border-0 cursor-pointer bg-transparent'\r\n aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n >\r\n {play ? <Pause /> : <Play />}\r\n </button>\r\n <SliderUI\r\n min={uniqDatesSorted[0]}\r\n max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n marks={markObj}\r\n step={null}\r\n defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n value={uniqDatesSorted[index]}\r\n onChangeComplete={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n onChange={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n />\r\n </div>\r\n ) : null}\r\n <GraphArea ref={graphDiv}>\r\n {svgWidth && svgHeight && mapShape ? (\r\n <Graph\r\n data={data.filter(d =>\r\n timeline.enabled\r\n ? d.date === format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n : d,\r\n )}\r\n mapData={\r\n showAntarctica\r\n ? mapShape\r\n : {\r\n ...mapShape,\r\n features: mapShape.features.filter(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any) => el.properties.NAME !== 'Antarctica',\r\n ),\r\n }\r\n }\r\n colorDomain={\r\n data.filter(el => el.color).length === 0\r\n ? []\r\n : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n }\r\n width={svgWidth}\r\n height={svgHeight}\r\n scale={scale}\r\n centerPoint={centerPoint}\r\n colors={\r\n data.filter(el => el.color).length === 0\r\n ? colors\r\n ? [colors as string]\r\n : [Colors.primaryColors['blue-600']]\r\n : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n }\r\n colorLegendTitle={colorLegendTitle}\r\n radius={radius}\r\n mapBorderWidth={mapBorderWidth}\r\n mapNoDataColor={mapNoDataColor}\r\n mapBorderColor={mapBorderColor}\r\n tooltip={tooltip}\r\n onSeriesMouseOver={onSeriesMouseOver}\r\n showLabels={showLabels}\r\n isWorldMap={isWorldMap}\r\n showColorScale={showColorScale}\r\n zoomScaleExtend={zoomScaleExtend}\r\n zoomTranslateExtend={zoomTranslateExtend}\r\n onSeriesMouseClick={onSeriesMouseClick}\r\n highlightedDataPoints={highlightedDataPoints}\r\n resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n styles={styles}\r\n classNames={classNames}\r\n zoomInteraction={zoomInteraction}\r\n detailsOnClick={detailsOnClick}\r\n mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n animate={\r\n animate === true\r\n ? { duration: 0.5, once: true, amount: 0.5 }\r\n : animate || { duration: 0, once: true, amount: 0 }\r\n }\r\n dimmedOpacity={dimmedOpacity}\r\n customLayers={customLayers}\r\n maxRadiusValue={\r\n !checkIfNullOrUndefined(maxRadiusValue)\r\n ? (maxRadiusValue as number)\r\n : Math.max(...data.map(d => d.radius).filter(d => d !== undefined && d !== null))\r\n }\r\n collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n />\r\n ) : (\r\n <div\r\n style={{\r\n height: `${Math.max(\r\n minHeight,\r\n height ||\r\n (relativeHeight\r\n ? minHeight\r\n ? (width || svgWidth) * relativeHeight > minHeight\r\n ? (width || svgWidth) * relativeHeight\r\n : minHeight\r\n : (width || svgWidth) * relativeHeight\r\n : svgHeight),\r\n )}px`,\r\n }}\r\n className='flex items-center justify-center'\r\n >\r\n <Spinner aria-label='Loading graph' />\r\n </div>\r\n )}\r\n </GraphArea>\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n width={width}\r\n />\r\n ) : null}\r\n </GraphContainer>\r\n );\r\n}\r\n"],"names":["Graph","props","data","colors","mapData","colorLegendTitle","colorDomain","radius","height","width","scale","centerPoint","tooltip","showLabels","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","maxRadiusValue","collapseColorScaleByDefault","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","d","length","scaleSqrt","domain","range","nice","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","e","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","on","transform","attr","call","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","i","el","j","masterPath","forEach","geo","path","c","k","point","stroke","strokeWidth","fill","AnimatePresence","color","indexOf","Colors","gray","initial","opacity","whileInView","label","transition","duration","event","clientY","clientX","isEqual","long","lat","r","fillOpacity","x","textAnchor","cn","colorLegend","X","backgroundColor","display","WebkitLineClamp","WebkitBoxOrient","P","DetailsModal","modal","Tooltip","DotDensityMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","t2","t3","padding","t4","t5","t6","t7","t8","relativeHeight","isWorldMap","t9","t10","t11","graphID","t12","graphDownload","t13","dataDownload","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","timeline","t24","light","graphNoData","grays","t25","t26","t27","t28","enabled","autoplay","showOnlyActiveDate","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t29","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","index","setIndex","mapShape","setMapShape","graphDiv","graphParentDiv","t30","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t31","shape","onUpdateShape","useEffectEvent","t32","fetchAndParseJSON","then","d_1","t33","t34","t35","speed","interval","setInterval","clearInterval","t36","t37","getSliderMarks","markObj","t38","graphContainer","t39","t40","description","title","GraphHeader","_temp3","_temp4","_temp5","_temp6","_temp7","t41","Pause","Play","SliderUI","nextValue","nextValue_0","t42","GraphArea","d_7","format","_temp8","_temp9","uniqBy","_temp0","primaryColors","categoricalColors","checkIfNullOrUndefined","max","_temp1","_temp10","Spinner","t43","footnote","source","GraphFooter","t44","GraphContainer","d_9","d_8","el_1","el_0","properties","NAME","d_4","d_3","d_2","d_6","d_5","a","b"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DotDensityMap.js","sources":["../src/Components/Graphs/Maps/DotDensityMap/Graph.tsx","../src/Components/Graphs/Maps/DotDensityMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport {\r\n geoAlbersUsa,\r\n geoEqualEarth,\r\n geoMercator,\r\n geoNaturalEarth1,\r\n geoOrthographic,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleSqrt } from 'd3-scale';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport bbox from '@turf/bbox';\r\nimport centerOfMass from '@turf/center-of-mass';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport {\r\n AnimateDataType,\r\n ClassNameObject,\r\n CustomLayerDataType,\r\n DotDensityMapDataType,\r\n MapProjectionTypes,\r\n StyleObject,\r\n ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { X } from '@/Components/Icons';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\n\r\ninterface Props {\r\n data: DotDensityMapDataType[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData: any;\r\n colorDomain: string[];\r\n width: number;\r\n height: number;\r\n scale: number;\r\n centerPoint?: [number, number];\r\n colors: string[];\r\n colorLegendTitle?: string;\r\n radius: number;\r\n mapBorderWidth: number;\r\n mapNoDataColor: string;\r\n showLabels: boolean;\r\n mapBorderColor: string;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n isWorldMap: boolean;\r\n showColorScale: boolean;\r\n zoomScaleExtend: [number, number];\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n highlightedDataPoints: (string | number)[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n resetSelectionOnDoubleClick: boolean;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n styles?: StyleObject;\r\n classNames?: ClassNameObject;\r\n zoomInteraction: ZoomInteractionTypes;\r\n mapProjection: MapProjectionTypes;\r\n animate: AnimateDataType;\r\n dimmedOpacity: number;\r\n customLayers: CustomLayerDataType[];\r\n maxRadiusValue: number;\r\n collapseColorScaleByDefault?: boolean;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n colors,\r\n mapData,\r\n colorLegendTitle,\r\n colorDomain,\r\n radius,\r\n height,\r\n width,\r\n scale,\r\n centerPoint,\r\n tooltip,\r\n showLabels,\r\n mapBorderWidth,\r\n mapBorderColor,\r\n mapNoDataColor,\r\n onSeriesMouseOver,\r\n showColorScale,\r\n zoomScaleExtend,\r\n zoomTranslateExtend,\r\n highlightedDataPoints,\r\n onSeriesMouseClick,\r\n resetSelectionOnDoubleClick,\r\n detailsOnClick,\r\n styles,\r\n classNames,\r\n mapProjection,\r\n zoomInteraction,\r\n animate,\r\n dimmedOpacity,\r\n customLayers,\r\n maxRadiusValue,\r\n collapseColorScaleByDefault,\r\n } = props;\r\n const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n const [showLegend, setShowLegend] = useState(\r\n collapseColorScaleByDefault === undefined ? !(width < 680) : !collapseColorScaleByDefault,\r\n );\r\n const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> | null>(null);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n const mapSvg = useRef<SVGSVGElement>(null);\r\n const isInView = useInView(mapSvg, {\r\n once: animate.once,\r\n amount: animate.amount,\r\n });\r\n const mapG = useRef<SVGGElement>(null);\r\n const radiusScale =\r\n data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n : undefined;\r\n\r\n useEffect(() => {\r\n const mapGSelect = select(mapG.current);\r\n const mapSvgSelect = select(mapSvg.current);\r\n const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n if (zoomInteraction === 'noZoom') return false;\r\n if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n const isWheel = e.type === 'wheel';\r\n const isTouch = e.type.startsWith('touch');\r\n const isDrag = e.type === 'mousedown' || e.type === 'mousemove';\r\n\r\n if (isTouch) return true;\r\n if (isWheel) {\r\n if (zoomInteraction === 'scroll') return true;\r\n return e.ctrlKey;\r\n }\r\n return isDrag && !e.button && !e.ctrlKey;\r\n };\r\n const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n .scaleExtent(zoomScaleExtend)\r\n .translateExtent(\r\n zoomTranslateExtend || [\r\n [-20, -20],\r\n [width + 20, height + 20],\r\n ],\r\n )\r\n .filter(zoomFilter)\r\n .on('zoom', ({ transform }) => {\r\n mapGSelect.attr('transform', transform);\r\n });\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapSvgSelect.call(zoomBehavior as any);\r\n\r\n zoomRef.current = zoomBehavior;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [height, width, zoomInteraction]);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const bounds = bbox(mapData as any);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const center = centerOfMass(mapData as any);\r\n const lonDiff = bounds[2] - bounds[0];\r\n const latDiff = bounds[3] - bounds[1];\r\n const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n const projection =\r\n mapProjection === 'mercator'\r\n ? geoMercator()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'equalEarth'\r\n ? geoEqualEarth()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'naturalEarth'\r\n ? geoNaturalEarth1()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'orthographic'\r\n ? geoOrthographic()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : geoAlbersUsa()\r\n .rotate([0, 0])\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar);\r\n\r\n const handleZoom = (direction: 'in' | 'out') => {\r\n if (!mapSvg.current || !zoomRef.current) return;\r\n const svg = select(mapSvg.current);\r\n svg.call(zoomRef.current.scaleBy, direction === 'in' ? 1.2 : 1 / 1.2);\r\n };\r\n\r\n return (\r\n <>\r\n <div className='relative'>\r\n <motion.svg\r\n width={`${width}px`}\r\n height={`${height}px`}\r\n viewBox={`0 0 ${width} ${height}`}\r\n ref={mapSvg}\r\n direction='ltr'\r\n >\r\n <g ref={mapG}>\r\n {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData.features.map((d: any, i: number) => {\r\n return (\r\n <g key={i}>\r\n {d.geometry.type === 'MultiPolygon'\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={masterPath}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })\r\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={path}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })}\r\n </g>\r\n );\r\n })\r\n }\r\n <AnimatePresence>\r\n {data.map(d => {\r\n const color =\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)];\r\n return (\r\n <motion.g\r\n key={d.label || `${d.lat}-${d.long}`}\r\n variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: selectedColor\r\n ? selectedColor === color\r\n ? 1\r\n : dimmedOpacity\r\n : highlightedDataPoints.length !== 0\r\n ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n onMouseEnter={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n onSeriesMouseOver?.(d);\r\n }}\r\n onMouseMove={event => {\r\n setMouseOverData(d);\r\n setEventY(event.clientY);\r\n setEventX(event.clientX);\r\n }}\r\n onMouseLeave={() => {\r\n setMouseOverData(undefined);\r\n setEventX(undefined);\r\n setEventY(undefined);\r\n onSeriesMouseOver?.(undefined);\r\n }}\r\n onClick={() => {\r\n if (onSeriesMouseClick || detailsOnClick) {\r\n if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n setMouseClickData(undefined);\r\n onSeriesMouseClick?.(undefined);\r\n } else {\r\n setMouseClickData(d);\r\n onSeriesMouseClick?.(d);\r\n }\r\n }\r\n }}\r\n transform={`translate(${\r\n (projection([d.long, d.lat]) as [number, number])[0]\r\n },${(projection([d.long, d.lat]) as [number, number])[1]})`}\r\n >\r\n <motion.circle\r\n cx={0}\r\n cy={0}\r\n variants={{\r\n initial: {\r\n r: 0,\r\n fill:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n stroke:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n },\r\n whileInView: {\r\n r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n fill:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n stroke:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ r: 0, transition: { duration: animate.duration } }}\r\n style={{\r\n fillOpacity: 0.8,\r\n }}\r\n />\r\n {showLabels && d.label ? (\r\n <motion.text\r\n variants={{\r\n initial: {\r\n opacity: 0,\r\n x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n fill:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n },\r\n whileInView: {\r\n opacity: 1,\r\n x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n transition: { duration: animate.duration },\r\n fill:\r\n data.filter(el => el.color).length === 0\r\n ? colors[0]\r\n : !d.color\r\n ? Colors.gray\r\n : colors[colorDomain.indexOf(`${d.color}`)],\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n y={0}\r\n className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n style={{\r\n textAnchor: 'start',\r\n ...(styles?.graphObjectValues || {}),\r\n }}\r\n dx={4}\r\n dy={5}\r\n >\r\n {d.label}\r\n </motion.text>\r\n ) : null}\r\n </motion.g>\r\n );\r\n })}\r\n </AnimatePresence>\r\n {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n </g>\r\n </motion.svg>\r\n {data.filter(el => el.color).length === 0 || showColorScale === false ? null : (\r\n <div className={cn('absolute left-4 bottom-4 map-color-legend', classNames?.colorLegend)}>\r\n {showLegend ? (\r\n <>\r\n <div\r\n className='color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]'\r\n onClick={() => {\r\n setShowLegend(false);\r\n }}\r\n >\r\n <X />\r\n </div>\r\n <div className='p-2' style={{ backgroundColor: 'rgba(240,240,240, 0.7)' }}>\r\n {colorLegendTitle && colorLegendTitle !== '' ? (\r\n <p\r\n className='p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300'\r\n style={{\r\n display: '-webkit-box',\r\n WebkitLineClamp: '1',\r\n WebkitBoxOrient: 'vertical',\r\n }}\r\n >\r\n {colorLegendTitle}\r\n </p>\r\n ) : null}\r\n <div className='flex flex-col gap-3'>\r\n {colorDomain.map((d, i) => (\r\n <div\r\n key={i}\r\n className='flex gap-2 items-center'\r\n onMouseOver={() => {\r\n setSelectedColor(colors[i % colors.length]);\r\n }}\r\n onMouseLeave={() => {\r\n setSelectedColor(undefined);\r\n }}\r\n >\r\n <div\r\n className='w-2 h-2 rounded-full'\r\n style={{ backgroundColor: colors[i % colors.length] }}\r\n />\r\n <P size='sm' marginBottom='none' leading='none'>\r\n {d}\r\n </P>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </>\r\n ) : (\r\n <button\r\n type='button'\r\n className='mb-0 border-0 bg-transparent p-0 self-start'\r\n onClick={() => {\r\n setShowLegend(true);\r\n }}\r\n >\r\n <div className='show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500'>\r\n Show Legend\r\n </div>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n {zoomInteraction === 'button' && (\r\n <div className='absolute left-4 top-4 flex flex-col zoom-buttons'>\r\n <button\r\n onClick={() => handleZoom('in')}\r\n className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n >\r\n +\r\n </button>\r\n <button\r\n onClick={() => handleZoom('out')}\r\n className='leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n >\r\n –\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n {detailsOnClick && mouseClickData !== undefined ? (\r\n <DetailsModal\r\n body={detailsOnClick}\r\n data={mouseClickData}\r\n setData={setMouseClickData}\r\n className={classNames?.modal}\r\n />\r\n ) : null}\r\n {mouseOverData && tooltip && eventX && eventY ? (\r\n <Tooltip\r\n data={mouseOverData}\r\n body={tooltip}\r\n xPos={eventX}\r\n yPos={eventY}\r\n backgroundStyle={styles?.tooltip}\r\n className={classNames?.tooltip}\r\n />\r\n ) : null}\r\n </>\r\n );\r\n}\r\n","import { useState, useRef, useEffect, useEffectEvent, useMemo } from 'react';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n DotDensityMapDataType,\r\n Languages,\r\n SourcesDataType,\r\n StyleObject,\r\n ClassNameObject,\r\n ZoomInteractionTypes,\r\n MapProjectionTypes,\r\n CustomLayerDataType,\r\n AnimateDataType,\r\n TimelineDataType,\r\n} from '@/Types';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects */\r\n data: DotDensityMapDataType[];\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 /** Color or array of colors for the circle */\r\n colors?: string | string[];\r\n /** Domain of colors for the graph */\r\n colorDomain?: 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 /** Maximum radius of the circle */\r\n radius?: number;\r\n /** Map data as an object in geoJson format or a url for geoJson */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData?: any;\r\n /** Scaling factor for the map. Multiplies the scale number to scale. */\r\n scale?: number;\r\n /** Center point of the map */\r\n centerPoint?: [number, number];\r\n /** Defines the zoom mode for the map */\r\n zoomInteraction?: ZoomInteractionTypes;\r\n /** Stroke width of the regions in the map */\r\n mapBorderWidth?: number;\r\n /** Stroke color of the regions in the map */\r\n mapBorderColor?: string;\r\n /** Toggle if the map is a world map */\r\n isWorldMap?: boolean;\r\n /** Map projection type */\r\n mapProjection?: MapProjectionTypes;\r\n /** Extend of the allowed zoom in the map */\r\n zoomScaleExtend?: [number, number];\r\n /** Extend of the allowed panning in the map */\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n /** Toggle visibility of labels */\r\n showLabels?: boolean;\r\n /** Maximum value mapped to the radius chart */\r\n maxRadiusValue?: number;\r\n /** Data points to highlight. Use the label value from data to highlight the data point */\r\n highlightedDataPoints?: (string | number)[];\r\n /** Defines the opacity of the non-highlighted data */\r\n dimmedOpacity?: number;\r\n /** Toggles if the graph animates in when loaded. */\r\n animate?: boolean | AnimateDataType;\r\n /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n showColorScale?: boolean;\r\n /** Toggle if color scale is collapsed by default. */\r\n collapseColorScaleByDefault?: boolean;\r\n /** Toggles the visibility of Antarctica in the default map. Only applicable for the default map. */\r\n showAntarctica?: boolean;\r\n /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n customLayers?: CustomLayerDataType[];\r\n /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n timeline?: TimelineDataType;\r\n /** Enable graph download option as png */\r\n graphDownload?: boolean;\r\n /** Enable data download option as a csv */\r\n dataDownload?: boolean;\r\n /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n resetSelectionOnDoubleClick?: boolean;\r\n\r\n // Interactions and Callbacks\r\n /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string | ((_d: any) => React.ReactNode);\r\n /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n /** Callback for mouse over event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n /** Callback for mouse click event */\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n\r\n // Configuration and Options\r\n /** Language setting */\r\n language?: Languages;\r\n /** Color theme */\r\n theme?: 'light' | 'dark';\r\n /** Unique ID for the graph */\r\n graphID?: string;\r\n}\r\n\r\nexport function DotDensityMap(props: Props) {\r\n const {\r\n data,\r\n mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.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 colorLegendTitle,\r\n colorDomain,\r\n radius = 5,\r\n scale = 0.95,\r\n centerPoint,\r\n padding,\r\n mapBorderWidth = 0.5,\r\n mapNoDataColor = Colors.light.graphNoData,\r\n backgroundColor = false,\r\n showLabels = false,\r\n mapBorderColor = Colors.light.grays['gray-500'],\r\n tooltip,\r\n relativeHeight,\r\n onSeriesMouseOver,\r\n isWorldMap = true,\r\n showColorScale = true,\r\n zoomScaleExtend = [0.8, 6],\r\n zoomTranslateExtend,\r\n graphID,\r\n highlightedDataPoints = [],\r\n onSeriesMouseClick,\r\n graphDownload = false,\r\n dataDownload = false,\r\n showAntarctica = false,\r\n language = 'en',\r\n minHeight = 0,\r\n theme = 'light',\r\n ariaLabel,\r\n resetSelectionOnDoubleClick = true,\r\n detailsOnClick,\r\n styles,\r\n classNames,\r\n mapProjection,\r\n zoomInteraction = 'button',\r\n animate = false,\r\n dimmedOpacity = 0.3,\r\n customLayers = [],\r\n maxRadiusValue,\r\n timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n collapseColorScaleByDefault,\r\n } = props;\r\n\r\n const [svgWidth, setSvgWidth] = useState(0);\r\n const [svgHeight, setSvgHeight] = useState(0);\r\n const [play, setPlay] = useState(timeline.autoplay);\r\n const uniqDatesSorted = useMemo(() => {\r\n const dates = [\r\n ...new Set(\r\n data\r\n .filter(d => d.date)\r\n .map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n ),\r\n ];\r\n dates.sort((a, b) => a - b);\r\n return dates;\r\n }, [data, timeline.dateFormat]);\r\n const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n useEffect(() => {\r\n const resizeObserver = new ResizeObserver(entries => {\r\n setSvgWidth(entries[0].target.clientWidth || 620);\r\n setSvgHeight(entries[0].target.clientHeight || 480);\r\n });\r\n if (graphDiv.current) {\r\n resizeObserver.observe(graphDiv.current);\r\n }\r\n return () => resizeObserver.disconnect();\r\n }, []);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const onUpdateShape = useEffectEvent((shape: any) => {\r\n setMapShape(shape);\r\n });\r\n useEffect(() => {\r\n if (typeof mapData === 'string') {\r\n const fetchData = fetchAndParseJSON(mapData);\r\n fetchData.then(d => {\r\n onUpdateShape(d);\r\n });\r\n } else {\r\n onUpdateShape(mapData);\r\n }\r\n }, [mapData]);\r\n\r\n useEffect(() => {\r\n const interval = setInterval(\r\n () => {\r\n setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n },\r\n (timeline.speed || 2) * 1000,\r\n );\r\n if (!play) clearInterval(interval);\r\n return () => clearInterval(interval);\r\n }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n const markObj = getSliderMarks(\r\n uniqDatesSorted,\r\n index,\r\n timeline.showOnlyActiveDate,\r\n timeline.dateFormat || 'yyyy',\r\n );\r\n return (\r\n <GraphContainer\r\n className={classNames?.graphContainer}\r\n style={styles?.graphContainer}\r\n id={graphID}\r\n ref={graphParentDiv}\r\n aria-label={ariaLabel}\r\n backgroundColor={backgroundColor}\r\n theme={theme}\r\n language={language}\r\n minHeight={minHeight}\r\n width={width}\r\n height={height}\r\n relativeHeight={relativeHeight}\r\n padding={padding}\r\n >\r\n {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n width={width}\r\n graphDownload={graphDownload ? graphParentDiv : undefined}\r\n dataDownload={\r\n dataDownload\r\n ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n ? data.map(d => d.data).filter(d => d !== undefined)\r\n : data.filter(d => d !== undefined)\r\n : null\r\n }\r\n />\r\n ) : null}\r\n {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n <div className='flex gap-6 items-center' dir='ltr'>\r\n <button\r\n type='button'\r\n onClick={() => {\r\n setPlay(!play);\r\n }}\r\n className='p-0 border-0 cursor-pointer bg-transparent'\r\n aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n >\r\n {play ? <Pause /> : <Play />}\r\n </button>\r\n <SliderUI\r\n min={uniqDatesSorted[0]}\r\n max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n marks={markObj}\r\n step={null}\r\n defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n value={uniqDatesSorted[index]}\r\n onChangeComplete={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n onChange={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n />\r\n </div>\r\n ) : null}\r\n <GraphArea ref={graphDiv}>\r\n {svgWidth && svgHeight && mapShape ? (\r\n <Graph\r\n data={data.filter(d =>\r\n timeline.enabled\r\n ? d.date === format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n : d,\r\n )}\r\n mapData={\r\n showAntarctica\r\n ? mapShape\r\n : {\r\n ...mapShape,\r\n features: mapShape.features.filter(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any) => el.properties.NAME !== 'Antarctica',\r\n ),\r\n }\r\n }\r\n colorDomain={\r\n data.filter(el => el.color).length === 0\r\n ? []\r\n : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n }\r\n width={svgWidth}\r\n height={svgHeight}\r\n scale={scale}\r\n centerPoint={centerPoint}\r\n colors={\r\n data.filter(el => el.color).length === 0\r\n ? colors\r\n ? [colors as string]\r\n : [Colors.primaryColors['blue-600']]\r\n : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n }\r\n colorLegendTitle={colorLegendTitle}\r\n radius={radius}\r\n mapBorderWidth={mapBorderWidth}\r\n mapNoDataColor={mapNoDataColor}\r\n mapBorderColor={mapBorderColor}\r\n tooltip={tooltip}\r\n onSeriesMouseOver={onSeriesMouseOver}\r\n showLabels={showLabels}\r\n isWorldMap={isWorldMap}\r\n showColorScale={showColorScale}\r\n zoomScaleExtend={zoomScaleExtend}\r\n zoomTranslateExtend={zoomTranslateExtend}\r\n onSeriesMouseClick={onSeriesMouseClick}\r\n highlightedDataPoints={highlightedDataPoints}\r\n resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n styles={styles}\r\n classNames={classNames}\r\n zoomInteraction={zoomInteraction}\r\n detailsOnClick={detailsOnClick}\r\n mapProjection={mapProjection || (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n animate={\r\n animate === true\r\n ? { duration: 0.5, once: true, amount: 0.5 }\r\n : animate || { duration: 0, once: true, amount: 0 }\r\n }\r\n dimmedOpacity={dimmedOpacity}\r\n customLayers={customLayers}\r\n maxRadiusValue={\r\n !checkIfNullOrUndefined(maxRadiusValue)\r\n ? (maxRadiusValue as number)\r\n : Math.max(...data.map(d => d.radius).filter(d => d !== undefined && d !== null))\r\n }\r\n collapseColorScaleByDefault={collapseColorScaleByDefault}\r\n />\r\n ) : (\r\n <div\r\n style={{\r\n height: `${Math.max(\r\n minHeight,\r\n height ||\r\n (relativeHeight\r\n ? minHeight\r\n ? (width || svgWidth) * relativeHeight > minHeight\r\n ? (width || svgWidth) * relativeHeight\r\n : minHeight\r\n : (width || svgWidth) * relativeHeight\r\n : svgHeight),\r\n )}px`,\r\n }}\r\n className='flex items-center justify-center'\r\n >\r\n <Spinner aria-label='Loading graph' />\r\n </div>\r\n )}\r\n </GraphArea>\r\n {sources || footNote ? (\r\n <GraphFooter\r\n styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n classNames={{\r\n footnote: classNames?.footnote,\r\n source: classNames?.source,\r\n }}\r\n sources={sources}\r\n footNote={footNote}\r\n width={width}\r\n />\r\n ) : null}\r\n </GraphContainer>\r\n );\r\n}\r\n"],"names":["Graph","props","data","colors","mapData","colorLegendTitle","colorDomain","radius","height","width","scale","centerPoint","tooltip","showLabels","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedDataPoints","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","maxRadiusValue","collapseColorScaleByDefault","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","d","length","scaleSqrt","domain","range","nice","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","e","type","includes","isWheel","isTouch","startsWith","isDrag","ctrlKey","button","zoomBehavior","zoom","scaleExtent","translateExtent","on","transform","attr","call","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","Math","min","projection","geoMercator","rotate","geometry","coordinates","translate","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","i","el","j","masterPath","forEach","geo","path","c","k","point","stroke","strokeWidth","fill","AnimatePresence","color","indexOf","Colors","gray","initial","opacity","whileInView","label","transition","duration","event","clientY","clientX","isEqual","long","lat","r","fillOpacity","x","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","display","WebkitLineClamp","WebkitBoxOrient","P","DetailsModal","modal","Tooltip","DotDensityMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","t2","t3","padding","t4","t5","t6","t7","t8","relativeHeight","isWorldMap","t9","t10","t11","graphID","t12","graphDownload","t13","dataDownload","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","timeline","t24","light","graphNoData","grays","t25","t26","t27","t28","enabled","autoplay","showOnlyActiveDate","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t29","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","index","setIndex","mapShape","setMapShape","graphDiv","graphParentDiv","t30","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t31","shape","onUpdateShape","useEffectEvent","t32","fetchAndParseJSON","then","d_1","t33","t34","t35","speed","interval","setInterval","clearInterval","t36","t37","getSliderMarks","markObj","t38","graphContainer","t39","t40","description","title","GraphHeader","_temp3","_temp4","_temp5","_temp6","_temp7","t41","Pause","Play","SliderUI","nextValue","nextValue_0","t42","GraphArea","d_7","format","_temp8","_temp9","uniqBy","_temp0","primaryColors","categoricalColors","checkIfNullOrUndefined","max","_temp1","_temp10","Spinner","t43","footnote","source","GraphFooter","t44","GraphContainer","d_9","d_8","el_1","el_0","properties","NAME","d_4","d_3","d_2","d_6","d_5","a","b"],"mappings":"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"}
|
package/dist/HybridMap.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-CTPQjnHt.cjs"),m=require("react"),Ct=require("./parse-hMnG_lRV.cjs"),St=require("./getSliderMarks-BmADcPQt.cjs"),Vt=require("./Spinner-CQZcjzwd.cjs"),Nt=require("./index-DQA8q5sC.cjs"),xe=require("./zoom-DPw8bba-.cjs"),Et=require("./Typography-DX7PlgQU.cjs"),Bt=require("./index-DxXnJ8Ti.cjs"),Dt=require("./Source-DYMJRrsq.cjs"),Ft=require("./index-Dzc_aaI9-BmkfPMyc.cjs"),Tt=require("./Tooltip-uUdw6wJL.cjs"),kt=require("./index-DRXx7m-C.cjs"),Wt=require("./DetailsModal-BN0HDFlV.cjs"),At=require("./pow-DgrUorRi.cjs"),Ut=require("./ordinal-CrsysVE-.cjs"),Gt=require("./threshold-DNsSUf8Q.cjs"),wt=require("./select-Bnfk0lJx.cjs"),lt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ht=require("./numberFormattingFunction-02t-wJta.cjs"),Xt=require("./use-in-view-QcfiW0w3.cjs"),he=require("./proxy-BxvUI_9l.cjs"),Yt=require("./index-DG2bgAva.cjs"),Jt=require("./GraphFooter.cjs"),Kt=require("./GraphHeader.cjs"),De=require("./Colors.cjs"),Zt=require("./fetchAndParseData-l5HGMAEs.cjs"),$t=require("./GraphContainer-d8A46BK2.cjs"),Qt=require("./getUniqValue-NX8DgwND.cjs"),eo=require("./getJenks-GYmdwBqm.cjs");function to(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,d.get?d:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const oo=to(m);var ro="Separator",Ot="horizontal",io=["horizontal","vertical"],Mt=oo.forwardRef((i,e)=>{const{decorative:t,orientation:d=Ot,...E}=i,n=ao(d)?d:Ot,w=t?{role:"none"}:{"aria-orientation":n==="vertical"?n:void 0,role:"separator"};return r.ae.jsx(Ft.w.div,{"data-orientation":n,...w,...E,ref:e})});Mt.displayName=ro;function ao(i){return io.includes(i)}var qt=Mt;const It=m.forwardRef((i,e)=>{const t=r._.c(14);let d,E,n,w;t[0]!==i?({className:d,variant:n,orientation:w,...E}=i,t[0]=i,t[1]=d,t[2]=E,t[3]=n,t[4]=w):(d=t[1],E=t[2],n=t[3],w=t[4]);const k=n===void 0?"dark":n,u=w===void 0?"horizontal":w,g=u==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",D=k==="dark"?"bg-primary-gray-600 dark:bg-primary-gray-200":"bg-primary-gray-400 dark:bg-primary-gray-550";let C;t[5]!==d||t[6]!==g||t[7]!==D?(C=r.mo(g,D,d),t[5]=d,t[6]=g,t[7]=D,t[8]=C):C=t[8];let I;return t[9]!==u||t[10]!==E||t[11]!==e||t[12]!==C?(I=r.ae.jsx(qt,{...E,ref:e,orientation:u,className:C}),t[9]=u,t[10]=E,t[11]=e,t[12]=C,t[13]=I):I=t[13],I});It.displayName=qt.displayName;function no(i){const{data:e,colors:t,mapData:d,mapColorLegendTitle:E,colorDomain:n,radius:w,height:k,width:u,scale:g,centerPoint:D,tooltip:C,showLabels:I,mapBorderWidth:oe,mapBorderColor:re,mapNoDataColor:ge,onSeriesMouseOver:K,showColorScale:$e,zoomScaleExtend:We,zoomTranslateExtend:Ae,highlightedDataPoints:Oe,onSeriesMouseClick:F,resetSelectionOnDoubleClick:Me,detailsOnClick:Z,styles:O,classNames:ie,mapProjection:ae,zoomInteraction:Q,animate:v,dimmedOpacity:T,customLayers:fe,maxRadiusValue:ye,categorical:ne,dotColor:ee,collapseColorScaleByDefault:qe,highlightedIds:se,mapProperty:ve,dotLegendTitle:je,dotBorderColor:Ie,labelColor:Pe}=i,[P,z]=m.useState(void 0),[b,j]=m.useState(qe===void 0?!(u<680):!qe),le=m.useRef(null),[ce,te]=m.useState(void 0),[ze,M]=m.useState(void 0),[de,q]=m.useState(void 0),[be,W]=m.useState(void 0),L=m.useRef(null),A=Xt.useInView(L,{once:v.once,amount:v.amount}),Ee=m.useRef(null),_=e.filter(o=>o.radius===void 0||o.radius===null).length!==e.length?At.sqrt().domain([0,ye]).range([.25,w]).nice():void 0,Ue=ne?Ut.ordinal().domain(n).range(t):Gt.threshold().domain(n).range(t);m.useEffect(()=>{const o=wt.select(Ee.current),a=wt.select(L.current),$=p=>{if(Q==="noZoom")return!1;if(Q==="button")return!p.type.includes("wheel");const l=p.type==="wheel",R=p.type.startsWith("touch"),x=p.type==="mousedown"||p.type==="mousemove";return R?!0:l?Q==="scroll"?!0:p.ctrlKey:x&&!p.button&&!p.ctrlKey},s=xe.zoom().scaleExtent(We).translateExtent(Ae||[[-20,-20],[u+20,k+20]]).filter($).on("zoom",({transform:p})=>{o.attr("transform",p)});a.call(s),le.current=s},[k,u,Q]);const S=xe.turf_bbox_default(d),V=Bt.turf_center_of_mass_default(d),U=S[2]-S[0],Le=S[3]-S[1],_e=u*190/960*360/U,Ve=k*190/678*180/Le,G=g*Math.min(_e,Ve),B=ae==="mercator"?xe.geoMercator().rotate([0,0]).center(D||V.geometry.coordinates).translate([u/2,k/2]).scale(G):ae==="equalEarth"?xe.geoEqualEarth().rotate([0,0]).center(D||V.geometry.coordinates).translate([u/2,k/2]).scale(G):ae==="naturalEarth"?xe.geoNaturalEarth1().rotate([0,0]).center(D||V.geometry.coordinates).translate([u/2,k/2]).scale(G):ae==="orthographic"?xe.geoOrthographic().rotate([0,0]).center(D||V.geometry.coordinates).translate([u/2,k/2]).scale(G):xe.geoAlbersUsa().rotate([0,0]).center(D||V.geometry.coordinates).translate([u/2,k/2]).scale(G),we=o=>{if(!L.current||!le.current)return;wt.select(L.current).call(le.current.scaleBy,o==="in"?1.2:1/1.2)};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r.jsxRuntimeExports.jsx(he.motion.svg,{width:`${u}px`,height:`${k}px`,viewBox:`0 0 ${u} ${k}`,ref:L,direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{ref:Ee,children:[fe.filter(o=>o.position==="before").map(o=>o.layer),d.features.map((o,a)=>e.findIndex(s=>s.id===o.properties[ve])!==-1?null:r.jsxRuntimeExports.jsx("g",{opacity:P?T:se.length!==0?se.indexOf(o.properties[ve])!==-1?1:T:1,children:o.geometry.type==="MultiPolygon"?o.geometry.coordinates.map((s,p)=>{let l="";return s.forEach(R=>{let x=" M";R.forEach((f,ue)=>{const N=B([f[0],f[1]]);ue!==R.length-1?x=`${x}${N[0]} ${N[1]}L`:x=`${x}${N[0]} ${N[1]}`}),l+=x}),r.jsxRuntimeExports.jsx("path",{d:l,style:{stroke:re,strokeWidth:oe,fill:ge}},p)}):o.geometry.coordinates.map((s,p)=>{let l="M";return s.forEach((R,x)=>{const f=B([R[0],R[1]]);x!==s.length-1?l=`${l}${f[0]} ${f[1]}L`:l=`${l}${f[0]} ${f[1]}`}),r.jsxRuntimeExports.jsx("path",{d:l,style:{stroke:re,strokeWidth:oe,fill:ge}},p)})},a)),r.jsxRuntimeExports.jsxs(Yt.AnimatePresence,{children:[e.filter(o=>o.id).map(o=>{const a=d.features.findIndex(s=>o.id===s.properties[ve]),$=lt.checkIfNullOrUndefined(o.x)?ge:Ue(o.x);return r.jsxRuntimeExports.jsx(he.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:P?P===$?1:T:se.length!==0?se.indexOf(o.id)!==-1?1:T:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},onMouseEnter:s=>{M(o),W(s.clientY),q(s.clientX),K?.(o)},onMouseMove:s=>{M(o),W(s.clientY),q(s.clientX)},onMouseLeave:()=>{M(void 0),q(void 0),W(void 0),K?.(void 0)},onClick:()=>{(F||Z)&&(Nt.isEqual(ce,o)&&Me?(te(void 0),F?.(void 0)):(te(o),F?.(o)))},children:a===-1?null:d.features[a].geometry.type==="MultiPolygon"?d.features[a].geometry.coordinates.map((s,p)=>{let l="";return s.forEach(R=>{let x=" M";R.forEach((f,ue)=>{const N=B([f[0],f[1]]);ue!==R.length-1?x=`${x}${N[0]} ${N[1]}L`:x=`${x}${N[0]} ${N[1]}`}),l+=x}),r.jsxRuntimeExports.jsx(he.motion.path,{d:l,variants:{initial:{fill:$,opacity:0},whileInView:{fill:$,opacity:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},style:{stroke:re,strokeWidth:oe}},`${o.id}-${p}`)}):d.features[a].geometry.coordinates.map((s,p)=>{let l="M";return s.forEach((R,x)=>{const f=B([R[0],R[1]]);x!==s.length-1?l=`${l}${f[0]} ${f[1]}L`:l=`${l}${f[0]} ${f[1]}`}),r.jsxRuntimeExports.jsx(he.motion.path,{d:l,variants:{initial:{fill:$,opacity:0},whileInView:{fill:$,opacity:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},style:{stroke:re,strokeWidth:oe}},`${o.id}-${p}`)})},o.id)}),e.filter(o=>!lt.checkIfNullOrUndefined(o.lat)&&!lt.checkIfNullOrUndefined(o.long)).map(o=>r.jsxRuntimeExports.jsxs(he.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:Oe.length!==0?Oe.indexOf(o.label||"")!==-1?1:T:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},onMouseEnter:a=>{M(o),W(a.clientY),q(a.clientX),K?.(o)},onMouseMove:a=>{M(o),W(a.clientY),q(a.clientX)},onMouseLeave:()=>{M(void 0),q(void 0),W(void 0),K?.(void 0)},onClick:()=>{(F||Z)&&(Nt.isEqual(ce,o)&&Me?(te(void 0),F?.(void 0)):(te(o),F?.(o)))},transform:`translate(${B([o.long,o.lat])[0]},${B([o.long,o.lat])[1]})`,children:[r.jsxRuntimeExports.jsx(he.motion.circle,{cx:0,cy:0,variants:{initial:{r:0,fill:ee,stroke:Ie||ee},whileInView:{r:_?_(o.radius||0):w,fill:ee,stroke:Ie||ee,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{r:0,transition:{duration:v.duration}},style:{fillOpacity:.8}}),I&&o.label?r.jsxRuntimeExports.jsx(he.motion.text,{variants:{initial:{opacity:0,x:_?_(o.radius||0):w},whileInView:{opacity:1,x:_?_(o.radius||0):w,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},y:0,className:"text-sm",style:{textAnchor:"start",fill:Pe||"#000"},dx:4,dy:5,children:o.label}):null]},o.label||`${o.lat}-${o.long}`))]}),fe.filter(o=>o.position==="after").map(o=>o.layer)]})}),$e===!1?null:r.jsxRuntimeExports.jsx("div",{className:r.mo("absolute left-4 bottom-4 map-color-legend",ie?.colorLegend),children:b?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.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:()=>{j(!1)},children:r.jsxRuntimeExports.jsx(kt.X,{})}),r.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:ne?void 0:"340px"},children:[je&&je!==""?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[r.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:ee}}),r.jsxRuntimeExports.jsx(Et.j,{size:"xs",marginBottom:"none",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:je})]}),r.jsxRuntimeExports.jsx(Dt.n,{size:"xl"}),r.jsxRuntimeExports.jsx(It,{}),r.jsxRuntimeExports.jsx(Dt.n,{size:"xl"})]}):null,E&&E!==""?r.jsxRuntimeExports.jsx(Et.j,{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:E}):null,ne?r.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:n.map((o,a)=>r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{z(t[a%t.length])},onMouseLeave:()=>{z(void 0)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:t[a%t.length]}}),r.jsxRuntimeExports.jsx(Et.j,{size:"sm",marginBottom:"none",leading:"none",children:o})]},a))}):r.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{children:[n.map((o,a)=>r.jsxRuntimeExports.jsxs("g",{onMouseOver:()=>{z(t[a])},onMouseLeave:()=>{z(void 0)},className:"cursor-pointer",children:[r.jsxRuntimeExports.jsx("rect",{x:a*320/t.length+1,y:1,width:320/t.length-2,height:8,className:P===t[a]?"stroke-primary-gray-700 dark:stroke-primary-gray-300":"",style:{fill:t[a],...P===t[a]?{}:{stroke:t[a]}}}),r.jsxRuntimeExports.jsx("text",{x:(a+1)*320/t.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:Ht.numberFormattingFunction(o,"NA")})]},a)),r.jsxRuntimeExports.jsx("g",{children:r.jsxRuntimeExports.jsx("rect",{onMouseOver:()=>{z(t[n.length])},onMouseLeave:()=>{z(void 0)},x:n.length*320/t.length+1,y:1,width:320/t.length-2,height:8,className:`cursor-pointer ${P===t[n.length]?"stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300":""}`,style:{fill:t[n.length],...P===t[n.length]?{}:{stroke:t[n.length]}}})})]})})]})]}):r.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start map-legend-button",onClick:()=>{j(!0)},children:r.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),Q==="button"&&r.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col zoom-buttons",children:[r.jsxRuntimeExports.jsx("button",{onClick:()=>we("in"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"+"}),r.jsxRuntimeExports.jsx("button",{onClick:()=>we("out"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"–"})]})]}),Z&&ce!==void 0?r.jsxRuntimeExports.jsx(Wt.DetailsModal,{body:Z,data:ce,setData:te,className:ie?.modal}):null,ze&&C&&de&&be?r.jsxRuntimeExports.jsx(Tt.Tooltip,{data:ze,body:C,xPos:de,yPos:be,backgroundStyle:O?.tooltip,className:ie?.tooltip}):null]})}function so(i){const e=r.compilerRuntimeExports.c(131),{data:t,mapData:d,graphTitle:E,colors:n,sources:w,graphDescription:k,height:u,width:g,footNote:D,mapColorLegendTitle:C,colorDomain:I,choroplethScaleType:oe,radius:re,scale:ge,centerPoint:K,padding:$e,mapBorderWidth:We,mapNoDataColor:Ae,backgroundColor:Oe,showLabels:F,mapBorderColor:Me,tooltip:Z,relativeHeight:O,onSeriesMouseOver:ie,isWorldMap:ae,showColorScale:Q,zoomScaleExtend:v,zoomTranslateExtend:T,graphID:fe,highlightedDataPoints:ye,onSeriesMouseClick:ne,graphDownload:ee,dataDownload:qe,showAntarctica:se,language:ve,minHeight:je,theme:Ie,ariaLabel:Pe,resetSelectionOnDoubleClick:P,detailsOnClick:z,styles:b,classNames:j,mapProjection:le,zoomInteraction:ce,animate:te,dimmedOpacity:ze,customLayers:M,maxRadiusValue:de,timeline:q,collapseColorScaleByDefault:be,dotColor:W,highlightedIds:L,mapProperty:A,dotLegendTitle:Ee,dotBorderColor:_,labelColor:Ue}=i,S=d===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json":d,V=D===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.":D,U=oe===void 0?"threshold":oe,Le=re===void 0?5:re,_e=ge===void 0?.95:ge,Ve=We===void 0?.5:We,G=Ae===void 0?De.Colors.light.graphNoData:Ae,B=Oe===void 0?!1:Oe,we=F===void 0?!1:F,o=Me===void 0?De.Colors.light.grays["gray-500"]:Me,a=ae===void 0?!0:ae,$=Q===void 0?!0:Q;let s;e[0]!==v?(s=v===void 0?[.8,6]:v,e[0]=v,e[1]=s):s=e[1];const p=s;let l;e[2]!==ye?(l=ye===void 0?[]:ye,e[2]=ye,e[3]=l):l=e[3];const R=l,x=ee===void 0?!1:ee,f=qe===void 0?!1:qe,ue=se===void 0?!1:se,N=ve===void 0?"en":ve,H=je===void 0?0:je,me=Ie===void 0?"light":Ie,ct=P===void 0?!0:P,dt=ce===void 0?"button":ce,Ge=te===void 0?!1:te,ut=ze===void 0?.3:ze;let He;e[4]!==M?(He=M===void 0?[]:M,e[4]=M,e[5]=He):He=e[5];const mt=He;let Xe;e[6]!==q?(Xe=q===void 0?{enabled:!1,autoplay:!1,showOnlyActiveDate:!0}:q,e[6]=q,e[7]=Xe):Xe=e[7];const c=Xe,pt=W===void 0?De.Colors.primaryColors["blue-600"]:W;let Ye;e[8]!==L?(Ye=L===void 0?[]:L,e[8]=L,e[9]=Ye):Ye=e[9];const xt=Ye,ht=A===void 0?"ISO3":A,gt=Ue===void 0?De.Colors.primaryColors["blue-600"]:Ue,[pe,Pt]=m.useState(0),[Be,zt]=m.useState(0),[X,Lt]=m.useState(c.autoplay);let Fe;if(e[10]!==t||e[11]!==c.dateFormat){let y;e[13]!==c.dateFormat?(y=J=>Ct.parse(`${J.date}`,c.dateFormat||"yyyy",new Date).getTime(),e[13]=c.dateFormat,e[14]=y):y=e[14],Fe=[...new Set(t.filter(vo).map(y))],Fe.sort(yo),e[10]=t,e[11]=c.dateFormat,e[12]=Fe}else Fe=e[12];const h=Fe,[Y,ft]=m.useState(c.autoplay?0:h.length-1),[ke,_t]=m.useState(void 0),yt=m.useRef(null),Rt=m.useRef(null);let Je;e[15]!==U||e[16]!==I||e[17]!==n?.length||e[18]!==t?(Je=I||(U==="categorical"?Qt.getUniqValue(t,"x"):eo.getJenks(t.map(fo),n?.length||4)),e[15]=U,e[16]=I,e[17]=n?.length,e[18]=t,e[19]=Je):Je=e[19];const Te=Je;let Ke,Ze;e[20]===Symbol.for("react.memo_cache_sentinel")?(Ke=()=>{const y=new ResizeObserver(J=>{Pt(J[0].target.clientWidth||620),zt(J[0].target.clientHeight||480)});return yt.current&&y.observe(yt.current),()=>y.disconnect()},Ze=[],e[20]=Ke,e[21]=Ze):(Ke=e[20],Ze=e[21]),m.useEffect(Ke,Ze);let Qe;e[22]===Symbol.for("react.memo_cache_sentinel")?(Qe=y=>{_t(y)},e[22]=Qe):Qe=e[22];const et=m.useEffectEvent(Qe);let tt;e[23]!==S||e[24]!==et?(tt=()=>{typeof S=="string"?Zt.fetchAndParseJSON(S).then(J=>{et(J)}):et(S)},e[23]=S,e[24]=et,e[25]=tt):tt=e[25];let ot;e[26]!==S?(ot=[S],e[26]=S,e[27]=ot):ot=e[27],m.useEffect(tt,ot);let rt,it;e[28]!==X||e[29]!==c.speed||e[30]!==h?(rt=()=>{const y=setInterval(()=>{ft(J=>J<h.length-1?J+1:0)},(c.speed||2)*1e3);return X||clearInterval(y),()=>clearInterval(y)},it=[h,X,c.speed],e[28]=X,e[29]=c.speed,e[30]=h,e[31]=rt,e[32]=it):(rt=e[31],it=e[32]),m.useEffect(rt,it);const vt=c.dateFormat||"yyyy";let at;e[33]!==Y||e[34]!==vt||e[35]!==c.showOnlyActiveDate||e[36]!==h?(at=St.getSliderMarks(h,Y,c.showOnlyActiveDate,vt),e[33]=Y,e[34]=vt,e[35]=c.showOnlyActiveDate,e[36]=h,e[37]=at):at=e[37];const nt=at,jt=j?.graphContainer,bt=b?.graphContainer;let Re;e[38]!==j?.description||e[39]!==j?.title||e[40]!==t||e[41]!==f||e[42]!==k||e[43]!==x||e[44]!==E||e[45]!==b?.description||e[46]!==b?.title||e[47]!==g?(Re=E||k||x||f?r.jsxRuntimeExports.jsx(Kt.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:j?.title,description:j?.description},graphTitle:E,graphDescription:k,width:g,graphDownload:x?Rt:void 0,dataDownload:f?t.map(go).filter(ho).length>0?t.map(xo).filter(po):t.filter(mo):null}):null,e[38]=j?.description,e[39]=j?.title,e[40]=t,e[41]=f,e[42]=k,e[43]=x,e[44]=E,e[45]=b?.description,e[46]=b?.title,e[47]=g,e[48]=Re):Re=e[48];let Ce;e[49]!==Y||e[50]!==nt||e[51]!==X||e[52]!==c.enabled||e[53]!==h?(Ce=c.enabled&&h.length>0&&nt?r.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[r.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Lt(!X)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":X?"Click to pause animation":"Click to play animation",children:X?r.jsxRuntimeExports.jsx(kt.Pause,{}):r.jsxRuntimeExports.jsx(kt.Play,{})}),r.jsxRuntimeExports.jsx(St.Nr,{min:h[0],max:h[h.length-1],marks:nt,step:null,defaultValue:h[h.length-1],value:h[Y],onChangeComplete:y=>{ft(h.indexOf(y))},onChange:y=>{ft(h.indexOf(y))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e[49]=Y,e[50]=nt,e[51]=X,e[52]=c.enabled,e[53]=h,e[54]=Ce):Ce=e[54];let Se;e[55]!==Ge||e[56]!==K||e[57]!==U||e[58]!==j||e[59]!==be||e[60]!==n||e[61]!==mt||e[62]!==t||e[63]!==z||e[64]!==ut||e[65]!==Te||e[66]!==_||e[67]!==pt||e[68]!==Ee||e[69]!==u||e[70]!==R||e[71]!==xt||e[72]!==Y||e[73]!==a||e[74]!==gt||e[75]!==o||e[76]!==Ve||e[77]!==C||e[78]!==G||e[79]!==le||e[80]!==ht||e[81]!==ke||e[82]!==de||e[83]!==H||e[84]!==ne||e[85]!==ie||e[86]!==Le||e[87]!==O||e[88]!==ct||e[89]!==_e||e[90]!==ue||e[91]!==$||e[92]!==we||e[93]!==b||e[94]!==Be||e[95]!==pe||e[96]!==me||e[97]!==c.dateFormat||e[98]!==c.enabled||e[99]!==Z||e[100]!==h||e[101]!==g||e[102]!==dt||e[103]!==p||e[104]!==T?(Se=r.jsxRuntimeExports.jsx($t.GraphArea,{ref:yt,children:pe&&Be&&ke?r.jsxRuntimeExports.jsx(no,{dotColor:pt,data:t.filter(y=>c.enabled?y.date===Ct.format(new Date(h[Y]),c.dateFormat||"yyyy"):y),mapData:ue?ke:{...ke,features:ke.features.filter(uo)},colorDomain:Te,width:pe,height:Be,scale:_e,centerPoint:K,colors:n||(U==="categorical"?De.Colors[me].sequentialColors[`neutralColorsx0${Te.length}`]:De.Colors[me].sequentialColors[`neutralColorsx0${Te.length+1}`]),mapColorLegendTitle:C,radius:Le,categorical:U==="categorical",mapBorderWidth:Ve,mapNoDataColor:G,mapBorderColor:o,tooltip:Z,onSeriesMouseOver:ie,showLabels:we,isWorldMap:a,showColorScale:$,zoomScaleExtend:p,zoomTranslateExtend:T,onSeriesMouseClick:ne,highlightedDataPoints:R,resetSelectionOnDoubleClick:ct,styles:b,classNames:j,zoomInteraction:dt,detailsOnClick:z,mapProjection:le||(a?"naturalEarth":"mercator"),animate:Ge===!0?{duration:.5,once:!0,amount:.5}:Ge||{duration:0,once:!0,amount:0},dimmedOpacity:ut,customLayers:mt,maxRadiusValue:lt.checkIfNullOrUndefined(de)?Math.max(...t.map(co).filter(lo)):de,collapseColorScaleByDefault:be,highlightedIds:xt,mapProperty:ht,dotLegendTitle:Ee,dotBorderColor:_,labelColor:gt}):r.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(H,u||(O?H?(g||pe)*O>H?(g||pe)*O:H:(g||pe)*O:Be))}px`},className:"flex items-center justify-center",children:r.jsxRuntimeExports.jsx(Vt.w,{"aria-label":"Loading graph"})})}),e[55]=Ge,e[56]=K,e[57]=U,e[58]=j,e[59]=be,e[60]=n,e[61]=mt,e[62]=t,e[63]=z,e[64]=ut,e[65]=Te,e[66]=_,e[67]=pt,e[68]=Ee,e[69]=u,e[70]=R,e[71]=xt,e[72]=Y,e[73]=a,e[74]=gt,e[75]=o,e[76]=Ve,e[77]=C,e[78]=G,e[79]=le,e[80]=ht,e[81]=ke,e[82]=de,e[83]=H,e[84]=ne,e[85]=ie,e[86]=Le,e[87]=O,e[88]=ct,e[89]=_e,e[90]=ue,e[91]=$,e[92]=we,e[93]=b,e[94]=Be,e[95]=pe,e[96]=me,e[97]=c.dateFormat,e[98]=c.enabled,e[99]=Z,e[100]=h,e[101]=g,e[102]=dt,e[103]=p,e[104]=T,e[105]=Se):Se=e[105];let Ne;e[106]!==j?.footnote||e[107]!==j?.source||e[108]!==V||e[109]!==w||e[110]!==b?.footnote||e[111]!==b?.source||e[112]!==g?(Ne=w||V?r.jsxRuntimeExports.jsx(Jt.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:j?.footnote,source:j?.source},sources:w,footNote:V,width:g}):null,e[106]=j?.footnote,e[107]=j?.source,e[108]=V,e[109]=w,e[110]=b?.footnote,e[111]=b?.source,e[112]=g,e[113]=Ne):Ne=e[113];let st;return e[114]!==Pe||e[115]!==B||e[116]!==fe||e[117]!==u||e[118]!==N||e[119]!==H||e[120]!==$e||e[121]!==O||e[122]!==jt||e[123]!==bt||e[124]!==Re||e[125]!==Ce||e[126]!==Se||e[127]!==Ne||e[128]!==me||e[129]!==g?(st=r.jsxRuntimeExports.jsxs($t.GraphContainer,{className:jt,style:bt,id:fe,ref:Rt,"aria-label":Pe,backgroundColor:B,theme:me,language:N,minHeight:H,width:g,height:u,relativeHeight:O,padding:$e,children:[Re,Ce,Se,Ne]}),e[114]=Pe,e[115]=B,e[116]=fe,e[117]=u,e[118]=N,e[119]=H,e[120]=$e,e[121]=O,e[122]=jt,e[123]=bt,e[124]=Re,e[125]=Ce,e[126]=Se,e[127]=Ne,e[128]=me,e[129]=g,e[130]=st):st=e[130],st}function lo(i){return i!=null}function co(i){return i.radius}function uo(i){return i.properties.NAME!=="Antarctica"}function mo(i){return i!==void 0}function po(i){return i!==void 0}function xo(i){return i.data}function ho(i){return i!==void 0}function go(i){return i.data}function fo(i){return i.x}function yo(i,e){return i-e}function vo(i){return i.date}exports.HybridMap=so;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-CTPQjnHt.cjs"),m=require("react"),Ct=require("./parse-hMnG_lRV.cjs"),St=require("./getSliderMarks-BmADcPQt.cjs"),_t=require("./Spinner-CQZcjzwd.cjs"),Nt=require("./index-DQA8q5sC.cjs"),xe=require("./zoom-DPw8bba-.cjs"),Et=require("./Typography-DX7PlgQU.cjs"),Bt=require("./index-DxXnJ8Ti.cjs"),Dt=require("./Source-DYMJRrsq.cjs"),Ft=require("./index-Dzc_aaI9-BmkfPMyc.cjs"),Tt=require("./Tooltip-uUdw6wJL.cjs"),kt=require("./index-DRXx7m-C.cjs"),Wt=require("./DetailsModal-BN0HDFlV.cjs"),At=require("./pow-DgrUorRi.cjs"),Ut=require("./ordinal-CrsysVE-.cjs"),Gt=require("./threshold-DNsSUf8Q.cjs"),wt=require("./select-Bnfk0lJx.cjs"),lt=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ht=require("./numberFormattingFunction-02t-wJta.cjs"),Xt=require("./use-in-view-QcfiW0w3.cjs"),he=require("./proxy-BxvUI_9l.cjs"),Yt=require("./index-DG2bgAva.cjs"),Jt=require("./GraphFooter.cjs"),Kt=require("./GraphHeader.cjs"),De=require("./Colors.cjs"),Zt=require("./fetchAndParseData-l5HGMAEs.cjs"),Ot=require("./GraphContainer-d8A46BK2.cjs"),Qt=require("./getUniqValue-NX8DgwND.cjs"),eo=require("./getJenks-GYmdwBqm.cjs");function to(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const d=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,d.get?d:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const oo=to(m);var ro="Separator",$t="horizontal",io=["horizontal","vertical"],Mt=oo.forwardRef((i,e)=>{const{decorative:t,orientation:d=$t,...E}=i,n=ao(d)?d:$t,w=t?{role:"none"}:{"aria-orientation":n==="vertical"?n:void 0,role:"separator"};return r.ae.jsx(Ft.w.div,{"data-orientation":n,...w,...E,ref:e})});Mt.displayName=ro;function ao(i){return io.includes(i)}var qt=Mt;const It=m.forwardRef((i,e)=>{const t=r._.c(14);let d,E,n,w;t[0]!==i?({className:d,variant:n,orientation:w,...E}=i,t[0]=i,t[1]=d,t[2]=E,t[3]=n,t[4]=w):(d=t[1],E=t[2],n=t[3],w=t[4]);const k=n===void 0?"dark":n,u=w===void 0?"horizontal":w,g=u==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",D=k==="dark"?"bg-primary-gray-600 dark:bg-primary-gray-200":"bg-primary-gray-400 dark:bg-primary-gray-550";let C;t[5]!==d||t[6]!==g||t[7]!==D?(C=r.mo(g,D,d),t[5]=d,t[6]=g,t[7]=D,t[8]=C):C=t[8];let I;return t[9]!==u||t[10]!==E||t[11]!==e||t[12]!==C?(I=r.ae.jsx(qt,{...E,ref:e,orientation:u,className:C}),t[9]=u,t[10]=E,t[11]=e,t[12]=C,t[13]=I):I=t[13],I});It.displayName=qt.displayName;function no(i){const{data:e,colors:t,mapData:d,mapColorLegendTitle:E,colorDomain:n,radius:w,height:k,width:u,scale:g,centerPoint:D,tooltip:C,showLabels:I,mapBorderWidth:re,mapBorderColor:ie,mapNoDataColor:ge,onSeriesMouseOver:K,showColorScale:Oe,zoomScaleExtend:We,zoomTranslateExtend:Ae,highlightedDataPoints:$e,onSeriesMouseClick:F,resetSelectionOnDoubleClick:Me,detailsOnClick:Z,styles:O,classNames:Q,mapProjection:ae,zoomInteraction:ee,animate:v,dimmedOpacity:T,customLayers:fe,maxRadiusValue:ye,categorical:ne,dotColor:te,collapseColorScaleByDefault:qe,highlightedIds:se,mapProperty:ve,dotLegendTitle:je,dotBorderColor:Ie,labelColor:Pe}=i,[P,z]=m.useState(void 0),[b,j]=m.useState(qe===void 0?!(u<680):!qe),le=m.useRef(null),[ce,oe]=m.useState(void 0),[ze,M]=m.useState(void 0),[de,q]=m.useState(void 0),[be,W]=m.useState(void 0),L=m.useRef(null),A=Xt.useInView(L,{once:v.once,amount:v.amount}),Ee=m.useRef(null),V=e.filter(o=>o.radius===void 0||o.radius===null).length!==e.length?At.sqrt().domain([0,ye]).range([.25,w]).nice():void 0,Ue=ne?Ut.ordinal().domain(n).range(t):Gt.threshold().domain(n).range(t);m.useEffect(()=>{const o=wt.select(Ee.current),a=wt.select(L.current),$=p=>{if(ee==="noZoom")return!1;if(ee==="button")return!p.type.includes("wheel");const l=p.type==="wheel",R=p.type.startsWith("touch"),x=p.type==="mousedown"||p.type==="mousemove";return R?!0:l?ee==="scroll"?!0:p.ctrlKey:x&&!p.button&&!p.ctrlKey},s=xe.zoom().scaleExtent(We).translateExtent(Ae||[[-20,-20],[u+20,k+20]]).filter($).on("zoom",({transform:p})=>{o.attr("transform",p)});a.call(s),le.current=s},[k,u,ee]);const S=xe.turf_bbox_default(d),_=Bt.turf_center_of_mass_default(d),U=S[2]-S[0],Le=S[3]-S[1],Ve=u*190/960*360/U,_e=k*190/678*180/Le,G=g*Math.min(Ve,_e),B=ae==="mercator"?xe.geoMercator().rotate([0,0]).center(D||_.geometry.coordinates).translate([u/2,k/2]).scale(G):ae==="equalEarth"?xe.geoEqualEarth().rotate([0,0]).center(D||_.geometry.coordinates).translate([u/2,k/2]).scale(G):ae==="naturalEarth"?xe.geoNaturalEarth1().rotate([0,0]).center(D||_.geometry.coordinates).translate([u/2,k/2]).scale(G):ae==="orthographic"?xe.geoOrthographic().rotate([0,0]).center(D||_.geometry.coordinates).translate([u/2,k/2]).scale(G):xe.geoAlbersUsa().rotate([0,0]).center(D||_.geometry.coordinates).translate([u/2,k/2]).scale(G),we=o=>{if(!L.current||!le.current)return;wt.select(L.current).call(le.current.scaleBy,o==="in"?1.2:1/1.2)};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"relative",children:[r.jsxRuntimeExports.jsx(he.motion.svg,{width:`${u}px`,height:`${k}px`,viewBox:`0 0 ${u} ${k}`,ref:L,direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{ref:Ee,children:[fe.filter(o=>o.position==="before").map(o=>o.layer),d.features.map((o,a)=>e.findIndex(s=>s.id===o.properties[ve])!==-1?null:r.jsxRuntimeExports.jsx("g",{opacity:P?T:se.length!==0?se.indexOf(o.properties[ve])!==-1?1:T:1,children:o.geometry.type==="MultiPolygon"?o.geometry.coordinates.map((s,p)=>{let l="";return s.forEach(R=>{let x=" M";R.forEach((f,ue)=>{const N=B([f[0],f[1]]);ue!==R.length-1?x=`${x}${N[0]} ${N[1]}L`:x=`${x}${N[0]} ${N[1]}`}),l+=x}),r.jsxRuntimeExports.jsx("path",{d:l,style:{stroke:ie,strokeWidth:re,fill:ge}},p)}):o.geometry.coordinates.map((s,p)=>{let l="M";return s.forEach((R,x)=>{const f=B([R[0],R[1]]);x!==s.length-1?l=`${l}${f[0]} ${f[1]}L`:l=`${l}${f[0]} ${f[1]}`}),r.jsxRuntimeExports.jsx("path",{d:l,style:{stroke:ie,strokeWidth:re,fill:ge}},p)})},a)),r.jsxRuntimeExports.jsxs(Yt.AnimatePresence,{children:[e.filter(o=>o.id).map(o=>{const a=d.features.findIndex(s=>o.id===s.properties[ve]),$=lt.checkIfNullOrUndefined(o.x)?ge:Ue(o.x);return r.jsxRuntimeExports.jsx(he.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:P?P===$?1:T:se.length!==0?se.indexOf(o.id)!==-1?1:T:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},onMouseEnter:s=>{M(o),W(s.clientY),q(s.clientX),K?.(o)},onMouseMove:s=>{M(o),W(s.clientY),q(s.clientX)},onMouseLeave:()=>{M(void 0),q(void 0),W(void 0),K?.(void 0)},onClick:()=>{(F||Z)&&(Nt.isEqual(ce,o)&&Me?(oe(void 0),F?.(void 0)):(oe(o),F?.(o)))},children:a===-1?null:d.features[a].geometry.type==="MultiPolygon"?d.features[a].geometry.coordinates.map((s,p)=>{let l="";return s.forEach(R=>{let x=" M";R.forEach((f,ue)=>{const N=B([f[0],f[1]]);ue!==R.length-1?x=`${x}${N[0]} ${N[1]}L`:x=`${x}${N[0]} ${N[1]}`}),l+=x}),r.jsxRuntimeExports.jsx(he.motion.path,{d:l,variants:{initial:{fill:$,opacity:0},whileInView:{fill:$,opacity:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},style:{stroke:ie,strokeWidth:re}},`${o.id}-${p}`)}):d.features[a].geometry.coordinates.map((s,p)=>{let l="M";return s.forEach((R,x)=>{const f=B([R[0],R[1]]);x!==s.length-1?l=`${l}${f[0]} ${f[1]}L`:l=`${l}${f[0]} ${f[1]}`}),r.jsxRuntimeExports.jsx(he.motion.path,{d:l,variants:{initial:{fill:$,opacity:0},whileInView:{fill:$,opacity:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},style:{stroke:ie,strokeWidth:re}},`${o.id}-${p}`)})},o.id)}),e.filter(o=>!lt.checkIfNullOrUndefined(o.lat)&&!lt.checkIfNullOrUndefined(o.long)).map(o=>r.jsxRuntimeExports.jsxs(he.motion.g,{variants:{initial:{opacity:0},whileInView:{opacity:$e.length!==0?$e.indexOf(o.label||"")!==-1?1:T:1,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},onMouseEnter:a=>{M(o),W(a.clientY),q(a.clientX),K?.(o)},onMouseMove:a=>{M(o),W(a.clientY),q(a.clientX)},onMouseLeave:()=>{M(void 0),q(void 0),W(void 0),K?.(void 0)},onClick:()=>{(F||Z)&&(Nt.isEqual(ce,o)&&Me?(oe(void 0),F?.(void 0)):(oe(o),F?.(o)))},transform:`translate(${B([o.long,o.lat])[0]},${B([o.long,o.lat])[1]})`,children:[r.jsxRuntimeExports.jsx(he.motion.circle,{cx:0,cy:0,variants:{initial:{r:0,fill:te,stroke:Ie||te},whileInView:{r:V?V(o.radius||0):w,fill:te,stroke:Ie||te,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{r:0,transition:{duration:v.duration}},style:{fillOpacity:.8}}),I&&o.label?r.jsxRuntimeExports.jsx(he.motion.text,{variants:{initial:{opacity:0,x:V?V(o.radius||0):w},whileInView:{opacity:1,x:V?V(o.radius||0):w,transition:{duration:v.duration}}},initial:"initial",animate:A?"whileInView":"initial",exit:{opacity:0,transition:{duration:v.duration}},y:0,className:r.mo("text-sm",Q?.graphObjectValues),style:{textAnchor:"start",fill:Pe||"#000",...O?.graphObjectValues||{}},dx:4,dy:5,children:o.label}):null]},o.label||`${o.lat}-${o.long}`))]}),fe.filter(o=>o.position==="after").map(o=>o.layer)]})}),Oe===!1?null:r.jsxRuntimeExports.jsx("div",{className:r.mo("absolute left-4 bottom-4 map-color-legend",Q?.colorLegend),children:b?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.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:()=>{j(!1)},children:r.jsxRuntimeExports.jsx(kt.X,{})}),r.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:ne?void 0:"340px"},children:[je&&je!==""?r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[r.jsxRuntimeExports.jsx("div",{className:"w-3 h-3 rounded-full",style:{backgroundColor:te}}),r.jsxRuntimeExports.jsx(Et.j,{size:"xs",marginBottom:"none",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:je})]}),r.jsxRuntimeExports.jsx(Dt.n,{size:"xl"}),r.jsxRuntimeExports.jsx(It,{}),r.jsxRuntimeExports.jsx(Dt.n,{size:"xl"})]}):null,E&&E!==""?r.jsxRuntimeExports.jsx(Et.j,{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:E}):null,ne?r.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:n.map((o,a)=>r.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",onMouseOver:()=>{z(t[a%t.length])},onMouseLeave:()=>{z(void 0)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:t[a%t.length]}}),r.jsxRuntimeExports.jsx(Et.j,{size:"sm",marginBottom:"none",leading:"none",children:o})]},a))}):r.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:r.jsxRuntimeExports.jsxs("g",{children:[n.map((o,a)=>r.jsxRuntimeExports.jsxs("g",{onMouseOver:()=>{z(t[a])},onMouseLeave:()=>{z(void 0)},className:"cursor-pointer",children:[r.jsxRuntimeExports.jsx("rect",{x:a*320/t.length+1,y:1,width:320/t.length-2,height:8,className:P===t[a]?"stroke-primary-gray-700 dark:stroke-primary-gray-300":"",style:{fill:t[a],...P===t[a]?{}:{stroke:t[a]}}}),r.jsxRuntimeExports.jsx("text",{x:(a+1)*320/t.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:Ht.numberFormattingFunction(o,"NA")})]},a)),r.jsxRuntimeExports.jsx("g",{children:r.jsxRuntimeExports.jsx("rect",{onMouseOver:()=>{z(t[n.length])},onMouseLeave:()=>{z(void 0)},x:n.length*320/t.length+1,y:1,width:320/t.length-2,height:8,className:`cursor-pointer ${P===t[n.length]?"stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300":""}`,style:{fill:t[n.length],...P===t[n.length]?{}:{stroke:t[n.length]}}})})]})})]})]}):r.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start map-legend-button",onClick:()=>{j(!0)},children:r.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),ee==="button"&&r.jsxRuntimeExports.jsxs("div",{className:"absolute left-4 top-4 flex flex-col zoom-buttons",children:[r.jsxRuntimeExports.jsx("button",{onClick:()=>we("in"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"+"}),r.jsxRuntimeExports.jsx("button",{onClick:()=>we("out"),className:"leading-0 px-2 py-3.5 text-primary-gray-700 border border-t-0 border-primary-gray-400 bg-primary-gray-200 dark:border-primary-gray-550 dark:bg-primary-gray-600 dark:text-primary-gray-100",children:"–"})]})]}),Z&&ce!==void 0?r.jsxRuntimeExports.jsx(Wt.DetailsModal,{body:Z,data:ce,setData:oe,className:Q?.modal}):null,ze&&C&&de&&be?r.jsxRuntimeExports.jsx(Tt.Tooltip,{data:ze,body:C,xPos:de,yPos:be,backgroundStyle:O?.tooltip,className:Q?.tooltip}):null]})}function so(i){const e=r.compilerRuntimeExports.c(131),{data:t,mapData:d,graphTitle:E,colors:n,sources:w,graphDescription:k,height:u,width:g,footNote:D,mapColorLegendTitle:C,colorDomain:I,choroplethScaleType:re,radius:ie,scale:ge,centerPoint:K,padding:Oe,mapBorderWidth:We,mapNoDataColor:Ae,backgroundColor:$e,showLabels:F,mapBorderColor:Me,tooltip:Z,relativeHeight:O,onSeriesMouseOver:Q,isWorldMap:ae,showColorScale:ee,zoomScaleExtend:v,zoomTranslateExtend:T,graphID:fe,highlightedDataPoints:ye,onSeriesMouseClick:ne,graphDownload:te,dataDownload:qe,showAntarctica:se,language:ve,minHeight:je,theme:Ie,ariaLabel:Pe,resetSelectionOnDoubleClick:P,detailsOnClick:z,styles:b,classNames:j,mapProjection:le,zoomInteraction:ce,animate:oe,dimmedOpacity:ze,customLayers:M,maxRadiusValue:de,timeline:q,collapseColorScaleByDefault:be,dotColor:W,highlightedIds:L,mapProperty:A,dotLegendTitle:Ee,dotBorderColor:V,labelColor:Ue}=i,S=d===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json":d,_=D===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.":D,U=re===void 0?"threshold":re,Le=ie===void 0?5:ie,Ve=ge===void 0?.95:ge,_e=We===void 0?.5:We,G=Ae===void 0?De.Colors.light.graphNoData:Ae,B=$e===void 0?!1:$e,we=F===void 0?!1:F,o=Me===void 0?De.Colors.light.grays["gray-500"]:Me,a=ae===void 0?!0:ae,$=ee===void 0?!0:ee;let s;e[0]!==v?(s=v===void 0?[.8,6]:v,e[0]=v,e[1]=s):s=e[1];const p=s;let l;e[2]!==ye?(l=ye===void 0?[]:ye,e[2]=ye,e[3]=l):l=e[3];const R=l,x=te===void 0?!1:te,f=qe===void 0?!1:qe,ue=se===void 0?!1:se,N=ve===void 0?"en":ve,H=je===void 0?0:je,me=Ie===void 0?"light":Ie,ct=P===void 0?!0:P,dt=ce===void 0?"button":ce,Ge=oe===void 0?!1:oe,ut=ze===void 0?.3:ze;let He;e[4]!==M?(He=M===void 0?[]:M,e[4]=M,e[5]=He):He=e[5];const mt=He;let Xe;e[6]!==q?(Xe=q===void 0?{enabled:!1,autoplay:!1,showOnlyActiveDate:!0}:q,e[6]=q,e[7]=Xe):Xe=e[7];const c=Xe,pt=W===void 0?De.Colors.primaryColors["blue-600"]:W;let Ye;e[8]!==L?(Ye=L===void 0?[]:L,e[8]=L,e[9]=Ye):Ye=e[9];const xt=Ye,ht=A===void 0?"ISO3":A,gt=Ue===void 0?De.Colors.primaryColors["blue-600"]:Ue,[pe,Pt]=m.useState(0),[Be,zt]=m.useState(0),[X,Lt]=m.useState(c.autoplay);let Fe;if(e[10]!==t||e[11]!==c.dateFormat){let y;e[13]!==c.dateFormat?(y=J=>Ct.parse(`${J.date}`,c.dateFormat||"yyyy",new Date).getTime(),e[13]=c.dateFormat,e[14]=y):y=e[14],Fe=[...new Set(t.filter(vo).map(y))],Fe.sort(yo),e[10]=t,e[11]=c.dateFormat,e[12]=Fe}else Fe=e[12];const h=Fe,[Y,ft]=m.useState(c.autoplay?0:h.length-1),[ke,Vt]=m.useState(void 0),yt=m.useRef(null),Rt=m.useRef(null);let Je;e[15]!==U||e[16]!==I||e[17]!==n?.length||e[18]!==t?(Je=I||(U==="categorical"?Qt.getUniqValue(t,"x"):eo.getJenks(t.map(fo),n?.length||4)),e[15]=U,e[16]=I,e[17]=n?.length,e[18]=t,e[19]=Je):Je=e[19];const Te=Je;let Ke,Ze;e[20]===Symbol.for("react.memo_cache_sentinel")?(Ke=()=>{const y=new ResizeObserver(J=>{Pt(J[0].target.clientWidth||620),zt(J[0].target.clientHeight||480)});return yt.current&&y.observe(yt.current),()=>y.disconnect()},Ze=[],e[20]=Ke,e[21]=Ze):(Ke=e[20],Ze=e[21]),m.useEffect(Ke,Ze);let Qe;e[22]===Symbol.for("react.memo_cache_sentinel")?(Qe=y=>{Vt(y)},e[22]=Qe):Qe=e[22];const et=m.useEffectEvent(Qe);let tt;e[23]!==S||e[24]!==et?(tt=()=>{typeof S=="string"?Zt.fetchAndParseJSON(S).then(J=>{et(J)}):et(S)},e[23]=S,e[24]=et,e[25]=tt):tt=e[25];let ot;e[26]!==S?(ot=[S],e[26]=S,e[27]=ot):ot=e[27],m.useEffect(tt,ot);let rt,it;e[28]!==X||e[29]!==c.speed||e[30]!==h?(rt=()=>{const y=setInterval(()=>{ft(J=>J<h.length-1?J+1:0)},(c.speed||2)*1e3);return X||clearInterval(y),()=>clearInterval(y)},it=[h,X,c.speed],e[28]=X,e[29]=c.speed,e[30]=h,e[31]=rt,e[32]=it):(rt=e[31],it=e[32]),m.useEffect(rt,it);const vt=c.dateFormat||"yyyy";let at;e[33]!==Y||e[34]!==vt||e[35]!==c.showOnlyActiveDate||e[36]!==h?(at=St.getSliderMarks(h,Y,c.showOnlyActiveDate,vt),e[33]=Y,e[34]=vt,e[35]=c.showOnlyActiveDate,e[36]=h,e[37]=at):at=e[37];const nt=at,jt=j?.graphContainer,bt=b?.graphContainer;let Re;e[38]!==j?.description||e[39]!==j?.title||e[40]!==t||e[41]!==f||e[42]!==k||e[43]!==x||e[44]!==E||e[45]!==b?.description||e[46]!==b?.title||e[47]!==g?(Re=E||k||x||f?r.jsxRuntimeExports.jsx(Kt.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:j?.title,description:j?.description},graphTitle:E,graphDescription:k,width:g,graphDownload:x?Rt:void 0,dataDownload:f?t.map(go).filter(ho).length>0?t.map(xo).filter(po):t.filter(mo):null}):null,e[38]=j?.description,e[39]=j?.title,e[40]=t,e[41]=f,e[42]=k,e[43]=x,e[44]=E,e[45]=b?.description,e[46]=b?.title,e[47]=g,e[48]=Re):Re=e[48];let Ce;e[49]!==Y||e[50]!==nt||e[51]!==X||e[52]!==c.enabled||e[53]!==h?(Ce=c.enabled&&h.length>0&&nt?r.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[r.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Lt(!X)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":X?"Click to pause animation":"Click to play animation",children:X?r.jsxRuntimeExports.jsx(kt.Pause,{}):r.jsxRuntimeExports.jsx(kt.Play,{})}),r.jsxRuntimeExports.jsx(St.Nr,{min:h[0],max:h[h.length-1],marks:nt,step:null,defaultValue:h[h.length-1],value:h[Y],onChangeComplete:y=>{ft(h.indexOf(y))},onChange:y=>{ft(h.indexOf(y))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e[49]=Y,e[50]=nt,e[51]=X,e[52]=c.enabled,e[53]=h,e[54]=Ce):Ce=e[54];let Se;e[55]!==Ge||e[56]!==K||e[57]!==U||e[58]!==j||e[59]!==be||e[60]!==n||e[61]!==mt||e[62]!==t||e[63]!==z||e[64]!==ut||e[65]!==Te||e[66]!==V||e[67]!==pt||e[68]!==Ee||e[69]!==u||e[70]!==R||e[71]!==xt||e[72]!==Y||e[73]!==a||e[74]!==gt||e[75]!==o||e[76]!==_e||e[77]!==C||e[78]!==G||e[79]!==le||e[80]!==ht||e[81]!==ke||e[82]!==de||e[83]!==H||e[84]!==ne||e[85]!==Q||e[86]!==Le||e[87]!==O||e[88]!==ct||e[89]!==Ve||e[90]!==ue||e[91]!==$||e[92]!==we||e[93]!==b||e[94]!==Be||e[95]!==pe||e[96]!==me||e[97]!==c.dateFormat||e[98]!==c.enabled||e[99]!==Z||e[100]!==h||e[101]!==g||e[102]!==dt||e[103]!==p||e[104]!==T?(Se=r.jsxRuntimeExports.jsx(Ot.GraphArea,{ref:yt,children:pe&&Be&&ke?r.jsxRuntimeExports.jsx(no,{dotColor:pt,data:t.filter(y=>c.enabled?y.date===Ct.format(new Date(h[Y]),c.dateFormat||"yyyy"):y),mapData:ue?ke:{...ke,features:ke.features.filter(uo)},colorDomain:Te,width:pe,height:Be,scale:Ve,centerPoint:K,colors:n||(U==="categorical"?De.Colors[me].sequentialColors[`neutralColorsx0${Te.length}`]:De.Colors[me].sequentialColors[`neutralColorsx0${Te.length+1}`]),mapColorLegendTitle:C,radius:Le,categorical:U==="categorical",mapBorderWidth:_e,mapNoDataColor:G,mapBorderColor:o,tooltip:Z,onSeriesMouseOver:Q,showLabels:we,isWorldMap:a,showColorScale:$,zoomScaleExtend:p,zoomTranslateExtend:T,onSeriesMouseClick:ne,highlightedDataPoints:R,resetSelectionOnDoubleClick:ct,styles:b,classNames:j,zoomInteraction:dt,detailsOnClick:z,mapProjection:le||(a?"naturalEarth":"mercator"),animate:Ge===!0?{duration:.5,once:!0,amount:.5}:Ge||{duration:0,once:!0,amount:0},dimmedOpacity:ut,customLayers:mt,maxRadiusValue:lt.checkIfNullOrUndefined(de)?Math.max(...t.map(co).filter(lo)):de,collapseColorScaleByDefault:be,highlightedIds:xt,mapProperty:ht,dotLegendTitle:Ee,dotBorderColor:V,labelColor:gt}):r.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(H,u||(O?H?(g||pe)*O>H?(g||pe)*O:H:(g||pe)*O:Be))}px`},className:"flex items-center justify-center",children:r.jsxRuntimeExports.jsx(_t.w,{"aria-label":"Loading graph"})})}),e[55]=Ge,e[56]=K,e[57]=U,e[58]=j,e[59]=be,e[60]=n,e[61]=mt,e[62]=t,e[63]=z,e[64]=ut,e[65]=Te,e[66]=V,e[67]=pt,e[68]=Ee,e[69]=u,e[70]=R,e[71]=xt,e[72]=Y,e[73]=a,e[74]=gt,e[75]=o,e[76]=_e,e[77]=C,e[78]=G,e[79]=le,e[80]=ht,e[81]=ke,e[82]=de,e[83]=H,e[84]=ne,e[85]=Q,e[86]=Le,e[87]=O,e[88]=ct,e[89]=Ve,e[90]=ue,e[91]=$,e[92]=we,e[93]=b,e[94]=Be,e[95]=pe,e[96]=me,e[97]=c.dateFormat,e[98]=c.enabled,e[99]=Z,e[100]=h,e[101]=g,e[102]=dt,e[103]=p,e[104]=T,e[105]=Se):Se=e[105];let Ne;e[106]!==j?.footnote||e[107]!==j?.source||e[108]!==_||e[109]!==w||e[110]!==b?.footnote||e[111]!==b?.source||e[112]!==g?(Ne=w||_?r.jsxRuntimeExports.jsx(Jt.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:j?.footnote,source:j?.source},sources:w,footNote:_,width:g}):null,e[106]=j?.footnote,e[107]=j?.source,e[108]=_,e[109]=w,e[110]=b?.footnote,e[111]=b?.source,e[112]=g,e[113]=Ne):Ne=e[113];let st;return e[114]!==Pe||e[115]!==B||e[116]!==fe||e[117]!==u||e[118]!==N||e[119]!==H||e[120]!==Oe||e[121]!==O||e[122]!==jt||e[123]!==bt||e[124]!==Re||e[125]!==Ce||e[126]!==Se||e[127]!==Ne||e[128]!==me||e[129]!==g?(st=r.jsxRuntimeExports.jsxs(Ot.GraphContainer,{className:jt,style:bt,id:fe,ref:Rt,"aria-label":Pe,backgroundColor:B,theme:me,language:N,minHeight:H,width:g,height:u,relativeHeight:O,padding:Oe,children:[Re,Ce,Se,Ne]}),e[114]=Pe,e[115]=B,e[116]=fe,e[117]=u,e[118]=N,e[119]=H,e[120]=Oe,e[121]=O,e[122]=jt,e[123]=bt,e[124]=Re,e[125]=Ce,e[126]=Se,e[127]=Ne,e[128]=me,e[129]=g,e[130]=st):st=e[130],st}function lo(i){return i!=null}function co(i){return i.radius}function uo(i){return i.properties.NAME!=="Antarctica"}function mo(i){return i!==void 0}function po(i){return i!==void 0}function xo(i){return i.data}function ho(i){return i!==void 0}function go(i){return i.data}function fo(i){return i.x}function yo(i,e){return i-e}function vo(i){return i.date}exports.HybridMap=so;
|
|
2
2
|
//# sourceMappingURL=HybridMap.cjs.map
|