@undp/data-viz 1.5.8 → 2.0.0

package/dist/SimpleLineChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleLineChart.cjs","sources":["../src/Components/Graphs/LineCharts/LineChart/Graph.tsx","../src/Components/Graphs/LineCharts/LineChart/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  line,\r\n  curveMonotoneX,\r\n  curveLinear,\r\n  curveStep,\r\n  curveStepAfter,\r\n  curveStepBefore,\r\n} from 'd3-shape';\r\nimport { scaleLinear, scaleTime } from 'd3-scale';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { bisectCenter } from 'd3-array';\r\nimport { pointer, select } from 'd3-selection';\r\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion, useInView } from 'motion/react';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  AnnotationSettingsDataType,\r\n  ClassNameObject,\r\n  CurveTypes,\r\n  CustomHighlightAreaSettingsDataType,\r\n  CustomLayerDataType,\r\n  HighlightAreaSettingsDataType,\r\n  LineChartDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\r\nimport { Annotation } from '@/Components/Elements/Annotations';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\r\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\r\n\r\ninterface Props {\r\n  data: LineChartDataType[];\r\n  lineColor: string;\r\n  width: number;\r\n  height: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  dateFormat: string;\r\n  showValues: boolean;\r\n  noOfXTicks: number;\r\n  rightMargin: number;\r\n  leftMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues: ReferenceDataType[];\r\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  animate: AnimateDataType;\r\n  rtl: boolean;\r\n  strokeWidth: number;\r\n  showDots: boolean;\r\n  annotations: AnnotationSettingsDataType[];\r\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\r\n  regressionLine: boolean | string;\r\n  yAxisTitle?: string;\r\n  noOfYTicks: number;\r\n  minDate?: string | number;\r\n  maxDate?: string | number;\r\n  curveType: CurveTypes;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\ninterface FormattedDataType {\r\n  y: number;\r\n  date: Date;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    lineColor,\r\n    suffix,\r\n    prefix,\r\n    dateFormat,\r\n    highlightAreaSettings,\r\n    showValues,\r\n    noOfXTicks,\r\n    rightMargin,\r\n    leftMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    minValue,\r\n    maxValue,\r\n    animate,\r\n    rtl,\r\n    strokeWidth,\r\n    showDots,\r\n    annotations,\r\n    customHighlightAreaSettings,\r\n    regressionLine,\r\n    yAxisTitle,\r\n    noOfYTicks,\r\n    maxDate,\r\n    minDate,\r\n    curveType,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const [hasAnimatedOnce, setHasAnimatedOnce] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (isInView && !hasAnimatedOnce) {\r\n      const timeout = setTimeout(\r\n        () => {\r\n          setHasAnimatedOnce(true);\r\n        },\r\n        (animate.duration + 0.5) * 1000,\r\n      );\r\n      return () => clearTimeout(timeout);\r\n    }\r\n  }, [isInView, hasAnimatedOnce, animate.duration]);\r\n  const curve =\r\n    curveType === 'linear'\r\n      ? curveLinear\r\n      : curveType === 'step'\r\n        ? curveStep\r\n        : curveType === 'stepAfter'\r\n          ? curveStepAfter\r\n          : curveType === 'stepBefore'\r\n            ? curveStepBefore\r\n            : curveMonotoneX;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const MouseoverRectRef = useRef(null);\r\n  const dataFormatted = orderBy(\r\n    data.map(d => ({\r\n      ...d,\r\n      date: parse(`${d.date}`, dateFormat, new Date()),\r\n    })),\r\n    ['date'],\r\n    ['asc'],\r\n  );\r\n  const highlightAreaSettingsFormatted = highlightAreaSettings.map(d => ({\r\n    ...d,\r\n    coordinates: [\r\n      d.coordinates[0] === null ? null : parse(`${d.coordinates[0]}`, dateFormat, new Date()),\r\n      d.coordinates[1] === null ? null : parse(`${d.coordinates[1]}`, dateFormat, new Date()),\r\n    ],\r\n  }));\r\n  const customHighlightAreaSettingsFormatted = customHighlightAreaSettings.map(d => ({\r\n    ...d,\r\n    coordinates: d.coordinates.map((el, j) =>\r\n      j % 2 === 0 ? parse(`${el}`, dateFormat, new Date()) : (el as number),\r\n    ),\r\n  }));\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const minYear = minDate ? parse(`${minDate}`, dateFormat, new Date()) : dataFormatted[0].date;\r\n  const maxYear = maxDate\r\n    ? parse(`${maxDate}`, dateFormat, new Date())\r\n    : dataFormatted[dataFormatted.length - 1].date;\r\n  const minParam: number = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !==\r\n        Infinity\r\n      ? Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) > 0\r\n        ? 0\r\n        : Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n  const maxParam: number =\r\n    Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !== Infinity\r\n      ? Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\r\n  const y = scaleLinear()\r\n    .domain([\r\n      minParam,\r\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\r\n    ])\r\n    .range([graphHeight, 0])\r\n    .nice();\r\n\r\n  const lineShape = line<FormattedDataType>()\r\n    .x(d => x(d.date))\r\n    .y(d => y(d.y))\r\n    .curve(curve);\r\n  const yTicks = y.ticks(noOfYTicks);\r\n  const xTicks = x.ticks(noOfXTicks);\r\n  useEffect(() => {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const mousemove = (event: any) => {\r\n      const selectedData =\r\n        dataFormatted[\r\n          bisectCenter(\r\n            dataFormatted.map(d => d.date),\r\n            x.invert(pointer(event)[0]),\r\n            0,\r\n          )\r\n        ];\r\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      setEventY(event.clientY);\r\n      setEventX(event.clientX);\r\n    };\r\n    const mouseout = () => {\r\n      setMouseOverData(undefined);\r\n      setEventX(undefined);\r\n      setEventY(undefined);\r\n      onSeriesMouseOver?.(undefined);\r\n    };\r\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\r\n  }, [x, dataFormatted, onSeriesMouseOver]);\r\n  const regressionLineParam = linearRegression(\r\n    dataFormatted\r\n      .filter(d => !checkIfNullOrUndefined(d.date) && !checkIfNullOrUndefined(d.y))\r\n      .map(d => [x(d.date), y(d.y as number)]),\r\n  );\r\n  const predict = linearRegressionLine(regressionLineParam);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <HighlightArea\r\n            areaSettings={highlightAreaSettingsFormatted}\r\n            width={graphWidth}\r\n            height={graphHeight}\r\n            scale={x}\r\n            animate={animate}\r\n            isInView={isInView}\r\n          />\r\n          <CustomArea\r\n            areaSettings={customHighlightAreaSettingsFormatted}\r\n            scaleX={x}\r\n            scaleY={y}\r\n            animate={animate}\r\n            isInView={isInView}\r\n          />\r\n          <g>\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              y1={y(minParam < 0 ? 0 : minParam)}\r\n              y2={y(minParam < 0 ? 0 : minParam)}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              label={numberFormattingFunction(\r\n                minParam < 0 ? 0 : minParam,\r\n                'NA',\r\n                precision,\r\n                prefix,\r\n                suffix,\r\n              )}\r\n              labelPos={{\r\n                x: 0 - leftMargin,\r\n                y: y(minParam < 0 ? 0 : minParam),\r\n                dx: 0,\r\n                dy: maxParam < 0 ? '1em' : -5,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: styles?.yAxis?.labels,\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={0 - leftMargin - 15}\r\n              y={graphHeight / 2}\r\n              style={styles?.yAxis?.title}\r\n              className={classNames?.yAxis?.title}\r\n              text={yAxisTitle}\r\n              rotate90\r\n            />\r\n          </g>\r\n          <XTicksAndGridLines\r\n            values={xTicks.map(d => format(d, dateFormat))}\r\n            x={xTicks.map(d => x(d))}\r\n            y1={0}\r\n            y2={graphHeight}\r\n            styles={{\r\n              gridLines: styles?.xAxis?.gridLines,\r\n              labels: styles?.xAxis?.labels,\r\n            }}\r\n            classNames={{\r\n              gridLines: cn('opacity-0', classNames?.xAxis?.gridLines),\r\n              labels: cn(\r\n                'fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs',\r\n                classNames?.xAxis?.labels,\r\n              ),\r\n            }}\r\n            suffix={suffix}\r\n            prefix={prefix}\r\n            labelType='primary'\r\n            showGridLines\r\n            precision={precision}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <g>\r\n            <motion.path\r\n              style={{\r\n                stroke: lineColor,\r\n                fill: 'none',\r\n                strokeWidth,\r\n              }}\r\n              exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n              variants={{\r\n                initial: {\r\n                  pathLength: 0,\r\n                  d: lineShape(dataFormatted) || '',\r\n                  opacity: 1,\r\n                },\r\n                whileInView: {\r\n                  pathLength: 1,\r\n                  d: lineShape(dataFormatted) || '',\r\n                  opacity: 1,\r\n                  transition: { duration: animate.duration },\r\n                },\r\n              }}\r\n              initial='initial'\r\n              animate={isInView ? 'whileInView' : 'initial'}\r\n            />\r\n            {mouseOverData ? (\r\n              <line\r\n                y1={0}\r\n                y2={graphHeight}\r\n                x1={x(mouseOverData.date)}\r\n                x2={x(mouseOverData.date)}\r\n                className={cn(\r\n                  'undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100',\r\n                  classNames?.mouseOverLine,\r\n                )}\r\n                style={styles?.mouseOverLine}\r\n              />\r\n            ) : null}\r\n          </g>\r\n          <g>\r\n            {dataFormatted.map((d, i) => (\r\n              <motion.g key={i}>\r\n                {!checkIfNullOrUndefined(d.y) ? (\r\n                  <>\r\n                    {showDots ? (\r\n                      <motion.circle\r\n                        r={\r\n                          graphWidth / dataFormatted.length < 5\r\n                            ? 0\r\n                            : graphWidth / dataFormatted.length < 20\r\n                              ? 2\r\n                              : 4\r\n                        }\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        variants={{\r\n                          initial: {\r\n                            opacity: 0,\r\n                            cx: x(d.date),\r\n                            cy: y(d.y as number),\r\n                            fill: lineColor,\r\n                          },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            fill: lineColor,\r\n                            transition: {\r\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\r\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\r\n                            },\r\n                            cx: x(d.date),\r\n                            cy: y(d.y as number),\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                      />\r\n                    ) : null}\r\n                    {showValues ? (\r\n                      <motion.text\r\n                        dy={-8}\r\n                        style={{\r\n                          textAnchor: 'middle',\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn(\r\n                          'graph-value text-xs font-bold',\r\n                          classNames?.graphObjectValues,\r\n                        )}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        variants={{\r\n                          initial: { opacity: 0, x: x(d.date), y: y(d.y) },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            x: x(d.date),\r\n                            y: y(d.y),\r\n                            transition: {\r\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\r\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\r\n                            },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                      >\r\n                        {numberFormattingFunction(d.y, 'NA', precision, prefix, suffix)}\r\n                      </motion.text>\r\n                    ) : null}\r\n                  </>\r\n                ) : null}\r\n              </motion.g>\r\n            ))}\r\n          </g>\r\n          {refValues ? (\r\n            <>\r\n              {refValues.map((el, i) => (\r\n                <RefLineY\r\n                  key={i}\r\n                  text={el.text}\r\n                  color={el.color}\r\n                  y={y(el.value as number)}\r\n                  x1={0 - leftMargin}\r\n                  x2={graphWidth + margin.right}\r\n                  classNames={el.classNames}\r\n                  styles={el.styles}\r\n                  animate={animate}\r\n                  isInView={isInView}\r\n                />\r\n              ))}\r\n            </>\r\n          ) : null}\r\n          <g>\r\n            {annotations.map((d, i) => {\r\n              const endPoints = getLineEndPoint(\r\n                {\r\n                  x: d.xCoordinate\r\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                    : 0 + (d.xOffset || 0),\r\n                  y: d.yCoordinate\r\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                    : 0 + (d.yOffset || 0) - 8,\r\n                },\r\n                {\r\n                  x: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\r\n                  y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                },\r\n                checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\r\n              );\r\n              const connectorSettings = d.showConnector\r\n                ? {\r\n                    y1: endPoints.y,\r\n                    x1: endPoints.x,\r\n                    y2: d.yCoordinate\r\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0)\r\n                      : 0 + (d.yOffset || 0),\r\n                    x2: d.xCoordinate\r\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                    cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                    cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\r\n                    circleRadius: checkIfNullOrUndefined(d.connectorRadius)\r\n                      ? 3.5\r\n                      : (d.connectorRadius as number),\r\n                    strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\r\n                  }\r\n                : undefined;\r\n              const labelSettings = {\r\n                y: d.yCoordinate\r\n                  ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                  : 0 + (d.yOffset || 0) - 8,\r\n                x: rtl\r\n                  ? 0\r\n                  : d.xCoordinate\r\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                    : 0 + (d.xOffset || 0),\r\n                width: rtl\r\n                  ? d.xCoordinate\r\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                    : 0 + (d.xOffset || 0)\r\n                  : graphWidth +\r\n                    margin.right -\r\n                    (d.xCoordinate\r\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0)),\r\n                maxWidth: d.maxWidth,\r\n                fontWeight: d.fontWeight,\r\n                align: d.align,\r\n              };\r\n              return (\r\n                <Annotation\r\n                  key={i}\r\n                  color={d.color}\r\n                  connectorsSettings={connectorSettings}\r\n                  labelSettings={labelSettings}\r\n                  text={d.text}\r\n                  classNames={d.classNames}\r\n                  styles={d.styles}\r\n                  animate={animate}\r\n                  isInView={isInView}\r\n                />\r\n              );\r\n            })}\r\n          </g>\r\n          <g>\r\n            {regressionLine ? (\r\n              <RegressionLine\r\n                x1={0}\r\n                x2={graphWidth}\r\n                y1={predict(0)}\r\n                y2={predict(graphWidth)}\r\n                graphHeight={graphHeight}\r\n                graphWidth={graphWidth}\r\n                className={classNames?.regLine}\r\n                style={styles?.regLine}\r\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ) : null}\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          <rect\r\n            ref={MouseoverRectRef}\r\n            style={{\r\n              fill: 'none',\r\n              pointerEvents: 'all',\r\n            }}\r\n            width={graphWidth}\r\n            height={graphHeight}\r\n          />\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  AnnotationSettingsDataType,\r\n  CustomHighlightAreaSettingsDataType,\r\n  Languages,\r\n  LineChartDataType,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  HighlightAreaSettingsDataType,\r\n  CurveTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: LineChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors of the lines */\r\n  lineColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Maximum value of the date for the chart */\r\n  maxDate?: string | number;\r\n  /** Minimum value of the date for the chart */\r\n  minDate?: string | number;\r\n  /** No. of ticks on the x-axis  */\r\n  noOfXTicks?: number;\r\n  /** No. of ticks on the y-axis  */\r\n  noOfYTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of dots on the line */\r\n  showDots?: boolean;\r\n  /** Stroke width of the line */\r\n  strokeWidth?: number;\r\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. */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\r\n  dateFormat?: string;\r\n  /** Title for the Y-axis */\r\n  yAxisTitle?: string;\r\n  /** Annotations on the chart */\r\n  annotations?: AnnotationSettingsDataType[];\r\n  /** Highlighted area(square) on the chart  */\r\n  highlightAreaSettings?: HighlightAreaSettingsDataType[];\r\n  /** Highlighted area(custom shape) on the chart  */\r\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];\r\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. */\r\n  regressionLine?: boolean | string;\r\n  /** Curve type for the line */\r\n  curveType?: CurveTypes;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function SimpleLineChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    lineColor,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    noOfXTicks = 10,\r\n    dateFormat = 'yyyy',\r\n    showValues = false,\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 30,\r\n    rightMargin = 30,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightAreaSettings = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    maxDate,\r\n    minDate,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    animate = false,\r\n    language = 'en',\r\n    refValues = [],\r\n    minHeight = 0,\r\n    strokeWidth = 2,\r\n    showDots = true,\r\n    annotations = [],\r\n    customHighlightAreaSettings = [],\r\n    theme = 'light',\r\n    ariaLabel,\r\n    regressionLine = false,\r\n    yAxisTitle,\r\n    noOfYTicks = 5,\r\n    curveType = 'curve',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a line chart that shows trends over time.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            {data.length === 0 ? (\r\n              <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n                <EmptyState />\r\n              </div>\r\n            ) : (\r\n              <div\r\n                className='flex flex-col grow justify-center leading-0'\r\n                ref={graphDiv}\r\n                aria-label='Graph area'\r\n              >\r\n                {(width || svgWidth) && (height || svgHeight) ? (\r\n                  <Graph\r\n                    data={data}\r\n                    lineColor={lineColor || Colors.primaryColors['blue-600']}\r\n                    width={width || svgWidth}\r\n                    height={Math.max(\r\n                      minHeight,\r\n                      height ||\r\n                        (relativeHeight\r\n                          ? minHeight\r\n                            ? (width || svgWidth) * relativeHeight > minHeight\r\n                              ? (width || svgWidth) * relativeHeight\r\n                              : minHeight\r\n                            : (width || svgWidth) * relativeHeight\r\n                          : svgHeight),\r\n                    )}\r\n                    suffix={suffix}\r\n                    prefix={prefix}\r\n                    dateFormat={dateFormat}\r\n                    showValues={showValues}\r\n                    noOfXTicks={noOfXTicks}\r\n                    leftMargin={leftMargin}\r\n                    rightMargin={rightMargin}\r\n                    topMargin={topMargin}\r\n                    bottomMargin={bottomMargin}\r\n                    tooltip={tooltip}\r\n                    highlightAreaSettings={highlightAreaSettings}\r\n                    onSeriesMouseOver={onSeriesMouseOver}\r\n                    refValues={refValues}\r\n                    minValue={minValue}\r\n                    maxValue={maxValue}\r\n                    animate={\r\n                      animate === true\r\n                        ? { duration: 0.5, once: true, amount: 0.5 }\r\n                        : animate || { duration: 0, once: true, amount: 0 }\r\n                    }\r\n                    rtl={language === 'he' || language === 'ar'}\r\n                    strokeWidth={strokeWidth}\r\n                    showDots={showDots}\r\n                    annotations={annotations}\r\n                    customHighlightAreaSettings={customHighlightAreaSettings}\r\n                    regressionLine={regressionLine}\r\n                    yAxisTitle={yAxisTitle}\r\n                    noOfYTicks={noOfYTicks}\r\n                    maxDate={maxDate}\r\n                    minDate={minDate}\r\n                    curveType={curveType}\r\n                    styles={styles}\r\n                    classNames={classNames}\r\n                    precision={precision}\r\n                    customLayers={customLayers}\r\n                  />\r\n                ) : null}\r\n              </div>\r\n            )}\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","width","height","lineColor","suffix","prefix","dateFormat","highlightAreaSettings","showValues","noOfXTicks","rightMargin","leftMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","refValues","minValue","maxValue","animate","rtl","strokeWidth","showDots","annotations","customHighlightAreaSettings","regressionLine","yAxisTitle","noOfYTicks","maxDate","minDate","curveType","styles","classNames","precision","customLayers","svgRef","useRef","isInView","useInView","hasAnimatedOnce","setHasAnimatedOnce","useState","useEffect","timeout","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","margin","MouseoverRectRef","dataFormatted","orderBy","d","parse","highlightAreaSettingsFormatted","customHighlightAreaSettingsFormatted","el","j","graphWidth","graphHeight","minYear","maxYear","minParam","checkIfNullOrUndefined","maxParam","x","scaleTime","y","scaleLinear","lineShape","line","yTicks","xTicks","mousemove","event","selectedData","bisectCenter","pointer","mouseout","select","regressionLineParam","linearRegression","predict","linearRegressionLine","jsxs","Fragment","jsx","motion","HighlightArea","CustomArea","YTicksAndGridLines","Axis","numberFormattingFunction","AxisTitle","XTicksAndGridLines","format","cn","i","RefLineY","endPoints","getLineEndPoint","connectorSettings","labelSettings","Annotation","RegressionLine","Tooltip","SimpleLineChart","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","relativeHeight","graphID","graphDownload","dataDownload","language","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","resizeObserver","entries","GraphHeader","EmptyState","Colors","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"SimpleLineChart.cjs","sources":["../src/Components/Graphs/LineCharts/LineChart/Graph.tsx","../src/Components/Graphs/LineCharts/LineChart/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  line,\r\n  curveMonotoneX,\r\n  curveLinear,\r\n  curveStep,\r\n  curveStepAfter,\r\n  curveStepBefore,\r\n} from 'd3-shape';\r\nimport { scaleLinear, scaleTime } from 'd3-scale';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { bisectCenter } from 'd3-array';\r\nimport { pointer, select } from 'd3-selection';\r\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { motion, useInView } from 'motion/react';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  AnnotationSettingsDataType,\r\n  ClassNameObject,\r\n  CurveTypes,\r\n  CustomHighlightAreaSettingsDataType,\r\n  CustomLayerDataType,\r\n  HighlightAreaSettingsDataType,\r\n  LineChartDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\r\nimport { Annotation } from '@/Components/Elements/Annotations';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\r\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\r\n\r\ninterface Props {\r\n  data: LineChartDataType[];\r\n  lineColor: string;\r\n  width: number;\r\n  height: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  dateFormat: string;\r\n  showValues: boolean;\r\n  noOfXTicks: number;\r\n  rightMargin: number;\r\n  leftMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues: ReferenceDataType[];\r\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  animate: AnimateDataType;\r\n  rtl: boolean;\r\n  strokeWidth: number;\r\n  showDots: boolean;\r\n  annotations: AnnotationSettingsDataType[];\r\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\r\n  regressionLine: boolean | string;\r\n  yAxisTitle?: string;\r\n  noOfYTicks: number;\r\n  minDate?: string | number;\r\n  maxDate?: string | number;\r\n  curveType: CurveTypes;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\ninterface FormattedDataType {\r\n  y: number;\r\n  date: Date;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    lineColor,\r\n    suffix,\r\n    prefix,\r\n    dateFormat,\r\n    highlightAreaSettings,\r\n    showValues,\r\n    noOfXTicks,\r\n    rightMargin,\r\n    leftMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    minValue,\r\n    maxValue,\r\n    animate,\r\n    rtl,\r\n    strokeWidth,\r\n    showDots,\r\n    annotations,\r\n    customHighlightAreaSettings,\r\n    regressionLine,\r\n    yAxisTitle,\r\n    noOfYTicks,\r\n    maxDate,\r\n    minDate,\r\n    curveType,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const [hasAnimatedOnce, setHasAnimatedOnce] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (isInView && !hasAnimatedOnce) {\r\n      const timeout = setTimeout(\r\n        () => {\r\n          setHasAnimatedOnce(true);\r\n        },\r\n        (animate.duration + 0.5) * 1000,\r\n      );\r\n      return () => clearTimeout(timeout);\r\n    }\r\n  }, [isInView, hasAnimatedOnce, animate.duration]);\r\n  const curve =\r\n    curveType === 'linear'\r\n      ? curveLinear\r\n      : curveType === 'step'\r\n        ? curveStep\r\n        : curveType === 'stepAfter'\r\n          ? curveStepAfter\r\n          : curveType === 'stepBefore'\r\n            ? curveStepBefore\r\n            : curveMonotoneX;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const MouseoverRectRef = useRef(null);\r\n  const dataFormatted = orderBy(\r\n    data.map(d => ({\r\n      ...d,\r\n      date: parse(`${d.date}`, dateFormat, new Date()),\r\n    })),\r\n    ['date'],\r\n    ['asc'],\r\n  );\r\n  const highlightAreaSettingsFormatted = highlightAreaSettings.map(d => ({\r\n    ...d,\r\n    coordinates: [\r\n      d.coordinates[0] === null ? null : parse(`${d.coordinates[0]}`, dateFormat, new Date()),\r\n      d.coordinates[1] === null ? null : parse(`${d.coordinates[1]}`, dateFormat, new Date()),\r\n    ],\r\n  }));\r\n  const customHighlightAreaSettingsFormatted = customHighlightAreaSettings.map(d => ({\r\n    ...d,\r\n    coordinates: d.coordinates.map((el, j) =>\r\n      j % 2 === 0 ? parse(`${el}`, dateFormat, new Date()) : (el as number),\r\n    ),\r\n  }));\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const minYear = minDate ? parse(`${minDate}`, dateFormat, new Date()) : dataFormatted[0].date;\r\n  const maxYear = maxDate\r\n    ? parse(`${maxDate}`, dateFormat, new Date())\r\n    : dataFormatted[dataFormatted.length - 1].date;\r\n  const minParam: number = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !==\r\n        Infinity\r\n      ? Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) > 0\r\n        ? 0\r\n        : Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n  const maxParam: number =\r\n    Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !== Infinity\r\n      ? Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\r\n  const y = scaleLinear()\r\n    .domain([\r\n      minParam,\r\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\r\n    ])\r\n    .range([graphHeight, 0])\r\n    .nice();\r\n\r\n  const lineShape = line<FormattedDataType>()\r\n    .x(d => x(d.date))\r\n    .y(d => y(d.y))\r\n    .curve(curve);\r\n  const yTicks = y.ticks(noOfYTicks);\r\n  const xTicks = x.ticks(noOfXTicks);\r\n  useEffect(() => {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const mousemove = (event: any) => {\r\n      const selectedData =\r\n        dataFormatted[\r\n          bisectCenter(\r\n            dataFormatted.map(d => d.date),\r\n            x.invert(pointer(event)[0]),\r\n            0,\r\n          )\r\n        ];\r\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      setEventY(event.clientY);\r\n      setEventX(event.clientX);\r\n    };\r\n    const mouseout = () => {\r\n      setMouseOverData(undefined);\r\n      setEventX(undefined);\r\n      setEventY(undefined);\r\n      onSeriesMouseOver?.(undefined);\r\n    };\r\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\r\n  }, [x, dataFormatted, onSeriesMouseOver]);\r\n  const regressionLineParam = linearRegression(\r\n    dataFormatted\r\n      .filter(d => !checkIfNullOrUndefined(d.date) && !checkIfNullOrUndefined(d.y))\r\n      .map(d => [x(d.date), y(d.y as number)]),\r\n  );\r\n  const predict = linearRegressionLine(regressionLineParam);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <HighlightArea\r\n            areaSettings={highlightAreaSettingsFormatted}\r\n            width={graphWidth}\r\n            height={graphHeight}\r\n            scale={x}\r\n            animate={animate}\r\n            isInView={isInView}\r\n          />\r\n          <CustomArea\r\n            areaSettings={customHighlightAreaSettingsFormatted}\r\n            scaleX={x}\r\n            scaleY={y}\r\n            animate={animate}\r\n            isInView={isInView}\r\n          />\r\n          <g>\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              y1={y(minParam < 0 ? 0 : minParam)}\r\n              y2={y(minParam < 0 ? 0 : minParam)}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              label={numberFormattingFunction(\r\n                minParam < 0 ? 0 : minParam,\r\n                'NA',\r\n                precision,\r\n                prefix,\r\n                suffix,\r\n              )}\r\n              labelPos={{\r\n                x: 0 - leftMargin,\r\n                y: y(minParam < 0 ? 0 : minParam),\r\n                dx: 0,\r\n                dy: maxParam < 0 ? '1em' : -5,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: styles?.yAxis?.labels,\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={0 - leftMargin - 15}\r\n              y={graphHeight / 2}\r\n              style={styles?.yAxis?.title}\r\n              className={classNames?.yAxis?.title}\r\n              text={yAxisTitle}\r\n              rotate90\r\n            />\r\n          </g>\r\n          <XTicksAndGridLines\r\n            values={xTicks.map(d => format(d, dateFormat))}\r\n            x={xTicks.map(d => x(d))}\r\n            y1={0}\r\n            y2={graphHeight}\r\n            styles={{\r\n              gridLines: styles?.xAxis?.gridLines,\r\n              labels: styles?.xAxis?.labels,\r\n            }}\r\n            classNames={{\r\n              gridLines: cn('opacity-0', classNames?.xAxis?.gridLines),\r\n              labels: cn(\r\n                'fill-primary-gray-700 dark:fill-primary-gray-300 xs:max-[360px]:hidden text-[9px] md:text-[10px] lg:text-xs',\r\n                classNames?.xAxis?.labels,\r\n              ),\r\n            }}\r\n            suffix={suffix}\r\n            prefix={prefix}\r\n            labelType='primary'\r\n            showGridLines\r\n            precision={precision}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <g>\r\n            <motion.path\r\n              style={{\r\n                stroke: lineColor,\r\n                fill: 'none',\r\n                strokeWidth,\r\n              }}\r\n              exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n              variants={{\r\n                initial: {\r\n                  pathLength: 0,\r\n                  d: lineShape(dataFormatted) || '',\r\n                  opacity: 1,\r\n                },\r\n                whileInView: {\r\n                  pathLength: 1,\r\n                  d: lineShape(dataFormatted) || '',\r\n                  opacity: 1,\r\n                  transition: { duration: animate.duration },\r\n                },\r\n              }}\r\n              initial='initial'\r\n              animate={isInView ? 'whileInView' : 'initial'}\r\n            />\r\n            {mouseOverData ? (\r\n              <line\r\n                y1={0}\r\n                y2={graphHeight}\r\n                x1={x(mouseOverData.date)}\r\n                x2={x(mouseOverData.date)}\r\n                className={cn(\r\n                  'undp-tick-line stroke-primary-gray-700 dark:stroke-primary-gray-100',\r\n                  classNames?.mouseOverLine,\r\n                )}\r\n                style={styles?.mouseOverLine}\r\n              />\r\n            ) : null}\r\n          </g>\r\n          <g>\r\n            {dataFormatted.map((d, i) => (\r\n              <motion.g key={i}>\r\n                {!checkIfNullOrUndefined(d.y) ? (\r\n                  <>\r\n                    {showDots ? (\r\n                      <motion.circle\r\n                        r={\r\n                          graphWidth / dataFormatted.length < 5\r\n                            ? 0\r\n                            : graphWidth / dataFormatted.length < 20\r\n                              ? 2\r\n                              : 4\r\n                        }\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        variants={{\r\n                          initial: {\r\n                            opacity: 0,\r\n                            cx: x(d.date),\r\n                            cy: y(d.y as number),\r\n                            fill: lineColor,\r\n                          },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            fill: lineColor,\r\n                            transition: {\r\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\r\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\r\n                            },\r\n                            cx: x(d.date),\r\n                            cy: y(d.y as number),\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                      />\r\n                    ) : null}\r\n                    {showValues ? (\r\n                      <motion.text\r\n                        dy={-8}\r\n                        style={{\r\n                          textAnchor: 'middle',\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn(\r\n                          'graph-value text-xs font-bold',\r\n                          classNames?.graphObjectValues,\r\n                        )}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        variants={{\r\n                          initial: { opacity: 0, x: x(d.date), y: y(d.y) },\r\n                          whileInView: {\r\n                            opacity: 1,\r\n                            x: x(d.date),\r\n                            y: y(d.y),\r\n                            transition: {\r\n                              duration: hasAnimatedOnce ? animate.duration : 0.5,\r\n                              delay: hasAnimatedOnce ? 0 : animate.duration,\r\n                            },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                      >\r\n                        {numberFormattingFunction(d.y, 'NA', precision, prefix, suffix)}\r\n                      </motion.text>\r\n                    ) : null}\r\n                  </>\r\n                ) : null}\r\n              </motion.g>\r\n            ))}\r\n          </g>\r\n          {refValues ? (\r\n            <>\r\n              {refValues.map((el, i) => (\r\n                <RefLineY\r\n                  key={i}\r\n                  text={el.text}\r\n                  color={el.color}\r\n                  y={y(el.value as number)}\r\n                  x1={0 - leftMargin}\r\n                  x2={graphWidth + margin.right}\r\n                  classNames={el.classNames}\r\n                  styles={el.styles}\r\n                  animate={animate}\r\n                  isInView={isInView}\r\n                />\r\n              ))}\r\n            </>\r\n          ) : null}\r\n          <g>\r\n            {annotations.map((d, i) => {\r\n              const endPoints = getLineEndPoint(\r\n                {\r\n                  x: d.xCoordinate\r\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                    : 0 + (d.xOffset || 0),\r\n                  y: d.yCoordinate\r\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                    : 0 + (d.yOffset || 0) - 8,\r\n                },\r\n                {\r\n                  x: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\r\n                  y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                },\r\n                checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\r\n              );\r\n              const connectorSettings = d.showConnector\r\n                ? {\r\n                    y1: endPoints.y,\r\n                    x1: endPoints.x,\r\n                    y2: d.yCoordinate\r\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0)\r\n                      : 0 + (d.yOffset || 0),\r\n                    x2: d.xCoordinate\r\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                    cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                    cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\r\n                    circleRadius: checkIfNullOrUndefined(d.connectorRadius)\r\n                      ? 3.5\r\n                      : (d.connectorRadius as number),\r\n                    strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\r\n                  }\r\n                : undefined;\r\n              const labelSettings = {\r\n                y: d.yCoordinate\r\n                  ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                  : 0 + (d.yOffset || 0) - 8,\r\n                x: rtl\r\n                  ? 0\r\n                  : d.xCoordinate\r\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                    : 0 + (d.xOffset || 0),\r\n                width: rtl\r\n                  ? d.xCoordinate\r\n                    ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                    : 0 + (d.xOffset || 0)\r\n                  : graphWidth +\r\n                    margin.right -\r\n                    (d.xCoordinate\r\n                      ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0)),\r\n                maxWidth: d.maxWidth,\r\n                fontWeight: d.fontWeight,\r\n                align: d.align,\r\n              };\r\n              return (\r\n                <Annotation\r\n                  key={i}\r\n                  color={d.color}\r\n                  connectorsSettings={connectorSettings}\r\n                  labelSettings={labelSettings}\r\n                  text={d.text}\r\n                  classNames={d.classNames}\r\n                  styles={d.styles}\r\n                  animate={animate}\r\n                  isInView={isInView}\r\n                />\r\n              );\r\n            })}\r\n          </g>\r\n          <g>\r\n            {regressionLine ? (\r\n              <RegressionLine\r\n                x1={0}\r\n                x2={graphWidth}\r\n                y1={predict(0)}\r\n                y2={predict(graphWidth)}\r\n                graphHeight={graphHeight}\r\n                graphWidth={graphWidth}\r\n                className={classNames?.regLine}\r\n                style={styles?.regLine}\r\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ) : null}\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          <rect\r\n            ref={MouseoverRectRef}\r\n            style={{\r\n              fill: 'none',\r\n              pointerEvents: 'all',\r\n            }}\r\n            width={graphWidth}\r\n            height={graphHeight}\r\n          />\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  AnnotationSettingsDataType,\r\n  CustomHighlightAreaSettingsDataType,\r\n  Languages,\r\n  LineChartDataType,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  HighlightAreaSettingsDataType,\r\n  CurveTypes,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: LineChartDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Colors of the lines */\r\n  lineColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Maximum value of the date for the chart */\r\n  maxDate?: string | number;\r\n  /** Minimum value of the date for the chart */\r\n  minDate?: string | number;\r\n  /** No. of ticks on the x-axis  */\r\n  noOfXTicks?: number;\r\n  /** No. of ticks on the y-axis  */\r\n  noOfYTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of dots on the line */\r\n  showDots?: boolean;\r\n  /** Stroke width of the line */\r\n  strokeWidth?: number;\r\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. */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\r\n  dateFormat?: string;\r\n  /** Title for the Y-axis */\r\n  yAxisTitle?: string;\r\n  /** Annotations on the chart */\r\n  annotations?: AnnotationSettingsDataType[];\r\n  /** Highlighted area(square) on the chart  */\r\n  highlightAreaSettings?: HighlightAreaSettingsDataType[];\r\n  /** Highlighted area(custom shape) on the chart  */\r\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsDataType[];\r\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. */\r\n  regressionLine?: boolean | string;\r\n  /** Curve type for the line */\r\n  curveType?: CurveTypes;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function SimpleLineChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    lineColor,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    noOfXTicks = 10,\r\n    dateFormat = 'yyyy',\r\n    showValues = false,\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 30,\r\n    rightMargin = 30,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightAreaSettings = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    maxDate,\r\n    minDate,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    animate = false,\r\n    language = 'en',\r\n    refValues = [],\r\n    minHeight = 0,\r\n    strokeWidth = 2,\r\n    showDots = true,\r\n    annotations = [],\r\n    customHighlightAreaSettings = [],\r\n    theme = 'light',\r\n    ariaLabel,\r\n    regressionLine = false,\r\n    yAxisTitle,\r\n    noOfYTicks = 5,\r\n    curveType = 'curve',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {data.length === 0 ? (\r\n        <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n          <EmptyState />\r\n        </div>\r\n      ) : (\r\n        <GraphArea ref={graphDiv}>\r\n          {svgWidth && svgHeight ? (\r\n            <Graph\r\n              data={data}\r\n              lineColor={lineColor || Colors.primaryColors['blue-600']}\r\n              width={svgWidth}\r\n              height={svgHeight}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              dateFormat={dateFormat}\r\n              showValues={showValues}\r\n              noOfXTicks={noOfXTicks}\r\n              leftMargin={leftMargin}\r\n              rightMargin={rightMargin}\r\n              topMargin={topMargin}\r\n              bottomMargin={bottomMargin}\r\n              tooltip={tooltip}\r\n              highlightAreaSettings={highlightAreaSettings}\r\n              onSeriesMouseOver={onSeriesMouseOver}\r\n              refValues={refValues}\r\n              minValue={minValue}\r\n              maxValue={maxValue}\r\n              animate={\r\n                animate === true\r\n                  ? { duration: 0.5, once: true, amount: 0.5 }\r\n                  : animate || { duration: 0, once: true, amount: 0 }\r\n              }\r\n              rtl={language === 'he' || language === 'ar'}\r\n              strokeWidth={strokeWidth}\r\n              showDots={showDots}\r\n              annotations={annotations}\r\n              customHighlightAreaSettings={customHighlightAreaSettings}\r\n              regressionLine={regressionLine}\r\n              yAxisTitle={yAxisTitle}\r\n              noOfYTicks={noOfYTicks}\r\n              maxDate={maxDate}\r\n              minDate={minDate}\r\n              curveType={curveType}\r\n              styles={styles}\r\n              classNames={classNames}\r\n              precision={precision}\r\n              customLayers={customLayers}\r\n            />\r\n          ) : null}\r\n        </GraphArea>\r\n      )}\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","$","_c","data","width","height","lineColor","suffix","prefix","dateFormat","highlightAreaSettings","showValues","noOfXTicks","rightMargin","leftMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","refValues","minValue","maxValue","animate","rtl","strokeWidth","showDots","annotations","customHighlightAreaSettings","regressionLine","yAxisTitle","noOfYTicks","maxDate","minDate","curveType","styles","classNames","precision","customLayers","svgRef","useRef","t0","amount","once","isInView","useInView","hasAnimatedOnce","setHasAnimatedOnce","useState","t1","t2","duration","timeout","setTimeout","clearTimeout","useEffect","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","undefined","eventX","setEventX","eventY","setEventY","t3","t4","top","bottom","left","right","margin","MouseoverRectRef","t5","d","date","parse","Date","dataFormatted","orderBy","map","t6","t7","d_0","coordinates","highlightAreaSettingsFormatted","t8","d_1","el","j","customHighlightAreaSettingsFormatted","graphWidth","graphHeight","minYear","maxYear","length","minParam","checkIfNullOrUndefined","Math","min","_temp","filter","_temp2","Infinity","_temp3","_temp4","_temp5","_temp6","maxParam","max","_temp7","_temp8","_temp9","_temp0","x","scaleTime","domain","range","y","scaleLinear","nice","lineShape","line","d_12","yTicks","ticks","xTicks","mousemove","event","selectedData","bisectCenter","_temp1","invert","pointer","clientY","clientX","mouseout","select","current","on","regressionLineParam","linearRegression","_temp10","d_16","predict","linearRegressionLine","t9","jsx","HighlightArea","t10","yAxis","gridLines","t11","labels","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","numberFormattingFunction","t22","t23","t24","t25","dx","dy","t26","xAxis","axis","t27","t28","label","t29","t30","t31","t32","Axis","t33","t34","t35","title","t36","t37","AxisTitle","t38","d_20","format","t39","t40","d_21","t41","t42","t43","t44","t45","cn","t46","t47","t48","t49","_temp13","_temp14","t50","stroke","fill","t51","opacity","transition","t52","d_24","i","motion","jsxs","Fragment","initial","cx","cy","whileInView","delay","textAnchor","graphObjectValues","t53","t54","d_25","i_1","endPoints","getLineEndPoint","xCoordinate","xOffset","yCoordinate","yOffset","connectorRadius","connectorSettings","showConnector","y1","x1","y2","x2","circleRadius","labelSettings","maxWidth","fontWeight","align","Annotation","color","text","t55","t56","RegressionLine","regLine","t57","t58","_temp15","_temp16","t59","Symbol","for","pointerEvents","t60","t61","Tooltip","CustomArea","YTicksAndGridLines","_temp11","_temp12","d_19","XTicksAndGridLines","pathLength","mouseOverLine","el_0","i_0","RefLineY","value","d_27","layer","d_26","position","d_23","d_22","d_18","d_17","d_15","d_14","d_9","d_8","d_11","d_10","d_3","d_2","d_5","d_4","d_7","d_6","SimpleLineChart","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","relativeHeight","graphID","graphDownload","dataDownload","language","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","GraphHeader","EmptyState","GraphArea","Colors","primaryColors","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}

package/dist/SimpleLineChart.d.ts

@@ -57,6 +57,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 declare type CurveTypes = 'linear' | 'curve' | 'step' | 'stepAfter' | 'stepBefore';