@undp/data-viz 2.5.4 → 2.6.1

package/dist/LineChartWithConfidenceInterval-BiSJpLry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartWithConfidenceInterval-BiSJpLry.js","names":[],"sources":["../src/Components/Graphs/LineCharts/LineChartWithConfidenceInterval/Graph.tsx","../src/Components/Graphs/LineCharts/LineChartWithConfidenceInterval/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { bisectCenter } from 'd3-array';\nimport { scaleLinear, scaleTime } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport {\n  area,\n  curveLinear,\n  curveMonotoneX,\n  curveStep,\n  curveStepAfter,\n  curveStepBefore,\n  line,\n} from 'd3-shape';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport orderBy from 'lodash.orderby';\nimport { motion, useInView } from 'motion/react';\nimport { useEffect, useRef, useState } from 'react';\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\nimport { Annotation } from '@/Components/Elements/Annotations';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  LineChartWithConfidenceIntervalDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: LineChartWithConfidenceIntervalDataType[];\n  lineColor: string;\n  width: number;\n  height: number;\n  suffix: string;\n  prefix: string;\n  dateFormat: string;\n  showValues?: boolean;\n  noOfXTicks: number;\n  rightMargin: number;\n  leftMargin: number;\n  topMargin: number;\n  bottomMargin: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues: ReferenceDataType[];\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\n  maxValue?: number;\n  minValue?: number;\n  animate: AnimateDataType;\n  rtl: boolean;\n  strokeWidth: number;\n  showDots: boolean;\n  annotations: AnnotationSettingsDataType[];\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\n  regressionLine: boolean | string;\n  showIntervalDots: boolean;\n  showIntervalValues: boolean;\n  intervalLineStrokeWidth: number;\n  intervalLineColors: [string, string];\n  intervalAreaColor: string;\n  intervalAreaOpacity: number;\n  yAxisTitle?: string;\n  noOfYTicks: number;\n  minDate?: string | number;\n  maxDate?: string | number;\n  curveType: CurveTypes;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  locale: string;\n  padZeros: boolean;\n}\ninterface FormattedDataType {\n  y: number;\n  date: Date;\n  yMin: number;\n  yMax: number;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    width,\n    height,\n    lineColor,\n    suffix,\n    prefix,\n    dateFormat,\n    highlightAreaSettings,\n    showValues,\n    noOfXTicks,\n    rightMargin,\n    leftMargin,\n    topMargin,\n    bottomMargin,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    minValue,\n    maxValue,\n    animate,\n    rtl,\n    strokeWidth,\n    showDots,\n    annotations,\n    customHighlightAreaSettings,\n    regressionLine,\n    showIntervalDots,\n    showIntervalValues,\n    intervalLineStrokeWidth,\n    intervalLineColors,\n    intervalAreaColor,\n    intervalAreaOpacity,\n    yAxisTitle,\n    noOfYTicks,\n    minDate,\n    maxDate,\n    curveType,\n    styles,\n    classNames,\n    precision,\n    customLayers,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const [hasAnimatedOnce, setHasAnimatedOnce] = useState(false);\n\n  useEffect(() => {\n    if (isInView && !hasAnimatedOnce) {\n      const timeout = setTimeout(\n        () => {\n          setHasAnimatedOnce(true);\n        },\n        (animate.duration + 0.5) * 1000,\n      );\n      return () => clearTimeout(timeout);\n    }\n  }, [isInView, hasAnimatedOnce, animate.duration]);\n  const curve =\n    curveType === 'linear'\n      ? curveLinear\n      : curveType === 'step'\n        ? curveStep\n        : curveType === 'stepAfter'\n          ? curveStepAfter\n          : curveType === 'stepBefore'\n            ? curveStepBefore\n            : curveMonotoneX;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  const MouseoverRectRef = useRef(null);\n  const dataFormatted: FormattedDataType[] = orderBy(\n    data\n      .filter((d) => !checkIfNullOrUndefined(d.y))\n      .map((d) => ({\n        date: parse(`${d.date}`, dateFormat, new Date()),\n        y: d.y as number,\n        yMin: checkIfNullOrUndefined(d.yMin) ? (d.y as number) : (d.yMin as number),\n        yMax: checkIfNullOrUndefined(d.yMax) ? (d.y as number) : (d.yMax as number),\n        data: d.data,\n      })),\n    ['date'],\n    ['asc'],\n  );\n  const highlightAreaSettingsFormatted = highlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: [\n      d.coordinates[0] === null ? null : parse(`${d.coordinates[0]}`, dateFormat, new Date()),\n      d.coordinates[1] === null ? null : parse(`${d.coordinates[1]}`, dateFormat, new Date()),\n    ],\n  }));\n  const customHighlightAreaSettingsFormatted = customHighlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: d.coordinates.map((el, j) =>\n      j % 2 === 0 ? parse(`${el}`, dateFormat, new Date()) : (el as number),\n    ),\n  }));\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n  const minYear = minDate ? parse(`${minDate}`, dateFormat, new Date()) : dataFormatted[0].date;\n  const maxYear = maxDate\n    ? parse(`${maxDate}`, dateFormat, new Date())\n    : dataFormatted[dataFormatted.length - 1].date;\n  const minParam: number = !checkIfNullOrUndefined(minValue)\n    ? (minValue as number)\n    : Math.min(...dataFormatted.map((d) => Math.min(d.y, d.yMax, d.yMin)))\n      ? Math.min(...dataFormatted.map((d) => Math.min(d.y, d.yMax, d.yMin))) > 0\n        ? 0\n        : Math.min(...dataFormatted.map((d) => Math.min(d.y, d.yMax, d.yMin)))\n      : 0;\n  const maxParam: number = Math.max(...dataFormatted.map((d) => Math.max(d.y, d.yMax, d.yMin)))\n    ? Math.max(...dataFormatted.map((d) => Math.max(d.y, d.yMax, d.yMin)))\n    : 0;\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\n  const y = scaleLinear()\n    .domain([\n      minParam,\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\n    ])\n    .range([graphHeight, 0])\n    .nice();\n\n  const lineShape = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.y))\n    .curve(curve);\n\n  const lineShapeMin = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.yMin))\n    .curve(curve);\n\n  const lineShapeMax = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.yMax))\n    .curve(curve);\n\n  const areaShape = area<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y0((d) => y(d.yMin))\n    .y1((d) => y(d.yMax))\n    .curve(curve);\n\n  const yTicks = y.ticks(noOfYTicks);\n\n  const xTicks = x.ticks(noOfXTicks);\n\n  useEffect(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    const mousemove = (event: any) => {\n      const selectedData =\n        dataFormatted[\n          bisectCenter(\n            dataFormatted.map((d) => d.date),\n            x.invert(pointer(event)[0]),\n            0,\n          )\n        ];\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\n      setEventY(event.clientY);\n      setEventX(event.clientX);\n    };\n    const mouseout = () => {\n      setMouseOverData(undefined);\n      setEventX(undefined);\n      setEventY(undefined);\n      onSeriesMouseOver?.(undefined);\n    };\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\n  }, [x, dataFormatted, onSeriesMouseOver]);\n  const regressionLineParam = linearRegression(\n    dataFormatted\n      .filter((d) => !checkIfNullOrUndefined(d.date) && !checkIfNullOrUndefined(d.y))\n      .map((d) => [x(d.date), y(d.y as number)]),\n  );\n  const predict = linearRegressionLine(regressionLineParam);\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <HighlightArea\n            areaSettings={highlightAreaSettingsFormatted}\n            width={graphWidth}\n            height={graphHeight}\n            scale={x}\n            animate={animate}\n            isInView={isInView}\n          />\n          <CustomArea\n            areaSettings={customHighlightAreaSettingsFormatted}\n            scaleX={x}\n            scaleY={y}\n            animate={animate}\n            isInView={isInView}\n          />\n          <g>\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              labelPos='vertical'\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n            <Axis\n              y1={y(minParam < 0 ? 0 : minParam)}\n              y2={y(minParam < 0 ? 0 : minParam)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              label={numberFormattingFunction(\n                minParam < 0 ? 0 : minParam,\n                undefined,\n                precision,\n                prefix,\n                suffix,\n                locale,\n                padZeros,\n              )}\n              labelPos={{\n                x: 0 - leftMargin,\n                y: y(minParam < 0 ? 0 : minParam),\n                dx: 0,\n                dy: maxParam < 0 ? '1em' : -5,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: styles?.yAxis?.labels,\n              }}\n            />\n            <AxisTitle\n              x={0 - leftMargin + 15}\n              y={graphHeight / 2}\n              style={styles?.yAxis?.title}\n              className={classNames?.yAxis?.title}\n              text={yAxisTitle}\n              rotate90\n            />\n          </g>\n          <g>\n            {xTicks.map((d, i) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <g key={i}>\n                <text\n                  y={graphHeight}\n                  x={x(d)}\n                  style={{ textAnchor: 'middle' }}\n                  className='fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs'\n                  dy={15}\n                >\n                  {format(d, dateFormat)}\n                </text>\n              </g>\n            ))}\n          </g>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <motion.path\n            style={{\n              fill: intervalAreaColor,\n            }}\n            exit={{ opacity: 0, transition: { duration: animate.duration } }}\n            variants={{\n              initial: { opacity: 0, d: areaShape(dataFormatted) || '' },\n              whileInView: {\n                opacity: intervalAreaOpacity,\n                d: areaShape(dataFormatted) || '',\n                transition: { duration: animate.duration },\n              },\n            }}\n            initial='initial'\n            animate={isInView ? 'whileInView' : 'initial'}\n          />\n          {intervalLineStrokeWidth ? (\n            <>\n              <motion.path\n                style={{\n                  stroke: intervalLineColors[0],\n                  fill: 'none',\n                  strokeWidth: intervalLineStrokeWidth,\n                }}\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                variants={{\n                  initial: {\n                    pathLength: 0,\n                    d: lineShapeMin(dataFormatted) || '',\n                    opacity: 1,\n                  },\n                  whileInView: {\n                    pathLength: 1,\n                    d: lineShapeMin(dataFormatted) || '',\n                    opacity: 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n              />\n              <motion.path\n                style={{\n                  stroke: intervalLineColors[1],\n                  fill: 'none',\n                  strokeWidth: intervalLineStrokeWidth,\n                }}\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                variants={{\n                  initial: {\n                    pathLength: 0,\n                    d: lineShapeMax(dataFormatted) || '',\n                    opacity: 1,\n                  },\n                  whileInView: {\n                    pathLength: 1,\n                    d: lineShapeMax(dataFormatted) || '',\n                    opacity: 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n              />\n            </>\n          ) : null}\n          <motion.path\n            style={{\n              stroke: lineColor,\n              fill: 'none',\n              strokeWidth,\n            }}\n            exit={{ opacity: 0, transition: { duration: animate.duration } }}\n            variants={{\n              initial: {\n                pathLength: 0,\n                d: lineShape(dataFormatted) || '',\n                opacity: 1,\n              },\n              whileInView: {\n                pathLength: 1,\n                d: lineShape(dataFormatted) || '',\n                opacity: 1,\n                transition: { duration: animate.duration },\n              },\n            }}\n            initial='initial'\n            animate={isInView ? 'whileInView' : 'initial'}\n          />\n          {mouseOverData ? (\n            <line\n              y1={0}\n              y2={graphHeight}\n              x1={x(mouseOverData.date)}\n              x2={x(mouseOverData.date)}\n              className={cn(\n                'undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100',\n                classNames?.mouseOverLine,\n              )}\n              style={styles?.mouseOverLine}\n            />\n          ) : null}\n          <g>\n            {dataFormatted.map((d, i) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <motion.g key={i}>\n                {!checkIfNullOrUndefined(d.y) ? (\n                  <>\n                    {showDots ? (\n                      <motion.circle\n                        r={\n                          graphWidth / dataFormatted.length < 5\n                            ? 0\n                            : graphWidth / dataFormatted.length < 20\n                              ? 2\n                              : 4\n                        }\n                        style={{ fill: lineColor }}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: { opacity: 0, cx: x(d.date), cy: y(d.y) },\n                          whileInView: {\n                            opacity: 1,\n                            transition: {\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\n                            },\n                            cx: x(d.date),\n                            cy: y(d.y),\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                      />\n                    ) : null}\n                    {showIntervalDots ? (\n                      <>\n                        <motion.circle\n                          r={\n                            graphWidth / dataFormatted.length < 5\n                              ? 0\n                              : graphWidth / dataFormatted.length < 20\n                                ? 2\n                                : 4\n                          }\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[0],\n                              cx: x(d.date),\n                              cy: y(d.yMin),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                              cx: x(d.date),\n                              cy: y(d.yMin),\n                              fill: intervalLineColors[0],\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        />\n                        <motion.circle\n                          r={\n                            graphWidth / dataFormatted.length < 5\n                              ? 0\n                              : graphWidth / dataFormatted.length < 20\n                                ? 2\n                                : 4\n                          }\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[1],\n                              cx: x(d.date),\n                              cy: y(d.yMax),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              fill: intervalLineColors[1],\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                              cx: x(d.date),\n                              cy: y(d.yMax),\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        />\n                      </>\n                    ) : null}\n                    {showValues ? (\n                      <motion.text\n                        dy={-8}\n                        style={{\n                          textAnchor: 'middle',\n                          ...(styles?.graphObjectValues || {}),\n                        }}\n                        className={cn(\n                          'graph-value text-xs font-bold',\n                          classNames?.graphObjectValues,\n                        )}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: { opacity: 0, fill: lineColor, x: x(d.date), y: y(d.y) },\n                          whileInView: {\n                            opacity: 1,\n                            x: x(d.date),\n                            fill: lineColor,\n                            y: y(d.y),\n                            transition: {\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\n                            },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                      >\n                        {numberFormattingFunction(\n                          d.y,\n                          undefined,\n                          precision,\n                          prefix,\n                          suffix,\n                          locale,\n                          padZeros,\n                        )}\n                      </motion.text>\n                    ) : null}\n                    {showIntervalValues ? (\n                      <>\n                        <motion.text\n                          dy='1em'\n                          style={{\n                            textAnchor: 'middle',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          className={cn('text-xs font-bold', classNames?.graphObjectValues)}\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[0],\n                              x: x(d.date),\n                              y: y(d.yMin),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              x: x(d.date),\n                              y: y(d.yMin),\n                              fill: intervalLineColors[0],\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        >\n                          {numberFormattingFunction(\n                            d.yMin,\n                            undefined,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                        <motion.text\n                          dy={-8}\n                          style={{\n                            textAnchor: 'middle',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          className={cn('text-xs font-bold', classNames?.graphObjectValues)}\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[1],\n                              x: x(d.date),\n                              y: y(d.yMax),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              fill: intervalLineColors[1],\n                              x: x(d.date),\n                              y: y(d.yMax),\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        >\n                          {numberFormattingFunction(\n                            d.yMax,\n                            undefined,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                      </>\n                    ) : null}\n                  </>\n                ) : null}\n              </motion.g>\n            ))}\n          </g>\n          {refValues.map((el) => (\n            <RefLineY\n              key={el.text}\n              text={el.text}\n              color={el.color}\n              y={y(el.value as number)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              classNames={el.classNames}\n              styles={el.styles}\n              animate={animate}\n              isInView={isInView}\n            />\n          ))}\n          <g>\n            {annotations.map((d) => {\n              const endPoints = getLineEndPoint(\n                {\n                  x: d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                  y: d.yCoordinate\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                    : 0 + (d.yOffset || 0) - 8,\n                },\n                {\n                  x: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                  y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                },\n                checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\n              );\n              const connectorSettings = d.showConnector\n                ? {\n                    y1: endPoints.y,\n                    x1: endPoints.x,\n                    y2: d.yCoordinate\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0)\n                      : 0 + (d.yOffset || 0),\n                    x2: d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                    cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                    cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                    circleRadius: checkIfNullOrUndefined(d.connectorRadius)\n                      ? 3.5\n                      : (d.connectorRadius as number),\n                    strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\n                  }\n                : undefined;\n              const labelSettings = {\n                y: d.yCoordinate\n                  ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                  : 0 + (d.yOffset || 0) - 8,\n                x: rtl\n                  ? 0\n                  : d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                width: rtl\n                  ? d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0)\n                  : graphWidth +\n                    margin.right -\n                    (d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0)),\n                maxWidth: d.maxWidth,\n                fontWeight: d.fontWeight,\n                align: d.align,\n              };\n              return (\n                <Annotation\n                  key={d.text}\n                  color={d.color}\n                  connectorsSettings={connectorSettings}\n                  labelSettings={labelSettings}\n                  text={d.text}\n                  classNames={d.classNames}\n                  styles={d.styles}\n                  animate={animate}\n                  isInView={isInView}\n                />\n              );\n            })}\n          </g>\n          <g>\n            {regressionLine ? (\n              <RegressionLine\n                x1={0}\n                x2={graphWidth}\n                y1={predict(0)}\n                y2={predict(graphWidth)}\n                graphHeight={graphHeight}\n                graphWidth={graphWidth}\n                className={classNames?.regLine}\n                style={styles?.regLine}\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\n                animate={animate}\n                isInView={isInView}\n              />\n            ) : null}\n          </g>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n          <rect\n            ref={MouseoverRectRef}\n            style={{\n              fill: 'none',\n              pointerEvents: 'all',\n            }}\n            width={graphWidth}\n            height={graphHeight}\n          />\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegend } from '@/Components/Elements/ColorLegend';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  Languages,\n  LineChartWithConfidenceIntervalDataType,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { getNoOfTicks } from '@/Utils/getNoOfTicks';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: LineChartWithConfidenceIntervalDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors of the line */\n  lineColor?: string;\n  /** Colors of the interval area */\n  intervalAreaColor?: string;\n  /** Colors of the top and bottom lines of the interval */\n  intervalLineColors?: [string, string];\n  /** Colors for the legend */\n  colorLegendColors?: string[];\n  /** Domain of colors for the legend */\n  colorLegendDomain?: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Maximum value of the date for the chart */\n  maxDate?: string | number;\n  /** Minimum value of the date for the chart */\n  minDate?: string | number;\n  /** No. of ticks on the x-axis  */\n  noOfXTicks?: number;\n  /** No. of ticks on the y-axis  */\n  noOfYTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Toggle visibility of values of the interval area */\n  showIntervalValues?: boolean;\n  /** Toggle visibility of dots on the line */\n  showDots?: boolean;\n  /** Toggle visibility of dots on the line of te interval area */\n  showIntervalDots?: boolean;\n  /** Stroke width of the line */\n  strokeWidth?: number;\n  /** Stroke width of the lines of the interval area */\n  intervalLineStrokeWidth?: number;\n  /** Opacity of the interval area */\n  intervalAreaOpacity?: number;\n  /** Toggle the initial animation of the line. If the type is number then it uses the number as the time in seconds for animation. */\n  animate?: boolean | AnimateDataType;\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\n  dateFormat?: string;\n  /** Title for the Y-axis */\n  yAxisTitle?: string;\n  /** Annotations on the chart */\n  annotations?: AnnotationSettingsDataType[];\n  /** Highlighted area(square) on the chart  */\n  highlightAreaSettings?: HighlightAreaSettingsDataType[];\n  /** Highlighted area(custom shape) on the chart  */\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];\n  /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */\n  regressionLine?: boolean | string;\n  /** Curve type for the line */\n  curveType?: CurveTypes;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n\n  // Interactions and Callbacks\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 */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function LineChartWithConfidenceInterval(props: Props) {\n  const {\n    data,\n    graphTitle,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote,\n    noOfXTicks = 10,\n    dateFormat = 'yyyy',\n    showValues = false,\n    backgroundColor = false,\n    padding,\n    lineColor,\n    leftMargin = 30,\n    rightMargin = 30,\n    topMargin = 20,\n    bottomMargin = 25,\n    tooltip,\n    refValues = [],\n    highlightAreaSettings = [],\n    relativeHeight,\n    onSeriesMouseOver,\n    graphID,\n    minValue,\n    maxValue,\n    regressionLine = false,\n    showIntervalDots = false,\n    showIntervalValues = false,\n    intervalLineStrokeWidth = 0,\n    intervalLineColors = [Colors.light.grays['gray-500'], Colors.light.grays['gray-500']],\n    intervalAreaColor = Colors.primaryColors['blue-100'],\n    intervalAreaOpacity = 0.4,\n    graphDownload = false,\n    dataDownload = false,\n    animate = false,\n    language = 'en',\n    minHeight = 0,\n    strokeWidth = 2,\n    showDots = true,\n    annotations = [],\n    customHighlightAreaSettings = [],\n    theme = 'light',\n    ariaLabel,\n    yAxisTitle,\n    noOfYTicks = 5,\n    minDate,\n    maxDate,\n    colorLegendTitle,\n    colorLegendColors,\n    colorLegendDomain,\n    curveType = 'curve',\n    styles,\n    classNames,\n    customLayers = [],\n    numberDisplayOptions,\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {colorLegendColors && colorLegendDomain && data.length > 0 ? (\n        <ColorLegend\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={colorLegendColors}\n          colorDomain={colorLegendDomain}\n          showNAColor={false}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={data}\n            lineColor={lineColor || Colors.primaryColors['blue-600']}\n            width={svgWidth}\n            height={svgHeight}\n            dateFormat={dateFormat}\n            showValues={showValues}\n            noOfXTicks={noOfXTicks ?? getNoOfTicks(svgWidth)}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            tooltip={tooltip}\n            highlightAreaSettings={highlightAreaSettings}\n            onSeriesMouseOver={onSeriesMouseOver}\n            refValues={refValues}\n            minValue={minValue}\n            maxValue={maxValue}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            rtl={language === 'he' || language === 'ar'}\n            strokeWidth={strokeWidth}\n            showDots={showDots}\n            annotations={annotations}\n            customHighlightAreaSettings={customHighlightAreaSettings}\n            regressionLine={regressionLine}\n            showIntervalDots={showIntervalDots}\n            showIntervalValues={showIntervalValues}\n            intervalLineStrokeWidth={intervalLineStrokeWidth}\n            intervalLineColors={intervalLineColors}\n            intervalAreaColor={intervalAreaColor}\n            intervalAreaOpacity={intervalAreaOpacity}\n            yAxisTitle={yAxisTitle}\n            noOfYTicks={noOfYTicks}\n            minDate={minDate}\n            maxDate={maxDate}\n            curveType={curveType}\n            styles={styles}\n            classNames={classNames}\n            customLayers={customLayers}\n            locale={numberDisplayOptions?.locale || 'en'}\n            padZeros={numberDisplayOptions?.padZeros || false}\n            suffix={numberDisplayOptions?.suffix || ''}\n            prefix={numberDisplayOptions?.prefix || ''}\n            precision={numberDisplayOptions?.precision ?? 2}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/LineChartWithConfidenceInterval-D4aZ2CEy.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Colors.cjs`),r=require(`./ColorLegend.cjs`),i=require(`./GraphFooter.cjs`),a=require(`./GraphHeader.cjs`),o=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),s=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./parse-C718o4YM.cjs`),l=require(`./lodash.orderby-Us2PHq2D.cjs`),ee=require(`./EmptyState-Bq7ZJmZB.cjs`),te=require(`./init-BTypmXMF.cjs`),u=require(`./linear-B93YyHf_.cjs`),d=require(`./time-B9tsaA4g.cjs`),f=require(`./proxy-DaRMphjR.cjs`),ne=require(`./use-in-view-C4EPQfwM.cjs`),re=require(`./Axis-BbfI4T5K.cjs`),ie=require(`./AxisTitle-Co2DmqOy.cjs`),p=require(`./numberFormattingFunction-Caf5NyIo.cjs`),ae=require(`./YTicksAndGridLines-CRW_R845.cjs`),oe=require(`./ReferenceLine-Dltt-xtO.cjs`),se=require(`./Tooltip-CO_iOj_w.cjs`),m=require(`./line-DoUnRqpS.cjs`),ce=require(`./area-Cwt2IPSp.cjs`),h=require(`./step-C_FLQezZ.cjs`),le=require(`./getNoOfTicks-CwG9lMmQ.cjs`),ue=require(`./select-CZVfejpg.cjs`),de=require(`./pointer-nSSkgdlX.cjs`),g=require(`./getLineEndPoint-CahgY2dz.cjs`),fe=require(`./HighlightArea-CJ2XwY67.cjs`),pe=require(`./simple-statistics-B4XnKTMF.cjs`),me=require(`./RegressionLine-Cju7e0DE.cjs`);let _=require(`@undp/design-system-react/cn`),v=require(`react`);var he=e.a(l.t(),1),y=t.t();function ge(e){let{data:t,width:n,height:r,lineColor:i,suffix:a,prefix:s,dateFormat:l,highlightAreaSettings:ee,showValues:le,noOfXTicks:ge,rightMargin:_e,leftMargin:b,topMargin:ve,bottomMargin:ye,tooltip:x,onSeriesMouseOver:S,refValues:C,minValue:w,maxValue:T,animate:E,rtl:D,strokeWidth:be,showDots:xe,annotations:Se,customHighlightAreaSettings:Ce,regressionLine:O,showIntervalDots:we,showIntervalValues:Te,intervalLineStrokeWidth:k,intervalLineColors:A,intervalAreaColor:Ee,intervalAreaOpacity:De,yAxisTitle:j,noOfYTicks:M,minDate:N,maxDate:P,curveType:F,styles:I,classNames:L,precision:R,customLayers:z,locale:B,padZeros:V}=e,H=(0,v.useRef)(null),U=ne.t(H,{once:E.once,amount:E.amount}),[W,Oe]=(0,v.useState)(!1);(0,v.useEffect)(()=>{if(U&&!W){let e=setTimeout(()=>{Oe(!0)},(E.duration+.5)*1e3);return()=>clearTimeout(e)}},[U,W,E.duration]);let G=F===`linear`?m.i:F===`step`?h.r:F===`stepAfter`?h.t:F===`stepBefore`?h.n:h.i,[K,ke]=(0,v.useState)(void 0),[Ae,je]=(0,v.useState)(void 0),[Me,Ne]=(0,v.useState)(void 0),q={top:ve,bottom:ye,left:j?b+30:b,right:_e},Pe=(0,v.useRef)(null),J=(0,he.default)(t.filter(e=>!o.t(e.y)).map(e=>({date:c.t(`${e.date}`,l,new Date),y:e.y,yMin:o.t(e.yMin)?e.y:e.yMin,yMax:o.t(e.yMax)?e.y:e.yMax,data:e.data})),[`date`],[`asc`]),Fe=ee.map(e=>({...e,coordinates:[e.coordinates[0]===null?null:c.t(`${e.coordinates[0]}`,l,new Date),e.coordinates[1]===null?null:c.t(`${e.coordinates[1]}`,l,new Date)]})),Ie=Ce.map(e=>({...e,coordinates:e.coordinates.map((e,t)=>t%2==0?c.t(`${e}`,l,new Date):e)})),Y=n-q.left-q.right,X=r-q.top-q.bottom,Le=N?c.t(`${N}`,l,new Date):J[0].date,Re=P?c.t(`${P}`,l,new Date):J[J.length-1].date,Z=o.t(w)?Math.min(...J.map(e=>Math.min(e.y,e.yMax,e.yMin)))?Math.min(...J.map(e=>Math.min(e.y,e.yMax,e.yMin)))>0?0:Math.min(...J.map(e=>Math.min(e.y,e.yMax,e.yMin))):0:w,ze=Math.max(...J.map(e=>Math.max(e.y,e.yMax,e.yMin)))?Math.max(...J.map(e=>Math.max(e.y,e.yMax,e.yMin))):0,Q=d.t().domain([Le,Re]).range([0,Y]),$=u.t().domain([Z,o.t(T)?ze>0?ze:0:T]).range([X,0]).nice(),Be=m.t().x(e=>Q(e.date)).y(e=>$(e.y)).curve(G),Ve=m.t().x(e=>Q(e.date)).y(e=>$(e.yMin)).curve(G),He=m.t().x(e=>Q(e.date)).y(e=>$(e.yMax)).curve(G),Ue=ce.t().x(e=>Q(e.date)).y0(e=>$(e.yMin)).y1(e=>$(e.yMax)).curve(G),We=$.ticks(M),Ge=Q.ticks(ge);(0,v.useEffect)(()=>{ue.t(Pe.current).on(`mousemove`,e=>{let t=J[te.n(J.map(e=>e.date),Q.invert(de.t(e)[0]),0)];ke(t||J[J.length-1]),S?.(t||J[J.length-1]),Ne(e.clientY),je(e.clientX)}).on(`mouseout`,()=>{ke(void 0),je(void 0),Ne(void 0),S?.(void 0)})},[Q,J,S]);let Ke=pe.r(pe.n(J.filter(e=>!o.t(e.date)&&!o.t(e.y)).map(e=>[Q(e.date),$(e.y)])));return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(f.t.svg,{width:`${n}px`,height:`${r}px`,viewBox:`0 0 ${n} ${r}`,direction:`ltr`,ref:H,children:(0,y.jsxs)(`g`,{transform:`translate(${q.left},${q.top})`,children:[(0,y.jsx)(fe.t,{areaSettings:Fe,width:Y,height:X,scale:Q,animate:E,isInView:U}),(0,y.jsx)(g.n,{areaSettings:Ie,scaleX:Q,scaleY:$,animate:E,isInView:U}),(0,y.jsxs)(`g`,{children:[(0,y.jsx)(ae.t,{values:We.filter(e=>e!==0),y:We.filter(e=>e!==0).map(e=>$(e)),x1:0-b,x2:Y+q.right,styles:{gridLines:I?.yAxis?.gridLines,labels:I?.yAxis?.labels},classNames:{gridLines:L?.yAxis?.gridLines,labels:L?.yAxis?.labels},suffix:a,prefix:s,labelType:`secondary`,showGridLines:!0,labelPos:`vertical`,precision:R,locale:B,padZeros:V}),(0,y.jsx)(re.t,{y1:$(Z<0?0:Z),y2:$(Z<0?0:Z),x1:0-b,x2:Y+q.right,label:p.t(Z<0?0:Z,void 0,R,s,a,B,V),labelPos:{x:0-b,y:$(Z<0?0:Z),dx:0,dy:ze<0?`1em`:-5},classNames:{axis:L?.xAxis?.axis,label:L?.yAxis?.labels},styles:{axis:I?.xAxis?.axis,label:I?.yAxis?.labels}}),(0,y.jsx)(ie.t,{x:0-b+15,y:X/2,style:I?.yAxis?.title,className:L?.yAxis?.title,text:j,rotate90:!0})]}),(0,y.jsx)(`g`,{children:Ge.map((e,t)=>(0,y.jsx)(`g`,{children:(0,y.jsx)(`text`,{y:X,x:Q(e),style:{textAnchor:`middle`},className:`fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs`,dy:15,children:c.n(e,l)})},t))}),z.filter(e=>e.position===`before`).map(e=>e.layer),(0,y.jsx)(f.t.path,{style:{fill:Ee},exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,d:Ue(J)||``},whileInView:{opacity:De,d:Ue(J)||``,transition:{duration:E.duration}}},initial:`initial`,animate:U?`whileInView`:`initial`}),k?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(f.t.path,{style:{stroke:A[0],fill:`none`,strokeWidth:k},exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{pathLength:0,d:Ve(J)||``,opacity:1},whileInView:{pathLength:1,d:Ve(J)||``,opacity:1,transition:{duration:E.duration}}},initial:`initial`,animate:U?`whileInView`:`initial`}),(0,y.jsx)(f.t.path,{style:{stroke:A[1],fill:`none`,strokeWidth:k},exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{pathLength:0,d:He(J)||``,opacity:1},whileInView:{pathLength:1,d:He(J)||``,opacity:1,transition:{duration:E.duration}}},initial:`initial`,animate:U?`whileInView`:`initial`})]}):null,(0,y.jsx)(f.t.path,{style:{stroke:i,fill:`none`,strokeWidth:be},exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{pathLength:0,d:Be(J)||``,opacity:1},whileInView:{pathLength:1,d:Be(J)||``,opacity:1,transition:{duration:E.duration}}},initial:`initial`,animate:U?`whileInView`:`initial`}),K?(0,y.jsx)(`line`,{y1:0,y2:X,x1:Q(K.date),x2:Q(K.date),className:(0,_.cn)(`undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100`,L?.mouseOverLine),style:I?.mouseOverLine}):null,(0,y.jsx)(`g`,{children:J.map((e,t)=>(0,y.jsx)(f.t.g,{children:o.t(e.y)?null:(0,y.jsxs)(y.Fragment,{children:[xe?(0,y.jsx)(f.t.circle,{r:Y/J.length<5?0:Y/J.length<20?2:4,style:{fill:i},exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,cx:Q(e.date),cy:$(e.y)},whileInView:{opacity:1,transition:{duration:W?E.duration:.5,delay:W?0:E.duration},cx:Q(e.date),cy:$(e.y)}},initial:`initial`,animate:U?`whileInView`:`initial`}):null,we?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(f.t.circle,{r:Y/J.length<5?0:Y/J.length<20?2:4,exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,fill:A[0],cx:Q(e.date),cy:$(e.yMin)},whileInView:{opacity:1,transition:{duration:W?E.duration:.5,delay:W?0:E.duration},cx:Q(e.date),cy:$(e.yMin),fill:A[0]}},initial:`initial`,animate:U?`whileInView`:`initial`}),(0,y.jsx)(f.t.circle,{r:Y/J.length<5?0:Y/J.length<20?2:4,exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,fill:A[1],cx:Q(e.date),cy:$(e.yMax)},whileInView:{opacity:1,fill:A[1],transition:{duration:W?E.duration:.5,delay:W?0:E.duration},cx:Q(e.date),cy:$(e.yMax)}},initial:`initial`,animate:U?`whileInView`:`initial`})]}):null,le?(0,y.jsx)(f.t.text,{dy:-8,style:{textAnchor:`middle`,...I?.graphObjectValues||{}},className:(0,_.cn)(`graph-value text-xs font-bold`,L?.graphObjectValues),exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,fill:i,x:Q(e.date),y:$(e.y)},whileInView:{opacity:1,x:Q(e.date),fill:i,y:$(e.y),transition:{duration:W?E.duration:.5,delay:W?0:E.duration}}},initial:`initial`,animate:U?`whileInView`:`initial`,children:p.t(e.y,void 0,R,s,a,B,V)}):null,Te?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(f.t.text,{dy:`1em`,style:{textAnchor:`middle`,...I?.graphObjectValues||{}},className:(0,_.cn)(`text-xs font-bold`,L?.graphObjectValues),exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,fill:A[0],x:Q(e.date),y:$(e.yMin)},whileInView:{opacity:1,x:Q(e.date),y:$(e.yMin),fill:A[0],transition:{duration:W?E.duration:.5,delay:W?0:E.duration}}},initial:`initial`,animate:U?`whileInView`:`initial`,children:p.t(e.yMin,void 0,R,s,a,B,V)}),(0,y.jsx)(f.t.text,{dy:-8,style:{textAnchor:`middle`,...I?.graphObjectValues||{}},className:(0,_.cn)(`text-xs font-bold`,L?.graphObjectValues),exit:{opacity:0,transition:{duration:E.duration}},variants:{initial:{opacity:0,fill:A[1],x:Q(e.date),y:$(e.yMax)},whileInView:{opacity:1,fill:A[1],x:Q(e.date),y:$(e.yMax),transition:{duration:W?E.duration:.5,delay:W?0:E.duration}}},initial:`initial`,animate:U?`whileInView`:`initial`,children:p.t(e.yMax,void 0,R,s,a,B,V)})]}):null]})},t))}),C.map(e=>(0,y.jsx)(oe.n,{text:e.text,color:e.color,y:$(e.value),x1:0-b,x2:Y+q.right,classNames:e.classNames,styles:e.styles,animate:E,isInView:U},e.text)),(0,y.jsx)(`g`,{children:Se.map(e=>{let t=g.t({x:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?$(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date)):0,y:e.yCoordinate?$(e.yCoordinate):0},o.t(e.connectorRadius)?3.5:e.connectorRadius),n=e.showConnector?{y1:t.y,x1:t.x,y2:e.yCoordinate?$(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?$(e.yCoordinate):0,cx:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date)):0,circleRadius:o.t(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,r={y:e.yCoordinate?$(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:D?0:e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),width:D?e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0):Y+q.right-(e.xCoordinate?Q(c.t(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return(0,y.jsx)(g.r,{color:e.color,connectorsSettings:n,labelSettings:r,text:e.text,classNames:e.classNames,styles:e.styles,animate:E,isInView:U},e.text)})}),(0,y.jsx)(`g`,{children:O?(0,y.jsx)(me.t,{x1:0,x2:Y,y1:Ke(0),y2:Ke(Y),graphHeight:X,graphWidth:Y,className:L?.regLine,style:I?.regLine,color:typeof O==`string`?O:void 0,animate:E,isInView:U}):null}),z.filter(e=>e.position===`after`).map(e=>e.layer),(0,y.jsx)(`rect`,{ref:Pe,style:{fill:`none`,pointerEvents:`all`},width:Y,height:X})]})}),K&&x&&Ae&&Me?(0,y.jsx)(se.t,{data:K,body:x,xPos:Ae,yPos:Me,backgroundStyle:I?.tooltip,className:L?.tooltip}):null]})}function _e(e){let{data:t,graphTitle:o,sources:c,graphDescription:l,height:te,width:u,footNote:d,noOfXTicks:f=10,dateFormat:ne=`yyyy`,showValues:re=!1,backgroundColor:ie=!1,padding:p,lineColor:ae,leftMargin:oe=30,rightMargin:se=30,topMargin:m=20,bottomMargin:ce=25,tooltip:h,refValues:ue=[],highlightAreaSettings:de=[],relativeHeight:g,onSeriesMouseOver:fe,graphID:pe,minValue:me,maxValue:_,regressionLine:he=!1,showIntervalDots:_e=!1,showIntervalValues:b=!1,intervalLineStrokeWidth:ve=0,intervalLineColors:ye=[n.Colors.light.grays[`gray-500`],n.Colors.light.grays[`gray-500`]],intervalAreaColor:x=n.Colors.primaryColors[`blue-100`],intervalAreaOpacity:S=.4,graphDownload:C=!1,dataDownload:w=!1,animate:T=!1,language:E=`en`,minHeight:D=0,strokeWidth:be=2,showDots:xe=!0,annotations:Se=[],customHighlightAreaSettings:Ce=[],theme:O=`light`,ariaLabel:we,yAxisTitle:Te,noOfYTicks:k=5,minDate:A,maxDate:Ee,colorLegendTitle:De,colorLegendColors:j,colorLegendDomain:M,curveType:N=`curve`,styles:P,classNames:F,customLayers:I=[],numberDisplayOptions:L}=e,[R,z]=(0,v.useState)(0),[B,V]=(0,v.useState)(0),H=(0,v.useRef)(null),U=(0,v.useRef)(null);return(0,v.useEffect)(()=>{let e=new ResizeObserver(e=>{z(e[0].target.clientWidth||620),V(e[0].target.clientHeight||480)});return H.current&&e.observe(H.current),()=>e.disconnect()},[]),(0,y.jsxs)(s.n,{className:F?.graphContainer,style:P?.graphContainer,id:pe,ref:U,"aria-label":we,backgroundColor:ie,theme:O,language:E,minHeight:D,width:u,height:te,relativeHeight:g,padding:p,children:[o||l||C||w?(0,y.jsx)(a.GraphHeader,{styles:{title:P?.title,description:P?.description},classNames:{title:F?.title,description:F?.description},graphTitle:o,graphDescription:l,width:u,graphDownload:C?U:void 0,dataDownload:w?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):null,j&&M&&t.length>0?(0,y.jsx)(r.ColorLegend,{width:u,colorLegendTitle:De,colors:j,colorDomain:M,showNAColor:!1,className:F?.colorLegend}):null,(0,y.jsxs)(s.t,{ref:H,children:[t.length===0&&(0,y.jsx)(ee.t,{}),R&&B&&t.length>0?(0,y.jsx)(ge,{data:t,lineColor:ae||n.Colors.primaryColors[`blue-600`],width:R,height:B,dateFormat:ne,showValues:re,noOfXTicks:f??le.t(R),leftMargin:oe,rightMargin:se,topMargin:m,bottomMargin:ce,tooltip:h,highlightAreaSettings:de,onSeriesMouseOver:fe,refValues:ue,minValue:me,maxValue:_,animate:T===!0?{duration:.5,once:!0,amount:.5}:T||{duration:0,once:!0,amount:0},rtl:E===`he`||E===`ar`,strokeWidth:be,showDots:xe,annotations:Se,customHighlightAreaSettings:Ce,regressionLine:he,showIntervalDots:_e,showIntervalValues:b,intervalLineStrokeWidth:ve,intervalLineColors:ye,intervalAreaColor:x,intervalAreaOpacity:S,yAxisTitle:Te,noOfYTicks:k,minDate:A,maxDate:Ee,curveType:N,styles:P,classNames:F,customLayers:I,locale:L?.locale||`en`,padZeros:L?.padZeros||!1,suffix:L?.suffix||``,prefix:L?.prefix||``,precision:L?.precision??2}):null]}),c||d?(0,y.jsx)(i.GraphFooter,{styles:{footnote:P?.footnote,source:P?.source},classNames:{footnote:F?.footnote,source:F?.source},sources:c,footNote:d,width:u}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _e}});
+//# sourceMappingURL=LineChartWithConfidenceInterval-D4aZ2CEy.cjs.map

package/dist/LineChartWithConfidenceInterval-D4aZ2CEy.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChartWithConfidenceInterval-D4aZ2CEy.cjs","names":[],"sources":["../src/Components/Graphs/LineCharts/LineChartWithConfidenceInterval/Graph.tsx","../src/Components/Graphs/LineCharts/LineChartWithConfidenceInterval/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { bisectCenter } from 'd3-array';\nimport { scaleLinear, scaleTime } from 'd3-scale';\nimport { pointer, select } from 'd3-selection';\nimport {\n  area,\n  curveLinear,\n  curveMonotoneX,\n  curveStep,\n  curveStepAfter,\n  curveStepBefore,\n  line,\n} from 'd3-shape';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport orderBy from 'lodash.orderby';\nimport { motion, useInView } from 'motion/react';\nimport { useEffect, useRef, useState } from 'react';\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\nimport { Annotation } from '@/Components/Elements/Annotations';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  LineChartWithConfidenceIntervalDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: LineChartWithConfidenceIntervalDataType[];\n  lineColor: string;\n  width: number;\n  height: number;\n  suffix: string;\n  prefix: string;\n  dateFormat: string;\n  showValues?: boolean;\n  noOfXTicks: number;\n  rightMargin: number;\n  leftMargin: number;\n  topMargin: number;\n  bottomMargin: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues: ReferenceDataType[];\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\n  maxValue?: number;\n  minValue?: number;\n  animate: AnimateDataType;\n  rtl: boolean;\n  strokeWidth: number;\n  showDots: boolean;\n  annotations: AnnotationSettingsDataType[];\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\n  regressionLine: boolean | string;\n  showIntervalDots: boolean;\n  showIntervalValues: boolean;\n  intervalLineStrokeWidth: number;\n  intervalLineColors: [string, string];\n  intervalAreaColor: string;\n  intervalAreaOpacity: number;\n  yAxisTitle?: string;\n  noOfYTicks: number;\n  minDate?: string | number;\n  maxDate?: string | number;\n  curveType: CurveTypes;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  locale: string;\n  padZeros: boolean;\n}\ninterface FormattedDataType {\n  y: number;\n  date: Date;\n  yMin: number;\n  yMax: number;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    width,\n    height,\n    lineColor,\n    suffix,\n    prefix,\n    dateFormat,\n    highlightAreaSettings,\n    showValues,\n    noOfXTicks,\n    rightMargin,\n    leftMargin,\n    topMargin,\n    bottomMargin,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    minValue,\n    maxValue,\n    animate,\n    rtl,\n    strokeWidth,\n    showDots,\n    annotations,\n    customHighlightAreaSettings,\n    regressionLine,\n    showIntervalDots,\n    showIntervalValues,\n    intervalLineStrokeWidth,\n    intervalLineColors,\n    intervalAreaColor,\n    intervalAreaOpacity,\n    yAxisTitle,\n    noOfYTicks,\n    minDate,\n    maxDate,\n    curveType,\n    styles,\n    classNames,\n    precision,\n    customLayers,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const [hasAnimatedOnce, setHasAnimatedOnce] = useState(false);\n\n  useEffect(() => {\n    if (isInView && !hasAnimatedOnce) {\n      const timeout = setTimeout(\n        () => {\n          setHasAnimatedOnce(true);\n        },\n        (animate.duration + 0.5) * 1000,\n      );\n      return () => clearTimeout(timeout);\n    }\n  }, [isInView, hasAnimatedOnce, animate.duration]);\n  const curve =\n    curveType === 'linear'\n      ? curveLinear\n      : curveType === 'step'\n        ? curveStep\n        : curveType === 'stepAfter'\n          ? curveStepAfter\n          : curveType === 'stepBefore'\n            ? curveStepBefore\n            : curveMonotoneX;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  const MouseoverRectRef = useRef(null);\n  const dataFormatted: FormattedDataType[] = orderBy(\n    data\n      .filter((d) => !checkIfNullOrUndefined(d.y))\n      .map((d) => ({\n        date: parse(`${d.date}`, dateFormat, new Date()),\n        y: d.y as number,\n        yMin: checkIfNullOrUndefined(d.yMin) ? (d.y as number) : (d.yMin as number),\n        yMax: checkIfNullOrUndefined(d.yMax) ? (d.y as number) : (d.yMax as number),\n        data: d.data,\n      })),\n    ['date'],\n    ['asc'],\n  );\n  const highlightAreaSettingsFormatted = highlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: [\n      d.coordinates[0] === null ? null : parse(`${d.coordinates[0]}`, dateFormat, new Date()),\n      d.coordinates[1] === null ? null : parse(`${d.coordinates[1]}`, dateFormat, new Date()),\n    ],\n  }));\n  const customHighlightAreaSettingsFormatted = customHighlightAreaSettings.map((d) => ({\n    ...d,\n    coordinates: d.coordinates.map((el, j) =>\n      j % 2 === 0 ? parse(`${el}`, dateFormat, new Date()) : (el as number),\n    ),\n  }));\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n  const minYear = minDate ? parse(`${minDate}`, dateFormat, new Date()) : dataFormatted[0].date;\n  const maxYear = maxDate\n    ? parse(`${maxDate}`, dateFormat, new Date())\n    : dataFormatted[dataFormatted.length - 1].date;\n  const minParam: number = !checkIfNullOrUndefined(minValue)\n    ? (minValue as number)\n    : Math.min(...dataFormatted.map((d) => Math.min(d.y, d.yMax, d.yMin)))\n      ? Math.min(...dataFormatted.map((d) => Math.min(d.y, d.yMax, d.yMin))) > 0\n        ? 0\n        : Math.min(...dataFormatted.map((d) => Math.min(d.y, d.yMax, d.yMin)))\n      : 0;\n  const maxParam: number = Math.max(...dataFormatted.map((d) => Math.max(d.y, d.yMax, d.yMin)))\n    ? Math.max(...dataFormatted.map((d) => Math.max(d.y, d.yMax, d.yMin)))\n    : 0;\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\n  const y = scaleLinear()\n    .domain([\n      minParam,\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\n    ])\n    .range([graphHeight, 0])\n    .nice();\n\n  const lineShape = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.y))\n    .curve(curve);\n\n  const lineShapeMin = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.yMin))\n    .curve(curve);\n\n  const lineShapeMax = line<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y((d) => y(d.yMax))\n    .curve(curve);\n\n  const areaShape = area<FormattedDataType>()\n    .x((d) => x(d.date))\n    .y0((d) => y(d.yMin))\n    .y1((d) => y(d.yMax))\n    .curve(curve);\n\n  const yTicks = y.ticks(noOfYTicks);\n\n  const xTicks = x.ticks(noOfXTicks);\n\n  useEffect(() => {\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    const mousemove = (event: any) => {\n      const selectedData =\n        dataFormatted[\n          bisectCenter(\n            dataFormatted.map((d) => d.date),\n            x.invert(pointer(event)[0]),\n            0,\n          )\n        ];\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\n      setEventY(event.clientY);\n      setEventX(event.clientX);\n    };\n    const mouseout = () => {\n      setMouseOverData(undefined);\n      setEventX(undefined);\n      setEventY(undefined);\n      onSeriesMouseOver?.(undefined);\n    };\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\n  }, [x, dataFormatted, onSeriesMouseOver]);\n  const regressionLineParam = linearRegression(\n    dataFormatted\n      .filter((d) => !checkIfNullOrUndefined(d.date) && !checkIfNullOrUndefined(d.y))\n      .map((d) => [x(d.date), y(d.y as number)]),\n  );\n  const predict = linearRegressionLine(regressionLineParam);\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <HighlightArea\n            areaSettings={highlightAreaSettingsFormatted}\n            width={graphWidth}\n            height={graphHeight}\n            scale={x}\n            animate={animate}\n            isInView={isInView}\n          />\n          <CustomArea\n            areaSettings={customHighlightAreaSettingsFormatted}\n            scaleX={x}\n            scaleY={y}\n            animate={animate}\n            isInView={isInView}\n          />\n          <g>\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              labelPos='vertical'\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n            <Axis\n              y1={y(minParam < 0 ? 0 : minParam)}\n              y2={y(minParam < 0 ? 0 : minParam)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              label={numberFormattingFunction(\n                minParam < 0 ? 0 : minParam,\n                undefined,\n                precision,\n                prefix,\n                suffix,\n                locale,\n                padZeros,\n              )}\n              labelPos={{\n                x: 0 - leftMargin,\n                y: y(minParam < 0 ? 0 : minParam),\n                dx: 0,\n                dy: maxParam < 0 ? '1em' : -5,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: styles?.yAxis?.labels,\n              }}\n            />\n            <AxisTitle\n              x={0 - leftMargin + 15}\n              y={graphHeight / 2}\n              style={styles?.yAxis?.title}\n              className={classNames?.yAxis?.title}\n              text={yAxisTitle}\n              rotate90\n            />\n          </g>\n          <g>\n            {xTicks.map((d, i) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <g key={i}>\n                <text\n                  y={graphHeight}\n                  x={x(d)}\n                  style={{ textAnchor: 'middle' }}\n                  className='fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs'\n                  dy={15}\n                >\n                  {format(d, dateFormat)}\n                </text>\n              </g>\n            ))}\n          </g>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <motion.path\n            style={{\n              fill: intervalAreaColor,\n            }}\n            exit={{ opacity: 0, transition: { duration: animate.duration } }}\n            variants={{\n              initial: { opacity: 0, d: areaShape(dataFormatted) || '' },\n              whileInView: {\n                opacity: intervalAreaOpacity,\n                d: areaShape(dataFormatted) || '',\n                transition: { duration: animate.duration },\n              },\n            }}\n            initial='initial'\n            animate={isInView ? 'whileInView' : 'initial'}\n          />\n          {intervalLineStrokeWidth ? (\n            <>\n              <motion.path\n                style={{\n                  stroke: intervalLineColors[0],\n                  fill: 'none',\n                  strokeWidth: intervalLineStrokeWidth,\n                }}\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                variants={{\n                  initial: {\n                    pathLength: 0,\n                    d: lineShapeMin(dataFormatted) || '',\n                    opacity: 1,\n                  },\n                  whileInView: {\n                    pathLength: 1,\n                    d: lineShapeMin(dataFormatted) || '',\n                    opacity: 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n              />\n              <motion.path\n                style={{\n                  stroke: intervalLineColors[1],\n                  fill: 'none',\n                  strokeWidth: intervalLineStrokeWidth,\n                }}\n                exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                variants={{\n                  initial: {\n                    pathLength: 0,\n                    d: lineShapeMax(dataFormatted) || '',\n                    opacity: 1,\n                  },\n                  whileInView: {\n                    pathLength: 1,\n                    d: lineShapeMax(dataFormatted) || '',\n                    opacity: 1,\n                    transition: { duration: animate.duration },\n                  },\n                }}\n                initial='initial'\n                animate={isInView ? 'whileInView' : 'initial'}\n              />\n            </>\n          ) : null}\n          <motion.path\n            style={{\n              stroke: lineColor,\n              fill: 'none',\n              strokeWidth,\n            }}\n            exit={{ opacity: 0, transition: { duration: animate.duration } }}\n            variants={{\n              initial: {\n                pathLength: 0,\n                d: lineShape(dataFormatted) || '',\n                opacity: 1,\n              },\n              whileInView: {\n                pathLength: 1,\n                d: lineShape(dataFormatted) || '',\n                opacity: 1,\n                transition: { duration: animate.duration },\n              },\n            }}\n            initial='initial'\n            animate={isInView ? 'whileInView' : 'initial'}\n          />\n          {mouseOverData ? (\n            <line\n              y1={0}\n              y2={graphHeight}\n              x1={x(mouseOverData.date)}\n              x2={x(mouseOverData.date)}\n              className={cn(\n                'undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100',\n                classNames?.mouseOverLine,\n              )}\n              style={styles?.mouseOverLine}\n            />\n          ) : null}\n          <g>\n            {dataFormatted.map((d, i) => (\n              // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\n              <motion.g key={i}>\n                {!checkIfNullOrUndefined(d.y) ? (\n                  <>\n                    {showDots ? (\n                      <motion.circle\n                        r={\n                          graphWidth / dataFormatted.length < 5\n                            ? 0\n                            : graphWidth / dataFormatted.length < 20\n                              ? 2\n                              : 4\n                        }\n                        style={{ fill: lineColor }}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: { opacity: 0, cx: x(d.date), cy: y(d.y) },\n                          whileInView: {\n                            opacity: 1,\n                            transition: {\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\n                            },\n                            cx: x(d.date),\n                            cy: y(d.y),\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                      />\n                    ) : null}\n                    {showIntervalDots ? (\n                      <>\n                        <motion.circle\n                          r={\n                            graphWidth / dataFormatted.length < 5\n                              ? 0\n                              : graphWidth / dataFormatted.length < 20\n                                ? 2\n                                : 4\n                          }\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[0],\n                              cx: x(d.date),\n                              cy: y(d.yMin),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                              cx: x(d.date),\n                              cy: y(d.yMin),\n                              fill: intervalLineColors[0],\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        />\n                        <motion.circle\n                          r={\n                            graphWidth / dataFormatted.length < 5\n                              ? 0\n                              : graphWidth / dataFormatted.length < 20\n                                ? 2\n                                : 4\n                          }\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[1],\n                              cx: x(d.date),\n                              cy: y(d.yMax),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              fill: intervalLineColors[1],\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                              cx: x(d.date),\n                              cy: y(d.yMax),\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        />\n                      </>\n                    ) : null}\n                    {showValues ? (\n                      <motion.text\n                        dy={-8}\n                        style={{\n                          textAnchor: 'middle',\n                          ...(styles?.graphObjectValues || {}),\n                        }}\n                        className={cn(\n                          'graph-value text-xs font-bold',\n                          classNames?.graphObjectValues,\n                        )}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: { opacity: 0, fill: lineColor, x: x(d.date), y: y(d.y) },\n                          whileInView: {\n                            opacity: 1,\n                            x: x(d.date),\n                            fill: lineColor,\n                            y: y(d.y),\n                            transition: {\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\n                            },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                      >\n                        {numberFormattingFunction(\n                          d.y,\n                          undefined,\n                          precision,\n                          prefix,\n                          suffix,\n                          locale,\n                          padZeros,\n                        )}\n                      </motion.text>\n                    ) : null}\n                    {showIntervalValues ? (\n                      <>\n                        <motion.text\n                          dy='1em'\n                          style={{\n                            textAnchor: 'middle',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          className={cn('text-xs font-bold', classNames?.graphObjectValues)}\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[0],\n                              x: x(d.date),\n                              y: y(d.yMin),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              x: x(d.date),\n                              y: y(d.yMin),\n                              fill: intervalLineColors[0],\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        >\n                          {numberFormattingFunction(\n                            d.yMin,\n                            undefined,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                        <motion.text\n                          dy={-8}\n                          style={{\n                            textAnchor: 'middle',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          className={cn('text-xs font-bold', classNames?.graphObjectValues)}\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                          variants={{\n                            initial: {\n                              opacity: 0,\n                              fill: intervalLineColors[1],\n                              x: x(d.date),\n                              y: y(d.yMax),\n                            },\n                            whileInView: {\n                              opacity: 1,\n                              fill: intervalLineColors[1],\n                              x: x(d.date),\n                              y: y(d.yMax),\n                              transition: {\n                                duration: hasAnimatedOnce ? animate.duration : 0.5,\n                                delay: hasAnimatedOnce ? 0 : animate.duration,\n                              },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        >\n                          {numberFormattingFunction(\n                            d.yMax,\n                            undefined,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                      </>\n                    ) : null}\n                  </>\n                ) : null}\n              </motion.g>\n            ))}\n          </g>\n          {refValues.map((el) => (\n            <RefLineY\n              key={el.text}\n              text={el.text}\n              color={el.color}\n              y={y(el.value as number)}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              classNames={el.classNames}\n              styles={el.styles}\n              animate={animate}\n              isInView={isInView}\n            />\n          ))}\n          <g>\n            {annotations.map((d) => {\n              const endPoints = getLineEndPoint(\n                {\n                  x: d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                  y: d.yCoordinate\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                    : 0 + (d.yOffset || 0) - 8,\n                },\n                {\n                  x: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                  y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                },\n                checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\n              );\n              const connectorSettings = d.showConnector\n                ? {\n                    y1: endPoints.y,\n                    x1: endPoints.x,\n                    y2: d.yCoordinate\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0)\n                      : 0 + (d.yOffset || 0),\n                    x2: d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                    cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                    cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\n                    circleRadius: checkIfNullOrUndefined(d.connectorRadius)\n                      ? 3.5\n                      : (d.connectorRadius as number),\n                    strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\n                  }\n                : undefined;\n              const labelSettings = {\n                y: d.yCoordinate\n                  ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                  : 0 + (d.yOffset || 0) - 8,\n                x: rtl\n                  ? 0\n                  : d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0),\n                width: rtl\n                  ? d.xCoordinate\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                    : 0 + (d.xOffset || 0)\n                  : graphWidth +\n                    margin.right -\n                    (d.xCoordinate\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0)),\n                maxWidth: d.maxWidth,\n                fontWeight: d.fontWeight,\n                align: d.align,\n              };\n              return (\n                <Annotation\n                  key={d.text}\n                  color={d.color}\n                  connectorsSettings={connectorSettings}\n                  labelSettings={labelSettings}\n                  text={d.text}\n                  classNames={d.classNames}\n                  styles={d.styles}\n                  animate={animate}\n                  isInView={isInView}\n                />\n              );\n            })}\n          </g>\n          <g>\n            {regressionLine ? (\n              <RegressionLine\n                x1={0}\n                x2={graphWidth}\n                y1={predict(0)}\n                y2={predict(graphWidth)}\n                graphHeight={graphHeight}\n                graphWidth={graphWidth}\n                className={classNames?.regLine}\n                style={styles?.regLine}\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\n                animate={animate}\n                isInView={isInView}\n              />\n            ) : null}\n          </g>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n          <rect\n            ref={MouseoverRectRef}\n            style={{\n              fill: 'none',\n              pointerEvents: 'all',\n            }}\n            width={graphWidth}\n            height={graphHeight}\n          />\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegend } from '@/Components/Elements/ColorLegend';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CurveTypes,\n  CustomHighlightAreaSettingsDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsDataType,\n  Languages,\n  LineChartWithConfidenceIntervalDataType,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { getNoOfTicks } from '@/Utils/getNoOfTicks';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: LineChartWithConfidenceIntervalDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Colors of the line */\n  lineColor?: string;\n  /** Colors of the interval area */\n  intervalAreaColor?: string;\n  /** Colors of the top and bottom lines of the interval */\n  intervalLineColors?: [string, string];\n  /** Colors for the legend */\n  colorLegendColors?: string[];\n  /** Domain of colors for the legend */\n  colorLegendDomain?: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Maximum value of the date for the chart */\n  maxDate?: string | number;\n  /** Minimum value of the date for the chart */\n  minDate?: string | number;\n  /** No. of ticks on the x-axis  */\n  noOfXTicks?: number;\n  /** No. of ticks on the y-axis  */\n  noOfYTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Toggle visibility of values of the interval area */\n  showIntervalValues?: boolean;\n  /** Toggle visibility of dots on the line */\n  showDots?: boolean;\n  /** Toggle visibility of dots on the line of te interval area */\n  showIntervalDots?: boolean;\n  /** Stroke width of the line */\n  strokeWidth?: number;\n  /** Stroke width of the lines of the interval area */\n  intervalLineStrokeWidth?: number;\n  /** Opacity of the interval area */\n  intervalAreaOpacity?: number;\n  /** Toggle the initial animation of the line. If the type is number then it uses the number as the time in seconds for animation. */\n  animate?: boolean | AnimateDataType;\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\n  dateFormat?: string;\n  /** Title for the Y-axis */\n  yAxisTitle?: string;\n  /** Annotations on the chart */\n  annotations?: AnnotationSettingsDataType[];\n  /** Highlighted area(square) on the chart  */\n  highlightAreaSettings?: HighlightAreaSettingsDataType[];\n  /** Highlighted area(custom shape) on the chart  */\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];\n  /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */\n  regressionLine?: boolean | string;\n  /** Curve type for the line */\n  curveType?: CurveTypes;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n\n  // Interactions and Callbacks\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 */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function LineChartWithConfidenceInterval(props: Props) {\n  const {\n    data,\n    graphTitle,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote,\n    noOfXTicks = 10,\n    dateFormat = 'yyyy',\n    showValues = false,\n    backgroundColor = false,\n    padding,\n    lineColor,\n    leftMargin = 30,\n    rightMargin = 30,\n    topMargin = 20,\n    bottomMargin = 25,\n    tooltip,\n    refValues = [],\n    highlightAreaSettings = [],\n    relativeHeight,\n    onSeriesMouseOver,\n    graphID,\n    minValue,\n    maxValue,\n    regressionLine = false,\n    showIntervalDots = false,\n    showIntervalValues = false,\n    intervalLineStrokeWidth = 0,\n    intervalLineColors = [Colors.light.grays['gray-500'], Colors.light.grays['gray-500']],\n    intervalAreaColor = Colors.primaryColors['blue-100'],\n    intervalAreaOpacity = 0.4,\n    graphDownload = false,\n    dataDownload = false,\n    animate = false,\n    language = 'en',\n    minHeight = 0,\n    strokeWidth = 2,\n    showDots = true,\n    annotations = [],\n    customHighlightAreaSettings = [],\n    theme = 'light',\n    ariaLabel,\n    yAxisTitle,\n    noOfYTicks = 5,\n    minDate,\n    maxDate,\n    colorLegendTitle,\n    colorLegendColors,\n    colorLegendDomain,\n    curveType = 'curve',\n    styles,\n    classNames,\n    customLayers = [],\n    numberDisplayOptions,\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {colorLegendColors && colorLegendDomain && data.length > 0 ? (\n        <ColorLegend\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={colorLegendColors}\n          colorDomain={colorLegendDomain}\n          showNAColor={false}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={data}\n            lineColor={lineColor || Colors.primaryColors['blue-600']}\n            width={svgWidth}\n            height={svgHeight}\n            dateFormat={dateFormat}\n            showValues={showValues}\n            noOfXTicks={noOfXTicks ?? getNoOfTicks(svgWidth)}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            tooltip={tooltip}\n            highlightAreaSettings={highlightAreaSettings}\n            onSeriesMouseOver={onSeriesMouseOver}\n            refValues={refValues}\n            minValue={minValue}\n            maxValue={maxValue}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            rtl={language === 'he' || language === 'ar'}\n            strokeWidth={strokeWidth}\n            showDots={showDots}\n            annotations={annotations}\n            customHighlightAreaSettings={customHighlightAreaSettings}\n            regressionLine={regressionLine}\n            showIntervalDots={showIntervalDots}\n            showIntervalValues={showIntervalValues}\n            intervalLineStrokeWidth={intervalLineStrokeWidth}\n            intervalLineColors={intervalLineColors}\n            intervalAreaColor={intervalAreaColor}\n            intervalAreaOpacity={intervalAreaOpacity}\n            yAxisTitle={yAxisTitle}\n            noOfYTicks={noOfYTicks}\n            minDate={minDate}\n            maxDate={maxDate}\n            curveType={curveType}\n            styles={styles}\n            classNames={classNames}\n            customLayers={customLayers}\n            locale={numberDisplayOptions?.locale || 'en'}\n            padZeros={numberDisplayOptions?.padZeros || false}\n            suffix={numberDisplayOptions?.suffix || ''}\n            prefix={numberDisplayOptions?.prefix || ''}\n            precision={numberDisplayOptions?.precision ?? 2}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/LineChartWithConfidenceInterval.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-CHPV5EwG-D4pAp7u0.cjs"),b=require("react"),C=require("./parse-xYI9yrvL.cjs"),qe=require("./simple-statistics-xm8c0LQQ.cjs"),Fe=require("./index-Cno4Q0YE.cjs"),Oe=require("./numberFormattingFunction-u2iNHL_c.cjs"),We=require("./Tooltip-C9F3uYG0.cjs"),G=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ne=require("./customArea-BAcQ3pBM.cjs"),He=require("./AxisTitle-DP_evhbe.cjs"),Ge=require("./Axis-BTaS9oPQ.cjs"),Pe=require("./ReferenceLine-CpU4G01Y.cjs"),Ye=require("./RegressionLine-BFoBiVJk.cjs"),Ue=require("./YTicksAndGridLines-sT3zdCs6.cjs"),Xe=require("./index-BuhBhuCq.cjs"),Ze=require("./time-CkcKbhwe.cjs"),Be=require("./linear-CgUCbw9F.cjs"),be=require("./line-DaEMhXmx.cjs"),Le=require("./step-BZ3C8QFW.cjs"),ze=require("./area-C1gxfNGD.cjs"),Je=require("./select-Bnfk0lJx.cjs"),k=require("./proxy-CqH8m8IQ.cjs"),Ke=require("./init-DU0ybBc_.cjs"),Qe=require("./pointer-Dkq5NV1q.cjs"),_e=require("./use-in-view-dnRv_qqF.cjs"),ti=require("./GraphFooter.cjs"),ei=require("./GraphHeader.cjs"),ke=require("./Colors.cjs"),ii=require("./ColorLegend.cjs"),ni=require("./EmptyState-CFmiFPHz.cjs"),Te=require("./GraphContainer-Cul9b74X.cjs"),oi=require("./getNoOfTicks-C_1CFXv_.cjs");function si(n){const t=i.compilerRuntimeExports.c(104),{data:y,width:et,height:it,lineColor:A,suffix:I,prefix:p,dateFormat:l,highlightAreaSettings:It,showValues:re,noOfXTicks:le,rightMargin:Vt,leftMargin:V,topMargin:dt,bottomMargin:Dt,tooltip:ft,onSeriesMouseOver:St,refValues:zt,minValue:Nt,maxValue:P,animate:o,rtl:qt,strokeWidth:ht,showDots:Jt,annotations:Kt,customHighlightAreaSettings:yt,regressionLine:Tt,showIntervalDots:ce,showIntervalValues:ue,intervalLineStrokeWidth:$t,intervalLineColors:j,intervalAreaColor:Ft,intervalAreaOpacity:xe,yAxisTitle:gt,noOfYTicks:me,minDate:Qt,maxDate:_t,curveType:vt,styles:g,classNames:v,precision:L,customLayers:D,locale:N,padZeros:S}=n,Wt=b.useRef(null);let jt;t[0]!==o.amount||t[1]!==o.once?(jt={once:o.once,amount:o.amount},t[0]=o.amount,t[1]=o.once,t[2]=jt):jt=t[2];const c=_e.useInView(Wt,jt),[d,te]=b.useState(!1);let Y,U;t[3]!==o.duration||t[4]!==d||t[5]!==c?(Y=()=>{if(c&&!d){const e=setTimeout(()=>{te(!0)},(o.duration+.5)*1e3);return()=>clearTimeout(e)}},U=[c,d,o.duration],t[3]=o.duration,t[4]=d,t[5]=c,t[6]=Y,t[7]=U):(Y=t[6],U=t[7]),b.useEffect(Y,U);const wt=vt==="linear"?be.curveLinear:vt==="step"?Le.curveStep:vt==="stepAfter"?Le.stepAfter:vt==="stepBefore"?Le.stepBefore:Le.monotoneX,[u,m]=b.useState(void 0),[X,f]=b.useState(void 0),[nt,Ht]=b.useState(void 0),Rt=gt?V+30:V;let ot;t[8]!==Dt||t[9]!==Vt||t[10]!==Rt||t[11]!==dt?(ot={top:dt,bottom:Dt,left:Rt,right:Vt},t[8]=Dt,t[9]=Vt,t[10]=Rt,t[11]=dt,t[12]=ot):ot=t[12];const R=ot,st=b.useRef(null);let at;t[13]!==l?(at=e=>({date:C.parse(`${e.date}`,l,new Date),y:e.y,yMin:G.checkIfNullOrUndefined(e.yMin)?e.y:e.yMin,yMax:G.checkIfNullOrUndefined(e.yMax)?e.y:e.yMax,data:e.data}),t[13]=l,t[14]=at):at=t[14];const a=Fe.orderBy(y.filter(vi).map(at),["date"],["asc"]);let Z;if(t[15]!==l||t[16]!==It){let e;t[18]!==l?(e=h=>({...h,coordinates:[h.coordinates[0]===null?null:C.parse(`${h.coordinates[0]}`,l,new Date),h.coordinates[1]===null?null:C.parse(`${h.coordinates[1]}`,l,new Date)]}),t[18]=l,t[19]=e):e=t[19],Z=It.map(e),t[15]=l,t[16]=It,t[17]=Z}else Z=t[17];const Et=Z;let B;if(t[20]!==yt||t[21]!==l){let e;t[23]!==l?(e=h=>({...h,coordinates:h.coordinates.map((tt,Bt)=>Bt%2===0?C.parse(`${tt}`,l,new Date):tt)}),t[23]=l,t[24]=e):e=t[24],B=yt.map(e),t[20]=yt,t[21]=l,t[22]=B}else B=t[22];const ee=B,x=et-R.left-R.right,w=it-R.top-R.bottom,ie=Qt?C.parse(`${Qt}`,l,new Date):a[0].date,ne=_t?C.parse(`${_t}`,l,new Date):a[a.length-1].date,E=G.checkIfNullOrUndefined(Nt)?Math.min(...a.map(gi))?Math.min(...a.map(yi))>0?0:Math.min(...a.map(hi)):0:Nt,z=Math.max(...a.map(fi))?Math.max(...a.map(di)):0,s=Ze.time().domain([ie,ne]).range([0,x]);let rt;t[25]!==z||t[26]!==P?(rt=G.checkIfNullOrUndefined(P)?z>0?z:0:P,t[25]=z,t[26]=P,t[27]=rt):rt=t[27];const r=Be.linear().domain([E,rt]).range([w,0]).nice(),Ct=be.line().x(e=>s(e.date)).y(e=>r(e.y)).curve(wt),Mt=be.line().x(e=>s(e.date)).y(e=>r(e.yMin)).curve(wt),q=be.line().x(e=>s(e.date)).y(e=>r(e.yMax)).curve(wt),Gt=ze.area().x(e=>s(e.date)).y0(e=>r(e.yMin)).y1(e=>r(e.yMax)).curve(wt),Pt=r.ticks(me),oe=s.ticks(le);b.useEffect(()=>{const e=tt=>{const Bt=a[Ke.bisectCenter(a.map(pi),s.invert(Qe.pointer(tt)[0]),0)];m(Bt||a[a.length-1]),St?.(Bt||a[a.length-1]),Ht(tt.clientY),f(tt.clientX)},h=()=>{m(void 0),f(void 0),Ht(void 0),St?.(void 0)};Je.select(st.current).on("mousemove",e).on("mouseout",h)},[s,a,St]);const Yt=qe.linearRegression(a.filter(mi).map(e=>[s(e.date),r(e.y)])),Ut=qe.linearRegressionLine(Yt);let J;t[28]!==o||t[29]!==w||t[30]!==x||t[31]!==Et||t[32]!==c||t[33]!==s?(J=i.jsxRuntimeExports.jsx(Xe.HighlightArea,{areaSettings:Et,width:x,height:w,scale:s,animate:o,isInView:c}),t[28]=o,t[29]=w,t[30]=x,t[31]=Et,t[32]=c,t[33]=s,t[34]=J):J=t[34];const Ot=g?.yAxis?.gridLines,bt=g?.yAxis?.labels;let lt;t[35]!==Ot||t[36]!==bt?(lt={gridLines:Ot,labels:bt},t[35]=Ot,t[36]=bt,t[37]=lt):lt=t[37];const Lt=v?.yAxis?.gridLines,ct=v?.yAxis?.labels;let ut;t[38]!==Lt||t[39]!==ct?(ut={gridLines:Lt,labels:ct},t[38]=Lt,t[39]=ct,t[40]=ut):ut=t[40];const K=r(E<0?0:E),se=r(E<0?0:E),xt=0-V,ae=x+R.right,kt=E<0?0:E;let Q;t[41]!==N||t[42]!==S||t[43]!==L||t[44]!==p||t[45]!==I||t[46]!==kt?(Q=Oe.numberFormattingFunction(kt,void 0,L,p,I,N,S),t[41]=N,t[42]=S,t[43]=L,t[44]=p,t[45]=I,t[46]=kt,t[47]=Q):Q=t[47];const mt=0-V,pt=r(E<0?0:E),At=z<0?"1em":-5;let T;t[48]!==mt||t[49]!==pt||t[50]!==At?(T={x:mt,y:pt,dx:0,dy:At},t[48]=mt,t[49]=pt,t[50]=At,t[51]=T):T=t[51];const $=v?.xAxis?.axis,F=v?.yAxis?.labels;let M;t[52]!==$||t[53]!==F?(M={axis:$,label:F},t[52]=$,t[53]=F,t[54]=M):M=t[54];const W=g?.xAxis?.axis,H=g?.yAxis?.labels;let O;t[55]!==W||t[56]!==H?(O={axis:W,label:H},t[55]=W,t[56]=H,t[57]=O):O=t[57];let _;t[58]!==K||t[59]!==se||t[60]!==xt||t[61]!==ae||t[62]!==Q||t[63]!==T||t[64]!==M||t[65]!==O?(_=i.jsxRuntimeExports.jsx(Ge.Axis,{y1:K,y2:se,x1:xt,x2:ae,label:Q,labelPos:T,classNames:M,styles:O}),t[58]=K,t[59]=se,t[60]=xt,t[61]=ae,t[62]=Q,t[63]=T,t[64]=M,t[65]=O,t[66]=_):_=t[66];const Xt=0-V+15,Zt=w/2,Ae=g?.yAxis?.title,Ie=v?.yAxis?.title;let pe;t[67]!==Xt||t[68]!==Zt||t[69]!==Ae||t[70]!==Ie||t[71]!==gt?(pe=i.jsxRuntimeExports.jsx(He.AxisTitle,{x:Xt,y:Zt,style:Ae,className:Ie,text:gt,rotate90:!0}),t[67]=Xt,t[68]=Zt,t[69]=Ae,t[70]=Ie,t[71]=gt,t[72]=pe):pe=t[72];let de;t[73]!==D?(de=D.filter(ci).map(li),t[73]=D,t[74]=de):de=t[74];let fe;t[75]!==Ft?(fe={fill:Ft},t[75]=Ft,t[76]=fe):fe=t[76];let he;t[77]!==o.duration?(he={opacity:0,transition:{duration:o.duration}},t[77]=o.duration,t[78]=he):he=t[78];let ye;t[79]!==A||t[80]!==ht?(ye={stroke:A,fill:"none",strokeWidth:ht},t[79]=A,t[80]=ht,t[81]=ye):ye=t[81];let ge;t[82]!==o.duration?(ge={opacity:0,transition:{duration:o.duration}},t[82]=o.duration,t[83]=ge):ge=t[83];const Ve=a.map((e,h)=>i.jsxRuntimeExports.jsx(k.motion.g,{children:G.checkIfNullOrUndefined(e.y)?null:i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[Jt?i.jsxRuntimeExports.jsx(k.motion.circle,{r:x/a.length<5?0:x/a.length<20?2:4,style:{fill:A},exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,cx:s(e.date),cy:r(e.y)},whileInView:{opacity:1,transition:{duration:d?o.duration:.5,delay:d?0:o.duration},cx:s(e.date),cy:r(e.y)}},initial:"initial",animate:c?"whileInView":"initial"}):null,ce?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(k.motion.circle,{r:x/a.length<5?0:x/a.length<20?2:4,exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,fill:j[0],cx:s(e.date),cy:r(e.yMin)},whileInView:{opacity:1,transition:{duration:d?o.duration:.5,delay:d?0:o.duration},cx:s(e.date),cy:r(e.yMin),fill:j[0]}},initial:"initial",animate:c?"whileInView":"initial"}),i.jsxRuntimeExports.jsx(k.motion.circle,{r:x/a.length<5?0:x/a.length<20?2:4,exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,fill:j[1],cx:s(e.date),cy:r(e.yMax)},whileInView:{opacity:1,fill:j[1],transition:{duration:d?o.duration:.5,delay:d?0:o.duration},cx:s(e.date),cy:r(e.yMax)}},initial:"initial",animate:c?"whileInView":"initial"})]}):null,re?i.jsxRuntimeExports.jsx(k.motion.text,{dy:-8,style:{textAnchor:"middle",...g?.graphObjectValues||{}},className:i.mo("graph-value text-xs font-bold",v?.graphObjectValues),exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,fill:A,x:s(e.date),y:r(e.y)},whileInView:{opacity:1,x:s(e.date),fill:A,y:r(e.y),transition:{duration:d?o.duration:.5,delay:d?0:o.duration}}},initial:"initial",animate:c?"whileInView":"initial",children:Oe.numberFormattingFunction(e.y,void 0,L,p,I,N,S)}):null,ue?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(k.motion.text,{dy:"1em",style:{textAnchor:"middle",...g?.graphObjectValues||{}},className:i.mo("text-xs font-bold",v?.graphObjectValues),exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,fill:j[0],x:s(e.date),y:r(e.yMin)},whileInView:{opacity:1,x:s(e.date),y:r(e.yMin),fill:j[0],transition:{duration:d?o.duration:.5,delay:d?0:o.duration}}},initial:"initial",animate:c?"whileInView":"initial",children:Oe.numberFormattingFunction(e.yMin,void 0,L,p,I,N,S)}),i.jsxRuntimeExports.jsx(k.motion.text,{dy:-8,style:{textAnchor:"middle",...g?.graphObjectValues||{}},className:i.mo("text-xs font-bold",v?.graphObjectValues),exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{opacity:0,fill:j[1],x:s(e.date),y:r(e.yMax)},whileInView:{opacity:1,fill:j[1],x:s(e.date),y:r(e.yMax),transition:{duration:d?o.duration:.5,delay:d?0:o.duration}}},initial:"initial",animate:c?"whileInView":"initial",children:Oe.numberFormattingFunction(e.yMax,void 0,L,p,I,N,S)})]}):null]})},h));let ve;t[84]!==Ve?(ve=i.jsxRuntimeExports.jsx("g",{children:Ve}),t[84]=Ve,t[85]=ve):ve=t[85];const De=Kt.map((e,h)=>{const tt=Ne.getLineEndPoint({x:e.xCoordinate?s(C.parse(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?r(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?s(C.parse(`${e.xCoordinate}`,l,new Date)):0,y:e.yCoordinate?r(e.yCoordinate):0},G.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius),Bt=e.showConnector?{y1:tt.y,x1:tt.x,y2:e.yCoordinate?r(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?s(C.parse(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?r(e.yCoordinate):0,cx:e.xCoordinate?s(C.parse(`${e.xCoordinate}`,l,new Date)):0,circleRadius:G.checkIfNullOrUndefined(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,$e={y:e.yCoordinate?r(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:qt?0:e.xCoordinate?s(C.parse(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0),width:qt?e.xCoordinate?s(C.parse(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0):x+R.right-(e.xCoordinate?s(C.parse(`${e.xCoordinate}`,l,new Date))+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return i.jsxRuntimeExports.jsx(Ne.Annotation,{color:e.color,connectorsSettings:Bt,labelSettings:$e,text:e.text,classNames:e.classNames,styles:e.styles,animate:o,isInView:c},h)});let je;t[86]!==De?(je=i.jsxRuntimeExports.jsx("g",{children:De}),t[86]=De,t[87]=je):je=t[87];const Se=Tt?i.jsxRuntimeExports.jsx(Ye.RegressionLine,{x1:0,x2:x,y1:Ut(0),y2:Ut(x),graphHeight:w,graphWidth:x,className:v?.regLine,style:g?.regLine,color:typeof Tt=="string"?Tt:void 0,animate:o,isInView:c}):null;let we;t[88]!==Se?(we=i.jsxRuntimeExports.jsx("g",{children:Se}),t[88]=Se,t[89]=we):we=t[89];let Re;t[90]!==D?(Re=D.filter(ri).map(ai),t[90]=D,t[91]=Re):Re=t[91];let Ee;t[92]===Symbol.for("react.memo_cache_sentinel")?(Ee={fill:"none",pointerEvents:"all"},t[92]=Ee):Ee=t[92];let Ce;t[93]!==st||t[94]!==w||t[95]!==x?(Ce=i.jsxRuntimeExports.jsx("rect",{ref:st,style:Ee,width:x,height:w}),t[93]=st,t[94]=w,t[95]=x,t[96]=Ce):Ce=t[96];let Me;return t[97]!==v?.tooltip||t[98]!==X||t[99]!==nt||t[100]!==u||t[101]!==g?.tooltip||t[102]!==ft?(Me=u&&ft&&X&&nt?i.jsxRuntimeExports.jsx(We.Tooltip,{data:u,body:ft,xPos:X,yPos:nt,backgroundStyle:g?.tooltip,className:v?.tooltip}):null,t[97]=v?.tooltip,t[98]=X,t[99]=nt,t[100]=u,t[101]=g?.tooltip,t[102]=ft,t[103]=Me):Me=t[103],i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(k.motion.svg,{width:`${et}px`,height:`${it}px`,viewBox:`0 0 ${et} ${it}`,direction:"ltr",ref:Wt,children:i.jsxRuntimeExports.jsxs("g",{transform:`translate(${R.left},${R.top})`,children:[J,i.jsxRuntimeExports.jsx(Ne.CustomArea,{areaSettings:ee,scaleX:s,scaleY:r,animate:o,isInView:c}),i.jsxRuntimeExports.jsxs("g",{children:[i.jsxRuntimeExports.jsx(Ue.YTicksAndGridLines,{values:Pt.filter(xi),y:Pt.filter(ui).map(e=>r(e)),x1:0-V,x2:x+R.right,styles:lt,classNames:ut,suffix:I,prefix:p,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:L,locale:N,padZeros:S}),_,pe]}),i.jsxRuntimeExports.jsx("g",{children:oe.map((e,h)=>i.jsxRuntimeExports.jsx("g",{children:i.jsxRuntimeExports.jsx("text",{y:w,x:s(e),style:{textAnchor:"middle"},className:"fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs",dy:15,children:C.format(e,l)})},h))}),de,i.jsxRuntimeExports.jsx(k.motion.path,{style:fe,exit:he,variants:{initial:{opacity:0,d:Gt(a)||""},whileInView:{opacity:xe,d:Gt(a)||"",transition:{duration:o.duration}}},initial:"initial",animate:c?"whileInView":"initial"}),$t?i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(k.motion.path,{style:{stroke:j[0],fill:"none",strokeWidth:$t},exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{pathLength:0,d:Mt(a)||"",opacity:1},whileInView:{pathLength:1,d:Mt(a)||"",opacity:1,transition:{duration:o.duration}}},initial:"initial",animate:c?"whileInView":"initial"}),i.jsxRuntimeExports.jsx(k.motion.path,{style:{stroke:j[1],fill:"none",strokeWidth:$t},exit:{opacity:0,transition:{duration:o.duration}},variants:{initial:{pathLength:0,d:q(a)||"",opacity:1},whileInView:{pathLength:1,d:q(a)||"",opacity:1,transition:{duration:o.duration}}},initial:"initial",animate:c?"whileInView":"initial"})]}):null,i.jsxRuntimeExports.jsx(k.motion.path,{style:ye,exit:ge,variants:{initial:{pathLength:0,d:Ct(a)||"",opacity:1},whileInView:{pathLength:1,d:Ct(a)||"",opacity:1,transition:{duration:o.duration}}},initial:"initial",animate:c?"whileInView":"initial"}),u?i.jsxRuntimeExports.jsx("line",{y1:0,y2:w,x1:s(u.date),x2:s(u.date),className:i.mo("undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100",v?.mouseOverLine),style:g?.mouseOverLine}):null,ve,zt?i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:zt.map((e,h)=>i.jsxRuntimeExports.jsx(Pe.RefLineY,{text:e.text,color:e.color,y:r(e.value),x1:0-V,x2:x+R.right,classNames:e.classNames,styles:e.styles,animate:o,isInView:c},h))}):null,je,we,Re,Ce]})}),Me]})}function ai(n){return n.layer}function ri(n){return n.position==="after"}function li(n){return n.layer}function ci(n){return n.position==="before"}function ui(n){return n!==0}function xi(n){return n!==0}function mi(n){return!G.checkIfNullOrUndefined(n.date)&&!G.checkIfNullOrUndefined(n.y)}function pi(n){return n.date}function di(n){return Math.max(n.y,n.yMax,n.yMin)}function fi(n){return Math.max(n.y,n.yMax,n.yMin)}function hi(n){return Math.min(n.y,n.yMax,n.yMin)}function yi(n){return Math.min(n.y,n.yMax,n.yMin)}function gi(n){return Math.min(n.y,n.yMax,n.yMin)}function vi(n){return!G.checkIfNullOrUndefined(n.y)}function ji(n){const t=i.compilerRuntimeExports.c(106),{data:y,graphTitle:et,sources:it,graphDescription:A,height:I,width:p,footNote:l,noOfXTicks:It,dateFormat:re,showValues:le,backgroundColor:Vt,padding:V,lineColor:dt,leftMargin:Dt,rightMargin:ft,topMargin:St,bottomMargin:zt,tooltip:Nt,refValues:P,highlightAreaSettings:o,relativeHeight:qt,onSeriesMouseOver:ht,graphID:Jt,minValue:Kt,maxValue:yt,regressionLine:Tt,showIntervalDots:ce,showIntervalValues:ue,intervalLineStrokeWidth:$t,intervalLineColors:j,intervalAreaColor:Ft,intervalAreaOpacity:xe,graphDownload:gt,dataDownload:me,animate:Qt,language:_t,minHeight:vt,strokeWidth:g,showDots:v,annotations:L,customHighlightAreaSettings:D,theme:N,ariaLabel:S,yAxisTitle:Wt,noOfYTicks:jt,minDate:c,maxDate:d,colorLegendTitle:te,colorLegendColors:Y,colorLegendDomain:U,curveType:wt,styles:u,classNames:m,customLayers:X,numberDisplayOptions:f}=n,nt=It===void 0?10:It,Ht=re===void 0?"yyyy":re,Rt=le===void 0?!1:le,ot=Vt===void 0?!1:Vt,R=Dt===void 0?30:Dt,st=ft===void 0?30:ft,at=St===void 0?20:St,a=zt===void 0?25:zt;let Z;t[0]!==P?(Z=P===void 0?[]:P,t[0]=P,t[1]=Z):Z=t[1];const Et=Z;let B;t[2]!==o?(B=o===void 0?[]:o,t[2]=o,t[3]=B):B=t[3];const ee=B,x=Tt===void 0?!1:Tt,w=ce===void 0?!1:ce,ie=ue===void 0?!1:ue,ne=$t===void 0?0:$t;let E;t[4]!==j?(E=j===void 0?[ke.Colors.light.grays["gray-500"],ke.Colors.light.grays["gray-500"]]:j,t[4]=j,t[5]=E):E=t[5];const z=E,s=Ft===void 0?ke.Colors.primaryColors["blue-100"]:Ft,rt=xe===void 0?.4:xe,r=gt===void 0?!1:gt,Ct=me===void 0?!1:me,Mt=Qt===void 0?!1:Qt,q=_t===void 0?"en":_t,Gt=vt===void 0?0:vt,Pt=g===void 0?2:g,oe=v===void 0?!0:v;let Yt;t[6]!==L?(Yt=L===void 0?[]:L,t[6]=L,t[7]=Yt):Yt=t[7];const Ut=Yt;let J;t[8]!==D?(J=D===void 0?[]:D,t[8]=D,t[9]=J):J=t[9];const Ot=J,bt=N===void 0?"light":N,lt=jt===void 0?5:jt,Lt=wt===void 0?"curve":wt;let ct;t[10]!==X?(ct=X===void 0?[]:X,t[10]=X,t[11]=ct):ct=t[11];const ut=ct,[K,se]=b.useState(0),[xt,ae]=b.useState(0),kt=b.useRef(null),Q=b.useRef(null);let mt,pt;t[12]===Symbol.for("react.memo_cache_sentinel")?(mt=()=>{const Xt=new ResizeObserver(Zt=>{se(Zt[0].target.clientWidth||620),ae(Zt[0].target.clientHeight||480)});return kt.current&&Xt.observe(kt.current),()=>Xt.disconnect()},pt=[],t[12]=mt,t[13]=pt):(mt=t[12],pt=t[13]),b.useEffect(mt,pt);const At=m?.graphContainer,T=u?.graphContainer;let $;t[14]!==m?.description||t[15]!==m?.title||t[16]!==y||t[17]!==Ct||t[18]!==A||t[19]!==r||t[20]!==et||t[21]!==u?.description||t[22]!==u?.title||t[23]!==p?($=et||A||r||Ct?i.jsxRuntimeExports.jsx(ei.GraphHeader,{styles:{title:u?.title,description:u?.description},classNames:{title:m?.title,description:m?.description},graphTitle:et,graphDescription:A,width:p,graphDownload:r?Q:void 0,dataDownload:Ct?y.map(Mi).filter(Ci).length>0?y.map(Ei).filter(Ri):y.filter(wi):null}):null,t[14]=m?.description,t[15]=m?.title,t[16]=y,t[17]=Ct,t[18]=A,t[19]=r,t[20]=et,t[21]=u?.description,t[22]=u?.title,t[23]=p,t[24]=$):$=t[24];let F;t[25]!==m?.colorLegend||t[26]!==Y||t[27]!==U||t[28]!==te||t[29]!==y.length||t[30]!==p?(F=Y&&U&&y.length>0?i.jsxRuntimeExports.jsx(ii.ColorLegend,{width:p,colorLegendTitle:te,colors:Y,colorDomain:U,showNAColor:!1,className:m?.colorLegend}):null,t[25]=m?.colorLegend,t[26]=Y,t[27]=U,t[28]=te,t[29]=y.length,t[30]=p,t[31]=F):F=t[31];let M;t[32]!==y.length?(M=y.length===0&&i.jsxRuntimeExports.jsx(ni.EmptyState,{}),t[32]=y.length,t[33]=M):M=t[33];let W;t[34]!==Mt||t[35]!==Ut||t[36]!==a||t[37]!==m||t[38]!==Lt||t[39]!==Ot||t[40]!==ut||t[41]!==y||t[42]!==Ht||t[43]!==ee||t[44]!==s||t[45]!==rt||t[46]!==z||t[47]!==ne||t[48]!==q||t[49]!==R||t[50]!==dt||t[51]!==d||t[52]!==yt||t[53]!==c||t[54]!==Kt||t[55]!==nt||t[56]!==lt||t[57]!==f?.locale||t[58]!==f?.padZeros||t[59]!==f?.precision||t[60]!==f?.prefix||t[61]!==f?.suffix||t[62]!==ht||t[63]!==Et||t[64]!==x||t[65]!==st||t[66]!==oe||t[67]!==w||t[68]!==ie||t[69]!==Rt||t[70]!==Pt||t[71]!==u||t[72]!==xt||t[73]!==K||t[74]!==Nt||t[75]!==at||t[76]!==Wt?(W=K&&xt&&y.length>0?i.jsxRuntimeExports.jsx(si,{data:y,lineColor:dt||ke.Colors.primaryColors["blue-600"],width:K,height:xt,dateFormat:Ht,showValues:Rt,noOfXTicks:nt??oi.getNoOfTicks(K),leftMargin:R,rightMargin:st,topMargin:at,bottomMargin:a,tooltip:Nt,highlightAreaSettings:ee,onSeriesMouseOver:ht,refValues:Et,minValue:Kt,maxValue:yt,animate:Mt===!0?{duration:.5,once:!0,amount:.5}:Mt||{duration:0,once:!0,amount:0},rtl:q==="he"||q==="ar",strokeWidth:Pt,showDots:oe,annotations:Ut,customHighlightAreaSettings:Ot,regressionLine:x,showIntervalDots:w,showIntervalValues:ie,intervalLineStrokeWidth:ne,intervalLineColors:z,intervalAreaColor:s,intervalAreaOpacity:rt,yAxisTitle:Wt,noOfYTicks:lt,minDate:c,maxDate:d,curveType:Lt,styles:u,classNames:m,customLayers:ut,locale:f?.locale||"en",padZeros:f?.padZeros||!1,suffix:f?.suffix||"",prefix:f?.prefix||"",precision:f?.precision??2}):null,t[34]=Mt,t[35]=Ut,t[36]=a,t[37]=m,t[38]=Lt,t[39]=Ot,t[40]=ut,t[41]=y,t[42]=Ht,t[43]=ee,t[44]=s,t[45]=rt,t[46]=z,t[47]=ne,t[48]=q,t[49]=R,t[50]=dt,t[51]=d,t[52]=yt,t[53]=c,t[54]=Kt,t[55]=nt,t[56]=lt,t[57]=f?.locale,t[58]=f?.padZeros,t[59]=f?.precision,t[60]=f?.prefix,t[61]=f?.suffix,t[62]=ht,t[63]=Et,t[64]=x,t[65]=st,t[66]=oe,t[67]=w,t[68]=ie,t[69]=Rt,t[70]=Pt,t[71]=u,t[72]=xt,t[73]=K,t[74]=Nt,t[75]=at,t[76]=Wt,t[77]=W):W=t[77];let H;t[78]!==M||t[79]!==W?(H=i.jsxRuntimeExports.jsxs(Te.GraphArea,{ref:kt,children:[M,W]}),t[78]=M,t[79]=W,t[80]=H):H=t[80];let O;t[81]!==m?.footnote||t[82]!==m?.source||t[83]!==l||t[84]!==it||t[85]!==u?.footnote||t[86]!==u?.source||t[87]!==p?(O=it||l?i.jsxRuntimeExports.jsx(ti.GraphFooter,{styles:{footnote:u?.footnote,source:u?.source},classNames:{footnote:m?.footnote,source:m?.source},sources:it,footNote:l,width:p}):null,t[81]=m?.footnote,t[82]=m?.source,t[83]=l,t[84]=it,t[85]=u?.footnote,t[86]=u?.source,t[87]=p,t[88]=O):O=t[88];let _;return t[89]!==S||t[90]!==ot||t[91]!==Jt||t[92]!==I||t[93]!==q||t[94]!==Gt||t[95]!==V||t[96]!==qt||t[97]!==At||t[98]!==T||t[99]!==$||t[100]!==F||t[101]!==H||t[102]!==O||t[103]!==bt||t[104]!==p?(_=i.jsxRuntimeExports.jsxs(Te.GraphContainer,{className:At,style:T,id:Jt,ref:Q,"aria-label":S,backgroundColor:ot,theme:bt,language:q,minHeight:Gt,width:p,height:I,relativeHeight:qt,padding:V,children:[$,F,H,O]}),t[89]=S,t[90]=ot,t[91]=Jt,t[92]=I,t[93]=q,t[94]=Gt,t[95]=V,t[96]=qt,t[97]=At,t[98]=T,t[99]=$,t[100]=F,t[101]=H,t[102]=O,t[103]=bt,t[104]=p,t[105]=_):_=t[105],_}function wi(n){return n!==void 0}function Ri(n){return n!==void 0}function Ei(n){return n.data}function Ci(n){return n!==void 0}function Mi(n){return n.data}exports.LineChartWithConfidenceInterval=ji;
-//# sourceMappingURL=LineChartWithConfidenceInterval.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./LineChartWithConfidenceInterval-D4aZ2CEy.cjs`);exports.LineChartWithConfidenceInterval=e.t;