@undp/data-viz 1.5.8 → 2.0.0

package/dist/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.js","sources":["../src/Components/Graphs/StackedAreaChart/Graph.tsx","../src/Components/Graphs/StackedAreaChart/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  curveMonotoneX,\r\n  area,\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 sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { AnimatePresence, 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  MultiLineChartDataType,\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 { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { Annotation } from '@/Components/Elements/Annotations';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\r\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\r\n\r\ninterface Props {\r\n  data: MultiLineChartDataType[];\r\n  colors: string[];\r\n  width: number;\r\n  height: number;\r\n  dateFormat: string;\r\n  noOfXTicks: number;\r\n  rightMargin: number;\r\n  leftMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  yAxisTitle?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  rtl: boolean;\r\n  annotations: AnnotationSettingsDataType[];\r\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\r\n  noOfYTicks: number;\r\n  prefix: string;\r\n  suffix: string;\r\n  curveType: CurveTypes;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  animate: AnimateDataType;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    colors,\r\n    dateFormat,\r\n    noOfXTicks,\r\n    rightMargin,\r\n    leftMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    yAxisTitle,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightAreaSettings,\r\n    refValues,\r\n    minValue,\r\n    maxValue,\r\n    rtl,\r\n    annotations,\r\n    customHighlightAreaSettings,\r\n    noOfYTicks,\r\n    prefix,\r\n    suffix,\r\n    curveType,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    customLayers,\r\n    animate,\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 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 dataArray = dataFormatted[0].y.map((_d, i) => {\r\n    return dataFormatted.map(el => ({\r\n      date: el.date,\r\n      y0: i === 0 ? 0 : sum(el.y.filter((_element, k) => k < i)),\r\n      y1: sum(el.y.filter((_element, k) => k <= i)),\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 = dataFormatted[0].date;\r\n  const maxYear = dataFormatted[dataFormatted.length - 1].date;\r\n  const minParam = checkIfNullOrUndefined(minValue) ? 0 : (minValue as number);\r\n  const maxParam: number = checkIfNullOrUndefined(maxValue)\r\n    ? Math.max(...data.map(d => sum(d.y) || 0))\r\n    : (maxValue as number);\r\n\r\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\r\n  const y = scaleLinear().domain([minParam, maxParam]).range([graphHeight, 0]).nice();\r\n\r\n  const areaShape = area()\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .x((d: any) => x(d.date))\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .y0((d: any) => y(d.y0))\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .y1((d: any) => y(d.y1))\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    onSeriesMouseOver?.(undefined);\r\n  }, [x, dataFormatted, onSeriesMouseOver]);\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        <AnimatePresence>\r\n          <motion.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              animate={animate}\r\n              areaSettings={customHighlightAreaSettingsFormatted}\r\n              scaleX={x}\r\n              scaleY={y}\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                  dx: 0,\r\n                  dy: maxParam < 0 ? '1em' : -5,\r\n                  y: y(minParam < 0 ? 0 : minParam),\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-[8px] sm: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            <motion.g>\r\n              {dataArray.map((d, i) => {\r\n                return (\r\n                  <motion.path\r\n                    key={i}\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    d={areaShape(d as any) as string}\r\n                    exit={{\r\n                      opacity: 0,\r\n                      transition: { duration: animate.duration },\r\n                    }}\r\n                    variants={{\r\n                      initial: {\r\n                        d: areaShape(\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          d.map(el => ({ ...el, y0: 0, y1: 0 })) as any,\r\n                        ) as string as string,\r\n                        opacity: 0,\r\n                      },\r\n                      whileInView: {\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        d: areaShape(d as any) as string,\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                    style={{\r\n                      fill: colors[i],\r\n                      opacity: 0.8,\r\n                    }}\r\n                  />\r\n                );\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            </motion.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                      cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\r\n                      cy: d.yCoordinate ? y(d.yCoordinate as number) : 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            {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          </motion.g>\r\n        </AnimatePresence>\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  AreaChartDataType,\r\n  CustomHighlightAreaSettingsDataType,\r\n  Languages,\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 { ColorLegend } from '@/Components/Elements/ColorLegend';\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: AreaChartDataType[];\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  /** array of colors for different lines and areas */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** 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  /** 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  /** 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  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\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  /** 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  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\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 AreaChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    noOfXTicks = 10,\r\n    dateFormat = 'yyyy',\r\n    colorDomain,\r\n    padding,\r\n    backgroundColor = false,\r\n    colorLegendTitle,\r\n    leftMargin = 50,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    highlightAreaSettings = [],\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    refValues = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showColorScale = true,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    annotations = [],\r\n    customHighlightAreaSettings = [],\r\n    theme = 'light',\r\n    ariaLabel,\r\n    yAxisTitle,\r\n    noOfYTicks = 5,\r\n    prefix = '',\r\n    suffix = '',\r\n    curveType = 'curve',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    customLayers = [],\r\n    animate = false,\r\n  } = props;\r\n\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\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 stacked area 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            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale !== false ? (\r\n                    <ColorLegend\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data}\r\n                        colors={colors}\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                        dateFormat={dateFormat}\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                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        highlightAreaSettings={highlightAreaSettings}\r\n                        refValues={refValues}\r\n                        minValue={minValue}\r\n                        maxValue={maxValue}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        annotations={annotations}\r\n                        customHighlightAreaSettings={customHighlightAreaSettings}\r\n                        yAxisTitle={yAxisTitle}\r\n                        noOfYTicks={noOfYTicks}\r\n                        prefix={prefix}\r\n                        suffix={suffix}\r\n                        curveType={curveType}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\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                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","width","height","colors","dateFormat","noOfXTicks","rightMargin","leftMargin","topMargin","bottomMargin","yAxisTitle","tooltip","onSeriesMouseOver","highlightAreaSettings","refValues","minValue","maxValue","rtl","annotations","customHighlightAreaSettings","noOfYTicks","prefix","suffix","curveType","styles","classNames","precision","customLayers","animate","svgRef","useRef","isInView","useInView","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","useState","eventX","setEventX","eventY","setEventY","margin","MouseoverRectRef","dataFormatted","orderBy","d","parse","highlightAreaSettingsFormatted","customHighlightAreaSettingsFormatted","el","j","dataArray","_d","i","sum","_element","k","graphWidth","graphHeight","minYear","maxYear","minParam","checkIfNullOrUndefined","maxParam","x","scaleTime","y","scaleLinear","areaShape","area","yTicks","xTicks","useEffect","mousemove","event","selectedData","bisectCenter","pointer","mouseout","select","jsxs","Fragment","jsx","motion","AnimatePresence","HighlightArea","CustomArea","YTicksAndGridLines","Axis","numberFormattingFunction","AxisTitle","XTicksAndGridLines","format","cn","RefLineY","endPoints","getLineEndPoint","connectorSettings","labelSettings","Annotation","Tooltip","AreaChart","graphTitle","Colors","sources","graphDescription","footNote","colorDomain","padding","backgroundColor","colorLegendTitle","relativeHeight","graphID","graphDownload","dataDownload","showColorScale","language","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","resizeObserver","entries","GraphHeader","EmptyState","ColorLegend","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"AreaChart.js","sources":["../src/Components/Graphs/StackedAreaChart/Graph.tsx","../src/Components/Graphs/StackedAreaChart/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  curveMonotoneX,\r\n  area,\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 sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { AnimatePresence, 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  MultiLineChartDataType,\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 { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { Annotation } from '@/Components/Elements/Annotations';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\r\nimport { HighlightArea } from '@/Components/Elements/HighlightArea';\r\n\r\ninterface Props {\r\n  data: MultiLineChartDataType[];\r\n  colors: string[];\r\n  width: number;\r\n  height: number;\r\n  dateFormat: string;\r\n  noOfXTicks: number;\r\n  rightMargin: number;\r\n  leftMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  yAxisTitle?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  highlightAreaSettings: HighlightAreaSettingsDataType[];\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  rtl: boolean;\r\n  annotations: AnnotationSettingsDataType[];\r\n  customHighlightAreaSettings: CustomHighlightAreaSettingsDataType[];\r\n  noOfYTicks: number;\r\n  prefix: string;\r\n  suffix: string;\r\n  curveType: CurveTypes;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  animate: AnimateDataType;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    colors,\r\n    dateFormat,\r\n    noOfXTicks,\r\n    rightMargin,\r\n    leftMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    yAxisTitle,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    highlightAreaSettings,\r\n    refValues,\r\n    minValue,\r\n    maxValue,\r\n    rtl,\r\n    annotations,\r\n    customHighlightAreaSettings,\r\n    noOfYTicks,\r\n    prefix,\r\n    suffix,\r\n    curveType,\r\n    styles,\r\n    classNames,\r\n    precision,\r\n    customLayers,\r\n    animate,\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 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 dataArray = dataFormatted[0].y.map((_d, i) => {\r\n    return dataFormatted.map(el => ({\r\n      date: el.date,\r\n      y0: i === 0 ? 0 : sum(el.y.filter((_element, k) => k < i)),\r\n      y1: sum(el.y.filter((_element, k) => k <= i)),\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 = dataFormatted[0].date;\r\n  const maxYear = dataFormatted[dataFormatted.length - 1].date;\r\n  const minParam = checkIfNullOrUndefined(minValue) ? 0 : (minValue as number);\r\n  const maxParam: number = checkIfNullOrUndefined(maxValue)\r\n    ? Math.max(...data.map(d => sum(d.y) || 0))\r\n    : (maxValue as number);\r\n\r\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\r\n  const y = scaleLinear().domain([minParam, maxParam]).range([graphHeight, 0]).nice();\r\n\r\n  const areaShape = area()\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .x((d: any) => x(d.date))\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .y0((d: any) => y(d.y0))\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    .y1((d: any) => y(d.y1))\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    onSeriesMouseOver?.(undefined);\r\n  }, [x, dataFormatted, onSeriesMouseOver]);\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        <AnimatePresence>\r\n          <motion.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              animate={animate}\r\n              areaSettings={customHighlightAreaSettingsFormatted}\r\n              scaleX={x}\r\n              scaleY={y}\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                  dx: 0,\r\n                  dy: maxParam < 0 ? '1em' : -5,\r\n                  y: y(minParam < 0 ? 0 : minParam),\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-[8px] sm: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            <motion.g>\r\n              {dataArray.map((d, i) => {\r\n                return (\r\n                  <motion.path\r\n                    key={i}\r\n                    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                    d={areaShape(d as any) as string}\r\n                    exit={{\r\n                      opacity: 0,\r\n                      transition: { duration: animate.duration },\r\n                    }}\r\n                    variants={{\r\n                      initial: {\r\n                        d: areaShape(\r\n                          // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                          d.map(el => ({ ...el, y0: 0, y1: 0 })) as any,\r\n                        ) as string as string,\r\n                        opacity: 0,\r\n                      },\r\n                      whileInView: {\r\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                        d: areaShape(d as any) as string,\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                    style={{\r\n                      fill: colors[i],\r\n                      opacity: 0.8,\r\n                    }}\r\n                  />\r\n                );\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            </motion.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                      cx: d.xCoordinate ? x(parse(`${d.xCoordinate}`, dateFormat, new Date())) : 0,\r\n                      cy: d.yCoordinate ? y(d.yCoordinate as number) : 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            {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          </motion.g>\r\n        </AnimatePresence>\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  AreaChartDataType,\r\n  CustomHighlightAreaSettingsDataType,\r\n  Languages,\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 { ColorLegend } from '@/Components/Elements/ColorLegend';\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: AreaChartDataType[];\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  /** array of colors for different lines and areas */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** 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  /** 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  /** 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  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\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  /** 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  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\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 AreaChart(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    noOfXTicks = 10,\r\n    dateFormat = 'yyyy',\r\n    colorDomain,\r\n    padding,\r\n    backgroundColor = false,\r\n    colorLegendTitle,\r\n    leftMargin = 50,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    highlightAreaSettings = [],\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    refValues = [],\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    showColorScale = true,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    annotations = [],\r\n    customHighlightAreaSettings = [],\r\n    theme = 'light',\r\n    ariaLabel,\r\n    yAxisTitle,\r\n    noOfYTicks = 5,\r\n    prefix = '',\r\n    suffix = '',\r\n    curveType = 'curve',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n    customLayers = [],\r\n    animate = false,\r\n  } = props;\r\n\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\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {data.length === 0 ? (\r\n        <EmptyState />\r\n      ) : (\r\n        <>\r\n          {showColorScale !== false ? (\r\n            <ColorLegend\r\n              colorDomain={colorDomain}\r\n              colors={colors}\r\n              colorLegendTitle={colorLegendTitle}\r\n              showNAColor={false}\r\n              className={classNames?.colorLegend}\r\n            />\r\n          ) : null}\r\n          <GraphArea ref={graphDiv}>\r\n            {svgWidth && svgHeight ? (\r\n              <Graph\r\n                data={data}\r\n                colors={colors}\r\n                width={svgWidth}\r\n                height={svgHeight}\r\n                dateFormat={dateFormat}\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                onSeriesMouseOver={onSeriesMouseOver}\r\n                highlightAreaSettings={highlightAreaSettings}\r\n                refValues={refValues}\r\n                minValue={minValue}\r\n                maxValue={maxValue}\r\n                rtl={language === 'he' || language === 'ar'}\r\n                annotations={annotations}\r\n                customHighlightAreaSettings={customHighlightAreaSettings}\r\n                yAxisTitle={yAxisTitle}\r\n                noOfYTicks={noOfYTicks}\r\n                prefix={prefix}\r\n                suffix={suffix}\r\n                curveType={curveType}\r\n                styles={styles}\r\n                classNames={classNames}\r\n                precision={precision}\r\n                customLayers={customLayers}\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              />\r\n            ) : null}\r\n          </GraphArea>\r\n        </>\r\n      )}\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","$","_c","data","width","height","colors","dateFormat","noOfXTicks","rightMargin","leftMargin","topMargin","bottomMargin","yAxisTitle","tooltip","onSeriesMouseOver","highlightAreaSettings","refValues","minValue","maxValue","rtl","annotations","customHighlightAreaSettings","noOfYTicks","prefix","suffix","curveType","styles","classNames","precision","customLayers","animate","svgRef","useRef","t0","amount","once","isInView","useInView","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","useState","undefined","eventX","setEventX","eventY","setEventY","t1","t2","top","bottom","left","right","margin","MouseoverRectRef","t3","d","date","parse","Date","dataFormatted","orderBy","map","t4","t5","d_0","coordinates","highlightAreaSettingsFormatted","t6","d_1","el","j","customHighlightAreaSettingsFormatted","dataArray","y","_d","i","el_0","y0","sum","filter","_element","k","y1","_element_0","k_0","graphWidth","graphHeight","minYear","maxYear","length","minParam","checkIfNullOrUndefined","Math","max","_temp","maxParam","x","scaleTime","domain","range","scaleLinear","nice","areaShape","area","d_3","d_4","d_5","yTicks","ticks","xTicks","useEffect","mousemove","event","selectedData","bisectCenter","_temp2","invert","pointer","clientY","clientX","mouseout","select","current","on","t7","jsx","HighlightArea","t8","yAxis","gridLines","t9","labels","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","numberFormattingFunction","t20","t21","t22","t23","dx","dy","t24","xAxis","axis","t25","t26","label","t27","t28","t29","t30","Axis","t31","t32","t33","title","t34","t35","AxisTitle","t36","d_10","format","t37","t38","d_11","t39","t40","t41","t42","t43","cn","t44","t45","t46","t47","_temp5","_temp6","t48","motion","t49","d_14","i_0","opacity","transition","duration","initial","_temp7","whileInView","fill","t50","mouseOverLine","t51","g","t52","Fragment","el_2","i_1","RefLineY","text","color","value","t53","t54","d_15","i_2","endPoints","getLineEndPoint","xCoordinate","xOffset","yCoordinate","yOffset","connectorRadius","connectorSettings","showConnector","x1","y2","x2","cx","cy","circleRadius","strokeWidth","min","labelSettings","maxWidth","fontWeight","align","Annotation","t55","_temp8","_temp9","t56","Symbol","for","pointerEvents","t57","t58","Tooltip","jsxs","AnimatePresence","CustomArea","YTicksAndGridLines","_temp3","_temp4","d_9","XTicksAndGridLines","d_17","layer","d_16","position","el_1","d_13","d_12","d_8","d_7","d_6","d_2","AreaChart","graphTitle","sources","graphDescription","footNote","colorDomain","padding","backgroundColor","colorLegendTitle","relativeHeight","graphID","graphDownload","dataDownload","showColorScale","language","minHeight","theme","ariaLabel","Colors","light","categoricalColors","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","GraphHeader","EmptyState","ColorLegend","colorLegend","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}

package/dist/Axis-CRyfcLjc.js

@@ -0,0 +1,32 @@
+import { c as u, m as b, j as o } from "./index-CHPV5EwG-Curnpaqc.js";
+import { c as g } from "./checkIfNullOrUndefined-DmfiKkNw.js";
+function N(k) {
+  const e = u.c(20), {
+    label: r,
+    x2: c,
+    y2: m,
+    x1: n,
+    y1: d,
+    classNames: x,
+    styles: i,
+    labelPos: l
+  } = k, f = i?.axis, p = x?.axis;
+  let s;
+  e[0] !== p ? (s = b("stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300", p), e[0] = p, e[1] = s) : s = e[1];
+  let t;
+  e[2] !== f || e[3] !== s || e[4] !== n || e[5] !== c || e[6] !== d || e[7] !== m ? (t = /* @__PURE__ */ o.jsx("line", { y1: d, y2: m, x1: n, x2: c, style: f, className: s }), e[2] = f, e[3] = s, e[4] = n, e[5] = c, e[6] = d, e[7] = m, e[8] = t) : t = e[8];
+  let a;
+  e[9] !== x?.label || e[10] !== r || e[11] !== l?.dx || e[12] !== l?.dy || e[13] !== l?.x || e[14] !== l?.y || e[15] !== i?.label ? (a = g(r) ? null : /* @__PURE__ */ o.jsx("text", { x: l?.x, y: l?.y, style: {
+    textAnchor: "start",
+    ...i?.label || ""
+  }, className: b("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", x?.label), dy: l?.dy, dx: l?.dx, children: r }), e[9] = x?.label, e[10] = r, e[11] = l?.dx, e[12] = l?.dy, e[13] = l?.x, e[14] = l?.y, e[15] = i?.label, e[16] = a) : a = e[16];
+  let y;
+  return e[17] !== t || e[18] !== a ? (y = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    t,
+    a
+  ] }), e[17] = t, e[18] = a, e[19] = y) : y = e[19], y;
+}
+export {
+  N as A
+};
+//# sourceMappingURL=Axis-CRyfcLjc.js.map

package/dist/Axis-CRyfcLjc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis-CRyfcLjc.js","sources":["../src/Components/Elements/Axes/Axis.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  label?: string;\r\n  labelPos?: { x: number; y: number; dy: string | number; dx: string | number };\r\n  y1: number;\r\n  x1: number;\r\n  y2: number;\r\n  x2: number;\r\n  classNames?: { axis?: string; label?: string };\r\n  styles?: { axis?: React.CSSProperties; label?: React.CSSProperties };\r\n}\r\n\r\nexport function Axis(props: Props) {\r\n  const { label, x2, y2, x1, y1, classNames, styles, labelPos } = props;\r\n  return (\r\n    <>\r\n      <line\r\n        y1={y1}\r\n        y2={y2}\r\n        x1={x1}\r\n        x2={x2}\r\n        style={styles?.axis}\r\n        className={cn(\r\n          'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300',\r\n          classNames?.axis,\r\n        )}\r\n      />\r\n      {!checkIfNullOrUndefined(label) ? (\r\n        <text\r\n          x={labelPos?.x}\r\n          y={labelPos?.y}\r\n          style={{\r\n            textAnchor: 'start',\r\n            ...(styles?.label || ''),\r\n          }}\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n            classNames?.label,\r\n          )}\r\n          dy={labelPos?.dy}\r\n          dx={labelPos?.dx}\r\n        >\r\n          {label}\r\n        </text>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n"],"names":["Axis","props","$","_c","label","x2","y2","x1","y1","classNames","styles","labelPos","t0","axis","t1","t2","cn","t3","jsx","t4","dx","dy","x","y","checkIfNullOrUndefined","textAnchor","t5"],"mappings":";;AAeO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAgEV,GAQnDW,IAAAF,GAAMG,MAGXC,IAAAL,GAAUI;AAAM,MAAAE;AAAA,EAAAb,SAAAY,KAFPC,IAAAC,EACT,iEACAF,CACF,GAACZ,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAe;AAAA,EAAAf,SAAAU,KAAAV,EAAA,CAAA,MAAAa,KAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAI,KATHW,IAAAC,gBAAAA,EAAAA,IAAA,UACMV,IAAAA,GACAF,IAAAA,GACAC,IAAAA,GACAF,IAAAA,GACG,OAAAO,GACI,WAAAG,EAAAA,CAGV,GACDb,OAAAU,GAAAV,OAAAa,GAAAb,OAAAK,GAAAL,OAAAG,GAAAH,OAAAM,GAAAN,OAAAI,GAAAJ,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,EAAA,CAAA,MAAAO,GAAAL,SAAAF,EAAA,EAAA,MAAAE,KAAAF,EAAA,EAAA,MAAAS,GAAAS,MAAAlB,EAAA,EAAA,MAAAS,GAAAU,MAAAnB,EAAA,EAAA,MAAAS,GAAAW,KAAApB,EAAA,EAAA,MAAAS,GAAAY,KAAArB,EAAA,EAAA,MAAAQ,GAAAN,SACDe,IAACK,EAAuBpB,CAAK,IAA7B,OACCc,gBAAAA,EAAAA,IAAA,QAAA,EACK,GAAAP,GAAQW,GACR,GAAAX,GAAQY,GACJ,OAAA;AAAA,IAAAE,YACO;AAAA,IAAO,GACff,GAAMN,SAAN;AAAA,EAAA,GAEK,WAAAY,EACT,4DACAP,GAAUL,KACZ,GACI,IAAAO,GAAQU,IACR,IAAAV,GAAQS,iBAGd,GACMlB,EAAA,CAAA,IAAAO,GAAAL,OAAAF,QAAAE,GAAAF,EAAA,EAAA,IAAAS,GAAAS,IAAAlB,EAAA,EAAA,IAAAS,GAAAU,IAAAnB,EAAA,EAAA,IAAAS,GAAAW,GAAApB,EAAA,EAAA,IAAAS,GAAAY,GAAArB,EAAA,EAAA,IAAAQ,GAAAN,OAAAF,QAAAiB,KAAAA,IAAAjB,EAAA,EAAA;AAAA,MAAAwB;AAAA,SAAAxB,EAAA,EAAA,MAAAe,KAAAf,UAAAiB,KA7BVO,yCACET,UAAAA;AAAAA,IAAAA;AAAAA,IAWCE;AAAAA,EAAAA,GAiBO,GACPjB,QAAAe,GAAAf,QAAAiB,GAAAjB,QAAAwB,KAAAA,IAAAxB,EAAA,EAAA,GA9BHwB;AA8BG;"}

package/dist/Axis-DxRV2yMi.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("./index-CHPV5EwG-CTPQjnHt.cjs"),b=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs");function j(p){const e=t.compilerRuntimeExports.c(20),{label:i,x2:c,y2:o,x1:d,y1:m,classNames:a,styles:n,labelPos:s}=p,u=n?.axis,f=a?.axis;let l;e[0]!==f?(l=t.mo("stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300",f),e[0]=f,e[1]=l):l=e[1];let r;e[2]!==u||e[3]!==l||e[4]!==d||e[5]!==c||e[6]!==m||e[7]!==o?(r=t.jsxRuntimeExports.jsx("line",{y1:m,y2:o,x1:d,x2:c,style:u,className:l}),e[2]=u,e[3]=l,e[4]=d,e[5]=c,e[6]=m,e[7]=o,e[8]=r):r=e[8];let x;e[9]!==a?.label||e[10]!==i||e[11]!==s?.dx||e[12]!==s?.dy||e[13]!==s?.x||e[14]!==s?.y||e[15]!==n?.label?(x=b.checkIfNullOrUndefined(i)?null:t.jsxRuntimeExports.jsx("text",{x:s?.x,y:s?.y,style:{textAnchor:"start",...n?.label||""},className:t.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",a?.label),dy:s?.dy,dx:s?.dx,children:i}),e[9]=a?.label,e[10]=i,e[11]=s?.dx,e[12]=s?.dy,e[13]=s?.x,e[14]=s?.y,e[15]=n?.label,e[16]=x):x=e[16];let y;return e[17]!==r||e[18]!==x?(y=t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[r,x]}),e[17]=r,e[18]=x,e[19]=y):y=e[19],y}exports.Axis=j;
+//# sourceMappingURL=Axis-DxRV2yMi.cjs.map

package/dist/Axis-DxRV2yMi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis-DxRV2yMi.cjs","sources":["../src/Components/Elements/Axes/Axis.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  label?: string;\r\n  labelPos?: { x: number; y: number; dy: string | number; dx: string | number };\r\n  y1: number;\r\n  x1: number;\r\n  y2: number;\r\n  x2: number;\r\n  classNames?: { axis?: string; label?: string };\r\n  styles?: { axis?: React.CSSProperties; label?: React.CSSProperties };\r\n}\r\n\r\nexport function Axis(props: Props) {\r\n  const { label, x2, y2, x1, y1, classNames, styles, labelPos } = props;\r\n  return (\r\n    <>\r\n      <line\r\n        y1={y1}\r\n        y2={y2}\r\n        x1={x1}\r\n        x2={x2}\r\n        style={styles?.axis}\r\n        className={cn(\r\n          'stroke-1 stroke-primary-gray-700 dark:stroke-primary-gray-300',\r\n          classNames?.axis,\r\n        )}\r\n      />\r\n      {!checkIfNullOrUndefined(label) ? (\r\n        <text\r\n          x={labelPos?.x}\r\n          y={labelPos?.y}\r\n          style={{\r\n            textAnchor: 'start',\r\n            ...(styles?.label || ''),\r\n          }}\r\n          className={cn(\r\n            'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n            classNames?.label,\r\n          )}\r\n          dy={labelPos?.dy}\r\n          dx={labelPos?.dx}\r\n        >\r\n          {label}\r\n        </text>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n"],"names":["Axis","props","$","_c","label","x2","y2","x1","y1","classNames","styles","labelPos","t0","axis","t1","t2","cn","t3","jsx","t4","dx","dy","x","y","checkIfNullOrUndefined","textAnchor","t5"],"mappings":"iHAeO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,MAAAA,EAAAC,GAAAA,EAAAC,GAAAA,EAAAC,GAAAA,EAAAC,GAAAA,EAAAC,WAAAA,EAAAC,OAAAA,EAAAC,SAAAA,CAAAA,EAAgEV,EAQnDW,EAAAF,GAAMG,KAGXC,EAAAL,GAAUI,KAAM,IAAAE,EAAAb,OAAAY,GAFPC,EAAAC,EAAAA,GACT,gEACAF,CACF,EAACZ,KAAAY,EAAAZ,KAAAa,GAAAA,EAAAb,EAAA,CAAA,EAAA,IAAAe,EAAAf,OAAAU,GAAAV,EAAA,CAAA,IAAAa,GAAAb,EAAA,CAAA,IAAAK,GAAAL,EAAA,CAAA,IAAAG,GAAAH,OAAAM,GAAAN,EAAA,CAAA,IAAAI,GATHW,EAAAC,EAAAA,kBAAAA,IAAA,QACMV,GAAAA,EACAF,GAAAA,EACAC,GAAAA,EACAF,GAAAA,EACG,MAAAO,EACI,UAAAG,CAAAA,CAGV,EACDb,KAAAU,EAAAV,KAAAa,EAAAb,KAAAK,EAAAL,KAAAG,EAAAH,KAAAM,EAAAN,KAAAI,EAAAJ,KAAAe,GAAAA,EAAAf,EAAA,CAAA,EAAA,IAAAiB,EAAAjB,EAAA,CAAA,IAAAO,GAAAL,OAAAF,EAAA,EAAA,IAAAE,GAAAF,EAAA,EAAA,IAAAS,GAAAS,IAAAlB,EAAA,EAAA,IAAAS,GAAAU,IAAAnB,EAAA,EAAA,IAAAS,GAAAW,GAAApB,EAAA,EAAA,IAAAS,GAAAY,GAAArB,EAAA,EAAA,IAAAQ,GAAAN,OACDe,EAACK,EAAAA,uBAAuBpB,CAAK,EAA7B,KACCc,EAAAA,kBAAAA,IAAA,OAAA,CACK,EAAAP,GAAQW,EACR,EAAAX,GAAQY,EACJ,MAAA,CAAAE,WACO,QAAO,GACff,GAAMN,OAAN,EAAA,EAEK,UAAAY,EAAAA,GACT,2DACAP,GAAUL,KACZ,EACI,GAAAO,GAAQU,GACR,GAAAV,GAAQS,cAGd,EACMlB,EAAA,CAAA,EAAAO,GAAAL,MAAAF,MAAAE,EAAAF,EAAA,EAAA,EAAAS,GAAAS,GAAAlB,EAAA,EAAA,EAAAS,GAAAU,GAAAnB,EAAA,EAAA,EAAAS,GAAAW,EAAApB,EAAA,EAAA,EAAAS,GAAAY,EAAArB,EAAA,EAAA,EAAAQ,GAAAN,MAAAF,MAAAiB,GAAAA,EAAAjB,EAAA,EAAA,EAAA,IAAAwB,EAAA,OAAAxB,EAAA,EAAA,IAAAe,GAAAf,QAAAiB,GA7BVO,yDACET,SAAAA,CAAAA,EAWCE,CAAAA,EAiBO,EACPjB,MAAAe,EAAAf,MAAAiB,EAAAjB,MAAAwB,GAAAA,EAAAxB,EAAA,EAAA,EA9BHwB,CA8BG"}

package/dist/AxisTitle-jeI7am8o.js

@@ -0,0 +1,29 @@
+import { c as p, m as y, j as u } from "./index-CHPV5EwG-Curnpaqc.js";
+function $(m) {
+  const t = p.c(11), {
+    text: l,
+    x,
+    y: c,
+    className: i,
+    style: o,
+    rotate90: f
+  } = m;
+  if (!l)
+    return null;
+  const n = `translate(${x}, ${c})${f ? " rotate(-90)" : ""}`;
+  let e;
+  t[0] !== o ? (e = o || {}, t[0] = o, t[1] = e) : e = t[1];
+  let s;
+  t[2] !== e ? (s = {
+    textAnchor: "middle",
+    ...e
+  }, t[2] = e, t[3] = s) : s = t[3];
+  let r;
+  t[4] !== i ? (r = y("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs", i), t[4] = i, t[5] = r) : r = t[5];
+  let a;
+  return t[6] !== n || t[7] !== s || t[8] !== r || t[9] !== l ? (a = /* @__PURE__ */ u.jsx("text", { transform: n, style: s, className: r, children: l }), t[6] = n, t[7] = s, t[8] = r, t[9] = l, t[10] = a) : a = t[10], a;
+}
+export {
+  $ as A
+};
+//# sourceMappingURL=AxisTitle-jeI7am8o.js.map

package/dist/AxisTitle-jeI7am8o.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisTitle-jeI7am8o.js","sources":["../src/Components/Elements/Axes/AxisTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\ninterface Props {\r\n  text?: string;\r\n  y: number;\r\n  x: number;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  rotate90?: boolean;\r\n}\r\n\r\nexport function AxisTitle(props: Props) {\r\n  const { text, x, y, className, style, rotate90 } = props;\r\n  if (!text) return null;\r\n  return (\r\n    <text\r\n      transform={`translate(${x}, ${y})${rotate90 ? ' rotate(-90)' : ''}`}\r\n      style={{\r\n        textAnchor: 'middle',\r\n        ...(style || {}),\r\n      }}\r\n      className={cn('fill-primary-gray-700 dark:fill-primary-gray-300 text-xs', className)}\r\n    >\r\n      {text}\r\n    </text>\r\n  );\r\n}\r\n"],"names":["AxisTitle","props","$","_c","text","x","y","className","style","rotate90","t0","t1","t2","textAnchor","t3","cn","t4","jsx"],"mappings":";AAWO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACL;AAAA,IAAAC,MAAAA;AAAAA,IAAAC;AAAAA,IAAAC,GAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAmDR;AACnD,MAAI,CAACG;AAAI,WAAS;AAGH,QAAAM,IAAA,aAAaL,CAAC,KAAKC,CAAC,IAAIG,IAAA,iBAAA,EAA8B;AAAE,MAAAE;AAAA,EAAAT,SAAAM,KAG7DG,IAAAH,KAAA,CAAA,GAAWN,OAAAM,GAAAN,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAAA,MAAAU;AAAA,EAAAV,SAAAS,KAFVC,IAAA;AAAA,IAAAC,YACO;AAAA,IAAQ,GAChBF;AAAAA,EAAAA,GACLT,OAAAS,GAAAT,OAAAU,KAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAY;AAAA,EAAAZ,SAAAK,KACUO,IAAAC,EAAG,4DAA4DR,CAAS,GAACL,OAAAK,GAAAL,OAAAY,KAAAA,IAAAZ,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAY,KAAAZ,SAAAE,KANtFY,IAAAC,gBAAAA,EAAAA,IAAA,UACa,WAAAP,GACJ,OAAAE,GAII,WAAAE,GAEVV,UAAAA,EAAAA,CACH,GAAOF,OAAAQ,GAAAR,OAAAU,GAAAV,OAAAY,GAAAZ,OAAAE,GAAAF,QAAAc,KAAAA,IAAAd,EAAA,EAAA,GATPc;AASO;"}

package/dist/AxisTitle-sS5bLLR7.cjs

@@ -0,0 +1,2 @@
+"use strict";const x=require("./index-CHPV5EwG-CTPQjnHt.cjs");function y(c){const t=x.compilerRuntimeExports.c(11),{text:r,x:m,y:f,className:n,style:a,rotate90:u}=c;if(!r)return null;const o=`translate(${m}, ${f})${u?" rotate(-90)":""}`;let e;t[0]!==a?(e=a||{},t[0]=a,t[1]=e):e=t[1];let s;t[2]!==e?(s={textAnchor:"middle",...e},t[2]=e,t[3]=s):s=t[3];let l;t[4]!==n?(l=x.mo("fill-primary-gray-700 dark:fill-primary-gray-300 text-xs",n),t[4]=n,t[5]=l):l=t[5];let i;return t[6]!==o||t[7]!==s||t[8]!==l||t[9]!==r?(i=x.jsxRuntimeExports.jsx("text",{transform:o,style:s,className:l,children:r}),t[6]=o,t[7]=s,t[8]=l,t[9]=r,t[10]=i):i=t[10],i}exports.AxisTitle=y;
+//# sourceMappingURL=AxisTitle-sS5bLLR7.cjs.map

package/dist/AxisTitle-sS5bLLR7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AxisTitle-sS5bLLR7.cjs","sources":["../src/Components/Elements/Axes/AxisTitle.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\n\r\ninterface Props {\r\n  text?: string;\r\n  y: number;\r\n  x: number;\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  rotate90?: boolean;\r\n}\r\n\r\nexport function AxisTitle(props: Props) {\r\n  const { text, x, y, className, style, rotate90 } = props;\r\n  if (!text) return null;\r\n  return (\r\n    <text\r\n      transform={`translate(${x}, ${y})${rotate90 ? ' rotate(-90)' : ''}`}\r\n      style={{\r\n        textAnchor: 'middle',\r\n        ...(style || {}),\r\n      }}\r\n      className={cn('fill-primary-gray-700 dark:fill-primary-gray-300 text-xs', className)}\r\n    >\r\n      {text}\r\n    </text>\r\n  );\r\n}\r\n"],"names":["AxisTitle","props","$","_c","text","x","y","className","style","rotate90","t0","t1","t2","textAnchor","t3","cn","t4","jsx"],"mappings":"8DAWO,SAAAA,EAAAC,EAAA,CAAA,MAAAC,EAAAC,EAAAA,uBAAAA,EAAA,EAAA,EACL,CAAAC,KAAAA,EAAAC,EAAAA,EAAAC,EAAAA,EAAAC,UAAAA,EAAAC,MAAAA,EAAAC,SAAAA,CAAAA,EAAmDR,EACnD,GAAI,CAACG,EAAI,OAAS,KAGH,MAAAM,EAAA,aAAaL,CAAC,KAAKC,CAAC,IAAIG,EAAA,eAAA,EAA8B,GAAE,IAAAE,EAAAT,OAAAM,GAG7DG,EAAAH,GAAA,CAAA,EAAWN,KAAAM,EAAAN,KAAAS,GAAAA,EAAAT,EAAA,CAAA,EAAA,IAAAU,EAAAV,OAAAS,GAFVC,EAAA,CAAAC,WACO,SAAQ,GAChBF,CAAAA,EACLT,KAAAS,EAAAT,KAAAU,GAAAA,EAAAV,EAAA,CAAA,EAAA,IAAAY,EAAAZ,OAAAK,GACUO,EAAAC,EAAAA,GAAG,2DAA4DR,CAAS,EAACL,KAAAK,EAAAL,KAAAY,GAAAA,EAAAZ,EAAA,CAAA,EAAA,IAAAc,EAAA,OAAAd,EAAA,CAAA,IAAAQ,GAAAR,EAAA,CAAA,IAAAU,GAAAV,EAAA,CAAA,IAAAY,GAAAZ,OAAAE,GANtFY,EAAAC,EAAAA,kBAAAA,IAAA,QACa,UAAAP,EACJ,MAAAE,EAII,UAAAE,EAEVV,SAAAA,CAAAA,CACH,EAAOF,KAAAQ,EAAAR,KAAAU,EAAAV,KAAAY,EAAAZ,KAAAE,EAAAF,MAAAc,GAAAA,EAAAd,EAAA,EAAA,EATPc,CASO"}