@undp/data-viz 1.4.9 → 1.4.10

package/dist/BarGraph.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BarGraph.cjs","sources":["../src/Components/Graphs/BarGraph/Horizontal/BarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Horizontal/BarGraph/index.tsx","../src/Components/Graphs/BarGraph/Horizontal/GroupedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Horizontal/GroupedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/Horizontal/StackedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Horizontal/StackedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/Vertical/BarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Vertical/BarGraph/index.tsx","../src/Components/Graphs/BarGraph/Vertical/GroupedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Vertical/GroupedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/Vertical/StackedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Vertical/StackedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  BarGraphDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineX } from '@/Components/Elements/ReferenceLine';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  barColor: string[];\r\n  colorDomain: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  showLabels: boolean;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  selectedColor?: string;\r\n  maxValue: number;\r\n  minValue: number;\r\n  highlightedDataPoints: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  rtl: boolean;\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: 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  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showValues,\r\n    showTicks,\r\n    leftMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    colorDomain,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    highlightedDataPoints,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    rtl,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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: barAxisTitle ? topMargin + 25 : topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const x = scaleLinear().domain([minValue, maxValue]).range([0, graphWidth]).nice();\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const y = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphHeight, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphHeight, maxBarThickness * barOrder.length)\r\n          : graphHeight,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const xTicks = x.ticks(noOfTicks);\r\n\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {showTicks ? (\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 - topMargin}\r\n              y2={graphHeight + margin.bottom}\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={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={graphWidth / 2}\r\n            y={0 - margin.top + 15}\r\n            style={styles?.xAxis?.title}\r\n            className={classNames?.xAxis?.title}\r\n            text={barAxisTitle}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(y(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\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                  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                  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                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      variants={{\r\n                        initial: {\r\n                          width: 0,\r\n                          x: x(0),\r\n                          y: y(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          width: d.size >= 0 ? x(d.size) - x(0) : x(0) - x(d.size),\r\n                          x: d.size >= 0 ? x(0) : x(d.size),\r\n                          y: y(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[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                      exit={{\r\n                        width: 0,\r\n                        x: x(0),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                      height={y.bandwidth()}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <YAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(d.id) || 0}\r\n                      x={(d.size || 0) < 0 ? x(0) : 0 - margin.left}\r\n                      width={(d.size || 0) < 0 ? width - x(0) : x(0) + margin.left}\r\n                      height={y.bandwidth()}\r\n                      alignment={d.size ? (d.size < 0 ? 'left' : 'right') : 'right'}\r\n                      style={styles?.yAxis?.labels}\r\n                      className={classNames?.yAxis?.labels}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: d.size ? (d.size < 0 ? 'end' : 'start') : 'start',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn(\r\n                        'graph-value text-sm',\r\n                        !valueColor && barColor.length > 1\r\n                          ? ' fill-primary-gray-600 dark:fill-primary-gray-300'\r\n                          : '',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      dx={d.size ? (d.size < 0 ? -5 : 5) : 5}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: x(0),\r\n                          y: (y(`${d.id}`) as number) + y.bandwidth() / 2,\r\n                          opacity: 0,\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          x: d.size ? x(d.size) : x(0),\r\n                          opacity: 1,\r\n                          y: (y(`${d.id}`) as number) + y.bandwidth() / 2,\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[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                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(d.size, naLabel, precision, prefix, suffix)}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            <Axis\r\n              x1={x(minValue < 0 ? 0 : minValue)}\r\n              x2={x(minValue < 0 ? 0 : minValue)}\r\n              y1={-2.5}\r\n              y2={graphHeight + margin.bottom}\r\n              classNames={{ axis: classNames?.yAxis?.axis }}\r\n              styles={{ axis: styles?.yAxis?.axis }}\r\n            />\r\n            {refValues ? (\r\n              <>\r\n                {refValues.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 - margin.top}\r\n                    y2={graphHeight + margin.bottom}\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              </>\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 uniqBy from 'lodash.uniqby';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport sortBy from 'lodash.sortby';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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  BarGraphDataType,\r\n  Languages,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\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 { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  colors?: string | string[];\r\n  labelOrder?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  minHeight?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  sources?: SourcesDataType[];\r\n  barPadding?: number;\r\n  showValues?: boolean;\r\n  showTicks?: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  truncateBy?: number;\r\n  colorDomain?: string[];\r\n  colorLegendTitle?: string;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\r\n  showLabels?: boolean;\r\n  showColorScale?: boolean;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  highlightedDataPoints?: (string | number)[];\r\n  dimmedOpacity?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  sortData?: 'asc' | 'desc';\r\n  language?: Languages;\r\n  showNAColor?: boolean;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function HorizontalBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showValues = true,\r\n    showTicks = true,\r\n    leftMargin = 100,\r\n    rightMargin = 40,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    highlightedDataPoints = [],\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 25,\r\n    bottomMargin = 10,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    sortData,\r\n    labelOrder,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\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    naLabel = 'NA',\r\n  } = props;\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a bar chart. ${\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={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex grow flex-col 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={\r\n                          sortData === 'asc'\r\n                            ? sortBy(\r\n                                ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                d => d.size,\r\n                              ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : sortData === 'desc'\r\n                              ? sortBy(\r\n                                  ensureCompleteDataForBarChart(data, 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                                    .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                  d => d.size,\r\n                                )\r\n                                  .reverse()\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColor={\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        width={width || svgWidth}\r\n                        selectedColor={selectedColor}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        barPadding={barPadding}\r\n                        showValues={showValues}\r\n                        showTicks={showTicks}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        truncateBy={truncateBy}\r\n                        showLabels={showLabels}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        labelOrder={labelOrder}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\r\n                        classNames={classNames}\r\n                        styles={styles}\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                        naLabel={naLabel}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\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              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  GroupedBarGraphDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\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 } from '@/Components/Elements/ReferenceLine';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  barColors: string[];\r\n  barPadding: number;\r\n  showTicks: boolean;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  truncateBy: number;\r\n  showLabels: boolean;\r\n  width: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues: boolean;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  maxValue: number;\r\n  minValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  rtl: boolean;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    barColors,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    rtl,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: barAxisTitle ? topMargin + 25 : topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n\r\n  const x = scaleLinear().domain([minValue, maxValue]).range([0, graphWidth]).nice();\r\n  const y = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      maxBarThickness ? Math.min(graphHeight, maxBarThickness * barOrder.length) : graphHeight,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const subBarScale = scaleBand()\r\n    .domain(data[0].size.map((_d, i) => `${i}`))\r\n    .range([0, y.bandwidth()])\r\n    .paddingInner(0.1);\r\n  const xTicks = x.ticks(noOfTicks);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {showTicks ? (\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 - topMargin}\r\n              y2={graphHeight + margin.bottom}\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={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={graphWidth / 2}\r\n            y={0 - margin.top + 15}\r\n            style={styles?.xAxis?.title}\r\n            className={classNames?.xAxis?.title}\r\n            text={barAxisTitle}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(y(d.id)) ? (\r\n                <motion.g\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      x: 0,\r\n                      y: y(`${d.id}`),\r\n                    },\r\n                    whileInView: {\r\n                      x: 0,\r\n                      y: y(`${d.id}`),\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                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      className='undp-viz-g-with-hover'\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 0.85}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      {!checkIfNullOrUndefined(el) ? (\r\n                        <motion.rect\r\n                          y={subBarScale(`${j}`)}\r\n                          variants={{\r\n                            initial: {\r\n                              width: 0,\r\n                              x: x(0),\r\n                              fill: barColors[j],\r\n                            },\r\n                            whileInView: {\r\n                              width: !checkIfNullOrUndefined(el)\r\n                                ? (el as number) >= 0\r\n                                  ? x(el as number) - x(0)\r\n                                  : x(0) - x(el as number)\r\n                                : 0,\r\n                              x: (el as number) >= 0 ? x(0) : x(el as number),\r\n                              fill: barColors[j],\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          exit={{\r\n                            width: 0,\r\n                            x: x(0),\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                          height={subBarScale.bandwidth()}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                        />\r\n                      ) : null}\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          y={(subBarScale(`${j}`) as number) + subBarScale.bandwidth() / 2}\r\n                          style={{\r\n                            fill: valueColor || barColors[j],\r\n                            textAnchor: el ? (el < 0 ? 'end' : 'start') : 'start',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          dx={el ? (el < 0 ? -5 : 5) : 5}\r\n                          dy='0.33em'\r\n                          variants={{\r\n                            initial: { x: x(0), opacity: 0 },\r\n                            whileInView: {\r\n                              x: x(el || 0),\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={{\r\n                            opacity: 0,\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                        >\r\n                          {numberFormattingFunction(el, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <YAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={0}\r\n                      x={0 - margin.left}\r\n                      width={x(minValue < 0 ? 0 : minValue) + margin.left}\r\n                      height={y.bandwidth()}\r\n                      style={styles?.yAxis?.labels}\r\n                      className={classNames?.yAxis?.labels}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            <Axis\r\n              x1={x(minValue < 0 ? 0 : minValue)}\r\n              x2={x(minValue < 0 ? 0 : minValue)}\r\n              y1={-2.5}\r\n              y2={graphHeight + margin.bottom}\r\n              classNames={{ axis: classNames?.yAxis?.axis }}\r\n              styles={{ axis: styles?.yAxis?.axis }}\r\n            />\r\n            {refValues ? (\r\n              <>\r\n                {refValues.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 - margin.top}\r\n                    y2={graphHeight + margin.bottom}\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              </>\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 { 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 { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport uniqBy from 'lodash.uniqby';\r\nimport { ascending, sort } from 'd3-array';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  GroupedBarGraphDataType,\r\n  Languages,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  barPadding?: number;\r\n  showTicks?: boolean;\r\n  truncateBy?: number;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  showValues?: boolean;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  showLabels?: boolean;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\r\n  showColorScale?: boolean;\r\n  minHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  labelOrder?: string[];\r\n  language?: Languages;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function HorizontalGroupedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    suffix = '',\r\n    prefix = '',\r\n    showValues = true,\r\n    showColorScale = true,\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 100,\r\n    rightMargin = 40,\r\n    topMargin = 25,\r\n    bottomMargin = 10,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a grouped bar chart. ${\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 gap-4 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            {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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={ensureCompleteDataForStackedBarChart(\r\n                          data,\r\n                          timeline.dateFormat || 'yyyy',\r\n                        )\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                          .filter(d => (filterNA ? !d.size.every(item => item == null) : d))}\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        showValues={showValues}\r\n                        barPadding={barPadding}\r\n                        showTicks={showTicks}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        truncateBy={truncateBy}\r\n                        showLabels={showLabels}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        labelOrder={labelOrder}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        maxBarThickness={maxBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        colorDomain={colorDomain}\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                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport sum from 'lodash.sum';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  GroupedBarGraphDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineX } from '@/Components/Elements/ReferenceLine';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  barColors: string[];\r\n  barPadding: number;\r\n  showTicks: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  showLabels: boolean;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  maxValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  rtl: boolean;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    barColors,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    showLabels,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    refValues,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    rtl,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: barAxisTitle ? topMargin + 25 : topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n\r\n  const x = scaleLinear().domain([0, maxValue]).range([0, graphWidth]).nice();\r\n  const y = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphHeight, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphHeight, maxBarThickness * barOrder.length)\r\n          : graphHeight,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const xTicks = x.ticks(noOfTicks);\r\n\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {showTicks ? (\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 - topMargin}\r\n              y2={graphHeight + margin.bottom}\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={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={graphWidth / 2}\r\n            y={0 - margin.top + 15}\r\n            style={styles?.xAxis?.title}\r\n            className={classNames?.xAxis?.title}\r\n            text={barAxisTitle}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(y(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-low-opacity undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: { x: 0, y: y(`${d.id}`) },\r\n                    whileInView: {\r\n                      x: 0,\r\n                      y: y(`${d.id}`),\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                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 1}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      {el ? (\r\n                        <motion.rect\r\n                          key={j}\r\n                          y={0}\r\n                          style={{ fill: barColors[j] }}\r\n                          height={y.bandwidth()}\r\n                          exit={{\r\n                            width: 0,\r\n                            x: x(0),\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                          variants={{\r\n                            initial: {\r\n                              width: 0,\r\n                              x: x(0),\r\n                              fill: barColors[j],\r\n                            },\r\n                            whileInView: {\r\n                              width: x(el || 0),\r\n                              x: x(\r\n                                j === 0 ? 0 : sum(d.size.filter((element, k) => k < j && element)),\r\n                              ),\r\n                              fill: barColors[j],\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                        />\r\n                      ) : null}\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          y={y.bandwidth() / 2}\r\n                          style={{\r\n                            textAnchor: 'middle',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          dy='0.33em'\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          exit={{\r\n                            opacity: 0,\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                          variants={{\r\n                            initial: {\r\n                              x: x(0),\r\n                              opacity: 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                            },\r\n                            whileInView: {\r\n                              x:\r\n                                x(\r\n                                  j === 0\r\n                                    ? 0\r\n                                    : sum(d.size.filter((element, k) => k < j && element)),\r\n                                ) +\r\n                                x(el || 0) / 2,\r\n                              opacity:\r\n                                el &&\r\n                                x(el) /\r\n                                  numberFormattingFunction(el, naLabel, precision, prefix, suffix)\r\n                                    .length >\r\n                                  12\r\n                                  ? 1\r\n                                  : 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                        >\r\n                          {numberFormattingFunction(el, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <YAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={0}\r\n                      x={0 - margin.left}\r\n                      width={0 + margin.left}\r\n                      height={y.bandwidth()}\r\n                      style={styles?.yAxis?.labels}\r\n                      className={classNames?.yAxis?.labels}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      className={cn(\r\n                        'graph-value graph-value-total text-sm',\r\n                        !valueColor ? ' fill-primary-gray-700 dark:fill-primary-gray-300' : '',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      style={{\r\n                        ...(valueColor ? { fill: valueColor } : {}),\r\n                        textAnchor: 'start',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      y={y.bandwidth() / 2}\r\n                      dx={5}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: x(0),\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          x: x(sum(d.size.map(el => el || 0))),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        sum(d.size.filter(element => element)),\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            <Axis\r\n              x1={x(0)}\r\n              x2={x(0)}\r\n              y1={-2.5}\r\n              y2={graphHeight + margin.bottom}\r\n              classNames={{ axis: classNames?.yAxis?.axis }}\r\n              styles={{ axis: styles?.yAxis?.axis }}\r\n            />\r\n            {refValues ? (\r\n              <>\r\n                {refValues.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 - margin.top}\r\n                    y2={graphHeight + margin.bottom}\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              </>\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 { useState, useRef, useEffect } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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\nimport uniqBy from 'lodash.uniqby';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport {\r\n  GroupedBarGraphDataType,\r\n  Languages,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\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 { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  labelOrder?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  barPadding?: number;\r\n  showTicks?: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  truncateBy?: number;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  showValues?: boolean;\r\n  showLabels?: boolean;\r\n  relativeHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  language?: Languages;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  sortParameter?: number | 'total';\r\n  sortData?: 'asc' | 'desc';\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  showColorScale?: boolean;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function HorizontalStackedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 100,\r\n    rightMargin = 40,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 25,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix = '',\r\n    prefix = '',\r\n    showLabels = true,\r\n    relativeHeight,\r\n    showValues = true,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    sortParameter,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    showColorScale = true,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\r\n    sortData,\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a stacked bar chart. ${\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 gap-4 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            {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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={\r\n                          sortParameter !== undefined\r\n                            ? sortParameter === 'total'\r\n                              ? orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d => sum(d.size.filter(el => !checkIfNullOrUndefined(el))),\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d =>\r\n                                    checkIfNullOrUndefined(d.size[sortParameter])\r\n                                      ? -Infinity\r\n                                      : d.size[sortParameter],\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : ensureCompleteDataForStackedBarChart(\r\n                                data,\r\n                                timeline.dateFormat || 'yyyy',\r\n                              )\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                                .filter(d => (filterNA ? !d.size.every(item => item == null) : d))\r\n                                .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        barPadding={barPadding}\r\n                        showTicks={showTicks}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        truncateBy={truncateBy}\r\n                        showLabels={showLabels}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        showValues={showValues}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                ...data.map(\r\n                                  d => sum(d.size.filter(l => !checkIfNullOrUndefined(l))) || 0,\r\n                                ),\r\n                              )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\r\n                        classNames={classNames}\r\n                        styles={styles}\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                        colorDomain={colorDomain}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  AnimateDataType,\r\n  BarGraphDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\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 { string2HTML } from '@/Utils/string2HTML';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  width: number;\r\n  height: number;\r\n  barColor: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showLabels: boolean;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  colorDomain: string[];\r\n  truncateBy: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  refValues?: ReferenceDataType[];\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  selectedColor?: string;\r\n  maxValue: number;\r\n  minValue: number;\r\n  highlightedDataPoints: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: 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  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    colorDomain,\r\n    truncateBy,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const y = scaleLinear().domain([minValue, maxValue]).range([graphHeight, 0]).nice();\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <Axis\r\n            y1={y(minValue < 0 ? 0 : minValue)}\r\n            y2={y(minValue < 0 ? 0 : minValue)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            label={numberFormattingFunction(\r\n              minValue < 0 ? 0 : minValue,\r\n              naLabel,\r\n              precision,\r\n              prefix,\r\n              suffix,\r\n            )}\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxValue < 0 ? '1em' : -5,\r\n              y: y(minValue < 0 ? 0 : minValue),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n          ) : null}\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={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map((d, _i) =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\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                  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                  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                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      width={x.bandwidth()}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      variants={{\r\n                        initial: {\r\n                          height: 0,\r\n                          x: x(`${d.id}`),\r\n                          y: y(0),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          height: d.size ? Math.abs(y(d.size) - y(0)) : 0,\r\n                          y: d.size ? (d.size > 0 ? y(d.size) : y(0)) : y(0),\r\n                          x: x(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        height: 0,\r\n                        y: y(0),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={(d.size || 0) < 0 ? 0 : y(0) + 5}\r\n                      x={x(`${d.id}`) as number}\r\n                      width={x.bandwidth()}\r\n                      height={(d.size || 0) < 0 ? y(0) - 5 : margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment={(d.size || 0) < 0 ? 'bottom' : 'top'}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn(\r\n                        'graph-value text-sm',\r\n                        !valueColor && barColor.length > 1\r\n                          ? ' fill-primary-gray-600 dark:fill-primary-gray-300'\r\n                          : '',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      dy={d.size ? (d.size >= 0 ? '-5px' : '1em') : '-5px'}\r\n                      variants={{\r\n                        initial: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: y(0),\r\n                          opacity: 0,\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: y(d.size || 0),\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\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={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(d.size, naLabel, precision, prefix, suffix)}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </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 uniqBy from 'lodash.uniqby';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport sortBy from 'lodash.sortby';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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  BarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  colors?: string | string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  labelOrder?: string[];\r\n  width?: number;\r\n  height?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  sources?: SourcesDataType[];\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  barPadding?: number;\r\n  showLabels?: boolean;\r\n  showValues?: boolean;\r\n  showTicks?: boolean;\r\n  colorDomain?: string[];\r\n  colorLegendTitle?: string;\r\n  truncateBy?: number;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  relativeHeight?: number;\r\n  bottomMargin?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  showColorScale?: boolean;\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  sortData?: 'asc' | 'desc';\r\n  language?: Languages;\r\n  showNAColor?: boolean;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  dimmedOpacity?: number;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function VerticalBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    truncateBy = 999,\r\n    showLabels = true,\r\n    showValues = true,\r\n    backgroundColor = false,\r\n    suffix = '',\r\n    prefix = '',\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints = [],\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    theme = 'light',\r\n    sortData,\r\n    labelOrder,\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\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    naLabel = 'NA',\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a grouped bar chart. ${\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={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex grow flex-col 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={\r\n                          sortData === 'asc'\r\n                            ? sortBy(\r\n                                ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                d => d.size,\r\n                              ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : sortData === 'desc'\r\n                              ? sortBy(\r\n                                  ensureCompleteDataForBarChart(data, 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                                    .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                  d => d.size,\r\n                                )\r\n                                  .reverse()\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColor={\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        width={width || svgWidth}\r\n                        refValues={refValues}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        barPadding={barPadding}\r\n                        showLabels={showLabels}\r\n                        showValues={showValues}\r\n                        showTicks={showTicks}\r\n                        truncateBy={truncateBy}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        selectedColor={selectedColor}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\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                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  ReferenceDataType,\r\n  GroupedBarGraphDataType,\r\n  StyleObject,\r\n  ClassNameObject,\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 { string2HTML } from '@/Utils/string2HTML';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  width: number;\r\n  height: number;\r\n  barColors: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showLabels: boolean;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  truncateBy: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  refValues?: ReferenceDataType[];\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  maxValue: number;\r\n  minValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    barColors,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    truncateBy,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const y = scaleLinear().domain([minValue, maxValue]).range([graphHeight, 0]).nice();\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      maxBarThickness ? Math.min(graphWidth, maxBarThickness * barOrder.length) : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const subBarScale = scaleBand()\r\n    .domain(data[0].size.map((_d, i) => `${i}`))\r\n    .range([0, x.bandwidth()])\r\n    .paddingInner(0.1);\r\n  const yTicks = y.ticks(noOfTicks);\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          <Axis\r\n            y1={y(minValue < 0 ? 0 : minValue)}\r\n            y2={y(minValue < 0 ? 0 : minValue)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            label={numberFormattingFunction(\r\n              minValue < 0 ? 0 : minValue,\r\n              naLabel,\r\n              precision,\r\n              prefix,\r\n              suffix,\r\n            )}\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxValue < 0 ? '1em' : -5,\r\n              y: y(minValue < 0 ? 0 : minValue),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n          ) : null}\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={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      x: x(`${d.id}`),\r\n                      y: 0,\r\n                    },\r\n                    whileInView: {\r\n                      x: x(`${d.id}`),\r\n                      y: 0,\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                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      className='undp-viz-g-with-hover'\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 0.85}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      <motion.rect\r\n                        x={subBarScale(`${j}`)}\r\n                        width={subBarScale.bandwidth()}\r\n                        variants={{\r\n                          initial: {\r\n                            height: 0,\r\n                            y: y(0),\r\n                            fill: barColors[j],\r\n                          },\r\n                          whileInView: {\r\n                            height: !checkIfNullOrUndefined(el)\r\n                              ? Math.abs(y(el as number) - y(0))\r\n                              : 0,\r\n                            y: !checkIfNullOrUndefined(el)\r\n                              ? (el as number) > 0\r\n                                ? y(el as number)\r\n                                : y(0)\r\n                              : y(0),\r\n                            fill: barColors[j],\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        exit={{\r\n                          height: 0,\r\n                          y: y(0),\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                      />\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          x={(subBarScale(`${j}`) as number) + subBarScale.bandwidth() / 2}\r\n                          style={{\r\n                            fill: valueColor || barColors[j],\r\n                            textAnchor: 'middle',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          dy={el ? (el >= 0 ? '-5px' : '1em') : '-5px'}\r\n                          variants={{\r\n                            initial: { y: y(0), opacity: 0 },\r\n                            whileInView: {\r\n                              y: y(el || 0),\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={{\r\n                            opacity: 0,\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                        >\r\n                          {numberFormattingFunction(el, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={0}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </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 { 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 { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { ascending, sort } from 'd3-array';\r\nimport uniqBy from 'lodash.uniqby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  GroupedBarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  sources?: SourcesDataType[];\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  barPadding?: number;\r\n  showLabels?: boolean;\r\n  showValues?: boolean;\r\n  showTicks?: boolean;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  showColorScale?: boolean;\r\n  labelOrder?: string[];\r\n  truncateBy?: number;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  language?: Languages;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function VerticalGroupedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    truncateBy = 999,\r\n    showLabels = true,\r\n    showValues = true,\r\n    backgroundColor = false,\r\n    suffix = '',\r\n    prefix = '',\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    theme = 'light',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    maxBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    showColorScale = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a grouped bar chart. ${\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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={ensureCompleteDataForStackedBarChart(\r\n                          data,\r\n                          timeline.dateFormat || 'yyyy',\r\n                        )\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                          .filter(d => (filterNA ? !d.size.every(item => item == null) : d))}\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        barPadding={barPadding}\r\n                        showLabels={showLabels}\r\n                        showValues={showValues}\r\n                        showTicks={showTicks}\r\n                        truncateBy={truncateBy}\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                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\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                        colorDomain={colorDomain}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport sum from 'lodash.sum';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  GroupedBarGraphDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  width: number;\r\n  height: number;\r\n  barColors: string[];\r\n  barPadding: number;\r\n  showLabels: boolean;\r\n  showTicks: boolean;\r\n  truncateBy: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues: boolean;\r\n  refValues?: ReferenceDataType[];\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  maxValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    barColors,\r\n    barPadding,\r\n    showLabels,\r\n    showTicks,\r\n    truncateBy,\r\n    leftMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    rightMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    refValues,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const y = scaleLinear().domain([0, maxValue]).range([graphHeight, 0]).nice();\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\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          <Axis\r\n            y1={y(0)}\r\n            y2={y(0)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            label={numberFormattingFunction(0, naLabel, precision, prefix, suffix)}\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              y: y(0),\r\n              dx: 0,\r\n              dy: -5,\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n          ) : null}\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={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-low-opacity undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: { x: x(`${d.id}`), y: 0 },\r\n                    whileInView: {\r\n                      x: x(`${d.id}`),\r\n                      y: 0,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  transition={{ duration: animate.duration }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                >\r\n                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 1}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      <motion.rect\r\n                        x={0}\r\n                        width={x.bandwidth()}\r\n                        variants={{\r\n                          initial: {\r\n                            height: 0,\r\n                            fill: barColors[j],\r\n                            y: y(0),\r\n                          },\r\n                          whileInView: {\r\n                            height: Math.abs(\r\n                              y(sum(d.size.filter((element, k) => k <= j && element))) -\r\n                                y(sum(d.size.filter((element, k) => k < j && element))),\r\n                            ),\r\n                            y: y(sum(d.size.filter((element, k) => k <= j && element))),\r\n                            fill: barColors[j],\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{\r\n                          height: 0,\r\n                          y: y(0),\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                      />\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          x={x.bandwidth() / 2}\r\n                          style={{\r\n                            fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                            textAnchor: 'middle',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          dy='0.33em'\r\n                          variants={{\r\n                            initial: {\r\n                              y: y(0),\r\n                              opacity: 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                            },\r\n                            whileInView: {\r\n                              y:\r\n                                y(sum(d.size.filter((element, k) => k <= j && element))) +\r\n                                Math.abs(\r\n                                  y(sum(d.size.filter((element, k) => k <= j && element))) -\r\n                                    y(sum(d.size.filter((element, k) => k < j && element))),\r\n                                ) /\r\n                                  2,\r\n                              opacity:\r\n                                el &&\r\n                                Math.abs(\r\n                                  y(sum(d.size.filter((element, k) => k <= j && element))) -\r\n                                    y(sum(d.size.filter((element, k) => k < j && element))),\r\n                                ) > 20\r\n                                  ? 1\r\n                                  : 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\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, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={0}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      style={{\r\n                        ...(valueColor && { fill: valueColor }),\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      x={x.bandwidth() / 2}\r\n                      dy={-10}\r\n                      className={cn(\r\n                        'graph-value graph-value-total',\r\n                        !valueColor\r\n                          ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-sm'\r\n                          : 'text-sm',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      variants={{\r\n                        initial: {\r\n                          y: y(0),\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          y: y(sum(d.size.map(el => el || 0))),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        sum(d.size.filter(element => element)),\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </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 { useEffect, useRef, useState } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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\nimport uniqBy from 'lodash.uniqby';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  GroupedBarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\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 { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  width?: number;\r\n  labelOrder?: string[];\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  barPadding?: number;\r\n  showLabels?: boolean;\r\n  showTicks?: boolean;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  showColorScale?: boolean;\r\n  truncateBy?: number;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  showValues?: boolean;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  relativeHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  language?: Languages;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  sortParameter?: number | 'total';\r\n  sortData?: 'asc' | 'desc';\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function VerticalStackedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    truncateBy = 999,\r\n    showLabels = true,\r\n    showValues = true,\r\n    backgroundColor = false,\r\n    showColorScale = true,\r\n    suffix = '',\r\n    prefix = '',\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    relativeHeight,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    theme = 'light',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    maxBarThickness,\r\n    sortParameter,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\r\n    sortData,\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a stacked bar chart. ${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}>\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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={\r\n                          sortParameter !== undefined\r\n                            ? sortParameter === 'total'\r\n                              ? orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d => sum(d.size.filter(el => !checkIfNullOrUndefined(el))),\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d =>\r\n                                    checkIfNullOrUndefined(d.size[sortParameter])\r\n                                      ? -Infinity\r\n                                      : d.size[sortParameter],\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : ensureCompleteDataForStackedBarChart(\r\n                                data,\r\n                                timeline.dateFormat || 'yyyy',\r\n                              )\r\n                                .filter(d => (filterNA ? !d.size.every(item => item == null) : d))\r\n                                .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        barPadding={barPadding}\r\n                        showLabels={showLabels}\r\n                        showTicks={showTicks}\r\n                        truncateBy={truncateBy}\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                        showValues={showValues}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                ...data.map(\r\n                                  d => sum(d.size.filter(l => !checkIfNullOrUndefined(l))) || 0,\r\n                                ),\r\n                              )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\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                        colorDomain={colorDomain}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import { HorizontalBarGraph } from './Horizontal/BarGraph';\r\nimport { HorizontalGroupedBarGraph } from './Horizontal/GroupedBarGraph';\r\nimport { HorizontalStackedBarGraph } from './Horizontal/StackedBarGraph';\r\nimport { VerticalBarGraph } from './Vertical/BarGraph';\r\nimport { VerticalGroupedBarGraph } from './Vertical/GroupedBarGraph';\r\nimport { VerticalStackedBarGraph } from './Vertical/StackedBarGraph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  BarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  GroupedBarGraphDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: BarGraphDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\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 bars */\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  /** Color of value labels */\r\n  valueColor?: 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  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: 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 bar axis */\r\n  barAxisTitle?: string;\r\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\r\n  sortData?: 'asc' | 'desc';\r\n  /** Toggles if data point which are undefined or has value null are filtered out.  */\r\n  filterNA?: boolean;\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 SimpleBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    truncateBy,\r\n    showLabels,\r\n    showValues,\r\n    backgroundColor,\r\n    suffix,\r\n    prefix,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    graphDownload,\r\n    dataDownload,\r\n    language,\r\n    theme,\r\n    sortData,\r\n    labelOrder,\r\n    showNAColor,\r\n    minHeight,\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    valueColor,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    filterNA,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n    timeline,\r\n    naLabel,\r\n  } = props;\r\n\r\n  if (orientation === 'vertical')\r\n    return (\r\n      <VerticalBarGraph\r\n        data={data}\r\n        graphTitle={graphTitle}\r\n        colors={colors}\r\n        barPadding={barPadding}\r\n        showTicks={showTicks}\r\n        leftMargin={leftMargin}\r\n        rightMargin={rightMargin}\r\n        topMargin={topMargin}\r\n        bottomMargin={bottomMargin}\r\n        truncateBy={truncateBy}\r\n        showLabels={showLabels}\r\n        showValues={showValues}\r\n        backgroundColor={backgroundColor}\r\n        suffix={suffix}\r\n        prefix={prefix}\r\n        sources={sources}\r\n        graphDescription={graphDescription}\r\n        height={height}\r\n        width={width}\r\n        footNote={footNote}\r\n        colorDomain={colorDomain}\r\n        colorLegendTitle={colorLegendTitle}\r\n        padding={padding}\r\n        relativeHeight={relativeHeight}\r\n        tooltip={tooltip}\r\n        onSeriesMouseOver={onSeriesMouseOver}\r\n        refValues={refValues}\r\n        showColorScale={showColorScale}\r\n        graphID={graphID}\r\n        maxValue={maxValue}\r\n        minValue={minValue}\r\n        highlightedDataPoints={highlightedDataPoints}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        graphDownload={graphDownload}\r\n        dataDownload={dataDownload}\r\n        language={language}\r\n        theme={theme}\r\n        sortData={sortData}\r\n        labelOrder={labelOrder}\r\n        showNAColor={showNAColor}\r\n        minHeight={minHeight}\r\n        maxBarThickness={maxBarThickness}\r\n        maxNumberOfBars={maxNumberOfBars}\r\n        minBarThickness={minBarThickness}\r\n        ariaLabel={ariaLabel}\r\n        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n        styles={styles}\r\n        detailsOnClick={detailsOnClick}\r\n        barAxisTitle={barAxisTitle}\r\n        noOfTicks={noOfTicks}\r\n        valueColor={valueColor}\r\n        classNames={classNames}\r\n        filterNA={filterNA}\r\n        animate={animate}\r\n        dimmedOpacity={dimmedOpacity}\r\n        precision={precision}\r\n        customLayers={customLayers}\r\n        timeline={timeline}\r\n      />\r\n    );\r\n  return (\r\n    <HorizontalBarGraph\r\n      data={data}\r\n      graphTitle={graphTitle}\r\n      colors={colors}\r\n      barPadding={barPadding}\r\n      showTicks={showTicks}\r\n      leftMargin={leftMargin}\r\n      rightMargin={rightMargin}\r\n      topMargin={topMargin}\r\n      bottomMargin={bottomMargin}\r\n      truncateBy={truncateBy}\r\n      showLabels={showLabels}\r\n      showValues={showValues}\r\n      backgroundColor={backgroundColor}\r\n      suffix={suffix}\r\n      prefix={prefix}\r\n      sources={sources}\r\n      graphDescription={graphDescription}\r\n      height={height}\r\n      width={width}\r\n      footNote={footNote}\r\n      colorDomain={colorDomain}\r\n      colorLegendTitle={colorLegendTitle}\r\n      padding={padding}\r\n      relativeHeight={relativeHeight}\r\n      tooltip={tooltip}\r\n      onSeriesMouseOver={onSeriesMouseOver}\r\n      refValues={refValues}\r\n      showColorScale={showColorScale}\r\n      graphID={graphID}\r\n      maxValue={maxValue}\r\n      minValue={minValue}\r\n      highlightedDataPoints={highlightedDataPoints}\r\n      onSeriesMouseClick={onSeriesMouseClick}\r\n      graphDownload={graphDownload}\r\n      dataDownload={dataDownload}\r\n      language={language}\r\n      theme={theme}\r\n      sortData={sortData}\r\n      labelOrder={labelOrder}\r\n      showNAColor={showNAColor}\r\n      minHeight={minHeight}\r\n      maxBarThickness={maxBarThickness}\r\n      maxNumberOfBars={maxNumberOfBars}\r\n      minBarThickness={minBarThickness}\r\n      ariaLabel={ariaLabel}\r\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n      styles={styles}\r\n      detailsOnClick={detailsOnClick}\r\n      barAxisTitle={barAxisTitle}\r\n      noOfTicks={noOfTicks}\r\n      valueColor={valueColor}\r\n      classNames={classNames}\r\n      filterNA={filterNA}\r\n      dimmedOpacity={dimmedOpacity}\r\n      precision={precision}\r\n      customLayers={customLayers}\r\n      timeline={timeline}\r\n      naLabel={naLabel}\r\n    />\r\n  );\r\n}\r\n\r\ninterface GroupedBarChartProps {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: GroupedBarGraphDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for different bars in the group */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color of value labels */\r\n  valueColor?: 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  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Toggles if data points which have all the values as undefined or null are filtered out.  */\r\n  filterNA?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: 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  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\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 GroupedBarGraph(props: GroupedBarChartProps) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding,\r\n    showTicks,\r\n    truncateBy,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    padding,\r\n    backgroundColor,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload,\r\n    dataDownload,\r\n    language,\r\n    labelOrder,\r\n    minHeight,\r\n    theme,\r\n    maxBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    valueColor,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    filterNA,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    showColorScale,\r\n    timeline,\r\n    naLabel,\r\n  } = props;\r\n\r\n  if (orientation === 'vertical')\r\n    return (\r\n      <VerticalGroupedBarGraph\r\n        data={data}\r\n        graphTitle={graphTitle}\r\n        colors={colors}\r\n        sources={sources}\r\n        graphDescription={graphDescription}\r\n        barPadding={barPadding}\r\n        showTicks={showTicks}\r\n        truncateBy={truncateBy}\r\n        height={height}\r\n        width={width}\r\n        footNote={footNote}\r\n        colorDomain={colorDomain}\r\n        colorLegendTitle={colorLegendTitle}\r\n        suffix={suffix}\r\n        prefix={prefix}\r\n        showValues={showValues}\r\n        padding={padding}\r\n        backgroundColor={backgroundColor}\r\n        leftMargin={leftMargin}\r\n        rightMargin={rightMargin}\r\n        topMargin={topMargin}\r\n        bottomMargin={bottomMargin}\r\n        showLabels={showLabels}\r\n        relativeHeight={relativeHeight}\r\n        tooltip={tooltip}\r\n        onSeriesMouseOver={onSeriesMouseOver}\r\n        refValues={refValues}\r\n        graphID={graphID}\r\n        maxValue={maxValue}\r\n        minValue={minValue}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        graphDownload={graphDownload}\r\n        dataDownload={dataDownload}\r\n        language={language}\r\n        labelOrder={labelOrder}\r\n        minHeight={minHeight}\r\n        theme={theme}\r\n        maxBarThickness={maxBarThickness}\r\n        ariaLabel={ariaLabel}\r\n        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n        styles={styles}\r\n        detailsOnClick={detailsOnClick}\r\n        barAxisTitle={barAxisTitle}\r\n        noOfTicks={noOfTicks}\r\n        valueColor={valueColor}\r\n        classNames={classNames}\r\n        filterNA={filterNA}\r\n        animate={animate}\r\n        precision={precision}\r\n        customLayers={customLayers}\r\n        showColorScale={showColorScale}\r\n        timeline={timeline}\r\n        naLabel={naLabel}\r\n      />\r\n    );\r\n  return (\r\n    <HorizontalGroupedBarGraph\r\n      data={data}\r\n      graphTitle={graphTitle}\r\n      colors={colors}\r\n      sources={sources}\r\n      graphDescription={graphDescription}\r\n      barPadding={barPadding}\r\n      showTicks={showTicks}\r\n      truncateBy={truncateBy}\r\n      height={height}\r\n      width={width}\r\n      footNote={footNote}\r\n      colorDomain={colorDomain}\r\n      colorLegendTitle={colorLegendTitle}\r\n      suffix={suffix}\r\n      prefix={prefix}\r\n      showValues={showValues}\r\n      padding={padding}\r\n      backgroundColor={backgroundColor}\r\n      leftMargin={leftMargin}\r\n      rightMargin={rightMargin}\r\n      topMargin={topMargin}\r\n      bottomMargin={bottomMargin}\r\n      showLabels={showLabels}\r\n      relativeHeight={relativeHeight}\r\n      tooltip={tooltip}\r\n      onSeriesMouseOver={onSeriesMouseOver}\r\n      refValues={refValues}\r\n      graphID={graphID}\r\n      maxValue={maxValue}\r\n      minValue={minValue}\r\n      onSeriesMouseClick={onSeriesMouseClick}\r\n      graphDownload={graphDownload}\r\n      dataDownload={dataDownload}\r\n      language={language}\r\n      labelOrder={labelOrder}\r\n      minHeight={minHeight}\r\n      theme={theme}\r\n      maxBarThickness={maxBarThickness}\r\n      ariaLabel={ariaLabel}\r\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n      styles={styles}\r\n      detailsOnClick={detailsOnClick}\r\n      barAxisTitle={barAxisTitle}\r\n      noOfTicks={noOfTicks}\r\n      valueColor={valueColor}\r\n      classNames={classNames}\r\n      filterNA={filterNA}\r\n      animate={animate}\r\n      precision={precision}\r\n      customLayers={customLayers}\r\n      showColorScale={showColorScale}\r\n      timeline={timeline}\r\n      naLabel={naLabel}\r\n    />\r\n  );\r\n}\r\n\r\ninterface StackedBarChartProps {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: GroupedBarGraphDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for different bars in the group */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color of value labels */\r\n  valueColor?: 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  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: 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  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Parameter to sort the data. If a number is provided, it refers to the index of the size array to determine which value to sort by. If set to total, it sorts by the sum of all the values. */\r\n  sortParameter?: number | 'total';\r\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\r\n  sortData?: 'asc' | 'desc';\r\n  /** Toggles if data points which have all the values as undefined or null are filtered out.  */\r\n  filterNA?: boolean;\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 StackedBarGraph(props: StackedBarChartProps) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    truncateBy,\r\n    showLabels,\r\n    showValues,\r\n    backgroundColor,\r\n    suffix,\r\n    prefix,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    relativeHeight,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload,\r\n    dataDownload,\r\n    language,\r\n    theme,\r\n    labelOrder,\r\n    minHeight,\r\n    maxBarThickness,\r\n    sortParameter,\r\n    sortData,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    valueColor,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    filterNA,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    showColorScale,\r\n    timeline,\r\n    naLabel,\r\n  } = props;\r\n\r\n  if (orientation === 'vertical')\r\n    return (\r\n      <VerticalStackedBarGraph\r\n        data={data}\r\n        graphTitle={graphTitle}\r\n        colors={colors}\r\n        sources={sources}\r\n        graphDescription={graphDescription}\r\n        barPadding={barPadding}\r\n        showTicks={showTicks}\r\n        leftMargin={leftMargin}\r\n        rightMargin={rightMargin}\r\n        topMargin={topMargin}\r\n        bottomMargin={bottomMargin}\r\n        truncateBy={truncateBy}\r\n        showLabels={showLabels}\r\n        showValues={showValues}\r\n        backgroundColor={backgroundColor}\r\n        suffix={suffix}\r\n        prefix={prefix}\r\n        height={height}\r\n        width={width}\r\n        footNote={footNote}\r\n        colorDomain={colorDomain}\r\n        colorLegendTitle={colorLegendTitle}\r\n        padding={padding}\r\n        tooltip={tooltip}\r\n        onSeriesMouseOver={onSeriesMouseOver}\r\n        relativeHeight={relativeHeight}\r\n        refValues={refValues}\r\n        graphID={graphID}\r\n        maxValue={maxValue}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        graphDownload={graphDownload}\r\n        dataDownload={dataDownload}\r\n        language={language}\r\n        theme={theme}\r\n        labelOrder={labelOrder}\r\n        minHeight={minHeight}\r\n        maxBarThickness={maxBarThickness}\r\n        sortParameter={sortParameter}\r\n        sortData={sortData}\r\n        maxNumberOfBars={maxNumberOfBars}\r\n        minBarThickness={minBarThickness}\r\n        ariaLabel={ariaLabel}\r\n        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n        styles={styles}\r\n        detailsOnClick={detailsOnClick}\r\n        barAxisTitle={barAxisTitle}\r\n        noOfTicks={noOfTicks}\r\n        valueColor={valueColor}\r\n        classNames={classNames}\r\n        filterNA={filterNA}\r\n        animate={animate}\r\n        precision={precision}\r\n        customLayers={customLayers}\r\n        showColorScale={showColorScale}\r\n        timeline={timeline}\r\n        naLabel={naLabel}\r\n      />\r\n    );\r\n  return (\r\n    <HorizontalStackedBarGraph\r\n      data={data}\r\n      graphTitle={graphTitle}\r\n      colors={colors}\r\n      sources={sources}\r\n      graphDescription={graphDescription}\r\n      barPadding={barPadding}\r\n      showTicks={showTicks}\r\n      leftMargin={leftMargin}\r\n      rightMargin={rightMargin}\r\n      topMargin={topMargin}\r\n      bottomMargin={bottomMargin}\r\n      truncateBy={truncateBy}\r\n      showLabels={showLabels}\r\n      showValues={showValues}\r\n      backgroundColor={backgroundColor}\r\n      suffix={suffix}\r\n      prefix={prefix}\r\n      height={height}\r\n      width={width}\r\n      footNote={footNote}\r\n      colorDomain={colorDomain}\r\n      colorLegendTitle={colorLegendTitle}\r\n      padding={padding}\r\n      tooltip={tooltip}\r\n      onSeriesMouseOver={onSeriesMouseOver}\r\n      relativeHeight={relativeHeight}\r\n      refValues={refValues}\r\n      graphID={graphID}\r\n      maxValue={maxValue}\r\n      onSeriesMouseClick={onSeriesMouseClick}\r\n      graphDownload={graphDownload}\r\n      dataDownload={dataDownload}\r\n      language={language}\r\n      theme={theme}\r\n      labelOrder={labelOrder}\r\n      minHeight={minHeight}\r\n      maxBarThickness={maxBarThickness}\r\n      sortParameter={sortParameter}\r\n      sortData={sortData}\r\n      maxNumberOfBars={maxNumberOfBars}\r\n      minBarThickness={minBarThickness}\r\n      ariaLabel={ariaLabel}\r\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n      styles={styles}\r\n      detailsOnClick={detailsOnClick}\r\n      barAxisTitle={barAxisTitle}\r\n      noOfTicks={noOfTicks}\r\n      valueColor={valueColor}\r\n      classNames={classNames}\r\n      filterNA={filterNA}\r\n      animate={animate}\r\n      precision={precision}\r\n      customLayers={customLayers}\r\n      showColorScale={showColorScale}\r\n      timeline={timeline}\r\n      naLabel={naLabel}\r\n    />\r\n  );\r\n}\r\n"],"names":["Graph","props","data","barColor","suffix","prefix","barPadding","showValues","showTicks","leftMargin","truncateBy","width","height","colorDomain","rightMargin","topMargin","bottomMargin","showLabels","tooltip","onSeriesMouseOver","refValues","selectedColor","highlightedDataPoints","maxValue","minValue","onSeriesMouseClick","labelOrder","rtl","maxBarThickness","minBarThickness","resetSelectionOnDoubleClick","detailsOnClick","barAxisTitle","valueColor","noOfTicks","styles","classNames","animate","dimmedOpacity","precision","customLayers","naLabel","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","dataWithId","d","i","x","scaleLinear","barOrder","y","scaleBand","xTicks","jsxs","Fragment","jsx","motion","XTicksAndGridLines","AxisTitle","AnimatePresence","checkIfNullOrUndefined","event","isEqual","el","Colors","YAxesLabels","cn","Axis","RefLineX","Tooltip","Modal","string2HTML","HorizontalBarGraph","graphTitle","colors","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","sortData","language","showNAColor","minHeight","theme","maxNumberOfBars","ariaLabel","filterNA","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","sortBy","ensureCompleteDataForBarChart","format","_d","GraphFooter","barColors","subBarScale","j","numberFormattingFunction","HorizontalGroupedBarGraph","ensureCompleteDataForStackedBarChart","item","l","sum","element","k","getTextColorBasedOnBgColor","HorizontalStackedBarGraph","sortParameter","orderBy","yTicks","YTicksAndGridLines","_i","XAxesLabels","RefLineY","VerticalBarGraph","VerticalGroupedBarGraph","VerticalStackedBarGraph","SimpleBarGraph","orientation","GroupedBarGraph","StackedBarGraph"],"mappings":"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"}
+{"version":3,"file":"BarGraph.cjs","sources":["../src/Components/Graphs/BarGraph/Horizontal/BarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Horizontal/BarGraph/index.tsx","../src/Components/Graphs/BarGraph/Horizontal/GroupedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Horizontal/GroupedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/Horizontal/StackedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Horizontal/StackedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/Vertical/BarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Vertical/BarGraph/index.tsx","../src/Components/Graphs/BarGraph/Vertical/GroupedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Vertical/GroupedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/Vertical/StackedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/Vertical/StackedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  BarGraphDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineX } from '@/Components/Elements/ReferenceLine';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  barColor: string[];\r\n  colorDomain: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  showLabels: boolean;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  selectedColor?: string;\r\n  maxValue: number;\r\n  minValue: number;\r\n  highlightedDataPoints: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  rtl: boolean;\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: 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  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showValues,\r\n    showTicks,\r\n    leftMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    colorDomain,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    highlightedDataPoints,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    rtl,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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: barAxisTitle ? topMargin + 25 : topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const x = scaleLinear().domain([minValue, maxValue]).range([0, graphWidth]).nice();\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const y = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphHeight, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphHeight, maxBarThickness * barOrder.length)\r\n          : graphHeight,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const xTicks = x.ticks(noOfTicks);\r\n\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {showTicks ? (\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 - topMargin}\r\n              y2={graphHeight + margin.bottom}\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={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={graphWidth / 2}\r\n            y={0 - margin.top + 15}\r\n            style={styles?.xAxis?.title}\r\n            className={classNames?.xAxis?.title}\r\n            text={barAxisTitle}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(y(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\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                  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                  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                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      variants={{\r\n                        initial: {\r\n                          width: 0,\r\n                          x: x(0),\r\n                          y: y(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          width: d.size >= 0 ? x(d.size) - x(0) : x(0) - x(d.size),\r\n                          x: d.size >= 0 ? x(0) : x(d.size),\r\n                          y: y(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[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                      exit={{\r\n                        width: 0,\r\n                        x: x(0),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                      height={y.bandwidth()}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <YAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(d.id) || 0}\r\n                      x={(d.size || 0) < 0 ? x(0) : 0 - margin.left}\r\n                      width={(d.size || 0) < 0 ? width - x(0) : x(0) + margin.left}\r\n                      height={y.bandwidth()}\r\n                      alignment={d.size ? (d.size < 0 ? 'left' : 'right') : 'right'}\r\n                      style={styles?.yAxis?.labels}\r\n                      className={classNames?.yAxis?.labels}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: d.size ? (d.size < 0 ? 'end' : 'start') : 'start',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn(\r\n                        'graph-value text-sm',\r\n                        !valueColor && barColor.length > 1\r\n                          ? ' fill-primary-gray-600 dark:fill-primary-gray-300'\r\n                          : '',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      dx={d.size ? (d.size < 0 ? -5 : 5) : 5}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: x(0),\r\n                          y: (y(`${d.id}`) as number) + y.bandwidth() / 2,\r\n                          opacity: 0,\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          x: d.size ? x(d.size) : x(0),\r\n                          opacity: 1,\r\n                          y: (y(`${d.id}`) as number) + y.bandwidth() / 2,\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[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                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(d.size, naLabel, precision, prefix, suffix)}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            <Axis\r\n              x1={x(minValue < 0 ? 0 : minValue)}\r\n              x2={x(minValue < 0 ? 0 : minValue)}\r\n              y1={-2.5}\r\n              y2={graphHeight + margin.bottom}\r\n              classNames={{ axis: classNames?.yAxis?.axis }}\r\n              styles={{ axis: styles?.yAxis?.axis }}\r\n            />\r\n            {refValues ? (\r\n              <>\r\n                {refValues.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 - margin.top}\r\n                    y2={graphHeight + margin.bottom}\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              </>\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 uniqBy from 'lodash.uniqby';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport sortBy from 'lodash.sortby';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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  BarGraphDataType,\r\n  Languages,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\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 { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  colors?: string | string[];\r\n  labelOrder?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  minHeight?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  sources?: SourcesDataType[];\r\n  barPadding?: number;\r\n  showValues?: boolean;\r\n  showTicks?: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  truncateBy?: number;\r\n  colorDomain?: string[];\r\n  colorLegendTitle?: string;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\r\n  showLabels?: boolean;\r\n  showColorScale?: boolean;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  highlightedDataPoints?: (string | number)[];\r\n  dimmedOpacity?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  sortData?: 'asc' | 'desc';\r\n  language?: Languages;\r\n  showNAColor?: boolean;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function HorizontalBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showValues = true,\r\n    showTicks = true,\r\n    leftMargin = 100,\r\n    rightMargin = 40,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    highlightedDataPoints = [],\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 25,\r\n    bottomMargin = 10,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    sortData,\r\n    labelOrder,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\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    naLabel = 'NA',\r\n  } = props;\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a bar chart. ${\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={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex grow flex-col 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={\r\n                          sortData === 'asc'\r\n                            ? sortBy(\r\n                                ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                d => d.size,\r\n                              ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : sortData === 'desc'\r\n                              ? sortBy(\r\n                                  ensureCompleteDataForBarChart(data, 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                                    .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                  d => d.size,\r\n                                )\r\n                                  .reverse()\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColor={\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        width={width || svgWidth}\r\n                        selectedColor={selectedColor}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        barPadding={barPadding}\r\n                        showValues={showValues}\r\n                        showTicks={showTicks}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        truncateBy={truncateBy}\r\n                        showLabels={showLabels}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        labelOrder={labelOrder}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\r\n                        classNames={classNames}\r\n                        styles={styles}\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                        naLabel={naLabel}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\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              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  GroupedBarGraphDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\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 } from '@/Components/Elements/ReferenceLine';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  barColors: string[];\r\n  barPadding: number;\r\n  showTicks: boolean;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  truncateBy: number;\r\n  showLabels: boolean;\r\n  width: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues: boolean;\r\n  height: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  maxValue: number;\r\n  minValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  rtl: boolean;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    barColors,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    rtl,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: barAxisTitle ? topMargin + 25 : topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n\r\n  const x = scaleLinear().domain([minValue, maxValue]).range([0, graphWidth]).nice();\r\n  const y = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      maxBarThickness ? Math.min(graphHeight, maxBarThickness * barOrder.length) : graphHeight,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const subBarScale = scaleBand()\r\n    .domain(data[0].size.map((_d, i) => `${i}`))\r\n    .range([0, y.bandwidth()])\r\n    .paddingInner(0.1);\r\n  const xTicks = x.ticks(noOfTicks);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {showTicks ? (\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 - topMargin}\r\n              y2={graphHeight + margin.bottom}\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={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={graphWidth / 2}\r\n            y={0 - margin.top + 15}\r\n            style={styles?.xAxis?.title}\r\n            className={classNames?.xAxis?.title}\r\n            text={barAxisTitle}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(y(d.id)) ? (\r\n                <motion.g\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      x: 0,\r\n                      y: y(`${d.id}`),\r\n                    },\r\n                    whileInView: {\r\n                      x: 0,\r\n                      y: y(`${d.id}`),\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                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      className='undp-viz-g-with-hover'\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 0.85}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      {!checkIfNullOrUndefined(el) ? (\r\n                        <motion.rect\r\n                          y={subBarScale(`${j}`)}\r\n                          variants={{\r\n                            initial: {\r\n                              width: 0,\r\n                              x: x(0),\r\n                              fill: barColors[j],\r\n                            },\r\n                            whileInView: {\r\n                              width: !checkIfNullOrUndefined(el)\r\n                                ? (el as number) >= 0\r\n                                  ? x(el as number) - x(0)\r\n                                  : x(0) - x(el as number)\r\n                                : 0,\r\n                              x: (el as number) >= 0 ? x(0) : x(el as number),\r\n                              fill: barColors[j],\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          exit={{\r\n                            width: 0,\r\n                            x: x(0),\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                          height={subBarScale.bandwidth()}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                        />\r\n                      ) : null}\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          y={(subBarScale(`${j}`) as number) + subBarScale.bandwidth() / 2}\r\n                          style={{\r\n                            fill: valueColor || barColors[j],\r\n                            textAnchor: el ? (el < 0 ? 'end' : 'start') : 'start',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          dx={el ? (el < 0 ? -5 : 5) : 5}\r\n                          dy='0.33em'\r\n                          variants={{\r\n                            initial: { x: x(0), opacity: 0 },\r\n                            whileInView: {\r\n                              x: x(el || 0),\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={{\r\n                            opacity: 0,\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                        >\r\n                          {numberFormattingFunction(el, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <YAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={0}\r\n                      x={0 - margin.left}\r\n                      width={x(minValue < 0 ? 0 : minValue) + margin.left}\r\n                      height={y.bandwidth()}\r\n                      style={styles?.yAxis?.labels}\r\n                      className={classNames?.yAxis?.labels}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            <Axis\r\n              x1={x(minValue < 0 ? 0 : minValue)}\r\n              x2={x(minValue < 0 ? 0 : minValue)}\r\n              y1={-2.5}\r\n              y2={graphHeight + margin.bottom}\r\n              classNames={{ axis: classNames?.yAxis?.axis }}\r\n              styles={{ axis: styles?.yAxis?.axis }}\r\n            />\r\n            {refValues ? (\r\n              <>\r\n                {refValues.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 - margin.top}\r\n                    y2={graphHeight + margin.bottom}\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              </>\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 { 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 { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport uniqBy from 'lodash.uniqby';\r\nimport { ascending, sort } from 'd3-array';\r\nimport orderBy from 'lodash.orderby';\r\nimport sum from 'lodash.sum';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  GroupedBarGraphDataType,\r\n  Languages,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  barPadding?: number;\r\n  showTicks?: boolean;\r\n  truncateBy?: number;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  showValues?: boolean;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  showLabels?: boolean;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\r\n  sortParameter?: number | 'total';\r\n  sortData?: 'asc' | 'desc';\r\n  showColorScale?: boolean;\r\n  minHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  labelOrder?: string[];\r\n  language?: Languages;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function HorizontalGroupedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    suffix = '',\r\n    prefix = '',\r\n    showValues = true,\r\n    showColorScale = true,\r\n    padding,\r\n    backgroundColor = false,\r\n    leftMargin = 100,\r\n    rightMargin = 40,\r\n    topMargin = 25,\r\n    bottomMargin = 10,\r\n    showLabels = true,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\r\n    sortParameter,\r\n    sortData,\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a grouped bar chart. ${\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 gap-4 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            {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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={\r\n                          sortParameter !== undefined\r\n                            ? sortParameter === 'total'\r\n                              ? orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d => sum(d.size.filter(el => !checkIfNullOrUndefined(el))),\r\n                                  [sortData || 'asc'],\r\n                                )\r\n                              : orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d =>\r\n                                    checkIfNullOrUndefined(d.size[sortParameter])\r\n                                      ? -Infinity\r\n                                      : d.size[sortParameter],\r\n                                  [sortData || 'asc'],\r\n                                )\r\n                            : ensureCompleteDataForStackedBarChart(\r\n                                data,\r\n                                timeline.dateFormat || 'yyyy',\r\n                              ).filter(d => (filterNA ? !d.size.every(item => item == null) : d))\r\n                        }\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        showValues={showValues}\r\n                        barPadding={barPadding}\r\n                        showTicks={showTicks}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        truncateBy={truncateBy}\r\n                        showLabels={showLabels}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        labelOrder={labelOrder}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        maxBarThickness={maxBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        colorDomain={colorDomain}\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                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport sum from 'lodash.sum';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  GroupedBarGraphDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { RefLineX } from '@/Components/Elements/ReferenceLine';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  barColors: string[];\r\n  barPadding: number;\r\n  showTicks: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  showLabels: boolean;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  maxValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  rtl: boolean;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    barColors,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    showLabels,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    refValues,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    rtl,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: barAxisTitle ? topMargin + 25 : topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n\r\n  const x = scaleLinear().domain([0, maxValue]).range([0, graphWidth]).nice();\r\n  const y = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphHeight, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphHeight, maxBarThickness * barOrder.length)\r\n          : graphHeight,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const xTicks = x.ticks(noOfTicks);\r\n\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {showTicks ? (\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 - topMargin}\r\n              y2={graphHeight + margin.bottom}\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={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              precision={precision}\r\n            />\r\n          ) : null}\r\n          <AxisTitle\r\n            x={graphWidth / 2}\r\n            y={0 - margin.top + 15}\r\n            style={styles?.xAxis?.title}\r\n            className={classNames?.xAxis?.title}\r\n            text={barAxisTitle}\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(y(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-low-opacity undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: { x: 0, y: y(`${d.id}`) },\r\n                    whileInView: {\r\n                      x: 0,\r\n                      y: y(`${d.id}`),\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                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 1}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      {el ? (\r\n                        <motion.rect\r\n                          key={j}\r\n                          y={0}\r\n                          style={{ fill: barColors[j] }}\r\n                          height={y.bandwidth()}\r\n                          exit={{\r\n                            width: 0,\r\n                            x: x(0),\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                          variants={{\r\n                            initial: {\r\n                              width: 0,\r\n                              x: x(0),\r\n                              fill: barColors[j],\r\n                            },\r\n                            whileInView: {\r\n                              width: x(el || 0),\r\n                              x: x(\r\n                                j === 0 ? 0 : sum(d.size.filter((element, k) => k < j && element)),\r\n                              ),\r\n                              fill: barColors[j],\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                        />\r\n                      ) : null}\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          y={y.bandwidth() / 2}\r\n                          style={{\r\n                            textAnchor: 'middle',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          dy='0.33em'\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          exit={{\r\n                            opacity: 0,\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                          variants={{\r\n                            initial: {\r\n                              x: x(0),\r\n                              opacity: 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                            },\r\n                            whileInView: {\r\n                              x:\r\n                                x(\r\n                                  j === 0\r\n                                    ? 0\r\n                                    : sum(d.size.filter((element, k) => k < j && element)),\r\n                                ) +\r\n                                x(el || 0) / 2,\r\n                              opacity:\r\n                                el &&\r\n                                x(el) /\r\n                                  numberFormattingFunction(el, naLabel, precision, prefix, suffix)\r\n                                    .length >\r\n                                  12\r\n                                  ? 1\r\n                                  : 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                              transition: { duration: animate.duration },\r\n                            },\r\n                          }}\r\n                          initial='initial'\r\n                          animate={isInView ? 'whileInView' : 'initial'}\r\n                        >\r\n                          {numberFormattingFunction(el, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <YAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={0}\r\n                      x={0 - margin.left}\r\n                      width={0 + margin.left}\r\n                      height={y.bandwidth()}\r\n                      style={styles?.yAxis?.labels}\r\n                      className={classNames?.yAxis?.labels}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      className={cn(\r\n                        'graph-value graph-value-total text-sm',\r\n                        !valueColor ? ' fill-primary-gray-700 dark:fill-primary-gray-300' : '',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      style={{\r\n                        ...(valueColor ? { fill: valueColor } : {}),\r\n                        textAnchor: 'start',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      y={y.bandwidth() / 2}\r\n                      dx={5}\r\n                      dy='0.33em'\r\n                      variants={{\r\n                        initial: {\r\n                          x: x(0),\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          x: x(sum(d.size.map(el => el || 0))),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        sum(d.size.filter(element => element)),\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            <Axis\r\n              x1={x(0)}\r\n              x2={x(0)}\r\n              y1={-2.5}\r\n              y2={graphHeight + margin.bottom}\r\n              classNames={{ axis: classNames?.yAxis?.axis }}\r\n              styles={{ axis: styles?.yAxis?.axis }}\r\n            />\r\n            {refValues ? (\r\n              <>\r\n                {refValues.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 - margin.top}\r\n                    y2={graphHeight + margin.bottom}\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              </>\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 { useState, useRef, useEffect } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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\nimport uniqBy from 'lodash.uniqby';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport {\r\n  GroupedBarGraphDataType,\r\n  Languages,\r\n  ReferenceDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\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 { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  labelOrder?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  barPadding?: number;\r\n  showTicks?: boolean;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  truncateBy?: number;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  showValues?: boolean;\r\n  showLabels?: boolean;\r\n  relativeHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  language?: Languages;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  sortParameter?: number | 'total';\r\n  sortData?: 'asc' | 'desc';\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  showColorScale?: boolean;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function HorizontalStackedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 100,\r\n    rightMargin = 40,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 25,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix = '',\r\n    prefix = '',\r\n    showLabels = true,\r\n    relativeHeight,\r\n    showValues = true,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    maxBarThickness,\r\n    sortParameter,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    showColorScale = true,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\r\n    sortData,\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a stacked bar chart. ${\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 gap-4 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            {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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={\r\n                          sortParameter !== undefined\r\n                            ? sortParameter === 'total'\r\n                              ? orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d => sum(d.size.filter(el => !checkIfNullOrUndefined(el))),\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d =>\r\n                                    checkIfNullOrUndefined(d.size[sortParameter])\r\n                                      ? -Infinity\r\n                                      : d.size[sortParameter],\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : ensureCompleteDataForStackedBarChart(\r\n                                data,\r\n                                timeline.dateFormat || 'yyyy',\r\n                              )\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                                .filter(d => (filterNA ? !d.size.every(item => item == null) : d))\r\n                                .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        barPadding={barPadding}\r\n                        showTicks={showTicks}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        truncateBy={truncateBy}\r\n                        showLabels={showLabels}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        showValues={showValues}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                ...data.map(\r\n                                  d => sum(d.size.filter(l => !checkIfNullOrUndefined(l))) || 0,\r\n                                ),\r\n                              )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        rtl={language === 'he' || language === 'ar'}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\r\n                        classNames={classNames}\r\n                        styles={styles}\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                        colorDomain={colorDomain}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  AnimateDataType,\r\n  BarGraphDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\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 { string2HTML } from '@/Utils/string2HTML';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  width: number;\r\n  height: number;\r\n  barColor: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showLabels: boolean;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  colorDomain: string[];\r\n  truncateBy: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  refValues?: ReferenceDataType[];\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  selectedColor?: string;\r\n  maxValue: number;\r\n  minValue: number;\r\n  highlightedDataPoints: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: 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  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    barColor,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    colorDomain,\r\n    truncateBy,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    leftMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    selectedColor,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    dimmedOpacity,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const y = scaleLinear().domain([minValue, maxValue]).range([graphHeight, 0]).nice();\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        ref={svgRef}\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          <Axis\r\n            y1={y(minValue < 0 ? 0 : minValue)}\r\n            y2={y(minValue < 0 ? 0 : minValue)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            label={numberFormattingFunction(\r\n              minValue < 0 ? 0 : minValue,\r\n              naLabel,\r\n              precision,\r\n              prefix,\r\n              suffix,\r\n            )}\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxValue < 0 ? '1em' : -5,\r\n              y: y(minValue < 0 ? 0 : minValue),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n          ) : null}\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={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map((d, _i) =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  variants={{\r\n                    initial: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                    },\r\n                    whileInView: {\r\n                      opacity: selectedColor\r\n                        ? d.color\r\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\r\n                            ? 1\r\n                            : dimmedOpacity\r\n                          : dimmedOpacity\r\n                        : highlightedDataPoints.length !== 0\r\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\r\n                            ? 0.85\r\n                            : dimmedOpacity\r\n                          : 0.85,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\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                  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                  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                >\r\n                  {d.size ? (\r\n                    <motion.rect\r\n                      width={x.bandwidth()}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      variants={{\r\n                        initial: {\r\n                          height: 0,\r\n                          x: x(`${d.id}`),\r\n                          y: y(0),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          height: d.size ? Math.abs(y(d.size) - y(0)) : 0,\r\n                          y: d.size ? (d.size > 0 ? y(d.size) : y(0)) : y(0),\r\n                          x: x(`${d.id}`),\r\n                          fill:\r\n                            data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        height: 0,\r\n                        y: y(0),\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    />\r\n                  ) : null}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={(d.size || 0) < 0 ? 0 : y(0) + 5}\r\n                      x={x(`${d.id}`) as number}\r\n                      width={x.bandwidth()}\r\n                      height={(d.size || 0) < 0 ? y(0) - 5 : margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment={(d.size || 0) < 0 ? 'bottom' : 'top'}\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      style={{\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      className={cn(\r\n                        'graph-value text-sm',\r\n                        !valueColor && barColor.length > 1\r\n                          ? ' fill-primary-gray-600 dark:fill-primary-gray-300'\r\n                          : '',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      dy={d.size ? (d.size >= 0 ? '-5px' : '1em') : '-5px'}\r\n                      variants={{\r\n                        initial: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: y(0),\r\n                          opacity: 0,\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\r\n                        },\r\n                        whileInView: {\r\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\r\n                          y: y(d.size || 0),\r\n                          fill: valueColor\r\n                            ? valueColor\r\n                            : data.filter(el => el.color).length === 0\r\n                              ? barColor[0]\r\n                              : !d.color\r\n                                ? Colors.gray\r\n                                : barColor[colorDomain.indexOf(d.color)],\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={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                    >\r\n                      {numberFormattingFunction(d.size, naLabel, precision, prefix, suffix)}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </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 uniqBy from 'lodash.uniqby';\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport sortBy from 'lodash.sortby';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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  BarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: BarGraphDataType[];\r\n  colors?: string | string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  labelOrder?: string[];\r\n  width?: number;\r\n  height?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  sources?: SourcesDataType[];\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  barPadding?: number;\r\n  showLabels?: boolean;\r\n  showValues?: boolean;\r\n  showTicks?: boolean;\r\n  colorDomain?: string[];\r\n  colorLegendTitle?: string;\r\n  truncateBy?: number;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  relativeHeight?: number;\r\n  bottomMargin?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  showColorScale?: boolean;\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  highlightedDataPoints?: (string | number)[];\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  sortData?: 'asc' | 'desc';\r\n  language?: Languages;\r\n  showNAColor?: boolean;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  dimmedOpacity?: number;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function VerticalBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    truncateBy = 999,\r\n    showLabels = true,\r\n    showValues = true,\r\n    backgroundColor = false,\r\n    suffix = '',\r\n    prefix = '',\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale = true,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints = [],\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    theme = 'light',\r\n    sortData,\r\n    labelOrder,\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\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    naLabel = 'NA',\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a grouped bar chart. ${\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={\r\n                        colorDomain ||\r\n                        (uniqBy(\r\n                          data.filter(el => el.color),\r\n                          'color',\r\n                        ).map(d => d.color) as string[])\r\n                      }\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={showNAColor}\r\n                    />\r\n                  ) : null}\r\n                  <div\r\n                    className='flex grow flex-col 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={\r\n                          sortData === 'asc'\r\n                            ? sortBy(\r\n                                ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                d => d.size,\r\n                              ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : sortData === 'desc'\r\n                              ? sortBy(\r\n                                  ensureCompleteDataForBarChart(data, 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                                    .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\r\n                                  d => d.size,\r\n                                )\r\n                                  .reverse()\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : ensureCompleteDataForBarChart(data, 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                                  .filter(d => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\r\n                                  .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColor={\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                        colorDomain={\r\n                          data.filter(el => el.color).length === 0\r\n                            ? []\r\n                            : colorDomain ||\r\n                              (uniqBy(\r\n                                data.filter(el => el.color),\r\n                                'color',\r\n                              ).map(d => d.color) as string[])\r\n                        }\r\n                        width={width || svgWidth}\r\n                        refValues={refValues}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        barPadding={barPadding}\r\n                        showLabels={showLabels}\r\n                        showValues={showValues}\r\n                        showTicks={showTicks}\r\n                        truncateBy={truncateBy}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        selectedColor={selectedColor}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data\r\n                                    .filter(d => !checkIfNullOrUndefined(d.size))\r\n                                    .map(d => d.size as number),\r\n                                )\r\n                        }\r\n                        highlightedDataPoints={highlightedDataPoints}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\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                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  ReferenceDataType,\r\n  GroupedBarGraphDataType,\r\n  StyleObject,\r\n  ClassNameObject,\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 { string2HTML } from '@/Utils/string2HTML';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  width: number;\r\n  height: number;\r\n  barColors: string[];\r\n  suffix: string;\r\n  prefix: string;\r\n  barPadding: number;\r\n  showLabels: boolean;\r\n  showValues: boolean;\r\n  showTicks: boolean;\r\n  truncateBy: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  refValues?: ReferenceDataType[];\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  maxValue: number;\r\n  minValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    barColors,\r\n    suffix,\r\n    prefix,\r\n    barPadding,\r\n    showLabels,\r\n    showValues,\r\n    showTicks,\r\n    truncateBy,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const y = scaleLinear().domain([minValue, maxValue]).range([graphHeight, 0]).nice();\r\n\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      maxBarThickness ? Math.min(graphWidth, maxBarThickness * barOrder.length) : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const subBarScale = scaleBand()\r\n    .domain(data[0].size.map((_d, i) => `${i}`))\r\n    .range([0, x.bandwidth()])\r\n    .paddingInner(0.1);\r\n  const yTicks = y.ticks(noOfTicks);\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          <Axis\r\n            y1={y(minValue < 0 ? 0 : minValue)}\r\n            y2={y(minValue < 0 ? 0 : minValue)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            label={numberFormattingFunction(\r\n              minValue < 0 ? 0 : minValue,\r\n              naLabel,\r\n              precision,\r\n              prefix,\r\n              suffix,\r\n            )}\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              dx: 0,\r\n              dy: maxValue < 0 ? '1em' : -5,\r\n              y: y(minValue < 0 ? 0 : minValue),\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n          ) : null}\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={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: {\r\n                      x: x(`${d.id}`),\r\n                      y: 0,\r\n                    },\r\n                    whileInView: {\r\n                      x: x(`${d.id}`),\r\n                      y: 0,\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                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      className='undp-viz-g-with-hover'\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 0.85}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      <motion.rect\r\n                        x={subBarScale(`${j}`)}\r\n                        width={subBarScale.bandwidth()}\r\n                        variants={{\r\n                          initial: {\r\n                            height: 0,\r\n                            y: y(0),\r\n                            fill: barColors[j],\r\n                          },\r\n                          whileInView: {\r\n                            height: !checkIfNullOrUndefined(el)\r\n                              ? Math.abs(y(el as number) - y(0))\r\n                              : 0,\r\n                            y: !checkIfNullOrUndefined(el)\r\n                              ? (el as number) > 0\r\n                                ? y(el as number)\r\n                                : y(0)\r\n                              : y(0),\r\n                            fill: barColors[j],\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        exit={{\r\n                          height: 0,\r\n                          y: y(0),\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                      />\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          x={(subBarScale(`${j}`) as number) + subBarScale.bandwidth() / 2}\r\n                          style={{\r\n                            fill: valueColor || barColors[j],\r\n                            textAnchor: 'middle',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          dy={el ? (el >= 0 ? '-5px' : '1em') : '-5px'}\r\n                          variants={{\r\n                            initial: { y: y(0), opacity: 0 },\r\n                            whileInView: {\r\n                              y: y(el || 0),\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={{\r\n                            opacity: 0,\r\n                            transition: { duration: animate.duration },\r\n                          }}\r\n                        >\r\n                          {numberFormattingFunction(el, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={0}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </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 { 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 { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { ascending, sort } from 'd3-array';\r\nimport uniqBy from 'lodash.uniqby';\r\nimport orderBy from 'lodash.orderby';\r\nimport sum from 'lodash.sum';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  GroupedBarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  width?: number;\r\n  height?: number;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  sources?: SourcesDataType[];\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  barPadding?: number;\r\n  showLabels?: boolean;\r\n  showValues?: boolean;\r\n  showTicks?: boolean;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  showColorScale?: boolean;\r\n  labelOrder?: string[];\r\n  truncateBy?: number;\r\n  sortParameter?: number | 'total';\r\n  sortData?: 'asc' | 'desc';\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  relativeHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  language?: Languages;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function VerticalGroupedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    truncateBy = 999,\r\n    showLabels = true,\r\n    showValues = true,\r\n    backgroundColor = false,\r\n    suffix = '',\r\n    prefix = '',\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    theme = 'light',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    maxBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    showColorScale = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\r\n    sortParameter,\r\n    sortData,\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a grouped bar chart. ${\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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={\r\n                          sortParameter !== undefined\r\n                            ? sortParameter === 'total'\r\n                              ? orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d => sum(d.size.filter(el => !checkIfNullOrUndefined(el))),\r\n                                  [sortData || 'asc'],\r\n                                )\r\n                              : orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d =>\r\n                                    checkIfNullOrUndefined(d.size[sortParameter])\r\n                                      ? -Infinity\r\n                                      : d.size[sortParameter],\r\n                                  [sortData || 'asc'],\r\n                                )\r\n                            : ensureCompleteDataForStackedBarChart(\r\n                                data,\r\n                                timeline.dateFormat || 'yyyy',\r\n                              ).filter(d => (filterNA ? !d.size.every(item => item == null) : d))\r\n                        }\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        barPadding={barPadding}\r\n                        showLabels={showLabels}\r\n                        showValues={showValues}\r\n                        showTicks={showTicks}\r\n                        truncateBy={truncateBy}\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                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) < 0\r\n                              ? 0\r\n                              : Math.max(\r\n                                  ...data.map(d =>\r\n                                    Math.max(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        minValue={\r\n                          !checkIfNullOrUndefined(minValue)\r\n                            ? (minValue as number)\r\n                            : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                ) >= 0\r\n                              ? 0\r\n                              : Math.min(\r\n                                  ...data.map(d =>\r\n                                    Math.min(\r\n                                      ...(d.size.filter(\r\n                                        l => !checkIfNullOrUndefined(l),\r\n                                      ) as number[]),\r\n                                    ),\r\n                                  ),\r\n                                )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\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                        colorDomain={colorDomain}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand } from 'd3-scale';\r\nimport sum from 'lodash.sum';\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 { AnimatePresence, motion, useInView } from 'motion/react';\r\n\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  GroupedBarGraphDataType,\r\n  ReferenceDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\r\nimport { Axis } from '@/Components/Elements/Axes/Axis';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { RefLineY } from '@/Components/Elements/ReferenceLine';\r\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  width: number;\r\n  height: number;\r\n  barColors: string[];\r\n  barPadding: number;\r\n  showLabels: boolean;\r\n  showTicks: boolean;\r\n  truncateBy: number;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues: boolean;\r\n  refValues?: ReferenceDataType[];\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  maxValue: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  labelOrder?: string[];\r\n  maxBarThickness?: number;\r\n  minBarThickness?: number;\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  barAxisTitle?: string;\r\n  noOfTicks: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  colorDomain: string[];\r\n  precision: number;\r\n  customLayers: CustomLayerDataType[];\r\n  naLabel: string;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    barColors,\r\n    barPadding,\r\n    showLabels,\r\n    showTicks,\r\n    truncateBy,\r\n    leftMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    rightMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    refValues,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    selectedColor,\r\n    labelOrder,\r\n    maxBarThickness,\r\n    minBarThickness,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    valueColor,\r\n    noOfTicks,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    colorDomain,\r\n    precision,\r\n    customLayers,\r\n    naLabel,\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 margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\r\n    right: rightMargin,\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 graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n\r\n  const y = scaleLinear().domain([0, maxValue]).range([graphHeight, 0]).nice();\r\n  const dataWithId = data.map((d, i) => ({\r\n    ...d,\r\n    id: labelOrder ? `${d.label}` : `${i}`,\r\n  }));\r\n  const barOrder = labelOrder || dataWithId.map(d => `${d.id}`);\r\n  const x = scaleBand()\r\n    .domain(barOrder)\r\n    .range([\r\n      0,\r\n      minBarThickness\r\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\r\n        : maxBarThickness\r\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\r\n          : graphWidth,\r\n    ])\r\n    .paddingInner(barPadding);\r\n  const yTicks = y.ticks(noOfTicks);\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          <Axis\r\n            y1={y(0)}\r\n            y2={y(0)}\r\n            x1={0 - leftMargin}\r\n            x2={graphWidth + margin.right}\r\n            label={numberFormattingFunction(0, naLabel, precision, prefix, suffix)}\r\n            labelPos={{\r\n              x: 0 - leftMargin,\r\n              y: y(0),\r\n              dx: 0,\r\n              dy: -5,\r\n            }}\r\n            classNames={{\r\n              axis: classNames?.xAxis?.axis,\r\n              label: classNames?.yAxis?.labels,\r\n            }}\r\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\r\n          />\r\n          {showTicks ? (\r\n            <YTicksAndGridLines\r\n              values={yTicks.filter(d => d !== 0)}\r\n              y={yTicks.filter(d => d !== 0).map(d => y(d))}\r\n              x1={0 - leftMargin}\r\n              x2={graphWidth + margin.right}\r\n              styles={{\r\n                gridLines: styles?.yAxis?.gridLines,\r\n                labels: styles?.yAxis?.labels,\r\n              }}\r\n              classNames={{\r\n                gridLines: classNames?.yAxis?.gridLines,\r\n                labels: classNames?.yAxis?.labels,\r\n              }}\r\n              suffix={suffix}\r\n              prefix={prefix}\r\n              labelType='secondary'\r\n              showGridLines\r\n              labelPos='vertical'\r\n              precision={precision}\r\n            />\r\n          ) : null}\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={barAxisTitle}\r\n            rotate90\r\n          />\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <AnimatePresence>\r\n            {dataWithId.map(d =>\r\n              !checkIfNullOrUndefined(x(d.id)) ? (\r\n                <motion.g\r\n                  className='undp-viz-low-opacity undp-viz-g-with-hover'\r\n                  key={d.label}\r\n                  variants={{\r\n                    initial: { x: x(`${d.id}`), y: 0 },\r\n                    whileInView: {\r\n                      x: x(`${d.id}`),\r\n                      y: 0,\r\n                      transition: { duration: animate.duration },\r\n                    },\r\n                  }}\r\n                  transition={{ duration: animate.duration }}\r\n                  initial='initial'\r\n                  animate={isInView ? 'whileInView' : 'initial'}\r\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                >\r\n                  {d.size.map((el, j) => (\r\n                    <motion.g\r\n                      key={`${d.label}-${colorDomain[j] || j}`}\r\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 1}\r\n                      onMouseEnter={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\r\n                        setEventY(event.clientY);\r\n                        setEventX(event.clientX);\r\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\r\n                      }}\r\n                      onMouseMove={event => {\r\n                        setMouseOverData({ ...d, sizeIndex: j });\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 (\r\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\r\n                            resetSelectionOnDoubleClick\r\n                          ) {\r\n                            setMouseClickData(undefined);\r\n                            onSeriesMouseClick?.(undefined);\r\n                          } else {\r\n                            setMouseClickData({ ...d, sizeIndex: j });\r\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\r\n                          }\r\n                        }\r\n                      }}\r\n                    >\r\n                      <motion.rect\r\n                        x={0}\r\n                        width={x.bandwidth()}\r\n                        variants={{\r\n                          initial: {\r\n                            height: 0,\r\n                            fill: barColors[j],\r\n                            y: y(0),\r\n                          },\r\n                          whileInView: {\r\n                            height: Math.abs(\r\n                              y(sum(d.size.filter((element, k) => k <= j && element))) -\r\n                                y(sum(d.size.filter((element, k) => k < j && element))),\r\n                            ),\r\n                            y: y(sum(d.size.filter((element, k) => k <= j && element))),\r\n                            fill: barColors[j],\r\n                            transition: { duration: animate.duration },\r\n                          },\r\n                        }}\r\n                        initial='initial'\r\n                        animate={isInView ? 'whileInView' : 'initial'}\r\n                        exit={{\r\n                          height: 0,\r\n                          y: y(0),\r\n                          transition: { duration: animate.duration },\r\n                        }}\r\n                      />\r\n                      {showValues ? (\r\n                        <motion.text\r\n                          x={x.bandwidth() / 2}\r\n                          style={{\r\n                            fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                            textAnchor: 'middle',\r\n                            ...(styles?.graphObjectValues || {}),\r\n                          }}\r\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\r\n                          dy='0.33em'\r\n                          variants={{\r\n                            initial: {\r\n                              y: y(0),\r\n                              opacity: 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\r\n                            },\r\n                            whileInView: {\r\n                              y:\r\n                                y(sum(d.size.filter((element, k) => k <= j && element))) +\r\n                                Math.abs(\r\n                                  y(sum(d.size.filter((element, k) => k <= j && element))) -\r\n                                    y(sum(d.size.filter((element, k) => k < j && element))),\r\n                                ) /\r\n                                  2,\r\n                              opacity:\r\n                                el &&\r\n                                Math.abs(\r\n                                  y(sum(d.size.filter((element, k) => k <= j && element))) -\r\n                                    y(sum(d.size.filter((element, k) => k < j && element))),\r\n                                ) > 20\r\n                                  ? 1\r\n                                  : 0,\r\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\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, naLabel, precision, prefix, suffix)}\r\n                        </motion.text>\r\n                      ) : null}\r\n                    </motion.g>\r\n                  ))}\r\n                  {showLabels ? (\r\n                    <XAxesLabels\r\n                      value={\r\n                        `${d.label}`.length < truncateBy\r\n                          ? `${d.label}`\r\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\r\n                      }\r\n                      y={y(0) + 5}\r\n                      x={0}\r\n                      width={x.bandwidth()}\r\n                      height={margin.bottom}\r\n                      style={styles?.xAxis?.labels}\r\n                      className={classNames?.xAxis?.labels}\r\n                      alignment='top'\r\n                      animate={animate}\r\n                      isInView={isInView}\r\n                    />\r\n                  ) : null}\r\n                  {showValues ? (\r\n                    <motion.text\r\n                      style={{\r\n                        ...(valueColor && { fill: valueColor }),\r\n                        textAnchor: 'middle',\r\n                        ...(styles?.graphObjectValues || {}),\r\n                      }}\r\n                      x={x.bandwidth() / 2}\r\n                      dy={-10}\r\n                      className={cn(\r\n                        'graph-value graph-value-total',\r\n                        !valueColor\r\n                          ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-sm'\r\n                          : 'text-sm',\r\n                        classNames?.graphObjectValues,\r\n                      )}\r\n                      variants={{\r\n                        initial: {\r\n                          y: y(0),\r\n                          opacity: 0,\r\n                        },\r\n                        whileInView: {\r\n                          y: y(sum(d.size.map(el => el || 0))),\r\n                          opacity: 1,\r\n                          transition: { duration: animate.duration },\r\n                        },\r\n                      }}\r\n                      exit={{\r\n                        opacity: 0,\r\n                        transition: { duration: animate.duration },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                    >\r\n                      {numberFormattingFunction(\r\n                        sum(d.size.filter(element => element)),\r\n                        naLabel,\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )}\r\n                    </motion.text>\r\n                  ) : null}\r\n                </motion.g>\r\n              ) : null,\r\n            )}\r\n            {refValues ? (\r\n              <>\r\n                {refValues.map((el, i) => (\r\n                  <RefLineY\r\n                    key={i}\r\n                    text={el.text}\r\n                    color={el.color}\r\n                    y={y(el.value as number)}\r\n                    x1={0 - leftMargin}\r\n                    x2={graphWidth + margin.right}\r\n                    classNames={el.classNames}\r\n                    styles={el.styles}\r\n                    animate={animate}\r\n                    isInView={isInView}\r\n                  />\r\n                ))}\r\n              </>\r\n            ) : null}\r\n          </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 { useEffect, useRef, useState } from 'react';\r\nimport sum from 'lodash.sum';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\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\nimport uniqBy from 'lodash.uniqby';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  GroupedBarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\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 { Pause, Play } from '@/Components/Icons';\r\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\r\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\r\n\r\ninterface Props {\r\n  data: GroupedBarGraphDataType[];\r\n  colors?: string[];\r\n  graphTitle?: string | React.ReactNode;\r\n  width?: number;\r\n  labelOrder?: string[];\r\n  height?: number;\r\n  sources?: SourcesDataType[];\r\n  graphDescription?: string | React.ReactNode;\r\n  footNote?: string | React.ReactNode;\r\n  barPadding?: number;\r\n  showLabels?: boolean;\r\n  showTicks?: boolean;\r\n  colorDomain: string[];\r\n  colorLegendTitle?: string;\r\n  showColorScale?: boolean;\r\n  truncateBy?: number;\r\n  backgroundColor?: string | boolean;\r\n  padding?: string;\r\n  leftMargin?: number;\r\n  rightMargin?: number;\r\n  topMargin?: number;\r\n  bottomMargin?: number;\r\n  showValues?: boolean;\r\n  suffix?: string;\r\n  prefix?: string;\r\n  relativeHeight?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  refValues?: ReferenceDataType[];\r\n  graphID?: string;\r\n  maxValue?: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  graphDownload?: boolean;\r\n  dataDownload?: boolean;\r\n  language?: Languages;\r\n  minHeight?: number;\r\n  theme?: 'light' | 'dark';\r\n  maxBarThickness?: number;\r\n  sortParameter?: number | 'total';\r\n  sortData?: 'asc' | 'desc';\r\n  maxNumberOfBars?: number;\r\n  minBarThickness?: number;\r\n  ariaLabel?: 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  barAxisTitle?: string;\r\n  noOfTicks?: number;\r\n  valueColor?: string;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  filterNA?: boolean;\r\n  animate?: boolean | AnimateDataType;\r\n  precision?: number;\r\n  customLayers?: CustomLayerDataType[];\r\n  timeline?: TimelineDataType;\r\n  naLabel?: string;\r\n}\r\n\r\nexport function VerticalStackedBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors = Colors.light.categoricalColors.colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding = 0.25,\r\n    showTicks = true,\r\n    leftMargin = 20,\r\n    rightMargin = 20,\r\n    topMargin = 20,\r\n    bottomMargin = 25,\r\n    truncateBy = 999,\r\n    showLabels = true,\r\n    showValues = true,\r\n    backgroundColor = false,\r\n    showColorScale = true,\r\n    suffix = '',\r\n    prefix = '',\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    relativeHeight,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    theme = 'light',\r\n    labelOrder,\r\n    minHeight = 0,\r\n    maxBarThickness,\r\n    sortParameter,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks = 5,\r\n    valueColor,\r\n    styles,\r\n    classNames,\r\n    filterNA = true,\r\n    animate = false,\r\n    precision = 2,\r\n    customLayers = [],\r\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\r\n    naLabel = 'NA',\r\n    sortData,\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(\r\n      data.filter(d => d.date !== undefined && d.date !== null),\r\n      d => d.date,\r\n    ).map(d => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\r\n    (a, b) => ascending(a, b),\r\n  );\r\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\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          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          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a stacked bar chart. ${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}>\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 ? (\r\n                    <ColorLegendWithMouseOver\r\n                      width={width}\r\n                      colorDomain={colorDomain}\r\n                      colors={colors}\r\n                      colorLegendTitle={colorLegendTitle}\r\n                      setSelectedColor={setSelectedColor}\r\n                      showNAColor={false}\r\n                    />\r\n                  ) : null}\r\n                  <div className='w-full grow leading-0' ref={graphDiv} aria-label='Graph area'>\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={\r\n                          sortParameter !== undefined\r\n                            ? sortParameter === 'total'\r\n                              ? orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d => sum(d.size.filter(el => !checkIfNullOrUndefined(el))),\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                              : orderBy(\r\n                                  ensureCompleteDataForStackedBarChart(\r\n                                    data,\r\n                                    timeline.dateFormat || 'yyyy',\r\n                                  )\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                                    .filter(d =>\r\n                                      filterNA ? !d.size.every(item => item == null) : d,\r\n                                    ),\r\n                                  d =>\r\n                                    checkIfNullOrUndefined(d.size[sortParameter])\r\n                                      ? -Infinity\r\n                                      : d.size[sortParameter],\r\n                                  [sortData || 'asc'],\r\n                                ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                            : ensureCompleteDataForStackedBarChart(\r\n                                data,\r\n                                timeline.dateFormat || 'yyyy',\r\n                              )\r\n                                .filter(d => (filterNA ? !d.size.every(item => item == null) : d))\r\n                                .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\r\n                        }\r\n                        barColors={colors}\r\n                        width={width || svgWidth}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        barPadding={barPadding}\r\n                        showLabels={showLabels}\r\n                        showTicks={showTicks}\r\n                        truncateBy={truncateBy}\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                        showValues={showValues}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        refValues={refValues}\r\n                        maxValue={\r\n                          !checkIfNullOrUndefined(maxValue)\r\n                            ? (maxValue as number)\r\n                            : Math.max(\r\n                                ...data.map(\r\n                                  d => sum(d.size.filter(l => !checkIfNullOrUndefined(l))) || 0,\r\n                                ),\r\n                              )\r\n                        }\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        selectedColor={selectedColor}\r\n                        labelOrder={labelOrder}\r\n                        maxBarThickness={maxBarThickness}\r\n                        minBarThickness={minBarThickness}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        barAxisTitle={barAxisTitle}\r\n                        noOfTicks={noOfTicks}\r\n                        valueColor={valueColor}\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                        colorDomain={colorDomain}\r\n                        precision={precision}\r\n                        customLayers={customLayers}\r\n                        naLabel={naLabel}\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","import { HorizontalBarGraph } from './Horizontal/BarGraph';\r\nimport { HorizontalGroupedBarGraph } from './Horizontal/GroupedBarGraph';\r\nimport { HorizontalStackedBarGraph } from './Horizontal/StackedBarGraph';\r\nimport { VerticalBarGraph } from './Vertical/BarGraph';\r\nimport { VerticalGroupedBarGraph } from './Vertical/GroupedBarGraph';\r\nimport { VerticalStackedBarGraph } from './Vertical/StackedBarGraph';\r\n\r\nimport {\r\n  ReferenceDataType,\r\n  BarGraphDataType,\r\n  SourcesDataType,\r\n  Languages,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  GroupedBarGraphDataType,\r\n  CustomLayerDataType,\r\n  AnimateDataType,\r\n  TimelineDataType,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: BarGraphDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\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 bars */\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  /** Color of value labels */\r\n  valueColor?: 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  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: 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 bar axis */\r\n  barAxisTitle?: string;\r\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\r\n  sortData?: 'asc' | 'desc';\r\n  /** Toggles if data point which are undefined or has value null are filtered out.  */\r\n  filterNA?: boolean;\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 SimpleBarGraph(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    truncateBy,\r\n    showLabels,\r\n    showValues,\r\n    backgroundColor,\r\n    suffix,\r\n    prefix,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    showColorScale,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    highlightedDataPoints,\r\n    onSeriesMouseClick,\r\n    graphDownload,\r\n    dataDownload,\r\n    language,\r\n    theme,\r\n    sortData,\r\n    labelOrder,\r\n    showNAColor,\r\n    minHeight,\r\n    maxBarThickness,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    valueColor,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    filterNA,\r\n    animate,\r\n    dimmedOpacity,\r\n    precision,\r\n    customLayers,\r\n    timeline,\r\n    naLabel,\r\n  } = props;\r\n\r\n  if (orientation === 'vertical')\r\n    return (\r\n      <VerticalBarGraph\r\n        data={data}\r\n        graphTitle={graphTitle}\r\n        colors={colors}\r\n        barPadding={barPadding}\r\n        showTicks={showTicks}\r\n        leftMargin={leftMargin}\r\n        rightMargin={rightMargin}\r\n        topMargin={topMargin}\r\n        bottomMargin={bottomMargin}\r\n        truncateBy={truncateBy}\r\n        showLabels={showLabels}\r\n        showValues={showValues}\r\n        backgroundColor={backgroundColor}\r\n        suffix={suffix}\r\n        prefix={prefix}\r\n        sources={sources}\r\n        graphDescription={graphDescription}\r\n        height={height}\r\n        width={width}\r\n        footNote={footNote}\r\n        colorDomain={colorDomain}\r\n        colorLegendTitle={colorLegendTitle}\r\n        padding={padding}\r\n        relativeHeight={relativeHeight}\r\n        tooltip={tooltip}\r\n        onSeriesMouseOver={onSeriesMouseOver}\r\n        refValues={refValues}\r\n        showColorScale={showColorScale}\r\n        graphID={graphID}\r\n        maxValue={maxValue}\r\n        minValue={minValue}\r\n        highlightedDataPoints={highlightedDataPoints}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        graphDownload={graphDownload}\r\n        dataDownload={dataDownload}\r\n        language={language}\r\n        theme={theme}\r\n        sortData={sortData}\r\n        labelOrder={labelOrder}\r\n        showNAColor={showNAColor}\r\n        minHeight={minHeight}\r\n        maxBarThickness={maxBarThickness}\r\n        maxNumberOfBars={maxNumberOfBars}\r\n        minBarThickness={minBarThickness}\r\n        ariaLabel={ariaLabel}\r\n        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n        styles={styles}\r\n        detailsOnClick={detailsOnClick}\r\n        barAxisTitle={barAxisTitle}\r\n        noOfTicks={noOfTicks}\r\n        valueColor={valueColor}\r\n        classNames={classNames}\r\n        filterNA={filterNA}\r\n        animate={animate}\r\n        dimmedOpacity={dimmedOpacity}\r\n        precision={precision}\r\n        customLayers={customLayers}\r\n        timeline={timeline}\r\n      />\r\n    );\r\n  return (\r\n    <HorizontalBarGraph\r\n      data={data}\r\n      graphTitle={graphTitle}\r\n      colors={colors}\r\n      barPadding={barPadding}\r\n      showTicks={showTicks}\r\n      leftMargin={leftMargin}\r\n      rightMargin={rightMargin}\r\n      topMargin={topMargin}\r\n      bottomMargin={bottomMargin}\r\n      truncateBy={truncateBy}\r\n      showLabels={showLabels}\r\n      showValues={showValues}\r\n      backgroundColor={backgroundColor}\r\n      suffix={suffix}\r\n      prefix={prefix}\r\n      sources={sources}\r\n      graphDescription={graphDescription}\r\n      height={height}\r\n      width={width}\r\n      footNote={footNote}\r\n      colorDomain={colorDomain}\r\n      colorLegendTitle={colorLegendTitle}\r\n      padding={padding}\r\n      relativeHeight={relativeHeight}\r\n      tooltip={tooltip}\r\n      onSeriesMouseOver={onSeriesMouseOver}\r\n      refValues={refValues}\r\n      showColorScale={showColorScale}\r\n      graphID={graphID}\r\n      maxValue={maxValue}\r\n      minValue={minValue}\r\n      highlightedDataPoints={highlightedDataPoints}\r\n      onSeriesMouseClick={onSeriesMouseClick}\r\n      graphDownload={graphDownload}\r\n      dataDownload={dataDownload}\r\n      language={language}\r\n      theme={theme}\r\n      sortData={sortData}\r\n      labelOrder={labelOrder}\r\n      showNAColor={showNAColor}\r\n      minHeight={minHeight}\r\n      maxBarThickness={maxBarThickness}\r\n      maxNumberOfBars={maxNumberOfBars}\r\n      minBarThickness={minBarThickness}\r\n      ariaLabel={ariaLabel}\r\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n      styles={styles}\r\n      detailsOnClick={detailsOnClick}\r\n      barAxisTitle={barAxisTitle}\r\n      noOfTicks={noOfTicks}\r\n      valueColor={valueColor}\r\n      classNames={classNames}\r\n      filterNA={filterNA}\r\n      dimmedOpacity={dimmedOpacity}\r\n      precision={precision}\r\n      customLayers={customLayers}\r\n      timeline={timeline}\r\n      naLabel={naLabel}\r\n    />\r\n  );\r\n}\r\n\r\ninterface GroupedBarChartProps {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: GroupedBarGraphDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for different bars in the group */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color of value labels */\r\n  valueColor?: 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  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n  /** Truncate labels by specified length */\r\n  truncateBy?: number;\r\n  /** Toggles if data points which have all the values as undefined or null are filtered out.  */\r\n  filterNA?: boolean;\r\n  /** Parameter to sort the data. If a number is provided, it refers to the index of the size array to determine which value to sort by. If set to total, it sorts by the sum of all the values. */\r\n  sortParameter?: number | 'total';\r\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\r\n  sortData?: 'asc' | 'desc';\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: 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  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\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 GroupedBarGraph(props: GroupedBarChartProps) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding,\r\n    showTicks,\r\n    truncateBy,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    padding,\r\n    backgroundColor,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    showLabels,\r\n    relativeHeight,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    minValue,\r\n    onSeriesMouseClick,\r\n    graphDownload,\r\n    dataDownload,\r\n    language,\r\n    labelOrder,\r\n    minHeight,\r\n    theme,\r\n    sortParameter,\r\n    sortData,\r\n    maxBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    valueColor,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    filterNA,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    showColorScale,\r\n    timeline,\r\n    naLabel,\r\n  } = props;\r\n\r\n  if (orientation === 'vertical')\r\n    return (\r\n      <VerticalGroupedBarGraph\r\n        data={data}\r\n        graphTitle={graphTitle}\r\n        colors={colors}\r\n        sources={sources}\r\n        graphDescription={graphDescription}\r\n        barPadding={barPadding}\r\n        showTicks={showTicks}\r\n        truncateBy={truncateBy}\r\n        height={height}\r\n        width={width}\r\n        footNote={footNote}\r\n        colorDomain={colorDomain}\r\n        colorLegendTitle={colorLegendTitle}\r\n        suffix={suffix}\r\n        prefix={prefix}\r\n        showValues={showValues}\r\n        padding={padding}\r\n        backgroundColor={backgroundColor}\r\n        leftMargin={leftMargin}\r\n        rightMargin={rightMargin}\r\n        sortParameter={sortParameter}\r\n        sortData={sortData}\r\n        topMargin={topMargin}\r\n        bottomMargin={bottomMargin}\r\n        showLabels={showLabels}\r\n        relativeHeight={relativeHeight}\r\n        tooltip={tooltip}\r\n        onSeriesMouseOver={onSeriesMouseOver}\r\n        refValues={refValues}\r\n        graphID={graphID}\r\n        maxValue={maxValue}\r\n        minValue={minValue}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        graphDownload={graphDownload}\r\n        dataDownload={dataDownload}\r\n        language={language}\r\n        labelOrder={labelOrder}\r\n        minHeight={minHeight}\r\n        theme={theme}\r\n        maxBarThickness={maxBarThickness}\r\n        ariaLabel={ariaLabel}\r\n        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n        styles={styles}\r\n        detailsOnClick={detailsOnClick}\r\n        barAxisTitle={barAxisTitle}\r\n        noOfTicks={noOfTicks}\r\n        valueColor={valueColor}\r\n        classNames={classNames}\r\n        filterNA={filterNA}\r\n        animate={animate}\r\n        precision={precision}\r\n        customLayers={customLayers}\r\n        showColorScale={showColorScale}\r\n        timeline={timeline}\r\n        naLabel={naLabel}\r\n      />\r\n    );\r\n  return (\r\n    <HorizontalGroupedBarGraph\r\n      data={data}\r\n      graphTitle={graphTitle}\r\n      colors={colors}\r\n      sortParameter={sortParameter}\r\n      sortData={sortData}\r\n      sources={sources}\r\n      graphDescription={graphDescription}\r\n      barPadding={barPadding}\r\n      showTicks={showTicks}\r\n      truncateBy={truncateBy}\r\n      height={height}\r\n      width={width}\r\n      footNote={footNote}\r\n      colorDomain={colorDomain}\r\n      colorLegendTitle={colorLegendTitle}\r\n      suffix={suffix}\r\n      prefix={prefix}\r\n      showValues={showValues}\r\n      padding={padding}\r\n      backgroundColor={backgroundColor}\r\n      leftMargin={leftMargin}\r\n      rightMargin={rightMargin}\r\n      topMargin={topMargin}\r\n      bottomMargin={bottomMargin}\r\n      showLabels={showLabels}\r\n      relativeHeight={relativeHeight}\r\n      tooltip={tooltip}\r\n      onSeriesMouseOver={onSeriesMouseOver}\r\n      refValues={refValues}\r\n      graphID={graphID}\r\n      maxValue={maxValue}\r\n      minValue={minValue}\r\n      onSeriesMouseClick={onSeriesMouseClick}\r\n      graphDownload={graphDownload}\r\n      dataDownload={dataDownload}\r\n      language={language}\r\n      labelOrder={labelOrder}\r\n      minHeight={minHeight}\r\n      theme={theme}\r\n      maxBarThickness={maxBarThickness}\r\n      ariaLabel={ariaLabel}\r\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n      styles={styles}\r\n      detailsOnClick={detailsOnClick}\r\n      barAxisTitle={barAxisTitle}\r\n      noOfTicks={noOfTicks}\r\n      valueColor={valueColor}\r\n      classNames={classNames}\r\n      filterNA={filterNA}\r\n      animate={animate}\r\n      precision={precision}\r\n      customLayers={customLayers}\r\n      showColorScale={showColorScale}\r\n      timeline={timeline}\r\n      naLabel={naLabel}\r\n    />\r\n  );\r\n}\r\n\r\ninterface StackedBarChartProps {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: GroupedBarGraphDataType[];\r\n\r\n  /** Orientation of the graph */\r\n  orientation?: 'vertical' | 'horizontal';\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for different bars in the group */\r\n  colors?: string[];\r\n  /** Domain of colors for the graph */\r\n  colorDomain: string[];\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Color of value labels */\r\n  valueColor?: 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  /** Padding between bars */\r\n  barPadding?: number;\r\n  /** Maximum thickness of bars */\r\n  maxBarThickness?: number;\r\n  /** Minimum thickness of bars */\r\n  minBarThickness?: number;\r\n  /** Maximum number of bars shown in the graph */\r\n  maxNumberOfBars?: number;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n  refValues?: ReferenceDataType[];\r\n  /** Number of ticks on the axis */\r\n  noOfTicks?: number;\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels */\r\n  showLabels?: boolean;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Custom order for labels */\r\n  labelOrder?: string[];\r\n  /** Toggle visibility of axis ticks */\r\n  showTicks?: 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  /** Title for the bar axis */\r\n  barAxisTitle?: string;\r\n  /** Defines how “NA” values should be displayed/labelled in the graph */\r\n  naLabel?: string;\r\n  /** Parameter to sort the data. If a number is provided, it refers to the index of the size array to determine which value to sort by. If set to total, it sorts by the sum of all the values. */\r\n  sortParameter?: number | 'total';\r\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\r\n  sortData?: 'asc' | 'desc';\r\n  /** Toggles if data points which have all the values as undefined or null are filtered out.  */\r\n  filterNA?: boolean;\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 StackedBarGraph(props: StackedBarChartProps) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    barPadding,\r\n    showTicks,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    truncateBy,\r\n    showLabels,\r\n    showValues,\r\n    backgroundColor,\r\n    suffix,\r\n    prefix,\r\n    height,\r\n    width,\r\n    footNote,\r\n    colorDomain,\r\n    colorLegendTitle,\r\n    padding,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    relativeHeight,\r\n    refValues,\r\n    graphID,\r\n    maxValue,\r\n    onSeriesMouseClick,\r\n    graphDownload,\r\n    dataDownload,\r\n    language,\r\n    theme,\r\n    labelOrder,\r\n    minHeight,\r\n    maxBarThickness,\r\n    sortParameter,\r\n    sortData,\r\n    maxNumberOfBars,\r\n    minBarThickness,\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    barAxisTitle,\r\n    noOfTicks,\r\n    valueColor,\r\n    orientation = 'vertical',\r\n    styles,\r\n    classNames,\r\n    filterNA,\r\n    animate,\r\n    precision,\r\n    customLayers,\r\n    showColorScale,\r\n    timeline,\r\n    naLabel,\r\n  } = props;\r\n\r\n  if (orientation === 'vertical')\r\n    return (\r\n      <VerticalStackedBarGraph\r\n        data={data}\r\n        graphTitle={graphTitle}\r\n        colors={colors}\r\n        sources={sources}\r\n        graphDescription={graphDescription}\r\n        barPadding={barPadding}\r\n        showTicks={showTicks}\r\n        leftMargin={leftMargin}\r\n        rightMargin={rightMargin}\r\n        topMargin={topMargin}\r\n        bottomMargin={bottomMargin}\r\n        truncateBy={truncateBy}\r\n        showLabels={showLabels}\r\n        showValues={showValues}\r\n        backgroundColor={backgroundColor}\r\n        suffix={suffix}\r\n        prefix={prefix}\r\n        height={height}\r\n        width={width}\r\n        footNote={footNote}\r\n        colorDomain={colorDomain}\r\n        colorLegendTitle={colorLegendTitle}\r\n        padding={padding}\r\n        tooltip={tooltip}\r\n        onSeriesMouseOver={onSeriesMouseOver}\r\n        relativeHeight={relativeHeight}\r\n        refValues={refValues}\r\n        graphID={graphID}\r\n        maxValue={maxValue}\r\n        onSeriesMouseClick={onSeriesMouseClick}\r\n        graphDownload={graphDownload}\r\n        dataDownload={dataDownload}\r\n        language={language}\r\n        theme={theme}\r\n        labelOrder={labelOrder}\r\n        minHeight={minHeight}\r\n        maxBarThickness={maxBarThickness}\r\n        sortParameter={sortParameter}\r\n        sortData={sortData}\r\n        maxNumberOfBars={maxNumberOfBars}\r\n        minBarThickness={minBarThickness}\r\n        ariaLabel={ariaLabel}\r\n        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n        styles={styles}\r\n        detailsOnClick={detailsOnClick}\r\n        barAxisTitle={barAxisTitle}\r\n        noOfTicks={noOfTicks}\r\n        valueColor={valueColor}\r\n        classNames={classNames}\r\n        filterNA={filterNA}\r\n        animate={animate}\r\n        precision={precision}\r\n        customLayers={customLayers}\r\n        showColorScale={showColorScale}\r\n        timeline={timeline}\r\n        naLabel={naLabel}\r\n      />\r\n    );\r\n  return (\r\n    <HorizontalStackedBarGraph\r\n      data={data}\r\n      graphTitle={graphTitle}\r\n      colors={colors}\r\n      sources={sources}\r\n      graphDescription={graphDescription}\r\n      barPadding={barPadding}\r\n      showTicks={showTicks}\r\n      leftMargin={leftMargin}\r\n      rightMargin={rightMargin}\r\n      topMargin={topMargin}\r\n      bottomMargin={bottomMargin}\r\n      truncateBy={truncateBy}\r\n      showLabels={showLabels}\r\n      showValues={showValues}\r\n      backgroundColor={backgroundColor}\r\n      suffix={suffix}\r\n      prefix={prefix}\r\n      height={height}\r\n      width={width}\r\n      footNote={footNote}\r\n      colorDomain={colorDomain}\r\n      colorLegendTitle={colorLegendTitle}\r\n      padding={padding}\r\n      tooltip={tooltip}\r\n      onSeriesMouseOver={onSeriesMouseOver}\r\n      relativeHeight={relativeHeight}\r\n      refValues={refValues}\r\n      graphID={graphID}\r\n      maxValue={maxValue}\r\n      onSeriesMouseClick={onSeriesMouseClick}\r\n      graphDownload={graphDownload}\r\n      dataDownload={dataDownload}\r\n      language={language}\r\n      theme={theme}\r\n      labelOrder={labelOrder}\r\n      minHeight={minHeight}\r\n      maxBarThickness={maxBarThickness}\r\n      sortParameter={sortParameter}\r\n      sortData={sortData}\r\n      maxNumberOfBars={maxNumberOfBars}\r\n      minBarThickness={minBarThickness}\r\n      ariaLabel={ariaLabel}\r\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n      styles={styles}\r\n      detailsOnClick={detailsOnClick}\r\n      barAxisTitle={barAxisTitle}\r\n      noOfTicks={noOfTicks}\r\n      valueColor={valueColor}\r\n      classNames={classNames}\r\n      filterNA={filterNA}\r\n      animate={animate}\r\n      precision={precision}\r\n      customLayers={customLayers}\r\n      showColorScale={showColorScale}\r\n      timeline={timeline}\r\n      naLabel={naLabel}\r\n    />\r\n  );\r\n}\r\n"],"names":["Graph","props","data","barColor","suffix","prefix","barPadding","showValues","showTicks","leftMargin","truncateBy","width","height","colorDomain","rightMargin","topMargin","bottomMargin","showLabels","tooltip","onSeriesMouseOver","refValues","selectedColor","highlightedDataPoints","maxValue","minValue","onSeriesMouseClick","labelOrder","rtl","maxBarThickness","minBarThickness","resetSelectionOnDoubleClick","detailsOnClick","barAxisTitle","valueColor","noOfTicks","styles","classNames","animate","dimmedOpacity","precision","customLayers","naLabel","svgRef","useRef","isInView","useInView","mouseOverData","setMouseOverData","useState","mouseClickData","setMouseClickData","eventX","setEventX","eventY","setEventY","margin","graphWidth","graphHeight","dataWithId","d","i","x","scaleLinear","barOrder","y","scaleBand","xTicks","jsxs","Fragment","jsx","motion","XTicksAndGridLines","AxisTitle","AnimatePresence","checkIfNullOrUndefined","event","isEqual","el","Colors","YAxesLabels","cn","Axis","RefLineX","Tooltip","Modal","string2HTML","HorizontalBarGraph","graphTitle","colors","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","showColorScale","graphID","graphDownload","dataDownload","sortData","language","showNAColor","minHeight","theme","maxNumberOfBars","ariaLabel","filterNA","timeline","svgWidth","setSvgWidth","svgHeight","setSvgHeight","play","setPlay","uniqDatesSorted","sort","uniqBy","parse","b","ascending","index","setIndex","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","interval","markObj","getSliderMarks","GraphHeader","Pause","Play","SliderUI","nextValue","EmptyState","ColorLegendWithMouseOver","sortBy","ensureCompleteDataForBarChart","format","_d","GraphFooter","barColors","subBarScale","j","numberFormattingFunction","HorizontalGroupedBarGraph","sortParameter","a","orderBy","ensureCompleteDataForStackedBarChart","item","sum","l","element","k","getTextColorBasedOnBgColor","HorizontalStackedBarGraph","yTicks","YTicksAndGridLines","_i","XAxesLabels","RefLineY","VerticalBarGraph","VerticalGroupedBarGraph","VerticalStackedBarGraph","SimpleBarGraph","orientation","GroupedBarGraph","StackedBarGraph"],"mappings":"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"}