@undp/data-viz 1.5.9 → 2.0.1

package/dist/StripChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"StripChart.js","sources":["../src/Utils/getTickPosition.ts","../src/Components/Graphs/StripChart/Horizontal/Graph.tsx","../src/Components/Graphs/StripChart/Horizontal/index.tsx","../src/Components/Graphs/StripChart/Vertical/Graph.tsx","../src/Components/Graphs/StripChart/Vertical/index.tsx","../src/Components/Graphs/StripChart/index.tsx"],"sourcesContent":["export function getTickPositions(count: number, width: number) {\r\n  if (count < 2) return [];\r\n  const step = width / (count - 1);\r\n  return Array.from({ length: count }, (_, i) => i * step);\r\n}\r\n","import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport { scaleLinear } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  StripChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { getTickPositions } from '@/Utils/getTickPosition';\r\n\r\ninterface Props {\r\n  data: StripChartDataType[];\r\n  width: number;\r\n  height: number;\r\n  selectedColor?: string;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\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  highlightedDataPoints: (string | number)[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  prefix: string;\r\n  suffix: string;\r\n  stripType: 'strip' | 'dot';\r\n  highlightColor?: string;\r\n  dotOpacity: number;\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  valueColor?: string;\r\n  animate: AnimateDataType;\r\n  noOfTicks: number;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightedDataPoints,\r\n    selectedColor,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    prefix,\r\n    suffix,\r\n    stripType,\r\n    highlightColor,\r\n    dotOpacity,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    valueColor,\r\n    animate,\r\n    noOfTicks,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n\r\n  const sortedData = orderBy(\r\n    dataWithId,\r\n    [\r\n      item => {\r\n        const index = (highlightedDataPoints || []).indexOf(item.label);\r\n        return index === -1 ? Infinity : index;\r\n      },\r\n    ],\r\n    ['desc'],\r\n  );\r\n  const xMaxValue = !checkIfNullOrUndefined(maxValue)\r\n    ? (maxValue as number)\r\n    : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) < 0\r\n      ? 0\r\n      : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const xMinValue = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) >= 0\r\n      ? 0\r\n      : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const x = scaleLinear().domain([xMinValue, xMaxValue]).range([0, graphWidth]).nice();\r\n  const ticks = getTickPositions(noOfTicks, graphWidth);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {sortedData.map(d => {\r\n              return (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: 0,\r\n                      x: x(0),\r\n                      y: graphHeight / 2,\r\n                    },\r\n                    whileInView: {\r\n                      x: x(d.position),\r\n                      y: graphHeight / 2,\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dotOpacity,\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                  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                  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                >\r\n                  {stripType === 'dot' ? (\r\n                    <motion.circle\r\n                      cy={0}\r\n                      cx={0}\r\n                      variants={{\r\n                        initial: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      r={radius}\r\n                    />\r\n                  ) : (\r\n                    <motion.rect\r\n                      x={-1}\r\n                      width={2}\r\n                      variants={{\r\n                        initial: {\r\n                          y: 0 - radius,\r\n                          height: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          y: 0 - radius,\r\n                          height: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    />\r\n                  )}\r\n                  {highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        x={0}\r\n                        variants={{\r\n                          initial: {\r\n                            opacity: 0,\r\n                            y: 0 - radius - 5,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                          },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            y: 0 - radius - 5,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          textAnchor: 'middle',\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn(\r\n                          'graph-value text-sm font-bold',\r\n                          classNames?.graphObjectValues,\r\n                        )}\r\n                      >\r\n                        {numberFormattingFunction(d.position, 'NA', precision, prefix, suffix)}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                </motion.g>\r\n              );\r\n            })}\r\n            {ticks.map((tick, i) => (\r\n              <text\r\n                key={i}\r\n                x={tick}\r\n                y={graphHeight / 2 + radius}\r\n                style={{\r\n                  textAnchor: i === 0 ? 'start' : i === ticks.length - 1 ? 'end' : 'middle',\r\n                  ...(styles?.xAxis?.labels || {}),\r\n                }}\r\n                className={cn(\r\n                  'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                  classNames?.xAxis?.labels,\r\n                )}\r\n                dy='1em'\r\n              >\r\n                {numberFormattingFunction(x.invert(tick), 'NA', precision, prefix, suffix)}\r\n              </text>\r\n            ))}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {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      {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    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StripChartDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  data: StripChartDataType[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  stripType?: 'strip' | 'dot';\r\n  colors?: string | string[];\r\n  colorDomain?: string[];\r\n  colorLegendTitle?: string;\r\n  radius?: number;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\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  highlightedDataPoints?: (string | number)[];\r\n  showColorScale?: boolean;\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  prefix?: string;\r\n  suffix?: string;\r\n  language?: Languages;\r\n  highlightColor?: string;\r\n  dotOpacity?: number;\r\n  showNAColor?: boolean;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  ariaLabel?: 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  valueColor?: string;\r\n  animate?: boolean | AnimateDataType;\r\n  noOfTicks?: number;\r\n  dimmedOpacity?: number;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n}\r\n\r\nexport function HorizontalStripChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 5,\r\n    rightMargin = 5,\r\n    topMargin = 10,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    prefix = '',\r\n    suffix = '',\r\n    stripType = 'dot',\r\n    language = 'en',\r\n    highlightColor,\r\n    dotOpacity = 0.3,\r\n    showNAColor = true,\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    valueColor,\r\n    animate = false,\r\n    noOfTicks = 2,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(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 || 620);\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 || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\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 strip chart showing distribution of data along the horizontal axis. Each dot represents an individual data point, helping to visualize the spread and clustering of values.${\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            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale !== false && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={\r\n                        showNAColor === undefined || showNAColor === null ? true : showNAColor\r\n                      }\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data}\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n                        }\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        selectedColor={selectedColor}\r\n                        radius={radius}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        minValue={minValue}\r\n                        maxValue={maxValue}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        prefix={prefix}\r\n                        suffix={suffix}\r\n                        stripType={stripType}\r\n                        highlightColor={highlightColor}\r\n                        dotOpacity={dotOpacity}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        valueColor={valueColor}\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                        noOfTicks={noOfTicks}\r\n                        dimmedOpacity={dimmedOpacity}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\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","import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport { scaleLinear } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  StripChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { getTickPositions } from '@/Utils/getTickPosition';\r\n\r\ninterface Props {\r\n  data: StripChartDataType[];\r\n  width: number;\r\n  height: number;\r\n  selectedColor?: string;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\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  highlightedDataPoints: (string | number)[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  prefix: string;\r\n  suffix: string;\r\n  stripType: 'strip' | 'dot';\r\n  highlightColor?: string;\r\n  dotOpacity: number;\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  valueColor?: string;\r\n  animate: AnimateDataType;\r\n  noOfTicks: number;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightedDataPoints,\r\n    selectedColor,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    noOfTicks,\r\n    prefix,\r\n    suffix,\r\n    stripType,\r\n    highlightColor,\r\n    dotOpacity,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    valueColor,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n\r\n  const sortedData = orderBy(\r\n    dataWithId,\r\n    [\r\n      item => {\r\n        const index = (highlightedDataPoints || []).indexOf(item.label);\r\n        return index === -1 ? Infinity : index;\r\n      },\r\n    ],\r\n    ['desc'],\r\n  );\r\n  const yMaxValue = !checkIfNullOrUndefined(maxValue)\r\n    ? (maxValue as number)\r\n    : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) < 0\r\n      ? 0\r\n      : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const yMinValue = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) >= 0\r\n      ? 0\r\n      : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const y = scaleLinear().domain([yMinValue, yMaxValue]).range([graphHeight, 0]).nice();\r\n  const ticks = getTickPositions(noOfTicks, graphHeight);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {sortedData.map(d => {\r\n              return (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: 0,\r\n                      x: graphWidth / 2,\r\n                      y: y(0),\r\n                    },\r\n                    whileInView: {\r\n                      x: graphWidth / 2,\r\n                      y: y(d.position),\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dotOpacity,\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                  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                  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                >\r\n                  {stripType === 'dot' ? (\r\n                    <motion.circle\r\n                      cy={0}\r\n                      cx={0}\r\n                      variants={{\r\n                        initial: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      r={radius}\r\n                    />\r\n                  ) : (\r\n                    <motion.rect\r\n                      y={-1}\r\n                      height={2}\r\n                      variants={{\r\n                        initial: {\r\n                          x: 0 - radius,\r\n                          width: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          x: 0 - radius,\r\n                          width: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    />\r\n                  )}\r\n                  {highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        y={0}\r\n                        dy='0.33em'\r\n                        variants={{\r\n                          initial: {\r\n                            opacity: 0,\r\n                            x: 0 + radius + 3,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                          },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            x: 0 + radius + 3,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          textAnchor: 'start',\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn(\r\n                          'graph-value text-sm font-bold',\r\n                          classNames?.graphObjectValues,\r\n                        )}\r\n                      >\r\n                        {numberFormattingFunction(d.position, 'NA', precision, prefix, suffix)}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                </motion.g>\r\n              );\r\n            })}\r\n            {ticks.map((tick, i) => (\r\n              <text\r\n                key={i}\r\n                y={tick}\r\n                x={graphWidth / 2 + radius + 5}\r\n                style={{\r\n                  textAnchor: 'start',\r\n                  ...(styles?.yAxis?.labels || {}),\r\n                }}\r\n                className={cn(\r\n                  'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                  classNames?.yAxis?.labels,\r\n                )}\r\n              >\r\n                {numberFormattingFunction(y.invert(tick), 'NA', precision, prefix, suffix)}\r\n              </text>\r\n            ))}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {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      {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    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StripChartDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  data: StripChartDataType[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  colors?: string | string[];\r\n  colorDomain?: string[];\r\n  colorLegendTitle?: string;\r\n  radius?: number;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\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  highlightedDataPoints?: (string | number)[];\r\n  showColorScale?: boolean;\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  prefix?: string;\r\n  suffix?: string;\r\n  stripType?: 'strip' | 'dot';\r\n  language?: Languages;\r\n  highlightColor?: string;\r\n  dotOpacity?: number;\r\n  showNAColor?: boolean;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  ariaLabel?: 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  valueColor?: string;\r\n  animate?: boolean | AnimateDataType;\r\n  noOfTicks?: number;\r\n  dimmedOpacity?: number;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n}\r\n\r\nexport function VerticalStripChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 10,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    prefix = '',\r\n    suffix = '',\r\n    stripType = 'dot',\r\n    language = 'en',\r\n    highlightColor,\r\n    dotOpacity = 0.3,\r\n    showNAColor = true,\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    valueColor,\r\n    animate = false,\r\n    noOfTicks = 2,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(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 || 620);\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 || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\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 strip chart showing distribution of data along the vertical axis. Each dot represents an individual data point, helping to visualize the spread and clustering of values.${\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            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale !== false && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data}\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n                        }\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        selectedColor={selectedColor}\r\n                        radius={radius}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        minValue={minValue}\r\n                        maxValue={maxValue}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        prefix={prefix}\r\n                        suffix={suffix}\r\n                        stripType={stripType}\r\n                        highlightColor={highlightColor}\r\n                        dotOpacity={dotOpacity}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        valueColor={valueColor}\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                        noOfTicks={noOfTicks}\r\n                        dimmedOpacity={dimmedOpacity}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\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","import { HorizontalStripChart } from './Horizontal';\r\nimport { VerticalStripChart } from './Vertical';\r\n\r\nimport {\r\n  SourcesDataType,\r\n  Languages,\r\n  StripChartDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StripChartDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\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  /** Color or array of colors for circles */\r\n  colors?: string | string[];\r\n  /** Color of the highlighted data points */\r\n  highlightColor?: string;\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color of value labels */\r\n  valueColor?: 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  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n  /** Radius of the dots or width of the strips */\r\n  radius?: number;\r\n  /** Opacity of each dot or strip */\r\n  dotOpacity?: number;\r\n  /** Type of strip */\r\n  stripType?: 'strip' | 'dot';\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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  /** 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 StripChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius,\r\n    padding,\r\n    backgroundColor,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    showColorScale,\r\n    highlightedDataPoints,\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    noOfTicks,\r\n    graphDownload,\r\n    dataDownload,\r\n    prefix,\r\n    suffix,\r\n    stripType,\r\n    language,\r\n    highlightColor,\r\n    dotOpacity,\r\n    showNAColor,\r\n    minHeight,\r\n    theme,\r\n    ariaLabel,\r\n    valueColor,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity = 0.3,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n\r\n  if (orientation === 'vertical')\r\n    return (\r\n      <VerticalStripChart\r\n        data={data}\r\n        graphTitle={graphTitle}\r\n        colors={colors}\r\n        sources={sources}\r\n        graphDescription={graphDescription}\r\n        height={height}\r\n        width={width}\r\n        footNote={footNote}\r\n        colorDomain={colorDomain}\r\n        colorLegendTitle={colorLegendTitle}\r\n        radius={radius}\r\n        padding={padding}\r\n        backgroundColor={backgroundColor}\r\n        leftMargin={leftMargin}\r\n        rightMargin={rightMargin}\r\n        topMargin={topMargin}\r\n        bottomMargin={bottomMargin}\r\n        tooltip={tooltip}\r\n        relativeHeight={relativeHeight}\r\n        onSeriesMouseOver={onSeriesMouseOver}\r\n        showColorScale={showColorScale}\r\n        highlightedDataPoints={highlightedDataPoints}\r\n        graphID={graphID}\r\n        minValue={minValue}\r\n        maxValue={maxValue}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        noOfTicks={noOfTicks}\r\n        graphDownload={graphDownload}\r\n        dataDownload={dataDownload}\r\n        prefix={prefix}\r\n        suffix={suffix}\r\n        stripType={stripType}\r\n        language={language}\r\n        highlightColor={highlightColor}\r\n        dotOpacity={dotOpacity}\r\n        showNAColor={showNAColor}\r\n        minHeight={minHeight}\r\n        theme={theme}\r\n        ariaLabel={ariaLabel}\r\n        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n        styles={styles}\r\n        valueColor={valueColor}\r\n        detailsOnClick={detailsOnClick}\r\n        classNames={classNames}\r\n        animate={animate}\r\n        dimmedOpacity={dimmedOpacity}\r\n        precision={precision}\r\n        customLayers={customLayers}\r\n      />\r\n    );\r\n  return (\r\n    <HorizontalStripChart\r\n      data={data}\r\n      graphTitle={graphTitle}\r\n      colors={colors}\r\n      sources={sources}\r\n      graphDescription={graphDescription}\r\n      height={height}\r\n      width={width}\r\n      footNote={footNote}\r\n      colorDomain={colorDomain}\r\n      colorLegendTitle={colorLegendTitle}\r\n      radius={radius}\r\n      padding={padding}\r\n      backgroundColor={backgroundColor}\r\n      leftMargin={leftMargin}\r\n      rightMargin={rightMargin}\r\n      topMargin={topMargin}\r\n      bottomMargin={bottomMargin}\r\n      tooltip={tooltip}\r\n      relativeHeight={relativeHeight}\r\n      onSeriesMouseOver={onSeriesMouseOver}\r\n      showColorScale={showColorScale}\r\n      highlightedDataPoints={highlightedDataPoints}\r\n      graphID={graphID}\r\n      minValue={minValue}\r\n      maxValue={maxValue}\r\n      onSeriesMouseClick={onSeriesMouseClick}\r\n      noOfTicks={noOfTicks}\r\n      graphDownload={graphDownload}\r\n      dataDownload={dataDownload}\r\n      prefix={prefix}\r\n      suffix={suffix}\r\n      stripType={stripType}\r\n      language={language}\r\n      highlightColor={highlightColor}\r\n      dotOpacity={dotOpacity}\r\n      showNAColor={showNAColor}\r\n      minHeight={minHeight}\r\n      theme={theme}\r\n      ariaLabel={ariaLabel}\r\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n      styles={styles}\r\n      valueColor={valueColor}\r\n      detailsOnClick={detailsOnClick}\r\n      classNames={classNames}\r\n      animate={animate}\r\n      dimmedOpacity={dimmedOpacity}\r\n      precision={precision}\r\n      customLayers={customLayers}\r\n    />\r\n  );\r\n}\r\n"],"names":["getTickPositions","count","width","step","_","i","Graph","props","data","height","colors","colorDomain","radius","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","highlightedDataPoints","selectedColor","minValue","maxValue","onSeriesMouseClick","prefix","suffix","stripType","highlightColor","dotOpacity","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","valueColor","animate","noOfTicks","dimmedOpacity","precision","customLayers","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","dataWithId","d","sortedData","orderBy","item","index","xMaxValue","checkIfNullOrUndefined","xMinValue","x","scaleLinear","ticks","jsxs","Fragment","jsx","motion","AnimatePresence","event","isEqual","el","Colors","cn","tick","numberFormattingFunction","Tooltip","Modal","string2HTML","HorizontalStripChart","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegendWithMouseOver","uniqBy","GraphFooter","yMaxValue","yMinValue","y","VerticalStripChart","StripChart","orientation"],"mappings":"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"}
+{"version":3,"file":"StripChart.js","sources":["../src/Utils/getTickPosition.ts","../src/Components/Graphs/StripChart/Graph.tsx","../src/Components/Graphs/StripChart/index.tsx"],"sourcesContent":["export function getTickPositions(count: number, width: number) {\r\n  if (count < 2) return [];\r\n  const step = width / (count - 1);\r\n  return Array.from({ length: count }, (_, i) => i * step);\r\n}\r\n","import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport { scaleLinear } from 'd3-scale';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  StripChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { getTickPositions } from '@/Utils/getTickPosition';\r\n\r\ninterface Props {\r\n  data: StripChartDataType[];\r\n  width: number;\r\n  height: number;\r\n  selectedColor?: string;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\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  highlightedDataPoints: (string | number)[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  prefix: string;\r\n  suffix: string;\r\n  stripType: 'strip' | 'dot';\r\n  highlightColor?: string;\r\n  dotOpacity: number;\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  valueColor?: string;\r\n  animate: AnimateDataType;\r\n  noOfTicks: number;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function VerticalGraph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 10,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightedDataPoints,\r\n    selectedColor,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    noOfTicks,\r\n    prefix,\r\n    suffix,\r\n    stripType,\r\n    highlightColor,\r\n    dotOpacity,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    valueColor,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n\r\n  const sortedData = orderBy(\r\n    dataWithId,\r\n    [\r\n      item => {\r\n        const index = (highlightedDataPoints || []).indexOf(item.label);\r\n        return index === -1 ? Infinity : index;\r\n      },\r\n    ],\r\n    ['desc'],\r\n  );\r\n  const yMaxValue = !checkIfNullOrUndefined(maxValue)\r\n    ? (maxValue as number)\r\n    : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) < 0\r\n      ? 0\r\n      : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const yMinValue = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) >= 0\r\n      ? 0\r\n      : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const y = scaleLinear().domain([yMinValue, yMaxValue]).range([graphHeight, 0]).nice();\r\n  const ticks = getTickPositions(noOfTicks, graphHeight);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {sortedData.map(d => {\r\n              return (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: 0,\r\n                      x: graphWidth / 2,\r\n                      y: y(0),\r\n                    },\r\n                    whileInView: {\r\n                      x: graphWidth / 2,\r\n                      y: y(d.position),\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dotOpacity,\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                  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                  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                >\r\n                  {stripType === 'dot' ? (\r\n                    <motion.circle\r\n                      cy={0}\r\n                      cx={0}\r\n                      variants={{\r\n                        initial: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      r={radius}\r\n                    />\r\n                  ) : (\r\n                    <motion.rect\r\n                      y={-1}\r\n                      height={2}\r\n                      variants={{\r\n                        initial: {\r\n                          x: 0 - radius,\r\n                          width: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          x: 0 - radius,\r\n                          width: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    />\r\n                  )}\r\n                  {highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        y={0}\r\n                        dy='0.33em'\r\n                        variants={{\r\n                          initial: {\r\n                            opacity: 0,\r\n                            x: 0 + radius + 3,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                          },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            x: 0 + radius + 3,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          textAnchor: 'start',\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn(\r\n                          'graph-value text-sm font-bold',\r\n                          classNames?.graphObjectValues,\r\n                        )}\r\n                      >\r\n                        {numberFormattingFunction(d.position, 'NA', precision, prefix, suffix)}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                </motion.g>\r\n              );\r\n            })}\r\n            {ticks.map((tick, i) => (\r\n              <text\r\n                key={i}\r\n                y={tick}\r\n                x={graphWidth / 2 + radius + 5}\r\n                style={{\r\n                  textAnchor: 'start',\r\n                  ...(styles?.yAxis?.labels || {}),\r\n                }}\r\n                className={cn(\r\n                  'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                  classNames?.yAxis?.labels,\r\n                )}\r\n              >\r\n                {numberFormattingFunction(y.invert(tick), 'NA', precision, prefix, suffix)}\r\n              </text>\r\n            ))}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {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      {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    </>\r\n  );\r\n}\r\n\r\nexport function HorizontalGraph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    leftMargin = 5,\r\n    rightMargin = 5,\r\n    topMargin = 10,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightedDataPoints,\r\n    selectedColor,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    prefix,\r\n    suffix,\r\n    stripType,\r\n    highlightColor,\r\n    dotOpacity,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    valueColor,\r\n    animate,\r\n    noOfTicks,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n\r\n  const sortedData = orderBy(\r\n    dataWithId,\r\n    [\r\n      item => {\r\n        const index = (highlightedDataPoints || []).indexOf(item.label);\r\n        return index === -1 ? Infinity : index;\r\n      },\r\n    ],\r\n    ['desc'],\r\n  );\r\n  const xMaxValue = !checkIfNullOrUndefined(maxValue)\r\n    ? (maxValue as number)\r\n    : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) < 0\r\n      ? 0\r\n      : Math.max(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const xMinValue = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position)) >= 0\r\n      ? 0\r\n      : Math.min(...data.filter(d => !checkIfNullOrUndefined(d.position)).map(d => d.position));\r\n  const x = scaleLinear().domain([xMinValue, xMaxValue]).range([0, graphWidth]).nice();\r\n  const ticks = getTickPositions(noOfTicks, graphWidth);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {sortedData.map(d => {\r\n              return (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: 0,\r\n                      x: x(0),\r\n                      y: graphHeight / 2,\r\n                    },\r\n                    whileInView: {\r\n                      x: x(d.position),\r\n                      y: graphHeight / 2,\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? colors[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.95\r\n                            : dimmedOpacity\r\n                          : dotOpacity,\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                  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                  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                >\r\n                  {stripType === 'dot' ? (\r\n                    <motion.circle\r\n                      cy={0}\r\n                      cx={0}\r\n                      variants={{\r\n                        initial: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                      r={radius}\r\n                    />\r\n                  ) : (\r\n                    <motion.rect\r\n                      x={-1}\r\n                      width={2}\r\n                      variants={{\r\n                        initial: {\r\n                          y: 0 - radius,\r\n                          height: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          y: 0 - radius,\r\n                          height: radius * 2,\r\n                          fill:\r\n                            highlightColor && highlightedDataPoints\r\n                              ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                ? highlightColor\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]\r\n                              : data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    />\r\n                  )}\r\n                  {highlightedDataPoints.length !== 0 ? (\r\n                    highlightedDataPoints.indexOf(d.label) !== -1 ? (\r\n                      <motion.text\r\n                        x={0}\r\n                        variants={{\r\n                          initial: {\r\n                            opacity: 0,\r\n                            y: 0 - radius - 5,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                          },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            y: 0 - radius - 5,\r\n                            fill:\r\n                              valueColor ||\r\n                              (highlightColor && highlightedDataPoints\r\n                                ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                                  ? highlightColor\r\n                                  : data.filter(el => el.color).length === 0\r\n                                    ? colors[0]\r\n                                    : !d.color\r\n                                      ? Colors.gray\r\n                                      : colors[colorDomain.indexOf(d.color)]\r\n                                : data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(d.color)]),\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        style={{\r\n                          textAnchor: 'middle',\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn(\r\n                          'graph-value text-sm font-bold',\r\n                          classNames?.graphObjectValues,\r\n                        )}\r\n                      >\r\n                        {numberFormattingFunction(d.position, 'NA', precision, prefix, suffix)}\r\n                      </motion.text>\r\n                    ) : null\r\n                  ) : null}\r\n                </motion.g>\r\n              );\r\n            })}\r\n            {ticks.map((tick, i) => (\r\n              <text\r\n                key={i}\r\n                x={tick}\r\n                y={graphHeight / 2 + radius}\r\n                style={{\r\n                  textAnchor: i === 0 ? 'start' : i === ticks.length - 1 ? 'end' : 'middle',\r\n                  ...(styles?.xAxis?.labels || {}),\r\n                }}\r\n                className={cn(\r\n                  'fill-primary-gray-550 dark:fill-primary-gray-500 text-xs',\r\n                  classNames?.xAxis?.labels,\r\n                )}\r\n                dy='1em'\r\n              >\r\n                {numberFormattingFunction(x.invert(tick), 'NA', precision, prefix, suffix)}\r\n              </text>\r\n            ))}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {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      {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    </>\r\n  );\r\n}\r\n","import { useEffect, useRef, useState } from 'react';\r\n\r\nimport { HorizontalGraph, VerticalGraph } from './Graph';\r\n\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport {\r\n  SourcesDataType,\r\n  Languages,\r\n  StripChartDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StripChartDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\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  /** Color or array of colors for circles */\r\n  colors?: string | string[];\r\n  /** Color of the highlighted data points */\r\n  highlightColor?: string;\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color of value labels */\r\n  valueColor?: 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  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n  /** Radius of the dots or width of the strips */\r\n  radius?: number;\r\n  /** Opacity of each dot or strip */\r\n  dotOpacity?: number;\r\n  /** Type of strip */\r\n  stripType?: 'strip' | 'dot';\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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  /** 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 StripChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    noOfTicks = 2,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    prefix = '',\r\n    suffix = '',\r\n    stripType = 'dot',\r\n    language = 'en',\r\n    highlightColor,\r\n    dotOpacity = 0.3,\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    valueColor,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const Comp = orientation === 'horizontal' ? HorizontalGraph : VerticalGraph;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {data.length === 0 ? (\r\n        <EmptyState />\r\n      ) : (\r\n        <>\r\n          {showColorScale !== false && data.filter(el => el.color).length !== 0 ? (\r\n            <ColorLegendWithMouseOver\r\n              width={width}\r\n              colorLegendTitle={colorLegendTitle}\r\n              colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\r\n              colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n              setSelectedColor={setSelectedColor}\r\n              showNAColor={showNAColor}\r\n              className={classNames?.colorLegend}\r\n            />\r\n          ) : null}\r\n          <GraphArea ref={graphDiv}>\r\n            {svgWidth && svgHeight ? (\r\n              <Comp\r\n                data={data}\r\n                width={svgWidth}\r\n                height={svgHeight}\r\n                colorDomain={\r\n                  data.filter(el => el.color).length === 0\r\n                    ? []\r\n                    : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n                }\r\n                colors={\r\n                  data.filter(el => el.color).length === 0\r\n                    ? colors\r\n                      ? [colors as string]\r\n                      : [Colors.primaryColors['blue-600']]\r\n                    : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                }\r\n                selectedColor={selectedColor}\r\n                radius={radius}\r\n                leftMargin={leftMargin}\r\n                rightMargin={rightMargin}\r\n                topMargin={topMargin}\r\n                bottomMargin={bottomMargin}\r\n                tooltip={tooltip}\r\n                onSeriesMouseOver={onSeriesMouseOver}\r\n                highlightedDataPoints={highlightedDataPoints}\r\n                minValue={minValue}\r\n                maxValue={maxValue}\r\n                onSeriesMouseClick={onSeriesMouseClick}\r\n                prefix={prefix}\r\n                suffix={suffix}\r\n                stripType={stripType}\r\n                highlightColor={highlightColor}\r\n                dotOpacity={dotOpacity}\r\n                resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                detailsOnClick={detailsOnClick}\r\n                styles={styles}\r\n                classNames={classNames}\r\n                valueColor={valueColor}\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                noOfTicks={noOfTicks}\r\n                dimmedOpacity={dimmedOpacity}\r\n                precision={precision}\r\n                customLayers={customLayers}\r\n              />\r\n            ) : null}\r\n          </GraphArea>\r\n        </>\r\n      )}\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["getTickPositions","count","width","step","Array","from","length","_","i","VerticalGraph","props","$","_c","data","height","colors","colorDomain","radius","leftMargin","t0","rightMargin","t1","topMargin","t2","bottomMargin","t3","tooltip","onSeriesMouseOver","highlightedDataPoints","selectedColor","minValue","maxValue","onSeriesMouseClick","noOfTicks","prefix","suffix","stripType","highlightColor","dotOpacity","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","valueColor","animate","dimmedOpacity","precision","customLayers","undefined","svgRef","useRef","t4","amount","once","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","t5","top","bottom","left","right","margin","graphWidth","graphHeight","T0","T1","t10","t11","t12","t13","t14","t6","t7","t8","t9","duration","graphObjectValues","yAxis","labels","dataWithId","map","_temp","t15","item","index","indexOf","label","Infinity","sortedData","orderBy","t16","checkIfNullOrUndefined","Math","max","filter","_temp2","_temp3","_temp4","_temp5","yMaxValue","t17","min","_temp6","_temp7","_temp8","_temp9","yMinValue","y","scaleLinear","domain","range","nice","ticks","motion","svg","_temp0","_temp1","AnimatePresence","d_10","jsxs","initial","opacity","x","whileInView","d","position","color","transition","event","clientY","clientX","isEqual","event_0","fill","_temp10","Colors","gray","_temp11","_temp12","_temp13","jsx","_temp14","_temp15","_temp16","_temp17","_temp18","_temp19","_temp20","_temp21","textAnchor","cn","numberFormattingFunction","tick","i_0","invert","_temp22","_temp23","t18","t19","Tooltip","t20","Modal","__html","string2HTML","t21","Fragment","d_12","layer","d_11","el_10","el","el_9","el_8","el_7","el_6","el_5","el_4","el_3","el_2","el_1","el_0","d_9","d_8","d_5","d_4","d_7","d_6","d_1","d_0","d_3","d_2","id","HorizontalGraph","xAxis","_temp24","_temp25","_temp26","_temp27","_temp28","xMaxValue","_temp29","_temp30","_temp31","_temp32","xMinValue","_temp33","_temp34","_temp35","_temp36","_temp37","_temp38","_temp39","_temp40","_temp41","_temp42","_temp43","_temp44","_temp45","_temp46","_temp47","_temp48","StripChart","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","ariaLabel","orientation","t22","Comp","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","t23","t24","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","t25","graphContainer","t26","t27","description","title","GraphHeader","t28","EmptyState","ColorLegendWithMouseOver","categoricalColors","uniqBy","colorLegend","GraphArea","primaryColors","t29","footnote","source","GraphFooter","t30","GraphContainer"],"mappings":"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"}

package/dist/ThreeDGlobe.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-DjM48pIC.cjs"),l=require("react"),xe=require("./Spinner-C6wLp85s.cjs"),ye=require("react-globe.gl"),fe=require("./index-DQA8q5sC.cjs"),be=require("three"),ve=require("./Modal-CuuJdWkD.cjs"),he=require("./Typography-BDULiwlF.cjs"),je=require("./Tooltip-Cpv0QohJ.cjs"),we=require("./numberFormattingFunction-02t-wJta.cjs"),Ce=require("./index-C0bpbS4F.cjs"),Ee=require("./string2HTML-z7CwHXcx.cjs"),Se=require("./getCentroidCoordinates-DxTBqzp2.cjs"),Re=require("./ordinal-BOeNbyae.cjs"),ke=require("./threshold-DNsSUf8Q.cjs"),De=require("./GraphHeader.cjs"),Ne=require("./GraphFooter.cjs"),Me=require("./fetchAndParseData-Ba-_CgxS.cjs"),T=require("./Colors.cjs"),qe=require("./getUniqValue-RViz8tTw.cjs"),Oe=require("./getJenks-GYmdwBqm.cjs");function Le(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const p in e)if(p!=="default"){const m=Object.getOwnPropertyDescriptor(e,p);Object.defineProperty(r,p,m.get?m:{enumerable:!0,get:()=>e[p]})}}return r.default=e,Object.freeze(r)}const q=Le(be);function Pe(e){let r;switch(e.type){case"ambient":r=new q.AmbientLight(e.color,e.intensity);break;case"directional":r=new q.DirectionalLight(e.color,e.intensity),e.position&&(e.position==="camera"?r.position.set(0,0,0):r.position.set(e.position.x,e.position.y,e.position.z)),(e.target||e.position==="camera")&&r.target.position.set(e.target?.x||0,e.target?.y||0,e.target?.z===void 0?-1:e.target.z),e.castShadow&&(r.castShadow=!0,e.shadow&&(r.shadow.mapSize.width=e.shadow.mapSize.width,r.shadow.mapSize.height=e.shadow.mapSize.height,r.shadow.camera.near=e.shadow.camera.near,r.shadow.camera.far=e.shadow.camera.far));break;case"point":r=new q.PointLight(e.color,e.intensity,e.distance||0,e.decay||2),e.position&&(e.position==="camera"?r.position.set(0,0,0):r.position.set(e.position.x,e.position.y,e.position.z));break;case"spot":r=new q.SpotLight(e.color,e.intensity,e.distance||0,e.angle||Math.PI/3,e.penumbra||0,e.decay||2),e.position&&(e.position==="camera"?r.position.set(0,0,0):r.position.set(e.position.x,e.position.y,e.position.z)),(e.target||e.position==="camera")&&r.target.position.set(e.target?.x||0,e.target?.y||0,e.target?.z||0),e.castShadow&&(r.castShadow=!0,e.shadow&&(r.shadow.mapSize.width=e.shadow.mapSize.width,r.shadow.mapSize.height=e.shadow.mapSize.height,r.shadow.camera.near=e.shadow.camera.near,r.shadow.camera.far=e.shadow.camera.far));break;default:throw new Error("Unknown light type")}return r}function Te(e){const{width:r,autoRotate:p,data:m,enableZoom:z,categorical:O,colorDomain:g,colors:c,globeMaterial:u,height:V,polygonData:H,mapProperty:d,mapBorderColor:G,atmosphereColor:W,tooltip:_,styles:C,classNames:re,mapNoDataColor:y,colorLegendTitle:A,showColorScale:oe,hoverStrokeColor:se,detailsOnClick:j,onSeriesMouseClick:k,onSeriesMouseOver:b,resetSelectionOnDoubleClick:L,highlightedIds:J,scale:f,globeOffset:E,polygonAltitude:F,centerLng:$,centerLat:B,atmosphereAltitude:Z,globeCurvatureResolution:ae,fogSettings:D,lights:N,highlightedAltitude:X,selectedId:v,collapseColorScaleByDefault:Y}=e,[K,ie]=l.useState(!1),n=l.useRef(void 0),[S,P]=l.useState(void 0),[ne,Q]=l.useState(Y===void 0?!(r<680):!Y),[ee,le]=l.useState({x:0,y:0}),[R,ce]=l.useState(void 0),I=O?Re.ordinal().domain(g).range(c):ke.threshold().domain(g).range(c);l.useEffect(()=>{n.current&&(n.current.controls().enableZoom=z)},[z]),l.useEffect(()=>{n.current&&(R||v?n.current.controls().autoRotate=!1:(n.current.controls().autoRotate=p!==0,n.current.controls().autoRotateSpeed=p))},[R,v,p]),l.useEffect(()=>{if(n.current&&v){const t=H.find(x=>x.properties[d]===v),[s,i]=Se.getCentroidCoordinates(t);n.current.pointOfView({lat:i,lng:s,altitude:f},1e3)}},[v,f,H,d]),l.useEffect(()=>{const t=n.current?.renderer().domElement;if(!t)return;const s=i=>{le({x:i.clientX,y:i.clientY})};return t.addEventListener("mousemove",s),()=>t.removeEventListener("mousemove",s)},[]),l.useEffect(()=>{n.current&&n.current.pointOfView({lat:B,lng:$,altitude:f},1e3)},[f,$,B]);const U=u||new q.MeshBasicMaterial({color:"#FFF"}),h=l.useCallback(()=>{if(!n.current)return;const t=n.current.scene(),s=n.current.camera();let i=[];t.traverse(a=>{a instanceof q.Light&&i.push(a)}),i=[...i,...s.children],i.forEach(a=>a.parent?.remove(a)),N.map(a=>Pe(a)).forEach((a,w)=>{N[w].type!=="ambient"&&N[w].position==="camera"?(s.add(a),N[w].type!=="point"&&s.add(a.target)):t.add(a)}),D&&(t.fog=new q.Fog(D.color,D.near,D.far))},[N,D]),te=l.useCallback(()=>{ie(!0),h()},[h]);return l.useEffect(()=>{K&&h()},[K,h]),o.jsxRuntimeExports.jsxs("div",{className:"relative",children:[o.jsxRuntimeExports.jsx(ye,{ref:n,height:V,width:r,globeOffset:E,lineHoverPrecision:0,polygonsData:H,polygonAltitude:t=>J.includes(t?.properties?.[d])||t?.properties?.[d]===v?X*(t?.properties?.[d]===v?2:1):t?.properties?.[d]===R?.id||t?.properties?.[d]===S?.id?X:F,polygonCapColor:t=>{const s=t?.properties?.[d],i=m.find(x=>x.id===s)?.x;return i!=null?I(i):y},polygonSideColor:t=>{const s=t?.properties?.[d],i=m.find(a=>a.id===s)?.x,x=i!=null?I(i):y;return J.includes(t?.properties?.[d])||t?.properties?.[d]===v?x:"rgba(100,100,100,0)"},polygonStrokeColor:t=>t?.properties?.[d]===R?.id?se:G,onGlobeClick:()=>{P(void 0)},onPolygonClick:t=>{const s=t?.properties?.[d]?m.find(i=>i.id===t?.properties?.[d]):void 0;(k||j)&&(fe.isEqual(S,s)&&L&&s?(P(void 0),k?.(void 0)):(P(s),k?.(s)))},onPolygonHover:t=>{const s=t?.properties?.[d]?m.find(i=>i.id===t?.properties?.[d]):void 0;ce(s),b?.(s)},atmosphereColor:W,atmosphereAltitude:Z,globeCurvatureResolution:ae,globeMaterial:U,backgroundColor:"rgba(0, 0, 0, 0)",polygonsTransitionDuration:100,onGlobeReady:()=>{if(n.current){n.current.pointOfView({lat:B,lng:$});const t=n.current.scene();setTimeout(()=>{(t.children[3]?.children[0]?.children[4]?.children||[]).forEach(x=>{const a=x.children[1];a.renderOrder=2})},300);const s=n.current.camera();t.add(s),te()}}}),oe===!1?null:o.jsxRuntimeExports.jsx("div",{className:"absolute left-4 bottom-4",children:ne?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{Q(!1)},children:o.jsxRuntimeExports.jsx(Ce.X,{})}),o.jsxRuntimeExports.jsxs("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",style:{width:O?void 0:"340px"},children:[A&&A!==""?o.jsxRuntimeExports.jsx(he.u,{size:"xs",marginBottom:"xs",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:A}):null,O?o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:g.map((t,s)=>o.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[o.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:c[s%c.length]}}),o.jsxRuntimeExports.jsx(he.u,{size:"sm",marginBottom:"none",leading:"none",children:t})]},s))}):o.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:o.jsxRuntimeExports.jsxs("g",{children:[g.map((t,s)=>o.jsxRuntimeExports.jsxs("g",{className:"cursor-pointer",children:[o.jsxRuntimeExports.jsx("rect",{x:s*320/c.length+1,y:1,width:320/c.length-2,height:8,style:{fill:c[s],stroke:c[s]}}),o.jsxRuntimeExports.jsx("text",{x:(s+1)*320/c.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:we.numberFormattingFunction(t,"NA")})]},s)),o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("rect",{x:g.length*320/c.length+1,y:1,width:320/c.length-2,height:8,style:{fill:c[g.length],stroke:c[g.length]}})})]})})]})]}):o.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{Q(!0)},children:o.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),R&&_?o.jsxRuntimeExports.jsx(je.Tooltip,{data:R,body:_,xPos:ee.x,yPos:ee.y,backgroundStyle:C?.tooltip,className:re?.tooltip}):null,j&&S!==void 0?o.jsxRuntimeExports.jsx(ve.G,{open:S!==void 0,onClose:()=>{P(void 0)},children:o.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof j=="string"?{__html:Ee.string2HTML(j,S)}:void 0,children:typeof j=="function"?j(S):null})}):null]})}function ze(e){const{data:r,mapData:p="https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json",graphTitle:m,colors:z,sources:O,graphDescription:g,height:c,width:u,footNote:V="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.",colorDomain:H,colorLegendTitle:d,scaleType:G="threshold",padding:W,mapNoDataColor:_=T.Colors.light.graphNoData,backgroundColor:C=!1,mapBorderColor:re=T.Colors.light.grays["gray-500"],relativeHeight:y,tooltip:A,graphID:oe,mapProperty:se="ISO3",dataDownload:j=!1,language:k="en",minHeight:b=0,theme:L="light",ariaLabel:J,styles:f,classNames:E,autoRotate:F=!0,enableZoom:$=!0,globeMaterial:B,centerPoint:Z=[0,0],atmosphereColor:ae="#999",showColorScale:D=!0,resetSelectionOnDoubleClick:N=!0,detailsOnClick:X,onSeriesMouseOver:v,onSeriesMouseClick:Y,highlightedIds:K=[],highlightedAltitude:ie=.1,scale:n=1,globeOffset:S=[0,0],polygonAltitude:P=.01,globeCurvatureResolution:ne=4,atmosphereAltitude:Q=.15,fogSettings:ee,lights:le=[{type:"ambient",color:4210752,intensity:.4},{type:"directional",color:16777215,intensity:1,position:{x:5,y:10,z:5}}],selectedId:R,collapseColorScaleByDefault:ce}=e,[I,U]=l.useState(void 0),[h,te]=l.useState(0),[t,s]=l.useState(0),i=l.useRef(null);l.useEffect(()=>{const a=new ResizeObserver(w=>{te(u||w[0].target.clientWidth||760),s(c||w[0].target.clientHeight||480)});return i.current&&(s(i.current.clientHeight||480),te(i.current.clientWidth||760),u||a.observe(i.current)),()=>a.disconnect()},[u,c]),l.useEffect(()=>{typeof p=="string"?Me.fetchAndParseJSON(p).then(w=>{if(p==="https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json"){const me=w.features.map(M=>{if(M.geometry.type==="Polygon"){const de=[...M.geometry.coordinates[0]].reverse(),ue={...M.geometry,coordinates:[de]};return{...M,geometry:ue}}const pe=[];M.geometry.coordinates.forEach(de=>{const ue=[...de[0]].reverse();pe.push([ue])});const ge={...M.geometry,coordinates:pe};return{...M,geometry:ge}});U(me)}else U(w.features)}):U(p.features)},[p]);const x=H||(G==="categorical"?qe.getUniqValue(r,"x"):Oe.getJenks(r.map(a=>a.x),z?.length||4));return o.jsxRuntimeExports.jsx("div",{className:`${L||"light"} flex  ${u?"w-fit grow-0":"w-full grow"}`,dir:k==="he"||k==="ar"?"rtl":void 0,children:o.jsxRuntimeExports.jsx("div",{className:o.mo(`${C?C===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}ml-auto mr-auto flex flex-col grow h-inherit ${k||"en"}`,u?"w-fit":"w-full",E?.graphContainer),style:{...f?.graphContainer||{},...C&&C!==!0?{backgroundColor:C}:{}},id:oe,"aria-label":J||`${m?`The graph shows ${m}. `:""}This is a map.${g?` ${g}`:""}`,children:o.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:C?W||"1rem":W||0},children:o.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-between",children:[m||g||j?o.jsxRuntimeExports.jsx(De.GraphHeader,{styles:{title:f?.title,description:f?.description},classNames:{title:E?.title,description:E?.description},graphTitle:m,graphDescription:g,width:u,graphDownload:void 0,dataDownload:j?r.map(a=>a.data).filter(a=>a!==void 0).length>0?r.map(a=>a.data).filter(a=>a!==void 0):r.filter(a=>a!==void 0):null}):null,o.jsxRuntimeExports.jsx("div",{className:"flex flex-col grow justify-center leading-0",ref:i,"aria-label":"Map area",children:(u||h)&&(c||t)&&I?o.jsxRuntimeExports.jsx(Te,{data:r,globeOffset:S,polygonData:I,colorDomain:x,width:u||h,height:Math.max(b,c||(y?b?(u||h)*y>b?(u||h)*y:b:(u||h)*y:t)),colors:z||(G==="categorical"?T.Colors[L].sequentialColors[`neutralColorsx0${x.length}`]:T.Colors[L].sequentialColors[`neutralColorsx0${x.length+1}`]),mapNoDataColor:_,categorical:G==="categorical",mapBorderColor:re,tooltip:A,mapProperty:se,styles:f,classNames:E,autoRotate:F===!0?1.5:F===!1?0:F,enableZoom:$,globeMaterial:B,atmosphereColor:ae,colorLegendTitle:d,showColorScale:D,hoverStrokeColor:L==="light"?T.Colors.light.grays["gray-700"]:T.Colors.light.grays["gray-300"],highlightedIds:K,resetSelectionOnDoubleClick:N,detailsOnClick:X,onSeriesMouseOver:v,onSeriesMouseClick:Y,scale:n,polygonAltitude:P,centerLat:Z[0],centerLng:Z[1],atmosphereAltitude:Q,globeCurvatureResolution:ne,fogSettings:ee,lights:le,highlightedAltitude:ie,selectedId:R,collapseColorScaleByDefault:ce}):o.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(b,c||(y?b?(u||h)*y>b?(u||h)*y:b:(u||h)*y:t))}px`},className:"flex items-center justify-center",children:o.jsxRuntimeExports.jsx(xe.y,{"aria-label":"Loading graph"})})}),O||V?o.jsxRuntimeExports.jsx(Ne.GraphFooter,{styles:{footnote:f?.footnote,source:f?.source},classNames:{footnote:E?.footnote,source:E?.source},sources:O,footNote:V,width:u}):null]})})})})}exports.ThreeDGlobe=ze;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-CHPV5EwG-CTPQjnHt.cjs"),l=require("react"),ot=require("./Spinner-DRMBUsX7.cjs"),rt=require("react-globe.gl"),st=require("./index-DQA8q5sC.cjs"),it=require("three"),nt=require("./Modal-JW_IExO3.cjs"),Je=require("./Typography-DX7PlgQU.cjs"),at=require("./Tooltip-4dJo4_AF.cjs"),lt=require("./numberFormattingFunction-02t-wJta.cjs"),ct=require("./index-DRXx7m-C.cjs"),dt=require("./string2HTML-CPGr_I5E.cjs"),ut=require("./getCentroidCoordinates-Dng1HVjO.cjs"),pt=require("./ordinal-CrsysVE-.cjs"),ht=require("./threshold-DNsSUf8Q.cjs"),mt=require("./GraphHeader.cjs"),gt=require("./GraphFooter.cjs"),xt=require("./fetchAndParseData-l5HGMAEs.cjs"),Y=require("./Colors.cjs"),ft=require("./getUniqValue-RViz8tTw.cjs"),yt=require("./getJenks-GYmdwBqm.cjs"),Xe=require("./GraphContainer-d8A46BK2.cjs");function vt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const g=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,g.get?g:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const A=vt(it);function bt(t){let e;switch(t.type){case"ambient":e=new A.AmbientLight(t.color,t.intensity);break;case"directional":e=new A.DirectionalLight(t.color,t.intensity),t.position&&(t.position==="camera"?e.position.set(0,0,0):e.position.set(t.position.x,t.position.y,t.position.z)),(t.target||t.position==="camera")&&e.target.position.set(t.target?.x||0,t.target?.y||0,t.target?.z===void 0?-1:t.target.z),t.castShadow&&(e.castShadow=!0,t.shadow&&(e.shadow.mapSize.width=t.shadow.mapSize.width,e.shadow.mapSize.height=t.shadow.mapSize.height,e.shadow.camera.near=t.shadow.camera.near,e.shadow.camera.far=t.shadow.camera.far));break;case"point":e=new A.PointLight(t.color,t.intensity,t.distance||0,t.decay||2),t.position&&(t.position==="camera"?e.position.set(0,0,0):e.position.set(t.position.x,t.position.y,t.position.z));break;case"spot":e=new A.SpotLight(t.color,t.intensity,t.distance||0,t.angle||Math.PI/3,t.penumbra||0,t.decay||2),t.position&&(t.position==="camera"?e.position.set(0,0,0):e.position.set(t.position.x,t.position.y,t.position.z)),(t.target||t.position==="camera")&&e.target.position.set(t.target?.x||0,t.target?.y||0,t.target?.z||0),t.castShadow&&(e.castShadow=!0,t.shadow&&(e.shadow.mapSize.width=t.shadow.mapSize.width,e.shadow.mapSize.height=t.shadow.mapSize.height,e.shadow.camera.near=t.shadow.camera.near,e.shadow.camera.far=t.shadow.camera.far));break;default:throw new Error("Unknown light type")}return e}function jt(t){const{width:e,autoRotate:n,data:g,enableZoom:b,categorical:C,colorDomain:f,colors:u,globeMaterial:N,height:m,polygonData:G,mapProperty:c,mapBorderColor:K,atmosphereColor:xe,tooltip:H,styles:fe,classNames:Q,mapNoDataColor:ee,colorLegendTitle:x,showColorScale:te,hoverStrokeColor:oe,detailsOnClick:S,onSeriesMouseClick:F,onSeriesMouseOver:ye,resetSelectionOnDoubleClick:ve,highlightedIds:re,scale:O,globeOffset:p,polygonAltitude:h,centerLng:_,centerLat:B,atmosphereAltitude:se,globeCurvatureResolution:I,fogSettings:q,lights:P,highlightedAltitude:ie,selectedId:y,collapseColorScaleByDefault:U}=t,[V,W]=l.useState(!1),a=l.useRef(void 0),[E,R]=l.useState(void 0),[be,ne]=l.useState(U===void 0?!(e<680):!U),[ae,le]=l.useState({x:0,y:0}),[j,ce]=l.useState(void 0),$=C?pt.ordinal().domain(f).range(u):ht.threshold().domain(f).range(u);l.useEffect(()=>{a.current&&(a.current.controls().enableZoom=b)},[b]),l.useEffect(()=>{a.current&&(j||y?a.current.controls().autoRotate=!1:(a.current.controls().autoRotate=n!==0,a.current.controls().autoRotateSpeed=n))},[j,y,n]),l.useEffect(()=>{if(a.current&&y){const o=G.find(v=>v.properties[c]===y),[r,i]=ut.getCentroidCoordinates(o);a.current.pointOfView({lat:i,lng:r,altitude:O},1e3)}},[y,O,G,c]),l.useEffect(()=>{const o=a.current?.renderer().domElement;if(!o)return;const r=i=>{le({x:i.clientX,y:i.clientY})};return o.addEventListener("mousemove",r),()=>o.removeEventListener("mousemove",r)},[]),l.useEffect(()=>{a.current&&a.current.pointOfView({lat:B,lng:_,altitude:O},1e3)},[O,_,B]);const w=N||new A.MeshBasicMaterial({color:"#FFF"}),L=l.useCallback(()=>{if(!a.current)return;const o=a.current.scene(),r=a.current.camera();let i=[];o.traverse(d=>{d instanceof A.Light&&i.push(d)}),i=[...i,...r.children],i.forEach(d=>d.parent?.remove(d)),P.map(d=>bt(d)).forEach((d,z)=>{P[z].type!=="ambient"&&P[z].position==="camera"?(r.add(d),P[z].type!=="point"&&r.add(d.target)):o.add(d)}),q&&(o.fog=new A.Fog(q.color,q.near,q.far))},[P,q]),D=()=>{W(!0),L()};return l.useEffect(()=>{V&&L()},[V,L]),s.jsxRuntimeExports.jsxs("div",{className:"relative",children:[s.jsxRuntimeExports.jsx(rt,{ref:a,height:m,width:e,globeOffset:p,lineHoverPrecision:0,polygonsData:G,polygonAltitude:o=>re.includes(o?.properties?.[c])||o?.properties?.[c]===y?ie*(o?.properties?.[c]===y?2:1):o?.properties?.[c]===j?.id||o?.properties?.[c]===E?.id?ie:h,polygonCapColor:o=>{const r=o?.properties?.[c],i=g.find(v=>v.id===r)?.x;return i!=null?$(i):ee},polygonSideColor:o=>{const r=o?.properties?.[c],i=g.find(d=>d.id===r)?.x,v=i!=null?$(i):ee;return re.includes(o?.properties?.[c])||o?.properties?.[c]===y?v:"rgba(100,100,100,0)"},polygonStrokeColor:o=>o?.properties?.[c]===j?.id?oe:K,onGlobeClick:()=>{R(void 0)},onPolygonClick:o=>{const r=o?.properties?.[c]?g.find(i=>i.id===o?.properties?.[c]):void 0;(F||S)&&(st.isEqual(E,r)&&ve&&r?(R(void 0),F?.(void 0)):(R(r),F?.(r)))},onPolygonHover:o=>{const r=o?.properties?.[c]?g.find(i=>i.id===o?.properties?.[c]):void 0;ce(r),ye?.(r)},atmosphereColor:xe,atmosphereAltitude:se,globeCurvatureResolution:I,globeMaterial:w,backgroundColor:"rgba(0, 0, 0, 0)",polygonsTransitionDuration:100,onGlobeReady:()=>{if(a.current){a.current.pointOfView({lat:B,lng:_});const o=a.current.scene();setTimeout(()=>{(o.children[3]?.children[0]?.children[4]?.children||[]).forEach(v=>{const d=v.children[1];d.renderOrder=2})},300);const r=a.current.camera();o.add(r),D()}}}),te===!1?null:s.jsxRuntimeExports.jsx("div",{className:s.mo("absolute left-4 bottom-4 map-color-legend",Q?.colorLegend),children:be?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"color-legend-close-button bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)] border border-[var(--gray-400)] rounded-full w-6 h-6 p-[3px] cursor-pointer z-10 absolute right-[-0.75rem] top-[-0.75rem]",onClick:()=>{ne(!1)},children:s.jsxRuntimeExports.jsx(ct.X,{})}),s.jsxRuntimeExports.jsxs("div",{className:"color-legend-box p-2 bg-[rgba(240,240,240,0.7)] dark:bg-[rgba(30,30,30,0.7)]",style:{width:C?void 0:"340px"},children:[x&&x!==""?s.jsxRuntimeExports.jsx(Je.j,{size:"xs",marginBottom:"xs",className:"p-0 leading-normal overflow-hidden text-primary-gray-700 dark:text-primary-gray-300",style:{display:"-webkit-box",WebkitLineClamp:"1",WebkitBoxOrient:"vertical"},children:x}):null,C?s.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-3",children:f.map((o,r)=>s.jsxRuntimeExports.jsxs("div",{className:"flex gap-2 items-center",children:[s.jsxRuntimeExports.jsx("div",{className:"w-2 h-2 rounded-full",style:{backgroundColor:u[r%u.length]}}),s.jsxRuntimeExports.jsx(Je.j,{size:"sm",marginBottom:"none",leading:"none",children:o})]},r))}):s.jsxRuntimeExports.jsx("svg",{width:"100%",viewBox:"0 0 320 30",direction:"ltr",children:s.jsxRuntimeExports.jsxs("g",{children:[f.map((o,r)=>s.jsxRuntimeExports.jsxs("g",{className:"cursor-pointer",children:[s.jsxRuntimeExports.jsx("rect",{x:r*320/u.length+1,y:1,width:320/u.length-2,height:8,style:{fill:u[r],stroke:u[r]}}),s.jsxRuntimeExports.jsx("text",{x:(r+1)*320/u.length,y:25,className:"fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",style:{textAnchor:"middle"},children:lt.numberFormattingFunction(o,"NA")})]},r)),s.jsxRuntimeExports.jsx("g",{children:s.jsxRuntimeExports.jsx("rect",{x:f.length*320/u.length+1,y:1,width:320/u.length-2,height:8,style:{fill:u[f.length],stroke:u[f.length]}})})]})})]})]}):s.jsxRuntimeExports.jsx("button",{type:"button",className:"mb-0 border-0 bg-transparent p-0 self-start",onClick:()=>{ne(!0)},children:s.jsxRuntimeExports.jsx("div",{className:"show-color-legend-button items-start text-sm font-medium cursor-pointer p-2 mb-0 flex text-primary-black dark:text-primary-gray-300 bg-primary-gray-300 dark:bg-primary-gray-600 border-primary-gray-400 dark:border-primary-gray-500",children:"Show Legend"})})}),j&&H?s.jsxRuntimeExports.jsx(at.Tooltip,{data:j,body:H,xPos:ae.x,yPos:ae.y,backgroundStyle:fe?.tooltip,className:Q?.tooltip}):null,S&&E!==void 0?s.jsxRuntimeExports.jsx(nt.le,{open:E!==void 0,onClose:()=>{R(void 0)},children:s.jsxRuntimeExports.jsx("div",{className:"graph-modal-content m-0",dangerouslySetInnerHTML:typeof S=="string"?{__html:dt.string2HTML(S,E)}:void 0,children:typeof S=="function"?S(E):null})}):null]})}function wt(t){const e=s.compilerRuntimeExports.c(96),{data:n,mapData:g,graphTitle:b,colors:C,sources:f,graphDescription:u,height:N,width:m,footNote:G,colorDomain:c,colorLegendTitle:K,scaleType:xe,padding:H,mapNoDataColor:fe,backgroundColor:Q,mapBorderColor:ee,relativeHeight:x,tooltip:te,graphID:oe,mapProperty:S,dataDownload:F,language:ye,minHeight:ve,theme:re,ariaLabel:O,styles:p,classNames:h,autoRotate:_,enableZoom:B,globeMaterial:se,centerPoint:I,atmosphereColor:q,showColorScale:P,resetSelectionOnDoubleClick:ie,detailsOnClick:y,onSeriesMouseOver:U,onSeriesMouseClick:V,highlightedIds:W,highlightedAltitude:a,scale:E,globeOffset:R,polygonAltitude:be,globeCurvatureResolution:ne,atmosphereAltitude:ae,fogSettings:le,lights:j,selectedId:ce,collapseColorScaleByDefault:$}=t,w=g===void 0?"https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json":g,L=G===void 0?"The designations employed and the presentation of material on this map do not imply the expression of any opinion whatsoever on the part of the Secretariat of the United Nations or UNDP concerning the legal status of any country, territory, city or area or its authorities, or concerning the delimitation of its frontiers or boundaries.":G,D=xe===void 0?"threshold":xe,o=fe===void 0?Y.Colors.light.graphNoData:fe,r=Q===void 0?!1:Q,i=ee===void 0?Y.Colors.light.grays["gray-500"]:ee,v=S===void 0?"ISO3":S,d=F===void 0?!1:F,z=ye===void 0?"en":ye,k=ve===void 0?0:ve,M=re===void 0?"light":re,de=_===void 0?!0:_,Me=B===void 0?!0:B;let je;e[0]!==I?(je=I===void 0?[0,0]:I,e[0]=I,e[1]=je):je=e[1];const we=je,ze=q===void 0?"#999":q,Te=P===void 0?!0:P,Ae=ie===void 0?!0:ie;let Ce;e[2]!==W?(Ce=W===void 0?[]:W,e[2]=W,e[3]=Ce):Ce=e[3];const Ge=Ce,He=a===void 0?.1:a,Fe=E===void 0?1:E;let Se;e[4]!==R?(Se=R===void 0?[0,0]:R,e[4]=R,e[5]=Se):Se=e[5];const _e=Se,Be=be===void 0?.01:be,Ie=ne===void 0?4:ne,Ue=ae===void 0?.15:ae;let Ee;e[6]!==j?(Ee=j===void 0?[{type:"ambient",color:4210752,intensity:.4},{type:"directional",color:16777215,intensity:1,position:{x:5,y:10,z:5}}]:j,e[6]=j,e[7]=Ee):Ee=e[7];const Ve=Ee,[Re,Ye]=l.useState(void 0),[T,Ke]=l.useState(0),[ue,Qe]=l.useState(0),We=l.useRef(null),et=l.useRef(null);let De,ke;e[8]===Symbol.for("react.memo_cache_sentinel")?(De=()=>{const me=new ResizeObserver(ge=>{Ke(ge[0].target.clientWidth||620),Qe(ge[0].target.clientHeight||480)});return We.current&&me.observe(We.current),()=>me.disconnect()},ke=[],e[8]=De,e[9]=ke):(De=e[8],ke=e[9]),l.useEffect(De,ke);let Ne;e[10]===Symbol.for("react.memo_cache_sentinel")?(Ne=me=>{Ye(me)},e[10]=Ne):Ne=e[10];const pe=l.useEffectEvent(Ne);let Oe;e[11]!==w||e[12]!==pe?(Oe=()=>{typeof w=="string"?xt.fetchAndParseJSON(w).then(ge=>{if(w==="https://raw.githubusercontent.com/UNDP-Data/dv-country-geojson/refs/heads/main/worldMap-simplified.json"){const tt=ge.features.map(Nt);pe(tt)}else pe(ge.features)}):pe(w.features)},e[11]=w,e[12]=pe,e[13]=Oe):Oe=e[13];let qe;e[14]!==w?(qe=[w],e[14]=w,e[15]=qe):qe=e[15],l.useEffect(Oe,qe);let Pe;e[16]!==c||e[17]!==C?.length||e[18]!==n||e[19]!==D?(Pe=c||(D==="categorical"?ft.getUniqValue(n,"x"):yt.getJenks(n.map(kt),C?.length||4)),e[16]=c,e[17]=C?.length,e[18]=n,e[19]=D,e[20]=Pe):Pe=e[20];const he=Pe,$e=h?.graphContainer,Ze=p?.graphContainer;let Z;e[21]!==h?.description||e[22]!==h?.title||e[23]!==n||e[24]!==d||e[25]!==u||e[26]!==b||e[27]!==p?.description||e[28]!==p?.title||e[29]!==m?(Z=b||u||d?s.jsxRuntimeExports.jsx(mt.GraphHeader,{styles:{title:p?.title,description:p?.description},classNames:{title:h?.title,description:h?.description},graphTitle:b,graphDescription:u,width:m,graphDownload:void 0,dataDownload:d?n.map(Dt).filter(Rt).length>0?n.map(Et).filter(St):n.filter(Ct):null}):null,e[21]=h?.description,e[22]=h?.title,e[23]=n,e[24]=d,e[25]=u,e[26]=b,e[27]=p?.description,e[28]=p?.title,e[29]=m,e[30]=Z):Z=e[30];let J;e[31]!==Ue||e[32]!==ze||e[33]!==de||e[34]!==we||e[35]!==h||e[36]!==$||e[37]!==K||e[38]!==C||e[39]!==n||e[40]!==y||e[41]!==he||e[42]!==Me||e[43]!==le||e[44]!==Ie||e[45]!==se||e[46]!==_e||e[47]!==N||e[48]!==He||e[49]!==Ge||e[50]!==Ve||e[51]!==i||e[52]!==o||e[53]!==v||e[54]!==Re||e[55]!==k||e[56]!==V||e[57]!==U||e[58]!==Be||e[59]!==x||e[60]!==Ae||e[61]!==Fe||e[62]!==D||e[63]!==ce||e[64]!==Te||e[65]!==p||e[66]!==ue||e[67]!==T||e[68]!==M||e[69]!==te||e[70]!==m?(J=s.jsxRuntimeExports.jsx(Xe.GraphArea,{ref:We,children:T&&ue&&Re?s.jsxRuntimeExports.jsx(jt,{data:n,globeOffset:_e,polygonData:Re,colorDomain:he,width:T,height:ue,colors:C||(D==="categorical"?Y.Colors[M].sequentialColors[`neutralColorsx0${he.length}`]:Y.Colors[M].sequentialColors[`neutralColorsx0${he.length+1}`]),mapNoDataColor:o,categorical:D==="categorical",mapBorderColor:i,tooltip:te,mapProperty:v,styles:p,classNames:h,autoRotate:de===!0?1.5:de===!1?0:de,enableZoom:Me,globeMaterial:se,atmosphereColor:ze,colorLegendTitle:K,showColorScale:Te,hoverStrokeColor:M==="light"?Y.Colors.light.grays["gray-700"]:Y.Colors.light.grays["gray-300"],highlightedIds:Ge,resetSelectionOnDoubleClick:Ae,detailsOnClick:y,onSeriesMouseOver:U,onSeriesMouseClick:V,scale:Fe,polygonAltitude:Be,centerLat:we[0],centerLng:we[1],atmosphereAltitude:Ue,globeCurvatureResolution:Ie,fogSettings:le,lights:Ve,highlightedAltitude:He,selectedId:ce,collapseColorScaleByDefault:$}):s.jsxRuntimeExports.jsx("div",{style:{height:`${Math.max(k,N||(x?k?(m||T)*x>k?(m||T)*x:k:(m||T)*x:ue))}px`},className:"flex items-center justify-center",children:s.jsxRuntimeExports.jsx(ot.w,{"aria-label":"Loading graph"})})}),e[31]=Ue,e[32]=ze,e[33]=de,e[34]=we,e[35]=h,e[36]=$,e[37]=K,e[38]=C,e[39]=n,e[40]=y,e[41]=he,e[42]=Me,e[43]=le,e[44]=Ie,e[45]=se,e[46]=_e,e[47]=N,e[48]=He,e[49]=Ge,e[50]=Ve,e[51]=i,e[52]=o,e[53]=v,e[54]=Re,e[55]=k,e[56]=V,e[57]=U,e[58]=Be,e[59]=x,e[60]=Ae,e[61]=Fe,e[62]=D,e[63]=ce,e[64]=Te,e[65]=p,e[66]=ue,e[67]=T,e[68]=M,e[69]=te,e[70]=m,e[71]=J):J=e[71];let X;e[72]!==h?.footnote||e[73]!==h?.source||e[74]!==L||e[75]!==f||e[76]!==p?.footnote||e[77]!==p?.source||e[78]!==m?(X=f||L?s.jsxRuntimeExports.jsx(gt.GraphFooter,{styles:{footnote:p?.footnote,source:p?.source},classNames:{footnote:h?.footnote,source:h?.source},sources:f,footNote:L,width:m}):null,e[72]=h?.footnote,e[73]=h?.source,e[74]=L,e[75]=f,e[76]=p?.footnote,e[77]=p?.source,e[78]=m,e[79]=X):X=e[79];let Le;return e[80]!==O||e[81]!==r||e[82]!==oe||e[83]!==N||e[84]!==z||e[85]!==k||e[86]!==H||e[87]!==x||e[88]!==$e||e[89]!==Ze||e[90]!==Z||e[91]!==J||e[92]!==X||e[93]!==M||e[94]!==m?(Le=s.jsxRuntimeExports.jsxs(Xe.GraphContainer,{className:$e,style:Ze,id:oe,ref:et,"aria-label":O,backgroundColor:r,theme:M,language:z,minHeight:k,width:m,height:N,relativeHeight:x,padding:H,children:[Z,J,X]}),e[80]=O,e[81]=r,e[82]=oe,e[83]=N,e[84]=z,e[85]=k,e[86]=H,e[87]=x,e[88]=$e,e[89]=Ze,e[90]=Z,e[91]=J,e[92]=X,e[93]=M,e[94]=m,e[95]=Le):Le=e[95],Le}function Ct(t){return t!==void 0}function St(t){return t!==void 0}function Et(t){return t.data}function Rt(t){return t!==void 0}function Dt(t){return t.data}function kt(t){return t.x}function Nt(t){if(t.geometry.type==="Polygon"){const g=[...t.geometry.coordinates[0]].reverse(),b={...t.geometry,coordinates:[g]};return{...t,geometry:b}}const e=[];t.geometry.coordinates.forEach(g=>{const b=[...g[0]].reverse();e.push([b])});const n={...t.geometry,coordinates:e};return{...t,geometry:n}}exports.ThreeDGlobe=wt;
 //# sourceMappingURL=ThreeDGlobe.cjs.map