@undp/data-viz 1.5.7 → 1.5.9

package/dist/RadarChart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadarChart.cjs","sources":["../node_modules/d3-shape/src/curve/radial.js","../node_modules/d3-shape/src/lineRadial.js","../node_modules/d3-shape/src/noop.js","../node_modules/d3-shape/src/curve/cardinal.js","../node_modules/d3-shape/src/curve/cardinalClosed.js","../node_modules/d3-shape/src/curve/linearClosed.js","../src/Components/Graphs/RadarChart/Graph.tsx","../src/Components/Graphs/RadarChart/index.tsx"],"sourcesContent":["import curveLinear from \"./linear.js\";\n\nexport var curveRadialLinear = curveRadial(curveLinear);\n\nfunction Radial(curve) {\n  this._curve = curve;\n}\n\nRadial.prototype = {\n  areaStart: function() {\n    this._curve.areaStart();\n  },\n  areaEnd: function() {\n    this._curve.areaEnd();\n  },\n  lineStart: function() {\n    this._curve.lineStart();\n  },\n  lineEnd: function() {\n    this._curve.lineEnd();\n  },\n  point: function(a, r) {\n    this._curve.point(r * Math.sin(a), r * -Math.cos(a));\n  }\n};\n\nexport default function curveRadial(curve) {\n\n  function radial(context) {\n    return new Radial(curve(context));\n  }\n\n  radial._curve = curve;\n\n  return radial;\n}\n","import curveRadial, {curveRadialLinear} from \"./curve/radial.js\";\nimport line from \"./line.js\";\n\nexport function lineRadial(l) {\n  var c = l.curve;\n\n  l.angle = l.x, delete l.x;\n  l.radius = l.y, delete l.y;\n\n  l.curve = function(_) {\n    return arguments.length ? c(curveRadial(_)) : c()._curve;\n  };\n\n  return l;\n}\n\nexport default function() {\n  return lineRadial(line().curve(curveRadialLinear));\n}\n","export default function() {}\n","export function point(that, x, y) {\n  that._context.bezierCurveTo(\n    that._x1 + that._k * (that._x2 - that._x0),\n    that._y1 + that._k * (that._y2 - that._y0),\n    that._x2 + that._k * (that._x1 - x),\n    that._y2 + that._k * (that._y1 - y),\n    that._x2,\n    that._y2\n  );\n}\n\nexport function Cardinal(context, tension) {\n  this._context = context;\n  this._k = (1 - tension) / 6;\n}\n\nCardinal.prototype = {\n  areaStart: function() {\n    this._line = 0;\n  },\n  areaEnd: function() {\n    this._line = NaN;\n  },\n  lineStart: function() {\n    this._x0 = this._x1 = this._x2 =\n    this._y0 = this._y1 = this._y2 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 2: this._context.lineTo(this._x2, this._y2); break;\n      case 3: point(this, this._x1, this._y1); break;\n    }\n    if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n    this._line = 1 - this._line;\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n      case 1: this._point = 2; this._x1 = x, this._y1 = y; break;\n      case 2: this._point = 3; // falls through\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n    this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n  }\n};\n\nexport default (function custom(tension) {\n\n  function cardinal(context) {\n    return new Cardinal(context, tension);\n  }\n\n  cardinal.tension = function(tension) {\n    return custom(+tension);\n  };\n\n  return cardinal;\n})(0);\n","import noop from \"../noop.js\";\nimport {point} from \"./cardinal.js\";\n\nexport function CardinalClosed(context, tension) {\n  this._context = context;\n  this._k = (1 - tension) / 6;\n}\n\nCardinalClosed.prototype = {\n  areaStart: noop,\n  areaEnd: noop,\n  lineStart: function() {\n    this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 =\n    this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 1: {\n        this._context.moveTo(this._x3, this._y3);\n        this._context.closePath();\n        break;\n      }\n      case 2: {\n        this._context.lineTo(this._x3, this._y3);\n        this._context.closePath();\n        break;\n      }\n      case 3: {\n        this.point(this._x3, this._y3);\n        this.point(this._x4, this._y4);\n        this.point(this._x5, this._y5);\n        break;\n      }\n    }\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._x3 = x, this._y3 = y; break;\n      case 1: this._point = 2; this._context.moveTo(this._x4 = x, this._y4 = y); break;\n      case 2: this._point = 3; this._x5 = x, this._y5 = y; break;\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n    this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n  }\n};\n\nexport default (function custom(tension) {\n\n  function cardinal(context) {\n    return new CardinalClosed(context, tension);\n  }\n\n  cardinal.tension = function(tension) {\n    return custom(+tension);\n  };\n\n  return cardinal;\n})(0);\n","import noop from \"../noop.js\";\n\nfunction LinearClosed(context) {\n  this._context = context;\n}\n\nLinearClosed.prototype = {\n  areaStart: noop,\n  areaEnd: noop,\n  lineStart: function() {\n    this._point = 0;\n  },\n  lineEnd: function() {\n    if (this._point) this._context.closePath();\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    if (this._point) this._context.lineTo(x, y);\n    else this._point = 1, this._context.moveTo(x, y);\n  }\n};\n\nexport default function(context) {\n  return new LinearClosed(context);\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport isEqual from 'fast-deep-equal';\r\nimport { lineRadial, curveLinearClosed, curveCardinalClosed } from 'd3-shape';\r\nimport { useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { scaleLinear } from 'd3-scale';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  RadarChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  radius: number;\r\n  lineColors: string[];\r\n  axisLabels: (string | number)[];\r\n  data: RadarChartDataType[];\r\n\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  selectedColor?: string;\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  colorDomain: string[];\r\n\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  strokeWidth: number;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  showValues: boolean;\r\n  showDots: boolean;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  curveType: 'linear' | 'curve';\r\n  noOfTicks: number;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  fillShape: boolean;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  highlightedLines: (string | number)[];\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    radius,\r\n    lineColors,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    onSeriesMouseClick,\r\n    colorDomain,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    selectedColor,\r\n    axisLabels,\r\n    strokeWidth,\r\n    showValues,\r\n    showDots,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    curveType,\r\n    noOfTicks,\r\n    minValue,\r\n    maxValue,\r\n    resetSelectionOnDoubleClick,\r\n    fillShape,\r\n    highlightedLines,\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  const curve = curveType === 'linear' ? curveLinearClosed : curveCardinalClosed;\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const radiusWithoutMargin = Math.min(\r\n    (2 * radius - leftMargin - rightMargin) / 2,\r\n    (2 * radius - topMargin - bottomMargin) / 2,\r\n  );\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n\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 angleScale = scaleLinear()\r\n    .domain([0, data[0].values.length])\r\n    .range([0, 2 * Math.PI]);\r\n\r\n  const maxVal = !checkIfNullOrUndefined(maxValue)\r\n    ? (maxValue as number)\r\n    : Math.max(\r\n          ...data.map(d =>\r\n            Math.max(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        ) < 0\r\n      ? 0\r\n      : Math.max(\r\n          ...data.map(d =>\r\n            Math.max(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        );\r\n\r\n  const minVal = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(\r\n          ...data.map(d =>\r\n            Math.min(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        ) >= 0\r\n      ? 0\r\n      : Math.min(\r\n          ...data.map(d =>\r\n            Math.min(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        );\r\n  const scale = scaleLinear().domain([minVal, maxVal]).range([0, radiusWithoutMargin]).nice();\r\n  const ticksArray = scale.ticks(noOfTicks);\r\n  const lineShape = lineRadial<number>()\r\n    .radius(d => scale(d))\r\n    .angle((_, i) => angleScale(i))\r\n    .curve(curve);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${radius * 2}px`}\r\n        height={`${radius * 2}px`}\r\n        viewBox={`0 0 ${radius * 2} ${radius * 2}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <g transform={`translate(${radiusWithoutMargin},${radiusWithoutMargin})`}>\r\n            {axisLabels.map((d, i) => (\r\n              <g key={i}>\r\n                <line\r\n                  x1={0}\r\n                  y1={0}\r\n                  x2={Math.cos(angleScale(i) - Math.PI / 2) * radiusWithoutMargin}\r\n                  y2={Math.sin(angleScale(i) - Math.PI / 2) * radiusWithoutMargin}\r\n                  key={i}\r\n                  className={cn(\r\n                    'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                    classNames?.xAxis?.axis,\r\n                  )}\r\n                  style={styles?.xAxis?.axis}\r\n                />\r\n                <text\r\n                  x={Math.cos(angleScale(i) - Math.PI / 2) * (radiusWithoutMargin + 6)}\r\n                  y={Math.sin(angleScale(i) - Math.PI / 2) * (radiusWithoutMargin + 6)}\r\n                  style={{\r\n                    textAnchor:\r\n                      Math.cos(angleScale(i) - Math.PI / 2) < 0\r\n                        ? 'end'\r\n                        : Math.cos(angleScale(i) - Math.PI / 2) < 0.00001\r\n                          ? 'middle'\r\n                          : 'start',\r\n                    ...(styles?.xAxis?.labels || ''),\r\n                  }}\r\n                  dy={\r\n                    Math.sin(angleScale(i) - Math.PI / 2) < 0\r\n                      ? 0\r\n                      : Math.sin(angleScale(i) - Math.PI / 2) < 0.00001\r\n                        ? 5\r\n                        : 10\r\n                  }\r\n                  className={cn(\r\n                    'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n                    classNames?.xAxis?.labels,\r\n                  )}\r\n                >\r\n                  {d}\r\n                </text>\r\n              </g>\r\n            ))}\r\n            {ticksArray.map((d, i) => (\r\n              <g key={i}>\r\n                <path\r\n                  d={lineShape(Array(axisLabels.length).fill(d)) || ''}\r\n                  className={cn(\r\n                    'stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                    classNames?.xAxis?.gridLines,\r\n                  )}\r\n                  style={{\r\n                    ...styles?.xAxis?.gridLines,\r\n                    fill: 'none',\r\n                  }}\r\n                />\r\n                <foreignObject\r\n                  x={-25}\r\n                  y={\r\n                    Math.sin(-Math.PI / 2) * scale(d) > -0.0001\r\n                      ? Math.sin(-Math.PI / 2) * scale(d) - 7\r\n                      : Math.sin(-Math.PI / 2) * scale(d) - 5\r\n                  }\r\n                  width={50}\r\n                  height={12}\r\n                >\r\n                  <div className='flex justify-center'>\r\n                    <p\r\n                      className={cn(\r\n                        'fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700',\r\n                        classNames?.xAxis?.labels,\r\n                      )}\r\n                      style={styles?.xAxis?.labels}\r\n                    >\r\n                      {numberFormattingFunction(d, 'NA', precision)}\r\n                    </p>\r\n                  </div>\r\n                </foreignObject>\r\n              </g>\r\n            ))}\r\n            <AnimatePresence>\r\n              {data.map((d, i) => (\r\n                <motion.g\r\n                  key={d.label || i}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: mouseOverData\r\n                        ? d.label === mouseOverData.label\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : selectedColor\r\n                          ? d.color\r\n                            ? lineColors[colorDomain.indexOf(d.color)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : highlightedLines.length !== 0\r\n                            ? d.label\r\n                              ? highlightedLines.indexOf(d.label) !== -1\r\n                                ? 1\r\n                                : 0.3\r\n                              : 0.3\r\n                            : 1,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: mouseOverData\r\n                        ? d.label === mouseOverData.label\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : selectedColor\r\n                          ? d.color\r\n                            ? lineColors[colorDomain.indexOf(d.color)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : highlightedLines.length !== 0\r\n                            ? d.label\r\n                              ? highlightedLines.indexOf(d.label) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\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.path\r\n                    d={lineShape(d.values) || ''}\r\n                    variants={{\r\n                      initial: { d: lineShape(d.values.map(_el => 0)) || '' },\r\n                      whileInView: {\r\n                        d: lineShape(d.values) || '',\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                    style={{\r\n                      stroke:\r\n                        data.filter(el => el.color).length === 0\r\n                          ? lineColors[0]\r\n                          : !d.color\r\n                            ? Colors.gray\r\n                            : lineColors[colorDomain.indexOf(d.color)],\r\n                      fill: fillShape\r\n                        ? data.filter(el => el.color).length === 0\r\n                          ? lineColors[0]\r\n                          : !d.color\r\n                            ? Colors.gray\r\n                            : lineColors[colorDomain.indexOf(d.color)]\r\n                        : 'none',\r\n                      fillOpacity: 0.1,\r\n                      strokeWidth,\r\n                    }}\r\n                  />\r\n                  <g>\r\n                    {d.values.map((el, j) => (\r\n                      <g key={j}>\r\n                        {!checkIfNullOrUndefined(el) ? (\r\n                          <>\r\n                            {showDots ? (\r\n                              <motion.circle\r\n                                cx={Math.cos(angleScale(j) - Math.PI / 2) * scale(el)}\r\n                                cy={Math.sin(angleScale(j) - Math.PI / 2) * scale(el)}\r\n                                r={4}\r\n                                style={{\r\n                                  fill:\r\n                                    data.filter(el => el.color).length === 0\r\n                                      ? lineColors[0]\r\n                                      : !d.color\r\n                                        ? Colors.gray\r\n                                        : lineColors[colorDomain.indexOf(d.color)],\r\n                                }}\r\n                                variants={{\r\n                                  initial: { cx: 0, cy: 0, opacity: 0 },\r\n                                  whileInView: {\r\n                                    cx: Math.cos(angleScale(j) - Math.PI / 2) * scale(el),\r\n                                    cy: Math.sin(angleScale(j) - Math.PI / 2) * scale(el),\r\n                                    opacity: 1,\r\n                                    transition: { duration: animate.duration },\r\n                                  },\r\n                                }}\r\n                                initial='initial'\r\n                                animate={isInView ? 'whileInView' : 'initial'}\r\n                                exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                              />\r\n                            ) : null}\r\n                            {showValues ? (\r\n                              <motion.text\r\n                                x={Math.cos(angleScale(j) - Math.PI / 2) * (scale(el) + 6)}\r\n                                y={Math.sin(angleScale(j) - Math.PI / 2) * (scale(el) + 6)}\r\n                                style={{\r\n                                  fill: lineColors[i],\r\n                                  textAnchor:\r\n                                    Math.cos(angleScale(j) - Math.PI / 2) < 0\r\n                                      ? 'end'\r\n                                      : Math.cos(angleScale(j) - Math.PI / 2) < 0.00001\r\n                                        ? 'middle'\r\n                                        : 'start',\r\n                                  ...(styles?.graphObjectValues || {}),\r\n                                }}\r\n                                dy={\r\n                                  Math.sin(angleScale(j) - Math.PI / 2) < 0\r\n                                    ? 10\r\n                                    : Math.sin(angleScale(j) - Math.PI / 2) < 0.00001\r\n                                      ? 0\r\n                                      : 0\r\n                                }\r\n                                className={cn(\r\n                                  'graph-value text-xs font-bold',\r\n                                  classNames?.graphObjectValues,\r\n                                )}\r\n                                variants={{\r\n                                  initial: { opacity: 0 },\r\n                                  whileInView: {\r\n                                    opacity: 1,\r\n                                    transition: { duration: animate.duration },\r\n                                  },\r\n                                }}\r\n                                initial='initial'\r\n                                animate={isInView ? 'whileInView' : 'initial'}\r\n                                exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                              >\r\n                                {numberFormattingFunction(el, 'NA', precision)}\r\n                              </motion.text>\r\n                            ) : null}\r\n                          </>\r\n                        ) : null}\r\n                      </g>\r\n                    ))}\r\n                  </g>\r\n                </motion.g>\r\n              ))}\r\n            </AnimatePresence>\r\n          </g>\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 { useEffect, useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  RadarChartDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: RadarChartDataType[];\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 each line */\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  /** Radius of the radar chart */\r\n  radius?: number;\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  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of dots on the line */\r\n  showDots?: boolean;\r\n  /** Stroke width of the line */\r\n  strokeWidth?: number;\r\n  /** Toggle is the shape is filled or not */\r\n  fillShape?: boolean;\r\n  /** No. of ticks on the x-axis  */\r\n  noOfTicks?: number;\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  highlightedLines?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Labels for the axes  */\r\n  axisLabels: (string | number)[];\r\n  /** Curve type for the line */\r\n  curveType?: 'linear' | 'curve';\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** 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 RadarChart(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    radius,\r\n    data,\r\n    showColorScale = true,\r\n    padding,\r\n    backgroundColor = false,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    graphID,\r\n    onSeriesMouseClick,\r\n    topMargin = 75,\r\n    bottomMargin = 75,\r\n    leftMargin = 75,\r\n    rightMargin = 75,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    colorDomain,\r\n    language = 'en',\r\n    theme = 'light',\r\n    highlightedLines = [],\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    strokeWidth = 2,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    colorLegendTitle,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    showNAColor = true,\r\n    axisLabels,\r\n    showDots = true,\r\n    showValues = false,\r\n    curveType = 'curve',\r\n    noOfTicks = 5,\r\n    minValue,\r\n    maxValue,\r\n    fillShape = false,\r\n    resetSelectionOnDoubleClick = true,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [graphRadius, setGraphRadius] = useState(0);\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\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 || 420);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 420);\r\n      setGraphRadius(\r\n        (Math.min(\r\n          ...[\r\n            width || entries[0].target.clientWidth || 620,\r\n            height || entries[0].target.clientHeight || 480,\r\n          ],\r\n        ) || 420) / 2,\r\n      );\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 420);\r\n      setSvgWidth(graphDiv.current.clientWidth || 420);\r\n      setGraphRadius(\r\n        (Math.min(...[graphDiv.current.clientWidth, graphDiv.current.clientHeight]) || 420) / 2,\r\n      );\r\n      if (!width || !radius) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height, radius]);\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          minHeight: 'inherit',\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 donut or pie chart chart. ${graphDescription ? ` ${graphDescription}` : ''}`\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 gap-2 w-full grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div\r\n              className='flex grow flex-col justify-center items-stretch gap-8 flex-wrap'\r\n              style={{\r\n                width: width ? `${width}px` : '100%',\r\n              }}\r\n            >\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 ${\r\n                      width ? 'grow-0' : 'grow'\r\n                    } items-center justify-center leading-0`}\r\n                    style={{\r\n                      width: width ? `${width}px` : '100%',\r\n                      height: height\r\n                        ? `${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                          )}px`\r\n                        : 'auto',\r\n                    }}\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    <div className='w-full flex justify-center leading-0'>\r\n                      {radius || graphRadius ? (\r\n                        <Graph\r\n                          data={data}\r\n                          lineColors={\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                          radius={radius || graphRadius}\r\n                          tooltip={tooltip}\r\n                          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n                          onSeriesMouseOver={onSeriesMouseOver}\r\n                          onSeriesMouseClick={onSeriesMouseClick}\r\n                          styles={styles}\r\n                          detailsOnClick={detailsOnClick}\r\n                          selectedColor={selectedColor}\r\n                          axisLabels={axisLabels}\r\n                          strokeWidth={strokeWidth}\r\n                          showValues={showValues}\r\n                          showDots={showDots}\r\n                          topMargin={topMargin}\r\n                          bottomMargin={bottomMargin}\r\n                          leftMargin={leftMargin}\r\n                          rightMargin={rightMargin}\r\n                          curveType={curveType}\r\n                          noOfTicks={noOfTicks}\r\n                          minValue={minValue}\r\n                          maxValue={maxValue}\r\n                          fillShape={fillShape}\r\n                          highlightedLines={highlightedLines}\r\n                          resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\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                  </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            ) : (\r\n              <div />\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["curveRadialLinear","curveRadial","curveLinear","Radial","curve","a","r","radial","context","lineRadial","l","c","_","lineRadial$1","line","noop","point","that","x","y","Cardinal","tension","custom","cardinal","CardinalClosed","curveCardinalClosed","LinearClosed","curveLinearClosed","Graph","props","data","radius","lineColors","tooltip","onSeriesMouseOver","onSeriesMouseClick","colorDomain","detailsOnClick","styles","classNames","selectedColor","axisLabels","strokeWidth","showValues","showDots","rightMargin","topMargin","bottomMargin","leftMargin","curveType","noOfTicks","minValue","maxValue","resetSelectionOnDoubleClick","fillShape","highlightedLines","animate","dimmedOpacity","precision","customLayers","svgRef","useRef","isInView","useInView","margin","radiusWithoutMargin","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","angleScale","scaleLinear","maxVal","checkIfNullOrUndefined","d","minVal","scale","ticksArray","lineShape","i","jsxs","Fragment","jsx","motion","cn","numberFormattingFunction","AnimatePresence","event","isEqual","_el","el","Colors","j","Tooltip","Modal","string2HTML","RadarChart","graphTitle","colors","sources","graphDescription","footNote","showColorScale","padding","backgroundColor","graphID","graphDownload","dataDownload","language","theme","width","height","minHeight","relativeHeight","ariaLabel","colorLegendTitle","showNAColor","graphRadius","setGraphRadius","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegendWithMouseOver","uniqBy","GraphFooter"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
+{"version":3,"file":"RadarChart.cjs","sources":["../node_modules/d3-shape/src/curve/radial.js","../node_modules/d3-shape/src/lineRadial.js","../node_modules/d3-shape/src/noop.js","../node_modules/d3-shape/src/curve/cardinal.js","../node_modules/d3-shape/src/curve/cardinalClosed.js","../node_modules/d3-shape/src/curve/linearClosed.js","../src/Components/Graphs/RadarChart/Graph.tsx","../src/Components/Graphs/RadarChart/index.tsx"],"sourcesContent":["import curveLinear from \"./linear.js\";\n\nexport var curveRadialLinear = curveRadial(curveLinear);\n\nfunction Radial(curve) {\n  this._curve = curve;\n}\n\nRadial.prototype = {\n  areaStart: function() {\n    this._curve.areaStart();\n  },\n  areaEnd: function() {\n    this._curve.areaEnd();\n  },\n  lineStart: function() {\n    this._curve.lineStart();\n  },\n  lineEnd: function() {\n    this._curve.lineEnd();\n  },\n  point: function(a, r) {\n    this._curve.point(r * Math.sin(a), r * -Math.cos(a));\n  }\n};\n\nexport default function curveRadial(curve) {\n\n  function radial(context) {\n    return new Radial(curve(context));\n  }\n\n  radial._curve = curve;\n\n  return radial;\n}\n","import curveRadial, {curveRadialLinear} from \"./curve/radial.js\";\nimport line from \"./line.js\";\n\nexport function lineRadial(l) {\n  var c = l.curve;\n\n  l.angle = l.x, delete l.x;\n  l.radius = l.y, delete l.y;\n\n  l.curve = function(_) {\n    return arguments.length ? c(curveRadial(_)) : c()._curve;\n  };\n\n  return l;\n}\n\nexport default function() {\n  return lineRadial(line().curve(curveRadialLinear));\n}\n","export default function() {}\n","export function point(that, x, y) {\n  that._context.bezierCurveTo(\n    that._x1 + that._k * (that._x2 - that._x0),\n    that._y1 + that._k * (that._y2 - that._y0),\n    that._x2 + that._k * (that._x1 - x),\n    that._y2 + that._k * (that._y1 - y),\n    that._x2,\n    that._y2\n  );\n}\n\nexport function Cardinal(context, tension) {\n  this._context = context;\n  this._k = (1 - tension) / 6;\n}\n\nCardinal.prototype = {\n  areaStart: function() {\n    this._line = 0;\n  },\n  areaEnd: function() {\n    this._line = NaN;\n  },\n  lineStart: function() {\n    this._x0 = this._x1 = this._x2 =\n    this._y0 = this._y1 = this._y2 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 2: this._context.lineTo(this._x2, this._y2); break;\n      case 3: point(this, this._x1, this._y1); break;\n    }\n    if (this._line || (this._line !== 0 && this._point === 1)) this._context.closePath();\n    this._line = 1 - this._line;\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._line ? this._context.lineTo(x, y) : this._context.moveTo(x, y); break;\n      case 1: this._point = 2; this._x1 = x, this._y1 = y; break;\n      case 2: this._point = 3; // falls through\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n    this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n  }\n};\n\nexport default (function custom(tension) {\n\n  function cardinal(context) {\n    return new Cardinal(context, tension);\n  }\n\n  cardinal.tension = function(tension) {\n    return custom(+tension);\n  };\n\n  return cardinal;\n})(0);\n","import noop from \"../noop.js\";\nimport {point} from \"./cardinal.js\";\n\nexport function CardinalClosed(context, tension) {\n  this._context = context;\n  this._k = (1 - tension) / 6;\n}\n\nCardinalClosed.prototype = {\n  areaStart: noop,\n  areaEnd: noop,\n  lineStart: function() {\n    this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 =\n    this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN;\n    this._point = 0;\n  },\n  lineEnd: function() {\n    switch (this._point) {\n      case 1: {\n        this._context.moveTo(this._x3, this._y3);\n        this._context.closePath();\n        break;\n      }\n      case 2: {\n        this._context.lineTo(this._x3, this._y3);\n        this._context.closePath();\n        break;\n      }\n      case 3: {\n        this.point(this._x3, this._y3);\n        this.point(this._x4, this._y4);\n        this.point(this._x5, this._y5);\n        break;\n      }\n    }\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    switch (this._point) {\n      case 0: this._point = 1; this._x3 = x, this._y3 = y; break;\n      case 1: this._point = 2; this._context.moveTo(this._x4 = x, this._y4 = y); break;\n      case 2: this._point = 3; this._x5 = x, this._y5 = y; break;\n      default: point(this, x, y); break;\n    }\n    this._x0 = this._x1, this._x1 = this._x2, this._x2 = x;\n    this._y0 = this._y1, this._y1 = this._y2, this._y2 = y;\n  }\n};\n\nexport default (function custom(tension) {\n\n  function cardinal(context) {\n    return new CardinalClosed(context, tension);\n  }\n\n  cardinal.tension = function(tension) {\n    return custom(+tension);\n  };\n\n  return cardinal;\n})(0);\n","import noop from \"../noop.js\";\n\nfunction LinearClosed(context) {\n  this._context = context;\n}\n\nLinearClosed.prototype = {\n  areaStart: noop,\n  areaEnd: noop,\n  lineStart: function() {\n    this._point = 0;\n  },\n  lineEnd: function() {\n    if (this._point) this._context.closePath();\n  },\n  point: function(x, y) {\n    x = +x, y = +y;\n    if (this._point) this._context.lineTo(x, y);\n    else this._point = 1, this._context.moveTo(x, y);\n  }\n};\n\nexport default function(context) {\n  return new LinearClosed(context);\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport isEqual from 'fast-deep-equal';\r\nimport { lineRadial, curveLinearClosed, curveCardinalClosed } from 'd3-shape';\r\nimport { useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { scaleLinear } from 'd3-scale';\r\nimport { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  RadarChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  radius: number;\r\n  lineColors: string[];\r\n  axisLabels: (string | number)[];\r\n  data: RadarChartDataType[];\r\n\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  selectedColor?: string;\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  colorDomain: string[];\r\n\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  strokeWidth: number;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  showValues: boolean;\r\n  showDots: boolean;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  curveType: 'linear' | 'curve';\r\n  noOfTicks: number;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  fillShape: boolean;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  highlightedLines: (string | number)[];\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    radius,\r\n    lineColors,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    onSeriesMouseClick,\r\n    colorDomain,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    selectedColor,\r\n    axisLabels,\r\n    strokeWidth,\r\n    showValues,\r\n    showDots,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    curveType,\r\n    noOfTicks,\r\n    minValue,\r\n    maxValue,\r\n    resetSelectionOnDoubleClick,\r\n    fillShape,\r\n    highlightedLines,\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  const curve = curveType === 'linear' ? curveLinearClosed : curveCardinalClosed;\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const radiusWithoutMargin = Math.min(\r\n    (2 * radius - leftMargin - rightMargin) / 2,\r\n    (2 * radius - topMargin - bottomMargin) / 2,\r\n  );\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n\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 angleScale = scaleLinear()\r\n    .domain([0, data[0].values.length])\r\n    .range([0, 2 * Math.PI]);\r\n\r\n  const maxVal = !checkIfNullOrUndefined(maxValue)\r\n    ? (maxValue as number)\r\n    : Math.max(\r\n          ...data.map(d =>\r\n            Math.max(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        ) < 0\r\n      ? 0\r\n      : Math.max(\r\n          ...data.map(d =>\r\n            Math.max(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        );\r\n\r\n  const minVal = !checkIfNullOrUndefined(minValue)\r\n    ? (minValue as number)\r\n    : Math.min(\r\n          ...data.map(d =>\r\n            Math.min(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        ) >= 0\r\n      ? 0\r\n      : Math.min(\r\n          ...data.map(d =>\r\n            Math.min(...(d.values.filter(l => !checkIfNullOrUndefined(l)) as number[])),\r\n          ),\r\n        );\r\n  const scale = scaleLinear().domain([minVal, maxVal]).range([0, radiusWithoutMargin]).nice();\r\n  const ticksArray = scale.ticks(noOfTicks);\r\n  const lineShape = lineRadial<number>()\r\n    .radius(d => scale(d))\r\n    .angle((_, i) => angleScale(i))\r\n    .curve(curve);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${radius * 2}px`}\r\n        height={`${radius * 2}px`}\r\n        viewBox={`0 0 ${radius * 2} ${radius * 2}`}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <g transform={`translate(${radiusWithoutMargin},${radiusWithoutMargin})`}>\r\n            {axisLabels.map((d, i) => (\r\n              <g key={i}>\r\n                <line\r\n                  x1={0}\r\n                  y1={0}\r\n                  x2={Math.cos(angleScale(i) - Math.PI / 2) * radiusWithoutMargin}\r\n                  y2={Math.sin(angleScale(i) - Math.PI / 2) * radiusWithoutMargin}\r\n                  key={i}\r\n                  className={cn(\r\n                    'stroke-1 stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                    classNames?.xAxis?.axis,\r\n                  )}\r\n                  style={styles?.xAxis?.axis}\r\n                />\r\n                <text\r\n                  x={Math.cos(angleScale(i) - Math.PI / 2) * (radiusWithoutMargin + 6)}\r\n                  y={Math.sin(angleScale(i) - Math.PI / 2) * (radiusWithoutMargin + 6)}\r\n                  style={{\r\n                    textAnchor:\r\n                      Math.cos(angleScale(i) - Math.PI / 2) < 0\r\n                        ? 'end'\r\n                        : Math.cos(angleScale(i) - Math.PI / 2) < 0.00001\r\n                          ? 'middle'\r\n                          : 'start',\r\n                    ...(styles?.xAxis?.labels || ''),\r\n                  }}\r\n                  dy={\r\n                    Math.sin(angleScale(i) - Math.PI / 2) < 0\r\n                      ? 0\r\n                      : Math.sin(angleScale(i) - Math.PI / 2) < 0.00001\r\n                        ? 5\r\n                        : 10\r\n                  }\r\n                  className={cn(\r\n                    'fill-primary-gray-700 dark:fill-primary-gray-300 text-xs',\r\n                    classNames?.xAxis?.labels,\r\n                  )}\r\n                >\r\n                  {d}\r\n                </text>\r\n              </g>\r\n            ))}\r\n            {ticksArray.map((d, i) => (\r\n              <g key={i}>\r\n                <path\r\n                  d={lineShape(Array(axisLabels.length).fill(d)) || ''}\r\n                  className={cn(\r\n                    'stroke-primary-gray-500 dark:stroke-primary-gray-550',\r\n                    classNames?.xAxis?.gridLines,\r\n                  )}\r\n                  style={{\r\n                    ...styles?.xAxis?.gridLines,\r\n                    fill: 'none',\r\n                  }}\r\n                />\r\n                <foreignObject\r\n                  x={-25}\r\n                  y={\r\n                    Math.sin(-Math.PI / 2) * scale(d) > -0.0001\r\n                      ? Math.sin(-Math.PI / 2) * scale(d) - 7\r\n                      : Math.sin(-Math.PI / 2) * scale(d) - 5\r\n                  }\r\n                  width={50}\r\n                  height={12}\r\n                >\r\n                  <div className='flex justify-center'>\r\n                    <p\r\n                      className={cn(\r\n                        'fill-primary-gray-500 dark:fill-primary-gray-550 text-xs m-0 py-0 px-1.5 text-center leading-none bg-primary-white dark:bg-primary-gray-700',\r\n                        classNames?.xAxis?.labels,\r\n                      )}\r\n                      style={styles?.xAxis?.labels}\r\n                    >\r\n                      {numberFormattingFunction(d, 'NA', precision)}\r\n                    </p>\r\n                  </div>\r\n                </foreignObject>\r\n              </g>\r\n            ))}\r\n            <AnimatePresence>\r\n              {data.map((d, i) => (\r\n                <motion.g\r\n                  key={d.label || i}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: mouseOverData\r\n                        ? d.label === mouseOverData.label\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : selectedColor\r\n                          ? d.color\r\n                            ? lineColors[colorDomain.indexOf(d.color)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : highlightedLines.length !== 0\r\n                            ? d.label\r\n                              ? highlightedLines.indexOf(d.label) !== -1\r\n                                ? 1\r\n                                : 0.3\r\n                              : 0.3\r\n                            : 1,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: mouseOverData\r\n                        ? d.label === mouseOverData.label\r\n                          ? 1\r\n                          : dimmedOpacity\r\n                        : selectedColor\r\n                          ? d.color\r\n                            ? lineColors[colorDomain.indexOf(d.color)] === selectedColor\r\n                              ? 1\r\n                              : dimmedOpacity\r\n                            : dimmedOpacity\r\n                          : highlightedLines.length !== 0\r\n                            ? d.label\r\n                              ? highlightedLines.indexOf(d.label) !== -1\r\n                                ? 1\r\n                                : dimmedOpacity\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.path\r\n                    d={lineShape(d.values) || ''}\r\n                    variants={{\r\n                      initial: {\r\n                        d: lineShape(d.values.map(_el => 0)) || '',\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? lineColors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : lineColors[colorDomain.indexOf(d.color)],\r\n                        fill: fillShape\r\n                          ? data.filter(el => el.color).length === 0\r\n                            ? lineColors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : lineColors[colorDomain.indexOf(d.color)]\r\n                          : 'none',\r\n                        strokeWidth,\r\n                      },\r\n                      whileInView: {\r\n                        d: lineShape(d.values) || '',\r\n                        transition: { duration: animate.duration },\r\n                        stroke:\r\n                          data.filter(el => el.color).length === 0\r\n                            ? lineColors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : lineColors[colorDomain.indexOf(d.color)],\r\n                        fill: fillShape\r\n                          ? data.filter(el => el.color).length === 0\r\n                            ? lineColors[0]\r\n                            : !d.color\r\n                              ? Colors.gray\r\n                              : lineColors[colorDomain.indexOf(d.color)]\r\n                          : 'none',\r\n                        strokeWidth,\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                    style={{\r\n                      fillOpacity: 0.1,\r\n                    }}\r\n                  />\r\n                  <g>\r\n                    {d.values.map((el, j) => (\r\n                      <g key={j}>\r\n                        {!checkIfNullOrUndefined(el) ? (\r\n                          <>\r\n                            {showDots ? (\r\n                              <motion.circle\r\n                                r={4}\r\n                                variants={{\r\n                                  initial: {\r\n                                    cx: 0,\r\n                                    cy: 0,\r\n                                    opacity: 0,\r\n                                    fill:\r\n                                      data.filter(el => el.color).length === 0\r\n                                        ? lineColors[0]\r\n                                        : !d.color\r\n                                          ? Colors.gray\r\n                                          : lineColors[colorDomain.indexOf(d.color)],\r\n                                  },\r\n                                  whileInView: {\r\n                                    cx: Math.cos(angleScale(j) - Math.PI / 2) * scale(el),\r\n                                    cy: Math.sin(angleScale(j) - Math.PI / 2) * scale(el),\r\n                                    opacity: 1,\r\n                                    transition: { duration: animate.duration },\r\n                                    fill:\r\n                                      data.filter(el => el.color).length === 0\r\n                                        ? lineColors[0]\r\n                                        : !d.color\r\n                                          ? Colors.gray\r\n                                          : lineColors[colorDomain.indexOf(d.color)],\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                              />\r\n                            ) : null}\r\n                            {showValues ? (\r\n                              <motion.text\r\n                                style={{\r\n                                  ...(styles?.graphObjectValues || {}),\r\n                                }}\r\n                                dy={\r\n                                  Math.sin(angleScale(j) - Math.PI / 2) < 0\r\n                                    ? 10\r\n                                    : Math.sin(angleScale(j) - Math.PI / 2) < 0.00001\r\n                                      ? 0\r\n                                      : 0\r\n                                }\r\n                                className={cn(\r\n                                  'graph-value text-xs font-bold',\r\n                                  classNames?.graphObjectValues,\r\n                                )}\r\n                                variants={{\r\n                                  initial: {\r\n                                    opacity: 0,\r\n                                    x: Math.cos(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\r\n                                    y: Math.sin(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\r\n                                    fill: lineColors[i],\r\n                                    textAnchor:\r\n                                      Math.cos(angleScale(j) - Math.PI / 2) < 0\r\n                                        ? 'end'\r\n                                        : Math.cos(angleScale(j) - Math.PI / 2) < 0.00001\r\n                                          ? 'middle'\r\n                                          : 'start',\r\n                                  },\r\n                                  whileInView: {\r\n                                    opacity: 1,\r\n                                    x: Math.cos(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\r\n                                    y: Math.sin(angleScale(j) - Math.PI / 2) * (scale(el) + 6),\r\n                                    fill: lineColors[i],\r\n                                    textAnchor:\r\n                                      Math.cos(angleScale(j) - Math.PI / 2) < 0\r\n                                        ? 'end'\r\n                                        : Math.cos(angleScale(j) - Math.PI / 2) < 0.00001\r\n                                          ? 'middle'\r\n                                          : 'start',\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                              >\r\n                                {numberFormattingFunction(el, 'NA', precision)}\r\n                              </motion.text>\r\n                            ) : null}\r\n                          </>\r\n                        ) : null}\r\n                      </g>\r\n                    ))}\r\n                  </g>\r\n                </motion.g>\r\n              ))}\r\n            </AnimatePresence>\r\n          </g>\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 { useEffect, useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  RadarChartDataType,\r\n  Languages,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: RadarChartDataType[];\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 each line */\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  /** Radius of the radar chart */\r\n  radius?: number;\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  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of dots on the line */\r\n  showDots?: boolean;\r\n  /** Stroke width of the line */\r\n  strokeWidth?: number;\r\n  /** Toggle is the shape is filled or not */\r\n  fillShape?: boolean;\r\n  /** No. of ticks on the x-axis  */\r\n  noOfTicks?: number;\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  highlightedLines?: (string | number)[];\r\n  /** Defines the opacity of the non-highlighted data */\r\n  dimmedOpacity?: number;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Labels for the axes  */\r\n  axisLabels: (string | number)[];\r\n  /** Curve type for the line */\r\n  curveType?: 'linear' | 'curve';\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** 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 RadarChart(props: Props) {\r\n  const {\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    footNote,\r\n    radius,\r\n    data,\r\n    showColorScale = true,\r\n    padding,\r\n    backgroundColor = false,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    graphID,\r\n    onSeriesMouseClick,\r\n    topMargin = 75,\r\n    bottomMargin = 75,\r\n    leftMargin = 75,\r\n    rightMargin = 75,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    colorDomain,\r\n    language = 'en',\r\n    theme = 'light',\r\n    highlightedLines = [],\r\n    width,\r\n    height,\r\n    minHeight = 0,\r\n    strokeWidth = 2,\r\n    relativeHeight,\r\n    ariaLabel,\r\n    colorLegendTitle,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    showNAColor = true,\r\n    axisLabels,\r\n    showDots = true,\r\n    showValues = false,\r\n    curveType = 'curve',\r\n    noOfTicks = 5,\r\n    minValue,\r\n    maxValue,\r\n    fillShape = false,\r\n    resetSelectionOnDoubleClick = true,\r\n    animate = false,\r\n    dimmedOpacity = 0.3,\r\n    precision = 2,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [graphRadius, setGraphRadius] = useState(0);\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\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 || 420);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 420);\r\n      setGraphRadius(\r\n        (Math.min(\r\n          ...[\r\n            width || entries[0].target.clientWidth || 620,\r\n            height || entries[0].target.clientHeight || 480,\r\n          ],\r\n        ) || 420) / 2,\r\n      );\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 420);\r\n      setSvgWidth(graphDiv.current.clientWidth || 420);\r\n      setGraphRadius(\r\n        (Math.min(...[graphDiv.current.clientWidth, graphDiv.current.clientHeight]) || 420) / 2,\r\n      );\r\n      if (!width || !radius) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height, radius]);\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          minHeight: 'inherit',\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 donut or pie chart chart. ${graphDescription ? ` ${graphDescription}` : ''}`\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 gap-2 w-full grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div\r\n              className='flex grow flex-col justify-center items-stretch gap-8 flex-wrap'\r\n              style={{\r\n                width: width ? `${width}px` : '100%',\r\n              }}\r\n            >\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 ${\r\n                      width ? 'grow-0' : 'grow'\r\n                    } items-center justify-center leading-0`}\r\n                    style={{\r\n                      width: width ? `${width}px` : '100%',\r\n                      height: height\r\n                        ? `${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                          )}px`\r\n                        : 'auto',\r\n                    }}\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    <div className='w-full flex justify-center leading-0'>\r\n                      {radius || graphRadius ? (\r\n                        <Graph\r\n                          data={data}\r\n                          lineColors={\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                          radius={radius || graphRadius}\r\n                          tooltip={tooltip}\r\n                          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\r\n                          onSeriesMouseOver={onSeriesMouseOver}\r\n                          onSeriesMouseClick={onSeriesMouseClick}\r\n                          styles={styles}\r\n                          detailsOnClick={detailsOnClick}\r\n                          selectedColor={selectedColor}\r\n                          axisLabels={axisLabels}\r\n                          strokeWidth={strokeWidth}\r\n                          showValues={showValues}\r\n                          showDots={showDots}\r\n                          topMargin={topMargin}\r\n                          bottomMargin={bottomMargin}\r\n                          leftMargin={leftMargin}\r\n                          rightMargin={rightMargin}\r\n                          curveType={curveType}\r\n                          noOfTicks={noOfTicks}\r\n                          minValue={minValue}\r\n                          maxValue={maxValue}\r\n                          fillShape={fillShape}\r\n                          highlightedLines={highlightedLines}\r\n                          resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\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                  </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            ) : (\r\n              <div />\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["curveRadialLinear","curveRadial","curveLinear","Radial","curve","a","r","radial","context","lineRadial","l","c","_","lineRadial$1","line","noop","point","that","x","y","Cardinal","tension","custom","cardinal","CardinalClosed","curveCardinalClosed","LinearClosed","curveLinearClosed","Graph","props","data","radius","lineColors","tooltip","onSeriesMouseOver","onSeriesMouseClick","colorDomain","detailsOnClick","styles","classNames","selectedColor","axisLabels","strokeWidth","showValues","showDots","rightMargin","topMargin","bottomMargin","leftMargin","curveType","noOfTicks","minValue","maxValue","resetSelectionOnDoubleClick","fillShape","highlightedLines","animate","dimmedOpacity","precision","customLayers","svgRef","useRef","isInView","useInView","margin","radiusWithoutMargin","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","angleScale","scaleLinear","maxVal","checkIfNullOrUndefined","d","minVal","scale","ticksArray","lineShape","i","jsxs","Fragment","jsx","motion","cn","numberFormattingFunction","AnimatePresence","event","isEqual","_el","el","Colors","j","Tooltip","Modal","string2HTML","RadarChart","graphTitle","colors","sources","graphDescription","footNote","showColorScale","padding","backgroundColor","graphID","graphDownload","dataDownload","language","theme","width","height","minHeight","relativeHeight","ariaLabel","colorLegendTitle","showNAColor","graphRadius","setGraphRadius","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","GraphHeader","EmptyState","ColorLegendWithMouseOver","uniqBy","GraphFooter"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}