npm - @undp/data-viz - Versions diffs - 1.4.16 → 1.5.0 - Mend

@undp/data-viz 1.4.16 → 1.5.0

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 (224) hide show

package/dist/ChoroplethMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChoroplethMap.js","sources":["../src/Components/Graphs/Maps/ChoroplethMap/Graph.tsx","../src/Components/Graphs/Maps/ChoroplethMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport {\r\n geoAlbersUsa,\r\n geoEqualEarth,\r\n geoMercator,\r\n geoNaturalEarth1,\r\n geoOrthographic,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleThreshold, scaleOrdinal } from 'd3-scale';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { P } from '@undp/design-system-react/Typography';\r\nimport bbox from '@turf/bbox';\r\nimport centroid from '@turf/centroid';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n AnimateDataType,\r\n ChoroplethMapDataType,\r\n ClassNameObject,\r\n CustomLayerDataType,\r\n MapProjectionTypes,\r\n StyleObject,\r\n ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { X } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n colorDomain: number[] \| string[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData: any;\r\n width: number;\r\n height: number;\r\n colors: string[];\r\n colorLegendTitle?: string;\r\n categorical: boolean;\r\n data: ChoroplethMapDataType[];\r\n scale: number;\r\n centerPoint?: [number, number];\r\n mapBorderWidth: number;\r\n mapNoDataColor: string;\r\n mapBorderColor: string;\r\n isWorldMap: boolean;\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 showColorScale: boolean;\r\n zoomScaleExtend: [number, number];\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n highlightedIds: string[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n mapProperty: string;\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}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n colorDomain,\r\n colors,\r\n mapData,\r\n colorLegendTitle,\r\n categorical,\r\n height,\r\n width,\r\n scale,\r\n centerPoint,\r\n tooltip,\r\n mapBorderWidth,\r\n mapBorderColor,\r\n mapNoDataColor,\r\n onSeriesMouseOver,\r\n showColorScale,\r\n zoomScaleExtend,\r\n zoomTranslateExtend,\r\n highlightedIds,\r\n onSeriesMouseClick,\r\n mapProperty,\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 } = props;\r\n const [selectedColor, setSelectedColor] = useState<string \| undefined>(undefined);\r\n const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> \| null>(null);\r\n const [showLegend, setShowLegend] = useState(!(width < 680));\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 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\r\n useEffect(() => {\r\n const mapGSelect = select(mapG.current);\r\n const mapSvgSelect = select(mapSvg.current);\r\n const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n if (zoomInteraction === 'noZoom') return false;\r\n if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n const isWheel = e.type === 'wheel';\r\n const isTouch = e.type.startsWith('touch');\r\n const isDrag = e.type === 'mousedown' \|\| e.type === 'mousemove';\r\n\r\n if (isTouch) return true;\r\n if (isWheel) {\r\n if (zoomInteraction === 'scroll') return true;\r\n return e.ctrlKey;\r\n }\r\n return isDrag && !e.button && !e.ctrlKey;\r\n };\r\n const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n .scaleExtent(zoomScaleExtend)\r\n .translateExtent(\r\n zoomTranslateExtend \|\| [\r\n [-20, -20],\r\n [width + 20, height + 20],\r\n ],\r\n )\r\n .filter(zoomFilter)\r\n .on('zoom', ({ transform }) => {\r\n mapGSelect.attr('transform', transform);\r\n });\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapSvgSelect.call(zoomBehavior as any);\r\n\r\n zoomRef.current = zoomBehavior;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [height, width, zoomInteraction]);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const bounds = bbox(mapData as any);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const center = centroid(mapData as any);\r\n const lonDiff = bounds[2] - bounds[0];\r\n const latDiff = bounds[3] - bounds[1];\r\n const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n const projection =\r\n mapProjection === 'mercator'\r\n ? geoMercator()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'equalEarth'\r\n ? geoEqualEarth()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'naturalEarth'\r\n ? geoNaturalEarth1()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'orthographic'\r\n ? geoOrthographic()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : geoAlbersUsa()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar);\r\n 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 {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData.features.map((d: any, i: number) => {\r\n const index = data.findIndex(el => el.id === d.properties[mapProperty]);\r\n if (index !== -1) return null;\r\n return (\r\n <g\r\n key={i}\r\n opacity={\r\n selectedColor\r\n ? dimmedOpacity\r\n : highlightedIds.length !== 0\r\n ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : 1\r\n }\r\n >\r\n {d.geometry.type === 'MultiPolygon'\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={masterPath}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })\r\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={path}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })}\r\n </g>\r\n );\r\n })\r\n }\r\n <AnimatePresence>\r\n {data.map(d => {\r\n const index = mapData.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 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 variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: selectedColor\r\n ? selectedColor === color\r\n ? 1\r\n : dimmedOpacity\r\n : highlightedIds.length !== 0\r\n ? highlightedIds.indexOf(d.id) !== -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 {index === -1\r\n ? null\r\n : mapData.features[index].geometry.type === 'MultiPolygon'\r\n ? mapData.features[index].geometry.coordinates.map(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1)\r\n path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <motion.path\r\n key={`${d.id}-${j}`}\r\n d={masterPath}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n }}\r\n />\r\n );\r\n },\r\n )\r\n : mapData.features[index].geometry.coordinates.map(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <motion.path\r\n key={`${d.id}-${j}`}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n }}\r\n />\r\n );\r\n },\r\n )}\r\n </motion.g>\r\n );\r\n })}\r\n </AnimatePresence>\r\n {mouseOverData\r\n ? mapData.features\r\n .filter(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\r\n )\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n .map((d: any, i: number) => {\r\n return (\r\n <g key={i}>\r\n {d.geometry.type === 'MultiPolygon'\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1)\r\n path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={masterPath}\r\n className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n style={{\r\n fill: 'none',\r\n fillOpacity: 0,\r\n strokeWidth: '0.5',\r\n }}\r\n />\r\n );\r\n })\r\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={path}\r\n className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n style={{\r\n fill: 'none',\r\n fillOpacity: 0,\r\n strokeWidth: '0.5',\r\n }}\r\n />\r\n );\r\n })}\r\n </g>\r\n );\r\n })\r\n : null}\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='absolute left-4 bottom-4'>\r\n {showLegend ? (\r\n <>\r\n <div\r\n style={{\r\n backgroundColor: 'rgba(240,240,240, 0.7)',\r\n border: '1px solid var(--gray-400)',\r\n borderRadius: '999px',\r\n width: '24px',\r\n height: '24px',\r\n padding: '3px',\r\n cursor: 'pointer',\r\n zIndex: 10,\r\n position: 'absolute',\r\n right: '-0.75rem',\r\n top: '-0.75rem',\r\n }}\r\n onClick={() => {\r\n setShowLegend(false);\r\n }}\r\n >\r\n <X />\r\n </div>\r\n <div\r\n className='p-2'\r\n style={{\r\n backgroundColor: 'rgba(240,240,240, 0.7)',\r\n width: categorical ? undefined : '340px',\r\n }}\r\n >\r\n {colorLegendTitle && colorLegendTitle !== '' ? (\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 {colorLegendTitle}\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(d as number, 'NA')}\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='mb-0 border-0 bg-transparent p-0 self-start'\r\n onClick={() => {\r\n setShowLegend(true);\r\n }}\r\n >\r\n <div className='items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-550 border-primary-gray-400 dark:border-primary-gray-500'>\r\n Show Legend\r\n </div>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n {zoomInteraction === 'button' && (\r\n <div className='absolute left-4 top-4 flex flex-col'>\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-400 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-400 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n >\r\n –\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n {detailsOnClick && mouseClickData !== undefined ? (\r\n <Modal\r\n open={mouseClickData !== undefined}\r\n onClose={() => {\r\n setMouseClickData(undefined);\r\n }}\r\n >\r\n <div\r\n className='graph-modal-content m-0'\r\n dangerouslySetInnerHTML={\r\n typeof detailsOnClick === 'string'\r\n ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n : undefined\r\n }\r\n >\r\n {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n </div>\r\n </Modal>\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 } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { ascending, sort } from 'd3-array';\r\nimport uniqBy from 'lodash.uniqby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n ChoroplethMapDataType,\r\n Languages,\r\n SourcesDataType,\r\n StyleObject,\r\n ClassNameObject,\r\n ScaleDataType,\r\n MapProjectionTypes,\r\n ZoomInteractionTypes,\r\n CustomLayerDataType,\r\n AnimateDataType,\r\n TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects /\r\n data: ChoroplethMapDataType[];\r\n\r\n // Titles, Labels, and Sources\r\n /* Title of the graph /\r\n graphTitle?: string \| React.ReactNode;\r\n /* Description of the graph /\r\n graphDescription?: string \| React.ReactNode;\r\n /* Footnote for the graph /\r\n footNote?: string \| React.ReactNode;\r\n /* Source data for the graph /\r\n sources?: SourcesDataType[];\r\n /* Accessibility label /\r\n ariaLabel?: string;\r\n\r\n // Colors and Styling\r\n /* Colors for the choropleth map /\r\n colors?: string[];\r\n /* Domain of colors for the graph /\r\n colorDomain?: number[] \| string[];\r\n /* Title for the color legend /\r\n colorLegendTitle?: string;\r\n /* Color for the areas where data is no available /\r\n mapNoDataColor?: string;\r\n /* Background color of the graph /\r\n backgroundColor?: string \| boolean;\r\n /* Custom styles for the graph. Each object should be a valid React CSS style object. /\r\n styles?: StyleObject;\r\n /* Custom class names /\r\n classNames?: ClassNameObject;\r\n\r\n // Size and Spacing\r\n /* Width of the graph /\r\n width?: number;\r\n /* Height of the graph /\r\n height?: number;\r\n /* Minimum height of the graph /\r\n minHeight?: number;\r\n /* Relative height scaling factor. This overwrites the height props /\r\n relativeHeight?: number;\r\n /* Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem /\r\n padding?: string;\r\n\r\n // Graph Parameters\r\n /* Map data as an object in geoJson format or a url for geoJson /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData?: any;\r\n /* Scaling factor for the map. Multiplies the scale number to scale. /\r\n scale?: number;\r\n /* Center point of the map /\r\n centerPoint?: [number, number];\r\n /* Defines the zoom mode for the map /\r\n zoomInteraction?: ZoomInteractionTypes;\r\n /* Stroke width of the regions in the map /\r\n mapBorderWidth?: number;\r\n /* Stroke color of the regions in the map /\r\n mapBorderColor?: string;\r\n /* Toggle if the map is a world map /\r\n isWorldMap?: boolean;\r\n /* Map projection type /\r\n mapProjection?: MapProjectionTypes;\r\n /* Extend of the allowed zoom in the map /\r\n zoomScaleExtend?: [number, number];\r\n /* Extend of the allowed panning in the map /\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n /* Countries or regions to be highlighted /\r\n highlightedIds?: string[];\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 /* Scale for the colors /\r\n scaleType?: Exclude<ScaleDataType, 'linear'>;\r\n /* Toggles if the color scaling is categorical or not /\r\n categorical?: boolean;\r\n /* Toggle visibility of color scale. /\r\n showColorScale?: boolean;\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 /* Toggles the visibility of Antarctica in the default map. Only applicable for the default map. /\r\n showAntarctica?: boolean;\r\n /* Optional SVG <g> element or function that renders custom content behind or in front of the graph. /\r\n customLayers?: CustomLayerDataType[];\r\n /* Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. /\r\n timeline?: TimelineDataType;\r\n /* Enable graph download option as png /\r\n graphDownload?: boolean;\r\n /* Enable data download option as a csv /\r\n dataDownload?: boolean;\r\n /* Reset selection on double-click. Only applicable when used in a dashboard context with filters. /\r\n resetSelectionOnDoubleClick?: boolean;\r\n\r\n // Interactions and Callbacks\r\n /* Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string \| ((_d: any) => React.ReactNode);\r\n /* Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string \| ((_d: any) => React.ReactNode);\r\n /* Callback for mouse over event /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n /* Callback for mouse click event /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n\r\n // Configuration and Options\r\n /* Language setting /\r\n language?: Languages;\r\n /* Color theme /\r\n theme?: 'light' \| 'dark';\r\n /* Unique ID for the graph /\r\n graphID?: string;\r\n}\r\n\r\nexport function ChoroplethMap(props: Props) {\r\n const {\r\n data,\r\n mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json',\r\n graphTitle,\r\n colors,\r\n sources,\r\n graphDescription,\r\n height,\r\n width,\r\n footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\r\n colorDomain,\r\n colorLegendTitle,\r\n scaleType = 'threshold',\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 mapBorderColor = Colors.light.grays['gray-500'],\r\n relativeHeight,\r\n tooltip,\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 highlightedIds = [],\r\n onSeriesMouseClick,\r\n mapProperty = 'ISO3',\r\n graphDownload = false,\r\n dataDownload = false,\r\n showAntarctica = false,\r\n language = 'en',\r\n minHeight = 0,\r\n theme = 'light',\r\n ariaLabel,\r\n resetSelectionOnDoubleClick = true,\r\n detailsOnClick,\r\n styles,\r\n classNames,\r\n mapProjection,\r\n zoomInteraction = 'button',\r\n animate = false,\r\n dimmedOpacity = 0.3,\r\n customLayers = [],\r\n timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n } = props;\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 = sort(\r\n uniqBy(\r\n data.filter(d => d.date !== undefined && d.date !== null),\r\n d => d.date,\r\n ).map(d => parse(`${d.date}`, timeline.dateFormat \|\| 'yyyy', new Date()).getTime()),\r\n (a, b) => ascending(a, b),\r\n );\r\n const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n useEffect(() => {\r\n const resizeObserver = new ResizeObserver(entries => {\r\n setSvgWidth(width \|\| entries[0].target.clientWidth \|\| 760);\r\n setSvgHeight(height \|\| entries[0].target.clientHeight \|\| 480);\r\n });\r\n if (graphDiv.current) {\r\n setSvgHeight(graphDiv.current.clientHeight \|\| 480);\r\n setSvgWidth(graphDiv.current.clientWidth \|\| 760);\r\n if (!width) resizeObserver.observe(graphDiv.current);\r\n }\r\n return () => resizeObserver.disconnect();\r\n }, [width, height]);\r\n useEffect(() => {\r\n if (typeof mapData === 'string') {\r\n const fetchData = fetchAndParseJSON(mapData);\r\n fetchData.then(d => {\r\n setMapShape(d);\r\n });\r\n } else {\r\n setMapShape(mapData);\r\n }\r\n }, [mapData]);\r\n\r\n const domain =\r\n colorDomain \|\|\r\n (scaleType === 'categorical'\r\n ? getUniqValue(data, 'x')\r\n : getJenks(\r\n data.map(d => d.x as number \| null \| undefined),\r\n colors?.length \|\| 4,\r\n ));\r\n\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 <div\r\n className={`${theme \|\| 'light'} flex ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n dir={language === 'he' \|\| language === 'ar' ? 'rtl' : undefined}\r\n >\r\n <div\r\n className={cn(\r\n `${\r\n !backgroundColor\r\n ? 'bg-transparent '\r\n : backgroundColor === true\r\n ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n : ''\r\n }ml-auto mr-auto flex flex-col grow h-inherit ${language \|\| 'en'}`,\r\n width ? 'w-fit' : 'w-full',\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer \|\| {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n }}\r\n id={graphID}\r\n ref={graphParentDiv}\r\n aria-label={\r\n ariaLabel \|\|\r\n `${\r\n graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n }This is a choropleth map where geographic areas are colored in proportion to a specific variable.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className='flex grow'\r\n style={{ padding: backgroundColor ? padding \|\| '1rem' : padding \|\| 0 }}\r\n >\r\n <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n {graphTitle \|\| graphDescription \|\| graphDownload \|\| dataDownload ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n width={width}\r\n graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n dataDownload={\r\n dataDownload\r\n ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n ? data.map(d => d.data).filter(d => d !== undefined)\r\n : data.filter(d => d !== undefined)\r\n : null\r\n }\r\n />\r\n ) : null}\r\n {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n <div className='flex gap-6 items-center' dir='ltr'>\r\n <button\r\n type='button'\r\n onClick={() => {\r\n setPlay(!play);\r\n }}\r\n className='p-0 border-0 cursor-pointer bg-transparent'\r\n aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n >\r\n {play ? <Pause /> : <Play />}\r\n </button>\r\n <SliderUI\r\n min={uniqDatesSorted[0]}\r\n max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n marks={markObj}\r\n step={null}\r\n defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n value={uniqDatesSorted[index]}\r\n onChangeComplete={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n onChange={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n />\r\n </div>\r\n ) : null}\r\n <div\r\n className='flex flex-col grow justify-center leading-0'\r\n ref={graphDiv}\r\n aria-label='Map area'\r\n >\r\n {(width \|\| svgWidth) && (height \|\| svgHeight) && mapShape ? (\r\n <Graph\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(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any) => el.properties.NAME !== 'Antarctica',\r\n ),\r\n }\r\n }\r\n colorDomain={domain}\r\n width={width \|\| svgWidth}\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 )}\r\n scale={scale}\r\n centerPoint={centerPoint}\r\n colors={\r\n colors \|\|\r\n (scaleType === '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 colorLegendTitle={colorLegendTitle}\r\n mapBorderWidth={mapBorderWidth}\r\n mapNoDataColor={mapNoDataColor}\r\n categorical={scaleType === 'categorical'}\r\n mapBorderColor={mapBorderColor}\r\n tooltip={tooltip}\r\n onSeriesMouseOver={onSeriesMouseOver}\r\n isWorldMap={isWorldMap}\r\n showColorScale={showColorScale}\r\n zoomScaleExtend={zoomScaleExtend}\r\n zoomTranslateExtend={zoomTranslateExtend}\r\n onSeriesMouseClick={onSeriesMouseClick}\r\n mapProperty={mapProperty}\r\n highlightedIds={highlightedIds}\r\n resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n styles={styles}\r\n classNames={classNames}\r\n detailsOnClick={detailsOnClick}\r\n mapProjection={mapProjection \|\| (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n zoomInteraction={zoomInteraction}\r\n dimmedOpacity={dimmedOpacity}\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 customLayers={customLayers}\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 </div>\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 </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["Graph","props","data","colorDomain","colors","mapData","colorLegendTitle","categorical","height","width","scale","centerPoint","tooltip","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedIds","onSeriesMouseClick","mapProperty","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","selectedColor","setSelectedColor","useState","zoomRef","useRef","showLegend","setShowLegend","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","mapG","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","mapSvgSelect","zoomFilter","e","isWheel","isTouch","isDrag","zoomBehavior","zoom","transform","bounds","bbox","center","centroid","lonDiff","latDiff","scaleX","scaleY","scaleVar","projection","geoMercator","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","handleZoom","direction","jsxs","Fragment","jsx","motion","d","i","el","j","masterPath","geo","path","c","k","point","AnimatePresence","index","color","checkIfNullOrUndefined","event","isEqual","X","P","numberFormattingFunction","Modal","string2HTML","Tooltip","ChoroplethMap","graphTitle","sources","graphDescription","footNote","scaleType","padding","Colors","backgroundColor","relativeHeight","isWorldMap","graphID","graphDownload","dataDownload","showAntarctica","language","minHeight","theme","ariaLabel","timeline","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","a","b","ascending","setIndex","mapShape","setMapShape","graphDiv","graphParentDiv","resizeObserver","entries","fetchAndParseJSON","domain","getUniqValue","getJenks","interval","markObj","getSliderMarks","cn","GraphHeader","Pause","Play","SliderUI","nextValue","format","Spinner","GraphFooter"],"mappings":"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"}
1	+ {"version":3,"file":"ChoroplethMap.js","sources":["../src/Components/Graphs/Maps/ChoroplethMap/Graph.tsx","../src/Components/Graphs/Maps/ChoroplethMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport {\r\n geoAlbersUsa,\r\n geoEqualEarth,\r\n geoMercator,\r\n geoNaturalEarth1,\r\n geoOrthographic,\r\n} from 'd3-geo';\r\nimport { D3ZoomEvent, zoom, ZoomBehavior } from 'd3-zoom';\r\nimport { select } from 'd3-selection';\r\nimport { scaleThreshold, scaleOrdinal } from 'd3-scale';\r\nimport { Modal } from '@undp/design-system-react/Modal';\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\n\r\nimport {\r\n AnimateDataType,\r\n ChoroplethMapDataType,\r\n ClassNameObject,\r\n CustomLayerDataType,\r\n MapProjectionTypes,\r\n StyleObject,\r\n ZoomInteractionTypes,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { X } from '@/Components/Icons';\r\n\r\ninterface Props {\r\n colorDomain: number[] \| string[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData: any;\r\n width: number;\r\n height: number;\r\n colors: string[];\r\n colorLegendTitle?: string;\r\n categorical: boolean;\r\n data: ChoroplethMapDataType[];\r\n scale: number;\r\n centerPoint?: [number, number];\r\n mapBorderWidth: number;\r\n mapNoDataColor: string;\r\n mapBorderColor: string;\r\n isWorldMap: boolean;\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 showColorScale: boolean;\r\n zoomScaleExtend: [number, number];\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n highlightedIds: string[];\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n mapProperty: string;\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}\r\n\r\nexport function Graph(props: Props) {\r\n const {\r\n data,\r\n colorDomain,\r\n colors,\r\n mapData,\r\n colorLegendTitle,\r\n categorical,\r\n height,\r\n width,\r\n scale,\r\n centerPoint,\r\n tooltip,\r\n mapBorderWidth,\r\n mapBorderColor,\r\n mapNoDataColor,\r\n onSeriesMouseOver,\r\n showColorScale,\r\n zoomScaleExtend,\r\n zoomTranslateExtend,\r\n highlightedIds,\r\n onSeriesMouseClick,\r\n mapProperty,\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 } = props;\r\n const [selectedColor, setSelectedColor] = useState<string \| undefined>(undefined);\r\n const zoomRef = useRef<ZoomBehavior<SVGSVGElement, unknown> \| null>(null);\r\n const [showLegend, setShowLegend] = useState(!(width < 680));\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 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\r\n useEffect(() => {\r\n const mapGSelect = select(mapG.current);\r\n const mapSvgSelect = select(mapSvg.current);\r\n const zoomFilter = (e: D3ZoomEvent<SVGSVGElement, unknown>['sourceEvent']) => {\r\n if (zoomInteraction === 'noZoom') return false;\r\n if (zoomInteraction === 'button') return !e.type.includes('wheel');\r\n const isWheel = e.type === 'wheel';\r\n const isTouch = e.type.startsWith('touch');\r\n const isDrag = e.type === 'mousedown' \|\| e.type === 'mousemove';\r\n\r\n if (isTouch) return true;\r\n if (isWheel) {\r\n if (zoomInteraction === 'scroll') return true;\r\n return e.ctrlKey;\r\n }\r\n return isDrag && !e.button && !e.ctrlKey;\r\n };\r\n const zoomBehavior = zoom<SVGSVGElement, unknown>()\r\n .scaleExtent(zoomScaleExtend)\r\n .translateExtent(\r\n zoomTranslateExtend \|\| [\r\n [-20, -20],\r\n [width + 20, height + 20],\r\n ],\r\n )\r\n .filter(zoomFilter)\r\n .on('zoom', ({ transform }) => {\r\n mapGSelect.attr('transform', transform);\r\n });\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapSvgSelect.call(zoomBehavior as any);\r\n\r\n zoomRef.current = zoomBehavior;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [height, width, zoomInteraction]);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const bounds = bbox(mapData as any);\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const center = centerOfMass(mapData as any);\r\n const lonDiff = bounds[2] - bounds[0];\r\n const latDiff = bounds[3] - bounds[1];\r\n const scaleX = (((width * 190) / 960) * 360) / lonDiff;\r\n const scaleY = (((height * 190) / 678) * 180) / latDiff;\r\n const scaleVar = scale * Math.min(scaleX, scaleY);\r\n\r\n const projection =\r\n mapProjection === 'mercator'\r\n ? geoMercator()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'equalEarth'\r\n ? geoEqualEarth()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'naturalEarth'\r\n ? geoNaturalEarth1()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : mapProjection === 'orthographic'\r\n ? geoOrthographic()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar)\r\n : geoAlbersUsa()\r\n .rotate([0, 0])\r\n .center(centerPoint \|\| (center.geometry.coordinates as [number, number]))\r\n .translate([width / 2, height / 2])\r\n .scale(scaleVar);\r\n 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 {\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData.features.map((d: any, i: number) => {\r\n const index = data.findIndex(el => el.id === d.properties[mapProperty]);\r\n if (index !== -1) return null;\r\n return (\r\n <g\r\n key={i}\r\n opacity={\r\n selectedColor\r\n ? dimmedOpacity\r\n : highlightedIds.length !== 0\r\n ? highlightedIds.indexOf(d.properties[mapProperty]) !== -1\r\n ? 1\r\n : dimmedOpacity\r\n : 1\r\n }\r\n >\r\n {d.geometry.type === 'MultiPolygon'\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={masterPath}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })\r\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={path}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n fill: mapNoDataColor,\r\n }}\r\n />\r\n );\r\n })}\r\n </g>\r\n );\r\n })\r\n }\r\n <AnimatePresence>\r\n {data.map(d => {\r\n const index = mapData.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 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 variants={{\r\n initial: { opacity: 0 },\r\n whileInView: {\r\n opacity: selectedColor\r\n ? selectedColor === color\r\n ? 1\r\n : dimmedOpacity\r\n : highlightedIds.length !== 0\r\n ? highlightedIds.indexOf(d.id) !== -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 {index === -1\r\n ? null\r\n : mapData.features[index].geometry.type === 'MultiPolygon'\r\n ? mapData.features[index].geometry.coordinates.map(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1)\r\n path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <motion.path\r\n key={`${d.id}-${j}`}\r\n d={masterPath}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n }}\r\n />\r\n );\r\n },\r\n )\r\n : mapData.features[index].geometry.coordinates.map(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <motion.path\r\n key={`${d.id}-${j}`}\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={{ opacity: 0, transition: { duration: animate.duration } }}\r\n style={{\r\n stroke: mapBorderColor,\r\n strokeWidth: mapBorderWidth,\r\n }}\r\n />\r\n );\r\n },\r\n )}\r\n </motion.g>\r\n );\r\n })}\r\n </AnimatePresence>\r\n {mouseOverData\r\n ? mapData.features\r\n .filter(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (d: { properties: any }) => d.properties[mapProperty] === mouseOverData.id,\r\n )\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n .map((d: any, i: number) => {\r\n return (\r\n <g key={i}>\r\n {d.geometry.type === 'MultiPolygon'\r\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: any) => {\r\n let masterPath = '';\r\n el.forEach((geo: number[][]) => {\r\n let path = ' M';\r\n geo.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== geo.length - 1)\r\n path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n masterPath += path;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={masterPath}\r\n className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n style={{\r\n fill: 'none',\r\n fillOpacity: 0,\r\n strokeWidth: '0.5',\r\n }}\r\n />\r\n );\r\n })\r\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n d.geometry.coordinates.map((el: any, j: number) => {\r\n let path = 'M';\r\n el.forEach((c: number[], k: number) => {\r\n const point = projection([c[0], c[1]]) as [number, number];\r\n if (k !== el.length - 1) path = `${path}${point[0]} ${point[1]}L`;\r\n else path = `${path}${point[0]} ${point[1]}`;\r\n });\r\n return (\r\n <path\r\n key={j}\r\n d={path}\r\n className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n style={{\r\n fill: 'none',\r\n fillOpacity: 0,\r\n strokeWidth: '0.5',\r\n }}\r\n />\r\n );\r\n })}\r\n </g>\r\n );\r\n })\r\n : null}\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='absolute left-4 bottom-4'>\r\n {showLegend ? (\r\n <>\r\n <div\r\n style={{\r\n backgroundColor: 'rgba(240,240,240, 0.7)',\r\n border: '1px solid var(--gray-400)',\r\n borderRadius: '999px',\r\n width: '24px',\r\n height: '24px',\r\n padding: '3px',\r\n cursor: 'pointer',\r\n zIndex: 10,\r\n position: 'absolute',\r\n right: '-0.75rem',\r\n top: '-0.75rem',\r\n }}\r\n onClick={() => {\r\n setShowLegend(false);\r\n }}\r\n >\r\n <X />\r\n </div>\r\n <div\r\n className='p-2'\r\n style={{\r\n backgroundColor: 'rgba(240,240,240, 0.7)',\r\n width: categorical ? undefined : '340px',\r\n }}\r\n >\r\n {colorLegendTitle && colorLegendTitle !== '' ? (\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 {colorLegendTitle}\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(d as number, 'NA')}\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='mb-0 border-0 bg-transparent p-0 self-start'\r\n onClick={() => {\r\n setShowLegend(true);\r\n }}\r\n >\r\n <div className='items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-550 border-primary-gray-400 dark:border-primary-gray-500'>\r\n Show Legend\r\n </div>\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n {zoomInteraction === 'button' && (\r\n <div className='absolute left-4 top-4 flex flex-col'>\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-400 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-400 dark:bg-primary-gray-600 dark:text-primary-gray-100'\r\n >\r\n –\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n {detailsOnClick && mouseClickData !== undefined ? (\r\n <Modal\r\n open={mouseClickData !== undefined}\r\n onClose={() => {\r\n setMouseClickData(undefined);\r\n }}\r\n >\r\n <div\r\n className='graph-modal-content m-0'\r\n dangerouslySetInnerHTML={\r\n typeof detailsOnClick === 'string'\r\n ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n : undefined\r\n }\r\n >\r\n {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n </div>\r\n </Modal>\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 } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { Spinner } from '@undp/design-system-react/Spinner';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { ascending, sort } from 'd3-array';\r\nimport uniqBy from 'lodash.uniqby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n ChoroplethMapDataType,\r\n Languages,\r\n SourcesDataType,\r\n StyleObject,\r\n ClassNameObject,\r\n ScaleDataType,\r\n MapProjectionTypes,\r\n ZoomInteractionTypes,\r\n CustomLayerDataType,\r\n AnimateDataType,\r\n TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { fetchAndParseJSON } from '@/Utils/fetchAndParseData';\r\nimport { getUniqValue } from '@/Utils/getUniqValue';\r\nimport { getJenks } from '@/Utils/getJenks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\n\r\ninterface Props {\r\n // Data\r\n /** Array of data objects /\r\n data: ChoroplethMapDataType[];\r\n\r\n // Titles, Labels, and Sources\r\n /* Title of the graph /\r\n graphTitle?: string \| React.ReactNode;\r\n /* Description of the graph /\r\n graphDescription?: string \| React.ReactNode;\r\n /* Footnote for the graph /\r\n footNote?: string \| React.ReactNode;\r\n /* Source data for the graph /\r\n sources?: SourcesDataType[];\r\n /* Accessibility label /\r\n ariaLabel?: string;\r\n\r\n // Colors and Styling\r\n /* Colors for the choropleth map /\r\n colors?: string[];\r\n /* Domain of colors for the graph /\r\n colorDomain?: number[] \| string[];\r\n /* Title for the color legend /\r\n colorLegendTitle?: string;\r\n /* Color for the areas where data is no available /\r\n mapNoDataColor?: string;\r\n /* Background color of the graph /\r\n backgroundColor?: string \| boolean;\r\n /* Custom styles for the graph. Each object should be a valid React CSS style object. /\r\n styles?: StyleObject;\r\n /* Custom class names /\r\n classNames?: ClassNameObject;\r\n\r\n // Size and Spacing\r\n /* Width of the graph /\r\n width?: number;\r\n /* Height of the graph /\r\n height?: number;\r\n /* Minimum height of the graph /\r\n minHeight?: number;\r\n /* Relative height scaling factor. This overwrites the height props /\r\n relativeHeight?: number;\r\n /* Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem /\r\n padding?: string;\r\n\r\n // Graph Parameters\r\n /* Map data as an object in geoJson format or a url for geoJson /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n mapData?: any;\r\n /* Scaling factor for the map. Multiplies the scale number to scale. /\r\n scale?: number;\r\n /* Center point of the map /\r\n centerPoint?: [number, number];\r\n /* Defines the zoom mode for the map /\r\n zoomInteraction?: ZoomInteractionTypes;\r\n /* Stroke width of the regions in the map /\r\n mapBorderWidth?: number;\r\n /* Stroke color of the regions in the map /\r\n mapBorderColor?: string;\r\n /* Toggle if the map is a world map /\r\n isWorldMap?: boolean;\r\n /* Map projection type /\r\n mapProjection?: MapProjectionTypes;\r\n /* Extend of the allowed zoom in the map /\r\n zoomScaleExtend?: [number, number];\r\n /* Extend of the allowed panning in the map /\r\n zoomTranslateExtend?: [[number, number], [number, number]];\r\n /* Countries or regions to be highlighted /\r\n highlightedIds?: string[];\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 /* Scale for the colors /\r\n scaleType?: Exclude<ScaleDataType, 'linear'>;\r\n /* Toggles if the color scaling is categorical or not /\r\n categorical?: boolean;\r\n /* Toggle visibility of color scale. /\r\n showColorScale?: boolean;\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 /* Toggles the visibility of Antarctica in the default map. Only applicable for the default map. /\r\n showAntarctica?: boolean;\r\n /* Optional SVG <g> element or function that renders custom content behind or in front of the graph. /\r\n customLayers?: CustomLayerDataType[];\r\n /* Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. /\r\n timeline?: TimelineDataType;\r\n /* Enable graph download option as png /\r\n graphDownload?: boolean;\r\n /* Enable data download option as a csv /\r\n dataDownload?: boolean;\r\n /* Reset selection on double-click. Only applicable when used in a dashboard context with filters. /\r\n resetSelectionOnDoubleClick?: boolean;\r\n\r\n // Interactions and Callbacks\r\n /* Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n tooltip?: string \| ((_d: any) => React.ReactNode);\r\n /* Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n detailsOnClick?: string \| ((_d: any) => React.ReactNode);\r\n /* Callback for mouse over event /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseOver?: (_d: any) => void;\r\n /* Callback for mouse click event /\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n onSeriesMouseClick?: (_d: any) => void;\r\n\r\n // Configuration and Options\r\n /* Language setting /\r\n language?: Languages;\r\n /* Color theme /\r\n theme?: 'light' \| 'dark';\r\n /* Unique ID for the graph /\r\n graphID?: string;\r\n}\r\n\r\nexport function ChoroplethMap(props: Props) {\r\n const {\r\n data,\r\n mapData = 'https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap.json',\r\n graphTitle,\r\n colors,\r\n sources,\r\n graphDescription,\r\n height,\r\n width,\r\n footNote = 'The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.',\r\n colorDomain,\r\n colorLegendTitle,\r\n scaleType = 'threshold',\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 mapBorderColor = Colors.light.grays['gray-500'],\r\n relativeHeight,\r\n tooltip,\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 highlightedIds = [],\r\n onSeriesMouseClick,\r\n mapProperty = 'ISO3',\r\n graphDownload = false,\r\n dataDownload = false,\r\n showAntarctica = false,\r\n language = 'en',\r\n minHeight = 0,\r\n theme = 'light',\r\n ariaLabel,\r\n resetSelectionOnDoubleClick = true,\r\n detailsOnClick,\r\n styles,\r\n classNames,\r\n mapProjection,\r\n zoomInteraction = 'button',\r\n animate = false,\r\n dimmedOpacity = 0.3,\r\n customLayers = [],\r\n timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n } = props;\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 = sort(\r\n uniqBy(\r\n data.filter(d => d.date !== undefined && d.date !== null),\r\n d => d.date,\r\n ).map(d => parse(`${d.date}`, timeline.dateFormat \|\| 'yyyy', new Date()).getTime()),\r\n (a, b) => ascending(a, b),\r\n );\r\n const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n const [mapShape, setMapShape] = useState<any>(undefined);\r\n\r\n const graphDiv = useRef<HTMLDivElement>(null);\r\n const graphParentDiv = useRef<HTMLDivElement>(null);\r\n useEffect(() => {\r\n const resizeObserver = new ResizeObserver(entries => {\r\n setSvgWidth(width \|\| entries[0].target.clientWidth \|\| 760);\r\n setSvgHeight(height \|\| entries[0].target.clientHeight \|\| 480);\r\n });\r\n if (graphDiv.current) {\r\n setSvgHeight(graphDiv.current.clientHeight \|\| 480);\r\n setSvgWidth(graphDiv.current.clientWidth \|\| 760);\r\n if (!width) resizeObserver.observe(graphDiv.current);\r\n }\r\n return () => resizeObserver.disconnect();\r\n }, [width, height]);\r\n useEffect(() => {\r\n if (typeof mapData === 'string') {\r\n const fetchData = fetchAndParseJSON(mapData);\r\n fetchData.then(d => {\r\n setMapShape(d);\r\n });\r\n } else {\r\n setMapShape(mapData);\r\n }\r\n }, [mapData]);\r\n\r\n const domain =\r\n colorDomain \|\|\r\n (scaleType === 'categorical'\r\n ? getUniqValue(data, 'x')\r\n : getJenks(\r\n data.map(d => d.x as number \| null \| undefined),\r\n colors?.length \|\| 4,\r\n ));\r\n\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 <div\r\n className={`${theme \|\| 'light'} flex ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n dir={language === 'he' \|\| language === 'ar' ? 'rtl' : undefined}\r\n >\r\n <div\r\n className={cn(\r\n `${\r\n !backgroundColor\r\n ? 'bg-transparent '\r\n : backgroundColor === true\r\n ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n : ''\r\n }ml-auto mr-auto flex flex-col grow h-inherit ${language \|\| 'en'}`,\r\n width ? 'w-fit' : 'w-full',\r\n classNames?.graphContainer,\r\n )}\r\n style={{\r\n ...(styles?.graphContainer \|\| {}),\r\n ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n }}\r\n id={graphID}\r\n ref={graphParentDiv}\r\n aria-label={\r\n ariaLabel \|\|\r\n `${\r\n graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n }This is a choropleth map where geographic areas are colored in proportion to a specific variable.${\r\n graphDescription ? ` ${graphDescription}` : ''\r\n }`\r\n }\r\n >\r\n <div\r\n className='flex grow'\r\n style={{ padding: backgroundColor ? padding \|\| '1rem' : padding \|\| 0 }}\r\n >\r\n <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n {graphTitle \|\| graphDescription \|\| graphDownload \|\| dataDownload ? (\r\n <GraphHeader\r\n styles={{\r\n title: styles?.title,\r\n description: styles?.description,\r\n }}\r\n classNames={{\r\n title: classNames?.title,\r\n description: classNames?.description,\r\n }}\r\n graphTitle={graphTitle}\r\n graphDescription={graphDescription}\r\n width={width}\r\n graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n dataDownload={\r\n dataDownload\r\n ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n ? data.map(d => d.data).filter(d => d !== undefined)\r\n : data.filter(d => d !== undefined)\r\n : null\r\n }\r\n />\r\n ) : null}\r\n {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n <div className='flex gap-6 items-center' dir='ltr'>\r\n <button\r\n type='button'\r\n onClick={() => {\r\n setPlay(!play);\r\n }}\r\n className='p-0 border-0 cursor-pointer bg-transparent'\r\n aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n >\r\n {play ? <Pause /> : <Play />}\r\n </button>\r\n <SliderUI\r\n min={uniqDatesSorted[0]}\r\n max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n marks={markObj}\r\n step={null}\r\n defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n value={uniqDatesSorted[index]}\r\n onChangeComplete={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n onChange={nextValue => {\r\n setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n }}\r\n aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n />\r\n </div>\r\n ) : null}\r\n <div\r\n className='flex flex-col grow justify-center leading-0'\r\n ref={graphDiv}\r\n aria-label='Map area'\r\n >\r\n {(width \|\| svgWidth) && (height \|\| svgHeight) && mapShape ? (\r\n <Graph\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(\r\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n (el: any) => el.properties.NAME !== 'Antarctica',\r\n ),\r\n }\r\n }\r\n colorDomain={domain}\r\n width={width \|\| svgWidth}\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 )}\r\n scale={scale}\r\n centerPoint={centerPoint}\r\n colors={\r\n colors \|\|\r\n (scaleType === '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 colorLegendTitle={colorLegendTitle}\r\n mapBorderWidth={mapBorderWidth}\r\n mapNoDataColor={mapNoDataColor}\r\n categorical={scaleType === 'categorical'}\r\n mapBorderColor={mapBorderColor}\r\n tooltip={tooltip}\r\n onSeriesMouseOver={onSeriesMouseOver}\r\n isWorldMap={isWorldMap}\r\n showColorScale={showColorScale}\r\n zoomScaleExtend={zoomScaleExtend}\r\n zoomTranslateExtend={zoomTranslateExtend}\r\n onSeriesMouseClick={onSeriesMouseClick}\r\n mapProperty={mapProperty}\r\n highlightedIds={highlightedIds}\r\n resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n styles={styles}\r\n classNames={classNames}\r\n detailsOnClick={detailsOnClick}\r\n mapProjection={mapProjection \|\| (isWorldMap ? 'naturalEarth' : 'mercator')}\r\n zoomInteraction={zoomInteraction}\r\n dimmedOpacity={dimmedOpacity}\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 customLayers={customLayers}\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 </div>\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 </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n"],"names":["Graph","props","data","colorDomain","colors","mapData","colorLegendTitle","categorical","height","width","scale","centerPoint","tooltip","mapBorderWidth","mapBorderColor","mapNoDataColor","onSeriesMouseOver","showColorScale","zoomScaleExtend","zoomTranslateExtend","highlightedIds","onSeriesMouseClick","mapProperty","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","mapProjection","zoomInteraction","animate","dimmedOpacity","customLayers","selectedColor","setSelectedColor","useState","zoomRef","useRef","showLegend","setShowLegend","mouseClickData","setMouseClickData","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","mapSvg","isInView","useInView","mapG","colorScale","scaleOrdinal","scaleThreshold","useEffect","mapGSelect","select","mapSvgSelect","zoomFilter","e","isWheel","isTouch","isDrag","zoomBehavior","zoom","transform","bounds","bbox","center","centerOfMass","lonDiff","latDiff","scaleX","scaleY","scaleVar","projection","geoMercator","geoEqualEarth","geoNaturalEarth1","geoOrthographic","geoAlbersUsa","handleZoom","direction","jsxs","Fragment","jsx","motion","d","i","el","j","masterPath","geo","path","c","k","point","AnimatePresence","index","color","checkIfNullOrUndefined","event","isEqual","X","P","numberFormattingFunction","Modal","string2HTML","Tooltip","ChoroplethMap","graphTitle","sources","graphDescription","footNote","scaleType","padding","Colors","backgroundColor","relativeHeight","isWorldMap","graphID","graphDownload","dataDownload","showAntarctica","language","minHeight","theme","ariaLabel","timeline","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","a","b","ascending","setIndex","mapShape","setMapShape","graphDiv","graphParentDiv","resizeObserver","entries","fetchAndParseJSON","domain","getUniqValue","getJenks","interval","markObj","getSliderMarks","cn","GraphHeader","Pause","Play","SliderUI","nextValue","format","Spinner","GraphFooter"],"mappings":"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"}

package/dist/CirclePackingGraph.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CHPV5EwG-DDoeWRVt.cjs");require("./index-CZbIGs8q.cjs");require("react");require("./index-C21TvELx.cjs");const e=require("./index-BbNoLJ_w.cjs");require("./GraphFooter.cjs");require("./GraphHeader.cjs");require("./ColorLegendWithMouseOver.cjs");require("./Colors.cjs");require("./checkIfNullOrUndefined-BCW3Y1ML.cjs");require("./EmptyState-d8_8SxeW.cjs");exports.CirclePackingGraph=e.CirclePackingGraph;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./index-CHPV5EwG-DDoeWRVt.cjs");require("./index-BJOeaYTk.cjs");require("react");require("./index-CSNtgibC.cjs");const e=require("./index-Da2GUKrr.cjs");require("./GraphFooter.cjs");require("./GraphHeader.cjs");require("./ColorLegendWithMouseOver.cjs");require("./Colors.cjs");require("./checkIfNullOrUndefined-BCW3Y1ML.cjs");require("./EmptyState-d8_8SxeW.cjs");exports.CirclePackingGraph=e.CirclePackingGraph;
 //# sourceMappingURL=CirclePackingGraph.cjs.map

package/dist/CirclePackingGraph.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import "./index-CHPV5EwG-BPSP-7Jg.js";
-import "./index-CaAIPGZo.js";
+import "./index-AqnpA7_O.js";
 import "react";
-import "./index-D7ltPi18.js";
-import { C as h } from "./index-Bc5VF70V.js";
+import "./index-CeVNqhMO.js";
+import { C as h } from "./index-BMgDMxKJ.js";
 import "./GraphFooter.js";
 import "./GraphHeader.js";
 import "./ColorLegendWithMouseOver.js";

package/dist/DataCards.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),n=require("react"),ue=require("./index-Ds0uHjK9.cjs"),B=require("./index-B0rbzOoC.cjs"),de=require("./index-BzeLQvXk.cjs"),E=require("./DropdownSelect-DBDM64B5.cjs"),A=require("./Typography-k-kOjICQ.cjs"),V=require("./x-BBpi7a_7-Dz2vKSfu.cjs"),Z=require("./index-BW_-wD2k.cjs"),pe=require("./Modal-tXZlLE5s.cjs"),me=require("./CsvDownloadButton.cjs"),U=require("./string2HTML-D2Avudmb.cjs"),xe=require("./GraphFooter.cjs"),ge=require("./GraphHeader.cjs"),ye=require("./getUniqValue-CHqgSss5.cjs"),K=require("./transformDataForSelect-YmStusCI.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),n=require("react"),ue=require("./index-D72cOtq7.cjs"),B=require("./index-BS2TADPj.cjs"),de=require("./index-DYH8g9WA.cjs"),E=require("./DropdownSelect-DBDM64B5.cjs"),A=require("./Typography-k-kOjICQ.cjs"),V=require("./x-BBpi7a_7-Dz2vKSfu.cjs"),Z=require("./index-BW_-wD2k.cjs"),pe=require("./Modal-tXZlLE5s.cjs"),me=require("./CsvDownloadButton.cjs"),U=require("./string2HTML-z7CwHXcx.cjs"),xe=require("./GraphFooter.cjs"),ge=require("./GraphHeader.cjs"),ye=require("./getUniqValue-CfuE_l9c.cjs"),K=require("./transformDataForSelect-YmStusCI.cjs");/**
  * @license lucide-react v0.542.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/DataCards.js CHANGED Viewed

@@ -1,18 +1,18 @@
 import { a as l, m, b as ye, j as i } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import $, { useState as w, useEffect as I, useMemo as Q } from "react";
-import { i as ge } from "./index-C1rRk_50.js";
-import { f as L } from "./index-UV9hjG_S.js";
-import { s as he } from "./index-DxagiOHo.js";
+import { i as ge } from "./index-V_JXij1_.js";
+import { f as L } from "./index-EArKRVKg.js";
+import { s as he } from "./index-fwdktvAS.js";
 import { Z as W, H as Z } from "./DropdownSelect-CtOKZHD0.js";
 import { u as X } from "./Typography-Ctgfl1J5.js";
 import { k as P } from "./x-BBpi7a_7-WVdj1j6r.js";
 import { d as xe, e as be } from "./index-BmCqpO1B.js";
 import { X as ve } from "./Modal-DVVwpKhP.js";
 import { CsvDownloadButton as je } from "./CsvDownloadButton.js";
-import { s as J } from "./string2HTML-CWHGfz_d.js";
+import { s as J } from "./string2HTML-oFCROsus.js";
 import { GraphFooter as Ne } from "./GraphFooter.js";
 import { GraphHeader as we } from "./GraphHeader.js";
-import { g as ke } from "./getUniqValue-BtUENB2H.js";
+import { g as ke } from "./getUniqValue-CttuU_wn.js";
 import { t as Y } from "./transformDataForSelect-D8AuvYdf.js";
 /**
  * @license lucide-react v0.542.0 - ISC

package/dist/DataTable.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-DDoeWRVt.cjs"),H=require("./index-BXns0-ng.cjs"),l=require("react"),M=require("./index-BzeLQvXk.cjs"),Z=require("./index-Ds0uHjK9.cjs"),y=require("./Typography-k-kOjICQ.cjs"),R=require("./numberFormattingFunction-02t-wJta.cjs"),_=require("./GraphFooter.cjs"),tt=require("./GraphHeader.cjs"),j=require("./index-BW_-wD2k.cjs"),S=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),V=v=>v.map(c=>c||1).reduce((c,b)=>c+b,0);function rt(v){const{width:p,height:N,graphTitle:c,sources:b,graphDescription:C,footNote:B,graphID:X,data:d,columnData:n,onSeriesMouseClick:I,language:k="en",theme:L="light",ariaLabel:Y,backgroundColor:u=!1,padding:F,resetSelectionOnDoubleClick:J=!0,styles:x,classNames:g,minWidth:D,naLabel:w="NA",precision:E=2}=v,[m,T]=l.useState(void 0),[q,z]=l.useState(void 0),[h,W]=l.useState("asc"),[f,G]=l.useState(void 0),[K,Q]=l.useState({}),[a,P]=l.useState(n.filter(r=>r.filterOptions&&r.filterOptions.length>0).map(r=>({id:r.columnId,option:r.filterOptions}))),[U,A]=l.useState(d);return l.useEffect(()=>{const r=[];d.forEach(s=>{let t=!0;a.forEach(e=>{if(typeof s[e.id]!="object"&&typeof s[e.id]!="function"&&typeof s[e.id]!="symbol")if(n[n.findIndex(i=>i.columnId===e.id)].separator){const i=s[e.id].split(n[n.findIndex($=>$.columnId===e.id)].separator);Z.intersection(i,e.option).length===0&&(t=!1)}else e.option.indexOf(s[e.id])===-1&&(t=!1)}),t&&r.push(s)}),A(m&&d?h==="asc"?M.sortBy(r,[m]):M.sortBy(r,[m]).reverse():r)},[m,h,d,a,n]),o.jsxRuntimeExports.jsx("div",{className:`${L||"light"} flex  ${p?"w-fit grow-0":"w-full grow"}`,dir:k==="he"||k==="ar"?"rtl":void 0,children:o.jsxRuntimeExports.jsx("div",{className:o.mo(`${u?u===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${k||"en"} w-full`,p?"w-fit":"w-full",g?.graphContainer),style:{...x?.graphContainer||{},...u&&u!==!0?{backgroundColor:u}:{}},id:X,"aria-label":Y||`${c?`The graph shows ${c}. `:""}This is an data table. ${C?` ${C}`:""}`,children:o.jsxRuntimeExports.jsxs("div",{className:"flex grow",style:{padding:u?F||"1rem":F||0},children:[o.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 w-full justify-between grow",children:[c||C?o.jsxRuntimeExports.jsx(tt.GraphHeader,{styles:{title:x?.title,description:x?.description},classNames:{title:g?.title,description:g?.description},graphTitle:c,graphDescription:C,width:p}):null,o.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center",children:o.jsxRuntimeExports.jsx("div",{className:"undp-scrollbar",style:{width:p?`${p}px`:"100%",height:N?`${N}px`:"auto"},children:o.jsxRuntimeExports.jsx("div",{style:D?{minWidth:D}:void 0,children:d?o.jsxRuntimeExports.jsxs("table",{className:"w-full",style:{borderCollapse:"collapse"},children:[o.jsxRuntimeExports.jsx("thead",{className:"text-left bg-primary-gray-300 dark:bg-primary-gray-550",children:o.jsxRuntimeExports.jsx("tr",{children:n?.map((r,s)=>o.jsxRuntimeExports.jsx("th",{className:"text-primary-gray-700 dark:text-primary-gray-100 text-sm",style:{width:`calc(${100*(r.columnWidth||1)/V(n.map(t=>t.columnWidth||1))}%`},children:o.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 justify-between items-center p-4",children:[o.jsxRuntimeExports.jsx(y.u,{size:"sm",marginBottom:"none",className:`w-fit grow text-${r.align||"left"} font-bold`,children:r.columnTitle||r.columnId}),r.sortable?o.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer p-0 m-0 border-0",onClick:()=>{m===r.columnId?(h==="asc"&&W("desc"),h==="desc"&&T(void 0)):(T(r.columnId),W("asc"))},children:m===r.columnId?h==="asc"?o.jsxRuntimeExports.jsx(j.SortingIconAscending,{}):o.jsxRuntimeExports.jsx(j.SortingIconDescending,{}):o.jsxRuntimeExports.jsx(j.SortingIcon,{})}):null,r.filterOptions&&r.filterOptions.length?o.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer m-0 p-0 border-0",onClick:t=>{if(f===r.columnId)G(void 0);else if(t.currentTarget){G(r.columnId);const e=t.currentTarget.getBoundingClientRect();Q({top:e.bottom+window.scrollY,left:e.left+window.scrollX-160<0?e.left+window.scrollX:e.left+window.scrollX-160,width:"10rem"})}},children:a[a.findIndex(t=>t.id===r.columnId)].option.length===r.filterOptions?.length?o.jsxRuntimeExports.jsx(j.FilterIcon,{}):o.jsxRuntimeExports.jsx(j.FilterIconApplied,{})}):null]})},s))})}),o.jsxRuntimeExports.jsx("tbody",{children:U?.map((r,s)=>o.jsxRuntimeExports.jsx("tr",{className:`cursor-${I?"pointer":"auto"} border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${H.isEqual(q,r)?"bg-primary-gray-200 dark:bg-primary-gray-600":"bg-transparent"}`,style:r.rowStyle,onClick:()=>{I&&(H.isEqual(q,r)&&J?(z(void 0),I(void 0)):(z(r),I(r)))},children:n.map((t,e)=>o.jsxRuntimeExports.jsx("td",{className:`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${t.align||"left"}`,style:{width:`calc(${100*(r.columnWidth||1)/V(n.map(i=>i.columnWidth||1))}%`},children:o.jsxRuntimeExports.jsx("div",{className:`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${t.align==="right"?"justify-end":t.align==="center"?"justify-center":"justify-start"}`,children:typeof r[t.columnId]=="number"?o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color)}:{}},children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)}):typeof r[t.columnId]=="string"?t.separator?o.jsxRuntimeExports.jsx("div",{className:"text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2",children:r[t.columnId].split(t.separator).map((i,$)=>o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(O=>O.value===(t.chipColumnId?r[t.chipColumnId]:i))].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(O=>O.value===(t.chipColumnId?r[t.chipColumnId]:i))].color)}:{}},children:R.numberFormattingFunction(i,w,E,t.prefix,t.suffix)},$))}):o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color)}:{}},children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)}):o.jsxRuntimeExports.jsx("div",{children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)})})},e))},s))})]}):null})})}),b||B?o.jsxRuntimeExports.jsx(_.GraphFooter,{styles:{footnote:x?.footnote,source:x?.source},classNames:{footnote:g?.footnote,source:g?.source},sources:b,footNote:B,width:p}):null]}),f&&o.jsxRuntimeExports.jsx("div",{style:K,className:"absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550",children:o.jsxRuntimeExports.jsxs("div",{className:"max-w-60",children:[o.jsxRuntimeExports.jsx(y.u,{size:"sm",marginBottom:"2xs",className:"font-bold",children:"Filter data by"}),o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2",children:n[n.findIndex(r=>r.columnId===f)].filterOptions?.map((r,s)=>o.jsxRuntimeExports.jsx("div",{children:o.jsxRuntimeExports.jsxs("label",{className:"undp-viz-label",children:[o.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"undp-viz-checkbox",checked:a[a.findIndex(t=>t.id===f)].option.indexOf(r)!==-1,onChange:()=>{const t=a.findIndex(i=>i.id===f),e=[...a[t].option];if(e.indexOf(r)!==-1){e.splice(e.indexOf(r),1);const i=[...a];i[t].option=e,P(i)}else{e.push(r);const i=[...a];i[t].option=e,P(i)}}}),r]},s)},s))})]})})]})})})}exports.DataTable=rt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-DDoeWRVt.cjs"),H=require("./index-DQA8q5sC.cjs"),l=require("react"),M=require("./index-DYH8g9WA.cjs"),Z=require("./index-D72cOtq7.cjs"),y=require("./Typography-k-kOjICQ.cjs"),R=require("./numberFormattingFunction-02t-wJta.cjs"),_=require("./GraphFooter.cjs"),tt=require("./GraphHeader.cjs"),j=require("./index-BW_-wD2k.cjs"),S=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),V=v=>v.map(c=>c||1).reduce((c,b)=>c+b,0);function rt(v){const{width:p,height:N,graphTitle:c,sources:b,graphDescription:C,footNote:B,graphID:X,data:d,columnData:n,onSeriesMouseClick:I,language:k="en",theme:L="light",ariaLabel:Y,backgroundColor:u=!1,padding:F,resetSelectionOnDoubleClick:J=!0,styles:x,classNames:g,minWidth:D,naLabel:w="NA",precision:E=2}=v,[m,T]=l.useState(void 0),[q,z]=l.useState(void 0),[h,W]=l.useState("asc"),[f,G]=l.useState(void 0),[K,Q]=l.useState({}),[a,P]=l.useState(n.filter(r=>r.filterOptions&&r.filterOptions.length>0).map(r=>({id:r.columnId,option:r.filterOptions}))),[U,A]=l.useState(d);return l.useEffect(()=>{const r=[];d.forEach(s=>{let t=!0;a.forEach(e=>{if(typeof s[e.id]!="object"&&typeof s[e.id]!="function"&&typeof s[e.id]!="symbol")if(n[n.findIndex(i=>i.columnId===e.id)].separator){const i=s[e.id].split(n[n.findIndex($=>$.columnId===e.id)].separator);Z.intersection(i,e.option).length===0&&(t=!1)}else e.option.indexOf(s[e.id])===-1&&(t=!1)}),t&&r.push(s)}),A(m&&d?h==="asc"?M.sortBy(r,[m]):M.sortBy(r,[m]).reverse():r)},[m,h,d,a,n]),o.jsxRuntimeExports.jsx("div",{className:`${L||"light"} flex  ${p?"w-fit grow-0":"w-full grow"}`,dir:k==="he"||k==="ar"?"rtl":void 0,children:o.jsxRuntimeExports.jsx("div",{className:o.mo(`${u?u===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${k||"en"} w-full`,p?"w-fit":"w-full",g?.graphContainer),style:{...x?.graphContainer||{},...u&&u!==!0?{backgroundColor:u}:{}},id:X,"aria-label":Y||`${c?`The graph shows ${c}. `:""}This is an data table. ${C?` ${C}`:""}`,children:o.jsxRuntimeExports.jsxs("div",{className:"flex grow",style:{padding:u?F||"1rem":F||0},children:[o.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-3 w-full justify-between grow",children:[c||C?o.jsxRuntimeExports.jsx(tt.GraphHeader,{styles:{title:x?.title,description:x?.description},classNames:{title:g?.title,description:g?.description},graphTitle:c,graphDescription:C,width:p}):null,o.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center",children:o.jsxRuntimeExports.jsx("div",{className:"undp-scrollbar",style:{width:p?`${p}px`:"100%",height:N?`${N}px`:"auto"},children:o.jsxRuntimeExports.jsx("div",{style:D?{minWidth:D}:void 0,children:d?o.jsxRuntimeExports.jsxs("table",{className:"w-full",style:{borderCollapse:"collapse"},children:[o.jsxRuntimeExports.jsx("thead",{className:"text-left bg-primary-gray-300 dark:bg-primary-gray-550",children:o.jsxRuntimeExports.jsx("tr",{children:n?.map((r,s)=>o.jsxRuntimeExports.jsx("th",{className:"text-primary-gray-700 dark:text-primary-gray-100 text-sm",style:{width:`calc(${100*(r.columnWidth||1)/V(n.map(t=>t.columnWidth||1))}%`},children:o.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 justify-between items-center p-4",children:[o.jsxRuntimeExports.jsx(y.u,{size:"sm",marginBottom:"none",className:`w-fit grow text-${r.align||"left"} font-bold`,children:r.columnTitle||r.columnId}),r.sortable?o.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer p-0 m-0 border-0",onClick:()=>{m===r.columnId?(h==="asc"&&W("desc"),h==="desc"&&T(void 0)):(T(r.columnId),W("asc"))},children:m===r.columnId?h==="asc"?o.jsxRuntimeExports.jsx(j.SortingIconAscending,{}):o.jsxRuntimeExports.jsx(j.SortingIconDescending,{}):o.jsxRuntimeExports.jsx(j.SortingIcon,{})}):null,r.filterOptions&&r.filterOptions.length?o.jsxRuntimeExports.jsx("button",{type:"button",className:"bg-transparent cursor-pointer m-0 p-0 border-0",onClick:t=>{if(f===r.columnId)G(void 0);else if(t.currentTarget){G(r.columnId);const e=t.currentTarget.getBoundingClientRect();Q({top:e.bottom+window.scrollY,left:e.left+window.scrollX-160<0?e.left+window.scrollX:e.left+window.scrollX-160,width:"10rem"})}},children:a[a.findIndex(t=>t.id===r.columnId)].option.length===r.filterOptions?.length?o.jsxRuntimeExports.jsx(j.FilterIcon,{}):o.jsxRuntimeExports.jsx(j.FilterIconApplied,{})}):null]})},s))})}),o.jsxRuntimeExports.jsx("tbody",{children:U?.map((r,s)=>o.jsxRuntimeExports.jsx("tr",{className:`cursor-${I?"pointer":"auto"} border-b border-b-primary-gray-400 dark:border-b-primary-gray-500 ${H.isEqual(q,r)?"bg-primary-gray-200 dark:bg-primary-gray-600":"bg-transparent"}`,style:r.rowStyle,onClick:()=>{I&&(H.isEqual(q,r)&&J?(z(void 0),I(void 0)):(z(r),I(r)))},children:n.map((t,e)=>o.jsxRuntimeExports.jsx("td",{className:`text-primary-gray-700 dark:text-primary-gray-100 text-sm text-${t.align||"left"}`,style:{width:`calc(${100*(r.columnWidth||1)/V(n.map(i=>i.columnWidth||1))}%`},children:o.jsxRuntimeExports.jsx("div",{className:`text-primary-gray-700 dark:text-primary-gray-100 flex p-4 ${t.align==="right"?"justify-end":t.align==="center"?"justify-center":"justify-start"}`,children:typeof r[t.columnId]=="number"?o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color)}:{}},children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)}):typeof r[t.columnId]=="string"?t.separator?o.jsxRuntimeExports.jsx("div",{className:"text-primary-gray-700 dark:text-primary-gray-100 flex flex-wrap gap-2",children:r[t.columnId].split(t.separator).map((i,$)=>o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(O=>O.value===(t.chipColumnId?r[t.chipColumnId]:i))].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(O=>O.value===(t.chipColumnId?r[t.chipColumnId]:i))].color)}:{}},children:R.numberFormattingFunction(i,w,E,t.prefix,t.suffix)},$))}):o.jsxRuntimeExports.jsx(y.u,{marginBottom:"none",size:"sm",className:`text-primary-gray-700 dark:text-primary-gray-100 w-fit ${t.chip?"grow-0 rounded-sm p-2":"grow rounded-none p-0"} text-${t.align||"left"} ${t.chip?t.chipColors?"":"bg-primary-gray-300 dark:bg-primary-gray-500":"bg-transparent"}`,style:{...t.chip&&t.chipColors?{backgroundColor:t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color,color:S.getTextColorBasedOnBgColor(t.chipColors[t.chipColors.findIndex(i=>i.value===r[t.chipColumnId||t.columnId])].color)}:{}},children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)}):o.jsxRuntimeExports.jsx("div",{children:R.numberFormattingFunction(r[t.columnId],w,E,t.prefix,t.suffix)})})},e))},s))})]}):null})})}),b||B?o.jsxRuntimeExports.jsx(_.GraphFooter,{styles:{footnote:x?.footnote,source:x?.source},classNames:{footnote:g?.footnote,source:g?.source},sources:b,footNote:B,width:p}):null]}),f&&o.jsxRuntimeExports.jsx("div",{style:K,className:"absolute p-3 border z-[1000] rounded-sm bg-primary-white dark:bg-primary-gray-700 border-primary-gray-300 dark:border-primary-gray-550",children:o.jsxRuntimeExports.jsxs("div",{className:"max-w-60",children:[o.jsxRuntimeExports.jsx(y.u,{size:"sm",marginBottom:"2xs",className:"font-bold",children:"Filter data by"}),o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-2",children:n[n.findIndex(r=>r.columnId===f)].filterOptions?.map((r,s)=>o.jsxRuntimeExports.jsx("div",{children:o.jsxRuntimeExports.jsxs("label",{className:"undp-viz-label",children:[o.jsxRuntimeExports.jsx("input",{type:"checkbox",className:"undp-viz-checkbox",checked:a[a.findIndex(t=>t.id===f)].option.indexOf(r)!==-1,onChange:()=>{const t=a.findIndex(i=>i.id===f),e=[...a[t].option];if(e.indexOf(r)!==-1){e.splice(e.indexOf(r),1);const i=[...a];i[t].option=e,P(i)}else{e.push(r);const i=[...a];i[t].option=e,P(i)}}}),r]},s)},s))})]})})]})})})}exports.DataTable=rt;
 //# sourceMappingURL=DataTable.cjs.map

package/dist/DataTable.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { j as i, m as U } from "./index-CHPV5EwG-BPSP-7Jg.js";
-import { i as M } from "./index-27yTRcko.js";
+import { i as M } from "./index-Bwrro8-q.js";
 import { useState as p, useEffect as Z } from "react";
-import { s as P } from "./index-DxagiOHo.js";
-import { i as _ } from "./index-C1rRk_50.js";
+import { s as P } from "./index-fwdktvAS.js";
+import { i as _ } from "./index-V_JXij1_.js";
 import { u as y } from "./Typography-Ctgfl1J5.js";
 import { n as v } from "./numberFormattingFunction-14YCbkN2.js";
 import { GraphFooter as rr } from "./GraphFooter.js";

package/dist/DifferenceLineChart.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),d=require("react"),m=require("./parse-hMnG_lRV.cjs"),qt=require("./index-BzeLQvXk.cjs"),Et=require("./numberFormattingFunction-02t-wJta.cjs"),Tt=require("./Tooltip-n8z5bfav.cjs"),T=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),bt=require("./customArea-CK768gCn.cjs"),Mt=require("./AxisTitle-CK9YeovX.cjs"),Ft=require("./Axis-DE7dSn1_.cjs"),Pt=require("./XTicksAndGridLines-CCzXIV8d.cjs"),Gt=require("./ReferenceLine-CFVBBN__.cjs"),Ht=require("./YTicksAndGridLines-DBDuz6vb.cjs"),Wt=require("./index-BYzIB5V6.cjs"),Yt=require("./time-Byw_jYQ7.cjs"),Xt=require("./linear-BVckp9RD.cjs"),At=require("./line-DHV4JwCR.cjs"),ht=require("./step-BZ3C8QFW.cjs"),Ct=require("./area-D3Qx7k7K.cjs"),Ut=require("./select-Bnfk0lJx.cjs"),Bt=require("./init-DU0ybBc_.cjs"),zt=require("./pointer-Dkq5NV1q.cjs"),Jt=require("./use-in-view-sQJZ_xDO.cjs"),f=require("./proxy-BHRoeZgd.cjs"),Kt=require("./GraphFooter.cjs"),Qt=require("./GraphHeader.cjs"),Zt=require("./ColorLegend.cjs"),pt=require("./Colors.cjs"),_t=require("./generateRandomString-B5zBiJzS.cjs"),te=require("./EmptyState-d8_8SxeW.cjs");function ee(dt){const{data:V,width:O,height:G,lineColors:j,suffix:D,prefix:w,dateFormat:o,showValues:l,noOfXTicks:z,rightMargin:yt,leftMargin:R,topMargin:gt,bottomMargin:J,tooltip:H,highlightAreaSettings:N,onSeriesMouseOver:W,animate:n,rtl:K,showColorLegendAtTop:ft,colorDomain:M,diffAreaColors:Q,idSuffix:E,strokeWidth:Z,showDots:_,refValues:Y,minValue:k,maxValue:X,annotations:L,customHighlightAreaSettings:F,yAxisTitle:U,noOfYTicks:tt,minDate:et,maxDate:it,curveType:P,styles:h,classNames:p,precision:S,customLayers:nt}=dt,at=d.useRef(null),r=Jt.useInView(at,{once:n.once,amount:n.amount}),[c,jt]=d.useState(!1);d.useEffect(()=>{if(r&&!c){const t=setTimeout(()=>{jt(!0)},(n.duration+.5)*1e3);return()=>clearTimeout(t)}},[r,c,n.duration]);const $=P==="linear"?At.curveLinear:P==="step"?ht.curveStep:P==="stepAfter"?ht.stepAfter:P==="stepBefore"?ht.stepBefore:ht.monotoneX,[q,st]=d.useState(void 0),[ot,rt]=d.useState(void 0),[b,A]=d.useState(void 0),y={top:gt,bottom:J,left:U?R+30:R,right:yt},lt=d.useRef(null),i=qt.sortBy(V.map(t=>({...t,date:m.parse(`${t.date}`,o,new Date)})),"date"),ct=N.map(t=>({...t,coordinates:[t.coordinates[0]===null?null:m.parse(`${t.coordinates[0]}`,o,new Date),t.coordinates[1]===null?null:m.parse(`${t.coordinates[1]}`,o,new Date)]})),xt=F.map(t=>({...t,coordinates:t.coordinates.map((v,I)=>I%2===0?m.parse(`${v}`,o,new Date):v)})),x=O-y.left-y.right,g=G-y.top-y.bottom,ut=et?m.parse(`${et}`,o,new Date):i[0].date,u=it?m.parse(`${it}`,o,new Date):i[i.length-1].date,B=Math.min(...i.map(t=>t.y1))!==1/0?Math.min(...i.map(t=>t.y1))>0?0:Math.min(...i.map(t=>t.y1)):0,Ot=Math.min(...i.map(t=>t.y2))!==1/0?Math.min(...i.map(t=>t.y2))>0?0:Math.min(...i.map(t=>t.y2)):0,Nt=Math.max(...i.map(t=>t.y1))!==1/0?Math.max(...i.map(t=>t.y1)):0,It=Math.max(...i.map(t=>t.y2))!==1/0?Math.max(...i.map(t=>t.y2)):0,C=T.checkIfNullOrUndefined(k)?B<Ot?B:Ot:k,wt=Nt>It?Nt:It,a=Yt.time().domain([ut,u]).range([0,x]),s=Xt.linear().domain([T.checkIfNullOrUndefined(k)?C:k,T.checkIfNullOrUndefined(X)?wt>0?wt:0:X]).range([g,0]).nice(),vt=At.line().x(t=>a(t.date)).y(t=>s(t.y1)).curve($),Vt=At.line().x(t=>a(t.date)).y(t=>s(t.y2)).curve($),Dt=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(t=>s(t.y2)).curve($),St=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(0).curve($),$t=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y2)).y0(0).curve($),kt=s.ticks(tt),Lt=a.ticks(z);return d.useEffect(()=>{const t=I=>{const mt=i[Bt.bisectCenter(i.map(Rt=>Rt.date),a.invert(zt.pointer(I)[0]),0)];st(mt||i[i.length-1]),W?.(mt||i[i.length-1]),A(I.clientY),rt(I.clientX)},v=()=>{st(void 0),rt(void 0),A(void 0),W?.(void 0)};Ut.select(lt.current).on("mousemove",t).on("mouseout",v)},[a,i,W]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(f.motion.svg,{width:`${O}px`,height:`${G}px`,viewBox:`0 0 ${O} ${G}`,direction:"ltr",ref:at,children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${y.left},${y.top})`,children:[e.jsxRuntimeExports.jsx("clipPath",{id:`above${E}`,children:e.jsxRuntimeExports.jsx("path",{d:$t(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx("clipPath",{id:`below${E}`,children:e.jsxRuntimeExports.jsx("path",{d:St(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx(Wt.HighlightArea,{areaSettings:ct,width:x,height:g,scale:a,animate:n,isInView:r}),e.jsxRuntimeExports.jsx(bt.CustomArea,{areaSettings:xt,scaleX:a,scaleY:s,animate:n,isInView:r}),e.jsxRuntimeExports.jsx("g",{children:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(Ht.YTicksAndGridLines,{values:kt.filter(t=>t!==0),y:kt.filter(t=>t!==0).map(t=>s(t)),x1:0-R,x2:x+y.right,styles:{gridLines:h?.yAxis?.gridLines,labels:h?.yAxis?.labels},classNames:{gridLines:p?.yAxis?.gridLines,labels:p?.yAxis?.labels},suffix:D,prefix:w,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:S}),e.jsxRuntimeExports.jsx(Ft.Axis,{y1:s(C<0?0:C),y2:s(C<0?0:C),x1:0-R,x2:x+y.right,label:Et.numberFormattingFunction(C<0?0:C,"NA",S,w,D),labelPos:{x:0-R,y:s(C<0?0:C),dx:0,dy:wt<0?"1rem":-5},classNames:{axis:p?.xAxis?.axis,label:p?.yAxis?.labels},styles:{axis:h?.xAxis?.axis,label:h?.yAxis?.labels}}),e.jsxRuntimeExports.jsx(Mt.AxisTitle,{x:0-R-15,y:g/2,style:h?.yAxis?.title,className:p?.yAxis?.title,text:U,rotate90:!0})]})}),e.jsxRuntimeExports.jsx(Pt.XTicksAndGridLines,{values:Lt.map(t=>m.format(t,o)),x:Lt.map(t=>a(t)),y1:0,y2:g,styles:{gridLines:h?.xAxis?.gridLines,labels:h?.xAxis?.labels},classNames:{gridLines:e.mo("opacity-0",p?.xAxis?.gridLines),labels:e.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",p?.xAxis?.labels)},suffix:D,prefix:w,labelType:"primary",showGridLines:!0,precision:S}),nt.filter(t=>t.position==="before").map(t=>t.layer),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(f.motion.path,{clipPath:`url(#below${E})`,d:Dt(i)||"",style:{fill:Q[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:1},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(f.motion.path,{clipPath:`url(#above${E})`,d:Dt(i)||"",style:{fill:Q[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"})]}),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(f.motion.path,{d:vt(i)||"",style:{fill:"none",stroke:j[0],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:vt(i)||"",opacity:1},whileInView:{pathLength:1,d:vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(f.motion.path,{style:{fill:"none",stroke:j[1],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:Vt(i)||"",opacity:1},whileInView:{pathLength:1,d:Vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),ft?null:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(f.motion.text,{style:{fill:j[0]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y1)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[0]},M[0]),e.jsxRuntimeExports.jsx(f.motion.text,{style:{fill:j[1]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y2)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[1]},M[1])]}),q?e.jsxRuntimeExports.jsx("line",{y1:0,y2:g,x1:a(q.date),x2:a(q.date),className:e.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",p?.mouseOverLine),style:h?.mouseOverLine}):null,i.map((t,v)=>e.jsxRuntimeExports.jsxs(f.motion.g,{children:[T.checkIfNullOrUndefined(t.y1)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(f.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:j[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y1)},whileInView:{opacity:1,transition:{duration:.5,delay:n.duration},cx:a(t.date),cy:s(t.y1)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(f.motion.text,{dy:t.y2<t.y1?-8:"1em",style:{fill:j[0],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-1 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y1)},whileInView:{opacity:1,x:a(t.date),y:s(t.y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y1,"NA",S,w,D)}):null]}),T.checkIfNullOrUndefined(t.y2)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(f.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:j[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y2)},whileInView:{opacity:1,transition:{duration:c?n.duration:.5,delay:c?0:n.duration},cx:a(t.date),cy:s(t.y2)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(f.motion.text,{dy:t.y2>t.y1?-8:"1em",style:{fill:j[1],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-2 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y2)},whileInView:{opacity:1,x:a(t.date),y:s(t.y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y2,"NA",S,w,D)}):null]})]},v))]}),Y?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Y.map((t,v)=>e.jsxRuntimeExports.jsx(Gt.RefLineY,{text:t.text,color:t.color,y:s(t.value),x1:0-R,x2:x+y.right,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v))}):null,e.jsxRuntimeExports.jsx("g",{children:L.map((t,v)=>{const I=bt.getLineEndPoint({x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8},{x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,y:t.yCoordinate?s(t.yCoordinate):0},T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius),mt=t.showConnector?{y1:I.y,x1:I.x,y2:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0):0+(t.yOffset||0),x2:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),cy:t.yCoordinate?s(t.yCoordinate):0,cx:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,circleRadius:T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius,strokeWidth:t.showConnector===!0?2:Math.min(t.showConnector||0,1)}:void 0,Rt={y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8,x:K?0:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),width:K?t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0):x+y.right-(t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0)),maxWidth:t.maxWidth,fontWeight:t.fontWeight,align:t.align};return e.jsxRuntimeExports.jsx(bt.Annotation,{color:t.color,connectorsSettings:mt,labelSettings:Rt,text:t.text,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v)})}),nt.filter(t=>t.position==="after").map(t=>t.layer),e.jsxRuntimeExports.jsx("rect",{ref:lt,style:{fill:"none",pointerEvents:"all"},width:x,height:g})]})}),q&&H&&ot&&b?e.jsxRuntimeExports.jsx(Tt.Tooltip,{data:q,body:H,xPos:ot,yPos:b,backgroundStyle:h?.tooltip,className:p?.tooltip}):null]})}function ie(dt){const{data:V,graphTitle:O,suffix:G="",sources:j,prefix:D="",graphDescription:w,height:o,width:l,footNote:z,noOfXTicks:yt=10,dateFormat:R="yyyy",showValues:gt=!1,padding:J,lineColors:H=[pt.Colors.light.categoricalColors.colors[0],pt.Colors.light.categoricalColors.colors[1]],backgroundColor:N=!1,leftMargin:W=30,rightMargin:n=50,topMargin:K=20,bottomMargin:ft=25,tooltip:M,highlightAreaSettings:Q=[],relativeHeight:E,onSeriesMouseOver:Z,graphID:_,graphDownload:Y=!1,dataDownload:k=!1,animate:X=!1,language:L="en",minHeight:F=0,labels:U,showColorLegendAtTop:tt=!1,colorLegendTitle:et,diffAreaColors:it=[pt.Colors.alerts.red,pt.Colors.alerts.darkGreen],strokeWidth:P=2,showDots:h=!0,refValues:p=[],minValue:S,maxValue:nt,annotations:at=[],customHighlightAreaSettings:r=[],theme:c="light",ariaLabel:jt,yAxisTitle:$,noOfYTicks:q=5,minDate:st,maxDate:ot,curveType:rt="curve",styles:b,classNames:A,precision:y=2,customLayers:lt=[]}=dt,[i,ct]=d.useState(0),[xt,x]=d.useState(0),g=d.useRef(null),ut=d.useRef(null);return d.useEffect(()=>{const u=new ResizeObserver(B=>{ct(l||B[0].target.clientWidth||620),x(o||B[0].target.clientHeight||480)});return g.current&&(x(g.current.clientHeight||480),ct(g.current.clientWidth||620),l||u.observe(g.current)),()=>u.disconnect()},[l,o]),e.jsxRuntimeExports.jsx("div",{className:`${c||"light"} flex  ${l?"w-fit grow-0":"w-full grow"}`,dir:L==="he"||L==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:e.mo(`${N?N===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${L||"en"}`,l?"w-fit":"w-full",A?.graphContainer),style:{...b?.graphContainer||{},...N&&N!==!0?{backgroundColor:N}:{}},id:_,ref:ut,"aria-label":jt||`${O?`The graph shows ${O}. `:""}This is a line chart that highlights the difference between two datasets over time.${w?` ${w}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:N?J||"1rem":J||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[O||w||Y||k?e.jsxRuntimeExports.jsx(Qt.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:A?.title,description:A?.description},graphTitle:O,graphDescription:w,width:l,graphDownload:Y?ut.current:void 0,dataDownload:k?V.map(u=>u.data).filter(u=>u!==void 0).length>0?V.map(u=>u.data).filter(u=>u!==void 0):V.filter(u=>u!==void 0):null}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:V.length===0?e.jsxRuntimeExports.jsx(te.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[tt?e.jsxRuntimeExports.jsx(Zt.ColorLegend,{colorDomain:U,colorLegendTitle:et,colors:H,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:g,"aria-label":"Graph area",children:(l||i)&&(o||xt)?e.jsxRuntimeExports.jsx(ee,{data:V,lineColors:H,colorDomain:U,width:l||i,height:Math.max(F,o||(E?F?(l||i)*E>F?(l||i)*E:F:(l||i)*E:xt)),suffix:G,prefix:D,dateFormat:R,showValues:gt,noOfXTicks:yt,leftMargin:W,rightMargin:n,topMargin:K,bottomMargin:ft,highlightAreaSettings:Q,tooltip:M,onSeriesMouseOver:Z,showColorLegendAtTop:tt,animate:X===!0?{duration:.5,once:!0,amount:.5}:X||{duration:0,once:!0,amount:0},rtl:L==="he"||L==="ar",diffAreaColors:it,idSuffix:_t.generateRandomString(8),strokeWidth:P,showDots:h,refValues:p,minValue:S,maxValue:nt,annotations:at,customHighlightAreaSettings:r,yAxisTitle:$,noOfYTicks:q,minDate:st,maxDate:ot,curveType:rt,styles:b,classNames:A,precision:y,customLayers:lt}):null})]})}),j||z?e.jsxRuntimeExports.jsx(Kt.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:A?.footnote,source:A?.source},sources:j,footNote:z,width:l}):null]})})})})}exports.DifferenceLineChart=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CHPV5EwG-DDoeWRVt.cjs"),d=require("react"),m=require("./parse-hMnG_lRV.cjs"),qt=require("./index-DYH8g9WA.cjs"),Et=require("./numberFormattingFunction-02t-wJta.cjs"),Tt=require("./Tooltip-De16GWhY.cjs"),T=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),bt=require("./customArea-CK768gCn.cjs"),Mt=require("./AxisTitle-CK9YeovX.cjs"),Ft=require("./Axis-DE7dSn1_.cjs"),Pt=require("./XTicksAndGridLines-CCzXIV8d.cjs"),Gt=require("./ReferenceLine-CFVBBN__.cjs"),Ht=require("./YTicksAndGridLines-DBDuz6vb.cjs"),Wt=require("./index-BYzIB5V6.cjs"),Yt=require("./time-Byw_jYQ7.cjs"),Xt=require("./linear-BVckp9RD.cjs"),At=require("./line-DHV4JwCR.cjs"),ht=require("./step-BZ3C8QFW.cjs"),Ct=require("./area-D3Qx7k7K.cjs"),Ut=require("./select-Bnfk0lJx.cjs"),Bt=require("./init-DU0ybBc_.cjs"),zt=require("./pointer-Dkq5NV1q.cjs"),Jt=require("./use-in-view-sQJZ_xDO.cjs"),f=require("./proxy-BHRoeZgd.cjs"),Kt=require("./GraphFooter.cjs"),Qt=require("./GraphHeader.cjs"),Zt=require("./ColorLegend.cjs"),pt=require("./Colors.cjs"),_t=require("./generateRandomString-B5zBiJzS.cjs"),te=require("./EmptyState-d8_8SxeW.cjs");function ee(dt){const{data:V,width:O,height:G,lineColors:j,suffix:D,prefix:w,dateFormat:o,showValues:l,noOfXTicks:z,rightMargin:yt,leftMargin:R,topMargin:gt,bottomMargin:J,tooltip:H,highlightAreaSettings:N,onSeriesMouseOver:W,animate:n,rtl:K,showColorLegendAtTop:ft,colorDomain:M,diffAreaColors:Q,idSuffix:E,strokeWidth:Z,showDots:_,refValues:Y,minValue:k,maxValue:X,annotations:L,customHighlightAreaSettings:F,yAxisTitle:U,noOfYTicks:tt,minDate:et,maxDate:it,curveType:P,styles:h,classNames:p,precision:S,customLayers:nt}=dt,at=d.useRef(null),r=Jt.useInView(at,{once:n.once,amount:n.amount}),[c,jt]=d.useState(!1);d.useEffect(()=>{if(r&&!c){const t=setTimeout(()=>{jt(!0)},(n.duration+.5)*1e3);return()=>clearTimeout(t)}},[r,c,n.duration]);const $=P==="linear"?At.curveLinear:P==="step"?ht.curveStep:P==="stepAfter"?ht.stepAfter:P==="stepBefore"?ht.stepBefore:ht.monotoneX,[q,st]=d.useState(void 0),[ot,rt]=d.useState(void 0),[b,A]=d.useState(void 0),y={top:gt,bottom:J,left:U?R+30:R,right:yt},lt=d.useRef(null),i=qt.sortBy(V.map(t=>({...t,date:m.parse(`${t.date}`,o,new Date)})),"date"),ct=N.map(t=>({...t,coordinates:[t.coordinates[0]===null?null:m.parse(`${t.coordinates[0]}`,o,new Date),t.coordinates[1]===null?null:m.parse(`${t.coordinates[1]}`,o,new Date)]})),xt=F.map(t=>({...t,coordinates:t.coordinates.map((v,I)=>I%2===0?m.parse(`${v}`,o,new Date):v)})),x=O-y.left-y.right,g=G-y.top-y.bottom,ut=et?m.parse(`${et}`,o,new Date):i[0].date,u=it?m.parse(`${it}`,o,new Date):i[i.length-1].date,B=Math.min(...i.map(t=>t.y1))!==1/0?Math.min(...i.map(t=>t.y1))>0?0:Math.min(...i.map(t=>t.y1)):0,Ot=Math.min(...i.map(t=>t.y2))!==1/0?Math.min(...i.map(t=>t.y2))>0?0:Math.min(...i.map(t=>t.y2)):0,Nt=Math.max(...i.map(t=>t.y1))!==1/0?Math.max(...i.map(t=>t.y1)):0,It=Math.max(...i.map(t=>t.y2))!==1/0?Math.max(...i.map(t=>t.y2)):0,C=T.checkIfNullOrUndefined(k)?B<Ot?B:Ot:k,wt=Nt>It?Nt:It,a=Yt.time().domain([ut,u]).range([0,x]),s=Xt.linear().domain([T.checkIfNullOrUndefined(k)?C:k,T.checkIfNullOrUndefined(X)?wt>0?wt:0:X]).range([g,0]).nice(),vt=At.line().x(t=>a(t.date)).y(t=>s(t.y1)).curve($),Vt=At.line().x(t=>a(t.date)).y(t=>s(t.y2)).curve($),Dt=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(t=>s(t.y2)).curve($),St=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y1)).y0(0).curve($),$t=Ct.area().x(t=>a(t.date)).y1(t=>s(t.y2)).y0(0).curve($),kt=s.ticks(tt),Lt=a.ticks(z);return d.useEffect(()=>{const t=I=>{const mt=i[Bt.bisectCenter(i.map(Rt=>Rt.date),a.invert(zt.pointer(I)[0]),0)];st(mt||i[i.length-1]),W?.(mt||i[i.length-1]),A(I.clientY),rt(I.clientX)},v=()=>{st(void 0),rt(void 0),A(void 0),W?.(void 0)};Ut.select(lt.current).on("mousemove",t).on("mouseout",v)},[a,i,W]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(f.motion.svg,{width:`${O}px`,height:`${G}px`,viewBox:`0 0 ${O} ${G}`,direction:"ltr",ref:at,children:e.jsxRuntimeExports.jsxs("g",{transform:`translate(${y.left},${y.top})`,children:[e.jsxRuntimeExports.jsx("clipPath",{id:`above${E}`,children:e.jsxRuntimeExports.jsx("path",{d:$t(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx("clipPath",{id:`below${E}`,children:e.jsxRuntimeExports.jsx("path",{d:St(i),style:{fill:"none"}})}),e.jsxRuntimeExports.jsx(Wt.HighlightArea,{areaSettings:ct,width:x,height:g,scale:a,animate:n,isInView:r}),e.jsxRuntimeExports.jsx(bt.CustomArea,{areaSettings:xt,scaleX:a,scaleY:s,animate:n,isInView:r}),e.jsxRuntimeExports.jsx("g",{children:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(Ht.YTicksAndGridLines,{values:kt.filter(t=>t!==0),y:kt.filter(t=>t!==0).map(t=>s(t)),x1:0-R,x2:x+y.right,styles:{gridLines:h?.yAxis?.gridLines,labels:h?.yAxis?.labels},classNames:{gridLines:p?.yAxis?.gridLines,labels:p?.yAxis?.labels},suffix:D,prefix:w,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:S}),e.jsxRuntimeExports.jsx(Ft.Axis,{y1:s(C<0?0:C),y2:s(C<0?0:C),x1:0-R,x2:x+y.right,label:Et.numberFormattingFunction(C<0?0:C,"NA",S,w,D),labelPos:{x:0-R,y:s(C<0?0:C),dx:0,dy:wt<0?"1rem":-5},classNames:{axis:p?.xAxis?.axis,label:p?.yAxis?.labels},styles:{axis:h?.xAxis?.axis,label:h?.yAxis?.labels}}),e.jsxRuntimeExports.jsx(Mt.AxisTitle,{x:0-R-15,y:g/2,style:h?.yAxis?.title,className:p?.yAxis?.title,text:U,rotate90:!0})]})}),e.jsxRuntimeExports.jsx(Pt.XTicksAndGridLines,{values:Lt.map(t=>m.format(t,o)),x:Lt.map(t=>a(t)),y1:0,y2:g,styles:{gridLines:h?.xAxis?.gridLines,labels:h?.xAxis?.labels},classNames:{gridLines:e.mo("opacity-0",p?.xAxis?.gridLines),labels:e.mo("fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",p?.xAxis?.labels)},suffix:D,prefix:w,labelType:"primary",showGridLines:!0,precision:S}),nt.filter(t=>t.position==="before").map(t=>t.layer),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(f.motion.path,{clipPath:`url(#below${E})`,d:Dt(i)||"",style:{fill:Q[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:1},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(f.motion.path,{clipPath:`url(#above${E})`,d:Dt(i)||"",style:{fill:Q[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0},whileInView:{opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"})]}),e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(f.motion.path,{d:vt(i)||"",style:{fill:"none",stroke:j[0],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:vt(i)||"",opacity:1},whileInView:{pathLength:1,d:vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),e.jsxRuntimeExports.jsx(f.motion.path,{style:{fill:"none",stroke:j[1],strokeWidth:Z},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{pathLength:0,d:Vt(i)||"",opacity:1},whileInView:{pathLength:1,d:Vt(i)||"",opacity:1,transition:{duration:n.duration}}},initial:"initial",animate:r?"whileInView":"initial"}),ft?null:e.jsxRuntimeExports.jsxs("g",{children:[e.jsxRuntimeExports.jsx(f.motion.text,{style:{fill:j[0]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y1)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[0]},M[0]),e.jsxRuntimeExports.jsx(f.motion.text,{style:{fill:j[1]},className:"text-xs",dx:5,dy:4,exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(i[i.length-1].date),y:s(i[i.length-1].y2)},whileInView:{opacity:1,x:a(i[i.length-1].date),y:s(i[i.length-1].y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:M[1]},M[1])]}),q?e.jsxRuntimeExports.jsx("line",{y1:0,y2:g,x1:a(q.date),x2:a(q.date),className:e.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",p?.mouseOverLine),style:h?.mouseOverLine}):null,i.map((t,v)=>e.jsxRuntimeExports.jsxs(f.motion.g,{children:[T.checkIfNullOrUndefined(t.y1)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(f.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:j[0]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y1)},whileInView:{opacity:1,transition:{duration:.5,delay:n.duration},cx:a(t.date),cy:s(t.y1)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(f.motion.text,{dy:t.y2<t.y1?-8:"1em",style:{fill:j[0],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-1 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y1)},whileInView:{opacity:1,x:a(t.date),y:s(t.y1),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y1,"NA",S,w,D)}):null]}),T.checkIfNullOrUndefined(t.y2)?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[_?e.jsxRuntimeExports.jsx(f.motion.circle,{r:x/i.length<5?0:x/i.length<20?2:4,style:{fill:j[1]},exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,cx:a(t.date),cy:s(t.y2)},whileInView:{opacity:1,transition:{duration:c?n.duration:.5,delay:c?0:n.duration},cx:a(t.date),cy:s(t.y2)}},initial:"initial",animate:r?"whileInView":"initial"}):null,l?e.jsxRuntimeExports.jsx(f.motion.text,{dy:t.y2>t.y1?-8:"1em",style:{fill:j[1],textAnchor:"middle",...h?.graphObjectValues||{}},className:e.mo("graph-value graph-value-line-2 text-xs font-bold",p?.graphObjectValues),exit:{opacity:0,transition:{duration:n.duration}},variants:{initial:{opacity:0,x:a(t.date),y:s(t.y2)},whileInView:{opacity:1,x:a(t.date),y:s(t.y2),transition:{duration:c?n.duration:.5,delay:c?0:n.duration}}},initial:"initial",animate:r?"whileInView":"initial",children:Et.numberFormattingFunction(t.y2,"NA",S,w,D)}):null]})]},v))]}),Y?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Y.map((t,v)=>e.jsxRuntimeExports.jsx(Gt.RefLineY,{text:t.text,color:t.color,y:s(t.value),x1:0-R,x2:x+y.right,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v))}):null,e.jsxRuntimeExports.jsx("g",{children:L.map((t,v)=>{const I=bt.getLineEndPoint({x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8},{x:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,y:t.yCoordinate?s(t.yCoordinate):0},T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius),mt=t.showConnector?{y1:I.y,x1:I.x,y2:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0):0+(t.yOffset||0),x2:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),cy:t.yCoordinate?s(t.yCoordinate):0,cx:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date)):0,circleRadius:T.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius,strokeWidth:t.showConnector===!0?2:Math.min(t.showConnector||0,1)}:void 0,Rt={y:t.yCoordinate?s(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8,x:K?0:t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0),width:K?t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0):x+y.right-(t.xCoordinate?a(m.parse(`${t.xCoordinate}`,o,new Date))+(t.xOffset||0):0+(t.xOffset||0)),maxWidth:t.maxWidth,fontWeight:t.fontWeight,align:t.align};return e.jsxRuntimeExports.jsx(bt.Annotation,{color:t.color,connectorsSettings:mt,labelSettings:Rt,text:t.text,classNames:t.classNames,styles:t.styles,animate:n,isInView:r},v)})}),nt.filter(t=>t.position==="after").map(t=>t.layer),e.jsxRuntimeExports.jsx("rect",{ref:lt,style:{fill:"none",pointerEvents:"all"},width:x,height:g})]})}),q&&H&&ot&&b?e.jsxRuntimeExports.jsx(Tt.Tooltip,{data:q,body:H,xPos:ot,yPos:b,backgroundStyle:h?.tooltip,className:p?.tooltip}):null]})}function ie(dt){const{data:V,graphTitle:O,suffix:G="",sources:j,prefix:D="",graphDescription:w,height:o,width:l,footNote:z,noOfXTicks:yt=10,dateFormat:R="yyyy",showValues:gt=!1,padding:J,lineColors:H=[pt.Colors.light.categoricalColors.colors[0],pt.Colors.light.categoricalColors.colors[1]],backgroundColor:N=!1,leftMargin:W=30,rightMargin:n=50,topMargin:K=20,bottomMargin:ft=25,tooltip:M,highlightAreaSettings:Q=[],relativeHeight:E,onSeriesMouseOver:Z,graphID:_,graphDownload:Y=!1,dataDownload:k=!1,animate:X=!1,language:L="en",minHeight:F=0,labels:U,showColorLegendAtTop:tt=!1,colorLegendTitle:et,diffAreaColors:it=[pt.Colors.alerts.red,pt.Colors.alerts.darkGreen],strokeWidth:P=2,showDots:h=!0,refValues:p=[],minValue:S,maxValue:nt,annotations:at=[],customHighlightAreaSettings:r=[],theme:c="light",ariaLabel:jt,yAxisTitle:$,noOfYTicks:q=5,minDate:st,maxDate:ot,curveType:rt="curve",styles:b,classNames:A,precision:y=2,customLayers:lt=[]}=dt,[i,ct]=d.useState(0),[xt,x]=d.useState(0),g=d.useRef(null),ut=d.useRef(null);return d.useEffect(()=>{const u=new ResizeObserver(B=>{ct(l||B[0].target.clientWidth||620),x(o||B[0].target.clientHeight||480)});return g.current&&(x(g.current.clientHeight||480),ct(g.current.clientWidth||620),l||u.observe(g.current)),()=>u.disconnect()},[l,o]),e.jsxRuntimeExports.jsx("div",{className:`${c||"light"} flex  ${l?"w-fit grow-0":"w-full grow"}`,dir:L==="he"||L==="ar"?"rtl":void 0,children:e.jsxRuntimeExports.jsx("div",{className:e.mo(`${N?N===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${L||"en"}`,l?"w-fit":"w-full",A?.graphContainer),style:{...b?.graphContainer||{},...N&&N!==!0?{backgroundColor:N}:{}},id:_,ref:ut,"aria-label":jt||`${O?`The graph shows ${O}. `:""}This is a line chart that highlights the difference between two datasets over time.${w?` ${w}`:""}`,children:e.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:N?J||"1rem":J||0},children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[O||w||Y||k?e.jsxRuntimeExports.jsx(Qt.GraphHeader,{styles:{title:b?.title,description:b?.description},classNames:{title:A?.title,description:A?.description},graphTitle:O,graphDescription:w,width:l,graphDownload:Y?ut.current:void 0,dataDownload:k?V.map(u=>u.data).filter(u=>u!==void 0).length>0?V.map(u=>u.data).filter(u=>u!==void 0):V.filter(u=>u!==void 0):null}):null,e.jsxRuntimeExports.jsx("div",{className:"grow flex flex-col justify-center gap-3 w-full",children:V.length===0?e.jsxRuntimeExports.jsx(te.EmptyState,{}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[tt?e.jsxRuntimeExports.jsx(Zt.ColorLegend,{colorDomain:U,colorLegendTitle:et,colors:H,showNAColor:!1}):null,e.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:g,"aria-label":"Graph area",children:(l||i)&&(o||xt)?e.jsxRuntimeExports.jsx(ee,{data:V,lineColors:H,colorDomain:U,width:l||i,height:Math.max(F,o||(E?F?(l||i)*E>F?(l||i)*E:F:(l||i)*E:xt)),suffix:G,prefix:D,dateFormat:R,showValues:gt,noOfXTicks:yt,leftMargin:W,rightMargin:n,topMargin:K,bottomMargin:ft,highlightAreaSettings:Q,tooltip:M,onSeriesMouseOver:Z,showColorLegendAtTop:tt,animate:X===!0?{duration:.5,once:!0,amount:.5}:X||{duration:0,once:!0,amount:0},rtl:L==="he"||L==="ar",diffAreaColors:it,idSuffix:_t.generateRandomString(8),strokeWidth:P,showDots:h,refValues:p,minValue:S,maxValue:nt,annotations:at,customHighlightAreaSettings:r,yAxisTitle:$,noOfYTicks:q,minDate:st,maxDate:ot,curveType:rt,styles:b,classNames:A,precision:y,customLayers:lt}):null})]})}),j||z?e.jsxRuntimeExports.jsx(Kt.GraphFooter,{styles:{footnote:b?.footnote,source:b?.source},classNames:{footnote:A?.footnote,source:A?.source},sources:j,footNote:z,width:l}):null]})})})})}exports.DifferenceLineChart=ie;
 //# sourceMappingURL=DifferenceLineChart.cjs.map

package/dist/DifferenceLineChart.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { j as e, m as G } from "./index-CHPV5EwG-BPSP-7Jg.js";
 import { useRef as ut, useState as W, useEffect as Dt } from "react";
 import { p as d, f as Ht } from "./parse-DlCRUFh_.js";
-import { s as Rt } from "./index-DxagiOHo.js";
+import { s as Rt } from "./index-fwdktvAS.js";
 import { n as Ct } from "./numberFormattingFunction-14YCbkN2.js";
-import { T as Ft } from "./Tooltip-DyM5snqx.js";
+import { T as Ft } from "./Tooltip-CVCGWyzw.js";
 import { c as P } from "./checkIfNullOrUndefined-DmfiKkNw.js";
 import { C as Gt, g as Wt, A as Yt } from "./customArea-B-dWU0zZ.js";
 import { A as Xt } from "./AxisTitle-BmHLMRJZ.js";