@undp/data-viz 2.6.0 → 2.6.1

package/dist/ScatterPlot-DGv-CLx8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlot-DGv-CLx8.js","names":[],"sources":["../src/Components/Graphs/ScatterPlot/Graph.tsx","../src/Components/Graphs/ScatterPlot/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { Delaunay } from 'd3-delaunay';\nimport { scaleLinear, scaleSqrt } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport orderBy from 'lodash.orderby';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { useRef, useState } from 'react';\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\nimport { Colors } from '@/Components/ColorPalette';\nimport { Annotation } from '@/Components/Elements/Annotations';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { HighlightAreaForScatterPlot } from '@/Components/Elements/HighlightArea';\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CustomHighlightAreaSettingsForScatterPlotDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsForScatterPlotDataType,\n  NumberFormatOptions,\n  ReferenceDataType,\n  ScatterPlotDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: ScatterPlotDataType[];\n  width: number;\n  height: number;\n  showLabels: boolean;\n  colors: string[];\n  colorDomain: string[];\n  radius: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  leftMargin: number;\n  rightMargin: number;\n  topMargin: number;\n  bottomMargin: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refXValues: ReferenceDataType[];\n  refYValues: ReferenceDataType[];\n  highlightAreaSettings: HighlightAreaSettingsForScatterPlotDataType[];\n  selectedColor?: string;\n  highlightedDataPoints?: (string | number)[];\n  maxRadiusValue: number;\n  maxXValue: number;\n  minXValue: number;\n  maxYValue: number;\n  minYValue: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  rtl: boolean;\n  annotations: AnnotationSettingsDataType[];\n  customHighlightAreaSettings: CustomHighlightAreaSettingsForScatterPlotDataType[];\n  regressionLine: boolean | string;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  noOfXTicks: number;\n  noOfYTicks: number;\n  labelColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  customLayers: CustomLayerDataType[];\n  showHighlightedDataPointsLabels: boolean;\n  showVoronoiTesselation: boolean;\n  useVoronoiInteraction: boolean;\n  xNumberDisplayOptions?: NumberFormatOptions;\n  yNumberDisplayOptions?: NumberFormatOptions;\n  fallbackColor: string;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    width,\n    height,\n    showLabels,\n    colors,\n    colorDomain,\n    radius,\n    xAxisTitle,\n    yAxisTitle,\n    leftMargin,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    tooltip,\n    onSeriesMouseOver,\n    refXValues,\n    refYValues,\n    highlightAreaSettings,\n    selectedColor,\n    highlightedDataPoints,\n    maxRadiusValue,\n    maxXValue,\n    minXValue,\n    maxYValue,\n    minYValue,\n    onSeriesMouseClick,\n    rtl,\n    annotations,\n    customHighlightAreaSettings,\n    regressionLine,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    noOfXTicks,\n    noOfYTicks,\n    labelColor,\n    styles,\n    classNames,\n    animate,\n    dimmedOpacity,\n    showHighlightedDataPointsLabels,\n    customLayers,\n    showVoronoiTesselation,\n    useVoronoiInteraction,\n    xNumberDisplayOptions,\n    yNumberDisplayOptions,\n    fallbackColor,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: xAxisTitle ? bottomMargin + 50 : bottomMargin,\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n  const radiusScale =\n    data.filter((d) => d.radius === undefined || d.radius === null).length !== data.length\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\n      : undefined;\n  const dataOrdered =\n    dataWithId.filter((d) => !checkIfNullOrUndefined(d.radius)).length === 0\n      ? dataWithId.filter((d) => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\n      : orderBy(\n          dataWithId.filter(\n            (d) =>\n              !checkIfNullOrUndefined(d.radius) &&\n              !checkIfNullOrUndefined(d.x) &&\n              !checkIfNullOrUndefined(d.y),\n          ),\n          'radius',\n          'desc',\n        );\n  const x = scaleLinear().domain([minXValue, maxXValue]).range([0, graphWidth]).nice();\n  const y = scaleLinear().domain([minYValue, maxYValue]).range([graphHeight, 0]).nice();\n  const xTicks = x.ticks(noOfXTicks);\n  const yTicks = y.ticks(noOfYTicks);\n  const voronoiDiagram = Delaunay.from(\n    dataOrdered,\n    (d) => x(d.x as number),\n    (d) => y(d.y as number),\n  ).voronoi([0, 0, graphWidth < 0 ? 0 : graphWidth, graphHeight < 0 ? 0 : graphHeight]);\n  const regressionLineParam = linearRegression(\n    data\n      .filter((d) => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\n      .map((d) => [x(d.x as number), y(d.y as number)]),\n  );\n  const predict = linearRegressionLine(regressionLineParam);\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <AnimatePresence>\n            <HighlightAreaForScatterPlot\n              key='highlight-area'\n              areaSettings={highlightAreaSettings}\n              width={graphWidth}\n              height={graphHeight}\n              scaleX={x}\n              scaleY={y}\n              animate={animate}\n              isInView={isInView}\n            />\n            <CustomArea\n              key='custom-area'\n              areaSettings={customHighlightAreaSettings}\n              scaleX={x}\n              scaleY={y}\n              animate={animate}\n              isInView={isInView}\n            />\n          </AnimatePresence>\n          <g>\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              labelType='secondary'\n              showGridLines\n              labelPos='side'\n              suffix={yNumberDisplayOptions?.suffix || ''}\n              prefix={yNumberDisplayOptions?.prefix || ''}\n              precision={yNumberDisplayOptions?.precision ?? 2}\n              locale={yNumberDisplayOptions?.locale || 'en'}\n              padZeros={yNumberDisplayOptions?.padZeros || false}\n            />\n            <Axis\n              y1={y(minYValue < 0 ? 0 : minYValue)}\n              y2={y(minYValue < 0 ? 0 : minYValue)}\n              x1={0}\n              x2={graphWidth + margin.right}\n              label={numberFormattingFunction(\n                minYValue < 0 ? 0 : minYValue,\n                undefined,\n                yNumberDisplayOptions?.precision ?? 2,\n                yNumberDisplayOptions?.prefix || '',\n                yNumberDisplayOptions?.suffix || '',\n                yNumberDisplayOptions?.locale || 'en',\n                yNumberDisplayOptions?.padZeros || false,\n              )}\n              labelPos={{\n                x: 0,\n                y: y(minYValue < 0 ? 0 : minYValue),\n                dy: '0.33em',\n                dx: -4,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: { textAnchor: 'end', ...(styles?.yAxis?.labels || {}) },\n              }}\n            />\n            <AxisTitle\n              x={0 - leftMargin - 15}\n              y={graphHeight / 2}\n              style={styles?.yAxis?.title}\n              className={classNames?.yAxis?.title}\n              text={yAxisTitle}\n              rotate90\n            />\n          </g>\n          <g>\n            <XTicksAndGridLines\n              values={xTicks.filter((d) => d !== 0)}\n              x={xTicks.filter((d) => d !== 0).map((d) => x(d))}\n              y1={0}\n              y2={graphHeight}\n              styles={{\n                gridLines: styles?.xAxis?.gridLines,\n                labels: styles?.xAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.xAxis?.gridLines,\n                labels: classNames?.xAxis?.labels,\n              }}\n              labelType='primary'\n              showGridLines\n              suffix={xNumberDisplayOptions?.suffix || ''}\n              prefix={xNumberDisplayOptions?.prefix || ''}\n              precision={xNumberDisplayOptions?.precision ?? 2}\n              locale={xNumberDisplayOptions?.locale || 'en'}\n              padZeros={xNumberDisplayOptions?.padZeros || false}\n            />\n            <Axis\n              x1={x(minXValue < 0 ? 0 : minXValue)}\n              x2={x(minXValue < 0 ? 0 : minXValue)}\n              y1={0}\n              y2={graphHeight}\n              label={numberFormattingFunction(\n                minXValue < 0 ? 0 : minXValue,\n                undefined,\n                xNumberDisplayOptions?.precision ?? 2,\n                xNumberDisplayOptions?.prefix || '',\n                xNumberDisplayOptions?.suffix || '',\n                xNumberDisplayOptions?.locale || 'en',\n                xNumberDisplayOptions?.padZeros || false,\n              )}\n              labelPos={{\n                x: x(minXValue < 0 ? 0 : minXValue),\n                y: graphHeight,\n                dy: '1em',\n                dx: 0,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: {\n                  textAnchor: 'middle',\n                  ...(styles?.yAxis?.labels || {}),\n                },\n              }}\n            />\n            <AxisTitle\n              x={graphWidth / 2}\n              y={graphHeight + 30}\n              style={styles?.xAxis?.title}\n              className={classNames?.xAxis?.title}\n              text={xAxisTitle}\n            />\n          </g>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {useVoronoiInteraction &&\n              dataOrdered.map((d, i) => {\n                return (\n                  // biome-ignore lint/a11y/noStaticElementInteractions: interaction for graph\n                  <path\n                    key={`tesselation_${d.label || i}`}\n                    d={voronoiDiagram.renderCell(dataOrdered.findIndex((el) => el.id === d.id))}\n                    opacity={showVoronoiTesselation ? 1 : 0}\n                    className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                    style={{ fillOpacity: 0, strokeWidth: 1 }}\n                    onMouseEnter={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                      onSeriesMouseOver?.(d);\n                    }}\n                    onMouseMove={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                    }}\n                    onMouseLeave={() => {\n                      setMouseOverData(undefined);\n                      setEventX(undefined);\n                      setEventY(undefined);\n                      onSeriesMouseOver?.(undefined);\n                    }}\n                    onClick={() => {\n                      if (onSeriesMouseClick || detailsOnClick) {\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                          setMouseClickData(undefined);\n                          onSeriesMouseClick?.(undefined);\n                        } else {\n                          setMouseClickData(d);\n                          onSeriesMouseClick?.(d);\n                        }\n                      }\n                    }}\n                  />\n                );\n              })}\n            {dataOrdered.map((d, i) => {\n              return (\n                <motion.g\n                  key={`${d.label || i}`}\n                  variants={{\n                    initial: {\n                      x: x(d.x as number),\n                      y: y(d.y as number),\n                      opacity: selectedColor\n                        ? d.color\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : mouseOverData\n                          ? mouseOverData.id === d.id\n                            ? 1\n                            : dimmedOpacity\n                          : highlightedDataPoints\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                    },\n                    whileInView: {\n                      x: x(d.x as number),\n                      y: y(d.y as number),\n                      opacity: selectedColor\n                        ? d.color\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : mouseOverData\n                          ? mouseOverData.id === d.id\n                            ? 1\n                            : dimmedOpacity\n                          : highlightedDataPoints\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  onMouseEnter={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                    onSeriesMouseOver?.(d);\n                  }}\n                  onMouseMove={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                  }}\n                  onMouseLeave={() => {\n                    setMouseOverData(undefined);\n                    setEventX(undefined);\n                    setEventY(undefined);\n                    onSeriesMouseOver?.(undefined);\n                  }}\n                  onClick={() => {\n                    if (onSeriesMouseClick || detailsOnClick) {\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                        setMouseClickData(undefined);\n                        onSeriesMouseClick?.(undefined);\n                      } else {\n                        setMouseClickData(d);\n                        onSeriesMouseClick?.(d);\n                      }\n                    }\n                  }}\n                >\n                  <motion.circle\n                    cx={0}\n                    cy={0}\n                    exit={{ r: 0, transition: { duration: animate.duration } }}\n                    variants={{\n                      initial: {\n                        r: 0,\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                      },\n                      whileInView: {\n                        r: !radiusScale ? radius : radiusScale(d.radius || 0),\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                        transition: { duration: animate.duration },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    style={{\n                      fillOpacity: 0.6,\n                    }}\n                  />\n                  {showLabels && !checkIfNullOrUndefined(d.label) ? (\n                    <motion.text\n                      style={{\n                        ...(styles?.graphObjectValues || {}),\n                      }}\n                      className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                      y={0}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      variants={{\n                        initial: {\n                          x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                          opacity: 0,\n                          fill:\n                            labelColor ||\n                            (data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                    colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                  ? fallbackColor\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\n                        },\n                        whileInView: {\n                          x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                          opacity: 1,\n                          fill:\n                            labelColor ||\n                            (data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                    colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                  ? fallbackColor\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      dy='0.33em'\n                      dx={3}\n                    >\n                      {d.label}\n                    </motion.text>\n                  ) : highlightedDataPoints &&\n                    !checkIfNullOrUndefined(d.label) &&\n                    showHighlightedDataPointsLabels ? (\n                    highlightedDataPoints.indexOf(d.label as string | number) !== -1 ? (\n                      <motion.text\n                        style={{\n                          ...(styles?.graphObjectValues || {}),\n                        }}\n                        className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                        y={0}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: {\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                            opacity: 0,\n                            fill:\n                              labelColor ||\n                              (data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                      colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                    ? fallbackColor\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\n                          },\n                          whileInView: {\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                            opacity: 1,\n                            fill:\n                              labelColor ||\n                              (data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                      colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                    ? fallbackColor\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                        dy='0.33em'\n                        dx={3}\n                      >\n                        {d.label}\n                      </motion.text>\n                    ) : null\n                  ) : null}\n                </motion.g>\n              );\n            })}\n            {refXValues?.map((el) => (\n              <RefLineX\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                x={x(el.value as number)}\n                y1={0}\n                y2={graphHeight}\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n            {refYValues?.map((el) => (\n              <RefLineY\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                y={y(el.value as number)}\n                x1={0}\n                x2={graphWidth}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n            <g>\n              {annotations.map((d) => {\n                const endPoints = getLineEndPoint(\n                  {\n                    x: d.xCoordinate\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                    y: d.yCoordinate\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                      : 0 + (d.yOffset || 0) - 8,\n                  },\n                  {\n                    x: d.xCoordinate ? x(d.xCoordinate as number) : 0,\n                    y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                  },\n                  checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\n                );\n                const connectorSettings = d.showConnector\n                  ? {\n                      y1: endPoints.y,\n                      x1: endPoints.x,\n                      y2: d.yCoordinate\n                        ? y(d.yCoordinate as number) + (d.yOffset || 0)\n                        : 0 + (d.yOffset || 0),\n                      x2: d.xCoordinate\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                        : 0 + (d.xOffset || 0),\n                      cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                      cx: d.xCoordinate ? x(d.xCoordinate as number) : 0,\n                      circleRadius: checkIfNullOrUndefined(d.connectorRadius)\n                        ? 3.5\n                        : (d.connectorRadius as number),\n                      strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\n                    }\n                  : undefined;\n                const labelSettings = {\n                  y: d.yCoordinate\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                    : 0 + (d.yOffset || 0) - 8,\n                  x: rtl\n                    ? 0\n                    : d.xCoordinate\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                  width: rtl\n                    ? d.xCoordinate\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0)\n                    : graphWidth +\n                      margin.right -\n                      (d.xCoordinate\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                        : 0 + (d.xOffset || 0)),\n                  maxWidth: d.maxWidth,\n                  fontWeight: d.fontWeight,\n                  align: d.align,\n                };\n                return (\n                  <Annotation\n                    key={d.text}\n                    color={d.color}\n                    connectorsSettings={connectorSettings}\n                    labelSettings={labelSettings}\n                    text={d.text}\n                    classNames={d.classNames}\n                    styles={d.styles}\n                    animate={animate}\n                    isInView={isInView}\n                  />\n                );\n              })}\n            </g>\n            {regressionLine ? (\n              <RegressionLine\n                x1={0}\n                x2={graphWidth}\n                y1={predict(0)}\n                y2={predict(graphWidth)}\n                graphHeight={graphHeight}\n                graphWidth={graphWidth}\n                className={classNames?.regLine}\n                style={styles?.regLine}\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\n                animate={animate}\n                isInView={isInView}\n              />\n            ) : null}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { SliderUI } from '@undp/design-system-react/SliderUI';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport { Pause, Play } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CustomHighlightAreaSettingsForScatterPlotDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsForScatterPlotDataType,\n  Languages,\n  NumberFormatOptions,\n  ReferenceDataType,\n  ScatterPlotDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { ensureCompleteDataForScatterPlot } from '@/Utils/ensureCompleteData';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: ScatterPlotDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for circle */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: string[];\n  /** Color for circle if the label doesn't exist in `colorDomain`. */\n  fallbackColor?: string;\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the x-axis */\n  maxXValue?: number;\n  /** Minimum value for the x-axis */\n  minXValue?: number;\n  /** Maximum value for the y-axis */\n  maxYValue?: number;\n  /** Minimum value for the y-axis */\n  minYValue?: number;\n  /** Maximum value mapped to the radius chart */\n  maxRadiusValue?: number;\n  /** Reference values for comparison on x-axis */\n  refXValues?: ReferenceDataType[];\n  /** Reference values for comparison on y-axis */\n  refYValues?: ReferenceDataType[];\n  /** Number of ticks on the x-axis */\n  noOfXTicks?: number;\n  /** Number of ticks on the y-axis */\n  noOfYTicks?: number;\n\n  // Graph Parameters\n  /** Maximum radius of the circle */\n  radius?: number;\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedDataPoints?: (string | number)[];\n  /** Defines if the data point labels should be shown for highlighted data points. */\n  showHighlightedDataPointsLabels?: boolean;\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Title for the x-axis */\n  xAxisTitle?: string;\n  /** Title for the y-axis */\n  yAxisTitle?: string;\n  /** Annotations on the chart */\n  annotations?: AnnotationSettingsDataType[];\n  /** Highlighted area(square) on the chart  */\n  highlightAreaSettings?: HighlightAreaSettingsForScatterPlotDataType[];\n  /** Highlighted area(custom shape) on the chart  */\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsForScatterPlotDataType[];\n  /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */\n  regressionLine?: boolean | string;\n  /** Color of the labels */\n  labelColor?: string;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  xNumberDisplayOptions?: NumberFormatOptions;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  yNumberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\n  timeline?: TimelineDataType;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n  /** Toggle interaction of Voronoi cells */\n  useVoronoiInteraction?: boolean;\n  /** Toggle visibility of Voronoi tesselation. Should be used for debugging only */\n  showVoronoiTesselation?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function ScatterPlot(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    showLabels = false,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    fallbackColor = Colors.gray,\n    colorLegendTitle,\n    radius = 5,\n    xAxisTitle = 'X Axis',\n    yAxisTitle = 'Y Axis',\n    padding,\n    backgroundColor = false,\n    leftMargin = 0,\n    rightMargin = 10,\n    topMargin = 20,\n    bottomMargin = 50,\n    tooltip,\n    relativeHeight,\n    onSeriesMouseOver,\n    refXValues = [],\n    refYValues = [],\n    highlightAreaSettings = [],\n    showColorScale = true,\n    highlightedDataPoints,\n    showHighlightedDataPointsLabels = false,\n    graphID,\n    maxRadiusValue,\n    maxXValue,\n    minXValue,\n    maxYValue,\n    minYValue,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    language = 'en',\n    showNAColor = true,\n    minHeight = 0,\n    annotations = [],\n    customHighlightAreaSettings = [],\n    theme = 'light',\n    regressionLine = false,\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    noOfXTicks = 5,\n    noOfYTicks = 5,\n    labelColor,\n    styles,\n    classNames,\n    animate = false,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    showVoronoiTesselation = false,\n    useVoronoiInteraction = true,\n    xNumberDisplayOptions,\n    yNumberDisplayOptions,\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [play, setPlay] = useState(timeline.autoplay);\n  const uniqDatesSorted = useMemo(() => {\n    const dates = [\n      ...new Set(\n        data\n          .filter((d) => d.date)\n          .map((d) => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\n      ),\n    ];\n    dates.sort((a, b) => a - b);\n    return dates;\n  }, [data, timeline.dateFormat]);\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\n\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    const interval = setInterval(\n      () => {\n        setIndex((i) => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\n      },\n      (timeline.speed || 2) * 1000,\n    );\n    if (!play) clearInterval(interval);\n    return () => clearInterval(interval);\n  }, [uniqDatesSorted, play, timeline.speed]);\n\n  const markObj = getSliderMarks(\n    uniqDatesSorted,\n    index,\n    timeline.showOnlyActiveDate,\n    timeline.dateFormat || 'yyyy',\n  );\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={ensureCompleteDataForScatterPlot(data, timeline.dateFormat || 'yyyy').filter(\n              (d) =>\n                timeline.enabled\n                  ? `${d.date}` ===\n                    format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                  : d,\n            )}\n            width={svgWidth}\n            height={svgHeight}\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            colors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? typeof colors === 'string'\n                    ? [colors]\n                    : [colors[0]]\n                  : [Colors.primaryColors['blue-600']]\n                : typeof colors === 'string'\n                  ? [colors]\n                  : colors || Colors[theme].categoricalColors.colors\n            }\n            xAxisTitle={xAxisTitle}\n            yAxisTitle={yAxisTitle}\n            refXValues={refXValues}\n            refYValues={refYValues}\n            showLabels={showLabels}\n            radius={radius}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            highlightAreaSettings={highlightAreaSettings}\n            showVoronoiTesselation={showVoronoiTesselation}\n            highlightedDataPoints={\n              data.filter((el) => el.label).length === 0 ? [] : highlightedDataPoints\n            }\n            showHighlightedDataPointsLabels={showHighlightedDataPointsLabels}\n            selectedColor={selectedColor}\n            maxRadiusValue={\n              checkIfNullOrUndefined(maxRadiusValue)\n                ? Math.max(\n                    ...data.map((d) => d.radius).filter((d) => d !== undefined && d !== null),\n                  )\n                : (maxRadiusValue as number)\n            }\n            maxXValue={\n              checkIfNullOrUndefined(maxXValue)\n                ? Math.max(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null)) > 0\n                  ? Math.max(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null))\n                  : 0\n                : (maxXValue as number)\n            }\n            minXValue={\n              checkIfNullOrUndefined(minXValue)\n                ? Math.min(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null)) > 0\n                  ? 0\n                  : Math.min(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null))\n                : (minXValue as number)\n            }\n            maxYValue={\n              checkIfNullOrUndefined(maxYValue)\n                ? Math.max(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null)) > 0\n                  ? Math.max(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null))\n                  : 0\n                : (maxYValue as number)\n            }\n            minYValue={\n              checkIfNullOrUndefined(minYValue)\n                ? Math.min(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null)) > 0\n                  ? 0\n                  : Math.min(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null))\n                : (minYValue as number)\n            }\n            onSeriesMouseClick={onSeriesMouseClick}\n            rtl={language === 'he' || language === 'ar'}\n            annotations={annotations}\n            customHighlightAreaSettings={customHighlightAreaSettings}\n            regressionLine={regressionLine}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            noOfXTicks={noOfXTicks}\n            noOfYTicks={noOfYTicks}\n            labelColor={labelColor}\n            styles={styles}\n            classNames={classNames}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            dimmedOpacity={dimmedOpacity}\n            customLayers={customLayers}\n            useVoronoiInteraction={useVoronoiInteraction}\n            xNumberDisplayOptions={xNumberDisplayOptions}\n            yNumberDisplayOptions={yNumberDisplayOptions}\n            fallbackColor={fallbackColor}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/ScatterPlot-zfJrQptW.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-gGpyby2o.cjs`),t=require(`./jsx-runtime-Cd1vCQjn.cjs`),n=require(`./Icons-DXw7FqJ_.cjs`),r=require(`./Colors.cjs`),i=require(`./GraphFooter.cjs`),ee=require(`./GraphHeader.cjs`),a=require(`./checkIfNullOrUndefined-DYvc3fz_.cjs`),o=require(`./uniqBy-DTdieuuc.cjs`),s=require(`./GraphContainer-7xAPK4Tb.cjs`),c=require(`./parse-C718o4YM.cjs`),l=require(`./lodash.orderby-Us2PHq2D.cjs`),te=require(`./ColorLegendWithMouseOver.cjs`),u=require(`./EmptyState-Bq7ZJmZB.cjs`),ne=require(`./ensureCompleteData-CqLz7Btq.cjs`),re=require(`./getSliderMarks-DCEGtxIl.cjs`),d=require(`./linear-B93YyHf_.cjs`),ie=require(`./pow-DXd5n928.cjs`),f=require(`./fast-deep-equal-DN3ilkVq.cjs`),p=require(`./proxy-DaRMphjR.cjs`),ae=require(`./AnimatePresence-CapU-Sxd.cjs`),m=require(`./use-in-view-C4EPQfwM.cjs`),h=require(`./Axis-BbfI4T5K.cjs`),g=require(`./AxisTitle-Co2DmqOy.cjs`),oe=require(`./numberFormattingFunction-Caf5NyIo.cjs`),se=require(`./XTicksAndGridLines-8v1W02Pd.cjs`),ce=require(`./YTicksAndGridLines-CRW_R845.cjs`),le=require(`./DetailsModal-CtGqGcX9.cjs`),ue=require(`./ReferenceLine-Dltt-xtO.cjs`),de=require(`./Tooltip-CO_iOj_w.cjs`),_=require(`./getLineEndPoint-CahgY2dz.cjs`),fe=require(`./HighlightArea-CJ2XwY67.cjs`),pe=require(`./simple-statistics-B4XnKTMF.cjs`),me=require(`./RegressionLine-Cju7e0DE.cjs`),he=require(`./delaunay-M1ErmNzW.cjs`);let ge=require(`@undp/design-system-react/cn`),v=require(`react`),_e=require(`@undp/design-system-react/SliderUI`);var ve=e.a(f.t(),1),ye=e.a(l.t(),1),y=t.t();function b(e){let{data:t,width:n,height:i,showLabels:ee,colors:o,colorDomain:s,radius:c,xAxisTitle:l,yAxisTitle:te,leftMargin:u,rightMargin:ne,topMargin:re,bottomMargin:f,tooltip:_e,onSeriesMouseOver:b,refXValues:be,refYValues:xe,highlightAreaSettings:Se,selectedColor:x,highlightedDataPoints:S,maxRadiusValue:Ce,maxXValue:we,minXValue:C,maxYValue:Te,minYValue:w,onSeriesMouseClick:T,rtl:E,annotations:Ee,customHighlightAreaSettings:De,regressionLine:D,resetSelectionOnDoubleClick:O,detailsOnClick:k,noOfXTicks:Oe,noOfYTicks:ke,labelColor:A,styles:j,classNames:M,animate:N,dimmedOpacity:P,showHighlightedDataPointsLabels:Ae,customLayers:je,showVoronoiTesselation:Me,useVoronoiInteraction:Ne,xNumberDisplayOptions:F,yNumberDisplayOptions:I,fallbackColor:L}=e,Pe=(0,v.useRef)(null),R=m.t(Pe,{once:N.once,amount:N.amount}),[z,B]=(0,v.useState)(void 0),[V,H]=(0,v.useState)(void 0),[Fe,U]=(0,v.useState)(void 0),[Ie,W]=(0,v.useState)(void 0),G={top:re,bottom:l?f+50:f,left:te?u+30:u,right:ne},K=t.map((e,t)=>({...e,id:`${t}`})),q=n-G.left-G.right,J=i-G.top-G.bottom,Y=t.filter(e=>e.radius===void 0||e.radius===null).length===t.length?void 0:ie.t().domain([0,Ce]).range([.25,c]).nice(),X=K.filter(e=>!a.t(e.radius)).length===0?K.filter(e=>!a.t(e.x)&&!a.t(e.y)):(0,ye.default)(K.filter(e=>!a.t(e.radius)&&!a.t(e.x)&&!a.t(e.y)),`radius`,`desc`),Z=d.t().domain([C,we]).range([0,q]).nice(),Q=d.t().domain([w,Te]).range([J,0]).nice(),$=Z.ticks(Oe),Le=Q.ticks(ke),Re=he.t.from(X,e=>Z(e.x),e=>Q(e.y)).voronoi([0,0,q<0?0:q,J<0?0:J]),ze=pe.r(pe.n(t.filter(e=>!a.t(e.x)&&!a.t(e.y)).map(e=>[Z(e.x),Q(e.y)])));return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(p.t.svg,{width:`${n}px`,height:`${i}px`,viewBox:`0 0 ${n} ${i}`,direction:`ltr`,ref:Pe,children:(0,y.jsxs)(`g`,{transform:`translate(${G.left},${G.top})`,children:[(0,y.jsxs)(ae.t,{children:[(0,y.jsx)(fe.n,{areaSettings:Se,width:q,height:J,scaleX:Z,scaleY:Q,animate:N,isInView:R},`highlight-area`),(0,y.jsx)(_.n,{areaSettings:De,scaleX:Z,scaleY:Q,animate:N,isInView:R},`custom-area`)]}),(0,y.jsxs)(`g`,{children:[(0,y.jsx)(ce.t,{values:Le.filter(e=>e!==0),y:Le.filter(e=>e!==0).map(e=>Q(e)),x1:0,x2:q+G.right,styles:{gridLines:j?.yAxis?.gridLines,labels:j?.yAxis?.labels},classNames:{gridLines:M?.yAxis?.gridLines,labels:M?.yAxis?.labels},labelType:`secondary`,showGridLines:!0,labelPos:`side`,suffix:I?.suffix||``,prefix:I?.prefix||``,precision:I?.precision??2,locale:I?.locale||`en`,padZeros:I?.padZeros||!1}),(0,y.jsx)(h.t,{y1:Q(w<0?0:w),y2:Q(w<0?0:w),x1:0,x2:q+G.right,label:oe.t(w<0?0:w,void 0,I?.precision??2,I?.prefix||``,I?.suffix||``,I?.locale||`en`,I?.padZeros||!1),labelPos:{x:0,y:Q(w<0?0:w),dy:`0.33em`,dx:-4},classNames:{axis:M?.xAxis?.axis,label:M?.yAxis?.labels},styles:{axis:j?.xAxis?.axis,label:{textAnchor:`end`,...j?.yAxis?.labels||{}}}}),(0,y.jsx)(g.t,{x:0-u-15,y:J/2,style:j?.yAxis?.title,className:M?.yAxis?.title,text:te,rotate90:!0})]}),(0,y.jsxs)(`g`,{children:[(0,y.jsx)(se.t,{values:$.filter(e=>e!==0),x:$.filter(e=>e!==0).map(e=>Z(e)),y1:0,y2:J,styles:{gridLines:j?.xAxis?.gridLines,labels:j?.xAxis?.labels},classNames:{gridLines:M?.xAxis?.gridLines,labels:M?.xAxis?.labels},labelType:`primary`,showGridLines:!0,suffix:F?.suffix||``,prefix:F?.prefix||``,precision:F?.precision??2,locale:F?.locale||`en`,padZeros:F?.padZeros||!1}),(0,y.jsx)(h.t,{x1:Z(C<0?0:C),x2:Z(C<0?0:C),y1:0,y2:J,label:oe.t(C<0?0:C,void 0,F?.precision??2,F?.prefix||``,F?.suffix||``,F?.locale||`en`,F?.padZeros||!1),labelPos:{x:Z(C<0?0:C),y:J,dy:`1em`,dx:0},classNames:{axis:M?.xAxis?.axis,label:M?.yAxis?.labels},styles:{axis:j?.xAxis?.axis,label:{textAnchor:`middle`,...j?.yAxis?.labels||{}}}}),(0,y.jsx)(g.t,{x:q/2,y:J+30,style:j?.xAxis?.title,className:M?.xAxis?.title,text:l})]}),je.filter(e=>e.position===`before`).map(e=>e.layer),(0,y.jsxs)(ae.t,{children:[Ne&&X.map((e,t)=>(0,y.jsx)(`path`,{d:Re.renderCell(X.findIndex(t=>t.id===e.id)),opacity:+!!Me,className:`stroke-primary-gray-700 dark:stroke-primary-gray-300`,style:{fillOpacity:0,strokeWidth:1},onMouseEnter:t=>{B(e),W(t.clientY),U(t.clientX),b?.(e)},onMouseMove:t=>{B(e),W(t.clientY),U(t.clientX)},onMouseLeave:()=>{B(void 0),U(void 0),W(void 0),b?.(void 0)},onClick:()=>{(T||k)&&((0,ve.default)(V,e)&&O?(H(void 0),T?.(void 0)):(H(e),T?.(e)))}},`tesselation_${e.label||t}`)),X.map((e,n)=>(0,y.jsxs)(p.t.g,{variants:{initial:{x:Z(e.x),y:Q(e.y),opacity:x?e.color&&o[s.indexOf(`${e.color}`)]===x?1:P:z?z.id===e.id?1:P:S&&S.indexOf(e.label||``)===-1?P:1},whileInView:{x:Z(e.x),y:Q(e.y),opacity:x?e.color&&o[s.indexOf(`${e.color}`)]===x?1:P:z?z.id===e.id?1:P:S&&S.indexOf(e.label||``)===-1?P:1,transition:{duration:N.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,exit:{opacity:0,transition:{duration:N.duration}},onMouseEnter:t=>{B(e),W(t.clientY),U(t.clientX),b?.(e)},onMouseMove:t=>{B(e),W(t.clientY),U(t.clientX)},onMouseLeave:()=>{B(void 0),U(void 0),W(void 0),b?.(void 0)},onClick:()=>{(T||k)&&((0,ve.default)(V,e)&&O?(H(void 0),T?.(void 0)):(H(e),T?.(e)))},children:[(0,y.jsx)(p.t.circle,{cx:0,cy:0,exit:{r:0,transition:{duration:N.duration}},variants:{initial:{r:0,fill:t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray,stroke:t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray},whileInView:{r:Y?Y(e.radius||0):c,fill:t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray,stroke:t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray,transition:{duration:N.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,style:{fillOpacity:.6}}),ee&&!a.t(e.label)?(0,y.jsx)(p.t.text,{style:{...j?.graphObjectValues||{}},className:(0,ge.cn)(`graph-value text-sm`,M?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:N.duration}},variants:{initial:{x:Y?Y(e.radius||0):c,opacity:0,fill:A||(t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray)},whileInView:{x:Y?Y(e.radius||0):c,opacity:1,fill:A||(t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray),transition:{duration:N.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,dy:`0.33em`,dx:3,children:e.label}):S&&!a.t(e.label)&&Ae?S.indexOf(e.label)===-1?null:(0,y.jsx)(p.t.text,{style:{...j?.graphObjectValues||{}},className:(0,ge.cn)(`graph-value text-sm`,M?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:N.duration}},variants:{initial:{x:Y?Y(e.radius||0):c,opacity:0,fill:A||(t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray)},whileInView:{x:Y?Y(e.radius||0):c,opacity:1,fill:A||(t.filter(e=>e.color).length===0?o[0]:e.color?s.indexOf(`${e.color}`)===-1||s.indexOf(`${e.color}`)>o.length-1?L:o[s.indexOf(`${e.color}`)]:r.Colors.gray),transition:{duration:N.duration}}},initial:`initial`,animate:R?`whileInView`:`initial`,dy:`0.33em`,dx:3,children:e.label}):null]},`${e.label||n}`)),be?.map(e=>(0,y.jsx)(ue.t,{text:e.text,color:e.color,x:Z(e.value),y1:0,y2:J,textSide:Z(e.value)>q*.75||E?`left`:`right`,classNames:e.classNames,styles:e.styles,animate:N,isInView:R},e.text)),xe?.map(e=>(0,y.jsx)(ue.n,{text:e.text,color:e.color,y:Q(e.value),x1:0,x2:q,classNames:e.classNames,styles:e.styles,animate:N,isInView:R},e.text)),(0,y.jsx)(`g`,{children:Ee.map(e=>{let t=_.t({x:e.xCoordinate?Z(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),y:e.yCoordinate?Q(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8},{x:e.xCoordinate?Z(e.xCoordinate):0,y:e.yCoordinate?Q(e.yCoordinate):0},a.t(e.connectorRadius)?3.5:e.connectorRadius),n=e.showConnector?{y1:t.y,x1:t.x,y2:e.yCoordinate?Q(e.yCoordinate)+(e.yOffset||0):0+(e.yOffset||0),x2:e.xCoordinate?Z(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),cy:e.yCoordinate?Q(e.yCoordinate):0,cx:e.xCoordinate?Z(e.xCoordinate):0,circleRadius:a.t(e.connectorRadius)?3.5:e.connectorRadius,strokeWidth:e.showConnector===!0?2:Math.min(e.showConnector||0,1)}:void 0,r={y:e.yCoordinate?Q(e.yCoordinate)+(e.yOffset||0)-8:0+(e.yOffset||0)-8,x:E?0:e.xCoordinate?Z(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0),width:E?e.xCoordinate?Z(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0):q+G.right-(e.xCoordinate?Z(e.xCoordinate)+(e.xOffset||0):0+(e.xOffset||0)),maxWidth:e.maxWidth,fontWeight:e.fontWeight,align:e.align};return(0,y.jsx)(_.r,{color:e.color,connectorsSettings:n,labelSettings:r,text:e.text,classNames:e.classNames,styles:e.styles,animate:N,isInView:R},e.text)})}),D?(0,y.jsx)(me.t,{x1:0,x2:q,y1:ze(0),y2:ze(q),graphHeight:J,graphWidth:q,className:M?.regLine,style:j?.regLine,color:typeof D==`string`?D:void 0,animate:N,isInView:R}):null]}),je.filter(e=>e.position===`after`).map(e=>e.layer)]})}),z&&_e&&Fe&&Ie?(0,y.jsx)(de.t,{data:z,body:_e,xPos:Fe,yPos:Ie,backgroundStyle:j?.tooltip,className:M?.tooltip}):null,k&&V!==void 0?(0,y.jsx)(le.t,{body:k,data:V,setData:H,className:M?.modal}):null]})}function be(e){let{data:t,graphTitle:l,colors:d,sources:ie,graphDescription:f,showLabels:p=!1,height:ae,width:m,footNote:h,colorDomain:g,fallbackColor:oe=r.Colors.gray,colorLegendTitle:se,radius:ce=5,xAxisTitle:le=`X Axis`,yAxisTitle:ue=`Y Axis`,padding:de,backgroundColor:_=!1,leftMargin:fe=0,rightMargin:pe=10,topMargin:me=20,bottomMargin:he=50,tooltip:ge,relativeHeight:ve,onSeriesMouseOver:ye,refXValues:be=[],refYValues:xe=[],highlightAreaSettings:Se=[],showColorScale:x=!0,highlightedDataPoints:S,showHighlightedDataPointsLabels:Ce=!1,graphID:we,maxRadiusValue:C,maxXValue:Te,minXValue:w,maxYValue:T,minYValue:E,onSeriesMouseClick:Ee,graphDownload:De=!1,dataDownload:D=!1,language:O=`en`,showNAColor:k=!0,minHeight:Oe=0,annotations:ke=[],customHighlightAreaSettings:A=[],theme:j=`light`,regressionLine:M=!1,ariaLabel:N,resetSelectionOnDoubleClick:P=!0,detailsOnClick:Ae,noOfXTicks:je=5,noOfYTicks:Me=5,labelColor:Ne,styles:F,classNames:I,animate:L=!1,dimmedOpacity:Pe=.3,customLayers:R=[],timeline:z={enabled:!1,autoplay:!1,showOnlyActiveDate:!0},showVoronoiTesselation:B=!1,useVoronoiInteraction:V=!0,xNumberDisplayOptions:H,yNumberDisplayOptions:Fe}=e,[U,Ie]=(0,v.useState)(0),[W,G]=(0,v.useState)(0),[K,q]=(0,v.useState)(z.autoplay),J=(0,v.useMemo)(()=>{let e=[...new Set(t.filter(e=>e.date).map(e=>c.t(`${e.date}`,z.dateFormat||`yyyy`,new Date).getTime()))];return e.sort((e,t)=>e-t),e},[t,z.dateFormat]),[Y,X]=(0,v.useState)(z.autoplay?0:J.length-1),[Z,Q]=(0,v.useState)(void 0),$=(0,v.useRef)(null),Le=(0,v.useRef)(null);(0,v.useEffect)(()=>{let e=new ResizeObserver(e=>{Ie(e[0].target.clientWidth||620),G(e[0].target.clientHeight||480)});return $.current&&e.observe($.current),()=>e.disconnect()},[]),(0,v.useEffect)(()=>{let e=setInterval(()=>{X(e=>e<J.length-1?e+1:0)},(z.speed||2)*1e3);return K||clearInterval(e),()=>clearInterval(e)},[J,K,z.speed]);let Re=re.t(J,Y,z.showOnlyActiveDate,z.dateFormat||`yyyy`);return(0,y.jsxs)(s.n,{className:I?.graphContainer,style:F?.graphContainer,id:we,ref:Le,"aria-label":N,backgroundColor:_,theme:j,language:O,minHeight:Oe,width:m,height:ae,relativeHeight:ve,padding:de,children:[l||f||De||D?(0,y.jsx)(ee.GraphHeader,{styles:{title:F?.title,description:F?.description},classNames:{title:I?.title,description:I?.description},graphTitle:l,graphDescription:f,width:m,graphDownload:De?Le:void 0,dataDownload:D?t.map(e=>e.data).filter(e=>e!==void 0).length>0?t.map(e=>e.data).filter(e=>e!==void 0):t.filter(e=>e!==void 0):null}):null,z.enabled&&J.length>0&&Re?(0,y.jsxs)(`div`,{className:`flex gap-6 items-center`,dir:`ltr`,children:[(0,y.jsx)(`button`,{type:`button`,onClick:()=>{q(!K)},className:`p-0 border-0 cursor-pointer bg-transparent`,"aria-label":K?`Click to pause animation`:`Click to play animation`,children:K?(0,y.jsx)(n.l,{}):(0,y.jsx)(n.u,{})}),(0,y.jsx)(_e.SliderUI,{min:J[0],max:J[J.length-1],marks:Re,step:null,defaultValue:J[J.length-1],value:J[Y],onChangeComplete:e=>{X(J.indexOf(e))},onChange:e=>{X(J.indexOf(e))},"aria-label":`Time slider. Use arrow keys to adjust selected time period.`})]}):null,x&&t.filter(e=>e.color).length!==0&&t.length>0?(0,y.jsx)(te.ColorLegendWithMouseOver,{width:m,colorLegendTitle:se,colors:d||r.Colors[j].categoricalColors.colors,colorDomain:g||o.t(t,`color`,!0),setSelectedColor:Q,showNAColor:k,className:I?.colorLegend}):null,(0,y.jsxs)(s.t,{ref:$,children:[t.length===0&&(0,y.jsx)(u.t,{}),U&&W&&t.length>0?(0,y.jsx)(b,{data:ne.a(t,z.dateFormat||`yyyy`).filter(e=>z.enabled?`${e.date}`===c.n(new Date(J[Y]),z.dateFormat||`yyyy`):e),width:U,height:W,colorDomain:t.filter(e=>e.color).length===0?[]:g||o.t(t,`color`,!0),colors:t.filter(e=>e.color).length===0?d?typeof d==`string`?[d]:[d[0]]:[r.Colors.primaryColors[`blue-600`]]:typeof d==`string`?[d]:d||r.Colors[j].categoricalColors.colors,xAxisTitle:le,yAxisTitle:ue,refXValues:be,refYValues:xe,showLabels:p,radius:ce,leftMargin:fe,rightMargin:pe,topMargin:me,bottomMargin:he,tooltip:ge,onSeriesMouseOver:ye,highlightAreaSettings:Se,showVoronoiTesselation:B,highlightedDataPoints:t.filter(e=>e.label).length===0?[]:S,showHighlightedDataPointsLabels:Ce,selectedColor:Z,maxRadiusValue:a.t(C)?Math.max(...t.map(e=>e.radius).filter(e=>e!=null)):C,maxXValue:a.t(Te)?Math.max(...t.map(e=>e.x).filter(e=>e!=null))>0?Math.max(...t.map(e=>e.x).filter(e=>e!=null)):0:Te,minXValue:a.t(w)?Math.min(...t.map(e=>e.x).filter(e=>e!=null))>0?0:Math.min(...t.map(e=>e.x).filter(e=>e!=null)):w,maxYValue:a.t(T)?Math.max(...t.map(e=>e.y).filter(e=>e!=null))>0?Math.max(...t.map(e=>e.y).filter(e=>e!=null)):0:T,minYValue:a.t(E)?Math.min(...t.map(e=>e.y).filter(e=>e!=null))>0?0:Math.min(...t.map(e=>e.y).filter(e=>e!=null)):E,onSeriesMouseClick:Ee,rtl:O===`he`||O===`ar`,annotations:ke,customHighlightAreaSettings:A,regressionLine:M,resetSelectionOnDoubleClick:P,detailsOnClick:Ae,noOfXTicks:je,noOfYTicks:Me,labelColor:Ne,styles:F,classNames:I,animate:L===!0?{duration:.5,once:!0,amount:.5}:L||{duration:0,once:!0,amount:0},dimmedOpacity:Pe,customLayers:R,useVoronoiInteraction:V,xNumberDisplayOptions:H,yNumberDisplayOptions:Fe,fallbackColor:oe}):null]}),ie||h?(0,y.jsx)(i.GraphFooter,{styles:{footnote:F?.footnote,source:F?.source},classNames:{footnote:I?.footnote,source:I?.source},sources:ie,footNote:h,width:m}):null]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return be}});
+//# sourceMappingURL=ScatterPlot-zfJrQptW.cjs.map

package/dist/ScatterPlot-zfJrQptW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlot-zfJrQptW.cjs","names":[],"sources":["../src/Components/Graphs/ScatterPlot/Graph.tsx","../src/Components/Graphs/ScatterPlot/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { Delaunay } from 'd3-delaunay';\nimport { scaleLinear, scaleSqrt } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport orderBy from 'lodash.orderby';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { useRef, useState } from 'react';\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\nimport { Colors } from '@/Components/ColorPalette';\nimport { Annotation } from '@/Components/Elements/Annotations';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { HighlightAreaForScatterPlot } from '@/Components/Elements/HighlightArea';\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CustomHighlightAreaSettingsForScatterPlotDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsForScatterPlotDataType,\n  NumberFormatOptions,\n  ReferenceDataType,\n  ScatterPlotDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: ScatterPlotDataType[];\n  width: number;\n  height: number;\n  showLabels: boolean;\n  colors: string[];\n  colorDomain: string[];\n  radius: number;\n  xAxisTitle: string;\n  yAxisTitle: string;\n  leftMargin: number;\n  rightMargin: number;\n  topMargin: number;\n  bottomMargin: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refXValues: ReferenceDataType[];\n  refYValues: ReferenceDataType[];\n  highlightAreaSettings: HighlightAreaSettingsForScatterPlotDataType[];\n  selectedColor?: string;\n  highlightedDataPoints?: (string | number)[];\n  maxRadiusValue: number;\n  maxXValue: number;\n  minXValue: number;\n  maxYValue: number;\n  minYValue: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  rtl: boolean;\n  annotations: AnnotationSettingsDataType[];\n  customHighlightAreaSettings: CustomHighlightAreaSettingsForScatterPlotDataType[];\n  regressionLine: boolean | string;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  noOfXTicks: number;\n  noOfYTicks: number;\n  labelColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  customLayers: CustomLayerDataType[];\n  showHighlightedDataPointsLabels: boolean;\n  showVoronoiTesselation: boolean;\n  useVoronoiInteraction: boolean;\n  xNumberDisplayOptions?: NumberFormatOptions;\n  yNumberDisplayOptions?: NumberFormatOptions;\n  fallbackColor: string;\n}\n\nexport function Graph(props: Props) {\n  const {\n    data,\n    width,\n    height,\n    showLabels,\n    colors,\n    colorDomain,\n    radius,\n    xAxisTitle,\n    yAxisTitle,\n    leftMargin,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    tooltip,\n    onSeriesMouseOver,\n    refXValues,\n    refYValues,\n    highlightAreaSettings,\n    selectedColor,\n    highlightedDataPoints,\n    maxRadiusValue,\n    maxXValue,\n    minXValue,\n    maxYValue,\n    minYValue,\n    onSeriesMouseClick,\n    rtl,\n    annotations,\n    customHighlightAreaSettings,\n    regressionLine,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    noOfXTicks,\n    noOfYTicks,\n    labelColor,\n    styles,\n    classNames,\n    animate,\n    dimmedOpacity,\n    showHighlightedDataPointsLabels,\n    customLayers,\n    showVoronoiTesselation,\n    useVoronoiInteraction,\n    xNumberDisplayOptions,\n    yNumberDisplayOptions,\n    fallbackColor,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: xAxisTitle ? bottomMargin + 50 : bottomMargin,\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n  const radiusScale =\n    data.filter((d) => d.radius === undefined || d.radius === null).length !== data.length\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\n      : undefined;\n  const dataOrdered =\n    dataWithId.filter((d) => !checkIfNullOrUndefined(d.radius)).length === 0\n      ? dataWithId.filter((d) => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\n      : orderBy(\n          dataWithId.filter(\n            (d) =>\n              !checkIfNullOrUndefined(d.radius) &&\n              !checkIfNullOrUndefined(d.x) &&\n              !checkIfNullOrUndefined(d.y),\n          ),\n          'radius',\n          'desc',\n        );\n  const x = scaleLinear().domain([minXValue, maxXValue]).range([0, graphWidth]).nice();\n  const y = scaleLinear().domain([minYValue, maxYValue]).range([graphHeight, 0]).nice();\n  const xTicks = x.ticks(noOfXTicks);\n  const yTicks = y.ticks(noOfYTicks);\n  const voronoiDiagram = Delaunay.from(\n    dataOrdered,\n    (d) => x(d.x as number),\n    (d) => y(d.y as number),\n  ).voronoi([0, 0, graphWidth < 0 ? 0 : graphWidth, graphHeight < 0 ? 0 : graphHeight]);\n  const regressionLineParam = linearRegression(\n    data\n      .filter((d) => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\n      .map((d) => [x(d.x as number), y(d.y as number)]),\n  );\n  const predict = linearRegressionLine(regressionLineParam);\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <AnimatePresence>\n            <HighlightAreaForScatterPlot\n              key='highlight-area'\n              areaSettings={highlightAreaSettings}\n              width={graphWidth}\n              height={graphHeight}\n              scaleX={x}\n              scaleY={y}\n              animate={animate}\n              isInView={isInView}\n            />\n            <CustomArea\n              key='custom-area'\n              areaSettings={customHighlightAreaSettings}\n              scaleX={x}\n              scaleY={y}\n              animate={animate}\n              isInView={isInView}\n            />\n          </AnimatePresence>\n          <g>\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              labelType='secondary'\n              showGridLines\n              labelPos='side'\n              suffix={yNumberDisplayOptions?.suffix || ''}\n              prefix={yNumberDisplayOptions?.prefix || ''}\n              precision={yNumberDisplayOptions?.precision ?? 2}\n              locale={yNumberDisplayOptions?.locale || 'en'}\n              padZeros={yNumberDisplayOptions?.padZeros || false}\n            />\n            <Axis\n              y1={y(minYValue < 0 ? 0 : minYValue)}\n              y2={y(minYValue < 0 ? 0 : minYValue)}\n              x1={0}\n              x2={graphWidth + margin.right}\n              label={numberFormattingFunction(\n                minYValue < 0 ? 0 : minYValue,\n                undefined,\n                yNumberDisplayOptions?.precision ?? 2,\n                yNumberDisplayOptions?.prefix || '',\n                yNumberDisplayOptions?.suffix || '',\n                yNumberDisplayOptions?.locale || 'en',\n                yNumberDisplayOptions?.padZeros || false,\n              )}\n              labelPos={{\n                x: 0,\n                y: y(minYValue < 0 ? 0 : minYValue),\n                dy: '0.33em',\n                dx: -4,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: { textAnchor: 'end', ...(styles?.yAxis?.labels || {}) },\n              }}\n            />\n            <AxisTitle\n              x={0 - leftMargin - 15}\n              y={graphHeight / 2}\n              style={styles?.yAxis?.title}\n              className={classNames?.yAxis?.title}\n              text={yAxisTitle}\n              rotate90\n            />\n          </g>\n          <g>\n            <XTicksAndGridLines\n              values={xTicks.filter((d) => d !== 0)}\n              x={xTicks.filter((d) => d !== 0).map((d) => x(d))}\n              y1={0}\n              y2={graphHeight}\n              styles={{\n                gridLines: styles?.xAxis?.gridLines,\n                labels: styles?.xAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.xAxis?.gridLines,\n                labels: classNames?.xAxis?.labels,\n              }}\n              labelType='primary'\n              showGridLines\n              suffix={xNumberDisplayOptions?.suffix || ''}\n              prefix={xNumberDisplayOptions?.prefix || ''}\n              precision={xNumberDisplayOptions?.precision ?? 2}\n              locale={xNumberDisplayOptions?.locale || 'en'}\n              padZeros={xNumberDisplayOptions?.padZeros || false}\n            />\n            <Axis\n              x1={x(minXValue < 0 ? 0 : minXValue)}\n              x2={x(minXValue < 0 ? 0 : minXValue)}\n              y1={0}\n              y2={graphHeight}\n              label={numberFormattingFunction(\n                minXValue < 0 ? 0 : minXValue,\n                undefined,\n                xNumberDisplayOptions?.precision ?? 2,\n                xNumberDisplayOptions?.prefix || '',\n                xNumberDisplayOptions?.suffix || '',\n                xNumberDisplayOptions?.locale || 'en',\n                xNumberDisplayOptions?.padZeros || false,\n              )}\n              labelPos={{\n                x: x(minXValue < 0 ? 0 : minXValue),\n                y: graphHeight,\n                dy: '1em',\n                dx: 0,\n              }}\n              classNames={{\n                axis: classNames?.xAxis?.axis,\n                label: classNames?.yAxis?.labels,\n              }}\n              styles={{\n                axis: styles?.xAxis?.axis,\n                label: {\n                  textAnchor: 'middle',\n                  ...(styles?.yAxis?.labels || {}),\n                },\n              }}\n            />\n            <AxisTitle\n              x={graphWidth / 2}\n              y={graphHeight + 30}\n              style={styles?.xAxis?.title}\n              className={classNames?.xAxis?.title}\n              text={xAxisTitle}\n            />\n          </g>\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {useVoronoiInteraction &&\n              dataOrdered.map((d, i) => {\n                return (\n                  // biome-ignore lint/a11y/noStaticElementInteractions: interaction for graph\n                  <path\n                    key={`tesselation_${d.label || i}`}\n                    d={voronoiDiagram.renderCell(dataOrdered.findIndex((el) => el.id === d.id))}\n                    opacity={showVoronoiTesselation ? 1 : 0}\n                    className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\n                    style={{ fillOpacity: 0, strokeWidth: 1 }}\n                    onMouseEnter={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                      onSeriesMouseOver?.(d);\n                    }}\n                    onMouseMove={(event) => {\n                      setMouseOverData(d);\n                      setEventY(event.clientY);\n                      setEventX(event.clientX);\n                    }}\n                    onMouseLeave={() => {\n                      setMouseOverData(undefined);\n                      setEventX(undefined);\n                      setEventY(undefined);\n                      onSeriesMouseOver?.(undefined);\n                    }}\n                    onClick={() => {\n                      if (onSeriesMouseClick || detailsOnClick) {\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                          setMouseClickData(undefined);\n                          onSeriesMouseClick?.(undefined);\n                        } else {\n                          setMouseClickData(d);\n                          onSeriesMouseClick?.(d);\n                        }\n                      }\n                    }}\n                  />\n                );\n              })}\n            {dataOrdered.map((d, i) => {\n              return (\n                <motion.g\n                  key={`${d.label || i}`}\n                  variants={{\n                    initial: {\n                      x: x(d.x as number),\n                      y: y(d.y as number),\n                      opacity: selectedColor\n                        ? d.color\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : mouseOverData\n                          ? mouseOverData.id === d.id\n                            ? 1\n                            : dimmedOpacity\n                          : highlightedDataPoints\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                    },\n                    whileInView: {\n                      x: x(d.x as number),\n                      y: y(d.y as number),\n                      opacity: selectedColor\n                        ? d.color\n                          ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : mouseOverData\n                          ? mouseOverData.id === d.id\n                            ? 1\n                            : dimmedOpacity\n                          : highlightedDataPoints\n                            ? highlightedDataPoints.indexOf(d.label || '') !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : 1,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  onMouseEnter={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                    onSeriesMouseOver?.(d);\n                  }}\n                  onMouseMove={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                  }}\n                  onMouseLeave={() => {\n                    setMouseOverData(undefined);\n                    setEventX(undefined);\n                    setEventY(undefined);\n                    onSeriesMouseOver?.(undefined);\n                  }}\n                  onClick={() => {\n                    if (onSeriesMouseClick || detailsOnClick) {\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                        setMouseClickData(undefined);\n                        onSeriesMouseClick?.(undefined);\n                      } else {\n                        setMouseClickData(d);\n                        onSeriesMouseClick?.(d);\n                      }\n                    }\n                  }}\n                >\n                  <motion.circle\n                    cx={0}\n                    cy={0}\n                    exit={{ r: 0, transition: { duration: animate.duration } }}\n                    variants={{\n                      initial: {\n                        r: 0,\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                      },\n                      whileInView: {\n                        r: !radiusScale ? radius : radiusScale(d.radius || 0),\n                        fill:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                        stroke:\n                          data.filter((el) => el.color).length === 0\n                            ? colors[0]\n                            : !d.color\n                              ? Colors.gray\n                              : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                  colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                ? fallbackColor\n                                : colors[colorDomain.indexOf(`${d.color}`)],\n                        transition: { duration: animate.duration },\n                      },\n                    }}\n                    initial='initial'\n                    animate={isInView ? 'whileInView' : 'initial'}\n                    style={{\n                      fillOpacity: 0.6,\n                    }}\n                  />\n                  {showLabels && !checkIfNullOrUndefined(d.label) ? (\n                    <motion.text\n                      style={{\n                        ...(styles?.graphObjectValues || {}),\n                      }}\n                      className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                      y={0}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                      variants={{\n                        initial: {\n                          x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                          opacity: 0,\n                          fill:\n                            labelColor ||\n                            (data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                    colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                  ? fallbackColor\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\n                        },\n                        whileInView: {\n                          x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                          opacity: 1,\n                          fill:\n                            labelColor ||\n                            (data.filter((el) => el.color).length === 0\n                              ? colors[0]\n                              : !d.color\n                                ? Colors.gray\n                                : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                    colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                  ? fallbackColor\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      dy='0.33em'\n                      dx={3}\n                    >\n                      {d.label}\n                    </motion.text>\n                  ) : highlightedDataPoints &&\n                    !checkIfNullOrUndefined(d.label) &&\n                    showHighlightedDataPointsLabels ? (\n                    highlightedDataPoints.indexOf(d.label as string | number) !== -1 ? (\n                      <motion.text\n                        style={{\n                          ...(styles?.graphObjectValues || {}),\n                        }}\n                        className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                        y={0}\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        variants={{\n                          initial: {\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                            opacity: 0,\n                            fill:\n                              labelColor ||\n                              (data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                      colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                    ? fallbackColor\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\n                          },\n                          whileInView: {\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\n                            opacity: 1,\n                            fill:\n                              labelColor ||\n                              (data.filter((el) => el.color).length === 0\n                                ? colors[0]\n                                : !d.color\n                                  ? Colors.gray\n                                  : colorDomain.indexOf(`${d.color}`) === -1 ||\n                                      colorDomain.indexOf(`${d.color}`) > colors.length - 1\n                                    ? fallbackColor\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                        dy='0.33em'\n                        dx={3}\n                      >\n                        {d.label}\n                      </motion.text>\n                    ) : null\n                  ) : null}\n                </motion.g>\n              );\n            })}\n            {refXValues?.map((el) => (\n              <RefLineX\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                x={x(el.value as number)}\n                y1={0}\n                y2={graphHeight}\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n            {refYValues?.map((el) => (\n              <RefLineY\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                y={y(el.value as number)}\n                x1={0}\n                x2={graphWidth}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n            <g>\n              {annotations.map((d) => {\n                const endPoints = getLineEndPoint(\n                  {\n                    x: d.xCoordinate\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                    y: d.yCoordinate\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                      : 0 + (d.yOffset || 0) - 8,\n                  },\n                  {\n                    x: d.xCoordinate ? x(d.xCoordinate as number) : 0,\n                    y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                  },\n                  checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\n                );\n                const connectorSettings = d.showConnector\n                  ? {\n                      y1: endPoints.y,\n                      x1: endPoints.x,\n                      y2: d.yCoordinate\n                        ? y(d.yCoordinate as number) + (d.yOffset || 0)\n                        : 0 + (d.yOffset || 0),\n                      x2: d.xCoordinate\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                        : 0 + (d.xOffset || 0),\n                      cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\n                      cx: d.xCoordinate ? x(d.xCoordinate as number) : 0,\n                      circleRadius: checkIfNullOrUndefined(d.connectorRadius)\n                        ? 3.5\n                        : (d.connectorRadius as number),\n                      strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\n                    }\n                  : undefined;\n                const labelSettings = {\n                  y: d.yCoordinate\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\n                    : 0 + (d.yOffset || 0) - 8,\n                  x: rtl\n                    ? 0\n                    : d.xCoordinate\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0),\n                  width: rtl\n                    ? d.xCoordinate\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                      : 0 + (d.xOffset || 0)\n                    : graphWidth +\n                      margin.right -\n                      (d.xCoordinate\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\n                        : 0 + (d.xOffset || 0)),\n                  maxWidth: d.maxWidth,\n                  fontWeight: d.fontWeight,\n                  align: d.align,\n                };\n                return (\n                  <Annotation\n                    key={d.text}\n                    color={d.color}\n                    connectorsSettings={connectorSettings}\n                    labelSettings={labelSettings}\n                    text={d.text}\n                    classNames={d.classNames}\n                    styles={d.styles}\n                    animate={animate}\n                    isInView={isInView}\n                  />\n                );\n              })}\n            </g>\n            {regressionLine ? (\n              <RegressionLine\n                x1={0}\n                x2={graphWidth}\n                y1={predict(0)}\n                y2={predict(graphWidth)}\n                graphHeight={graphHeight}\n                graphWidth={graphWidth}\n                className={classNames?.regLine}\n                style={styles?.regLine}\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\n                animate={animate}\n                isInView={isInView}\n              />\n            ) : null}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { SliderUI } from '@undp/design-system-react/SliderUI';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport { Pause, Play } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  AnnotationSettingsDataType,\n  ClassNameObject,\n  CustomHighlightAreaSettingsForScatterPlotDataType,\n  CustomLayerDataType,\n  HighlightAreaSettingsForScatterPlotDataType,\n  Languages,\n  NumberFormatOptions,\n  ReferenceDataType,\n  ScatterPlotDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { ensureCompleteDataForScatterPlot } from '@/Utils/ensureCompleteData';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { Graph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: ScatterPlotDataType[];\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for circle */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: string[];\n  /** Color for circle if the label doesn't exist in `colorDomain`. */\n  fallbackColor?: string;\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the x-axis */\n  maxXValue?: number;\n  /** Minimum value for the x-axis */\n  minXValue?: number;\n  /** Maximum value for the y-axis */\n  maxYValue?: number;\n  /** Minimum value for the y-axis */\n  minYValue?: number;\n  /** Maximum value mapped to the radius chart */\n  maxRadiusValue?: number;\n  /** Reference values for comparison on x-axis */\n  refXValues?: ReferenceDataType[];\n  /** Reference values for comparison on y-axis */\n  refYValues?: ReferenceDataType[];\n  /** Number of ticks on the x-axis */\n  noOfXTicks?: number;\n  /** Number of ticks on the y-axis */\n  noOfYTicks?: number;\n\n  // Graph Parameters\n  /** Maximum radius of the circle */\n  radius?: number;\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedDataPoints?: (string | number)[];\n  /** Defines if the data point labels should be shown for highlighted data points. */\n  showHighlightedDataPointsLabels?: boolean;\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Title for the x-axis */\n  xAxisTitle?: string;\n  /** Title for the y-axis */\n  yAxisTitle?: string;\n  /** Annotations on the chart */\n  annotations?: AnnotationSettingsDataType[];\n  /** Highlighted area(square) on the chart  */\n  highlightAreaSettings?: HighlightAreaSettingsForScatterPlotDataType[];\n  /** Highlighted area(custom shape) on the chart  */\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsForScatterPlotDataType[];\n  /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */\n  regressionLine?: boolean | string;\n  /** Color of the labels */\n  labelColor?: string;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  xNumberDisplayOptions?: NumberFormatOptions;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  yNumberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\n  timeline?: TimelineDataType;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n  /** Toggle interaction of Voronoi cells */\n  useVoronoiInteraction?: boolean;\n  /** Toggle visibility of Voronoi tesselation. Should be used for debugging only */\n  showVoronoiTesselation?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function ScatterPlot(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    showLabels = false,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    fallbackColor = Colors.gray,\n    colorLegendTitle,\n    radius = 5,\n    xAxisTitle = 'X Axis',\n    yAxisTitle = 'Y Axis',\n    padding,\n    backgroundColor = false,\n    leftMargin = 0,\n    rightMargin = 10,\n    topMargin = 20,\n    bottomMargin = 50,\n    tooltip,\n    relativeHeight,\n    onSeriesMouseOver,\n    refXValues = [],\n    refYValues = [],\n    highlightAreaSettings = [],\n    showColorScale = true,\n    highlightedDataPoints,\n    showHighlightedDataPointsLabels = false,\n    graphID,\n    maxRadiusValue,\n    maxXValue,\n    minXValue,\n    maxYValue,\n    minYValue,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    language = 'en',\n    showNAColor = true,\n    minHeight = 0,\n    annotations = [],\n    customHighlightAreaSettings = [],\n    theme = 'light',\n    regressionLine = false,\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    noOfXTicks = 5,\n    noOfYTicks = 5,\n    labelColor,\n    styles,\n    classNames,\n    animate = false,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    showVoronoiTesselation = false,\n    useVoronoiInteraction = true,\n    xNumberDisplayOptions,\n    yNumberDisplayOptions,\n  } = props;\n\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [play, setPlay] = useState(timeline.autoplay);\n  const uniqDatesSorted = useMemo(() => {\n    const dates = [\n      ...new Set(\n        data\n          .filter((d) => d.date)\n          .map((d) => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\n      ),\n    ];\n    dates.sort((a, b) => a - b);\n    return dates;\n  }, [data, timeline.dateFormat]);\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\n\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    const interval = setInterval(\n      () => {\n        setIndex((i) => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\n      },\n      (timeline.speed || 2) * 1000,\n    );\n    if (!play) clearInterval(interval);\n    return () => clearInterval(interval);\n  }, [uniqDatesSorted, play, timeline.speed]);\n\n  const markObj = getSliderMarks(\n    uniqDatesSorted,\n    index,\n    timeline.showOnlyActiveDate,\n    timeline.dateFormat || 'yyyy',\n  );\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Graph\n            data={ensureCompleteDataForScatterPlot(data, timeline.dateFormat || 'yyyy').filter(\n              (d) =>\n                timeline.enabled\n                  ? `${d.date}` ===\n                    format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                  : d,\n            )}\n            width={svgWidth}\n            height={svgHeight}\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            colors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? typeof colors === 'string'\n                    ? [colors]\n                    : [colors[0]]\n                  : [Colors.primaryColors['blue-600']]\n                : typeof colors === 'string'\n                  ? [colors]\n                  : colors || Colors[theme].categoricalColors.colors\n            }\n            xAxisTitle={xAxisTitle}\n            yAxisTitle={yAxisTitle}\n            refXValues={refXValues}\n            refYValues={refYValues}\n            showLabels={showLabels}\n            radius={radius}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            highlightAreaSettings={highlightAreaSettings}\n            showVoronoiTesselation={showVoronoiTesselation}\n            highlightedDataPoints={\n              data.filter((el) => el.label).length === 0 ? [] : highlightedDataPoints\n            }\n            showHighlightedDataPointsLabels={showHighlightedDataPointsLabels}\n            selectedColor={selectedColor}\n            maxRadiusValue={\n              checkIfNullOrUndefined(maxRadiusValue)\n                ? Math.max(\n                    ...data.map((d) => d.radius).filter((d) => d !== undefined && d !== null),\n                  )\n                : (maxRadiusValue as number)\n            }\n            maxXValue={\n              checkIfNullOrUndefined(maxXValue)\n                ? Math.max(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null)) > 0\n                  ? Math.max(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null))\n                  : 0\n                : (maxXValue as number)\n            }\n            minXValue={\n              checkIfNullOrUndefined(minXValue)\n                ? Math.min(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null)) > 0\n                  ? 0\n                  : Math.min(...data.map((d) => d.x).filter((d) => d !== undefined && d !== null))\n                : (minXValue as number)\n            }\n            maxYValue={\n              checkIfNullOrUndefined(maxYValue)\n                ? Math.max(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null)) > 0\n                  ? Math.max(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null))\n                  : 0\n                : (maxYValue as number)\n            }\n            minYValue={\n              checkIfNullOrUndefined(minYValue)\n                ? Math.min(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null)) > 0\n                  ? 0\n                  : Math.min(...data.map((d) => d.y).filter((d) => d !== undefined && d !== null))\n                : (minYValue as number)\n            }\n            onSeriesMouseClick={onSeriesMouseClick}\n            rtl={language === 'he' || language === 'ar'}\n            annotations={annotations}\n            customHighlightAreaSettings={customHighlightAreaSettings}\n            regressionLine={regressionLine}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            noOfXTicks={noOfXTicks}\n            noOfYTicks={noOfYTicks}\n            labelColor={labelColor}\n            styles={styles}\n            classNames={classNames}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            dimmedOpacity={dimmedOpacity}\n            customLayers={customLayers}\n            useVoronoiInteraction={useVoronoiInteraction}\n            xNumberDisplayOptions={xNumberDisplayOptions}\n            yNumberDisplayOptions={yNumberDisplayOptions}\n            fallbackColor={fallbackColor}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/ScatterPlot.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./compiler-runtime-oPPev21o.cjs"),ui=require("./parse-xYI9yrvL.cjs"),N=require("react"),$i=require("@undp/design-system-react/SliderUI"),xi=require("./index-DQA8q5sC.cjs"),ki=require("./index-Cno4Q0YE.cjs"),fi=require("./simple-statistics-xm8c0LQQ.cjs"),mi=require("@undp/design-system-react/cn"),Ri=require("./Tooltip-DwUFLDrj.cjs"),k=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),H=require("./Colors.cjs"),di=require("./numberFormattingFunction-u2iNHL_c.cjs"),ci=require("./customArea-BCGIYDQa.cjs"),pi=require("./Axis-DY7jsk1Y.cjs"),hi=require("./AxisTitle-CyFFbdNU.cjs"),wi=require("./XTicksAndGridLines-BO6KJc8d.cjs"),gi=require("./ReferenceLine-CxITVT1K.cjs"),Li=require("./RegressionLine-BpcVBjL0.cjs"),Ei=require("./YTicksAndGridLines-C7glLI5b.cjs"),Ni=require("./index-BaXzoD4r.cjs"),Si=require("./DetailsModal-BmjtLqrZ.cjs"),Vi=require("./pow-BnyPO-NX.cjs"),yi=require("./linear-CgUCbw9F.cjs"),Di=require("./delaunay-rcy0HhZi.cjs"),Ft=require("./proxy-QMeVVqam.cjs"),qi=require("./use-in-view-DjR_gqJP.cjs"),vi=require("./index-5BQWR1Z8.cjs"),Mi=require("./GraphFooter.cjs"),Ii=require("./GraphHeader.cjs"),Ti=require("./ColorLegendWithMouseOver.cjs"),Pi=require("./EmptyState-BoaUUuo6.cjs"),Xi=require("./getSliderMarks-Bj_JJTtX.cjs"),bi=require("./index-DbSnila_.cjs"),Yi=require("./ensureCompleteData-D9bQTiVS.cjs"),Oi=require("./uniqBy-O05lp2S5.cjs"),Ai=require("./GraphContainer-gaG9TSy4.cjs");function Fi(i){const e=s.compilerRuntimeExports.c(229),{data:o,width:re,height:j,showLabels:He,colors:r,colorDomain:a,radius:P,xAxisTitle:O,yAxisTitle:G,leftMargin:X,rightMargin:gt,topMargin:ot,bottomMargin:Mt,tooltip:nt,onSeriesMouseOver:Ve,refXValues:st,refYValues:yt,highlightAreaSettings:vt,selectedColor:De,highlightedDataPoints:W,maxRadiusValue:bt,maxXValue:lt,minXValue:L,maxYValue:rt,minYValue:R,onSeriesMouseClick:S,rtl:ae,annotations:Ot,customHighlightAreaSettings:qe,regressionLine:Ge,resetSelectionOnDoubleClick:We,detailsOnClick:V,noOfXTicks:Ze,noOfYTicks:Be,labelColor:Z,styles:n,classNames:l,animate:u,dimmedOpacity:D,showHighlightedDataPointsLabels:At,customLayers:B,showVoronoiTesselation:jt,useVoronoiInteraction:ze,xNumberDisplayOptions:m,yNumberDisplayOptions:p,fallbackColor:q}=i,Ct=N.useRef(null);let at;e[0]!==u.amount||e[1]!==u.once?(at={once:u.once,amount:u.amount},e[0]=u.amount,e[1]=u.once,e[2]=at):at=e[2];const C=qi.useInView(Ct,at),[M,Me]=N.useState(void 0),[Y,g]=N.useState(void 0),[d,Ie]=N.useState(void 0),[ct,z]=N.useState(void 0),Je=O?Mt+50:Mt,$t=G?X+30:X;let ut;e[3]!==gt||e[4]!==Je||e[5]!==$t||e[6]!==ot?(ut={top:ot,bottom:Je,left:$t,right:gt},e[3]=gt,e[4]=Je,e[5]=$t,e[6]=ot,e[7]=ut):ut=e[7];const y=ut;let ce,ue,xe,fe,me,de,F,pe,he,ge,ye,J,ve,K,be,Q,U,Oe;if(e[8]!==u||e[9]!==Ot||e[10]!==l?.graphObjectValues||e[11]!==l?.regLine||e[12]!==l?.xAxis?.axis||e[13]!==l?.xAxis?.gridLines||e[14]!==l?.xAxis?.labels||e[15]!==l?.xAxis?.title||e[16]!==l?.yAxis?.gridLines||e[17]!==l?.yAxis?.labels||e[18]!==l?.yAxis?.title||e[19]!==a||e[20]!==r||e[21]!==qe||e[22]!==B||e[23]!==o||e[24]!==V||e[25]!==D||e[26]!==q||e[27]!==j||e[28]!==vt||e[29]!==W||e[30]!==C||e[31]!==Z||e[32]!==X||e[33]!==y.bottom||e[34]!==y.left||e[35]!==y.right||e[36]!==y.top||e[37]!==bt||e[38]!==lt||e[39]!==rt||e[40]!==L||e[41]!==R||e[42]!==Y||e[43]!==M||e[44]!==Ze||e[45]!==Be||e[46]!==S||e[47]!==Ve||e[48]!==P||e[49]!==st||e[50]!==yt||e[51]!==Ge||e[52]!==We||e[53]!==ae||e[54]!==De||e[55]!==At||e[56]!==He||e[57]!==jt||e[58]!==n?.graphObjectValues||e[59]!==n?.regLine||e[60]!==n?.xAxis?.axis||e[61]!==n?.xAxis?.gridLines||e[62]!==n?.xAxis?.labels||e[63]!==n?.xAxis?.title||e[64]!==n?.yAxis?.gridLines||e[65]!==n?.yAxis?.labels||e[66]!==n?.yAxis?.title||e[67]!==ze||e[68]!==re||e[69]!==O||e[70]!==m?.locale||e[71]!==m?.padZeros||e[72]!==m?.precision||e[73]!==m?.prefix||e[74]!==m?.suffix||e[75]!==G||e[76]!==p?.locale||e[77]!==p?.padZeros||e[78]!==p?.precision||e[79]!==p?.prefix||e[80]!==p?.suffix){const xt=o.map(uo),$=re-y.left-y.right,A=j-y.top-y.bottom,b=o.filter(co).length!==o.length?Vi.sqrt().domain([0,bt]).range([.25,P]).nice():void 0,Ke=xt.filter(ao).length===0?xt.filter(ro):ki.orderBy(xt.filter(lo),"radius","desc"),x=yi.linear().domain([L,lt]).range([0,$]).nice(),h=yi.linear().domain([R,rt]).range([A,0]).nice(),kt=x.ticks(Ze),ft=h.ticks(Be),It=Di.Delaunay.from(Ke,t=>x(t.x),t=>h(t.y)).voronoi([0,0,$<0?0:$,A<0?0:A]),Rt=fi.linearRegression(o.filter(so).map(t=>[x(t.x),h(t.y)])),wt=fi.linearRegressionLine(Rt);ue=Ft.motion.svg,pe=`${re}px`,he=`${j}px`,ge=`0 0 ${re} ${j}`,ye="ltr",J=Ct,xe=`translate(${y.left},${y.top})`;let Pe;e[99]!==u||e[100]!==qe||e[101]!==C||e[102]!==x||e[103]!==h?(Pe=s.jsxRuntimeExports.jsx(ci.CustomArea,{areaSettings:qe,scaleX:x,scaleY:h,animate:u,isInView:C},"custom-area"),e[99]=u,e[100]=qe,e[101]=C,e[102]=x,e[103]=h,e[104]=Pe):Pe=e[104],fe=s.jsxRuntimeExports.jsxs(vi.AnimatePresence,{children:[s.jsxRuntimeExports.jsx(Ni.HighlightAreaForScatterPlot,{areaSettings:vt,width:$,height:A,scaleX:x,scaleY:h,animate:u,isInView:C},"highlight-area"),Pe]});const c=n?.yAxis?.gridLines,mt=n?.yAxis?.labels;let Qe;e[105]!==c||e[106]!==mt?(Qe={gridLines:c,labels:mt},e[105]=c,e[106]=mt,e[107]=Qe):Qe=e[107];const _e=l?.yAxis?.gridLines,Tt=l?.yAxis?.labels;let Xe;e[108]!==_e||e[109]!==Tt?(Xe={gridLines:_e,labels:Tt},e[108]=_e,e[109]=Tt,e[110]=Xe):Xe=e[110];const Pt=h(R<0?0:R),I=h(R<0?0:R),Xt=$+y.right,Ye=R<0?0:R,f=p?.precision??2,T=p?.prefix||"",dt=p?.suffix||"",pt=p?.locale||"en",Yt=p?.padZeros||!1;let $e;e[111]!==Ye||e[112]!==f||e[113]!==T||e[114]!==dt||e[115]!==pt||e[116]!==Yt?($e=di.numberFormattingFunction(Ye,void 0,f,T,dt,pt,Yt),e[111]=Ye,e[112]=f,e[113]=T,e[114]=dt,e[115]=pt,e[116]=Yt,e[117]=$e):$e=e[117];const Lt=h(R<0?0:R);let te;e[118]!==Lt?(te={x:0,y:Lt,dy:"0.33em",dx:-4},e[118]=Lt,e[119]=te):te=e[119];const et=l?.xAxis?.axis,tt=l?.yAxis?.labels;let ie;e[120]!==et||e[121]!==tt?(ie={axis:et,label:tt},e[120]=et,e[121]=tt,e[122]=ie):ie=e[122];const ht=n?.xAxis?.axis;let oe;e[123]!==n?.yAxis?.labels?(oe=n?.yAxis?.labels||{},e[123]=n?.yAxis?.labels,e[124]=oe):oe=e[124];let ne;e[125]!==oe?(ne={textAnchor:"end",...oe},e[125]=oe,e[126]=ne):ne=e[126];let ke;e[127]!==ht||e[128]!==ne?(ke={axis:ht,label:ne},e[127]=ht,e[128]=ne,e[129]=ke):ke=e[129];let it;e[130]!==Pt||e[131]!==I||e[132]!==Xt||e[133]!==$e||e[134]!==te||e[135]!==ie||e[136]!==ke?(it=s.jsxRuntimeExports.jsx(pi.Axis,{y1:Pt,y2:I,x1:0,x2:Xt,label:$e,labelPos:te,classNames:ie,styles:ke}),e[130]=Pt,e[131]=I,e[132]=Xt,e[133]=$e,e[134]=te,e[135]=ie,e[136]=ke,e[137]=it):it=e[137];const Re=0-X-15,we=A/2,Le=n?.yAxis?.title,Ee=l?.yAxis?.title;let se;e[138]!==Re||e[139]!==we||e[140]!==Le||e[141]!==Ee||e[142]!==G?(se=s.jsxRuntimeExports.jsx(hi.AxisTitle,{x:Re,y:we,style:Le,className:Ee,text:G,rotate90:!0}),e[138]=Re,e[139]=we,e[140]=Le,e[141]=Ee,e[142]=G,e[143]=se):se=e[143],me=s.jsxRuntimeExports.jsxs("g",{children:[s.jsxRuntimeExports.jsx(Ei.YTicksAndGridLines,{values:ft.filter(no),y:ft.filter(oo).map(t=>h(t)),x1:0,x2:$+y.right,styles:Qe,classNames:Xe,labelType:"secondary",showGridLines:!0,labelPos:"side",suffix:p?.suffix||"",prefix:p?.prefix||"",precision:p?.precision??2,locale:p?.locale||"en",padZeros:p?.padZeros||!1}),it,se]});const Ne=n?.xAxis?.gridLines,Se=n?.xAxis?.labels;let Fe;e[144]!==Ne||e[145]!==Se?(Fe={gridLines:Ne,labels:Se},e[144]=Ne,e[145]=Se,e[146]=Fe):Fe=e[146];const v=l?.xAxis?.gridLines,le=l?.xAxis?.labels;let Ut;e[147]!==v||e[148]!==le?(Ut={gridLines:v,labels:le},e[147]=v,e[148]=le,e[149]=Ut):Ut=e[149];const Wt=x(L<0?0:L),Zt=x(L<0?0:L),Bt=L<0?0:L,zt=m?.precision??2,Jt=m?.prefix||"",Kt=m?.suffix||"",Qt=m?.locale||"en",_t=m?.padZeros||!1;let Et;e[150]!==Bt||e[151]!==zt||e[152]!==Jt||e[153]!==Kt||e[154]!==Qt||e[155]!==_t?(Et=di.numberFormattingFunction(Bt,void 0,zt,Jt,Kt,Qt,_t),e[150]=Bt,e[151]=zt,e[152]=Jt,e[153]=Kt,e[154]=Qt,e[155]=_t,e[156]=Et):Et=e[156];const ei=x(L<0?0:L);let Nt;e[157]!==A||e[158]!==ei?(Nt={x:ei,y:A,dy:"1em",dx:0},e[157]=A,e[158]=ei,e[159]=Nt):Nt=e[159];const ti=l?.xAxis?.axis,ii=l?.yAxis?.labels;let St;e[160]!==ti||e[161]!==ii?(St={axis:ti,label:ii},e[160]=ti,e[161]=ii,e[162]=St):St=e[162];const oi=n?.xAxis?.axis;let Vt;e[163]!==n?.yAxis?.labels?(Vt=n?.yAxis?.labels||{},e[163]=n?.yAxis?.labels,e[164]=Vt):Vt=e[164];let Dt;e[165]!==Vt?(Dt={textAnchor:"middle",...Vt},e[165]=Vt,e[166]=Dt):Dt=e[166];let qt;e[167]!==oi||e[168]!==Dt?(qt={axis:oi,label:Dt},e[167]=oi,e[168]=Dt,e[169]=qt):qt=e[169];let Ht;e[170]!==A||e[171]!==Wt||e[172]!==Zt||e[173]!==Et||e[174]!==Nt||e[175]!==St||e[176]!==qt?(Ht=s.jsxRuntimeExports.jsx(pi.Axis,{x1:Wt,x2:Zt,y1:0,y2:A,label:Et,labelPos:Nt,classNames:St,styles:qt}),e[170]=A,e[171]=Wt,e[172]=Zt,e[173]=Et,e[174]=Nt,e[175]=St,e[176]=qt,e[177]=Ht):Ht=e[177];const ni=$/2,si=A+30,li=n?.xAxis?.title,ri=l?.xAxis?.title;let Gt;e[178]!==ni||e[179]!==si||e[180]!==li||e[181]!==ri||e[182]!==O?(Gt=s.jsxRuntimeExports.jsx(hi.AxisTitle,{x:ni,y:si,style:li,className:ri,text:O}),e[178]=ni,e[179]=si,e[180]=li,e[181]=ri,e[182]=O,e[183]=Gt):Gt=e[183],de=s.jsxRuntimeExports.jsxs("g",{children:[s.jsxRuntimeExports.jsx(wi.XTicksAndGridLines,{values:kt.filter(io),x:kt.filter(to).map(t=>x(t)),y1:0,y2:A,styles:Fe,classNames:Ut,labelType:"primary",showGridLines:!0,suffix:m?.suffix||"",prefix:m?.prefix||"",precision:m?.precision??2,locale:m?.locale||"en",padZeros:m?.padZeros||!1}),Ht,Gt]}),e[184]!==B?(F=B.filter(eo).map(_i),e[184]=B,e[185]=F):F=e[185],ce=vi.AnimatePresence,ve=ze&&Ke.map((t,Ue)=>s.jsxRuntimeExports.jsx("path",{d:It.renderCell(Ke.findIndex(w=>w.id===t.id)),opacity:jt?1:0,className:"stroke-primary-gray-700 dark:stroke-primary-gray-300",style:{fillOpacity:0,strokeWidth:1},onMouseEnter:w=>{Me(t),z(w.clientY),Ie(w.clientX),Ve?.(t)},onMouseMove:w=>{Me(t),z(w.clientY),Ie(w.clientX)},onMouseLeave:()=>{Me(void 0),Ie(void 0),z(void 0),Ve?.(void 0)},onClick:()=>{(S||V)&&(xi.isEqual(Y,t)&&We?(g(void 0),S?.(void 0)):(g(t),S?.(t)))}},`tesselation_${t.label||Ue}`)),K=Ke.map((t,Ue)=>s.jsxRuntimeExports.jsxs(Ft.motion.g,{variants:{initial:{x:x(t.x),y:h(t.y),opacity:De?t.color&&r[a.indexOf(`${t.color}`)]===De?1:D:M?M.id===t.id?1:D:W?W.indexOf(t.label||"")!==-1?1:D:1},whileInView:{x:x(t.x),y:h(t.y),opacity:De?t.color&&r[a.indexOf(`${t.color}`)]===De?1:D:M?M.id===t.id?1:D:W?W.indexOf(t.label||"")!==-1?1:D:1,transition:{duration:u.duration}}},initial:"initial",animate:C?"whileInView":"initial",exit:{opacity:0,transition:{duration:u.duration}},onMouseEnter:w=>{Me(t),z(w.clientY),Ie(w.clientX),Ve?.(t)},onMouseMove:w=>{Me(t),z(w.clientY),Ie(w.clientX)},onMouseLeave:()=>{Me(void 0),Ie(void 0),z(void 0),Ve?.(void 0)},onClick:()=>{(S||V)&&(xi.isEqual(Y,t)&&We?(g(void 0),S?.(void 0)):(g(t),S?.(t)))},children:[s.jsxRuntimeExports.jsx(Ft.motion.circle,{cx:0,cy:0,exit:{r:0,transition:{duration:u.duration}},variants:{initial:{r:0,fill:o.filter(Qi).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray,stroke:o.filter(Ki).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray},whileInView:{r:b?b(t.radius||0):P,fill:o.filter(Ji).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray,stroke:o.filter(zi).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray,transition:{duration:u.duration}}},initial:"initial",animate:C?"whileInView":"initial",style:{fillOpacity:.6}}),He&&!k.checkIfNullOrUndefined(t.label)?s.jsxRuntimeExports.jsx(Ft.motion.text,{style:{...n?.graphObjectValues||{}},className:mi.cn("graph-value text-sm",l?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x:b?b(t.radius||0):P,opacity:0,fill:Z||(o.filter(Bi).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray)},whileInView:{x:b?b(t.radius||0):P,opacity:1,fill:Z||(o.filter(Zi).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray),transition:{duration:u.duration}}},initial:"initial",animate:C?"whileInView":"initial",dy:"0.33em",dx:3,children:t.label}):W&&!k.checkIfNullOrUndefined(t.label)&&At&&W.indexOf(t.label)!==-1?s.jsxRuntimeExports.jsx(Ft.motion.text,{style:{...n?.graphObjectValues||{}},className:mi.cn("graph-value text-sm",l?.graphObjectValues),y:0,exit:{opacity:0,transition:{duration:u.duration}},variants:{initial:{x:b?b(t.radius||0):P,opacity:0,fill:Z||(o.filter(Wi).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray)},whileInView:{x:b?b(t.radius||0):P,opacity:1,fill:Z||(o.filter(Gi).length===0?r[0]:t.color?a.indexOf(`${t.color}`)===-1||a.indexOf(`${t.color}`)>r.length-1?q:r[a.indexOf(`${t.color}`)]:H.Colors.gray),transition:{duration:u.duration}}},initial:"initial",animate:C?"whileInView":"initial",dy:"0.33em",dx:3,children:t.label}):null]},`${t.label||Ue}`)),be=st.map((t,Ue)=>s.jsxRuntimeExports.jsx(gi.RefLineX,{text:t.text,color:t.color,x:x(t.value),y1:0,y2:A,textSide:x(t.value)>$*.75||ae?"left":"right",classNames:t.classNames,styles:t.styles,animate:u,isInView:C},Ue)),Q=yt.map((t,Ue)=>s.jsxRuntimeExports.jsx(gi.RefLineY,{text:t.text,color:t.color,y:h(t.value),x1:0,x2:$,classNames:t.classNames,styles:t.styles,animate:u,isInView:C},Ue));const ai=Ot.map((t,Ue)=>{const w=ci.getLineEndPoint({x:t.xCoordinate?x(t.xCoordinate)+(t.xOffset||0):0+(t.xOffset||0),y:t.yCoordinate?h(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8},{x:t.xCoordinate?x(t.xCoordinate):0,y:t.yCoordinate?h(t.yCoordinate):0},k.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius),ji=t.showConnector?{y1:w.y,x1:w.x,y2:t.yCoordinate?h(t.yCoordinate)+(t.yOffset||0):0+(t.yOffset||0),x2:t.xCoordinate?x(t.xCoordinate)+(t.xOffset||0):0+(t.xOffset||0),cy:t.yCoordinate?h(t.yCoordinate):0,cx:t.xCoordinate?x(t.xCoordinate):0,circleRadius:k.checkIfNullOrUndefined(t.connectorRadius)?3.5:t.connectorRadius,strokeWidth:t.showConnector===!0?2:Math.min(t.showConnector||0,1)}:void 0,Ci={y:t.yCoordinate?h(t.yCoordinate)+(t.yOffset||0)-8:0+(t.yOffset||0)-8,x:ae?0:t.xCoordinate?x(t.xCoordinate)+(t.xOffset||0):0+(t.xOffset||0),width:ae?t.xCoordinate?x(t.xCoordinate)+(t.xOffset||0):0+(t.xOffset||0):$+y.right-(t.xCoordinate?x(t.xCoordinate)+(t.xOffset||0):0+(t.xOffset||0)),maxWidth:t.maxWidth,fontWeight:t.fontWeight,align:t.align};return s.jsxRuntimeExports.jsx(ci.Annotation,{color:t.color,connectorsSettings:ji,labelSettings:Ci,text:t.text,classNames:t.classNames,styles:t.styles,animate:u,isInView:C},Ue)});e[186]!==ai?(U=s.jsxRuntimeExports.jsx("g",{children:ai}),e[186]=ai,e[187]=U):U=e[187],Oe=Ge?s.jsxRuntimeExports.jsx(Li.RegressionLine,{x1:0,x2:$,y1:wt(0),y2:wt($),graphHeight:A,graphWidth:$,className:l?.regLine,style:n?.regLine,color:typeof Ge=="string"?Ge:void 0,animate:u,isInView:C}):null,e[8]=u,e[9]=Ot,e[10]=l?.graphObjectValues,e[11]=l?.regLine,e[12]=l?.xAxis?.axis,e[13]=l?.xAxis?.gridLines,e[14]=l?.xAxis?.labels,e[15]=l?.xAxis?.title,e[16]=l?.yAxis?.gridLines,e[17]=l?.yAxis?.labels,e[18]=l?.yAxis?.title,e[19]=a,e[20]=r,e[21]=qe,e[22]=B,e[23]=o,e[24]=V,e[25]=D,e[26]=q,e[27]=j,e[28]=vt,e[29]=W,e[30]=C,e[31]=Z,e[32]=X,e[33]=y.bottom,e[34]=y.left,e[35]=y.right,e[36]=y.top,e[37]=bt,e[38]=lt,e[39]=rt,e[40]=L,e[41]=R,e[42]=Y,e[43]=M,e[44]=Ze,e[45]=Be,e[46]=S,e[47]=Ve,e[48]=P,e[49]=st,e[50]=yt,e[51]=Ge,e[52]=We,e[53]=ae,e[54]=De,e[55]=At,e[56]=He,e[57]=jt,e[58]=n?.graphObjectValues,e[59]=n?.regLine,e[60]=n?.xAxis?.axis,e[61]=n?.xAxis?.gridLines,e[62]=n?.xAxis?.labels,e[63]=n?.xAxis?.title,e[64]=n?.yAxis?.gridLines,e[65]=n?.yAxis?.labels,e[66]=n?.yAxis?.title,e[67]=ze,e[68]=re,e[69]=O,e[70]=m?.locale,e[71]=m?.padZeros,e[72]=m?.precision,e[73]=m?.prefix,e[74]=m?.suffix,e[75]=G,e[76]=p?.locale,e[77]=p?.padZeros,e[78]=p?.precision,e[79]=p?.prefix,e[80]=p?.suffix,e[81]=ce,e[82]=ue,e[83]=xe,e[84]=fe,e[85]=me,e[86]=de,e[87]=F,e[88]=pe,e[89]=he,e[90]=ge,e[91]=ye,e[92]=J,e[93]=ve,e[94]=K,e[95]=be,e[96]=Q,e[97]=U,e[98]=Oe}else ce=e[81],ue=e[82],xe=e[83],fe=e[84],me=e[85],de=e[86],F=e[87],pe=e[88],he=e[89],ge=e[90],ye=e[91],J=e[92],ve=e[93],K=e[94],be=e[95],Q=e[96],U=e[97],Oe=e[98];let Ae;e[188]!==ce||e[189]!==ve||e[190]!==K||e[191]!==be||e[192]!==Q||e[193]!==U||e[194]!==Oe?(Ae=s.jsxRuntimeExports.jsxs(ce,{children:[ve,K,be,Q,U,Oe]}),e[188]=ce,e[189]=ve,e[190]=K,e[191]=be,e[192]=Q,e[193]=U,e[194]=Oe,e[195]=Ae):Ae=e[195];let _;e[196]!==B?(_=B.filter(Hi).map(Ui),e[196]=B,e[197]=_):_=e[197];let ee;e[198]!==xe||e[199]!==fe||e[200]!==me||e[201]!==de||e[202]!==F||e[203]!==Ae||e[204]!==_?(ee=s.jsxRuntimeExports.jsxs("g",{transform:xe,children:[fe,me,de,F,Ae,_]}),e[198]=xe,e[199]=fe,e[200]=me,e[201]=de,e[202]=F,e[203]=Ae,e[204]=_,e[205]=ee):ee=e[205];let E;e[206]!==ue||e[207]!==pe||e[208]!==he||e[209]!==ge||e[210]!==ye||e[211]!==J||e[212]!==ee?(E=s.jsxRuntimeExports.jsx(ue,{width:pe,height:he,viewBox:ge,direction:ye,ref:J,children:ee}),e[206]=ue,e[207]=pe,e[208]=he,e[209]=ge,e[210]=ye,e[211]=J,e[212]=ee,e[213]=E):E=e[213];let je;e[214]!==l?.tooltip||e[215]!==d||e[216]!==ct||e[217]!==M||e[218]!==n?.tooltip||e[219]!==nt?(je=M&&nt&&d&&ct?s.jsxRuntimeExports.jsx(Ri.Tooltip,{data:M,body:nt,xPos:d,yPos:ct,backgroundStyle:n?.tooltip,className:l?.tooltip}):null,e[214]=l?.tooltip,e[215]=d,e[216]=ct,e[217]=M,e[218]=n?.tooltip,e[219]=nt,e[220]=je):je=e[220];let Ce;e[221]!==l?.modal||e[222]!==V||e[223]!==Y?(Ce=V&&Y!==void 0?s.jsxRuntimeExports.jsx(Si.DetailsModal,{body:V,data:Y,setData:g,className:l?.modal}):null,e[221]=l?.modal,e[222]=V,e[223]=Y,e[224]=Ce):Ce=e[224];let Te;return e[225]!==E||e[226]!==je||e[227]!==Ce?(Te=s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[E,je,Ce]}),e[225]=E,e[226]=je,e[227]=Ce,e[228]=Te):Te=e[228],Te}function Ui(i){return i.layer}function Hi(i){return i.position==="after"}function Gi(i){return i.color}function Wi(i){return i.color}function Zi(i){return i.color}function Bi(i){return i.color}function zi(i){return i.color}function Ji(i){return i.color}function Ki(i){return i.color}function Qi(i){return i.color}function _i(i){return i.layer}function eo(i){return i.position==="before"}function to(i){return i!==0}function io(i){return i!==0}function oo(i){return i!==0}function no(i){return i!==0}function so(i){return!k.checkIfNullOrUndefined(i.x)&&!k.checkIfNullOrUndefined(i.y)}function lo(i){return!k.checkIfNullOrUndefined(i.radius)&&!k.checkIfNullOrUndefined(i.x)&&!k.checkIfNullOrUndefined(i.y)}function ro(i){return!k.checkIfNullOrUndefined(i.x)&&!k.checkIfNullOrUndefined(i.y)}function ao(i){return!k.checkIfNullOrUndefined(i.radius)}function co(i){return i.radius===void 0||i.radius===null}function uo(i,e){return{...i,id:`${e}`}}function xo(i){const e=s.compilerRuntimeExports.c(141),{data:o,graphTitle:re,colors:j,sources:He,graphDescription:r,showLabels:a,height:P,width:O,footNote:G,colorDomain:X,fallbackColor:gt,colorLegendTitle:ot,radius:Mt,xAxisTitle:nt,yAxisTitle:Ve,padding:st,backgroundColor:yt,leftMargin:vt,rightMargin:De,topMargin:W,bottomMargin:bt,tooltip:lt,relativeHeight:L,onSeriesMouseOver:rt,refXValues:R,refYValues:S,highlightAreaSettings:ae,showColorScale:Ot,highlightedDataPoints:qe,showHighlightedDataPointsLabels:Ge,graphID:We,maxRadiusValue:V,maxXValue:Ze,minXValue:Be,maxYValue:Z,minYValue:n,onSeriesMouseClick:l,graphDownload:u,dataDownload:D,language:At,showNAColor:B,minHeight:jt,annotations:ze,customHighlightAreaSettings:m,theme:p,regressionLine:q,ariaLabel:Ct,resetSelectionOnDoubleClick:at,detailsOnClick:C,noOfXTicks:M,noOfYTicks:Me,labelColor:Y,styles:g,classNames:d,animate:Ie,dimmedOpacity:ct,customLayers:z,timeline:Je,showVoronoiTesselation:$t,useVoronoiInteraction:ut,xNumberDisplayOptions:y,yNumberDisplayOptions:ce}=i,ue=a===void 0?!1:a,xe=gt===void 0?H.Colors.gray:gt,fe=Mt===void 0?5:Mt,me=nt===void 0?"X Axis":nt,de=Ve===void 0?"Y Axis":Ve,F=yt===void 0?!1:yt,pe=vt===void 0?0:vt,he=De===void 0?10:De,ge=W===void 0?20:W,ye=bt===void 0?50:bt;let J;e[0]!==R?(J=R===void 0?[]:R,e[0]=R,e[1]=J):J=e[1];const ve=J;let K;e[2]!==S?(K=S===void 0?[]:S,e[2]=S,e[3]=K):K=e[3];const be=K;let Q;e[4]!==ae?(Q=ae===void 0?[]:ae,e[4]=ae,e[5]=Q):Q=e[5];const U=Q,Oe=Ot===void 0?!0:Ot,Ae=Ge===void 0?!1:Ge,_=u===void 0?!1:u,ee=D===void 0?!1:D,E=At===void 0?"en":At,je=B===void 0?!0:B,Ce=jt===void 0?0:jt;let Te;e[6]!==ze?(Te=ze===void 0?[]:ze,e[6]=ze,e[7]=Te):Te=e[7];const xt=Te;let $;e[8]!==m?($=m===void 0?[]:m,e[8]=m,e[9]=$):$=e[9];const A=$,b=p===void 0?"light":p,Ke=q===void 0?!1:q,x=at===void 0?!0:at,h=M===void 0?5:M,kt=Me===void 0?5:Me,ft=Ie===void 0?!1:Ie,It=ct===void 0?.3:ct;let Rt;e[10]!==z?(Rt=z===void 0?[]:z,e[10]=z,e[11]=Rt):Rt=e[11];const wt=Rt;let Pe;e[12]!==Je?(Pe=Je===void 0?{enabled:!1,autoplay:!1,showOnlyActiveDate:!0}:Je,e[12]=Je,e[13]=Pe):Pe=e[13];const c=Pe,mt=$t===void 0?!1:$t,Qe=ut===void 0?!0:ut,[_e,Tt]=N.useState(0),[Xe,Pt]=N.useState(0),[I,Xt]=N.useState(c.autoplay);let Ye;if(e[14]!==o||e[15]!==c.dateFormat){let v;e[17]!==c.dateFormat?(v=le=>ui.parse(`${le.date}`,c.dateFormat||"yyyy",new Date).getTime(),e[17]=c.dateFormat,e[18]=v):v=e[18],Ye=[...new Set(o.filter(Yo).map(v))],Ye.sort(Xo),e[14]=o,e[15]=c.dateFormat,e[16]=Ye}else Ye=e[16];const f=Ye,[T,dt]=N.useState(c.autoplay?0:f.length-1),[pt,Yt]=N.useState(void 0),$e=N.useRef(null),Lt=N.useRef(null);let te,et;e[19]===Symbol.for("react.memo_cache_sentinel")?(te=()=>{const v=new ResizeObserver(le=>{Tt(le[0].target.clientWidth||620),Pt(le[0].target.clientHeight||480)});return $e.current&&v.observe($e.current),()=>v.disconnect()},et=[],e[19]=te,e[20]=et):(te=e[19],et=e[20]),N.useEffect(te,et);let tt,ie;e[21]!==I||e[22]!==c.speed||e[23]!==f?(tt=()=>{const v=setInterval(()=>{dt(le=>le<f.length-1?le+1:0)},(c.speed||2)*1e3);return I||clearInterval(v),()=>clearInterval(v)},ie=[f,I,c.speed],e[21]=I,e[22]=c.speed,e[23]=f,e[24]=tt,e[25]=ie):(tt=e[24],ie=e[25]),N.useEffect(tt,ie);const ht=c.dateFormat||"yyyy";let oe;e[26]!==T||e[27]!==ht||e[28]!==c.showOnlyActiveDate||e[29]!==f?(oe=Xi.getSliderMarks(f,T,c.showOnlyActiveDate,ht),e[26]=T,e[27]=ht,e[28]=c.showOnlyActiveDate,e[29]=f,e[30]=oe):oe=e[30];const ne=oe,ke=d?.graphContainer,it=g?.graphContainer;let Re;e[31]!==d?.description||e[32]!==d?.title||e[33]!==o||e[34]!==ee||e[35]!==r||e[36]!==_||e[37]!==re||e[38]!==g?.description||e[39]!==g?.title||e[40]!==O?(Re=re||r||_||ee?s.jsxRuntimeExports.jsx(Ii.GraphHeader,{styles:{title:g?.title,description:g?.description},classNames:{title:d?.title,description:d?.description},graphTitle:re,graphDescription:r,width:O,graphDownload:_?Lt:void 0,dataDownload:ee?o.map(Po).filter(To).length>0?o.map(Io).filter(Mo):o.filter(qo):null}):null,e[31]=d?.description,e[32]=d?.title,e[33]=o,e[34]=ee,e[35]=r,e[36]=_,e[37]=re,e[38]=g?.description,e[39]=g?.title,e[40]=O,e[41]=Re):Re=e[41];let we;e[42]!==T||e[43]!==ne||e[44]!==I||e[45]!==c.enabled||e[46]!==f?(we=c.enabled&&f.length>0&&ne?s.jsxRuntimeExports.jsxs("div",{className:"flex gap-6 items-center",dir:"ltr",children:[s.jsxRuntimeExports.jsx("button",{type:"button",onClick:()=>{Xt(!I)},className:"p-0 border-0 cursor-pointer bg-transparent","aria-label":I?"Click to pause animation":"Click to play animation",children:I?s.jsxRuntimeExports.jsx(bi.Pause,{}):s.jsxRuntimeExports.jsx(bi.Play,{})}),s.jsxRuntimeExports.jsx($i.SliderUI,{min:f[0],max:f[f.length-1],marks:ne,step:null,defaultValue:f[f.length-1],value:f[T],onChangeComplete:v=>{dt(f.indexOf(v))},onChange:v=>{dt(f.indexOf(v))},"aria-label":"Time slider. Use arrow keys to adjust selected time period."})]}):null,e[42]=T,e[43]=ne,e[44]=I,e[45]=c.enabled,e[46]=f,e[47]=we):we=e[47];let Le;e[48]!==d?.colorLegend||e[49]!==X||e[50]!==ot||e[51]!==j||e[52]!==o||e[53]!==Oe||e[54]!==je||e[55]!==b||e[56]!==O?(Le=Oe&&o.filter(Do).length!==0&&o.length>0?s.jsxRuntimeExports.jsx(Ti.ColorLegendWithMouseOver,{width:O,colorLegendTitle:ot,colors:j||H.Colors[b].categoricalColors.colors,colorDomain:X||Oi.uniqBy(o,"color",!0),setSelectedColor:Yt,showNAColor:je,className:d?.colorLegend}):null,e[48]=d?.colorLegend,e[49]=X,e[50]=ot,e[51]=j,e[52]=o,e[53]=Oe,e[54]=je,e[55]=b,e[56]=O,e[57]=Le):Le=e[57];let Ee;e[58]!==o.length?(Ee=o.length===0&&s.jsxRuntimeExports.jsx(Pi.EmptyState,{}),e[58]=o.length,e[59]=Ee):Ee=e[59];let se;e[60]!==ft||e[61]!==xt||e[62]!==ye||e[63]!==d||e[64]!==X||e[65]!==j||e[66]!==A||e[67]!==wt||e[68]!==o||e[69]!==C||e[70]!==It||e[71]!==xe||e[72]!==U||e[73]!==qe||e[74]!==T||e[75]!==Y||e[76]!==E||e[77]!==pe||e[78]!==V||e[79]!==Ze||e[80]!==Z||e[81]!==Be||e[82]!==n||e[83]!==h||e[84]!==kt||e[85]!==l||e[86]!==rt||e[87]!==fe||e[88]!==ve||e[89]!==be||e[90]!==Ke||e[91]!==x||e[92]!==he||e[93]!==pt||e[94]!==Ae||e[95]!==ue||e[96]!==mt||e[97]!==g||e[98]!==Xe||e[99]!==_e||e[100]!==b||e[101]!==c.dateFormat||e[102]!==c.enabled||e[103]!==lt||e[104]!==ge||e[105]!==f||e[106]!==Qe||e[107]!==me||e[108]!==y||e[109]!==de||e[110]!==ce?(se=_e&&Xe&&o.length>0?s.jsxRuntimeExports.jsx(Fi,{data:Yi.ensureCompleteDataForScatterPlot(o,c.dateFormat||"yyyy").filter(v=>c.enabled?`${v.date}`===ui.format(new Date(f[T]),c.dateFormat||"yyyy"):v),width:_e,height:Xe,colorDomain:o.filter(Vo).length===0?[]:X||Oi.uniqBy(o,"color",!0),colors:o.filter(So).length===0?j?typeof j=="string"?[j]:[j[0]]:[H.Colors.primaryColors["blue-600"]]:typeof j=="string"?[j]:j||H.Colors[b].categoricalColors.colors,xAxisTitle:me,yAxisTitle:de,refXValues:ve,refYValues:be,showLabels:ue,radius:fe,leftMargin:pe,rightMargin:he,topMargin:ge,bottomMargin:ye,tooltip:lt,onSeriesMouseOver:rt,highlightAreaSettings:U,showVoronoiTesselation:mt,highlightedDataPoints:o.filter(No).length===0?[]:qe,showHighlightedDataPointsLabels:Ae,selectedColor:pt,maxRadiusValue:k.checkIfNullOrUndefined(V)?Math.max(...o.map(Eo).filter(Lo)):V,maxXValue:k.checkIfNullOrUndefined(Ze)?Math.max(...o.map(wo).filter(Ro))>0?Math.max(...o.map(ko).filter($o)):0:Ze,minXValue:k.checkIfNullOrUndefined(Be)?Math.min(...o.map(Co).filter(jo))>0?0:Math.min(...o.map(Ao).filter(Oo)):Be,maxYValue:k.checkIfNullOrUndefined(Z)?Math.max(...o.map(bo).filter(vo))>0?Math.max(...o.map(yo).filter(go)):0:Z,minYValue:k.checkIfNullOrUndefined(n)?Math.min(...o.map(ho).filter(po))>0?0:Math.min(...o.map(mo).filter(fo)):n,onSeriesMouseClick:l,rtl:E==="he"||E==="ar",annotations:xt,customHighlightAreaSettings:A,regressionLine:Ke,resetSelectionOnDoubleClick:x,detailsOnClick:C,noOfXTicks:h,noOfYTicks:kt,labelColor:Y,styles:g,classNames:d,animate:ft===!0?{duration:.5,once:!0,amount:.5}:ft||{duration:0,once:!0,amount:0},dimmedOpacity:It,customLayers:wt,useVoronoiInteraction:Qe,xNumberDisplayOptions:y,yNumberDisplayOptions:ce,fallbackColor:xe}):null,e[60]=ft,e[61]=xt,e[62]=ye,e[63]=d,e[64]=X,e[65]=j,e[66]=A,e[67]=wt,e[68]=o,e[69]=C,e[70]=It,e[71]=xe,e[72]=U,e[73]=qe,e[74]=T,e[75]=Y,e[76]=E,e[77]=pe,e[78]=V,e[79]=Ze,e[80]=Z,e[81]=Be,e[82]=n,e[83]=h,e[84]=kt,e[85]=l,e[86]=rt,e[87]=fe,e[88]=ve,e[89]=be,e[90]=Ke,e[91]=x,e[92]=he,e[93]=pt,e[94]=Ae,e[95]=ue,e[96]=mt,e[97]=g,e[98]=Xe,e[99]=_e,e[100]=b,e[101]=c.dateFormat,e[102]=c.enabled,e[103]=lt,e[104]=ge,e[105]=f,e[106]=Qe,e[107]=me,e[108]=y,e[109]=de,e[110]=ce,e[111]=se):se=e[111];let Ne;e[112]!==Ee||e[113]!==se?(Ne=s.jsxRuntimeExports.jsxs(Ai.GraphArea,{ref:$e,children:[Ee,se]}),e[112]=Ee,e[113]=se,e[114]=Ne):Ne=e[114];let Se;e[115]!==d?.footnote||e[116]!==d?.source||e[117]!==G||e[118]!==He||e[119]!==g?.footnote||e[120]!==g?.source||e[121]!==O?(Se=He||G?s.jsxRuntimeExports.jsx(Mi.GraphFooter,{styles:{footnote:g?.footnote,source:g?.source},classNames:{footnote:d?.footnote,source:d?.source},sources:He,footNote:G,width:O}):null,e[115]=d?.footnote,e[116]=d?.source,e[117]=G,e[118]=He,e[119]=g?.footnote,e[120]=g?.source,e[121]=O,e[122]=Se):Se=e[122];let Fe;return e[123]!==Ct||e[124]!==F||e[125]!==We||e[126]!==P||e[127]!==E||e[128]!==Ce||e[129]!==st||e[130]!==L||e[131]!==ke||e[132]!==it||e[133]!==Re||e[134]!==we||e[135]!==Le||e[136]!==Ne||e[137]!==Se||e[138]!==b||e[139]!==O?(Fe=s.jsxRuntimeExports.jsxs(Ai.GraphContainer,{className:ke,style:it,id:We,ref:Lt,"aria-label":Ct,backgroundColor:F,theme:b,language:E,minHeight:Ce,width:O,height:P,relativeHeight:L,padding:st,children:[Re,we,Le,Ne,Se]}),e[123]=Ct,e[124]=F,e[125]=We,e[126]=P,e[127]=E,e[128]=Ce,e[129]=st,e[130]=L,e[131]=ke,e[132]=it,e[133]=Re,e[134]=we,e[135]=Le,e[136]=Ne,e[137]=Se,e[138]=b,e[139]=O,e[140]=Fe):Fe=e[140],Fe}function fo(i){return i!=null}function mo(i){return i.y}function po(i){return i!=null}function ho(i){return i.y}function go(i){return i!=null}function yo(i){return i.y}function vo(i){return i!=null}function bo(i){return i.y}function Oo(i){return i!=null}function Ao(i){return i.x}function jo(i){return i!=null}function Co(i){return i.x}function $o(i){return i!=null}function ko(i){return i.x}function Ro(i){return i!=null}function wo(i){return i.x}function Lo(i){return i!=null}function Eo(i){return i.radius}function No(i){return i.label}function So(i){return i.color}function Vo(i){return i.color}function Do(i){return i.color}function qo(i){return i!==void 0}function Mo(i){return i!==void 0}function Io(i){return i.data}function To(i){return i!==void 0}function Po(i){return i.data}function Xo(i,e){return i-e}function Yo(i){return i.date}exports.ScatterPlot=xo;
-//# sourceMappingURL=ScatterPlot.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./ScatterPlot-zfJrQptW.cjs`);exports.ScatterPlot=e.t;