@undp/data-viz 2.5.1 → 2.5.3

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.
Files changed (43) hide show
  1. package/dist/BiVariateChoroplethMap.cjs +1 -1
  2. package/dist/BiVariateChoroplethMap.cjs.map +1 -1
  3. package/dist/BiVariateChoroplethMap.js +297 -289
  4. package/dist/BiVariateChoroplethMap.js.map +1 -1
  5. package/dist/ChoroplethMap.cjs +1 -1
  6. package/dist/ChoroplethMap.cjs.map +1 -1
  7. package/dist/ChoroplethMap.js +307 -299
  8. package/dist/ChoroplethMap.js.map +1 -1
  9. package/dist/CopyTextButton.cjs +1 -1
  10. package/dist/CopyTextButton.cjs.map +1 -1
  11. package/dist/CopyTextButton.js +281 -279
  12. package/dist/CopyTextButton.js.map +1 -1
  13. package/dist/CsvDownloadButton.cjs +4 -4
  14. package/dist/CsvDownloadButton.cjs.map +1 -1
  15. package/dist/CsvDownloadButton.js +268 -266
  16. package/dist/CsvDownloadButton.js.map +1 -1
  17. package/dist/DotDensityMap.cjs +1 -1
  18. package/dist/DotDensityMap.cjs.map +1 -1
  19. package/dist/DotDensityMap.js +277 -269
  20. package/dist/DotDensityMap.js.map +1 -1
  21. package/dist/ExcelDownloadButton.cjs +1 -1
  22. package/dist/ExcelDownloadButton.cjs.map +1 -1
  23. package/dist/ExcelDownloadButton.js +21 -19
  24. package/dist/ExcelDownloadButton.js.map +1 -1
  25. package/dist/HybridMap.cjs +1 -1
  26. package/dist/HybridMap.cjs.map +1 -1
  27. package/dist/HybridMap.js +299 -291
  28. package/dist/HybridMap.js.map +1 -1
  29. package/dist/ImageDownloadButton.cjs +1 -1
  30. package/dist/ImageDownloadButton.cjs.map +1 -1
  31. package/dist/ImageDownloadButton.js +19 -17
  32. package/dist/ImageDownloadButton.js.map +1 -1
  33. package/dist/SVGDownloadButton.cjs +1 -1
  34. package/dist/SVGDownloadButton.cjs.map +1 -1
  35. package/dist/SVGDownloadButton.js +20 -18
  36. package/dist/SVGDownloadButton.js.map +1 -1
  37. package/dist/ScatterPlot.cjs +1 -1
  38. package/dist/ScatterPlot.cjs.map +1 -1
  39. package/dist/ScatterPlot.d.ts +1 -1
  40. package/dist/ScatterPlot.js +107 -107
  41. package/dist/ScatterPlot.js.map +1 -1
  42. package/dist/index.d.ts +1 -1
  43. package/package.json +1 -1
package/dist/HybridMap.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HybridMap.js","sources":["../node_modules/@undp/design-system-react/dist/Separator.js","../src/Components/Graphs/Maps/HybridMap/Graph.tsx","../src/Components/Graphs/Maps/HybridMap/index.tsx"],"sourcesContent":["import { j as v } from \"./jsx-runtime-tc70JA_2.js\";\nimport { c as N } from \"./compiler-runtime-BNHg76kC.js\";\nimport * as R from \"react\";\nimport g from \"react\";\nimport { P as x } from \"./index-DEx84bLj.js\";\nimport { c as O } from \"./utils-D_Pof5Gy.js\";\nvar h = \"Separator\", f = \"horizontal\", E = [\"horizontal\", \"vertical\"], y = R.forwardRef((i, s) => {\n const { decorative: r, orientation: a = f, ...o } = i, t = P(a) ? a : f, m = r ? { role: \"none\" } : { \"aria-orientation\": t === \"vertical\" ? t : void 0, role: \"separator\" };\n return /* @__PURE__ */ v.jsx(\n x.div,\n {\n \"data-orientation\": t,\n ...m,\n ...o,\n ref: s\n }\n );\n});\ny.displayName = h;\nfunction P(i) {\n return E.includes(i);\n}\nvar u = y;\nconst T = g.forwardRef((i, s) => {\n const r = N.c(14);\n let a, o, t, e;\n r[0] !== i ? ({\n className: a,\n variant: t,\n orientation: e,\n ...o\n } = i, r[0] = i, r[1] = a, r[2] = o, r[3] = t, r[4] = e) : (a = r[1], o = r[2], t = r[3], e = r[4]);\n const m = t === void 0 ? \"dark\" : t, l = e === void 0 ? \"horizontal\" : e, c = l === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\", d = m === \"dark\" ? \"bg-primary-gray-600 dark:bg-primary-gray-200\" : \"bg-primary-gray-400 dark:bg-primary-gray-550\";\n let n;\n r[5] !== a || r[6] !== c || r[7] !== d ? (n = O(c, d, a), r[5] = a, r[6] = c, r[7] = d, r[8] = n) : n = r[8];\n let p;\n return r[9] !== l || r[10] !== o || r[11] !== s || r[12] !== n ? (p = /* @__PURE__ */ v.jsx(u, { ...o, ref: s, orientation: l, className: n }), r[9] = l, r[10] = o, r[11] = s, r[12] = n, r[13] = p) : p = r[13], p;\n});\nT.displayName = u.displayName;\nexport {\n T as Separator\n};\n//# sourceMappingURL=Separator.js.map\n","import isEqual from 'fast-deep-equal';\r\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n geoAlbersUsa,\r\n geoEqualEarth,\r\n geoMercator,\r\n geoNaturalEarth1,\r\n geoOrthographic,\r\n geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleOrdinal, scaleSqrt, scaleThreshold } 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\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { Separator } from '@undp/design-system-react/Separator';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n AnimateDataType,\r\n ClassNameObject,\r\n CustomLayerDataType,\r\n HybridMapDataType,\r\n MapProjectionTypes,\r\n NumberFormatOptions,\r\n StyleObject,\r\n ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\r\n\r\ninterface Props {\r\n data: HybridMapDataType[];\r\n mapData: FeatureCollection;\r\n colorDomain: (string | number)[];\r\n width: number;\r\n height: number;\r\n scale: number;\r\n centerPoint?: [number, number];\r\n colors: string[];\r\n mapColorLegendTitle?: string;\r\n categorical: boolean;\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 dotColor: string;\r\n highlightedIds?: string[];\r\n mapProperty: string;\r\n dotLegendTitle?: string;\r\n dotBorderColor?: string;\r\n labelColor: string;\r\n projectionRotate: [number, number] | [number, number, number];\r\n rewindCoordinatesInMapData: boolean;\r\n overlayMapData?: FeatureCollection;\r\n overlayMapBorderColor?: string;\r\n overlayMapBorderWidth?: number;\r\n numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n graphDownload?: RefObject<HTMLDivElement | null>;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n colors,\r\n mapData,\r\n mapColorLegendTitle,\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 categorical,\r\n dotColor,\r\n collapseColorScaleByDefault,\r\n highlightedIds,\r\n mapProperty,\r\n dotLegendTitle,\r\n dotBorderColor,\r\n labelColor,\r\n projectionRotate,\r\n rewindCoordinatesInMapData,\r\n overlayMapData,\r\n overlayMapBorderColor,\r\n overlayMapBorderWidth,\r\n numberDisplayOptions,\r\n graphDownload,\r\n } = props;\r\n const formattedMapData = useMemo(() => {\r\n if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n }, [mapData, rewindCoordinatesInMapData]);\r\n const formattedOverlayMapData = useMemo(() => {\r\n if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n }, [overlayMapData, rewindCoordinatesInMapData]);\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 const colorScale = categorical\r\n ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n : scaleThreshold<number, string>()\r\n .domain(colorDomain as number[])\r\n .range(colors);\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 const bounds = bbox(formattedMapData);\r\n\r\n const center = centerOfMass(formattedMapData);\r\n const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n const latDiff = (bounds[3] - bounds[1]) * 1.15;\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(projectionRotate)\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(projectionRotate)\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(projectionRotate)\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(projectionRotate)\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(projectionRotate)\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar);\r\n const pathGenerator = geoPath().projection(projection);\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 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 {formattedMapData.features.map((d, i: number) => {\r\n if (!d.properties?.[mapProperty]) return null;\r\n const path = pathGenerator(d);\r\n if (!path) return null;\r\n return (\r\n <motion.g\r\n key={i}\r\n opacity={\r\n selectedColor\r\n ? dimmedOpacity\r\n : highlightedIds\r\n ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : 1\r\n }\r\n >\r\n <path\r\n d={path}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n vectorEffect: 'non-scaling-stroke',\r\n }}\r\n />\r\n </motion.g>\r\n );\r\n })}\r\n <AnimatePresence>\r\n {data\r\n .filter(d => d.id)\r\n .map(d => {\r\n const index = formattedMapData.features.findIndex(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any) => d.id === el.properties[mapProperty],\r\n );\r\n if (index === -1) return null;\r\n const path = pathGenerator(formattedMapData.features[index]);\r\n if (!path) return null;\r\n const color = !checkIfNullOrUndefined(d.x)\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n colorScale(d.x as any)\r\n : mapNoDataColor;\r\n return (\r\n <motion.g\r\n key={d.id}\r\n className='undp-map-shapes'\r\n variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: selectedColor\r\n ? selectedColor === color\r\n ? !highlightedIds || highlightedIds.indexOf(d.id as string) !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : dimmedOpacity\r\n : highlightedIds\r\n ? highlightedIds.indexOf(d.id as string) !== -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 >\r\n <motion.path\r\n key={`${d.id}`}\r\n d={path}\r\n variants={{\r\n initial: { fill: color, opacity: 0 },\r\n whileInView: {\r\n fill: color,\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n vectorEffect: 'non-scaling-stroke',\r\n }}\r\n />\r\n </motion.g>\r\n );\r\n })}\r\n {formattedOverlayMapData?.features.map((d, i: number) => {\r\n const path = pathGenerator(d);\r\n if (!path) return null;\r\n return (\r\n <g key={i}>\r\n <path\r\n d={path}\r\n style={{\r\n stroke: overlayMapBorderColor || mapBorderColor,\r\n strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n fill: 'none',\r\n pointerEvents: 'none',\r\n vectorEffect: 'non-scaling-stroke',\r\n }}\r\n />\r\n </g>\r\n );\r\n })}\r\n {data\r\n .filter(d => !checkIfNullOrUndefined(d.lat) && !checkIfNullOrUndefined(d.long))\r\n .map(d => {\r\n const labelPosMultiplier =\r\n (projection([d.long as number, d.lat as number]) as [number, number])[0] >\r\n 0.8 * width\r\n ? -1\r\n : 1;\r\n return (\r\n <motion.g\r\n className='undp-map-dots'\r\n key={d.label || `${d.lat}-${d.long}`}\r\n variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: highlightedDataPoints\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 as number, d.lat as number]) as [number, number])[0]\r\n },${(projection([d.long as number, d.lat as number]) 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: dotColor,\r\n stroke: dotBorderColor || dotColor,\r\n },\r\n whileInView: {\r\n r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n fill: dotColor,\r\n stroke: dotBorderColor || dotColor,\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 vectorEffect: 'non-scaling-stroke',\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:\r\n labelPosMultiplier *\r\n (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n },\r\n whileInView: {\r\n opacity: 1,\r\n x:\r\n labelPosMultiplier *\r\n (!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={cn('text-sm', classNames?.graphObjectValues)}\r\n style={{\r\n textAnchor: labelPosMultiplier === -1 ? 'end' : 'start',\r\n fill: labelColor || '#000',\r\n vectorEffect: 'non-scaling-stroke',\r\n ...(styles?.graphObjectValues || {}),\r\n }}\r\n dx={labelPosMultiplier * 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 {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\r\n className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n style={{\r\n width: categorical ? undefined : '340px',\r\n }}\r\n >\r\n {dotLegendTitle && dotLegendTitle !== '' ? (\r\n <>\r\n <div className='flex items-center gap-2'>\r\n <div\r\n className='w-3 h-3 rounded-full'\r\n style={{ backgroundColor: dotColor }}\r\n />\r\n <P\r\n size='xs'\r\n marginBottom='none'\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 {dotLegendTitle}\r\n </P>\r\n </div>\r\n <Spacer size='xl' />\r\n <Separator />\r\n <Spacer size='xl' />\r\n </>\r\n ) : null}\r\n {mapColorLegendTitle && mapColorLegendTitle !== '' ? (\r\n <P\r\n size='xs'\r\n marginBottom='xs'\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 {mapColorLegendTitle}\r\n </P>\r\n ) : null}\r\n {!categorical ? (\r\n <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n <g>\r\n {colorDomain.map((d, i) => (\r\n <g\r\n key={i}\r\n onMouseOver={() => {\r\n setSelectedColor(colors[i]);\r\n }}\r\n onMouseLeave={() => {\r\n setSelectedColor(undefined);\r\n }}\r\n className='cursor-pointer'\r\n >\r\n <rect\r\n x={(i * 320) / colors.length + 1}\r\n y={1}\r\n width={320 / colors.length - 2}\r\n height={8}\r\n className={\r\n selectedColor === colors[i]\r\n ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n : ''\r\n }\r\n style={{\r\n fill: colors[i],\r\n ...(selectedColor === colors[i] ? {} : { stroke: colors[i] }),\r\n }}\r\n />\r\n <text\r\n x={((i + 1) * 320) / colors.length}\r\n y={25}\r\n className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n style={{ textAnchor: 'middle' }}\r\n >\r\n {numberFormattingFunction(\r\n d as number,\r\n undefined,\r\n numberDisplayOptions?.precision ?? 2,\r\n undefined,\r\n undefined,\r\n numberDisplayOptions?.locale || 'en',\r\n numberDisplayOptions?.padZeros || false,\r\n )}\r\n </text>\r\n </g>\r\n ))}\r\n <g>\r\n <rect\r\n onMouseOver={() => {\r\n setSelectedColor(colors[colorDomain.length]);\r\n }}\r\n onMouseLeave={() => {\r\n setSelectedColor(undefined);\r\n }}\r\n x={(colorDomain.length * 320) / colors.length + 1}\r\n y={1}\r\n width={320 / colors.length - 2}\r\n height={8}\r\n className={`cursor-pointer ${\r\n selectedColor === colors[colorDomain.length]\r\n ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n : ''\r\n }`}\r\n style={{\r\n fill: colors[colorDomain.length],\r\n ...(selectedColor === colors[colorDomain.length]\r\n ? {}\r\n : { stroke: colors[colorDomain.length] }),\r\n }}\r\n />\r\n </g>\r\n </g>\r\n </svg>\r\n ) : (\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 )}\r\n </div>\r\n </>\r\n ) : (\r\n <button\r\n type='button'\r\n className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n onClick={() => {\r\n setShowLegend(true);\r\n }}\r\n >\r\n <ExpandIcon />\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 undp-viz-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 {graphDownload && (\r\n <div className='absolute right-4 top-4 flex flex-col image-download-button'>\r\n <ImageDownloadButton nodeID={graphDownload} buttonSmall />\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\nimport { FeatureCollection } from 'geojson';\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 HybridMapDataType,\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 ScaleDataType,\r\n MapOverlayDataType,\r\n NumberFormatOptions,\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 { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { getJenks, getUniqValue } from '@/Utils';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects for dot density map*/\r\n data: HybridMapDataType[];\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[];\r\n /** Domain of colors for the graph for the choropleth map */\r\n colorDomain?: number[] | string[];\r\n /** Title for the legend for the dot density scale */\r\n dotLegendTitle?: string;\r\n /** Title for the color legend for the color scale */\r\n mapColorLegendTitle?: 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 mapData?: FeatureCollection | string;\r\n /** Detail if any other map needs to be overlayed over the main map */\r\n mapOverlay?: MapOverlayDataType;\r\n /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\r\n rewindCoordinatesInMapData?: boolean;\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 /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\r\n projectionRotate?: [number, number] | [number, 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 /** Color of the dots in the dot density map */\r\n dotColor?: string;\r\n /** Border color of the dots in the dot density map */\r\n dotBorderColor?: string;\r\n /** Color of the labels */\r\n labelColor?: string;\r\n /** Toggle if the map is a world map */\r\n isWorldMap?: boolean;\r\n /** Scale for the colors of the choropleth map */\r\n choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;\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 /** Countries or regions to be highlighted */\r\n highlightedIds?: string[];\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 /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n mapProperty?: string;\r\n /** 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 /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\r\n numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\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 HybridMap(props: Props) {\r\n const {\r\n data,\r\n mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.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 mapColorLegendTitle,\r\n colorDomain,\r\n choroplethScaleType = 'threshold',\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 = 'naturalEarth',\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 dotColor = Colors.primaryColors['blue-600'],\r\n highlightedIds,\r\n mapProperty = 'ISO3',\r\n dotLegendTitle,\r\n dotBorderColor,\r\n labelColor = Colors.primaryColors['blue-600'],\r\n projectionRotate = [0, 0],\r\n rewindCoordinatesInMapData = true,\r\n numberDisplayOptions,\r\n mapOverlay,\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 const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n const domain =\r\n colorDomain ||\r\n (choroplethScaleType === 'categorical'\r\n ? getUniqValue(data, 'x')\r\n : getJenks(\r\n data.map(d => d.x as number | null | undefined),\r\n colors?.length || 4,\r\n ));\r\n 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\r\n const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\r\n setMapShape(shape);\r\n });\r\n\r\n const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\r\n setOverlayMapShape(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 as FeatureCollection);\r\n });\r\n } else {\r\n onUpdateShape(mapData);\r\n }\r\n }, [mapData]);\r\n useEffect(() => {\r\n if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n if (typeof mapOverlay?.mapData === 'string') {\r\n const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n fetchData.then(d => {\r\n onUpdateOverlayMapShape(d as FeatureCollection);\r\n });\r\n } else {\r\n onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n }\r\n }, [mapOverlay?.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 || 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 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 dotColor={dotColor}\r\n data={data.filter(d =>\r\n timeline.enabled\r\n ? `${d.date}` ===\r\n 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(el => el.properties?.NAME !== 'Antarctica'),\r\n }\r\n }\r\n overlayMapData={overlayMapShape}\r\n overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n colorDomain={domain}\r\n width={svgWidth}\r\n height={svgHeight}\r\n scale={scale}\r\n centerPoint={centerPoint}\r\n colors={\r\n colors ||\r\n (choroplethScaleType === 'categorical'\r\n ? Colors[theme].sequentialColors[\r\n `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\r\n ]\r\n : Colors[theme].sequentialColors[\r\n `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n ])\r\n }\r\n mapColorLegendTitle={mapColorLegendTitle}\r\n radius={radius}\r\n categorical={choroplethScaleType === 'categorical'}\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 highlightedIds={highlightedIds}\r\n mapProperty={mapProperty}\r\n dotLegendTitle={dotLegendTitle}\r\n dotBorderColor={dotBorderColor}\r\n labelColor={labelColor}\r\n projectionRotate={projectionRotate}\r\n rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n numberDisplayOptions={numberDisplayOptions}\r\n graphDownload={graphDownload ? graphParentDiv : undefined}\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":["h","f","E","y","R","i","s","r","a","o","t","P","m","v","x","u","T","g","N","e","l","c","d","n","O","p","Graph","props","data","colors","mapData","mapColorLegendTitle","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","categorical","dotColor","collapseColorScaleByDefault","highlightedIds","mapProperty","dotLegendTitle","dotBorderColor","labelColor","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","numberDisplayOptions","graphDownload","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","length","scaleSqrt","domain","range","nice","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","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","pathGenerator","geoPath","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","properties","path","indexOf","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","id","index","findIndex","el","color","checkIfNullOrUndefined","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","pointerEvents","lat","long","labelPosMultiplier","label","fillOpacity","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","display","WebkitLineClamp","WebkitBoxOrient","Spacer","Separator","numberFormattingFunction","precision","locale","padZeros","ExpandIcon","ImageDownloadButton","DetailsModal","modal","Tooltip","HybridMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","choroplethScaleType","t2","t3","t4","padding","t5","t6","t7","t8","t9","relativeHeight","isWorldMap","t10","t11","t12","graphID","t13","dataDownload","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","t24","timeline","t25","t26","t27","t28","t29","t30","mapOverlay","Colors","light","graphNoData","grays","t31","t32","t33","enabled","autoplay","showOnlyActiveDate","primaryColors","t34","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t35","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t36","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_2","t41","t42","d_3","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","t49","graphContainer","t50","t51","description","title","GraphHeader","_temp4","_temp5","_temp6","_temp7","_temp8","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_9","format","_temp9","sequentialColors","max","_temp0","_temp1","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_11","d_10","NAME","d_6","d_5","d_4","d_8","d_7","d_1","b"],"mappings":"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","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"HybridMap.js","sources":["../node_modules/@undp/design-system-react/dist/Separator.js","../src/Components/Graphs/Maps/HybridMap/Graph.tsx","../src/Components/Graphs/Maps/HybridMap/index.tsx"],"sourcesContent":["import { j as v } from \"./jsx-runtime-tc70JA_2.js\";\nimport { c as N } from \"./compiler-runtime-BNHg76kC.js\";\nimport * as R from \"react\";\nimport g from \"react\";\nimport { P as x } from \"./index-DEx84bLj.js\";\nimport { c as O } from \"./utils-D_Pof5Gy.js\";\nvar h = \"Separator\", f = \"horizontal\", E = [\"horizontal\", \"vertical\"], y = R.forwardRef((i, s) => {\n const { decorative: r, orientation: a = f, ...o } = i, t = P(a) ? a : f, m = r ? { role: \"none\" } : { \"aria-orientation\": t === \"vertical\" ? t : void 0, role: \"separator\" };\n return /* @__PURE__ */ v.jsx(\n x.div,\n {\n \"data-orientation\": t,\n ...m,\n ...o,\n ref: s\n }\n );\n});\ny.displayName = h;\nfunction P(i) {\n return E.includes(i);\n}\nvar u = y;\nconst T = g.forwardRef((i, s) => {\n const r = N.c(14);\n let a, o, t, e;\n r[0] !== i ? ({\n className: a,\n variant: t,\n orientation: e,\n ...o\n } = i, r[0] = i, r[1] = a, r[2] = o, r[3] = t, r[4] = e) : (a = r[1], o = r[2], t = r[3], e = r[4]);\n const m = t === void 0 ? \"dark\" : t, l = e === void 0 ? \"horizontal\" : e, c = l === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\", d = m === \"dark\" ? \"bg-primary-gray-600 dark:bg-primary-gray-200\" : \"bg-primary-gray-400 dark:bg-primary-gray-550\";\n let n;\n r[5] !== a || r[6] !== c || r[7] !== d ? (n = O(c, d, a), r[5] = a, r[6] = c, r[7] = d, r[8] = n) : n = r[8];\n let p;\n return r[9] !== l || r[10] !== o || r[11] !== s || r[12] !== n ? (p = /* @__PURE__ */ v.jsx(u, { ...o, ref: s, orientation: l, className: n }), r[9] = l, r[10] = o, r[11] = s, r[12] = n, r[13] = p) : p = r[13], p;\n});\nT.displayName = u.displayName;\nexport {\n T as Separator\n};\n//# sourceMappingURL=Separator.js.map\n","import isEqual from 'fast-deep-equal';\r\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react';\r\nimport {\r\n geoAlbersUsa,\r\n geoEqualEarth,\r\n geoMercator,\r\n geoNaturalEarth1,\r\n geoOrthographic,\r\n geoPath,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleOrdinal, scaleSqrt, scaleThreshold } 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\nimport { Spacer } from '@undp/design-system-react/Spacer';\r\nimport { Separator } from '@undp/design-system-react/Separator';\r\nimport { FeatureCollection } from 'geojson';\r\nimport rewind from '@turf/rewind';\r\n\r\nimport {\r\n AnimateDataType,\r\n ClassNameObject,\r\n CustomLayerDataType,\r\n HybridMapDataType,\r\n MapProjectionTypes,\r\n NumberFormatOptions,\r\n StyleObject,\r\n ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { ExpandIcon, X } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined, numberFormattingFunction } from '@/Utils';\r\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\r\nimport { ImageDownloadButton } from '@/Components/Actions/ImageDownloadButton';\r\nimport { CsvDownloadButton } from '@/Components/Actions/CsvDownloadButton';\r\n\r\ninterface Props {\r\n data: HybridMapDataType[];\r\n mapData: FeatureCollection;\r\n colorDomain: (string | number)[];\r\n width: number;\r\n height: number;\r\n scale: number;\r\n centerPoint?: [number, number];\r\n colors: string[];\r\n mapColorLegendTitle?: string;\r\n categorical: boolean;\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 dotColor: string;\r\n highlightedIds?: string[];\r\n mapProperty: string;\r\n dotLegendTitle?: string;\r\n dotBorderColor?: string;\r\n labelColor: string;\r\n projectionRotate: [number, number] | [number, number, number];\r\n rewindCoordinatesInMapData: boolean;\r\n overlayMapData?: FeatureCollection;\r\n overlayMapBorderColor?: string;\r\n overlayMapBorderWidth?: number;\r\n numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\r\n graphDownload?: RefObject<HTMLDivElement | null>;\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n dataDownload: any;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n colors,\r\n mapData,\r\n mapColorLegendTitle,\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 categorical,\r\n dotColor,\r\n collapseColorScaleByDefault,\r\n highlightedIds,\r\n mapProperty,\r\n dotLegendTitle,\r\n dotBorderColor,\r\n labelColor,\r\n projectionRotate,\r\n rewindCoordinatesInMapData,\r\n overlayMapData,\r\n overlayMapBorderColor,\r\n overlayMapBorderWidth,\r\n numberDisplayOptions,\r\n graphDownload,\r\n dataDownload,\r\n } = props;\r\n const formattedMapData = useMemo(() => {\r\n if (!rewindCoordinatesInMapData) return mapData;\r\n\r\n return rewind(mapData, { reverse: true }) as FeatureCollection;\r\n }, [mapData, rewindCoordinatesInMapData]);\r\n const formattedOverlayMapData = useMemo(() => {\r\n if (!rewindCoordinatesInMapData || !overlayMapData) return overlayMapData;\r\n\r\n return rewind(overlayMapData, { reverse: true }) as FeatureCollection;\r\n }, [overlayMapData, rewindCoordinatesInMapData]);\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 const colorScale = categorical\r\n ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n : scaleThreshold<number, string>()\r\n .domain(colorDomain as number[])\r\n .range(colors);\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 const bounds = bbox(formattedMapData);\r\n\r\n const center = centerOfMass(formattedMapData);\r\n const lonDiff = (bounds[2] - bounds[0]) * 1.15;\r\n const latDiff = (bounds[3] - bounds[1]) * 1.15;\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(projectionRotate)\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(projectionRotate)\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(projectionRotate)\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(projectionRotate)\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(projectionRotate)\r\n .center(centerPoint || (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar);\r\n const pathGenerator = geoPath().projection(projection);\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 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 {formattedMapData.features.map((d, i: number) => {\r\n if (!d.properties?.[mapProperty]) return null;\r\n const path = pathGenerator(d);\r\n if (!path) return null;\r\n return (\r\n <motion.g\r\n key={i}\r\n opacity={\r\n selectedColor\r\n ? dimmedOpacity\r\n : highlightedIds\r\n ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : 1\r\n }\r\n >\r\n <path\r\n d={path}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n vectorEffect: 'non-scaling-stroke',\r\n }}\r\n />\r\n </motion.g>\r\n );\r\n })}\r\n <AnimatePresence>\r\n {data\r\n .filter(d => d.id)\r\n .map(d => {\r\n const index = formattedMapData.features.findIndex(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any) => d.id === el.properties[mapProperty],\r\n );\r\n if (index === -1) return null;\r\n const path = pathGenerator(formattedMapData.features[index]);\r\n if (!path) return null;\r\n const color = !checkIfNullOrUndefined(d.x)\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n colorScale(d.x as any)\r\n : mapNoDataColor;\r\n return (\r\n <motion.g\r\n key={d.id}\r\n className='undp-map-shapes'\r\n variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: selectedColor\r\n ? selectedColor === color\r\n ? !highlightedIds || highlightedIds.indexOf(d.id as string) !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : dimmedOpacity\r\n : highlightedIds\r\n ? highlightedIds.indexOf(d.id as string) !== -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 >\r\n <motion.path\r\n key={`${d.id}`}\r\n d={path}\r\n variants={{\r\n initial: { fill: color, opacity: 0 },\r\n whileInView: {\r\n fill: color,\r\n opacity: 1,\r\n transition: { duration: animate.duration },\r\n },\r\n }}\r\n initial='initial'\r\n animate={isInView ? 'whileInView' : 'initial'}\r\n exit={{\r\n opacity: 0,\r\n transition: { duration: animate.duration },\r\n }}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n vectorEffect: 'non-scaling-stroke',\r\n }}\r\n />\r\n </motion.g>\r\n );\r\n })}\r\n {formattedOverlayMapData?.features.map((d, i: number) => {\r\n const path = pathGenerator(d);\r\n if (!path) return null;\r\n return (\r\n <g key={i}>\r\n <path\r\n d={path}\r\n style={{\r\n stroke: overlayMapBorderColor || mapBorderColor,\r\n strokeWidth: overlayMapBorderWidth || mapBorderWidth + 1,\r\n fill: 'none',\r\n pointerEvents: 'none',\r\n vectorEffect: 'non-scaling-stroke',\r\n }}\r\n />\r\n </g>\r\n );\r\n })}\r\n {data\r\n .filter(d => !checkIfNullOrUndefined(d.lat) && !checkIfNullOrUndefined(d.long))\r\n .map(d => {\r\n const labelPosMultiplier =\r\n (projection([d.long as number, d.lat as number]) as [number, number])[0] >\r\n 0.8 * width\r\n ? -1\r\n : 1;\r\n return (\r\n <motion.g\r\n className='undp-map-dots'\r\n key={d.label || `${d.lat}-${d.long}`}\r\n variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: highlightedDataPoints\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 as number, d.lat as number]) as [number, number])[0]\r\n },${(projection([d.long as number, d.lat as number]) 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: dotColor,\r\n stroke: dotBorderColor || dotColor,\r\n },\r\n whileInView: {\r\n r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n fill: dotColor,\r\n stroke: dotBorderColor || dotColor,\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 vectorEffect: 'non-scaling-stroke',\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:\r\n labelPosMultiplier *\r\n (!radiusScale ? radius : radiusScale(d.radius || 0)),\r\n },\r\n whileInView: {\r\n opacity: 1,\r\n x:\r\n labelPosMultiplier *\r\n (!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={cn('text-sm', classNames?.graphObjectValues)}\r\n style={{\r\n textAnchor: labelPosMultiplier === -1 ? 'end' : 'start',\r\n fill: labelColor || '#000',\r\n vectorEffect: 'non-scaling-stroke',\r\n ...(styles?.graphObjectValues || {}),\r\n }}\r\n dx={labelPosMultiplier * 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 {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\r\n className='color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]'\r\n style={{\r\n width: categorical ? undefined : '340px',\r\n }}\r\n >\r\n {dotLegendTitle && dotLegendTitle !== '' ? (\r\n <>\r\n <div className='flex items-center gap-2'>\r\n <div\r\n className='w-3 h-3 rounded-full'\r\n style={{ backgroundColor: dotColor }}\r\n />\r\n <P\r\n size='xs'\r\n marginBottom='none'\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 {dotLegendTitle}\r\n </P>\r\n </div>\r\n <Spacer size='xl' />\r\n <Separator />\r\n <Spacer size='xl' />\r\n </>\r\n ) : null}\r\n {mapColorLegendTitle && mapColorLegendTitle !== '' ? (\r\n <P\r\n size='xs'\r\n marginBottom='xs'\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 {mapColorLegendTitle}\r\n </P>\r\n ) : null}\r\n {!categorical ? (\r\n <svg width='100%' viewBox='0 0 320 30' direction='ltr'>\r\n <g>\r\n {colorDomain.map((d, i) => (\r\n <g\r\n key={i}\r\n onMouseOver={() => {\r\n setSelectedColor(colors[i]);\r\n }}\r\n onMouseLeave={() => {\r\n setSelectedColor(undefined);\r\n }}\r\n className='cursor-pointer'\r\n >\r\n <rect\r\n x={(i * 320) / colors.length + 1}\r\n y={1}\r\n width={320 / colors.length - 2}\r\n height={8}\r\n className={\r\n selectedColor === colors[i]\r\n ? 'stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n : ''\r\n }\r\n style={{\r\n fill: colors[i],\r\n ...(selectedColor === colors[i] ? {} : { stroke: colors[i] }),\r\n }}\r\n />\r\n <text\r\n x={((i + 1) * 320) / colors.length}\r\n y={25}\r\n className='fill-primary-gray-700 dark:fill-primary-gray-300 text-xs'\r\n style={{ textAnchor: 'middle' }}\r\n >\r\n {numberFormattingFunction(\r\n d as number,\r\n undefined,\r\n numberDisplayOptions?.precision ?? 2,\r\n undefined,\r\n undefined,\r\n numberDisplayOptions?.locale || 'en',\r\n numberDisplayOptions?.padZeros || false,\r\n )}\r\n </text>\r\n </g>\r\n ))}\r\n <g>\r\n <rect\r\n onMouseOver={() => {\r\n setSelectedColor(colors[colorDomain.length]);\r\n }}\r\n onMouseLeave={() => {\r\n setSelectedColor(undefined);\r\n }}\r\n x={(colorDomain.length * 320) / colors.length + 1}\r\n y={1}\r\n width={320 / colors.length - 2}\r\n height={8}\r\n className={`cursor-pointer ${\r\n selectedColor === colors[colorDomain.length]\r\n ? 'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n : ''\r\n }`}\r\n style={{\r\n fill: colors[colorDomain.length],\r\n ...(selectedColor === colors[colorDomain.length]\r\n ? {}\r\n : { stroke: colors[colorDomain.length] }),\r\n }}\r\n />\r\n </g>\r\n </g>\r\n </svg>\r\n ) : (\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 )}\r\n </div>\r\n </>\r\n ) : (\r\n <button\r\n type='button'\r\n className='p-1 border-0 rounded-[2px] text-primary-gray-700 bg-primary-gray-300 dark:bg-primary-gray-500 map-legend-button'\r\n onClick={() => {\r\n setShowLegend(true);\r\n }}\r\n >\r\n <ExpandIcon />\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 undp-viz-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 {(graphDownload || dataDownload) && (\r\n <div className='absolute right-4 top-4 flex flex-col image-download-button gap-2'>\r\n {graphDownload && (\r\n <ImageDownloadButton nodeID={graphDownload} buttonSmall className='p-1' />\r\n )}\r\n {dataDownload && dataDownload.length > 0 && (\r\n <CsvDownloadButton\r\n csvData={dataDownload}\r\n buttonSmall\r\n headers={Object.keys(dataDownload[0]).map(d => ({\r\n label: d,\r\n key: d,\r\n }))}\r\n className='p-1'\r\n />\r\n )}\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\nimport { FeatureCollection } from 'geojson';\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 HybridMapDataType,\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 ScaleDataType,\r\n MapOverlayDataType,\r\n NumberFormatOptions,\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 { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { getJenks, getUniqValue } from '@/Utils';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects for dot density map*/\r\n data: HybridMapDataType[];\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[];\r\n /** Domain of colors for the graph for the choropleth map */\r\n colorDomain?: number[] | string[];\r\n /** Title for the legend for the dot density scale */\r\n dotLegendTitle?: string;\r\n /** Title for the color legend for the color scale */\r\n mapColorLegendTitle?: 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 mapData?: FeatureCollection | string;\r\n /** Detail if any other map needs to be overlayed over the main map */\r\n mapOverlay?: MapOverlayDataType;\r\n /** Defines if the coordinates in the map data should be rewinded or not. Try to change this is the visualization shows countries as holes instead of shapes. */\r\n rewindCoordinatesInMapData?: boolean;\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 /** Controls the rotation of the map projection, in degrees, applied before rendering. Useful for shifting the antimeridian to focus the map on different regions */\r\n projectionRotate?: [number, number] | [number, 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 /** Color of the dots in the dot density map */\r\n dotColor?: string;\r\n /** Border color of the dots in the dot density map */\r\n dotBorderColor?: string;\r\n /** Color of the labels */\r\n labelColor?: string;\r\n /** Toggle if the map is a world map */\r\n isWorldMap?: boolean;\r\n /** Scale for the colors of the choropleth map */\r\n choroplethScaleType?: Exclude<ScaleDataType, 'linear'>;\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 /** Countries or regions to be highlighted */\r\n highlightedIds?: string[];\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 /** Property in the property object in mapData geoJson object is used to match to the id in the data object */\r\n mapProperty?: string;\r\n /** 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 /** Configuration options for controlling number formatting, localization, precision, and zero padding. */\r\n numberDisplayOptions?: Omit<NumberFormatOptions, 'suffix' | 'prefix'>;\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 HybridMap(props: Props) {\r\n const {\r\n data,\r\n mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-v2.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 mapColorLegendTitle,\r\n colorDomain,\r\n choroplethScaleType = 'threshold',\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 = 'naturalEarth',\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 dotColor = Colors.primaryColors['blue-600'],\r\n highlightedIds,\r\n mapProperty = 'ISO3',\r\n dotLegendTitle,\r\n dotBorderColor,\r\n labelColor = Colors.primaryColors['blue-600'],\r\n projectionRotate = [0, 0],\r\n rewindCoordinatesInMapData = true,\r\n numberDisplayOptions,\r\n mapOverlay,\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 const [mapShape, setMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n const [overlayMapShape, setOverlayMapShape] = useState<FeatureCollection | undefined>(undefined);\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n const domain =\r\n colorDomain ||\r\n (choroplethScaleType === 'categorical'\r\n ? getUniqValue(data, 'x')\r\n : getJenks(\r\n data.map(d => d.x as number | null | undefined),\r\n colors?.length || 4,\r\n ));\r\n 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\r\n const onUpdateShape = useEffectEvent((shape: FeatureCollection) => {\r\n setMapShape(shape);\r\n });\r\n\r\n const onUpdateOverlayMapShape = useEffectEvent((shape: FeatureCollection | undefined) => {\r\n setOverlayMapShape(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 as FeatureCollection);\r\n });\r\n } else {\r\n onUpdateShape(mapData);\r\n }\r\n }, [mapData]);\r\n useEffect(() => {\r\n if (!mapOverlay?.mapData) onUpdateOverlayMapShape(undefined);\r\n if (typeof mapOverlay?.mapData === 'string') {\r\n const fetchData = fetchAndParseJSON(mapOverlay?.mapData);\r\n fetchData.then(d => {\r\n onUpdateOverlayMapShape(d as FeatureCollection);\r\n });\r\n } else {\r\n onUpdateOverlayMapShape(mapOverlay?.mapData);\r\n }\r\n }, [mapOverlay?.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 ? (\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 />\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 dotColor={dotColor}\r\n data={data.filter(d =>\r\n timeline.enabled\r\n ? `${d.date}` ===\r\n 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(el => el.properties?.NAME !== 'Antarctica'),\r\n }\r\n }\r\n overlayMapData={overlayMapShape}\r\n overlayMapBorderColor={mapOverlay?.mapBorderColor}\r\n overlayMapBorderWidth={mapOverlay?.mapBorderWidth}\r\n colorDomain={domain}\r\n width={svgWidth}\r\n height={svgHeight}\r\n scale={scale}\r\n centerPoint={centerPoint}\r\n colors={\r\n colors ||\r\n (choroplethScaleType === 'categorical'\r\n ? Colors[theme].sequentialColors[\r\n `neutralColorsx0${domain.length as 4 | 5 | 6 | 7 | 8 | 9}`\r\n ]\r\n : Colors[theme].sequentialColors[\r\n `neutralColorsx0${(domain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n ])\r\n }\r\n mapColorLegendTitle={mapColorLegendTitle}\r\n radius={radius}\r\n categorical={choroplethScaleType === 'categorical'}\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 highlightedIds={highlightedIds}\r\n mapProperty={mapProperty}\r\n dotLegendTitle={dotLegendTitle}\r\n dotBorderColor={dotBorderColor}\r\n labelColor={labelColor}\r\n projectionRotate={projectionRotate}\r\n rewindCoordinatesInMapData={rewindCoordinatesInMapData}\r\n numberDisplayOptions={numberDisplayOptions}\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 ) : (\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":["h","f","E","y","R","i","s","r","a","o","t","P","m","v","x","u","T","g","N","e","l","c","d","n","O","p","Graph","props","data","colors","mapData","mapColorLegendTitle","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","categorical","dotColor","collapseColorScaleByDefault","highlightedIds","mapProperty","dotLegendTitle","dotBorderColor","labelColor","projectionRotate","rewindCoordinatesInMapData","overlayMapData","overlayMapBorderColor","overlayMapBorderWidth","numberDisplayOptions","graphDownload","dataDownload","formattedMapData","useMemo","rewind","reverse","formattedOverlayMapData","selectedColor","setSelectedColor","useState","undefined","showLegend","setShowLegend","zoomRef","useRef","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","once","amount","mapG","radiusScale","filter","length","scaleSqrt","domain","range","nice","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","current","mapSvgSelect","zoomFilter","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","pathGenerator","geoPath","handleZoom","direction","svg","scaleBy","jsxs","Fragment","jsx","motion","position","map","layer","features","properties","path","indexOf","stroke","strokeWidth","fill","vectorEffect","AnimatePresence","id","index","findIndex","el","color","checkIfNullOrUndefined","initial","opacity","whileInView","transition","duration","event","clientY","clientX","isEqual","pointerEvents","lat","long","labelPosMultiplier","label","fillOpacity","cn","graphObjectValues","textAnchor","colorLegend","X","backgroundColor","display","WebkitLineClamp","WebkitBoxOrient","Spacer","Separator","numberFormattingFunction","precision","locale","padZeros","ExpandIcon","ImageDownloadButton","CsvDownloadButton","Object","keys","key","DetailsModal","modal","Tooltip","HybridMap","$","_c","t0","graphTitle","sources","graphDescription","footNote","t1","choroplethScaleType","t2","t3","t4","padding","t5","t6","t7","t8","t9","relativeHeight","isWorldMap","t10","t11","t12","graphID","t13","t14","showAntarctica","t15","language","t16","minHeight","t17","theme","t18","ariaLabel","t19","t20","t21","t22","t23","t24","timeline","t25","t26","t27","t28","t29","t30","mapOverlay","Colors","light","graphNoData","grays","t31","t32","t33","enabled","autoplay","showOnlyActiveDate","primaryColors","t34","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","dates","dateFormat","t35","d_0","parse","date","Date","getTime","Set","_temp","sort","_temp2","uniqDatesSorted","setIndex","mapShape","setMapShape","overlayMapShape","setOverlayMapShape","graphDiv","graphParentDiv","getUniqValue","getJenks","_temp3","t36","t37","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","t38","shape","onUpdateShape","useEffectEvent","t39","shape_0","onUpdateOverlayMapShape","t40","fetchAndParseJSON","then","d_2","t41","t42","d_3","t43","t44","t45","t46","speed","interval","setInterval","clearInterval","t47","t48","getSliderMarks","markObj","t49","graphContainer","t50","t51","description","title","GraphHeader","t52","Pause","Play","SliderUI","nextValue","nextValue_0","t53","GraphArea","d_4","format","_temp4","sequentialColors","max","_temp5","_temp6","_temp7","_temp8","_temp9","_temp0","_temp1","Spinner","t54","footnote","source","GraphFooter","t55","GraphContainer","d_9","d_8","d_7","d_11","d_10","d_6","d_5","NAME","d_1","b"],"mappings":"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","x_google_ignoreList":[0]}
package/dist/ImageDownloadButton.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-CHPV5EwG-D4pAp7u0.cjs"),g=require("./index-BhI7mBJx.cjs"),p=require("./imageDownload-CkMwA7Cw.cjs");function f(y){const e=d.compilerRuntimeExports.c(10),{nodeID:t,filename:m,buttonContent:i,buttonType:c,buttonSmall:b,className:u}=y,a=m===void 0?"image":m,l=c===void 0?"tertiary":c,s=`undp-viz-download-button ${b?"p-2":"py-4 px-6"} ${u===void 0?"":u} border border-primary-gray-400 dark:border-primary-gray-550`;let o;e[0]!==a||e[1]!==t?(o=()=>{typeof t=="string"?document.getElementById(t)?p.imageDownload(document.getElementById(t),a):console.error("Cannot find the html element"):p.imageDownload(t.current,a)},e[0]=a,e[1]=t,e[2]=o):o=e[2];let n;e[3]!==i?(n=i||d.jsxRuntimeExports.jsx(g.ImageDown,{}),e[3]=i,e[4]=n):n=e[4];let r;return e[5]!==l||e[6]!==s||e[7]!==o||e[8]!==n?(r=d.jsxRuntimeExports.jsx(g.u,{variant:l,className:s,onClick:o,"aria-label":"Click to download the graph as image",children:n}),e[5]=l,e[6]=s,e[7]=o,e[8]=n,e[9]=r):r=e[9],r}exports.ImageDownloadButton=f;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index-CHPV5EwG-D4pAp7u0.cjs"),y=require("./index-BhI7mBJx.cjs"),f=require("./imageDownload-CkMwA7Cw.cjs");function w(b){const e=l.compilerRuntimeExports.c(13),{nodeID:t,filename:u,buttonContent:s,buttonType:g,buttonSmall:x,className:p}=b,i=u===void 0?"image":u,d=g===void 0?"tertiary":g,m=p===void 0?"":p,c=x?"p-2":"py-4 px-6";let o;e[0]!==m||e[1]!==c?(o=l.mo("undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550",c,m),e[0]=m,e[1]=c,e[2]=o):o=e[2];let n;e[3]!==i||e[4]!==t?(n=()=>{typeof t=="string"?document.getElementById(t)?f.imageDownload(document.getElementById(t),i):console.error("Cannot find the html element"):f.imageDownload(t.current,i)},e[3]=i,e[4]=t,e[5]=n):n=e[5];let r;e[6]!==s?(r=s||l.jsxRuntimeExports.jsx(y.ImageDown,{}),e[6]=s,e[7]=r):r=e[7];let a;return e[8]!==d||e[9]!==o||e[10]!==n||e[11]!==r?(a=l.jsxRuntimeExports.jsx(y.u,{variant:d,className:o,onClick:n,"aria-label":"Click to download the graph as image",children:r}),e[8]=d,e[9]=o,e[10]=n,e[11]=r,e[12]=a):a=e[12],a}exports.ImageDownloadButton=w;
2
2
  //# sourceMappingURL=ImageDownloadButton.cjs.map
package/dist/ImageDownloadButton.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageDownloadButton.cjs","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n buttonContent?: string | JSX.Element;\r\n buttonType?:\r\n | 'primary'\r\n | 'primary-without-icon'\r\n | 'secondary'\r\n | 'secondary-without-icon'\r\n | 'tertiary';\r\n nodeID: string | RefObject<HTMLDivElement | null>;\r\n filename?: string;\r\n buttonSmall?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n const {\r\n nodeID,\r\n filename = 'image',\r\n buttonContent,\r\n buttonType = 'tertiary',\r\n buttonSmall,\r\n className = '',\r\n } = props;\r\n return (\r\n <Button\r\n variant={buttonType}\r\n className={`undp-viz-download-button ${\r\n buttonSmall ? 'p-2' : 'py-4 px-6'\r\n } ${className} border border-primary-gray-400 dark:border-primary-gray-550`}\r\n onClick={() => {\r\n if (typeof nodeID === 'string') {\r\n if (document.getElementById(nodeID)) {\r\n imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n } else {\r\n console.error('Cannot find the html element');\r\n }\r\n } else {\r\n imageDownload(nodeID.current as HTMLDivElement, filename);\r\n }\r\n }}\r\n aria-label='Click to download the graph as image'\r\n >\r\n {buttonContent || <ImageDown />}\r\n </Button>\r\n );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","document","getElementById","imageDownload","console","error","current","t5","ImageDown","t6","jsx","Button"],"mappings":"6MAoBO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,EAAAC,SAAAC,EAAAC,cAAAA,EAAAC,WAAAC,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAOIX,EALFI,EAAAC,IAAAO,OAAA,QAAAP,EAEAE,EAAAC,IAAAI,OAAA,WAAAJ,EAOaK,8BACTJ,EAAA,MAAA,WAAiC,IANrCE,IAAAC,OAAA,GAAAD,CAOe,+DAA8D,IAAAG,EAAAb,EAAA,CAAA,IAAAG,GAAAH,OAAAE,GAClEW,EAAAA,IAAA,CACH,OAAOX,GAAW,SAChBY,SAAQC,eAAgBb,CAAM,EAChCc,EAAAA,cAAcF,SAAQC,eAAgBb,CAAM,EAAkBC,CAAQ,EAEtEc,QAAOC,MAAO,8BAA8B,EAG9CF,gBAAcd,EAAMiB,QAA4BhB,CAAQ,CACzD,EACFH,KAAAG,EAAAH,KAAAE,EAAAF,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAAA,IAAAoB,EAAApB,OAAAK,GAGAe,EAAAf,2BAAkBgB,EAAAA,UAAA,CAAA,CAAS,EAAGrB,KAAAK,EAAAL,KAAAoB,GAAAA,EAAApB,EAAA,CAAA,EAAA,IAAAsB,EAAA,OAAAtB,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAY,GAAAZ,EAAA,CAAA,IAAAa,GAAAb,OAAAoB,GAlBjCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACUlB,QAAAA,EACE,UAAAM,EAGF,QAAAC,EAWE,aAAA,uCAEVO,SAAAA,CAAAA,CACH,EAASpB,KAAAM,EAAAN,KAAAY,EAAAZ,KAAAa,EAAAb,KAAAoB,EAAApB,KAAAsB,GAAAA,EAAAtB,EAAA,CAAA,EAnBTsB,CAmBS"}
1
+ {"version":3,"file":"ImageDownloadButton.cjs","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n buttonContent?: string | JSX.Element;\r\n buttonType?:\r\n | 'primary'\r\n | 'primary-without-icon'\r\n | 'secondary'\r\n | 'secondary-without-icon'\r\n | 'tertiary';\r\n nodeID: string | RefObject<HTMLDivElement | null>;\r\n filename?: string;\r\n buttonSmall?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n const {\r\n nodeID,\r\n filename = 'image',\r\n buttonContent,\r\n buttonType = 'tertiary',\r\n buttonSmall,\r\n className = '',\r\n } = props;\r\n return (\r\n <Button\r\n variant={buttonType}\r\n className={cn(\r\n 'undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550',\r\n buttonSmall ? 'p-2' : 'py-4 px-6',\r\n className,\r\n )}\r\n onClick={() => {\r\n if (typeof nodeID === 'string') {\r\n if (document.getElementById(nodeID)) {\r\n imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n } else {\r\n console.error('Cannot find the html element');\r\n }\r\n } else {\r\n imageDownload(nodeID.current as HTMLDivElement, filename);\r\n }\r\n }}\r\n aria-label='Click to download the graph as image'\r\n >\r\n {buttonContent || <ImageDown />}\r\n </Button>\r\n );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","imageDownload","console","error","current","t6","ImageDown","t7","jsx","Button"],"mappings":"6MAqBO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,OAAAA,EAAAC,SAAAC,EAAAC,cAAAA,EAAAC,WAAAC,EAAAC,YAAAA,EAAAC,UAAAC,CAAAA,EAOIX,EALFI,EAAAC,IAAAO,OAAA,QAAAP,EAEAE,EAAAC,IAAAI,OAAA,WAAAJ,EAEAE,EAAAC,IAAAC,OAAA,GAAAD,EAOIE,EAAAJ,EAAA,MAAA,YAAiC,IAAAK,EAAAb,EAAA,CAAA,IAAAS,GAAAT,OAAAY,GAFxBC,EAAAC,EAAAA,GACT,oGACAF,EACAH,CACF,EAACT,KAAAS,EAAAT,KAAAY,EAAAZ,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAAA,IAAAe,EAAAf,EAAA,CAAA,IAAAG,GAAAH,OAAAE,GACQa,EAAAA,IAAA,CACH,OAAOb,GAAW,SAChBc,SAAQC,eAAgBf,CAAM,EAChCgB,EAAAA,cAAcF,SAAQC,eAAgBf,CAAM,EAAkBC,CAAQ,EAEtEgB,QAAOC,MAAO,8BAA8B,EAG9CF,gBAAchB,EAAMmB,QAA4BlB,CAAQ,CACzD,EACFH,KAAAG,EAAAH,KAAAE,EAAAF,KAAAe,GAAAA,EAAAf,EAAA,CAAA,EAAA,IAAAsB,EAAAtB,OAAAK,GAGAiB,EAAAjB,2BAAkBkB,EAAAA,UAAA,CAAA,CAAS,EAAGvB,KAAAK,EAAAL,KAAAsB,GAAAA,EAAAtB,EAAA,CAAA,EAAA,IAAAwB,EAAA,OAAAxB,EAAA,CAAA,IAAAM,GAAAN,EAAA,CAAA,IAAAa,GAAAb,EAAA,EAAA,IAAAe,GAAAf,QAAAsB,GApBjCE,EAAAC,EAAAA,kBAAAA,IAACC,EAAAA,EAAA,CACUpB,QAAAA,EACE,UAAAO,EAKF,QAAAE,EAWE,aAAA,uCAEVO,SAAAA,CAAAA,CACH,EAAStB,KAAAM,EAAAN,KAAAa,EAAAb,MAAAe,EAAAf,MAAAsB,EAAAtB,MAAAwB,GAAAA,EAAAxB,EAAA,EAAA,EArBTwB,CAqBS"}
package/dist/ImageDownloadButton.js CHANGED
@@ -1,25 +1,27 @@
1
- import { c as y, j as p } from "./index-CHPV5EwG-BzibaIRc.js";
2
- import { I as b, u as x } from "./index-ApTBN0kp.js";
3
- import { i as u } from "./imageDownload-BYsNEtMS.js";
4
- function j(f) {
5
- const e = y.c(10), {
1
+ import { c as x, m as I, j as f } from "./index-CHPV5EwG-BzibaIRc.js";
2
+ import { I as h, u as v } from "./index-ApTBN0kp.js";
3
+ import { i as g } from "./imageDownload-BYsNEtMS.js";
4
+ function D(y) {
5
+ const e = x.c(13), {
6
6
  nodeID: t,
7
- filename: m,
8
- buttonContent: i,
9
- buttonType: c,
10
- buttonSmall: g,
11
- className: d
12
- } = f, a = m === void 0 ? "image" : m, l = c === void 0 ? "tertiary" : c, s = `undp-viz-download-button ${g ? "p-2" : "py-4 px-6"} ${d === void 0 ? "" : d} border border-primary-gray-400 dark:border-primary-gray-550`;
7
+ filename: c,
8
+ buttonContent: l,
9
+ buttonType: p,
10
+ buttonSmall: b,
11
+ className: u
12
+ } = y, a = c === void 0 ? "image" : c, s = p === void 0 ? "tertiary" : p, m = u === void 0 ? "" : u, d = b ? "p-2" : "py-4 px-6";
13
13
  let o;
14
- e[0] !== a || e[1] !== t ? (o = () => {
15
- typeof t == "string" ? document.getElementById(t) ? u(document.getElementById(t), a) : console.error("Cannot find the html element") : u(t.current, a);
16
- }, e[0] = a, e[1] = t, e[2] = o) : o = e[2];
14
+ e[0] !== m || e[1] !== d ? (o = I("undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550", d, m), e[0] = m, e[1] = d, e[2] = o) : o = e[2];
17
15
  let n;
18
- e[3] !== i ? (n = i || /* @__PURE__ */ p.jsx(b, {}), e[3] = i, e[4] = n) : n = e[4];
16
+ e[3] !== a || e[4] !== t ? (n = () => {
17
+ typeof t == "string" ? document.getElementById(t) ? g(document.getElementById(t), a) : console.error("Cannot find the html element") : g(t.current, a);
18
+ }, e[3] = a, e[4] = t, e[5] = n) : n = e[5];
19
19
  let r;
20
- return e[5] !== l || e[6] !== s || e[7] !== o || e[8] !== n ? (r = /* @__PURE__ */ p.jsx(x, { variant: l, className: s, onClick: o, "aria-label": "Click to download the graph as image", children: n }), e[5] = l, e[6] = s, e[7] = o, e[8] = n, e[9] = r) : r = e[9], r;
20
+ e[6] !== l ? (r = l || /* @__PURE__ */ f.jsx(h, {}), e[6] = l, e[7] = r) : r = e[7];
21
+ let i;
22
+ return e[8] !== s || e[9] !== o || e[10] !== n || e[11] !== r ? (i = /* @__PURE__ */ f.jsx(v, { variant: s, className: o, onClick: n, "aria-label": "Click to download the graph as image", children: r }), e[8] = s, e[9] = o, e[10] = n, e[11] = r, e[12] = i) : i = e[12], i;
21
23
  }
22
24
  export {
23
- j as ImageDownloadButton
25
+ D as ImageDownloadButton
24
26
  };
25
27
  //# sourceMappingURL=ImageDownloadButton.js.map
package/dist/ImageDownloadButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ImageDownloadButton.js","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n buttonContent?: string | JSX.Element;\r\n buttonType?:\r\n | 'primary'\r\n | 'primary-without-icon'\r\n | 'secondary'\r\n | 'secondary-without-icon'\r\n | 'tertiary';\r\n nodeID: string | RefObject<HTMLDivElement | null>;\r\n filename?: string;\r\n buttonSmall?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n const {\r\n nodeID,\r\n filename = 'image',\r\n buttonContent,\r\n buttonType = 'tertiary',\r\n buttonSmall,\r\n className = '',\r\n } = props;\r\n return (\r\n <Button\r\n variant={buttonType}\r\n className={`undp-viz-download-button ${\r\n buttonSmall ? 'p-2' : 'py-4 px-6'\r\n } ${className} border border-primary-gray-400 dark:border-primary-gray-550`}\r\n onClick={() => {\r\n if (typeof nodeID === 'string') {\r\n if (document.getElementById(nodeID)) {\r\n imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n } else {\r\n console.error('Cannot find the html element');\r\n }\r\n } else {\r\n imageDownload(nodeID.current as HTMLDivElement, filename);\r\n }\r\n }}\r\n aria-label='Click to download the graph as image'\r\n >\r\n {buttonContent || <ImageDown />}\r\n </Button>\r\n );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","document","getElementById","imageDownload","console","error","current","t5","ImageDown","t6","jsx","Button"],"mappings":";;;AAoBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAOIX,GALFI,IAAAC,MAAAO,SAAA,UAAAP,GAEAE,IAAAC,MAAAI,SAAA,aAAAJ,GAOaK,gCACTJ,IAAA,QAAA,WAAiC,IANrCE,MAAAC,SAAA,KAAAD,CAOe;AAA8D,MAAAG;AAAA,EAAAb,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KAClEW,IAAAA,MAAA;AACP,IAAI,OAAOX,KAAW,WAChBY,SAAQC,eAAgBb,CAAM,IAChCc,EAAcF,SAAQC,eAAgBb,CAAM,GAAkBC,CAAQ,IAEtEc,QAAOC,MAAO,8BAA8B,IAG9CF,EAAcd,EAAMiB,SAA4BhB,CAAQ;AAAA,EACzD,GACFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAoB;AAAA,EAAApB,SAAAK,KAGAe,IAAAf,2BAAkBgB,GAAA,CAAA,CAAS,GAAGrB,OAAAK,GAAAL,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAAA,MAAAsB;AAAA,SAAAtB,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAa,KAAAb,SAAAoB,KAlBjCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUlB,SAAAA,GACE,WAAAM,GAGF,SAAAC,GAWE,cAAA,wCAEVO,UAAAA,EAAAA,CACH,GAASpB,OAAAM,GAAAN,OAAAY,GAAAZ,OAAAa,GAAAb,OAAAoB,GAAApB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA,GAnBTsB;AAmBS;"}
1
+ {"version":3,"file":"ImageDownloadButton.js","sources":["../src/Components/Actions/ImageDownloadButton.tsx"],"sourcesContent":["import { JSX, RefObject } from 'react';\r\nimport { Button } from '@undp/design-system-react/Button';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { imageDownload } from '@/Utils/imageDownload';\r\nimport { ImageDown } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n buttonContent?: string | JSX.Element;\r\n buttonType?:\r\n | 'primary'\r\n | 'primary-without-icon'\r\n | 'secondary'\r\n | 'secondary-without-icon'\r\n | 'tertiary';\r\n nodeID: string | RefObject<HTMLDivElement | null>;\r\n filename?: string;\r\n buttonSmall?: boolean;\r\n className?: string;\r\n}\r\n\r\nexport function ImageDownloadButton(props: Props) {\r\n const {\r\n nodeID,\r\n filename = 'image',\r\n buttonContent,\r\n buttonType = 'tertiary',\r\n buttonSmall,\r\n className = '',\r\n } = props;\r\n return (\r\n <Button\r\n variant={buttonType}\r\n className={cn(\r\n 'undp-viz-download-button no-underline border border-primary-gray-400 dark:border-primary-gray-550',\r\n buttonSmall ? 'p-2' : 'py-4 px-6',\r\n className,\r\n )}\r\n onClick={() => {\r\n if (typeof nodeID === 'string') {\r\n if (document.getElementById(nodeID)) {\r\n imageDownload(document.getElementById(nodeID) as HTMLElement, filename);\r\n } else {\r\n console.error('Cannot find the html element');\r\n }\r\n } else {\r\n imageDownload(nodeID.current as HTMLDivElement, filename);\r\n }\r\n }}\r\n aria-label='Click to download the graph as image'\r\n >\r\n {buttonContent || <ImageDown />}\r\n </Button>\r\n );\r\n}\r\n"],"names":["ImageDownloadButton","props","$","_c","nodeID","filename","t0","buttonContent","buttonType","t1","buttonSmall","className","t2","undefined","t3","t4","cn","t5","document","getElementById","imageDownload","console","error","current","t6","ImageDown","t7","jsx","Button"],"mappings":";;;AAqBO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAC;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,YAAAC;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,WAAAC;AAAAA,EAAAA,IAOIX,GALFI,IAAAC,MAAAO,SAAA,UAAAP,GAEAE,IAAAC,MAAAI,SAAA,aAAAJ,GAEAE,IAAAC,MAAAC,SAAA,KAAAD,GAOIE,IAAAJ,IAAA,QAAA;AAAiC,MAAAK;AAAA,EAAAb,EAAA,CAAA,MAAAS,KAAAT,SAAAY,KAFxBC,IAAAC,EACT,qGACAF,GACAH,CACF,GAACT,OAAAS,GAAAT,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,EAAA,CAAA,MAAAG,KAAAH,SAAAE,KACQa,IAAAA,MAAA;AACP,IAAI,OAAOb,KAAW,WAChBc,SAAQC,eAAgBf,CAAM,IAChCgB,EAAcF,SAAQC,eAAgBf,CAAM,GAAkBC,CAAQ,IAEtEgB,QAAOC,MAAO,8BAA8B,IAG9CF,EAAchB,EAAMmB,SAA4BlB,CAAQ;AAAA,EACzD,GACFH,OAAAG,GAAAH,OAAAE,GAAAF,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,SAAAK,KAGAiB,IAAAjB,2BAAkBkB,GAAA,CAAA,CAAS,GAAGvB,OAAAK,GAAAL,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,SAAAxB,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAa,KAAAb,EAAA,EAAA,MAAAe,KAAAf,UAAAsB,KApBjCE,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACUpB,SAAAA,GACE,WAAAO,GAKF,SAAAE,GAWE,cAAA,wCAEVO,UAAAA,EAAAA,CACH,GAAStB,OAAAM,GAAAN,OAAAa,GAAAb,QAAAe,GAAAf,QAAAsB,GAAAtB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GArBTwB;AAqBS;"}
package/dist/SVGDownloadButton.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-CHPV5EwG-D4pAp7u0.cjs"),p=require("./index-BhI7mBJx.cjs"),g=require("./svgDownload-D9zEGjTF.cjs");function x(f){const e=c.compilerRuntimeExports.c(10),{nodeID:t,filename:d,buttonContent:i,buttonType:u,buttonSmall:v,className:m}=f,s=d===void 0?"image":d,a=u===void 0?"tertiary":u,r=`undp-viz-download-button ${v?"p-2":"py-4 px-6"} ${m===void 0?"":m}`;let o;e[0]!==s||e[1]!==t?(o=()=>{typeof t=="string"?document.getElementById(t)?g.svgDownload(document.getElementById(t),s):console.error("Cannot find the html element"):g.svgDownload(t,s)},e[0]=s,e[1]=t,e[2]=o):o=e[2];let n;e[3]!==i?(n=i||c.jsxRuntimeExports.jsx(p.ImageDown,{}),e[3]=i,e[4]=n):n=e[4];let l;return e[5]!==a||e[6]!==r||e[7]!==o||e[8]!==n?(l=c.jsxRuntimeExports.jsx(p.u,{variant:a,className:r,onClick:o,"aria-label":"Click to download the graph as svg",children:n}),e[5]=a,e[6]=r,e[7]=o,e[8]=n,e[9]=l):l=e[9],l}exports.SVGDownloadButton=x;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-CHPV5EwG-D4pAp7u0.cjs"),g=require("./index-BhI7mBJx.cjs"),v=require("./svgDownload-D9zEGjTF.cjs");function y(x){const e=a.compilerRuntimeExports.c(13),{nodeID:t,filename:m,buttonContent:r,buttonType:p,buttonSmall:w,className:f}=x,s=m===void 0?"image":m,d=p===void 0?"tertiary":p,c=f===void 0?"":f,u=w?"p-2":"py-4 px-6";let o;e[0]!==c||e[1]!==u?(o=a.mo("undp-viz-download-button",u,c),e[0]=c,e[1]=u,e[2]=o):o=e[2];let n;e[3]!==s||e[4]!==t?(n=()=>{typeof t=="string"?document.getElementById(t)?v.svgDownload(document.getElementById(t),s):console.error("Cannot find the html element"):v.svgDownload(t,s)},e[3]=s,e[4]=t,e[5]=n):n=e[5];let l;e[6]!==r?(l=r||a.jsxRuntimeExports.jsx(g.ImageDown,{}),e[6]=r,e[7]=l):l=e[7];let i;return e[8]!==d||e[9]!==o||e[10]!==n||e[11]!==l?(i=a.jsxRuntimeExports.jsx(g.u,{variant:d,className:o,onClick:n,"aria-label":"Click to download the graph as svg",children:l}),e[8]=d,e[9]=o,e[10]=n,e[11]=l,e[12]=i):i=e[12],i}exports.SVGDownloadButton=y;
2
2
  //# sourceMappingURL=SVGDownloadButton.cjs.map