@undp/data-viz 1.5.8 → 2.0.0

package/dist/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","sources":["../src/Components/Graphs/ScatterPlot/Graph.tsx","../src/Components/Graphs/ScatterPlot/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport orderBy from 'lodash.orderby';\r\nimport { Delaunay } from 'd3-delaunay';\r\nimport { scaleLinear, scaleSqrt } from 'd3-scale';\r\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  ScatterPlotDataType,\r\n  ReferenceDataType,\r\n  AnnotationSettingsDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomHighlightAreaSettingsForScatterPlotDataType,\r\n  HighlightAreaSettingsForScatterPlotDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\r\nimport { Annotation } from '@/Components/Elements/Annotations';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\r\nimport { HighlightAreaForScatterPlot } from '@/Components/Elements/HighlightArea';\r\n\r\ninterface Props {\r\n  data: ScatterPlotDataType[];\r\n  width: number;\r\n  height: number;\r\n  showLabels: boolean;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  xAxisTitle: string;\r\n  yAxisTitle: string;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refXValues: ReferenceDataType[];\r\n  refYValues: ReferenceDataType[];\r\n  highlightAreaSettings: HighlightAreaSettingsForScatterPlotDataType[];\r\n  selectedColor?: string;\r\n  highlightedDataPoints: (string | number)[];\r\n  maxRadiusValue: number;\r\n  maxXValue: number;\r\n  minXValue: number;\r\n  maxYValue: number;\r\n  minYValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  rtl: boolean;\r\n  annotations: AnnotationSettingsDataType[];\r\n  customHighlightAreaSettings: CustomHighlightAreaSettingsForScatterPlotDataType[];\r\n  regressionLine: boolean | string;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  noOfXTicks: number;\r\n  noOfYTicks: number;\r\n  labelColor?: string;\r\n  xSuffix: string;\r\n  ySuffix: string;\r\n  xPrefix: string;\r\n  yPrefix: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    showLabels,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    xAxisTitle,\r\n    yAxisTitle,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refXValues,\r\n    refYValues,\r\n    highlightAreaSettings,\r\n    selectedColor,\r\n    highlightedDataPoints,\r\n    maxRadiusValue,\r\n    maxXValue,\r\n    minXValue,\r\n    maxYValue,\r\n    minYValue,\r\n    onSeriesMouseClick,\r\n    rtl,\r\n    annotations,\r\n    customHighlightAreaSettings,\r\n    regressionLine,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    noOfXTicks,\r\n    noOfYTicks,\r\n    labelColor,\r\n    xSuffix,\r\n    ySuffix,\r\n    xPrefix,\r\n    yPrefix,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: xAxisTitle ? bottomMargin + 50 : bottomMargin,\r\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const radiusScale =\r\n    data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n      : undefined;\r\n  const dataOrdered =\r\n    dataWithId.filter(d => !checkIfNullOrUndefined(d.radius)).length === 0\r\n      ? dataWithId\r\n      : orderBy(\r\n          dataWithId.filter(d => !checkIfNullOrUndefined(d.radius)),\r\n          'radius',\r\n          'desc',\r\n        );\r\n  const x = scaleLinear().domain([minXValue, maxXValue]).range([0, graphWidth]).nice();\r\n  const y = scaleLinear().domain([minYValue, maxYValue]).range([graphHeight, 0]).nice();\r\n  const xTicks = x.ticks(noOfXTicks);\r\n  const yTicks = y.ticks(noOfYTicks);\r\n  const voronoiDiagram = Delaunay.from(\r\n    dataOrdered.filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y)),\r\n    d => x(d.x as number),\r\n    d => y(d.y as number),\r\n  ).voronoi([0, 0, graphWidth < 0 ? 0 : graphWidth, graphHeight < 0 ? 0 : graphHeight]);\r\n  const regressionLineParam = linearRegression(\r\n    data\r\n      .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n      .map(d => [x(d.x as number), y(d.y as number)]),\r\n  );\r\n  const predict = linearRegressionLine(regressionLineParam);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <AnimatePresence>\r\n            <HighlightAreaForScatterPlot\r\n              key='highlight-area'\r\n              areaSettings={highlightAreaSettings}\r\n              width={graphWidth}\r\n              height={graphHeight}\r\n              scaleX={x}\r\n              scaleY={y}\r\n              animate={animate}\r\n              isInView={isInView}\r\n            />\r\n            <CustomArea\r\n              key='custom-area'\r\n              areaSettings={customHighlightAreaSettings}\r\n              scaleX={x}\r\n              scaleY={y}\r\n              animate={animate}\r\n              isInView={isInView}\r\n            />\r\n          </AnimatePresence>\r\n          <g>\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={ySuffix}\r\n              prefix={yPrefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='side'\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              y1={y(minYValue < 0 ? 0 : minYValue)}\r\n              y2={y(minYValue < 0 ? 0 : minYValue)}\r\n              x1={0}\r\n              x2={graphWidth + margin.right}\r\n              label={numberFormattingFunction(\r\n                minYValue < 0 ? 0 : minYValue,\r\n                'NA',\r\n                precision,\r\n                yPrefix,\r\n                ySuffix,\r\n              )}\r\n              labelPos={{\r\n                x: 0,\r\n                y: y(minYValue < 0 ? 0 : minYValue),\r\n                dy: '0.33em',\r\n                dx: -4,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: { textAnchor: 'end', ...(styles?.yAxis?.labels || {}) },\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={0 - leftMargin - 15}\r\n              y={graphHeight / 2}\r\n              style={styles?.yAxis?.title}\r\n              className={classNames?.yAxis?.title}\r\n              text={yAxisTitle}\r\n              rotate90\r\n            />\r\n          </g>\r\n          <g>\r\n            <XTicksAndGridLines\r\n              values={xTicks.filter(d => d !== 0)}\r\n              x={xTicks.filter(d => d !== 0).map(d => x(d))}\r\n              y1={0}\r\n              y2={graphHeight}\r\n              styles={{\r\n                gridLines: styles?.xAxis?.gridLines,\r\n                labels: styles?.xAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.xAxis?.gridLines,\r\n                labels: classNames?.xAxis?.labels,\r\n              }}\r\n              suffix={xSuffix}\r\n              prefix={xPrefix}\r\n              labelType='primary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              x1={x(minXValue < 0 ? 0 : minXValue)}\r\n              x2={x(minXValue < 0 ? 0 : minXValue)}\r\n              y1={0}\r\n              y2={graphHeight}\r\n              label={numberFormattingFunction(\r\n                minXValue < 0 ? 0 : minXValue,\r\n                'NA',\r\n                precision,\r\n                xPrefix,\r\n                xSuffix,\r\n              )}\r\n              labelPos={{\r\n                x: x(minXValue < 0 ? 0 : minXValue),\r\n                y: graphHeight,\r\n                dy: '1em',\r\n                dx: 0,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: {\r\n                  textAnchor: 'middle',\r\n                  ...(styles?.yAxis?.labels || {}),\r\n                },\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={graphWidth / 2}\r\n              y={graphHeight + 30}\r\n              style={styles?.xAxis?.title}\r\n              className={classNames?.xAxis?.title}\r\n              text={xAxisTitle}\r\n            />\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataOrdered\r\n              .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n              .map((d, i) => {\r\n                return (\r\n                  <path\r\n                    key={`tesselation_${d.label || i}`}\r\n                    d={voronoiDiagram.renderCell(dataOrdered.findIndex(el => el.id === d.id))}\r\n                    opacity={0}\r\n                    onMouseEnter={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                      onSeriesMouseOver?.(d);\r\n                    }}\r\n                    onMouseMove={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setMouseOverData(undefined);\r\n                      setEventX(undefined);\r\n                      setEventY(undefined);\r\n                      onSeriesMouseOver?.(undefined);\r\n                    }}\r\n                    onClick={() => {\r\n                      if (onSeriesMouseClick || detailsOnClick) {\r\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                          setMouseClickData(undefined);\r\n                          onSeriesMouseClick?.(undefined);\r\n                        } else {\r\n                          setMouseClickData(d);\r\n                          onSeriesMouseClick?.(d);\r\n                        }\r\n                      }\r\n                    }}\r\n                  />\r\n                );\r\n              })}\r\n            {dataOrdered\r\n              .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n              .map((d, i) => {\r\n                return (\r\n                  <motion.g\r\n                    key={`${d.label || i}`}\r\n                    variants={{\r\n                      initial: {\r\n                        x: x(d.x as number),\r\n                        y: y(d.y as number),\r\n                        opacity: selectedColor\r\n                          ? d.color\r\n                            ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : mouseOverData\r\n                            ? mouseOverData.id === d.id\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedDataPoints.length !== 0\r\n                              ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                      },\r\n                      whileInView: {\r\n                        x: x(d.x as number),\r\n                        y: y(d.y as number),\r\n                        opacity: selectedColor\r\n                          ? d.color\r\n                            ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : mouseOverData\r\n                            ? mouseOverData.id === d.id\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedDataPoints.length !== 0\r\n                              ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    onMouseEnter={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                      onSeriesMouseOver?.(d);\r\n                    }}\r\n                    onMouseMove={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setMouseOverData(undefined);\r\n                      setEventX(undefined);\r\n                      setEventY(undefined);\r\n                      onSeriesMouseOver?.(undefined);\r\n                    }}\r\n                    onClick={() => {\r\n                      if (onSeriesMouseClick || detailsOnClick) {\r\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                          setMouseClickData(undefined);\r\n                          onSeriesMouseClick?.(undefined);\r\n                        } else {\r\n                          setMouseClickData(d);\r\n                          onSeriesMouseClick?.(d);\r\n                        }\r\n                      }\r\n                    }}\r\n                  >\r\n                    <motion.circle\r\n                      cx={0}\r\n                      cy={0}\r\n                      exit={{ r: 0, transition: { duration: animate.duration } }}\r\n                      variants={{\r\n                        initial: {\r\n                          r: 0,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          stroke:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        },\r\n                        whileInView: {\r\n                          r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          stroke:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      style={{\r\n                        fillOpacity: 0.6,\r\n                      }}\r\n                    />\r\n                    {showLabels && !checkIfNullOrUndefined(d.label) ? (\r\n                      <motion.text\r\n                        style={{\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                        y={0}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        variants={{\r\n                          initial: {\r\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            opacity: 0,\r\n                            fill:\r\n                              labelColor ||\r\n                              (data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                          },\r\n                          whileInView: {\r\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            opacity: 1,\r\n                            fill:\r\n                              labelColor ||\r\n                              (data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        dy='0.33em'\r\n                        dx={3}\r\n                      >\r\n                        {d.label}\r\n                      </motion.text>\r\n                    ) : highlightedDataPoints.length !== 0 && !checkIfNullOrUndefined(d.label) ? (\r\n                      highlightedDataPoints.indexOf(d.label as string | number) !== -1 ? (\r\n                        <motion.text\r\n                          style={{\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          y={0}\r\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                          variants={{\r\n                            initial: {\r\n                              x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                              opacity: 0,\r\n                              fill:\r\n                                labelColor ||\r\n                                (data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                            },\r\n                            whileInView: {\r\n                              x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                              opacity: 1,\r\n                              fill:\r\n                                labelColor ||\r\n                                (data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                          dy='0.33em'\r\n                          dx={3}\r\n                        >\r\n                          {d.label}\r\n                        </motion.text>\r\n                      ) : null\r\n                    ) : null}\r\n                  </motion.g>\r\n                );\r\n              })}\r\n            {refXValues.map((el, i) => (\r\n              <RefLineX\r\n                key={i}\r\n                text={el.text}\r\n                color={el.color}\r\n                x={x(el.value as number)}\r\n                y1={0}\r\n                y2={graphHeight}\r\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\r\n                classNames={el.classNames}\r\n                styles={el.styles}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ))}\r\n            {refYValues.map((el, i) => (\r\n              <RefLineY\r\n                key={i}\r\n                text={el.text}\r\n                color={el.color}\r\n                y={y(el.value as number)}\r\n                x1={0}\r\n                x2={graphWidth}\r\n                classNames={el.classNames}\r\n                styles={el.styles}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ))}\r\n            <g>\r\n              {annotations.map((d, i) => {\r\n                const endPoints = getLineEndPoint(\r\n                  {\r\n                    x: d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                    y: d.yCoordinate\r\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                      : 0 + (d.yOffset || 0) - 8,\r\n                  },\r\n                  {\r\n                    x: d.xCoordinate ? x(d.xCoordinate as number) : 0,\r\n                    y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                  },\r\n                  checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\r\n                );\r\n                const connectorSettings = d.showConnector\r\n                  ? {\r\n                      y1: endPoints.y,\r\n                      x1: endPoints.x,\r\n                      y2: d.yCoordinate\r\n                        ? y(d.yCoordinate as number) + (d.yOffset || 0)\r\n                        : 0 + (d.yOffset || 0),\r\n                      x2: d.xCoordinate\r\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                        : 0 + (d.xOffset || 0),\r\n                      cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                      cx: d.xCoordinate ? x(d.xCoordinate as number) : 0,\r\n                      circleRadius: checkIfNullOrUndefined(d.connectorRadius)\r\n                        ? 3.5\r\n                        : (d.connectorRadius as number),\r\n                      strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\r\n                    }\r\n                  : undefined;\r\n                const labelSettings = {\r\n                  y: d.yCoordinate\r\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                    : 0 + (d.yOffset || 0) - 8,\r\n                  x: rtl\r\n                    ? 0\r\n                    : d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                  width: rtl\r\n                    ? d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0)\r\n                    : graphWidth +\r\n                      margin.right -\r\n                      (d.xCoordinate\r\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                        : 0 + (d.xOffset || 0)),\r\n                  maxWidth: d.maxWidth,\r\n                  fontWeight: d.fontWeight,\r\n                  align: d.align,\r\n                };\r\n                return (\r\n                  <Annotation\r\n                    key={i}\r\n                    color={d.color}\r\n                    connectorsSettings={connectorSettings}\r\n                    labelSettings={labelSettings}\r\n                    text={d.text}\r\n                    classNames={d.classNames}\r\n                    styles={d.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                );\r\n              })}\r\n            </g>\r\n            {regressionLine ? (\r\n              <RegressionLine\r\n                x1={0}\r\n                x2={graphWidth}\r\n                y1={predict(0)}\r\n                y2={predict(graphWidth)}\r\n                graphHeight={graphHeight}\r\n                graphWidth={graphWidth}\r\n                className={classNames?.regLine}\r\n                style={styles?.regLine}\r\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ) : null}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { ascending, sort } from 'd3-array';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  ScatterPlotDataType,\r\n  AnnotationSettingsDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomHighlightAreaSettingsForScatterPlotDataType,\r\n  HighlightAreaSettingsForScatterPlotDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { ensureCompleteDataForScatterPlot } from '@/Utils/ensureCompleteData';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: ScatterPlotDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for circle */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values on x-axis */\r\n  xPrefix?: string;\r\n  /** Suffix for values on x-axis */\r\n  xSuffix?: string;\r\n  /** Prefix for values on y-axis */\r\n  yPrefix?: string;\r\n  /** Suffix for values on y-axis */\r\n  ySuffix?: string;\r\n  /** Maximum value for the x-axis */\r\n  maxXValue?: number;\r\n  /** Minimum value for the x-axis */\r\n  minXValue?: number;\r\n  /** Maximum value for the y-axis */\r\n  maxYValue?: number;\r\n  /** Minimum value for the y-axis */\r\n  minYValue?: number;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n  /** Reference values for comparison on x-axis */\r\n  refXValues?: ReferenceDataType[];\r\n  /** Reference values for comparison on y-axis */\r\n  refYValues?: ReferenceDataType[];\r\n  /** Number of ticks on the x-axis */\r\n  noOfXTicks?: number;\r\n  /** Number of ticks on the y-axis */\r\n  noOfYTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Title for the x-axis */\r\n  xAxisTitle?: string;\r\n  /** Title for the y-axis */\r\n  yAxisTitle?: string;\r\n  /** Annotations on the chart */\r\n  annotations?: AnnotationSettingsDataType[];\r\n  /** Highlighted area(square) on the chart  */\r\n  highlightAreaSettings?: HighlightAreaSettingsForScatterPlotDataType[];\r\n  /** Highlighted area(custom shape) on the chart  */\r\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsForScatterPlotDataType[];\r\n  /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */\r\n  regressionLine?: boolean | string;\r\n  /** Color of the labels */\r\n  labelColor?: string;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function ScatterPlot(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showLabels = false,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    xAxisTitle = 'X Axis',\r\n    yAxisTitle = 'Y Axis',\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 0,\r\n    rightMargin = 10,\r\n    topMargin = 20,\r\n    bottomMargin = 50,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    refXValues = [],\r\n    refYValues = [],\r\n    highlightAreaSettings = [],\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    maxRadiusValue,\r\n    maxXValue,\r\n    minXValue,\r\n    maxYValue,\r\n    minYValue,\r\n    xSuffix = '',\r\n    ySuffix = '',\r\n    xPrefix = '',\r\n    yPrefix = '',\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    annotations = [],\r\n    customHighlightAreaSettings = [],\r\n    theme = 'light',\r\n    regressionLine = false,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    noOfXTicks = 5,\r\n    noOfYTicks = 5,\r\n    labelColor,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = sort(\r\n    uniqBy(data, 'date', true).map(d =>\r\n      parse(`${d}`, timeline.dateFormat || 'yyyy', new Date()).getTime(),\r\n    ),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a scatter plot that shows correlation between two variables.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n              <div className='flex gap-6 items-center' dir='ltr'>\r\n                <button\r\n                  type='button'\r\n                  onClick={() => {\r\n                    setPlay(!play);\r\n                  }}\r\n                  className='p-0 border-0 cursor-pointer bg-transparent'\r\n                  aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n                >\r\n                  {play ? <Pause /> : <Play />}\r\n                </button>\r\n                <SliderUI\r\n                  min={uniqDatesSorted[0]}\r\n                  max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n                  marks={markObj}\r\n                  step={null}\r\n                  defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n                  value={uniqDatesSorted[index]}\r\n                  onChangeComplete={nextValue => {\r\n                    setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n                  }}\r\n                  onChange={nextValue => {\r\n                    setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n                  }}\r\n                  aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n                />\r\n              </div>\r\n            ) : null}\r\n            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale && data.filter(el => el.color).length !== 0 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      colors={\r\n                        (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                      }\r\n                      colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex flex-col grow justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={ensureCompleteDataForScatterPlot(\r\n                          data,\r\n                          timeline.dateFormat || 'yyyy',\r\n                        ).filter(d =>\r\n                          timeline.enabled\r\n                            ? d.date ===\r\n                              format(\r\n                                new Date(uniqDatesSorted[index]),\r\n                                timeline.dateFormat || 'yyyy',\r\n                              )\r\n                            : d,\r\n                        )}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n                        }\r\n                        colors={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? colors\r\n                              ? [colors as string]\r\n                              : [Colors.primaryColors['blue-600']]\r\n                            : (colors as string[] | undefined) ||\r\n                              Colors[theme].categoricalColors.colors\r\n                        }\r\n                        xAxisTitle={xAxisTitle}\r\n                        yAxisTitle={yAxisTitle}\r\n                        refXValues={refXValues}\r\n                        refYValues={refYValues}\r\n                        showLabels={showLabels}\r\n                        radius={radius}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        highlightAreaSettings={highlightAreaSettings}\r\n                        highlightedDataPoints={\r\n                          data.filter(el => el.label).length === 0 ? [] : highlightedDataPoints\r\n                        }\r\n                        selectedColor={selectedColor}\r\n                        maxRadiusValue={\r\n                          checkIfNullOrUndefined(maxRadiusValue)\r\n                            ? Math.max(\r\n                                ...data\r\n                                  .map(d => d.radius)\r\n                                  .filter(d => d !== undefined && d !== null),\r\n                              )\r\n                            : (maxRadiusValue as number)\r\n                        }\r\n                        maxXValue={\r\n                          checkIfNullOrUndefined(maxXValue)\r\n                            ? Math.max(\r\n                                ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? Math.max(\r\n                                  ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                              : 0\r\n                            : (maxXValue as number)\r\n                        }\r\n                        minXValue={\r\n                          checkIfNullOrUndefined(minXValue)\r\n                            ? Math.min(\r\n                                ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d => d.x).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                            : (minXValue as number)\r\n                        }\r\n                        maxYValue={\r\n                          checkIfNullOrUndefined(maxYValue)\r\n                            ? Math.max(\r\n                                ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? Math.max(\r\n                                  ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                              : 0\r\n                            : (maxYValue as number)\r\n                        }\r\n                        minYValue={\r\n                          checkIfNullOrUndefined(minYValue)\r\n                            ? Math.min(\r\n                                ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                              ) > 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d => d.y).filter(d => d !== undefined && d !== null),\r\n                                )\r\n                            : (minYValue as number)\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        annotations={annotations}\r\n                        customHighlightAreaSettings={customHighlightAreaSettings}\r\n                        regressionLine={regressionLine}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        noOfXTicks={noOfXTicks}\r\n                        noOfYTicks={noOfYTicks}\r\n                        labelColor={labelColor}\r\n                        xSuffix={xSuffix}\r\n                        ySuffix={ySuffix}\r\n                        xPrefix={xPrefix}\r\n                        yPrefix={yPrefix}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        animate={\r\n                          animate === true\r\n                            ? { duration: 0.5, once: true, amount: 0.5 }\r\n                            : animate || { duration: 0, once: true, amount: 0 }\r\n                        }\r\n                        dimmedOpacity={dimmedOpacity}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","width","height","showLabels","colors","colorDomain","radius","xAxisTitle","yAxisTitle","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","refXValues","refYValues","highlightAreaSettings","selectedColor","highlightedDataPoints","maxRadiusValue","maxXValue","minXValue","maxYValue","minYValue","onSeriesMouseClick","rtl","annotations","customHighlightAreaSettings","regressionLine","resetSelectionOnDoubleClick","detailsOnClick","noOfXTicks","noOfYTicks","labelColor","xSuffix","ySuffix","xPrefix","yPrefix","styles","classNames","animate","dimmedOpacity","precision","customLayers","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","dataWithId","d","i","graphWidth","graphHeight","radiusScale","scaleSqrt","dataOrdered","checkIfNullOrUndefined","orderBy","x","scaleLinear","y","xTicks","yTicks","voronoiDiagram","Delaunay","regressionLineParam","linearRegression","predict","linearRegressionLine","jsxs","Fragment","jsx","motion","AnimatePresence","HighlightAreaForScatterPlot","CustomArea","YTicksAndGridLines","Axis","numberFormattingFunction","AxisTitle","XTicksAndGridLines","el","event","isEqual","Colors","cn","RefLineX","RefLineY","endPoints","getLineEndPoint","connectorSettings","labelSettings","Annotation","RegressionLine","Tooltip","Modal","string2HTML","ScatterPlot","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","ariaLabel","timeline","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","a","b","ascending","index","setIndex","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","interval","markObj","getSliderMarks","GraphHeader","Pause","Play","SliderUI","nextValue","EmptyState","ColorLegendWithMouseOver","ensureCompleteDataForScatterPlot","format","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"ScatterPlot.js","sources":["../src/Components/Graphs/ScatterPlot/Graph.tsx","../src/Components/Graphs/ScatterPlot/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { useRef, useState } from 'react';\r\nimport orderBy from 'lodash.orderby';\r\nimport { Delaunay } from 'd3-delaunay';\r\nimport { scaleLinear, scaleSqrt } from 'd3-scale';\r\nimport { linearRegression, linearRegressionLine } from 'simple-statistics';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  ScatterPlotDataType,\r\n  ReferenceDataType,\r\n  AnnotationSettingsDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomHighlightAreaSettingsForScatterPlotDataType,\r\n  HighlightAreaSettingsForScatterPlotDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { getLineEndPoint } from '@/Utils/getLineEndPoint';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { RegressionLine } from '@/Components/Elements/RegressionLine';\r\nimport { Annotation } from '@/Components/Elements/Annotations';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\nimport { CustomArea } from '@/Components/Elements/HighlightArea/customArea';\r\nimport { HighlightAreaForScatterPlot } from '@/Components/Elements/HighlightArea';\r\n\r\ninterface Props {\r\n  data: ScatterPlotDataType[];\r\n  width: number;\r\n  height: number;\r\n  showLabels: boolean;\r\n  colors: string[];\r\n  colorDomain: string[];\r\n  radius: number;\r\n  xAxisTitle: string;\r\n  yAxisTitle: string;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refXValues: ReferenceDataType[];\r\n  refYValues: ReferenceDataType[];\r\n  highlightAreaSettings: HighlightAreaSettingsForScatterPlotDataType[];\r\n  selectedColor?: string;\r\n  highlightedDataPoints: (string | number)[];\r\n  maxRadiusValue: number;\r\n  maxXValue: number;\r\n  minXValue: number;\r\n  maxYValue: number;\r\n  minYValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  rtl: boolean;\r\n  annotations: AnnotationSettingsDataType[];\r\n  customHighlightAreaSettings: CustomHighlightAreaSettingsForScatterPlotDataType[];\r\n  regressionLine: boolean | string;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  noOfXTicks: number;\r\n  noOfYTicks: number;\r\n  labelColor?: string;\r\n  xSuffix: string;\r\n  ySuffix: string;\r\n  xPrefix: string;\r\n  yPrefix: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  dimmedOpacity: number;\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    showLabels,\r\n    colors,\r\n    colorDomain,\r\n    radius,\r\n    xAxisTitle,\r\n    yAxisTitle,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refXValues,\r\n    refYValues,\r\n    highlightAreaSettings,\r\n    selectedColor,\r\n    highlightedDataPoints,\r\n    maxRadiusValue,\r\n    maxXValue,\r\n    minXValue,\r\n    maxYValue,\r\n    minYValue,\r\n    onSeriesMouseClick,\r\n    rtl,\r\n    annotations,\r\n    customHighlightAreaSettings,\r\n    regressionLine,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    noOfXTicks,\r\n    noOfYTicks,\r\n    labelColor,\r\n    xSuffix,\r\n    ySuffix,\r\n    xPrefix,\r\n    yPrefix,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: xAxisTitle ? bottomMargin + 50 : bottomMargin,\r\n    left: yAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const dataWithId = data.map((d, i) => ({ ...d, id: `${i}` }));\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const radiusScale =\r\n    data.filter(d => d.radius === undefined || d.radius === null).length !== data.length\r\n      ? scaleSqrt().domain([0, maxRadiusValue]).range([0.25, radius]).nice()\r\n      : undefined;\r\n  const dataOrdered =\r\n    dataWithId.filter(d => !checkIfNullOrUndefined(d.radius)).length === 0\r\n      ? dataWithId\r\n      : orderBy(\r\n          dataWithId.filter(d => !checkIfNullOrUndefined(d.radius)),\r\n          'radius',\r\n          'desc',\r\n        );\r\n  const x = scaleLinear().domain([minXValue, maxXValue]).range([0, graphWidth]).nice();\r\n  const y = scaleLinear().domain([minYValue, maxYValue]).range([graphHeight, 0]).nice();\r\n  const xTicks = x.ticks(noOfXTicks);\r\n  const yTicks = y.ticks(noOfYTicks);\r\n  const voronoiDiagram = Delaunay.from(\r\n    dataOrdered.filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y)),\r\n    d => x(d.x as number),\r\n    d => y(d.y as number),\r\n  ).voronoi([0, 0, graphWidth < 0 ? 0 : graphWidth, graphHeight < 0 ? 0 : graphHeight]);\r\n  const regressionLineParam = linearRegression(\r\n    data\r\n      .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n      .map(d => [x(d.x as number), y(d.y as number)]),\r\n  );\r\n  const predict = linearRegressionLine(regressionLineParam);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <AnimatePresence>\r\n            <HighlightAreaForScatterPlot\r\n              key='highlight-area'\r\n              areaSettings={highlightAreaSettings}\r\n              width={graphWidth}\r\n              height={graphHeight}\r\n              scaleX={x}\r\n              scaleY={y}\r\n              animate={animate}\r\n              isInView={isInView}\r\n            />\r\n            <CustomArea\r\n              key='custom-area'\r\n              areaSettings={customHighlightAreaSettings}\r\n              scaleX={x}\r\n              scaleY={y}\r\n              animate={animate}\r\n              isInView={isInView}\r\n            />\r\n          </AnimatePresence>\r\n          <g>\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={ySuffix}\r\n              prefix={yPrefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='side'\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              y1={y(minYValue < 0 ? 0 : minYValue)}\r\n              y2={y(minYValue < 0 ? 0 : minYValue)}\r\n              x1={0}\r\n              x2={graphWidth + margin.right}\r\n              label={numberFormattingFunction(\r\n                minYValue < 0 ? 0 : minYValue,\r\n                'NA',\r\n                precision,\r\n                yPrefix,\r\n                ySuffix,\r\n              )}\r\n              labelPos={{\r\n                x: 0,\r\n                y: y(minYValue < 0 ? 0 : minYValue),\r\n                dy: '0.33em',\r\n                dx: -4,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: { textAnchor: 'end', ...(styles?.yAxis?.labels || {}) },\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={0 - leftMargin - 15}\r\n              y={graphHeight / 2}\r\n              style={styles?.yAxis?.title}\r\n              className={classNames?.yAxis?.title}\r\n              text={yAxisTitle}\r\n              rotate90\r\n            />\r\n          </g>\r\n          <g>\r\n            <XTicksAndGridLines\r\n              values={xTicks.filter(d => d !== 0)}\r\n              x={xTicks.filter(d => d !== 0).map(d => x(d))}\r\n              y1={0}\r\n              y2={graphHeight}\r\n              styles={{\r\n                gridLines: styles?.xAxis?.gridLines,\r\n                labels: styles?.xAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.xAxis?.gridLines,\r\n                labels: classNames?.xAxis?.labels,\r\n              }}\r\n              suffix={xSuffix}\r\n              prefix={xPrefix}\r\n              labelType='primary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n            <Axis\r\n              x1={x(minXValue < 0 ? 0 : minXValue)}\r\n              x2={x(minXValue < 0 ? 0 : minXValue)}\r\n              y1={0}\r\n              y2={graphHeight}\r\n              label={numberFormattingFunction(\r\n                minXValue < 0 ? 0 : minXValue,\r\n                'NA',\r\n                precision,\r\n                xPrefix,\r\n                xSuffix,\r\n              )}\r\n              labelPos={{\r\n                x: x(minXValue < 0 ? 0 : minXValue),\r\n                y: graphHeight,\r\n                dy: '1em',\r\n                dx: 0,\r\n              }}\r\n              classNames={{\r\n                axis: classNames?.xAxis?.axis,\r\n                label: classNames?.yAxis?.labels,\r\n              }}\r\n              styles={{\r\n                axis: styles?.xAxis?.axis,\r\n                label: {\r\n                  textAnchor: 'middle',\r\n                  ...(styles?.yAxis?.labels || {}),\r\n                },\r\n              }}\r\n            />\r\n            <AxisTitle\r\n              x={graphWidth / 2}\r\n              y={graphHeight + 30}\r\n              style={styles?.xAxis?.title}\r\n              className={classNames?.xAxis?.title}\r\n              text={xAxisTitle}\r\n            />\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataOrdered\r\n              .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n              .map((d, i) => {\r\n                return (\r\n                  <path\r\n                    key={`tesselation_${d.label || i}`}\r\n                    d={voronoiDiagram.renderCell(dataOrdered.findIndex(el => el.id === d.id))}\r\n                    opacity={0}\r\n                    onMouseEnter={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                      onSeriesMouseOver?.(d);\r\n                    }}\r\n                    onMouseMove={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setMouseOverData(undefined);\r\n                      setEventX(undefined);\r\n                      setEventY(undefined);\r\n                      onSeriesMouseOver?.(undefined);\r\n                    }}\r\n                    onClick={() => {\r\n                      if (onSeriesMouseClick || detailsOnClick) {\r\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                          setMouseClickData(undefined);\r\n                          onSeriesMouseClick?.(undefined);\r\n                        } else {\r\n                          setMouseClickData(d);\r\n                          onSeriesMouseClick?.(d);\r\n                        }\r\n                      }\r\n                    }}\r\n                  />\r\n                );\r\n              })}\r\n            {dataOrdered\r\n              .filter(d => !checkIfNullOrUndefined(d.x) && !checkIfNullOrUndefined(d.y))\r\n              .map((d, i) => {\r\n                return (\r\n                  <motion.g\r\n                    key={`${d.label || i}`}\r\n                    variants={{\r\n                      initial: {\r\n                        x: x(d.x as number),\r\n                        y: y(d.y as number),\r\n                        opacity: selectedColor\r\n                          ? d.color\r\n                            ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : mouseOverData\r\n                            ? mouseOverData.id === d.id\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedDataPoints.length !== 0\r\n                              ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                      },\r\n                      whileInView: {\r\n                        x: x(d.x as number),\r\n                        y: y(d.y as number),\r\n                        opacity: selectedColor\r\n                          ? d.color\r\n                            ? colors[colorDomain.indexOf(`${d.color}`)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : mouseOverData\r\n                            ? mouseOverData.id === d.id\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : highlightedDataPoints.length !== 0\r\n                              ? highlightedDataPoints.indexOf(d.label || '') !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\r\n                              : 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    onMouseEnter={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                      onSeriesMouseOver?.(d);\r\n                    }}\r\n                    onMouseMove={event => {\r\n                      setMouseOverData(d);\r\n                      setEventY(event.clientY);\r\n                      setEventX(event.clientX);\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setMouseOverData(undefined);\r\n                      setEventX(undefined);\r\n                      setEventY(undefined);\r\n                      onSeriesMouseOver?.(undefined);\r\n                    }}\r\n                    onClick={() => {\r\n                      if (onSeriesMouseClick || detailsOnClick) {\r\n                        if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                          setMouseClickData(undefined);\r\n                          onSeriesMouseClick?.(undefined);\r\n                        } else {\r\n                          setMouseClickData(d);\r\n                          onSeriesMouseClick?.(d);\r\n                        }\r\n                      }\r\n                    }}\r\n                  >\r\n                    <motion.circle\r\n                      cx={0}\r\n                      cy={0}\r\n                      exit={{ r: 0, transition: { duration: animate.duration } }}\r\n                      variants={{\r\n                        initial: {\r\n                          r: 0,\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          stroke:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                        },\r\n                        whileInView: {\r\n                          r: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          stroke:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? colors[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : colors[colorDomain.indexOf(`${d.color}`)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      style={{\r\n                        fillOpacity: 0.6,\r\n                      }}\r\n                    />\r\n                    {showLabels && !checkIfNullOrUndefined(d.label) ? (\r\n                      <motion.text\r\n                        style={{\r\n                          ...(styles?.graphObjectValues || {}),\r\n                        }}\r\n                        className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                        y={0}\r\n                        exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                        variants={{\r\n                          initial: {\r\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            opacity: 0,\r\n                            fill:\r\n                              labelColor ||\r\n                              (data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                          },\r\n                          whileInView: {\r\n                            x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                            opacity: 1,\r\n                            fill:\r\n                              labelColor ||\r\n                              (data.filter(el => el.color).length === 0\r\n                                ? colors[0]\r\n                                : !d.color\r\n                                  ? Colors.gray\r\n                                  : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        dy='0.33em'\r\n                        dx={3}\r\n                      >\r\n                        {d.label}\r\n                      </motion.text>\r\n                    ) : highlightedDataPoints.length !== 0 && !checkIfNullOrUndefined(d.label) ? (\r\n                      highlightedDataPoints.indexOf(d.label as string | number) !== -1 ? (\r\n                        <motion.text\r\n                          style={{\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          y={0}\r\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                          variants={{\r\n                            initial: {\r\n                              x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                              opacity: 0,\r\n                              fill:\r\n                                labelColor ||\r\n                                (data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                            },\r\n                            whileInView: {\r\n                              x: !radiusScale ? radius : radiusScale(d.radius || 0),\r\n                              opacity: 1,\r\n                              fill:\r\n                                labelColor ||\r\n                                (data.filter(el => el.color).length === 0\r\n                                  ? colors[0]\r\n                                  : !d.color\r\n                                    ? Colors.gray\r\n                                    : colors[colorDomain.indexOf(`${d.color}`)]),\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                          dy='0.33em'\r\n                          dx={3}\r\n                        >\r\n                          {d.label}\r\n                        </motion.text>\r\n                      ) : null\r\n                    ) : null}\r\n                  </motion.g>\r\n                );\r\n              })}\r\n            {refXValues.map((el, i) => (\r\n              <RefLineX\r\n                key={i}\r\n                text={el.text}\r\n                color={el.color}\r\n                x={x(el.value as number)}\r\n                y1={0}\r\n                y2={graphHeight}\r\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\r\n                classNames={el.classNames}\r\n                styles={el.styles}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ))}\r\n            {refYValues.map((el, i) => (\r\n              <RefLineY\r\n                key={i}\r\n                text={el.text}\r\n                color={el.color}\r\n                y={y(el.value as number)}\r\n                x1={0}\r\n                x2={graphWidth}\r\n                classNames={el.classNames}\r\n                styles={el.styles}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ))}\r\n            <g>\r\n              {annotations.map((d, i) => {\r\n                const endPoints = getLineEndPoint(\r\n                  {\r\n                    x: d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                    y: d.yCoordinate\r\n                      ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                      : 0 + (d.yOffset || 0) - 8,\r\n                  },\r\n                  {\r\n                    x: d.xCoordinate ? x(d.xCoordinate as number) : 0,\r\n                    y: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                  },\r\n                  checkIfNullOrUndefined(d.connectorRadius) ? 3.5 : (d.connectorRadius as number),\r\n                );\r\n                const connectorSettings = d.showConnector\r\n                  ? {\r\n                      y1: endPoints.y,\r\n                      x1: endPoints.x,\r\n                      y2: d.yCoordinate\r\n                        ? y(d.yCoordinate as number) + (d.yOffset || 0)\r\n                        : 0 + (d.yOffset || 0),\r\n                      x2: d.xCoordinate\r\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                        : 0 + (d.xOffset || 0),\r\n                      cy: d.yCoordinate ? y(d.yCoordinate as number) : 0,\r\n                      cx: d.xCoordinate ? x(d.xCoordinate as number) : 0,\r\n                      circleRadius: checkIfNullOrUndefined(d.connectorRadius)\r\n                        ? 3.5\r\n                        : (d.connectorRadius as number),\r\n                      strokeWidth: d.showConnector === true ? 2 : Math.min(d.showConnector || 0, 1),\r\n                    }\r\n                  : undefined;\r\n                const labelSettings = {\r\n                  y: d.yCoordinate\r\n                    ? y(d.yCoordinate as number) + (d.yOffset || 0) - 8\r\n                    : 0 + (d.yOffset || 0) - 8,\r\n                  x: rtl\r\n                    ? 0\r\n                    : d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0),\r\n                  width: rtl\r\n                    ? d.xCoordinate\r\n                      ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                      : 0 + (d.xOffset || 0)\r\n                    : graphWidth +\r\n                      margin.right -\r\n                      (d.xCoordinate\r\n                        ? x(d.xCoordinate as number) + (d.xOffset || 0)\r\n                        : 0 + (d.xOffset || 0)),\r\n                  maxWidth: d.maxWidth,\r\n                  fontWeight: d.fontWeight,\r\n                  align: d.align,\r\n                };\r\n                return (\r\n                  <Annotation\r\n                    key={i}\r\n                    color={d.color}\r\n                    connectorsSettings={connectorSettings}\r\n                    labelSettings={labelSettings}\r\n                    text={d.text}\r\n                    classNames={d.classNames}\r\n                    styles={d.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                );\r\n              })}\r\n            </g>\r\n            {regressionLine ? (\r\n              <RegressionLine\r\n                x1={0}\r\n                x2={graphWidth}\r\n                y1={predict(0)}\r\n                y2={predict(graphWidth)}\r\n                graphHeight={graphHeight}\r\n                graphWidth={graphWidth}\r\n                className={classNames?.regLine}\r\n                style={styles?.regLine}\r\n                color={typeof regressionLine === 'string' ? regressionLine : undefined}\r\n                animate={animate}\r\n                isInView={isInView}\r\n              />\r\n            ) : null}\r\n          </AnimatePresence>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport { SliderUI } from '@undp/design-system-react/SliderUI';\r\nimport { ascending, sort } from 'd3-array';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  ScatterPlotDataType,\r\n  AnnotationSettingsDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomHighlightAreaSettingsForScatterPlotDataType,\r\n  HighlightAreaSettingsForScatterPlotDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { ensureCompleteDataForScatterPlot } from '@/Utils/ensureCompleteData';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: ScatterPlotDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Color or array of colors for circle */\r\n  colors?: string | string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain?: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values on x-axis */\r\n  xPrefix?: string;\r\n  /** Suffix for values on x-axis */\r\n  xSuffix?: string;\r\n  /** Prefix for values on y-axis */\r\n  yPrefix?: string;\r\n  /** Suffix for values on y-axis */\r\n  ySuffix?: string;\r\n  /** Maximum value for the x-axis */\r\n  maxXValue?: number;\r\n  /** Minimum value for the x-axis */\r\n  minXValue?: number;\r\n  /** Maximum value for the y-axis */\r\n  maxYValue?: number;\r\n  /** Minimum value for the y-axis */\r\n  minYValue?: number;\r\n  /** Maximum value mapped to the radius chart */\r\n  maxRadiusValue?: number;\r\n  /** Reference values for comparison on x-axis */\r\n  refXValues?: ReferenceDataType[];\r\n  /** Reference values for comparison on y-axis */\r\n  refYValues?: ReferenceDataType[];\r\n  /** Number of ticks on the x-axis */\r\n  noOfXTicks?: number;\r\n  /** Number of ticks on the y-axis */\r\n  noOfYTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Maximum radius of the circle */\r\n  radius?: number;\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Data points to highlight. Use the label value from data to highlight the data point */\r\n  highlightedDataPoints?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Title for the x-axis */\r\n  xAxisTitle?: string;\r\n  /** Title for the y-axis */\r\n  yAxisTitle?: string;\r\n  /** Annotations on the chart */\r\n  annotations?: AnnotationSettingsDataType[];\r\n  /** Highlighted area(square) on the chart  */\r\n  highlightAreaSettings?: HighlightAreaSettingsForScatterPlotDataType[];\r\n  /** Highlighted area(custom shape) on the chart  */\r\n  customHighlightAreaSettings?: CustomHighlightAreaSettingsForScatterPlotDataType[];\r\n  /** Toggles the visibility of the regression line for the data. If the type is string then string is use to define the color of the line. */\r\n  regressionLine?: boolean | string;\r\n  /** Color of the labels */\r\n  labelColor?: string;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\r\n  timeline?: TimelineDataType;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function ScatterPlot(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showLabels = false,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    radius = 5,\r\n    xAxisTitle = 'X Axis',\r\n    yAxisTitle = 'Y Axis',\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 0,\r\n    rightMargin = 10,\r\n    topMargin = 20,\r\n    bottomMargin = 50,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    refXValues = [],\r\n    refYValues = [],\r\n    highlightAreaSettings = [],\r\n    showColorScale = true,\r\n    highlightedDataPoints = [],\r\n    graphID,\r\n    maxRadiusValue,\r\n    maxXValue,\r\n    minXValue,\r\n    maxYValue,\r\n    minYValue,\r\n    xSuffix = '',\r\n    ySuffix = '',\r\n    xPrefix = '',\r\n    yPrefix = '',\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    annotations = [],\r\n    customHighlightAreaSettings = [],\r\n    theme = 'light',\r\n    regressionLine = false,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    noOfXTicks = 5,\r\n    noOfYTicks = 5,\r\n    labelColor,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [play, setPlay] = useState(timeline.autoplay);\r\n  const uniqDatesSorted = sort(\r\n    uniqBy(data, 'date', true).map(d =>\r\n      parse(`${d}`, timeline.dateFormat || 'yyyy', new Date()).getTime(),\r\n    ),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const interval = setInterval(\r\n      () => {\r\n        setIndex(i => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\r\n      },\r\n      (timeline.speed || 2) * 1000,\r\n    );\r\n    if (!play) clearInterval(interval);\r\n    return () => clearInterval(interval);\r\n  }, [uniqDatesSorted, play, timeline.speed]);\r\n\r\n  const markObj = getSliderMarks(\r\n    uniqDatesSorted,\r\n    index,\r\n    timeline.showOnlyActiveDate,\r\n    timeline.dateFormat || 'yyyy',\r\n  );\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\r\n        <div className='flex gap-6 items-center' dir='ltr'>\r\n          <button\r\n            type='button'\r\n            onClick={() => {\r\n              setPlay(!play);\r\n            }}\r\n            className='p-0 border-0 cursor-pointer bg-transparent'\r\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\r\n          >\r\n            {play ? <Pause /> : <Play />}\r\n          </button>\r\n          <SliderUI\r\n            min={uniqDatesSorted[0]}\r\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            marks={markObj}\r\n            step={null}\r\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\r\n            value={uniqDatesSorted[index]}\r\n            onChangeComplete={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            onChange={nextValue => {\r\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\r\n            }}\r\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\r\n          />\r\n        </div>\r\n      ) : null}\r\n      {data.length === 0 ? (\r\n        <EmptyState />\r\n      ) : (\r\n        <>\r\n          {showColorScale && data.filter(el => el.color).length !== 0 ? (\r\n            <ColorLegendWithMouseOver\r\n              width={width}\r\n              colorLegendTitle={colorLegendTitle}\r\n              colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\r\n              colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n              setSelectedColor={setSelectedColor}\r\n              showNAColor={showNAColor}\r\n              className={classNames?.colorLegend}\r\n            />\r\n          ) : null}\r\n          <GraphArea ref={graphDiv}>\r\n            {svgWidth && svgHeight ? (\r\n              <Graph\r\n                data={ensureCompleteDataForScatterPlot(data, timeline.dateFormat || 'yyyy').filter(\r\n                  d =>\r\n                    timeline.enabled\r\n                      ? d.date ===\r\n                        format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\r\n                      : d,\r\n                )}\r\n                width={svgWidth}\r\n                height={svgHeight}\r\n                colorDomain={\r\n                  data.filter(el => el.color).length === 0\r\n                    ? []\r\n                    : colorDomain || (uniqBy(data, 'color', true) as string[])\r\n                }\r\n                colors={\r\n                  data.filter(el => el.color).length === 0\r\n                    ? colors\r\n                      ? [colors as string]\r\n                      : [Colors.primaryColors['blue-600']]\r\n                    : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\r\n                }\r\n                xAxisTitle={xAxisTitle}\r\n                yAxisTitle={yAxisTitle}\r\n                refXValues={refXValues}\r\n                refYValues={refYValues}\r\n                showLabels={showLabels}\r\n                radius={radius}\r\n                leftMargin={leftMargin}\r\n                rightMargin={rightMargin}\r\n                topMargin={topMargin}\r\n                bottomMargin={bottomMargin}\r\n                tooltip={tooltip}\r\n                onSeriesMouseOver={onSeriesMouseOver}\r\n                highlightAreaSettings={highlightAreaSettings}\r\n                highlightedDataPoints={\r\n                  data.filter(el => el.label).length === 0 ? [] : highlightedDataPoints\r\n                }\r\n                selectedColor={selectedColor}\r\n                maxRadiusValue={\r\n                  checkIfNullOrUndefined(maxRadiusValue)\r\n                    ? Math.max(\r\n                        ...data.map(d => d.radius).filter(d => d !== undefined && d !== null),\r\n                      )\r\n                    : (maxRadiusValue as number)\r\n                }\r\n                maxXValue={\r\n                  checkIfNullOrUndefined(maxXValue)\r\n                    ? Math.max(...data.map(d => d.x).filter(d => d !== undefined && d !== null)) > 0\r\n                      ? Math.max(...data.map(d => d.x).filter(d => d !== undefined && d !== null))\r\n                      : 0\r\n                    : (maxXValue as number)\r\n                }\r\n                minXValue={\r\n                  checkIfNullOrUndefined(minXValue)\r\n                    ? Math.min(...data.map(d => d.x).filter(d => d !== undefined && d !== null)) > 0\r\n                      ? 0\r\n                      : Math.min(...data.map(d => d.x).filter(d => d !== undefined && d !== null))\r\n                    : (minXValue as number)\r\n                }\r\n                maxYValue={\r\n                  checkIfNullOrUndefined(maxYValue)\r\n                    ? Math.max(...data.map(d => d.y).filter(d => d !== undefined && d !== null)) > 0\r\n                      ? Math.max(...data.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n                      : 0\r\n                    : (maxYValue as number)\r\n                }\r\n                minYValue={\r\n                  checkIfNullOrUndefined(minYValue)\r\n                    ? Math.min(...data.map(d => d.y).filter(d => d !== undefined && d !== null)) > 0\r\n                      ? 0\r\n                      : Math.min(...data.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n                    : (minYValue as number)\r\n                }\r\n                onSeriesMouseClick={onSeriesMouseClick}\r\n                rtl={language === 'he' || language === 'ar'}\r\n                annotations={annotations}\r\n                customHighlightAreaSettings={customHighlightAreaSettings}\r\n                regressionLine={regressionLine}\r\n                resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                detailsOnClick={detailsOnClick}\r\n                noOfXTicks={noOfXTicks}\r\n                noOfYTicks={noOfYTicks}\r\n                labelColor={labelColor}\r\n                xSuffix={xSuffix}\r\n                ySuffix={ySuffix}\r\n                xPrefix={xPrefix}\r\n                yPrefix={yPrefix}\r\n                styles={styles}\r\n                classNames={classNames}\r\n                animate={\r\n                  animate === true\r\n                    ? { duration: 0.5, once: true, amount: 0.5 }\r\n                    : animate || { duration: 0, once: true, amount: 0 }\r\n                }\r\n                dimmedOpacity={dimmedOpacity}\r\n                precision={precision}\r\n                customLayers={customLayers}\r\n              />\r\n            ) : null}\r\n          </GraphArea>\r\n        </>\r\n      )}\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","$","_c","data","width","height","showLabels","colors","colorDomain","radius","xAxisTitle","yAxisTitle","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","refXValues","refYValues","highlightAreaSettings","selectedColor","highlightedDataPoints","maxRadiusValue","maxXValue","minXValue","maxYValue","minYValue","onSeriesMouseClick","rtl","annotations","customHighlightAreaSettings","regressionLine","resetSelectionOnDoubleClick","detailsOnClick","noOfXTicks","noOfYTicks","labelColor","xSuffix","ySuffix","xPrefix","yPrefix","styles","classNames","animate","dimmedOpacity","precision","customLayers","svgRef","useRef","t0","amount","once","isInView","useInView","mouseOverData","setMouseOverData","useState","undefined","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","t1","t2","t3","top","bottom","left","right","margin","T0","T1","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t4","t5","t6","t7","t8","t9","graphObjectValues","regLine","xAxis","axis","gridLines","labels","title","yAxis","dataWithId","map","_temp","graphWidth","graphHeight","radiusScale","filter","_temp2","length","scaleSqrt","domain","range","nice","dataOrdered","_temp3","orderBy","_temp4","x","scaleLinear","y","xTicks","ticks","yTicks","voronoiDiagram","Delaunay","from","_temp5","d_4","d","d_5","voronoi","regressionLineParam","linearRegression","_temp6","d_7","predict","linearRegressionLine","motion","svg","t20","jsx","CustomArea","AnimatePresence","HighlightAreaForScatterPlot","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","t31","numberFormattingFunction","t32","t33","dy","dx","t34","t35","t36","label","t37","t38","t39","textAnchor","t40","t41","Axis","t42","t43","t44","t45","t46","AxisTitle","YTicksAndGridLines","_temp7","_temp8","d_10","t47","t48","t49","t50","t51","t52","t53","t54","t55","t56","t57","t58","t59","t60","t61","t62","t63","t64","t65","t66","t67","t68","t69","t70","t71","XTicksAndGridLines","_temp9","_temp0","d_13","_temp1","_temp10","_temp11","d_17","i_0","renderCell","findIndex","el","id","event","clientY","clientX","event_0","isEqual","_temp12","d_19","i_1","jsxs","initial","opacity","color","indexOf","whileInView","transition","duration","event_1","event_2","r","fill","_temp13","Colors","gray","stroke","_temp14","_temp15","_temp16","fillOpacity","checkIfNullOrUndefined","cn","_temp17","_temp18","_temp19","_temp20","el_8","i_2","RefLineX","text","value","i","el_9","i_3","RefLineY","t72","d_20","i_4","endPoints","getLineEndPoint","xCoordinate","xOffset","yCoordinate","yOffset","connectorRadius","connectorSettings","showConnector","y1","x1","y2","x2","cy","cx","circleRadius","strokeWidth","Math","min","labelSettings","maxWidth","fontWeight","align","Annotation","RegressionLine","_temp21","_temp22","Tooltip","Modal","__html","string2HTML","Fragment","d_22","layer","d_21","position","el_7","el_6","el_5","el_4","el_3","el_2","el_1","el_0","d_18","d_16","d_15","d_14","d_12","d_11","d_9","d_8","d_6","d_3","d_1","d_2","d_0","ScatterPlot","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","language","showNAColor","minHeight","theme","ariaLabel","timeline","enabled","autoplay","showOnlyActiveDate","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","dateFormat","Date","getTime","index","setIndex","setSelectedColor","graphDiv","graphParentDiv","Symbol","for","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","interval","setInterval","speed","clearInterval","markObj","getSliderMarks","GraphContainer","graphContainer","description","GraphHeader","Pause","Play","SliderUI","nextValue","nextValue_0","EmptyState","ColorLegendWithMouseOver","categoricalColors","colorLegend","GraphArea","ensureCompleteDataForScatterPlot","date","format","primaryColors","max","_temp23","_temp24","_temp25","_temp26","footnote","source","GraphFooter","d_23","a","b","ascending"],"mappings":"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"}

package/dist/ScrollStory.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-DDoeWRVt.cjs"),x=require("react"),d=require("./SingleGraphDashboard.cjs"),y=require("./proxy-BHRoeZgd.cjs"),m=require("./use-in-view-sQJZ_xDO.cjs");function S(o){const{chapters:l,visibilityThreshold:u=.5,mode:n="overlay",infoWidth:a="320px",infoPosition:s="left",infoBackgroundColor:h="rgba(255,255,255,0.8)"}=o,[i,c]=x.useState(0),e=[];return l.forEach((t,p)=>{t.sections.forEach((g,f)=>{e.push({chapter:p,dataSettings:t.dataSettings,section:f,graphType:t.graphType,infoBox:g.infoBox,graphSettings:{...t.graphSettings,...g.graphSettings||{},animate:!0},graphDataConfiguration:g.graphDataConfiguration||t.graphDataConfiguration||[]})})}),r.jsxRuntimeExports.jsxs("div",{className:"relative w-full h-full",children:[r.jsxRuntimeExports.jsx(y.motion.div,{className:"fixed top-0 h-full -z-10",initial:{opacity:0},animate:{opacity:1},transition:{duration:.5},style:{left:n==="overlay"||s==="right"?0:a,width:n==="overlay"?"100%":`calc(100% - ${a})`},children:r.jsxRuntimeExports.jsx(d.SingleGraphDashboard,{graphType:e[i].graphType,dataSettings:e[i].dataSettings,graphSettings:e[i].graphSettings,graphDataConfiguration:e[i].graphDataConfiguration})},e[i].chapter),r.jsxRuntimeExports.jsx("div",{children:e.map((t,p)=>r.jsxRuntimeExports.jsx(j,{width:a,index:p,infoBox:t.infoBox,setActiveIndex:c,position:s,mode:n,visibilityThreshold:u,backgroundColor:h},`${t.chapter}-${t.section}`))})]})}function j({infoBox:o,index:l,setActiveIndex:u,position:n,mode:a,visibilityThreshold:s,backgroundColor:h,width:i}){const c=x.useRef(null);return m.useInView(c,{once:!1,amount:s})&&u(l),r.jsxRuntimeExports.jsx("section",{ref:c,className:`min-h-screen flex ${n==="center"?"justify-center":n==="right"?"justify-end":"justify-start"}`,children:r.jsxRuntimeExports.jsxs("div",{className:`p-8 ${a==="overlay"?"h-fit mx-10 ":""}`,style:{backgroundColor:h,width:i},children:[o.title,o.description]})})}exports.ScrollStory=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index-CHPV5EwG-CTPQjnHt.cjs"),N=require("react"),A=require("./SingleGraphDashboard.cjs"),G=require("./proxy-BxvUI_9l.cjs"),W=require("./use-in-view-QcfiW0w3.cjs");function _(w){const t=c.compilerRuntimeExports.c(27),{chapters:i,visibilityThreshold:S,mode:v,infoWidth:m,infoPosition:j,infoBackgroundColor:f}=w,h=S===void 0?.5:S,n=v===void 0?"overlay":v,p=m===void 0?"320px":m,s=j===void 0?"left":j,C=f===void 0?"rgba(255,255,255,0.8)":f,[r,y]=N.useState(0);let e;t[0]!==i?(e=[],i.forEach((l,V)=>{l.sections.forEach((k,P)=>{e.push({chapter:V,dataSettings:l.dataSettings,section:P,graphType:l.graphType,infoBox:k.infoBox,graphSettings:{...l.graphSettings,...k.graphSettings||{},animate:!0},graphDataConfiguration:k.graphDataConfiguration||l.graphDataConfiguration||[]})})}),t[0]=i,t[1]=e):e=t[1];const o=e[r];let a,E,b;t[2]===Symbol.for("react.memo_cache_sentinel")?(a={opacity:0},E={opacity:1},b={duration:.5},t[2]=a,t[3]=E,t[4]=b):(a=t[2],E=t[3],b=t[4]);const D=n==="overlay"||s==="right"?0:p,T=n==="overlay"?"100%":`calc(100% - ${p})`;let g;t[5]!==T||t[6]!==D?(g={left:D,width:T},t[5]=T,t[6]=D,t[7]=g):g=t[7];const B=e[r].graphType,I=e[r],$=e[r],q=e[r];let d;t[8]!==B||t[9]!==I.dataSettings||t[10]!==$.graphSettings||t[11]!==q.graphDataConfiguration?(d=c.jsxRuntimeExports.jsx(A.SingleGraphDashboard,{graphType:B,dataSettings:I.dataSettings,graphSettings:$.graphSettings,graphDataConfiguration:q.graphDataConfiguration}),t[8]=B,t[9]=I.dataSettings,t[10]=$.graphSettings,t[11]=q.graphDataConfiguration,t[12]=d):d=t[12];let u;t[13]!==g||t[14]!==d||t[15]!==o.chapter?(u=c.jsxRuntimeExports.jsx(G.motion.div,{className:"fixed top-0 h-full -z-10",initial:a,animate:E,transition:b,style:g,children:d},o.chapter),t[13]=g,t[14]=d,t[15]=o.chapter,t[16]=u):u=t[16];let x;t[17]!==C||t[18]!==s||t[19]!==p||t[20]!==n||t[21]!==e||t[22]!==h?(x=c.jsxRuntimeExports.jsx("div",{children:e.map((l,V)=>c.jsxRuntimeExports.jsx(z,{width:p,index:V,infoBox:l.infoBox,setActiveIndex:y,position:s,mode:n,visibilityThreshold:h,backgroundColor:C},`${l.chapter}-${l.section}`))}),t[17]=C,t[18]=s,t[19]=p,t[20]=n,t[21]=e,t[22]=h,t[23]=x):x=t[23];let R;return t[24]!==u||t[25]!==x?(R=c.jsxRuntimeExports.jsxs("div",{className:"relative w-full h-full",children:[u,x]}),t[24]=u,t[25]=x,t[26]=R):R=t[26],R}function z(w){const t=c.compilerRuntimeExports.c(13),{infoBox:i,index:S,setActiveIndex:v,position:m,mode:j,visibilityThreshold:f,backgroundColor:h,width:n}=w,p=N.useRef(null);let s;t[0]!==f?(s={once:!1,amount:f},t[0]=f,t[1]=s):s=t[1],W.useInView(p,s)&&v(S);const r=`min-h-screen flex ${m==="center"?"justify-center":m==="right"?"justify-end":"justify-start"}`,y=`p-8 ${j==="overlay"?"h-fit mx-10 ":""}`;let e;t[2]!==h||t[3]!==n?(e={backgroundColor:h,width:n},t[2]=h,t[3]=n,t[4]=e):e=t[4];let o;t[5]!==i.description||t[6]!==i.title||t[7]!==y||t[8]!==e?(o=c.jsxRuntimeExports.jsxs("div",{className:y,style:e,children:[i.title,i.description]}),t[5]=i.description,t[6]=i.title,t[7]=y,t[8]=e,t[9]=o):o=t[9];let a;return t[10]!==r||t[11]!==o?(a=c.jsxRuntimeExports.jsx("section",{ref:p,className:r,children:o}),t[10]=r,t[11]=o,t[12]=a):a=t[12],a}exports.ScrollStory=_;
 //# sourceMappingURL=ScrollStory.cjs.map

package/dist/ScrollStory.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollStory.cjs","sources":["../src/Components/Dashboard/ScrollStory.tsx"],"sourcesContent":["// Scrollytelling.tsx\r\nimport { motion, useInView } from 'motion/react';\r\nimport { useRef, useState } from 'react';\r\n\r\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\r\n\r\nimport {\r\n  ChaptersDataType,\r\n  GraphTypeForGriddedGraph,\r\n  InfoBoxDataType,\r\n  SectionsArrDataType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  /** Defines if the information is shown as overlay or on the side */\r\n  mode?: 'overlay' | 'side';\r\n  /** Defines the width of the info section */\r\n  infoWidth?: string;\r\n  /** Defined the different chapters for the story and different sections within the story  */\r\n  chapters: ChaptersDataType[];\r\n  /** Position of info on the page */\r\n  infoPosition?: 'left' | 'right' | 'center';\r\n  /** Sets how much of the element (from 0 to 1) must be visible before it's considered in view and it trigger the animation in the scrollytelling */\r\n  visibilityThreshold?: number;\r\n  /** Sets background color of the info box. */\r\n  infoBackgroundColor?: string;\r\n}\r\n\r\n/** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. This does not include GeoHub maps and 3-D graph; for those please use `PerformanceIntensiveScrollStory`. */\r\nexport function ScrollStory(props: Props) {\r\n  const {\r\n    chapters,\r\n    visibilityThreshold = 0.5,\r\n    mode = 'overlay',\r\n    infoWidth = '320px',\r\n    infoPosition = 'left',\r\n    infoBackgroundColor = 'rgba(255,255,255,0.8)',\r\n  } = props;\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const sectionsArr: SectionsArrDataType[] = [];\r\n  chapters.forEach((d, i) => {\r\n    d.sections.forEach((s, j) => {\r\n      sectionsArr.push({\r\n        chapter: i,\r\n        dataSettings: d.dataSettings,\r\n        section: j,\r\n        graphType: d.graphType,\r\n        infoBox: s.infoBox,\r\n        graphSettings: { ...d.graphSettings, ...(s.graphSettings || {}), animate: true },\r\n        graphDataConfiguration: s.graphDataConfiguration || d.graphDataConfiguration || [],\r\n      });\r\n    });\r\n  });\r\n  return (\r\n    <div className='relative w-full h-full'>\r\n      {/* Background Layer */}\r\n      <motion.div\r\n        key={sectionsArr[activeIndex].chapter}\r\n        className='fixed top-0 h-full -z-10'\r\n        initial={{ opacity: 0 }}\r\n        animate={{ opacity: 1 }}\r\n        transition={{ duration: 0.5 }}\r\n        style={{\r\n          left: mode === 'overlay' ? 0 : infoPosition === 'right' ? 0 : infoWidth,\r\n          width: mode === 'overlay' ? '100%' : `calc(100% - ${infoWidth})`,\r\n        }}\r\n      >\r\n        <SingleGraphDashboard\r\n          graphType={sectionsArr[activeIndex].graphType as GraphTypeForGriddedGraph}\r\n          dataSettings={sectionsArr[activeIndex].dataSettings}\r\n          graphSettings={sectionsArr[activeIndex].graphSettings}\r\n          graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n        />\r\n      </motion.div>\r\n      <div>\r\n        {sectionsArr.map((section, idx) => (\r\n          <ScrollySection\r\n            width={infoWidth}\r\n            key={`${section.chapter}-${section.section}`}\r\n            index={idx}\r\n            infoBox={section.infoBox}\r\n            setActiveIndex={setActiveIndex}\r\n            position={infoPosition}\r\n            mode={mode}\r\n            visibilityThreshold={visibilityThreshold}\r\n            backgroundColor={infoBackgroundColor}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ScrollySection({\r\n  infoBox,\r\n  index,\r\n  setActiveIndex,\r\n  position,\r\n  mode,\r\n  visibilityThreshold,\r\n  backgroundColor,\r\n  width,\r\n}: {\r\n  infoBox: InfoBoxDataType;\r\n  index: number;\r\n  setActiveIndex: (idx: number) => void;\r\n  position: 'left' | 'right' | 'center';\r\n  mode: 'overlay' | 'side';\r\n  visibilityThreshold: number;\r\n  backgroundColor: string;\r\n  width: string;\r\n}) {\r\n  const ref = useRef(null);\r\n  const isInView = useInView(ref, {\r\n    once: false,\r\n    amount: visibilityThreshold,\r\n  });\r\n  if (isInView) setActiveIndex(index);\r\n  return (\r\n    <section\r\n      ref={ref}\r\n      className={`min-h-screen flex ${position === 'center' ? 'justify-center' : position === 'right' ? 'justify-end' : 'justify-start'}`}\r\n    >\r\n      <div\r\n        className={`p-8 ${mode === 'overlay' ? 'h-fit mx-10 ' : ''}`}\r\n        style={{\r\n          backgroundColor,\r\n          width,\r\n        }}\r\n      >\r\n        {infoBox.title}\r\n        {infoBox.description}\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["ScrollStory","props","chapters","visibilityThreshold","mode","infoWidth","infoPosition","infoBackgroundColor","activeIndex","setActiveIndex","useState","sectionsArr","d","i","s","j","jsxs","jsx","motion","SingleGraphDashboard","section","idx","ScrollySection","infoBox","index","position","backgroundColor","width","ref","useRef","useInView"],"mappings":"sQA6BO,SAASA,EAAYC,EAAc,CACxC,KAAM,CACJ,SAAAC,EACA,oBAAAC,EAAsB,GACtB,KAAAC,EAAO,UACP,UAAAC,EAAY,QACZ,aAAAC,EAAe,OACf,oBAAAC,EAAsB,uBAAA,EACpBN,EACE,CAACO,EAAaC,CAAc,EAAIC,EAAAA,SAAS,CAAC,EAC1CC,EAAqC,CAAA,EAC3C,OAAAT,EAAS,QAAQ,CAACU,EAAGC,IAAM,CACzBD,EAAE,SAAS,QAAQ,CAACE,EAAGC,IAAM,CAC3BJ,EAAY,KAAK,CACf,QAASE,EACT,aAAcD,EAAE,aAChB,QAASG,EACT,UAAWH,EAAE,UACb,QAASE,EAAE,QACX,cAAe,CAAE,GAAGF,EAAE,cAAe,GAAIE,EAAE,eAAiB,CAAA,EAAK,QAAS,EAAA,EAC1E,uBAAwBA,EAAE,wBAA0BF,EAAE,wBAA0B,CAAA,CAAC,CAClF,CACH,CAAC,CACH,CAAC,EAECI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,yBAEb,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,OAAO,IAAP,CAEC,UAAU,2BACV,QAAS,CAAE,QAAS,CAAA,EACpB,QAAS,CAAE,QAAS,CAAA,EACpB,WAAY,CAAE,SAAU,EAAA,EACxB,MAAO,CACL,KAAMd,IAAS,WAAgBE,IAAiB,QAArB,EAAmCD,EAC9D,MAAOD,IAAS,UAAY,OAAS,eAAeC,CAAS,GAAA,EAG/D,SAAAY,EAAAA,kBAAAA,IAACE,EAAAA,qBAAA,CACC,UAAWR,EAAYH,CAAW,EAAE,UACpC,aAAcG,EAAYH,CAAW,EAAE,aACvC,cAAeG,EAAYH,CAAW,EAAE,cACxC,uBAAwBG,EAAYH,CAAW,EAAE,sBAAA,CAAA,CACnD,EAfKG,EAAYH,CAAW,EAAE,OAAA,0BAiB/B,MAAA,CACE,SAAAG,EAAY,IAAI,CAACS,EAASC,IACzBJ,EAAAA,kBAAAA,IAACK,EAAA,CACC,MAAOjB,EAEP,MAAOgB,EACP,QAASD,EAAQ,QACjB,eAAAX,EACA,SAAUH,EACV,KAAAF,EACA,oBAAAD,EACA,gBAAiBI,CAAA,EAPZ,GAAGa,EAAQ,OAAO,IAAIA,EAAQ,OAAO,EAAA,CAS7C,CAAA,CACH,CAAA,EACF,CAEJ,CAEA,SAASE,EAAe,CACtB,QAAAC,EACA,MAAAC,EACA,eAAAf,EACA,SAAAgB,EACA,KAAArB,EACA,oBAAAD,EACA,gBAAAuB,EACA,MAAAC,CACF,EASG,CACD,MAAMC,EAAMC,EAAAA,OAAO,IAAI,EAKvB,OAJiBC,EAAAA,UAAUF,EAAK,CAC9B,KAAM,GACN,OAAQzB,CAAA,CACT,KAC4BqB,CAAK,EAEhCP,EAAAA,kBAAAA,IAAC,UAAA,CACC,IAAAW,EACA,UAAW,qBAAqBH,IAAa,SAAW,iBAAmBA,IAAa,QAAU,cAAgB,eAAe,GAEjI,SAAAT,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAW,OAAOZ,IAAS,UAAY,eAAiB,EAAE,GAC1D,MAAO,CACL,gBAAAsB,EACA,MAAAC,CAAA,EAGD,SAAA,CAAAJ,EAAQ,MACRA,EAAQ,WAAA,CAAA,CAAA,CACX,CAAA,CAGN"}
+{"version":3,"file":"ScrollStory.cjs","sources":["../src/Components/Dashboard/ScrollStory.tsx"],"sourcesContent":["// Scrollytelling.tsx\r\nimport { motion, useInView } from 'motion/react';\r\nimport { useRef, useState } from 'react';\r\n\r\nimport { SingleGraphDashboard } from './SingleGraphDashboard';\r\n\r\nimport {\r\n  ChaptersDataType,\r\n  GraphTypeForGriddedGraph,\r\n  InfoBoxDataType,\r\n  SectionsArrDataType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  /** Defines if the information is shown as overlay or on the side */\r\n  mode?: 'overlay' | 'side';\r\n  /** Defines the width of the info section */\r\n  infoWidth?: string;\r\n  /** Defined the different chapters for the story and different sections within the story  */\r\n  chapters: ChaptersDataType[];\r\n  /** Position of info on the page */\r\n  infoPosition?: 'left' | 'right' | 'center';\r\n  /** Sets how much of the element (from 0 to 1) must be visible before it's considered in view and it trigger the animation in the scrollytelling */\r\n  visibilityThreshold?: number;\r\n  /** Sets background color of the info box. */\r\n  infoBackgroundColor?: string;\r\n}\r\n\r\n/** ScrollStory is a scrollytelling container component that reveals content step-by-step as the user scrolls through the page. This does not include GeoHub maps and 3-D graph; for those please use `PerformanceIntensiveScrollStory`. */\r\nexport function ScrollStory(props: Props) {\r\n  const {\r\n    chapters,\r\n    visibilityThreshold = 0.5,\r\n    mode = 'overlay',\r\n    infoWidth = '320px',\r\n    infoPosition = 'left',\r\n    infoBackgroundColor = 'rgba(255,255,255,0.8)',\r\n  } = props;\r\n  const [activeIndex, setActiveIndex] = useState(0);\r\n  const sectionsArr: SectionsArrDataType[] = [];\r\n  chapters.forEach((d, i) => {\r\n    d.sections.forEach((s, j) => {\r\n      sectionsArr.push({\r\n        chapter: i,\r\n        dataSettings: d.dataSettings,\r\n        section: j,\r\n        graphType: d.graphType,\r\n        infoBox: s.infoBox,\r\n        graphSettings: { ...d.graphSettings, ...(s.graphSettings || {}), animate: true },\r\n        graphDataConfiguration: s.graphDataConfiguration || d.graphDataConfiguration || [],\r\n      });\r\n    });\r\n  });\r\n  return (\r\n    <div className='relative w-full h-full'>\r\n      {/* Background Layer */}\r\n      <motion.div\r\n        key={sectionsArr[activeIndex].chapter}\r\n        className='fixed top-0 h-full -z-10'\r\n        initial={{ opacity: 0 }}\r\n        animate={{ opacity: 1 }}\r\n        transition={{ duration: 0.5 }}\r\n        style={{\r\n          left: mode === 'overlay' ? 0 : infoPosition === 'right' ? 0 : infoWidth,\r\n          width: mode === 'overlay' ? '100%' : `calc(100% - ${infoWidth})`,\r\n        }}\r\n      >\r\n        <SingleGraphDashboard\r\n          graphType={sectionsArr[activeIndex].graphType as GraphTypeForGriddedGraph}\r\n          dataSettings={sectionsArr[activeIndex].dataSettings}\r\n          graphSettings={sectionsArr[activeIndex].graphSettings}\r\n          graphDataConfiguration={sectionsArr[activeIndex].graphDataConfiguration}\r\n        />\r\n      </motion.div>\r\n      <div>\r\n        {sectionsArr.map((section, idx) => (\r\n          <ScrollySection\r\n            width={infoWidth}\r\n            key={`${section.chapter}-${section.section}`}\r\n            index={idx}\r\n            infoBox={section.infoBox}\r\n            setActiveIndex={setActiveIndex}\r\n            position={infoPosition}\r\n            mode={mode}\r\n            visibilityThreshold={visibilityThreshold}\r\n            backgroundColor={infoBackgroundColor}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction ScrollySection({\r\n  infoBox,\r\n  index,\r\n  setActiveIndex,\r\n  position,\r\n  mode,\r\n  visibilityThreshold,\r\n  backgroundColor,\r\n  width,\r\n}: {\r\n  infoBox: InfoBoxDataType;\r\n  index: number;\r\n  setActiveIndex: (idx: number) => void;\r\n  position: 'left' | 'right' | 'center';\r\n  mode: 'overlay' | 'side';\r\n  visibilityThreshold: number;\r\n  backgroundColor: string;\r\n  width: string;\r\n}) {\r\n  const ref = useRef(null);\r\n  const isInView = useInView(ref, {\r\n    once: false,\r\n    amount: visibilityThreshold,\r\n  });\r\n  if (isInView) setActiveIndex(index);\r\n  return (\r\n    <section\r\n      ref={ref}\r\n      className={`min-h-screen flex ${position === 'center' ? 'justify-center' : position === 'right' ? 'justify-end' : 'justify-start'}`}\r\n    >\r\n      <div\r\n        className={`p-8 ${mode === 'overlay' ? 'h-fit mx-10 ' : ''}`}\r\n        style={{\r\n          backgroundColor,\r\n          width,\r\n        }}\r\n      >\r\n        {infoBox.title}\r\n        {infoBox.description}\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"],"names":["ScrollStory","props","$","_c","chapters","visibilityThreshold","t0","mode","t1","infoWidth","t2","infoPosition","t3","infoBackgroundColor","t4","undefined","activeIndex","setActiveIndex","useState","sectionsArr","forEach","d","i","sections","s","j","push","chapter","dataSettings","section","graphType","infoBox","graphSettings","animate","graphDataConfiguration","t5","t6","t7","t8","Symbol","for","opacity","duration","t9","t10","t11","left","width","t12","t13","t14","t15","t16","jsx","SingleGraphDashboard","t17","t18","map","idx","ScrollySection","t19","jsxs","index","position","backgroundColor","ref","useRef","once","amount","useInView","description","title"],"mappings":"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"}

package/dist/ScrollStory.d.ts

@@ -75,6 +75,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 declare interface ColumnConfigurationDataType {
@@ -403,6 +404,7 @@ declare interface GraphSettingsDataType {
     showAxisLabels?: boolean;
     highlightedAltitude?: number;
     selectedId?: string;
+    collapseColorScaleByDefault?: boolean;
 }
 
 declare type GraphType = GraphTypeForGriddedGraph;